@pedidopago/ui 1.0.6

package/dist/components/SelectInput/index.js

@@ -0,0 +1,176 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _components = require("./components");
+
+var _excluded = ["width", "fullWidth", "disabled", "multiple", "AutoComplete", "maxSelects", "onChangeValue", "onChangeSearch", "onFinished", "label", "selectType", "data", "children", "formRegister", "dropDownIcon", "defaultSelectedOptions"];
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _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 _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 onFinishedTimerDebounce;
+
+var SelectInput = function SelectInput(_ref) {
+  var width = _ref.width,
+      _ref$fullWidth = _ref.fullWidth,
+      fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$multiple = _ref.multiple,
+      multiple = _ref$multiple === void 0 ? false : _ref$multiple,
+      _ref$AutoComplete = _ref.AutoComplete,
+      AutoComplete = _ref$AutoComplete === void 0 ? false : _ref$AutoComplete,
+      _ref$maxSelects = _ref.maxSelects,
+      maxSelects = _ref$maxSelects === void 0 ? 1 : _ref$maxSelects,
+      onChangeValue = _ref.onChangeValue,
+      onChangeSearch = _ref.onChangeSearch,
+      onFinished = _ref.onFinished,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? 'SelectInput' : _ref$label,
+      selectType = _ref.selectType,
+      _ref$data = _ref.data,
+      data = _ref$data === void 0 ? [] : _ref$data,
+      children = _ref.children,
+      formRegister = _ref.formRegister,
+      dropDownIcon = _ref.dropDownIcon,
+      defaultSelectedOptions = _ref.defaultSelectedOptions,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(selectType),
+      _useState2 = _slicedToArray(_useState, 2),
+      inputAlert = _useState2[0],
+      setInputAlert = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(defaultSelectedOptions || []),
+      _useState4 = _slicedToArray(_useState3, 2),
+      selectedOptions = _useState4[0],
+      setSelectedOptions = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      showOptionsArea = _useState6[0],
+      setShowOptionsArea = _useState6[1];
+
+  var InputWrapperRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    function handleClickOutSide(event) {
+      var _InputWrapperRef$curr;
+
+      if (!((_InputWrapperRef$curr = InputWrapperRef.current) !== null && _InputWrapperRef$curr !== void 0 && _InputWrapperRef$curr.contains(event.target))) {
+        setShowOptionsArea(false);
+      }
+    }
+
+    document.addEventListener('mousedown', handleClickOutSide);
+    return function () {
+      return document.removeEventListener('mousedown', handleClickOutSide);
+    };
+  }, [setShowOptionsArea]);
+  (0, _react.useEffect)(function () {
+    setInputAlert(selectType);
+  }, [selectType]);
+
+  function removeSelectedOption(event, option) {
+    event.stopPropagation();
+
+    var newSelectedOptions = _toConsumableArray(selectedOptions);
+
+    var indexToRemove = selectedOptions.findIndex(function (chosenOption) {
+      return chosenOption.name === option.name;
+    });
+    newSelectedOptions.splice(indexToRemove, 1);
+    setSelectedOptions(newSelectedOptions);
+  }
+
+  (0, _react.useEffect)(function () {
+    !!onChangeValue && onChangeValue(selectedOptions);
+  }, [selectedOptions, onChangeValue]);
+  (0, _react.useEffect)(function () {
+    !!disabled && setShowOptionsArea(false);
+  }, [disabled]);
+  var scrollHandler = (0, _react.useCallback)(function (event) {
+    var _ref2 = event.target,
+        clientHeight = _ref2.clientHeight,
+        scrollHeight = _ref2.scrollHeight,
+        scrollTop = _ref2.scrollTop;
+    var scroll = scrollHeight - scrollTop - clientHeight;
+
+    if (!!onFinished && scroll <= 120) {
+      clearTimeout(onFinishedTimerDebounce);
+      onFinishedTimerDebounce = setTimeout(function () {
+        return onFinished(true);
+      }, 500);
+    }
+  }, [onFinished]);
+  var toggleOptionsAreaView = (0, _react.useCallback)(function (event) {
+    event.stopPropagation();
+    !disabled && setShowOptionsArea(!showOptionsArea);
+  }, [disabled, setShowOptionsArea, showOptionsArea]);
+  var chooseOption = (0, _react.useCallback)(function (option) {
+    if (multiple) {
+      if (!(selectedOptions.length >= maxSelects)) {
+        setSelectedOptions(function (oldstate) {
+          return [].concat(_toConsumableArray(oldstate), [option]);
+        });
+      }
+    } else {
+      setSelectedOptions([option]);
+      setShowOptionsArea(false);
+    }
+  }, [selectedOptions, multiple, setSelectedOptions, maxSelects]);
+  return /*#__PURE__*/React.createElement(_components.InputWrapper, {
+    ref: InputWrapperRef,
+    width: width,
+    fullWidth: fullWidth
+  }, /*#__PURE__*/React.createElement(_components.SelectArea, {
+    disabled: disabled,
+    label: label,
+    setShowOptionsArea: setShowOptionsArea,
+    removeSelectedOption: removeSelectedOption,
+    selectedOptions: selectedOptions,
+    setSelectedOptions: setSelectedOptions,
+    toggleOptionsAreaView: toggleOptionsAreaView,
+    inputAlert: inputAlert,
+    dropDownIcon: dropDownIcon
+  }), showOptionsArea && /*#__PURE__*/React.createElement(_components.OptionsArea, {
+    AutoComplete: AutoComplete,
+    setShowOptionsArea: setShowOptionsArea,
+    inputAlert: inputAlert,
+    chooseOption: chooseOption,
+    selectedOptions: selectedOptions,
+    data: data,
+    scrollHandler: scrollHandler,
+    showOptionsArea: showOptionsArea,
+    onChangeSearch: onChangeSearch
+  }));
+};
+
+var _default = SelectInput;
+exports.default = _default;

package/dist/components/SelectInput/selectInput.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/extend-expect';
+//# sourceMappingURL=selectInput.test.d.ts.map

package/dist/components/SelectInput/selectInput.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectInput.test.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/selectInput.test.tsx"],"names":[],"mappings":"AAGA,OAAO,yCAAyC,CAAC"}

package/dist/components/SelectInput/selectInput.test.js

@@ -0,0 +1,441 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+var _react = require("@testing-library/react");
+
+require("@testing-library/jest-dom/extend-expect");
+
+var _ = _interopRequireDefault(require("."));
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var doIt = function doIt(func, times) {
+  for (var i = 0; i < times; i++) {
+    func();
+  }
+};
+
+var setup = function setup(props) {
+  var mockData = [{
+    name: 'batata01',
+    value: 'Batata01'
+  }, {
+    name: 'batata02',
+    value: 'Batata02'
+  }, {
+    name: 'batata03',
+    value: 'Batata03'
+  }, {
+    name: 'batata04',
+    value: 'Batata04'
+  }, {
+    name: 'batata05',
+    value: 'Batata05'
+  }, {
+    name: 'batata06',
+    value: 'Batata06'
+  }, {
+    name: 'batata07',
+    value: 'Batata07'
+  }, {
+    name: 'batata08',
+    value: 'Batata08'
+  }];
+  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, _extends({
+    "data-testid": "select-input-component",
+    data: mockData
+  }, props)));
+  var selectArea = utils.getByTestId('select-area');
+  var label = utils.getByText((props === null || props === void 0 ? void 0 : props.label) || 'SelectInput');
+
+  var getSelectedItens = function getSelectedItens() {
+    return utils.getAllByTestId('select-area--selected-option');
+  };
+
+  var getSelectedItensByValue = function getSelectedItensByValue(value) {
+    return utils.getByText(value);
+  };
+
+  var getOptionsArea = function getOptionsArea() {
+    return utils.getByTestId('options-area');
+  };
+
+  var getOptionItens = function getOptionItens() {
+    return utils.getAllByTestId('options-area--option-item');
+  };
+
+  return {
+    selectArea: selectArea,
+    label: label,
+    getSelectedItens: getSelectedItens,
+    getSelectedItensByValue: getSelectedItensByValue,
+    getOptionsArea: getOptionsArea,
+    getOptionItens: getOptionItens,
+    utils: utils
+  };
+};
+
+describe('SelectInput', function () {
+  it('should render the input and render closed', function () {
+    var _setup = setup({
+      label: 'Pedido Pago Input',
+      data: undefined
+    }),
+        label = _setup.label,
+        getOptionsArea = _setup.getOptionsArea;
+
+    expect(label.innerHTML).toEqual('Pedido Pago Input');
+    expect(function () {
+      return getOptionsArea();
+    }).toThrowError();
+  });
+  it('click, show options', function () {
+    var _setup2 = setup(),
+        selectArea = _setup2.selectArea,
+        getOptionsArea = _setup2.getOptionsArea;
+
+    _react.fireEvent.mouseDown(selectArea);
+
+    _react.fireEvent.click(selectArea);
+
+    expect(getOptionsArea()).toBeInTheDocument();
+  });
+  it('Should choose an option, it appears in the SelectArea', function () {
+    var _setup3 = setup(),
+        selectArea = _setup3.selectArea,
+        getOptionItens = _setup3.getOptionItens,
+        getSelectedItensByValue = _setup3.getSelectedItensByValue;
+
+    _react.fireEvent.click(selectArea);
+
+    var optionItens = getOptionItens();
+    var firstOption = optionItens[0];
+    var firstOptionValue = firstOption.innerHTML;
+
+    _react.fireEvent.click(firstOption);
+
+    expect(getSelectedItensByValue(firstOptionValue)).toBeInTheDocument();
+  });
+  it('not multiple, close options area when choose', function () {
+    var _setup4 = setup(),
+        selectArea = _setup4.selectArea,
+        getOptionItens = _setup4.getOptionItens,
+        getOptionsArea = _setup4.getOptionsArea;
+
+    _react.fireEvent.click(selectArea);
+
+    var optionItens = getOptionItens();
+    var firstOption = optionItens[0];
+
+    _react.fireEvent.click(firstOption);
+
+    expect(function () {
+      return getOptionsArea();
+    }).toThrowError();
+  });
+  it('Should cannot choose multiple if is not multiple', function () {
+    var _setup5 = setup(),
+        selectArea = _setup5.selectArea,
+        getOptionItens = _setup5.getOptionItens,
+        getSelectedItens = _setup5.getSelectedItens;
+
+    _react.fireEvent.click(selectArea);
+
+    var optionItens = getOptionItens();
+    var firstOption = optionItens[0];
+
+    _react.fireEvent.click(firstOption);
+
+    _react.fireEvent.click(selectArea);
+
+    optionItens = getOptionItens();
+    firstOption = optionItens[0];
+
+    _react.fireEvent.click(firstOption);
+
+    var selectedItens = getSelectedItens();
+    expect(selectedItens.length).toEqual(1);
+  });
+  it('is multiple, not close options area when you choose', function () {
+    var _setup6 = setup({
+      multiple: true
+    }),
+        selectArea = _setup6.selectArea,
+        getOptionItens = _setup6.getOptionItens,
+        getOptionsArea = _setup6.getOptionsArea;
+
+    _react.fireEvent.click(selectArea);
+
+    var optionItens = getOptionItens();
+    var firstOption = optionItens[0];
+
+    _react.fireEvent.click(firstOption);
+
+    expect(getOptionsArea()).toBeInTheDocument();
+  });
+  it('is multiple, can choose multiple', function () {
+    var _setup7 = setup({
+      multiple: true,
+      maxSelects: 2
+    }),
+        selectArea = _setup7.selectArea,
+        getOptionItens = _setup7.getOptionItens,
+        getSelectedItens = _setup7.getSelectedItens;
+
+    _react.fireEvent.click(selectArea);
+
+    var optionItens = getOptionItens();
+    var firstOption = optionItens[0];
+
+    _react.fireEvent.click(firstOption);
+
+    optionItens = getOptionItens();
+    firstOption = optionItens[0];
+
+    _react.fireEvent.click(firstOption);
+
+    var selectedItens = getSelectedItens();
+    expect(selectedItens.length).toEqual(2);
+  });
+  it('Should cannot choose more than the maxSelects', function () {
+    var _setup8 = setup({
+      multiple: true,
+      maxSelects: 2
+    }),
+        selectArea = _setup8.selectArea,
+        getOptionItens = _setup8.getOptionItens,
+        getSelectedItens = _setup8.getSelectedItens;
+
+    _react.fireEvent.click(selectArea);
+
+    var optionItens = getOptionItens();
+    var firstOption = optionItens[0];
+
+    _react.fireEvent.click(firstOption);
+
+    optionItens = getOptionItens();
+    firstOption = optionItens[0];
+
+    _react.fireEvent.click(firstOption);
+
+    optionItens = getOptionItens();
+    firstOption = optionItens[0];
+
+    _react.fireEvent.click(firstOption);
+
+    var selectedItens = getSelectedItens();
+    expect(selectedItens.length).toEqual(2);
+  });
+  it('Should is possible remove a selected option', function () {
+    var _setup9 = setup({
+      multiple: true,
+      maxSelects: 5
+    }),
+        selectArea = _setup9.selectArea,
+        getOptionItens = _setup9.getOptionItens,
+        getSelectedItens = _setup9.getSelectedItens;
+
+    _react.fireEvent.click(selectArea);
+
+    var optionItens = getOptionItens();
+    var firstOption = optionItens[0];
+
+    _react.fireEvent.click(firstOption);
+
+    doIt(function () {
+      optionItens = getOptionItens();
+      firstOption = optionItens[0];
+
+      _react.fireEvent.click(firstOption);
+    }, 4);
+    var selectedItens = getSelectedItens();
+    var firstSelectedItem = selectedItens[0];
+
+    _react.fireEvent.click(firstSelectedItem);
+
+    doIt(function () {
+      var selectedItens = getSelectedItens();
+      var firstSelectedItem = selectedItens[0];
+
+      _react.fireEvent.click(firstSelectedItem);
+    }, 3);
+    selectedItens = getSelectedItens();
+    expect(selectedItens.length).toEqual(1);
+  });
+  it('Should cannot is possible remove a selected option if is disabled', function () {
+    var _setup10 = setup({
+      multiple: true,
+      maxSelects: 5,
+      disabled: true,
+      defaultSelectedOptions: [{
+        name: 'test',
+        value: 'Teste'
+      }]
+    }),
+        getSelectedItens = _setup10.getSelectedItens;
+
+    _react.fireEvent.click(getSelectedItens()[0]);
+
+    expect(getSelectedItens().length).toEqual(1);
+  });
+  it('Should render other icon', function () {
+    var _IconRender$baseEleme, _selectArea$parentEle;
+
+    var _setup11 = setup({
+      dropDownIcon: /*#__PURE__*/React.createElement(_Icon.default, {
+        name: "search"
+      })
+    }),
+        selectArea = _setup11.selectArea;
+
+    var IconRender = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_Icon.default, {
+      name: "search"
+    }));
+    var IconInner = (_IconRender$baseEleme = IconRender.baseElement.querySelectorAll('svg')[1]) === null || _IconRender$baseEleme === void 0 ? void 0 : _IconRender$baseEleme.innerHTML;
+    expect((_selectArea$parentEle = selectArea.parentElement) === null || _selectArea$parentEle === void 0 ? void 0 : _selectArea$parentEle.querySelectorAll('svg')[1].innerHTML).toEqual(IconInner);
+  });
+  it('Should render autocomplete input following AutoComplete prop true', function () {
+    var _getOptionsArea$paren;
+
+    var _setup12 = setup(),
+        selectArea = _setup12.selectArea,
+        getOptionsArea = _setup12.getOptionsArea;
+
+    _react.fireEvent.click(selectArea);
+
+    expect((_getOptionsArea$paren = getOptionsArea().parentElement) === null || _getOptionsArea$paren === void 0 ? void 0 : _getOptionsArea$paren.getElementsByTagName('input').length).toEqual(0);
+  });
+  it('Should render autocomplete input if AutoComplete prop is true', function () {
+    var _getOptionsArea$paren2;
+
+    var _setup13 = setup({
+      AutoComplete: true
+    }),
+        selectArea = _setup13.selectArea,
+        getOptionsArea = _setup13.getOptionsArea;
+
+    _react.fireEvent.click(selectArea);
+
+    expect((_getOptionsArea$paren2 = getOptionsArea().parentElement) === null || _getOptionsArea$paren2 === void 0 ? void 0 : _getOptionsArea$paren2.getElementsByTagName('input').length).toEqual(1);
+  });
+  it('Should render only the elements that match the search', function () {
+    var _getOptionsArea$paren3;
+
+    var _setup14 = setup({
+      AutoComplete: true
+    }),
+        selectArea = _setup14.selectArea,
+        getOptionsArea = _setup14.getOptionsArea,
+        getOptionItens = _setup14.getOptionItens;
+
+    _react.fireEvent.click(selectArea);
+
+    var Input = (_getOptionsArea$paren3 = getOptionsArea().parentElement) === null || _getOptionsArea$paren3 === void 0 ? void 0 : _getOptionsArea$paren3.getElementsByTagName('input')[0];
+
+    _react.fireEvent.change(Input, {
+      target: {
+        value: 'Batata02'
+      }
+    });
+
+    expect(getOptionItens().length).toEqual(1);
+  });
+  it('Should render NotFound error message', function () {
+    var _getOptionsArea$paren4, _getOptionsArea$paren5;
+
+    var _setup15 = setup({
+      AutoComplete: true
+    }),
+        selectArea = _setup15.selectArea,
+        getOptionsArea = _setup15.getOptionsArea;
+
+    _react.fireEvent.click(selectArea);
+
+    var Input = (_getOptionsArea$paren4 = getOptionsArea().parentElement) === null || _getOptionsArea$paren4 === void 0 ? void 0 : _getOptionsArea$paren4.getElementsByTagName('input')[0];
+
+    _react.fireEvent.change(Input, {
+      target: {
+        value: 'Batata20'
+      }
+    });
+
+    var errorMessage = (_getOptionsArea$paren5 = getOptionsArea().parentElement) === null || _getOptionsArea$paren5 === void 0 ? void 0 : _getOptionsArea$paren5.getElementsByTagName('span')[0];
+    expect(errorMessage.innerHTML).toEqual('Sem Resultados');
+  });
+  it('calls "onFinished" prop on when scrolling in OptionsArea ends', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var onFinished, _setup16, selectArea, getOptionsArea, OptionsArea;
+
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            onFinished = jest.fn();
+            _setup16 = setup({
+              onFinished: onFinished
+            }), selectArea = _setup16.selectArea, getOptionsArea = _setup16.getOptionsArea;
+
+            _react.fireEvent.click(selectArea);
+
+            OptionsArea = getOptionsArea();
+            _context.next = 6;
+            return (0, _react.waitFor)(function () {
+              return expect(onFinished).not.toHaveBeenCalled();
+            });
+
+          case 6:
+            _react.fireEvent.scroll(OptionsArea, {
+              target: {
+                scrollTop: 100
+              }
+            });
+
+            _context.next = 9;
+            return (0, _react.waitFor)(function () {
+              return expect(onFinished).toHaveBeenCalled();
+            });
+
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+  it('close OptionsArea on click outside SelectInpur', function () {
+    var _setup17 = setup(),
+        selectArea = _setup17.selectArea,
+        getOptionsArea = _setup17.getOptionsArea;
+
+    _react.fireEvent.click(selectArea);
+
+    _react.fireEvent.mouseDown(document.body);
+
+    expect(function () {
+      return getOptionsArea();
+    }).toThrowError();
+  });
+  it('calls "onChangeValue" when choose Option', function () {
+    var onChangeValue = jest.fn();
+
+    var _setup18 = setup({
+      onChangeValue: onChangeValue
+    }),
+        selectArea = _setup18.selectArea,
+        getOptionItens = _setup18.getOptionItens;
+
+    _react.fireEvent.click(selectArea);
+
+    _react.fireEvent.click(getOptionItens()[0]);
+
+    expect(onChangeValue).toHaveBeenCalled();
+  });
+});

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

@@ -0,0 +1,37 @@
+import { ReactElement } from 'react';
+import { ExtendThemeProps } from 'src';
+export declare type SelectData = {
+    name: string;
+    value: string;
+};
+export declare type AlertType = 'informative' | 'success' | 'error' | 'warning' | undefined;
+export interface IStyleProps {
+    width?: string;
+    fullWidth?: boolean;
+    animate?: boolean;
+    disabled?: boolean;
+    show?: boolean;
+    selected?: boolean;
+    itensLength?: number;
+    selectType?: AlertType;
+    theme?: ExtendThemeProps;
+    active?: boolean;
+}
+export interface ISelectInputProps {
+    data?: Array<SelectData>;
+    maxSelects?: number;
+    label?: string;
+    multiple?: boolean;
+    width?: string;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    selectType?: AlertType;
+    formRegister?: unknown;
+    dropDownIcon?: ReactElement;
+    AutoComplete?: boolean;
+    defaultSelectedOptions?: Array<SelectData>;
+    onChangeValue?: (data: Array<SelectData>) => void;
+    onChangeSearch?: (data: string) => void;
+    onFinished?: (bool: boolean) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/SelectInput/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAEvC,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAEpF,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sBAAsB,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC"}

package/dist/components/SelectInput/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/components/Skeleton/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ISkeletonProps } from './types';
+declare const Skeleton: ({ children, isLoaded, ...rest }: ISkeletonProps) => JSX.Element;
+export default Skeleton;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,QAAA,MAAM,QAAQ,oCAAqC,cAAc,gBAEhE,CAAC;AAEF,eAAe,QAAQ,CAAC"}