Use @fluentui/react DocumentCard (#715)
Co-authored-by: Steve Faulkner <southpolesteve@gmail.com>
This commit is contained in:
parent
9d5c9d6296
commit
a81b1a40a3
|
@ -2109,52 +2109,56 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@fluentui/date-time-utilities": {
|
|
||||||
"version": "7.9.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/date-time-utilities/-/date-time-utilities-7.9.1.tgz",
|
|
||||||
"integrity": "sha512-o8iU1VIY+QsqVRWARKiky29fh4KR1xaKSgMClXIi65qkt8EDDhjmlzL0KVDEoDA2GWukwb/1PpaVCWDg4v3cUQ==",
|
|
||||||
"requires": {
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@fluentui/dom-utilities": {
|
"@fluentui/dom-utilities": {
|
||||||
"version": "1.1.2",
|
"version": "2.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/dom-utilities/-/dom-utilities-1.1.2.tgz",
|
"resolved": "https://registry.npmjs.org/@fluentui/dom-utilities/-/dom-utilities-2.1.0.tgz",
|
||||||
"integrity": "sha512-XqPS7l3YoMwxdNlaYF6S2Mp0K3FmVIOIy2K3YkMc+eRxu9wFK6emr2Q/3rBhtG5u/On37NExRT7/5CTLnoi9gw==",
|
"integrity": "sha512-DMr0uH4EtyXgdpVLyvWq60YtWN38jx22rtdsEIbbBNYcFgcl3rRa7M8p/rnaw/k/KWX35H40AYga1SM6Zgpyww==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"@uifabric/set-version": "^7.0.24",
|
"@fluentui/set-version": "^8.1.0",
|
||||||
"tslib": "^1.10.0"
|
"tslib": "^2.1.0"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"tslib": {
|
||||||
|
"version": "2.2.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
|
||||||
|
"integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@fluentui/font-icons-mdl2": {
|
"@fluentui/font-icons-mdl2": {
|
||||||
"version": "8.0.5",
|
"version": "8.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/font-icons-mdl2/-/font-icons-mdl2-8.0.5.tgz",
|
"resolved": "https://registry.npmjs.org/@fluentui/font-icons-mdl2/-/font-icons-mdl2-8.1.0.tgz",
|
||||||
"integrity": "sha512-/2Qx/LCZH+rupbhzZ+WKCrw2XK3J2wj3pjMPLTLj/6rnmouA7yywFDiHIAseQXPhY34nzRVX4x3zEjz3RMWvmA==",
|
"integrity": "sha512-U0nAsv/vULZ4ezHDw0umk4mijSot9BNDXl0dZ4ZatxLBr8JZkNgTDowBZ9aEyWuFukZ6Lf0V/eEPIeJULrUDfw==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"@fluentui/set-version": "^8.0.3",
|
"@fluentui/set-version": "^8.1.0",
|
||||||
"@fluentui/style-utilities": "^8.0.5",
|
"@fluentui/style-utilities": "^8.1.0",
|
||||||
"tslib": "^1.10.0"
|
"tslib": "^2.1.0"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"tslib": {
|
||||||
|
"version": "2.2.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
|
||||||
|
"integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@fluentui/foundation-legacy": {
|
"@fluentui/foundation-legacy": {
|
||||||
"version": "8.0.5",
|
"version": "8.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/foundation-legacy/-/foundation-legacy-8.0.5.tgz",
|
"resolved": "https://registry.npmjs.org/@fluentui/foundation-legacy/-/foundation-legacy-8.1.0.tgz",
|
||||||
"integrity": "sha512-bHODfopWfT4HfBvXFCyfKxi7/BrIVgKUvQ4X3L2GXUZv6jjQMvLPWZ1u8n2tdp91ch1KSWnBXklGaK/nyK1M5w==",
|
"integrity": "sha512-GC6MkfcBbfqltgKe0hi4Wq0DTj8UxSFUdoOG9QQDLjIjI1r+L935ba0x91phqB9nptJCp+5TjkTtz7Q1lJ97Tw==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"@fluentui/merge-styles": "^8.0.4",
|
"@fluentui/merge-styles": "^8.1.0",
|
||||||
"@fluentui/set-version": "^8.0.3",
|
"@fluentui/set-version": "^8.1.0",
|
||||||
"@fluentui/style-utilities": "^8.0.5",
|
"@fluentui/style-utilities": "^8.1.0",
|
||||||
"@fluentui/utilities": "^8.0.5",
|
"@fluentui/utilities": "^8.1.0",
|
||||||
"tslib": "^1.10.0"
|
"tslib": "^2.1.0"
|
||||||
}
|
},
|
||||||
},
|
"dependencies": {
|
||||||
"@fluentui/keyboard-key": {
|
"tslib": {
|
||||||
"version": "0.2.17",
|
"version": "2.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/keyboard-key/-/keyboard-key-0.2.17.tgz",
|
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
|
||||||
"integrity": "sha512-iT1bU56rKrKEOfODoW6fScY11qj3iaYrZ+z11T6fo5+TDm84UGkkXjLXJTE57ZJzg0/gbccHQWYv+chY7bJN8Q==",
|
"integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
|
||||||
"requires": {
|
}
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@fluentui/merge-styles": {
|
"@fluentui/merge-styles": {
|
||||||
|
@ -2174,23 +2178,23 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@fluentui/react": {
|
"@fluentui/react": {
|
||||||
"version": "8.10.1",
|
"version": "8.14.3",
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/react/-/react-8.10.1.tgz",
|
"resolved": "https://registry.npmjs.org/@fluentui/react/-/react-8.14.3.tgz",
|
||||||
"integrity": "sha512-J6wCfkkCzJ2Z9K6KVCrshpDDnhh5smKEGChsxMkLRoXYeAlVUMiS9lLg93PW+AbY4NfG+tNO2Ug8itNKpUmlYw==",
|
"integrity": "sha512-Gp4VBtZk5h5kXpu1vU+KvTvcRaMleD5Yl7c5XLmRVyEfofgw1Sd+M7h+1aQkwHPxvl9h7ebaJce3PbJ+xuE7Ag==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"@fluentui/date-time-utilities": "^8.0.2",
|
"@fluentui/date-time-utilities": "^8.1.0",
|
||||||
"@fluentui/font-icons-mdl2": "^8.0.4",
|
"@fluentui/font-icons-mdl2": "^8.1.0",
|
||||||
"@fluentui/foundation-legacy": "^8.0.4",
|
"@fluentui/foundation-legacy": "^8.1.0",
|
||||||
"@fluentui/merge-styles": "^8.0.3",
|
"@fluentui/merge-styles": "^8.1.0",
|
||||||
"@fluentui/react-focus": "^8.0.7",
|
"@fluentui/react-focus": "^8.1.0",
|
||||||
"@fluentui/react-hooks": "^8.1.2",
|
"@fluentui/react-hooks": "^8.2.0",
|
||||||
"@fluentui/react-window-provider": "^2.0.2",
|
"@fluentui/react-window-provider": "^2.1.0",
|
||||||
"@fluentui/set-version": "^8.0.2",
|
"@fluentui/set-version": "^8.1.0",
|
||||||
"@fluentui/style-utilities": "^8.0.4",
|
"@fluentui/style-utilities": "^8.1.0",
|
||||||
"@fluentui/theme": "^2.0.4",
|
"@fluentui/theme": "^2.1.0",
|
||||||
"@fluentui/utilities": "^8.0.4",
|
"@fluentui/utilities": "^8.1.0",
|
||||||
"@microsoft/load-themed-styles": "^1.10.26",
|
"@microsoft/load-themed-styles": "^1.10.26",
|
||||||
"tslib": "^1.10.0"
|
"tslib": "^2.1.0"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@fluentui/date-time-utilities": {
|
"@fluentui/date-time-utilities": {
|
||||||
|
@ -2200,13 +2204,6 @@
|
||||||
"requires": {
|
"requires": {
|
||||||
"@fluentui/set-version": "^8.1.0",
|
"@fluentui/set-version": "^8.1.0",
|
||||||
"tslib": "^2.1.0"
|
"tslib": "^2.1.0"
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"tslib": {
|
|
||||||
"version": "2.2.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
|
|
||||||
"integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@fluentui/react-window-provider": {
|
"@fluentui/react-window-provider": {
|
||||||
|
@ -2216,14 +2213,12 @@
|
||||||
"requires": {
|
"requires": {
|
||||||
"@fluentui/set-version": "^8.1.0",
|
"@fluentui/set-version": "^8.1.0",
|
||||||
"tslib": "^2.1.0"
|
"tslib": "^2.1.0"
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"tslib": {
|
|
||||||
"version": "2.2.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
|
|
||||||
"integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
"tslib": {
|
||||||
|
"version": "2.2.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
|
||||||
|
"integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -2240,15 +2235,6 @@
|
||||||
"tslib": "^2.1.0"
|
"tslib": "^2.1.0"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@fluentui/dom-utilities": {
|
|
||||||
"version": "2.1.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/dom-utilities/-/dom-utilities-2.1.0.tgz",
|
|
||||||
"integrity": "sha512-DMr0uH4EtyXgdpVLyvWq60YtWN38jx22rtdsEIbbBNYcFgcl3rRa7M8p/rnaw/k/KWX35H40AYga1SM6Zgpyww==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/set-version": "^8.1.0",
|
|
||||||
"tslib": "^2.1.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@fluentui/keyboard-key": {
|
"@fluentui/keyboard-key": {
|
||||||
"version": "0.3.0",
|
"version": "0.3.0",
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/keyboard-key/-/keyboard-key-0.3.0.tgz",
|
"resolved": "https://registry.npmjs.org/@fluentui/keyboard-key/-/keyboard-key-0.3.0.tgz",
|
||||||
|
@ -2257,17 +2243,6 @@
|
||||||
"tslib": "^2.1.0"
|
"tslib": "^2.1.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@fluentui/utilities": {
|
|
||||||
"version": "8.1.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/utilities/-/utilities-8.1.0.tgz",
|
|
||||||
"integrity": "sha512-/yHnDkrIlyn/Jy3XWccNRyuujQDgUxz44OQDEiMSko50S/L7cVeWdIzG/CiIsCnKAgU4/QyzRo40Wdy3rdM8ag==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/dom-utilities": "^2.1.0",
|
|
||||||
"@fluentui/merge-styles": "^8.1.0",
|
|
||||||
"@fluentui/set-version": "^8.1.0",
|
|
||||||
"tslib": "^2.1.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"tslib": {
|
"tslib": {
|
||||||
"version": "2.2.0",
|
"version": "2.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
|
||||||
|
@ -2276,36 +2251,32 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@fluentui/react-hooks": {
|
"@fluentui/react-hooks": {
|
||||||
"version": "8.1.3",
|
"version": "8.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/react-hooks/-/react-hooks-8.1.3.tgz",
|
"resolved": "https://registry.npmjs.org/@fluentui/react-hooks/-/react-hooks-8.2.0.tgz",
|
||||||
"integrity": "sha512-6iWYjfqXvEhHZoY4nmN6APoIdxwNxzVxXOJgq1Oo1nbR10E7Va7mz41gvlFAgg8OmH7mGpdSztlVj6TVl/TY2g==",
|
"integrity": "sha512-FnmtkDurjnLXN/VssBnQQ19RGY3mUh+rLiYa4VRBWRIh1JTs7o6DGCu+IijvvFNzTHvsMgL/O3v/2UjXShO6uQ==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"@fluentui/react-window-provider": "^2.0.3",
|
"@fluentui/react-window-provider": "^2.1.0",
|
||||||
"@fluentui/set-version": "^8.0.3",
|
"@fluentui/set-version": "^8.1.0",
|
||||||
"@fluentui/utilities": "^8.0.5",
|
"@fluentui/utilities": "^8.1.0",
|
||||||
"tslib": "^1.10.0"
|
"tslib": "^2.1.0"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@fluentui/react-window-provider": {
|
"@fluentui/react-window-provider": {
|
||||||
"version": "2.0.3",
|
"version": "2.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/react-window-provider/-/react-window-provider-2.0.3.tgz",
|
"resolved": "https://registry.npmjs.org/@fluentui/react-window-provider/-/react-window-provider-2.1.0.tgz",
|
||||||
"integrity": "sha512-eefkmzLJbYjVHtEtGbOwReyeYG+2bDefxdmvPRSVFlcRFCnasTvshuZj3xkaKSu5fsGzGw+f+ab3hDgLSETvbg==",
|
"integrity": "sha512-LcNni1utHiXiCu8EbXL42o118yNRAWKX15qKd0iyMqcUg5RplOdWuaniohXv2gsmdNB0l3F5Tnujgayy0xPlvQ==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"@fluentui/set-version": "^8.0.3",
|
"@fluentui/set-version": "^8.1.0",
|
||||||
"tslib": "^1.10.0"
|
"tslib": "^2.1.0"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
"tslib": {
|
||||||
|
"version": "2.2.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
|
||||||
|
"integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@fluentui/react-window-provider": {
|
|
||||||
"version": "1.0.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/react-window-provider/-/react-window-provider-1.0.2.tgz",
|
|
||||||
"integrity": "sha512-fGSgL3Vp/+6t1Ysfz21FWZmqsU+iFVxOigvHnm5uKVyyRPwtaabv/F6kQ2y5isLMI2YmJaUd2i0cDJKu8ggrvw==",
|
|
||||||
"requires": {
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@fluentui/set-version": {
|
"@fluentui/set-version": {
|
||||||
"version": "8.1.0",
|
"version": "8.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/set-version/-/set-version-8.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/@fluentui/set-version/-/set-version-8.1.0.tgz",
|
||||||
|
@ -2334,26 +2305,6 @@
|
||||||
"tslib": "^2.1.0"
|
"tslib": "^2.1.0"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@fluentui/dom-utilities": {
|
|
||||||
"version": "2.1.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/dom-utilities/-/dom-utilities-2.1.0.tgz",
|
|
||||||
"integrity": "sha512-DMr0uH4EtyXgdpVLyvWq60YtWN38jx22rtdsEIbbBNYcFgcl3rRa7M8p/rnaw/k/KWX35H40AYga1SM6Zgpyww==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/set-version": "^8.1.0",
|
|
||||||
"tslib": "^2.1.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@fluentui/utilities": {
|
|
||||||
"version": "8.1.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/utilities/-/utilities-8.1.0.tgz",
|
|
||||||
"integrity": "sha512-/yHnDkrIlyn/Jy3XWccNRyuujQDgUxz44OQDEiMSko50S/L7cVeWdIzG/CiIsCnKAgU4/QyzRo40Wdy3rdM8ag==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/dom-utilities": "^2.1.0",
|
|
||||||
"@fluentui/merge-styles": "^8.1.0",
|
|
||||||
"@fluentui/set-version": "^8.1.0",
|
|
||||||
"tslib": "^2.1.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"tslib": {
|
"tslib": {
|
||||||
"version": "2.2.0",
|
"version": "2.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
|
||||||
|
@ -2372,26 +2323,6 @@
|
||||||
"tslib": "^2.1.0"
|
"tslib": "^2.1.0"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@fluentui/dom-utilities": {
|
|
||||||
"version": "2.1.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/dom-utilities/-/dom-utilities-2.1.0.tgz",
|
|
||||||
"integrity": "sha512-DMr0uH4EtyXgdpVLyvWq60YtWN38jx22rtdsEIbbBNYcFgcl3rRa7M8p/rnaw/k/KWX35H40AYga1SM6Zgpyww==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/set-version": "^8.1.0",
|
|
||||||
"tslib": "^2.1.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@fluentui/utilities": {
|
|
||||||
"version": "8.1.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/utilities/-/utilities-8.1.0.tgz",
|
|
||||||
"integrity": "sha512-/yHnDkrIlyn/Jy3XWccNRyuujQDgUxz44OQDEiMSko50S/L7cVeWdIzG/CiIsCnKAgU4/QyzRo40Wdy3rdM8ag==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/dom-utilities": "^2.1.0",
|
|
||||||
"@fluentui/merge-styles": "^8.1.0",
|
|
||||||
"@fluentui/set-version": "^8.1.0",
|
|
||||||
"tslib": "^2.1.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"tslib": {
|
"tslib": {
|
||||||
"version": "2.2.0",
|
"version": "2.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
|
||||||
|
@ -2400,24 +2331,20 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@fluentui/utilities": {
|
"@fluentui/utilities": {
|
||||||
"version": "8.0.5",
|
"version": "8.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/utilities/-/utilities-8.0.5.tgz",
|
"resolved": "https://registry.npmjs.org/@fluentui/utilities/-/utilities-8.1.0.tgz",
|
||||||
"integrity": "sha512-epqvqV4YjKcbgShLhDk/y2Xa+6sUTBXry/BrMPNVwNOqdj2HCf4eCY+a1emFnytMpIVysfYZ6glIx9MNQ8JgNg==",
|
"integrity": "sha512-/yHnDkrIlyn/Jy3XWccNRyuujQDgUxz44OQDEiMSko50S/L7cVeWdIzG/CiIsCnKAgU4/QyzRo40Wdy3rdM8ag==",
|
||||||
"requires": {
|
"requires": {
|
||||||
"@fluentui/dom-utilities": "^2.0.3",
|
"@fluentui/dom-utilities": "^2.1.0",
|
||||||
"@fluentui/merge-styles": "^8.0.4",
|
"@fluentui/merge-styles": "^8.1.0",
|
||||||
"@fluentui/set-version": "^8.0.3",
|
"@fluentui/set-version": "^8.1.0",
|
||||||
"tslib": "^1.10.0"
|
"tslib": "^2.1.0"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@fluentui/dom-utilities": {
|
"tslib": {
|
||||||
"version": "2.0.3",
|
"version": "2.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/dom-utilities/-/dom-utilities-2.0.3.tgz",
|
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
|
||||||
"integrity": "sha512-RaUoEYd12TeEjvKLBtfXDZmjreaV6qIfBB7G+QCuBpv5FF7TjhrGK3WDZ7oaG0dkdegAx+ecyUFyOfoBRPJLkg==",
|
"integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
|
||||||
"requires": {
|
|
||||||
"@fluentui/set-version": "^8.0.3",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -3555,9 +3482,9 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@microsoft/load-themed-styles": {
|
"@microsoft/load-themed-styles": {
|
||||||
"version": "1.10.146",
|
"version": "1.10.168",
|
||||||
"resolved": "https://registry.npmjs.org/@microsoft/load-themed-styles/-/load-themed-styles-1.10.146.tgz",
|
"resolved": "https://registry.npmjs.org/@microsoft/load-themed-styles/-/load-themed-styles-1.10.168.tgz",
|
||||||
"integrity": "sha512-qQZ4J58J2VMe/XRpr2YRDusQB9uRBJ1SjJB76x7uH94t9hqxjVVxn2qL99Bl+ERbfrACZ9peGn2uamt4ponqZQ=="
|
"integrity": "sha512-AnIjt1R+6P73ZQ0r/Djzij+dsizfvz0yj7spuCH6exEnpGgbsdPe0cdNrXPHVnaeJriHfefvhVRWGO7D8sMF9A=="
|
||||||
},
|
},
|
||||||
"@nodelib/fs.scandir": {
|
"@nodelib/fs.scandir": {
|
||||||
"version": "2.1.4",
|
"version": "2.1.4",
|
||||||
|
@ -6087,426 +6014,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@uifabric/azure-themes": {
|
|
||||||
"version": "7.7.32",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/azure-themes/-/azure-themes-7.7.32.tgz",
|
|
||||||
"integrity": "sha512-S7mym3EQ/WjRu0+VHLv6HP06BvaszaEl1jXvI8IiP19aWn+AYWEtdB0BjTA8/SUc1PXrRWG/wZgucOgLvKncDA==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/theme": "^1.7.4",
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"office-ui-fabric-react": "^7.168.2",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"@fluentui/react-focus": {
|
|
||||||
"version": "7.17.6",
|
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/react-focus/-/react-focus-7.17.6.tgz",
|
|
||||||
"integrity": "sha512-JkLWNDe567lhvbnIhbYv9nUWYDIVN06utc3krs0UZBI+A0YZtQmftBtY0ghXo4PSjgozZocdu9sYkkgZOgyRLg==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/keyboard-key": "^0.2.12",
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/styling": "^7.19.0",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@fluentui/react-window-provider": {
|
|
||||||
"version": "1.0.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/react-window-provider/-/react-window-provider-1.0.2.tgz",
|
|
||||||
"integrity": "sha512-fGSgL3Vp/+6t1Ysfz21FWZmqsU+iFVxOigvHnm5uKVyyRPwtaabv/F6kQ2y5isLMI2YmJaUd2i0cDJKu8ggrvw==",
|
|
||||||
"requires": {
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@fluentui/theme": {
|
|
||||||
"version": "1.7.4",
|
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/theme/-/theme-1.7.4.tgz",
|
|
||||||
"integrity": "sha512-o4eo7lstLxxXl1g2RR9yz18Yt8yjQO/LbQuZjsiAfv/4Bf0CRnb+3j1F7gxIdBWAchKj9gzaMpIFijfI98pvYQ==",
|
|
||||||
"requires": {
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/foundation": {
|
|
||||||
"version": "7.9.26",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/foundation/-/foundation-7.9.26.tgz",
|
|
||||||
"integrity": "sha512-1FLTb+jlH/Tuel2L9wT/zLl5ZW6W4Lbjrs5VUVjv81vWxzznvPnTf8+Ew0qkzaH7xDuMNMl7okswhV0IfJyheg==",
|
|
||||||
"requires": {
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/styling": "^7.19.0",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/react-hooks": {
|
|
||||||
"version": "7.14.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/react-hooks/-/react-hooks-7.14.0.tgz",
|
|
||||||
"integrity": "sha512-Ndu/DEKHF4gFXEZa2AGgSkdWaj+njVrsSyXbkWRh2UZReFWnH1LMko9p/ZCwk1i9kAd5CUmyIfURUzIEya9YCg==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/react-window-provider": "^1.0.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/styling": {
|
|
||||||
"version": "7.19.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/styling/-/styling-7.19.0.tgz",
|
|
||||||
"integrity": "sha512-fXComDtGV7dHF4rP4cLHwI6fC+1f/nvPavpMBz4IQdySwixta9TVMKbzt0OA6i0mJztqZCVAd27F/sl9R/JmcQ==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/theme": "^1.7.4",
|
|
||||||
"@microsoft/load-themed-styles": "^1.10.26",
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/utilities": {
|
|
||||||
"version": "7.33.5",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/utilities/-/utilities-7.33.5.tgz",
|
|
||||||
"integrity": "sha512-I+Oi0deD/xltSluFY8l2EVd/J4mvOaMljxKO2knSD9/KoGDlo/o5GN4gbnVo8nIt76HWHLAk3KtlJKJm6BhbIQ==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/dom-utilities": "^1.1.2",
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"prop-types": "^15.7.2",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"office-ui-fabric-react": {
|
|
||||||
"version": "7.168.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/office-ui-fabric-react/-/office-ui-fabric-react-7.168.2.tgz",
|
|
||||||
"integrity": "sha512-ssN6/6K4Z/PdT2ExE1q61B34w6LqfQrqTvrlq/NfSvDk7USxXvP3+rd7HQAUrynSsWx2MnNeYt23d34sSHLCKw==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/date-time-utilities": "^7.9.1",
|
|
||||||
"@fluentui/react-focus": "^7.17.6",
|
|
||||||
"@fluentui/react-window-provider": "^1.0.2",
|
|
||||||
"@microsoft/load-themed-styles": "^1.10.26",
|
|
||||||
"@uifabric/foundation": "^7.9.26",
|
|
||||||
"@uifabric/icons": "^7.5.23",
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/react-hooks": "^7.14.0",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/styling": "^7.19.0",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"prop-types": "^15.7.2",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/foundation": {
|
|
||||||
"version": "7.9.26",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/foundation/-/foundation-7.9.26.tgz",
|
|
||||||
"integrity": "sha512-1FLTb+jlH/Tuel2L9wT/zLl5ZW6W4Lbjrs5VUVjv81vWxzznvPnTf8+Ew0qkzaH7xDuMNMl7okswhV0IfJyheg==",
|
|
||||||
"requires": {
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/styling": "^7.19.0",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/icons": {
|
|
||||||
"version": "7.5.23",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/icons/-/icons-7.5.23.tgz",
|
|
||||||
"integrity": "sha512-eIvUbH0EWgFgdfgFfINgqS2ZVZTyJ/9n5nR4bmcyAe75wsKxm4ser4WIT9IvaBF6+HFVfjUF/v6+VMD7y2LBng==",
|
|
||||||
"requires": {
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/styling": "^7.19.0",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"@fluentui/theme": {
|
|
||||||
"version": "1.7.4",
|
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/theme/-/theme-1.7.4.tgz",
|
|
||||||
"integrity": "sha512-o4eo7lstLxxXl1g2RR9yz18Yt8yjQO/LbQuZjsiAfv/4Bf0CRnb+3j1F7gxIdBWAchKj9gzaMpIFijfI98pvYQ==",
|
|
||||||
"requires": {
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/styling": {
|
|
||||||
"version": "7.19.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/styling/-/styling-7.19.0.tgz",
|
|
||||||
"integrity": "sha512-fXComDtGV7dHF4rP4cLHwI6fC+1f/nvPavpMBz4IQdySwixta9TVMKbzt0OA6i0mJztqZCVAd27F/sl9R/JmcQ==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/theme": "^1.7.4",
|
|
||||||
"@microsoft/load-themed-styles": "^1.10.26",
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/utilities": {
|
|
||||||
"version": "7.33.5",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/utilities/-/utilities-7.33.5.tgz",
|
|
||||||
"integrity": "sha512-I+Oi0deD/xltSluFY8l2EVd/J4mvOaMljxKO2knSD9/KoGDlo/o5GN4gbnVo8nIt76HWHLAk3KtlJKJm6BhbIQ==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/dom-utilities": "^1.1.2",
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"prop-types": "^15.7.2",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/merge-styles": {
|
|
||||||
"version": "7.19.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/merge-styles/-/merge-styles-7.19.2.tgz",
|
|
||||||
"integrity": "sha512-kTlhwglDqwVgIaJq+0yXgzi65plGhmFcPrfme/rXUGMJZoU+qlGT5jXj5d3kuI59p6VB8jWEg9DAxHozhYeu0g==",
|
|
||||||
"requires": {
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/react-cards": {
|
|
||||||
"version": "0.109.110",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/react-cards/-/react-cards-0.109.110.tgz",
|
|
||||||
"integrity": "sha512-x/X0+u7uWr/fv98HxLzI9K0eC0LXnzGV4PjspnMqj48r7Bkbzm6qNorXxWQDeq9LPuhHCuf0DyHrIn+umvGG4Q==",
|
|
||||||
"requires": {
|
|
||||||
"@microsoft/load-themed-styles": "^1.10.26",
|
|
||||||
"@uifabric/azure-themes": "^7.1.37",
|
|
||||||
"@uifabric/file-type-icons": "^7.3.13",
|
|
||||||
"@uifabric/foundation": "^7.7.33",
|
|
||||||
"@uifabric/set-version": "^7.0.15",
|
|
||||||
"@uifabric/styling": "^7.13.7",
|
|
||||||
"@uifabric/theme-samples": "^7.0.102",
|
|
||||||
"@uifabric/utilities": "^7.23.0",
|
|
||||||
"office-ui-fabric-react": "^7.121.10",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"@fluentui/theme": {
|
|
||||||
"version": "1.7.4",
|
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/theme/-/theme-1.7.4.tgz",
|
|
||||||
"integrity": "sha512-o4eo7lstLxxXl1g2RR9yz18Yt8yjQO/LbQuZjsiAfv/4Bf0CRnb+3j1F7gxIdBWAchKj9gzaMpIFijfI98pvYQ==",
|
|
||||||
"requires": {
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/file-type-icons": {
|
|
||||||
"version": "7.6.30",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/file-type-icons/-/file-type-icons-7.6.30.tgz",
|
|
||||||
"integrity": "sha512-NpZ5kKFxmT60EvHzKSD9XpKYDLBCJDZw3ae3WhW4k2z67RKo5yOZ76hzN9y3UWW3E0qMw9r2+zFF7JukjQYHtw==",
|
|
||||||
"requires": {
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/styling": "^7.19.0",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/foundation": {
|
|
||||||
"version": "7.9.26",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/foundation/-/foundation-7.9.26.tgz",
|
|
||||||
"integrity": "sha512-1FLTb+jlH/Tuel2L9wT/zLl5ZW6W4Lbjrs5VUVjv81vWxzznvPnTf8+Ew0qkzaH7xDuMNMl7okswhV0IfJyheg==",
|
|
||||||
"requires": {
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/styling": "^7.19.0",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/styling": {
|
|
||||||
"version": "7.19.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/styling/-/styling-7.19.0.tgz",
|
|
||||||
"integrity": "sha512-fXComDtGV7dHF4rP4cLHwI6fC+1f/nvPavpMBz4IQdySwixta9TVMKbzt0OA6i0mJztqZCVAd27F/sl9R/JmcQ==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/theme": "^1.7.4",
|
|
||||||
"@microsoft/load-themed-styles": "^1.10.26",
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/utilities": {
|
|
||||||
"version": "7.33.5",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/utilities/-/utilities-7.33.5.tgz",
|
|
||||||
"integrity": "sha512-I+Oi0deD/xltSluFY8l2EVd/J4mvOaMljxKO2knSD9/KoGDlo/o5GN4gbnVo8nIt76HWHLAk3KtlJKJm6BhbIQ==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/dom-utilities": "^1.1.2",
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"prop-types": "^15.7.2",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/react-hooks": {
|
|
||||||
"version": "7.14.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/react-hooks/-/react-hooks-7.14.0.tgz",
|
|
||||||
"integrity": "sha512-Ndu/DEKHF4gFXEZa2AGgSkdWaj+njVrsSyXbkWRh2UZReFWnH1LMko9p/ZCwk1i9kAd5CUmyIfURUzIEya9YCg==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/react-window-provider": "^1.0.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/set-version": {
|
|
||||||
"version": "7.0.24",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/set-version/-/set-version-7.0.24.tgz",
|
|
||||||
"integrity": "sha512-t0Pt21dRqdC707/ConVJC0WvcQ/KF7tKLU8AZY7YdjgJpMHi1c0C427DB4jfUY19I92f60LOQyhJ4efH+KpFEg==",
|
|
||||||
"requires": {
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/styling": {
|
|
||||||
"version": "7.19.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/styling/-/styling-7.19.0.tgz",
|
|
||||||
"integrity": "sha512-fXComDtGV7dHF4rP4cLHwI6fC+1f/nvPavpMBz4IQdySwixta9TVMKbzt0OA6i0mJztqZCVAd27F/sl9R/JmcQ==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/theme": "^1.7.4",
|
|
||||||
"@microsoft/load-themed-styles": "^1.10.26",
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"@fluentui/theme": {
|
|
||||||
"version": "1.7.4",
|
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/theme/-/theme-1.7.4.tgz",
|
|
||||||
"integrity": "sha512-o4eo7lstLxxXl1g2RR9yz18Yt8yjQO/LbQuZjsiAfv/4Bf0CRnb+3j1F7gxIdBWAchKj9gzaMpIFijfI98pvYQ==",
|
|
||||||
"requires": {
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/theme-samples": {
|
|
||||||
"version": "7.2.34",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/theme-samples/-/theme-samples-7.2.34.tgz",
|
|
||||||
"integrity": "sha512-olraurYMgXOA3ytPcm8oBcXj/eWZ04pAtpENkHQVujR6Ok4qqka1neVchTW7IBUgw+X+Rl/ampT7sqq77h2JYw==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/theme": "^1.7.4",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/variants": "^7.2.35",
|
|
||||||
"office-ui-fabric-react": "^7.168.2",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"@fluentui/react-focus": {
|
|
||||||
"version": "7.17.6",
|
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/react-focus/-/react-focus-7.17.6.tgz",
|
|
||||||
"integrity": "sha512-JkLWNDe567lhvbnIhbYv9nUWYDIVN06utc3krs0UZBI+A0YZtQmftBtY0ghXo4PSjgozZocdu9sYkkgZOgyRLg==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/keyboard-key": "^0.2.12",
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/styling": "^7.19.0",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@fluentui/react-window-provider": {
|
|
||||||
"version": "1.0.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/react-window-provider/-/react-window-provider-1.0.2.tgz",
|
|
||||||
"integrity": "sha512-fGSgL3Vp/+6t1Ysfz21FWZmqsU+iFVxOigvHnm5uKVyyRPwtaabv/F6kQ2y5isLMI2YmJaUd2i0cDJKu8ggrvw==",
|
|
||||||
"requires": {
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@fluentui/theme": {
|
|
||||||
"version": "1.7.4",
|
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/theme/-/theme-1.7.4.tgz",
|
|
||||||
"integrity": "sha512-o4eo7lstLxxXl1g2RR9yz18Yt8yjQO/LbQuZjsiAfv/4Bf0CRnb+3j1F7gxIdBWAchKj9gzaMpIFijfI98pvYQ==",
|
|
||||||
"requires": {
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/utilities": {
|
|
||||||
"version": "7.33.5",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/utilities/-/utilities-7.33.5.tgz",
|
|
||||||
"integrity": "sha512-I+Oi0deD/xltSluFY8l2EVd/J4mvOaMljxKO2knSD9/KoGDlo/o5GN4gbnVo8nIt76HWHLAk3KtlJKJm6BhbIQ==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/dom-utilities": "^1.1.2",
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"prop-types": "^15.7.2",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"office-ui-fabric-react": {
|
|
||||||
"version": "7.170.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/office-ui-fabric-react/-/office-ui-fabric-react-7.170.0.tgz",
|
|
||||||
"integrity": "sha512-N348H5dS56oMrnKeZP1p7h2o+lO9wUY9YEHiVZ0FYpB8gmRwgJVq8/d2hSfZEgQH14IMbhdLYNE8RFziYyHFsw==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/date-time-utilities": "^7.9.1",
|
|
||||||
"@fluentui/react-focus": "^7.17.6",
|
|
||||||
"@fluentui/react-window-provider": "^1.0.2",
|
|
||||||
"@microsoft/load-themed-styles": "^1.10.26",
|
|
||||||
"@uifabric/foundation": "^7.9.26",
|
|
||||||
"@uifabric/icons": "^7.5.23",
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/react-hooks": "^7.14.0",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/styling": "^7.19.0",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"prop-types": "^15.7.2",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/utilities": {
|
|
||||||
"version": "7.33.5",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/utilities/-/utilities-7.33.5.tgz",
|
|
||||||
"integrity": "sha512-I+Oi0deD/xltSluFY8l2EVd/J4mvOaMljxKO2knSD9/KoGDlo/o5GN4gbnVo8nIt76HWHLAk3KtlJKJm6BhbIQ==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/dom-utilities": "^1.1.2",
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"prop-types": "^15.7.2",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/variants": {
|
|
||||||
"version": "7.2.35",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/variants/-/variants-7.2.35.tgz",
|
|
||||||
"integrity": "sha512-pK9n0QM3wYuE/f7scOhkW0jsSx1BPU6RePeuMJcoriCgK6zeN66p5ySwh+UhjuEtoGaSfVxeFve02hWNTfO8vg==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/theme": "^1.7.4",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"@fluentui/theme": {
|
|
||||||
"version": "1.7.4",
|
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/theme/-/theme-1.7.4.tgz",
|
|
||||||
"integrity": "sha512-o4eo7lstLxxXl1g2RR9yz18Yt8yjQO/LbQuZjsiAfv/4Bf0CRnb+3j1F7gxIdBWAchKj9gzaMpIFijfI98pvYQ==",
|
|
||||||
"requires": {
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@ungap/url-search-params": {
|
"@ungap/url-search-params": {
|
||||||
"version": "0.2.2",
|
"version": "0.2.2",
|
||||||
"resolved": "https://registry.npmjs.org/@ungap/url-search-params/-/url-search-params-0.2.2.tgz",
|
"resolved": "https://registry.npmjs.org/@ungap/url-search-params/-/url-search-params-0.2.2.tgz",
|
||||||
|
@ -20411,109 +19918,6 @@
|
||||||
"integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==",
|
"integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"office-ui-fabric-react": {
|
|
||||||
"version": "7.164.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/office-ui-fabric-react/-/office-ui-fabric-react-7.164.2.tgz",
|
|
||||||
"integrity": "sha512-qx8WbSXDJbcfq7MdJujUSAkiaYTQIQBkz4pb03r9LncwlrcnVx+thgKn8yztb2g0FlP0z5ONHv1wufrOHYxnHQ==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/date-time-utilities": "^7.9.1",
|
|
||||||
"@fluentui/react-focus": "^7.17.6",
|
|
||||||
"@fluentui/react-window-provider": "^1.0.2",
|
|
||||||
"@microsoft/load-themed-styles": "^1.10.26",
|
|
||||||
"@uifabric/foundation": "^7.9.26",
|
|
||||||
"@uifabric/icons": "^7.5.23",
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/react-hooks": "^7.13.12",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/styling": "^7.19.0",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"prop-types": "^15.7.2",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"@fluentui/react-focus": {
|
|
||||||
"version": "7.17.6",
|
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/react-focus/-/react-focus-7.17.6.tgz",
|
|
||||||
"integrity": "sha512-JkLWNDe567lhvbnIhbYv9nUWYDIVN06utc3krs0UZBI+A0YZtQmftBtY0ghXo4PSjgozZocdu9sYkkgZOgyRLg==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/keyboard-key": "^0.2.12",
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/styling": "^7.19.0",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@fluentui/react-window-provider": {
|
|
||||||
"version": "1.0.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/react-window-provider/-/react-window-provider-1.0.2.tgz",
|
|
||||||
"integrity": "sha512-fGSgL3Vp/+6t1Ysfz21FWZmqsU+iFVxOigvHnm5uKVyyRPwtaabv/F6kQ2y5isLMI2YmJaUd2i0cDJKu8ggrvw==",
|
|
||||||
"requires": {
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@fluentui/theme": {
|
|
||||||
"version": "1.7.4",
|
|
||||||
"resolved": "https://registry.npmjs.org/@fluentui/theme/-/theme-1.7.4.tgz",
|
|
||||||
"integrity": "sha512-o4eo7lstLxxXl1g2RR9yz18Yt8yjQO/LbQuZjsiAfv/4Bf0CRnb+3j1F7gxIdBWAchKj9gzaMpIFijfI98pvYQ==",
|
|
||||||
"requires": {
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/foundation": {
|
|
||||||
"version": "7.9.26",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/foundation/-/foundation-7.9.26.tgz",
|
|
||||||
"integrity": "sha512-1FLTb+jlH/Tuel2L9wT/zLl5ZW6W4Lbjrs5VUVjv81vWxzznvPnTf8+Ew0qkzaH7xDuMNMl7okswhV0IfJyheg==",
|
|
||||||
"requires": {
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/styling": "^7.19.0",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/react-hooks": {
|
|
||||||
"version": "7.14.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/react-hooks/-/react-hooks-7.14.0.tgz",
|
|
||||||
"integrity": "sha512-Ndu/DEKHF4gFXEZa2AGgSkdWaj+njVrsSyXbkWRh2UZReFWnH1LMko9p/ZCwk1i9kAd5CUmyIfURUzIEya9YCg==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/react-window-provider": "^1.0.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/styling": {
|
|
||||||
"version": "7.19.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/styling/-/styling-7.19.0.tgz",
|
|
||||||
"integrity": "sha512-fXComDtGV7dHF4rP4cLHwI6fC+1f/nvPavpMBz4IQdySwixta9TVMKbzt0OA6i0mJztqZCVAd27F/sl9R/JmcQ==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/theme": "^1.7.4",
|
|
||||||
"@microsoft/load-themed-styles": "^1.10.26",
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"@uifabric/utilities": "^7.33.5",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"@uifabric/utilities": {
|
|
||||||
"version": "7.33.5",
|
|
||||||
"resolved": "https://registry.npmjs.org/@uifabric/utilities/-/utilities-7.33.5.tgz",
|
|
||||||
"integrity": "sha512-I+Oi0deD/xltSluFY8l2EVd/J4mvOaMljxKO2knSD9/KoGDlo/o5GN4gbnVo8nIt76HWHLAk3KtlJKJm6BhbIQ==",
|
|
||||||
"requires": {
|
|
||||||
"@fluentui/dom-utilities": "^1.1.2",
|
|
||||||
"@uifabric/merge-styles": "^7.19.2",
|
|
||||||
"@uifabric/set-version": "^7.0.24",
|
|
||||||
"prop-types": "^15.7.2",
|
|
||||||
"tslib": "^1.10.0"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"on-finished": {
|
"on-finished": {
|
||||||
"version": "2.3.0",
|
"version": "2.3.0",
|
||||||
"resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
|
"resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
"@azure/ms-rest-nodeauth": "3.0.7",
|
"@azure/ms-rest-nodeauth": "3.0.7",
|
||||||
"@babel/plugin-proposal-class-properties": "7.12.1",
|
"@babel/plugin-proposal-class-properties": "7.12.1",
|
||||||
"@babel/plugin-proposal-decorators": "7.12.12",
|
"@babel/plugin-proposal-decorators": "7.12.12",
|
||||||
"@fluentui/react": "8.10.1",
|
"@fluentui/react": "8.14.3",
|
||||||
"@jupyterlab/services": "6.0.2",
|
"@jupyterlab/services": "6.0.2",
|
||||||
"@jupyterlab/terminal": "3.0.3",
|
"@jupyterlab/terminal": "3.0.3",
|
||||||
"@microsoft/applicationinsights-web": "2.6.1",
|
"@microsoft/applicationinsights-web": "2.6.1",
|
||||||
|
@ -43,7 +43,6 @@
|
||||||
"@testing-library/jest-dom": "5.11.9",
|
"@testing-library/jest-dom": "5.11.9",
|
||||||
"@types/mkdirp": "1.0.1",
|
"@types/mkdirp": "1.0.1",
|
||||||
"@types/node-fetch": "2.5.7",
|
"@types/node-fetch": "2.5.7",
|
||||||
"@uifabric/react-cards": "0.109.110",
|
|
||||||
"applicationinsights": "1.8.0",
|
"applicationinsights": "1.8.0",
|
||||||
"bootstrap": "3.4.1",
|
"bootstrap": "3.4.1",
|
||||||
"canvas": "file:./canvas",
|
"canvas": "file:./canvas",
|
||||||
|
|
|
@ -1959,7 +1959,7 @@ exports[`test render renders with filters 1`] = `
|
||||||
</div>
|
</div>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
<Component />
|
<FocusRects />
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
</DefaultButton>
|
</DefaultButton>
|
||||||
</CustomizedDefaultButton>
|
</CustomizedDefaultButton>
|
||||||
|
|
|
@ -1,20 +1,23 @@
|
||||||
import {
|
import {
|
||||||
BaseButton,
|
BaseButton,
|
||||||
Button,
|
Button,
|
||||||
FontWeights,
|
DocumentCard,
|
||||||
|
DocumentCardActivity,
|
||||||
|
DocumentCardDetails,
|
||||||
|
DocumentCardPreview,
|
||||||
|
DocumentCardTitle,
|
||||||
Icon,
|
Icon,
|
||||||
IconButton,
|
IconButton,
|
||||||
Image,
|
IDocumentCardPreviewProps,
|
||||||
|
IDocumentCardStyles,
|
||||||
ImageFit,
|
ImageFit,
|
||||||
Link,
|
Link,
|
||||||
Persona,
|
|
||||||
Separator,
|
Separator,
|
||||||
Spinner,
|
Spinner,
|
||||||
SpinnerSize,
|
SpinnerSize,
|
||||||
Text,
|
Text,
|
||||||
TooltipHost,
|
TooltipHost,
|
||||||
} from "@fluentui/react";
|
} from "@fluentui/react";
|
||||||
import { Card } from "@uifabric/react-cards";
|
|
||||||
import React, { FunctionComponent, useState } from "react";
|
import React, { FunctionComponent, useState } from "react";
|
||||||
import CosmosDBLogo from "../../../../../images/CosmosDB-logo.svg";
|
import CosmosDBLogo from "../../../../../images/CosmosDB-logo.svg";
|
||||||
import { IGalleryItem } from "../../../../Juno/JunoClient";
|
import { IGalleryItem } from "../../../../Juno/JunoClient";
|
||||||
|
@ -48,7 +51,6 @@ export const GalleryCardComponent: FunctionComponent<GalleryCardComponentProps>
|
||||||
const CARD_WIDTH = 256;
|
const CARD_WIDTH = 256;
|
||||||
const cardImageHeight = 144;
|
const cardImageHeight = 144;
|
||||||
const cardDescriptionMaxChars = 80;
|
const cardDescriptionMaxChars = 80;
|
||||||
const cardItemGapBig = 10;
|
|
||||||
const cardItemGapSmall = 8;
|
const cardItemGapSmall = 8;
|
||||||
const cardDeleteSpinnerHeight = 360;
|
const cardDeleteSpinnerHeight = 360;
|
||||||
const smallTextLineHeight = 18;
|
const smallTextLineHeight = 18;
|
||||||
|
@ -64,9 +66,9 @@ export const GalleryCardComponent: FunctionComponent<GalleryCardComponentProps>
|
||||||
const dateString = new Date(data.created).toLocaleString("default", options);
|
const dateString = new Date(data.created).toLocaleString("default", options);
|
||||||
const cardTitle = FileSystemUtil.stripExtension(data.name, "ipynb");
|
const cardTitle = FileSystemUtil.stripExtension(data.name, "ipynb");
|
||||||
|
|
||||||
const renderTruncatedDescription = (): string => {
|
const renderTruncated = (text: string, totalLength: number): string => {
|
||||||
let truncatedDescription = data.description.substr(0, cardDescriptionMaxChars);
|
let truncatedDescription = text.substr(0, totalLength);
|
||||||
if (data.description.length > cardDescriptionMaxChars) {
|
if (text.length > totalLength) {
|
||||||
truncatedDescription = `${truncatedDescription} ...`;
|
truncatedDescription = `${truncatedDescription} ...`;
|
||||||
}
|
}
|
||||||
return truncatedDescription;
|
return truncatedDescription;
|
||||||
|
@ -120,42 +122,35 @@ export const GalleryCardComponent: FunctionComponent<GalleryCardComponentProps>
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
activate();
|
activate();
|
||||||
};
|
};
|
||||||
|
const DocumentCardActivityPeople = [{ name: data.author, profileImageSrc: data.isSample && CosmosDBLogo }];
|
||||||
|
const previewProps: IDocumentCardPreviewProps = {
|
||||||
|
previewImages: [
|
||||||
|
{
|
||||||
|
previewImageSrc: data.thumbnailUrl,
|
||||||
|
imageFit: ImageFit.cover,
|
||||||
|
width: CARD_WIDTH,
|
||||||
|
height: cardImageHeight,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
const cardStyles: IDocumentCardStyles = {
|
||||||
|
root: { display: "inline-block", marginRight: 20, width: CARD_WIDTH },
|
||||||
|
};
|
||||||
return (
|
return (
|
||||||
<Card
|
<DocumentCard aria-label={cardTitle} styles={cardStyles} onClick={onClick}>
|
||||||
style={{ background: "white" }}
|
|
||||||
aria-label={cardTitle}
|
|
||||||
data-is-focusable="true"
|
|
||||||
tokens={{ width: CARD_WIDTH, childrenGap: 0 }}
|
|
||||||
onClick={(event) => handlerOnClick(event, onClick)}
|
|
||||||
>
|
|
||||||
{isDeletingPublishedNotebook && (
|
{isDeletingPublishedNotebook && (
|
||||||
<Card.Item tokens={{ padding: cardItemGapBig }}>
|
<Spinner
|
||||||
<Spinner
|
size={SpinnerSize.large}
|
||||||
size={SpinnerSize.large}
|
label={`Deleting '${cardTitle}'`}
|
||||||
label={`Deleting '${cardTitle}'`}
|
styles={{ root: { height: cardDeleteSpinnerHeight } }}
|
||||||
styles={{ root: { height: cardDeleteSpinnerHeight } }}
|
/>
|
||||||
/>
|
|
||||||
</Card.Item>
|
|
||||||
)}
|
)}
|
||||||
{!isDeletingPublishedNotebook && (
|
{!isDeletingPublishedNotebook && (
|
||||||
<>
|
<>
|
||||||
<Card.Item tokens={{ padding: cardItemGapBig }}>
|
<DocumentCardActivity activity={dateString} people={DocumentCardActivityPeople} />
|
||||||
<Persona imageUrl={data.isSample && CosmosDBLogo} text={data.author} secondaryText={dateString} />
|
<DocumentCardPreview {...previewProps} />
|
||||||
</Card.Item>
|
<DocumentCardDetails>
|
||||||
|
<Text variant="small" nowrap styles={{ root: { height: smallTextLineHeight, padding: "2px 16px" } }}>
|
||||||
<Card.Item>
|
|
||||||
<Image
|
|
||||||
src={data.thumbnailUrl}
|
|
||||||
width={CARD_WIDTH}
|
|
||||||
height={cardImageHeight}
|
|
||||||
imageFit={ImageFit.cover}
|
|
||||||
alt={`${cardTitle} cover image`}
|
|
||||||
/>
|
|
||||||
</Card.Item>
|
|
||||||
|
|
||||||
<Card.Section styles={{ root: { padding: cardItemGapBig } }}>
|
|
||||||
<Text variant="small" nowrap styles={{ root: { height: smallTextLineHeight } }}>
|
|
||||||
{data.tags ? (
|
{data.tags ? (
|
||||||
data.tags.map((tag, index, array) => (
|
data.tags.map((tag, index, array) => (
|
||||||
<span key={tag}>
|
<span key={tag}>
|
||||||
|
@ -167,43 +162,22 @@ export const GalleryCardComponent: FunctionComponent<GalleryCardComponentProps>
|
||||||
<br />
|
<br />
|
||||||
)}
|
)}
|
||||||
</Text>
|
</Text>
|
||||||
|
<DocumentCardTitle title={renderTruncated(cardTitle, 20)} shouldTruncate />
|
||||||
<Text
|
<DocumentCardTitle
|
||||||
styles={{
|
title={renderTruncated(data.description, cardDescriptionMaxChars)}
|
||||||
root: {
|
showAsSecondaryTitle
|
||||||
fontWeight: FontWeights.semibold,
|
/>
|
||||||
paddingTop: cardItemGapSmall,
|
<span style={{ padding: "8px 16px" }}>
|
||||||
paddingBottom: cardItemGapSmall,
|
|
||||||
},
|
|
||||||
}}
|
|
||||||
nowrap
|
|
||||||
>
|
|
||||||
{cardTitle}
|
|
||||||
</Text>
|
|
||||||
|
|
||||||
<Text variant="small" styles={{ root: { height: smallTextLineHeight * 2 } }}>
|
|
||||||
{renderTruncatedDescription()}
|
|
||||||
</Text>
|
|
||||||
|
|
||||||
<span>
|
|
||||||
{data.views !== undefined && generateIconText("RedEye", data.views.toString())}
|
{data.views !== undefined && generateIconText("RedEye", data.views.toString())}
|
||||||
{data.downloads !== undefined && generateIconText("Download", data.downloads.toString())}
|
{data.downloads !== undefined && generateIconText("Download", data.downloads.toString())}
|
||||||
{data.favorites !== undefined && generateIconText("Heart", data.favorites.toString())}
|
{data.favorites !== undefined && generateIconText("Heart", data.favorites.toString())}
|
||||||
</span>
|
</span>
|
||||||
</Card.Section>
|
</DocumentCardDetails>
|
||||||
|
|
||||||
{cardButtonsVisible && (
|
{cardButtonsVisible && (
|
||||||
<Card.Section
|
<DocumentCardDetails>
|
||||||
styles={{
|
|
||||||
root: {
|
|
||||||
marginLeft: cardItemGapBig,
|
|
||||||
marginRight: cardItemGapBig,
|
|
||||||
},
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Separator styles={{ root: { padding: 0, height: 1 } }} />
|
<Separator styles={{ root: { padding: 0, height: 1 } }} />
|
||||||
|
|
||||||
<span>
|
<span style={{ padding: "0px 16px" }}>
|
||||||
{isFavorite !== undefined &&
|
{isFavorite !== undefined &&
|
||||||
generateIconButtonWithTooltip(
|
generateIconButtonWithTooltip(
|
||||||
isFavorite ? "HeartFill" : "Heart",
|
isFavorite ? "HeartFill" : "Heart",
|
||||||
|
@ -222,10 +196,10 @@ export const GalleryCardComponent: FunctionComponent<GalleryCardComponentProps>
|
||||||
)
|
)
|
||||||
)}
|
)}
|
||||||
</span>
|
</span>
|
||||||
</Card.Section>
|
</DocumentCardDetails>
|
||||||
)}
|
)}
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
</Card>
|
</DocumentCard>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
@ -1,59 +1,49 @@
|
||||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
exports[`GalleryCardComponent renders 1`] = `
|
exports[`GalleryCardComponent renders 1`] = `
|
||||||
<Card
|
<StyledDocumentCardBase
|
||||||
aria-label="name"
|
aria-label="name"
|
||||||
data-is-focusable="true"
|
styles={
|
||||||
onClick={[Function]}
|
|
||||||
style={
|
|
||||||
Object {
|
Object {
|
||||||
"background": "white",
|
"root": Object {
|
||||||
}
|
"display": "inline-block",
|
||||||
}
|
"marginRight": 20,
|
||||||
tokens={
|
"width": 256,
|
||||||
Object {
|
},
|
||||||
"childrenGap": 0,
|
|
||||||
"width": 256,
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<CardItem
|
<StyledDocumentCardActivityBase
|
||||||
tokens={
|
activity="Invalid Date"
|
||||||
Object {
|
people={
|
||||||
"padding": 10,
|
Array [
|
||||||
}
|
Object {
|
||||||
}
|
"name": "author",
|
||||||
>
|
"profileImageSrc": false,
|
||||||
<StyledPersonaBase
|
|
||||||
imageUrl={false}
|
|
||||||
secondaryText="Invalid Date"
|
|
||||||
text="author"
|
|
||||||
/>
|
|
||||||
</CardItem>
|
|
||||||
<CardItem>
|
|
||||||
<Image
|
|
||||||
alt="name cover image"
|
|
||||||
height={144}
|
|
||||||
imageFit={2}
|
|
||||||
src="thumbnailUrl"
|
|
||||||
width={256}
|
|
||||||
/>
|
|
||||||
</CardItem>
|
|
||||||
<CardSection
|
|
||||||
styles={
|
|
||||||
Object {
|
|
||||||
"root": Object {
|
|
||||||
"padding": 10,
|
|
||||||
},
|
},
|
||||||
}
|
]
|
||||||
}
|
}
|
||||||
>
|
/>
|
||||||
|
<StyledDocumentCardPreviewBase
|
||||||
|
previewImages={
|
||||||
|
Array [
|
||||||
|
Object {
|
||||||
|
"height": 144,
|
||||||
|
"imageFit": 2,
|
||||||
|
"previewImageSrc": "thumbnailUrl",
|
||||||
|
"width": 256,
|
||||||
|
},
|
||||||
|
]
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
<StyledDocumentCardDetailsBase>
|
||||||
<Text
|
<Text
|
||||||
nowrap={true}
|
nowrap={true}
|
||||||
styles={
|
styles={
|
||||||
Object {
|
Object {
|
||||||
"root": Object {
|
"root": Object {
|
||||||
"height": 18,
|
"height": 18,
|
||||||
|
"padding": "2px 16px",
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -69,33 +59,21 @@ exports[`GalleryCardComponent renders 1`] = `
|
||||||
</StyledLinkBase>
|
</StyledLinkBase>
|
||||||
</span>
|
</span>
|
||||||
</Text>
|
</Text>
|
||||||
<Text
|
<StyledDocumentCardTitleBase
|
||||||
nowrap={true}
|
shouldTruncate={true}
|
||||||
styles={
|
title="name"
|
||||||
|
/>
|
||||||
|
<StyledDocumentCardTitleBase
|
||||||
|
showAsSecondaryTitle={true}
|
||||||
|
title="description"
|
||||||
|
/>
|
||||||
|
<span
|
||||||
|
style={
|
||||||
Object {
|
Object {
|
||||||
"root": Object {
|
"padding": "8px 16px",
|
||||||
"fontWeight": 600,
|
|
||||||
"paddingBottom": 8,
|
|
||||||
"paddingTop": 8,
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
name
|
|
||||||
</Text>
|
|
||||||
<Text
|
|
||||||
styles={
|
|
||||||
Object {
|
|
||||||
"root": Object {
|
|
||||||
"height": 36,
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
variant="small"
|
|
||||||
>
|
|
||||||
description
|
|
||||||
</Text>
|
|
||||||
<span>
|
|
||||||
<Text
|
<Text
|
||||||
styles={
|
styles={
|
||||||
Object {
|
Object {
|
||||||
|
@ -169,17 +147,8 @@ exports[`GalleryCardComponent renders 1`] = `
|
||||||
0
|
0
|
||||||
</Text>
|
</Text>
|
||||||
</span>
|
</span>
|
||||||
</CardSection>
|
</StyledDocumentCardDetailsBase>
|
||||||
<CardSection
|
<StyledDocumentCardDetailsBase>
|
||||||
styles={
|
|
||||||
Object {
|
|
||||||
"root": Object {
|
|
||||||
"marginLeft": 10,
|
|
||||||
"marginRight": 10,
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
>
|
|
||||||
<Separator
|
<Separator
|
||||||
styles={
|
styles={
|
||||||
Object {
|
Object {
|
||||||
|
@ -190,7 +159,13 @@ exports[`GalleryCardComponent renders 1`] = `
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
<span>
|
<span
|
||||||
|
style={
|
||||||
|
Object {
|
||||||
|
"padding": "0px 16px",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
>
|
||||||
<StyledTooltipHostBase
|
<StyledTooltipHostBase
|
||||||
calloutProps={
|
calloutProps={
|
||||||
Object {
|
Object {
|
||||||
|
@ -276,6 +251,6 @@ exports[`GalleryCardComponent renders 1`] = `
|
||||||
/>
|
/>
|
||||||
</StyledTooltipHostBase>
|
</StyledTooltipHostBase>
|
||||||
</span>
|
</span>
|
||||||
</CardSection>
|
</StyledDocumentCardDetailsBase>
|
||||||
</Card>
|
</StyledDocumentCardBase>
|
||||||
`;
|
`;
|
||||||
|
|
|
@ -34,7 +34,6 @@ import { CodeOfConductComponent } from "./CodeOfConductComponent";
|
||||||
import "./GalleryViewerComponent.less";
|
import "./GalleryViewerComponent.less";
|
||||||
import { InfoComponent } from "./InfoComponent/InfoComponent";
|
import { InfoComponent } from "./InfoComponent/InfoComponent";
|
||||||
|
|
||||||
const CARD_WIDTH = 256;
|
|
||||||
export interface GalleryViewerComponentProps {
|
export interface GalleryViewerComponentProps {
|
||||||
container?: Explorer;
|
container?: Explorer;
|
||||||
junoClient: JunoClient;
|
junoClient: JunoClient;
|
||||||
|
@ -87,7 +86,7 @@ export class GalleryViewerComponent extends React.Component<GalleryViewerCompone
|
||||||
public static readonly PublishedTitle = "My published work";
|
public static readonly PublishedTitle = "My published work";
|
||||||
|
|
||||||
private static readonly rowsPerPage = 5;
|
private static readonly rowsPerPage = 5;
|
||||||
|
private static readonly CARD_WIDTH = 256;
|
||||||
private static readonly mostViewedText = "Most viewed";
|
private static readonly mostViewedText = "Most viewed";
|
||||||
private static readonly mostDownloadedText = "Most downloaded";
|
private static readonly mostDownloadedText = "Most downloaded";
|
||||||
private static readonly mostFavoritedText = "Most favorited";
|
private static readonly mostFavoritedText = "Most favorited";
|
||||||
|
@ -644,7 +643,7 @@ export class GalleryViewerComponent extends React.Component<GalleryViewerCompone
|
||||||
|
|
||||||
private getPageSpecification = (itemIndex?: number, visibleRect?: IRectangle): IPageSpecification => {
|
private getPageSpecification = (itemIndex?: number, visibleRect?: IRectangle): IPageSpecification => {
|
||||||
if (itemIndex === 0) {
|
if (itemIndex === 0) {
|
||||||
this.columnCount = Math.floor(visibleRect.width / CARD_WIDTH) || this.columnCount;
|
this.columnCount = Math.floor(visibleRect.width / GalleryViewerComponent.CARD_WIDTH) || this.columnCount;
|
||||||
this.rowCount = GalleryViewerComponent.rowsPerPage;
|
this.rowCount = GalleryViewerComponent.rowsPerPage;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -672,7 +671,7 @@ export class GalleryViewerComponent extends React.Component<GalleryViewerCompone
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div style={{ float: "left", padding: 10 }}>
|
<div style={{ float: "left", padding: 5 }}>
|
||||||
<GalleryCardComponent {...props} />
|
<GalleryCardComponent {...props} />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
|
@ -252,7 +252,7 @@ exports[`ThroughputInputAutoPilotV3Component spendAck checkbox visible 1`] = `
|
||||||
>
|
>
|
||||||
capacity calculator
|
capacity calculator
|
||||||
|
|
||||||
<Component
|
<FontIcon
|
||||||
iconName="NavigateExternalInline"
|
iconName="NavigateExternalInline"
|
||||||
/>
|
/>
|
||||||
</StyledLinkBase>
|
</StyledLinkBase>
|
||||||
|
@ -526,7 +526,7 @@ exports[`ThroughputInputAutoPilotV3Component throughput input visible 1`] = `
|
||||||
>
|
>
|
||||||
capacity calculator
|
capacity calculator
|
||||||
|
|
||||||
<Component
|
<FontIcon
|
||||||
iconName="NavigateExternalInline"
|
iconName="NavigateExternalInline"
|
||||||
/>
|
/>
|
||||||
</StyledLinkBase>
|
</StyledLinkBase>
|
||||||
|
|
|
@ -1099,7 +1099,7 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
aria-label="Close pane"
|
aria-label="Close pane"
|
||||||
className="ms-Button ms-Button--icon closePaneBtn root-202"
|
className="ms-Button ms-Button--icon closePaneBtn root-102"
|
||||||
data-is-focusable={true}
|
data-is-focusable={true}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
onKeyDown={[Function]}
|
onKeyDown={[Function]}
|
||||||
|
@ -1112,16 +1112,16 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
className="ms-Button-flexContainer flexContainer-203"
|
className="ms-Button-flexContainer flexContainer-103"
|
||||||
data-automationid="splitbuttonprimary"
|
data-automationid="splitbuttonprimary"
|
||||||
>
|
>
|
||||||
<Component
|
<FontIcon
|
||||||
className="ms-Button-icon icon-205"
|
className="ms-Button-icon icon-105"
|
||||||
iconName="Cancel"
|
iconName="Cancel"
|
||||||
>
|
>
|
||||||
<i
|
<i
|
||||||
aria-hidden={true}
|
aria-hidden={true}
|
||||||
className="ms-Icon root-37 css-210 ms-Button-icon icon-205"
|
className="ms-Icon root-37 css-110 ms-Button-icon icon-105"
|
||||||
data-icon-name="Cancel"
|
data-icon-name="Cancel"
|
||||||
style={
|
style={
|
||||||
Object {
|
Object {
|
||||||
|
@ -1131,10 +1131,10 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
>
|
>
|
||||||
|
|
||||||
</i>
|
</i>
|
||||||
</Component>
|
</FontIcon>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
<Component />
|
<FocusRects />
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
</IconButton>
|
</IconButton>
|
||||||
</CustomizedIconButton>
|
</CustomizedIconButton>
|
||||||
|
@ -1190,7 +1190,7 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
variant="small"
|
variant="small"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
className="css-211"
|
className="css-111"
|
||||||
>
|
>
|
||||||
Confirm by typing the
|
Confirm by typing the
|
||||||
container
|
container
|
||||||
|
@ -1494,18 +1494,18 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
value=""
|
value=""
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="ms-TextField root-213"
|
className="ms-TextField root-113"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="ms-TextField-wrapper"
|
className="ms-TextField-wrapper"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="ms-TextField-fieldGroup fieldGroup-214"
|
className="ms-TextField-fieldGroup fieldGroup-114"
|
||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
aria-invalid={false}
|
aria-invalid={false}
|
||||||
autoFocus={true}
|
autoFocus={true}
|
||||||
className="ms-TextField-field field-215"
|
className="ms-TextField-field field-115"
|
||||||
id="confirmCollectionId"
|
id="confirmCollectionId"
|
||||||
onBlur={[Function]}
|
onBlur={[Function]}
|
||||||
onChange={[Function]}
|
onChange={[Function]}
|
||||||
|
@ -1528,7 +1528,7 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
variant="small"
|
variant="small"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
className="css-224"
|
className="css-124"
|
||||||
>
|
>
|
||||||
Help us improve Azure Cosmos DB!
|
Help us improve Azure Cosmos DB!
|
||||||
</span>
|
</span>
|
||||||
|
@ -1538,7 +1538,7 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
variant="small"
|
variant="small"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
className="css-224"
|
className="css-124"
|
||||||
>
|
>
|
||||||
What is the reason why you are deleting this
|
What is the reason why you are deleting this
|
||||||
container
|
container
|
||||||
|
@ -1844,17 +1844,17 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
value=""
|
value=""
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="ms-TextField ms-TextField--multiline root-213"
|
className="ms-TextField ms-TextField--multiline root-113"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="ms-TextField-wrapper"
|
className="ms-TextField-wrapper"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="ms-TextField-fieldGroup fieldGroup-225"
|
className="ms-TextField-fieldGroup fieldGroup-125"
|
||||||
>
|
>
|
||||||
<textarea
|
<textarea
|
||||||
aria-invalid={false}
|
aria-invalid={false}
|
||||||
className="ms-TextField-field field-226"
|
className="ms-TextField-field field-126"
|
||||||
id="deleteCollectionFeedbackInput"
|
id="deleteCollectionFeedbackInput"
|
||||||
onBlur={[Function]}
|
onBlur={[Function]}
|
||||||
onChange={[Function]}
|
onChange={[Function]}
|
||||||
|
@ -3616,7 +3616,7 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
aria-label="Submit"
|
aria-label="Submit"
|
||||||
className="ms-Button ms-Button--primary genericPaneSubmitBtn root-228"
|
className="ms-Button ms-Button--primary genericPaneSubmitBtn root-128"
|
||||||
data-is-focusable={true}
|
data-is-focusable={true}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
onKeyDown={[Function]}
|
onKeyDown={[Function]}
|
||||||
|
@ -3634,14 +3634,14 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
className="ms-Button-flexContainer flexContainer-203"
|
className="ms-Button-flexContainer flexContainer-103"
|
||||||
data-automationid="splitbuttonprimary"
|
data-automationid="splitbuttonprimary"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
className="ms-Button-textContainer textContainer-204"
|
className="ms-Button-textContainer textContainer-104"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
className="ms-Button-label label-229"
|
className="ms-Button-label label-129"
|
||||||
id="id__9"
|
id="id__9"
|
||||||
key="id__9"
|
key="id__9"
|
||||||
>
|
>
|
||||||
|
@ -3650,7 +3650,7 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
<Component />
|
<FocusRects />
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
</DefaultButton>
|
</DefaultButton>
|
||||||
</CustomizedDefaultButton>
|
</CustomizedDefaultButton>
|
||||||
|
|
|
@ -1106,7 +1106,7 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
className="ms-Button-flexContainer flexContainer-54"
|
className="ms-Button-flexContainer flexContainer-54"
|
||||||
data-automationid="splitbuttonprimary"
|
data-automationid="splitbuttonprimary"
|
||||||
>
|
>
|
||||||
<Component
|
<FontIcon
|
||||||
className="ms-Button-icon icon-56"
|
className="ms-Button-icon icon-56"
|
||||||
iconName="Cancel"
|
iconName="Cancel"
|
||||||
>
|
>
|
||||||
|
@ -1122,10 +1122,10 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
>
|
>
|
||||||
|
|
||||||
</i>
|
</i>
|
||||||
</Component>
|
</FontIcon>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
<Component />
|
<FocusRects />
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
</IconButton>
|
</IconButton>
|
||||||
</CustomizedIconButton>
|
</CustomizedIconButton>
|
||||||
|
@ -8213,7 +8213,7 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
<Component />
|
<FocusRects />
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
</DefaultButton>
|
</DefaultButton>
|
||||||
</CustomizedDefaultButton>
|
</CustomizedDefaultButton>
|
||||||
|
|
|
@ -1758,7 +1758,7 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
<Component />
|
<FocusRects />
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
</DefaultButton>
|
</DefaultButton>
|
||||||
</CustomizedDefaultButton>
|
</CustomizedDefaultButton>
|
||||||
|
|
|
@ -1760,7 +1760,7 @@ exports[`Setup Notebooks Panel should render Default properly 1`] = `
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
<Component />
|
<FocusRects />
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
</DefaultButton>
|
</DefaultButton>
|
||||||
</CustomizedDefaultButton>
|
</CustomizedDefaultButton>
|
||||||
|
|
|
@ -2365,7 +2365,7 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
aria-label="Close pane"
|
aria-label="Close pane"
|
||||||
className="ms-Button ms-Button--icon closePaneBtn root-153"
|
className="ms-Button ms-Button--icon closePaneBtn root-53"
|
||||||
data-is-focusable={true}
|
data-is-focusable={true}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
onKeyDown={[Function]}
|
onKeyDown={[Function]}
|
||||||
|
@ -2378,16 +2378,16 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
className="ms-Button-flexContainer flexContainer-154"
|
className="ms-Button-flexContainer flexContainer-54"
|
||||||
data-automationid="splitbuttonprimary"
|
data-automationid="splitbuttonprimary"
|
||||||
>
|
>
|
||||||
<Component
|
<FontIcon
|
||||||
className="ms-Button-icon icon-156"
|
className="ms-Button-icon icon-56"
|
||||||
iconName="Cancel"
|
iconName="Cancel"
|
||||||
>
|
>
|
||||||
<i
|
<i
|
||||||
aria-hidden={true}
|
aria-hidden={true}
|
||||||
className="ms-Icon root-37 css-161 ms-Button-icon icon-156"
|
className="ms-Icon root-37 css-61 ms-Button-icon icon-56"
|
||||||
data-icon-name="Cancel"
|
data-icon-name="Cancel"
|
||||||
style={
|
style={
|
||||||
Object {
|
Object {
|
||||||
|
@ -2397,10 +2397,10 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
|
||||||
>
|
>
|
||||||
|
|
||||||
</i>
|
</i>
|
||||||
</Component>
|
</FontIcon>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
<Component />
|
<FocusRects />
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
</IconButton>
|
</IconButton>
|
||||||
</CustomizedIconButton>
|
</CustomizedIconButton>
|
||||||
|
@ -2737,7 +2737,7 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
|
||||||
value=""
|
value=""
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="ms-TextField is-required root-163"
|
className="ms-TextField is-required root-63"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="ms-TextField-wrapper"
|
className="ms-TextField-wrapper"
|
||||||
|
@ -3028,7 +3028,7 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="ms-Label root-174"
|
className="ms-Label root-74"
|
||||||
htmlFor="TextField3"
|
htmlFor="TextField3"
|
||||||
id="TextFieldLabel5"
|
id="TextFieldLabel5"
|
||||||
>
|
>
|
||||||
|
@ -3037,13 +3037,13 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
|
||||||
</LabelBase>
|
</LabelBase>
|
||||||
</StyledLabelBase>
|
</StyledLabelBase>
|
||||||
<div
|
<div
|
||||||
className="ms-TextField-fieldGroup fieldGroup-164"
|
className="ms-TextField-fieldGroup fieldGroup-64"
|
||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
aria-invalid={false}
|
aria-invalid={false}
|
||||||
aria-labelledby="TextFieldLabel5"
|
aria-labelledby="TextFieldLabel5"
|
||||||
autoFocus={true}
|
autoFocus={true}
|
||||||
className="ms-TextField-field field-165"
|
className="ms-TextField-field field-65"
|
||||||
id="TextField3"
|
id="TextField3"
|
||||||
name="collectionIdConfirmation"
|
name="collectionIdConfirmation"
|
||||||
onBlur={[Function]}
|
onBlur={[Function]}
|
||||||
|
@ -4805,7 +4805,7 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
aria-label="Submit"
|
aria-label="Submit"
|
||||||
className="ms-Button ms-Button--primary genericPaneSubmitBtn root-175"
|
className="ms-Button ms-Button--primary genericPaneSubmitBtn root-75"
|
||||||
data-is-focusable={true}
|
data-is-focusable={true}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
onKeyDown={[Function]}
|
onKeyDown={[Function]}
|
||||||
|
@ -4823,14 +4823,14 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
className="ms-Button-flexContainer flexContainer-154"
|
className="ms-Button-flexContainer flexContainer-54"
|
||||||
data-automationid="splitbuttonprimary"
|
data-automationid="splitbuttonprimary"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
className="ms-Button-textContainer textContainer-155"
|
className="ms-Button-textContainer textContainer-55"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
className="ms-Button-label label-176"
|
className="ms-Button-label label-76"
|
||||||
id="id__6"
|
id="id__6"
|
||||||
key="id__6"
|
key="id__6"
|
||||||
>
|
>
|
||||||
|
@ -4839,7 +4839,7 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
<Component />
|
<FocusRects />
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
</DefaultButton>
|
</DefaultButton>
|
||||||
</CustomizedDefaultButton>
|
</CustomizedDefaultButton>
|
||||||
|
|
|
@ -1110,7 +1110,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
className="ms-Button-flexContainer flexContainer-54"
|
className="ms-Button-flexContainer flexContainer-54"
|
||||||
data-automationid="splitbuttonprimary"
|
data-automationid="splitbuttonprimary"
|
||||||
>
|
>
|
||||||
<Component
|
<FontIcon
|
||||||
className="ms-Button-icon icon-56"
|
className="ms-Button-icon icon-56"
|
||||||
iconName="Cancel"
|
iconName="Cancel"
|
||||||
>
|
>
|
||||||
|
@ -1126,10 +1126,10 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
>
|
>
|
||||||
|
|
||||||
</i>
|
</i>
|
||||||
</Component>
|
</FontIcon>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
<Component />
|
<FocusRects />
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
</IconButton>
|
</IconButton>
|
||||||
</CustomizedIconButton>
|
</CustomizedIconButton>
|
||||||
|
@ -4180,7 +4180,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
<Component />
|
<FocusRects />
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
</DefaultButton>
|
</DefaultButton>
|
||||||
</CustomizedDefaultButton>
|
</CustomizedDefaultButton>
|
||||||
|
|
|
@ -2663,7 +2663,7 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
className="ms-Button-flexContainer flexContainer-73"
|
className="ms-Button-flexContainer flexContainer-73"
|
||||||
data-automationid="splitbuttonprimary"
|
data-automationid="splitbuttonprimary"
|
||||||
>
|
>
|
||||||
<Component
|
<FontIcon
|
||||||
className="ms-Button-icon icon-75"
|
className="ms-Button-icon icon-75"
|
||||||
iconName="Cancel"
|
iconName="Cancel"
|
||||||
>
|
>
|
||||||
|
@ -2679,10 +2679,10 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
|
||||||
>
|
>
|
||||||
|
|
||||||
</i>
|
</i>
|
||||||
</Component>
|
</FontIcon>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
<Component />
|
<FocusRects />
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
</IconButton>
|
</IconButton>
|
||||||
</CustomizedIconButton>
|
</CustomizedIconButton>
|
||||||
|
|
|
@ -2664,7 +2664,7 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
className="ms-Button-flexContainer flexContainer-73"
|
className="ms-Button-flexContainer flexContainer-73"
|
||||||
data-automationid="splitbuttonprimary"
|
data-automationid="splitbuttonprimary"
|
||||||
>
|
>
|
||||||
<Component
|
<FontIcon
|
||||||
className="ms-Button-icon icon-75"
|
className="ms-Button-icon icon-75"
|
||||||
iconName="Cancel"
|
iconName="Cancel"
|
||||||
>
|
>
|
||||||
|
@ -2680,10 +2680,10 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
|
||||||
>
|
>
|
||||||
|
|
||||||
</i>
|
</i>
|
||||||
</Component>
|
</FontIcon>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
<Component />
|
<FocusRects />
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
</IconButton>
|
</IconButton>
|
||||||
</CustomizedIconButton>
|
</CustomizedIconButton>
|
||||||
|
|
|
@ -1291,7 +1291,7 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
|
||||||
verticalAlign="center"
|
verticalAlign="center"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="ms-Stack panelInfoErrorContainer css-202"
|
className="ms-Stack panelInfoErrorContainer css-102"
|
||||||
>
|
>
|
||||||
<StyledIconBase
|
<StyledIconBase
|
||||||
aria-label="warning"
|
aria-label="warning"
|
||||||
|
@ -1580,7 +1580,7 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
|
||||||
>
|
>
|
||||||
<i
|
<i
|
||||||
aria-label="warning"
|
aria-label="warning"
|
||||||
className="panelWarningIcon root-204"
|
className="panelWarningIcon root-104"
|
||||||
data-icon-name="WarningSolid"
|
data-icon-name="WarningSolid"
|
||||||
role="img"
|
role="img"
|
||||||
>
|
>
|
||||||
|
@ -1599,7 +1599,7 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
aria-label="message"
|
aria-label="message"
|
||||||
className="panelWarningErrorMessage css-205"
|
className="panelWarningErrorMessage css-105"
|
||||||
>
|
>
|
||||||
Warning! The action you are about to take cannot be undone. Continuing will permanently delete this resource and all of its children resources.
|
Warning! The action you are about to take cannot be undone. Continuing will permanently delete this resource and all of its children resources.
|
||||||
</span>
|
</span>
|
||||||
|
@ -1623,7 +1623,7 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
|
||||||
variant="small"
|
variant="small"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
className="css-205"
|
className="css-105"
|
||||||
>
|
>
|
||||||
Confirm by typing the database id
|
Confirm by typing the database id
|
||||||
</span>
|
</span>
|
||||||
|
@ -1923,18 +1923,18 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
|
||||||
validateOnLoad={true}
|
validateOnLoad={true}
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="ms-TextField root-207"
|
className="ms-TextField root-107"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="ms-TextField-wrapper"
|
className="ms-TextField-wrapper"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="ms-TextField-fieldGroup fieldGroup-208"
|
className="ms-TextField-fieldGroup fieldGroup-108"
|
||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
aria-invalid={false}
|
aria-invalid={false}
|
||||||
autoFocus={true}
|
autoFocus={true}
|
||||||
className="ms-TextField-field field-209"
|
className="ms-TextField-field field-109"
|
||||||
id="confirmDatabaseId"
|
id="confirmDatabaseId"
|
||||||
onBlur={[Function]}
|
onBlur={[Function]}
|
||||||
onChange={[Function]}
|
onChange={[Function]}
|
||||||
|
@ -1957,7 +1957,7 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
|
||||||
variant="small"
|
variant="small"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
className="css-226"
|
className="css-126"
|
||||||
>
|
>
|
||||||
Help us improve Azure Cosmos DB!
|
Help us improve Azure Cosmos DB!
|
||||||
</span>
|
</span>
|
||||||
|
@ -1967,7 +1967,7 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
|
||||||
variant="small"
|
variant="small"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
className="css-226"
|
className="css-126"
|
||||||
>
|
>
|
||||||
What is the reason why you are deleting this database?
|
What is the reason why you are deleting this database?
|
||||||
</span>
|
</span>
|
||||||
|
@ -2269,17 +2269,17 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
|
||||||
validateOnLoad={true}
|
validateOnLoad={true}
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="ms-TextField ms-TextField--multiline root-207"
|
className="ms-TextField ms-TextField--multiline root-107"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="ms-TextField-wrapper"
|
className="ms-TextField-wrapper"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="ms-TextField-fieldGroup fieldGroup-227"
|
className="ms-TextField-fieldGroup fieldGroup-127"
|
||||||
>
|
>
|
||||||
<textarea
|
<textarea
|
||||||
aria-invalid={false}
|
aria-invalid={false}
|
||||||
className="ms-TextField-field field-228"
|
className="ms-TextField-field field-128"
|
||||||
id="deleteDatabaseFeedbackInput"
|
id="deleteDatabaseFeedbackInput"
|
||||||
onBlur={[Function]}
|
onBlur={[Function]}
|
||||||
onChange={[Function]}
|
onChange={[Function]}
|
||||||
|
@ -4005,7 +4005,7 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
aria-label="OK"
|
aria-label="OK"
|
||||||
className="ms-Button ms-Button--primary root-218"
|
className="ms-Button ms-Button--primary root-118"
|
||||||
data-is-focusable={true}
|
data-is-focusable={true}
|
||||||
id="sidePanelOkButton"
|
id="sidePanelOkButton"
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
|
@ -4017,14 +4017,14 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
className="ms-Button-flexContainer flexContainer-219"
|
className="ms-Button-flexContainer flexContainer-119"
|
||||||
data-automationid="splitbuttonprimary"
|
data-automationid="splitbuttonprimary"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
className="ms-Button-textContainer textContainer-220"
|
className="ms-Button-textContainer textContainer-120"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
className="ms-Button-label label-222"
|
className="ms-Button-label label-122"
|
||||||
id="id__3"
|
id="id__3"
|
||||||
key="id__3"
|
key="id__3"
|
||||||
>
|
>
|
||||||
|
@ -4033,7 +4033,7 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
<Component />
|
<FocusRects />
|
||||||
</BaseButton>
|
</BaseButton>
|
||||||
</DefaultButton>
|
</DefaultButton>
|
||||||
</CustomizedDefaultButton>
|
</CustomizedDefaultButton>
|
||||||
|
|
Loading…
Reference in New Issue