@copart/ops-tool-kit 1.11.0-alpha.4 → 1.11.1-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ops-tool-kit.js +238 -229
- package/dist/ops-tool-kit.js.map +1 -1
- package/package.json +1 -1
package/dist/ops-tool-kit.js
CHANGED
|
@@ -33,7 +33,7 @@ var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
|
|
|
33
33
|
var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
|
|
34
34
|
|
|
35
35
|
const name$f = "@copart/ops-tool-kit";
|
|
36
|
-
const version$5 = "1.11.
|
|
36
|
+
const version$5 = "1.11.1-alpha.1";
|
|
37
37
|
const main$1 = "dist/ops-tool-kit.js";
|
|
38
38
|
const style = "dist/ops-tool-kit.css";
|
|
39
39
|
const files = [
|
|
@@ -852,7 +852,7 @@ var b$1 = "function" === typeof Symbol && Symbol.for,
|
|
|
852
852
|
c = b$1 ? Symbol.for("react.element") : 60103,
|
|
853
853
|
d = b$1 ? Symbol.for("react.portal") : 60106,
|
|
854
854
|
e = b$1 ? Symbol.for("react.fragment") : 60107,
|
|
855
|
-
f
|
|
855
|
+
f = b$1 ? Symbol.for("react.strict_mode") : 60108,
|
|
856
856
|
g$1 = b$1 ? Symbol.for("react.profiler") : 60114,
|
|
857
857
|
h$1 = b$1 ? Symbol.for("react.provider") : 60109,
|
|
858
858
|
k$1 = b$1 ? Symbol.for("react.context") : 60110,
|
|
@@ -866,7 +866,7 @@ var b$1 = "function" === typeof Symbol && Symbol.for,
|
|
|
866
866
|
v = b$1 ? Symbol.for("react.block") : 60121,
|
|
867
867
|
w$1 = b$1 ? Symbol.for("react.fundamental") : 60117,
|
|
868
868
|
x$1 = b$1 ? Symbol.for("react.responder") : 60118,
|
|
869
|
-
y = b$1 ? Symbol.for("react.scope") : 60119;
|
|
869
|
+
y$1 = b$1 ? Symbol.for("react.scope") : 60119;
|
|
870
870
|
function z$1(a) {
|
|
871
871
|
if ("object" === typeof a && null !== a) {
|
|
872
872
|
var u = a.$$typeof;
|
|
@@ -877,7 +877,7 @@ function z$1(a) {
|
|
|
877
877
|
case m:
|
|
878
878
|
case e:
|
|
879
879
|
case g$1:
|
|
880
|
-
case f
|
|
880
|
+
case f:
|
|
881
881
|
case p:
|
|
882
882
|
return a;
|
|
883
883
|
default:
|
|
@@ -911,7 +911,7 @@ var Lazy = t;
|
|
|
911
911
|
var Memo = r;
|
|
912
912
|
var Portal = d;
|
|
913
913
|
var Profiler = g$1;
|
|
914
|
-
var StrictMode = f
|
|
914
|
+
var StrictMode = f;
|
|
915
915
|
var Suspense = p;
|
|
916
916
|
var isAsyncMode = function (a) {
|
|
917
917
|
return A$1(a) || z$1(a) === l;
|
|
@@ -945,13 +945,13 @@ var isProfiler = function (a) {
|
|
|
945
945
|
return z$1(a) === g$1;
|
|
946
946
|
};
|
|
947
947
|
var isStrictMode = function (a) {
|
|
948
|
-
return z$1(a) === f
|
|
948
|
+
return z$1(a) === f;
|
|
949
949
|
};
|
|
950
950
|
var isSuspense = function (a) {
|
|
951
951
|
return z$1(a) === p;
|
|
952
952
|
};
|
|
953
953
|
var isValidElementType = function (a) {
|
|
954
|
-
return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g$1 || a === f
|
|
954
|
+
return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g$1 || a === f || a === p || a === q$1 || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h$1 || a.$$typeof === k$1 || a.$$typeof === n || a.$$typeof === w$1 || a.$$typeof === x$1 || a.$$typeof === y$1 || a.$$typeof === v);
|
|
955
955
|
};
|
|
956
956
|
var typeOf = z$1;
|
|
957
957
|
|
|
@@ -2906,7 +2906,7 @@ var DEFAULT_BREADCRUMBS_CONTEXT = {
|
|
|
2906
2906
|
error: 'You tried to use Breadcrumbs outside of its context.'
|
|
2907
2907
|
};
|
|
2908
2908
|
|
|
2909
|
-
var css_248z$o = ".utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Breadcrumbs {\r\n /* height: 36px;\r\n background: #3c4656; */\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\r\n display: flex;\r\n}\r\n\r\n#notCrumbs {\r\n height: 100%;\r\n margin-right: 12px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\r\n cursor: pointer;\r\n height: 100%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size:
|
|
2909
|
+
var css_248z$o = ".utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Breadcrumbs {\r\n /* height: 36px;\r\n background: #3c4656; */\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\r\n display: flex;\r\n}\r\n\r\n#notCrumbs {\r\n height: 100%;\r\n margin-right: 12px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\r\n cursor: pointer;\r\n height: 100%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 16px;\r\n color: rgba(242, 247, 255, 1);\r\n font-weight: 400;\r\n letter-spacing: 0;\r\n margin-left: 3px;\r\n /* transition: all 0.2s; */\r\n text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);\r\n opacity: 0.8;\r\n position: relative;\r\n top: -2px;\r\n}\r\n\r\n@-webkit-keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-6px);\r\n transform: translateX(-6px);\r\n /* transform: scale(0.9); */\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0px);\r\n transform: translateX(0px);\r\n /* transform: scale(1); */\r\n }\r\n}\r\n\r\n@keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-6px);\r\n transform: translateX(-6px);\r\n /* transform: scale(0.9); */\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0px);\r\n transform: translateX(0px);\r\n /* transform: scale(1); */\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\r\n -webkit-animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\r\n animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\r\n -webkit-animation-duration: 0.2s;\r\n animation-duration: 0.2s;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb::before {\r\n content: '\\f054';\r\n color: rgba(255, 255, 255, 0.70196);\r\n display: inline-block;\r\n font-family: 'Font Awesome 6 Pro';\r\n font-size: 16px;\r\n margin: 0 6px;\r\n position: relative;\r\n top: 2px;\r\n}\r\n\r\n/* .Crumb:first-of-type {\r\n margin-left: 12px;\r\n font-weight: 400;\r\n} */\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:hover {\r\n /* background: rgba(0, 0, 0, 0.15); */\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:last-of-type):not(:hover) {\r\n /* opacity: 0.75; */\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type {\r\n font-weight: 700;\r\n opacity: 1;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type::before {\r\n font-weight: 400;\r\n opacity: 0.8;\r\n}\r\n\r\n/* .crumbSpacer {} */\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\r\n margin: 10px;\r\n flex-grow: 2;\r\n font-size: 14px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--notCrumbs {\r\n height: 100%;\r\n display: flex;\r\n margin-right: 0px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--entityIndicator {\r\n height: 100%;\r\n display: flex;\r\n margin-right: 0px !important;\r\n}";
|
|
2910
2910
|
styleInject(css_248z$o);
|
|
2911
2911
|
|
|
2912
2912
|
var Context = createContext(DEFAULT_BREADCRUMBS_CONTEXT);
|
|
@@ -5392,9 +5392,12 @@ var getConfig = /*#__PURE__*/function () {
|
|
|
5392
5392
|
var findAppData = function findAppData(tiles) {
|
|
5393
5393
|
var _window$toolkitEnv;
|
|
5394
5394
|
var appName = (_window$toolkitEnv = window.toolkitEnv) !== null && _window$toolkitEnv !== void 0 && _window$toolkitEnv.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
|
|
5395
|
+
if (window.location.pathname.includes('embedded')) {
|
|
5396
|
+
appName = window.location.pathname;
|
|
5397
|
+
}
|
|
5395
5398
|
var matchingTiles = tiles.filter(function (tile) {
|
|
5396
5399
|
if (tile.appName) {
|
|
5397
|
-
return tile.appName === appName;
|
|
5400
|
+
return tile.appName === 'embedded' ? tile.path === appName : tile.appName === appName;
|
|
5398
5401
|
} else {
|
|
5399
5402
|
return tile.path === "/".concat(appName);
|
|
5400
5403
|
}
|
|
@@ -23819,7 +23822,7 @@ FeedbackDialog.defaultProps = {
|
|
|
23819
23822
|
}
|
|
23820
23823
|
};
|
|
23821
23824
|
|
|
23822
|
-
var css_248z$j = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\r\n background-color: var(--blue);\r\n background-color: var(--blue);\r\n height: 50px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n white-space: nowrap;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\r\n width: 100%;\r\n display: flex;\r\n justify-content: start;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarIcons {\r\n margin: 0 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\r\n display: flex;\r\n align-items: center;\r\n flex-direction: column;\r\n margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\r\n display: flex;\r\n flex-direction: column;\r\n margin-left: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\r\n color: white;\r\n font-size: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: center;\r\n font-size: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\r\n display: flex;\r\n color: white;\r\n font-size: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\r\n color: white;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n width: 6rem;\r\n margin-top: 0rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\r\n margin-top: 0.6rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\r\n margin-top: 0.4rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\r\n margin-top: -0.2rem;\r\n margin-left: 2rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n display: inline;\r\n display: initial;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Open Sans';\r\n font-style: italic;\r\n font-weight: 600;\r\n src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\r\n format('woff2');\r\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\r\n color: #fff;\r\n font-family: 'Open Sans', sans-serif;\r\n font-weight: 600;\r\n font-style: italic;\r\n font-size: 14px;\r\n position: relative;\r\n left: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\r\n display: flex;\r\n color: white;\r\n font-size: 13px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n /* margin-left: 10px;\r\n margin-right: 7px; */\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n background: #fff;\r\n color: #1D5AB9;\r\n font-weight: 600;\r\n border-radius: 4px;\r\n padding: 5px 15px;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber span {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber span i {\r\n font-size: 18px;\r\n}\r\n\r\n/* .yardNumber > div {\r\n margin-left: 7px;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper i {\r\n color: #fff;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper span {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\r\n color: white;\r\n cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n background-color: white;\r\n border-radius: 20px;\r\n margin: 5px;\r\n padding: 0px 10px;\r\n height: 25px;\r\n font-weight: bold;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\r\n border: 1px solid #1d5ab9;\r\n justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\r\n color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n background-color: white;\r\n border-radius: 20px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\r\n color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\r\n color: red;\r\n margin: 5px 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\r\n margin-right: 5px;\r\n margin-left: 5px;\r\n width: 24px;\r\n height: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\r\n margin-left: 5px;\r\n display: inline-flex;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\r\n font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\r\n line-height: unset;\r\n font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\r\n color: green;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n color: red;\r\n}\r\n\r\n/* .userMenu {\r\n margin-left: 10px !important;\r\n margin-right: 5px !important;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n margin-left: 10px !important;\r\n margin-right: 10px !important;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n margin-left: 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\r\n margin: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\r\n cursor: pointer;\r\n position: relative;\r\n\r\n /* position: relative;\r\n top: 2px; */\r\n /* margin-left: 10px; */\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\r\n color: #fff;\r\n font-size: 22px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot {\r\n background-color: #ef5350;\r\n border-radius: 50%;\r\n position: absolute;\r\n top: 0px;\r\n left: 13px;\r\n width: 10px;\r\n height: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip{\r\n position: absolute;\r\n background: #fff;\r\n padding: 8px;\r\n right: 30px;\r\n top: -2px;\r\n border-radius: 2px;\r\n font-weight: 400;\r\n font-size: 12px;\r\n cursor: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip::before{\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 100%;\r\n margin-top: -5px;\r\n border-width: 5px;\r\n border-style: solid;\r\n border-color: transparent transparent transparent #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip i{\r\n color: #000;\r\n font-size: 12px;\r\n margin-left: 5px;\r\n position: relative;\r\n top: 1px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\r\n position: absolute;\r\n display: flex;\r\n height: calc(100vh - 50px);\r\n width: 100vw;\r\n bottom: 0;\r\n z-index: 10000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\r\n background-color: rgba(0,0,0,.5);\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: absolute;\r\n top: 2px;\r\n right: 402px;\r\n height: 38px;\r\n width: 38px;\r\n background-color: white;\r\n z-index: 11000;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--profile {\r\n padding: 5px 7px;\r\n background: #fff;\r\n border-radius: 50%;\r\n font-weight: 600;\r\n color: #1d5ab9;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchContainer {\r\n background: rgba(255, 255, 255, 0.40);\r\n -webkit-backdrop-filter: blur(20px);\r\n backdrop-filter: blur(20px);\r\n position: absolute;\r\n top: 50px;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 999;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper{\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 50px;\r\n width: 100vw;\r\n background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n width: 40vw;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 50px);\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\r\n width: 0px;\r\n height: 0px;\r\n border-left: 8px solid transparent;\r\n border-right: 8px solid transparent;\r\n border-bottom: 13px solid white;\r\n position: absolute;\r\n bottom: -13px;\r\n right: 3px;\r\n}\r\n\r\n@media only screen and (max-width: 1024px) {\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n margin-right: 2px;\r\n }\r\n\r\n /* .yardNumber {\r\n margin-left: 5px;\r\n margin-right: 2px;\r\n }\r\n\r\n .yardNumber > div {\r\n margin-left: 2px;\r\n } */\r\n\r\n /* .userMenu {\r\n margin-left: 3px !important;\r\n margin-right: 3px !important;\r\n } */\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n margin-left: 3px !important;\r\n margin-right: 3px !important;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n margin-left: 2px;\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper\r\n{\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 50px;\r\n width: 100vw;\r\n background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv\r\n{\r\n width: 50vw;\r\n position: absolute;\r\n right: 0;\r\n height: 100%;\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader{\r\n font-size: 18px;\r\n font-weight: 600;\r\n padding-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper{\r\n display: flex;\r\n flex-direction: column;\r\n grid-gap: 5px;\r\n gap: 5px;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\r\n background-color: #ef5350;\r\n color: white;\r\n font-size: 12px;\r\n width: 1rem;\r\n border-radius: 50%;\r\n position: absolute;\r\n top: 2px;\r\n left: 8px;\r\n height: 1rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--twoChars {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--threeChars {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper {\r\n cursor: pointer;\r\n margin-left: 12px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\r\n width: 0px;\r\n height: 0px;\r\n border-left: 8px solid transparent;\r\n border-right: 8px solid transparent;\r\n border-bottom: 13px solid white;\r\n position: absolute;\r\n bottom: -6px;\r\n right: 3px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteArrow {\r\n bottom: -13px;\r\n right: -1px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow {\r\n bottom: -12px;\r\n right: 8px;\r\n border-left: 7px solid transparent;\r\n border-right: 7px solid transparent;\r\n border-bottom: 10px solid white;\r\n}\r\n";
|
|
23825
|
+
var css_248z$j = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\r\n background-color: var(--blue);\r\n background-color: var(--blue);\r\n height: 48px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n white-space: nowrap;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\r\n width: 100%;\r\n display: flex;\r\n justify-content: start;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarIcons {\r\n margin: 0 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\r\n display: flex;\r\n align-items: center;\r\n flex-direction: column;\r\n margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\r\n display: flex;\r\n flex-direction: column;\r\n margin-left: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\r\n color: white;\r\n font-size: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\r\n color: white;\r\n cursor: pointer;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n margin: 0;\r\n position: relative;\r\n width: 48px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items i {\r\n color: #fff;\r\n font-size: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\r\n display: flex;\r\n color: white;\r\n font-size: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\r\n color: white;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n width: 6rem;\r\n margin-top: 0rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\r\n margin-top: 0.6rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\r\n margin-top: 0.4rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\r\n margin-top: -0.2rem;\r\n margin-left: 2rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n display: inline;\r\n display: initial;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Open Sans';\r\n font-style: italic;\r\n font-weight: 600;\r\n src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\r\n format('woff2');\r\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\r\n color: #fff;\r\n font-family: 'Open Sans', sans-serif;\r\n font-weight: 600;\r\n font-style: italic;\r\n font-size: 14px;\r\n position: relative;\r\n left: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\r\n display: flex;\r\n color: white;\r\n font-size: 13px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n /* margin-left: 10px;\r\n margin-right: 7px; */\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n background: #fff;\r\n color: #1D5AB9;\r\n font-weight: 600;\r\n border-radius: 4px;\r\n box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.4), 0px 1.6px 3.6px 0px rgba(0, 0, 0, 0.13), 0px 0.3px 0.9px 0px rgba(0, 0, 0, 0.10);\r\n font-size: 14px;\r\n grid-gap: 6px;\r\n gap: 6px;\r\n margin: 0 8px;\r\n padding: 4px 20px 6px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber span {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber span i {\r\n font-size: 22px;\r\n color: #1D5AB9;\r\n}\r\n\r\n/* .yardNumber > div {\r\n margin-left: 7px;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper i {\r\n color: #fff;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper span {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\r\n color: white;\r\n cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n background-color: white;\r\n border-radius: 20px;\r\n margin: 5px;\r\n padding: 0px 10px;\r\n height: 25px;\r\n font-weight: bold;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\r\n border: 1px solid #1d5ab9;\r\n justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\r\n color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n background-color: white;\r\n border-radius: 20px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\r\n color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\r\n color: red;\r\n margin: 5px 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\r\n margin-right: 5px;\r\n margin-left: 5px;\r\n width: 24px;\r\n height: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\r\n margin-left: 5px;\r\n display: inline-flex;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\r\n font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\r\n line-height: unset;\r\n font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\r\n color: green;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n color: red;\r\n}\r\n\r\n/* .userMenu {\r\n margin-left: 10px !important;\r\n margin-right: 5px !important;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n margin-left: 10px !important;\r\n margin-right: 10px !important;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n margin-left: 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\r\n margin: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\r\n cursor: pointer;\r\n position: relative;\r\n\r\n /* position: relative;\r\n top: 2px; */\r\n /* margin-left: 10px; */\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\r\n color: #fff;\r\n font-size: 22px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot {\r\n background-color: #ef5350;\r\n border-radius: 50%;\r\n position: absolute;\r\n top: 0px;\r\n left: 13px;\r\n width: 10px;\r\n height: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip{\r\n position: absolute;\r\n background: #fff;\r\n padding: 8px;\r\n right: 30px;\r\n top: -2px;\r\n border-radius: 2px;\r\n font-weight: 400;\r\n font-size: 12px;\r\n cursor: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip::before{\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 100%;\r\n margin-top: -5px;\r\n border-width: 5px;\r\n border-style: solid;\r\n border-color: transparent transparent transparent #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip i{\r\n color: #000;\r\n font-size: 12px;\r\n margin-left: 5px;\r\n position: relative;\r\n top: 1px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\r\n position: absolute;\r\n display: flex;\r\n height: calc(100vh - 48px);\r\n width: 100vw;\r\n bottom: 0;\r\n z-index: 10000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\r\n background-color: rgba(0,0,0,.5);\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: absolute;\r\n top: 2px;\r\n right: 402px;\r\n height: 38px;\r\n width: 38px;\r\n background-color: white;\r\n z-index: 11000;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--profile {\r\n padding: 5px 7px;\r\n background: #fff;\r\n border-radius: 50%;\r\n font-weight: 600;\r\n color: #1d5ab9;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchContainer {\r\n background: rgba(255, 255, 255, 0.40);\r\n -webkit-backdrop-filter: blur(20px);\r\n backdrop-filter: blur(20px);\r\n position: absolute;\r\n top: 50px;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 999;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper{\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 50px;\r\n width: 100vw;\r\n background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n width: 40vw;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 50px);\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n}\r\n\r\n@media only screen and (max-width: 1024px) {\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n margin-right: 2px;\r\n }\r\n\r\n /* .yardNumber {\r\n margin-left: 5px;\r\n margin-right: 2px;\r\n }\r\n\r\n .yardNumber > div {\r\n margin-left: 2px;\r\n } */\r\n\r\n /* .userMenu {\r\n margin-left: 3px !important;\r\n margin-right: 3px !important;\r\n } */\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n margin-left: 3px !important;\r\n margin-right: 3px !important;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n margin-left: 2px;\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper\r\n{\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 48px;\r\n width: 100vw;\r\n background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv\r\n{\r\n width: 50vw;\r\n position: absolute;\r\n right: 0;\r\n height: 100%;\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader{\r\n font-size: 18px;\r\n font-weight: 600;\r\n padding-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper{\r\n display: flex;\r\n flex-direction: column;\r\n grid-gap: 5px;\r\n gap: 5px;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\r\n background-color: #ef5350;\r\n color: white;\r\n font-size: 12px;\r\n width: 1rem;\r\n border-radius: 50%;\r\n position: absolute;\r\n top: -5px;\r\n left: 22px;\r\n height: 1rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--twoChars {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--threeChars {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper {\r\n cursor: pointer;\r\n margin-left: 12px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\r\n width: 0px;\r\n height: 0px;\r\n border-left: 8px solid transparent;\r\n border-right: 8px solid transparent;\r\n border-bottom: 11px solid white;\r\n position: absolute;\r\n bottom: -13px;\r\n right: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteArrow {\r\n right: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow {\r\n right: 3px;\r\n bottom: -9px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow {\r\n bottom: -12px;\r\n right: 8px;\r\n border-left: 7px solid transparent;\r\n border-right: 7px solid transparent;\r\n border-bottom: 10px solid white;\r\n}\r\n";
|
|
23823
23826
|
styleInject(css_248z$j);
|
|
23824
23827
|
|
|
23825
23828
|
var LogOutMenu = function LogOutMenu(_ref) {
|
|
@@ -23842,8 +23845,10 @@ var LogOutMenu = function LogOutMenu(_ref) {
|
|
|
23842
23845
|
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconDropdownMenu, {
|
|
23843
23846
|
items: items,
|
|
23844
23847
|
onItemClick: onItemClick,
|
|
23845
|
-
icon: "
|
|
23846
|
-
|
|
23848
|
+
icon: /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
23849
|
+
name: "user-circle",
|
|
23850
|
+
variant: "solid"
|
|
23851
|
+
}),
|
|
23847
23852
|
iconStyle: {
|
|
23848
23853
|
fontSize: '30px',
|
|
23849
23854
|
color: 'white'
|
|
@@ -23889,14 +23894,11 @@ var Help = function Help(_ref) {
|
|
|
23889
23894
|
ref: mihelpIconRef
|
|
23890
23895
|
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconButton, {
|
|
23891
23896
|
onClick: handleHelpClick
|
|
23892
|
-
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.
|
|
23893
|
-
name: "
|
|
23894
|
-
variant: "
|
|
23897
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
23898
|
+
name: "question-circle",
|
|
23899
|
+
variant: "solid"
|
|
23895
23900
|
})), mihelpVisible && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
23896
|
-
className: "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer"
|
|
23897
|
-
style: {
|
|
23898
|
-
bottom: '-9px'
|
|
23899
|
-
}
|
|
23901
|
+
className: "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow"
|
|
23900
23902
|
}), showMihelpDot && /*#__PURE__*/React__default["default"].createElement("span", {
|
|
23901
23903
|
className: "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot"
|
|
23902
23904
|
}), showMihelpTooltip && /*#__PURE__*/React__default["default"].createElement("span", {
|
|
@@ -24076,7 +24078,7 @@ var unEscapeChars = function unEscapeChars(str) {
|
|
|
24076
24078
|
}) : null;
|
|
24077
24079
|
};
|
|
24078
24080
|
|
|
24079
|
-
var css_248z$h = ".utilities_ops-app-frame_Help_Help--backdrop {\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 50px;\r\n width: 100vw;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--miHelpSideBar {\r\n width: 50vw;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 50px);\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n color: #323130;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--title {\r\n font-weight: 600;\r\n font-size: 28px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header {\r\n margin-bottom: 10px;\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close i,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close i {\r\n font-size: 14px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeader {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle {\r\n font-weight: 600;\r\n font-size: 20px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle .utilities_ops-app-frame_Help_Help--back {\r\n color: #1d5ab9;\r\n margin-right: 5px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link {\r\n font-weight: 400;\r\n font-size: 14px;\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link i {\r\n font-size: 10px;\r\n position: relative;\r\n top: -5px;\r\n left: 3px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper {\r\n margin-top: 20px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3 i {\r\n color: #1d5ab9;\r\n font-size: 10px;\r\n position: relative;\r\n top: -8px;\r\n cursor: pointer;\r\n left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul {\r\n list-style: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li {\r\n font-weight: 400;\r\n font-size: 14px;\r\n margin: 6px 0;\r\n display: flex;\r\n cursor: pointer;\r\n width: -webkit-fit-content;\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n align-items: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li:hover,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li:hover {\r\n color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li img,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li img {\r\n width: 17px;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper .utilities_ops-app-frame_Help_Help--viewMore {\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n font-weight: 400;\r\n font-size: 14px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper {\r\n width: 100%;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper span {\r\n position: absolute;\r\n width: 29px;\r\n height: 29px;\r\n background: #f3f2f1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n bottom: 1.5px;\r\n right: 2px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--mihelpSearch {\r\n width: 100%;\r\n margin-top: 15px;\r\n padding: 0px 10px;\r\n height: 32px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult {\r\n width: 100%;\r\n margin-top: 20px;\r\n border-bottom: 1px solid #dcdcdc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult p {\r\n margin-top: 13px;\r\n margin-bottom: 30px;\r\n text-overflow: ellipsis;\r\n width: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper {\r\n position: absolute;\r\n background: rgba(0, 0, 0, 0.5);\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper svg {\r\n position: absolute;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--overFlowHidden {\r\n overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--nonInteractive {\r\n opacity: 0.3;\r\n pointer-events: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitlewrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeswrapper {\r\n color: #cbcbcb;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like {\r\n margin-left: 10px;\r\n font-size: 10px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like i {\r\n font-size: 14px;\r\n margin-right: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle img {\r\n width: 18px;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span {\r\n font-weight: 600;\r\n font-size: 18px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span:hover {\r\n color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper {\r\n width: 100%;\r\n margin-top: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper h3 {\r\n font-weight: 300;\r\n font-size: 34px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--faqsList {\r\n width: 100%;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category h3 {\r\n color: #1d5ab9;\r\n font-weight: 600;\r\n font-size: 24px;\r\n margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian {\r\n border-top: 1px solid #dcdcdc;\r\n padding-top: 13px;\r\n margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question {\r\n font-weight: 400;\r\n font-size: 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question span {\r\n transition: all 0.2s ease-out;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--answer {\r\n font-weight: 400;\r\n font-size: 14px;\r\n height: auto;\r\n max-height: 0;\r\n transition: max-height 0.2s ease-out;\r\n overflow: hidden;\r\n margin-top: 13px;\r\n white-space: normal;\r\n}\r\n\r\n/* .accordian .answer span {\r\n white-space: break-spaces;\r\n } */\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote .utilities_ops-app-frame_Help_Help--releaseNoteContent {\r\n margin-top: 10px;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle {\r\n width: 100%;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle .utilities_ops-app-frame_Help_Help--helpArticleWrapper {\r\n margin-top: 10px;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--articleFooter {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-top: 30px;\r\n padding-bottom: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--likeTxt {\r\n font-weight: 600;\r\n font-size: 14px;\r\n margin-right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--thanksText {\r\n color: rgb(45, 206, 137);\r\n font-weight: bold;\r\n font-size: 16px;\r\n margin-left: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper textarea {\r\n width: 300px;\r\n height: 100px;\r\n resize: none;\r\n display: block;\r\n margin-bottom: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper h5 {\r\n font-size: 18px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper span {\r\n background-color: rgb(29, 90, 185);\r\n color: #fff;\r\n padding: 6px 12px;\r\n cursor: pointer;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n color: #2dce89;\r\n margin-right: 6px;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg {\r\n border: 1px solid #2dce89 !important;\r\n padding: 5px;\r\n height: 30px;\r\n width: 30px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover {\r\n background-color: #2dce89;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg path,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover path {\r\n fill: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike {\r\n color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike svg {\r\n border: 1px solid #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--dislike svg:hover {\r\n background-color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper {\r\n font-style: italic;\r\n /* font-weight: 700; */\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper b {\r\n font-weight: 700;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper span {\r\n font-weight: 400;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper {\r\n width: 100%;\r\n border-top: 1px solid #edebe9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper {\r\n width: 100%;\r\n border: 1px solid #dcdcdc;\r\n padding: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n margin-top: 50px;\r\n position: relative;\r\n text-align: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper.utilities_ops-app-frame_Help_Help--noFlex {\r\n display: block;\r\n text-align: left;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h2 {\r\n font-size: 34px !important;\r\n margin-bottom: 6px !important;\r\n margin-top: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p {\r\n font-size: 14px !important;\r\n margin-bottom: 3px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p img {\r\n position: relative;\r\n top: 2px;\r\n margin-left: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn {\r\n background-color: #1d5ab9;\r\n color: #fff;\r\n padding: 6px 12px;\r\n font-weight: 600;\r\n font-size: 12px;\r\n cursor: pointer;\r\n margin-top: 7px;\r\n border-radius: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn.utilities_ops-app-frame_Help_Help--disable {\r\n pointer-events: none;\r\n cursor: default;\r\n background-color: #ccc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n position: absolute;\r\n top: 0px;\r\n right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h3 {\r\n font-weight: 800 !important;\r\n font-size: 20px !important;\r\n line-height: 27px !important;\r\n color: #1d5ab9 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper label,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper label {\r\n font-weight: 600;\r\n font-size: 14px;\r\n color: #000100;\r\n margin: 10px 0;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper textarea {\r\n resize: none;\r\n height: 125px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--highlightRed {\r\n font-weight: 600;\r\n color: #f5365c;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--successMsg {\r\n color: #1d5ab9;\r\n font-size: 20px !important;\r\n margin-top: 12px;\r\n margin-bottom: 20px !important;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent {\r\n max-width: 700px;\r\n min-width: 600px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n background: #edebe9;\r\n padding: 10px 20px;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogBody {\r\n padding: 20px 20px 30px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader h3 {\r\n font-weight: 600;\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span {\r\n font-weight: 600;\r\n font-size: 14px;\r\n -webkit-text-decoration-line: underline;\r\n text-decoration-line: underline;\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span i {\r\n font-size: 10px;\r\n position: relative;\r\n top: -6px;\r\n right: -1px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive {\r\n padding: 22px;\r\n background-color: #1d5ab9;\r\n color: #fff;\r\n font-size: 32px !important;\r\n width: 100% !important;\r\n border-radius: 10px;\r\n align-items: center !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive:hover{\r\n color: #fff !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive img {\r\n width: 65px !important;\r\n margin-right: 25px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--releaseTitle {\r\n flex: 1;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--checkNow {\r\n font-weight: 700;\r\n font-size: 14px;\r\n align-self: end;\r\n}\r\n";
|
|
24081
|
+
var css_248z$h = ".utilities_ops-app-frame_Help_Help--backdrop {\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 48px;\r\n width: 100vw;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--miHelpSideBar {\r\n width: 50vw;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 50px);\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n color: #323130;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--title {\r\n font-weight: 600;\r\n font-size: 28px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header {\r\n margin-bottom: 10px;\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close i,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close i {\r\n font-size: 14px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeader {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle {\r\n font-weight: 600;\r\n font-size: 20px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle .utilities_ops-app-frame_Help_Help--back {\r\n color: #1d5ab9;\r\n margin-right: 5px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link {\r\n font-weight: 400;\r\n font-size: 14px;\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link i {\r\n font-size: 10px;\r\n position: relative;\r\n top: -5px;\r\n left: 3px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper {\r\n margin-top: 20px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3 i {\r\n color: #1d5ab9;\r\n font-size: 10px;\r\n position: relative;\r\n top: -8px;\r\n cursor: pointer;\r\n left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul {\r\n list-style: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li {\r\n font-weight: 400;\r\n font-size: 14px;\r\n margin: 6px 0;\r\n display: flex;\r\n cursor: pointer;\r\n width: -webkit-fit-content;\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n align-items: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li:hover,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li:hover {\r\n color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li img,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li img {\r\n width: 17px;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper .utilities_ops-app-frame_Help_Help--viewMore {\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n font-weight: 400;\r\n font-size: 14px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper {\r\n width: 100%;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper span {\r\n position: absolute;\r\n width: 29px;\r\n height: 29px;\r\n background: #f3f2f1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n bottom: 1.5px;\r\n right: 2px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--mihelpSearch {\r\n width: 100%;\r\n margin-top: 15px;\r\n padding: 0px 10px;\r\n height: 32px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult {\r\n width: 100%;\r\n margin-top: 20px;\r\n border-bottom: 1px solid #dcdcdc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult p {\r\n margin-top: 13px;\r\n margin-bottom: 30px;\r\n text-overflow: ellipsis;\r\n width: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper {\r\n position: absolute;\r\n background: rgba(0, 0, 0, 0.5);\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper svg {\r\n position: absolute;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--overFlowHidden {\r\n overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--nonInteractive {\r\n opacity: 0.3;\r\n pointer-events: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitlewrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeswrapper {\r\n color: #cbcbcb;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like {\r\n margin-left: 10px;\r\n font-size: 10px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like i {\r\n font-size: 14px;\r\n margin-right: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle img {\r\n width: 18px;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span {\r\n font-weight: 600;\r\n font-size: 18px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span:hover {\r\n color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper {\r\n width: 100%;\r\n margin-top: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper h3 {\r\n font-weight: 300;\r\n font-size: 34px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--faqsList {\r\n width: 100%;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category h3 {\r\n color: #1d5ab9;\r\n font-weight: 600;\r\n font-size: 24px;\r\n margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian {\r\n border-top: 1px solid #dcdcdc;\r\n padding-top: 13px;\r\n margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question {\r\n font-weight: 400;\r\n font-size: 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question span {\r\n transition: all 0.2s ease-out;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--answer {\r\n font-weight: 400;\r\n font-size: 14px;\r\n height: auto;\r\n max-height: 0;\r\n transition: max-height 0.2s ease-out;\r\n overflow: hidden;\r\n margin-top: 13px;\r\n white-space: normal;\r\n}\r\n\r\n/* .accordian .answer span {\r\n white-space: break-spaces;\r\n } */\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote .utilities_ops-app-frame_Help_Help--releaseNoteContent {\r\n margin-top: 10px;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle {\r\n width: 100%;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle .utilities_ops-app-frame_Help_Help--helpArticleWrapper {\r\n margin-top: 10px;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--articleFooter {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-top: 30px;\r\n padding-bottom: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--likeTxt {\r\n font-weight: 600;\r\n font-size: 14px;\r\n margin-right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--thanksText {\r\n color: rgb(45, 206, 137);\r\n font-weight: bold;\r\n font-size: 16px;\r\n margin-left: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper textarea {\r\n width: 300px;\r\n height: 100px;\r\n resize: none;\r\n display: block;\r\n margin-bottom: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper h5 {\r\n font-size: 18px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper span {\r\n background-color: rgb(29, 90, 185);\r\n color: #fff;\r\n padding: 6px 12px;\r\n cursor: pointer;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n color: #2dce89;\r\n margin-right: 6px;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg {\r\n border: 1px solid #2dce89 !important;\r\n padding: 5px;\r\n height: 30px;\r\n width: 30px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover {\r\n background-color: #2dce89;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg path,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover path {\r\n fill: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike {\r\n color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike svg {\r\n border: 1px solid #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--dislike svg:hover {\r\n background-color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper {\r\n font-style: italic;\r\n /* font-weight: 700; */\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper b {\r\n font-weight: 700;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper span {\r\n font-weight: 400;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper {\r\n width: 100%;\r\n border-top: 1px solid #edebe9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper {\r\n width: 100%;\r\n border: 1px solid #dcdcdc;\r\n padding: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n margin-top: 50px;\r\n position: relative;\r\n text-align: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper.utilities_ops-app-frame_Help_Help--noFlex {\r\n display: block;\r\n text-align: left;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h2 {\r\n font-size: 34px !important;\r\n margin-bottom: 6px !important;\r\n margin-top: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p {\r\n font-size: 14px !important;\r\n margin-bottom: 3px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p img {\r\n position: relative;\r\n top: 2px;\r\n margin-left: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn {\r\n background-color: #1d5ab9;\r\n color: #fff;\r\n padding: 6px 12px;\r\n font-weight: 600;\r\n font-size: 12px;\r\n cursor: pointer;\r\n margin-top: 7px;\r\n border-radius: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn.utilities_ops-app-frame_Help_Help--disable {\r\n pointer-events: none;\r\n cursor: default;\r\n background-color: #ccc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n position: absolute;\r\n top: 0px;\r\n right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h3 {\r\n font-weight: 800 !important;\r\n font-size: 20px !important;\r\n line-height: 27px !important;\r\n color: #1d5ab9 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper label,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper label {\r\n font-weight: 600;\r\n font-size: 14px;\r\n color: #000100;\r\n margin: 10px 0;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper textarea {\r\n resize: none;\r\n height: 125px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--highlightRed {\r\n font-weight: 600;\r\n color: #f5365c;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--successMsg {\r\n color: #1d5ab9;\r\n font-size: 20px !important;\r\n margin-top: 12px;\r\n margin-bottom: 20px !important;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent {\r\n max-width: 700px;\r\n min-width: 600px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n background: #edebe9;\r\n padding: 10px 20px;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogBody {\r\n padding: 20px 20px 30px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader h3 {\r\n font-weight: 600;\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span {\r\n font-weight: 600;\r\n font-size: 14px;\r\n -webkit-text-decoration-line: underline;\r\n text-decoration-line: underline;\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span i {\r\n font-size: 10px;\r\n position: relative;\r\n top: -6px;\r\n right: -1px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive {\r\n padding: 22px;\r\n background-color: #1d5ab9;\r\n color: #fff;\r\n font-size: 32px !important;\r\n width: 100% !important;\r\n border-radius: 10px;\r\n align-items: center !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive:hover{\r\n color: #fff !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive img {\r\n width: 65px !important;\r\n margin-right: 25px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--releaseTitle {\r\n flex: 1;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--checkNow {\r\n font-weight: 700;\r\n font-size: 14px;\r\n align-self: end;\r\n}\r\n";
|
|
24080
24082
|
styleInject(css_248z$h);
|
|
24081
24083
|
|
|
24082
24084
|
var _styleModuleImportMap$7 = {
|
|
@@ -25432,11 +25434,7 @@ var FeedbackButton = function FeedbackButton(props) {
|
|
|
25432
25434
|
onClick: props.onClick
|
|
25433
25435
|
}, /*#__PURE__*/React__namespace.createElement(coreComponents.IconV2, {
|
|
25434
25436
|
name: "message-exclamation",
|
|
25435
|
-
variant: "solid"
|
|
25436
|
-
style: {
|
|
25437
|
-
fontSize: '18px',
|
|
25438
|
-
color: 'white'
|
|
25439
|
-
}
|
|
25437
|
+
variant: "solid"
|
|
25440
25438
|
}));
|
|
25441
25439
|
};
|
|
25442
25440
|
|
|
@@ -25485,7 +25483,6 @@ var _styleModuleImportMap$3 = {
|
|
|
25485
25483
|
"searchContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--searchContainer",
|
|
25486
25484
|
"settingsSidebarWrapper": "utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper",
|
|
25487
25485
|
"settingsSidebar": "utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar",
|
|
25488
|
-
"arrowTipContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer",
|
|
25489
25486
|
"sideBarWrapper": "utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper",
|
|
25490
25487
|
"innerNotificationDiv": "utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv",
|
|
25491
25488
|
"notificationsHeader": "utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader",
|
|
@@ -25494,7 +25491,9 @@ var _styleModuleImportMap$3 = {
|
|
|
25494
25491
|
"twoChars": "utilities_ops-app-frame_AppBarComponent_AppBar--twoChars",
|
|
25495
25492
|
"threeChars": "utilities_ops-app-frame_AppBarComponent_AppBar--threeChars",
|
|
25496
25493
|
"notificationIconWrapper": "utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper",
|
|
25494
|
+
"arrowTipContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer",
|
|
25497
25495
|
"ideaNoteArrow": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteArrow",
|
|
25496
|
+
"mihelpArrow": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow",
|
|
25498
25497
|
"profileArrow": "utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow"
|
|
25499
25498
|
}
|
|
25500
25499
|
};
|
|
@@ -34360,7 +34359,6 @@ var _styleModuleImportMap$2 = {
|
|
|
34360
34359
|
"searchContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--searchContainer",
|
|
34361
34360
|
"settingsSidebarWrapper": "utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper",
|
|
34362
34361
|
"settingsSidebar": "utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar",
|
|
34363
|
-
"arrowTipContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer",
|
|
34364
34362
|
"sideBarWrapper": "utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper",
|
|
34365
34363
|
"innerNotificationDiv": "utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv",
|
|
34366
34364
|
"notificationsHeader": "utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader",
|
|
@@ -34369,7 +34367,9 @@ var _styleModuleImportMap$2 = {
|
|
|
34369
34367
|
"twoChars": "utilities_ops-app-frame_AppBarComponent_AppBar--twoChars",
|
|
34370
34368
|
"threeChars": "utilities_ops-app-frame_AppBarComponent_AppBar--threeChars",
|
|
34371
34369
|
"notificationIconWrapper": "utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper",
|
|
34370
|
+
"arrowTipContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer",
|
|
34372
34371
|
"ideaNoteArrow": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteArrow",
|
|
34372
|
+
"mihelpArrow": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow",
|
|
34373
34373
|
"profileArrow": "utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow"
|
|
34374
34374
|
}
|
|
34375
34375
|
};
|
|
@@ -34562,14 +34562,11 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
|
|
|
34562
34562
|
onClick: showSettingsInAppbar ? function () {
|
|
34563
34563
|
return showCallout('yardItem');
|
|
34564
34564
|
} : navigateTo('/settings')
|
|
34565
|
-
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.
|
|
34566
|
-
name: "
|
|
34567
|
-
variant: "
|
|
34565
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
34566
|
+
name: "buildings",
|
|
34567
|
+
variant: "regular"
|
|
34568
34568
|
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
34569
|
-
"data-testid": "yardNumber"
|
|
34570
|
-
style: {
|
|
34571
|
-
marginLeft: "5px"
|
|
34572
|
-
}
|
|
34569
|
+
"data-testid": "yardNumber"
|
|
34573
34570
|
}, "Yard ", yardNumber));
|
|
34574
34571
|
}
|
|
34575
34572
|
},
|
|
@@ -34590,18 +34587,14 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
|
|
|
34590
34587
|
renderIf: renderSearch,
|
|
34591
34588
|
render: function render() {
|
|
34592
34589
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
34593
|
-
className: "utilities_ops-app-frame_AppBarComponent_AppBar--
|
|
34590
|
+
className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
|
|
34594
34591
|
onClick: function onClick() {
|
|
34595
34592
|
return handleIconClick(ICONS.SEARCH);
|
|
34596
34593
|
}
|
|
34597
|
-
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
34598
|
-
style: {
|
|
34599
|
-
fontSize: "18px"
|
|
34600
|
-
}
|
|
34601
34594
|
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
34602
34595
|
name: "magnifying-glass",
|
|
34603
34596
|
variant: "solid"
|
|
34604
|
-
}))
|
|
34597
|
+
}));
|
|
34605
34598
|
}
|
|
34606
34599
|
}, {
|
|
34607
34600
|
key: 'phoneStatus',
|
|
@@ -34621,7 +34614,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
|
|
|
34621
34614
|
renderIf: config.includes('phone') && phoneNumber,
|
|
34622
34615
|
render: function render() {
|
|
34623
34616
|
return /*#__PURE__*/React__default["default"].createElement("span", {
|
|
34624
|
-
className: "utilities_ops-app-frame_AppBarComponent_AppBar--
|
|
34617
|
+
className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items"
|
|
34625
34618
|
}, /*#__PURE__*/React__default["default"].createElement(PhoneStatus, {
|
|
34626
34619
|
config: config,
|
|
34627
34620
|
phoneNumber: phoneNumber,
|
|
@@ -34650,7 +34643,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
|
|
|
34650
34643
|
},
|
|
34651
34644
|
render: function render() {
|
|
34652
34645
|
return /*#__PURE__*/React__default["default"].createElement("span", {
|
|
34653
|
-
className: "utilities_ops-app-frame_AppBarComponent_AppBar--
|
|
34646
|
+
className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items"
|
|
34654
34647
|
}, /*#__PURE__*/React__default["default"].createElement(FeedbackButton, {
|
|
34655
34648
|
onClick: function onClick() {
|
|
34656
34649
|
return props.toggleFeedbackDialog(true);
|
|
@@ -34666,8 +34659,9 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
|
|
|
34666
34659
|
onClick: function onClick() {
|
|
34667
34660
|
return setMihelpVisible(!mihelpVisible);
|
|
34668
34661
|
}
|
|
34669
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
34670
|
-
name: "
|
|
34662
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
34663
|
+
name: "question-circle",
|
|
34664
|
+
variant: "solid"
|
|
34671
34665
|
}), /*#__PURE__*/React__default["default"].createElement(OverFlowText, {
|
|
34672
34666
|
text: "MiHelp"
|
|
34673
34667
|
}));
|
|
@@ -34675,7 +34669,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
|
|
|
34675
34669
|
renderIf: isMihelpEnabled,
|
|
34676
34670
|
render: function render() {
|
|
34677
34671
|
return /*#__PURE__*/React__default["default"].createElement("span", {
|
|
34678
|
-
className: "utilities_ops-app-frame_AppBarComponent_AppBar--
|
|
34672
|
+
className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items"
|
|
34679
34673
|
}, /*#__PURE__*/React__default["default"].createElement(Help, {
|
|
34680
34674
|
handleHelpClick: function handleHelpClick() {
|
|
34681
34675
|
return handleIconClick(ICONS.MIHELP);
|
|
@@ -34706,11 +34700,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
|
|
|
34706
34700
|
renderIf: isIdeaNoteEnabled,
|
|
34707
34701
|
render: function render() {
|
|
34708
34702
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
34709
|
-
className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items
|
|
34710
|
-
style: {
|
|
34711
|
-
cursor: 'pointer',
|
|
34712
|
-
position: 'relative'
|
|
34713
|
-
},
|
|
34703
|
+
className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
|
|
34714
34704
|
onClick: function onClick() {
|
|
34715
34705
|
return handleIconClick(ICONS.IDEANOTE);
|
|
34716
34706
|
}
|
|
@@ -34718,11 +34708,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
|
|
|
34718
34708
|
content: innoV8Svg
|
|
34719
34709
|
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
34720
34710
|
name: "lightbulb",
|
|
34721
|
-
variant: "solid"
|
|
34722
|
-
style: {
|
|
34723
|
-
color: '#fff',
|
|
34724
|
-
fontSize: '18px'
|
|
34725
|
-
}
|
|
34711
|
+
variant: "solid"
|
|
34726
34712
|
})), ideaNoteVisible && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
34727
34713
|
className: "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteArrow"
|
|
34728
34714
|
}));
|
|
@@ -34738,7 +34724,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
|
|
|
34738
34724
|
notificationsVisible: notificationsVisible,
|
|
34739
34725
|
mihelpVisible: mihelpVisible,
|
|
34740
34726
|
marginStyle: {
|
|
34741
|
-
marginLeft: '
|
|
34727
|
+
marginLeft: '0'
|
|
34742
34728
|
},
|
|
34743
34729
|
showSearchContainer: showSearchContainer,
|
|
34744
34730
|
settingsVisible: settingsVisible,
|
|
@@ -34753,8 +34739,9 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
|
|
|
34753
34739
|
onRender: function onRender(_, dismissMenu) {
|
|
34754
34740
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
34755
34741
|
className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items"
|
|
34756
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
34757
|
-
name: "
|
|
34742
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
34743
|
+
name: "user",
|
|
34744
|
+
variant: "solid"
|
|
34758
34745
|
}), /*#__PURE__*/React__default["default"].createElement(OverFlowText, {
|
|
34759
34746
|
text: propOr$1('', 'name', props.logoutItems[0])
|
|
34760
34747
|
})), !showSettingsInAppbar && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -34784,7 +34771,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
|
|
|
34784
34771
|
},
|
|
34785
34772
|
render: function render() {
|
|
34786
34773
|
return /*#__PURE__*/React__default["default"].createElement("span", {
|
|
34787
|
-
className: "utilities_ops-app-frame_AppBarComponent_AppBar--
|
|
34774
|
+
className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items"
|
|
34788
34775
|
}, /*#__PURE__*/React__default["default"].createElement(LogOutMenu, {
|
|
34789
34776
|
items: props.logoutItems,
|
|
34790
34777
|
onItemClick: props.onLogoutItemClicked,
|
|
@@ -34809,18 +34796,14 @@ var notificationIconComp = function notificationIconComp(_ref3) {
|
|
|
34809
34796
|
ideaNoteVisible = _ref3.ideaNoteVisible,
|
|
34810
34797
|
mihelpVisible = _ref3.mihelpVisible;
|
|
34811
34798
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
34812
|
-
className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items
|
|
34799
|
+
className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
|
|
34813
34800
|
style: _objectSpread2({}, marginStyle),
|
|
34814
34801
|
onClick: function onClick() {
|
|
34815
34802
|
return notifications && notifications.length > 0 && handleIconClick(ICONS.NOTIFICATIONS);
|
|
34816
34803
|
}
|
|
34817
|
-
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.
|
|
34818
|
-
name: "
|
|
34819
|
-
variant: "
|
|
34820
|
-
style: {
|
|
34821
|
-
color: 'white',
|
|
34822
|
-
fontSize: '29px'
|
|
34823
|
-
}
|
|
34804
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
34805
|
+
name: "bell",
|
|
34806
|
+
variant: "solid"
|
|
34824
34807
|
}), notifications && notifications.length > 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
34825
34808
|
className: _getClassName("notificationCount ".concat(getNotificationIconStyleName(notifications)), _styleModuleImportMap$2, {
|
|
34826
34809
|
"handleMissingStyleName": "warn"
|
|
@@ -35006,6 +34989,7 @@ var AppBar$1 = function AppBar(props) {
|
|
|
35006
34989
|
};
|
|
35007
34990
|
var onSave = function onSave(oldSettings, newSettings) {
|
|
35008
34991
|
setCalloutTarget(null);
|
|
34992
|
+
setCalloutVisible(false);
|
|
35009
34993
|
setSettingsVisible(false);
|
|
35010
34994
|
forceUpdate();
|
|
35011
34995
|
onSettingsSaved(oldSettings, newSettings);
|
|
@@ -37308,9 +37292,9 @@ var AppBar = function AppBar(_ref) {
|
|
|
37308
37292
|
showMihelpTooltip = _useState10[0],
|
|
37309
37293
|
setShowMihelpTooltip = _useState10[1];
|
|
37310
37294
|
var tileData = findAppData(coreAppConfig.tiles || []) || {};
|
|
37311
|
-
var mihelpAppPath =
|
|
37295
|
+
var mihelpAppPath = isCoreRoute && !window.location.pathname.includes('embedded') ? null : tileData.mihelpAppPath;
|
|
37312
37296
|
var isMihelpEnabled;
|
|
37313
|
-
if (isCoreRoute) {
|
|
37297
|
+
if (isCoreRoute && !window.location.pathname.includes('embedded')) {
|
|
37314
37298
|
isMihelpEnabled = coreAppConfig.enableMiHelp;
|
|
37315
37299
|
} else {
|
|
37316
37300
|
isMihelpEnabled = Boolean(mihelpAppPath);
|
|
@@ -49475,7 +49459,8 @@ const arrow = options => ({
|
|
|
49475
49459
|
placement,
|
|
49476
49460
|
rects,
|
|
49477
49461
|
platform,
|
|
49478
|
-
elements
|
|
49462
|
+
elements,
|
|
49463
|
+
middlewareData
|
|
49479
49464
|
} = state;
|
|
49480
49465
|
// Since `element` is required, we don't Partial<> the type.
|
|
49481
49466
|
const {
|
|
@@ -49523,16 +49508,20 @@ const arrow = options => ({
|
|
|
49523
49508
|
|
|
49524
49509
|
// If the reference is small enough that the arrow's padding causes it to
|
|
49525
49510
|
// to point to nothing for an aligned placement, adjust the offset of the
|
|
49526
|
-
// floating element itself.
|
|
49527
|
-
//
|
|
49528
|
-
const shouldAddOffset = getAlignment(placement) != null && center != offset && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
|
|
49529
|
-
const alignmentOffset = shouldAddOffset ? center < min$1 ? min$1
|
|
49511
|
+
// floating element itself. To ensure `shift()` continues to take action,
|
|
49512
|
+
// a single reset is performed when this is true.
|
|
49513
|
+
const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center != offset && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
|
|
49514
|
+
const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max : 0;
|
|
49530
49515
|
return {
|
|
49531
|
-
[axis]: coords[axis]
|
|
49516
|
+
[axis]: coords[axis] + alignmentOffset,
|
|
49532
49517
|
data: {
|
|
49533
49518
|
[axis]: offset,
|
|
49534
|
-
centerOffset: center - offset
|
|
49535
|
-
|
|
49519
|
+
centerOffset: center - offset - alignmentOffset,
|
|
49520
|
+
...(shouldAddOffset && {
|
|
49521
|
+
alignmentOffset
|
|
49522
|
+
})
|
|
49523
|
+
},
|
|
49524
|
+
reset: shouldAddOffset
|
|
49536
49525
|
};
|
|
49537
49526
|
}
|
|
49538
49527
|
});
|
|
@@ -49551,7 +49540,7 @@ const flip = function (options) {
|
|
|
49551
49540
|
name: 'flip',
|
|
49552
49541
|
options,
|
|
49553
49542
|
async fn(state) {
|
|
49554
|
-
var _middlewareData$flip;
|
|
49543
|
+
var _middlewareData$arrow, _middlewareData$flip;
|
|
49555
49544
|
const {
|
|
49556
49545
|
placement,
|
|
49557
49546
|
middlewareData,
|
|
@@ -49569,6 +49558,14 @@ const flip = function (options) {
|
|
|
49569
49558
|
flipAlignment = true,
|
|
49570
49559
|
...detectOverflowOptions
|
|
49571
49560
|
} = evaluate(options, state);
|
|
49561
|
+
|
|
49562
|
+
// If a reset by the arrow was caused due to an alignment offset being
|
|
49563
|
+
// added, we should skip any logic now since `flip()` has already done its
|
|
49564
|
+
// work.
|
|
49565
|
+
// https://github.com/floating-ui/floating-ui/issues/2549#issuecomment-1719601643
|
|
49566
|
+
if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
|
|
49567
|
+
return {};
|
|
49568
|
+
}
|
|
49572
49569
|
const side = getSide(placement);
|
|
49573
49570
|
const isBasePlacement = getSide(initialPlacement) === initialPlacement;
|
|
49574
49571
|
const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
|
|
@@ -49900,18 +49897,21 @@ function getNearestOverflowAncestor(node) {
|
|
|
49900
49897
|
}
|
|
49901
49898
|
return getNearestOverflowAncestor(parentNode);
|
|
49902
49899
|
}
|
|
49903
|
-
function getOverflowAncestors(node, list) {
|
|
49900
|
+
function getOverflowAncestors(node, list, traverseIframes) {
|
|
49904
49901
|
var _node$ownerDocument2;
|
|
49905
49902
|
if (list === void 0) {
|
|
49906
49903
|
list = [];
|
|
49907
49904
|
}
|
|
49905
|
+
if (traverseIframes === void 0) {
|
|
49906
|
+
traverseIframes = true;
|
|
49907
|
+
}
|
|
49908
49908
|
const scrollableAncestor = getNearestOverflowAncestor(node);
|
|
49909
49909
|
const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
|
|
49910
49910
|
const win = getWindow(scrollableAncestor);
|
|
49911
49911
|
if (isBody) {
|
|
49912
|
-
return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement ? getOverflowAncestors(win.frameElement) : []);
|
|
49912
|
+
return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement && traverseIframes ? getOverflowAncestors(win.frameElement) : []);
|
|
49913
49913
|
}
|
|
49914
|
-
return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor));
|
|
49914
|
+
return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
|
|
49915
49915
|
}
|
|
49916
49916
|
|
|
49917
49917
|
function getCssDimensions(element) {
|
|
@@ -50174,7 +50174,7 @@ function getClippingElementAncestors(element, cache) {
|
|
|
50174
50174
|
if (cachedResult) {
|
|
50175
50175
|
return cachedResult;
|
|
50176
50176
|
}
|
|
50177
|
-
let result = getOverflowAncestors(element).filter(el => isElement(el) && getNodeName(el) !== 'body');
|
|
50177
|
+
let result = getOverflowAncestors(element, [], false).filter(el => isElement(el) && getNodeName(el) !== 'body');
|
|
50178
50178
|
let currentContainingBlockComputedStyle = null;
|
|
50179
50179
|
const elementIsFixed = getComputedStyle$1(element).position === 'fixed';
|
|
50180
50180
|
let currentNode = elementIsFixed ? getParentNode(element) : element;
|
|
@@ -50548,7 +50548,7 @@ var classnames = createCommonjsModule(function (module) {
|
|
|
50548
50548
|
* @copyright ReactTooltip Team
|
|
50549
50549
|
* @license MIT
|
|
50550
50550
|
*/
|
|
50551
|
-
const
|
|
50551
|
+
const y = "react-tooltip-core-styles",
|
|
50552
50552
|
h = "react-tooltip-base-styles",
|
|
50553
50553
|
w = {
|
|
50554
50554
|
core: !1,
|
|
@@ -50564,14 +50564,14 @@ function b({
|
|
|
50564
50564
|
if (!e || "undefined" == typeof document || w[r]) return;
|
|
50565
50565
|
if ("core" === r && "undefined" != typeof process && (null === (n = null === process || void 0 === process ? void 0 : process.env) || void 0 === n ? void 0 : n.REACT_TOOLTIP_DISABLE_CORE_STYLES)) return;
|
|
50566
50566
|
if ("base" !== r && "undefined" != typeof process && (null === (l = null === process || void 0 === process ? void 0 : process.env) || void 0 === l ? void 0 : l.REACT_TOOLTIP_DISABLE_BASE_STYLES)) return;
|
|
50567
|
-
"core" === r && (t =
|
|
50567
|
+
"core" === r && (t = y), o || (o = {});
|
|
50568
50568
|
const {
|
|
50569
50569
|
insertAt: i
|
|
50570
50570
|
} = o;
|
|
50571
50571
|
if (document.getElementById(t)) return void console.warn(`[react-tooltip] Element with id '${t}' already exists. Call \`removeStyle()\` first`);
|
|
50572
50572
|
const c = document.head || document.getElementsByTagName("head")[0],
|
|
50573
|
-
|
|
50574
|
-
|
|
50573
|
+
s = document.createElement("style");
|
|
50574
|
+
s.id = t, s.type = "text/css", "top" === i && c.firstChild ? c.insertBefore(s, c.firstChild) : c.appendChild(s), s.styleSheet ? s.styleSheet.cssText = e : s.appendChild(document.createTextNode(e)), w[r] = !0;
|
|
50575
50575
|
}
|
|
50576
50576
|
const E = (e, t, r) => {
|
|
50577
50577
|
let o = null;
|
|
@@ -50582,8 +50582,8 @@ const E = (e, t, r) => {
|
|
|
50582
50582
|
r && !o && (e.apply(this, n), o = setTimeout(l, t)), r || (o && clearTimeout(o), o = setTimeout(l, t));
|
|
50583
50583
|
};
|
|
50584
50584
|
},
|
|
50585
|
-
|
|
50586
|
-
|
|
50585
|
+
g = "DEFAULT_TOOLTIP_ID",
|
|
50586
|
+
_ = {
|
|
50587
50587
|
anchorRefs: new Set(),
|
|
50588
50588
|
activeAnchor: {
|
|
50589
50589
|
current: null
|
|
@@ -50593,13 +50593,13 @@ const E = (e, t, r) => {
|
|
|
50593
50593
|
setActiveAnchor: () => {}
|
|
50594
50594
|
},
|
|
50595
50595
|
A = React.createContext({
|
|
50596
|
-
getTooltipData: () =>
|
|
50596
|
+
getTooltipData: () => _
|
|
50597
50597
|
});
|
|
50598
|
-
function O(e =
|
|
50598
|
+
function O(e = g) {
|
|
50599
50599
|
return React.useContext(A).getTooltipData(e);
|
|
50600
50600
|
}
|
|
50601
50601
|
const R = "undefined" != typeof window ? React.useLayoutEffect : React.useEffect,
|
|
50602
|
-
|
|
50602
|
+
C = e => {
|
|
50603
50603
|
if (!(e instanceof HTMLElement || e instanceof SVGElement)) return !1;
|
|
50604
50604
|
const t = getComputedStyle(e);
|
|
50605
50605
|
return ["overflow", "overflow-x", "overflow-y"].some(e => {
|
|
@@ -50607,16 +50607,16 @@ const R = "undefined" != typeof window ? React.useLayoutEffect : React.useEffect
|
|
|
50607
50607
|
return "auto" === r || "scroll" === r;
|
|
50608
50608
|
});
|
|
50609
50609
|
},
|
|
50610
|
-
|
|
50610
|
+
N = e => {
|
|
50611
50611
|
if (!e) return null;
|
|
50612
50612
|
let t = e.parentElement;
|
|
50613
50613
|
for (; t;) {
|
|
50614
|
-
if (
|
|
50614
|
+
if (C(t)) return t;
|
|
50615
50615
|
t = t.parentElement;
|
|
50616
50616
|
}
|
|
50617
50617
|
return document.scrollingElement || document.documentElement;
|
|
50618
50618
|
},
|
|
50619
|
-
|
|
50619
|
+
k = async ({
|
|
50620
50620
|
elementReference: e = null,
|
|
50621
50621
|
tooltipReference: t = null,
|
|
50622
50622
|
tooltipArrowReference: r = null,
|
|
@@ -50638,14 +50638,14 @@ const R = "undefined" != typeof window ? React.useLayoutEffect : React.useEffect
|
|
|
50638
50638
|
tooltipArrowStyles: {},
|
|
50639
50639
|
place: o
|
|
50640
50640
|
};
|
|
50641
|
-
const
|
|
50642
|
-
return r ? (
|
|
50641
|
+
const s = i;
|
|
50642
|
+
return r ? (s.push(arrow({
|
|
50643
50643
|
element: r,
|
|
50644
50644
|
padding: 5
|
|
50645
50645
|
})), computePosition(e, t, {
|
|
50646
50646
|
placement: o,
|
|
50647
50647
|
strategy: l,
|
|
50648
|
-
middleware:
|
|
50648
|
+
middleware: s
|
|
50649
50649
|
}).then(({
|
|
50650
50650
|
x: e,
|
|
50651
50651
|
y: t,
|
|
@@ -50659,8 +50659,8 @@ const R = "undefined" != typeof window ? React.useLayoutEffect : React.useEffect
|
|
|
50659
50659
|
border: c
|
|
50660
50660
|
},
|
|
50661
50661
|
{
|
|
50662
|
-
x:
|
|
50663
|
-
y:
|
|
50662
|
+
x: s,
|
|
50663
|
+
y: a
|
|
50664
50664
|
} = null !== (n = o.arrow) && void 0 !== n ? n : {
|
|
50665
50665
|
x: 0,
|
|
50666
50666
|
y: 0
|
|
@@ -50683,8 +50683,8 @@ const R = "undefined" != typeof window ? React.useLayoutEffect : React.useEffect
|
|
|
50683
50683
|
return {
|
|
50684
50684
|
tooltipStyles: i,
|
|
50685
50685
|
tooltipArrowStyles: {
|
|
50686
|
-
left: null !=
|
|
50687
|
-
top: null !=
|
|
50686
|
+
left: null != s ? `${s}px` : "",
|
|
50687
|
+
top: null != a ? `${a}px` : "",
|
|
50688
50688
|
right: "",
|
|
50689
50689
|
bottom: "",
|
|
50690
50690
|
...d,
|
|
@@ -50695,7 +50695,7 @@ const R = "undefined" != typeof window ? React.useLayoutEffect : React.useEffect
|
|
|
50695
50695
|
})) : computePosition(e, t, {
|
|
50696
50696
|
placement: "bottom",
|
|
50697
50697
|
strategy: l,
|
|
50698
|
-
middleware:
|
|
50698
|
+
middleware: s
|
|
50699
50699
|
}).then(({
|
|
50700
50700
|
x: e,
|
|
50701
50701
|
y: t,
|
|
@@ -50709,7 +50709,7 @@ const R = "undefined" != typeof window ? React.useLayoutEffect : React.useEffect
|
|
|
50709
50709
|
place: r
|
|
50710
50710
|
}));
|
|
50711
50711
|
};
|
|
50712
|
-
var
|
|
50712
|
+
var x = "core-styles-module_tooltip__3vRRp",
|
|
50713
50713
|
$ = "core-styles-module_fixed__pcSol",
|
|
50714
50714
|
I = "core-styles-module_arrow__cvMwQ",
|
|
50715
50715
|
j = "core-styles-module_noArrow__xock6",
|
|
@@ -50725,31 +50725,31 @@ var C = "core-styles-module_tooltip__3vRRp",
|
|
|
50725
50725
|
error: "styles-module_error__JvumD",
|
|
50726
50726
|
info: "styles-module_info__BWdHW"
|
|
50727
50727
|
};
|
|
50728
|
-
const
|
|
50728
|
+
const q = ({
|
|
50729
50729
|
id: t,
|
|
50730
50730
|
className: n,
|
|
50731
50731
|
classNameArrow: l,
|
|
50732
|
-
variant:
|
|
50733
|
-
anchorId:
|
|
50732
|
+
variant: s = "dark",
|
|
50733
|
+
anchorId: a,
|
|
50734
50734
|
anchorSelect: u,
|
|
50735
50735
|
place: d = "top",
|
|
50736
50736
|
offset: p = 10,
|
|
50737
50737
|
events: v = ["hover"],
|
|
50738
|
-
openOnClick:
|
|
50738
|
+
openOnClick: y = !1,
|
|
50739
50739
|
positionStrategy: h = "absolute",
|
|
50740
50740
|
middlewares: w,
|
|
50741
50741
|
wrapper: b,
|
|
50742
50742
|
delayShow: S = 0,
|
|
50743
|
-
delayHide:
|
|
50744
|
-
float:
|
|
50743
|
+
delayHide: g = 0,
|
|
50744
|
+
float: _ = !1,
|
|
50745
50745
|
hidden: A = !1,
|
|
50746
50746
|
noArrow: T = !1,
|
|
50747
50747
|
clickable: L = !1,
|
|
50748
|
-
closeOnEsc:
|
|
50749
|
-
closeOnScroll:
|
|
50750
|
-
closeOnResize:
|
|
50751
|
-
style:
|
|
50752
|
-
position:
|
|
50748
|
+
closeOnEsc: C = !1,
|
|
50749
|
+
closeOnScroll: q = !1,
|
|
50750
|
+
closeOnResize: z = !1,
|
|
50751
|
+
style: M,
|
|
50752
|
+
position: W,
|
|
50753
50753
|
afterShow: P,
|
|
50754
50754
|
afterHide: F,
|
|
50755
50755
|
content: K,
|
|
@@ -50768,19 +50768,19 @@ const z = ({
|
|
|
50768
50768
|
oe = React.useRef(null),
|
|
50769
50769
|
[ne, le] = React.useState(d),
|
|
50770
50770
|
[ie, ce] = React.useState({}),
|
|
50771
|
-
[
|
|
50771
|
+
[se, ae] = React.useState({}),
|
|
50772
50772
|
[ue, de] = React.useState(!1),
|
|
50773
50773
|
[pe, ve] = React.useState(!1),
|
|
50774
50774
|
me = React.useRef(!1),
|
|
50775
|
-
|
|
50775
|
+
fe = React.useRef(null),
|
|
50776
50776
|
{
|
|
50777
|
-
anchorRefs:
|
|
50777
|
+
anchorRefs: ye,
|
|
50778
50778
|
setActiveAnchor: he
|
|
50779
50779
|
} = O(t),
|
|
50780
50780
|
we = React.useRef(!1),
|
|
50781
50781
|
[be, Se] = React.useState([]),
|
|
50782
50782
|
Ee = React.useRef(!1),
|
|
50783
|
-
|
|
50783
|
+
ge = y || v.includes("click");
|
|
50784
50784
|
R(() => (Ee.current = !0, () => {
|
|
50785
50785
|
Ee.current = !1;
|
|
50786
50786
|
}), []), React.useEffect(() => {
|
|
@@ -50794,7 +50794,7 @@ const z = ({
|
|
|
50794
50794
|
}
|
|
50795
50795
|
return () => null;
|
|
50796
50796
|
}, [ue]);
|
|
50797
|
-
const
|
|
50797
|
+
const _e = e => {
|
|
50798
50798
|
Ee.current && (e && ve(!0), setTimeout(() => {
|
|
50799
50799
|
Ee.current && (null == Y || Y(e), void 0 === X && de(e));
|
|
50800
50800
|
}, 10));
|
|
@@ -50811,9 +50811,9 @@ const z = ({
|
|
|
50811
50811
|
}, [X]), React.useEffect(() => {
|
|
50812
50812
|
ue !== me.current && (me.current = ue, ue ? null == P || P() : null == F || F());
|
|
50813
50813
|
}, [ue]);
|
|
50814
|
-
const Ae = (e =
|
|
50814
|
+
const Ae = (e = g) => {
|
|
50815
50815
|
oe.current && clearTimeout(oe.current), oe.current = setTimeout(() => {
|
|
50816
|
-
we.current ||
|
|
50816
|
+
we.current || _e(!1);
|
|
50817
50817
|
}, e);
|
|
50818
50818
|
},
|
|
50819
50819
|
Te = e => {
|
|
@@ -50824,19 +50824,19 @@ const z = ({
|
|
|
50824
50824
|
current: null
|
|
50825
50825
|
});
|
|
50826
50826
|
S ? (re.current && clearTimeout(re.current), re.current = setTimeout(() => {
|
|
50827
|
-
|
|
50828
|
-
}, S)) :
|
|
50827
|
+
_e(!0);
|
|
50828
|
+
}, S)) : _e(!0), Z(r), he({
|
|
50829
50829
|
current: r
|
|
50830
50830
|
}), oe.current && clearTimeout(oe.current);
|
|
50831
50831
|
},
|
|
50832
50832
|
Oe = () => {
|
|
50833
|
-
L ? Ae(
|
|
50833
|
+
L ? Ae(g || 100) : g ? Ae() : _e(!1), re.current && clearTimeout(re.current);
|
|
50834
50834
|
},
|
|
50835
50835
|
Le = ({
|
|
50836
50836
|
x: e,
|
|
50837
50837
|
y: t
|
|
50838
50838
|
}) => {
|
|
50839
|
-
|
|
50839
|
+
k({
|
|
50840
50840
|
place: d,
|
|
50841
50841
|
offset: p,
|
|
50842
50842
|
elementReference: {
|
|
@@ -50857,7 +50857,7 @@ const z = ({
|
|
|
50857
50857
|
middlewares: w,
|
|
50858
50858
|
border: G
|
|
50859
50859
|
}).then(e => {
|
|
50860
|
-
Object.keys(e.tooltipStyles).length && ce(e.tooltipStyles), Object.keys(e.tooltipArrowStyles).length &&
|
|
50860
|
+
Object.keys(e.tooltipStyles).length && ce(e.tooltipStyles), Object.keys(e.tooltipArrowStyles).length && ae(e.tooltipArrowStyles), le(e.place);
|
|
50861
50861
|
});
|
|
50862
50862
|
},
|
|
50863
50863
|
Re = e => {
|
|
@@ -50867,19 +50867,19 @@ const z = ({
|
|
|
50867
50867
|
x: t.clientX,
|
|
50868
50868
|
y: t.clientY
|
|
50869
50869
|
};
|
|
50870
|
-
Le(r),
|
|
50870
|
+
Le(r), fe.current = r;
|
|
50871
50871
|
},
|
|
50872
|
-
|
|
50873
|
-
Te(e),
|
|
50872
|
+
Ce = e => {
|
|
50873
|
+
Te(e), g && Ae();
|
|
50874
50874
|
},
|
|
50875
|
-
|
|
50875
|
+
Ne = e => {
|
|
50876
50876
|
var t;
|
|
50877
|
-
[document.querySelector(`[id='${
|
|
50877
|
+
[document.querySelector(`[id='${a}']`), ...be].some(t => null == t ? void 0 : t.contains(e.target)) || (null === (t = ee.current) || void 0 === t ? void 0 : t.contains(e.target)) || (_e(!1), re.current && clearTimeout(re.current));
|
|
50878
50878
|
},
|
|
50879
|
-
|
|
50880
|
-
|
|
50879
|
+
ke = E(Te, 50, !0),
|
|
50880
|
+
xe = E(Oe, 50, !0),
|
|
50881
50881
|
$e = React.useCallback(() => {
|
|
50882
|
-
|
|
50882
|
+
W ? Le(W) : _ ? fe.current && Le(fe.current) : (null == V ? void 0 : V.isConnected) && k({
|
|
50883
50883
|
place: d,
|
|
50884
50884
|
offset: p,
|
|
50885
50885
|
elementReference: V,
|
|
@@ -50889,54 +50889,54 @@ const z = ({
|
|
|
50889
50889
|
middlewares: w,
|
|
50890
50890
|
border: G
|
|
50891
50891
|
}).then(e => {
|
|
50892
|
-
Ee.current && (Object.keys(e.tooltipStyles).length && ce(e.tooltipStyles), Object.keys(e.tooltipArrowStyles).length &&
|
|
50892
|
+
Ee.current && (Object.keys(e.tooltipStyles).length && ce(e.tooltipStyles), Object.keys(e.tooltipArrowStyles).length && ae(e.tooltipArrowStyles), le(e.place));
|
|
50893
50893
|
});
|
|
50894
|
-
}, [ue, V, K,
|
|
50894
|
+
}, [ue, V, K, M, d, p, h, W, _]);
|
|
50895
50895
|
React.useEffect(() => {
|
|
50896
50896
|
var e, t;
|
|
50897
|
-
const r = new Set(
|
|
50897
|
+
const r = new Set(ye);
|
|
50898
50898
|
be.forEach(e => {
|
|
50899
50899
|
r.add({
|
|
50900
50900
|
current: e
|
|
50901
50901
|
});
|
|
50902
50902
|
});
|
|
50903
|
-
const o = document.querySelector(`[id='${
|
|
50903
|
+
const o = document.querySelector(`[id='${a}']`);
|
|
50904
50904
|
o && r.add({
|
|
50905
50905
|
current: o
|
|
50906
50906
|
});
|
|
50907
50907
|
const n = () => {
|
|
50908
|
-
|
|
50908
|
+
_e(!1);
|
|
50909
50909
|
},
|
|
50910
|
-
l =
|
|
50911
|
-
i =
|
|
50912
|
-
|
|
50910
|
+
l = N(V),
|
|
50911
|
+
i = N(ee.current);
|
|
50912
|
+
q && (window.addEventListener("scroll", n), null == l || l.addEventListener("scroll", n), null == i || i.addEventListener("scroll", n));
|
|
50913
50913
|
let c = null;
|
|
50914
|
-
|
|
50914
|
+
z ? window.addEventListener("resize", n) : V && ee.current && (c = autoUpdate(V, ee.current, $e, {
|
|
50915
50915
|
ancestorResize: !0,
|
|
50916
50916
|
elementResize: !0,
|
|
50917
50917
|
layoutShift: !0
|
|
50918
50918
|
}));
|
|
50919
|
-
const
|
|
50920
|
-
"Escape" === e.key &&
|
|
50919
|
+
const s = e => {
|
|
50920
|
+
"Escape" === e.key && _e(!1);
|
|
50921
50921
|
};
|
|
50922
|
-
|
|
50922
|
+
C && window.addEventListener("keydown", s);
|
|
50923
50923
|
const u = [];
|
|
50924
|
-
|
|
50924
|
+
ge ? (window.addEventListener("click", Ne), u.push({
|
|
50925
50925
|
event: "click",
|
|
50926
|
-
listener:
|
|
50926
|
+
listener: Ce
|
|
50927
50927
|
})) : (u.push({
|
|
50928
50928
|
event: "mouseenter",
|
|
50929
|
-
listener:
|
|
50929
|
+
listener: ke
|
|
50930
50930
|
}, {
|
|
50931
50931
|
event: "mouseleave",
|
|
50932
|
-
listener:
|
|
50932
|
+
listener: xe
|
|
50933
50933
|
}, {
|
|
50934
50934
|
event: "focus",
|
|
50935
|
-
listener:
|
|
50935
|
+
listener: ke
|
|
50936
50936
|
}, {
|
|
50937
50937
|
event: "blur",
|
|
50938
|
-
listener:
|
|
50939
|
-
}),
|
|
50938
|
+
listener: xe
|
|
50939
|
+
}), _ && u.push({
|
|
50940
50940
|
event: "mousemove",
|
|
50941
50941
|
listener: Re
|
|
50942
50942
|
}));
|
|
@@ -50946,7 +50946,7 @@ const z = ({
|
|
|
50946
50946
|
p = () => {
|
|
50947
50947
|
we.current = !1, Oe();
|
|
50948
50948
|
};
|
|
50949
|
-
return L && !
|
|
50949
|
+
return L && !ge && (null === (e = ee.current) || void 0 === e || e.addEventListener("mouseenter", d), null === (t = ee.current) || void 0 === t || t.addEventListener("mouseleave", p)), u.forEach(({
|
|
50950
50950
|
event: e,
|
|
50951
50951
|
listener: t
|
|
50952
50952
|
}) => {
|
|
@@ -50956,7 +50956,7 @@ const z = ({
|
|
|
50956
50956
|
});
|
|
50957
50957
|
}), () => {
|
|
50958
50958
|
var e, t;
|
|
50959
|
-
|
|
50959
|
+
q && (window.removeEventListener("scroll", n), null == l || l.removeEventListener("scroll", n), null == i || i.removeEventListener("scroll", n)), z ? window.removeEventListener("resize", n) : null == c || c(), ge && window.removeEventListener("click", Ne), C && window.removeEventListener("keydown", s), L && !ge && (null === (e = ee.current) || void 0 === e || e.removeEventListener("mouseenter", d), null === (t = ee.current) || void 0 === t || t.removeEventListener("mouseleave", p)), u.forEach(({
|
|
50960
50960
|
event: e,
|
|
50961
50961
|
listener: t
|
|
50962
50962
|
}) => {
|
|
@@ -50966,23 +50966,33 @@ const z = ({
|
|
|
50966
50966
|
});
|
|
50967
50967
|
});
|
|
50968
50968
|
};
|
|
50969
|
-
}, [V, $e, pe,
|
|
50969
|
+
}, [V, $e, pe, ye, be, C, v]), React.useEffect(() => {
|
|
50970
50970
|
let e = null != u ? u : "";
|
|
50971
50971
|
!e && t && (e = `[data-tooltip-id='${t}']`);
|
|
50972
50972
|
const r = new MutationObserver(r => {
|
|
50973
|
-
const o = []
|
|
50973
|
+
const o = [],
|
|
50974
|
+
n = [];
|
|
50974
50975
|
r.forEach(r => {
|
|
50975
50976
|
if ("attributes" === r.type && "data-tooltip-id" === r.attributeName) {
|
|
50976
50977
|
r.target.getAttribute("data-tooltip-id") === t && o.push(r.target);
|
|
50977
50978
|
}
|
|
50978
|
-
if ("childList" === r.type
|
|
50979
|
-
|
|
50980
|
-
|
|
50981
|
-
|
|
50982
|
-
|
|
50983
|
-
|
|
50984
|
-
|
|
50985
|
-
|
|
50979
|
+
if ("childList" === r.type) {
|
|
50980
|
+
if (V) {
|
|
50981
|
+
const t = [...r.removedNodes].filter(e => 1 === e.nodeType);
|
|
50982
|
+
if (e) try {
|
|
50983
|
+
n.push(...t.filter(t => t.matches(e))), n.push(...t.flatMap(t => [...t.querySelectorAll(e)]));
|
|
50984
|
+
} catch (e) {}
|
|
50985
|
+
t.some(e => {
|
|
50986
|
+
var t;
|
|
50987
|
+
return !!(null === (t = null == e ? void 0 : e.contains) || void 0 === t ? void 0 : t.call(e, V)) && (ve(!1), _e(!1), Z(null), re.current && clearTimeout(re.current), oe.current && clearTimeout(oe.current), !0);
|
|
50988
|
+
});
|
|
50989
|
+
}
|
|
50990
|
+
if (e) try {
|
|
50991
|
+
const t = [...r.addedNodes].filter(e => 1 === e.nodeType);
|
|
50992
|
+
o.push(...t.filter(t => t.matches(e))), o.push(...t.flatMap(t => [...t.querySelectorAll(e)]));
|
|
50993
|
+
} catch (e) {}
|
|
50994
|
+
}
|
|
50995
|
+
}), (o.length || n.length) && Se(e => [...e.filter(e => n.includes(e)), ...o]);
|
|
50986
50996
|
});
|
|
50987
50997
|
return r.observe(document.body, {
|
|
50988
50998
|
childList: !0,
|
|
@@ -51004,10 +51014,10 @@ const z = ({
|
|
|
51004
51014
|
};
|
|
51005
51015
|
}, [K, null == U ? void 0 : U.current]), React.useEffect(() => {
|
|
51006
51016
|
var e;
|
|
51007
|
-
const t = document.querySelector(`[id='${
|
|
51017
|
+
const t = document.querySelector(`[id='${a}']`),
|
|
51008
51018
|
r = [...be, t];
|
|
51009
51019
|
V && r.includes(V) || Z(null !== (e = be[0]) && void 0 !== e ? e : t);
|
|
51010
|
-
}, [
|
|
51020
|
+
}, [a, be, V]), React.useEffect(() => () => {
|
|
51011
51021
|
re.current && clearTimeout(re.current), oe.current && clearTimeout(oe.current);
|
|
51012
51022
|
}, []), React.useEffect(() => {
|
|
51013
51023
|
let e = u;
|
|
@@ -51022,14 +51032,14 @@ const z = ({
|
|
|
51022
51032
|
return pe ? React__default["default"].createElement(b, {
|
|
51023
51033
|
id: t,
|
|
51024
51034
|
role: "tooltip",
|
|
51025
|
-
className: classnames("react-tooltip",
|
|
51035
|
+
className: classnames("react-tooltip", x, H.tooltip, H[s], n, `react-tooltip__place-${ne}`, {
|
|
51026
51036
|
"react-tooltip__show": Ie,
|
|
51027
51037
|
[D]: Ie,
|
|
51028
51038
|
[$]: "fixed" === h,
|
|
51029
51039
|
[B]: L
|
|
51030
51040
|
}),
|
|
51031
51041
|
style: {
|
|
51032
|
-
...
|
|
51042
|
+
...M,
|
|
51033
51043
|
...ie,
|
|
51034
51044
|
opacity: void 0 !== J && Ie ? J : void 0
|
|
51035
51045
|
},
|
|
@@ -51039,73 +51049,73 @@ const z = ({
|
|
|
51039
51049
|
[j]: T
|
|
51040
51050
|
}),
|
|
51041
51051
|
style: {
|
|
51042
|
-
...
|
|
51052
|
+
...se,
|
|
51043
51053
|
background: Q ? `linear-gradient(to right bottom, transparent 50%, ${Q} 50%)` : void 0
|
|
51044
51054
|
},
|
|
51045
51055
|
ref: te
|
|
51046
51056
|
})) : null;
|
|
51047
51057
|
},
|
|
51048
|
-
|
|
51058
|
+
z = ({
|
|
51049
51059
|
content: t
|
|
51050
51060
|
}) => React__default["default"].createElement("span", {
|
|
51051
51061
|
dangerouslySetInnerHTML: {
|
|
51052
51062
|
__html: t
|
|
51053
51063
|
}
|
|
51054
51064
|
}),
|
|
51055
|
-
|
|
51065
|
+
M = ({
|
|
51056
51066
|
id: t,
|
|
51057
51067
|
anchorId: o,
|
|
51058
51068
|
anchorSelect: n,
|
|
51059
51069
|
content: l,
|
|
51060
|
-
html:
|
|
51061
|
-
render:
|
|
51070
|
+
html: s,
|
|
51071
|
+
render: a,
|
|
51062
51072
|
className: u,
|
|
51063
51073
|
classNameArrow: d,
|
|
51064
51074
|
variant: p = "dark",
|
|
51065
51075
|
place: v = "top",
|
|
51066
51076
|
offset: m = 10,
|
|
51067
|
-
wrapper:
|
|
51068
|
-
children:
|
|
51077
|
+
wrapper: f = "div",
|
|
51078
|
+
children: y = null,
|
|
51069
51079
|
events: h = ["hover"],
|
|
51070
51080
|
openOnClick: w = !1,
|
|
51071
51081
|
positionStrategy: b = "absolute",
|
|
51072
51082
|
middlewares: S,
|
|
51073
51083
|
delayShow: E = 0,
|
|
51074
|
-
delayHide:
|
|
51075
|
-
float:
|
|
51084
|
+
delayHide: g = 0,
|
|
51085
|
+
float: _ = !1,
|
|
51076
51086
|
hidden: A = !1,
|
|
51077
51087
|
noArrow: T = !1,
|
|
51078
51088
|
clickable: L = !1,
|
|
51079
51089
|
closeOnEsc: R = !1,
|
|
51080
|
-
closeOnScroll:
|
|
51081
|
-
closeOnResize:
|
|
51082
|
-
style:
|
|
51083
|
-
position:
|
|
51090
|
+
closeOnScroll: C = !1,
|
|
51091
|
+
closeOnResize: N = !1,
|
|
51092
|
+
style: k,
|
|
51093
|
+
position: x,
|
|
51084
51094
|
isOpen: $,
|
|
51085
51095
|
disableStyleInjection: I = !1,
|
|
51086
51096
|
border: j,
|
|
51087
51097
|
opacity: B,
|
|
51088
51098
|
arrowColor: D,
|
|
51089
51099
|
setIsOpen: H,
|
|
51090
|
-
afterShow:
|
|
51091
|
-
afterHide:
|
|
51100
|
+
afterShow: M,
|
|
51101
|
+
afterHide: W
|
|
51092
51102
|
}) => {
|
|
51093
51103
|
const [P, F] = React.useState(l),
|
|
51094
|
-
[K, U] = React.useState(
|
|
51104
|
+
[K, U] = React.useState(s),
|
|
51095
51105
|
[X, Y] = React.useState(v),
|
|
51096
51106
|
[V, Z] = React.useState(p),
|
|
51097
51107
|
[G, J] = React.useState(m),
|
|
51098
51108
|
[Q, ee] = React.useState(E),
|
|
51099
|
-
[te, re] = React.useState(
|
|
51100
|
-
[oe, ne] = React.useState(
|
|
51109
|
+
[te, re] = React.useState(g),
|
|
51110
|
+
[oe, ne] = React.useState(_),
|
|
51101
51111
|
[le, ie] = React.useState(A),
|
|
51102
|
-
[ce,
|
|
51103
|
-
[
|
|
51112
|
+
[ce, se] = React.useState(f),
|
|
51113
|
+
[ae, ue] = React.useState(h),
|
|
51104
51114
|
[de, pe] = React.useState(b),
|
|
51105
51115
|
[ve, me] = React.useState(null),
|
|
51106
|
-
|
|
51116
|
+
fe = React.useRef(I),
|
|
51107
51117
|
{
|
|
51108
|
-
anchorRefs:
|
|
51118
|
+
anchorRefs: ye,
|
|
51109
51119
|
activeAnchor: he
|
|
51110
51120
|
} = O(t),
|
|
51111
51121
|
we = e => null == e ? void 0 : e.getAttributeNames().reduce((t, r) => {
|
|
@@ -51125,7 +51135,7 @@ const z = ({
|
|
|
51125
51135
|
F(null != e ? e : l);
|
|
51126
51136
|
},
|
|
51127
51137
|
html: e => {
|
|
51128
|
-
U(null != e ? e :
|
|
51138
|
+
U(null != e ? e : s);
|
|
51129
51139
|
},
|
|
51130
51140
|
variant: e => {
|
|
51131
51141
|
var t;
|
|
@@ -51136,7 +51146,7 @@ const z = ({
|
|
|
51136
51146
|
},
|
|
51137
51147
|
wrapper: e => {
|
|
51138
51148
|
var t;
|
|
51139
|
-
|
|
51149
|
+
se(null !== (t = e) && void 0 !== t ? t : f);
|
|
51140
51150
|
},
|
|
51141
51151
|
events: e => {
|
|
51142
51152
|
const t = null == e ? void 0 : e.split(" ");
|
|
@@ -51150,10 +51160,10 @@ const z = ({
|
|
|
51150
51160
|
ee(null === e ? E : Number(e));
|
|
51151
51161
|
},
|
|
51152
51162
|
"delay-hide": e => {
|
|
51153
|
-
re(null === e ?
|
|
51163
|
+
re(null === e ? g : Number(e));
|
|
51154
51164
|
},
|
|
51155
51165
|
float: e => {
|
|
51156
|
-
ne(null === e ?
|
|
51166
|
+
ne(null === e ? _ : "true" === e);
|
|
51157
51167
|
},
|
|
51158
51168
|
hidden: e => {
|
|
51159
51169
|
ie(null === e ? A : "true" === e);
|
|
@@ -51167,8 +51177,8 @@ const z = ({
|
|
|
51167
51177
|
React.useEffect(() => {
|
|
51168
51178
|
F(l);
|
|
51169
51179
|
}, [l]), React.useEffect(() => {
|
|
51170
|
-
U(
|
|
51171
|
-
}, [
|
|
51180
|
+
U(s);
|
|
51181
|
+
}, [s]), React.useEffect(() => {
|
|
51172
51182
|
Y(v);
|
|
51173
51183
|
}, [v]), React.useEffect(() => {
|
|
51174
51184
|
Z(p);
|
|
@@ -51177,15 +51187,15 @@ const z = ({
|
|
|
51177
51187
|
}, [m]), React.useEffect(() => {
|
|
51178
51188
|
ee(E);
|
|
51179
51189
|
}, [E]), React.useEffect(() => {
|
|
51180
|
-
re(
|
|
51181
|
-
}, [_]), React.useEffect(() => {
|
|
51182
|
-
ne(g);
|
|
51190
|
+
re(g);
|
|
51183
51191
|
}, [g]), React.useEffect(() => {
|
|
51192
|
+
ne(_);
|
|
51193
|
+
}, [_]), React.useEffect(() => {
|
|
51184
51194
|
ie(A);
|
|
51185
51195
|
}, [A]), React.useEffect(() => {
|
|
51186
51196
|
pe(b);
|
|
51187
51197
|
}, [b]), React.useEffect(() => {
|
|
51188
|
-
|
|
51198
|
+
fe.current !== I && console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.");
|
|
51189
51199
|
}, [I]), React.useEffect(() => {
|
|
51190
51200
|
"undefined" != typeof window && window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles", {
|
|
51191
51201
|
detail: {
|
|
@@ -51195,7 +51205,7 @@ const z = ({
|
|
|
51195
51205
|
}));
|
|
51196
51206
|
}, []), React.useEffect(() => {
|
|
51197
51207
|
var e;
|
|
51198
|
-
const r = new Set(
|
|
51208
|
+
const r = new Set(ye);
|
|
51199
51209
|
let l = n;
|
|
51200
51210
|
if (!l && t && (l = `[data-tooltip-id='${t}']`), l) try {
|
|
51201
51211
|
document.querySelectorAll(l).forEach(e => {
|
|
@@ -51211,7 +51221,7 @@ const z = ({
|
|
|
51211
51221
|
current: i
|
|
51212
51222
|
}), !r.size) return () => null;
|
|
51213
51223
|
const c = null !== (e = null != ve ? ve : i) && void 0 !== e ? e : he.current,
|
|
51214
|
-
|
|
51224
|
+
s = new MutationObserver(e => {
|
|
51215
51225
|
e.forEach(e => {
|
|
51216
51226
|
var t;
|
|
51217
51227
|
if (!c || "attributes" !== e.type || !(null === (t = e.attributeName) || void 0 === t ? void 0 : t.startsWith("data-tooltip-"))) return;
|
|
@@ -51219,25 +51229,25 @@ const z = ({
|
|
|
51219
51229
|
be(r);
|
|
51220
51230
|
});
|
|
51221
51231
|
}),
|
|
51222
|
-
|
|
51232
|
+
a = {
|
|
51223
51233
|
attributes: !0,
|
|
51224
51234
|
childList: !1,
|
|
51225
51235
|
subtree: !1
|
|
51226
51236
|
};
|
|
51227
51237
|
if (c) {
|
|
51228
51238
|
const e = we(c);
|
|
51229
|
-
be(e),
|
|
51239
|
+
be(e), s.observe(c, a);
|
|
51230
51240
|
}
|
|
51231
51241
|
return () => {
|
|
51232
|
-
|
|
51242
|
+
s.disconnect();
|
|
51233
51243
|
};
|
|
51234
|
-
}, [
|
|
51235
|
-
(null ==
|
|
51244
|
+
}, [ye, he, ve, o, n]), React.useEffect(() => {
|
|
51245
|
+
(null == k ? void 0 : k.border) && console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."), j && !CSS.supports("border", `${j}`) && console.warn(`[react-tooltip] "${j}" is not a valid \`border\`.`), (null == k ? void 0 : k.opacity) && console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."), B && !CSS.supports("opacity", `${B}`) && console.warn(`[react-tooltip] "${B}" is not a valid \`opacity\`.`);
|
|
51236
51246
|
}, []);
|
|
51237
|
-
let Se =
|
|
51247
|
+
let Se = y;
|
|
51238
51248
|
const Ee = React.useRef(null);
|
|
51239
|
-
if (
|
|
51240
|
-
const t =
|
|
51249
|
+
if (a) {
|
|
51250
|
+
const t = a({
|
|
51241
51251
|
content: null != P ? P : null,
|
|
51242
51252
|
activeAnchor: ve
|
|
51243
51253
|
});
|
|
@@ -51246,10 +51256,10 @@ const z = ({
|
|
|
51246
51256
|
className: "react-tooltip-content-wrapper"
|
|
51247
51257
|
}, t) : null;
|
|
51248
51258
|
} else P && (Se = P);
|
|
51249
|
-
K && (Se = React__default["default"].createElement(
|
|
51259
|
+
K && (Se = React__default["default"].createElement(z, {
|
|
51250
51260
|
content: K
|
|
51251
51261
|
}));
|
|
51252
|
-
const
|
|
51262
|
+
const ge = {
|
|
51253
51263
|
id: t,
|
|
51254
51264
|
anchorId: o,
|
|
51255
51265
|
anchorSelect: n,
|
|
@@ -51261,7 +51271,7 @@ const z = ({
|
|
|
51261
51271
|
variant: V,
|
|
51262
51272
|
offset: G,
|
|
51263
51273
|
wrapper: ce,
|
|
51264
|
-
events:
|
|
51274
|
+
events: ae,
|
|
51265
51275
|
openOnClick: w,
|
|
51266
51276
|
positionStrategy: de,
|
|
51267
51277
|
middlewares: S,
|
|
@@ -51272,22 +51282,22 @@ const z = ({
|
|
|
51272
51282
|
noArrow: T,
|
|
51273
51283
|
clickable: L,
|
|
51274
51284
|
closeOnEsc: R,
|
|
51275
|
-
closeOnScroll:
|
|
51276
|
-
closeOnResize:
|
|
51277
|
-
style:
|
|
51278
|
-
position:
|
|
51285
|
+
closeOnScroll: C,
|
|
51286
|
+
closeOnResize: N,
|
|
51287
|
+
style: k,
|
|
51288
|
+
position: x,
|
|
51279
51289
|
isOpen: $,
|
|
51280
51290
|
border: j,
|
|
51281
51291
|
opacity: B,
|
|
51282
51292
|
arrowColor: D,
|
|
51283
51293
|
setIsOpen: H,
|
|
51284
|
-
afterShow:
|
|
51285
|
-
afterHide:
|
|
51294
|
+
afterShow: M,
|
|
51295
|
+
afterHide: W,
|
|
51286
51296
|
activeAnchor: ve,
|
|
51287
51297
|
setActiveAnchor: e => me(e)
|
|
51288
51298
|
};
|
|
51289
|
-
return React__default["default"].createElement(
|
|
51290
|
-
...
|
|
51299
|
+
return React__default["default"].createElement(q, {
|
|
51300
|
+
...ge
|
|
51291
51301
|
});
|
|
51292
51302
|
};
|
|
51293
51303
|
"undefined" != typeof window && window.addEventListener("react-tooltip-inject-styles", e => {
|
|
@@ -51384,15 +51394,14 @@ function ContextualHelp(_ref) {
|
|
|
51384
51394
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
51385
51395
|
id: "helpSnippet1",
|
|
51386
51396
|
ref: snippetRef
|
|
51387
|
-
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.
|
|
51388
|
-
name: "
|
|
51389
|
-
variant: "
|
|
51397
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
51398
|
+
name: "question-circle",
|
|
51399
|
+
variant: "solid",
|
|
51390
51400
|
style: {
|
|
51391
|
-
|
|
51392
|
-
|
|
51393
|
-
cursor: 'default'
|
|
51401
|
+
color: "#1d5ab9",
|
|
51402
|
+
fontSize: "22px"
|
|
51394
51403
|
}
|
|
51395
|
-
})), /*#__PURE__*/React__default["default"].createElement(
|
|
51404
|
+
})), /*#__PURE__*/React__default["default"].createElement(M, {
|
|
51396
51405
|
anchorSelect: "#helpSnippet1",
|
|
51397
51406
|
clickable: true,
|
|
51398
51407
|
className: "utilities_ContextualHelp_ContextualHelp--snippet",
|