linear-react-components-ui 1.0.0-rc.4 → 1.0.0-rc.7

package/lib/inputs/file/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DefaultFile", {
+  enumerable: true,
+  get: function get() {
+    return _DefaultFile.default;
+  }
+});
+Object.defineProperty(exports, "DragDropFile", {
+  enumerable: true,
+  get: function get() {
+    return _DragDropFile.default;
+  }
+});
+exports.default = void 0;
+var _File = _interopRequireDefault(require("./File"));
+var _DefaultFile = _interopRequireDefault(require("./DefaultFile"));
+var _DragDropFile = _interopRequireDefault(require("./DragDropFile"));
+require("../../assets/styles/file.scss");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = _File.default;
+exports.default = _default;

package/lib/inputs/file/types.d.ts

@@ -0,0 +1,48 @@
+import { DragEvent, RefObject } from 'react';
+import { Size } from '../../@types/Size.js';
+import { CustomInputEvent } from '../base/types.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+
+type CustomFile = FileList | File | File[];
+interface IFileProps {
+    onBtnClickInsert?: () => void;
+    onBtnClickRemove?: () => void;
+    id?: string;
+    applyDragDrop?: boolean;
+    gridLayout?: string;
+    multiple?: boolean;
+    label?: string;
+    defaultFiles?: CustomFile;
+    hint?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    name?: string;
+    onChange?: (e?: CustomInputEvent | DragEvent) => void;
+    size?: Size;
+    accept?: string;
+    labelButton?: string;
+    inputRef?: RefObject<HTMLInputElement>;
+    type?: string;
+    onDragEnter?: (e?: DragEvent) => void;
+    onDragOver?: (e?: DragEvent) => void;
+    onDrop?: (e?: DragEvent) => void;
+    onDragLeave?: (e?: DragEvent) => void;
+}
+interface IDefaultFileProps extends IFileProps {
+    onBtnClickInsert: () => void;
+    onBtnClickRemove: () => void;
+}
+interface IDragDropFileProps extends IFileProps {
+    subtitleDragDrop?: string;
+    titleDragDrop?: string;
+}
+interface IFileButtonSettingsProps {
+    id: string;
+    labelFileButton?: string;
+    size?: Size;
+    labelButton?: string;
+    onBtnClickInsert: () => void;
+}
+
+export { CustomFile, IDefaultFileProps, IDragDropFileProps, IFileButtonSettingsProps, IFileProps };

package/lib/inputs/file/types.js

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

package/lib/inputs/inputHOC.js

@@ -14,8 +14,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var InputHOC = function InputHOC(WrappedComponent) {
   var EnhancedComponent = function EnhancedComponent(props) {

package/lib/inputs/mask/BaseMask.js

@@ -7,28 +7,42 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _imaskHOC = _interopRequireDefault(require("./imaskHOC"));
 var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
+var _format_number = require("../number/format_number");
 var _excluded = ["inputRef"];
 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 _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 getOnBlurEvent = function getOnBlurEvent(props) {
+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 returnEventFormattedValue = function returnEventFormattedValue(props, event) {
+  if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown) {
+    // Retornando um objeto com a mesma estrutura do Proxy original
+    // para recuperacao do valor da mascara sem formatacao.
+    // O retorno poderá ser modificado conforme necessidade, desde que seja
+    // mantido o path até a propriedade value e name.
+    var name = event.target.name;
+    var value = props.defaultValue || '';
+    return _extends({}, event, {
+      target: {
+        value: (0, _format_number.numberToEnUS)(value),
+        name: name
+      }
+    });
+  }
+  return event;
+};
+var getEventProps = function getEventProps(props) {
   if (props.isNumeric) return {};
   return {
     onBlur: function onBlur(e) {
       if (props.onBlur) {
-        // Retornando um objeto com a mesma estrutura do Proxy original
-        // para recuperacao do valor da mascara sem formatacao.
-        // O retorno poderá ser modificado conforme necessidade, desde que seja
-        // mantido o path até a propriedade value e name.
-        var name = e.target.name;
-        var value = props.defaultValue || '';
-        props.onBlur({
-          target: {
-            value: value,
-            name: name
-          }
-        });
+        var formattedEvent = returnEventFormattedValue(props, e);
+        props.onBlur(formattedEvent);
+      }
+    },
+    onKeyDown: function onKeyDown(e) {
+      if (props.onKeyDown) {
+        var formattedEvent = returnEventFormattedValue(props, e);
+        props.onKeyDown(formattedEvent);
       }
     }
   };
@@ -38,7 +52,7 @@ var BaseMask = function BaseMask(_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
     inputRef: inputRef
-  }, getOnBlurEvent(props)));
+  }, getEventProps(props)));
 };
 var _default = (0, _imaskHOC.default)(BaseMask);
 exports.default = _default;

package/lib/inputs/mask/Cnpj.js

@@ -16,8 +16,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 // Em caso de alteração no nome do componente deverá ser atualizada
 // à propriedade displayName, para o mesmo nome do componente

package/lib/inputs/mask/Cpf.js

@@ -16,8 +16,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 // Em caso de alteração no nome do componente deverá ser atualizada
 // à propriedade displayName, para o mesmo nome do componente

package/lib/inputs/mask/imaskHOC.js

@@ -17,8 +17,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
 var IMaskHOC = function IMaskHOC(ComposedComponent) {
@@ -58,7 +58,9 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
       dispatch = props.dispatch,
       _props$value = props.value,
       value = _props$value === void 0 ? '' : _props$value,
-      onChange = props.onChange;
+      onChange = props.onChange,
+      _props$isDateField = props.isDateField,
+      isDateField = _props$isDateField === void 0 ? false : _props$isDateField;
     var maskOptions = {
       placeholderChar: placeholderChar,
       lazy: lazy,
@@ -93,7 +95,8 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
     var disableCallbacks = disabled || readOnly;
     var setValue = function setValue(newValue) {
       if (maskRef.current) {
-        if (props.unmask) maskRef.current.unmaskedValue = newValue.toString();else maskRef.current.value = String(newValue);
+        if (props.unmask) maskRef.current.unmaskedValue = newValue.toString();
+        maskRef.current.value = String(newValue);
       }
     };
     var onAccept = function onAccept() {
@@ -155,17 +158,19 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
       };
     }, [maskOptions]);
     (0, _react.useEffect)(function () {
-      if (maskOptions.mask && !dontInitMask) {
-        if (maskRef.current) {
-          setValue(value);
-        } else {
-          getMask();
+      if (isDateField) {
+        if (maskOptions.mask && !dontInitMask) {
+          if (maskRef.current) {
+            setValue(value);
+          } else {
+            getMask();
+          }
+        } else if (!dontInitMask) {
+          destroyMask();
+          if (value && elementRef.current) elementRef.current.value = value;
         }
-      } else if (!dontInitMask) {
-        destroyMask();
-        if (value && elementRef.current) elementRef.current.value = value;
       }
-    }, [value]);
+    }, [value, isDateField]);
     (0, _react.useEffect)(function () {
       return destroyMask;
     }, []);

package/lib/inputs/mask/index.d.ts

@@ -1,5 +1,4 @@
 import _default from './BaseMask.js';
-export { default } from './BaseMask.js';
 export { default as CpfField } from './Cpf.js';
 export { default as CnpjField } from './Cnpj.js';
 export { default as PhoneField } from './Phone.js';
@@ -9,3 +8,7 @@ import 'react';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+
+
+
+export { _default as default };

package/lib/inputs/mask/types.d.ts

@@ -6,7 +6,7 @@ import '../../@types/Period.js';
 interface IBaseMaskProps {
     value?: string;
     onBlur?: (e: CustomInputEvent) => void;
-    onKeyDown?: (e: KeyboardEvent<Element>) => void;
+    onKeyDown?: (e: CustomInputEvent | KeyboardEvent<Element>) => void;
     defaultValue?: string;
     mask?: string | NumberConstructor;
     isNumeric?: boolean;
@@ -42,6 +42,9 @@ interface IBaseMaskProps {
     placeholderChar?: string;
     onFocus?: (e: CustomInputEvent) => void;
     required?: boolean;
+    returnFormattedValueOnBlur?: boolean;
+    returnFormattedValueOnKeyDown?: boolean;
+    isDateField?: boolean;
 }
 interface ICnpjFieldProps extends IBaseMaskProps {
     value?: string;

package/lib/inputs/multiSelect/Dropdown.js

@@ -15,8 +15,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var returnDropdownDynamicStyles = function returnDropdownDynamicStyles(selectFieldRef, dropdownMaxHeight) {
   var _selectFieldRef$curre, _selectFieldRef$curre2, _selectFieldRef$curre3;

package/lib/inputs/multiSelect/index.js

@@ -24,8 +24,8 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var MultiSelectField = function MultiSelectField(props) {
   var onSelect = props.onSelect,

package/lib/inputs/number/BaseNumber.js

@@ -9,37 +9,56 @@ var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
 var _format_number = require("./format_number");
 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 returnEventFormattedValue = function returnEventFormattedValue(props, event) {
+  if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown) {
+    // Retornando um objeto com a mesma estrutura do Proxy original
+    // para recuperacao do valor formatado no padrão americano.
+    // O retorno poderá ser modificado conforme necessidade, desde que seja
+    // mantido o path até a propriedade value e name.
+    var _event$target = event.target,
+      value = _event$target.value,
+      name = _event$target.name;
+    var teste = _extends({}, event, {
+      target: {
+        value: (0, _format_number.numberToEnUS)(value),
+        name: name
+      }
+    });
+    return teste;
+  }
+  return event;
+};
+var getEventProps = function getEventProps(props) {
+  var returnFormattedValueOnBlur = props.returnFormattedValueOnBlur,
+    returnFormattedValueOnKeyDown = props.returnFormattedValueOnKeyDown;
+  if (props.isNumeric) return {};
+  return {
+    onBlur: function onBlur(e) {
+      if (props.onBlur) {
+        var formattedEvent = returnFormattedValueOnBlur ? returnEventFormattedValue(props, e) : e;
+        props.onBlur(formattedEvent);
+      }
+    },
+    onKeyDown: function onKeyDown(e) {
+      if (props.onKeyDown) {
+        var formattedEvent = returnFormattedValueOnKeyDown ? returnEventFormattedValue(props, e) : e;
+        props.onKeyDown(formattedEvent);
+      }
+    }
+  };
+};
 var BaseNumber = function BaseNumber(props) {
-  var _props$returnFormatte = props.returnFormattedValueOnBlur,
-    returnFormattedValueOnBlur = _props$returnFormatte === void 0 ? true : _props$returnFormatte;
+  var eventProps = _extends({}, props, {
+    returnFormattedValueOnBlur: true,
+    returnFormattedValueOnKeyDown: true
+  });
   return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
     value: (0, _format_number.numberToPtBR)(props.value),
     thousandsSeparator: ".",
     radix: ",",
     mask: Number,
-    isNumeric: true,
-    onBlur: function onBlur(e) {
-      if (props.onBlur) {
-        if (returnFormattedValueOnBlur) {
-          // Retornando um objeto com a mesma estrutura do Proxy original
-          // para recuperacao do valor formatado no padrão americano.
-          // O retorno poderá ser modificado conforme necessidade, desde que seja
-          // mantido o path até a propriedade value e name.
-          var _ref = e.target,
-            value = _ref.value,
-            name = _ref.name;
-          props.onBlur({
-            target: {
-              value: value,
-              name: name
-            }
-          });
-        } else {
-          props.onBlur(e);
-        }
-      }
-    }
-  }, props));
+    isNumeric: true
+  }, props, getEventProps(eventProps)));
 };
 var _default = BaseNumber;
 exports.default = _default;

package/lib/inputs/number/Currency.d.ts

@@ -1,4 +1,4 @@
-import { ICurrenceProps } from './types.js';
+import { ICurrencyProps } from './types.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import 'react';
@@ -7,6 +7,6 @@ import '../types.js';
 import '../../@types/DataCombo.js';
 import '../select/types.js';
 
-declare const CurrencyField: (props: ICurrenceProps) => JSX.Element;
+declare const CurrencyField: (props: ICurrencyProps) => JSX.Element;
 
 export { CurrencyField as default };

package/lib/inputs/number/types.d.ts

@@ -21,10 +21,11 @@ interface IBaseNumberProps extends INumberFieldProps {
     leftElements?: JSX.Element | JSX.Element[];
     onBlur?: (e: CustomInputEvent) => void;
     returnFormattedValueOnBlur?: boolean;
+    returnFormattedValueOnKeyDown?: boolean;
 }
-interface ICurrenceProps extends INumberFieldProps {
+interface ICurrencyProps extends INumberFieldProps {
     currencySymbol?: string;
     displayCurrencySymbol?: boolean;
 }
 
-export { IBaseNumberProps, ICurrenceProps, INumberFieldProps };
+export { IBaseNumberProps, ICurrencyProps, INumberFieldProps };

package/lib/inputs/period/index.js

@@ -23,8 +23,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var PeriodPicker = function PeriodPicker(props) {
   var _props$value2, _props$value3;
@@ -335,6 +335,7 @@ var PeriodPicker = function PeriodPicker(props) {
       setValue(e, date, false);
     },
     onFocus: onInputFocus,
+    isDateField: true,
     onChange: onInputChange,
     inputRef: function inputRef(el) {
       if (el) inputInitialRef.current = el;
@@ -351,6 +352,7 @@ var PeriodPicker = function PeriodPicker(props) {
     name: "valueFinal",
     value: !valueFinal ? '' : (0, _moment.default)(valueFinal).format('DD/MM/YYYY'),
     mask: "00/00/0000",
+    isDateField: true,
     onComplete: function onComplete(e, date) {
       setValue(e, date, false);
     },

package/lib/inputs/period/types.d.ts

@@ -5,7 +5,7 @@ import { Period } from '../../@types/Period.js';
 import { PermissionAttr } from '../../@types/PermissionAttr.js';
 import { CustomInputEvent } from '../base/types.js';
 
-declare type DateTypes = 'today' | 'week' | 'lastweek' | 'last15' | 'month' | 'lastmonth';
+type DateTypes = 'today' | 'week' | 'lastweek' | 'last15' | 'month' | 'lastmonth';
 interface IPeriodOptions {
     id: DateTypes | 'custom';
     label?: string;

package/lib/inputs/search/index.js

@@ -22,8 +22,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var SearchField = function SearchField(props) {
   var _props$resetButton = props.resetButton,
@@ -132,12 +132,12 @@ var SearchField = function SearchField(props) {
     customClass: "",
     handlerSetOnDenied: setOnDenied,
     rightElements: rightElements()
-  })), advancedFilterOpened && /*#__PURE__*/_react.default.createElement(_drawer.default, _extends({
+  })), advancedFilterOpened && /*#__PURE__*/_react.default.createElement(_drawer.default, {
     handlerClose: function handlerClose() {
       setAdvancedFilterOpened(false);
       if (onStateChange) onStateChange(false);
     }
-  }, advancedFilterProps), headerTitle && /*#__PURE__*/_react.default.createElement(_drawer.DrawerHeader, {
+  }, headerTitle && /*#__PURE__*/_react.default.createElement(_drawer.DrawerHeader, {
     title: headerTitle
   }), /*#__PURE__*/_react.default.createElement(_drawer.DrawerContent, null, content)));
 };

package/lib/inputs/select/Dropdown.js

@@ -17,8 +17,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var Dropdown = function Dropdown(props) {
   var _props$imageAlign = props.imageAlign,

package/lib/inputs/select/multiple/index.js

@@ -25,8 +25,8 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var MultipleSelect = function MultipleSelect(props) {
   var idKey = props.idKey,
@@ -158,29 +158,31 @@ var MultipleSelect = function MultipleSelect(props) {
     if (!insideComponent) setOpened(false);
   };
   var onInputKeyDown = function onInputKeyDown(e) {
-    if (e.keyCode === constants.keyCodes.ENTER && selected) {
-      if (!currents.includes(selected)) onSelect(selected);
-    } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {
-      if (!opened) setOpened(true);
-      var index = dataSource ? dataSource.findIndex(function (d) {
-        return d === selected;
-      }) : 0;
-      if (e.keyCode === constants.keyCodes.ARROW_DOWN) {
-        index = dataSource && index === dataSource.length - 1 ? 0 : index + 1;
-      } else {
-        index = dataSource && index === 0 ? dataSource.length - 1 : index - 1;
-      }
-      if (dataSource && dataSource.length && dataSource[index][props.descriptionKey]) {
-        setInputValue(dataSource[index][props.descriptionKey]);
-      }
-      if (dataSource) setSelected(dataSource[index]);
-    } else if (e.keyCode === constants.keyCodes.BACKSPACE) {
-      if (inputValue === '') {
-        var currentsKeyDown = _lodash.default.dropRight(currents);
-        setCurrents(currentsKeyDown);
-        if (props.onSelect) props.onSelect(currentsKeyDown.map(function (i) {
-          return i[idKey];
-        }));
+    if (e.keyCode) {
+      if (e.keyCode === constants.keyCodes.ENTER && selected) {
+        if (!currents.includes(selected)) onSelect(selected);
+      } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {
+        if (!opened) setOpened(true);
+        var index = dataSource ? dataSource.findIndex(function (d) {
+          return d === selected;
+        }) : 0;
+        if (e.keyCode === constants.keyCodes.ARROW_DOWN) {
+          index = dataSource && index === dataSource.length - 1 ? 0 : index + 1;
+        } else {
+          index = dataSource && index === 0 ? dataSource.length - 1 : index - 1;
+        }
+        if (dataSource && dataSource.length && dataSource[index][props.descriptionKey]) {
+          setInputValue(dataSource[index][props.descriptionKey]);
+        }
+        if (dataSource) setSelected(dataSource[index]);
+      } else if (e.keyCode === constants.keyCodes.BACKSPACE) {
+        if (inputValue === '') {
+          var currentsKeyDown = _lodash.default.dropRight(currents);
+          setCurrents(currentsKeyDown);
+          if (props.onSelect) props.onSelect(currentsKeyDown.map(function (i) {
+            return i[idKey];
+          }));
+        }
       }
     }
   };
@@ -247,9 +249,7 @@ var MultipleSelect = function MultipleSelect(props) {
     onChange: function onChange(e) {
       if (e) onFilter(e.target.value);
     },
-    onKeyDown: function onKeyDown(e) {
-      onInputKeyDown(e);
-    },
+    onKeyDown: onInputKeyDown,
     customClassForWrapper: "selectwrapper ".concat((props.readOnly || shouldDisable() || shouldBeReadOnly()) && ' -undigitable'),
     customClassForInputContent: "multiselect",
     inputBaseRef: function inputBaseRef(r) {
@@ -278,9 +278,7 @@ var MultipleSelect = function MultipleSelect(props) {
     gridWrapperStyle: props.gridLayout && gridElRef.current ? window.getComputedStyle(gridElRef.current) : undefined,
     handleOnSelect: onSelect,
     handleOnFilter: onFilter,
-    handleOnKeydown: function handleOnKeydown(e) {
-      return onInputKeyDown(e);
-    },
+    handleOnKeydown: onInputKeyDown,
     handleOnBlur: function handleOnBlur() {
       return _onBlur;
     },