mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2025-12-30 22:31:56 +00:00
Make Data Explorer work on node v18 (#1654)
* Upgrade packages to enable npm i with node 18 * Fix crypto and querystring issue * Fix webpack errors during npm start * Upgrade monaco editor. Fix alias in webconfig * Remove deprecated file-loader. Upgrade webpack to latest. * Fix format * Upgrade webpack, eslint and typescript * Update p-retry and fluentui packages * Revert monaco package upgrade * Fix notebook compile errors * Fix lint errors * Update jest snapshots * Fix unit tests * Update node version to 18 * Fix compile error * Fix compile error * Fix format * Turn off warning overlay for webpack devServer * Fix format * Re-add monaco webpack plugin and upgrade monaco-editor * Update package-lock.json * Fix build issue * Move MonacoWebpackPlugin to previous place in webpack.config.js * update package-lock.json * Fix package-lock.json * Update package-lock.json * Fix export ChoiceItem not found warning for self serve. Remove warning turn off in webpack config. * Update checkout and setup actions in for ci tests * Disable Gallery callout * Fix disable gallery header * Totally disable New gallery callout * Upgrade all github actions to latest
This commit is contained in:
Laurent Nguyen
GitHub
@@ -28,7 +28,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
>
|
||||
<Text>
|
||||
<span
|
||||
className="css-53"
|
||||
className="css-109"
|
||||
>
|
||||
Select the columns that you want to query.
|
||||
</span>
|
||||
@@ -323,32 +323,30 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
}
|
||||
>
|
||||
<div
|
||||
className="ms-Checkbox is-checked is-enabled root-54"
|
||||
className="ms-Checkbox is-checked is-enabled root-110"
|
||||
>
|
||||
<input
|
||||
aria-checked="true"
|
||||
aria-label="Available Columns"
|
||||
checked={true}
|
||||
className="input-55"
|
||||
className="input-111"
|
||||
data-ktp-execute-target={true}
|
||||
id="availableCheckbox"
|
||||
onChange={[Function]}
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="ms-Checkbox-label label-56"
|
||||
className="ms-Checkbox-label label-112"
|
||||
htmlFor="availableCheckbox"
|
||||
>
|
||||
<div
|
||||
className="ms-Checkbox-checkbox checkbox-57"
|
||||
className="ms-Checkbox-checkbox checkbox-113"
|
||||
data-ktp-target={true}
|
||||
>
|
||||
<StyledIconBase
|
||||
className="ms-Checkbox-checkmark checkmark-58"
|
||||
className="ms-Checkbox-checkmark checkmark-114"
|
||||
iconName="CheckMark"
|
||||
>
|
||||
<IconBase
|
||||
className="ms-Checkbox-checkmark checkmark-58"
|
||||
className="ms-Checkbox-checkmark checkmark-114"
|
||||
iconName="CheckMark"
|
||||
styles={[Function]}
|
||||
theme={
|
||||
@@ -627,7 +625,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
>
|
||||
<i
|
||||
aria-hidden={true}
|
||||
className="ms-Checkbox-checkmark checkmark-61"
|
||||
className="ms-Checkbox-checkmark checkmark-118"
|
||||
data-icon-name="CheckMark"
|
||||
>
|
||||
|
||||
@@ -636,8 +634,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
</StyledIconBase>
|
||||
</div>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className="ms-Checkbox-text text-59"
|
||||
className="ms-Checkbox-text text-115"
|
||||
>
|
||||
Available Columns
|
||||
</span>
|
||||
@@ -933,14 +930,12 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
}
|
||||
>
|
||||
<div
|
||||
className="ms-Checkbox is-checked is-enabled root-54"
|
||||
className="ms-Checkbox is-checked is-enabled root-110"
|
||||
>
|
||||
<input
|
||||
aria-checked="true"
|
||||
aria-disabled={false}
|
||||
aria-label=""
|
||||
checked={true}
|
||||
className="input-55"
|
||||
className="input-111"
|
||||
data-ktp-execute-target={true}
|
||||
disabled={false}
|
||||
id="checkbox-0"
|
||||
@@ -948,19 +943,19 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
className="ms-Checkbox-label label-56"
|
||||
className="ms-Checkbox-label label-112"
|
||||
htmlFor="checkbox-0"
|
||||
>
|
||||
<div
|
||||
className="ms-Checkbox-checkbox checkbox-57"
|
||||
className="ms-Checkbox-checkbox checkbox-113"
|
||||
data-ktp-target={true}
|
||||
>
|
||||
<StyledIconBase
|
||||
className="ms-Checkbox-checkmark checkmark-58"
|
||||
className="ms-Checkbox-checkmark checkmark-114"
|
||||
iconName="CheckMark"
|
||||
>
|
||||
<IconBase
|
||||
className="ms-Checkbox-checkmark checkmark-58"
|
||||
className="ms-Checkbox-checkmark checkmark-114"
|
||||
iconName="CheckMark"
|
||||
styles={[Function]}
|
||||
theme={
|
||||
@@ -1239,7 +1234,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
>
|
||||
<i
|
||||
aria-hidden={true}
|
||||
className="ms-Checkbox-checkmark checkmark-61"
|
||||
className="ms-Checkbox-checkmark checkmark-118"
|
||||
data-icon-name="CheckMark"
|
||||
>
|
||||
|
||||
@@ -2143,7 +2138,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
"iconDisabled": Object {
|
||||
"color": "#a19f9d",
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"color": "GrayText",
|
||||
},
|
||||
},
|
||||
@@ -2169,7 +2164,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
"menuIconDisabled": Object {
|
||||
"color": "#a19f9d",
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"color": "GrayText",
|
||||
},
|
||||
},
|
||||
@@ -2181,14 +2176,16 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
"selectors": Object {
|
||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
||||
"border": "1px solid transparent",
|
||||
"borderRadius": undefined,
|
||||
"bottom": 2,
|
||||
"content": "\\"\\"",
|
||||
"left": 2,
|
||||
"outline": "1px solid #605e5c",
|
||||
"pointerEvents": undefined,
|
||||
"position": "absolute",
|
||||
"right": 2,
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"bottom": -2,
|
||||
"left": -2,
|
||||
"outlineColor": "ButtonText",
|
||||
@@ -2219,7 +2216,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
"display": "inline-block",
|
||||
"padding": "0 16px",
|
||||
"selectors": Object {
|
||||
":active > *": Object {
|
||||
":active > span": Object {
|
||||
"left": 0,
|
||||
"position": "relative",
|
||||
"top": 0,
|
||||
@@ -2246,7 +2243,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
},
|
||||
},
|
||||
},
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"MsHighContrastAdjust": "none",
|
||||
"backgroundColor": "WindowText",
|
||||
"borderColor": "WindowText",
|
||||
@@ -2271,14 +2268,16 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
"selectors": Object {
|
||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
||||
"border": "1px solid transparent",
|
||||
"borderRadius": undefined,
|
||||
"bottom": 2,
|
||||
"content": "\\"\\"",
|
||||
"left": 2,
|
||||
"outline": "1px solid #605e5c",
|
||||
"pointerEvents": undefined,
|
||||
"position": "absolute",
|
||||
"right": 2,
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"bottom": -2,
|
||||
"left": -2,
|
||||
"outlineColor": "ButtonText",
|
||||
@@ -2312,7 +2311,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
"backgroundColor": "#f3f2f1",
|
||||
"color": "#d2d0ce",
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"backgroundColor": "Window",
|
||||
"borderColor": "GrayText",
|
||||
"color": "GrayText",
|
||||
@@ -2329,7 +2328,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
"border": "1px solid #106ebe",
|
||||
"color": "#ffffff",
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"backgroundColor": "Highlight",
|
||||
"borderColor": "Highlight",
|
||||
"color": "Window",
|
||||
@@ -2341,7 +2340,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
"border": "1px solid #005a9e",
|
||||
"color": "#ffffff",
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"MsHighContrastAdjust": "none",
|
||||
"backgroundColor": "WindowText",
|
||||
"borderColor": "WindowText",
|
||||
@@ -2357,12 +2356,13 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
"overflow": "hidden",
|
||||
"padding": 0,
|
||||
"position": "absolute",
|
||||
"whiteSpace": "nowrap",
|
||||
"width": 1,
|
||||
},
|
||||
"splitButtonContainer": Array [
|
||||
Object {
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"border": "none",
|
||||
},
|
||||
},
|
||||
@@ -2373,14 +2373,16 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
"selectors": Object {
|
||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
||||
"border": "1px solid #ffffff",
|
||||
"borderRadius": undefined,
|
||||
"bottom": 3,
|
||||
"content": "\\"\\"",
|
||||
"left": 3,
|
||||
"outline": "1px solid #605e5c",
|
||||
"pointerEvents": "none",
|
||||
"position": "absolute",
|
||||
"right": 3,
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"border": "none",
|
||||
"bottom": -2,
|
||||
"left": -2,
|
||||
@@ -2403,13 +2405,21 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
"borderBottomRightRadius": "0",
|
||||
"borderRight": "none",
|
||||
"borderTopRightRadius": "0",
|
||||
"flexGrow": "1",
|
||||
},
|
||||
".ms-Button--primary": Object {
|
||||
"border": "none",
|
||||
"borderBottomRightRadius": "0",
|
||||
"borderTopRightRadius": "0",
|
||||
"flexGrow": "1",
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
":active": Object {
|
||||
"border": "none",
|
||||
},
|
||||
":hover": Object {
|
||||
"border": "none",
|
||||
},
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"MsHighContrastAdjust": "none",
|
||||
"backgroundColor": "Window",
|
||||
"border": "1px solid WindowText",
|
||||
@@ -2422,7 +2432,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
".ms-Button--primary + .ms-Button": Object {
|
||||
"border": "none",
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"border": "1px solid WindowText",
|
||||
"borderLeftWidth": "0",
|
||||
},
|
||||
@@ -2435,7 +2445,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
"selectors": Object {
|
||||
".ms-Button--primary": Object {
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"MsHighContrastAdjust": "none",
|
||||
"backgroundColor": "WindowText",
|
||||
"color": "Window",
|
||||
@@ -2449,7 +2459,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
"selectors": Object {
|
||||
".ms-Button--primary": Object {
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"MsHighContrastAdjust": "none",
|
||||
"backgroundColor": "WindowText",
|
||||
"color": "Window",
|
||||
@@ -2463,7 +2473,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
"border": "none",
|
||||
"outline": "none",
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"MsHighContrastAdjust": "none",
|
||||
"backgroundColor": "Window",
|
||||
"borderColor": "GrayText",
|
||||
@@ -2479,7 +2489,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
"selectors": Object {
|
||||
".ms-Button--primary": Object {
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"backgroundColor": "Highlight",
|
||||
"color": "Window",
|
||||
},
|
||||
@@ -2488,7 +2498,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
".ms-Button.is-disabled": Object {
|
||||
"color": "#a19f9d",
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"backgroundColor": "Window",
|
||||
"borderColor": "GrayText",
|
||||
"color": "GrayText",
|
||||
@@ -2504,7 +2514,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
"position": "absolute",
|
||||
"right": 31,
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"backgroundColor": "Window",
|
||||
},
|
||||
},
|
||||
@@ -2516,7 +2526,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
"position": "absolute",
|
||||
"right": 31,
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"backgroundColor": "WindowText",
|
||||
},
|
||||
},
|
||||
@@ -2529,7 +2539,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
"position": "absolute",
|
||||
"right": 31,
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"backgroundColor": "GrayText",
|
||||
},
|
||||
},
|
||||
@@ -2551,18 +2561,18 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
":hover": Object {
|
||||
"backgroundColor": "#106ebe",
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"color": "Highlight",
|
||||
},
|
||||
},
|
||||
},
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"backgroundColor": "WindowText",
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"backgroundColor": "Canvas",
|
||||
},
|
||||
},
|
||||
},
|
||||
Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
".ms-Button-menuIcon": Object {
|
||||
"color": "WindowText",
|
||||
},
|
||||
@@ -2612,7 +2622,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
"selectors": Object {
|
||||
".ms-Button--primary": Object {
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"backgroundColor": "Window",
|
||||
"borderColor": "GrayText",
|
||||
"color": "GrayText",
|
||||
@@ -2621,7 +2631,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
},
|
||||
".ms-Button-menuIcon": Object {
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"color": "GrayText",
|
||||
},
|
||||
},
|
||||
@@ -2629,7 +2639,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
":hover": Object {
|
||||
"cursor": "default",
|
||||
},
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"backgroundColor": "Window",
|
||||
"border": "1px solid GrayText",
|
||||
"color": "GrayText",
|
||||
@@ -2651,14 +2661,16 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
"selectors": Object {
|
||||
".ms-Fabric--isFocusVisible &:focus:after": Object {
|
||||
"border": "1px solid #ffffff",
|
||||
"borderRadius": undefined,
|
||||
"bottom": 3,
|
||||
"content": "\\"\\"",
|
||||
"left": 3,
|
||||
"outline": "1px solid #605e5c",
|
||||
"pointerEvents": undefined,
|
||||
"position": "absolute",
|
||||
"right": 3,
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"border": "none",
|
||||
"bottom": -2,
|
||||
"left": -2,
|
||||
@@ -2680,7 +2692,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
"splitButtonMenuIconDisabled": Object {
|
||||
"color": "#a19f9d",
|
||||
"selectors": Object {
|
||||
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
|
||||
"@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": Object {
|
||||
"color": "GrayText",
|
||||
},
|
||||
},
|
||||
@@ -2970,7 +2982,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
>
|
||||
<button
|
||||
aria-label="OK"
|
||||
className="ms-Button ms-Button--primary root-68"
|
||||
className="ms-Button ms-Button--primary root-125"
|
||||
data-is-focusable={true}
|
||||
id="sidePanelOkButton"
|
||||
onClick={[Function]}
|
||||
@@ -2982,14 +2994,14 @@ exports[`Table query select Panel should render Default properly 1`] = `
|
||||
type="submit"
|
||||
>
|
||||
<span
|
||||
className="ms-Button-flexContainer flexContainer-69"
|
||||
className="ms-Button-flexContainer flexContainer-126"
|
||||
data-automationid="splitbuttonprimary"
|
||||
>
|
||||
<span
|
||||
className="ms-Button-textContainer textContainer-70"
|
||||
className="ms-Button-textContainer textContainer-127"
|
||||
>
|
||||
<span
|
||||
className="ms-Button-label label-72"
|
||||
className="ms-Button-label label-129"
|
||||
id="id__1"
|
||||
key="id__1"
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user