@onepercentio/one-ui 0.20.3 → 0.20.4

package/.babelrc

@@ -4,12 +4,6 @@
       "@babel/preset-env",
       {
         "targets": "> 0.25%, not dead",
-        "exclude": [
-          "proposal-dynamic-import",
-          "transform-block-scoping",
-          "transform-for-of",
-          "transform-regenerator"
-        ]
       }
     ],
     "@babel/preset-typescript",

package/.prod.babelrc

@@ -1,20 +1,13 @@
 {
   "plugins": [
     ["react-remove-properties", { "properties": ["data-testid"] }],
-    ["remove-object-properties", { "regexp": "data-testid" }],
-    "remove-unused-vars"
+    ["remove-object-properties", { "regexp": "data-testid" }]
   ],
   "presets": [
     [
       "@babel/preset-env",
       {
-        "targets": "> 0.25%, not dead",
-        "exclude": [
-          "proposal-dynamic-import",
-          "transform-block-scoping",
-          "transform-for-of",
-          "transform-regenerator"
-        ]
+        "targets": "> 0.25%, not dead"
       }
     ],
     "@babel/preset-typescript",

package/dist/components/AdaptiveButton/AdaptiveButton.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _AdaptiveContainer = _interopRequireDefault(require("../AdaptiveContainer"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _AdaptiveButtonModule = _interopRequireDefault(require("./AdaptiveButton.module.scss"));
-const _excluded = ["children", "className"];
+var _excluded = ["children", "className"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -17,7 +17,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * A button that adapts it's width according to the content size
  **/
 function AdaptiveButton(_ref) {
-  let children = _ref.children,
+  var children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     buttonProps = _objectWithoutProperties(_ref, _excluded);

package/dist/components/AdaptiveContainer/AdaptiveContainer.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _Transition = require("../Transition");
 var _UncontrolledTransition = _interopRequireDefault(require("../UncontrolledTransition"));
 var _AdaptiveContainerModule = _interopRequireDefault(require("./AdaptiveContainer.module.scss"));
-const _excluded = ["children", "className", "containerElement", "direction"];
+var _excluded = ["children", "className", "containerElement", "direction"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -20,7 +20,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * A container that animates width changes across content updates
  **/
 function AdaptiveContainer(_ref) {
-  let children = _ref.children,
+  var children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     _ref$containerElement = _ref.containerElement,
@@ -28,10 +28,10 @@ function AdaptiveContainer(_ref) {
     _ref$direction = _ref.direction,
     direction = _ref$direction === void 0 ? "h" : _ref$direction,
     otherProps = _objectWithoutProperties(_ref, _excluded);
-  const uncontrolledRef = (0, _react.useRef)(null);
-  const buttonRef = (0, _react.useRef)(null);
+  var uncontrolledRef = (0, _react.useRef)(null);
+  var buttonRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
-    const sectionDiv = uncontrolledRef.current.sectionRef.current;
+    var sectionDiv = uncontrolledRef.current.sectionRef.current;
     if (sectionDiv) if (direction === "h") {
       sectionDiv.style.width = "".concat(sectionDiv.clientWidth, "px");
       sectionDiv.style.height = "";
@@ -39,38 +39,38 @@ function AdaptiveContainer(_ref) {
       sectionDiv.style.height = "".concat(sectionDiv.clientHeight, "px");
       sectionDiv.style.width = "";
     }
-    const t = setTimeout(function () {
+    var t = setTimeout(function () {
       if (uncontrolledRef.current) {
-        const sectionDiv = uncontrolledRef.current.sectionRef.current;
-        if (sectionDiv) {
-          const lastChild = sectionDiv.lastChild;
+        var _sectionDiv = uncontrolledRef.current.sectionRef.current;
+        if (_sectionDiv) {
+          var lastChild = _sectionDiv.lastChild;
           if (lastChild) {
-            let resetFactory = function resetFactory(param, target) {
-              const instance = function instance(e) {
+            var resetFactory = function resetFactory(param, target) {
+              var instance = function instance(e) {
                 if (e.propertyName !== param) return;
                 setTimeout(function () {
-                  if ((sectionDiv === null || sectionDiv === void 0 ? void 0 : sectionDiv.style[param]) === "".concat(target, "px")) sectionDiv.style[param] = "";
+                  if ((_sectionDiv === null || _sectionDiv === void 0 ? void 0 : _sectionDiv.style[param]) === "".concat(target, "px")) _sectionDiv.style[param] = "";
                 }, 100);
-                if (sectionDiv) sectionDiv.removeEventListener("transitionend", instance);
+                if (_sectionDiv) _sectionDiv.removeEventListener("transitionend", instance);
               };
               return instance;
             };
             if (direction === "h") {
-              const contentWidth = lastChild.clientWidth;
-              const targetWidth = "".concat(contentWidth, "px");
-              sectionDiv.style.width = targetWidth;
-              const func = resetFactory("width", contentWidth);
-              if (targetWidth === sectionDiv.style.width) func({
+              var contentWidth = lastChild.clientWidth;
+              var targetWidth = "".concat(contentWidth, "px");
+              _sectionDiv.style.width = targetWidth;
+              var func = resetFactory("width", contentWidth);
+              if (targetWidth === _sectionDiv.style.width) func({
                 propertyName: "width"
-              });else sectionDiv.addEventListener("transitionend", func);
+              });else _sectionDiv.addEventListener("transitionend", func);
             } else {
-              const contentHeight = lastChild.scrollHeight;
-              const targetHeight = "".concat(contentHeight, "px");
-              sectionDiv.style.height = targetHeight;
-              const func = resetFactory("height", contentHeight);
-              if (targetHeight === sectionDiv.style.height) func({
+              var contentHeight = lastChild.scrollHeight;
+              var targetHeight = "".concat(contentHeight, "px");
+              _sectionDiv.style.height = targetHeight;
+              var _func = resetFactory("height", contentHeight);
+              if (targetHeight === _sectionDiv.style.height) _func({
                 propertyName: "height"
-              });else sectionDiv.addEventListener("transitionend", func);
+              });else _sectionDiv.addEventListener("transitionend", _func);
             }
           }
         }
@@ -80,7 +80,7 @@ function AdaptiveContainer(_ref) {
       return clearTimeout(t);
     };
   }, [children.key, direction]);
-  const Wrapper = _Wrapper;
+  var Wrapper = _Wrapper;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Wrapper, _extends({
     className: "".concat(className),
     ref: buttonRef

package/dist/components/AdaptiveDialog/AdaptiveDialog.js

@@ -17,14 +17,14 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && 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 _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 component implements a generic drawer that displays it as a drawer on mobile and as a modal on desktop
  **/
 function AdaptiveDialog(_ref) {
-  let onClose = _ref.onClose,
+  var onClose = _ref.onClose,
     _ref$open = _ref.open,
     open = _ref$open === void 0 ? false : _ref$open,
     _ref$className = _ref.className,
@@ -32,19 +32,19 @@ function AdaptiveDialog(_ref) {
     onClickOut = _ref.onClickOut,
     children = _ref.children,
     onClosed = _ref.onClosed;
-  const rootDivRef = (0, _react.useRef)(null);
-  const _useState = (0, _react.useState)(open),
+  var rootDivRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(open),
     _useState2 = _slicedToArray(_useState, 2),
     isVisible = _useState2[0],
     setIsVisible = _useState2[1];
-  const _useState3 = (0, _react.useState)(false),
+  var _useState3 = (0, _react.useState)(false),
     _useState4 = _slicedToArray(_useState3, 2),
     expanded = _useState4[0],
     setExpanded = _useState4[1];
   (0, _react.useEffect)(function () {
     if (open) {
       setIsVisible(true);
-      const toggleVisbility = function toggleVisbility(e) {
+      var toggleVisbility = function toggleVisbility(e) {
         if (e.animationName === _AdaptiveDialogModule.default.backdropDismiss) {
           onClosed === null || onClosed === void 0 ? void 0 : onClosed();
           setIsVisible(false);
@@ -54,7 +54,7 @@ function AdaptiveDialog(_ref) {
       rootDivRef.current.addEventListener("animationend", toggleVisbility);
     }
   }, [open]);
-  const globalClassName = {
+  var globalClassName = {
     backdrop: (0, _OneUIProvider.useOneUIConfig)("component.adaptiveDialog.backdropClassName", ""),
     dialog: (0, _OneUIProvider.useOneUIConfig)("component.adaptiveDialog.dialogClassName", "")
   };
@@ -63,7 +63,7 @@ function AdaptiveDialog(_ref) {
     className: "".concat(_AdaptiveDialogModule.default.backdrop, " ").concat(open ? _AdaptiveDialogModule.default.open : _AdaptiveDialogModule.default.close, " ").concat(expanded ? _AdaptiveDialogModule.default.expanded : "", " ").concat(globalClassName.backdrop),
     onClick: onClickOut,
     onAnimationEnd: function onAnimationEnd(_ref2) {
-      let target = _ref2.target,
+      var target = _ref2.target,
         currentTarget = _ref2.currentTarget;
       if (target === currentTarget) target.style.pointerEvents = "initial";
     }

package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js

@@ -12,7 +12,7 @@ var _AdaptiveSidebarModule = _interopRequireDefault(require("./AdaptiveSidebar.m
 var _useBreakpoint = _interopRequireDefault(require("../../hooks/ui/useBreakpoint"));
 var _reactDom = require("react-dom");
 var _OneUIProvider = require("../../context/OneUIProvider");
-const _excluded = ["open", "children", "className", "breakInto", "visibilityControlComponent"];
+var _excluded = ["open", "children", "className", "breakInto", "visibilityControlComponent"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -20,13 +20,13 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 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 _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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const DefaultVisibilityControl = function DefaultVisibilityControl(_ref) {
-  let open = _ref.open;
+var DefaultVisibilityControl = function DefaultVisibilityControl(_ref) {
+  var open = _ref.open;
   return /*#__PURE__*/_react.default.createElement(_MutableHamburgerButton.default, {
     size: 48,
     state: open ? "closed" : "default"
@@ -36,7 +36,7 @@ const DefaultVisibilityControl = function DefaultVisibilityControl(_ref) {
  * A component that you can put anywhere but hides when small enough and shows the control via a fixed floating button
  **/
 function AdaptiveSidebar(_ref2, ref) {
-  let externalOpen = _ref2.open,
+  var externalOpen = _ref2.open,
     children = _ref2.children,
     _ref2$className = _ref2.className,
     className = _ref2$className === void 0 ? "" : _ref2$className,
@@ -45,15 +45,15 @@ function AdaptiveSidebar(_ref2, ref) {
     _ref2$visibilityContr = _ref2.visibilityControlComponent,
     VisibilityControlComponent = _ref2$visibilityContr === void 0 ? DefaultVisibilityControl : _ref2$visibilityContr,
     props = _objectWithoutProperties(_ref2, _excluded);
-  const _useState = (0, _react.useState)(false),
+  var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
-  const containerRef = (0, _react.useRef)(null);
-  const _open = externalOpen === undefined ? open : externalOpen;
-  const isMobile = (0, _useBreakpoint.default)(breakInto);
-  const globalClassName = (0, _OneUIProvider.useOneUIConfig)("component.adaptiveSidebar.className");
-  const globalControlClassName = (0, _OneUIProvider.useOneUIConfig)("component.adaptiveSidebar.controlClassName");
+  var containerRef = (0, _react.useRef)(null);
+  var _open = externalOpen === undefined ? open : externalOpen;
+  var isMobile = (0, _useBreakpoint.default)(breakInto);
+  var globalClassName = (0, _OneUIProvider.useOneUIConfig)("component.adaptiveSidebar.className");
+  var globalControlClassName = (0, _OneUIProvider.useOneUIConfig)("component.adaptiveSidebar.controlClassName");
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       dismiss: function dismiss() {
@@ -69,8 +69,8 @@ function AdaptiveSidebar(_ref2, ref) {
       top: 0
     });
   }, [_open]);
-  const externalControl = externalOpen !== undefined;
-  const content = /*#__PURE__*/_react.default.createElement("div", _extends({
+  var externalControl = externalOpen !== undefined;
+  var content = /*#__PURE__*/_react.default.createElement("div", _extends({
     ref: containerRef,
     className: "".concat(isMobile ? _AdaptiveSidebarModule.default.mobile : _AdaptiveSidebarModule.default.desktop, " ").concat(_AdaptiveSidebarModule.default.container, " ").concat(!externalControl && DefaultVisibilityControl === VisibilityControlComponent ? _AdaptiveSidebarModule.default.defaultPadding : "", " ").concat(_open ? _AdaptiveSidebarModule.default.open : _AdaptiveSidebarModule.default.closed, " ").concat(className, " ").concat(globalClassName)
   }, props), /*#__PURE__*/_react.default.createElement(_ScrollAndFocusLock.default, {

package/dist/components/AnchoredTooltip/AnchoredTooltip.js

@@ -11,40 +11,40 @@ var _OneUIProvider = require("../../context/OneUIProvider");
 var _FadeIn = _interopRequireDefault(require("../FadeIn"));
 var _AnchoredTooltipModule = _interopRequireDefault(require("./AnchoredTooltip.module.scss"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
-const _excluded = ["containInViewport", "alignment"];
+var _excluded = ["containInViewport", "alignment"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 _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 _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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function getPositionOnViewport(element) {
   return element.getBoundingClientRect();
 }
-let AnchoredTooltipAlignment = /*#__PURE__*/function (AnchoredTooltipAlignment) {
+var AnchoredTooltipAlignment = /*#__PURE__*/function (AnchoredTooltipAlignment) {
   AnchoredTooltipAlignment[AnchoredTooltipAlignment["LEFT"] = 0] = "LEFT";
   AnchoredTooltipAlignment[AnchoredTooltipAlignment["CENTER"] = 1] = "CENTER";
   AnchoredTooltipAlignment[AnchoredTooltipAlignment["RIGHT"] = 2] = "RIGHT";
   return AnchoredTooltipAlignment;
 }({});
 exports.AnchoredTooltipAlignment = AnchoredTooltipAlignment;
-let AnchoredTooltipAnchor = /*#__PURE__*/function (AnchoredTooltipAnchor) {
+var AnchoredTooltipAnchor = /*#__PURE__*/function (AnchoredTooltipAnchor) {
   AnchoredTooltipAnchor[AnchoredTooltipAnchor["TOP"] = 0] = "TOP";
   AnchoredTooltipAnchor[AnchoredTooltipAnchor["BOTTOM"] = 1] = "BOTTOM";
   return AnchoredTooltipAnchor;
 }({});
 exports.AnchoredTooltipAnchor = AnchoredTooltipAnchor;
 function calculateTooltipFromAnchor(anchorRef, tooltipRef, containInViewport) {
-  let alignTo = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : AnchoredTooltipAlignment.CENTER;
-  let anchorTo = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : AnchoredTooltipAnchor.TOP;
-  const anchorPosition = getPositionOnViewport(anchorRef);
-  const shouldAnchorToBottom = anchorTo === AnchoredTooltipAnchor.BOTTOM || tooltipRef.clientHeight > anchorPosition.top;
-  let top = anchorPosition.top - tooltipRef.clientHeight;
+  var alignTo = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : AnchoredTooltipAlignment.CENTER;
+  var anchorTo = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : AnchoredTooltipAnchor.TOP;
+  var anchorPosition = getPositionOnViewport(anchorRef);
+  var shouldAnchorToBottom = anchorTo === AnchoredTooltipAnchor.BOTTOM || tooltipRef.clientHeight > anchorPosition.top;
+  var top = anchorPosition.top - tooltipRef.clientHeight;
 
   /**
    * The terms mean:
@@ -52,7 +52,7 @@ function calculateTooltipFromAnchor(anchorRef, tooltipRef, containInViewport) {
    * anchorPosition.width   = The width of the anchor (visible element)
    * tooltipRef.clientWidth = The width of the content
    */
-  let left = function () {
+  var left = function () {
     switch (alignTo) {
       case AnchoredTooltipAlignment.CENTER:
         return anchorPosition.left + anchorPosition.width / 2 - tooltipRef.clientWidth / 2;
@@ -64,23 +64,23 @@ function calculateTooltipFromAnchor(anchorRef, tooltipRef, containInViewport) {
   }();
   if (shouldAnchorToBottom) top += tooltipRef.clientHeight + anchorRef.clientHeight;
   if (containInViewport && top < 0) top = 0;
-  const offset = top + tooltipRef.clientHeight - window.innerHeight;
+  var offset = top + tooltipRef.clientHeight - window.innerHeight;
   if (containInViewport && offset > 0) {
     top -= offset;
   }
-  const offsetLeft = left + tooltipRef.clientWidth - window.innerWidth;
+  var offsetLeft = left + tooltipRef.clientWidth - window.innerWidth;
   if (containInViewport && offsetLeft > 0) {
     left -= offsetLeft;
   }
   if (containInViewport && left < 0) {
     left = 0;
   }
-  const maxLeftOffsetIndicator = tooltipRef.clientWidth / 2 - 60;
-  const tooltipCenter = tooltipRef.clientWidth / 2 + left;
-  const anchorPositionCenter = anchorPosition.left + anchorPosition.width / 2;
-  const offsetTooltip = anchorPositionCenter - tooltipCenter;
-  const minOffsetTooltip = -(tooltipRef.clientWidth / 2) + 60;
-  const offsetIndicatorLeft = offsetLeft > 0 ? offsetLeft > maxLeftOffsetIndicator ? maxLeftOffsetIndicator : offsetLeft : offsetTooltip < 0 ? offsetTooltip < minOffsetTooltip ? minOffsetTooltip : offsetTooltip : 0;
+  var maxLeftOffsetIndicator = tooltipRef.clientWidth / 2 - 60;
+  var tooltipCenter = tooltipRef.clientWidth / 2 + left;
+  var anchorPositionCenter = anchorPosition.left + anchorPosition.width / 2;
+  var offsetTooltip = anchorPositionCenter - tooltipCenter;
+  var minOffsetTooltip = -(tooltipRef.clientWidth / 2) + 60;
+  var offsetIndicatorLeft = offsetLeft > 0 ? offsetLeft > maxLeftOffsetIndicator ? maxLeftOffsetIndicator : offsetLeft : offsetTooltip < 0 ? offsetTooltip < minOffsetTooltip ? minOffsetTooltip : offsetTooltip : 0;
   return {
     offset: offset,
     offsetIndicatorLeft: offsetIndicatorLeft,
@@ -90,16 +90,16 @@ function calculateTooltipFromAnchor(anchorRef, tooltipRef, containInViewport) {
   };
 }
 function updateTooltipPosition(tooltipRef, anchorRef) {
-  let limitToViewport = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  let alignment = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : AnchoredTooltipAlignment.CENTER;
-  let anchorTo = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : AnchoredTooltipAnchor.TOP;
-  const _calculateTooltipFrom = calculateTooltipFromAnchor(anchorRef, tooltipRef, limitToViewport, alignment, anchorTo),
+  var limitToViewport = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  var alignment = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : AnchoredTooltipAlignment.CENTER;
+  var anchorTo = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : AnchoredTooltipAnchor.TOP;
+  var _calculateTooltipFrom = calculateTooltipFromAnchor(anchorRef, tooltipRef, limitToViewport, alignment, anchorTo),
     top = _calculateTooltipFrom.top,
     left = _calculateTooltipFrom.left,
     shouldAnchorToBottom = _calculateTooltipFrom.shouldAnchorToBottom,
     offsetIndicatorLeft = _calculateTooltipFrom.offsetIndicatorLeft;
   if (limitToViewport) {
-    const maxHeight = window.innerHeight - top;
+    var maxHeight = window.innerHeight - top;
     tooltipRef.style.maxHeight = "".concat(maxHeight - 32, "px");
   }
   tooltipRef.style.top = "".concat(top, "px");
@@ -121,16 +121,16 @@ function updateTooltipPosition(tooltipRef, anchorRef) {
  * This tooltip anchors itself to an element and handles positioning relative to the anchored element
  **/
 function AnchoredTooltip(_ref, ref) {
-  let _ref$containInViewpor = _ref.containInViewport,
+  var _ref$containInViewpor = _ref.containInViewport,
     containInViewport = _ref$containInViewpor === void 0 ? true : _ref$containInViewpor,
     alignment = _ref.alignment,
     props = _objectWithoutProperties(_ref, _excluded);
-  const open = props.open,
+  var open = props.open,
     children = props.children,
     anchorRef = props.anchorRef;
-  const tooltipRef = (0, _react.useRef)(null);
-  const className = (0, _OneUIProvider.useOneUIConfig)("component.tooltip.className");
-  const _useState = (0, _react.useState)(!open),
+  var tooltipRef = (0, _react.useRef)(null);
+  var className = (0, _OneUIProvider.useOneUIConfig)("component.tooltip.className");
+  var _useState = (0, _react.useState)(!open),
     _useState2 = _slicedToArray(_useState, 2),
     realClosed = _useState2[0],
     setRealClosed = _useState2[1];
@@ -147,7 +147,7 @@ function AnchoredTooltip(_ref, ref) {
   (0, _react.useEffect)(function () {
     if (open && !realClosed) {
       if (anchorRef.current && tooltipRef.current) updateTooltipPosition(tooltipRef.current, anchorRef.current, containInViewport, alignment);
-      const scrollHandler = function scrollHandler() {
+      var scrollHandler = function scrollHandler() {
         if (anchorRef.current && tooltipRef.current) updateTooltipPosition(tooltipRef.current, anchorRef.current, containInViewport, alignment);
       };
       window.addEventListener("scroll", scrollHandler, {

package/dist/components/AnimatedEntrance/AnimatedEntrance.js

@@ -14,23 +14,24 @@ var _CONFIGS_BY_ENTRANCE_;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 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); }
 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 _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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-let EntranceType = /*#__PURE__*/function (EntranceType) {
+var EntranceType = /*#__PURE__*/function (EntranceType) {
   EntranceType[EntranceType["SLIDE_AND_EXPAND"] = 0] = "SLIDE_AND_EXPAND";
   EntranceType[EntranceType["EXPAND"] = 1] = "EXPAND";
   return EntranceType;
 }({});
 exports.EntranceType = EntranceType;
-const CONFIGS_BY_ENTRANCE_TYPE = (_CONFIGS_BY_ENTRANCE_ = {}, _defineProperty(_CONFIGS_BY_ENTRANCE_, EntranceType.SLIDE_AND_EXPAND, {
+var CONFIGS_BY_ENTRANCE_TYPE = (_CONFIGS_BY_ENTRANCE_ = {}, _defineProperty(_CONFIGS_BY_ENTRANCE_, EntranceType.SLIDE_AND_EXPAND, {
   forward: {
     elementEntering: _AnimatedEntranceModule.default.elementEntering,
     elementExiting: _AnimatedEntranceModule.default.elementExiting
@@ -50,12 +51,12 @@ const CONFIGS_BY_ENTRANCE_TYPE = (_CONFIGS_BY_ENTRANCE_ = {}, _defineProperty(_C
   }
 }), _CONFIGS_BY_ENTRANCE_);
 function AnimatedEntranceItem(_ref) {
-  let children = _ref.children,
+  var children = _ref.children,
     noEntranceAnimation = _ref.noEntranceAnimation,
     onRemoveChildren = _ref.onRemoveChildren,
     entranceType = _ref.entranceType;
-  const uncontRef = (0, _react.useRef)(null);
-  const _useState = (0, _react.useState)(noEntranceAnimation ? children : /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+  var uncontRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(noEntranceAnimation ? children : /*#__PURE__*/_react.default.createElement(_react.Fragment, {
       key: "null"
     })),
     _useState2 = _slicedToArray(_useState, 2),
@@ -71,8 +72,8 @@ function AnimatedEntranceItem(_ref) {
   }, [children.key]);
   (0, _react.useEffect)(function () {
     if (screen === null) return;
-    const x = setTimeout(function () {
-      const key = String(typeof screen === "string" ? screen : screen.key);
+    var x = setTimeout(function () {
+      var key = String(typeof screen === "string" ? screen : screen.key);
       if (key === "null" || key.includes("-nullated")) {
         uncontRef.current.sectionRef.current.style.maxHeight = "".concat(uncontRef.current.sectionRef.current.scrollHeight, "px");
         setTimeout(function () {
@@ -81,8 +82,8 @@ function AnimatedEntranceItem(_ref) {
       } else {
         uncontRef.current.sectionRef.current.style.maxHeight = "".concat(uncontRef.current.sectionRef.current.scrollHeight, "px");
         if (!noEntranceAnimation) {
-          const restoreAutoHeight = function restoreAutoHeight(_ref2) {
-            let target = _ref2.target,
+          var restoreAutoHeight = function restoreAutoHeight(_ref2) {
+            var target = _ref2.target,
               currentTarget = _ref2.currentTarget;
             if (target !== currentTarget) return;
             uncontRef.current.sectionRef.current.style.removeProperty("max-height");
@@ -100,7 +101,7 @@ function AnimatedEntranceItem(_ref) {
       clearTimeout(x);
     };
   }, [_typeof(screen) === "object" ? screen === null || screen === void 0 ? void 0 : screen.key : screen]);
-  const className = (0, _react.useMemo)(function () {
+  var className = (0, _react.useMemo)(function () {
     return !noEntranceAnimation ? _AnimatedEntranceModule.default.maxHeight : "";
   }, [String(children.key).includes("-nullated")]);
   return screen === null ? null : /*#__PURE__*/_react.default.createElement(_UncontrolledTransition.default, {
@@ -123,21 +124,21 @@ function AnimatedEntranceItem(_ref) {
  * Animates the entrance and exit of a component
  **/
 function AnimatedEntrance(_ref3) {
-  let children = _ref3.children,
+  var children = _ref3.children,
     _ref3$entranceType = _ref3.entranceType,
     entranceType = _ref3$entranceType === void 0 ? EntranceType.SLIDE_AND_EXPAND : _ref3$entranceType;
-  const firstRef = (0, _react.useRef)(true);
+  var firstRef = (0, _react.useRef)(true);
   (0, _react.useEffect)(function () {
     firstRef.current = false;
   }, []);
-  const prevChildren = (0, _react.useRef)([]);
-  const childrenDelayed = (0, _react.useMemo)(function () {
-    const newChildren = children.filter(function (c) {
+  var prevChildren = (0, _react.useRef)([]);
+  var childrenDelayed = (0, _react.useMemo)(function () {
+    var newChildren = children.filter(function (c) {
       return !prevChildren.current.find(function (a) {
         return a.key === c.key;
       });
     });
-    const filteredOutChildren = prevChildren.current.map(function (c) {
+    var filteredOutChildren = prevChildren.current.map(function (c) {
       return children.find(function (a) {
         return a.key === c.key;
       }) ?
@@ -149,16 +150,28 @@ function AnimatedEntrance(_ref3) {
         key: String(c.key).includes("-nullated") ? c.key : "".concat(c.key, "-nullated")
       });
     });
-    for (let child of newChildren) {
-      var _children;
-      const previousChildKey = (_children = children[children.indexOf(child) - 1]) === null || _children === void 0 ? void 0 : _children.key;
-      if (previousChildKey) {
-        filteredOutChildren.splice(filteredOutChildren.findIndex(function (a) {
-          return a.key === previousChildKey;
-        }) + 1, 0, child);
-      } else {
-        filteredOutChildren.unshift(child);
+    var _iterator = _createForOfIteratorHelper(newChildren),
+      _step;
+    try {
+      var _loop = function _loop() {
+        var _children;
+        var child = _step.value;
+        var previousChildKey = (_children = children[children.indexOf(child) - 1]) === null || _children === void 0 ? void 0 : _children.key;
+        if (previousChildKey) {
+          filteredOutChildren.splice(filteredOutChildren.findIndex(function (a) {
+            return a.key === previousChildKey;
+          }) + 1, 0, child);
+        } else {
+          filteredOutChildren.unshift(child);
+        }
+      };
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        _loop();
       }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
     }
     return filteredOutChildren;
   }, [children]);

package/dist/components/AsyncWrapper/AsyncWrapper.js

@@ -15,12 +15,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * This is a generic implementation of the loading, and error handling
  **/
 function AsyncWrapper(_ref) {
-  let loading = _ref.loading,
+  var loading = _ref.loading,
     error = _ref.error,
     onClose = _ref.onClose,
     onRetry = _ref.onRetry,
     children = _ref.children;
-  const _useOneUIContext$comp = (0, _OneUIProvider.useOneUIContext)().component.asyncWrapper,
+  var _useOneUIContext$comp = (0, _OneUIProvider.useOneUIContext)().component.asyncWrapper,
     _useOneUIContext$comp2 = _useOneUIContext$comp.LoadingComponent,
     LoadingComponent = _useOneUIContext$comp2 === void 0 ? _Loader.default : _useOneUIContext$comp2,
     messages = _useOneUIContext$comp.messages;