@onepercentio/one-ui 0.19.2 → 0.19.4

package/.babelrc

@@ -0,0 +1,17 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": "> 0.25%, not dead",
+        "exclude": [
+          "transform-block-scoping",
+          "transform-for-of",
+          "transform-regenerator"
+        ]
+      }
+    ],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
+  ]
+}

package/.prod.babelrc

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

package/dist/assets/styles/variables.scss

@@ -7,6 +7,7 @@ $sunsetPink: var(--sunset-pink, #ff3e7d);
 $darkestGray: var(--darkest-gray, #727272);
 $gray: var(--gray, #0f113a);
 $success: var(--success, lightgreen);
+$successDark: var(--success-dark, green);
 $mainBackgroundColor: var(--bg-color, white);
 $primaryColor: var(--primary-color, var(--digital-blue));
 

package/dist/components/AdaptiveButton/AdaptiveButton.js

@@ -1,29 +1,28 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const AdaptiveContainer_1 = __importDefault(require("../AdaptiveContainer"));
-const Button_1 = __importDefault(require("../Button"));
-const AdaptiveButton_module_scss_1 = __importDefault(require("./AdaptiveButton.module.scss"));
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = AdaptiveButton;
+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"];
+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; }
+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; }
 /**
  * A button that adapts it's width according to the content size
  **/
-function AdaptiveButton(_a) {
-    var { children, className = "" } = _a, buttonProps = __rest(_a, ["children", "className"]);
-    return (react_1.default.createElement(AdaptiveContainer_1.default, Object.assign({ containerElement: Button_1.default, className: `${AdaptiveButton_module_scss_1.default.resetButton} ${className}` }, buttonProps), children));
-}
-exports.default = AdaptiveButton;
-//# sourceMappingURL=AdaptiveButton.js.map
+function AdaptiveButton(_ref) {
+  let children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    buttonProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_AdaptiveContainer.default, _extends({
+    containerElement: _Button.default,
+    className: "".concat(_AdaptiveButtonModule.default.resetButton, " ").concat(className)
+  }, buttonProps), children);
+}

package/dist/components/AdaptiveButton/index.js

@@ -1,9 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var AdaptiveButton_1 = require("./AdaptiveButton");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AdaptiveButton_1).default; } });
-//# sourceMappingURL=index.js.map
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _AdaptiveButton.default;
+  }
+});
+var _AdaptiveButton = _interopRequireDefault(require("./AdaptiveButton"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/AdaptiveContainer/AdaptiveContainer.js

@@ -1,122 +1,103 @@
 "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;
+
+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); }
+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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const Transition_1 = require("../Transition");
-const UncontrolledTransition_1 = __importDefault(require("../UncontrolledTransition"));
-const AdaptiveContainer_module_scss_1 = __importDefault(require("./AdaptiveContainer.module.scss"));
+exports.default = AdaptiveContainer;
+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"];
+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 _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; }
+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; }
 /**
  * A container that animates width changes across content updates
  **/
-function AdaptiveContainer(_a) {
-    var { children, className = "", containerElement: _Wrapper = "div", direction = "h" } = _a, otherProps = __rest(_a, ["children", "className", "containerElement", "direction"]);
-    const uncontrolledRef = (0, react_1.useRef)(null);
-    const buttonRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
+function AdaptiveContainer(_ref) {
+  let children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$containerElement = _ref.containerElement,
+    _Wrapper = _ref$containerElement === void 0 ? "div" : _ref$containerElement,
+    _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);
+  (0, _react.useEffect)(function () {
+    const sectionDiv = uncontrolledRef.current.sectionRef.current;
+    if (sectionDiv) if (direction === "h") {
+      sectionDiv.style.width = "".concat(sectionDiv.clientWidth, "px");
+      sectionDiv.style.height = "";
+    } else {
+      sectionDiv.style.height = "".concat(sectionDiv.clientHeight, "px");
+      sectionDiv.style.width = "";
+    }
+    const t = setTimeout(function () {
+      if (uncontrolledRef.current) {
         const sectionDiv = uncontrolledRef.current.sectionRef.current;
-        if (sectionDiv)
+        if (sectionDiv) {
+          const lastChild = sectionDiv.lastChild;
+          if (lastChild) {
+            let resetFactory = function resetFactory(param, target) {
+              const 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] = "";
+                }, 100);
+                if (sectionDiv) sectionDiv.removeEventListener("transitionend", instance);
+              };
+              return instance;
+            };
             if (direction === "h") {
-                sectionDiv.style.width = `${sectionDiv.clientWidth}px`;
-                sectionDiv.style.height = ``;
+              const contentWidth = lastChild.clientWidth;
+              const targetWidth = "".concat(contentWidth, "px");
+              sectionDiv.style.width = targetWidth;
+              const func = resetFactory("width", contentWidth);
+              if (targetWidth === sectionDiv.style.width) func({
+                propertyName: "width"
+              });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({
+                propertyName: "height"
+              });else sectionDiv.addEventListener("transitionend", func);
             }
-            else {
-                sectionDiv.style.height = `${sectionDiv.clientHeight}px`;
-                sectionDiv.style.width = ``;
-            }
-        const t = setTimeout(() => {
-            if (uncontrolledRef.current) {
-                const sectionDiv = uncontrolledRef.current.sectionRef.current;
-                if (sectionDiv) {
-                    const lastChild = sectionDiv.lastChild;
-                    if (lastChild) {
-                        function resetFactory(param, target) {
-                            const instance = (e) => {
-                                if (e.propertyName !== param)
-                                    return;
-                                setTimeout(() => {
-                                    if ((sectionDiv === null || sectionDiv === void 0 ? void 0 : sectionDiv.style[param]) === `${target}px`)
-                                        sectionDiv.style[param] = "";
-                                }, 100);
-                                if (sectionDiv)
-                                    sectionDiv.removeEventListener("transitionend", instance);
-                            };
-                            return instance;
-                        }
-                        if (direction === "h") {
-                            const contentWidth = lastChild.clientWidth;
-                            const targetWidth = `${contentWidth}px`;
-                            sectionDiv.style.width = targetWidth;
-                            const func = resetFactory("width", contentWidth);
-                            if (targetWidth === sectionDiv.style.width)
-                                func({ propertyName: "width" });
-                            else
-                                sectionDiv.addEventListener("transitionend", func);
-                        }
-                        else {
-                            const contentHeight = lastChild.scrollHeight;
-                            const targetHeight = `${contentHeight}px`;
-                            sectionDiv.style.height = targetHeight;
-                            const func = resetFactory("height", contentHeight);
-                            if (targetHeight === sectionDiv.style.height)
-                                func({ propertyName: "height" });
-                            else
-                                sectionDiv.addEventListener("transitionend", func);
-                        }
-                    }
-                }
-            }
-        }, 100);
-        return () => clearTimeout(t);
-    }, [children.key, direction]);
-    const Wrapper = _Wrapper;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Wrapper, Object.assign({ className: `${className}`, ref: buttonRef }, otherProps),
-            react_1.default.createElement(UncontrolledTransition_1.default, { ref: uncontrolledRef, transitionType: Transition_1.TransitionAnimationTypes.CUSTOM, lockTransitionWidth: false, config: {
-                    backward: {
-                        elementExiting: AdaptiveContainer_module_scss_1.default.fadeOutAbsolute,
-                        elementEntering: AdaptiveContainer_module_scss_1.default.fadeInDelayed,
-                    },
-                    forward: {
-                        elementExiting: AdaptiveContainer_module_scss_1.default.fadeOutAbsolute,
-                        elementEntering: AdaptiveContainer_module_scss_1.default.fadeInDelayed,
-                    },
-                }, className: `${AdaptiveContainer_module_scss_1.default.resetSection} ${AdaptiveContainer_module_scss_1.default[direction]}` }, children))));
-}
-exports.default = AdaptiveContainer;
-//# sourceMappingURL=AdaptiveContainer.js.map
+          }
+        }
+      }
+    }, 100);
+    return function () {
+      return clearTimeout(t);
+    };
+  }, [children.key, direction]);
+  const Wrapper = _Wrapper;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Wrapper, _extends({
+    className: "".concat(className),
+    ref: buttonRef
+  }, otherProps), /*#__PURE__*/_react.default.createElement(_UncontrolledTransition.default, {
+    ref: uncontrolledRef,
+    transitionType: _Transition.TransitionAnimationTypes.CUSTOM,
+    lockTransitionWidth: false,
+    config: {
+      backward: {
+        elementExiting: _AdaptiveContainerModule.default.fadeOutAbsolute,
+        elementEntering: _AdaptiveContainerModule.default.fadeInDelayed
+      },
+      forward: {
+        elementExiting: _AdaptiveContainerModule.default.fadeOutAbsolute,
+        elementEntering: _AdaptiveContainerModule.default.fadeInDelayed
+      }
+    },
+    className: "".concat(_AdaptiveContainerModule.default.resetSection, " ").concat(_AdaptiveContainerModule.default[direction])
+  }, children)));
+}

package/dist/components/AdaptiveContainer/index.js

@@ -1,9 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var AdaptiveContainer_1 = require("./AdaptiveContainer");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AdaptiveContainer_1).default; } });
-//# sourceMappingURL=index.js.map
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _AdaptiveContainer.default;
+  }
+});
+var _AdaptiveContainer = _interopRequireDefault(require("./AdaptiveContainer"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/AdaptiveDialog/AdaptiveDialog.js

@@ -1,71 +1,91 @@
 "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;
+
+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); }
+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 });
-const react_1 = __importStar(require("react"));
-const AdaptiveDialog_module_scss_1 = __importDefault(require("./AdaptiveDialog.module.scss"));
-const MutableHamburgerButton_1 = __importDefault(require("../MutableHamburgerButton"));
-const ScrollAndFocusLock_1 = __importDefault(require("../utilitary/ScrollAndFocusLock"));
-const react_dom_1 = __importDefault(require("react-dom"));
-const OneUIProvider_1 = require("../../context/OneUIProvider");
+exports.default = AdaptiveDialog;
+var _react = _interopRequireWildcard(require("react"));
+var _AdaptiveDialogModule = _interopRequireDefault(require("./AdaptiveDialog.module.scss"));
+var _MutableHamburgerButton = _interopRequireDefault(require("../MutableHamburgerButton"));
+var _ScrollAndFocusLock = _interopRequireDefault(require("../utilitary/ScrollAndFocusLock"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _OneUIProvider = require("../../context/OneUIProvider");
+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 _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({ onClose, open = false, className = "", onClickOut, children, onClosed, }) {
-    const rootDivRef = (0, react_1.useRef)(null);
-    const [isVisible, setIsVisible] = (0, react_1.useState)(open);
-    const [expanded, setExpanded] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        if (open) {
-            setIsVisible(true);
-            const toggleVisbility = (e) => {
-                if (e.animationName === AdaptiveDialog_module_scss_1.default.backdropDismiss) {
-                    onClosed === null || onClosed === void 0 ? void 0 : onClosed();
-                    setIsVisible(false);
-                    e.target.removeEventListener("animationend", toggleVisbility);
-                }
-            };
-            rootDivRef.current.addEventListener("animationend", toggleVisbility);
+function AdaptiveDialog(_ref) {
+  let onClose = _ref.onClose,
+    _ref$open = _ref.open,
+    open = _ref$open === void 0 ? false : _ref$open,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    onClickOut = _ref.onClickOut,
+    children = _ref.children,
+    onClosed = _ref.onClosed;
+  const rootDivRef = (0, _react.useRef)(null);
+  const _useState = (0, _react.useState)(open),
+    _useState2 = _slicedToArray(_useState, 2),
+    isVisible = _useState2[0],
+    setIsVisible = _useState2[1];
+  const _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) {
+        if (e.animationName === _AdaptiveDialogModule.default.backdropDismiss) {
+          onClosed === null || onClosed === void 0 ? void 0 : onClosed();
+          setIsVisible(false);
+          e.target.removeEventListener("animationend", toggleVisbility);
         }
-    }, [open]);
-    const globalClassName = {
-        backdrop: (0, OneUIProvider_1.useOneUIConfig)("component.adaptiveDialog.backdropClassName", ""),
-        dialog: (0, OneUIProvider_1.useOneUIConfig)("component.adaptiveDialog.dialogClassName", ""),
-    };
-    return isVisible || open ? (react_1.default.createElement(react_1.default.Fragment, null, react_dom_1.default.createPortal(react_1.default.createElement("div", { ref: rootDivRef, className: `${AdaptiveDialog_module_scss_1.default.backdrop} ${open ? AdaptiveDialog_module_scss_1.default.open : AdaptiveDialog_module_scss_1.default.close} ${expanded ? AdaptiveDialog_module_scss_1.default.expanded : ""} ${globalClassName.backdrop}`, onClick: onClickOut, onAnimationEnd: ({ target, currentTarget }) => {
-            if (target === currentTarget)
-                target.style.pointerEvents = "initial";
-        } },
-        react_1.default.createElement("div", { className: `${AdaptiveDialog_module_scss_1.default.container} ${className} ${globalClassName.dialog}`, onClick: (e) => e.stopPropagation() },
-            react_1.default.createElement(ScrollAndFocusLock_1.default, { open: open },
-                onClose && (react_1.default.createElement("button", { className: AdaptiveDialog_module_scss_1.default.closeBtn, onClick: onClose },
-                    react_1.default.createElement(MutableHamburgerButton_1.default, { state: "closed", size: 24 }))),
-                react_1.default.createElement("div", { className: AdaptiveDialog_module_scss_1.default.indicator, onClick: () => setExpanded((p) => !p) }),
-                children))), document.body))) : null;
-}
-exports.default = AdaptiveDialog;
-//# sourceMappingURL=AdaptiveDialog.js.map
+      };
+      rootDivRef.current.addEventListener("animationend", toggleVisbility);
+    }
+  }, [open]);
+  const globalClassName = {
+    backdrop: (0, _OneUIProvider.useOneUIConfig)("component.adaptiveDialog.backdropClassName", ""),
+    dialog: (0, _OneUIProvider.useOneUIConfig)("component.adaptiveDialog.dialogClassName", "")
+  };
+  return isVisible || open ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement("div", {
+    ref: rootDivRef,
+    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,
+        currentTarget = _ref2.currentTarget;
+      if (target === currentTarget) target.style.pointerEvents = "initial";
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_AdaptiveDialogModule.default.container, " ").concat(className, " ").concat(globalClassName.dialog),
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ScrollAndFocusLock.default, {
+    open: open
+  }, onClose && /*#__PURE__*/_react.default.createElement("button", {
+    className: _AdaptiveDialogModule.default.closeBtn,
+    onClick: onClose
+  }, /*#__PURE__*/_react.default.createElement(_MutableHamburgerButton.default, {
+    state: "closed",
+    size: 24
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _AdaptiveDialogModule.default.indicator,
+    onClick: function onClick() {
+      return setExpanded(function (p) {
+        return !p;
+      });
+    }
+  }), children))), document.body)) : null;
+}

package/dist/components/AdaptiveDialog/index.js

@@ -1,9 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var AdaptiveDialog_1 = require("./AdaptiveDialog");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AdaptiveDialog_1).default; } });
-//# sourceMappingURL=index.js.map
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _AdaptiveDialog.default;
+  }
+});
+var _AdaptiveDialog = _interopRequireDefault(require("./AdaptiveDialog"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }