mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2025-12-21 09:51:11 +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
@@ -901,7 +901,7 @@ exports[`Right Pane Form 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",
|
||||
},
|
||||
},
|
||||
@@ -927,7 +927,7 @@ exports[`Right Pane Form 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",
|
||||
},
|
||||
},
|
||||
@@ -939,14 +939,16 @@ exports[`Right Pane Form 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",
|
||||
@@ -977,7 +979,7 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||
"display": "inline-block",
|
||||
"padding": "0 16px",
|
||||
"selectors": Object {
|
||||
":active > *": Object {
|
||||
":active > span": Object {
|
||||
"left": 0,
|
||||
"position": "relative",
|
||||
"top": 0,
|
||||
@@ -1004,7 +1006,7 @@ exports[`Right Pane Form 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",
|
||||
@@ -1029,14 +1031,16 @@ exports[`Right Pane Form 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",
|
||||
@@ -1070,7 +1074,7 @@ exports[`Right Pane Form 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",
|
||||
@@ -1087,7 +1091,7 @@ exports[`Right Pane Form 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",
|
||||
@@ -1099,7 +1103,7 @@ exports[`Right Pane Form 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",
|
||||
@@ -1115,12 +1119,13 @@ exports[`Right Pane Form 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",
|
||||
},
|
||||
},
|
||||
@@ -1131,14 +1136,16 @@ exports[`Right Pane Form 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,
|
||||
@@ -1161,13 +1168,21 @@ exports[`Right Pane Form 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",
|
||||
@@ -1180,7 +1195,7 @@ exports[`Right Pane Form 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",
|
||||
},
|
||||
@@ -1193,7 +1208,7 @@ exports[`Right Pane Form 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",
|
||||
@@ -1207,7 +1222,7 @@ exports[`Right Pane Form 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",
|
||||
@@ -1221,7 +1236,7 @@ exports[`Right Pane Form 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",
|
||||
@@ -1237,7 +1252,7 @@ exports[`Right Pane Form 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",
|
||||
},
|
||||
@@ -1246,7 +1261,7 @@ exports[`Right Pane Form 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",
|
||||
@@ -1262,7 +1277,7 @@ exports[`Right Pane Form 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",
|
||||
},
|
||||
},
|
||||
@@ -1274,7 +1289,7 @@ exports[`Right Pane Form 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",
|
||||
},
|
||||
},
|
||||
@@ -1287,7 +1302,7 @@ exports[`Right Pane Form 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",
|
||||
},
|
||||
},
|
||||
@@ -1309,18 +1324,18 @@ exports[`Right Pane Form 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",
|
||||
},
|
||||
@@ -1370,7 +1385,7 @@ exports[`Right Pane Form 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",
|
||||
@@ -1379,7 +1394,7 @@ exports[`Right Pane Form 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",
|
||||
},
|
||||
},
|
||||
@@ -1387,7 +1402,7 @@ exports[`Right Pane Form 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",
|
||||
@@ -1409,14 +1424,16 @@ exports[`Right Pane Form 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,
|
||||
@@ -1438,7 +1455,7 @@ exports[`Right Pane Form 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",
|
||||
},
|
||||
},
|
||||
@@ -1728,7 +1745,7 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||
>
|
||||
<button
|
||||
aria-label="Load"
|
||||
className="ms-Button ms-Button--primary root-53"
|
||||
className="ms-Button ms-Button--primary root-109"
|
||||
data-is-focusable={true}
|
||||
id="sidePanelOkButton"
|
||||
onClick={[Function]}
|
||||
@@ -1740,14 +1757,14 @@ exports[`Right Pane Form should render Default properly 1`] = `
|
||||
type="submit"
|
||||
>
|
||||
<span
|
||||
className="ms-Button-flexContainer flexContainer-54"
|
||||
className="ms-Button-flexContainer flexContainer-110"
|
||||
data-automationid="splitbuttonprimary"
|
||||
>
|
||||
<span
|
||||
className="ms-Button-textContainer textContainer-55"
|
||||
className="ms-Button-textContainer textContainer-111"
|
||||
>
|
||||
<span
|
||||
className="ms-Button-label label-57"
|
||||
className="ms-Button-label label-113"
|
||||
id="id__0"
|
||||
key="id__0"
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user