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

package/lib/form/Field.d.ts

@@ -1,5 +1,10 @@
 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,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,10 @@
 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,5 +1,10 @@
 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,5 +1,10 @@
 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,5 +1,10 @@
 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,6 +3,11 @@ 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,4 +1,9 @@
 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: {
@@ -58,6 +63,8 @@ interface IFieldProps extends WithFieldProps {
     descriptionKey?: string;
     showClearButton?: boolean;
     gridLayout?: string;
+    allOptions?: AllOptions;
+    searchNotFoundText?: string;
 }
 interface CustomEvent {
     target: {
@@ -154,6 +161,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,10 @@
 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,5 +1,10 @@
 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/inputs/select/simple/index.js

@@ -163,9 +163,9 @@ var SimpleSelect = function SimpleSelect(props) {
       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) {
@@ -228,14 +228,14 @@ var SimpleSelect = function SimpleSelect(props) {
       var newCurrent = null;
       if (value) {
         newCurrent = dataSourceWithAllOptions.find(function (i) {
-          return value && i[idKey].toString().toLowerCase() === value.toString().toLowerCase();
+          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 (dataSourceWithAllOptions.length > 0 && selectFirstOnEnter) {
         newCurrent = dataSourceWithAllOptions[0];
       }
       setSelected(newCurrent);
-      setInputText(newCurrent ? newCurrent[descriptionKey] : '');
     }
   }, [dataSourceWithAllOptions.length, value]);
   (0, _react.useEffect)(function () {

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

@@ -4,6 +4,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;
@@ -40,10 +44,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;
@@ -90,4 +91,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.1",
+  "version": "1.0.10-beta.2",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",