linear-react-components-ui 0.4.77-beta.23 → 0.4.77-beta.25

package/lib/inputs/base/base.spec.js

@@ -1,8 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -18,23 +16,26 @@ var _storageMock = _interopRequireWildcard(require("../../../../config/jest/stor
 
 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 _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 }; }
 
+// eslint-disable-next-line import/no-named-as-default
 describe('InputTextBase', function () {
   var inputTextBase = function inputTextBase(inputTextBaseProps) {
-    return /*#__PURE__*/_react["default"].createElement(_InputTextBase["default"], inputTextBaseProps, /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+    return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, inputTextBaseProps, /*#__PURE__*/_react.default.createElement(_buttons.default, {
       customClass: "child-button"
     }));
   };
 
   var setSessionStorageMock = function setSessionStorageMock() {
     Object.defineProperty(window, 'sessionStorage', {
-      value: (0, _storageMock["default"])()
+      value: (0, _storageMock.default)()
     });
   };
 
   it('should render correctly', function () {
-    var _render = (0, _react2.render)(inputTextBase()),
+    var _render = (0, _react2.render)(inputTextBase({})),
         container = _render.container;
 
     expect(container.firstChild).toHaveClass('input-base-component');
@@ -48,7 +49,7 @@ describe('InputTextBase', function () {
         container = _render2.container;
 
     var inputHTML = container.querySelector('.textinput');
-    expect(inputHTML.value).toBe(value);
+    expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.value).toBe(value);
   });
   it('should apply label', function () {
     var label = 'teste label';
@@ -70,7 +71,7 @@ describe('InputTextBase', function () {
         container = _render4.container;
 
     var inputHTML = container.querySelector('.textinput');
-    expect(inputHTML.id).toBe(id);
+    expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.id).toBe('testeID');
   });
   it('prop labelUppercase should add -uppercase css class', function () {
     var label = 'teste label';
@@ -94,10 +95,10 @@ describe('InputTextBase', function () {
 
         var textAreaHTML = container.querySelector('textarea.textinput');
         expect(textAreaHTML).toBeInTheDocument();
-        expect(textAreaHTML.type).toBe('textarea');
+        expect(textAreaHTML === null || textAreaHTML === void 0 ? void 0 : textAreaHTML.type).toBe('textarea');
       });
       it('should apply rows', function () {
-        var rows = '12';
+        var rows = 12;
 
         var _render7 = (0, _react2.render)(inputTextBase({
           rows: rows,
@@ -106,10 +107,10 @@ describe('InputTextBase', function () {
             container = _render7.container;
 
         var textAreaHTML = container.querySelector('textarea.textinput');
-        expect(textAreaHTML.rows).toBe(parseInt(rows, 10));
+        expect(textAreaHTML === null || textAreaHTML === void 0 ? void 0 : textAreaHTML.rows).toBe(rows);
       });
       it('should apply cols', function () {
-        var cols = '12';
+        var cols = 12;
 
         var _render8 = (0, _react2.render)(inputTextBase({
           cols: cols,
@@ -118,7 +119,7 @@ describe('InputTextBase', function () {
             container = _render8.container;
 
         var textAreaHTML = container.querySelector('textarea.textinput');
-        expect(textAreaHTML.cols).toBe(parseInt(cols, 10));
+        expect(textAreaHTML === null || textAreaHTML === void 0 ? void 0 : textAreaHTML.cols).toBe(cols);
       });
     });
     describe('when receive "text" subject', function () {
@@ -130,7 +131,7 @@ describe('InputTextBase', function () {
 
         var inputHTML = container.querySelector('.textinput');
         expect(inputHTML).toBeInTheDocument();
-        expect(inputHTML.type).toBe('text');
+        expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.type).toBe('text');
       });
     });
     describe('when receive "number" subject', function () {
@@ -142,7 +143,7 @@ describe('InputTextBase', function () {
 
         var inputHTML = container.querySelector('.textinput');
         expect(inputHTML).toBeInTheDocument();
-        expect(inputHTML.type).toBe('number');
+        expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.type).toBe('number');
       });
     });
     describe('when receive "date" subject', function () {
@@ -154,7 +155,7 @@ describe('InputTextBase', function () {
 
         var inputHTML = container.querySelector('.textinput');
         expect(inputHTML).toBeInTheDocument();
-        expect(inputHTML.type).toBe('date');
+        expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.type).toBe('date');
       });
     });
   });
@@ -174,7 +175,7 @@ describe('InputTextBase', function () {
         container = _render13.container;
 
     var inputHTML = container.querySelector('.textinput');
-    expect(inputHTML.placeholder).toBe('saas');
+    expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.placeholder).toBe('saas');
   });
   it('prop disabled should add -disabled css class', function () {
     var _render14 = (0, _react2.render)(inputTextBase({
@@ -203,7 +204,7 @@ describe('InputTextBase', function () {
         container = _render16.container;
 
     var inputHTML = container.querySelector('.textinput');
-    expect(inputHTML.maxLength).toBe(maxLength);
+    expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.maxLength).toBe(maxLength);
   });
   it('should apply name', function () {
     var name = 'saas';
@@ -214,7 +215,7 @@ describe('InputTextBase', function () {
         container = _render17.container;
 
     var inputHTML = container.querySelector('.textinput');
-    expect(inputHTML.name).toBe(name);
+    expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.name).toBe('saas');
   });
   it('prop required should render label with -requiredlabel css class', function () {
     var label = 'teste label';
@@ -229,7 +230,7 @@ describe('InputTextBase', function () {
     expect(requiredLabel).toBeTruthy();
   });
   it('prop inputHasFocus should add -focusable css class to inputwrapper', function () {
-    var _render19 = (0, _react2.render)(inputTextBase()),
+    var _render19 = (0, _react2.render)(inputTextBase({})),
         container = _render19.container;
 
     var inputWrapper = container.querySelector('.inputwrapper');
@@ -285,7 +286,7 @@ describe('InputTextBase', function () {
     });
 
     expect(onChange).toBeCalled();
-    expect(inputHTML.value).toBe('sus');
+    expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.value).toBe('sus');
   });
   it('should apply onKeyDown', function () {
     var onKeyDown = jest.fn();
@@ -326,7 +327,7 @@ describe('InputTextBase', function () {
   });
   describe('prop leftElements should', function () {
     it('render single component within subject', function () {
-      var leftElements = /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+      var leftElements = /*#__PURE__*/_react.default.createElement(_buttons.default, {
         customClass: "btn1"
       });
 
@@ -339,10 +340,10 @@ describe('InputTextBase', function () {
       expect(buttonHTML).toBeTruthy();
     });
     it('render multiple components within subject', function () {
-      var leftElements = [/*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+      var leftElements = [/*#__PURE__*/_react.default.createElement(_buttons.default, {
         customClass: "btnteste",
         key: "btn_teste1"
-      }), /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+      }), /*#__PURE__*/_react.default.createElement(_buttons.default, {
         customClass: "btnteste",
         key: "btn_teste2"
       })];
@@ -358,7 +359,7 @@ describe('InputTextBase', function () {
   });
   describe('prop rightElements should', function () {
     it('render single component within subject', function () {
-      var rightElements = /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+      var rightElements = /*#__PURE__*/_react.default.createElement(_buttons.default, {
         customClass: "btn1"
       });
 
@@ -367,14 +368,14 @@ describe('InputTextBase', function () {
       })),
           container = _render27.container;
 
-      var buttonHTML = container.querySelector('.btn1');
+      var buttonHTML = container.querySelector('.sidebuttons > .btn1');
       expect(buttonHTML).toBeTruthy();
     });
     it('render multiple components within subject', function () {
-      var rightElements = [/*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+      var rightElements = [/*#__PURE__*/_react.default.createElement(_buttons.default, {
         customClass: "btnteste",
         key: "btn_teste1"
-      }), /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+      }), /*#__PURE__*/_react.default.createElement(_buttons.default, {
         customClass: "btnteste",
         key: "btn_teste2"
       })];
@@ -384,12 +385,12 @@ describe('InputTextBase', function () {
       })),
           container = _render28.container;
 
-      var buttonHTML = container.querySelectorAll('.btnteste');
+      var buttonHTML = container.querySelectorAll('.sidebuttons > .btnteste');
       expect(buttonHTML.length).toBe(2);
     });
   });
   it('should render children', function () {
-    var _render29 = (0, _react2.render)(inputTextBase()),
+    var _render29 = (0, _react2.render)(inputTextBase({})),
         container = _render29.container;
 
     var childButton = container.querySelector('.child-button');
@@ -440,7 +441,7 @@ describe('InputTextBase', function () {
     expect(labelSpan).toHaveClass(customClassForLabel);
   });
   it('should apply customClassForSideButtons', function () {
-    var leftElements = /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+    var leftElements = /*#__PURE__*/_react.default.createElement(_buttons.default, {
       customClass: "btn1"
     });
 
@@ -456,7 +457,7 @@ describe('InputTextBase', function () {
     expect(sideButtonsContainer).toHaveClass(customClassForSideButtons);
   });
   it('should apply inputRef', function () {
-    var inputRef = /*#__PURE__*/_react["default"].createRef();
+    var inputRef = /*#__PURE__*/_react.default.createRef();
 
     (0, _react2.render)(inputTextBase({
       inputRef: inputRef
@@ -464,7 +465,7 @@ describe('InputTextBase', function () {
     expect(inputRef.current).not.toBeNull();
   });
   it('should apply inputBaseRef', function () {
-    var inputBaseRef = /*#__PURE__*/_react["default"].createRef();
+    var inputBaseRef = /*#__PURE__*/_react.default.createRef();
 
     (0, _react2.render)(inputTextBase({
       inputBaseRef: inputBaseRef
@@ -585,7 +586,7 @@ describe('InputTextBase', function () {
             }
           });
 
-          expect(inputHTML.disabled).toBeTruthy();
+          expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.disabled).toBeTruthy();
           expect(onChange).not.toBeCalled();
         });
         it('add -disabled css class', function () {
@@ -612,7 +613,7 @@ describe('InputTextBase', function () {
               container = _render45.container;
 
           var inputHTML = container.querySelector('.textinput');
-          expect(inputHTML.readOnly).toBeTruthy();
+          expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.readOnly).toBeTruthy();
         });
         it('disable callbacks', function () {
           setSessionStorageMock();
@@ -648,7 +649,7 @@ describe('InputTextBase', function () {
               container = _render47.container;
 
           var inputHTML = container.querySelector('.textinput');
-          expect(inputHTML.value).toBe('');
+          expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.value).toBe('');
         });
         it('disable input', function () {
           setSessionStorageMock();
@@ -670,7 +671,7 @@ describe('InputTextBase', function () {
           });
 
           expect(onChange).not.toBeCalled();
-          expect(inputHTML.disabled).toBeTruthy();
+          expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.disabled).toBeTruthy();
         });
         it('add -disabled css class', function () {
           setSessionStorageMock();

package/lib/inputs/base/helpers.js

@@ -1,16 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getRightElements = exports.getErrorMessages = exports.getInputWrapperClass = exports.getInputClass = void 0;
+exports.getRightElements = exports.getInputWrapperClass = exports.getInputClass = exports.getErrorMessages = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
 var _lodash = _interopRequireDefault(require("lodash"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var getInputClass = function getInputClass(_ref) {
   var textAlign = _ref.textAlign,
       readOnly = _ref.readOnly;
@@ -25,14 +25,14 @@ var getInputWrapperClass = function getInputWrapperClass(props) {
       rounded = props.rounded,
       errorMessages = props.errorMessages,
       disabled = props.disabled;
-  return "inputwrapper ".concat(inputHasFocus && ' -focusable', "\n          ").concat(customClassForWrapper, "\n          ").concat(errorMessages.length > 0 && ' -requirederror', "\n          ").concat(rounded && ' -roundedborders', "\n          ").concat(disabled && ' -disabled');
+  return "inputwrapper ".concat(inputHasFocus && ' -focusable', "\n          ").concat(customClassForWrapper, "\n          ").concat(errorMessages && errorMessages.length > 0 && ' -requirederror', "\n          ").concat(rounded && ' -roundedborders', "\n          ").concat(disabled && ' -disabled');
 };
 
 exports.getInputWrapperClass = getInputWrapperClass;
 
 var getErrorMessages = function getErrorMessages(messages) {
-  if (!messages || messages.length === 0) return /*#__PURE__*/_react["default"].createElement("noscript", null);
-  return /*#__PURE__*/_react["default"].createElement("p", {
+  if (!messages || messages.length === 0) return /*#__PURE__*/_react.default.createElement("noscript", null);
+  return /*#__PURE__*/_react.default.createElement("p", {
     className: "errormessages"
   }, messages.join(', '));
 };
@@ -43,17 +43,17 @@ var getRightElements = function getRightElements(rightElements, errorMessages, s
   var elements = rightElements || [];
   if (skeletonize) return null;
 
-  if (!_lodash["default"].isArray(elements)) {
+  if (!_lodash.default.isArray(elements)) {
     elements = [elements];
   }
 
   elements = elements.map(function (element, index) {
-    return element && /*#__PURE__*/_react["default"].cloneElement(element, {
+    return element && /*#__PURE__*/_react.default.cloneElement(element, {
       key: "rightelement-".concat(index + 1)
     });
   });
-  if (errorMessages.length === 0) return elements;
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  if (errorMessages && errorMessages.length === 0) return elements;
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "sidebuttons"
   }, elements);
 };

package/lib/inputs/base/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/inputs/color/color_input.spec.js

@@ -1,10 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -18,10 +14,14 @@ var _index = _interopRequireDefault(require("./index"));
 
 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 _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); }
 
 var colorField = function colorField(props) {
-  return /*#__PURE__*/_react["default"].createElement(_index["default"], (0, _extends2["default"])({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, _extends({}, props, {
     value: "#AAAAAA",
     onChange: function onChange() {}
   }));
@@ -63,14 +63,14 @@ describe('ColorField', function () {
     })),
         container = _render4.container;
 
-    _react2.fireEvent.click(container.querySelector('.button-component.colorpicker-palettebutton'));
-
+    var buttonComponentColorPicker = container.querySelector('.button-component.colorpicker-palettebutton');
+    if (buttonComponentColorPicker) _react2.fireEvent.click(buttonComponentColorPicker);
     expect(onButtonClick).toBeCalled();
   });
   describe('Permission', function () {
     var setSessionStorageMock = function setSessionStorageMock() {
       Object.defineProperty(window, 'sessionStorage', {
-        value: (0, _storageMock["default"])()
+        value: (0, _storageMock.default)()
       });
     };
 

package/lib/inputs/color/index.js

@@ -1,22 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _lodash = _interopRequireDefault(require("lodash"));
 
 var _text = _interopRequireDefault(require("../text"));
@@ -25,30 +17,61 @@ var _buttons = _interopRequireDefault(require("../../buttons"));
 
 require("../../assets/styles/colorpicker.scss");
 
+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 _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 = 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; }
 
 var ColorPicker = function ColorPicker(props) {
-  var value = props.value,
+  var _props$asTextField = props.asTextField,
+      asTextField = _props$asTextField === void 0 ? true : _props$asTextField,
+      _props$value = props.value,
+      value = _props$value === void 0 ? '#aaaaaa' : _props$value,
       onChange = props.onChange,
-      asTextField = props.asTextField,
-      name = props.name,
-      onButtonClick = props.onButtonClick;
+      onButtonClick = props.onButtonClick,
+      name = props.name;
 
   var _useState = (0, _react.useState)(value),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      _useState2 = _slicedToArray(_useState, 2),
       color = _useState2[0],
       setColor = _useState2[1];
 
   var inputRef = (0, _react.useRef)(null);
 
-  var debouncedOnChange = _lodash["default"].debounce(function (func, e) {
+  var debouncedOnChange = _lodash.default.debounce(function (func, e) {
     func(e);
   }, 300);
 
   var onInputChange = function onInputChange(e) {
-    setColor(e.target.value);
+    var target = e.target;
+    setColor(target.value);
+
+    if (onChange) {
+      // Nota: A aplicação desta regra é limitada a projetos usando React 16 ou
+      // inferior porque o pool de eventos foi removido no React 17. CORRIGIR
+      // e.persist();
+      debouncedOnChange(onChange, e);
+    }
+  };
+
+  var onInputChangeDefault = function onInputChangeDefault(e) {
+    var target = e.target;
+    setColor(target.value);
 
     if (onChange) {
       e.persist();
@@ -57,22 +80,24 @@ var ColorPicker = function ColorPicker(props) {
   };
 
   var onPaletteButtonClick = function onPaletteButtonClick() {
-    inputRef.current.click();
+    if (inputRef.current) inputRef.current.click();
   };
 
   (0, _react.useEffect)(function () {
     setColor(value);
   }, [value]);
-  return asTextField ? /*#__PURE__*/_react["default"].createElement(_text["default"], (0, _extends2["default"])({}, props, {
+  return asTextField ? /*#__PURE__*/_react.default.createElement(_text.default, _extends({}, props, {
     value: color,
-    onChange: onInputChange,
-    leftElements: [/*#__PURE__*/_react["default"].createElement("div", {
+    onChange: function onChange(e) {
+      if (e) onInputChange(e);
+    },
+    leftElements: [/*#__PURE__*/_react.default.createElement("div", {
       key: "colorMirror",
       className: "colorpicker-colormirror",
       style: {
         background: color
       }
-    }), /*#__PURE__*/_react["default"].createElement("input", {
+    }), /*#__PURE__*/_react.default.createElement("input", {
       key: "inputColor",
       className: "colorpicker-hideinputcolor",
       ref: inputRef,
@@ -80,42 +105,29 @@ var ColorPicker = function ColorPicker(props) {
       defaultValue: color,
       name: name,
       onClick: function onClick(e) {
-        return onButtonClick ? onButtonClick(e) : null;
+        return onButtonClick ? onButtonClick(e) : undefined;
       },
-      onInput: onInputChange
+      onInput: onInputChangeDefault
     })],
-    rightElements: /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+    rightElements: /*#__PURE__*/_react.default.createElement(_buttons.default, {
       className: "colorpicker-palettebutton",
       key: "palettebutton",
       onClick: onPaletteButtonClick,
       iconName: "pallete",
       boxShadow: false
     })
-  })) : /*#__PURE__*/_react["default"].createElement("input", {
+  })) : /*#__PURE__*/_react.default.createElement("input", {
     key: "inputColor",
     name: name,
     ref: inputRef,
     type: "color",
     defaultValue: color,
     onClick: function onClick(e) {
-      return onButtonClick ? onButtonClick(e) : null;
+      return onButtonClick ? onButtonClick(e) : undefined;
     },
-    onInput: onInputChange
+    onInput: onInputChangeDefault
   });
 };
 
-ColorPicker.propTypes = {
-  asTextField: _propTypes["default"].bool,
-  value: _propTypes["default"].string,
-  onChange: _propTypes["default"].func.isRequired,
-  onButtonClick: _propTypes["default"].func,
-  name: _propTypes["default"].string
-};
-ColorPicker.defaultProps = {
-  asTextField: true,
-  value: '#aaaaaa',
-  name: undefined,
-  onButtonClick: undefined
-};
 var _default = ColorPicker;
-exports["default"] = _default;
+exports.default = _default;

package/lib/inputs/color/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/inputs/date/Dialog.js

@@ -1,23 +1,21 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _base = _interopRequireDefault(require("../../dialog/base"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var Dialog = function Dialog(_ref) {
   var _handlerClose = _ref.handlerClose,
       children = _ref.children,
       dialogSize = _ref.dialogSize;
-  return /*#__PURE__*/_react["default"].createElement(_base["default"], {
+  return /*#__PURE__*/_react.default.createElement(_base.default, {
     width: dialogSize.width,
     height: dialogSize.height,
     handlerClose: function handlerClose() {
@@ -30,9 +28,4 @@ var Dialog = function Dialog(_ref) {
 };
 
 var _default = Dialog;
-exports["default"] = _default;
-Dialog.propTypes = {
-  children: _propTypes["default"].instanceOf(Object).isRequired,
-  handlerClose: _propTypes["default"].func.isRequired,
-  dialogSize: _propTypes["default"].object.isRequired
-};
+exports.default = _default;