@pedidopago/ui 1.6.9 → 1.6.11

package/dist/components/ReactPortal/index.js

@@ -4,46 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReactPortal = ReactPortal;
-
 var _react = require("react");
-
 var _reactDom = require("react-dom");
-
 var _createWrapperAndApprendToBody = require("./utils/createWrapperAndApprendToBody");
-
 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function ReactPortal(_ref) {
   var children = _ref.children,
-      _ref$wrapperId = _ref.wrapperId,
-      wrapperId = _ref$wrapperId === void 0 ? 'portal-root' : _ref$wrapperId;
-
+    _ref$wrapperId = _ref.wrapperId,
+    wrapperId = _ref$wrapperId === void 0 ? 'portal-root' : _ref$wrapperId;
   var _useState = (0, _react.useState)(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      wrapperElement = _useState2[0],
-      setWrapperElement = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    wrapperElement = _useState2[0],
+    setWrapperElement = _useState2[1];
   (0, _react.useEffect)(function () {
     var element = document.getElementById(wrapperId);
     var systemCreated = false;
-
     if (!element) {
       systemCreated = true;
       element = (0, _createWrapperAndApprendToBody.createWrapperAndAppendToBody)(wrapperId);
     }
-
     setWrapperElement(element);
     return function () {
       if (systemCreated && element.parentNode) {

package/dist/components/ReactPortal/reactPortal.test.js

@@ -1,13 +1,9 @@
 "use strict";
 
 var _testUtils = require("../../shared/tests/test-utils");
-
 var _ = require(".");
-
 require("@testing-library/jest-dom");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function setup() {
   (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ReactPortal, {
     wrapperId: "portal-test",
@@ -17,7 +13,6 @@ function setup() {
   }));
   return document.body.querySelector('#portal-test');
 }
-
 describe('ReactPortal test', function () {
   it('Should render a div inside body', function () {
     var divPortal = setup();

package/dist/components/ReactPortal/utils/createWrapperAndApprendToBody.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createWrapperAndAppendToBody = createWrapperAndAppendToBody;
-
 function createWrapperAndAppendToBody(wrapperId) {
   var wrapperElement = document.createElement('div');
   wrapperElement.setAttribute('id', wrapperId);

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

@@ -4,75 +4,55 @@ 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 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;
-
+    _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;
-
+    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];
-
+      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");
       }
     });

package/dist/components/Select/components/OptionsSelect/styles.d.ts

@@ -66,7 +66,6 @@ export declare const OptionsContainer: import("@emotion/styled").StyledComponent
     "aria-valuemin"?: number | undefined;
     "aria-valuenow"?: number | undefined;
     "aria-valuetext"?: string | undefined;
-    children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string;
     } | undefined;
@@ -138,6 +137,8 @@ export declare const OptionsContainer: import("@emotion/styled").StyledComponent
     onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -231,10 +232,12 @@ export declare const OptionsContainer: import("@emotion/styled").StyledComponent
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
+    nonce?: string | undefined;
     placeholder?: string | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
     radioGroup?: string | undefined;

package/dist/components/Select/components/OptionsSelect/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/OptionsSelect/styles.ts"],"names":[],"mappings":";AAIA,UAAU,qBAAqB;IAC7B,IAAI,EAAE,OAAO,CAAC;IAEd,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAqC3B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/OptionsSelect/styles.ts"],"names":[],"mappings":";AAIA,UAAU,qBAAqB;IAC7B,IAAI,EAAE,OAAO,CAAC;IAEd,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAqC3B,CAAC"}

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

@@ -4,29 +4,18 @@ 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);
-
+    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.background.light, theme.colors.neutral.neutral1, theme.borderRadius.default, theme.borderRadius.default, theme.colors.primary.default);
 });
 exports.OptionsContainer = OptionsContainer;

package/dist/components/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAMpB,MAAM,OAAO,CAAC;AAQf,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,QAAA,MAAM,MAAM,kJA4NX,CAAC;AAGF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAMpB,MAAM,OAAO,CAAC;AAQf,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,QAAA,MAAM,MAAM,kJA6NX,CAAC;AAGF,eAAe,MAAM,CAAC"}

package/dist/components/Select/index.js

@@ -1,88 +1,62 @@
 "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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var 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);
-
+    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];
-
+    _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];
-
+    _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];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    filled = _useState6[0],
+    setFilled = _useState6[1];
   var inputRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, function () {
     return inputRef.current;
@@ -94,7 +68,6 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   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', {
@@ -102,12 +75,12 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       });
       inputRef.current.dispatchEvent(event);
     }
-
     setOptionsMenuOpen(false);
     setSelectedOption(option);
     setFilled(option !== undefined);
-  }, [isBooleanOptions, options]); // Sets default value
+  }, [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) {
@@ -115,62 +88,51 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       });
       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.
+  }, [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];
-
+    _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];
-
+    _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);
@@ -187,6 +149,7 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         width: '100%'
       },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SelectContainer, {
+        "data-testid": "select",
         size: sizeSelect || 'md',
         filled: filled || !!placeholder,
         alert: alert,

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

@@ -1,38 +1,30 @@
 "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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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;
-
+        label: 'Select',
+        options: [{
+          label: 'Option 1',
+          value: 'option-1'
+        }]
+      }),
+      container = _setup.container;
     expect(container).toBeInTheDocument();
   });
   it('should select an option', function () {
@@ -45,9 +37,7 @@ describe('Select', function () {
     });
     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 () {
@@ -59,7 +49,8 @@ describe('Select', function () {
         value: 'option-1'
       }]
     });
-    expect(container.container.childNodes[0]).toHaveStyle({
+    var select = container.getByTestId('select');
+    expect(select).toHaveStyle({
       height: '36px',
       width: '78px'
     });

package/dist/components/Select/styles.js

@@ -4,19 +4,12 @@ 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    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',
@@ -29,9 +22,7 @@ var SelectContainer = _styled.default.div(function (props) {
     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',
@@ -41,18 +32,15 @@ var Option = _styled.default.div(function (props) {
     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;

package/dist/components/Select/types.d.ts

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
-export declare type SelectAlertType = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+export type SelectAlertType = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
 export interface SelectOption {
     label: ReactNode;
     value: string | number | boolean;
 }
-export declare type sizeSelect = 'sm' | 'md';
+export type sizeSelect = 'sm' | 'md';
 export interface SelectProps {
     label?: string;
     variant?: 'unstyled' | 'default';