@onepercentio/one-ui 0.19.1 → 0.19.3

package/dist/components/Input/Input.js

@@ -1,96 +1,111 @@
 "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.InputTestIds = void 0;
-const react_1 = __importStar(require("react"));
-const OneUIProvider_1 = require("../../context/OneUIProvider");
-const Text_1 = __importDefault(require("../Text"));
-const Input_module_scss_1 = __importDefault(require("./Input.module.scss"));
+exports.default = exports.InputTestIds = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _OneUIProvider = require("../../context/OneUIProvider");
+var _Text = _interopRequireDefault(require("../Text"));
+var _InputModule = _interopRequireDefault(require("./Input.module.scss"));
+const _excluded = ["error", "placeholder", "hideError", "icon", "Icon", "autoFocus", "disclaimer", "multiline", "decoration", "border", "containerProps", "className"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**
  * A transparent input with some prebuilt states common to the application
  **/
-function Input(_a, ref) {
-    var { error, placeholder = " ", hideError, icon, Icon, autoFocus, disclaimer, multiline, decoration = null, border: propBorder } = _a, otherProps = __rest(_a, ["error", "placeholder", "hideError", "icon", "Icon", "autoFocus", "disclaimer", "multiline", "decoration", "border"]);
-    const className = (0, OneUIProvider_1.useOneUIConfig)("component.input.className");
-    const globalBorder = (0, OneUIProvider_1.useOneUIConfig)("component.input.border");
-    const [focused, setFocused] = (0, react_1.useState)(false);
-    const inputRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(ref, () => inputRef.current, []);
-    const shouldShowError = (0, react_1.useMemo)(() => {
-        if (hideError === "onfocus")
-            return !focused;
-        return !!error;
-    }, [focused, error, hideError]);
-    (0, react_1.useEffect)(() => {
-        if (autoFocus) {
-            const t = setTimeout(() => {
-                inputRef.current.focus();
-            }, 500);
-            return () => clearTimeout(t);
-        }
-    }, [autoFocus]);
-    const Component = multiline ? "textarea" : "input";
-    const withBorder = (0, react_1.useMemo)(() => {
-        if (propBorder !== undefined)
-            return propBorder;
-        return globalBorder;
-    }, [propBorder, globalBorder]);
-    return (react_1.default.createElement("div", { className: `${Input_module_scss_1.default.inputContainer} ${false ? Input_module_scss_1.default.withIcon : ""} ${className}` },
-        decoration,
-        react_1.default.createElement(Component, Object.assign({ ref: inputRef, placeholder: placeholder, rows: multiline }, otherProps, { onFocus: (e) => {
-                setFocused(true);
-                if (otherProps.onFocus)
-                    otherProps.onFocus(e);
-            }, onBlur: (e) => {
-                setFocused(false);
-                if (otherProps.onBlur)
-                    otherProps.onBlur(e);
-            } })),
-        withBorder && react_1.default.createElement("div", { className: Input_module_scss_1.default.border }),
-        error && shouldShowError ? (react_1.default.createElement(Text_1.default, { title: error, "data-testid": InputTestIds.ERROR, className: Input_module_scss_1.default.caption, type: "error" }, error)) : disclaimer ? (react_1.default.createElement(Text_1.default, { title: disclaimer, type: "caption", className: Input_module_scss_1.default.caption, "data-testid": InputTestIds.DISCLAIMER }, disclaimer)) : null,
-        Icon && react_1.default.createElement("div", { className: Input_module_scss_1.default.icon }, Icon),
-        icon && react_1.default.createElement("img", Object.assign({ className: Input_module_scss_1.default.icon }, icon))));
+function Input(_ref, ref) {
+  let error = _ref.error,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? " " : _ref$placeholder,
+    hideError = _ref.hideError,
+    icon = _ref.icon,
+    Icon = _ref.Icon,
+    autoFocus = _ref.autoFocus,
+    disclaimer = _ref.disclaimer,
+    multiline = _ref.multiline,
+    _ref$decoration = _ref.decoration,
+    decoration = _ref$decoration === void 0 ? null : _ref$decoration,
+    propBorder = _ref.border,
+    containerProps = _ref.containerProps,
+    localClassName = _ref.className,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  const className = (0, _OneUIProvider.useOneUIConfig)("component.input.className");
+  const globalBorder = (0, _OneUIProvider.useOneUIConfig)("component.input.border");
+  const _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    focused = _useState2[0],
+    setFocused = _useState2[1];
+  const inputRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return inputRef.current;
+  }, []);
+  const shouldShowError = (0, _react.useMemo)(function () {
+    if (hideError === "onfocus") return !focused;
+    return !!error;
+  }, [focused, error, hideError]);
+  (0, _react.useEffect)(function () {
+    if (autoFocus) {
+      const t = setTimeout(function () {
+        inputRef.current.focus();
+      }, 500);
+      return function () {
+        return clearTimeout(t);
+      };
+    }
+  }, [autoFocus]);
+  const Component = multiline ? "textarea" : "input";
+  const withBorder = (0, _react.useMemo)(function () {
+    if (propBorder !== undefined) return propBorder;
+    return globalBorder;
+  }, [propBorder, globalBorder]);
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: "".concat(_InputModule.default.inputContainer, " ").concat(false ? _InputModule.default.withIcon : "", " ").concat(className, " ").concat(localClassName)
+  }, containerProps), decoration, /*#__PURE__*/_react.default.createElement(Component, _extends({
+    ref: inputRef,
+    placeholder: placeholder,
+    rows: multiline
+  }, otherProps, {
+    onFocus: function onFocus(e) {
+      setFocused(true);
+      if (otherProps.onFocus) otherProps.onFocus(e);
+    },
+    onBlur: function onBlur(e) {
+      setFocused(false);
+      if (otherProps.onBlur) otherProps.onBlur(e);
+    }
+  })), withBorder && /*#__PURE__*/_react.default.createElement("div", {
+    className: _InputModule.default.border
+  }), error && shouldShowError ? /*#__PURE__*/_react.default.createElement(_Text.default, {
+    title: typeof error === "string" ? error : "",
+    className: _InputModule.default.caption,
+    type: "error"
+  }, error) : disclaimer ? /*#__PURE__*/_react.default.createElement(_Text.default, {
+    title: typeof disclaimer === "string" ? disclaimer : "",
+    type: "caption",
+    className: _InputModule.default.caption
+  }, disclaimer) : null, Icon && /*#__PURE__*/_react.default.createElement("div", {
+    className: _InputModule.default.icon
+  }, Icon), icon && /*#__PURE__*/_react.default.createElement("img", _extends({
+    className: _InputModule.default.icon
+  }, icon)));
 }
-var InputTestIds;
-(function (InputTestIds) {
-    InputTestIds["DISCLAIMER"] = "disclaimer";
-    InputTestIds["ERROR"] = "error";
-})(InputTestIds = exports.InputTestIds || (exports.InputTestIds = {}));
-exports.default = (0, react_1.forwardRef)(Input);
-//# sourceMappingURL=Input.js.map
+let InputTestIds = /*#__PURE__*/function (InputTestIds) {
+  InputTestIds["DISCLAIMER"] = "disclaimer";
+  InputTestIds["ERROR"] = "error";
+  return InputTestIds;
+}({});
+exports.InputTestIds = InputTestIds;
+var _default = /*#__PURE__*/(0, _react.forwardRef)(Input);
+exports.default = _default;

package/dist/components/Input/Input.module.scss

@@ -3,6 +3,8 @@
 .inputContainer {
   position: relative;
   display: flex;
+  font-size: 22px;
+  line-height: 33px;
   .icon {
     position: absolute;
     top: 1.5px;
@@ -24,8 +26,8 @@
     border: none;
     background-color: transparent;
     width: 100%;
-    font-size: 22px;
-    line-height: 33px;
+    font-size: inherit;
+    line-height: inherit;
     font-family: $mainFontFamily;
     color: var(--input-text-color, $spaceBlue);
     margin-bottom: 18px;

package/dist/components/Input/README.md

@@ -0,0 +1,10 @@
+# Input
+      
+## Description
+
+A transparent input with some prebuilt states common to the application
+
+## Business rules
+
+- Should be able to show errors based on prop
+      

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

package/dist/components/InstantCounter/InstantCounter.js

@@ -1,59 +1,68 @@
 "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 });
-const react_1 = __importStar(require("react"));
-const react_intl_1 = require("react-intl");
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntl = require("react-intl");
+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; }
 /**
  * Increments the numbers from 0 to X
  **/
-function InstantCounter({ from = 0, to, framesPerSecond = 30, durationInSeconds, formatOptions = {}, autoStart = true, }, ref) {
-    const [started, setStarted] = (0, react_1.useState)(autoStart);
-    const initialValue = (0, react_1.useRef)(from);
-    const spanRef = (0, react_1.useRef)(null);
-    const { formatNumber } = (0, react_intl_1.useIntl)();
-    (0, react_1.useImperativeHandle)(ref, () => ({
-        start: () => setStarted(true),
-    }), []);
-    (0, react_1.useEffect)(() => {
-        if (started) {
-            const incrementBy = (to - initialValue.current) / (framesPerSecond * durationInSeconds);
-            spanRef.current.innerHTML = formatNumber(initialValue.current, formatOptions);
-            const intervalId = setInterval(() => {
-                initialValue.current += incrementBy;
-                spanRef.current.innerHTML = formatNumber(initialValue.current, formatOptions);
-                if (Math.round(initialValue.current) === Math.round(to)) {
-                    clearInterval(intervalId);
-                }
-            }, 1000 / framesPerSecond);
-            return () => {
-                clearInterval(intervalId);
-            };
+function InstantCounter(_ref, ref) {
+  let _ref$from = _ref.from,
+    from = _ref$from === void 0 ? 0 : _ref$from,
+    to = _ref.to,
+    _ref$framesPerSecond = _ref.framesPerSecond,
+    framesPerSecond = _ref$framesPerSecond === void 0 ? 30 : _ref$framesPerSecond,
+    durationInSeconds = _ref.durationInSeconds,
+    _ref$formatOptions = _ref.formatOptions,
+    formatOptions = _ref$formatOptions === void 0 ? {} : _ref$formatOptions,
+    _ref$autoStart = _ref.autoStart,
+    autoStart = _ref$autoStart === void 0 ? true : _ref$autoStart;
+  const _useState = (0, _react.useState)(autoStart),
+    _useState2 = _slicedToArray(_useState, 2),
+    started = _useState2[0],
+    setStarted = _useState2[1];
+  const initialValue = (0, _react.useRef)(from);
+  const spanRef = (0, _react.useRef)(null);
+  const _useIntl = (0, _reactIntl.useIntl)(),
+    formatNumber = _useIntl.formatNumber;
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      start: function start() {
+        return setStarted(true);
+      }
+    };
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (started) {
+      const incrementBy = (to - initialValue.current) / (framesPerSecond * durationInSeconds);
+      spanRef.current.innerHTML = formatNumber(initialValue.current, formatOptions);
+      const intervalId = setInterval(function () {
+        initialValue.current += incrementBy;
+        spanRef.current.innerHTML = formatNumber(initialValue.current, formatOptions);
+        if (Math.round(initialValue.current) === Math.round(to)) {
+          clearInterval(intervalId);
         }
-    }, [started, to]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("span", { ref: spanRef })));
+      }, 1000 / framesPerSecond);
+      return function () {
+        clearInterval(intervalId);
+      };
+    }
+  }, [started, to]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+    ref: spanRef
+  }));
 }
-exports.default = (0, react_1.forwardRef)(InstantCounter);
-//# sourceMappingURL=InstantCounter.js.map
+var _default = /*#__PURE__*/(0, _react.forwardRef)(InstantCounter);
+exports.default = _default;

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

package/dist/components/LavaLamp/LavaLamp.data.js

@@ -1,92 +1,100 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useLavaLampSetup;
 exports.transitionPositionMs = void 0;
-const lodash_1 = require("lodash");
-const react_1 = require("react");
-const useTilt_1 = require("../../hooks/ui/useTilt");
-const LavaLamp_module_scss_1 = __importDefault(require("./LavaLamp.module.scss"));
-const transitionMs = Number(LavaLamp_module_scss_1.default.transitionMs);
-exports.transitionPositionMs = Number(LavaLamp_module_scss_1.default.transitionPositionMs);
+var _lodash = require("lodash");
+var _react = require("react");
+var _useTilt = require("../../hooks/ui/useTilt");
+var _LavaLampModule = _interopRequireDefault(require("./LavaLamp.module.scss"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+const transitionMs = Number(_LavaLampModule.default.transitionMs);
+const transitionPositionMs = Number(_LavaLampModule.default.transitionPositionMs);
+exports.transitionPositionMs = transitionPositionMs;
 function useLavaLampSetup(onUpdatePosition, onUpdateSize) {
-    const [d, setDim] = (0, react_1.useState)();
-    const relativeTo = (0, react_1.useRef)(null);
-    const prevTilt = (0, react_1.useRef)();
-    (0, react_1.useEffect)(() => {
-        const baseWidth = Math.min(relativeTo.current.clientWidth, 1440);
-        setDim({
-            width: baseWidth,
-            height: baseWidth *
-                (relativeTo.current.clientHeight / relativeTo.current.clientWidth),
-        });
-    }, []);
-    const updateTiltCb = (0, react_1.useMemo)(() => {
-        const throttlePosition = lodash_1.throttle;
-        if (!d)
-            return () => { };
-        const baseSize = Math.min(d.width, d.height) * 0.1;
-        let acceleration = (0, lodash_1.throttle)((currTilt) => {
-            if (!prevTilt.current) {
-                prevTilt.current = currTilt;
-                return;
-            }
-            const diff = {
-                x: Math.abs(prevTilt.current.x - currTilt.x),
-                y: Math.abs(prevTilt.current.y - currTilt.y),
-            };
-            const baseDiff = Math.max(diff.x, diff.y);
-            const percent = (baseDiff * 100) / 90;
-            onUpdateSize(baseSize + baseSize * (percent / 100));
-            prevTilt.current = currTilt;
-        }, transitionMs, {
-            leading: false,
-            trailing: true,
-        });
-        let movement = throttlePosition((currTilt) => {
-            const [x, y] = [currTilt.x + 100, currTilt.y + 100];
-            const [cx, cy] = [(d.width * x) / 200, (d.height * y) / 200];
-            onUpdatePosition(cx, cy);
-        }, exports.transitionPositionMs, {
-            leading: false,
-            trailing: true,
-        });
-        return (tilt) => {
-            if (!d)
-                return;
-            acceleration(tilt);
-            movement(tilt);
-        };
-    }, [d]);
-    (0, useTilt_1.useTiltUpdates)(true, relativeTo, updateTiltCb, undefined, undefined, undefined, {
-        round: false,
-        gyroEnabled: false,
+  const _useState = (0, _react.useState)(),
+    _useState2 = _slicedToArray(_useState, 2),
+    d = _useState2[0],
+    setDim = _useState2[1];
+  const relativeTo = (0, _react.useRef)(null);
+  const prevTilt = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    const baseWidth = Math.min(relativeTo.current.clientWidth, 1440);
+    setDim({
+      width: baseWidth,
+      height: baseWidth * (relativeTo.current.clientHeight / relativeTo.current.clientWidth)
+    });
+  }, []);
+  const updateTiltCb = (0, _react.useMemo)(function () {
+    const throttlePosition = _lodash.throttle;
+    if (!d) return function () {};
+    const baseSize = Math.min(d.width, d.height) * 0.1;
+    let acceleration = (0, _lodash.throttle)(function (currTilt) {
+      if (!prevTilt.current) {
+        prevTilt.current = currTilt;
+        return;
+      }
+      const diff = {
+        x: Math.abs(prevTilt.current.x - currTilt.x),
+        y: Math.abs(prevTilt.current.y - currTilt.y)
+      };
+      const baseDiff = Math.max(diff.x, diff.y);
+      const percent = baseDiff * 100 / 90;
+      onUpdateSize(baseSize + baseSize * (percent / 100));
+      prevTilt.current = currTilt;
+    }, transitionMs, {
+      leading: false,
+      trailing: true
+    });
+    let movement = throttlePosition(function (currTilt) {
+      const x = currTilt.x + 100,
+        y = currTilt.y + 100;
+      const cx = d.width * x / 200,
+        cy = d.height * y / 200;
+      onUpdatePosition(cx, cy);
+    }, transitionPositionMs, {
+      leading: false,
+      trailing: true
     });
-    const circlesConfig = (0, react_1.useMemo)(() => {
-        if (!d)
-            return [];
-        const baseSize = Math.min(d.width, d.height) * 0.15;
-        return new Array(10).fill(undefined).map((_, i) => {
-            const mod = i % 2;
-            const startX = Math.random() * d.width * 0.5 + (mod === 0 ? 0 : d.width * 0.5);
-            const translateX = startX - (startX + 50 + Math.random() * 200);
-            const startY = Math.random() * d.height * 0.75 + (mod === 0 ? 0 : d.height * 0.25);
-            const translateY = startY - (startY + 50 + Math.random() * 200);
-            return {
-                baseSize,
-                startX,
-                startY,
-                translateX,
-                translateY,
-            };
-        });
-    }, [d]);
-    return {
-        relativeTo,
-        d,
-        circlesConfig,
+    return function (tilt) {
+      if (!d) return;
+      acceleration(tilt);
+      movement(tilt);
     };
-}
-exports.default = useLavaLampSetup;
-//# sourceMappingURL=LavaLamp.data.js.map
+  }, [d]);
+  (0, _useTilt.useTiltUpdates)(true, relativeTo, updateTiltCb, undefined, undefined, undefined, {
+    round: false,
+    gyroEnabled: false
+  });
+  const circlesConfig = (0, _react.useMemo)(function () {
+    if (!d) return [];
+    const baseSize = Math.min(d.width, d.height) * 0.15;
+    return new Array(10).fill(undefined).map(function (_, i) {
+      const mod = i % 2;
+      const startX = Math.random() * d.width * 0.5 + (mod === 0 ? 0 : d.width * 0.5);
+      const translateX = startX - (startX + 50 + Math.random() * 200);
+      const startY = Math.random() * d.height * 0.75 + (mod === 0 ? 0 : d.height * 0.25);
+      const translateY = startY - (startY + 50 + Math.random() * 200);
+      return {
+        baseSize: baseSize,
+        startX: startX,
+        startY: startY,
+        translateX: translateX,
+        translateY: translateY
+      };
+    });
+  }, [d]);
+  return {
+    relativeTo: relativeTo,
+    d: d,
+    circlesConfig: circlesConfig
+  };
+}