@onepercentio/one-ui 0.19.2 → 0.19.3

package/dist/components/Header/Header.js

@@ -1,76 +1,107 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const OneUIProvider_1 = require("../../context/OneUIProvider");
-const AnchoredTooltip_1 = require("../AnchoredTooltip/AnchoredTooltip");
-const Collapsable_1 = __importDefault(require("../Collapsable"));
-const Text_1 = __importDefault(require("../Text"));
-const Header_module_scss_1 = __importDefault(require("./Header.module.scss"));
+exports.default = Header;
+var _react = _interopRequireWildcard(require("react"));
+var _OneUIProvider = require("../../context/OneUIProvider");
+var _AnchoredTooltip = require("../AnchoredTooltip/AnchoredTooltip");
+var _Collapsable = _interopRequireDefault(require("../Collapsable"));
+var _Text = _interopRequireDefault(require("../Text"));
+var _HeaderModule = _interopRequireDefault(require("./Header.module.scss"));
+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; }
 /**
  * A generic header implementation
  **/
 function Header(props) {
-    const { user, moreOptions } = props;
-    const [showMoreOptions, setShowMoreOptions] = (0, react_1.useState)(false);
-    const { LogoImage = () => null, MoreOptions = () => react_1.default.createElement("div", null, "v") } = (0, OneUIProvider_1.useOneUIContext)().component.header;
-    (0, react_1.useEffect)(() => {
-        if (showMoreOptions) {
-            const close = () => setShowMoreOptions(false);
-            window.addEventListener("click", close);
-            return () => {
-                window.removeEventListener("click", close);
-            };
-        }
-    }, [showMoreOptions]);
-    return (react_1.default.createElement("header", { className: `${Header_module_scss_1.default.header} ${Header_module_scss_1.default[`options-${props.optionsAlignment || "left"}`]}` },
-        react_1.default.createElement("div", { className: Header_module_scss_1.default.logo },
-            react_1.default.createElement(LogoImage, null),
-            react_1.default.createElement("div", { className: Header_module_scss_1.default.logoDivider })),
-        react_1.default.createElement(Controls, Object.assign({}, props, { mode: "desktop" })),
-        user ? (user.profilePicture ? (react_1.default.createElement("img", { className: Header_module_scss_1.default.profile, "data-testid": "profile-container", src: user.profilePicture })) : (react_1.default.createElement("div", { className: Header_module_scss_1.default.profile, "data-testid": "profile-container" }, user.name
-            .split(" ")
-            .slice(0, 2)
-            .map((a) => a.charAt(0).toUpperCase())
-            .join("")))) : null,
-        user ? react_1.default.createElement("p", { className: Header_module_scss_1.default.profileName }, user.name) : null,
-        react_1.default.createElement(Collapsable_1.default, { title: react_1.default.createElement("div", { className: `${Header_module_scss_1.default.indicator} ${moreOptions ? Header_module_scss_1.default.withMoreOptions : ""}` },
-                react_1.default.createElement(MoreOptions, { open: showMoreOptions })), "data-testid": "more-options-container", open: showMoreOptions, onToggleOpen: setShowMoreOptions, mode: "float", contentClassName: Header_module_scss_1.default.headerOptions, alignTo: AnchoredTooltip_1.AnchoredTooltipAlignment.CENTER },
-            react_1.default.createElement(Controls, Object.assign({}, props, { mode: "mobile" })),
-            moreOptions
-                ? moreOptions.map((opt) => (react_1.default.createElement(Text_1.default, { type: "link", onClick: opt.onClick }, opt.label)))
-                : null)));
-}
-exports.default = Header;
-function Controls({ options, children, mode, }) {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        options.map((option, i) => (react_1.default.createElement(Text_1.default, { type: "link", key: option.label, "data-testid": `option-${i}`, onClick: option.onClick, className: `${Header_module_scss_1.default.option} ${mode === "desktop" ? Header_module_scss_1.default.desktopOnly : Header_module_scss_1.default.mobileOnly}` }, option.label))),
-        react_1.default.createElement("div", { className: Header_module_scss_1.default.sectionDivider }),
-        children && (react_1.default.createElement("div", { className: `${Header_module_scss_1.default.children} ${mode === "desktop" ? Header_module_scss_1.default.desktopOnly : Header_module_scss_1.default.mobileOnly}` }, children))));
+  const user = props.user,
+    moreOptions = props.moreOptions;
+  const _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showMoreOptions = _useState2[0],
+    setShowMoreOptions = _useState2[1];
+  const _useOneUIContext$comp = (0, _OneUIProvider.useOneUIContext)().component.header,
+    _useOneUIContext$comp2 = _useOneUIContext$comp.LogoImage,
+    LogoImage = _useOneUIContext$comp2 === void 0 ? function () {
+      return null;
+    } : _useOneUIContext$comp2,
+    _useOneUIContext$comp3 = _useOneUIContext$comp.MoreOptions,
+    MoreOptions = _useOneUIContext$comp3 === void 0 ? function () {
+      return /*#__PURE__*/_react.default.createElement("div", null, "v");
+    } : _useOneUIContext$comp3;
+  (0, _react.useEffect)(function () {
+    if (showMoreOptions) {
+      const close = function close() {
+        return setShowMoreOptions(false);
+      };
+      window.addEventListener("click", close);
+      return function () {
+        window.removeEventListener("click", close);
+      };
+    }
+  }, [showMoreOptions]);
+  return /*#__PURE__*/_react.default.createElement("header", {
+    className: "".concat(_HeaderModule.default.header, " ").concat(_HeaderModule.default["options-".concat(props.optionsAlignment || "left")])
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _HeaderModule.default.logo
+  }, /*#__PURE__*/_react.default.createElement(LogoImage, null), /*#__PURE__*/_react.default.createElement("div", {
+    className: _HeaderModule.default.logoDivider
+  })), /*#__PURE__*/_react.default.createElement(Controls, _extends({}, props, {
+    mode: "desktop"
+  })), user ? user.profilePicture ? /*#__PURE__*/_react.default.createElement("img", {
+    className: _HeaderModule.default.profile,
+    src: user.profilePicture
+  }) : /*#__PURE__*/_react.default.createElement("div", {
+    className: _HeaderModule.default.profile
+  }, user.name.split(" ").slice(0, 2).map(function (a) {
+    return a.charAt(0).toUpperCase();
+  }).join("")) : null, user ? /*#__PURE__*/_react.default.createElement("p", {
+    className: _HeaderModule.default.profileName
+  }, user.name) : null, /*#__PURE__*/_react.default.createElement(_Collapsable.default, {
+    title: /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(_HeaderModule.default.indicator, " ").concat(moreOptions ? _HeaderModule.default.withMoreOptions : "")
+    }, /*#__PURE__*/_react.default.createElement(MoreOptions, {
+      open: showMoreOptions
+    })),
+    open: showMoreOptions,
+    onToggleOpen: setShowMoreOptions,
+    mode: "float",
+    contentClassName: _HeaderModule.default.headerOptions,
+    alignTo: _AnchoredTooltip.AnchoredTooltipAlignment.CENTER
+  }, /*#__PURE__*/_react.default.createElement(Controls, _extends({}, props, {
+    mode: "mobile"
+  })), moreOptions ? moreOptions.map(function (opt) {
+    return /*#__PURE__*/_react.default.createElement(_Text.default, {
+      type: "link",
+      onClick: opt.onClick
+    }, opt.label);
+  }) : null));
 }
-//# sourceMappingURL=Header.js.map
+function Controls(_ref) {
+  let options = _ref.options,
+    children = _ref.children,
+    mode = _ref.mode;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, options.map(function (option) {
+    return /*#__PURE__*/_react.default.createElement(_Text.default, {
+      type: "link",
+      key: option.label,
+      onClick: option.onClick,
+      className: "".concat(_HeaderModule.default.option, " ").concat(mode === "desktop" ? _HeaderModule.default.desktopOnly : _HeaderModule.default.mobileOnly)
+    }, option.label);
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _HeaderModule.default.sectionDivider
+  }), children && /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_HeaderModule.default.children, " ").concat(mode === "desktop" ? _HeaderModule.default.desktopOnly : _HeaderModule.default.mobileOnly)
+  }, children));
+}

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

package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js

@@ -1,17 +1,21 @@
 "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 HeaderCloseBtn_module_scss_1 = __importDefault(require("./HeaderCloseBtn.module.scss"));
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = HeaderButton;
+var _react = _interopRequireDefault(require("react"));
+var _HeaderCloseBtnModule = _interopRequireDefault(require("./HeaderCloseBtn.module.scss"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * A simple close button implemented with pure HTML and CSS
  **/
-function HeaderButton({ mode, hidden, onClick, }) {
-    return (react_1.default.createElement("div", { "data-testid": "header-control-back", className: `${HeaderCloseBtn_module_scss_1.default.headerButton} ${HeaderCloseBtn_module_scss_1.default[mode]} ${hidden ? HeaderCloseBtn_module_scss_1.default.pointOfNoReturn : ""}`, onClick: onClick },
-        react_1.default.createElement("div", null),
-        react_1.default.createElement("div", null)));
-}
-exports.default = HeaderButton;
-//# sourceMappingURL=HeaderCloseBtn.js.map
+function HeaderButton(_ref) {
+  let mode = _ref.mode,
+    hidden = _ref.hidden,
+    onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_HeaderCloseBtnModule.default.headerButton, " ").concat(_HeaderCloseBtnModule.default[mode], " ").concat(hidden ? _HeaderCloseBtnModule.default.pointOfNoReturn : ""),
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null));
+}

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

package/dist/components/InfinityScroll/InfinityScroll.js

@@ -1,131 +1,151 @@
 "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;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InfinityDataTestId = exports.getItemsFactory = exports.keys = exports.shouldIncrementPage = void 0;
-const react_1 = __importStar(require("react"));
-const InfinityScroll_module_scss_1 = __importDefault(require("./InfinityScroll.module.scss"));
+exports.default = exports.InfinityDataTestId = void 0;
+exports.getItemsFactory = getItemsFactory;
+exports.keys = keys;
+exports.shouldIncrementPage = shouldIncrementPage;
+var _react = _interopRequireWildcard(require("react"));
+var _InfinityScrollModule = _interopRequireDefault(require("./InfinityScroll.module.scss"));
+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 _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 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 _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); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(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 shouldIncrementPage(howMuchTheParentScrolled, prevSectionPosition, nextSectionPosition) {
-    if (howMuchTheParentScrolled === nextSectionPosition)
-        return 1;
-    else if (howMuchTheParentScrolled === prevSectionPosition)
-        return -1;
-    else
-        return 0;
+  if (howMuchTheParentScrolled === nextSectionPosition) return 1;else if (howMuchTheParentScrolled === prevSectionPosition) return -1;else return 0;
 }
-exports.shouldIncrementPage = shouldIncrementPage;
 function keys(currPage) {
-    return [currPage % 3, (currPage + 1) % 3, (currPage + 2) % 3]
-        .map((a) => `step_${a}`)
-        .reverse();
+  return [currPage % 3, (currPage + 1) % 3, (currPage + 2) % 3].map(function (a) {
+    return "step_".concat(a);
+  }).reverse();
 }
-exports.keys = keys;
 function getItemsFactory(pageSize, items, isCountTheSameOrLowerThanPage) {
-    return function getItems(page, offset, _pageSize = pageSize) {
-        let from = page * _pageSize + offset;
-        if (from < 0)
-            from = items.length + from;
-        if (from > items.length)
-            from = from - items.length;
-        const to = from + _pageSize;
-        const slicedItems = items.slice(from, to);
-        if (slicedItems.length < _pageSize && !isCountTheSameOrLowerThanPage) {
-            slicedItems.push(...getItems(0, 0, _pageSize - slicedItems.length));
-        }
-        return slicedItems.map((i, index) => typeof i === "object"
-            ? Object.assign(Object.assign({}, i), { key: index }) : i);
-    };
+  return function getItems(page, offset) {
+    let _pageSize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : pageSize;
+    let from = page * _pageSize + offset;
+    if (from < 0) from = items.length + from;
+    if (from > items.length) from = from - items.length;
+    const to = from + _pageSize;
+    const slicedItems = items.slice(from, to);
+    if (slicedItems.length < _pageSize && !isCountTheSameOrLowerThanPage) {
+      slicedItems.push.apply(slicedItems, _toConsumableArray(getItems(0, 0, _pageSize - slicedItems.length)));
+    }
+    return slicedItems.map(function (i, index) {
+      return _typeof(i) === "object" ? _objectSpread(_objectSpread({}, i), {}, {
+        key: index
+      }) : i;
+    });
+  };
 }
-exports.getItemsFactory = getItemsFactory;
+
 /**
  * Manages a set of divs that allows the effect of inifinite scrolling between pages
  **/
-function InfinityScroll({ items, pageSize, initialPage = 0, pageClass, className = "", }, ref) {
-    const [currPage, setCurrPage] = (0, react_1.useState)({
-        page: initialPage,
-        offset: 0,
+function InfinityScroll(_ref, ref) {
+  let items = _ref.items,
+    pageSize = _ref.pageSize,
+    _ref$initialPage = _ref.initialPage,
+    initialPage = _ref$initialPage === void 0 ? 0 : _ref$initialPage,
+    pageClass = _ref.pageClass,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  const _useState = (0, _react.useState)({
+      page: initialPage,
+      offset: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    currPage = _useState2[0],
+    setCurrPage = _useState2[1];
+  const parentDiv = (0, _react.useMemo)(function () {
+    return ref || /*#__PURE__*/(0, _react.createRef)();
+  }, [ref]);
+  const prevDiv = (0, _react.useRef)(null);
+  const currDiv = (0, _react.useRef)(null);
+  const nextDiv = (0, _react.useRef)(null);
+  const isCountTheSameOrLowerThanPage = items.length <= pageSize;
+  const getItems = (0, _react.useMemo)(function () {
+    return getItemsFactory(pageSize, items, isCountTheSameOrLowerThanPage);
+  }, [pageSize, items, isCountTheSameOrLowerThanPage]);
+  (0, _react.useLayoutEffect)(function () {
+    if (isCountTheSameOrLowerThanPage || window.PRERENDER) return;
+    const viewportWidth = parentDiv.current.clientWidth;
+    const centerScroll = parentDiv.current.scrollWidth / 2;
+    parentDiv.current.scrollTo({
+      left: centerScroll - viewportWidth / 2
     });
-    const parentDiv = (0, react_1.useMemo)(() => {
-        return ref || (0, react_1.createRef)();
-    }, [ref]);
-    const prevDiv = (0, react_1.useRef)(null);
-    const currDiv = (0, react_1.useRef)(null);
-    const nextDiv = (0, react_1.useRef)(null);
-    const isCountTheSameOrLowerThanPage = items.length <= pageSize;
-    const getItems = (0, react_1.useMemo)(() => getItemsFactory(pageSize, items, isCountTheSameOrLowerThanPage), [pageSize, items, isCountTheSameOrLowerThanPage]);
-    (0, react_1.useLayoutEffect)(() => {
-        if (isCountTheSameOrLowerThanPage || window.PRERENDER)
-            return;
-        const viewportWidth = parentDiv.current.clientWidth;
-        const centerScroll = parentDiv.current.scrollWidth / 2;
-        parentDiv.current.scrollTo({
-            left: centerScroll - viewportWidth / 2,
+  }, [isCountTheSameOrLowerThanPage, currPage.page, currPage.offset, items]);
+  const _keys = keys(currPage.page),
+    _keys2 = _slicedToArray(_keys, 3),
+    beforeKey = _keys2[0],
+    currKey = _keys2[1],
+    afterKey = _keys2[2];
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: parentDiv,
+    className: "".concat(_InfinityScrollModule.default.container, " ").concat(className),
+    onScroll: !isCountTheSameOrLowerThanPage ? function () {
+      const pageToIncrement = shouldIncrementPage(Math.round(parentDiv.current.scrollLeft), prevDiv.current.offsetLeft, nextDiv.current.offsetLeft);
+      if (pageToIncrement) {
+        setCurrPage(function (prev) {
+          let nextPage = prev.page + pageToIncrement;
+          let offset = prev.offset;
+          if (nextPage < 0) {
+            nextPage = Math.round(items.length / pageSize) - 1;
+            const finalIndex = (nextPage + 1) * pageSize + offset;
+            const maxIndex = items.length;
+            const remainingItems = maxIndex + offset - finalIndex;
+            offset += remainingItems;
+            if (offset === -(items.length - 1)) offset = 1;
+          }
+          let nextIndex = nextPage * pageSize + offset;
+          if (nextIndex > items.length) {
+            offset = nextIndex - items.length;
+            nextPage = 0;
+          }
+          return {
+            page: nextPage,
+            offset: offset
+          };
         });
-    }, [isCountTheSameOrLowerThanPage, currPage.page, currPage.offset, items]);
-    const [beforeKey, currKey, afterKey] = keys(currPage.page);
-    return (react_1.default.createElement("div", { ref: parentDiv, className: `${InfinityScroll_module_scss_1.default.container} ${className}`, "data-testid": InfinityDataTestId.ROOT, onScroll: !isCountTheSameOrLowerThanPage
-            ? () => {
-                const pageToIncrement = shouldIncrementPage(Math.round(parentDiv.current.scrollLeft), prevDiv.current.offsetLeft, nextDiv.current.offsetLeft);
-                if (pageToIncrement) {
-                    setCurrPage((prev) => {
-                        let nextPage = prev.page + pageToIncrement;
-                        let offset = prev.offset;
-                        if (nextPage < 0) {
-                            nextPage = Math.round(items.length / pageSize) - 1;
-                            const finalIndex = (nextPage + 1) * pageSize + offset;
-                            const maxIndex = items.length;
-                            const remainingItems = maxIndex + offset - finalIndex;
-                            offset += remainingItems;
-                            if (offset === -(items.length - 1))
-                                offset = 1;
-                        }
-                        let nextIndex = nextPage * pageSize + offset;
-                        if (nextIndex > items.length) {
-                            offset = nextIndex - items.length;
-                            nextPage = 0;
-                        }
-                        return {
-                            page: nextPage,
-                            offset,
-                        };
-                    });
-                }
-            }
-            : undefined },
-        !isCountTheSameOrLowerThanPage && (react_1.default.createElement("div", { key: beforeKey, className: pageClass, "data-testid": InfinityDataTestId.PREV_PAGE, ref: prevDiv }, getItems(currPage.page - 1, currPage.offset))),
-        react_1.default.createElement("div", { key: currKey, className: pageClass, "data-testid": InfinityDataTestId.CURR_PAGE, ref: currDiv }, getItems(currPage.page, currPage.offset)),
-        !isCountTheSameOrLowerThanPage && (react_1.default.createElement("div", { key: afterKey, className: pageClass, "data-testid": InfinityDataTestId.NEXT_PAGE, ref: nextDiv }, getItems(currPage.page + 1, currPage.offset)))));
+      }
+    } : undefined
+  }, !isCountTheSameOrLowerThanPage && /*#__PURE__*/_react.default.createElement("div", {
+    key: beforeKey,
+    className: pageClass,
+    ref: prevDiv
+  }, getItems(currPage.page - 1, currPage.offset)), /*#__PURE__*/_react.default.createElement("div", {
+    key: currKey,
+    className: pageClass,
+    ref: currDiv
+  }, getItems(currPage.page, currPage.offset)), !isCountTheSameOrLowerThanPage && /*#__PURE__*/_react.default.createElement("div", {
+    key: afterKey,
+    className: pageClass,
+    ref: nextDiv
+  }, getItems(currPage.page + 1, currPage.offset)));
 }
-exports.default = (0, react_1.forwardRef)(InfinityScroll);
-var InfinityDataTestId;
-(function (InfinityDataTestId) {
-    InfinityDataTestId["PREV_PAGE"] = "infinity-prev";
-    InfinityDataTestId["CURR_PAGE"] = "infinity-curr";
-    InfinityDataTestId["NEXT_PAGE"] = "infinity-next";
-    InfinityDataTestId["ROOT"] = "infinity-parent";
-})(InfinityDataTestId = exports.InfinityDataTestId || (exports.InfinityDataTestId = {}));
-//# sourceMappingURL=InfinityScroll.js.map
+var _default = /*#__PURE__*/(0, _react.forwardRef)(InfinityScroll);
+exports.default = _default;
+let InfinityDataTestId = /*#__PURE__*/function (InfinityDataTestId) {
+  InfinityDataTestId["PREV_PAGE"] = "infinity-prev";
+  InfinityDataTestId["CURR_PAGE"] = "infinity-curr";
+  InfinityDataTestId["NEXT_PAGE"] = "infinity-next";
+  InfinityDataTestId["ROOT"] = "infinity-parent";
+  return InfinityDataTestId;
+}({});
+exports.InfinityDataTestId = InfinityDataTestId;

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

package/dist/components/Input/Input.d.ts

@@ -1,10 +1,10 @@
-import React, { ChangeEventHandler, DetailedHTMLProps } from "react";
+import React, { ChangeEventHandler, DetailedHTMLProps, ReactElement } from "react";
 export declare type InputProps = {
     decoration?: React.ReactElement | null;
-    error?: string;
+    error?: string | ReactElement;
     hideError?: "onfocus";
     placeholder?: string;
-    disclaimer?: string;
+    disclaimer?: string | ReactElement;
     multiline?: number;
     border?: boolean;
     icon?: {
@@ -12,6 +12,7 @@ export declare type InputProps = {
     } & DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, any>;
     Icon?: React.ReactElement;
     onChange?: ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    containerProps?: Omit<React.HTMLProps<HTMLDivElement>, "ref">;
 } & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange">;
 export declare enum InputTestIds {
     DISCLAIMER = "disclaimer",
@@ -19,10 +20,10 @@ export declare enum InputTestIds {
 }
 declare const _default: React.ForwardRefExoticComponent<{
     decoration?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
-    error?: string | undefined;
+    error?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
     hideError?: "onfocus" | undefined;
     placeholder?: string | undefined;
-    disclaimer?: string | undefined;
+    disclaimer?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
     multiline?: number | undefined;
     border?: boolean | undefined;
     icon?: ({
@@ -30,5 +31,6 @@ declare const _default: React.ForwardRefExoticComponent<{
     } & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
     Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
     onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
-} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "onChange" | "ref"> & React.RefAttributes<any>>;
+    containerProps?: Omit<React.HTMLProps<HTMLDivElement>, "ref"> | undefined;
+} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange"> & React.RefAttributes<any>>;
 export default _default;