linear-react-components-ui 1.0.10-beta.20 → 1.0.10-beta.21

package/lib/inputs/mask/input_mask.spec.js

@@ -0,0 +1,607 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+require("@testing-library/jest-dom");
+
+require("babel-polyfill");
+
+var _ = _interopRequireWildcard(require("."));
+
+var _storageMock = _interopRequireWildcard(require("../../../../config/jest/storageMock"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _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); }); }; }
+
+describe('Input Masked', function () {
+  describe('Default', function () {
+    it('should render correctly', function () {
+      var _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000"
+      })),
+          container = _render.container;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toHaveClass('input-base-component');
+    });
+    it('should apply mask', function () {
+      var _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000"
+      })),
+          container = _render2.container;
+
+      expect(container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput')).toHaveValue('___-____');
+      expect(container.firstChild).toHaveClass('input-base-component');
+    });
+    it('should apply mask Pattern', function () {
+      var _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "{#}000-aa-`*[**]"
+      })),
+          container = _render3.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveValue('#___-__-_');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: '111aaaaa'
+        }
+      });
+
+      expect(input).toHaveValue('#111-aa-aaa');
+    });
+    it('should change placeholder char', function () {
+      var _render4 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000",
+        placeholderChar: "*"
+      })),
+          container = _render4.container;
+
+      expect(container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput')).toHaveValue('***-****');
+      expect(container.firstChild).toHaveClass('input-base-component');
+    });
+    it('should be able to write', function () {
+      var _render5 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000"
+      })),
+          container = _render5.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveValue('___-____');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: 'ABC'
+        }
+      });
+
+      expect(input).toHaveValue('ABC-____');
+    });
+    it('should not accept number on alpha digit', function () {
+      var _render6 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000"
+      })),
+          container = _render6.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveValue('___-____');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: '123'
+        }
+      });
+
+      expect(input).toHaveValue('___-____');
+    });
+    it('should not accept alphan on number digit', function () {
+      var _render7 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000"
+      })),
+          container = _render7.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveValue('___-____');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: 'ABC1BC'
+        }
+      });
+
+      expect(input).toHaveValue('ABC-1___');
+    });
+    it('should start with value', function () {
+      var _render8 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000",
+        value: "ABC-1234"
+      })),
+          container = _render8.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveValue('ABC-1234');
+    });
+    it('should apply lazy prop', function () {
+      var _render9 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000",
+        lazy: true
+      })),
+          container = _render9.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: 'ABC1'
+        }
+      });
+
+      expect(input).toHaveValue('ABC-1');
+    });
+    /*
+    it('should onAccept callback be called', () => {
+      const fnMock = jest.fn();
+      const { container } = render(<MaskField mask="aaa-0000" onAccept={fnMock} />);
+      const input = container.querySelector(
+        '.input-base-component .inputwrapper .inputcontent input.textinput');
+      fireEvent.change(input, { target: { value: 'ABC1' } });
+       expect(fnMock).toBeCalledTimes(4);
+    });
+    */
+
+    it('should onComplete callback be called', function () {
+      var fnMock = jest.fn();
+
+      var _render10 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000",
+        onComplete: fnMock
+      })),
+          container = _render10.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: 'ABC1234'
+        }
+      });
+
+      expect(fnMock).toBeCalledTimes(1);
+    });
+    it('should apply unmask', function () {
+      var fnMock = jest.fn();
+
+      var _render11 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000",
+        onComplete: fnMock,
+        unmask: true
+      })),
+          container = _render11.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: 'ABC1234'
+        }
+      });
+
+      expect(fnMock).toHaveBeenCalledWith({
+        target: {
+          name: '',
+          value: 'ABC1234'
+        }
+      }, 'ABC1234');
+    });
+    it('should apply label', function () {
+      var _render12 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000",
+        label: "LABEL"
+      })),
+          getByText = _render12.getByText;
+
+      expect(getByText('LABEL')).toBeTruthy();
+    });
+    it('should apply labelUppercase', function () {
+      var _render13 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        labelUppercase: true,
+        mask: "aaa-0000",
+        label: "Label"
+      })),
+          getByText = _render13.getByText;
+
+      expect(getByText('Label')).toHaveClass('-uppercase');
+    });
+    it('should apply readOnly', function () {
+      var _render14 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        readOnly: true,
+        mask: "aaa-0000",
+        value: "ABC-1234"
+      })),
+          container = _render14.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveClass('-readonly');
+      expect(input).toHaveAttribute('readonly');
+    });
+    it('should apply gridLayout', function () {
+      var _render15 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        gridLayout: "6 6",
+        mask: "aaa-0000",
+        value: "ABC-1234"
+      })),
+          container = _render15.container;
+
+      expect(container.querySelector('.grid-container.col-xs-6.col-xs-6')).toBeTruthy();
+    });
+    it('should apply placeHolder', function () {
+      (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        placeHolder: "PLACE_HOLDER",
+        mask: "aaa-0000"
+      }));
+      expect(_react2.screen.getByPlaceholderText('PLACE_HOLDER')).toBeTruthy();
+    });
+    it('should apply disabled', function () {
+      var _render16 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        disabled: true,
+        mask: "aaa-0000"
+      })),
+          container = _render16.container;
+
+      expect(container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput')).toBeDisabled();
+    });
+    it('should apply onBlur', function () {
+      var fnMock = jest.fn();
+
+      var _render17 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        onBlur: fnMock,
+        name: "name",
+        mask: "aaa-0000"
+      })),
+          container = _render17.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      input.focus();
+      input.blur();
+      expect(fnMock).toBeCalledTimes(1);
+    });
+    it('should apply onChange', function () {
+      var fnMock = jest.fn();
+
+      var _render18 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        onChange: fnMock,
+        name: "name",
+        mask: "aaa-0000"
+      })),
+          container = _render18.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: 'ABC1234'
+        }
+      });
+
+      expect(fnMock).toBeCalledTimes(1);
+    });
+    it('should apply onKeyDown', function () {
+      var fnMock = jest.fn();
+
+      var _render19 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        onKeyDown: fnMock,
+        name: "name",
+        mask: "aaa-0000"
+      })),
+          container = _render19.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      input.focus();
+
+      _react2.fireEvent.keyDown(input, {
+        key: 'A',
+        code: 'KeyA'
+      });
+
+      _react2.fireEvent.keyDown(input, {
+        key: 'B',
+        code: 'KeyB'
+      });
+
+      expect(fnMock).toBeCalledTimes(2);
+    });
+    it('should apply leftElements', function () {
+      var _render20 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        leftElements: /*#__PURE__*/_react.default.createElement("div", null, "LEFT"),
+        name: "name",
+        mask: "aaa-0000"
+      })),
+          getByText = _render20.getByText;
+
+      expect(getByText('LEFT')).toBeTruthy();
+    });
+    it('should apply rightElements', function () {
+      var _render21 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        leftElements: /*#__PURE__*/_react.default.createElement("div", null, "RIGHT"),
+        name: "name",
+        mask: "aaa-0000"
+      })),
+          getByText = _render21.getByText;
+
+      expect(getByText('RIGHT')).toBeTruthy();
+    });
+    it('should apply customClass', function () {
+      var _render22 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        customClass: "customClass",
+        mask: "aaa-0000"
+      })),
+          container = _render22.container;
+
+      expect(container.querySelector('.input-base-component.customClass')).toBeTruthy();
+    });
+    it('should apply customClassForInputContent', function () {
+      var _render23 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        customClassForInputContent: "customClass",
+        mask: "aaa-0000"
+      })),
+          container = _render23.container;
+
+      expect(container.querySelector('.inputcontent.customClass')).toBeTruthy();
+    });
+    it('should apply customClassForLabel', function () {
+      var _render24 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        label: "LABEL",
+        customClassForLabel: "customClass",
+        mask: "aaa-0000"
+      })),
+          container = _render24.container;
+
+      expect(container.querySelector('.label.customClass')).toBeTruthy();
+    });
+    it('should apply textAlign', function () {
+      var _render25 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        textAlign: "left",
+        mask: "aaa-0000"
+      })),
+          container = _render25.container;
+
+      expect(container.querySelector('input.textinput')).toHaveClass('text-align-left');
+    });
+    it('should apply rounded', function () {
+      var _render26 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        rounded: true,
+        mask: "aaa-0000"
+      })),
+          container = _render26.container;
+
+      expect(container.querySelector('.inputwrapper')).toHaveClass('-roundedborders');
+    });
+    it('should apply errorMessages', function () {
+      var _render27 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        errorMessages: ['ERRO1', 'ERRO2', 'ERRO3'],
+        mask: "aaa-0000"
+      })),
+          container = _render27.container;
+
+      expect(container.querySelector('p.errormessages')).toHaveTextContent('ERRO1');
+      expect(container.querySelector('p.errormessages')).toHaveTextContent('ERRO2');
+      expect(container.querySelector('p.errormessages')).toHaveTextContent('ERRO3');
+    });
+    it('should check permission', function () {
+      Object.defineProperty(window, 'sessionStorage', {
+        value: (0, _storageMock.default)()
+      });
+
+      var _render28 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        permissionAttr: (0, _storageMock.permissionAttrMockAuthorized)('disabled'),
+        mask: "aaa-0000"
+      })),
+          container = _render28.container;
+
+      expect(container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput')).not.toBeDisabled();
+    });
+    it('should check permission and be unavailable', function () {
+      Object.defineProperty(window, 'sessionStorage', {
+        value: (0, _storageMock.default)()
+      });
+
+      var _render29 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        permissionAttr: (0, _storageMock.permissionAttrMockUnauthorized)('disabled'),
+        mask: "aaa-0000"
+      })),
+          container = _render29.container;
+
+      expect(container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput')).toBeDisabled();
+    });
+  });
+  describe('CPF', function () {
+    it('should render correctly', function () {
+      var _render30 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.CpfField, null)),
+          container = _render30.container;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toHaveClass('input-base-component');
+    });
+    it('should apply CPF mask', function () {
+      var _render31 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.CpfField, null)),
+          container = _render31.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveValue('___.___.___-__');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: '92968346008'
+        }
+      });
+
+      expect(input).toHaveValue('929.683.460-08');
+    });
+    it('should apply CPF validation', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var _render32, container, input;
+
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _render32 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.CpfField, {
+                enableValidation: true
+              })), container = _render32.container;
+              input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+              expect(input).toHaveValue('___.___.___-__');
+
+              _react2.fireEvent.change(input, {
+                target: {
+                  value: '92968346000'
+                }
+              });
+
+              _context.next = 6;
+              return (0, _react2.waitFor)(function () {
+                return expect(container.querySelector('.errormessages')).toHaveTextContent('CPF inválido');
+              }, {
+                timeout: 3000
+              });
+
+            case 6:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+  });
+  describe('CNPJ', function () {
+    it('should render correctly', function () {
+      var _render33 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.CnpjField, null)),
+          container = _render33.container;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toHaveClass('input-base-component');
+    });
+    it('should apply CNPJ mask', function () {
+      var _render34 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.CnpjField, null)),
+          container = _render34.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveValue('__.___.___/____-__');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: '16409652000114'
+        }
+      });
+
+      expect(input).toHaveValue('16.409.652/0001-14');
+    });
+    it('should apply CNPJ validation', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+      var _render35, container, input;
+
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _render35 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.CnpjField, {
+                enableValidation: true
+              })), container = _render35.container;
+              input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+              expect(input).toHaveValue('__.___.___/____-__');
+
+              _react2.fireEvent.change(input, {
+                target: {
+                  value: '16409652000110'
+                }
+              });
+
+              _context2.next = 6;
+              return (0, _react2.waitFor)(function () {
+                return expect(container.querySelector('.errormessages')).toHaveTextContent('CNPJ inválido');
+              }, {
+                timeout: 3000
+              });
+
+            case 6:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    })));
+  });
+  describe('Phone', function () {
+    it('should render correctly', function () {
+      var _render36 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.PhoneField, null)),
+          container = _render36.container;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toHaveClass('input-base-component');
+    });
+    it('should apply phone mask', function () {
+      var _render37 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.PhoneField, null)),
+          container = _render37.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveValue('(__) ____-____');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: '1111111111'
+        }
+      });
+
+      expect(input).toHaveValue('(11) 1111-1111');
+    });
+    it('should apply cellNumber', function () {
+      var _render38 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.PhoneField, {
+        cellNumber: true
+      })),
+          container = _render38.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveValue('(__) _____-____');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: '11111111111'
+        }
+      });
+
+      expect(input).toHaveValue('(11) 11111-1111');
+    });
+  });
+  describe('Zip Code', function () {
+    it('should render correctly', function () {
+      var _render39 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.ZipCodeField, null)),
+          container = _render39.container;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toHaveClass('input-base-component');
+    });
+    it('should apply zipcode mask', function () {
+      var _render40 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.ZipCodeField, null)),
+          container = _render40.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveValue('_____-___');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: '72859719'
+        }
+      });
+
+      expect(input).toHaveValue('72859-719');
+    });
+  });
+});

package/lib/inputs/multiSelect/Dropdown.js

@@ -11,11 +11,7 @@ var _icons = _interopRequireDefault(require("../../icons"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -74,7 +70,7 @@ var Dropdown = function Dropdown(props) {
     dropdownDynamicStyles = _useState2[0];
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "dropdown",
-    style: _objectSpread({
+    style: _extends({
       width: dropdownWidth,
       marginLeft: gridWrapperStyle ? gridWrapperStyle.paddingLeft : '0'
     }, dropdownDynamicStyles)

package/lib/inputs/multiSelect/index.js

@@ -17,11 +17,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function 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 _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); }
@@ -211,7 +206,7 @@ var MultiSelectField = function MultiSelectField(props) {
   }, [value === null || value === void 0 ? void 0 : value.length, dataSource === null || dataSource === void 0 ? void 0 : dataSource.length]);
   (0, _react.useEffect)(function () {
     if (dataSource && dataCombo && !_lodash.default.isEqual(dataSource, dataCombo)) {
-      var newDataCombo = (0, _helper.default)(_objectSpread(_objectSpread({}, props), {}, {
+      var newDataCombo = (0, _helper.default)(_extends({}, props, {
         dataSource: dataSource || undefined,
         inputText: inputValue
       }));