@onepercentio/one-ui 0.19.2 → 0.19.4

package/dist/context/OneUIProvider.js

@@ -1,115 +1,101 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCurrentImageScale = exports.useOneUIConfig = exports.useOneUIContext = void 0;
-const get_1 = __importDefault(require("lodash/get"));
-const merge_1 = __importDefault(require("lodash/merge"));
-const cloneDeep_1 = __importDefault(require("lodash/cloneDeep"));
-const react_1 = __importStar(require("react"));
-const react_2 = require("react");
-const useAdaptiveImage_1 = __importDefault(require("../hooks/ui/useAdaptiveImage"));
-const Context = (0, react_2.createContext)(null);
-function OneUIProvider({ children, config, }) {
-    const prevCtx = (0, react_2.useContext)(Context);
-    const scale = (0, useAdaptiveImage_1.default)();
-    const mergedConfig = (0, react_1.useMemo)(() => {
-        return (0, merge_1.default)((0, cloneDeep_1.default)(prevCtx), config, {
-            state: {
-                imageScale: scale,
-            },
-        });
-    }, [prevCtx, config, scale]);
-    return react_1.default.createElement(Context.Provider, { value: mergedConfig }, children);
-}
 exports.default = OneUIProvider;
-function ErrorWrapper(originalObject, path = "config") {
-    return new Proxy(typeof originalObject !== "object" ? {} : originalObject || {}, {
-        get(_target, key) {
-            if (key === Symbol.toPrimitive) {
-                return () => _target[key];
-            }
-            try {
-                const value = originalObject[key];
-                if (typeof value === "undefined")
-                    return undefined;
-                if (typeof value === "object")
-                    return ErrorWrapper(value, [path, key].filter(Boolean).join("."));
-                return value;
-            }
-            catch (e) {
-                const pathJson = path
-                    .split(".")
-                    .concat(key)
-                    .reduce((result, key, idx, arr) => {
-                    arr.slice(0, idx).reduce((r, k) => r[k], result)[key] = idx === arr.length - 1 ? `THE_MISSING_CONFIG` : {};
-                    return result;
-                }, {});
-                throw new Error(`A component is using the UI config ${[path, key].join(".")}.
-
-Please define it using:
-import OneUIProvider from "@onepercent/one-ui/dist/context/OneUIProvider";
-
-  ...
-${`<OneUIProvider config={${JSON.stringify(pathJson, null, 4)}}>
-...
-</OneUIProvider>`.replace(/[ ]/g, "-")}`);
-            }
-        },
+exports.useCurrentImageScale = useCurrentImageScale;
+exports.useOneUIConfig = useOneUIConfig;
+exports.useOneUIContext = useOneUIContext;
+exports.useOneUIView = useOneUIView;
+var _get = _interopRequireDefault(require("lodash/get"));
+var _merge = _interopRequireDefault(require("lodash/merge"));
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+var _react = _interopRequireWildcard(require("react"));
+var _useAdaptiveImage = _interopRequireDefault(require("../hooks/ui/useAdaptiveImage"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+const Context = /*#__PURE__*/(0, _react.createContext)(null);
+function OneUIProvider(_ref) {
+  let children = _ref.children,
+    config = _ref.config;
+  const prevCtx = (0, _react.useContext)(Context);
+  const scale = (0, _useAdaptiveImage.default)();
+  const mergedConfig = (0, _react.useMemo)(function () {
+    return (0, _merge.default)((0, _cloneDeep.default)(prevCtx), config, {
+      state: {
+        imageScale: scale
+      }
     });
+  }, [prevCtx, config, scale]);
+  return /*#__PURE__*/_react.default.createElement(Context.Provider, {
+    value: mergedConfig
+  }, children);
+}
+function pathToJson(path, key) {
+  let exampleConfig = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "THE_MISSING_CONFIG";
+  if (!key) {
+    key = path.split(".").slice(-1)[0];
+    path = path.replace(".".concat(key), "");
+  }
+  return path.split(".").concat(key).reduce(function (result, key, idx, arr) {
+    arr.slice(0, idx).reduce(function (r, k) {
+      return r[k];
+    }, result)[key] = idx === arr.length - 1 ? exampleConfig : {};
+    return result;
+  }, {});
+}
+function ErrorWrapper(originalObject) {
+  let path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "config";
+  return new Proxy(_typeof(originalObject) !== "object" ? {} : originalObject || {}, {
+    get: function get(_target, key) {
+      if (key === Symbol.toPrimitive) {
+        return function () {
+          return _target[key];
+        };
+      }
+      try {
+        const value = originalObject[key];
+        if (typeof value === "undefined") return undefined;
+        if (_typeof(value) === "object") return ErrorWrapper(value, [path, key].filter(Boolean).join("."));
+        return value;
+      } catch (e) {
+        const pathJson = pathToJson(path, key);
+        throw new Error("A component is using the UI config ".concat([path, key].join("."), ".\n\nPlease define it using:\nimport OneUIProvider from \"@onepercent/one-ui/dist/context/OneUIProvider\";\n\n  ...\n").concat("<OneUIProvider config={".concat(JSON.stringify(pathJson, null, 4), "}>\n...\n</OneUIProvider>").replace(/[ ]/g, "-")));
+      }
+    }
+  });
 }
 function useOneUIContext() {
-    const context = (0, react_2.useContext)(Context);
-    if (process.env.NODE_ENV === "development")
-        return ErrorWrapper(context);
-    return context;
+  const context = (0, _react.useContext)(Context);
+  if (process.env.NODE_ENV === "development") return ErrorWrapper(context);
+  return context;
+}
+function useOneUIView(oneuiConfigPath, componentName) {
+  const providedValue = useOneUIConfig(oneuiConfigPath);
+  if (!providedValue) {
+    throw new Error("The component ".concat(componentName, " requires a view to be set on OneUI initialization\n\nViews ready for use with this component shall be available at:\nimport SomeView from \"@onepercentio/one-ui/dist/components/").concat(componentName, "/View/SomeView\";\n    \nPlease define it using:\nimport OneUIProvider from \"@onepercentio/one-ui/dist/context/OneUIProvider\";\n\n  ...\n").concat("<OneUIProvider config={".concat(JSON.stringify(pathToJson(oneuiConfigPath, undefined, "SomeView"), null, 4), "}>\n...\n</OneUIProvider>").replace(/[ ]/g, "-")));
+  }
+  return providedValue;
 }
-exports.useOneUIContext = useOneUIContext;
 function useOneUIConfig(prop, defaultValue) {
-    const context = (0, react_2.useContext)(Context);
-    if (process.env.NODE_ENV === "development") {
-        const val = (0, react_1.useMemo)(() => {
-            return (0, get_1.default)(context, prop);
-        }, [context, prop]);
-        if (typeof val === "string" ||
-            typeof val === "function" ||
-            prop.endsWith(".Component"))
-            return val || defaultValue;
-        return ErrorWrapper(val || defaultValue);
-    }
-    const value = (0, react_1.useMemo)(() => {
-        return (0, get_1.default)(context, prop);
+  const context = (0, _react.useContext)(Context);
+  if (process.env.NODE_ENV === "development") {
+    const val = (0, _react.useMemo)(function () {
+      return (0, _get.default)(context, prop);
     }, [context, prop]);
-    return value || defaultValue;
+    if (typeof val === "string" || typeof val === "function" || prop.endsWith(".Component") || prop.endsWith(".View")) return val || defaultValue;
+    if (typeof val === "boolean") return val;
+    return ErrorWrapper(val || defaultValue);
+  }
+  const value = (0, _react.useMemo)(function () {
+    return (0, _get.default)(context, prop);
+  }, [context, prop]);
+  return value || defaultValue;
 }
-exports.useOneUIConfig = useOneUIConfig;
 function useCurrentImageScale() {
-    const context = (0, react_2.useContext)(Context);
-    return context.state.imageScale;
-}
-exports.useCurrentImageScale = useCurrentImageScale;
-//# sourceMappingURL=OneUIProvider.js.map
+  const context = (0, _react.useContext)(Context);
+  return context.state.imageScale;
+}

package/dist/hooks/logs/README.md

@@ -0,0 +1,3 @@
+# Introduction
+
+These hooks are usefull for debugging purposes

package/dist/hooks/logs/useDependencyChangeDetection.js

@@ -1,19 +1,19 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-function useDependencyChangeDetection(tag, dependencyArray) {
-    for (let dependencyIndex in dependencyArray) {
-        const prevValue = (0, react_1.useRef)();
-        (0, react_1.useEffect)(() => {
-            if (!prevValue.current)
-                return;
-            if (process.env.NODE_ENV === "development")
-                require('../../models/DebugLogger').default(`${useDependencyChangeDetection.name}:${tag}`, `Element index ${dependencyIndex} (prev: ${JSON.stringify(prevValue.current)}) (new: ${JSON.stringify(dependencyArray[dependencyIndex])}) has changed`);
-        }, [dependencyArray[dependencyIndex]]);
-        (0, react_1.useEffect)(() => {
-            prevValue.current = dependencyArray[dependencyIndex];
-        }, [dependencyArray[dependencyIndex]]);
-    }
-}
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = useDependencyChangeDetection;
-//# sourceMappingURL=useDependencyChangeDetection.js.map
+var _react = require("react");
+function useDependencyChangeDetection(tag, dependencyArray) {
+  for (let dependencyIndex in dependencyArray) {
+    const prevValue = (0, _react.useRef)();
+    (0, _react.useEffect)(function () {
+      if (!prevValue.current) return;
+      if (process.env.NODE_ENV === "development") require('../../models/DebugLogger').default("".concat(useDependencyChangeDetection.name, ":").concat(tag), "Element index ".concat(dependencyIndex, " (prev: ").concat(JSON.stringify(prevValue.current), ") (new: ").concat(JSON.stringify(dependencyArray[dependencyIndex]), ") has changed"));
+    }, [dependencyArray[dependencyIndex]]);
+    (0, _react.useEffect)(function () {
+      prevValue.current = dependencyArray[dependencyIndex];
+    }, [dependencyArray[dependencyIndex]]);
+  }
+}

package/dist/hooks/logs/useIsMounting.js

@@ -1,10 +1,12 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-function useIsMounting(tag) {
-    (0, react_1.useEffect)(() => {
-        console.log(tag + " is mounting");
-    }, []);
-}
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = useIsMounting;
-//# sourceMappingURL=useIsMounting.js.map
+var _react = require("react");
+function useIsMounting(tag) {
+  (0, _react.useEffect)(function () {
+    console.log(tag + " is mounting");
+  }, []);
+}

package/dist/hooks/persistence/useLocalStorage.js

@@ -1,34 +1,44 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const DUD = typeof "";
-const toString = (val) => {
-    switch (typeof val) {
-        case "boolean":
-            return !val ? "0" : "1";
-        default:
-            throw new Error("Doesn't know how to handle type " + typeof val);
-    }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useLocalStorage;
+var _react = require("react");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+const toString = function toString(val) {
+  switch (_typeof(val)) {
+    case "boolean":
+      return !val ? "0" : "1";
+    default:
+      throw new Error("Doesn't know how to handle type " + _typeof(val));
+  }
 };
-const fromString = (type, value) => {
-    switch (type) {
-        case "boolean":
-            return value === "1";
-        default:
-            throw new Error("Doesn't know how to handle type " + type);
-    }
+const fromString = function fromString(type, value) {
+  switch (type) {
+    case "boolean":
+      return value === "1";
+    default:
+      throw new Error("Doesn't know how to handle type " + type);
+  }
 };
 function useLocalStorage(id, defaultValue) {
-    const [val, setVal] = (0, react_1.useState)(() => {
-        const persistedValue = localStorage.getItem(id);
-        if (persistedValue === null)
-            return defaultValue;
-        return fromString(typeof defaultValue, persistedValue);
-    });
-    (0, react_1.useEffect)(() => {
-        localStorage.setItem(id, toString(val));
-    }, [val]);
-    return [val, setVal];
-}
-exports.default = useLocalStorage;
-//# sourceMappingURL=useLocalStorage.js.map
+  const _useState = (0, _react.useState)(function () {
+      const persistedValue = localStorage.getItem(id);
+      if (persistedValue === null) return defaultValue;
+      return fromString(_typeof(defaultValue), persistedValue);
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    val = _useState2[0],
+    setVal = _useState2[1];
+  (0, _react.useEffect)(function () {
+    localStorage.setItem(id, toString(val));
+  }, [val]);
+  return [val, setVal];
+}

package/dist/hooks/shims/ObjectWatchShim.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/shims/ObjectWatchShim.js

@@ -1,52 +1,55 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 // @ts-nocheck
 // object.watch
 if (!Object.prototype.watch) {
-    Object.prototype.watch = function (propsToWatchFor, handler) {
-        (this._handlers || (this._handlers = [])).push(handler);
-        propsToWatchFor.forEach((prop) => {
-            var oldval = this[prop], newval = oldval, getter = function () {
-                return newval;
-            }, setter = function (val) {
-                if (this._watchTimer)
-                    clearTimeout(this._watchTimer);
-                this._watchTimer = setTimeout(() => {
-                    for (let handler of this._handlers)
-                        handler.call();
-                    clearTimeout(this._watchTimer);
-                    delete this._watchTimer;
-                }, 0);
-                oldval = newval;
-                newval = val;
-                return true;
-            };
-            try {
-                if (delete this[prop]) {
-                    // can't watch constants
-                    if (Object.defineProperty) {
-                        // ECMAScript 5          
-                        Object.defineProperty(this, prop, {
-                            get: getter,
-                            set: setter,
-                        });
-                    }
-                    else if (Object.prototype.__defineGetter__ &&
-                        Object.prototype.__defineSetter__) {
-                        // legacy
-                        Object.prototype.__defineGetter__.call(this, prop, getter);
-                        Object.prototype.__defineSetter__.call(this, prop, setter);
-                    }
-                }
-            }
-            catch (e) { }
-        });
-        return () => {
-            this._handlers.splice(this._handlers.indexOf(handler), 1);
+  Object.prototype.watch = function (propsToWatchFor, handler) {
+    var _this = this;
+    (this._handlers || (this._handlers = [])).push(handler);
+    propsToWatchFor.forEach(function (prop) {
+      var oldval = _this[prop],
+        newval = oldval,
+        getter = function getter() {
+          return newval;
+        },
+        setter = function setter(val) {
+          var _this2 = this;
+          if (this._watchTimer) clearTimeout(this._watchTimer);
+          this._watchTimer = setTimeout(function () {
+            for (let handler of _this2._handlers) handler.call();
+            clearTimeout(_this2._watchTimer);
+            delete _this2._watchTimer;
+          }, 0);
+          oldval = newval;
+          newval = val;
+          return true;
         };
-    };
-    Object.defineProperty(Object.prototype, 'watch', {
-        enumerable: false,
-        configurable: true
+      try {
+        if (delete _this[prop]) {
+          // can't watch constants
+          if (Object.defineProperty) {
+            // ECMAScript 5          
+            Object.defineProperty(_this, prop, {
+              get: getter,
+              set: setter
+            });
+          } else if (Object.prototype.__defineGetter__ && Object.prototype.__defineSetter__) {
+            // legacy
+            Object.prototype.__defineGetter__.call(_this, prop, getter);
+            Object.prototype.__defineSetter__.call(_this, prop, setter);
+          }
+        }
+      } catch (e) {}
     });
-}
-//# sourceMappingURL=ObjectWatchShim.js.map
+    return function () {
+      _this._handlers.splice(_this._handlers.indexOf(handler), 1);
+    };
+  };
+  Object.defineProperty(Object.prototype, 'watch', {
+    enumerable: false,
+    configurable: true
+  });
+}

package/dist/hooks/ui/useAdaptiveImage.js

@@ -1,41 +1,49 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const ImageScales_1 = require("@muritavo/webpack-microfrontend-scripts/bin/types/ImageScales");
-const throttle_1 = __importDefault(require("lodash/throttle"));
-const react_1 = require("react");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useAdaptiveImage;
+var _ImageScales = require("@muritavo/webpack-microfrontend-scripts/bin/types/ImageScales");
+var _throttle = _interopRequireDefault(require("lodash/throttle"));
+var _react = require("react");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /**
  * This hooks is built over the implementation of this loader https://github.com/Muritavo/webpack-microfrontend-scripts#imageresolutionoptimizer
  *
  */
 function useAdaptiveImage() {
-    function ScaleFromCurrentWidth() {
-        if (window.PRERENDER)
-            return ImageScales_1.ImageScales.LARGE;
-        const width = window.visualViewport.width;
-        if (width < 480)
-            return ImageScales_1.ImageScales.SMALL;
-        if (width < 800)
-            return ImageScales_1.ImageScales.NORMAL;
-        if (width < 1280)
-            return ImageScales_1.ImageScales.BIG;
-        if (width < 1920)
-            return ImageScales_1.ImageScales.LARGE;
-        else
-            return ImageScales_1.ImageScales.EXTRA_LARGE;
-    }
-    const [currentScale, setCurrentScale] = (0, react_1.useState)(() => ScaleFromCurrentWidth());
-    (0, react_1.useEffect)(() => {
-        const onResizeThrottle = (0, throttle_1.default)(() => {
-            setCurrentScale(ScaleFromCurrentWidth());
-        }, 1000 / 4);
-        const onResize = () => onResizeThrottle();
-        window.addEventListener("resize", onResize);
-        return () => window.removeEventListener("resize", onResize);
-    }, []);
-    return currentScale;
-}
-exports.default = useAdaptiveImage;
-//# sourceMappingURL=useAdaptiveImage.js.map
+  function ScaleFromCurrentWidth() {
+    if (window.PRERENDER) return _ImageScales.ImageScales.LARGE;
+    const width = window.visualViewport.width;
+    if (width < 480) return _ImageScales.ImageScales.SMALL;
+    if (width < 800) return _ImageScales.ImageScales.NORMAL;
+    if (width < 1280) return _ImageScales.ImageScales.BIG;
+    if (width < 1920) return _ImageScales.ImageScales.LARGE;else return _ImageScales.ImageScales.EXTRA_LARGE;
+  }
+  const _useState = (0, _react.useState)(function () {
+      return ScaleFromCurrentWidth();
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentScale = _useState2[0],
+    setCurrentScale = _useState2[1];
+  (0, _react.useEffect)(function () {
+    const onResizeThrottle = (0, _throttle.default)(function () {
+      setCurrentScale(ScaleFromCurrentWidth());
+    }, 1000 / 4);
+    const onResize = function onResize() {
+      return onResizeThrottle();
+    };
+    window.addEventListener("resize", onResize);
+    return function () {
+      return window.removeEventListener("resize", onResize);
+    };
+  }, []);
+  return currentScale;
+}

package/dist/hooks/ui/useBreakpoint.js

@@ -1,25 +1,40 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const throttle_1 = __importDefault(require("lodash/throttle"));
-const react_1 = require("react");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useBreakpoint;
+var _throttle = _interopRequireDefault(require("lodash/throttle"));
+var _react = require("react");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /**
  * A hook to trigger changes when the screen resizes
  * @returns If the current resolution is lower than the specified width
  */
 function useBreakpoint(breakInto) {
-    const [lowerThanBreakpoint, setIsLowerThanBreakpoint] = (0, react_1.useState)(() => window.visualViewport.width < breakInto);
-    (0, react_1.useEffect)(() => {
-        const onResizeThrottle = (0, throttle_1.default)(() => {
-            setIsLowerThanBreakpoint(window.visualViewport.width < breakInto);
-        }, 1000 / 4);
-        const onResize = () => onResizeThrottle();
-        window.addEventListener("resize", onResize);
-        return () => window.removeEventListener("resize", onResize);
-    }, []);
-    return lowerThanBreakpoint;
-}
-exports.default = useBreakpoint;
-//# sourceMappingURL=useBreakpoint.js.map
+  const _useState = (0, _react.useState)(function () {
+      return window.visualViewport.width < breakInto;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    lowerThanBreakpoint = _useState2[0],
+    setIsLowerThanBreakpoint = _useState2[1];
+  (0, _react.useEffect)(function () {
+    const onResizeThrottle = (0, _throttle.default)(function () {
+      setIsLowerThanBreakpoint(window.visualViewport.width < breakInto);
+    }, 1000 / 4);
+    const onResize = function onResize() {
+      return onResizeThrottle();
+    };
+    window.addEventListener("resize", onResize);
+    return function () {
+      return window.removeEventListener("resize", onResize);
+    };
+  }, []);
+  return lowerThanBreakpoint;
+}