@onepercentio/one-ui 0.20.4 → 0.21.0

package/.babelrc

@@ -4,6 +4,12 @@
       "@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,13 +1,19 @@
 {
   "plugins": [
     ["react-remove-properties", { "properties": ["data-testid"] }],
-    ["remove-object-properties", { "regexp": "data-testid" }]
+    ["remove-object-properties", { "regexp": "data-testid" }],
   ],
   "presets": [
     [
       "@babel/preset-env",
       {
-        "targets": "> 0.25%, not dead"
+        "targets": "> 0.25%, not dead",
+        "exclude": [
+          "proposal-dynamic-import",
+          "transform-block-scoping",
+          "transform-for-of",
+          "transform-regenerator"
+        ]
       }
     ],
     "@babel/preset-typescript",

package/dist/assets/styles/variables.scss

@@ -10,6 +10,7 @@ $success: var(--success, lightgreen);
 $successDark: var(--success-dark, green);
 $mainBackgroundColor: var(--bg-color, white);
 $primaryColor: var(--primary-color, var(--digital-blue));
+$elevation: var(--card-elevation, 0px 4px 10px rgba(0, 0, 0, 0.1));
 
 //FONTS
 $mainFontFamily: var(--main-font, Roboto);

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"));
-var _excluded = ["children", "className"];
+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; }
@@ -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) {
-  var children = _ref.children,
+  let 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"));
-var _excluded = ["children", "className", "containerElement", "direction"];
+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; }
@@ -20,7 +20,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * A container that animates width changes across content updates
  **/
 function AdaptiveContainer(_ref) {
-  var children = _ref.children,
+  let 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);
-  var uncontrolledRef = (0, _react.useRef)(null);
-  var buttonRef = (0, _react.useRef)(null);
+  const uncontrolledRef = (0, _react.useRef)(null);
+  const buttonRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
-    var sectionDiv = uncontrolledRef.current.sectionRef.current;
+    const sectionDiv = uncontrolledRef.current.sectionRef.current;
     if (sectionDiv) if (direction === "h") {
       sectionDiv.style.width = "".concat(sectionDiv.clientWidth, "px");
       sectionDiv.style.height = "";
@@ -39,38 +39,40 @@ function AdaptiveContainer(_ref) {
       sectionDiv.style.height = "".concat(sectionDiv.clientHeight, "px");
       sectionDiv.style.width = "";
     }
-    var t = setTimeout(function () {
+    const t = setTimeout(function () {
       if (uncontrolledRef.current) {
-        var _sectionDiv = uncontrolledRef.current.sectionRef.current;
-        if (_sectionDiv) {
-          var lastChild = _sectionDiv.lastChild;
+        const sectionDiv = uncontrolledRef.current.sectionRef.current;
+        if (sectionDiv) {
+          const lastChild = sectionDiv.lastChild;
           if (lastChild) {
-            var resetFactory = function resetFactory(param, target) {
-              var instance = function instance(e) {
+            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] = "";
+                  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") {
-              var contentWidth = lastChild.clientWidth;
-              var targetWidth = "".concat(contentWidth, "px");
-              _sectionDiv.style.width = targetWidth;
-              var func = resetFactory("width", contentWidth);
-              if (targetWidth === _sectionDiv.style.width) func({
+              const contentWidth = lastChild.clientWidth;
+              const targetWidth = "".concat(contentWidth, "px");
+              const prevWidth = sectionDiv.style.width;
+              sectionDiv.style.width = targetWidth;
+              const func = resetFactory("width", contentWidth);
+              if (targetWidth === prevWidth) func({
                 propertyName: "width"
-              });else _sectionDiv.addEventListener("transitionend", func);
+              });else sectionDiv.addEventListener("transitionend", func);
             } else {
-              var contentHeight = lastChild.scrollHeight;
-              var targetHeight = "".concat(contentHeight, "px");
-              _sectionDiv.style.height = targetHeight;
-              var _func = resetFactory("height", contentHeight);
-              if (targetHeight === _sectionDiv.style.height) _func({
+              const contentHeight = lastChild.scrollHeight;
+              const targetHeight = "".concat(contentHeight, "px");
+              const prevHeight = sectionDiv.style.height;
+              sectionDiv.style.height = targetHeight;
+              const func = resetFactory("height", contentHeight);
+              if (targetHeight === prevHeight) func({
                 propertyName: "height"
-              });else _sectionDiv.addEventListener("transitionend", _func);
+              });else sectionDiv.addEventListener("transitionend", func);
             }
           }
         }
@@ -80,7 +82,7 @@ function AdaptiveContainer(_ref) {
       return clearTimeout(t);
     };
   }, [children.key, direction]);
-  var Wrapper = _Wrapper;
+  const 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/AdaptiveContainer/AdaptiveContainer.module.scss

@@ -1,8 +1,10 @@
 .resetSection {
   min-height: 0px;
-  transition: width var(--adaptive-container-transition-time, 400ms), height var(--adaptive-container-transition-time, 400ms);
+  transition: width var(--adaptive-container-transition-time, 400ms) linear,
+    height var(--adaptive-container-transition-time, 400ms) linear;
   transition-timing-function: linear;
   overflow: hidden;
+  align-items: flex-start;
   &.h {
     > * {
       min-width: auto !important;

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) {
-  var onClose = _ref.onClose,
+  let 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;
-  var rootDivRef = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)(open),
+  const rootDivRef = (0, _react.useRef)(null);
+  const _useState = (0, _react.useState)(open),
     _useState2 = _slicedToArray(_useState, 2),
     isVisible = _useState2[0],
     setIsVisible = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
+  const _useState3 = (0, _react.useState)(false),
     _useState4 = _slicedToArray(_useState3, 2),
     expanded = _useState4[0],
     setExpanded = _useState4[1];
   (0, _react.useEffect)(function () {
     if (open) {
       setIsVisible(true);
-      var toggleVisbility = function toggleVisbility(e) {
+      const 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]);
-  var globalClassName = {
+  const 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) {
-      var target = _ref2.target,
+      let 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");
-var _excluded = ["open", "children", "className", "breakInto", "visibilityControlComponent"];
+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 _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; }
-var DefaultVisibilityControl = function DefaultVisibilityControl(_ref) {
-  var open = _ref.open;
+const DefaultVisibilityControl = function DefaultVisibilityControl(_ref) {
+  let open = _ref.open;
   return /*#__PURE__*/_react.default.createElement(_MutableHamburgerButton.default, {
     size: 48,
     state: open ? "closed" : "default"
@@ -36,7 +36,7 @@ var 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) {
-  var externalOpen = _ref2.open,
+  let 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);
-  var _useState = (0, _react.useState)(false),
+  const _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
-  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");
+  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, function () {
     return {
       dismiss: function dismiss() {
@@ -69,8 +69,8 @@ function AdaptiveSidebar(_ref2, ref) {
       top: 0
     });
   }, [_open]);
-  var externalControl = externalOpen !== undefined;
-  var content = /*#__PURE__*/_react.default.createElement("div", _extends({
+  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, {

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"));
-var _excluded = ["containInViewport", "alignment"];
+const _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();
 }
-var AnchoredTooltipAlignment = /*#__PURE__*/function (AnchoredTooltipAlignment) {
+let AnchoredTooltipAlignment = /*#__PURE__*/function (AnchoredTooltipAlignment) {
   AnchoredTooltipAlignment[AnchoredTooltipAlignment["LEFT"] = 0] = "LEFT";
   AnchoredTooltipAlignment[AnchoredTooltipAlignment["CENTER"] = 1] = "CENTER";
   AnchoredTooltipAlignment[AnchoredTooltipAlignment["RIGHT"] = 2] = "RIGHT";
   return AnchoredTooltipAlignment;
 }({});
 exports.AnchoredTooltipAlignment = AnchoredTooltipAlignment;
-var AnchoredTooltipAnchor = /*#__PURE__*/function (AnchoredTooltipAnchor) {
+let AnchoredTooltipAnchor = /*#__PURE__*/function (AnchoredTooltipAnchor) {
   AnchoredTooltipAnchor[AnchoredTooltipAnchor["TOP"] = 0] = "TOP";
   AnchoredTooltipAnchor[AnchoredTooltipAnchor["BOTTOM"] = 1] = "BOTTOM";
   return AnchoredTooltipAnchor;
 }({});
 exports.AnchoredTooltipAnchor = AnchoredTooltipAnchor;
 function calculateTooltipFromAnchor(anchorRef, tooltipRef, containInViewport) {
-  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;
+  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;
 
   /**
    * 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
    */
-  var left = function () {
+  let 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;
-  var offset = top + tooltipRef.clientHeight - window.innerHeight;
+  const offset = top + tooltipRef.clientHeight - window.innerHeight;
   if (containInViewport && offset > 0) {
     top -= offset;
   }
-  var offsetLeft = left + tooltipRef.clientWidth - window.innerWidth;
+  const offsetLeft = left + tooltipRef.clientWidth - window.innerWidth;
   if (containInViewport && offsetLeft > 0) {
     left -= offsetLeft;
   }
   if (containInViewport && left < 0) {
     left = 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;
+  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;
   return {
     offset: offset,
     offsetIndicatorLeft: offsetIndicatorLeft,
@@ -90,16 +90,16 @@ function calculateTooltipFromAnchor(anchorRef, tooltipRef, containInViewport) {
   };
 }
 function updateTooltipPosition(tooltipRef, anchorRef) {
-  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),
+  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),
     top = _calculateTooltipFrom.top,
     left = _calculateTooltipFrom.left,
     shouldAnchorToBottom = _calculateTooltipFrom.shouldAnchorToBottom,
     offsetIndicatorLeft = _calculateTooltipFrom.offsetIndicatorLeft;
   if (limitToViewport) {
-    var maxHeight = window.innerHeight - top;
+    const 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) {
-  var _ref$containInViewpor = _ref.containInViewport,
+  let _ref$containInViewpor = _ref.containInViewport,
     containInViewport = _ref$containInViewpor === void 0 ? true : _ref$containInViewpor,
     alignment = _ref.alignment,
     props = _objectWithoutProperties(_ref, _excluded);
-  var open = props.open,
+  const open = props.open,
     children = props.children,
     anchorRef = props.anchorRef;
-  var tooltipRef = (0, _react.useRef)(null);
-  var className = (0, _OneUIProvider.useOneUIConfig)("component.tooltip.className");
-  var _useState = (0, _react.useState)(!open),
+  const tooltipRef = (0, _react.useRef)(null);
+  const className = (0, _OneUIProvider.useOneUIConfig)("component.tooltip.className");
+  const _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);
-      var scrollHandler = function scrollHandler() {
+      const scrollHandler = function scrollHandler() {
         if (anchorRef.current && tooltipRef.current) updateTooltipPosition(tooltipRef.current, anchorRef.current, containInViewport, alignment);
       };
       window.addEventListener("scroll", scrollHandler, {

package/dist/components/AnimatedEntrance/AnimatedEntrance.d.ts

@@ -8,7 +8,7 @@ export declare function AnimatedEntranceItem({ children, noEntranceAnimation, on
     noEntranceAnimation: boolean;
     onRemoveChildren: (key: Key) => void;
     entranceType: EntranceType;
-}): JSX.Element | null;
+}): JSX.Element;
 /**
  * Animates the entrance and exit of a component
  **/