@next-core/brick-kit 2.107.2 → 2.108.0

package/dist/index.esm.js

@@ -3,9 +3,9 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 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 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 React, { useState, useEffect, useRef, forwardRef, useImperativeHandle, useMemo, useContext, createContext, useReducer, useCallback } 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, isObject as isObject$1, isString } from 'lodash';
 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";
@@ -2632,7 +2648,7 @@ function getNextInternalOptions(internalOptions, isArray, key) {
   }) : internalOptions;
 }
 
-var _excluded$4 = ["children"],
+var _excluded$6 = ["children"],
     _excluded2$1 = ["items", "app"];
 var symbolAppId = Symbol("appId");
 // Caching menu requests to avoid flicker.
@@ -2844,7 +2860,7 @@ function computeMenuItemsWithOverrideApp(items, context, kernel) {
       var {
         children
       } = _ref,
-          rest = _objectWithoutProperties(_ref, _excluded$4);
+          rest = _objectWithoutProperties(_ref, _excluded$6);
 
       return _objectSpread(_objectSpread({}, yield computeRealValueWithOverrideApp(rest, rest[symbolAppId], context, kernel)), {}, {
         children: children && (yield computeMenuItemsWithOverrideApp(children, context, kernel))
@@ -3405,7 +3421,7 @@ function _internalApiLoadDynamicBricksInBrickConf(brickConf) {
   return kernel.loadDynamicBricksInBrickConf(brickConf);
 }
 
-var _excluded$3 = ["extraQuery", "clear", "keepHash"];
+var _excluded$5 = ["extraQuery", "clear", "keepHash"];
 function historyExtended(browserHistory) {
   var {
     push: originalPush,
@@ -3421,7 +3437,7 @@ function historyExtended(browserHistory) {
         clear,
         keepHash
       } = options,
-          state = _objectWithoutProperties(options, _excluded$3);
+          state = _objectWithoutProperties(options, _excluded$5);
 
       var urlSearchParams = new URLSearchParams(clear ? "" : browserHistory.location.search);
       var params = {};
@@ -6591,7 +6607,7 @@ function initAnalytics() {
   }
 }
 
-var _excluded$2 = ["feature_flags"];
+var _excluded$4 = ["feature_flags"];
 function standaloneBootstrap() {
   return _standaloneBootstrap.apply(this, arguments);
 }
@@ -6627,7 +6643,7 @@ function _standaloneBootstrap() {
         var {
           feature_flags: featureFlags
         } = sys_settings,
-            rest = _objectWithoutProperties(sys_settings, _excluded$2);
+            rest = _objectWithoutProperties(sys_settings, _excluded$4);
 
         settings = _objectSpread({
           featureFlags
@@ -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);
@@ -10319,7 +10335,7 @@ function collectMergeBases(conf, mergeBases, contextInTemplate, refToBrickConf)
   }
 }
 
-var _excluded$1 = ["properties", "slots"],
+var _excluded$3 = ["properties", "slots"],
     _excluded2 = ["ref", "slots"];
 function expandCustomTemplate(brickConf, proxyBrick, context) {
   var tplContext = new CustomTemplateContext(proxyBrick);
@@ -10360,7 +10376,7 @@ function lowLevelExpandCustomTemplate(template, brickConf, proxyBrick, context,
     properties: templateProperties,
     slots: externalSlots
   } = brickConf,
-      restBrickConf = _objectWithoutProperties(brickConf, _excluded$1);
+      restBrickConf = _objectWithoutProperties(brickConf, _excluded$3);
 
   var newBrickConf = restBrickConf; // Get a copy of proxy for each instance of custom template.
 
@@ -12796,7 +12812,7 @@ var developHelper = {
   checkoutTplContext: noop
 };
 
-var _excluded = ["type"];
+var _excluded$2 = ["type"];
 // Inspired by [LitElement](https://github.com/Polymer/lit-element)
 
 /**
@@ -13066,7 +13082,7 @@ class UpdatingElement extends HTMLElement {
     var {
       type
     } = options,
-        eventInit = _objectWithoutProperties(options, _excluded);
+        eventInit = _objectWithoutProperties(options, _excluded$2);
 
     this.__dev_only_definedEvents.add(type); // Make event emitter readonly.
 
@@ -13158,5 +13174,241 @@ 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 };
+var useProviderArgsDefaults = {
+  provider: "",
+  customOptions: {
+    onError: () => {
+      /* Do nothing.. */
+    },
+    transform: (oldData, newData) => newData,
+    data: undefined,
+    loading: false,
+    suspense: false
+  },
+  dependencies: undefined
+};
+var defaults = Object.entries(useProviderArgsDefaults).reduce((acc, _ref) => {
+  var [key, value] = _ref;
+  if (Object.prototype.toString.call(value) === "[object Object]") return _objectSpread(_objectSpread({}, acc), value);
+  return _objectSpread(_objectSpread({}, acc), {}, {
+    [key]: value
+  });
+}, {});
+
+var _excluded$1 = ["body"];
+function useProviderArgs(providerOrParamsOrGlobalOptions, gloabalOptionsOrDeps, deps) {
+  var provider = useMemo(() => {
+    if (typeof providerOrParamsOrGlobalOptions === "string") {
+      return providerOrParamsOrGlobalOptions;
+    }
+
+    return useProviderArgsDefaults.provider;
+  }, [providerOrParamsOrGlobalOptions, gloabalOptionsOrDeps]);
+  var options = useMemo(() => {
+    var localOptions = {};
+
+    if (isObject$1(providerOrParamsOrGlobalOptions)) {
+      localOptions = providerOrParamsOrGlobalOptions;
+    } else if (isObject$1(gloabalOptionsOrDeps)) {
+      localOptions = gloabalOptionsOrDeps;
+    }
+
+    return _objectSpread(_objectSpread({}, defaults), localOptions);
+  }, [providerOrParamsOrGlobalOptions, gloabalOptionsOrDeps]);
+  var requestInit = useMemo(() => {
+    var customOptionKeys = [...Object.keys(useProviderArgsDefaults), ...Object.keys(useProviderArgsDefaults.customOptions)];
+
+    var _reduce = Object.keys(options).reduce((acc, key) => {
+      if (!customOptionKeys.includes(key)) acc[key] = options[key];
+      return acc;
+    }, {}),
+        {
+      body = null
+    } = _reduce,
+        restOptions = _objectWithoutProperties(_reduce, _excluded$1);
+
+    return {
+      options: _objectSpread({}, restOptions),
+      body
+    };
+  }, [options]);
+  var dependencies = useMemo(() => {
+    if (Array.isArray(gloabalOptionsOrDeps)) return gloabalOptionsOrDeps;
+    if (Array.isArray(deps)) return deps;
+    return defaults.dependencies;
+  }, [gloabalOptionsOrDeps, deps]);
+  var loading = options.loading || Array.isArray(dependencies);
+  var customOptions = useMemo(() => {
+    var customOptionKeys = Object.keys(useProviderArgsDefaults.customOptions);
+    var customOptions = customOptionKeys.reduce((opts, key) => {
+      opts[key] = options[key];
+      return opts;
+    }, {});
+    return _objectSpread(_objectSpread({}, customOptions), {}, {
+      loading
+    });
+  }, [options]);
+  return {
+    provider,
+    customOptions,
+    requestInit,
+    dependencies
+  };
+}
+
+var cache = new Map();
+function fetchProviderArgs(_x) {
+  return _fetchProviderArgs.apply(this, arguments);
+}
+
+function _fetchProviderArgs() {
+  _fetchProviderArgs = _asyncToGenerator$4(function* (provider) {
+    for (var _len = arguments.length, originalArgs = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      originalArgs[_key - 1] = arguments[_key];
+    }
+
+    var cacheKey = JSON.stringify({
+      provider,
+      originalArgs
+    });
+    if (cache.has(cacheKey)) return cache.get(cacheKey);
+    var args = yield getArgsOfCustomApi(provider, originalArgs);
+    cache.set(cacheKey, args);
+    return args;
+  });
+  return _fetchProviderArgs.apply(this, arguments);
+}
+
+var _excluded = ["onError", "transform", "suspense"];
+function useProvider() {
+  var {
+    provider,
+    customOptions,
+    dependencies,
+    requestInit
+  } = useProviderArgs(...arguments);
+
+  var {
+    onError,
+    transform,
+    suspense
+  } = customOptions,
+      defaults = _objectWithoutProperties(customOptions, _excluded);
+
+  var [loading, setLoading] = useState(defaults.loading);
+  var suspenseStatus = useRef("pending");
+  var suspender = useRef();
+  var mounted = useRef(false);
+  var error = useRef();
+  var response = useRef();
+  var data = useRef(defaults.data);
+  var forceUpdate = useReducer(() => ({}), [])[1];
+  var doFetch = useCallback( /*#__PURE__*/_asyncToGenerator$4(function* () {
+    try {
+      error.current = undefined;
+      if (!suspense) setLoading(true);
+      var newRes = yield CustomApi(...arguments);
+      response.current = newRes;
+      data.current = transform(data.current, newRes);
+    } catch (e) {
+      error.current = e;
+    }
+
+    if (!suspense) setLoading(false);
+    if (error.current) onError(error.current);
+    return data.current;
+  }), [provider, customOptions, dependencies, requestInit, suspense, transform, defaults.data, onError]);
+  var makeFetch = useCallback( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator$4(function* (providerOrBody, body) {
+      var providerStr = provider;
+      var data = {};
+
+      if (isString(providerOrBody)) {
+        providerStr = providerOrBody;
+      }
+
+      if (isObject$1(providerOrBody)) {
+        data = providerOrBody;
+      } else if (isObject$1(body)) {
+        data = body;
+      }
+
+      var args = yield fetchProviderArgs(providerStr, data, requestInit.options);
+
+      if (suspense) {
+        return _asyncToGenerator$4(function* () {
+          suspender.current = doFetch(...args).then(newData => {
+            suspenseStatus.current = "success";
+            return newData;
+          }, error => {
+            suspenseStatus.current = "error";
+            error.current = error;
+            return error;
+          });
+          forceUpdate();
+          return yield suspender.current;
+        })();
+      }
+
+      return doFetch(...args);
+    });
+
+    return function (_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [doFetch]);
+  var request = useMemo(() => Object.defineProperties({
+    query: makeFetch
+  }, {
+    loading: {
+      get() {
+        return loading;
+      }
+
+    },
+    data: {
+      get() {
+        return data.current;
+      }
+
+    },
+    error: {
+      get() {
+        return error.current;
+      }
+
+    }
+  }), [makeFetch]); // onMount/onUpdate
+
+  useEffect(() => {
+    mounted.current = true;
+
+    if (Array.isArray(dependencies) && provider) {
+      request.query(provider, requestInit.body);
+    }
+
+    return () => mounted.current = false;
+  }, dependencies);
+
+  if (suspense && suspender.current) {
+    switch (suspenseStatus.current) {
+      case "pending":
+        throw suspender.current;
+
+      case "error":
+        throw error.current;
+    }
+  }
+
+  return Object.assign([request, response.current, loading, error.current], _objectSpread(_objectSpread({
+    request
+  }, request), {}, {
+    response: response.current,
+    data: data.current,
+    loading,
+    error: error.current
+  }));
+}
+
+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, useProvider, useRecentApps };
 //# sourceMappingURL=index.esm.js.map