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

package/lib/@types/Align.d.ts

@@ -1,3 +1,4 @@
 type Align = 'left' | 'right' | 'center' | 'top' | 'bottom' | 'none';
+type TextAlign = Extract<Align, 'left' | 'right' | 'center'>;
 
-export { Align };
+export { Align, TextAlign };

package/lib/dialog/Alert.d.ts

@@ -1,5 +1,6 @@
 import { ICommonDialogProps } from './types.js';
 import 'react';
+import '../@types/Align.js';
 
 declare const Alert: (props: ICommonDialogProps) => JSX.Element;
 

package/lib/dialog/Custom.d.ts

@@ -1,5 +1,6 @@
 import { ICustomProps } from './types.js';
 import 'react';
+import '../@types/Align.js';
 
 declare const Custom: (props: ICustomProps) => JSX.Element;
 

package/lib/dialog/Error.d.ts

@@ -1,5 +1,6 @@
 import { ICommonDialogProps } from './types.js';
 import 'react';
+import '../@types/Align.js';
 
 declare const Error: (props: ICommonDialogProps) => JSX.Element;
 

package/lib/dialog/Information.d.ts

@@ -1,5 +1,6 @@
 import { ICommonDialogProps } from './types.js';
 import 'react';
+import '../@types/Align.js';
 
 declare const Information: (props: ICommonDialogProps) => JSX.Element;
 

package/lib/dialog/Question.d.ts

@@ -1,5 +1,6 @@
 import { IQuestionProps } from './types.js';
 import 'react';
+import '../@types/Align.js';
 
 declare const Question: (props: IQuestionProps) => JSX.Element | null;
 

package/lib/dialog/Warning.d.ts

@@ -1,5 +1,6 @@
 import { ICommonDialogProps } from './types.js';
 import 'react';
+import '../@types/Align.js';
 
 declare const Warning: (props: ICommonDialogProps) => JSX.Element;
 

package/lib/dialog/base/Content.d.ts

@@ -1,5 +1,6 @@
 import { IContentProps } from '../types.js';
 import 'react';
+import '../../@types/Align.js';
 
 declare const Content: ({ children, styleForContent }: IContentProps) => JSX.Element;
 

package/lib/dialog/base/Footer.d.ts

@@ -1,5 +1,6 @@
 import { IFooterProps } from '../types.js';
 import 'react';
+import '../../@types/Align.js';
 
 declare const Footer: (props: IFooterProps) => JSX.Element;
 

package/lib/dialog/base/Header.d.ts

@@ -1,5 +1,6 @@
 import { IHeaderProps } from '../types.js';
 import 'react';
+import '../../@types/Align.js';
 
 declare const Header: ({ showCloseButton, handlerClose, title, icon, titleIcon, }: IHeaderProps) => JSX.Element;
 

package/lib/dialog/base/index.d.ts

@@ -1,5 +1,6 @@
 import React__default from 'react';
 import { IBaseProps } from '../types.js';
+import '../../@types/Align.js';
 
 declare const BaseDialog: (props: IBaseProps) => React__default.ReactPortal;
 

package/lib/dialog/form/index.d.ts

@@ -1,5 +1,6 @@
 import { IFormProps } from '../types.js';
 import 'react';
+import '../../@types/Align.js';
 
 declare const _default: (props: IFormProps) => JSX.Element;
 

package/lib/dialog/index.d.ts

@@ -7,6 +7,7 @@ export { default as DialogWarning } from './Warning.js';
 export { default as DialogCustom } from './Custom.js';
 import 'react';
 import './types.js';
+import '../@types/Align.js';
 
 
 

package/lib/dialog/types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode, CSSProperties, ReactElement } from 'react';
+import { TextAlign } from '../@types/Align.js';
 
 interface IContentProps {
     children: ReactNode | ReactNode[];
@@ -23,7 +24,7 @@ interface IBaseProps {
     closeOnEsc?: boolean;
     closeOnOutsideClick?: boolean;
     overlay?: boolean;
-    textAlign?: string;
+    textAlign?: TextAlign;
     zIndex?: string;
 }
 interface IFormProps {

package/lib/form/Field.d.ts

@@ -1,10 +1,5 @@
 import React__default from 'react';
 import { IFieldProps } from './types.js';
-import '../inputs/select/types.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,14 +19,12 @@ 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 getEvents = function getEvents(_ref) {
+var getOnBlurEvent = function getOnBlurEvent(_ref) {
   var name = _ref.name,
     validators = _ref.validators,
     _onBlur = _ref.onBlur,
     handlerFieldValidade = _ref.handlerFieldValidade,
-    validatorFromComponent = _ref.validatorFromComponent,
-    handlerFieldChange = _ref.handlerFieldChange,
-    _onChange = _ref.onChange;
+    validatorFromComponent = _ref.validatorFromComponent;
   if (!(validators || validatorFromComponent || _onBlur)) return {};
   var validatorsArray = (0, _helpers.getValidatorsArray)(validators, validatorFromComponent);
   return {
@@ -35,13 +33,6 @@ var getEvents = function getEvents(_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);
     }
   };
 };
@@ -74,7 +65,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],
@@ -86,16 +77,18 @@ var Field = function Field(props) {
       handlerSetValidatorFromComponent(validatorFromComponent);
     }
   }, [validatorFromComponent]);
-  return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getEvents({
+  return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getOnBlurEvent({
     name: props.name,
     validators: props.validators,
     onBlur: props.onBlur,
     validatorFromComponent: validatorFromComponent,
-    handlerFieldValidade: props.handlerFieldValidade ? props.handlerFieldValidade : function () {},
-    handlerFieldChange: handlerFieldChange,
-    onChange: onChange
+    handlerFieldValidade: props.handlerFieldValidade ? props.handlerFieldValidade : function () {}
   }), getCustomProps(props, setValidatorFromComponent), {
-    errorMessages: (0, _helpers.getErrorMessages)(props)
+    errorMessages: (0, _helpers.getErrorMessages)(props),
+    onChange: function onChange(e) {
+      if (handlerFieldChange) handlerFieldChange(e);
+      if (_onChange) _onChange(e);
+    }
   }));
 };
 var _default = (0, _withFieldHOC.default)(Field);

package/lib/form/FieldArray.d.ts

@@ -1,10 +1,5 @@
 import React__default from 'react';
 import { IFieldArrayProps } from './types.js';
-import '../inputs/select/types.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,10 +1,5 @@
 import React__default from 'react';
 import { IFieldProps } from './types.js';
-import '../inputs/select/types.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,10 +1,5 @@
 import React__default from 'react';
 import { IFieldPeriodProps } from './types.js';
-import '../inputs/select/types.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,10 +1,5 @@
 import React__default from 'react';
 import { FormContextProps, IWithFieldContext, IGetErrorMessagesParams, Validator } from './types.js';
-import '../inputs/select/types.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,11 +3,6 @@ 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/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,9 +1,4 @@
 import { ChangeEvent, ReactNode, CSSProperties, ComponentType, MouseEventHandler } from 'react';
-import { AllOptions } from '../inputs/select/types.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: {
@@ -63,8 +58,6 @@ interface IFieldProps extends WithFieldProps {
     descriptionKey?: string;
     showClearButton?: boolean;
     gridLayout?: string;
-    allOptions?: AllOptions;
-    searchNotFoundText?: string;
 }
 interface CustomEvent {
     target: {
@@ -161,7 +154,6 @@ 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,10 +1,5 @@
 import React__default from 'react';
 import { WithFieldProps } from './types.js';
-import '../inputs/select/types.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,10 +1,5 @@
 import React__default from 'react';
 import { IFormSecurityContext, IWithFormSecurity } from './types.js';
-import '../inputs/select/types.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,18 +563,6 @@ 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,18 +568,6 @@ 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/index.d.ts

@@ -33,3 +33,4 @@ import './radio/types.js';
 import './tabs/Panel.js';
 import './tabs/types.js';
 import './dialog/types.js';
+import './@types/Align.js';

package/lib/inputs/base/InputTextBase.d.ts

@@ -1,5 +1,6 @@
 import { IBaseProps } from './types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

package/lib/inputs/base/InputTextBase.js

@@ -151,7 +151,10 @@ var InputTextBase = function InputTextBase(props) {
     className: "input-base-component ".concat(skeletonize ? '-skeletonized' : '', " ").concat(customClass),
     ref: inputBaseRef
   }, label && /*#__PURE__*/_react.default.createElement("div", {
-    className: "labelcontainer"
+    className: "labelcontainer",
+    style: {
+      textAlign: textAlign
+    }
   }, /*#__PURE__*/_react.default.createElement("span", {
     style: styleForLabel,
     className: "label ".concat(customClassForLabel, " ").concat(labelUppercase && ' -uppercase')

package/lib/inputs/base/helpers.d.ts

@@ -1,10 +1,11 @@
 import { IBaseProps } from './types.js';
+import { TextAlign } from '../../@types/Align.js';
 import 'react';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 
 declare const getInputClass: ({ textAlign, readOnly, readOnlyClass }: {
-    textAlign?: string | undefined;
+    textAlign?: TextAlign | undefined;
     readOnly?: boolean | undefined;
     readOnlyClass?: string | undefined;
 }) => string;

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

@@ -1,4 +1,5 @@
 import { KeyboardEvent, DragEvent, MutableRefObject, RefObject, CSSProperties } from 'react';
+import { TextAlign } from '../../@types/Align.js';
 import { Period } from '../../@types/Period.js';
 import { PermissionAttr, OnDenied } from '../../@types/PermissionAttr.js';
 
@@ -57,7 +58,7 @@ interface IBaseProps {
     inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
     inputBaseRef?: RefObject<HTMLDivElement> | ((ref: HTMLDivElement) => void);
     hint?: string;
-    textAlign?: string;
+    textAlign?: TextAlign;
     rounded?: boolean;
     errorMessages?: string[] | undefined;
     visible?: boolean;

package/lib/inputs/date/Dialog.d.ts

@@ -3,6 +3,7 @@ import 'react';
 import '../../@types/ColorStyles.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 
 declare const Dialog: ({ handlerClose, children, dialogSize }: IDateDialogProps) => JSX.Element;

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

@@ -3,6 +3,7 @@ import { IDateDropdownProps } from './types.js';
 import '../../@types/ColorStyles.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 
 declare const Dropdown: (props: IDateDropdownProps) => React.ReactPortal;

package/lib/inputs/date/helpers.d.ts

@@ -4,6 +4,7 @@ import 'react';
 import '../../@types/ColorStyles.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 
 declare const PT_BR_FORMAT = "DD/MM/YYYY";

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

@@ -3,6 +3,7 @@ import 'react';
 import '../../@types/ColorStyles.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 
 declare const DatePicker: (props: IDatePickerProps) => JSX.Element | null;

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

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { ColorStyles } from '../../@types/ColorStyles.js';
 import { PermissionAttr } from '../../@types/PermissionAttr.js';
 import { CustomInputEvent } from '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 
 interface IDatePickerProps {

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

@@ -2,6 +2,7 @@ import { IDefaultFileProps } from './types.js';
 import 'react';
 import '../../@types/Size.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

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

@@ -2,6 +2,7 @@ import { IDragDropFileProps } from './types.js';
 import 'react';
 import '../../@types/Size.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

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

@@ -2,6 +2,7 @@ import { IFileProps } from './types.js';
 import 'react';
 import '../../@types/Size.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

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

@@ -2,6 +2,7 @@ import { IFileButtonSettingsProps } from './types.js';
 import 'react';
 import '../../@types/Size.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

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

@@ -2,6 +2,7 @@ import { CustomFile } from './types.js';
 import 'react';
 import '../../@types/Size.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

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

@@ -5,6 +5,7 @@ import './types.js';
 import 'react';
 import '../../@types/Size.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

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

@@ -1,6 +1,7 @@
 import { DragEvent, RefObject } from 'react';
 import { Size } from '../../@types/Size.js';
 import { CustomInputEvent } from '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

package/lib/inputs/inputHOC.d.ts

@@ -3,6 +3,7 @@ import { IInputHOCProps } from './types.js';
 import '../@types/PermissionAttr.js';
 import '../@types/DataCombo.js';
 import './base/types.js';
+import '../@types/Align.js';
 import '../@types/Period.js';
 import '../drawer/types.js';
 import '../@types/Position.js';

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

@@ -1,5 +1,6 @@
 import { IBaseMaskProps } from './types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';

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

@@ -1,5 +1,6 @@
 import { ICnpjFieldProps } from './types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';

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

@@ -1,5 +1,6 @@
 import { ICpfProps } from './types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';

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

@@ -1,5 +1,6 @@
 import { IPhoneFieldProps } from './types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';

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

@@ -1,5 +1,6 @@
 import { IZipCode } from './types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';

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

@@ -4,6 +4,7 @@ import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';

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

@@ -3,6 +3,7 @@ import { IMaskHOCProps } from '../types.js';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';

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

@@ -5,6 +5,7 @@ export { default as PhoneField } from './Phone.js';
 export { default as ZipCodeField } from './ZipCode.js';
 import './types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import '../../@types/Period.js';

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

@@ -1,4 +1,5 @@
 import { KeyboardEvent, MutableRefObject } from 'react';
+import { TextAlign } from '../../@types/Align.js';
 import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr.js';
 import { CustomInputEvent } from '../base/types.js';
 import '../../@types/Period.js';
@@ -26,7 +27,7 @@ interface IBaseMaskProps {
     permissionAttr?: PermissionAttr;
     errorMessages?: string[];
     rounded?: boolean;
-    textAlign?: string;
+    textAlign?: TextAlign;
     customClassForInputContent?: string;
     label?: string;
     name?: string;

package/lib/inputs/multiSelect/ActionButtons.d.ts

@@ -2,6 +2,7 @@ import { IActionButtonsProps } from './types.js';
 import 'react';
 import '../../@types/DataCombo.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

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

@@ -2,6 +2,7 @@ import { IDropdownMultiSelectProps } from './types.js';
 import 'react';
 import '../../@types/DataCombo.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

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

@@ -2,6 +2,7 @@ import { IMultiSelectProps } from './types.js';
 import 'react';
 import '../../@types/DataCombo.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

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

@@ -1,6 +1,7 @@
 import { ChangeEvent, RefObject } from 'react';
 import { DataCombo } from '../../@types/DataCombo.js';
 import { CustomInputEvent } from '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

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

@@ -2,6 +2,7 @@ import { IBaseNumberProps } from './types.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../types.js';
 import '../../@types/DataCombo.js';

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

@@ -2,6 +2,7 @@ import { ICurrencyProps } from './types.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../types.js';
 import '../../@types/DataCombo.js';

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

@@ -2,6 +2,7 @@ import { IBaseNumberProps } from './types.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../types.js';
 import '../../@types/DataCombo.js';

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

@@ -4,6 +4,7 @@ import { INumberFieldProps } from './types.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../types.js';
 import '../../@types/DataCombo.js';

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

@@ -2,6 +2,7 @@ import { PermissionAttr } from '../../@types/PermissionAttr.js';
 import { CustomInputEvent } from '../base/types.js';
 import { IMaskHOCProps } from '../types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';
@@ -9,7 +10,6 @@ import '../../@types/Position.js';
 
 interface INumberFieldProps extends IMaskHOCProps {
     value?: string;
-    textAlign?: string;
     permissionAttr?: PermissionAttr;
     disabled?: boolean;
     onChange?: (e?: CustomInputEvent, maskValue?: string, date?: string | {

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

@@ -5,6 +5,7 @@ import '../../@types/ColorStyles.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 
 declare const Dialog: ({ handlerClose, children, dialogSize }: IDialogProps) => JSX.Element;
 

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

@@ -5,6 +5,7 @@ import '../../@types/ColorStyles.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 
 declare const Dropdown: (props: IPeriodDropdownProps) => React.ReactPortal;
 

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

@@ -5,6 +5,7 @@ import '../../@types/ColorStyles.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 
 declare const PeriodList: ({ selected, handleOnSelect }: IPeriodListProps) => JSX.Element;
 

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

@@ -5,6 +5,7 @@ import '../../@types/ColorStyles.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 
 declare const getCalendarDropdownStyle: ({ topPosition, leftPosition, width }: {
     topPosition: number | string;

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

@@ -5,6 +5,7 @@ import '../../@types/ColorStyles.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 
 declare const PeriodPicker: (props: IPeriodPickerProps) => JSX.Element | null;
 

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

@@ -4,6 +4,7 @@ import { ColorStyles } from '../../@types/ColorStyles.js';
 import { Period } from '../../@types/Period.js';
 import { PermissionAttr } from '../../@types/PermissionAttr.js';
 import { CustomInputEvent } from '../base/types.js';
+import '../../@types/Align.js';
 
 type DateTypes = 'today' | 'week' | 'lastweek' | 'last15' | 'month' | 'lastmonth';
 interface IPeriodOptions {

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

@@ -3,6 +3,7 @@ import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';

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

@@ -3,6 +3,7 @@ import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';

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

@@ -3,6 +3,7 @@ import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';

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

@@ -3,6 +3,7 @@ import { IDropdownSelectProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';

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

@@ -1,4 +1,5 @@
 import { ISelectFieldProps } from './types.js';
+import '../../@types/Align.js';
 import '../../@types/DataCombo.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';

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

@@ -1,4 +1,5 @@
 import { ISelectedsMultipleProps } from '../types.js';
+import '../../../@types/Align.js';
 import '../../../@types/DataCombo.js';
 import '../../../@types/PermissionAttr.js';
 import '../../base/types.js';

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

@@ -1,4 +1,5 @@
 import { IMultipleSelectProps } from '../types.js';
+import '../../../@types/Align.js';
 import '../../../@types/DataCombo.js';
 import '../../../@types/PermissionAttr.js';
 import '../../base/types.js';

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

@@ -1,4 +1,5 @@
 import { ISimpleSelectProps } from '../types.js';
+import '../../../@types/Align.js';
 import '../../../@types/DataCombo.js';
 import '../../../@types/PermissionAttr.js';
 import '../../base/types.js';

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

@@ -17,21 +17,20 @@ 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,
@@ -55,8 +54,7 @@ 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 dataSourceWithAllOptions = allOptions ? [(_ref = {}, _defineProperty(_ref, idKey, allOptions.idValue), _defineProperty(_ref, descriptionKey, allOptions.label), _ref)].concat(_toConsumableArray(dataSource)) : dataSource;
-  var _useState = (0, _react.useState)(dataSourceWithAllOptions),
+  var _useState = (0, _react.useState)(dataSource),
     _useState2 = _slicedToArray(_useState, 2),
     dataCombo = _useState2[0],
     setDataCombo = _useState2[1];
@@ -101,9 +99,8 @@ 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$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))) {
+    if (target !== selectWrapper.current && selectWrapper.current && !selectWrapper.current.contains(target) && dropdownRef.current && !dropdownRef.current.contains(target)) {
       setOpened(false);
     }
   };
@@ -135,7 +132,7 @@ var SimpleSelect = function SimpleSelect(props) {
       var dataComboFilter = (0, _helper.getFilteredSimpleDataCombo)({
         inputText: valueFilter,
         descriptionKey: descriptionKey,
-        dataSource: dataSourceWithAllOptions
+        dataSource: dataSource
       });
       if (dataComboFilter && dataComboFilter.length > 0) selectedFilter = dataComboFilter[0];
       setDataCombo(dataComboFilter);
@@ -156,16 +153,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() {
+  var onBlur = function onBlur(dataBlur) {
     if (props.onBlur) {
-      var event = getSelectEvent(selected);
+      var event = getSelectEvent(dataBlur);
       props.onBlur(event);
     }
     if (!insideComponent) {
@@ -181,15 +178,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 = dataSourceWithAllOptions.length > 0 ? dataSourceWithAllOptions.findIndex(function (d) {
+        var index = dataSource.length > 0 ? dataSource.findIndex(function (d) {
           return selected && d[idKey] === selected[idKey];
         }) : 0;
         if (e.keyCode === constants.keyCodes.ARROW_DOWN) {
-          index = dataSourceWithAllOptions && index === dataSourceWithAllOptions.length - 1 ? 0 : index + 1;
+          index = dataSource && index === dataSource.length - 1 ? 0 : index + 1;
         } else {
-          index = dataSourceWithAllOptions && index === 0 ? (dataSourceWithAllOptions === null || dataSourceWithAllOptions === void 0 ? void 0 : dataSourceWithAllOptions.length) - 1 : index - 1;
+          index = dataSource && index === 0 ? (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) - 1 : index - 1;
         }
-        setSelected(dataSourceWithAllOptions[index]);
+        setSelected(dataSource[index]);
       }
     }
     if (!isTyping) setIsTyping(true);
@@ -224,34 +221,38 @@ var SimpleSelect = function SimpleSelect(props) {
     }
   }, [gridLayout]);
   (0, _react.useEffect)(function () {
-    if (value !== valueFromProps && dataSourceWithAllOptions.length > 0) {
+    if (value !== valueFromProps && dataSource.length > 0) {
       var newCurrent = null;
       if (value) {
-        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());
+        newCurrent = dataSource.find(function (i) {
+          return value && i[idKey].toString().toLowerCase() === value.toString().toLowerCase();
         });
         setValueFromProps(value);
-      } else if (dataSourceWithAllOptions.length > 0 && selectFirstOnEnter) {
-        newCurrent = dataSourceWithAllOptions[0];
+      } else if (dataSource.length > 0 && selectFirstOnEnter) {
+        newCurrent = dataSource[0];
       }
       setSelected(newCurrent);
+      setInputText(newCurrent ? newCurrent[descriptionKey] : '');
     }
-  }, [dataSourceWithAllOptions.length, value]);
+  }, [dataSource.length, value]);
   (0, _react.useEffect)(function () {
-    if (!_lodash.default.isEqual(dataCombo, dataSourceWithAllOptions)) {
-      var dataComboFilteredSimple = undigitable || remoteSearch || !isTyping ? dataSourceWithAllOptions : (0, _helper.getFilteredSimpleDataCombo)({
+    if (!_lodash.default.isEqual(dataCombo, dataSource)) {
+      var dataComboFilteredSimple = undigitable || remoteSearch || !isTyping ? dataSource : (0, _helper.getFilteredSimpleDataCombo)({
         inputText: inputText,
-        dataSource: dataSourceWithAllOptions,
+        dataSource: dataSource,
         descriptionKey: descriptionKey
       });
       setDataCombo(dataComboFilteredSimple);
-      if (dataSourceWithAllOptions.length > 0 && remoteSearch) {
-        var data = dataSourceWithAllOptions[0];
+      if (dataSource.length > 0 && remoteSearch) {
+        var data = dataSource[0];
         setSelected(data);
       }
     }
-  }, [JSON.stringify(dataSourceWithAllOptions)]);
+    if (allOptions) {
+      var _ref;
+      setDataCombo([(_ref = {}, _defineProperty(_ref, idKey, allOptions.idValue), _defineProperty(_ref, descriptionKey, allOptions.label), _ref)].concat(_toConsumableArray(dataSource)));
+    }
+  }, [dataSource]);
   return /*#__PURE__*/_react.default.createElement("span", {
     id: componentId,
     ref: componentRef,
@@ -259,8 +260,9 @@ var SimpleSelect = function SimpleSelect(props) {
   }, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
     readOnly: undigitable || shouldBeReadOnly(),
     value: inputText,
-    onFocus: onFocus,
-    onBlur: onBlur,
+    onFocus: function onFocus() {
+      _onFocus();
+    },
     onChange: function onChange(e) {
       if (e) onFilter(e.target.value);
     },
@@ -301,7 +303,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

@@ -1,13 +1,10 @@
+import { TextAlign } from '../../@types/Align.js';
 import { DataCombo } from '../../@types/DataCombo.js';
 import { PermissionAttr } from '../../@types/PermissionAttr.js';
 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;
@@ -17,7 +14,7 @@ interface ISimpleSelectProps {
     placeHolder?: string;
     hint?: string;
     value?: string | number | boolean | number[];
-    textAlign?: string;
+    textAlign?: TextAlign;
     errorMessages?: string[];
     showClearButton?: boolean;
     searchOnDropdown?: boolean;
@@ -44,7 +41,10 @@ interface ISimpleSelectProps {
     required?: boolean;
     autoFocus?: boolean;
     onFocus?: () => void;
-    allOptions?: AllOptions;
+    allOptions?: {
+        idValue?: number | null;
+        label: string;
+    };
 }
 interface ISelectFieldProps extends Omit<ISimpleSelectProps, 'idKey' | 'descriptionKey'> {
     multiple?: boolean;
@@ -91,4 +91,4 @@ interface ISelectedsMultipleProps {
     handleOnUnselect: (id: string) => void;
 }
 
-export { AllOptions, IMultipleSelectProps, ISelectFieldProps, ISelectedsMultipleProps, ISimpleSelectProps };
+export { IMultipleSelectProps, ISelectFieldProps, ISelectedsMultipleProps, ISimpleSelectProps };

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

@@ -3,6 +3,7 @@ import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
 

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

@@ -3,6 +3,7 @@ import { PermissionAttr } from '../../@types/PermissionAttr.js';
 import { IBaseProps, CustomInputEvent } from '../base/types.js';
 import { WithTooltipProps } from '../../internals/types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/Position.js';
 
 type CommonProperties = Pick<WithTooltipProps, 'tooltip' | 'tooltipPosition' | 'tooltipWidth'>;
@@ -18,7 +19,6 @@ interface ITextField extends IBaseProps, CommonProperties {
     leftElements?: JSX.Element | JSX.Element[];
     rightElements?: JSX.Element | JSX.Element[];
     permissionAttr?: PermissionAttr;
-    textAlign?: string;
     gridLayout?: string;
 }
 

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

@@ -1,6 +1,7 @@
 import { ITextAreaProps } from './types.js';
 import '../base/types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

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

@@ -1,5 +1,6 @@
 import { IBaseProps } from '../base/types.js';
 import 'react';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 

package/lib/inputs/types.d.ts

@@ -3,6 +3,7 @@ import { PermissionAttr, OnDenied } from '../@types/PermissionAttr.js';
 import { DataCombo } from '../@types/DataCombo.js';
 import { IBaseProps, CustomInputEvent } from './base/types.js';
 import { IDrawerProps } from '../drawer/types.js';
+import { TextAlign } from '../@types/Align.js';
 import '../@types/Period.js';
 import '../@types/Position.js';
 
@@ -16,7 +17,7 @@ interface ISearchProps extends IBaseProps {
     onReset?: (event?: CustomInputEvent) => void;
     onChange?: (event?: CustomInputEvent) => void;
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    textAlign?: string;
+    textAlign?: TextAlign;
     disabled?: boolean;
     readOnly?: boolean;
     value?: string;
@@ -87,7 +88,7 @@ interface IMaskHOCProps {
     customClass?: string;
     customClassForInputContent?: string;
     customClassForLabel?: string;
-    textAlign?: string;
+    textAlign?: TextAlign;
     onBlur?: (e: CustomInputEvent) => void;
     leftElements?: JSX.Element | JSX.Element[];
     rounded?: boolean;

package/package.json

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