random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2026-01-06 11:11:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

webpack and all loader as well plugin version update

Browse Source
This commit is contained in:
hardiknai-techm
2021-04-28 12:00:32 +05:30
parent 71e7ad4547
commit d65600dd14
389 changed files with 4905 additions and 6187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
less/Common/Constants.less
View File

@@ -4,7 +4,7 @@
@font-face {
font-family: wf_segoe-ui_normal;
src: url("../../fonts/segoe-ui/west-european/normal/latest.woff");
src: url(./fonts/segoe-ui/west-european/normal/latest.woff);
}
@DataExplorerFont: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;

0
fonts/segoe-ui/west-european/normal/latest.woff → less/Common/fonts/segoe-ui/west-european/normal/latest.woff
View File

56
less/TableStyles/fulldatatables.less
View File

@@ -51,7 +51,7 @@ table.can-select.dataTable tbody tr {
table.can-select.dataTable tbody tr.selected {
color: #000000 !important;
/*[{datatable-row-selected-text} !important]*/
background-color: #C9DEF5;
background-color: #c9def5;
/*[{datatable-row-selected-background}]*/
border: 1px solid #b3d1f1;
/*[1px solid {datatable-row-selected-border}]*/
@@ -64,23 +64,23 @@ table.can-select.dataTable tbody tr.selected td:first-child {
table.can-select.dataTable.hover tbody tr:hover,
table.dataTable.storage tbody tr:hover {
background-color: #C9DEF5;
background-color: #c9def5;
/*[{datatable-row-hover-background}]*/
}
table.dataTable.storage tbody tr:hover td:empty {
background-color: #C9DEF5;
background-color: #c9def5;
/*[{datatable-row-hover-empty-background}]*/
}
table.can-select.dataTable.hover tbody tr:hover.selected,
table.can-select.dataTable.storage tbody tr:hover.selected {
background-color: #C9DEF5;
background-color: #c9def5;
/*[{datatable-row-selected-background}]*/
}
table.can-select.dataTable:not(:focus) tbody tr.selected {
color: #1E1E1E;
color: #1e1e1e;
/*[{datatable-row-selected-text}]*/
background-color: #767676;
/*[{datatable-row-selected-background}]*/
@@ -95,7 +95,7 @@ table.can-select.dataTable.storage:not(:focus) tbody tr:hover.selected {
table.storage thead th,
table.storage tfoot th {
font-weight: normal;
color: #DDDDDD;
color: #dddddd;
/*[{datatable-header-text}]*/
white-space: nowrap;
}
@@ -103,7 +103,7 @@ table.storage tfoot th {
table.storage thead th,
table.storage thead td {
padding: 0.5em 1em;
border: 1px solid #DDDDDD;
border: 1px solid #dddddd;
/*[1px solid {datatable-header-border}]*/
background-color: @BaseLight;
/*[{datatable-header-background}]*/
@@ -115,10 +115,10 @@ table.storage thead td {
table.dataTable thead th:active,
table.dataTable thead td:active {
border: 1px solid #DDDDDD;
border: 1px solid #dddddd;
/*[1px solid {datatable-header-cell-active-border}]*/
outline: none;
background-color: #B4C7DC !important;
background-color: #b4c7dc !important;
/*[{datatable-header-cell-active-background} !important] */
}
@@ -126,15 +126,15 @@ table.dataTable thead th:focus,
table.dataTable thead td:focus {
border-width: 1px;
border-style: solid;
border-color: #007ACC;
border-color: #007acc;
/*[{datatable-header-cell-focus-background}]*/
}
table.dataTable thead th:hover,
table.dataTable thead td:hover {
border: 1px solid #007ACC;
border: 1px solid #007acc;
/*[1px solid {datatable-header-cell-hover-border}]*/
background-color: #C9DEF5;
background-color: #c9def5;
/*[{datatable-header-cell-hover-background}]*/
color: #000000;
/*[{datatable-header-cell-hover-text}]*/
@@ -153,7 +153,7 @@ table.storage thead td:last-child:not(:focus):not(:hover) {
table.dataTable tfoot th,
table.dataTable tfoot td {
padding: 5px 18px 5px 18px;
border-top: 1px solid #DDDDDD;
border-top: 1px solid #dddddd;
/*[1px solid {datatable-header-border}]*/
background-color: @BaseLight;
/*[{datatable-header-background}]*/
@@ -176,11 +176,11 @@ table.dataTable thead .sorting_desc_disabled {
}
table.dataTable thead .sorting_asc {
background-image: url("../../images/QueryBuilder/CollapseChevronUp_16x.png");
background-image: url(/images/QueryBuilder/CollapseChevronUp_16x.png);
}
table.dataTable thead .sorting_desc {
background-image: url("../../images/QueryBuilder/CollapseChevronDown_16x.png");
background-image: url(/images/QueryBuilder/CollapseChevronDown_16x.png);
}
table.dataTable tbody tr {
@@ -207,7 +207,6 @@ table.dataTable tbody tr td:first-child img {
vertical-align: middle;
}
table.dataTable tbody tr td:first-child {
border-left-width: 1px;
}
@@ -225,12 +224,12 @@ table.show-gridlines tbody th,
table.show-gridlines tbody td {
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #DDDDDD;
border-color: #dddddd;
/*[{datatable-base-border}]*/
}
table.show-gridlines tbody td:empty {
background-color: #E3E2E6;
background-color: #e3e2e6;
/*[{datatable-base-border}]*/
}
@@ -277,7 +276,7 @@ table.dataTable.hover tbody tr:hover,
table.dataTable.storage tbody tr:hover {
color: #000000;
/*[{datatable-row-hover-text}]*/
background-color: #FCFCFC;
background-color: #fcfcfc;
/*[{datatable-row-hover-background}]*/
}
@@ -416,7 +415,6 @@ table.dataTable td {
margin: 0px;
}
/*
* Control feature layout
*/
@@ -446,7 +444,7 @@ table.dataTable td {
.dataTables_wrapper .dataTables_filter input {
background-color: #333337;
/*[{plugin-textbox-background-color}]*/
border: 1px solid #3F3F46;
border: 1px solid #3f3f46;
/*[1px solid {plugin-textbox-border-color}]*/
margin-left: 0.5em;
outline: none;
@@ -455,7 +453,7 @@ table.dataTable td {
.dataTables_wrapper .dataTables_filter input:active,
.dataTables_wrapper .dataTables_filter input:focus,
.dataTables_wrapper .dataTables_filter input:hover {
border: 1px solid #007ACC;
border: 1px solid #007acc;
/*[1px solid {search-control-mouse-over-border}]*/
}
@@ -466,7 +464,7 @@ table.dataTable td {
.dataTables_wrapper .dataTables_length select:active,
.dataTables_wrapper .dataTables_length select:focus,
.dataTables_wrapper .dataTables_length select:hover {
outline: 1px solid #007ACC;
outline: 1px solid #007acc;
/*[1px solid {search-control-mouse-over-border}]*/
}
@@ -549,7 +547,6 @@ table.dataTable td {
overflow: hidden;
.flex-display();
.flex-direction();
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
@@ -609,7 +606,6 @@ tr:hover td.nameColumnText {
display: none;
}
/*@media screen and (max-width: 767px) {
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
@@ -633,21 +629,21 @@ tr:hover td.nameColumnText {
}*/
.context-menu-item.icon-reset-column-order {
background-image: url(../../images/Reset-column-options.svg);
background-image: url(/images/Reset-column-options.svg);
}
.context-menu-item.icon-shift-non-empty-columns-left {
background-image: url(../../images/Reorder.svg);
background-image: url(/images/Reorder.svg);
}
.context-menu-item.icon-edit-entity {
background-image: url(../../images/Edit_entity.svg);
background-image: url(/images/Edit_entity.svg);
}
.context-menu-item.icon-delete-entity {
background-image: url(../../images/delete.svg);
background-image: url(/images/delete.svg);
}
.context-menu-item.icon-customize-columns {
background-image: url(../../images/Options.svg);
background-image: url(/images/Options.svg);
}

18
less/documentDB.less
View File

@@ -1313,7 +1313,7 @@ menuQuickStart {
}
.plusimg-but {
background-image: url(../images/plus_normal.svg);
background-image: url(/images/plus_normal.svg);
background-repeat: no-repeat;
padding: 6px 16px;
position: static;
@@ -1321,7 +1321,7 @@ menuQuickStart {
}
.plusimg-but:hover {
background-image: url(../images/plus_hover.svg);
background-image: url(/images/plus_hover.svg);
background-repeat: no-repeat;
padding: 6px 16px;
position: static;
@@ -1329,7 +1329,7 @@ menuQuickStart {
}
.plusimg-but:active {
background-image: url(../images/plus_pressed.svg);
background-image: url(/images/plus_pressed.svg);
background-repeat: no-repeat;
padding: 6px 16px;
position: static;
@@ -1337,7 +1337,7 @@ menuQuickStart {
}
.plusimg-but:disabled {
background-image: url(../images/plus_disabled.svg);
background-image: url(/images/plus_disabled.svg);
background-repeat: no-repeat;
padding: 6px 16px;
position: static;
@@ -1345,7 +1345,7 @@ menuQuickStart {
}
.minusimg-but {
background-image: url(../images/minus_normal.svg);
background-image: url(/images/minus_normal.svg);
background-repeat: no-repeat;
padding: 6px 16px;
position: static;
@@ -1353,7 +1353,7 @@ menuQuickStart {
}
.minusimg-but:hover {
background-image: url(../images/minus_hover.svg);
background-image: url(/images/minus_hover.svg);
background-repeat: no-repeat;
padding: 6px 16px;
position: static;
@@ -1361,7 +1361,7 @@ menuQuickStart {
}
.minusimg-but:active {
background-image: url(../images/minus_pressed.svg);
background-image: url(/images/minus_pressed.svg);
background-repeat: no-repeat;
padding: 6px 16px;
position: static;
@@ -1369,7 +1369,7 @@ menuQuickStart {
}
.minusimg-but:disabled {
background-image: url(../images/minus_disabled.svg);
background-image: url(/images/minus_disabled.svg);
background-repeat: no-repeat;
padding: 6px 16px;
position: static;
@@ -2707,7 +2707,7 @@ a:link {
.errorIcon {
width: @ErrorIconWidth;
height: @LoadingErrorIconSize;
background-image: url(../images/error_no_outline.svg);
background-image: url(/images/error_no_outline.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 3px;

27
less/hostedexplorer.less
View File

@@ -90,7 +90,6 @@ body {
}
.accountSwitchComponentContainer {
.accountNameHeader {
font-size: 14px;
color: @BaseLight;
@@ -240,13 +239,13 @@ body {
margin: @SmallSpace (2 * @MediumSpace) 0px 0px;
cursor: pointer;
padding: @SmallSpace @LargeSpace @LargeSpace @SmallSpace;
background-image: url(../images/cancel.svg);
background-image: url(/images/cancel.svg);
background-repeat: no-repeat;
width: 16px;
height: 16px;
&:hover {
background-image: url(../images/cancel-hover.svg);
background-image: url(/images/cancel-hover.svg);
background-repeat: no-repeat;
}
}
@@ -289,7 +288,7 @@ body {
.directoryDivider {
border-bottom: 1px solid @DividerColor;
margin-bottom: @LargeSpace
margin-bottom: @LargeSpace;
}
}
@@ -307,10 +306,10 @@ body {
.main {
width: 100%;
transition: all .0s ease-in-out;
transition: all 0s ease-in-out;
-ms-transition: all 0s ease-in-out;
-webkit-transition: all 0s ease-in-out;
-moz-transition: all .0s ease-in-out;
-moz-transition: all 0s ease-in-out;
height: 100vh;
background-color: @BaseLight;
}
@@ -321,9 +320,9 @@ body {
.mini {
width: 0%;
float: left;
transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
height: 100vh;
background-color: white;
border-right: solid 1px lightgray;
@@ -543,11 +542,11 @@ body {
.datalist-arrow:focus:after,
.datalist-arrow:active:after {
background: #1EBBEE;
background: #1ebbee;
}
input::-webkit-calendar-picker-indicator::after {
content: '\276F';
content: "\276F";
right: 0;
top: -8%;
display: block;
@@ -561,7 +560,7 @@ body {
}
.datalist-arrow:after:hover {
content: '\276F';
content: "\276F";
position: absolute;
right: 1px;
top: 6%;
@@ -573,7 +572,7 @@ body {
color: #fff;
text-align: center;
pointer-events: none;
background-color: #1EBBEE;
background-color: #1ebbee;
}
.Introline3 {
@@ -676,7 +675,7 @@ body {
.atags {
color: @AccentMediumHigh;
font-weight: 400;
cursor: pointer
cursor: pointer;
}
ul {

88
less/quickstart.less
View File

@@ -130,19 +130,19 @@ menuQuickStart {
.content {
display: inline-block;
width: 100%;
transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
height: 100vh;
}
.mini {
width: 0%;
float: left;
transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
height: 100vh;
background-color: white;
}
@@ -235,29 +235,29 @@ menuQuickStart {
}
.gridRowSelected {
background-color: #DEF;
background-color: #def;
}
.gridRowSelected:hover {
background-color: #DEF!important;
background-color: #def !important;
cursor: initial;
}
.collectionNodeSelected {
background-color: #DEF;
background-color: #def;
}
.collectionNodeSelected:hover {
background-color: #DEF!important;
background-color: #def !important;
cursor: default !important;
}
.databaseNodeSelected {
background-color: #DEF;
background-color: #def;
}
.databaseNodeSelected:hover {
background-color: #DEF!important;
background-color: #def !important;
cursor: default !important;
}
@@ -266,7 +266,7 @@ menuQuickStart {
border-top: 1px solid #eee;
margin-left: -17px;
width: 100%;
color: 1px solid #53575B;
color: 1px solid #53575b;
}
.partitioning-btn {
@@ -328,11 +328,11 @@ menuQuickStart {
.collid-white {
width: 100%;
border: solid 1px #DDD;
border: solid 1px #ddd;
}
.plusimg-but {
background-image: url(../images/plus_normal.svg);
background-image: url(/images/plus_normal.svg);
background-repeat: no-repeat;
padding: 6px 16px;
position: static;
@@ -340,7 +340,7 @@ menuQuickStart {
}
.plusimg-but:hover {
background-image: url(../images/plus_hover.svg);
background-image: url(/images/plus_hover.svg);
background-repeat: no-repeat;
padding: 6px 16px;
position: static;
@@ -348,7 +348,7 @@ menuQuickStart {
}
.plusimg-but:active {
background-image: url(../images/plus_pressed.svg);
background-image: url(/images/plus_pressed.svg);
background-repeat: no-repeat;
padding: 6px 16px;
position: static;
@@ -356,7 +356,7 @@ menuQuickStart {
}
.plusimg-but:disabled {
background-image: url(../images/plus_disabled.svg);
background-image: url(/images/plus_disabled.svg);
background-repeat: no-repeat;
padding: 6px 16px;
position: static;
@@ -364,7 +364,7 @@ menuQuickStart {
}
.minusimg-but {
background-image: url(../images/minus_normal.svg);
background-image: url(/images/minus_normal.svg);
background-repeat: no-repeat;
padding: 6px 16px;
position: static;
@@ -372,7 +372,7 @@ menuQuickStart {
}
.minusimg-but:hover {
background-image: url(../images/minus_hover.svg);
background-image: url(/images/minus_hover.svg);
background-repeat: no-repeat;
padding: 6px 16px;
position: static;
@@ -380,7 +380,7 @@ menuQuickStart {
}
.minusimg-but:active {
background-image: url(../images/minus_pressed.svg);
background-image: url(/images/minus_pressed.svg);
background-repeat: no-repeat;
padding: 6px 16px;
position: static;
@@ -388,7 +388,7 @@ menuQuickStart {
}
.minusimg-but:disabled {
background-image: url(../images/minus_disabled.svg);
background-image: url(/images/minus_disabled.svg);
background-repeat: no-repeat;
padding: 6px 16px;
position: static;
@@ -515,11 +515,11 @@ label {
.datalist-arrow:focus:after,
.datalist-arrow:active:after {
background: #1EBBEE;
background: #1ebbee;
}
input::-webkit-calendar-picker-indicator::after {
content: '\276F';
content: "\276F";
right: 0;
top: -8%;
display: block;
@@ -533,7 +533,7 @@ input::-webkit-calendar-picker-indicator::after {
}
.datalist-arrow:after:hover {
content: '\276F';
content: "\276F";
position: absolute;
right: 1px;
top: 6%;
@@ -545,7 +545,7 @@ input::-webkit-calendar-picker-indicator::after {
color: #fff;
text-align: center;
pointer-events: none;
background-color: #1EBBEE;
background-color: #1ebbee;
}
.Introline3 {
@@ -567,7 +567,7 @@ input::-webkit-calendar-picker-indicator::after {
}
.collectionCollapsed:hover {
background: #EEEEEE;
background: #eeeeee;
}
.collectionCollapsed:active {
@@ -590,12 +590,12 @@ input::-webkit-calendar-picker-indicator::after {
.leftarrowCollapsed {
padding: 2px 4px 4px 5px;
border: solid 1px #FFF;
border: solid 1px #fff;
margin: 6px 4px 0px -11px;
}
.leftarrowCollapsed:hover {
background-color: #EEEEEE;
background-color: #eeeeee;
}
.leftarrowCollapsed:active {
@@ -691,7 +691,7 @@ input::-webkit-calendar-picker-indicator::after {
.atags {
color: @AccentMediumHigh;
font-weight: 400;
cursor: pointer
cursor: pointer;
}
.qsmenuicons {
@@ -754,13 +754,13 @@ a:link {
}
.command:hover {
background-color: #E6E6E6;
background-color: #e6e6e6;
cursor: pointer;
padding-bottom: 12px;
}
.command:active {
background-color: #CCCCCC;
background-color: #cccccc;
border: solid 1px @AccentMediumHigh;
}
@@ -966,7 +966,7 @@ a:link {
color: #393939;
}
.tab [type=radio] {
.tab [type="radio"] {
display: none;
}
@@ -979,40 +979,40 @@ a:link {
padding: 15px 0px 20px 0;
}
.tab [type=radio]:checked~label {
.tab [type="radio"]:checked ~ label {
border: 1px solid #0072c6;
background-color: @AccentMediumHigh;
color: white;
z-index: 2;
}
.tab [type=radio]:checked~label:hover {
.tab [type="radio"]:checked ~ label:hover {
border: 1px solid @AccentMediumHigh;
background-color: @AccentMediumHigh;
color: white;
z-index: 2;
}
.tab [type=radio]:checked~label:active {
.tab [type="radio"]:checked ~ label:active {
border: 1px solid #0072c6;
background-color: #0072c6;
color: white;
z-index: 2;
}
.tab [type=radio]:checked~label~.tabcontent {
.tab [type="radio"]:checked ~ label ~ .tabcontent {
z-index: 1;
display: initial;
}
.tab [type=radio]:not(:checked)~label:hover {
.tab [type="radio"]:not(:checked) ~ label:hover {
border: 1px solid #969696;
background-color: #969696;
color: white;
cursor: pointer;
}
.tab [type=radio]:not(:checked)~label~.tabcontent {
.tab [type="radio"]:not(:checked) ~ label ~ .tabcontent {
display: none;
}
@@ -1193,7 +1193,7 @@ a:link {
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
border-bottom-color: #FFF;
border-bottom-color: #fff;
}
.tabList {
@@ -1249,20 +1249,20 @@ a:link {
}
.close-Icon {
background-image: url(../images/close-black.svg);
background-image: url(/images/close-black.svg);
background-repeat: no-repeat;
padding: 0px 0px 0px 11px;
}
.close-Icon:hover {
background-image: url(../images/close-black-hover.svg);
background-image: url(/images/close-black-hover.svg);
background-repeat: no-repeat;
padding: 0px 0px 0px 11px;
}
.clickableLink {
color: @AccentMediumHigh;
font-family: 'Segoe UI';
font-family: "Segoe UI";
font-size: 12px;
cursor: pointer;
}

5795
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

35
package.json
View File

@@ -47,10 +47,9 @@
"applicationinsights": "1.8.0",
"bootstrap": "3.4.1",
"canvas": "file:./canvas",
"clean-webpack-plugin": "0.1.19",
"clipboard-copy": "4.0.1",
"copy-webpack-plugin": "6.0.2",
"crossroads": "0.12.2",
"crypto-browserify": "3.12.0",
"css-element-queries": "1.1.1",
"d3": "6.1.1",
"datatables.net-colreorder-dt": "1.5.1",
@@ -81,10 +80,10 @@
"plotly.js-cartesian-dist-min": "1.52.3",
"post-robot": "10.0.42",
"q": "1.5.1",
"react": "16.13.1",
"react": "17.0.2",
"react-animate-height": "2.0.8",
"react-dnd": "9.4.0",
"react-dnd-html5-backend": "9.4.0",
"react-dnd": "14.0.2",
"react-dnd-html5-backend": "14.0.0",
"react-dom": "16.13.1",
"react-hotkeys": "2.0.0",
"react-i18next": "11.8.5",
@@ -97,7 +96,6 @@
"sanitize-html": "2.3.3",
"styled-components": "4.3.2",
"swr": "0.4.0",
"terser-webpack-plugin": "3.1.0",
"underscore": "1.9.1",
"utility-types": "3.10.0"
},
@@ -133,7 +131,9 @@
"babel-jest": "24.9.0",
"babel-loader": "8.1.0",
"buffer": "5.1.0",
"case-sensitive-paths-webpack-plugin": "2.3.0",
"case-sensitive-paths-webpack-plugin": "2.4.0",
"clean-webpack-plugin": "4.0.0-alpha.0",
"copy-webpack-plugin": "8.1.1",
"create-file-webpack": "1.0.2",
"css-loader": "1.0.0",
"enzyme": "3.11.0",
@@ -147,12 +147,12 @@
"expect-playwright": "0.3.3",
"expose-loader": "0.7.5",
"fast-glob": "3.2.5",
"file-loader": "2.0.0",
"file-loader": "6.2.0",
"fs-extra": "7.0.0",
"html-inline-css-webpack-plugin": "1.11.0",
"html-loader": "0.5.5",
"html-loader": "2.1.2",
"html-loader-jest": "0.2.1",
"html-webpack-plugin": "4.5.2",
"html-webpack-plugin": "5.3.1",
"jest": "25.5.4",
"jest-canvas-mock": "2.1.0",
"jest-playwright-preset": "1.5.1",
@@ -160,7 +160,7 @@
"less": "3.8.1",
"less-loader": "4.1.0",
"less-vars-loader": "1.1.0",
"mini-css-extract-plugin": "0.4.3",
"mini-css-extract-plugin": "1.5.0",
"monaco-editor-webpack-plugin": "1.7.0",
"node-fetch": "2.6.1",
"playwright": "1.10.0",
@@ -170,19 +170,20 @@
"rimraf": "3.0.0",
"sinon": "3.2.1",
"style-loader": "0.23.0",
"ts-loader": "6.2.2",
"terser-webpack-plugin": "5.1.1",
"ts-loader": "9.1.1",
"tslint": "5.11.0",
"tslint-microsoft-contrib": "6.0.0",
"typescript": "4.2.4",
"url-loader": "1.1.1",
"wait-on": "4.0.2",
"webpack": "4.46.0",
"webpack-bundle-analyzer": "3.6.1",
"webpack-cli": "3.3.10",
"webpack-dev-server": "3.11.0"
"webpack": "5.35.1",
"webpack-bundle-analyzer": "4.4.1",
"webpack-cli": "4.6.0",
"webpack-dev-server": "3.11.2"
},
"scripts": {
"start": "node --max-old-space-size=10196 node_modules/webpack-dev-server/bin/webpack-dev-server.js",
"start": "webpack serve --mode development",
"dev": "echo \"WARNING: npm run dev has been deprecated\" && npm run build",
"build:dataExplorer:ci": "npm run build:ci",
"build": "npm run format:check && npm run lint && npm run compile && npm run compile:strict && npm run pack:prod && npm run copyToConsumers",

4
src/Common/TableEntity.tsx
View File

@@ -1,3 +1,5 @@
import DeleteIcon from "images/delete.svg";
import EditIcon from "images/Edit_entity.svg";
import {
Dropdown,
IDropdownOption,
@@ -10,8 +12,6 @@ import {
TooltipHost,
} from "office-ui-fabric-react";
import React, { FunctionComponent } from "react";
import DeleteIcon from "../../images/delete.svg";
import EditIcon from "../../images/Edit_entity.svg";
import { CassandraType, TableType } from "../Explorer/Tables/Constants";
import { userContext } from "../UserContext";
import { EntityValue } from "./EntityValue";

2
src/Common/Tooltip/Tooltip.tsx
View File

@@ -1,7 +1,7 @@
import { useId } from "@uifabric/react-hooks";
import InfoBubble from "images/info-bubble.svg";
import { ITooltipHostStyles, TooltipHost } from "office-ui-fabric-react/lib/Tooltip";
import * as React from "react";
import InfoBubble from "../../../images/info-bubble.svg";
const calloutProps = { gapSpace: 0 };
const hostStyles: Partial<ITooltipHostStyles> = { root: { display: "inline-block" } };

2
src/Common/Upload/Upload.tsx
View File

@@ -1,6 +1,6 @@
import FolderIcon from "images/folder_16x16.svg";
import { Image, Stack, TextField } from "office-ui-fabric-react";
import React, { ChangeEvent, FunctionComponent, KeyboardEvent, useRef, useState } from "react";
import FolderIcon from "../../../images/folder_16x16.svg";
import * as Constants from "../Constants";
import { Tooltip } from "../Tooltip/Tooltip";

2
src/Controls/Heatmap/Heatmap.ts
View File

@@ -14,7 +14,7 @@ import {
HeatmapData,
LayoutSettings,
PartitionTimeStampToData,
PortalTheme,
PortalTheme
} from "./HeatmapDatatypes";
export class Heatmap {

22
src/Explorer/ContextMenuButtonFactory.ts
View File

@@ -1,14 +1,14 @@
import AddCollectionIcon from "../../images/AddCollection.svg";
import AddSqlQueryIcon from "../../images/AddSqlQuery_16x16.svg";
import AddStoredProcedureIcon from "../../images/AddStoredProcedure.svg";
import AddTriggerIcon from "../../images/AddTrigger.svg";
import AddUdfIcon from "../../images/AddUdf.svg";
import DeleteCollectionIcon from "../../images/DeleteCollection.svg";
import DeleteDatabaseIcon from "../../images/DeleteDatabase.svg";
import DeleteSprocIcon from "../../images/DeleteSproc.svg";
import DeleteTriggerIcon from "../../images/DeleteTrigger.svg";
import DeleteUDFIcon from "../../images/DeleteUDF.svg";
import HostedTerminalIcon from "../../images/Hosted-Terminal.svg";
import AddCollectionIcon from "images/AddCollection.svg";
import AddSqlQueryIcon from "images/AddSqlQuery_16x16.svg";
import AddStoredProcedureIcon from "images/AddStoredProcedure.svg";
import AddTriggerIcon from "images/AddTrigger.svg";
import AddUdfIcon from "images/AddUdf.svg";
import DeleteCollectionIcon from "images/DeleteCollection.svg";
import DeleteDatabaseIcon from "images/DeleteDatabase.svg";
import DeleteSprocIcon from "images/DeleteSproc.svg";
import DeleteTriggerIcon from "images/DeleteTrigger.svg";
import DeleteUDFIcon from "images/DeleteUDF.svg";
import HostedTerminalIcon from "images/Hosted-Terminal.svg";
import * as ViewModels from "../Contracts/ViewModels";
import { DefaultAccountExperienceType } from "../DefaultAccountExperienceType";
import { userContext } from "../UserContext";

7
src/Explorer/Controls/Accordion/AccordionComponent.tsx
View File

@@ -2,12 +2,11 @@
* Accordion top class
*/
import TriangleDownIcon from "images/Triangle-down.svg";
import TriangleRightIcon from "images/Triangle-right.svg";
import * as React from "react";
import * as Constants from "../../../Common/Constants";
import AnimateHeight from "react-animate-height";
import TriangleDownIcon from "../../../../images/Triangle-down.svg";
import TriangleRightIcon from "../../../../images/Triangle-right.svg";
import * as Constants from "../../../Common/Constants";
export interface AccordionComponentProps {}

2
src/Explorer/Controls/CollapsiblePanel/CollapsiblePanel.tsx
View File

@@ -6,8 +6,8 @@
* - calling render()
*/
import LeftArrowIcon from "images/imgarrowlefticon.svg";
import * as React from "react";
import LeftArrowIcon from "../../../../images/imgarrowlefticon.svg";
import { AccessibleElement } from "../../Controls/AccessibleElement/AccessibleElement";
export interface CollapsiblePanelProps {

12
src/Explorer/Controls/CommandButton/CommandButtonComponent.tsx
View File

@@ -1,14 +1,12 @@
import * as StringUtils from "../../../Utils/StringUtils";
import { KeyCodes } from "../../../Common/Constants";
import * as TelemetryProcessor from "../../../Shared/Telemetry/TelemetryProcessor";
import { Action, ActionModifiers } from "../../../Shared/Telemetry/TelemetryConstants";
import CollapseChevronDownIcon from "../../../../images/QueryBuilder/CollapseChevronDown_16x.png";
import CollapseChevronDownIcon from "images/QueryBuilder/CollapseChevronDown_16x.png";
/**
* React component for Command button component.
*/
import * as React from "react";
import { KeyCodes } from "../../../Common/Constants";
import { Action, ActionModifiers } from "../../../Shared/Telemetry/TelemetryConstants";
import * as TelemetryProcessor from "../../../Shared/Telemetry/TelemetryProcessor";
import * as StringUtils from "../../../Utils/StringUtils";
import { ArcadiaMenuPickerProps } from "../Arcadia/ArcadiaMenuPicker";
/**

4
src/Explorer/Controls/DynamicList/dynamic-list.html
View File

@@ -15,7 +15,7 @@
tabindex="0"
data-bind="click: $parent.removeItem, event: { keydown: $parent.onRemoveItemKeyPress }"
>
<img src="/delete.svg" alt="Remove item" />
<img src="/images/delete.svg" alt="Remove item" />
</span>
</div>
</div>
@@ -28,7 +28,7 @@
tabindex="0"
data-bind="click: addItem, event: { keydown: onAddItemKeyPress }"
>
<img src="/Add-property.svg" data-bind="attr: {alt: buttonText}" /> <span data-bind="text: buttonText"></span>
<img src="/images/Add-property.svg" data-bind="attr: {alt: buttonText}" /> <span data-bind="text: buttonText"></span>
</span>
</div>
</div>

2
src/Explorer/Controls/ErrorDisplayComponent/error-display-component.html
View File

@@ -1,6 +1,6 @@
<div class="warningErrorContainer" data-bind="visible: !!params.errorMsg()">
<div class="warningErrorContent">
<span><img src="/error_red.svg" alt="Error" /></span>
<span><img src="/images/error_red.svg" alt="Error" /></span>
<span class="settingErrorMsg warningErrorDetailsLinkContainer" data-bind="text: params.errorMsg()"></span>
</div>
</div>

12
src/Explorer/Controls/NotebookGallery/Cards/GalleryCardComponent.tsx
View File

@@ -1,25 +1,25 @@
import { Card } from "@uifabric/react-cards";
import CosmosDBLogo from "images/CosmosDB-logo.svg";
import {
BaseButton,
Button,
FontWeights,
Icon,
IconButton,
Image,
ImageFit,
Persona,
Text,
Link,
BaseButton,
Button,
LinkBase,
Persona,
Separator,
TooltipHost,
Spinner,
SpinnerSize,
Text,
TooltipHost,
} from "office-ui-fabric-react";
import * as React from "react";
import { IGalleryItem } from "../../../../Juno/JunoClient";
import * as FileSystemUtil from "../../../Notebook/FileSystemUtil";
import CosmosDBLogo from "../../../../../images/CosmosDB-logo.svg";
export interface GalleryCardComponentProps {
data: IGalleryItem;

4
src/Explorer/Controls/NotebookViewer/NotebookMetadataComponent.tsx
View File

@@ -1,6 +1,7 @@
/**
* Wrapper around Notebook metadata
*/
import CosmosDBLogo from "images/CosmosDB-logo.svg";
import {
FontWeights,
Icon,
@@ -15,9 +16,8 @@ import {
import * as React from "react";
import { IGalleryItem } from "../../../Juno/JunoClient";
import * as FileSystemUtil from "../../Notebook/FileSystemUtil";
import "./NotebookViewerComponent.less";
import CosmosDBLogo from "../../../../images/CosmosDB-logo.svg";
import { InfoComponent } from "../NotebookGallery/InfoComponent/InfoComponent";
import "./NotebookViewerComponent.less";
export interface NotebookMetadataComponentProps {
data: IGalleryItem;

2
src/Explorer/Controls/QueriesGridReactComponent/QueriesGridComponent.tsx
View File

@@ -1,3 +1,4 @@
import SaveQueryBannerIcon from "images/save_query_banner.png";
import { IButtonProps, IconButton } from "office-ui-fabric-react/lib/Button";
import { ContextualMenu, IContextualMenuProps } from "office-ui-fabric-react/lib/ContextualMenu";
import {
@@ -19,7 +20,6 @@ import {
} from "office-ui-fabric-react/lib/utilities/selection/index";
import * as React from "react";
import * as _ from "underscore";
import SaveQueryBannerIcon from "../../../../images/save_query_banner.png";
import * as Constants from "../../../Common/Constants";
import { StyleConstants } from "../../../Common/Constants";
import { getErrorMessage, getErrorStack } from "../../../Common/ErrorHandlingUtils";

4
src/Explorer/Controls/Settings/SettingsComponent.tsx
View File

@@ -1,7 +1,7 @@
import DiscardIcon from "images/discard.svg";
import SaveIcon from "images/save-cosmos.svg";
import { IPivotItemProps, IPivotProps, Pivot, PivotItem } from "office-ui-fabric-react";
import * as React from "react";
import DiscardIcon from "../../../../images/discard.svg";
import SaveIcon from "../../../../images/save-cosmos.svg";
import { AuthType } from "../../../AuthType";
import * as Constants from "../../../Common/Constants";
import { getIndexTransformationProgress } from "../../../Common/dataAccess/getIndexTransformationProgress";

4
src/Explorer/Controls/ThroughputInput/ThroughputInputComponentAutoscaleV3.html
View File

@@ -9,7 +9,7 @@
<!-- ko if: infoBubbleText -->
<span class="infoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="../../../../images/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span data-bind="text: infoBubbleText" class="tooltiptext throughputRuInfo"></span>
</span>
<!-- /ko -->
@@ -163,7 +163,7 @@
</div>
<div class="freeTierInlineWarning" data-bind="visible: showFreeTierExceedThroughputWarning">
<span class="freeTierWarningIcon"><img src="/warning.svg" alt="Warning" /></span>
<span class="freeTierWarningIcon"><img src="/images/warning.svg" alt="Warning" /></span>
<span class="freeTierWarningMessage" data-bind="text: freeTierExceedThroughputWarning"></span>
</div>

17
src/Explorer/Controls/TreeComponent/TreeComponent.tsx
View File

@@ -5,21 +5,20 @@
* - context menu
*/
import * as React from "react";
import * as Constants from "../../../Common/Constants";
import AnimateHeight from "react-animate-height";
import { IconButton, IButtonStyles } from "office-ui-fabric-react/lib/Button";
import LoadingIndicator_3Squares from "images/LoadingIndicator_3Squares.gif";
import TriangleDownIcon from "images/Triangle-down.svg";
import TriangleRightIcon from "images/Triangle-right.svg";
import { IButtonStyles, IconButton } from "office-ui-fabric-react/lib/Button";
import {
DirectionalHint,
IContextualMenuItemProps,
IContextualMenuProps,
} from "office-ui-fabric-react/lib/ContextualMenu";
import TriangleDownIcon from "../../../../images/Triangle-down.svg";
import TriangleRightIcon from "../../../../images/Triangle-right.svg";
import LoadingIndicator_3Squares from "../../../../images/LoadingIndicator_3Squares.gif";
import * as TelemetryProcessor from "../../../Shared/Telemetry/TelemetryProcessor";
import * as React from "react";
import AnimateHeight from "react-animate-height";
import * as Constants from "../../../Common/Constants";
import { Action, ActionModifiers } from "../../../Shared/Telemetry/TelemetryConstants";
import * as TelemetryProcessor from "../../../Shared/Telemetry/TelemetryProcessor";
export interface TreeNodeMenuItem {
label: string;

10
src/Explorer/Graph/GraphExplorerComponent/EditorNeighborsComponent.tsx
View File

@@ -3,13 +3,13 @@
* Editor for neighbors (targets or sources)
*/
import AddPropertyIcon from "images/Add-property.svg";
import DeleteIcon from "images/delete.svg";
import * as React from "react";
import { NeighborVertexBasicInfo, EditedEdges, GraphNewEdgeData, PossibleVertex } from "./GraphExplorer";
import * as GraphUtil from "./GraphUtil";
import * as InputTypeaheadComponent from "../../Controls/InputTypeahead/InputTypeaheadComponent";
import DeleteIcon from "../../../../images/delete.svg";
import AddPropertyIcon from "../../../../images/Add-property.svg";
import { AccessibleElement } from "../../Controls/AccessibleElement/AccessibleElement";
import * as InputTypeaheadComponent from "../../Controls/InputTypeahead/InputTypeaheadComponent";
import { EditedEdges, GraphNewEdgeData, NeighborVertexBasicInfo, PossibleVertex } from "./GraphExplorer";
import * as GraphUtil from "./GraphUtil";
export interface EditorNeighborsComponentProps {
isSource: boolean;

8
src/Explorer/Graph/GraphExplorerComponent/EditorNodePropertiesComponent.tsx
View File

@@ -3,13 +3,13 @@
* Read-only properties
*/
import AddIcon from "images/Add-property.svg";
import DeleteIcon from "images/delete.svg";
import * as React from "react";
import * as ViewModels from "../../../Contracts/ViewModels";
import { EditedProperties } from "./GraphExplorer";
import DeleteIcon from "../../../../images/delete.svg";
import AddIcon from "../../../../images/Add-property.svg";
import { ReadOnlyNodePropertiesComponent } from "./ReadOnlyNodePropertiesComponent";
import { AccessibleElement } from "../../Controls/AccessibleElement/AccessibleElement";
import { EditedProperties } from "./GraphExplorer";
import { ReadOnlyNodePropertiesComponent } from "./ReadOnlyNodePropertiesComponent";
export interface EditorNodePropertiesComponentProps {
editedProperties: EditedProperties;

4
src/Explorer/Graph/GraphExplorerComponent/GraphExplorer.tsx
View File

@@ -1,8 +1,8 @@
import { FeedOptions, ItemDefinition, QueryIterator, Resource } from "@azure/cosmos";
import LoadGraphIcon from "images/LoadGraph.png";
import LoadingIndicatorIcon from "images/LoadingIndicator_3Squares.gif";
import * as Q from "q";
import * as React from "react";
import LoadGraphIcon from "../../../../images/LoadGraph.png";
import LoadingIndicatorIcon from "../../../../images/LoadingIndicator_3Squares.gif";
import * as Constants from "../../../Common/Constants";
import { queryDocuments } from "../../../Common/dataAccess/queryDocuments";
import { queryDocumentsPage } from "../../../Common/dataAccess/queryDocumentsPage";

6
src/Explorer/Graph/GraphExplorerComponent/MiddlePaneComponent.tsx
View File

@@ -1,8 +1,8 @@
import CollapseArrowIcon from "images/Collapse_arrow_14x14.svg";
import ExpandIcon from "images/Expand_14x14.svg";
import LoadingIndicatorIcon from "images/LoadingIndicator_3Squares.gif";
import * as React from "react";
import { GraphVizComponent, GraphVizComponentProps } from "./GraphVizComponent";
import CollapseArrowIcon from "../../../../images/Collapse_arrow_14x14.svg";
import ExpandIcon from "../../../../images/Expand_14x14.svg";
import LoadingIndicatorIcon from "../../../../images/LoadingIndicator_3Squares.gif";
interface MiddlePaneComponentProps {
isTabsContentExpanded: boolean;

31
src/Explorer/Graph/GraphExplorerComponent/NodePropertiesComponent.tsx
View File

@@ -4,22 +4,27 @@
* The mode is controlled by the parent of this component
*/
import CancelIcon from "images/cancel.svg";
import CheckIcon from "images/check.svg";
import DeleteIcon from "images/delete.svg";
import EditIcon from "images/edit.svg";
import * as React from "react";
import { GraphHighlightedNodeData, EditedProperties, EditedEdges, PossibleVertex } from "./GraphExplorer";
import { CollapsiblePanel } from "../../Controls/CollapsiblePanel/CollapsiblePanel";
import { ReadOnlyNodePropertiesComponent } from "./ReadOnlyNodePropertiesComponent";
import { EditorNodePropertiesComponent } from "./EditorNodePropertiesComponent";
import { ReadOnlyNeighborsComponent } from "./ReadOnlyNeighborsComponent";
import * as ViewModels from "../../../Contracts/ViewModels";
import { Item } from "../../Controls/InputTypeahead/InputTypeaheadComponent";
import * as EditorNeighbors from "./EditorNeighborsComponent";
import EditIcon from "../../../../images/edit.svg";
import DeleteIcon from "../../../../images/delete.svg";
import CheckIcon from "../../../../images/check.svg";
import CancelIcon from "../../../../images/cancel.svg";
import { GraphExplorer } from "./GraphExplorer";
import { ConsoleDataType } from "../../Menus/NotificationConsole/NotificationConsoleComponent";
import { AccessibleElement } from "../../Controls/AccessibleElement/AccessibleElement";
import { CollapsiblePanel } from "../../Controls/CollapsiblePanel/CollapsiblePanel";
import { Item } from "../../Controls/InputTypeahead/InputTypeaheadComponent";
import { ConsoleDataType } from "../../Menus/NotificationConsole/NotificationConsoleComponent";
import * as EditorNeighbors from "./EditorNeighborsComponent";
import { EditorNodePropertiesComponent } from "./EditorNodePropertiesComponent";
import {
EditedEdges,
EditedProperties,
GraphExplorer,
GraphHighlightedNodeData,
PossibleVertex,
} from "./GraphExplorer";
import { ReadOnlyNeighborsComponent } from "./ReadOnlyNeighborsComponent";
import { ReadOnlyNodePropertiesComponent } from "./ReadOnlyNodePropertiesComponent";
export enum Mode {
READONLY_PROP,

2
src/Explorer/Graph/GraphExplorerComponent/QueryContainerComponent.tsx
View File

@@ -1,6 +1,6 @@
import CloseIcon from "images/close-black.svg";
import * as React from "react";
import * as InputTypeaheadComponent from "../../Controls/InputTypeahead/InputTypeaheadComponent";
import CloseIcon from "../../../../images/close-black.svg";
export interface QueryContainerComponentProps {
initialQuery: string;

4
src/Explorer/Graph/NewVertexComponent/NewVertexComponent.tsx
View File

@@ -1,7 +1,7 @@
import AddIcon from "images/Add-property.svg";
import DeleteIcon from "images/delete.svg";
import { Dropdown, IDropdownOption, Stack, TextField } from "office-ui-fabric-react";
import React, { FunctionComponent, useRef, useState } from "react";
import AddIcon from "../../../../images/Add-property.svg";
import DeleteIcon from "../../../../images/delete.svg";
import { NormalizedEventKey } from "../../../Common/Constants";
import { GremlinPropertyValueType, InputPropertyValueTypeString, NewVertexData } from "../../../Contracts/ViewModels";
import { EditorNodePropertiesComponent } from "../GraphExplorerComponent/EditorNodePropertiesComponent";

36
src/Explorer/Menus/CommandBar/CommandBarComponentButtonFactory.tsx
View File

@@ -1,22 +1,22 @@
import AddCollectionIcon from "images/AddCollection.svg";
import AddDatabaseIcon from "images/AddDatabase.svg";
import AddSqlQueryIcon from "images/AddSqlQuery_16x16.svg";
import AddStoredProcedureIcon from "images/AddStoredProcedure.svg";
import AddTriggerIcon from "images/AddTrigger.svg";
import AddUdfIcon from "images/AddUdf.svg";
import BrowseQueriesIcon from "images/BrowseQuery.svg";
import CosmosTerminalIcon from "images/Cosmos-Terminal.svg";
import FeedbackIcon from "images/Feedback-Command.svg";
import GitHubIcon from "images/github.svg";
import HostedTerminalIcon from "images/Hosted-Terminal.svg";
import EnableNotebooksIcon from "images/notebook/Notebook-enable.svg";
import NewNotebookIcon from "images/notebook/Notebook-new.svg";
import ResetWorkspaceIcon from "images/notebook/Notebook-reset-workspace.svg";
import OpenInTabIcon from "images/open-in-tab.svg";
import OpenQueryFromDiskIcon from "images/OpenQueryFromDisk.svg";
import SettingsIcon from "images/settings_15x15.svg";
import SynapseIcon from "images/synapse-link.svg";
import * as React from "react";
import AddCollectionIcon from "../../../../images/AddCollection.svg";
import AddDatabaseIcon from "../../../../images/AddDatabase.svg";
import AddSqlQueryIcon from "../../../../images/AddSqlQuery_16x16.svg";
import AddStoredProcedureIcon from "../../../../images/AddStoredProcedure.svg";
import AddTriggerIcon from "../../../../images/AddTrigger.svg";
import AddUdfIcon from "../../../../images/AddUdf.svg";
import BrowseQueriesIcon from "../../../../images/BrowseQuery.svg";
import CosmosTerminalIcon from "../../../../images/Cosmos-Terminal.svg";
import FeedbackIcon from "../../../../images/Feedback-Command.svg";
import GitHubIcon from "../../../../images/github.svg";
import HostedTerminalIcon from "../../../../images/Hosted-Terminal.svg";
import EnableNotebooksIcon from "../../../../images/notebook/Notebook-enable.svg";
import NewNotebookIcon from "../../../../images/notebook/Notebook-new.svg";
import ResetWorkspaceIcon from "../../../../images/notebook/Notebook-reset-workspace.svg";
import OpenInTabIcon from "../../../../images/open-in-tab.svg";
import OpenQueryFromDiskIcon from "../../../../images/OpenQueryFromDisk.svg";
import SettingsIcon from "../../../../images/settings_15x15.svg";
import SynapseIcon from "../../../../images/synapse-link.svg";
import { AuthType } from "../../../AuthType";
import * as Constants from "../../../Common/Constants";
import { Areas } from "../../../Common/Constants";

18
src/Explorer/Menus/CommandBar/CommandBarUtil.tsx
View File

@@ -1,18 +1,18 @@
import _ from "underscore";
import * as React from "react";
import ChevronDownIcon from "images/Chevron_down.svg";
import { Observable } from "knockout";
import { ICommandBarItemProps } from "office-ui-fabric-react/lib/CommandBar";
import { Dropdown, IDropdownOption, IDropdownStyles } from "office-ui-fabric-react/lib/Dropdown";
import { IconType } from "office-ui-fabric-react/lib/Icon";
import { IComponentAsProps } from "office-ui-fabric-react/lib/Utilities";
import * as React from "react";
import _ from "underscore";
import { StyleConstants } from "../../../Common/Constants";
import { ICommandBarItemProps } from "office-ui-fabric-react/lib/CommandBar";
import { Dropdown, IDropdownStyles, IDropdownOption } from "office-ui-fabric-react/lib/Dropdown";
import { CommandButtonComponentProps } from "../../Controls/CommandButton/CommandButtonComponent";
import ChevronDownIcon from "../../../../images/Chevron_down.svg";
import { ArcadiaMenuPicker } from "../../Controls/Arcadia/ArcadiaMenuPicker";
import { MemoryTrackerComponent } from "./MemoryTrackerComponent";
import { MemoryUsageInfo } from "../../../Contracts/DataModels";
import * as TelemetryProcessor from "../../../Shared/Telemetry/TelemetryProcessor";
import { Action, ActionModifiers } from "../../../Shared/Telemetry/TelemetryConstants";
import * as TelemetryProcessor from "../../../Shared/Telemetry/TelemetryProcessor";
import { ArcadiaMenuPicker } from "../../Controls/Arcadia/ArcadiaMenuPicker";
import { CommandButtonComponentProps } from "../../Controls/CommandButton/CommandButtonComponent";
import { MemoryTrackerComponent } from "./MemoryTrackerComponent";
/**
* Convert our NavbarButtonConfig to UI Fabric buttons

18
src/Explorer/Menus/NotificationConsole/NotificationConsoleComponent.tsx
View File

@@ -2,18 +2,18 @@
* React component for control bar
*/
import LoaderIcon from "images/circular_loader_black_16x16.gif";
import ClearIcon from "images/Clear.svg";
import ErrorBlackIcon from "images/error_black.svg";
import ErrorRedIcon from "images/error_red.svg";
import infoBubbleIcon from "images/info-bubble-9x9.svg";
import InfoIcon from "images/info_color.svg";
import LoadingIcon from "images/loading.svg";
import ChevronDownIcon from "images/QueryBuilder/CollapseChevronDown_16x.png";
import ChevronUpIcon from "images/QueryBuilder/CollapseChevronUp_16x.png";
import { Dropdown, IDropdownOption } from "office-ui-fabric-react";
import * as React from "react";
import AnimateHeight from "react-animate-height";
import LoaderIcon from "../../../../images/circular_loader_black_16x16.gif";
import ClearIcon from "../../../../images/Clear.svg";
import ErrorBlackIcon from "../../../../images/error_black.svg";
import ErrorRedIcon from "../../../../images/error_red.svg";
import infoBubbleIcon from "../../../../images/info-bubble-9x9.svg";
import InfoIcon from "../../../../images/info_color.svg";
import LoadingIcon from "../../../../images/loading.svg";
import ChevronDownIcon from "../../../../images/QueryBuilder/CollapseChevronDown_16x.png";
import ChevronUpIcon from "../../../../images/QueryBuilder/CollapseChevronUp_16x.png";
import { ClientDefaults, KeyCodes } from "../../../Common/Constants";
import { userContext } from "../../../UserContext";

2
src/Explorer/Notebook/NotebookRenderer/NotebookRenderer.tsx
View File

@@ -6,7 +6,7 @@ import MonacoEditor from "@nteract/stateful-components/lib/inputs/connected-edit
import { PassedEditorProps } from "@nteract/stateful-components/lib/inputs/editor";
import * as React from "react";
import { DndProvider } from "react-dnd";
import HTML5Backend from "react-dnd-html5-backend";
import { HTML5Backend } from "react-dnd-html5-backend";
import { connect } from "react-redux";
import { Dispatch } from "redux";
import { userContext } from "../../../UserContext";

7
src/Explorer/Notebook/NotebookRenderer/decorators/CellCreator.tsx
View File

@@ -1,12 +1,11 @@
import { actions, selectors, ContentRef, AppState } from "@nteract/core";
import { CellType } from "@nteract/commutable";
import { actions, AppState, ContentRef, selectors } from "@nteract/core";
import AddCodeCellIcon from "images/notebook/add-code-cell.svg";
import AddTextCellIcon from "images/notebook/add-text-cell.svg";
import * as React from "react";
import { connect } from "react-redux";
import { Dispatch } from "redux";
import styled from "styled-components";
import AddCodeCellIcon from "../../../../../images/notebook/add-code-cell.svg";
import AddTextCellIcon from "../../../../../images/notebook/add-text-cell.svg";
interface ComponentProps {
id: string;

28
src/Explorer/Panes/AddCollectionPane.html
View File

@@ -15,7 +15,7 @@
<!-- Add collection form -- End -->
<!-- Loader - Start -->
<div class="dataExplorerLoaderContainer dataExplorerPaneLoaderContainer" data-bind="visible: isExecuting">
<img class="dataExplorerLoader" src="/LoadingIndicator_3Squares.gif" />
<img class="dataExplorerLoader" src="/images/LoadingIndicator_3Squares.gif" />
</div>
<!-- Loader - End -->
</div>
@@ -33,7 +33,7 @@
data-bind="click: cancel, event: { keypress: onCloseKeyPress }"
tabindex="0"
>
<img src="../../../images/close-black.svg" title="Close" alt="Close" />
<img src="/images/close-black.svg" title="Close" alt="Close" />
</div>
</div>
<!-- Add collection header - End -->
@@ -41,7 +41,7 @@
<!-- Add collection errors - Start -->
<div class="warningErrorContainer" aria-live="assertive" data-bind="visible: formErrors() && formErrors() !== ''">
<div class="warningErrorContent">
<span><img class="paneErrorIcon" src="/error_red.svg" alt="Error" /></span>
<span><img class="paneErrorIcon" src="/images/error_red.svg" alt="Error" /></span>
<span class="warningErrorDetailsLinkContainer">
<span class="formErrors" data-bind="text: formErrors, attr: { title: formErrors }"></span>
<a
@@ -57,7 +57,7 @@
</div>
<div class="warningErrorContainer" aria-live="assertive" data-bind="visible: formWarnings() && formWarnings() !== ''">
<div class="warningErrorContent">
<span><img class="paneErrorIcon" src="/warning.svg" alt="Warning" /></span>
<span><img class="paneErrorIcon" src="/images/warning.svg" alt="Warning" /></span>
<span class="warningErrorDetailsLinkContainer">
<span class="formErrors" data-bind="text: formWarnings, attr: { title: formWarnings }"></span>
</span>
@@ -72,7 +72,7 @@
data-bind="visible: showUpsellMessage && showUpsellMessage() && formErrors && !formErrors()"
>
<div class="infoBoxContent">
<span><img class="infoBoxIcon" src="/info_color.svg" alt="Promo" /></span>
<span><img class="infoBoxIcon" src="/images/info_color.svg" alt="Promo" /></span>
<span class="infoBoxDetails">
<span class="infoBoxMessage" data-bind="text: upsellMessage, attr: { title: upsellMessage }"></span>
<a
@@ -95,7 +95,7 @@
<span class="mandatoryStar">*</span>
<span class="addCollectionLabel">Database id</span>
<span class="infoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="tooltiptext infoTooltipWidth"
>A database is analogous to a namespace. It is the unit of management for a set of containers.</span
>
@@ -181,7 +181,7 @@
/>
<span class="databaseProvisionText" for="databaseSharedThroughput">Provision database throughput</span>
<span class="infoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="tooltiptext provisionDatabaseThroughput"
>Provisioned throughput at the database level will be shared across all containers within the
database.</span
@@ -228,7 +228,7 @@
<span class="mandatoryStar">*</span>
<span class="addCollectionLabel" data-bind="text: collectionIdTitle"></span>
<span class="infoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="tooltiptext infoTooltipWidth"
>Unique identifier for the container and used for id-based routing through REST and all SDKs</span
>
@@ -302,7 +302,7 @@
<span class="mandatoryStar">*</span>
<span class="addCollectionLabel">Storage capacity</span>
<span class="infoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="tooltiptext infoTooltipWidth"
>This is the maximum storage size of the container. Storage is billed per GB based on consumption.</span
>
@@ -336,7 +336,7 @@
<span class="mandatoryStar">*</span>
<span class="addCollectionLabel" data-bind="text: partitionKeyName"></span>
<span class="infoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="tooltiptext infoTooltipWidth"
>The <span data-bind="text: partitionKeyName"></span> is used to automatically partition data among
multiple servers for scalability. Choose a JSON property name that has a wide range of values and is
@@ -396,7 +396,7 @@
/>
<span for="collectionSharedThroughput" data-bind="text: collectionWithThroughputInSharedTitle"></span>
<span class="leftAlignInfoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="tooltiptext sharedCollectionThroughputTooltipWidth"
>You can optionally provision dedicated throughput for a container within a database that has throughput
provisioned. This dedicated throughput amount will not be shared with other containers in the database and
@@ -456,7 +456,7 @@
/>
<span>Create a Wildcard Index on all fields</span>
<span class="infoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="tooltiptext mongoWildcardIndexTooltipWidth">
By default, only the field _id is indexed. Creating a wildcard index on all fields will quickly optimize
query performance and is recommended during development.
@@ -480,7 +480,7 @@
tabindex="0"
data-bind="event: { focus: function(data, event) { transferFocus('tooltip1', 'link1') } }"
>
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span id="tooltip1" class="tooltiptext infoTooltipWidth" data-bind="event: { mouseout: onMouseOut }">
Enable analytical store capability to perform near real-time analytics on your operational data, without
impacting the performance of transactional workloads. Learn more
@@ -575,7 +575,7 @@
<p class="uniqueKeys">
<span class="addCollectionLabel">Unique keys</span>
<span class="uniqueInfoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="uniqueTooltiptext infoTooltipWidth"
>Unique keys provide developers with the ability to add a layer of data integrity to their database. By
creating a unique key policy when a container is created, you ensure the uniqueness of one or more values

12
src/Explorer/Panes/AddDatabasePane.html
View File

@@ -15,7 +15,7 @@
<!-- Add database form -- End -->
<!-- Loader - Start -->
<div class="dataExplorerLoaderContainer dataExplorerPaneLoaderContainer" data-bind="visible: isExecuting">
<img class="dataExplorerLoader" src="/LoadingIndicator_3Squares.gif" />
<img class="dataExplorerLoader" src="/images/LoadingIndicator_3Squares.gif" />
</div>
<!-- Loader - End -->
</div>
@@ -32,7 +32,7 @@
data-bind="click: cancel, event: { keypress: onCloseKeyPress }"
tabindex="0"
>
<img src="../../../images/close-black.svg" title="Close" alt="Close" />
<img src="/images/close-black.svg" title="Close" alt="Close" />
</div>
</div>
<!-- Add database header - End -->
@@ -40,7 +40,7 @@
<!-- Add database errors - Start -->
<div class="warningErrorContainer" aria-live="assertive" data-bind="visible: formErrors() && formErrors() !== ''">
<div class="warningErrorContent">
<span><img class="paneErrorIcon" src="/error_red.svg" alt="Error" /></span>
<span><img class="paneErrorIcon" src="/images/error_red.svg" alt="Error" /></span>
<span class="warningErrorDetailsLinkContainer">
<span class="formErrors" data-bind="text: formErrors, attr: { title: formErrors }"></span>
<a
@@ -63,7 +63,7 @@
data-bind="visible: showUpsellMessage && showUpsellMessage() && formErrors && !formErrors()"
>
<div class="infoBoxContent">
<span><img class="infoBoxIcon" src="/info_color.svg" alt="Promo" /></span>
<span><img class="infoBoxIcon" src="/images/info_color.svg" alt="Promo" /></span>
<span class="infoBoxDetails">
<span class="infoBoxMessage" data-bind="text: upsellMessage, attr: { title: upsellMessage }"></span>
<a
@@ -86,7 +86,7 @@
<span class="mandatoryStar">*</span>
<span data-bind="text: databaseIdLabel"></span>
<span class="infoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="tooltiptext infoTooltipWidth" data-bind="text: databaseIdTooltipText"></span>
</span>
</p>
@@ -116,7 +116,7 @@
/>
<span class="databaseProvisionText" for="databaseSharedThroughput">Provision throughput</span>
<span class="infoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span
class="tooltiptext provisionDatabaseThroughput"
data-bind="text: databaseLevelThroughputTooltipText"

12
src/Explorer/Panes/CassandraAddCollectionPane.html
View File

@@ -26,7 +26,7 @@
data-bind="
click: cancel, event: { keypress: onCloseKeyPress }"
>
<img src="../../../images/close-black.svg" title="Close" alt="Close" />
<img src="/images/close-black.svg" title="Close" alt="Close" />
</div>
</div>
<!-- Add Cassandra collection header - End -->
@@ -37,7 +37,7 @@
data-bind="visible: formErrors() && formErrors() !== ''"
>
<div class="warningErrorContent">
<span><img class="paneErrorIcon" src="/error_red.svg" alt="Error" /></span>
<span><img class="paneErrorIcon" src="/images/error_red.svg" alt="Error" /></span>
<span class="warningErrorDetailsLinkContainer">
<span class="formErrors" data-bind="text: formErrors, attr: { title: formErrors }"></span>
</span>
@@ -49,7 +49,7 @@
<p>
<span class="mandatoryStar">*</span> Keyspace name
<span class="infoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="tooltiptext infoTooltipWidth"
>Select an existing keyspace or enter a new keyspace id.</span
>
@@ -134,7 +134,7 @@
/>
<span class="databaseProvisionText" for="keyspaceSharedThroughput">Provision keyspace throughput</span>
<span class="infoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="tooltiptext provisionDatabaseThroughput"
>Provisioned throughput at the keyspace level will be shared across unlimited number of tables within
the keyspace</span
@@ -213,7 +213,7 @@
/>
<span for="tableSharedThroughput">Provision dedicated throughput for this table</span>
<span class="leftAlignInfoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="tooltiptext sharedCollectionThroughputTooltipWidth"
>You can optionally provision dedicated throughput for a table within a keyspace that has throughput
provisioned. This dedicated throughput amount will not be shared with other tables in the keyspace and
@@ -265,7 +265,7 @@
<!-- Add Cassandra collection form - End -->
<!-- Loader - Start -->
<div class="dataExplorerLoaderContainer dataExplorerPaneLoaderContainer" data-bind="visible: isExecuting">
<img class="dataExplorerLoader" src="/LoadingIndicator_3Squares.gif" alt="loading indicator" />
<img class="dataExplorerLoader" src="/images/LoadingIndicator_3Squares.gif" alt="loading indicator" />
</div>
<!-- Loader - End -->
</div>

2
src/Explorer/Panes/ExecuteSprocParamsPane/ExecuteSprocParamsPane.tsx
View File

@@ -1,7 +1,7 @@
import { useBoolean } from "@uifabric/react-hooks";
import AddPropertyIcon from "images/Add-property.svg";
import { IDropdownOption, IImageProps, Image, Stack, Text } from "office-ui-fabric-react";
import React, { FunctionComponent, useState } from "react";
import AddPropertyIcon from "../../../../images/Add-property.svg";
import Explorer from "../../Explorer";
import StoredProcedure from "../../Tree/StoredProcedure";
import {

4
src/Explorer/Panes/ExecuteSprocParamsPane/InputParameter.tsx
View File

@@ -1,3 +1,5 @@
import AddPropertyIcon from "images/Add-property.svg";
import EntityCancelIcon from "images/Entity_cancel.svg";
import {
Dropdown,
IDropdownOption,
@@ -9,8 +11,6 @@ import {
TextField,
} from "office-ui-fabric-react";
import React, { FunctionComponent } from "react";
import AddPropertyIcon from "../../../../images/Add-property.svg";
import EntityCancelIcon from "../../../../images/Entity_cancel.svg";
const dropdownStyles: Partial<IDropdownStyles> = { dropdown: { width: 100 } };
const options = [

4
src/Explorer/Panes/GenericRightPaneComponent/GenericRightPaneComponent.tsx
View File

@@ -1,7 +1,7 @@
import ErrorRedIcon from "images/error_red.svg";
import LoadingIndicatorIcon from "images/LoadingIndicator_3Squares.gif";
import { IconButton, PrimaryButton } from "office-ui-fabric-react/lib/Button";
import React, { FunctionComponent, ReactNode } from "react";
import ErrorRedIcon from "../../../../images/error_red.svg";
import LoadingIndicatorIcon from "../../../../images/LoadingIndicator_3Squares.gif";
import { KeyCodes } from "../../../Common/Constants";
import Explorer from "../../Explorer";

2
src/Explorer/Panes/GitHubReposPane.html
View File

@@ -7,7 +7,7 @@
<!-- Loader - Start -->
<div class="dataExplorerLoaderContainer dataExplorerPaneLoaderContainer" data-bind="visible: isExecuting">
<img class="dataExplorerLoader" alt="loading indicator image" src="/LoadingIndicator_3Squares.gif" />
<img class="dataExplorerLoader" alt="loading indicator image" src="/images/LoadingIndicator_3Squares.gif" />
</div>
<!-- Loader - End -->
</div>

4
src/Explorer/Panes/GraphStylingPane.html
View File

@@ -14,7 +14,7 @@
tabindex="0"
data-bind="click: cancel, event: { keypress: onCloseKeyPress }"
>
<img src="../../../images/close-black.svg" title="Close" alt="Close" />
<img src="/images/close-black.svg" title="Close" alt="Close" />
</div>
</div>
<!-- Graph Styling header - End -->
@@ -26,7 +26,7 @@
data-bind="visible: formErrors() && formErrors() !== ''"
>
<div class="warningErrorContent">
<span><img class="paneErrorIcon" src="/error_red.svg" alt="Error" /></span>
<span><img class="paneErrorIcon" src="/images/error_red.svg" alt="Error" /></span>
<span class="warningErrorDetailsLinkContainer">
<span class="formErrors" data-bind="text: formErrors, attr: { title: formErrors }"></span>
<a

2
src/Explorer/Panes/LoadQueryPane/LoadQueryPane.tsx
View File

@@ -1,7 +1,7 @@
import { useBoolean } from "@uifabric/react-hooks";
import folderIcon from "images/folder_16x16.svg";
import { IImageProps, Image, ImageFit, Stack, TextField } from "office-ui-fabric-react";
import React, { FunctionComponent, useState } from "react";
import folderIcon from "../../../../images/folder_16x16.svg";
import { logError } from "../../../Common/Logger";
import { Collection } from "../../../Contracts/ViewModels";
import { userContext } from "../../../UserContext";

2
src/Explorer/Panes/PanelLoadingScreen.tsx
View File

@@ -1,5 +1,5 @@
import LoadingIndicator_3Squares from "images/LoadingIndicator_3Squares.gif";
import React from "react";
import LoadingIndicator_3Squares from "../../../images/LoadingIndicator_3Squares.gif";
export const PanelLoadingScreen: React.FunctionComponent = () => (
<div className="dataExplorerLoaderContainer dataExplorerPaneLoaderContainer">

2
src/Explorer/Panes/SwitchDirectoryPane.html
View File

@@ -7,7 +7,7 @@
<div class="firstdivbg headerline">
<span role="heading" aria-level="2" data-bind="text: title"></span>
<div class="closeImg" role="button" aria-label="Close pane" tabindex="0" data-bind="click: close">
<img src="../../../images/close-black.svg" title="Close" alt="Close" />
<img src="/images/close-black.svg" title="Close" alt="Close" />
</div>
</div>
<!-- Switch Directory header - End -->

4
src/Explorer/Panes/Tables/AddTableEntityPanel.tsx
View File

@@ -1,4 +1,6 @@
import { useBoolean } from "@uifabric/react-hooks";
import AddPropertyIcon from "images/Add-property.svg";
import RevertBackIcon from "images/RevertBack.svg";
import {
IDropdownOption,
Image,
@@ -11,8 +13,6 @@ import {
} from "office-ui-fabric-react";
import React, { FunctionComponent, useEffect, useState } from "react";
import * as _ from "underscore";
import AddPropertyIcon from "../../../../images/Add-property.svg";
import RevertBackIcon from "../../../../images/RevertBack.svg";
import { TableEntity } from "../../../Common/TableEntity";
import { userContext } from "../../../UserContext";
import Explorer from "../../Explorer";

4
src/Explorer/Panes/Tables/EditTableEntityPanel.tsx
View File

@@ -1,4 +1,6 @@
import { useBoolean } from "@uifabric/react-hooks";
import AddPropertyIcon from "images/Add-property.svg";
import RevertBackIcon from "images/RevertBack.svg";
import {
IDropdownOption,
Image,
@@ -11,8 +13,6 @@ import {
} from "office-ui-fabric-react";
import React, { FunctionComponent, useEffect, useState } from "react";
import * as _ from "underscore";
import AddPropertyIcon from "../../../../images/Add-property.svg";
import RevertBackIcon from "../../../../images/RevertBack.svg";
import { TableEntity } from "../../../Common/TableEntity";
import { userContext } from "../../../UserContext";
import Explorer from "../../Explorer";

10
src/Explorer/Panes/Tables/TableAddEntityPane.html
View File

@@ -29,7 +29,7 @@
data-bind="
click: cancel, event: { keydown: onCloseKeyPress }"
>
<img src="../../../../images/close-black.svg" title="Close" alt="Close" />
<img src="/images/close-black.svg" title="Close" alt="Close" />
</div>
</div>
<!-- Add table entity header - End -->
@@ -107,7 +107,7 @@
tabindex="0"
data-bind="click: $parent.editAttribute.bind($data, $index()), visible: valueEditable, event: { keydown: $parent.onEditPropertyKeyDown.bind($data, $index()) }"
>
<img class="entity-Editor-Cancel-Img" src="/Edit_entity.svg" alt="Edit" />
<img class="entity-Editor-Cancel-Img" src="/images/Edit_entity.svg" alt="Edit" />
</span>
<span
class="entity-Edit-Cancel"
@@ -117,7 +117,7 @@
tabindex="0"
data-bind="click: $parent.removeAttribute.bind($data, $index()), visible: removable, event: { keydown: $parent.onDeletePropertyKeyDown.bind($data, $index()) }"
>
<img class="entity-Editor-Cancel-Img" src="/delete.svg" alt="Cancel" />
<img class="entity-Editor-Cancel-Img" src="/images/delete.svg" alt="Cancel" />
</span>
</div>
</div>
@@ -134,7 +134,7 @@
data-bind="visible: canAdd, click: insertAttribute, event: { keydown: onAddPropertyKeyDown }"
autofocus
>
<img class="addPropertyImg" src="/Add-property.svg" alt="Insert attribute" />
<img class="addPropertyImg" src="/images/Add-property.svg" alt="Insert attribute" />
<span data-bind="text: addButtonLabel"> </span>
</span>
</div>
@@ -167,7 +167,7 @@
data-bind="
click: $parent.finishEditingAttribute, event: { keydown: $parent.onBackButtonKeyDown }"
>
<img src="/RevertBack.svg" alt="BackIcon" />
<img src="/images/RevertBack.svg" alt="BackIcon" />
</span>
<span class="edit-value-text" data-bind="text: name"></span>
</div>

10
src/Explorer/Panes/Tables/TableEditEntityPane.html
View File

@@ -28,7 +28,7 @@
data-bind="
click: cancel, event: { keydown: onCloseKeyPress }"
>
<img src="../../../../images/close-black.svg" title="Close" alt="Close" />
<img src="/images/close-black.svg" title="Close" alt="Close" />
</div>
</div>
<!-- Edit table entity header - End -->
@@ -105,7 +105,7 @@
data-bind="click: $parent.editAttribute.bind($data, $index()), visible: valueEditable, event: { keydown: $parent.onEditPropertyKeyDown.bind($data, $index()) }"
title="Edit property"
>
<img class="entity-Editor-Cancel-Img" src="/Edit_entity.svg" alt="Edit attribute" />
<img class="entity-Editor-Cancel-Img" src="/images/Edit_entity.svg" alt="Edit attribute" />
</span>
<span
class="entity-Edit-Cancel"
@@ -115,7 +115,7 @@
data-bind="click: $parent.removeAttribute.bind($data, $index()), visible: removable, event: { keydown: $parent.onDeletePropertyKeyDown.bind($data, $index()) }"
title="Delete property"
>
<img class="entity-Editor-Cancel-Img" src="/delete.svg" alt="Remove attribute" />
<img class="entity-Editor-Cancel-Img" src="/images/delete.svg" alt="Remove attribute" />
</span>
</div>
</div>
@@ -131,7 +131,7 @@
data-bind="visible: canAdd, click: insertAttribute, event: { keydown: onAddPropertyKeyDown }"
autofocus
>
<img class="addPropertyImg" src="/Add-property.svg" alt="Add attribute" />
<img class="addPropertyImg" src="/images/Add-property.svg" alt="Add attribute" />
<span data-bind="text: addButtonLabel"> </span>
</span>
</div>
@@ -165,7 +165,7 @@
data-bind="
click: $parent.finishEditingAttribute, event: { keydown: $parent.onBackButtonKeyDown }"
>
<img src="/RevertBack.svg" alt="BackIcon" />
<img src="/images/RevertBack.svg" alt="BackIcon" />
</span>
<span class="edit-value-text" data-bind="text: name"></span>
</div>

20
src/Explorer/SplashScreen/SplashScreen.tsx
View File

@@ -1,18 +1,18 @@
/**
* Accordion top class
*/
import AddDatabaseIcon from "images/AddDatabase.svg";
import NewQueryIcon from "images/AddSqlQuery_16x16.svg";
import NewStoredProcedureIcon from "images/AddStoredProcedure.svg";
import OpenQueryIcon from "images/BrowseQuery.svg";
import NewContainerIcon from "images/Hero-new-container.svg";
import NewNotebookIcon from "images/Hero-new-notebook.svg";
import SampleIcon from "images/Hero-sample.svg";
import NotebookIcon from "images/notebook/Notebook-resource.svg";
import ScaleAndSettingsIcon from "images/Scale_15x15.svg";
import CollectionIcon from "images/tree-collection.svg";
import { Link } from "office-ui-fabric-react/lib/Link";
import * as React from "react";
import AddDatabaseIcon from "../../../images/AddDatabase.svg";
import NewQueryIcon from "../../../images/AddSqlQuery_16x16.svg";
import NewStoredProcedureIcon from "../../../images/AddStoredProcedure.svg";
import OpenQueryIcon from "../../../images/BrowseQuery.svg";
import NewContainerIcon from "../../../images/Hero-new-container.svg";
import NewNotebookIcon from "../../../images/Hero-new-notebook.svg";
import SampleIcon from "../../../images/Hero-sample.svg";
import NotebookIcon from "../../../images/notebook/Notebook-resource.svg";
import ScaleAndSettingsIcon from "../../../images/Scale_15x15.svg";
import CollectionIcon from "../../../images/tree-collection.svg";
import { AuthType } from "../../AuthType";
import * as Constants from "../../Common/Constants";
import * as ViewModels from "../../Contracts/ViewModels";

6
src/Explorer/Tabs/ConflictsTab.html
View File

@@ -21,7 +21,7 @@
<td class="refreshColHeader">
<img
class="refreshcol"
src="/refresh-cosmos.svg"
src="/images/refresh-cosmos.svg"
data-bind="click: refreshDocumentsGrid"
alt="Refresh documents"
/>
@@ -53,7 +53,7 @@
>
<img
class="refreshcol"
src="/refresh-cosmos.svg"
src="/images/refresh-cosmos.svg"
data-bind="click: refreshDocumentsGrid"
alt="Refresh documents"
/>
@@ -110,7 +110,7 @@
<div class="splitter ui-resizable-handle ui-resizable-e colResizePointer" id="h_splitter2"></div>
</div>
<div class="documentWaterMark" data-bind="visible: shouldShowWatermark">
<p><img src="/DocumentWaterMark.svg" alt="Document WaterMark" /></p>
<p><img src="/images/DocumentWaterMark.svg" alt="Document WaterMark" /></p>
<p class="documentWaterMarkText">View and resolve conflicts</p>
</div>
<!-- Editor - Start -->

6
src/Explorer/Tabs/ConflictsTab.ts
View File

@@ -1,9 +1,9 @@
import { ConflictDefinition, FeedOptions, QueryIterator, Resource } from "@azure/cosmos";
import DeleteIcon from "images/delete.svg";
import DiscardIcon from "images/discard.svg";
import SaveIcon from "images/save-cosmos.svg";
import * as ko from "knockout";
import Q from "q";
import DeleteIcon from "../../../images/delete.svg";
import DiscardIcon from "../../../images/discard.svg";
import SaveIcon from "../../../images/save-cosmos.svg";
import * as Constants from "../../Common/Constants";
import { DocumentsGridMetrics, KeyCodes } from "../../Common/Constants";
import { createDocument } from "../../Common/dataAccess/createDocument";

6
src/Explorer/Tabs/DocumentsTab.html
View File

@@ -114,7 +114,7 @@
data-bind="
click: onHideFilterClick, event: { keydown: onCloseButtonKeyDown }"
>
<img src="/close-black.svg" style="height: 14px; width: 14px" alt="Hide filter" />
<img src="/images/close-black.svg" style="height: 14px; width: 14px" alt="Hide filter" />
</span>
</div>
</div>
@@ -161,7 +161,7 @@
>
<img
class="refreshcol"
src="/refresh-cosmos.svg"
src="/images/refresh-cosmos.svg"
data-bind="click: refreshDocumentsGrid"
alt="Refresh documents"
tabindex="0"
@@ -205,7 +205,7 @@
<div class="splitter ui-resizable-handle ui-resizable-e colResizePointer" id="h_splitter2"></div>
</div>
<div class="documentWaterMark" data-bind="visible: !shouldShowEditor()">
<p><img src="/DocumentWaterMark.svg" alt="Document WaterMark" /></p>
<p><img src="/images/DocumentWaterMark.svg" alt="Document WaterMark" /></p>
<p class="documentWaterMarkText">Create new or work with existing document(s).</p>
</div>
<!-- Editor - Start -->

10
src/Explorer/Tabs/DocumentsTab.ts
View File

@@ -1,11 +1,11 @@
import { extractPartitionKey, ItemDefinition, PartitionKeyDefinition, QueryIterator, Resource } from "@azure/cosmos";
import DeleteDocumentIcon from "images/DeleteDocument.svg";
import DiscardIcon from "images/discard.svg";
import NewDocumentIcon from "images/NewDocument.svg";
import SaveIcon from "images/save-cosmos.svg";
import UploadIcon from "images/Upload_16x16.svg";
import * as ko from "knockout";
import Q from "q";
import DeleteDocumentIcon from "../../../images/DeleteDocument.svg";
import DiscardIcon from "../../../images/discard.svg";
import NewDocumentIcon from "../../../images/NewDocument.svg";
import SaveIcon from "../../../images/save-cosmos.svg";
import UploadIcon from "../../../images/Upload_16x16.svg";
import * as Constants from "../../Common/Constants";
import { DocumentsGridMetrics, KeyCodes } from "../../Common/Constants";
import { createDocument } from "../../Common/dataAccess/createDocument";

4
src/Explorer/Tabs/GraphTab.tsx
View File

@@ -1,7 +1,7 @@
import NewVertexIcon from "images/NewVertex.svg";
import StyleIcon from "images/Style.svg";
import * as ko from "knockout";
import React from "react";
import NewVertexIcon from "../../../images/NewVertex.svg";
import StyleIcon from "../../../images/Style.svg";
import { DatabaseAccount } from "../../Contracts/DataModels";
import * as ViewModels from "../../Contracts/ViewModels";
import { CommandButtonComponentProps } from "../Controls/CommandButton/CommandButtonComponent";

20
src/Explorer/Tabs/NotebookV2Tab.ts
View File

@@ -1,17 +1,17 @@
import { stringifyNotebook, toJS } from "@nteract/commutable";
import ClearAllOutputsIcon from "images/notebook/Notebook-clear-all-outputs.svg";
import CopyIcon from "images/notebook/Notebook-copy.svg";
import CutIcon from "images/notebook/Notebook-cut.svg";
import NewCellIcon from "images/notebook/Notebook-insert-cell.svg";
import PasteIcon from "images/notebook/Notebook-paste.svg";
import RestartIcon from "images/notebook/Notebook-restart.svg";
import RunAllIcon from "images/notebook/Notebook-run-all.svg";
import RunIcon from "images/notebook/Notebook-run.svg";
import { default as InterruptKernelIcon, default as KillKernelIcon } from "images/notebook/Notebook-stop.svg";
import SaveIcon from "images/save-cosmos.svg";
import * as ko from "knockout";
import * as Q from "q";
import * as _ from "underscore";
import ClearAllOutputsIcon from "../../../images/notebook/Notebook-clear-all-outputs.svg";
import CopyIcon from "../../../images/notebook/Notebook-copy.svg";
import CutIcon from "../../../images/notebook/Notebook-cut.svg";
import NewCellIcon from "../../../images/notebook/Notebook-insert-cell.svg";
import PasteIcon from "../../../images/notebook/Notebook-paste.svg";
import RestartIcon from "../../../images/notebook/Notebook-restart.svg";
import RunAllIcon from "../../../images/notebook/Notebook-run-all.svg";
import RunIcon from "../../../images/notebook/Notebook-run.svg";
import { default as InterruptKernelIcon, default as KillKernelIcon } from "../../../images/notebook/Notebook-stop.svg";
import SaveIcon from "../../../images/save-cosmos.svg";
import { ArmApiVersions } from "../../Common/Constants";
import { configContext } from "../../ConfigContext";
import * as DataModels from "../../Contracts/DataModels";

30
src/Explorer/Tabs/QueryTab.html
View File

@@ -6,7 +6,7 @@
</div>
<div class="warningErrorContainer" aria-live="assertive" data-bind="visible: maybeSubQuery">
<div class="warningErrorContent">
<span><img class="paneErrorIcon" src="/info_color.svg" alt="Error" /></span>
<span><img class="paneErrorIcon" src="/images/info_color.svg" alt="Error" /></span>
<span class="warningErrorDetailsLinkContainer">
We have detected you may be using a subquery. Non-correlated subqueries are not currently supported.
<a href="https://docs.microsoft.com/en-us/azure/cosmos-db/sql-query-subquery"
@@ -31,7 +31,7 @@
></editor>
<!-- Splitter - Start -->
<div class="splitter ui-resizable-handle ui-resizable-s" data-bind="attr: { id: splitterId }">
<img class="queryEditorHorizontalSplitter" src="/HorizontalSplitter.svg" alt="Splitter" />
<img class="queryEditorHorizontalSplitter" src="/images/HorizontalSplitter.svg" alt="Splitter" />
</div>
</div>
<!-- Splitter - End -->
@@ -62,7 +62,7 @@
class="queryEditorWatermark"
data-bind="visible: allResultsMetadata().length === 0 && !error() && !queryResults() && !isExecuting()"
>
<p><img src="/RunQuery.png" alt="Execute Query Watermark" /></p>
<p><img src="/images/RunQuery.png" alt="Execute Query Watermark" /></p>
<p class="queryEditorWatermarkText">Execute a query to see the results</p>
</div>
<div
@@ -145,7 +145,7 @@
<td>
<span title="Retrieved document count">Retrieved document count</span>
<span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="queryMetricTooltipText">Total number of retrieved documents</span>
</span>
</td>
@@ -155,7 +155,7 @@
<td>
<span title="Retrieved document size">Retrieved document size</span>
<span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="queryMetricTooltipText">Total size of retrieved documents in bytes</span>
</span>
</td>
@@ -168,7 +168,7 @@
<td>
<span title="Output document count">Output document count</span>
<span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="queryMetricTooltipText">Number of output documents</span>
</span>
</td>
@@ -178,7 +178,7 @@
<td>
<span title="Output document size">Output document size</span>
<span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="queryMetricTooltipText">Total size of output documents in bytes</span>
</span>
</td>
@@ -191,7 +191,7 @@
<td>
<span title="Index hit document count">Index hit document count</span>
<span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="queryMetricTooltipText">Total number of documents matched by the filter</span>
</span>
</td>
@@ -201,7 +201,7 @@
<td>
<span title="Index lookup time">Index lookup time</span>
<span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="queryMetricTooltipText">Time spent in physical index layer</span>
</span>
</td>
@@ -213,7 +213,7 @@
<td>
<span title="Document load time">Document load time</span>
<span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="queryMetricTooltipText">Time spent in loading documents</span>
</span>
</td>
@@ -225,7 +225,7 @@
<td>
<span title="Query engine execution time">Query engine execution time</span>
<span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="queryMetricTooltipText queryEngineExeTimeInfo"
>Time spent by the query engine to execute the query expression (excludes other execution times
like load documents or write results)</span
@@ -243,7 +243,7 @@
<td>
<span title="System function execution time">System function execution time</span>
<span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="queryMetricTooltipText">Total time spent executing system (built-in) functions</span>
</span>
</td>
@@ -258,7 +258,7 @@
<td>
<span title="User defined function execution time">User defined function execution time</span>
<span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="queryMetricTooltipText">Total time spent executing user-defined functions</span>
</span>
</td>
@@ -273,7 +273,7 @@
<td>
<span title="Document write time">Document write time</span>
<span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
<img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
<span class="queryMetricTooltipText">Time spent to write query result set to response buffer</span>
</span>
</td>
@@ -300,7 +300,7 @@
tabindex="0"
data-bind="event: { click: onDownloadQueryMetricsCsvClick, keypress: onDownloadQueryMetricsCsvKeyPress }"
>
<img class="downloadCsvImg" src="/DownloadQuery.svg" alt="download query metrics csv" />
<img class="downloadCsvImg" src="/images/DownloadQuery.svg" alt="download query metrics csv" />
<span>Per-partition query metrics (CSV)</span>
</a>
</div>

4
src/Explorer/Tabs/QueryTab.ts
View File

@@ -1,6 +1,6 @@
import ExecuteQueryIcon from "images/ExecuteQuery.svg";
import SaveQueryIcon from "images/save-cosmos.svg";
import * as ko from "knockout";
import ExecuteQueryIcon from "../../../images/ExecuteQuery.svg";
import SaveQueryIcon from "../../../images/save-cosmos.svg";
import * as Constants from "../../Common/Constants";
import { queryDocuments } from "../../Common/dataAccess/queryDocuments";
import { queryDocumentsPage } from "../../Common/dataAccess/queryDocumentsPage";

16
src/Explorer/Tabs/QueryTablesTab.html
View File

@@ -9,7 +9,7 @@
<!-- Tables Query Tab Errors - Start-->
<div class="error-bar">
<div class="error-message" aria-label="Error Message" data-bind="visible: hasQueryError">
<span><img class="entity-error-Img" src="/error_red.svg" /></span>
<span><img class="entity-error-Img" src="/images/error_red.svg" /></span>
<span class="error-text" role="alert" data-bind="text: queryErrorMessage"></span>
</div>
</div>
@@ -44,7 +44,7 @@
type="button"
data-bind="enable: canGroupClauses, attr:{title: groupSelectedClauses}, click: groupClauses"
>
<img class="and-or-svg" src="/And-Or.svg" alt="Group selected clauses" />
<img class="and-or-svg" src="/images/And-Or.svg" alt="Group selected clauses" />
</button>
</th>
<th class="clause-table-cell header-background"><!-- Grouping indicator --></th>
@@ -79,7 +79,7 @@
<img
class="addclauseProperty-Img"
style="margin-bottom: 5px"
src="/Add-property.svg"
src="/images/Add-property.svg"
alt="Add new clause"
/>
<span style="margin-left: 5px" data-bind="text: addNewClauseLine"></span>
@@ -100,12 +100,12 @@
>
<!-- ko template: { ifnot: isExpanded} -->
<div class="themed-images" type="text/html" id="ExpandChevronRight" data-bind="hasFocus: focusExpandIcon">
<img class="imgiconwidth expand-triangle expand-triangle-right" src="/Triangle-right.svg" alt="toggle" />
<img class="imgiconwidth expand-triangle expand-triangle-right" src="/images/Triangle-right.svg" alt="toggle" />
</div>
<!-- /ko -->
<!-- ko template: { if: isExpanded} -->
<div class="themed-images" type="text/html" id="ExpandChevronDown">
<img class="imgiconwidth expand-triangle" src="/Triangle-down.svg" alt="toggle" />
<img class="imgiconwidth expand-triangle" src="/images/Triangle-down.svg" alt="toggle" />
</div>
<!-- /ko -->
<span>Advanced Options</span>
@@ -122,14 +122,14 @@
aria-label="Show top results"
/>
<div role="alert" aria-atomic="true" class="inline-div" data-bind="visible: isExceedingLimit">
<img class="advanced-options-icon" src="/QueryBuilder/StatusWarning_16x.png" />
<img class="advanced-options-icon" src="/images/QueryBuilder/StatusWarning_16x.png" />
<span data-bind="text: topValueLimitMessage"></span>
</div>
</div>
<div class="select">
<span> Select fields for query: </span>
<div data-bind="visible: isSelected">
<img class="advanced-options-icon" src="/QueryBuilder/QueryInformation_16x.png" />
<img class="advanced-options-icon" src="/images/QueryBuilder/QueryInformation_16x.png" />
<span class="select-options-text" data-bind="text: selectMessage" />
</div>
<a
@@ -172,7 +172,7 @@
tabindex="0"
data-bind="click: $parent.addClauseIndex.bind($data, $index()), event: { keydown: $parent.onAddClauseKeyDown.bind($data, $index()) }, attr:{title: $parent.insertNewFilterLine}"
>
<img class="querybuilder-addpropertyImg" src="/Add-property.svg" alt="Add clause" />
<img class="querybuilder-addpropertyImg" src="/images/Add-property.svg" alt="Add clause" />
</span>
<span
class="entity-Add-Cancel"

12
src/Explorer/Tabs/QueryTablesTab.ts
View File

@@ -1,11 +1,11 @@
import AddEntityIcon from "images/AddEntity.svg";
import DeleteEntitiesIcon from "images/DeleteEntities.svg";
import EditEntityIcon from "images/Edit-entity.svg";
import ExecuteQueryIcon from "images/ExecuteQuery.svg";
import QueryBuilderIcon from "images/Query-Builder.svg";
import QueryTextIcon from "images/Query-Text.svg";
import * as ko from "knockout";
import Q from "q";
import AddEntityIcon from "../../../images/AddEntity.svg";
import DeleteEntitiesIcon from "../../../images/DeleteEntities.svg";
import EditEntityIcon from "../../../images/Edit-entity.svg";
import ExecuteQueryIcon from "../../../images/ExecuteQuery.svg";
import QueryBuilderIcon from "../../../images/Query-Builder.svg";
import QueryTextIcon from "../../../images/Query-Text.svg";
import * as ViewModels from "../../Contracts/ViewModels";
import { userContext } from "../../UserContext";
import { CommandButtonComponentProps } from "../Controls/CommandButton/CommandButtonComponent";

4
src/Explorer/Tabs/ScriptTabBase.ts
View File

@@ -1,8 +1,8 @@
import DiscardIcon from "images/discard.svg";
import SaveIcon from "images/save-cosmos.svg";
import * as ko from "knockout";
import * as monaco from "monaco-editor";
import Q from "q";
import DiscardIcon from "../../../images/discard.svg";
import SaveIcon from "../../../images/save-cosmos.svg";
import * as Constants from "../../Common/Constants";
import editable from "../../Common/EditableUtility";
import * as DataModels from "../../Contracts/DataModels";

2
src/Explorer/Tabs/StoredProcedureTab.ts
View File

@@ -1,8 +1,8 @@
import { Resource, StoredProcedureDefinition } from "@azure/cosmos";
import ExecuteQueryIcon from "images/ExecuteQuery.svg";
import * as ko from "knockout";
import Q from "q";
import * as _ from "underscore";
import ExecuteQueryIcon from "../../../images/ExecuteQuery.svg";
import * as Constants from "../../Common/Constants";
import { createStoredProcedure } from "../../Common/dataAccess/createStoredProcedure";
import { updateStoredProcedure } from "../../Common/dataAccess/updateStoredProcedure";

4
src/Explorer/Tabs/Tabs.tsx
View File

@@ -1,7 +1,7 @@
import loadingIcon from "images/circular_loader_black_16x16.gif";
import errorIcon from "images/close-black.svg";
import ko from "knockout";
import React, { useEffect, useRef, useState } from "react";
import loadingIcon from "../../../images/circular_loader_black_16x16.gif";
import errorIcon from "../../../images/close-black.svg";
import { useObservable } from "../../hooks/useObservable";
import TabsBase from "./TabsBase";

20
src/Explorer/Tree/ResourceTreeAdapter.tsx
View File

@@ -1,16 +1,16 @@
import CosmosDBIcon from "images/Azure-Cosmos-DB.svg";
import DeleteIcon from "images/delete.svg";
import GalleryIcon from "images/GalleryIcon.svg";
import FileIcon from "images/notebook/file-cosmos.svg";
import CopyIcon from "images/notebook/Notebook-copy.svg";
import NewNotebookIcon from "images/notebook/Notebook-new.svg";
import NotebookIcon from "images/notebook/Notebook-resource.svg";
import PublishIcon from "images/notebook/publish_content.svg";
import RefreshIcon from "images/refresh-cosmos.svg";
import CollectionIcon from "images/tree-collection.svg";
import * as ko from "knockout";
import { Callout, DirectionalHint, ICalloutProps, ILinkProps, Link, Stack, Text } from "office-ui-fabric-react";
import * as React from "react";
import CosmosDBIcon from "../../../images/Azure-Cosmos-DB.svg";
import DeleteIcon from "../../../images/delete.svg";
import GalleryIcon from "../../../images/GalleryIcon.svg";
import FileIcon from "../../../images/notebook/file-cosmos.svg";
import CopyIcon from "../../../images/notebook/Notebook-copy.svg";
import NewNotebookIcon from "../../../images/notebook/Notebook-new.svg";
import NotebookIcon from "../../../images/notebook/Notebook-resource.svg";
import PublishIcon from "../../../images/notebook/publish_content.svg";
import RefreshIcon from "../../../images/refresh-cosmos.svg";
import CollectionIcon from "../../../images/tree-collection.svg";
import { ReactAdapter } from "../../Bindings/ReactBindingHandler";
import { ArrayHashMap } from "../../Common/ArrayHashMap";
import { Areas } from "../../Common/Constants";

12
src/Explorer/Tree/ResourceTreeAdapterForResourceToken.tsx
View File

@@ -1,13 +1,13 @@
import CollectionIcon from "images/tree-collection.svg";
import * as ko from "knockout";
import { mostRecentActivity } from "../MostRecentActivity/MostRecentActivity";
import * as React from "react";
import * as ViewModels from "../../Contracts/ViewModels";
import { NotebookContentItem } from "../Notebook/NotebookContentItem";
import { ReactAdapter } from "../../Bindings/ReactBindingHandler";
import { TreeComponent, TreeNode } from "../Controls/TreeComponent/TreeComponent";
import CollectionIcon from "../../../images/tree-collection.svg";
import Explorer from "../Explorer";
import * as ViewModels from "../../Contracts/ViewModels";
import { userContext } from "../../UserContext";
import { TreeComponent, TreeNode } from "../Controls/TreeComponent/TreeComponent";
import Explorer from "../Explorer";
import { mostRecentActivity } from "../MostRecentActivity/MostRecentActivity";
import { NotebookContentItem } from "../Notebook/NotebookContentItem";
export class ResourceTreeAdapterForResourceToken implements ReactAdapter {
public parameters: ko.Observable<number>;

2
src/GalleryViewer/galleryViewer.html
View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0" />
<title>Gallery Viewer</title>
<link rel="shortcut icon" href="images/CosmosDB_rgb_ui_lighttheme.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/images/CosmosDB_rgb_ui_lighttheme.ico" type="image/x-icon" />
</head>
<body style="overflow-y: scroll">

20
src/HostedExplorer.tsx
View File

@@ -1,24 +1,24 @@
import { useBoolean } from "@uifabric/react-hooks";
import ChevronRight from "images/chevron-right.svg";
import { initializeIcons } from "office-ui-fabric-react";
import * as React from "react";
import { render } from "react-dom";
import ChevronRight from "../images/chevron-right.svg";
import "../less/hostedexplorer.less";
import { AuthType } from "./AuthType";
import { ConnectExplorer } from "./Platform/Hosted/Components/ConnectExplorer";
import { DatabaseAccount } from "./Contracts/DataModels";
import { DirectoryPickerPanel } from "./Platform/Hosted/Components/DirectoryPickerPanel";
import { AccountSwitcher } from "./Platform/Hosted/Components/AccountSwitcher";
import "./Explorer/Menus/NavBar/MeControlComponent.less";
import { useTokenMetadata } from "./hooks/usePortalAccessToken";
import { MeControl } from "./Platform/Hosted/Components/MeControl";
import "./Platform/Hosted/ConnectScreen.less";
import "./Shared/appInsights";
import { SignInButton } from "./Platform/Hosted/Components/SignInButton";
import { useAADAuth } from "./hooks/useAADAuth";
import { FeedbackCommandButton } from "./Platform/Hosted/Components/FeedbackCommandButton";
import { useTokenMetadata } from "./hooks/usePortalAccessToken";
import { HostedExplorerChildFrame } from "./HostedExplorerChildFrame";
import { AccountSwitcher } from "./Platform/Hosted/Components/AccountSwitcher";
import { ConnectExplorer } from "./Platform/Hosted/Components/ConnectExplorer";
import { DirectoryPickerPanel } from "./Platform/Hosted/Components/DirectoryPickerPanel";
import { FeedbackCommandButton } from "./Platform/Hosted/Components/FeedbackCommandButton";
import { MeControl } from "./Platform/Hosted/Components/MeControl";
import { SignInButton } from "./Platform/Hosted/Components/SignInButton";
import "./Platform/Hosted/ConnectScreen.less";
import { extractMasterKeyfromConnectionString } from "./Platform/Hosted/HostedUtils";
import "./Shared/appInsights";
initializeIcons();

12
src/Main.tsx
View File

@@ -1,5 +1,11 @@
// CSS Dependencies
import "bootstrap/dist/css/bootstrap.css";
// Image Dependencies
import "images/CosmosDB_rgb_ui_lighttheme.ico";
import "images/favicon.ico";
import hdeConnectImage from "images/HdeConnectCosmosDB.svg";
import arrowLeftImg from "images/imgarrowlefticon.svg";
import refreshImg from "images/refresh-cosmos.svg";
import { initializeIcons } from "office-ui-fabric-react/lib/Icons";
import React, { useState } from "react";
import ReactDOM from "react-dom";
@@ -10,12 +16,6 @@ import "../externals/jquery-ui.theme.min.css";
import "../externals/jquery.dataTables.min.css";
import "../externals/jquery.typeahead.min.css";
import "../externals/jquery.typeahead.min.js";
// Image Dependencies
import "../images/CosmosDB_rgb_ui_lighttheme.ico";
import "../images/favicon.ico";
import hdeConnectImage from "../images/HdeConnectCosmosDB.svg";
import arrowLeftImg from "../images/imgarrowlefticon.svg";
import refreshImg from "../images/refresh-cosmos.svg";
import "../less/documentDB.less";
import "../less/forms.less";
import "../less/infobox.less";

2
src/NotebookViewer/notebookViewer.html
View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0" />
<title>Notebook Viewer</title>
<link rel="shortcut icon" href="images/CosmosDB_rgb_ui_lighttheme.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/images/CosmosDB_rgb_ui_lighttheme.ico" type="image/x-icon" />
</head>
<body>

2
src/Platform/Hosted/Components/FeedbackCommandButton.tsx
View File

@@ -1,6 +1,6 @@
import FeedbackIcon from "images/Feedback.svg";
import * as React from "react";
import { CommandButtonComponent } from "../../../Explorer/Controls/CommandButton/CommandButtonComponent";
import FeedbackIcon from "../../../../images/Feedback.svg";
export const FeedbackCommandButton: React.FunctionComponent = () => {
return (

2
src/SelfServe/selfServe.html
View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="selfServeViewport" content="height=device-height, width=device-width, initial-scale=1.0" />
<title>Self Serve</title>
<link rel="shortcut icon" href="images/CosmosDB_rgb_ui_lighttheme.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/images/CosmosDB_rgb_ui_lighttheme.ico" type="image/x-icon" />
</head>
<body>

2
src/explorer.html
View File

@@ -5,7 +5,7 @@
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0" />
<meta name="robots" content="noindex, nofollow" />
<title>Azure Cosmos DB</title>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
</head>
<body></body>

2
src/hostedExplorer.html
View File

@@ -3,7 +3,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0" />
<title>Azure Cosmos DB</title>
<link rel="shortcut icon" href="images/CosmosDB_rgb_ui_lighttheme.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/images/CosmosDB_rgb_ui_lighttheme.ico" type="image/x-icon" />
</head>
<body>

0
images/ASX_Delete.svg → src/images/ASX_Delete.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 338 B

After

Width:  |  Height:  |  Size: 338 B

0
images/ASX_More.svg → src/images/ASX_More.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

0
images/ASX_QueryBuilder.svg → src/images/ASX_QueryBuilder.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 356 B

After

Width:  |  Height:  |  Size: 356 B

0
images/ASX_Refresh.svg → src/images/ASX_Refresh.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 494 B

After

Width:  |  Height:  |  Size: 494 B

0
images/ASX_Remove.svg → src/images/ASX_Remove.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 213 B

After

Width:  |  Height:  |  Size: 213 B

0
images/Add-disabled.svg → src/images/Add-disabled.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 196 B

After

Width:  |  Height:  |  Size: 196 B

0
images/Add-property.svg → src/images/Add-property.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 470 B

After

Width:  |  Height:  |  Size: 462 B

0
images/Add.svg → src/images/Add.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 196 B

After

Width:  |  Height:  |  Size: 196 B

0
images/AddCollection-1.svg → src/images/AddCollection-1.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

0
images/AddCollection.svg → src/images/AddCollection.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

0
images/AddDatabase-disabled.svg → src/images/AddDatabase-disabled.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

0
images/AddDatabase.svg → src/images/AddDatabase.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

0
images/AddDocument-disabled.svg → src/images/AddDocument-disabled.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

0
images/AddDocument.svg → src/images/AddDocument.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

0
images/AddEntity-1.svg → src/images/AddEntity-1.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 550 B

After

Width:  |  Height:  |  Size: 550 B

0
images/AddEntity.svg → src/images/AddEntity.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 550 B

After

Width:  |  Height:  |  Size: 550 B

0
images/AddGraphQuery_16x16-1.svg → src/images/AddGraphQuery_16x16-1.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

0
images/AddGraphQuery_16x16.svg → src/images/AddGraphQuery_16x16.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

0
images/AddSqlQuery_16x16-1.svg → src/images/AddSqlQuery_16x16-1.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 659 B

After

Width:  |  Height:  |  Size: 659 B

0
images/AddSqlQuery_16x16.svg → src/images/AddSqlQuery_16x16.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 654 B

After

Width:  |  Height:  |  Size: 654 B

0
images/AddStoredProcedure-disabled.svg → src/images/AddStoredProcedure-disabled.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

0
images/AddStoredProcedure.svg → src/images/AddStoredProcedure.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

0
images/AddTrigger-disabled.svg → src/images/AddTrigger-disabled.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 344 B

After

Width:  |  Height:  |  Size: 344 B

0
images/AddTrigger.svg → src/images/AddTrigger.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 344 B

After

Width:  |  Height:  |  Size: 344 B

0
images/AddUdf-disabled.svg → src/images/AddUdf-disabled.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

Some files were not shown because too many files have changed in this diff Show More