linear-react-components-ui 1.0.1-beta.1 → 1.0.1

package/lib/inputs/mask/imaskHOC.js

@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _imask = _interopRequireDefault(require("imask"));
 var helpers = _interopRequireWildcard(require("./helpers"));
 var _permissionValidations = require("../../permissionValidations");
+var _format_number = require("../number/format_number");
 var _this = void 0;
 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); }
@@ -58,7 +59,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 +96,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() {
@@ -157,7 +161,8 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
     (0, _react.useEffect)(function () {
       if (maskOptions.mask && !dontInitMask) {
         if (maskRef.current) {
-          setValue(value);
+          var formattedValue = isDateField ? value : (0, _format_number.numberToPtBR)(value) || '';
+          setValue(formattedValue);
         } else {
           getMask();
         }
@@ -165,7 +170,7 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
         destroyMask();
         if (value && elementRef.current) elementRef.current.value = value;
       }
-    }, [value]);
+    }, [value, isDateField]);
     (0, _react.useEffect)(function () {
       return destroyMask;
     }, []);

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/number/BaseNumber.d.ts

@@ -5,7 +5,8 @@ import 'react';
 import '../../@types/Period.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const BaseNumber: (props: IBaseNumberProps) => JSX.Element;
 

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,12 +1,13 @@
-import { ICurrenceProps } from './types.js';
+import { ICurrencyProps } from './types.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import 'react';
 import '../../@types/Period.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
-declare const CurrencyField: (props: ICurrenceProps) => JSX.Element;
+declare const CurrencyField: (props: ICurrencyProps) => JSX.Element;
 
 export { CurrencyField as default };

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

@@ -5,7 +5,8 @@ import 'react';
 import '../../@types/Period.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const DecimalField: (props: IBaseNumberProps) => JSX.Element;
 

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

@@ -7,7 +7,8 @@ import 'react';
 import '../../@types/Period.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const NumberField: (props: INumberFieldProps) => JSX.Element;
 

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

@@ -4,7 +4,8 @@ import { IMaskHOCProps } from '../types.js';
 import 'react';
 import '../../@types/Period.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 interface INumberFieldProps extends IMaskHOCProps {
     value?: string;
@@ -21,10 +22,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

@@ -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/search/index.d.ts

@@ -2,9 +2,10 @@ import { ISearchProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const SearchField: (props: ISearchProps) => JSX.Element | null;
 

package/lib/inputs/search/index.js

@@ -11,6 +11,7 @@ var _buttons = _interopRequireDefault(require("../../buttons"));
 var _icons = _interopRequireDefault(require("../../icons"));
 require("../../assets/styles/search.scss");
 var _drawer = _interopRequireWildcard(require("../../drawer"));
+var _excluded = ["headerTitle", "content", "onStateChange"];
 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; }
@@ -19,6 +20,8 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _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; }
 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); }
@@ -28,7 +31,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var SearchField = function SearchField(props) {
   var _props$resetButton = props.resetButton,
     resetButton = _props$resetButton === void 0 ? true : _props$resetButton,
-    advancedFilterProps = props.advancedFilterProps,
+    _props$advancedFilter = props.advancedFilterProps,
+    advancedFilterProps = _props$advancedFilter === void 0 ? {} : _props$advancedFilter,
     value = props.value;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -42,6 +46,10 @@ var SearchField = function SearchField(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     onDenied = _useState6[0],
     setOnDenied = _useState6[1];
+  var headerTitle = advancedFilterProps.headerTitle,
+    content = advancedFilterProps.content,
+    onStateChange = advancedFilterProps.onStateChange,
+    advancedFilterPropsRest = _objectWithoutProperties(advancedFilterProps, _excluded);
   var onReset = function onReset(event) {
     if (props.onReset) props.onReset(event);
     setValorCampo('');
@@ -58,10 +66,8 @@ var SearchField = function SearchField(props) {
   var shouldBeReadOnly = function shouldBeReadOnly() {
     return props.readOnly || onDenied && onDenied.readOnly;
   };
-  var hideContent = onDenied && onDenied.hideContent;
+  var hideContent = onDenied === null || onDenied === void 0 ? void 0 : onDenied.hideContent;
   var buttonProps = function buttonProps() {
-    var _ref = advancedFilterProps || {},
-      onStateChange = _ref.onStateChange;
     var disableCallbacks = shouldBeReadOnly() || shouldDisable() || hideContent;
     var propsButton = {
       icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
@@ -91,7 +97,7 @@ var SearchField = function SearchField(props) {
     return propsButton;
   };
   var rightElements = function rightElements() {
-    var enableFilterButton = advancedFilterProps !== undefined;
+    var enableFilterButton = Object.keys(advancedFilterProps).length > 0;
     var elements = [/*#__PURE__*/_react.default.createElement(_icons.default, {
       name: "search",
       color: "#a9a8a8",
@@ -113,15 +119,11 @@ var SearchField = function SearchField(props) {
     if (resetButton && valorCampo.trim() !== '') elements = [resetButtonIcon].concat(_toConsumableArray(elements));
     return elements;
   };
-  var _ref2 = advancedFilterProps || {},
-    headerTitle = _ref2.headerTitle,
-    content = _ref2.content,
-    onStateChange = _ref2.onStateChange;
   (0, _react.useEffect)(function () {
     if (value !== undefined && value !== valorCampo) {
       setValorCampo(value);
     }
-  }, []);
+  }, [value]);
   if (onDenied && onDenied.unvisible) {
     return null;
   }
@@ -132,12 +134,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/ActionButtons.d.ts

@@ -2,9 +2,10 @@ import { IActionButtonsSelectProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
-import './types.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const ActionButtons: (props: IActionButtonsSelectProps) => JSX.Element;
 

package/lib/inputs/select/Dropdown.d.ts

@@ -2,9 +2,10 @@ import { IDropdownSelectProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
-import './types.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const Dropdown: (props: IDropdownSelectProps) => JSX.Element;
 

package/lib/inputs/select/helper.d.ts

@@ -2,9 +2,10 @@ import { DataCombo } from '../../@types/DataCombo.js';
 import { IDropdownSelectProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
-import './types.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const contentClass: (props: IDropdownSelectProps) => string;
 declare const getDropdownItemCssClass: (selected: boolean, disabled: boolean, striped: boolean) => string;

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

@@ -1,8 +1,8 @@
 import { ISelectFieldProps } from './types.js';
-import 'react';
 import '../../@types/DataCombo.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
+import 'react';
 import '../../@types/Period.js';
 
 declare const SelectField: (props: ISelectFieldProps) => JSX.Element;

package/lib/inputs/select/multiple/Selecteds.d.ts

@@ -1,8 +1,8 @@
 import { ISelectedsMultipleProps } from '../types.js';
-import 'react';
 import '../../../@types/DataCombo.js';
 import '../../../@types/PermissionAttr.js';
 import '../../base/types.js';
+import 'react';
 import '../../../@types/Period.js';
 
 declare const Selecteds: ({ currents, descriptionKey, idKey, handleOnUnselect, }: ISelectedsMultipleProps) => JSX.Element;

package/lib/inputs/select/multiple/index.d.ts

@@ -1,8 +1,8 @@
 import { IMultipleSelectProps } from '../types.js';
-import 'react';
 import '../../../@types/DataCombo.js';
 import '../../../@types/PermissionAttr.js';
 import '../../base/types.js';
+import 'react';
 import '../../../@types/Period.js';
 
 declare const MultipleSelect: (props: IMultipleSelectProps) => JSX.Element;

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

@@ -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;
     },

package/lib/inputs/select/simple/index.d.ts

@@ -1,8 +1,8 @@
 import { ISimpleSelectProps } from '../types.js';
-import 'react';
 import '../../../@types/DataCombo.js';
 import '../../../@types/PermissionAttr.js';
 import '../../base/types.js';
+import 'react';
 import '../../../@types/Period.js';
 
 declare const SimpleSelect: (props: ISimpleSelectProps) => JSX.Element;

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

@@ -171,20 +171,23 @@ var SimpleSelect = function SimpleSelect(props) {
     }
   };
   var onInputKeyDown = function onInputKeyDown(e) {
-    if (e.keyCode === constants.keyCodes.ENTER && selected) {
-      e.preventDefault();
-      onSelect(selected);
-    } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {
-      if (!opened) setOpened(true);
-      var index = dataSource.length > 0 ? dataSource.findIndex(function (d) {
-        return selected && d[idKey] === selected[idKey];
-      }) : 0;
-      if (e.keyCode === constants.keyCodes.ARROW_DOWN) {
-        index = dataSource && index === dataSource.length - 1 ? 0 : index + 1;
-      } else {
-        index = dataSource && index === 0 ? (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) - 1 : index - 1;
+    if (e.keyCode) {
+      if (e.keyCode === constants.keyCodes.ENTER && selected) {
+        var _e$preventDefault;
+        (_e$preventDefault = e.preventDefault) === null || _e$preventDefault === void 0 ? void 0 : _e$preventDefault.call(e);
+        onSelect(selected);
+      } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {
+        if (!opened) setOpened(true);
+        var index = dataSource.length > 0 ? dataSource.findIndex(function (d) {
+          return selected && d[idKey] === selected[idKey];
+        }) : 0;
+        if (e.keyCode === constants.keyCodes.ARROW_DOWN) {
+          index = dataSource && index === dataSource.length - 1 ? 0 : index + 1;
+        } else {
+          index = dataSource && index === 0 ? (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) - 1 : index - 1;
+        }
+        setSelected(dataSource[index]);
       }
-      setSelected(dataSource[index]);
     }
     if (!isTyping) setIsTyping(true);
   };
@@ -263,9 +266,7 @@ var SimpleSelect = function SimpleSelect(props) {
     onChange: function onChange(e) {
       if (e) onFilter(e.target.value);
     },
-    onKeyDown: function onKeyDown(e) {
-      onInputKeyDown(e);
-    },
+    onKeyDown: onInputKeyDown,
     customClassForWrapper: "selectwrapper ".concat((undigitable || searchOnDropdown || shouldBeReadOnly()) && ' -undigitable'),
     customClassForInputContent: "multiselect",
     inputBaseRef: function inputBaseRef(r) {

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

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
 import { DataCombo } from '../../@types/DataCombo.js';
 import { PermissionAttr } from '../../@types/PermissionAttr.js';
 import { CustomInputEvent } from '../base/types.js';
+import 'react';
 import '../../@types/Period.js';
 
 interface ISimpleSelectProps {
@@ -89,10 +89,5 @@ interface ISelectedsMultipleProps {
     currents: DataCombo[];
     handleOnUnselect: (id: string) => void;
 }
-interface IAdvancedFilterProps {
-    onStateChange?: (bol?: boolean) => void;
-    headerTitle?: string;
-    content?: ReactNode | ReactNode[];
-}
 
-export { IAdvancedFilterProps, IMultipleSelectProps, ISelectFieldProps, ISelectedsMultipleProps, ISimpleSelectProps };
+export { IMultipleSelectProps, ISelectFieldProps, ISelectedsMultipleProps, ISimpleSelectProps };

package/lib/inputs/types.d.ts

@@ -1,10 +1,16 @@
-import { MouseEvent, MutableRefObject, CSSProperties, ReactNode, KeyboardEvent, ReactElement } from 'react';
+import { ReactNode, MouseEvent, MutableRefObject, CSSProperties, KeyboardEvent, ReactElement } from 'react';
 import { PermissionAttr, OnDenied } from '../@types/PermissionAttr.js';
 import { DataCombo } from '../@types/DataCombo.js';
-import { IAdvancedFilterProps } from './select/types.js';
 import { IBaseProps, CustomInputEvent } from './base/types.js';
+import { IDrawerProps } from '../drawer/types.js';
 import '../@types/Period.js';
+import '../@types/Position.js';
 
+interface IAdvancedFilterProps extends Omit<IDrawerProps, 'content'> {
+    onStateChange?: (value?: boolean) => void;
+    headerTitle?: string;
+    content?: ReactNode | ReactNode[];
+}
 interface ISearchProps extends IBaseProps {
     resetButton?: boolean;
     onReset?: (event?: CustomInputEvent) => void;
@@ -71,7 +77,7 @@ interface IMaskHOCProps {
     handlerSetOnDenied?: (onDeniedValue: OnDenied) => void;
     isNumeric?: boolean;
     required?: boolean;
-    onKeyDown?: (e: KeyboardEvent<Element>) => void;
+    onKeyDown?: (e: CustomInputEvent | KeyboardEvent<Element>) => void;
     rightElements?: JSX.Element | JSX.Element[];
     labelUppercase?: boolean;
     readOnly?: boolean;
@@ -82,17 +88,13 @@ interface IMaskHOCProps {
     customClassForInputContent?: string;
     customClassForLabel?: string;
     textAlign?: string;
-    onBlur?: (e: {
-        target: {
-            value: string;
-            name?: string;
-        };
-    }) => void;
+    onBlur?: (e: CustomInputEvent) => void;
     leftElements?: JSX.Element | JSX.Element[];
     rounded?: boolean;
     errorMessages?: string[];
     skeletonize?: boolean;
     mask?: string | NumberConstructor;
+    isDateField?: boolean;
 }
 interface IDropdownSelectProps {
     idKey: string;
@@ -101,7 +103,7 @@ interface IDropdownSelectProps {
     showClearButton?: boolean;
     handleOnSelect: (item?: DataCombo) => void;
     handleOnFilter: (value: string) => void;
-    handleOnKeydown: (e: KeyboardEvent<Element>) => void;
+    handleOnKeydown: (e: CustomInputEvent | KeyboardEvent) => void;
     handleOnBlur: (item: DataCombo) => void;
     handleOnFocus: () => void;
     opened: boolean;
@@ -143,4 +145,4 @@ interface IButtonsProps {
     disabled?: boolean;
 }
 
-export { IActionButtonsSelectProps, IButtonsProps, IDropdownProps, IDropdownSelectProps, IInputHOCProps, IMaskHOCProps, ISearchProps };
+export { IActionButtonsSelectProps, IAdvancedFilterProps, IButtonsProps, IDropdownProps, IDropdownSelectProps, IInputHOCProps, IMaskHOCProps, ISearchProps };