@pedidopago/ui 1.7.26 → 1.8.0

package/dist/components/Select/components/OptionsSelect/index.js

@@ -1,73 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OptionsSelect = void 0;
-var _react = require("react");
-var _useDisableBodyScroll = require("../../../../shared/hooks/useDisableBodyScroll");
-var _useWindowSize2 = require("../../../../shared/hooks/useWindowSize");
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-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; }
-var OptionsSelect = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var open = _ref.open,
-    _ref$left = _ref.left,
-    left = _ref$left === void 0 ? '50vw' : _ref$left,
-    _ref$top = _ref.top,
-    top = _ref$top === void 0 ? '' : _ref$top,
-    _ref$offsetX = _ref.offsetX,
-    offsetX = _ref$offsetX === void 0 ? '0px' : _ref$offsetX,
-    _ref$disableScrollOnO = _ref.disableScrollOnOpen,
-    disableScrollOnOpen = _ref$disableScrollOnO === void 0 ? true : _ref$disableScrollOnO,
-    maxWidth = _ref.maxWidth,
-    minWidth = _ref.minWidth,
-    children = _ref.children;
-  var _useWindowSize = (0, _useWindowSize2.useWindowSize)(),
-    windowHeight = _useWindowSize.height;
-  var optionsContainerRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return optionsContainerRef.current;
-  });
-  var _useState = (0, _react.useState)(function () {
-      var _optionsContainerRef$, _optionsContainerRef$2;
-      if (windowHeight - (((_optionsContainerRef$ = optionsContainerRef.current) === null || _optionsContainerRef$ === void 0 ? void 0 : (_optionsContainerRef$2 = _optionsContainerRef$.getBoundingClientRect()) === null || _optionsContainerRef$2 === void 0 ? void 0 : _optionsContainerRef$2.y) || 0) > 360) {
-        return '360px';
-      } else {
-        var _optionsContainerRef$3, _optionsContainerRef$4;
-        return "".concat(windowHeight - (((_optionsContainerRef$3 = optionsContainerRef.current) === null || _optionsContainerRef$3 === void 0 ? void 0 : (_optionsContainerRef$4 = _optionsContainerRef$3.getBoundingClientRect()) === null || _optionsContainerRef$4 === void 0 ? void 0 : _optionsContainerRef$4.y) || 0), "px");
-      }
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    positionElement = _useState2[0],
-    setPositionElement = _useState2[1];
-  (0, _react.useEffect)(function () {
-    setPositionElement(function () {
-      var _optionsContainerRef$5, _optionsContainerRef$6;
-      if (windowHeight - (((_optionsContainerRef$5 = optionsContainerRef.current) === null || _optionsContainerRef$5 === void 0 ? void 0 : (_optionsContainerRef$6 = _optionsContainerRef$5.getBoundingClientRect()) === null || _optionsContainerRef$6 === void 0 ? void 0 : _optionsContainerRef$6.y) || 0) > 360) {
-        return '360px';
-      } else {
-        var _optionsContainerRef$7, _optionsContainerRef$8;
-        return "".concat(windowHeight - (((_optionsContainerRef$7 = optionsContainerRef.current) === null || _optionsContainerRef$7 === void 0 ? void 0 : (_optionsContainerRef$8 = _optionsContainerRef$7.getBoundingClientRect()) === null || _optionsContainerRef$8 === void 0 ? void 0 : _optionsContainerRef$8.y) || 0), "px");
-      }
-    });
-  });
-  (0, _useDisableBodyScroll.useDisableBodyScroll)(open && disableScrollOnOpen, 'child_element');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.OptionsContainer, {
-    ref: optionsContainerRef,
-    open: open,
-    maxWidth: typeof maxWidth === 'number' ? "".concat(maxWidth, "px") : maxWidth,
-    minWidth: minWidth,
-    maxHeight: positionElement,
-    left: "calc(".concat(left, " + ").concat(offsetX, ")"),
-    top: top,
-    children: children
-  });
-});
-exports.OptionsSelect = OptionsSelect;
-OptionsSelect.displayName = 'OptionsSelect';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OptionsSelect=void 0;var _react=require("react"),_useDisableBodyScroll=require("../../../../shared/hooks/useDisableBodyScroll"),_useWindowSize2=require("../../../../shared/hooks/useWindowSize"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");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){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=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}var OptionsSelect=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){var open=_ref.open,_ref$left=_ref.left,left=void 0===_ref$left?"50vw":_ref$left,_ref$top=_ref.top,top=void 0===_ref$top?"":_ref$top,_ref$offsetX=_ref.offsetX,offsetX=void 0===_ref$offsetX?"0px":_ref$offsetX,_ref$disableScrollOnO=_ref.disableScrollOnOpen,maxWidth=_ref.maxWidth,minWidth=_ref.minWidth,children=_ref.children,_useWindowSize=(0,_useWindowSize2.useWindowSize)(),windowHeight=_useWindowSize.height,optionsContainerRef=(0,_react.useRef)(null);(0,_react.useImperativeHandle)(ref,function(){return optionsContainerRef.current});var _useState=(0,_react.useState)(function(){var _optionsContainerRef$,_optionsContainerRef$2;if(360<windowHeight-((null===(_optionsContainerRef$=optionsContainerRef.current)||void 0===_optionsContainerRef$||null===(_optionsContainerRef$2=_optionsContainerRef$.getBoundingClientRect())||void 0===_optionsContainerRef$2?void 0:_optionsContainerRef$2.y)||0))return"360px";var _optionsContainerRef$3,_optionsContainerRef$4;return"".concat(windowHeight-((null===(_optionsContainerRef$3=optionsContainerRef.current)||void 0===_optionsContainerRef$3||null===(_optionsContainerRef$4=_optionsContainerRef$3.getBoundingClientRect())||void 0===_optionsContainerRef$4?void 0:_optionsContainerRef$4.y)||0),"px")}),_useState2=_slicedToArray(_useState,2),positionElement=_useState2[0],setPositionElement=_useState2[1];return(0,_react.useEffect)(function(){setPositionElement(function(){var _optionsContainerRef$5,_optionsContainerRef$6;if(360<windowHeight-((null===(_optionsContainerRef$5=optionsContainerRef.current)||void 0===_optionsContainerRef$5||null===(_optionsContainerRef$6=_optionsContainerRef$5.getBoundingClientRect())||void 0===_optionsContainerRef$6?void 0:_optionsContainerRef$6.y)||0))return"360px";var _optionsContainerRef$7,_optionsContainerRef$8;return"".concat(windowHeight-((null===(_optionsContainerRef$7=optionsContainerRef.current)||void 0===_optionsContainerRef$7||null===(_optionsContainerRef$8=_optionsContainerRef$7.getBoundingClientRect())||void 0===_optionsContainerRef$8?void 0:_optionsContainerRef$8.y)||0),"px")})}),(0,_useDisableBodyScroll.useDisableBodyScroll)(open&&(void 0===_ref$disableScrollOnO||_ref$disableScrollOnO),"child_element"),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.OptionsContainer,{ref:optionsContainerRef,open:open,maxWidth:"number"==typeof maxWidth?"".concat(maxWidth,"px"):maxWidth,minWidth:minWidth,maxHeight:positionElement,left:"calc(".concat(left," + ").concat(offsetX,")"),top:top,children:children})});exports.OptionsSelect=OptionsSelect,OptionsSelect.displayName="OptionsSelect";

package/dist/components/Select/components/OptionsSelect/styles.js

@@ -1,21 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OptionsContainer = void 0;
-var _react = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _framerMotion = require("framer-motion");
-var _templateObject;
-var _excluded = ["theme"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var OptionsContainer = (0, _styled.default)(_framerMotion.motion.div)(function (_ref) {
-  var theme = _ref.theme,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    max-width: ", ";\n    min-width: ", ";\n    max-height: calc(", " - 20px);\n    position: fixed;\n    left: ", ";\n    top: ", ";\n    z-index: ", ";\n    opacity: ", ";\n    pointer-events: ", ";\n    transition: opacity ease ", ";\n    overflow-y: auto;\n    overflow-x: hidden;\n    background: ", ";\n    border: 2px solid ", ";\n    border-radius: ", ";\n\n    &::-webkit-scrollbar {\n      width: 6px;\n    }\n\n    &::-webkit-scrollbar-track {\n      background: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      border-radius: ", ";\n      background: ", ";\n    }\n    li {\n      list-style: none;\n    }\n  "])), props.maxWidth, props.minWidth || 'initial', props.maxHeight, props.left, props.top, theme.zIndex.level24, props.open ? 1 : 0, props.open ? 'auto' : 'none', theme.transition.speed, theme.colors.neutral.white, theme.colors.neutral.neutral1, theme.borderRadius.default, theme.borderRadius.default, theme.colors.primary.default);
-});
-exports.OptionsContainer = OptionsContainer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OptionsContainer=void 0;var _templateObject,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled")),_framerMotion=require("framer-motion"),_excluded=["theme"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var OptionsContainer=(0,_styled.default)(_framerMotion.motion.div)(function(_ref){var theme=_ref.theme,props=_objectWithoutProperties(_ref,_excluded);return(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    max-width: ",";\n    min-width: ",";\n    max-height: calc("," - 20px);\n    position: fixed;\n    left: ",";\n    top: ",";\n    z-index: ",";\n    opacity: ",";\n    pointer-events: ",";\n    transition: opacity ease ",";\n    overflow-y: auto;\n    overflow-x: hidden;\n    background: ",";\n    border: 2px solid ",";\n    border-radius: ",";\n\n    &::-webkit-scrollbar {\n      width: 6px;\n    }\n\n    &::-webkit-scrollbar-track {\n      background: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      border-radius: ",";\n      background: ",";\n    }\n    li {\n      list-style: none;\n    }\n  "])),props.maxWidth,props.minWidth||"initial",props.maxHeight,props.left,props.top,theme.zIndex.level24,props.open?1:0,props.open?"auto":"none",theme.transition.speed,theme.colors.neutral.white,theme.colors.neutral.neutral1,theme.borderRadius.default,theme.borderRadius.default,theme.colors.primary.default)});exports.OptionsContainer=OptionsContainer;

package/dist/components/Select/index.js

@@ -1,247 +1,4 @@
-"use strict";
-
-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
-});
-exports.default = void 0;
-var _react = require("react");
-var _useOnClickOutside = require("../../shared/hooks/useOnClickOutside");
-var _Flex = _interopRequireDefault(require("../Flex"));
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _ReactPortal = require("../ReactPortal");
-var _Typography = _interopRequireDefault(require("../Typography"));
-var _OptionsSelect = require("./components/OptionsSelect");
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["label", "placeholder", "options", "alert", "helperText", "width", "sizeSelect", "variant", "optionsMinWidth"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _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; }
-var Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var _containerRef$current, _optionsModalRef$curr, _options$selectedOpti2, _containerRef$current3, _containerRef$current4, _containerRef$current5, _containerRef$current6;
-  var _ref$label = _ref.label,
-    label = _ref$label === void 0 ? '' : _ref$label,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
-    options = _ref.options,
-    alert = _ref.alert,
-    helperText = _ref.helperText,
-    width = _ref.width,
-    sizeSelect = _ref.sizeSelect,
-    variant = _ref.variant,
-    optionsMinWidth = _ref.optionsMinWidth,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var containerRef = (0, _react.useRef)(null);
-  var selectRef = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    optionsMenuOpen = _useState2[0],
-    setOptionsMenuOpen = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedOption = _useState4[0],
-    setSelectedOption = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    filled = _useState6[0],
-    setFilled = _useState6[1];
-  var inputRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return inputRef.current;
-  });
-  var isBooleanOptions = options.find(function (option) {
-    return typeof option.value === 'boolean';
-  });
-  var valueProperty = isBooleanOptions ? 'checked' : 'value';
-  var selectOption = (0, _react.useCallback)(function (option) {
-    if (inputRef.current) {
-      var _nativeInputValueSett;
-      var nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, valueProperty);
-      nativeInputValueSetter === null || nativeInputValueSetter === void 0 ? void 0 : (_nativeInputValueSett = nativeInputValueSetter.set) === null || _nativeInputValueSett === void 0 ? void 0 : _nativeInputValueSett.call(inputRef.current, option === undefined ? '' : options[option].value);
-      var event = new Event(isBooleanOptions ? 'click' : 'input', {
-        bubbles: true
-      });
-      inputRef.current.dispatchEvent(event);
-    }
-    setOptionsMenuOpen(false);
-    setSelectedOption(option);
-    setFilled(option !== undefined);
-  }, [isBooleanOptions, options]);
-
-  // Sets default value
-  (0, _react.useEffect)(function () {
-    if (rest.defaultValue) {
-      var defaultOptionIndex = options === null || options === void 0 ? void 0 : options.findIndex(function (c) {
-        return String(c.value) === String(rest.defaultValue);
-      });
-      if (defaultOptionIndex >= 0) selectOption(defaultOptionIndex);
-    }
-    return function () {
-      selectOption(undefined);
-    };
-  }, []);
-  var updateOption = (0, _react.useCallback)(function () {
-    var _inputRef$current, _options$selectedOpti;
-    if (selectedOption === undefined || ((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current[valueProperty]) !== ((_options$selectedOpti = options[selectedOption]) === null || _options$selectedOpti === void 0 ? void 0 : _options$selectedOpti.value)) {
-      var _inputRef$current2;
-      if (!isBooleanOptions && ((_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.value) === '' && selectedOption !== undefined) {
-        selectOption();
-      } else {
-        var optionIndex = options === null || options === void 0 ? void 0 : options.findIndex(function (c) {
-          var _inputRef$current3;
-          return c.value === ((_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3[valueProperty]);
-        });
-        if (optionIndex >= 0) selectOption(optionIndex);
-      }
-    }
-  }, [isBooleanOptions, options, selectOption, selectedOption]);
-
-  // Assures the option is selected throughout renders.
-  (0, _react.useEffect)(function () {
-    updateOption();
-  });
-  var _useState7 = (0, _react.useState)((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.getBoundingClientRect().top),
-    _useState8 = _slicedToArray(_useState7, 2),
-    positionContainer = _useState8[0],
-    setPositionContainer = _useState8[1];
-  var optionsModalRef = (0, _react.useRef)(null);
-  var _useState9 = (0, _react.useState)((_optionsModalRef$curr = optionsModalRef.current) === null || _optionsModalRef$curr === void 0 ? void 0 : _optionsModalRef$curr.getBoundingClientRect().height),
-    _useState10 = _slicedToArray(_useState9, 2),
-    heightModal = _useState10[0],
-    setHeightModal = _useState10[1];
-  function handleRepositionModal() {
-    var _containerRef$current2, _optionsModalRef$curr2;
-    setPositionContainer((_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.getBoundingClientRect().top);
-    setHeightModal((_optionsModalRef$curr2 = optionsModalRef.current) === null || _optionsModalRef$curr2 === void 0 ? void 0 : _optionsModalRef$curr2.getBoundingClientRect().height);
-  }
-  (0, _react.useEffect)(function () {
-    var modalParent = document.querySelector('[data-scroll=dispatch-scroll]');
-    var handler = function handler() {
-      if (optionsMenuOpen) {
-        setOptionsMenuOpen(false);
-      }
-    };
-    modalParent === null || modalParent === void 0 ? void 0 : modalParent.addEventListener('scroll', handler);
-    return function () {
-      return modalParent === null || modalParent === void 0 ? void 0 : modalParent.removeEventListener('scroll', handler);
-    };
-  }, [optionsMenuOpen]);
-  (0, _useOnClickOutside.useOnClickOutside)([selectRef, optionsModalRef], function () {
-    setOptionsMenuOpen(false);
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    ref: selectRef,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
-      direction: "column",
-      style: {
-        width: '100%'
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SelectContainer, {
-        "data-testid": "select",
-        size: sizeSelect || 'md',
-        filled: filled || !!placeholder,
-        alert: alert,
-        disabled: !!rest.disabled,
-        width: width,
-        tabIndex: rest.disabled ? -1 : 0,
-        onMouseOver: handleRepositionModal,
-        onClick: function onClick() {
-          if (!rest.disabled) setOptionsMenuOpen(!optionsMenuOpen);
-          handleRepositionModal();
-        },
-        className: rest.className,
-        style: rest.style,
-        variant: variant,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          ref: containerRef,
-          children: [label && variant !== 'unstyled' && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-            children: label
-          }), selectedOption === undefined ?
-          /*#__PURE__*/
-          // Value label
-          (0, _jsxRuntime.jsx)(_Typography.default, {
-            fontSize: "xs",
-            fontWeight: "500",
-            color: "neutral.neutral3",
-            children: placeholder || ''
-          }) :
-          /*#__PURE__*/
-          // Placeholder label
-          (0, _jsxRuntime.jsx)(_Typography.default, {
-            fontSize: "xs",
-            fontWeight: "500",
-            color: "inherit",
-            children: (_options$selectedOpti2 = options[selectedOption]) === null || _options$selectedOpti2 === void 0 ? void 0 : _options$selectedOpti2.label
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-            name: "chevron-down"
-          }), variant !== 'unstyled' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("fieldset", {
-              children: !!label && /*#__PURE__*/(0, _jsxRuntime.jsx)("legend", {
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-                  fontSize: "xxs",
-                  variant: "span",
-                  children: label
-                })
-              })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("fieldset", {
-              children: !!label && /*#__PURE__*/(0, _jsxRuntime.jsx)("legend", {
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-                  fontSize: "xxs",
-                  variant: "span",
-                  children: label
-                })
-              })
-            })]
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread({
-          ref: inputRef,
-          type: isBooleanOptions && 'checkbox',
-          tabIndex: -1
-        }, rest))]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactPortal.ReactPortal, {
-        wrapperId: "portal-root",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_OptionsSelect.OptionsSelect, {
-          open: optionsMenuOpen,
-          left: "".concat((_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.getBoundingClientRect().left, "px"),
-          top: Number(positionContainer) < 470 ? "calc(".concat(((_containerRef$current4 = containerRef.current) === null || _containerRef$current4 === void 0 ? void 0 : _containerRef$current4.getBoundingClientRect().bottom) || 0, "px + 10px)") : "calc(".concat(((_containerRef$current5 = containerRef.current) === null || _containerRef$current5 === void 0 ? void 0 : _containerRef$current5.getBoundingClientRect().top) || 0, "px - ").concat(heightModal && heightModal + 10, "px)"),
-          ref: optionsModalRef,
-          maxWidth: "".concat((_containerRef$current6 = containerRef.current) === null || _containerRef$current6 === void 0 ? void 0 : _containerRef$current6.getBoundingClientRect().width, "px"),
-          minWidth: optionsMinWidth,
-          children: [!!placeholder && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.OptionPlaceholder, {
-            item: true,
-            onClick: function onClick() {
-              return selectOption(undefined);
-            },
-            children: placeholder
-          }), options === null || options === void 0 ? void 0 : options.map(function (option, i) {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Option, {
-              sizeSelect: sizeSelect,
-              onClick: function onClick() {
-                selectOption(i);
-              },
-              children: option.label
-            }, i);
-          })]
-        })
-      }), !!helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.HelperText, {
-        alert: alert,
-        children: helperText
-      })]
-    })
-  });
-});
-Select.displayName = 'Select';
-var _default = Select;
-exports.default = _default;
+"use strict";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:!0}),exports.default=void 0;var _react=require("react"),_useOnClickOutside=require("../../shared/hooks/useOnClickOutside"),_Flex=_interopRequireDefault(require("../Flex")),_Icon=_interopRequireDefault(require("../Icon")),_ReactPortal=require("../ReactPortal"),_Typography=_interopRequireDefault(require("../Typography")),_OptionsSelect=require("./components/OptionsSelect"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["label","placeholder","options","alert","helperText","width","sizeSelect","variant","optionsMinWidth"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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 source,i=1;i<arguments.length;i++)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){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}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){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=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(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var Select=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){function handleRepositionModal(){var _containerRef$current2,_optionsModalRef$curr2;setPositionContainer(null===(_containerRef$current2=containerRef.current)||void 0===_containerRef$current2?void 0:_containerRef$current2.getBoundingClientRect().top),setHeightModal(null===(_optionsModalRef$curr2=optionsModalRef.current)||void 0===_optionsModalRef$curr2?void 0:_optionsModalRef$curr2.getBoundingClientRect().height)}var _containerRef$current,_optionsModalRef$curr,_options$selectedOpti2,_containerRef$current3,_containerRef$current4,_containerRef$current5,_containerRef$current6,_ref$label=_ref.label,label=void 0===_ref$label?"":_ref$label,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?"":_ref$placeholder,options=_ref.options,alert=_ref.alert,helperText=_ref.helperText,width=_ref.width,sizeSelect=_ref.sizeSelect,variant=_ref.variant,optionsMinWidth=_ref.optionsMinWidth,rest=_objectWithoutProperties(_ref,_excluded),containerRef=(0,_react.useRef)(null),selectRef=(0,_react.useRef)(null),_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),optionsMenuOpen=_useState2[0],setOptionsMenuOpen=_useState2[1],_useState3=(0,_react.useState)(),_useState4=_slicedToArray(_useState3,2),selectedOption=_useState4[0],setSelectedOption=_useState4[1],_useState5=(0,_react.useState)(!1),_useState6=_slicedToArray(_useState5,2),filled=_useState6[0],setFilled=_useState6[1],inputRef=(0,_react.useRef)(null);(0,_react.useImperativeHandle)(ref,function(){return inputRef.current});var isBooleanOptions=options.find(function(option){return"boolean"==typeof option.value}),valueProperty=isBooleanOptions?"checked":"value",selectOption=(0,_react.useCallback)(function(option){if(inputRef.current){var _nativeInputValueSett,nativeInputValueSetter=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,valueProperty);null===nativeInputValueSetter||void 0===nativeInputValueSetter||null===(_nativeInputValueSett=nativeInputValueSetter.set)||void 0===_nativeInputValueSett?void 0:_nativeInputValueSett.call(inputRef.current,void 0===option?"":options[option].value);var event=new Event(isBooleanOptions?"click":"input",{bubbles:!0});inputRef.current.dispatchEvent(event)}setOptionsMenuOpen(!1),setSelectedOption(option),setFilled(void 0!==option)},[isBooleanOptions,options]);(0,_react.useEffect)(function(){if(rest.defaultValue){var defaultOptionIndex=null===options||void 0===options?void 0:options.findIndex(function(c){return c.value+""===rest.defaultValue+""});0<=defaultOptionIndex&&selectOption(defaultOptionIndex)}return function(){selectOption(void 0)}},[]);var updateOption=(0,_react.useCallback)(function(){var _inputRef$current,_options$selectedOpti;if(void 0===selectedOption||(null===(_inputRef$current=inputRef.current)||void 0===_inputRef$current?void 0:_inputRef$current[valueProperty])!==(null===(_options$selectedOpti=options[selectedOption])||void 0===_options$selectedOpti?void 0:_options$selectedOpti.value)){var _inputRef$current2;if(!isBooleanOptions&&""===(null===(_inputRef$current2=inputRef.current)||void 0===_inputRef$current2?void 0:_inputRef$current2.value)&&void 0!==selectedOption)selectOption();else{var optionIndex=null===options||void 0===options?void 0:options.findIndex(function(c){var _inputRef$current3;return c.value===(null===(_inputRef$current3=inputRef.current)||void 0===_inputRef$current3?void 0:_inputRef$current3[valueProperty])});0<=optionIndex&&selectOption(optionIndex)}}},[isBooleanOptions,options,selectOption,selectedOption]);// Assures the option is selected throughout renders.
+(0,_react.useEffect)(function(){updateOption()});var _useState7=(0,_react.useState)(null===(_containerRef$current=containerRef.current)||void 0===_containerRef$current?void 0:_containerRef$current.getBoundingClientRect().top),_useState8=_slicedToArray(_useState7,2),positionContainer=_useState8[0],setPositionContainer=_useState8[1],optionsModalRef=(0,_react.useRef)(null),_useState9=(0,_react.useState)(null===(_optionsModalRef$curr=optionsModalRef.current)||void 0===_optionsModalRef$curr?void 0:_optionsModalRef$curr.getBoundingClientRect().height),_useState10=_slicedToArray(_useState9,2),heightModal=_useState10[0],setHeightModal=_useState10[1];return(0,_react.useEffect)(function(){var modalParent=document.querySelector("[data-scroll=dispatch-scroll]"),handler=function(){optionsMenuOpen&&setOptionsMenuOpen(!1)};return null===modalParent||void 0===modalParent?void 0:modalParent.addEventListener("scroll",handler),function(){return null===modalParent||void 0===modalParent?void 0:modalParent.removeEventListener("scroll",handler)}},[optionsMenuOpen]),(0,_useOnClickOutside.useOnClickOutside)([selectRef,optionsModalRef],function(){setOptionsMenuOpen(!1)}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{ref:selectRef,children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",style:{width:"100%"},children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.SelectContainer,{"data-testid":"select",size:sizeSelect||"md",filled:filled||!!placeholder,alert:alert,disabled:!!rest.disabled,width:width,tabIndex:rest.disabled?-1:0,onMouseOver:handleRepositionModal,onClick:function onClick(){rest.disabled||setOptionsMenuOpen(!optionsMenuOpen),handleRepositionModal()},className:rest.className,style:rest.style,variant:variant,children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)("div",{ref:containerRef,children:[label&&"unstyled"!==variant&&/*#__PURE__*/(0,_jsxRuntime.jsx)("label",{children:label}),void 0===selectedOption?/*#__PURE__*/ // Value label
+(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xs",fontWeight:"500",color:"neutral.neutral3",children:placeholder||""}):/*#__PURE__*/ // Placeholder label
+(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xs",fontWeight:"500",color:"inherit",children:null===(_options$selectedOpti2=options[selectedOption])||void 0===_options$selectedOpti2?void 0:_options$selectedOpti2.label}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"chevron-down"}),"unstyled"!==variant&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("fieldset",{children:!!label&&/*#__PURE__*/(0,_jsxRuntime.jsx)("legend",{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xxs",variant:"span",children:label})})}),/*#__PURE__*/(0,_jsxRuntime.jsx)("fieldset",{children:!!label&&/*#__PURE__*/(0,_jsxRuntime.jsx)("legend",{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xxs",variant:"span",children:label})})})]})]}),/*#__PURE__*/(0,_jsxRuntime.jsx)("input",_objectSpread({ref:inputRef,type:isBooleanOptions&&"checkbox",tabIndex:-1},rest))]}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_ReactPortal.ReactPortal,{wrapperId:"portal-root",children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_OptionsSelect.OptionsSelect,{open:optionsMenuOpen,left:"".concat(null===(_containerRef$current3=containerRef.current)||void 0===_containerRef$current3?void 0:_containerRef$current3.getBoundingClientRect().left,"px"),top:470>+positionContainer?"calc(".concat((null===(_containerRef$current4=containerRef.current)||void 0===_containerRef$current4?void 0:_containerRef$current4.getBoundingClientRect().bottom)||0,"px + 10px)"):"calc(".concat((null===(_containerRef$current5=containerRef.current)||void 0===_containerRef$current5?void 0:_containerRef$current5.getBoundingClientRect().top)||0,"px - ").concat(heightModal&&heightModal+10,"px)"),ref:optionsModalRef,maxWidth:"".concat(null===(_containerRef$current6=containerRef.current)||void 0===_containerRef$current6?void 0:_containerRef$current6.getBoundingClientRect().width,"px"),minWidth:optionsMinWidth,children:[!!placeholder&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.OptionPlaceholder,{item:!0,onClick:function onClick(){return selectOption(void 0)},children:placeholder}),null===options||void 0===options?void 0:options.map(function(option,i){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Option,{sizeSelect:sizeSelect,onClick:function onClick(){selectOption(i)},children:option.label},i)})]})}),!!helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.HelperText,{alert:alert,children:helperText})]})})});Select.displayName="Select";var _default=Select;exports.default=_default;

package/dist/components/Select/select.test.js

@@ -1,58 +1 @@
-"use strict";
-
-require("@testing-library/jest-dom");
-var _react = require("@testing-library/react");
-var _testUtils = require("../../shared/tests/test-utils");
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 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); }
-var setup = function setup(props) {
-  return _objectSpread({}, (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props))));
-};
-describe('Select', function () {
-  it('should render the select component', function () {
-    var _setup = setup({
-        label: 'Select',
-        options: [{
-          label: 'Option 1',
-          value: 'option-1'
-        }]
-      }),
-      container = _setup.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should select an option', function () {
-    var container = setup({
-      label: 'Select',
-      options: [{
-        label: 'Option 1',
-        value: 'option-1'
-      }]
-    });
-    var option = container.getByText('Option 1');
-    var input = container.baseElement.querySelector('input');
-    _react.fireEvent.click(option);
-    expect(input === null || input === void 0 ? void 0 : input.value).toBe('option-1');
-  });
-  it('Should render a select with sm size', function () {
-    var container = setup({
-      sizeSelect: 'sm',
-      label: 'Select',
-      options: [{
-        label: 'Option 1',
-        value: 'option-1'
-      }]
-    });
-    var select = container.getByTestId('select');
-    expect(select).toHaveStyle({
-      height: '36px',
-      width: '78px'
-    });
-  });
-});
+"use strict";require("@testing-library/jest-dom");var _react=require("@testing-library/react"),_testUtils=require("../../shared/tests/test-utils"),_=_interopRequireDefault(require(".")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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 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 source,i=1;i<arguments.length;i++)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){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}var setup=function(props){return _objectSpread({},(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,_objectSpread({},props))))};describe("Select",function(){it("should render the select component",function(){var _setup=setup({label:"Select",options:[{label:"Option 1",value:"option-1"}]}),container=_setup.container;expect(container).toBeInTheDocument()}),it("should select an option",function(){var container=setup({label:"Select",options:[{label:"Option 1",value:"option-1"}]}),option=container.getByText("Option 1"),input=container.baseElement.querySelector("input");_react.fireEvent.click(option),expect(null===input||void 0===input?void 0:input.value).toBe("option-1")}),it("Should render a select with sm size",function(){var container=setup({sizeSelect:"sm",label:"Select",options:[{label:"Option 1",value:"option-1"}]}),select=container.getByTestId("select");expect(select).toHaveStyle({height:"36px",width:"78px"})})});

package/dist/components/Select/styles.js

@@ -1,46 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SelectContainer = exports.OptionPlaceholder = exports.Option = exports.HelperText = void 0;
-var _react = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _List = _interopRequireDefault(require("../List"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var SelectContainer = _styled.default.div(function (props) {
-  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    outline: none;\n    user-select: none;\n    width: ", ";\n    background: ", ";\n\n    height: ", ";\n    ", ";\n    & > div {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 8px;\n      border-radius: ", ";\n      padding: 0\n        ", ";\n      width: 100%;\n      height: 100%;\n      position: relative;\n      cursor: pointer;\n      color: ", ";\n      transition: background-color ease;\n      transition-duration: ", ";\n\n      ", ";\n\n      ", ";\n\n      & > label {\n        position: absolute;\n        left: 20px;\n        top: 50%;\n        transform: translateY(-50%);\n        font-size: 1rem;\n        font-weight: 500;\n        color: ", ";\n        transition: top ease, left ease, color ease;\n        transition-duration: ", ";\n\n        background: ", ";\n        padding: 0 4px;\n        z-index: 1;\n        white-space: nowrap;\n        max-width: 65%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        ", "\n      }\n\n      & > .select--placeholder {\n        white-space: nowrap;\n        max-width: 75%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      // Chevron Down icon\n      & > svg {\n        flex-shrink: 0;\n        transform: rotate(0deg);\n        color: ", ";\n        transition: transform ease;\n        transition-duration: ", ";\n      }\n\n      & > fieldset {\n        border: 2px solid;\n        border-color: ", ";\n        border-radius: ", ";\n        padding: 0 14px;\n        position: absolute;\n        left: 0px;\n        right: 0px;\n        top: 0px;\n        bottom: 0px;\n        pointer-events: none;\n        transition: border-color ease;\n        transition-duration: ", ";\n\n        &:last-of-type {\n          border-radius: calc(", " + 2px);\n          padding: 0 16px;\n          border-color: transparent;\n          left: -2px;\n          right: -2px;\n          top: -2px;\n          bottom: -2px;\n        }\n\n        & > legend {\n          display: ", ";\n          line-height: 2px;\n          user-select: none;\n          padding: 0 4px;\n          & > span {\n            color: transparent;\n          }\n        }\n      }\n    }\n\n    & > input {\n      appearance: none;\n      border: 0;\n      width: 0px;\n      position: absolute;\n      opacity: 0;\n      pointer-events: none;\n    }\n  "])), props.size ? {
-    sm: '78px',
-    md: '100%'
-  }[props.size] : props.width, props.theme.colors.neutral.white, props.variant === 'unstyled' ? 'auto' : props.size ? {
-    sm: '36px',
-    md: '56px'
-  }[props.size] : '56px', !props.disabled && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      &:hover {\n        & > div {\n          color: ", ";\n\n          & > label {\n            color: ", ";\n          }\n\n          & > fieldset {\n            &:first-of-type {\n              border-color: ", ";\n            }\n          }\n        }\n      }\n\n      &:focus {\n        & > div {\n          color: ", ";\n\n          & > svg {\n            transform: rotate(180deg);\n          }\n\n          & > fieldset {\n            &:first-of-type {\n              border-color: ", ";\n            }\n            &:last-of-type {\n              border-color: ", ";\n            }\n          }\n        }\n      }\n    "])), props.theme.colors.neutral.black, props.theme.colors.neutral.neutral5, props.alert ? props.theme.colors[props.alert].blurred : props.theme.colors.primary.hover, props.theme.colors.neutral.black, props.alert ? props.theme.colors[props.alert].default : props.theme.colors.primary.hover, props.alert ? props.theme.colors[props.alert].blurred : props.theme.colors.primary.disabled), props.theme.borderRadius.default, props.variant === 'unstyled' ? '0' : props.size && {
-    sm: '16px',
-    md: '20px'
-  }[props.size], props.theme.colors.neutral.neutral5, props.theme.transition.speed, props.alert && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        background: ", "33;\n      "])), props.theme.colors[props.alert].blurred), props.disabled && (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        background: ", ";\n        cursor: default;\n      "])), props.theme.colors.neutral.neutral1), props.theme.colors.neutral.neutral3, props.theme.transition.speed, props.theme.colors.neutral.white, props.filled && (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          left: 20px;\n          top: -1px;\n          font-size: 0.875rem;\n        "]))), props.theme.colors.neutral.neutral5, props.theme.transition.speed, props.alert && !props.disabled ? props.theme.colors[props.alert].default : props.theme.colors.neutral.neutral2, props.theme.borderRadius.default, props.theme.transition.speed, props.theme.borderRadius.default, props.filled ? 'block' : 'none');
-});
-exports.SelectContainer = SelectContainer;
-var Option = _styled.default.div(function (props) {
-  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    box-sizing: border-box;\n    outline: none;\n    padding: ", ";\n    text-align: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    color: ", ";\n    background: transparent;\n    transition: background-color ease;\n    transition-duration: ", ";\n    cursor: pointer;\n    & > svg:first-of-type {\n      margin-right: ", ";\n    }\n    & > svg:last-of-type:not(:first-of-type) {\n      margin-left: ", ";\n    }\n    &:hover,\n    &:focus {\n      background: ", ";\n    }\n  "])), {
-    sm: '8px',
-    md: '16px 32px'
-  }[props.sizeSelect || 'md'], {
-    sm: 'center',
-    md: 'left'
-  }[props.sizeSelect || 'md'], props.theme.fontWeight['500'], props.theme.fontSizes.xs, props.theme.colors.neutral.neutral5, props.theme.transition.speed, props.theme.spacing.xxxs, props.theme.spacing.xxxs, props.theme.colors.neutral.neutral1);
-});
-exports.Option = Option;
-var OptionPlaceholder = (0, _styled.default)(_List.default)(function (_ref) {
-  var theme = _ref.theme;
-  return (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), theme.colors.neutral.neutral3);
-});
-exports.OptionPlaceholder = OptionPlaceholder;
-var HelperText = _styled.default.span(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-size: ", ";\n\n  color: ", ";\n  padding: 0 20px;\n"])), function (props) {
-  return props.theme.fontSizes.xxs;
-}, function (props) {
-  return props.alert && props.alert !== 'success' ? props.theme.colors[props.alert].default : props.theme.colors.neutral.neutral4;
-});
-exports.HelperText = HelperText;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelectContainer=exports.OptionPlaceholder=exports.Option=exports.HelperText=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled")),_List=_interopRequireDefault(require("../List"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var SelectContainer=_styled.default.div(function(props){return(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    outline: none;\n    user-select: none;\n    width: ",";\n    background: ",";\n\n    height: ",";\n    ",";\n    & > div {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 8px;\n      border-radius: ",";\n      padding: 0\n        ",";\n      width: 100%;\n      height: 100%;\n      position: relative;\n      cursor: pointer;\n      color: ",";\n      transition: background-color ease;\n      transition-duration: ",";\n\n      ",";\n\n      ",";\n\n      & > label {\n        position: absolute;\n        left: 20px;\n        top: 50%;\n        transform: translateY(-50%);\n        font-size: 1rem;\n        font-weight: 500;\n        color: ",";\n        transition: top ease, left ease, color ease;\n        transition-duration: ",";\n\n        background: ",";\n        padding: 0 4px;\n        z-index: 1;\n        white-space: nowrap;\n        max-width: 65%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        ","\n      }\n\n      & > .select--placeholder {\n        white-space: nowrap;\n        max-width: 75%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      // Chevron Down icon\n      & > svg {\n        flex-shrink: 0;\n        transform: rotate(0deg);\n        color: ",";\n        transition: transform ease;\n        transition-duration: ",";\n      }\n\n      & > fieldset {\n        border: 2px solid;\n        border-color: ",";\n        border-radius: ",";\n        padding: 0 14px;\n        position: absolute;\n        left: 0px;\n        right: 0px;\n        top: 0px;\n        bottom: 0px;\n        pointer-events: none;\n        transition: border-color ease;\n        transition-duration: ",";\n\n        &:last-of-type {\n          border-radius: calc("," + 2px);\n          padding: 0 16px;\n          border-color: transparent;\n          left: -2px;\n          right: -2px;\n          top: -2px;\n          bottom: -2px;\n        }\n\n        & > legend {\n          display: ",";\n          line-height: 2px;\n          user-select: none;\n          padding: 0 4px;\n          & > span {\n            color: transparent;\n          }\n        }\n      }\n    }\n\n    & > input {\n      appearance: none;\n      border: 0;\n      width: 0px;\n      position: absolute;\n      opacity: 0;\n      pointer-events: none;\n    }\n  "])),props.size?{sm:"78px",md:"100%"}[props.size]:props.width,props.theme.colors.neutral.white,"unstyled"===props.variant?"auto":props.size?{sm:"36px",md:"56px"}[props.size]:"56px",!props.disabled&&(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n      &:hover {\n        & > div {\n          color: ",";\n\n          & > label {\n            color: ",";\n          }\n\n          & > fieldset {\n            &:first-of-type {\n              border-color: ",";\n            }\n          }\n        }\n      }\n\n      &:focus {\n        & > div {\n          color: ",";\n\n          & > svg {\n            transform: rotate(180deg);\n          }\n\n          & > fieldset {\n            &:first-of-type {\n              border-color: ",";\n            }\n            &:last-of-type {\n              border-color: ",";\n            }\n          }\n        }\n      }\n    "])),props.theme.colors.neutral.black,props.theme.colors.neutral.neutral5,props.alert?props.theme.colors[props.alert].blurred:props.theme.colors.primary.hover,props.theme.colors.neutral.black,props.alert?props.theme.colors[props.alert].default:props.theme.colors.primary.hover,props.alert?props.theme.colors[props.alert].blurred:props.theme.colors.primary.disabled),props.theme.borderRadius.default,"unstyled"===props.variant?"0":props.size&&{sm:"16px",md:"20px"}[props.size],props.theme.colors.neutral.neutral5,props.theme.transition.speed,props.alert&&(0,_react.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n        background: ","33;\n      "])),props.theme.colors[props.alert].blurred),props.disabled&&(0,_react.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n        background: ",";\n        cursor: default;\n      "])),props.theme.colors.neutral.neutral1),props.theme.colors.neutral.neutral3,props.theme.transition.speed,props.theme.colors.neutral.white,props.filled&&(0,_react.css)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n          left: 20px;\n          top: -1px;\n          font-size: 0.875rem;\n        "]))),props.theme.colors.neutral.neutral5,props.theme.transition.speed,props.alert&&!props.disabled?props.theme.colors[props.alert].default:props.theme.colors.neutral.neutral2,props.theme.borderRadius.default,props.theme.transition.speed,props.theme.borderRadius.default,props.filled?"block":"none")});exports.SelectContainer=SelectContainer;var Option=_styled.default.div(function(props){return(0,_react.css)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n    box-sizing: border-box;\n    outline: none;\n    padding: ",";\n    text-align: ",";\n    font-weight: ",";\n    font-size: ",";\n    color: ",";\n    background: transparent;\n    transition: background-color ease;\n    transition-duration: ",";\n    cursor: pointer;\n    & > svg:first-of-type {\n      margin-right: ",";\n    }\n    & > svg:last-of-type:not(:first-of-type) {\n      margin-left: ",";\n    }\n    &:hover,\n    &:focus {\n      background: ",";\n    }\n  "])),{sm:"8px",md:"16px 32px"}[props.sizeSelect||"md"],{sm:"center",md:"left"}[props.sizeSelect||"md"],props.theme.fontWeight[500],props.theme.fontSizes.xs,props.theme.colors.neutral.neutral5,props.theme.transition.speed,props.theme.spacing.xxxs,props.theme.spacing.xxxs,props.theme.colors.neutral.neutral1)});exports.Option=Option;var OptionPlaceholder=(0,_styled.default)(_List.default)(function(_ref){var theme=_ref.theme;return(0,_react.css)(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n    color: ",";\n  "])),theme.colors.neutral.neutral3)});exports.OptionPlaceholder=OptionPlaceholder;var HelperText=_styled.default.span(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n  font-size: ",";\n\n  color: ",";\n  padding: 0 20px;\n"])),function(props){return props.theme.fontSizes.xxs},function(props){return props.alert&&"success"!==props.alert?props.theme.colors[props.alert].default:props.theme.colors.neutral.neutral4});exports.HelperText=HelperText;

package/dist/components/Skeleton/index.js

@@ -1,28 +1 @@
-"use strict";
-
-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
-});
-exports.default = void 0;
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children", "isLoaded"];
-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; }
-var Skeleton = function Skeleton(_ref) {
-  var children = _ref.children,
-    isLoaded = _ref.isLoaded,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SkeletonElement, _objectSpread(_objectSpread({}, rest), {}, {
-    isLoaded: isLoaded,
-    children: children
-  }));
-};
-var _default = Skeleton;
-exports.default = _default;
+"use strict";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:!0}),exports.default=void 0;var _styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["children","isLoaded"];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 source,i=1;i<arguments.length;i++)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){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var Skeleton=function(_ref){var children=_ref.children,isLoaded=_ref.isLoaded,rest=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SkeletonElement,_objectSpread(_objectSpread({},rest),{},{isLoaded:isLoaded,children:children}))},_default=Skeleton;exports.default=_default;