linear-react-components-ui 1.0.10-beta.0 → 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/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/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.0",
+  "version": "1.0.10-beta.2",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",