@next-core/brick-kit 2.107.0 → 2.107.3

package/dist/index.esm.js

@@ -4,8 +4,8 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import _asyncToGenerator$4 from '@babel/runtime/helpers/asyncToGenerator';
 import _defineProperty$1 from '@babel/runtime/helpers/defineProperty';
 import React, { useState, useEffect, useRef, forwardRef, useImperativeHandle, useMemo, useContext, createContext } from 'react';
+import { JsonStorage, toPath, computeRealRoutePath, hasOwnProperty, isObject, isEvaluable, transformAndInject, transform, trackContext, trackState, scanPermissionActionsInStoryboard, precookFunction, cook, resolveContextConcurrently, syncResolveContextConcurrently, shouldAllowRecursiveEvaluations, preevaluate, inject, deepFreeze, createProviderClass, scanRouteAliasInStoryboard, loadScript, getTemplateDepsOfStoryboard, getDllAndDepsOfStoryboard, asyncProcessStoryboard, prefetchScript, scanBricksInBrickConf, scanProcessorsInAny, getDllAndDepsByResource, matchPath, asyncProcessBrick, restoreDynamicTemplates, mapCustomApisToNameAndNamespace, scanCustomApisInStoryboard } from '@next-core/brick-utils';
 import lodash, { set, get, difference, identity, uniqueId, cloneDeep, isNil, sortBy, merge, orderBy, omit, clamp, isEmpty, noop } from 'lodash';
-import { toPath, computeRealRoutePath, hasOwnProperty, isObject, isEvaluable, transformAndInject, transform, trackContext, trackState, scanPermissionActionsInStoryboard, precookFunction, cook, resolveContextConcurrently, syncResolveContextConcurrently, shouldAllowRecursiveEvaluations, preevaluate, inject, deepFreeze, createProviderClass, scanRouteAliasInStoryboard, loadScript, getTemplateDepsOfStoryboard, getDllAndDepsOfStoryboard, asyncProcessStoryboard, prefetchScript, scanBricksInBrickConf, scanProcessorsInAny, getDllAndDepsByResource, matchPath, asyncProcessBrick, restoreDynamicTemplates, mapCustomApisToNameAndNamespace, scanCustomApisInStoryboard } from '@next-core/brick-utils';
 import { http, HttpResponseError, HttpFetchError } from '@next-core/brick-http';
 import moment from 'moment';
 import { pipes } from '@next-core/pipes';
@@ -333,9 +333,10 @@ function registerBrickTemplate(name, factory) {
   brickTemplateRegistry.set(name, factory);
 }
 
-// Themes.
 var DEFAULT_THEME = "light";
 var theme = DEFAULT_THEME;
+var storage = new JsonStorage(localStorage);
+var LOCAL_STORAGE_APPS_THEME_KEY = "apps-theme";
 function setTheme(value) {
   if (value !== "dark" && value !== "light" && value !== "dark-v2") {
     throw new Error("Unsupported theme: ".concat(value));
@@ -376,6 +377,21 @@ function useCurrentTheme() {
     };
   }, []);
   return currentTheme;
+}
+function batchSetAppsLocalTheme(appsTheme) {
+  storage.setItem(LOCAL_STORAGE_APPS_THEME_KEY, _objectSpread(_objectSpread({}, getLocalAppsTheme()), appsTheme));
+}
+function getLocalAppsTheme() {
+  var result;
+
+  try {
+    result = storage.getItem(LOCAL_STORAGE_APPS_THEME_KEY);
+  } catch (_unused) {
+    // eslint-disable-next-line no-console
+    console.error("JSON parse error inside `getLocalAppsTheme()`");
+  }
+
+  return result || {};
 } // Modes.
 
 var DEFAULT_MODE = "default";
@@ -9812,7 +9828,7 @@ class Router {
     var _this3 = this;
 
     return _asyncToGenerator$4(function* () {
-      var _apiAnalyzer$getInsta;
+      var _apiAnalyzer$getInsta, _getLocalAppsTheme;
 
       _this3.state = "initial";
       _this3.renderId = uniqueId("render-id-");
@@ -9863,7 +9879,7 @@ class Router {
       var legacy = currentApp ? currentApp.legacy : undefined;
       _this3.kernel.nextApp = currentApp;
       var layoutType = (currentApp === null || currentApp === void 0 ? void 0 : currentApp.layoutType) || "console";
-      setTheme((currentApp === null || currentApp === void 0 ? void 0 : currentApp.theme) || "light");
+      setTheme(((_getLocalAppsTheme = getLocalAppsTheme()) === null || _getLocalAppsTheme === void 0 ? void 0 : _getLocalAppsTheme[currentApp === null || currentApp === void 0 ? void 0 : currentApp.id]) || (currentApp === null || currentApp === void 0 ? void 0 : currentApp.theme) || "light");
       setMode("default");
       devtoolsHookEmit("rendering");
       unmountTree(mountPoints.bg);
@@ -12070,7 +12086,7 @@ function EmptySvg(props) {
       y1: "4.31113823%",
       x2: "82.851613%",
       y2: "88.6978534%",
-      id: "linearGradient-1"
+      id: createNewId("linearGradient-1")
     }, /*#__PURE__*/React.createElement("stop", {
       stopColor: "#545454",
       offset: "0%"
@@ -12082,7 +12098,7 @@ function EmptySvg(props) {
       y1: "4.31113823%",
       x2: "84.2061777%",
       y2: "88.6978534%",
-      id: "linearGradient-2"
+      id: createNewId("linearGradient-2")
     }, /*#__PURE__*/React.createElement("stop", {
       stopColor: "#515151",
       offset: "0%"
@@ -12091,14 +12107,14 @@ function EmptySvg(props) {
       offset: "100%"
     })), /*#__PURE__*/React.createElement("path", {
       d: "M34.9133489,37.0960187 L43.4004684,37.0960187 C45.6096074,37.0960187 47.4004684,38.8868797 47.4004684,41.0960187 L47.4004684,49.5831382 C47.4004684,51.7922772 45.6096074,53.5831382 43.4004684,53.5831382 L34.9133489,53.5831382 C32.7042099,53.5831382 30.9133489,51.7922772 30.9133489,49.5831382 L30.9133489,41.0960187 C30.9133489,38.8868797 32.7042099,37.0960187 34.9133489,37.0960187 Z",
-      id: "path-3"
+      id: createNewId("path-3")
     }), /*#__PURE__*/React.createElement("filter", {
       x: "-36.4%",
       y: "-30.3%",
       width: "184.9%",
       height: "184.9%",
       filterUnits: "objectBoundingBox",
-      id: "filter-4"
+      id: createNewId("path-4")
     }, /*#__PURE__*/React.createElement("feOffset", {
       dx: "1",
       dy: "2",
@@ -12122,7 +12138,7 @@ function EmptySvg(props) {
       y1: "24.7954546%",
       x2: "8.8126561%",
       y2: "86.4269134%",
-      id: "linearGradient-5"
+      id: createNewId("linearGradient-5")
     }, /*#__PURE__*/React.createElement("stop", {
       stopColor: "#676767",
       offset: "0%"
@@ -12131,14 +12147,14 @@ function EmptySvg(props) {
       offset: "100%"
     })), /*#__PURE__*/React.createElement("path", {
       d: "M60.9180328,19.5784543 C63.1271718,19.5784543 64.9180328,21.3693153 64.9180328,23.5784543 L64.9180328,31.2366083 L53.2598788,19.5784543 L60.9180328,19.5784543 Z",
-      id: "path-6"
+      id: createNewId("path-6")
     }), /*#__PURE__*/React.createElement("filter", {
       x: "-60.0%",
       y: "-77.2%",
       width: "220.1%",
       height: "220.1%",
       filterUnits: "objectBoundingBox",
-      id: "filter-7"
+      id: createNewId("filter-7")
     }, /*#__PURE__*/React.createElement("feOffset", {
       dx: "0",
       dy: "-2",
@@ -12166,25 +12182,25 @@ function EmptySvg(props) {
       transform: "translate(345.000000, 239.000000)"
     }, /*#__PURE__*/React.createElement("path", {
       d: "M63.0027562,53.3770492 L16.3415061,53.3770492 C15.617696,53.3770492 14.9220071,53.6573421 14.4003686,54.1591332 L5.7704918,62.4606569 L5.7704918,62.4606569 L5.7704918,76.6295082 C5.7704918,79.7223028 8.2776972,82.2295082 11.3704918,82.2295082 L67.9737705,82.2295082 C71.0665651,82.2295082 73.5737705,79.7223028 73.5737705,76.6295082 L73.5737705,62.4606569 L73.5737705,62.4606569 L64.9438937,54.1591332 C64.4222552,53.6573421 63.7265663,53.3770492 63.0027562,53.3770492 Z",
-      id: "Fill-3",
+      id: createNewId("Fill-3"),
       fill: "#313131"
     }), /*#__PURE__*/React.createElement("path", {
       d: "M53.2598788,19.5784543 L64.9180328,31.2366083 L64.9180328,68.3007026 C64.9180328,69.8470999 63.6644301,71.1007026 62.1180328,71.1007026 L17.2262295,71.1007026 C15.6798322,71.1007026 14.4262295,69.8470999 14.4262295,68.3007026 L14.4262295,25.5784543 C14.4262295,22.2647458 17.112521,19.5784543 20.4262295,19.5784543 L53.2598788,19.5784543 Z",
       id: "\u5F62\u72B6\u7ED3\u5408",
-      fill: "url(#linearGradient-1)"
+      fill: "url(#".concat(createNewId("linearGradient-1"), ")")
     }), /*#__PURE__*/React.createElement("g", {
       id: "\u77E9\u5F62\u5907\u4EFD"
     }, /*#__PURE__*/React.createElement("use", {
       fill: "black",
       fillOpacity: "1",
-      filter: "url(#filter-4)",
-      xlinkHref: "#path-3"
+      filter: "url(#".concat(createNewId("filter-4"), ")"),
+      xlinkHref: "#".concat(createNewId("path-3"))
     }), /*#__PURE__*/React.createElement("path", {
       stroke: "#858585",
       strokeWidth: "1",
       d: "M43.4004684,37.5960187 C44.3669667,37.5960187 45.2419667,37.9877696 45.8753421,38.621145 C46.5087175,39.2545204 46.9004684,40.1295204 46.9004684,41.0960187 L46.9004684,41.0960187 L46.9004684,49.5831382 C46.9004684,50.5496365 46.5087175,51.4246365 45.8753421,52.0580119 C45.2419667,52.6913873 44.3669667,53.0831382 43.4004684,53.0831382 L43.4004684,53.0831382 L34.9133489,53.0831382 C33.9468506,53.0831382 33.0718506,52.6913873 32.4384752,52.0580119 C31.8050998,51.4246365 31.4133489,50.5496365 31.4133489,49.5831382 L31.4133489,49.5831382 L31.4133489,41.0960187 C31.4133489,40.1295204 31.8050998,39.2545204 32.4384752,38.621145 C33.0718506,37.9877696 33.9468506,37.5960187 34.9133489,37.5960187 L34.9133489,37.5960187 Z",
       strokeLinejoin: "round",
-      fill: "url(#linearGradient-2)",
+      fill: "url(#".concat(createNewId("linearGradient-2"), ")"),
       fillRule: "evenodd"
     })), /*#__PURE__*/React.createElement("g", {
       id: "\u5F62\u72B6\u7ED3\u5408",
@@ -12192,12 +12208,12 @@ function EmptySvg(props) {
     }, /*#__PURE__*/React.createElement("use", {
       fill: "black",
       fillOpacity: "1",
-      filter: "url(#filter-7)",
-      xlinkHref: "#path-6"
+      filter: "url(#".concat(createNewId("filter-7"), ")"),
+      xlinkHref: "#".concat(createNewId("path-6"))
     }), /*#__PURE__*/React.createElement("use", {
-      fill: "url(#linearGradient-5)",
+      fill: "url(#".concat(createNewId("linearGradient-5"), ")"),
       fillRule: "evenodd",
-      xlinkHref: "#path-6"
+      xlinkHref: "#".concat(createNewId("path-6"))
     })), /*#__PURE__*/React.createElement("path", {
       d: "M85.1360656,43.2786885 C85.5226649,43.2786885 85.8360656,43.5920892 85.8360656,43.9786885 L85.8355082,45.4416885 L87.3,45.442623 C87.6865993,45.442623 88,45.7560236 88,46.142623 L88,46.1852459 C88,46.5718452 87.6865993,46.8852459 87.3,46.8852459 L85.8355082,46.8846885 L85.8360656,48.3491803 C85.8360656,48.7357797 85.5226649,49.0491803 85.1360656,49.0491803 L85.0934426,49.0491803 C84.7068433,49.0491803 84.3934426,48.7357797 84.3934426,48.3491803 L84.3925082,46.8846885 L82.9295082,46.8852459 C82.5429089,46.8852459 82.2295082,46.5718452 82.2295082,46.1852459 L82.2295082,46.142623 C82.2295082,45.7560236 82.5429089,45.442623 82.9295082,45.442623 L84.3925082,45.4416885 L84.3934426,43.9786885 C84.3934426,43.5920892 84.7068433,43.2786885 85.0934426,43.2786885 L85.1360656,43.2786885 Z",
       id: "\u5F62\u72B6\u7ED3\u5408",
@@ -12231,7 +12247,7 @@ function EmptySvg(props) {
       y1: "5.98667004%",
       x2: "83.0501817%",
       y2: "88.9150948%",
-      id: "linearGradient-1"
+      id: createNewId("linearGradient-1")
     }, /*#__PURE__*/React.createElement("stop", {
       stopColor: "#595959",
       offset: "0%"
@@ -12243,7 +12259,7 @@ function EmptySvg(props) {
       y1: "4.31113823%",
       x2: "84.4129339%",
       y2: "88.9150948%",
-      id: "linearGradient-2"
+      id: createNewId("linearGradient-2")
     }, /*#__PURE__*/React.createElement("stop", {
       stopColor: "#646464",
       offset: "0%"
@@ -12252,14 +12268,14 @@ function EmptySvg(props) {
       offset: "100%"
     })), /*#__PURE__*/React.createElement("path", {
       d: "M23.6721311,23.6065574 L26.1639344,23.6065574 C28.3730734,23.6065574 30.1639344,25.3974184 30.1639344,27.6065574 L30.1639344,30.0983607 C30.1639344,32.3074997 28.3730734,34.0983607 26.1639344,34.0983607 L23.6721311,34.0983607 C21.4629921,34.0983607 19.6721311,32.3074997 19.6721311,30.0983607 L19.6721311,27.6065574 C19.6721311,25.3974184 21.4629921,23.6065574 23.6721311,23.6065574 Z",
-      id: "path-3"
+      id: createNewId("path-3")
     }), /*#__PURE__*/React.createElement("filter", {
       x: "-57.2%",
       y: "-47.7%",
       width: "233.4%",
       height: "233.4%",
       filterUnits: "objectBoundingBox",
-      id: "filter-4"
+      id: createNewId("filter-4")
     }, /*#__PURE__*/React.createElement("feOffset", {
       dx: "1",
       dy: "2",
@@ -12283,7 +12299,7 @@ function EmptySvg(props) {
       y1: "24.7954546%",
       x2: "8.8126561%",
       y2: "86.4269134%",
-      id: "linearGradient-5"
+      id: createNewId("linearGradient-5")
     }, /*#__PURE__*/React.createElement("stop", {
       stopColor: "#848484",
       offset: "0%"
@@ -12292,14 +12308,14 @@ function EmptySvg(props) {
       offset: "100%"
     })), /*#__PURE__*/React.createElement("path", {
       d: "M37.3114754,12.4590164 C39.5206144,12.4590164 41.3114754,14.2498774 41.3114754,16.4590164 L41.3114754,19.8778416 L33.8926502,12.4590164 L37.3114754,12.4590164 Z",
-      id: "path-6"
+      id: createNewId("path-6")
     }), /*#__PURE__*/React.createElement("filter", {
       x: "-94.4%",
       y: "-121.3%",
       width: "288.7%",
       height: "288.7%",
       filterUnits: "objectBoundingBox",
-      id: "filter-7"
+      id: createNewId("filter-7")
     }, /*#__PURE__*/React.createElement("feOffset", {
       dx: "0",
       dy: "-2",
@@ -12330,25 +12346,25 @@ function EmptySvg(props) {
       transform: "translate(147.000000, 183.000000)"
     }, /*#__PURE__*/React.createElement("path", {
       d: "M39.6824378,33.9672131 L10.8093655,33.9672131 C10.0855554,33.9672131 9.38986655,34.247506 8.86822799,34.7492971 L3.67213115,39.7476907 L3.67213115,39.7476907 L3.67213115,46.7278689 C3.67213115,49.8206635 6.17933655,52.3278689 9.27213115,52.3278689 L41.2196721,52.3278689 C44.3124667,52.3278689 46.8196721,49.8206635 46.8196721,46.7278689 L46.8196721,39.7476907 L46.8196721,39.7476907 L41.6235753,34.7492971 C41.1019367,34.247506 40.4062478,33.9672131 39.6824378,33.9672131 Z",
-      id: "Fill-3",
+      id: createNewId("Fill-3"),
       fill: "#3E3E3E"
     }), /*#__PURE__*/React.createElement("path", {
       d: "M33.8926502,12.4590164 L41.3114754,19.8778416 L41.3114754,42.4459016 C41.3114754,43.9922989 40.0578727,45.2459016 38.5114754,45.2459016 L11.9803279,45.2459016 C10.4339306,45.2459016 9.18032787,43.9922989 9.18032787,42.4459016 L9.18032787,18.4590164 C9.18032787,15.1453079 11.8666194,12.4590164 15.1803279,12.4590164 L33.8926502,12.4590164 Z",
       id: "\u5F62\u72B6\u7ED3\u5408",
-      fill: "url(#linearGradient-1)"
+      fill: "url(#".concat(createNewId("linearGradient-1"), ")")
     }), /*#__PURE__*/React.createElement("g", {
       id: "\u77E9\u5F62\u5907\u4EFD"
     }, /*#__PURE__*/React.createElement("use", {
       fill: "black",
       fillOpacity: "1",
-      filter: "url(#filter-4)",
-      xlinkHref: "#path-3"
+      filter: "url(#".concat(createNewId("filter-4"), ")"),
+      xlinkHref: "#".concat(createNewId("path-3"))
     }), /*#__PURE__*/React.createElement("path", {
       stroke: "#919191",
       strokeWidth: "1",
       d: "M26.1639344,24.1065574 C27.1304327,24.1065574 28.0054327,24.4983082 28.6388082,25.1316836 C29.2721836,25.7650591 29.6639344,26.6400591 29.6639344,27.6065574 L29.6639344,27.6065574 L29.6639344,30.0983607 C29.6639344,31.064859 29.2721836,31.939859 28.6388082,32.5732344 C28.0054327,33.2066098 27.1304327,33.5983607 26.1639344,33.5983607 L26.1639344,33.5983607 L23.6721311,33.5983607 C22.7056328,33.5983607 21.8306328,33.2066098 21.1972574,32.5732344 C20.563882,31.939859 20.1721311,31.064859 20.1721311,30.0983607 L20.1721311,30.0983607 L20.1721311,27.6065574 C20.1721311,26.6400591 20.563882,25.7650591 21.1972574,25.1316836 C21.8306328,24.4983082 22.7056328,24.1065574 23.6721311,24.1065574 L23.6721311,24.1065574 Z",
       strokeLinejoin: "round",
-      fill: "url(#linearGradient-2)",
+      fill: "url(#".concat(createNewId("linearGradient-2"), ")"),
       fillRule: "evenodd"
     })), /*#__PURE__*/React.createElement("g", {
       id: "\u5F62\u72B6\u7ED3\u5408",
@@ -12356,12 +12372,12 @@ function EmptySvg(props) {
     }, /*#__PURE__*/React.createElement("use", {
       fill: "black",
       fillOpacity: "1",
-      filter: "url(#filter-7)",
-      xlinkHref: "#path-6"
+      filter: "url(#".concat(createNewId("filter-7"), ")"),
+      xlinkHref: "#".concat(createNewId("path-6"))
     }), /*#__PURE__*/React.createElement("use", {
-      fill: "url(#linearGradient-5)",
+      fill: "url(#".concat(createNewId("linearGradient-5"), ")"),
       fillRule: "evenodd",
-      xlinkHref: "#path-6"
+      xlinkHref: "#".concat(createNewId("path-6"))
     })), /*#__PURE__*/React.createElement("path", {
       d: "M54.1639344,27.5409836 C54.4174422,27.5409836 54.6229508,27.7464922 54.6229508,28 L54.6228689,28.9179836 L55.5409836,28.9180328 C55.7944914,28.9180328 56,29.1235414 56,29.3770492 C56,29.6305569 55.7944914,29.8360656 55.5409836,29.8360656 L54.6228689,29.8359836 L54.6229508,30.7540984 C54.6229508,31.0076061 54.4174422,31.2131148 54.1639344,31.2131148 C53.9104267,31.2131148 53.704918,31.0076061 53.704918,30.7540984 L53.7048689,29.8359836 L52.7868852,29.8360656 C52.5333775,29.8360656 52.3278689,29.6305569 52.3278689,29.3770492 C52.3278689,29.1235414 52.5333775,28.9180328 52.7868852,28.9180328 L53.7048689,28.9179836 L53.704918,28 C53.704918,27.7464922 53.9104267,27.5409836 54.1639344,27.5409836 Z",
       id: "\u5F62\u72B6\u7ED3\u5408",
@@ -13158,5 +13174,5 @@ var ModalElement = _decorate(null, function (_initialize, _UpdatingElement) {
   };
 }, UpdatingElement);
 
-export { BrickAsComponent, BrickWrapper, DisplayByFeatureFlags, EasyopsEmpty, ErrorBoundary, FeatureFlagsProvider, ForwardRefSingleBrickAsComponent, ModalElement, SingleBrickAsComponent, StoryboardFunctionRegistryFactory, UpdatingElement, authenticate, checkIf, checkIfByTransform, createHistory, createRuntime, developHelper, doTransform, event, getAuth, getCssPropertyValue, getHistory, getMockInfo, getRuntime, handleHttpError, httpErrorToString, i18nText, initI18n, isLoggedIn, logout, looseCheckIf, looseCheckIfByTransform, looseCheckIfOfComputed, method, preprocessTransformProperties, property, reTransformForDevtools, renderEasyopsEmpty, transformElementProperties, transformIntermediateData, transformProperties, useApplyPageTitle, useCurrentApp, useCurrentMode, useCurrentTheme, useFeatureFlags, useLocation, useRecentApps };
+export { BrickAsComponent, BrickWrapper, DisplayByFeatureFlags, EasyopsEmpty, ErrorBoundary, FeatureFlagsProvider, ForwardRefSingleBrickAsComponent, ModalElement, SingleBrickAsComponent, StoryboardFunctionRegistryFactory, UpdatingElement, authenticate, batchSetAppsLocalTheme, checkIf, checkIfByTransform, createHistory, createRuntime, developHelper, doTransform, event, getAuth, getCssPropertyValue, getCurrentTheme, getHistory, getMockInfo, getRuntime, handleHttpError, httpErrorToString, i18nText, initI18n, isLoggedIn, logout, looseCheckIf, looseCheckIfByTransform, looseCheckIfOfComputed, method, preprocessTransformProperties, property, reTransformForDevtools, renderEasyopsEmpty, transformElementProperties, transformIntermediateData, transformProperties, useApplyPageTitle, useCurrentApp, useCurrentMode, useCurrentTheme, useFeatureFlags, useLocation, useRecentApps };
 //# sourceMappingURL=index.esm.js.map