@onepercentio/one-ui 1.3.2 → 1.3.4

package/dist/components/AdaptiveDialog/AdaptiveDialog.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = AdaptiveDialog;
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _AdaptiveDialogModule = _interopRequireDefault(require("./AdaptiveDialog.module.scss"));
+var _MutableHamburgerButton = _interopRequireDefault(require("../MutableHamburgerButton"));
+var _ScrollAndFocusLock = _interopRequireDefault(require("../utilitary/ScrollAndFocusLock"));
+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 (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; }
+/**
+ * This is a dialog component that shows content in an overlay. 
+ * On mobile devices, it slides in from the side like a drawer menu,
+ * while on desktop computers, it appears as a centered popup window.
+ * It handles closing animations and can render in different locations on the page.
+ **/
+function AdaptiveDialog(_ref) {
+  let {
+    variant = "default",
+    onClose,
+    open = false,
+    className = "",
+    onClickOut,
+    children,
+    onClosed,
+    inline = false
+  } = _ref;
+  const rootDivRef = (0, _react.useRef)(null);
+  const [isVisible, setIsVisible] = (0, _react.useState)(open);
+  const [expanded, setExpanded] = (0, _react.useState)(false);
+  const variantClass = (0, _OneUIProvider.useOneUIConfig)("component.adaptiveDialog.variant.".concat(variant), "");
+  (0, _react.useEffect)(() => {
+    if (open) {
+      setIsVisible(true);
+      const toggleVisbility = e => {
+        if (e.animationName === _AdaptiveDialogModule.default.backdropDismiss) {
+          onClosed === null || onClosed === void 0 || onClosed();
+          setIsVisible(false);
+          e.target.removeEventListener("animationend", toggleVisbility);
+        }
+      };
+      rootDivRef.current.addEventListener("animationend", toggleVisbility);
+    }
+  }, [open]);
+  const globalClassName = {
+    backdrop: (0, _OneUIProvider.useOneUIConfig)("component.adaptiveDialog.backdropClassName", ""),
+    dialog: (0, _OneUIProvider.useOneUIConfig)("component.adaptiveDialog.dialogClassName", "")
+  };
+  const content = /*#__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, " ").concat(variantClass),
+    onClick: onClickOut,
+    onAnimationEnd: _ref2 => {
+      let {
+        target,
+        currentTarget
+      } = _ref2;
+      if (target === currentTarget) target.style.pointerEvents = "initial";
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_AdaptiveDialogModule.default.container, " ").concat(className, " ").concat(globalClassName.dialog),
+    onClick: e => 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", {
+    onClick: () => setExpanded(p => !p)
+  }), children)));
+  return isVisible || open ? inline ? content : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_reactDom.default.createPortal(content, document.body)) : null;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfcmVhY3REb20iLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX0FkYXB0aXZlRGlhbG9nTW9kdWxlIiwiX011dGFibGVIYW1idXJnZXJCdXR0b24iLCJfU2Nyb2xsQW5kRm9jdXNMb2NrIiwiX09uZVVJUHJvdmlkZXIiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsIm5vZGVJbnRlcm9wIiwiV2Vha01hcCIsImNhY2hlQmFiZWxJbnRlcm9wIiwiY2FjaGVOb2RlSW50ZXJvcCIsImNhY2hlIiwiaGFzIiwiZ2V0IiwibmV3T2JqIiwiaGFzUHJvcGVydHlEZXNjcmlwdG9yIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJkZXNjIiwic2V0IiwiQWRhcHRpdmVEaWFsb2ciLCJfcmVmIiwidmFyaWFudCIsIm9uQ2xvc2UiLCJvcGVuIiwiY2xhc3NOYW1lIiwib25DbGlja091dCIsImNoaWxkcmVuIiwib25DbG9zZWQiLCJpbmxpbmUiLCJyb290RGl2UmVmIiwidXNlUmVmIiwiaXNWaXNpYmxlIiwic2V0SXNWaXNpYmxlIiwidXNlU3RhdGUiLCJleHBhbmRlZCIsInNldEV4cGFuZGVkIiwidmFyaWFudENsYXNzIiwidXNlT25lVUlDb25maWciLCJjb25jYXQiLCJ1c2VFZmZlY3QiLCJ0b2dnbGVWaXNiaWxpdHkiLCJlIiwiYW5pbWF0aW9uTmFtZSIsIlN0eWxlcyIsImJhY2tkcm9wRGlzbWlzcyIsInRhcmdldCIsInJlbW92ZUV2ZW50TGlzdGVuZXIiLCJjdXJyZW50IiwiYWRkRXZlbnRMaXN0ZW5lciIsImdsb2JhbENsYXNzTmFtZSIsImJhY2tkcm9wIiwiZGlhbG9nIiwiY29udGVudCIsImNyZWF0ZUVsZW1lbnQiLCJyZWYiLCJjbG9zZSIsIm9uQ2xpY2siLCJvbkFuaW1hdGlvbkVuZCIsIl9yZWYyIiwiY3VycmVudFRhcmdldCIsInN0eWxlIiwicG9pbnRlckV2ZW50cyIsImNvbnRhaW5lciIsInN0b3BQcm9wYWdhdGlvbiIsImNsb3NlQnRuIiwic3RhdGUiLCJzaXplIiwicCIsIkZyYWdtZW50IiwiUmVhY3RET00iLCJjcmVhdGVQb3J0YWwiLCJkb2N1bWVudCIsImJvZHkiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BZGFwdGl2ZURpYWxvZy9BZGFwdGl2ZURpYWxvZy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFByb3BzV2l0aENoaWxkcmVuLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdERPTSBmcm9tIFwicmVhY3QtZG9tXCI7XG5pbXBvcnQgU3R5bGVzIGZyb20gXCIuL0FkYXB0aXZlRGlhbG9nLm1vZHVsZS5zY3NzXCI7XG5pbXBvcnQgTXV0YWJsZUhhbWJ1cmdlckJ1dHRvbiBmcm9tIFwiLi4vTXV0YWJsZUhhbWJ1cmdlckJ1dHRvblwiO1xuaW1wb3J0IFNjcm9sbEFuZEZvY3VzTG9jayBmcm9tIFwiLi4vdXRpbGl0YXJ5L1Njcm9sbEFuZEZvY3VzTG9ja1wiO1xuaW1wb3J0IHsgdXNlT25lVUlDb25maWcgfSBmcm9tIFwiLi4vLi4vY29udGV4dC9PbmVVSVByb3ZpZGVyXCI7XG5pbXBvcnQgeyBGcm9tT25lUGVyY2VudFV0aWxpdHkgfSBmcm9tIFwiLi4vLi4vdHlwZS11dGlsc1wiO1xuXG4vKipcbiAqIFRoaXMgaXMgYSBkaWFsb2cgY29tcG9uZW50IHRoYXQgc2hvd3MgY29udGVudCBpbiBhbiBvdmVybGF5LiBcbiAqIE9uIG1vYmlsZSBkZXZpY2VzLCBpdCBzbGlkZXMgaW4gZnJvbSB0aGUgc2lkZSBsaWtlIGEgZHJhd2VyIG1lbnUsXG4gKiB3aGlsZSBvbiBkZXNrdG9wIGNvbXB1dGVycywgaXQgYXBwZWFycyBhcyBhIGNlbnRlcmVkIHBvcHVwIHdpbmRvdy5cbiAqIEl0IGhhbmRsZXMgY2xvc2luZyBhbmltYXRpb25zIGFuZCBjYW4gcmVuZGVyIGluIGRpZmZlcmVudCBsb2NhdGlvbnMgb24gdGhlIHBhZ2UuXG4gKiovXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBBZGFwdGl2ZURpYWxvZyh7XG4gIHZhcmlhbnQgPSBcImRlZmF1bHRcIixcbiAgb25DbG9zZSxcbiAgb3BlbiA9IGZhbHNlLFxuICBjbGFzc05hbWUgPSBcIlwiLFxuICBvbkNsaWNrT3V0LFxuICBjaGlsZHJlbixcbiAgb25DbG9zZWQsXG4gIGlubGluZSA9IGZhbHNlLFxufTogUHJvcHNXaXRoQ2hpbGRyZW48e1xuICB2YXJpYW50PzogRnJvbU9uZVBlcmNlbnRVdGlsaXR5PCdVSUVsZW1lbnRzLkFkYXB0aXZlRGlhbG9nVmFyaWFudHMnPjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBvcGVuOiBib29sZWFuO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbiAgb25DbGlja091dD86ICgpID0+IHZvaWQ7XG4gIG9uQ2xvc2VkPzogKCkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGlzIHJlbmRlcmluZyB3aWxsIHdyaXRlIHRoZSBodG1sIGluc2lkZSB0aGUgY3VycmVudCBwb3NpdGlvbiBvbiBkb20uXG4gICAqIElmIG9taXR0ZWQgb3IgZmFsc2UsIGl0IHdpbGwgcmVuZGVyIG9uIHRoZSBkb2N1bWVudCBib2R5LCB0byBwcmV2ZW50IHN0eWxlIGJsZWVkaW5nICovXG4gIGlubGluZT86IGJvb2xlYW47XG59Pikge1xuICBjb25zdCByb290RGl2UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgW2lzVmlzaWJsZSwgc2V0SXNWaXNpYmxlXSA9IHVzZVN0YXRlKG9wZW4pO1xuICBjb25zdCBbZXhwYW5kZWQsIHNldEV4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgdmFyaWFudENsYXNzID0gdXNlT25lVUlDb25maWcoXG4gICAgYGNvbXBvbmVudC5hZGFwdGl2ZURpYWxvZy52YXJpYW50LiR7dmFyaWFudH1gLFxuICAgIFwiXCJcbiAgKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChvcGVuKSB7XG4gICAgICBzZXRJc1Zpc2libGUodHJ1ZSk7XG4gICAgICBjb25zdCB0b2dnbGVWaXNiaWxpdHkgPSAoZTogQW5pbWF0aW9uRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKGUuYW5pbWF0aW9uTmFtZSA9PT0gU3R5bGVzLmJhY2tkcm9wRGlzbWlzcykge1xuICAgICAgICAgIG9uQ2xvc2VkPy4oKTtcbiAgICAgICAgICBzZXRJc1Zpc2libGUoZmFsc2UpO1xuICAgICAgICAgIChlLnRhcmdldCEgYXMgSFRNTERpdkVsZW1lbnQpLnJlbW92ZUV2ZW50TGlzdGVuZXIoXG4gICAgICAgICAgICBcImFuaW1hdGlvbmVuZFwiLFxuICAgICAgICAgICAgdG9nZ2xlVmlzYmlsaXR5XG4gICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgfTtcbiAgICAgIHJvb3REaXZSZWYuY3VycmVudCEuYWRkRXZlbnRMaXN0ZW5lcihcImFuaW1hdGlvbmVuZFwiLCB0b2dnbGVWaXNiaWxpdHkpO1xuICAgIH1cbiAgfSwgW29wZW5dKTtcblxuICBjb25zdCBnbG9iYWxDbGFzc05hbWUgPSB7XG4gICAgYmFja2Ryb3A6IHVzZU9uZVVJQ29uZmlnKFwiY29tcG9uZW50LmFkYXB0aXZlRGlhbG9nLmJhY2tkcm9wQ2xhc3NOYW1lXCIsIFwiXCIpLFxuICAgIGRpYWxvZzogdXNlT25lVUlDb25maWcoXCJjb21wb25lbnQuYWRhcHRpdmVEaWFsb2cuZGlhbG9nQ2xhc3NOYW1lXCIsIFwiXCIpLFxuICB9O1xuICBjb25zdCBjb250ZW50ID0gKFxuICAgIDxkaXZcbiAgICAgIHJlZj17cm9vdERpdlJlZn1cbiAgICAgIGNsYXNzTmFtZT17YCR7U3R5bGVzLmJhY2tkcm9wfSAke29wZW4gPyBTdHlsZXMub3BlbiA6IFN0eWxlcy5jbG9zZX0gJHtleHBhbmRlZCA/IFN0eWxlcy5leHBhbmRlZCA6IFwiXCJcbiAgICAgICAgfSAke2dsb2JhbENsYXNzTmFtZS5iYWNrZHJvcH0gJHt2YXJpYW50Q2xhc3N9YH1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2tPdXR9XG4gICAgICBvbkFuaW1hdGlvbkVuZD17KHsgdGFyZ2V0LCBjdXJyZW50VGFyZ2V0IH0pID0+IHtcbiAgICAgICAgaWYgKHRhcmdldCA9PT0gY3VycmVudFRhcmdldClcbiAgICAgICAgICAodGFyZ2V0IGFzIEhUTUxEaXZFbGVtZW50KS5zdHlsZS5wb2ludGVyRXZlbnRzID0gXCJpbml0aWFsXCI7XG4gICAgICB9fVxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3NOYW1lPXtgJHtTdHlsZXMuY29udGFpbmVyfSAke2NsYXNzTmFtZX0gJHtnbG9iYWxDbGFzc05hbWUuZGlhbG9nfWB9XG4gICAgICAgIG9uQ2xpY2s9eyhlKSA9PiBlLnN0b3BQcm9wYWdhdGlvbigpfVxuICAgICAgPlxuICAgICAgICA8U2Nyb2xsQW5kRm9jdXNMb2NrIG9wZW49e29wZW59PlxuICAgICAgICAgIHtvbkNsb3NlICYmIChcbiAgICAgICAgICAgIDxidXR0b24gY2xhc3NOYW1lPXtTdHlsZXMuY2xvc2VCdG59IG9uQ2xpY2s9e29uQ2xvc2V9PlxuICAgICAgICAgICAgICA8TXV0YWJsZUhhbWJ1cmdlckJ1dHRvbiBzdGF0ZT1cImNsb3NlZFwiIHNpemU9ezI0fSAvPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8ZGl2IG9uQ2xpY2s9eygpID0+IHNldEV4cGFuZGVkKChwKSA9PiAhcCl9IC8+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1Njcm9sbEFuZEZvY3VzTG9jaz5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xuXG4gIHJldHVybiBpc1Zpc2libGUgfHwgb3BlbiA/IChcbiAgICBpbmxpbmUgPyAoXG4gICAgICBjb250ZW50XG4gICAgKSA6IChcbiAgICAgIDw+e1JlYWN0RE9NLmNyZWF0ZVBvcnRhbChjb250ZW50LCBkb2N1bWVudC5ib2R5KX08Lz5cbiAgICApXG4gICkgOiBudWxsO1xufSJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsU0FBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUcscUJBQUEsR0FBQUQsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFJLHVCQUFBLEdBQUFGLHNCQUFBLENBQUFGLE9BQUE7QUFDQSxJQUFBSyxtQkFBQSxHQUFBSCxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQU0sY0FBQSxHQUFBTixPQUFBO0FBQTZELFNBQUFFLHVCQUFBSyxHQUFBLFdBQUFBLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLEdBQUFELEdBQUEsS0FBQUUsT0FBQSxFQUFBRixHQUFBO0FBQUEsU0FBQUcseUJBQUFDLFdBQUEsZUFBQUMsT0FBQSxrQ0FBQUMsaUJBQUEsT0FBQUQsT0FBQSxRQUFBRSxnQkFBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLENBQUFDLFdBQUEsV0FBQUEsV0FBQSxHQUFBRyxnQkFBQSxHQUFBRCxpQkFBQSxLQUFBRixXQUFBO0FBQUEsU0FBQVosd0JBQUFRLEdBQUEsRUFBQUksV0FBQSxTQUFBQSxXQUFBLElBQUFKLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLFdBQUFELEdBQUEsUUFBQUEsR0FBQSxvQkFBQUEsR0FBQSx3QkFBQUEsR0FBQSw0QkFBQUUsT0FBQSxFQUFBRixHQUFBLFVBQUFRLEtBQUEsR0FBQUwsd0JBQUEsQ0FBQUMsV0FBQSxPQUFBSSxLQUFBLElBQUFBLEtBQUEsQ0FBQUMsR0FBQSxDQUFBVCxHQUFBLFlBQUFRLEtBQUEsQ0FBQUUsR0FBQSxDQUFBVixHQUFBLFNBQUFX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

package/dist/components/AdaptiveDialog/AdaptiveDialog.module.scss

@@ -0,0 +1,145 @@
+@use "../../assets/styles/index.scss" as *;
+
+.backdrop {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+  transition: backdrop-filter $veryFast linear;
+  backdrop-filter: var(--adaptive-dialog-backdrop-backdrop, initial);
+  pointer-events: none;
+
+  @media screen and (orientation: "portrait") {
+    align-items: flex-end;
+  }
+}
+.backdrop,
+.container {
+  animation-duration: $fast;
+  animation-fill-mode: forwards;
+}
+
+.open {
+  &.backdrop {
+    animation-name: backdropAppear;
+  }
+  .container {
+    animation-name: reveal;
+  }
+  @media screen and (orientation: "portrait") {
+    .container {
+      animation-timing-function: ease-in-out;
+      animation-name: slideUp;
+      transform: translateY(100%);
+    }
+  }
+}
+
+.close {
+  &.backdrop {
+    animation-name: backdropDismiss;
+  }
+
+  .container {
+    animation-name: dismiss;
+  }
+
+  @media screen and (orientation: "portrait") {
+    .container {
+      animation-name: slideDown;
+    }
+  }
+}
+
+.container {
+  > .closeBtn {
+    position: absolute;
+    right: 16px;
+    top: 16px;
+    background: none;
+    border: none;
+    width: auto;
+    height: auto;
+    padding: 0px !important;
+  }
+  position: relative;
+  max-width: 95vw;
+  background: $mainBackgroundColor;
+  backdrop-filter: var(--adaptive-dialog-backdrop, initial);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  max-height: 90% !important;
+  overscroll-behavior: contain;
+  @media screen and (orientation: "portrait") {
+    min-height: initial;
+    align-items: flex-start;
+  }
+}
+
+@keyframes backdropAppear {
+  0% {
+    background-color: #0000;
+  }
+
+  100% {
+    background-color: #0005;
+  }
+}
+
+@keyframes backdropDismiss {
+  0% {
+    background-color: #0005;
+  }
+
+  100% {
+    background-color: #0000;
+  }
+}
+
+@keyframes reveal {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes dismiss {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+
+@keyframes slideUp {
+  0% {
+    min-height: 0px;
+    transform: translateY(100%);
+  }
+
+  100% {
+    min-height: 0px;
+    transform: translateY(0%);
+  }
+}
+
+@keyframes slideDown {
+  0% {
+    transform: translateY(0%);
+  }
+
+  100% {
+    min-height: 0px;
+    transform: translateY(100%);
+  }
+}

package/dist/components/AdaptiveDialog/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _AdaptiveDialog.default;
+  }
+});
+var _AdaptiveDialog = _interopRequireWildcard(require("./AdaptiveDialog"));
+Object.keys(_AdaptiveDialog).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AdaptiveDialog[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AdaptiveDialog[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfQWRhcHRpdmVEaWFsb2ciLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJPYmplY3QiLCJrZXlzIiwiZm9yRWFjaCIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIl9leHBvcnROYW1lcyIsImV4cG9ydHMiLCJkZWZpbmVQcm9wZXJ0eSIsImVudW1lcmFibGUiLCJnZXQiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJub2RlSW50ZXJvcCIsIldlYWtNYXAiLCJjYWNoZUJhYmVsSW50ZXJvcCIsImNhY2hlTm9kZUludGVyb3AiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsImNhY2hlIiwiaGFzIiwibmV3T2JqIiwiaGFzUHJvcGVydHlEZXNjcmlwdG9yIiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwiZGVzYyIsInNldCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FkYXB0aXZlRGlhbG9nL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBkZWZhdWx0IH0gZnJvbSBcIi4vQWRhcHRpdmVEaWFsb2dcIjtcbmV4cG9ydCAqIGZyb20gXCIuL0FkYXB0aXZlRGlhbG9nXCI7Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQSxJQUFBQSxlQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFDQUMsTUFBQSxDQUFBQyxJQUFBLENBQUFKLGVBQUEsRUFBQUssT0FBQSxXQUFBQyxHQUFBO0VBQUEsSUFBQUEsR0FBQSxrQkFBQUEsR0FBQTtFQUFBLElBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQUMsWUFBQSxFQUFBSixHQUFBO0VBQUEsSUFBQUEsR0FBQSxJQUFBSyxPQUFBLElBQUFBLE9BQUEsQ0FBQUwsR0FBQSxNQUFBTixlQUFBLENBQUFNLEdBQUE7RUFBQUgsTUFBQSxDQUFBUyxjQUFBLENBQUFELE9BQUEsRUFBQUwsR0FBQTtJQUFBTyxVQUFBO0lBQUFDLEdBQUEsV0FBQUEsQ0FBQTtNQUFBLE9BQUFkLGVBQUEsQ0FBQU0sR0FBQTtJQUFBO0VBQUE7QUFBQTtBQUFpQyxTQUFBUyx5QkFBQUMsV0FBQSxlQUFBQyxPQUFBLGtDQUFBQyxpQkFBQSxPQUFBRCxPQUFBLFFBQUFFLGdCQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEsQ0FBQUMsV0FBQSxXQUFBQSxXQUFBLEdBQUFHLGdCQUFBLEdBQUFELGlCQUFBLEtBQUFGLFdBQUE7QUFBQSxTQUFBZix3QkFBQW1CLEdBQUEsRUFBQUosV0FBQSxTQUFBQSxXQUFBLElBQUFJLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLFdBQUFELEdBQUEsUUFBQUEsR0FBQSxvQkFBQUEsR0FBQSx3QkFBQUEsR0FBQSw0QkFBQUUsT0FBQSxFQUFBRixHQUFBLFVBQUFHLEtBQUEsR0FBQVIsd0JBQUEsQ0FBQUMsV0FBQSxPQUFBTyxLQUFBLElBQUFBLEtBQUEsQ0FBQUMsR0FBQSxDQUFBSixHQUFBLFlBQUFHLEtBQUEsQ0FBQVQsR0FBQSxDQUFBTSxHQUFBLFNBQUFLLE1BQUEsV0FBQUMscUJBQUEsR0FBQXZCLE1BQUEsQ0FBQVMsY0FBQSxJQUFBVCxNQUFBLENBQUF3Qix3QkFBQSxXQUFBckIsR0FBQSxJQUFBYyxHQUFBLFFBQUFkLEdBQUEsa0JBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQVcsR0FBQSxFQUFBZCxHQUFBLFNBQUFzQixJQUFBLEdBQUFGLHFCQUFBLEdBQUF2QixNQUFBLENBQUF3Qix3QkFBQSxDQUFBUCxHQUFBLEVBQUFkLEdBQUEsY0FBQXNCLElBQUEsS0FBQUEsSUFBQSxDQUFBZCxHQUFBLElBQUFjLElBQUEsQ0FBQUMsR0FBQSxLQUFBMUIsTUFBQSxDQUFBUyxjQUFBLENBQUFhLE1BQUEsRUFBQW5CLEdBQUEsRUFBQXNCLElBQUEsWUFBQUgsTUFBQSxDQUFBbkIsR0FBQSxJQUFBYyxHQUFBLENBQUFkLEdBQUEsU0FBQW1CLE1BQUEsQ0FBQUgsT0FBQSxHQUFBRixHQUFBLE1BQUFHLEtBQUEsSUFBQUEsS0FBQSxDQUFBTSxHQUFBLENBQUFULEdBQUEsRUFBQUssTUFBQSxZQUFBQSxNQUFBIn0=

package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
+var _MutableHamburgerButton = _interopRequireDefault(require("../MutableHamburgerButton"));
+var _ScrollAndFocusLock = _interopRequireDefault(require("../utilitary/ScrollAndFocusLock"));
+var _AdaptiveSidebarModule = _interopRequireDefault(require("./AdaptiveSidebar.module.scss"));
+var _useBreakpoint = _interopRequireDefault(require("../../hooks/ui/useBreakpoint"));
+var _OneUIProvider = require("../../context/OneUIProvider");
+const _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 (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; }
+const DefaultVisibilityControl = _ref => {
+  let {
+    open
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_MutableHamburgerButton.default, {
+    size: 48,
+    state: open ? "closed" : "default"
+  });
+};
+function _AdaptiveSidebar(_ref2, ref) {
+  let {
+      open: externalOpen,
+      children,
+      className = "",
+      breakInto = 640,
+      visibilityControlComponent: VisibilityControlComponent = DefaultVisibilityControl
+    } = _ref2,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  const [open, setOpen] = (0, _react.useState)(false);
+  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");
+  (0, _react.useImperativeHandle)(ref, () => ({
+    dismiss: () => setOpen(false)
+  }), []);
+  (0, _react.useEffect)(() => {
+    if (process.env.NODE_ENV === "test") return;
+    containerRef.current.scrollTo({
+      left: 0,
+      behavior: "smooth",
+      top: 0
+    });
+  }, [_open]);
+  const externalControl = externalOpen !== undefined;
+  const 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, {
+    open: _open
+  }, children));
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isMobile ? /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, content, !externalControl && /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(isMobile ? _AdaptiveSidebarModule.default.mobile : _AdaptiveSidebarModule.default.desktop, " ").concat(_AdaptiveSidebarModule.default.hamburger, " ").concat(globalControlClassName),
+    onClick: () => setOpen(a => !a)
+  }, /*#__PURE__*/_react.default.createElement(VisibilityControlComponent, {
+    open: _open
+  }))), document.body) : content);
+}
+
+/**
+ * A component that displays a sidebar panel. On mobile devices, it shows a floating button to open and close the panel.
+ * On desktop, the panel displays directly in the page.
+ **/
+const AdaptiveSidebar = /*#__PURE__*/(0, _react.forwardRef)(_AdaptiveSidebar);
+var _default = exports.default = AdaptiveSidebar;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfcmVhY3REb20iLCJfTXV0YWJsZUhhbWJ1cmdlckJ1dHRvbiIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfU2Nyb2xsQW5kRm9jdXNMb2NrIiwiX0FkYXB0aXZlU2lkZWJhck1vZHVsZSIsIl91c2VCcmVha3BvaW50IiwiX09uZVVJUHJvdmlkZXIiLCJfZXhjbHVkZWQiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsIm5vZGVJbnRlcm9wIiwiV2Vha01hcCIsImNhY2hlQmFiZWxJbnRlcm9wIiwiY2FjaGVOb2RlSW50ZXJvcCIsImNhY2hlIiwiaGFzIiwiZ2V0IiwibmV3T2JqIiwiaGFzUHJvcGVydHlEZXNjcmlwdG9yIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJkZXNjIiwic2V0IiwiX2V4dGVuZHMiLCJhc3NpZ24iLCJiaW5kIiwidGFyZ2V0IiwiaSIsImFyZ3VtZW50cyIsImxlbmd0aCIsInNvdXJjZSIsImFwcGx5IiwiX29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzIiwiZXhjbHVkZWQiLCJfb2JqZWN0V2l0aG91dFByb3BlcnRpZXNMb29zZSIsImdldE93blByb3BlcnR5U3ltYm9scyIsInNvdXJjZVN5bWJvbEtleXMiLCJpbmRleE9mIiwicHJvcGVydHlJc0VudW1lcmFibGUiLCJzb3VyY2VLZXlzIiwia2V5cyIsIkRlZmF1bHRWaXNpYmlsaXR5Q29udHJvbCIsIl9yZWYiLCJvcGVuIiwiY3JlYXRlRWxlbWVudCIsInNpemUiLCJzdGF0ZSIsIl9BZGFwdGl2ZVNpZGViYXIiLCJfcmVmMiIsInJlZiIsImV4dGVybmFsT3BlbiIsImNoaWxkcmVuIiwiY2xhc3NOYW1lIiwiYnJlYWtJbnRvIiwidmlzaWJpbGl0eUNvbnRyb2xDb21wb25lbnQiLCJWaXNpYmlsaXR5Q29udHJvbENvbXBvbmVudCIsInByb3BzIiwic2V0T3BlbiIsInVzZVN0YXRlIiwiY29udGFpbmVyUmVmIiwidXNlUmVmIiwiX29wZW4iLCJ1bmRlZmluZWQiLCJpc01vYmlsZSIsInVzZUJyZWFrcG9pbnQiLCJnbG9iYWxDbGFzc05hbWUiLCJ1c2VPbmVVSUNvbmZpZyIsImdsb2JhbENvbnRyb2xDbGFzc05hbWUiLCJ1c2VJbXBlcmF0aXZlSGFuZGxlIiwiZGlzbWlzcyIsInVzZUVmZmVjdCIsInByb2Nlc3MiLCJlbnYiLCJOT0RFX0VOViIsImN1cnJlbnQiLCJzY3JvbGxUbyIsImxlZnQiLCJiZWhhdmlvciIsInRvcCIsImV4dGVybmFsQ29udHJvbCIsImNvbnRlbnQiLCJjb25jYXQiLCJTdHlsZXMiLCJtb2JpbGUiLCJkZXNrdG9wIiwiY29udGFpbmVyIiwiZGVmYXVsdFBhZGRpbmciLCJjbG9zZWQiLCJGcmFnbWVudCIsImNyZWF0ZVBvcnRhbCIsImhhbWJ1cmdlciIsIm9uQ2xpY2siLCJhIiwiZG9jdW1lbnQiLCJib2R5IiwiQWRhcHRpdmVTaWRlYmFyIiwiZm9yd2FyZFJlZiIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FkYXB0aXZlU2lkZWJhci9BZGFwdGl2ZVNpZGViYXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1xuICBGb3J3YXJkZWRSZWYsXG4gIGZvcndhcmRSZWYsXG4gIFByb3BzV2l0aENoaWxkcmVuLFxuICB1c2VFZmZlY3QsXG4gIHVzZUltcGVyYXRpdmVIYW5kbGUsXG4gIHVzZVJlZixcbiAgdXNlU3RhdGUsXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSBcInJlYWN0LWRvbVwiO1xuaW1wb3J0IE11dGFibGVIYW1idXJnZXJCdXR0b24gZnJvbSBcIi4uL011dGFibGVIYW1idXJnZXJCdXR0b25cIjtcbmltcG9ydCBTY3JvbGxBbmRGb2N1c0xvY2sgZnJvbSBcIi4uL3V0aWxpdGFyeS9TY3JvbGxBbmRGb2N1c0xvY2tcIjtcbmltcG9ydCBTdHlsZXMgZnJvbSBcIi4vQWRhcHRpdmVTaWRlYmFyLm1vZHVsZS5zY3NzXCI7XG5pbXBvcnQgdXNlQnJlYWtwb2ludCBmcm9tIFwiLi4vLi4vaG9va3MvdWkvdXNlQnJlYWtwb2ludFwiO1xuaW1wb3J0IHsgdXNlT25lVUlDb25maWcgfSBmcm9tIFwiLi4vLi4vY29udGV4dC9PbmVVSVByb3ZpZGVyXCI7XG5cbmNvbnN0IERlZmF1bHRWaXNpYmlsaXR5Q29udHJvbCA9ICh7IG9wZW4gfTogeyBvcGVuOiBib29sZWFuIH0pID0+IChcbiAgPE11dGFibGVIYW1idXJnZXJCdXR0b24gc2l6ZT17NDh9IHN0YXRlPXtvcGVuID8gXCJjbG9zZWRcIiA6IFwiZGVmYXVsdFwifSAvPlxuKTtcblxudHlwZSBBZGFwdGl2ZVNpZGViYXJDb250cm9scyA9IHtcbiAgZGlzbWlzczogKCkgPT4gdm9pZDtcbn07XG5mdW5jdGlvbiBfQWRhcHRpdmVTaWRlYmFyKFxuICB7XG4gICAgb3BlbjogZXh0ZXJuYWxPcGVuLFxuICAgIGNoaWxkcmVuLFxuICAgIGNsYXNzTmFtZSA9IFwiXCIsXG4gICAgYnJlYWtJbnRvID0gNjQwLFxuICAgIHZpc2liaWxpdHlDb250cm9sQ29tcG9uZW50OlxuICAgICAgVmlzaWJpbGl0eUNvbnRyb2xDb21wb25lbnQgPSBEZWZhdWx0VmlzaWJpbGl0eUNvbnRyb2wsXG4gICAgLi4ucHJvcHNcbiAgfTogUHJvcHNXaXRoQ2hpbGRyZW48XG4gICAge1xuICAgICAgLyoqIFRvIGNvbnRyb2wgQWRhcHRpdmVTaWRlYmFyIGV4dGVybmFsbHlcbiAgICAgICAqIChjcmVhdGVkIGZvciBmbG93cyB0aGF0IHJlcXVpcmVzIGZsb2F0aW5nIHZpZXdzIHdoZW4gb24gbW9iaWxlKVxuICAgICAgICoqL1xuICAgICAgb3Blbj86IGJvb2xlYW47XG4gICAgICAvKipcbiAgICAgICAqIFRoZSBzY3JlZW4gd2lkdGggdG8gdHVybiBpbnRvIHJlc3BvbnNpdmUgbW9kZVxuICAgICAgICovXG4gICAgICBicmVha0ludG8/OiBudW1iZXI7XG4gICAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgICB2aXNpYmlsaXR5Q29udHJvbENvbXBvbmVudD86IChwcm9wczoge1xuICAgICAgICBvcGVuOiBib29sZWFuO1xuICAgICAgfSkgPT4gUmVhY3QuUmVhY3RFbGVtZW50O1xuICAgIH0gJiBPbWl0PFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4sIFwicmVmXCI+XG4gID4sXG4gIHJlZjogRm9yd2FyZGVkUmVmPEFkYXB0aXZlU2lkZWJhckNvbnRyb2xzPlxuKSB7XG4gIGNvbnN0IFtvcGVuLCBzZXRPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgX29wZW4gPSBleHRlcm5hbE9wZW4gPT09IHVuZGVmaW5lZCA/IG9wZW4gOiBleHRlcm5hbE9wZW47XG4gIGNvbnN0IGlzTW9iaWxlID0gdXNlQnJlYWtwb2ludChicmVha0ludG8pO1xuICBjb25zdCBnbG9iYWxDbGFzc05hbWUgPSB1c2VPbmVVSUNvbmZpZyhcImNvbXBvbmVudC5hZGFwdGl2ZVNpZGViYXIuY2xhc3NOYW1lXCIpO1xuICBjb25zdCBnbG9iYWxDb250cm9sQ2xhc3NOYW1lID0gdXNlT25lVUlDb25maWcoXG4gICAgXCJjb21wb25lbnQuYWRhcHRpdmVTaWRlYmFyLmNvbnRyb2xDbGFzc05hbWVcIlxuICApO1xuXG4gIHVzZUltcGVyYXRpdmVIYW5kbGUoXG4gICAgcmVmLFxuICAgICgpID0+ICh7XG4gICAgICBkaXNtaXNzOiAoKSA9PiBzZXRPcGVuKGZhbHNlKSxcbiAgICB9KSxcbiAgICBbXVxuICApO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHByb2Nlc3MuZW52Lk5PREVfRU5WID09PSBcInRlc3RcIikgcmV0dXJuO1xuICAgIGNvbnRhaW5lclJlZi5jdXJyZW50IS5zY3JvbGxUbyh7XG4gICAgICBsZWZ0OiAwLFxuICAgICAgYmVoYXZpb3I6IFwic21vb3RoXCIsXG4gICAgICB0b3A6IDAsXG4gICAgfSk7XG4gIH0sIFtfb3Blbl0pO1xuICBjb25zdCBleHRlcm5hbENvbnRyb2wgPSBleHRlcm5hbE9wZW4gIT09IHVuZGVmaW5lZDtcblxuICBjb25zdCBjb250ZW50ID0gKFxuICAgIDxkaXZcbiAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgICAgY2xhc3NOYW1lPXtgJHtpc01vYmlsZSA/IFN0eWxlcy5tb2JpbGUgOiBTdHlsZXMuZGVza3RvcH0gJHtcbiAgICAgICAgU3R5bGVzLmNvbnRhaW5lclxuICAgICAgfSAke1xuICAgICAgICAhZXh0ZXJuYWxDb250cm9sICYmXG4gICAgICAgIERlZmF1bHRWaXNpYmlsaXR5Q29udHJvbCA9PT0gVmlzaWJpbGl0eUNvbnRyb2xDb21wb25lbnRcbiAgICAgICAgICA/IFN0eWxlcy5kZWZhdWx0UGFkZGluZ1xuICAgICAgICAgIDogXCJcIlxuICAgICAgfSAke19vcGVuID8gU3R5bGVzLm9wZW4gOiBTdHlsZXMuY2xvc2VkfSAke2NsYXNzTmFtZX0gJHtnbG9iYWxDbGFzc05hbWV9YH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICA8U2Nyb2xsQW5kRm9jdXNMb2NrIG9wZW49e19vcGVufT57Y2hpbGRyZW59PC9TY3JvbGxBbmRGb2N1c0xvY2s+XG4gICAgPC9kaXY+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2lzTW9iaWxlXG4gICAgICAgID8gY3JlYXRlUG9ydGFsKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgICAgIHshZXh0ZXJuYWxDb250cm9sICYmIChcbiAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2Ake2lzTW9iaWxlID8gU3R5bGVzLm1vYmlsZSA6IFN0eWxlcy5kZXNrdG9wfSAke1xuICAgICAgICAgICAgICAgICAgICBTdHlsZXMuaGFtYnVyZ2VyXG4gICAgICAgICAgICAgICAgICB9ICR7Z2xvYmFsQ29udHJvbENsYXNzTmFtZX1gfVxuICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0T3BlbigoYSkgPT4gIWEpfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDxWaXNpYmlsaXR5Q29udHJvbENvbXBvbmVudCBvcGVuPXtfb3Blbn0gLz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvPixcbiAgICAgICAgICAgIGRvY3VtZW50LmJvZHlcbiAgICAgICAgICApXG4gICAgICAgIDogY29udGVudH1cbiAgICA8Lz5cbiAgKTtcbn1cblxuLyoqXG4gKiBBIGNvbXBvbmVudCB0aGF0IGRpc3BsYXlzIGEgc2lkZWJhciBwYW5lbC4gT24gbW9iaWxlIGRldmljZXMsIGl0IHNob3dzIGEgZmxvYXRpbmcgYnV0dG9uIHRvIG9wZW4gYW5kIGNsb3NlIHRoZSBwYW5lbC5cbiAqIE9uIGRlc2t0b3AsIHRoZSBwYW5lbCBkaXNwbGF5cyBkaXJlY3RseSBpbiB0aGUgcGFnZS5cbiAqKi9cbmNvbnN0IEFkYXB0aXZlU2lkZWJhciA9IGZvcndhcmRSZWYoX0FkYXB0aXZlU2lkZWJhcik7XG5leHBvcnQgZGVmYXVsdCBBZGFwdGl2ZVNpZGViYXI7XG4iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQVNBLElBQUFDLFNBQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLHVCQUFBLEdBQUFDLHNCQUFBLENBQUFILE9BQUE7QUFDQSxJQUFBSSxtQkFBQSxHQUFBRCxzQkFBQSxDQUFBSCxPQUFBO0FBQ0EsSUFBQUssc0JBQUEsR0FB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

package/dist/components/AdaptiveSidebar/AdaptiveSidebar.module.scss

@@ -0,0 +1,49 @@
+@use "../../assets/styles/index.scss" as *;
+
+$hamburgerSize: 48;
+$hamburgerOffset: 24;
+
+@value hamburgerSize #{$hamburgerSize};
+
+.hamburger {
+  position: fixed;
+  top: #{$hamburgerOffset}px;
+  left: #{$hamburgerOffset}px;
+}
+
+.hamburger {
+  display: initial;
+}
+
+.hamburger,
+.container {
+  z-index: 1000;
+}
+
+.container {
+  box-sizing: border-box;
+  height: 100%;
+}
+.hamburger.desktop {
+  display: none;
+}
+
+.container.mobile {
+  &.defaultPadding {
+    padding-top: #{$hamburgerSize + $hamburgerOffset * 2}px;
+  }
+  position: fixed;
+  width: 100%;
+  overflow: auto;
+  z-index: 1000;
+  left: 0;
+
+  &.open {
+    transition: transform $veryFast ease-out;
+    transform: translateX(-0%);
+  }
+  &.closed {
+    transition: transform $veryFast ease-in;
+    transform: translateX(-100%);
+  }
+}

package/dist/components/AdaptiveSidebar/AdaptiveSidebar.sample.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = AdaptiveSidebarSample;
+var _react = _interopRequireDefault(require("react"));
+var _AdaptiveSidebar = _interopRequireDefault(require("./AdaptiveSidebar"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function AdaptiveSidebarSample() {
+  return /*#__PURE__*/_react.default.createElement(_AdaptiveSidebar.default, null, "Experiment with different resolutions to see how this container behaves");
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9BZGFwdGl2ZVNpZGViYXIiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsIkFkYXB0aXZlU2lkZWJhclNhbXBsZSIsImNyZWF0ZUVsZW1lbnQiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BZGFwdGl2ZVNpZGViYXIvQWRhcHRpdmVTaWRlYmFyLnNhbXBsZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IEFkYXB0aXZlU2lkZWJhciBmcm9tIFwiLi9BZGFwdGl2ZVNpZGViYXJcIjtcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gQWRhcHRpdmVTaWRlYmFyU2FtcGxlKCkge1xuICByZXR1cm4gKFxuICAgIDxBZGFwdGl2ZVNpZGViYXI+XG4gICAgICBFeHBlcmltZW50IHdpdGggZGlmZmVyZW50IHJlc29sdXRpb25zIHRvIHNlZSBob3cgdGhpcyBjb250YWluZXIgYmVoYXZlc1xuICAgIDwvQWRhcHRpdmVTaWRlYmFyPlxuICApO1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxnQkFBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBQWdELFNBQUFELHVCQUFBRyxHQUFBLFdBQUFBLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLEdBQUFELEdBQUEsS0FBQUUsT0FBQSxFQUFBRixHQUFBO0FBRWpDLFNBQVNHLHFCQUFxQkEsQ0FBQSxFQUFHO0VBQzlDLG9CQUNFUCxNQUFBLENBQUFNLE9BQUEsQ0FBQUUsYUFBQSxDQUFDTCxnQkFBQSxDQUFBRyxPQUFlLFFBQUMseUVBRUEsQ0FBQztBQUV0QiJ9

package/dist/components/AdaptiveSidebar/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _AdaptiveSidebar.default;
+  }
+});
+var _AdaptiveSidebar = _interopRequireWildcard(require("./AdaptiveSidebar"));
+Object.keys(_AdaptiveSidebar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AdaptiveSidebar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AdaptiveSidebar[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfQWRhcHRpdmVTaWRlYmFyIiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJyZXF1aXJlIiwiT2JqZWN0Iiwia2V5cyIsImZvckVhY2giLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJfZXhwb3J0TmFtZXMiLCJleHBvcnRzIiwiZGVmaW5lUHJvcGVydHkiLCJlbnVtZXJhYmxlIiwiZ2V0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwibm9kZUludGVyb3AiLCJXZWFrTWFwIiwiY2FjaGVCYWJlbEludGVyb3AiLCJjYWNoZU5vZGVJbnRlcm9wIiwib2JqIiwiX19lc01vZHVsZSIsImRlZmF1bHQiLCJjYWNoZSIsImhhcyIsIm5ld09iaiIsImhhc1Byb3BlcnR5RGVzY3JpcHRvciIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImRlc2MiLCJzZXQiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BZGFwdGl2ZVNpZGViYXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IGRlZmF1bHQgfSBmcm9tIFwiLi9BZGFwdGl2ZVNpZGViYXJcIjtcbmV4cG9ydCAqIGZyb20gXCIuL0FkYXB0aXZlU2lkZWJhclwiOyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsZ0JBQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBQyxNQUFBLENBQUFDLElBQUEsQ0FBQUosZ0JBQUEsRUFBQUssT0FBQSxXQUFBQyxHQUFBO0VBQUEsSUFBQUEsR0FBQSxrQkFBQUEsR0FBQTtFQUFBLElBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQUMsWUFBQSxFQUFBSixHQUFBO0VBQUEsSUFBQUEsR0FBQSxJQUFBSyxPQUFBLElBQUFBLE9BQUEsQ0FBQUwsR0FBQSxNQUFBTixnQkFBQSxDQUFBTSxHQUFBO0VBQUFILE1BQUEsQ0FBQVMsY0FBQSxDQUFBRCxPQUFBLEVBQUFMLEdBQUE7SUFBQU8sVUFBQTtJQUFBQyxHQUFBLFdBQUFBLENBQUE7TUFBQSxPQUFBZCxnQkFBQSxDQUFBTSxHQUFBO0lBQUE7RUFBQTtBQUFBO0FBQWtDLFNBQUFTLHlCQUFBQyxXQUFBLGVBQUFDLE9BQUEsa0NBQUFDLGlCQUFBLE9BQUFELE9BQUEsUUFBQUUsZ0JBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSxDQUFBQyxXQUFBLFdBQUFBLFdBQUEsR0FBQUcsZ0JBQUEsR0FBQUQsaUJBQUEsS0FBQUYsV0FBQTtBQUFBLFNBQUFmLHdCQUFBbUIsR0FBQSxFQUFBSixXQUFBLFNBQUFBLFdBQUEsSUFBQUksR0FBQSxJQUFBQSxHQUFBLENBQUFDLFVBQUEsV0FBQUQsR0FBQSxRQUFBQSxHQUFBLG9CQUFBQSxHQUFBLHdCQUFBQSxHQUFBLDRCQUFBRSxPQUFBLEVBQUFGLEdBQUEsVUFBQUcsS0FBQSxHQUFBUix3QkFBQSxDQUFBQyxXQUFBLE9BQUFPLEtBQUEsSUFBQUEsS0FBQSxDQUFBQyxHQUFBLENBQUFKLEdBQUEsWUFBQUcsS0FBQSxDQUFBVCxHQUFBLENBQUFNLEdBQUEsU0FBQUssTUFBQSxXQUFBQyxxQkFBQSxHQUFBdkIsTUFBQSxDQUFBUyxjQUFBLElBQUFULE1BQUEsQ0FBQXdCLHdCQUFBLFdBQUFyQixHQUFBLElBQUFjLEdBQUEsUUFBQWQsR0FBQSxrQkFBQUgsTUFBQSxDQUFBSSxTQUFBLENBQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBVyxHQUFBLEVBQUFkLEdBQUEsU0FBQXNCLElBQUEsR0FBQUYscUJBQUEsR0FBQXZCLE1BQUEsQ0FBQXdCLHdCQUFBLENBQUFQLEdBQUEsRUFBQWQsR0FBQSxjQUFBc0IsSUFBQSxLQUFBQSxJQUFBLENBQUFkLEdBQUEsSUFBQWMsSUFBQSxDQUFBQyxHQUFBLEtBQUExQixNQUFBLENBQUFTLGNBQUEsQ0FBQWEsTUFBQSxFQUFBbkIsR0FBQSxFQUFBc0IsSUFBQSxZQUFBSCxNQUFBLENBQUFuQixHQUFBLElBQUFjLEdBQUEsQ0FBQWQsR0FBQSxTQUFBbUIsTUFBQSxDQUFBSCxPQUFBLEdBQUFGLEdBQUEsTUFBQUcsS0FBQSxJQUFBQSxLQUFBLENBQUFNLEdBQUEsQ0FBQVQsR0FBQSxFQUFBSyxNQUFBLFlBQUFBLE1BQUEifQ==