@onepercentio/one-ui 0.19.2 → 0.19.4

package/dist/components/Collapsable/Collapsable.js

@@ -1,160 +1,190 @@
 "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 });
-exports.CollapsableInterface = void 0;
-const FadeIn_1 = __importDefault(require("../FadeIn"));
-const react_1 = __importStar(require("react"));
-const Collapsable_module_scss_1 = __importDefault(require("./Collapsable.module.scss"));
-const AnchoredTooltip_1 = require("../AnchoredTooltip/AnchoredTooltip");
+exports.CollapsableInterface = CollapsableInterface;
+exports.default = void 0;
+var _FadeIn = _interopRequireDefault(require("../FadeIn"));
+var _react = _interopRequireWildcard(require("react"));
+var _CollapsableModule = _interopRequireDefault(require("./Collapsable.module.scss"));
+var _AnchoredTooltip = require("../AnchoredTooltip/AnchoredTooltip");
+const _excluded = ["children", "title", "className", "onToggleOpen", "open", "id", "mode", "contentClassName", "onContentClick", "keepUnderlayingElement", "onClickOut"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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; }
 /**
  * Wrapps some content on a collapsable header
  **/
-function Collapsable(_a) {
-    var { children, title, className, onToggleOpen, open, id, mode = "block", contentClassName, onContentClick, keepUnderlayingElement, onClickOut } = _a, props = __rest(_a, ["children", "title", "className", "onToggleOpen", "open", "id", "mode", "contentClassName", "onContentClick", "keepUnderlayingElement", "onClickOut"]);
-    const contentRef = (0, react_1.useRef)(null);
-    const toggleRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (open && onClickOut) {
-            window.addEventListener("click", onClickOut);
-            return () => window.removeEventListener("click", onClickOut);
-        }
-    }, [!!onClickOut, open]);
-    (0, react_1.useLayoutEffect)(() => {
-        const el = contentRef.current;
-        if (open) {
-            el.style.marginTop = ``;
-            el.style.height = el.scrollHeight + "px";
-            el.parentElement.style.position = "relative";
-            if (mode === "float") {
-                el.style.minHeight = el.style.height;
-                const { shouldAnchorToBottom } = (0, AnchoredTooltip_1.updateTooltipPosition)(el, toggleRef.current, true, "alignTo" in props ? props.alignTo : AnchoredTooltip_1.AnchoredTooltipAlignment.CENTER);
-                el.style.minHeight = "";
-                if (!shouldAnchorToBottom) {
-                    el.style.marginTop = el.style.height;
-                }
-                const transitionStart = ({ currentTarget, target, propertyName, }) => {
-                    if (currentTarget === target &&
-                        propertyName == "height" &&
-                        !shouldAnchorToBottom) {
-                        el.classList.add(Collapsable_module_scss_1.default.transitionMarginTop);
-                        el.style.marginTop = "0px";
-                    }
-                };
-                el.addEventListener("transitionstart", transitionStart);
-                return () => el.removeEventListener("transitionstart", transitionStart);
-            }
-            const onTransitionEnd = () => {
-                el.style.height = "auto";
-            };
-            el.addEventListener("transitionend", onTransitionEnd);
-            el.addEventListener("transitionend", () => el.removeEventListener("transitionend", onTransitionEnd));
-            return () => {
-                el.removeEventListener("transitionend", onTransitionEnd);
-            };
-        }
-        else {
-            el.style.height = el.clientHeight + "px";
-            setTimeout(() => {
-                if (el.style.marginTop === "0px")
-                    el.style.marginTop = `${el.clientHeight}px`;
-                el.style.height = 0 + "px";
-            }, 100);
-            const onTransitionEnd = () => {
-                el.parentElement.style.position = "initial";
-                el.classList.remove(Collapsable_module_scss_1.default.transitionMarginTop);
-                el.removeEventListener("transitionend", onTransitionEnd);
-            };
-            el.addEventListener("transitionend", onTransitionEnd);
-            return () => {
-                el.removeEventListener("transitionend", onTransitionEnd);
-            };
+function Collapsable(_ref, ref) {
+  let children = _ref.children,
+    title = _ref.title,
+    className = _ref.className,
+    onToggleOpen = _ref.onToggleOpen,
+    open = _ref.open,
+    id = _ref.id,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? "block" : _ref$mode,
+    contentClassName = _ref.contentClassName,
+    onContentClick = _ref.onContentClick,
+    keepUnderlayingElement = _ref.keepUnderlayingElement,
+    onClickOut = _ref.onClickOut,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const contentRef = (0, _react.useRef)(null);
+  const toggleRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (open && onClickOut) {
+      window.addEventListener("click", onClickOut);
+      return function () {
+        return window.removeEventListener("click", onClickOut);
+      };
+    }
+  }, [!!onClickOut, open]);
+  function _redimension() {
+    let canShrink = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    const el = contentRef.current;
+    const contentEl = el.firstElementChild;
+    if (open) {
+      el.style.marginTop = "";
+      el.style.height = Math.min(canShrink ? contentEl.clientHeight : Number.POSITIVE_INFINITY, el.scrollHeight, visualViewport.height - 16) + "px";
+      el.parentElement.style.position = "relative";
+      if (mode === "float") {
+        el.style.minHeight = el.style.height;
+        const _updateTooltipPositio = (0, _AnchoredTooltip.updateTooltipPosition)(el, toggleRef.current, true, "alignTo" in props ? props.alignTo : _AnchoredTooltip.AnchoredTooltipAlignment.CENTER),
+          shouldAnchorToBottom = _updateTooltipPositio.shouldAnchorToBottom;
+        el.style.minHeight = "";
+        if (!shouldAnchorToBottom) {
+          el.style.marginTop = el.style.height;
         }
-    }, [open]);
-    const _b = props, { alignTo } = _b, propsToSpread = __rest(_b, ["alignTo"]);
-    return (react_1.default.createElement("div", Object.assign({ className: `${Collapsable_module_scss_1.default.container} ${open ? Collapsable_module_scss_1.default.open : Collapsable_module_scss_1.default.closed} ${className}` }, propsToSpread),
-        react_1.default.createElement("div", { ref: toggleRef, onClick: (e) => {
-                e.stopPropagation();
-                onToggleOpen(!open);
-            }, id: _collapsableId("header", id) }, title),
-        react_1.default.createElement("div", { onClick: (e) => {
-                e.stopPropagation();
-                if (onContentClick)
-                    onContentClick(e);
-            }, ref: contentRef, className: `${Collapsable_module_scss_1.default.content} ${Collapsable_module_scss_1.default[mode] || ""} ${contentClassName}`, id: _collapsableId("content", id) },
-            react_1.default.createElement(FadeIn_1.default, null, open || keepUnderlayingElement ? children : null))));
+        const transitionStart = function transitionStart(_ref2) {
+          let currentTarget = _ref2.currentTarget,
+            target = _ref2.target,
+            propertyName = _ref2.propertyName;
+          if (currentTarget === target && propertyName == "height" && !shouldAnchorToBottom) {
+            el.classList.add(_CollapsableModule.default.transitionMarginTop);
+            el.style.marginTop = "0px";
+          }
+        };
+        el.addEventListener("transitionstart", transitionStart);
+        return function () {
+          return el.removeEventListener("transitionstart", transitionStart);
+        };
+      }
+      const onTransitionEnd = function onTransitionEnd() {
+        el.style.height = "auto";
+      };
+      el.addEventListener("transitionend", onTransitionEnd);
+      el.addEventListener("transitionend", function () {
+        return el.removeEventListener("transitionend", onTransitionEnd);
+      });
+      return function () {
+        el.removeEventListener("transitionend", onTransitionEnd);
+      };
+    } else {
+      el.style.height = el.clientHeight + "px";
+      setTimeout(function () {
+        if (el.style.marginTop === "0px") el.style.marginTop = "".concat(el.clientHeight, "px");
+        el.style.height = 0 + "px";
+      }, 100);
+      const onTransitionEnd = function onTransitionEnd() {
+        el.parentElement.style.position = "initial";
+        el.classList.remove(_CollapsableModule.default.transitionMarginTop);
+        el.removeEventListener("transitionend", onTransitionEnd);
+      };
+      el.addEventListener("transitionend", onTransitionEnd);
+      return function () {
+        el.removeEventListener("transitionend", onTransitionEnd);
+      };
+    }
+  }
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      redimension: function redimension() {
+        return _redimension(true);
+      }
+    };
+  });
+  (0, _react.useLayoutEffect)(function () {
+    _redimension();
+  }, [open]);
+  const propsToSpread = _objectSpread({}, props);
+  delete propsToSpread.alignTo;
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: "".concat(_CollapsableModule.default.container, " ").concat(open ? _CollapsableModule.default.open : _CollapsableModule.default.closed, " ").concat(className)
+  }, propsToSpread), /*#__PURE__*/_react.default.createElement("div", {
+    ref: toggleRef,
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      onToggleOpen(!open);
+    },
+    id: _collapsableId("header", id)
+  }, title), /*#__PURE__*/_react.default.createElement("div", {
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      if (onContentClick) onContentClick(e);
+    },
+    ref: contentRef,
+    className: "".concat(_CollapsableModule.default.content, " ").concat(_CollapsableModule.default[mode] || "", " ").concat(contentClassName),
+    id: _collapsableId("content", id)
+  }, /*#__PURE__*/_react.default.createElement(_FadeIn.default, null, open || keepUnderlayingElement ? children : null)));
 }
-exports.default = Collapsable;
 function _collapsableId(type, id) {
-    return id ? `collapsable_${type}_${id}` : undefined;
+  return id ? "collapsable_".concat(type, "_").concat(id) : undefined;
 }
-class _CollapsableInterface {
-    constructor(id) {
-        this._id = id;
+let _CollapsableInterface = /*#__PURE__*/function () {
+  function _CollapsableInterface(id) {
+    _classCallCheck(this, _CollapsableInterface);
+    this._id = id;
+  }
+  _createClass(_CollapsableInterface, [{
+    key: "_getElements",
+    value: function _getElements() {
+      return {
+        header: document.getElementById(_collapsableId("header", this._id)),
+        content: document.getElementById(_collapsableId("content", this._id))
+      };
     }
-    _getElements() {
-        return {
-            header: document.getElementById(_collapsableId("header", this._id)),
-            content: document.getElementById(_collapsableId("content", this._id)),
-        };
+  }, {
+    key: "open",
+    value: function open(onOpened) {
+      const _this$_getElements = this._getElements(),
+        header = _this$_getElements.header,
+        content = _this$_getElements.content;
+      if (((content === null || content === void 0 ? void 0 : content.clientHeight) || 0) === 0) {
+        header.click();
+        content.addEventListener("transitionend", function _handler() {
+          content.removeEventListener("transitionend", _handler);
+          onOpened();
+        });
+      } else {
+        onOpened();
+      }
     }
-    open(onOpened) {
-        const { header, content } = this._getElements();
-        if (((content === null || content === void 0 ? void 0 : content.clientHeight) || 0) === 0) {
-            header.click();
-            content.addEventListener("transitionend", function _handler() {
-                content.removeEventListener("transitionend", _handler);
-                onOpened();
-            });
-        }
-        else {
-            onOpened();
-        }
+  }, {
+    key: "getElement",
+    value: function getElement(type) {
+      return document.getElementById(_collapsableId(type, this._id));
     }
-    getElement(type) {
-        return document.getElementById(_collapsableId(type, this._id));
-    }
-}
+  }]);
+  return _CollapsableInterface;
+}();
 /**
  * A helper function for interacting with collapsables without a reference
  */
 function CollapsableInterface(id) {
-    return new _CollapsableInterface(id);
+  return new _CollapsableInterface(id);
 }
-exports.CollapsableInterface = CollapsableInterface;
-//# sourceMappingURL=Collapsable.js.map
+var _default = /*#__PURE__*/(0, _react.forwardRef)(Collapsable);
+exports.default = _default;

package/dist/components/Collapsable/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 Collapsable_1 = require("./Collapsable");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Collapsable_1).default; } });
-//# sourceMappingURL=index.js.map
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Collapsable.default;
+  }
+});
+var _Collapsable = _interopRequireDefault(require("./Collapsable"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/Countdown/Countdown.js

@@ -1,110 +1,97 @@
 "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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CountdownTextModel = exports.calculateTimeFromTimespan = void 0;
-const react_1 = __importStar(require("react"));
+exports.CountdownTextModel = void 0;
+exports.calculateTimeFromTimespan = calculateTimeFromTimespan;
+exports.default = Countdown;
+var _react = _interopRequireWildcard(require("react"));
+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; }
 function calculateTimeFromTimespan(timespan) {
-    const seconds = Math.floor(timespan / 1000);
-    const minutes = Math.floor(seconds / 60);
-    const hours = Math.floor(minutes / 60);
-    return {
-        hours,
-        minutes: minutes % 60,
-        seconds: seconds % 60,
-    };
+  const seconds = Math.floor(timespan / 1000);
+  const minutes = Math.floor(seconds / 60);
+  const hours = Math.floor(minutes / 60);
+  return {
+    hours: hours,
+    minutes: minutes % 60,
+    seconds: seconds % 60
+  };
 }
-exports.calculateTimeFromTimespan = calculateTimeFromTimespan;
 const IntegerFormatter = new Intl.NumberFormat(undefined, {
-    minimumIntegerDigits: 2,
+  minimumIntegerDigits: 2
 });
-var CountdownTextModel;
-(function (CountdownTextModel) {
-    /** This shows the countdown on the format 00:00:00 */
-    CountdownTextModel[CountdownTextModel["CLOCK"] = 0] = "CLOCK";
-    /** This shows the countdown on the format 00h 00m 00s */
-    CountdownTextModel[CountdownTextModel["SHORT"] = 1] = "SHORT";
-})(CountdownTextModel = exports.CountdownTextModel || (exports.CountdownTextModel = {}));
+let CountdownTextModel = /*#__PURE__*/function (CountdownTextModel) {
+  CountdownTextModel[CountdownTextModel["CLOCK"] = 0] = "CLOCK";
+  CountdownTextModel[CountdownTextModel["SHORT"] = 1] = "SHORT";
+  return CountdownTextModel;
+}({});
 /**
  * You five it some time, and a countdown is shown
  **/
-function Countdown({ timeRemaining, onFinish, model = CountdownTextModel.CLOCK, options, }) {
-    const [t, setT] = (0, react_1.useState)(() => calculateTimeFromTimespan(timeRemaining));
-    (0, react_1.useLayoutEffect)(() => {
-        setT(calculateTimeFromTimespan(timeRemaining));
-    }, [timeRemaining]);
-    (0, react_1.useEffect)(() => {
-        const cl = setInterval(() => {
-            setT((prev) => {
-                let nextSecond = prev.seconds - 1;
-                let nextMinute = prev.minutes;
-                let nextHour = prev.hours;
-                if (nextSecond < 0) {
-                    nextSecond = 59;
-                    nextMinute -= 1;
-                    if (nextMinute < 0) {
-                        nextMinute = 59;
-                        nextHour -= 1;
-                    }
-                }
-                if (nextHour === 0 && nextMinute === 0 && nextSecond === 0) {
-                    if (onFinish)
-                        onFinish();
-                    clearInterval(cl);
-                }
-                return {
-                    seconds: nextSecond,
-                    minutes: nextMinute,
-                    hours: nextHour,
-                };
-            });
-        }, 1000);
-        return () => {
-            clearInterval(cl);
-        };
-    }, [timeRemaining]);
-    const txt = (0, react_1.useMemo)(() => {
-        var _a, _b;
-        switch (model) {
-            case CountdownTextModel.CLOCK:
-                const hourFragment = ((_a = options === null || options === void 0 ? void 0 : options.hours) !== null && _a !== void 0 ? _a : true) ? `${IntegerFormatter.format(t.hours)}:` : "";
-                return (react_1.default.createElement(react_1.Fragment, null, `${hourFragment}${IntegerFormatter.format(t.minutes)}:${IntegerFormatter.format(t.seconds)}`));
-            case CountdownTextModel.SHORT:
-                const hourFragmentS = ((_b = options === null || options === void 0 ? void 0 : options.hours) !== null && _b !== void 0 ? _b : true) ? (react_1.default.createElement(react_1.default.Fragment, null,
-                    IntegerFormatter.format(t.hours),
-                    react_1.default.createElement("span", null, "h"),
-                    "\u00A0")) : ("");
-                return (react_1.default.createElement(react_1.Fragment, null,
-                    hourFragmentS,
-                    IntegerFormatter.format(t.minutes),
-                    react_1.default.createElement("span", null, "m"),
-                    "\u00A0",
-                    IntegerFormatter.format(t.seconds),
-                    react_1.default.createElement("span", null, "s")));
+exports.CountdownTextModel = CountdownTextModel;
+function Countdown(_ref) {
+  let timeRemaining = _ref.timeRemaining,
+    onFinish = _ref.onFinish,
+    _ref$model = _ref.model,
+    model = _ref$model === void 0 ? CountdownTextModel.CLOCK : _ref$model,
+    options = _ref.options;
+  const _useState = (0, _react.useState)(function () {
+      return calculateTimeFromTimespan(timeRemaining);
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    t = _useState2[0],
+    setT = _useState2[1];
+  (0, _react.useLayoutEffect)(function () {
+    setT(calculateTimeFromTimespan(timeRemaining));
+  }, [timeRemaining]);
+  (0, _react.useEffect)(function () {
+    const cl = setInterval(function () {
+      setT(function (prev) {
+        let nextSecond = prev.seconds - 1;
+        let nextMinute = prev.minutes;
+        let nextHour = prev.hours;
+        if (nextSecond < 0) {
+          nextSecond = 59;
+          nextMinute -= 1;
+          if (nextMinute < 0) {
+            nextMinute = 59;
+            nextHour -= 1;
+          }
         }
-    }, [t, model]);
-    return react_1.default.createElement("span", null, txt);
-}
-exports.default = Countdown;
-//# sourceMappingURL=Countdown.js.map
+        if (nextHour === 0 && nextMinute === 0 && nextSecond === 0) {
+          if (onFinish) onFinish();
+          clearInterval(cl);
+        }
+        return {
+          seconds: nextSecond,
+          minutes: nextMinute,
+          hours: nextHour
+        };
+      });
+    }, 1000);
+    return function () {
+      clearInterval(cl);
+    };
+  }, [timeRemaining]);
+  const txt = (0, _react.useMemo)(function () {
+    var _options$hours, _options$hours2;
+    switch (model) {
+      case CountdownTextModel.CLOCK:
+        const hourFragment = ((_options$hours = options === null || options === void 0 ? void 0 : options.hours) !== null && _options$hours !== void 0 ? _options$hours : true) ? "".concat(IntegerFormatter.format(t.hours), ":") : "";
+        return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, "".concat(hourFragment).concat(IntegerFormatter.format(t.minutes), ":").concat(IntegerFormatter.format(t.seconds)));
+      case CountdownTextModel.SHORT:
+        const hourFragmentS = ((_options$hours2 = options === null || options === void 0 ? void 0 : options.hours) !== null && _options$hours2 !== void 0 ? _options$hours2 : true) ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, IntegerFormatter.format(t.hours), /*#__PURE__*/_react.default.createElement("span", null, "h"), "\xA0") : "";
+        return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, hourFragmentS, IntegerFormatter.format(t.minutes), /*#__PURE__*/_react.default.createElement("span", null, "m"), "\xA0", IntegerFormatter.format(t.seconds), /*#__PURE__*/_react.default.createElement("span", null, "s"));
+    }
+  }, [t, model]);
+  return /*#__PURE__*/_react.default.createElement("span", null, txt);
+}

package/dist/components/Countdown/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 Countdown_1 = require("./Countdown");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Countdown_1).default; } });
-//# sourceMappingURL=index.js.map
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Countdown.default;
+  }
+});
+var _Countdown = _interopRequireDefault(require("./Countdown"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/Divider/Divider.js

@@ -1,16 +1,19 @@
 "use strict";
-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 Divider_module_scss_1 = __importDefault(require("./Divider.module.scss"));
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Divider;
+var _react = _interopRequireDefault(require("react"));
+var _DividerModule = _interopRequireDefault(require("./Divider.module.scss"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * Guess what this does
  **/
-function Divider({ className = "" }) {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: `${Divider_module_scss_1.default.container} ${className}` })));
-}
-exports.default = Divider;
-//# sourceMappingURL=Divider.js.map
+function Divider(_ref) {
+  let _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_DividerModule.default.container, " ").concat(className)
+  }));
+}