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

package/lib/dialog/dialog.spec.js

@@ -0,0 +1,488 @@
+"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"));
+
+require("babel-polyfill");
+
+require("@testing-library/jest-dom");
+
+var _react2 = require("@testing-library/react");
+
+var _ = _interopRequireWildcard(require("."));
+
+var _Header = _interopRequireDefault(require("./base/Header"));
+
+var _Content = _interopRequireDefault(require("./base/Content"));
+
+var _Footer = _interopRequireDefault(require("./base/Footer"));
+
+var _form = _interopRequireDefault(require("./form"));
+
+var _buttons = require("../buttons");
+
+var _icons = _interopRequireDefault(require("../icons"));
+
+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); }); }; }
+
+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 baseDialog = function baseDialog(propsDialog, propsHeader) {
+  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
+    width: "70%",
+    height: "70%",
+    wrapperClassName: "dialog-base-wrapper",
+    closeOnOutsideClick: true,
+    closeOnEsc: true
+  }, propsDialog), /*#__PURE__*/_react.default.createElement(_Header.default, _extends({
+    title: "Dialog Header"
+  }, propsHeader)), /*#__PURE__*/_react.default.createElement(_Content.default, null, "Dialog Content"), /*#__PURE__*/_react.default.createElement(_Footer.default, null, /*#__PURE__*/_react.default.createElement(_buttons.ButtonContainer, null, /*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
+    label: "Salvar"
+  }), /*#__PURE__*/_react.default.createElement(_buttons.CancelButton, {
+    label: "Cancelar"
+  }))));
+};
+
+var formDialog = function formDialog(props) {
+  return /*#__PURE__*/_react.default.createElement(_form.default, _extends({
+    title: "Modal Form",
+    height: "400px",
+    width: "400px",
+    styleForContent: {
+      backgroundColor: '#f00'
+    },
+    handlerClose: function handlerClose() {},
+    buttons: [/*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
+      label: "Adicionar"
+    }), /*#__PURE__*/_react.default.createElement(_buttons.CancelButton, {
+      label: "Cancelar"
+    })]
+  }, props), /*#__PURE__*/_react.default.createElement("p", null, "Modal Form"));
+};
+
+describe('Dialog', function () {
+  var dialogTestId = 'dialog-component';
+  describe('Base', function () {
+    it('should render correctly', function () {
+      var _render = (0, _react2.render)(baseDialog({}, {
+        handlerClose: function handlerClose() {}
+      })),
+          getByTestId = _render.getByTestId;
+
+      expect(getByTestId(dialogTestId)).toBeTruthy();
+      expect(getByTestId(dialogTestId).querySelector('.dialog-base-wrapper')).toHaveStyle({
+        width: '70%',
+        height: '70%'
+      });
+      expect(getByTestId(dialogTestId)).toContainElement(getByTestId(dialogTestId).querySelector('.dialog-header'));
+      expect(getByTestId(dialogTestId)).toContainElement(getByTestId(dialogTestId).querySelector('.dialog-content'));
+      expect(getByTestId(dialogTestId)).toContainElement(getByTestId(dialogTestId).querySelector('.footer'));
+    });
+    it('should close dialog when click outside', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var handlerClose, _render2, getByTestId;
+
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              handlerClose = jest.fn();
+              _render2 = (0, _react2.render)(baseDialog({
+                handlerClose: handlerClose
+              }, {
+                handlerClose: function handlerClose() {}
+              })), getByTestId = _render2.getByTestId;
+
+              _react2.fireEvent.click(getByTestId('modal-overlay'));
+
+              expect(handlerClose).toBeCalledTimes(1);
+
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+    it('should close dialog when press ESCAPE', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+      var handlerClose, _render3, getByTestId;
+
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              handlerClose = jest.fn();
+              _render3 = (0, _react2.render)(baseDialog({
+                handlerClose: handlerClose
+              }, {
+                handlerClose: function handlerClose() {}
+              })), getByTestId = _render3.getByTestId;
+
+              _react2.fireEvent.keyUp(getByTestId(dialogTestId), {
+                key: 'Escape',
+                code: 'Escape',
+                keyCode: 27,
+                charCode: 27
+              });
+
+              expect(handlerClose).toBeCalledTimes(1);
+
+            case 4:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    })));
+    it('should remove overlay', function () {
+      (0, _react2.render)(baseDialog({
+        overlay: false
+      }, {
+        handlerClose: function handlerClose() {}
+      }));
+      expect(document.querySelector('.modal-overlay')).not.toBeInTheDocument();
+    });
+    describe('Dialog Header', function () {
+      it('should render title', function () {
+        (0, _react2.render)(baseDialog({}, {
+          handlerClose: function handlerClose() {}
+        }));
+        expect(document.querySelector('.dialog-header')).toBeInTheDocument();
+        expect(document.querySelector('.dialog-header')).toHaveTextContent('Dialog Header');
+      });
+      it('should render title icon', function () {
+        var _render4 = (0, _react2.render)(baseDialog({}, {
+          handlerClose: function handlerClose() {},
+          titleIcon: 'user'
+        })),
+            getByTestId = _render4.getByTestId;
+
+        expect(document.querySelector('.dialog-header')).toContainElement(getByTestId('icon'));
+      });
+      it('should render icon', function () {
+        var _render5 = (0, _react2.render)(baseDialog({}, {
+          handlerClose: function handlerClose() {},
+          icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+            name: "user"
+          })
+        })),
+            getByTestId = _render5.getByTestId;
+
+        expect(document.querySelector('.dialog-header')).toContainElement(getByTestId('icon'));
+      });
+      it('should remove close button', function () {
+        var _render6 = (0, _react2.render)(baseDialog({}, {
+          handlerClose: function handlerClose() {},
+          showCloseButton: false
+        })),
+            getByTestId = _render6.getByTestId;
+
+        expect(document.querySelector('.dialog-header')).not.toContainElement(getByTestId(dialogTestId).querySelector('.close-button'));
+      });
+      it('should fire click on button close', function () {
+        var mockHandlerClose = jest.fn();
+
+        var _render7 = (0, _react2.render)(baseDialog({}, {
+          handlerClose: mockHandlerClose
+        })),
+            getByTestId = _render7.getByTestId;
+
+        _react2.fireEvent.click(getByTestId(dialogTestId).querySelector('.close-button'));
+
+        expect(mockHandlerClose).toBeCalledTimes(1);
+      });
+    });
+    describe('Dialog Content', function () {
+      it('should render correctly', function () {
+        var _render8 = (0, _react2.render)(baseDialog({}, {
+          handlerClose: function handlerClose() {}
+        })),
+            getByTestId = _render8.getByTestId;
+
+        expect(getByTestId(dialogTestId).querySelector('.dialog-content')).toBeInTheDocument();
+      });
+      it('should render children', function () {
+        var _render9 = (0, _react2.render)(baseDialog({}, {
+          handlerClose: function handlerClose() {}
+        })),
+            getByTestId = _render9.getByTestId;
+
+        expect(getByTestId(dialogTestId).querySelector('.dialog-content')).toHaveTextContent('Dialog Content');
+      });
+    });
+    describe('Dialog Footer', function () {
+      it('should render correctly', function () {
+        var _render10 = (0, _react2.render)(baseDialog({}, {
+          handlerClose: function handlerClose() {}
+        })),
+            getByTestId = _render10.getByTestId;
+
+        expect(getByTestId(dialogTestId).querySelector('.footer')).toBeInTheDocument();
+      });
+      it('should render children', function () {
+        var _render11 = (0, _react2.render)(baseDialog({}, {
+          handlerClose: function handlerClose() {}
+        })),
+            getByTestId = _render11.getByTestId;
+
+        expect(getByTestId(dialogTestId).querySelectorAll('.button-component').length).toBe(2);
+        expect(getByTestId(dialogTestId).querySelectorAll('.button-component')[0]).toHaveTextContent('Salvar');
+        expect(getByTestId(dialogTestId).querySelectorAll('.button-component')[0]).toHaveClass('-primary');
+        expect(getByTestId(dialogTestId).querySelectorAll('.button-component')[1]).toHaveTextContent('Cancelar');
+        expect(getByTestId(dialogTestId).querySelectorAll('.button-component')[1]).toHaveClass('-default');
+      });
+    });
+  });
+  describe('Form Dialog', function () {
+    it('should render correctly', function () {
+      var _render12 = (0, _react2.render)(formDialog()),
+          getByTestId = _render12.getByTestId;
+
+      expect(document.querySelector('.dialog-form-wrapper')).toBeInTheDocument();
+      expect(getByTestId(dialogTestId)).toContainElement(getByTestId(dialogTestId).querySelector('.dialog-header'));
+      expect(getByTestId(dialogTestId)).toContainElement(getByTestId(dialogTestId).querySelector('.dialog-content'));
+      expect(getByTestId(dialogTestId)).toContainElement(getByTestId(dialogTestId).querySelector('.footer'));
+      expect(document.querySelectorAll('.button-component').length).toBe(2);
+      expect(document.querySelectorAll('.button-component')[0]).toHaveTextContent('Adicionar');
+      expect(document.querySelectorAll('.button-component')[1]).toHaveTextContent('Cancelar');
+    });
+    it('should apply style for content', function () {
+      var _render13 = (0, _react2.render)(formDialog()),
+          getByTestId = _render13.getByTestId;
+
+      expect(getByTestId(dialogTestId).querySelector('.dialog-content')).toHaveStyle('background-color: #f00;');
+    });
+    it('should put the dialog on hold by isWaiting', function () {
+      var _render14 = (0, _react2.render)(formDialog({
+        isWaiting: true
+      })),
+          getByTestId = _render14.getByTestId;
+
+      expect(getByTestId(dialogTestId)).toContainElement(getByTestId('spinner'));
+    });
+    it('should remove footer', function () {
+      var _render15 = (0, _react2.render)(formDialog({
+        showFooter: false
+      })),
+          getByTestId = _render15.getByTestId;
+
+      expect(getByTestId(dialogTestId).querySelector('.footer')).not.toBeInTheDocument();
+    });
+  });
+  describe('Custom Dialog', function () {
+    describe('Custom', function () {
+      var defaultDialogCustom = function defaultDialogCustom(props) {
+        return /*#__PURE__*/_react.default.createElement(_.DialogCustom, _extends({
+          title: "Custom",
+          text: "Mensagem de Teste Custom!",
+          icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+            name: "code"
+          }),
+          buttons: [/*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
+            label: "Salvar"
+          })]
+        }, props));
+      };
+
+      it('should render correctly', function () {
+        var _render16 = (0, _react2.render)(defaultDialogCustom()),
+            getByTestId = _render16.getByTestId;
+
+        expect(getByTestId(dialogTestId)).toBeInTheDocument();
+        expect(getByTestId(dialogTestId).querySelector('.container .title')).toHaveTextContent('Custom');
+        expect(getByTestId(dialogTestId).querySelector('.container .text')).toHaveTextContent('Mensagem de Teste Custom!');
+      });
+      it('should render icon', function () {
+        var _render17 = (0, _react2.render)(defaultDialogCustom()),
+            getByTestId = _render17.getByTestId;
+
+        expect(getByTestId(dialogTestId)).toContainElement(getByTestId('icon'));
+      });
+      it('should render buttons', function () {
+        var _render18 = (0, _react2.render)(defaultDialogCustom()),
+            getByTestId = _render18.getByTestId;
+
+        expect(getByTestId(dialogTestId).querySelectorAll('.button-component').length).toBe(1);
+        expect(getByTestId(dialogTestId).querySelectorAll('.button-component')[0]).toHaveTextContent('Salvar');
+      });
+      it('should apply width', function () {
+        var _render19 = (0, _react2.render)(defaultDialogCustom({
+          width: '400px'
+        })),
+            getByTestId = _render19.getByTestId;
+
+        expect(getByTestId(dialogTestId).querySelector('.dialog-alert-wrapper')).toHaveStyle({
+          width: '400px'
+        });
+      });
+      it('should apply height', function () {
+        var _render20 = (0, _react2.render)(defaultDialogCustom({
+          height: '400px'
+        })),
+            getByTestId = _render20.getByTestId;
+
+        expect(getByTestId(dialogTestId).querySelector('.dialog-alert-wrapper')).toHaveStyle({
+          height: '400px'
+        });
+      });
+    });
+    describe('Alert', function () {
+      var mockOnConfirmClick = jest.fn();
+
+      var defaultDialogAlert = function defaultDialogAlert(props) {
+        return /*#__PURE__*/_react.default.createElement(_.DialogAlert, _extends({
+          title: "Alert",
+          onConfirmClick: mockOnConfirmClick,
+          text: "Mensagem de Teste Alert!"
+        }, props));
+      };
+
+      it('should render correctly', function () {
+        var _render21 = (0, _react2.render)(defaultDialogAlert()),
+            getByTestId = _render21.getByTestId;
+
+        expect(getByTestId(dialogTestId)).toBeInTheDocument();
+        expect(getByTestId(dialogTestId).querySelector('.container .title')).toHaveTextContent('Alert');
+        expect(getByTestId(dialogTestId).querySelector('.container .text')).toHaveTextContent('Mensagem de Teste Alert!');
+      });
+      it('should fire event on confirm click', function () {
+        var _render22 = (0, _react2.render)(defaultDialogAlert()),
+            getByTestId = _render22.getByTestId;
+
+        _react2.fireEvent.click(getByTestId(dialogTestId).querySelector('.button-component.-primary'));
+
+        expect(mockOnConfirmClick).toBeCalledTimes(1);
+      });
+    });
+    describe('Error', function () {
+      var mockOnConfirmClick = jest.fn();
+
+      var defaultDialogError = function defaultDialogError(props) {
+        return /*#__PURE__*/_react.default.createElement(_.DialogError, _extends({
+          title: "Error",
+          onConfirmClick: mockOnConfirmClick,
+          text: "Mensagem de Teste Error!"
+        }, props));
+      };
+
+      it('should render correctly', function () {
+        var _render23 = (0, _react2.render)(defaultDialogError()),
+            getByTestId = _render23.getByTestId;
+
+        expect(getByTestId(dialogTestId)).toBeInTheDocument();
+        expect(getByTestId(dialogTestId).querySelector('.container .title')).toHaveTextContent('Error');
+        expect(getByTestId(dialogTestId).querySelector('.container .text')).toHaveTextContent('Mensagem de Teste Error!');
+      });
+      it('should fire event on confirm click', function () {
+        var _render24 = (0, _react2.render)(defaultDialogError()),
+            getByTestId = _render24.getByTestId;
+
+        _react2.fireEvent.click(getByTestId(dialogTestId).querySelector('.button-component.-primary'));
+
+        expect(mockOnConfirmClick).toBeCalledTimes(1);
+      });
+    });
+    describe('Information', function () {
+      var mockOnConfirmClick = jest.fn();
+
+      var defaultDialogInformation = function defaultDialogInformation(props) {
+        return /*#__PURE__*/_react.default.createElement(_.DialogInformation, _extends({
+          title: "Information",
+          onConfirmClick: mockOnConfirmClick,
+          text: "Mensagem de Teste Information!"
+        }, props));
+      };
+
+      it('should render correctly', function () {
+        var _render25 = (0, _react2.render)(defaultDialogInformation()),
+            getByTestId = _render25.getByTestId;
+
+        expect(getByTestId(dialogTestId)).toBeInTheDocument();
+        expect(getByTestId(dialogTestId).querySelector('.container .title')).toHaveTextContent('Information');
+        expect(getByTestId(dialogTestId).querySelector('.container .text')).toHaveTextContent('Mensagem de Teste Information!');
+      });
+      it('should fire event on confirm click', function () {
+        var _render26 = (0, _react2.render)(defaultDialogInformation()),
+            getByTestId = _render26.getByTestId;
+
+        _react2.fireEvent.click(getByTestId(dialogTestId).querySelector('.button-component.-primary'));
+
+        expect(mockOnConfirmClick).toBeCalledTimes(1);
+      });
+    });
+    describe('Warning', function () {
+      var mockOnConfirmClick = jest.fn();
+
+      var defaultDialogWarning = function defaultDialogWarning(props) {
+        return /*#__PURE__*/_react.default.createElement(_.DialogWarning, _extends({
+          title: "Warning",
+          onConfirmClick: mockOnConfirmClick,
+          text: "Mensagem de Teste Warning!"
+        }, props));
+      };
+
+      it('should render correctly', function () {
+        var _render27 = (0, _react2.render)(defaultDialogWarning()),
+            getByTestId = _render27.getByTestId;
+
+        expect(getByTestId(dialogTestId)).toBeInTheDocument();
+        expect(getByTestId(dialogTestId).querySelector('.container .title')).toHaveTextContent('Warning');
+        expect(getByTestId(dialogTestId).querySelector('.container .text')).toHaveTextContent('Mensagem de Teste Warning!');
+      });
+      it('should fire event on confirm click', function () {
+        var _render28 = (0, _react2.render)(defaultDialogWarning()),
+            getByTestId = _render28.getByTestId;
+
+        _react2.fireEvent.click(getByTestId(dialogTestId).querySelector('.button-component.-primary'));
+
+        expect(mockOnConfirmClick).toBeCalledTimes(1);
+      });
+    });
+    describe('Question', function () {
+      var mockOnConfirmClick = jest.fn();
+      var mockOnUnConfirmClick = jest.fn();
+
+      var defaultDialogQuestion = function defaultDialogQuestion(props) {
+        return /*#__PURE__*/_react.default.createElement(_.DialogQuestion, _extends({
+          title: "Question",
+          onConfirmClick: mockOnConfirmClick,
+          onUnconfirmClick: mockOnUnConfirmClick,
+          text: "Mensagem de Teste Question!"
+        }, props));
+      };
+
+      it('should render correctly', function () {
+        var _render29 = (0, _react2.render)(defaultDialogQuestion()),
+            getByTestId = _render29.getByTestId;
+
+        expect(getByTestId(dialogTestId)).toBeInTheDocument();
+        expect(getByTestId(dialogTestId).querySelector('.container .title')).toHaveTextContent('Question');
+        expect(getByTestId(dialogTestId).querySelector('.container .text')).toHaveTextContent('Mensagem de Teste Question!');
+      });
+      it('should fire event on confirm click', function () {
+        var _render30 = (0, _react2.render)(defaultDialogQuestion()),
+            getByTestId = _render30.getByTestId;
+
+        _react2.fireEvent.click(getByTestId(dialogTestId).querySelector('.button-component.-danger'));
+
+        expect(mockOnConfirmClick).toBeCalledTimes(1);
+      });
+      it('should fire event on unconfirm click', function () {
+        var _render31 = (0, _react2.render)(defaultDialogQuestion()),
+            getByText = _render31.getByText;
+
+        _react2.fireEvent.click(getByText('Não'));
+
+        expect(mockOnUnConfirmClick).toBeCalledTimes(1);
+      });
+    });
+  });
+});

package/lib/dialog/form/index.js

@@ -17,11 +17,6 @@ var _withFormSecurity = _interopRequireWildcard(require("../../form/withFormSecu
 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); }
 var FormDialogContext = /*#__PURE__*/(0, _react.createContext)({});
 exports.FormDialogContext = FormDialogContext;
@@ -67,9 +62,9 @@ var ModalForm = function ModalForm(props) {
   }, /*#__PURE__*/_react.default.createElement(_Header.default, _extends({
     handlerClose: props.handlerClose
   }, props))), /*#__PURE__*/_react.default.createElement(_Content.default, {
-    styleForContent: _objectSpread(_objectSpread({}, props.styleForContent), overlayStyle)
+    styleForContent: _extends({}, props.styleForContent, overlayStyle)
   }, content || children), getSpinner(), showFooter && /*#__PURE__*/_react.default.createElement(_Footer.default, null, /*#__PURE__*/_react.default.createElement(_index.ButtonContainer, _extends({}, props, {
-    style: _objectSpread({}, overlayStyle)
+    style: _extends({}, overlayStyle)
   }), props.buttons.map(function (button) {
     if (context && context.securityBeforeUnload && button && button.type && button.type.name === 'CancelButton') {
       return /*#__PURE__*/_react.default.cloneElement(button, {

package/lib/drawer/Drawer.js

@@ -15,18 +15,13 @@ var _excluded = ["position", "customClass", "children", "style", "customClassFor
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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 _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 BaseDrawer = function BaseDrawer(_ref) {
@@ -51,7 +46,7 @@ var BaseDrawer = function BaseDrawer(_ref) {
     _ref$isWaiting = _ref.isWaiting,
     isWaiting = _ref$isWaiting === void 0 ? false : _ref$isWaiting,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var headerProps = _objectSpread(_objectSpread({}, rest), {}, {
+  var headerProps = _extends({}, rest, {
     title: title
   });
   var drawerContainerEl = (0, _react.useRef)(document.createElement('div'));