linear-react-components-ui 1.0.10-beta.3 → 1.0.10-beta.5

package/lib/form/Field.d.ts

@@ -1,5 +1,11 @@
 import React__default from 'react';
 import { IFieldProps } from './types.js';
+import '../inputs/select/types.js';
+import '../@types/Align.js';
+import '../@types/DataCombo.js';
+import '../@types/PermissionAttr.js';
+import '../inputs/base/types.js';
+import '../@types/Period.js';
 
 declare const _default: React__default.ForwardRefExoticComponent<IFieldProps & React__default.RefAttributes<HTMLElement>>;
 

package/lib/form/Field.js

@@ -19,12 +19,14 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 getOnBlurEvent = function getOnBlurEvent(_ref) {
+var getEvents = function getEvents(_ref) {
   var name = _ref.name,
     validators = _ref.validators,
     _onBlur = _ref.onBlur,
     handlerFieldValidade = _ref.handlerFieldValidade,
-    validatorFromComponent = _ref.validatorFromComponent;
+    validatorFromComponent = _ref.validatorFromComponent,
+    handlerFieldChange = _ref.handlerFieldChange,
+    _onChange = _ref.onChange;
   if (!(validators || validatorFromComponent || _onBlur)) return {};
   var validatorsArray = (0, _helpers.getValidatorsArray)(validators, validatorFromComponent);
   return {
@@ -33,6 +35,13 @@ var getOnBlurEvent = function getOnBlurEvent(_ref) {
         handlerFieldValidade(name, e.target.value, validatorsArray);
       }
       if (_onBlur) _onBlur(e);
+    },
+    onChange: function onChange(e) {
+      if (validatorsArray && e.target && handlerFieldValidade) {
+        handlerFieldValidade(name, e.target.value, validatorsArray);
+      }
+      if (handlerFieldChange) handlerFieldChange(e);
+      if (_onChange) _onChange(e);
     }
   };
 };
@@ -65,7 +74,7 @@ var getCustomProps = function getCustomProps(props, setValidatorFromComponent) {
 };
 var Field = function Field(props) {
   var handlerFieldChange = props.handlerFieldChange,
-    _onChange = props.onChange;
+    onChange = props.onChange;
   var _useState = (0, _react.useState)(undefined),
     _useState2 = _slicedToArray(_useState, 2),
     validatorFromComponent = _useState2[0],
@@ -77,18 +86,16 @@ var Field = function Field(props) {
       handlerSetValidatorFromComponent(validatorFromComponent);
     }
   }, [validatorFromComponent]);
-  return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getOnBlurEvent({
+  return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getEvents({
     name: props.name,
     validators: props.validators,
     onBlur: props.onBlur,
     validatorFromComponent: validatorFromComponent,
-    handlerFieldValidade: props.handlerFieldValidade ? props.handlerFieldValidade : function () {}
+    handlerFieldValidade: props.handlerFieldValidade ? props.handlerFieldValidade : function () {},
+    handlerFieldChange: handlerFieldChange,
+    onChange: onChange
   }), getCustomProps(props, setValidatorFromComponent), {
-    errorMessages: (0, _helpers.getErrorMessages)(props),
-    onChange: function onChange(e) {
-      if (handlerFieldChange) handlerFieldChange(e);
-      if (_onChange) _onChange(e);
-    }
+    errorMessages: (0, _helpers.getErrorMessages)(props)
   }));
 };
 var _default = (0, _withFieldHOC.default)(Field);

package/lib/form/FieldArray.d.ts

@@ -1,5 +1,11 @@
 import React__default from 'react';
 import { IFieldArrayProps } from './types.js';
+import '../inputs/select/types.js';
+import '../@types/Align.js';
+import '../@types/DataCombo.js';
+import '../@types/PermissionAttr.js';
+import '../inputs/base/types.js';
+import '../@types/Period.js';
 
 declare const _default: React__default.ForwardRefExoticComponent<IFieldArrayProps & React__default.RefAttributes<HTMLElement>>;
 

package/lib/form/FieldNumber.d.ts

@@ -1,5 +1,11 @@
 import React__default from 'react';
 import { IFieldProps } from './types.js';
+import '../inputs/select/types.js';
+import '../@types/Align.js';
+import '../@types/DataCombo.js';
+import '../@types/PermissionAttr.js';
+import '../inputs/base/types.js';
+import '../@types/Period.js';
 
 declare const _default: React__default.ForwardRefExoticComponent<IFieldProps & React__default.RefAttributes<HTMLElement>>;
 

package/lib/form/FieldPeriod.d.ts

@@ -1,5 +1,11 @@
 import React__default from 'react';
 import { IFieldPeriodProps } from './types.js';
+import '../inputs/select/types.js';
+import '../@types/Align.js';
+import '../@types/DataCombo.js';
+import '../@types/PermissionAttr.js';
+import '../inputs/base/types.js';
+import '../@types/Period.js';
 
 declare const _default: React__default.ForwardRefExoticComponent<IFieldPeriodProps & React__default.RefAttributes<HTMLElement>>;
 

package/lib/form/helpers.d.ts

@@ -1,5 +1,11 @@
 import React__default from 'react';
 import { FormContextProps, IWithFieldContext, IGetErrorMessagesParams, Validator } from './types.js';
+import '../inputs/select/types.js';
+import '../@types/Align.js';
+import '../@types/DataCombo.js';
+import '../@types/PermissionAttr.js';
+import '../inputs/base/types.js';
+import '../@types/Period.js';
 
 declare const securityBeforeUnload = "securityBeforeUnload";
 declare const FormContext: React__default.Context<FormContextProps>;

package/lib/form/index.d.ts

@@ -3,6 +3,12 @@ export { default as FieldNumber } from './FieldNumber.js';
 export { default as FieldArray } from './FieldArray.js';
 import { IFormProps } from './types.js';
 import 'react';
+import '../inputs/select/types.js';
+import '../@types/Align.js';
+import '../@types/DataCombo.js';
+import '../@types/PermissionAttr.js';
+import '../inputs/base/types.js';
+import '../@types/Period.js';
 
 declare const Form: ({ submitOnPressEnterKey, dataSource, securityBeforeUnload, handlerReset, handlerSubmit, handlerValidates, style, customClass, securityTitle, securityText, onDataChange, onValidateForm, externalFieldErrors, onSubmit, skeletonize, disabled, children, }: IFormProps) => JSX.Element;
 

package/lib/form/types.d.ts

@@ -1,4 +1,10 @@
 import { ChangeEvent, ReactNode, CSSProperties, ComponentType, MouseEventHandler } from 'react';
+import { AllOptions } from '../inputs/select/types.js';
+import '../@types/Align.js';
+import '../@types/DataCombo.js';
+import '../@types/PermissionAttr.js';
+import '../inputs/base/types.js';
+import '../@types/Period.js';
 
 type Validator = (value: string) => string | undefined;
 type PeriodValidator = (value: {
@@ -58,6 +64,8 @@ interface IFieldProps extends WithFieldProps {
     descriptionKey?: string;
     showClearButton?: boolean;
     gridLayout?: string;
+    allOptions?: AllOptions;
+    searchNotFoundText?: string;
 }
 interface CustomEvent {
     target: {
@@ -154,6 +162,7 @@ interface IEventParams {
     data?: object;
     validators?: Validator | Validator[];
     onBlur?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
     onKeyDown?: (event: CustomKeyboardEvent) => void;
     handlerFieldValidade?: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
     handlerFieldChange?: (event: ChangeEvent<HTMLInputElement> | CustomKeyboardEvent) => void;

package/lib/form/withFieldHOC.d.ts

@@ -1,5 +1,11 @@
 import React__default from 'react';
 import { WithFieldProps } from './types.js';
+import '../inputs/select/types.js';
+import '../@types/Align.js';
+import '../@types/DataCombo.js';
+import '../@types/PermissionAttr.js';
+import '../inputs/base/types.js';
+import '../@types/Period.js';
 
 declare const withFieldHOC: <ComponentProps extends WithFieldProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<ComponentProps> & React__default.RefAttributes<HTMLElement>>;
 

package/lib/form/withFormSecurity.d.ts

@@ -1,5 +1,11 @@
 import React__default from 'react';
 import { IFormSecurityContext, IWithFormSecurity } from './types.js';
+import '../inputs/select/types.js';
+import '../@types/Align.js';
+import '../@types/DataCombo.js';
+import '../@types/PermissionAttr.js';
+import '../inputs/base/types.js';
+import '../@types/Period.js';
 
 declare const FormSecurityContext: React__default.Context<IFormSecurityContext>;
 declare const withFormSecurity: <ComponentProps extends IWithFormSecurity>(WrappedComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;

package/lib/icons/helper.d.ts

@@ -563,6 +563,18 @@ declare const _default: {
         viewbox: string;
         paths: string[];
     };
+    cash3: {
+        viewbox: string;
+        paths: string[];
+    };
+    wallet: {
+        viewbox: string;
+        paths: string[];
+    };
+    stackEmpty: {
+        viewbox: string;
+        paths: string[];
+    };
 };
 
 export { _default as default };

package/lib/icons/helper.js

@@ -568,6 +568,18 @@ var _default = {
   records: {
     viewbox: '0 0 16 16',
     paths: ['M13.75 4h-0.75v-0.75c0-0.689-0.561-1.25-1.25-1.25h-0.75v-0.75c0-0.689-0.561-1.25-1.25-1.25h-7.5c-0.689 0-1.25 0.561-1.25 1.25v9.5c0 0.689 0.561 1.25 1.25 1.25h0.75v0.75c0 0.689 0.561 1.25 1.25 1.25h0.75v0.75c0 0.689 0.561 1.25 1.25 1.25h7.5c0.689 0 1.25-0.561 1.25-1.25v-9.5c0-0.689-0.561-1.25-1.25-1.25zM2.25 11c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.137 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.113 0.25 0.25v0.75h-5.75c-0.689 0-1.25 0.561-1.25 1.25v7.75h-0.75zM4.25 13c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.138 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.112 0.25 0.25v0.75h-5.75c-0.689 0-1.25 0.561-1.25 1.25v7.75h-0.75zM14 14.75c0 0.137-0.113 0.25-0.25 0.25h-7.5c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.138 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.112 0.25 0.25v9.5z']
+  },
+  cash3: {
+    viewbox: '0 0 17 16',
+    paths: ['9h1v1h-1v-1z', 'M0 6v9h17v-9h-17zM3 14h-2v-2h1v1h1v1zM3 8h-1v1h-1v-2h2v1zM10.5 10c0.276 0 0.5 0.224 0.5 0.5v2c0 0.276-0.224 0.5-0.5 0.5h-1.5v0.5c0 0.276-0.224 0.5-0.5 0.5s-0.5-0.224-0.5-0.5v-0.5h-1.5c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h1.5v-1h-1.5c-0.276 0-0.5-0.224-0.5-0.5v-2c0-0.276 0.224-0.5 0.5-0.5h1.5v-0.5c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v0.5h1.5c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5h-1.5v1h1.5zM16 14h-2v-1h1v-1h1v2zM16 9h-1v-1h-1v-1h2v2z', 'M9 11h1v1h-1v-1z', 'M1 4h15v1.5h-15v-1.5z', 'M2 2h13v1.5h-13v-1.5z']
+  },
+  wallet: {
+    viewbox: '0 0 17 16',
+    paths: ['M15 2h-13c-1.105 0-2 0.895-2 2v10c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1v-1h1c0.55 0 1-0.45 1-1v-9c0-0.55-0.45-1-1-1zM1 6h0.5v1h-0.5v-1zM1 8h0.5v1h-0.5v-1zM1 10h0.5v1h-0.5v-1zM1 12h0.5v1h-0.5v-1zM2 14h-1v-0.5h1v0.5zM2 5.5h-1v-0.5h1v0.5zM4 14h-1v-0.5h1v0.5zM4 5.5h-1v-0.5h1v0.5zM6 14h-1v-0.5h1v0.5zM6 5.5h-1v-0.5h1v0.5zM8 14h-1v-0.5h1v0.5zM8 5.5h-1v-0.5h1v0.5zM10 14h-1v-0.5h1v0.5zM12 14h-1v-0.5h1v0.5zM15 7h-4v3h4v1.998c-0.001 0.001-0.001 0.001-0.002 0.002h-0.998v-1h-4v-5h4v-1c0-0.55-0.45-1-1-1h-12c0-0.551 0.449-1 1-1h12.998c0.001 0.001 0.001 0.001 0.002 0.002v3.998zM13 8.5c0 0.276-0.224 0.5-0.5 0.5s-0.5-0.224-0.5-0.5 0.224-0.5 0.5-0.5 0.5 0.224 0.5 0.5z']
+  },
+  stackEmpty: {
+    viewbox: '0 0 16 16',
+    paths: ['M16 13v-12h-11v1.155l-2.619 0.368 0.17 1.211-2.551 0.732 3.308 11.535 10.189-2.921 0.558-0.079h1.945zM6 2h9v10h-9v-10zM5 3.070v9.93h2.543l-2.721 0.382-1.418-10.088 1.595-0.224zM3.929 14.879l-2.808-9.793 1.558-0.447 1.373 9.766 2.997-0.421-3.119 0.894z']
   }
 };
 exports.default = _default;

package/lib/inputs/base/InputTextBase.js

@@ -153,7 +153,7 @@ var InputTextBase = function InputTextBase(props) {
   }, label && /*#__PURE__*/_react.default.createElement("div", {
     className: "labelcontainer",
     style: {
-      textAlign: textAlign
+      textAlign: textAlign === 'center' ? 'left' : textAlign
     }
   }, /*#__PURE__*/_react.default.createElement("span", {
     style: styleForLabel,

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

@@ -17,20 +17,21 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var SimpleSelect = function SimpleSelect(props) {
+  var _ref;
   var value = props.value,
     _props$descriptionKey = props.descriptionKey,
     descriptionKey = _props$descriptionKey === void 0 ? '' : _props$descriptionKey,
@@ -54,7 +55,8 @@ var SimpleSelect = function SimpleSelect(props) {
     searchOnDropdown = _props$searchOnDropdo === void 0 ? false : _props$searchOnDropdo,
     _props$allOptions = props.allOptions,
     allOptions = _props$allOptions === void 0 ? undefined : _props$allOptions;
-  var _useState = (0, _react.useState)(dataSource),
+  var dataSourceWithAllOptions = allOptions ? [(_ref = {}, _defineProperty(_ref, idKey, allOptions.idValue), _defineProperty(_ref, descriptionKey, allOptions.label), _ref)].concat(_toConsumableArray(dataSource)) : dataSource;
+  var _useState = (0, _react.useState)(dataSourceWithAllOptions),
     _useState2 = _slicedToArray(_useState, 2),
     dataCombo = _useState2[0],
     setDataCombo = _useState2[1];
@@ -99,8 +101,9 @@ var SimpleSelect = function SimpleSelect(props) {
     if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
   };
   var onClickOutside = function onClickOutside(event) {
+    var _selectWrapper$curren, _dropdownRef$current;
     var target = event.target;
-    if (target !== selectWrapper.current && selectWrapper.current && !selectWrapper.current.contains(target) && dropdownRef.current && !dropdownRef.current.contains(target)) {
+    if (target !== selectWrapper.current && !((_selectWrapper$curren = selectWrapper.current) !== null && _selectWrapper$curren !== void 0 && _selectWrapper$curren.contains(target)) && !((_dropdownRef$current = dropdownRef.current) !== null && _dropdownRef$current !== void 0 && _dropdownRef$current.contains(target))) {
       setOpened(false);
     }
   };
@@ -132,7 +135,7 @@ var SimpleSelect = function SimpleSelect(props) {
       var dataComboFilter = (0, _helper.getFilteredSimpleDataCombo)({
         inputText: valueFilter,
         descriptionKey: descriptionKey,
-        dataSource: dataSource
+        dataSource: dataSourceWithAllOptions
       });
       if (dataComboFilter && dataComboFilter.length > 0) selectedFilter = dataComboFilter[0];
       setDataCombo(dataComboFilter);
@@ -153,16 +156,16 @@ var SimpleSelect = function SimpleSelect(props) {
     setOpened(!opened);
     if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
   };
-  var _onFocus = function onFocus() {
+  var onFocus = function onFocus() {
     setOpened(openDropdownOnFocus);
     if (selectWrapper) {
       var dropdownWidthFocus = selectWrapper.current ? selectWrapper.current.clientWidth : 0;
       setDropdownWidth(dropdownWidthFocus);
     }
   };
-  var onBlur = function onBlur(dataBlur) {
+  var onBlur = function onBlur() {
     if (props.onBlur) {
-      var event = getSelectEvent(dataBlur);
+      var event = getSelectEvent(selected);
       props.onBlur(event);
     }
     if (!insideComponent) {
@@ -178,15 +181,15 @@ var SimpleSelect = function SimpleSelect(props) {
         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) {
+        var index = dataSourceWithAllOptions.length > 0 ? dataSourceWithAllOptions.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;
+          index = dataSourceWithAllOptions && index === dataSourceWithAllOptions.length - 1 ? 0 : index + 1;
         } else {
-          index = dataSource && index === 0 ? (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) - 1 : index - 1;
+          index = dataSourceWithAllOptions && index === 0 ? (dataSourceWithAllOptions === null || dataSourceWithAllOptions === void 0 ? void 0 : dataSourceWithAllOptions.length) - 1 : index - 1;
         }
-        setSelected(dataSource[index]);
+        setSelected(dataSourceWithAllOptions[index]);
       }
     }
     if (!isTyping) setIsTyping(true);
@@ -221,38 +224,34 @@ var SimpleSelect = function SimpleSelect(props) {
     }
   }, [gridLayout]);
   (0, _react.useEffect)(function () {
-    if (value !== valueFromProps && dataSource.length > 0) {
+    if (value !== valueFromProps && dataSourceWithAllOptions.length > 0) {
       var newCurrent = null;
       if (value) {
-        newCurrent = dataSource.find(function (i) {
-          return value && i[idKey].toString().toLowerCase() === value.toString().toLowerCase();
+        newCurrent = dataSourceWithAllOptions.find(function (i) {
+          var _i$idKey;
+          return value && ((_i$idKey = i[idKey]) === null || _i$idKey === void 0 ? void 0 : _i$idKey.toString().toLowerCase()) === (value === null || value === void 0 ? void 0 : value.toString().toLowerCase());
         });
         setValueFromProps(value);
-      } else if (dataSource.length > 0 && selectFirstOnEnter) {
-        newCurrent = dataSource[0];
+      } else if (dataSourceWithAllOptions.length > 0 && selectFirstOnEnter) {
+        newCurrent = dataSourceWithAllOptions[0];
       }
       setSelected(newCurrent);
-      setInputText(newCurrent ? newCurrent[descriptionKey] : '');
     }
-  }, [dataSource.length, value]);
+  }, [dataSourceWithAllOptions.length, value]);
   (0, _react.useEffect)(function () {
-    if (!_lodash.default.isEqual(dataCombo, dataSource)) {
-      var dataComboFilteredSimple = undigitable || remoteSearch || !isTyping ? dataSource : (0, _helper.getFilteredSimpleDataCombo)({
+    if (!_lodash.default.isEqual(dataCombo, dataSourceWithAllOptions)) {
+      var dataComboFilteredSimple = undigitable || remoteSearch || !isTyping ? dataSourceWithAllOptions : (0, _helper.getFilteredSimpleDataCombo)({
         inputText: inputText,
-        dataSource: dataSource,
+        dataSource: dataSourceWithAllOptions,
         descriptionKey: descriptionKey
       });
       setDataCombo(dataComboFilteredSimple);
-      if (dataSource.length > 0 && remoteSearch) {
-        var data = dataSource[0];
+      if (dataSourceWithAllOptions.length > 0 && remoteSearch) {
+        var data = dataSourceWithAllOptions[0];
         setSelected(data);
       }
     }
-    if (allOptions) {
-      var _ref;
-      setDataCombo([(_ref = {}, _defineProperty(_ref, idKey, allOptions.idValue), _defineProperty(_ref, descriptionKey, allOptions.label), _ref)].concat(_toConsumableArray(dataSource)));
-    }
-  }, [dataSource]);
+  }, [JSON.stringify(dataSourceWithAllOptions)]);
   return /*#__PURE__*/_react.default.createElement("span", {
     id: componentId,
     ref: componentRef,
@@ -260,9 +259,8 @@ var SimpleSelect = function SimpleSelect(props) {
   }, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
     readOnly: undigitable || shouldBeReadOnly(),
     value: inputText,
-    onFocus: function onFocus() {
-      _onFocus();
-    },
+    onFocus: onFocus,
+    onBlur: onBlur,
     onChange: function onChange(e) {
       if (e) onFilter(e.target.value);
     },
@@ -303,7 +301,7 @@ var SimpleSelect = function SimpleSelect(props) {
     handleOnBlur: function handleOnBlur() {
       return onBlur;
     },
-    handleOnFocus: _onFocus,
+    handleOnFocus: onFocus,
     opened: opened,
     dataCombo: dataCombo,
     dropdownWidth: dropdownWidth || 0

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

@@ -5,6 +5,10 @@ import { CustomInputEvent } from '../base/types.js';
 import 'react';
 import '../../@types/Period.js';
 
+type AllOptions = {
+    idValue?: number | null;
+    label: string;
+};
 interface ISimpleSelectProps {
     idKey: string;
     descriptionKey: string;
@@ -41,10 +45,7 @@ interface ISimpleSelectProps {
     required?: boolean;
     autoFocus?: boolean;
     onFocus?: () => void;
-    allOptions?: {
-        idValue?: number | null;
-        label: string;
-    };
+    allOptions?: AllOptions;
 }
 interface ISelectFieldProps extends Omit<ISimpleSelectProps, 'idKey' | 'descriptionKey'> {
     multiple?: boolean;
@@ -91,4 +92,4 @@ interface ISelectedsMultipleProps {
     handleOnUnselect: (id: string) => void;
 }
 
-export { IMultipleSelectProps, ISelectFieldProps, ISelectedsMultipleProps, ISimpleSelectProps };
+export { AllOptions, IMultipleSelectProps, ISelectFieldProps, ISelectedsMultipleProps, ISimpleSelectProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.0.10-beta.3",
+  "version": "1.0.10-beta.5",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",