linear-react-components-ui 2.0.0-beta.4 → 2.0.0-rc.0

package/lib/assets/styles/split.css

@@ -1 +1 @@
-.split-component{font-family:Roboto,sans-serif;font-size:14px;line-height:1.6em;display:flex;flex-direction:row;width:100%;height:100%;overflow:hidden}.split-component p{font-size:14px}.split-component .layout-changing{cursor:col-resize}.split-component .layout-changing>.layout-splitter{background-color:#ddd}.split-component .layout-pane{position:relative;flex:0 0 auto;overflow:auto}.split-component .layout-pane>.layoutpanecontent{padding:2px}.split-component .layout-pane.layout-pane-primary{flex:1 1 auto}.split-component>.layout-splitter{flex:0 0 auto;width:5px;height:100%;cursor:col-resize;background:#ddd}.split-component>.layout-splitter>.toggler-horizontal{position:relative;display:block;padding:0;margin:0;overflow:hidden;text-align:center;font-size:1px;z-index:1;background:#aaa;visibility:visible;height:50px;width:7px;top:45%;left:-1px;cursor:pointer}.split-component>.layout-splitter.layout-splitter:hover{background-color:#bbb}.split-component .layout-changing>.layout-splitter{background-color:#aaa}.split-component.splitter-layout-vertical{flex-direction:column}.split-component.splitter-layout-vertical>.layout-splitter{width:100%;height:5px;cursor:row-resize}.split-component.splitter-layout-vertical>.layout-splitter>.toggler-vertical{border-radius:2px;align-items:center;height:7px;width:54px;align-self:center;margin-left:47%;background:#aaa;margin-top:-1px;cursor:pointer}
+.split-component{font-family:Roboto,sans-serif;font-size:14px;line-height:1.6em;display:flex;flex-direction:row;width:100%;height:100%;overflow:hidden}.split-component p{font-size:14px}.split-component .layout-changing{cursor:col-resize}.split-component .layout-changing>.layout-splitter{background-color:#ddd}.split-component .layout-pane{position:relative;flex:0 0 auto;overflow:auto}.split-component .layout-pane>.layoutpanecontent{padding:2px}.split-component .layout-pane.layout-pane-primary{flex:1 1 auto}.split-component>.layout-splitter{flex:0 0 auto;width:5px;height:100%;cursor:col-resize;background:#ddd}.split-component>.layout-splitter>.toggler-horizontal{position:relative;display:block;padding:0;margin:0;overflow:hidden;text-align:center;font-size:1px;z-index:0;background:#aaa;visibility:visible;height:50px;width:7px;top:45%;left:-1px;cursor:pointer}.split-component>.layout-splitter.layout-splitter:hover{background-color:#bbb}.split-component .layout-changing>.layout-splitter{background-color:#aaa}.split-component.splitter-layout-vertical{flex-direction:column}.split-component.splitter-layout-vertical>.layout-splitter{width:100%;height:5px;cursor:row-resize}.split-component.splitter-layout-vertical>.layout-splitter>.toggler-vertical{border-radius:2px;align-items:center;height:7px;width:54px;align-self:center;margin-left:47%;background:#aaa;margin-top:-1px;cursor:pointer}

package/lib/form2/useForm/index.js

@@ -1,67 +1,78 @@
 import e from "../../_virtual/lodash.js";
-import { useState as D, useRef as O } from "react";
+import { useState as D, useRef as B } from "react";
 import { flattenValidators as Q, deepMergeValues as U, mergeRefs as W } from "../helpers.js";
 const $ = ({
   initialValues: S,
-  validators: M = {},
+  validators: q = {},
   options: C = {
     validationMode: "default"
   }
 }) => {
-  const [u, V] = D(S), [d, g] = D({}), [F, m] = D({}), [E, j] = D({}), B = O({}), h = O(S), v = O(S), f = Q(M), b = (t, r = E, s = d) => {
-    const n = Object.keys(f).filter((c) => {
-      const o = e.get(r, c), a = !e.isEmpty(e.get(s, c));
-      return !!(o || a);
+  const [u, V] = D(S), [f, i] = D({}), [F, m] = D({}), [E, O] = D({}), j = B({}), h = B(S), v = B(S), g = Q(q), w = (t, r = E, s = f) => {
+    const n = Object.keys(g).filter((a) => {
+      const c = e.get(r, a), o = !e.isEmpty(e.get(s, a));
+      return !!(c || o);
     });
-    n.length && g((c) => {
-      const o = e.cloneDeep(c);
-      return n.forEach((a) => {
-        const l = e.get(t, a), w = (e.get(f, a) ?? []).map((p) => p(l, t)).filter((p) => !!p);
-        e.set(o, a, w);
-      }), o;
+    n.length && i((a) => {
+      const c = e.cloneDeep(a);
+      return n.forEach((o) => {
+        const l = e.get(t, o), b = (e.get(g, o) ?? []).map((p) => p(l, t)).filter((p) => !!p);
+        e.set(c, o, b);
+      }), c;
     });
   }, R = () => {
     const t = {};
-    return Object.keys(f).forEach((r) => {
-      const s = e.get(u, r), c = (e.get(f, r) ?? []).map((o) => o(s, u)).filter((o) => !!o);
-      c.length && e.set(t, r, c);
-    }), g(t), t;
-  }, q = () => Object.keys(f).every((t) => {
+    return Object.keys(g).forEach((r) => {
+      const s = e.get(u, r), a = (e.get(g, r) ?? []).map((c) => c(s, u)).filter((c) => !!c);
+      a.length && e.set(t, r, a);
+    }), i(t), t;
+  }, T = () => Object.keys(g).every((t) => {
     const r = e.get(u, t);
-    return (e.get(f, t) ?? []).every((n) => !n(r, u));
-  }), k = (t) => e.get(d, t) ?? [], x = (t) => {
-    g((r) => {
+    return (e.get(g, t) ?? []).every((n) => !n(r, u));
+  }), k = (t) => e.get(f, t) ?? [], x = (t) => {
+    i((r) => {
       const s = e.cloneDeep(r);
-      return Object.entries(t).forEach(([n, c]) => {
-        e.set(s, n, c);
+      return Object.entries(t).forEach(([n, a]) => {
+        e.set(s, n, a);
       }), s;
     });
   }, I = (t) => e.get(u, t), A = (t, r) => {
     V((s) => {
       const n = e.cloneDeep(s);
       e.set(n, t, r);
-      const c = e.get(v.current, t), o = !e.isEqual(c, r);
-      return m((a) => {
-        const l = e.cloneDeep(a);
-        return e.set(l, t, o), l;
-      }), C.validationMode === "default" && b(n), n;
+      const a = e.get(v.current, t), c = !e.isEqual(a, r);
+      return m((o) => {
+        const l = e.cloneDeep(o);
+        return e.set(l, t, c), l;
+      }), C.validationMode === "default" && w(n), n;
     });
   }, H = (t, r) => {
-    const s = B.current[t];
+    const s = j.current[t];
     s?.focus?.(), r?.shouldSelect && s?.select?.();
   }, z = (t, r) => e.isEqual(e.get(u, t), r), G = (t) => {
-    const r = e.cloneDeep(d);
-    (t ?? Object.keys(d)).forEach((n) => {
-      e.set(r, n, []);
-    }), g(r);
-  }, T = (t, r) => {
-    const s = e.cloneDeep(u), n = e.cloneDeep(E), c = e.cloneDeep(F), o = e.cloneDeep(d);
-    (t ?? Object.keys(h.current)).forEach((l) => {
-      const i = e.get(h.current, l);
-      e.set(s, l, i), e.set(n, l, !1), e.set(c, l, !1), e.set(o, l, []);
-    }), V(s), j(n), m(c), g(o), r || (v.current = h.current);
+    if (!t) {
+      i({});
+      return;
+    }
+    i((r) => {
+      const s = e.cloneDeep(r);
+      return t.forEach((n) => {
+        e.unset(s, n);
+      }), s;
+    });
+  }, y = (t, r) => {
+    const s = e.cloneDeep(u), n = e.cloneDeep(E), a = e.cloneDeep(F);
+    (t ?? Object.keys(h.current)).forEach((o) => {
+      const l = e.get(h.current, o);
+      e.set(s, o, l), e.set(n, o, !1), e.set(a, o, !1);
+    }), V(s), O(n), m(a), i(t ? (o) => {
+      const l = e.cloneDeep(o);
+      return t.forEach((d) => {
+        e.unset(l, d);
+      }), l;
+    } : {}), r || (v.current = h.current);
   }, J = (t) => {
-    T(void 0, !0), V((r) => {
+    y(void 0, !0), V((r) => {
       const s = U(r, t);
       return v.current = s, s;
     });
@@ -69,47 +80,47 @@ const $ = ({
     const {
       onChange: s,
       onBlur: n,
-      ref: c
+      ref: a
     } = r ?? {};
     return {
       name: t,
-      ref: W((o) => {
-        B.current[t] = o;
-      }, c),
+      ref: W((c) => {
+        j.current[t] = c;
+      }, a),
       value: e.get(u, t, e.get(h.current, t, "")),
-      errors: e.get(d, t, []),
-      onChange: (o) => {
+      errors: e.get(f, t, []),
+      onChange: (c) => {
         const {
-          value: a
-        } = o.target;
+          value: o
+        } = c.target;
         V((l) => {
-          const i = e.cloneDeep(l);
-          e.set(i, t, a);
-          const w = !e.isEqual(e.get(v.current, t), a);
+          const d = e.cloneDeep(l);
+          e.set(d, t, o);
+          const b = !e.isEqual(e.get(v.current, t), o);
           return m((p) => {
-            const y = e.cloneDeep(p);
-            return e.set(y, t, w), y;
-          }), C.validationMode === "default" && b(i, E, d), i;
-        }), s?.(o);
+            const M = e.cloneDeep(p);
+            return e.set(M, t, b), M;
+          }), C.validationMode === "default" && w(d, E, f), d;
+        }), s?.(c);
       },
-      onBlur: (o) => {
-        const a = e.cloneDeep(E);
-        e.set(a, t, !0), j((l) => {
-          const i = e.cloneDeep(l);
-          return e.set(i, t, !0), i;
-        }), C.validationMode === "default" && b(u, a, d), n?.(o);
+      onBlur: (c) => {
+        const o = e.cloneDeep(E);
+        e.set(o, t, !0), O((l) => {
+          const d = e.cloneDeep(l);
+          return e.set(d, t, !0), d;
+        }), C.validationMode === "default" && w(u, o, f), n?.(c);
       }
     };
   }, L = (t) => (r) => {
     r.preventDefault();
     const s = R();
     e.isEmpty(s) && t(u);
-  }, N = q(), P = Object.values(F).some(Boolean);
+  }, N = T(), P = Object.values(F).some(Boolean);
   return {
-    reset: T,
+    reset: y,
     changed: F,
     values: u,
-    errors: d,
+    errors: f,
     touched: E,
     isValid: N,
     formHasChange: P,

package/lib/form2/useForm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/form2/useForm/index.ts"],"sourcesContent":["import _ from 'lodash';\nimport { ChangeEvent, FocusEvent, FormEvent, useRef, useState } from 'react';\nimport type {\n  FieldErrors, FieldChanged, FieldTouched, FieldFocusOptions, UseFormProps,\n  UseFormReturn, DeepPartial,\n  RegisterOptions,\n} from '../types';\nimport { deepMergeValues, flattenValidators, mergeRefs } from '../helpers';\n\nconst useForm = <ValuesType extends Record<string, any>>({\n  initialValues,\n  validators = {},\n  options = { validationMode: 'default' },\n}: UseFormProps<ValuesType>): UseFormReturn<ValuesType> => {\n  const [values, setValues] = useState<ValuesType>(initialValues);\n  const [errors, setErrors] = useState<FieldErrors<ValuesType>>({});\n  const [changed, setChanged] = useState<FieldChanged<ValuesType>>({});\n  const [touched, setTouched] = useState<FieldTouched<ValuesType>>({});\n  const fieldsRef = useRef<Record<string, HTMLInputElement | HTMLTextAreaElement | null>>({});\n  const initialValuesRef = useRef<ValuesType>(initialValues);\n  const valuesToCompareInChangedRef = useRef<ValuesType>(initialValues);\n\n  const flattenedValidators = flattenValidators(validators);\n\n  const validateBatchOfFields = (\n    valuesSnapshot: ValuesType,\n    touchedFields: FieldTouched<ValuesType> = touched,\n    errorsFields: FieldErrors<ValuesType> = errors,\n  ) => {\n    const fieldsToValidate = Object.keys(flattenedValidators).filter((path) => {\n      const wasTouched = _.get(touchedFields, path);\n      const hasErrors = !_.isEmpty(_.get(errorsFields, path));\n      return Boolean(wasTouched || hasErrors);\n    });\n\n    if (!fieldsToValidate.length) return;\n\n    setErrors((prevErrorsState) => {\n      const updatedErrorsState = _.cloneDeep(prevErrorsState);\n\n      fieldsToValidate.forEach((path) => {\n        const value = _.get(valuesSnapshot, path);\n        const fieldValidators = _.get(flattenedValidators, path) ?? [];\n        const fieldErrors = fieldValidators\n          .map((validator: any) => validator(value, valuesSnapshot))\n          .filter((message: string) => Boolean(message));\n\n        _.set(updatedErrorsState, path, fieldErrors);\n      });\n\n      return updatedErrorsState;\n    });\n  };\n\n  const validateAllFields = () => {\n    const allValidationErrors: FieldErrors<ValuesType> = {};\n\n    Object.keys(flattenedValidators).forEach((path) => {\n      const value = _.get(values, path);\n      const fieldValidators = _.get(flattenedValidators, path) ?? [];\n      const fieldErrors = fieldValidators\n        .map((validator: any) => validator(value, values))\n        .filter((message: string) => Boolean(message));\n\n      if (fieldErrors.length) {\n        _.set(allValidationErrors, path, fieldErrors);\n      }\n    });\n\n    setErrors(allValidationErrors);\n    return allValidationErrors;\n  };\n\n  const checkFormIsValid = () => {\n    return Object.keys(flattenedValidators).every((path) => {\n      const value = _.get(values, path);\n      const fieldValidators = _.get(flattenedValidators, path) ?? [];\n      return fieldValidators.every((validator: any) => !validator(value, values));\n    });\n  };\n\n  const getFieldError = (name: string): string[] => {\n    const fieldErrors = _.get(errors, name) as string[] ?? [];\n    return fieldErrors;\n  };\n\n  const setExternalErrors = (externalErrors: Record<string, string[]>) => {\n    setErrors((prevStateErrors) => {\n      const newErrorsState = _.cloneDeep(prevStateErrors);\n      Object.entries(externalErrors).forEach(([key, value]) => {\n        _.set(newErrorsState, key, value);\n      });\n      return newErrorsState;\n    });\n  };\n\n  const getFieldValue = (name: string): any => {\n    return _.get(values, name);\n  };\n\n  const setFieldValue = (name: string, value: any) => {\n    setValues((prevStateValues) => {\n      const updatedValuesState = _.cloneDeep(prevStateValues);\n      _.set(updatedValuesState, name, value);\n\n      const valueToCompare = _.get(valuesToCompareInChangedRef.current, name);\n      const hasChanged = !_.isEqual(valueToCompare, value);\n\n      setChanged((prevStateChanged) => {\n        const updatedChangedState = _.cloneDeep(prevStateChanged);\n        _.set(updatedChangedState, name, hasChanged);\n        return updatedChangedState;\n      });\n\n      if (options.validationMode === 'default') {\n        validateBatchOfFields(updatedValuesState);\n      }\n\n      return updatedValuesState;\n    });\n  };\n\n  const setFieldFocus = (name: string, fieldFocusOptions?: FieldFocusOptions) => {\n    const field = fieldsRef.current[name];\n    field?.focus?.();\n    if (fieldFocusOptions?.shouldSelect) {\n      field?.select?.();\n    }\n  };\n\n  const compareField = (name: string, valueToCompare: any): boolean => {\n    return _.isEqual(_.get(values, name), valueToCompare);\n  };\n\n  const cleanErrors = (fieldsToClean?: string[]) => {\n    const newErrorsState = _.cloneDeep(errors);\n    const fields = fieldsToClean ?? Object.keys(errors);\n\n    fields.forEach((key) => {\n      _.set(newErrorsState, key, []);\n    });\n\n    setErrors(newErrorsState);\n  };\n\n  const reset = (inputsToReset?: string[], internalReset?: boolean) => {\n    const newValuesState = _.cloneDeep(values);\n    const newTouchedState = _.cloneDeep(touched);\n    const newChangedState = _.cloneDeep(changed);\n    const newErrorsState = _.cloneDeep(errors);\n    const inputs = inputsToReset ?? Object.keys(initialValuesRef.current);\n\n    inputs.forEach((key) => {\n      const initialValue = _.get(initialValuesRef.current, key);\n      _.set(newValuesState, key, initialValue);\n      _.set(newTouchedState, key, false);\n      _.set(newChangedState, key, false);\n      _.set(newErrorsState, key, []);\n    });\n\n    setValues(newValuesState);\n    setTouched(newTouchedState);\n    setChanged(newChangedState);\n    setErrors(newErrorsState);\n\n    if (!internalReset) { valuesToCompareInChangedRef.current = initialValuesRef.current; }\n  };\n\n  const changeValues = (fieldValues: DeepPartial<ValuesType>) => {\n    reset(undefined, true);\n    setValues((prevStateValues) => {\n      const newValuesState = deepMergeValues(prevStateValues, fieldValues);\n      valuesToCompareInChangedRef.current = newValuesState;\n      return newValuesState;\n    });\n  };\n\n  const register = (\n    name: string,\n    registerOptions?: RegisterOptions,\n  ) => {\n    const { onChange, onBlur, ref } = registerOptions ?? {};\n    return {\n      name,\n      ref: mergeRefs<HTMLInputElement | HTMLTextAreaElement>((inputElement: any) => {\n        fieldsRef.current[name] = inputElement;\n      }, ref),\n      value: _.get(values, name, _.get(initialValuesRef.current, name, '')),\n      errors: _.get(errors, name, []),\n      onChange: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const { value } = event.target;\n\n        setValues((prevStateValues) => {\n          const updatedValues = _.cloneDeep(prevStateValues);\n          _.set(updatedValues, name, value);\n\n          const hasChanged = !_.isEqual(_.get(valuesToCompareInChangedRef.current, name), value);\n          setChanged((prevStateChanged) => {\n            const updatedChangedState = _.cloneDeep(prevStateChanged);\n            _.set(updatedChangedState, name, hasChanged);\n            return updatedChangedState;\n          });\n\n          if (options.validationMode === 'default') {\n            validateBatchOfFields(updatedValues, touched, errors);\n          }\n\n          return updatedValues;\n        });\n\n        onChange?.(event);\n      },\n      onBlur: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const touchedSnapshot = _.cloneDeep(touched);\n        _.set(touchedSnapshot, name, true);\n\n        setTouched((prevStateTouched) => {\n          const updated = _.cloneDeep(prevStateTouched);\n          _.set(updated, name, true);\n          return updated;\n        });\n\n        if (options.validationMode === 'default') {\n          validateBatchOfFields(values, touchedSnapshot, errors);\n        }\n\n        onBlur?.(event);\n      },\n    };\n  };\n\n  const handleSubmit = (callback: (data: ValuesType) => void) => (event: FormEvent) => {\n    event.preventDefault();\n\n    const validationErrors = validateAllFields();\n    const hasErrors = !_.isEmpty(validationErrors);\n\n    if (hasErrors) return;\n    callback(values);\n  };\n\n  const isValid = checkFormIsValid();\n  const formHasChange = Object.values(changed).some(Boolean);\n\n  return {\n    reset,\n    changed,\n    values,\n    errors,\n    touched,\n    isValid,\n    formHasChange,\n    register,\n    cleanErrors,\n    changeValues,\n    compareField,\n    handleSubmit,\n    getFieldValue,\n    getFieldError,\n    setFieldFocus,\n    setFieldValue,\n    setExternalErrors,\n    initialValues: initialValuesRef.current,\n  };\n};\n\nexport default useForm;\n"],"names":["useForm","initialValues","validators","options","validationMode","values","setValues","useState","errors","setErrors","changed","setChanged","touched","setTouched","fieldsRef","useRef","initialValuesRef","valuesToCompareInChangedRef","flattenedValidators","flattenValidators","validateBatchOfFields","valuesSnapshot","touchedFields","errorsFields","fieldsToValidate","Object","keys","filter","path","wasTouched","_","get","hasErrors","isEmpty","Boolean","length","prevErrorsState","updatedErrorsState","cloneDeep","forEach","value","fieldErrors","map","validator","message","set","validateAllFields","allValidationErrors","checkFormIsValid","every","getFieldError","name","setExternalErrors","externalErrors","prevStateErrors","newErrorsState","entries","key","getFieldValue","setFieldValue","prevStateValues","updatedValuesState","valueToCompare","current","hasChanged","isEqual","prevStateChanged","updatedChangedState","setFieldFocus","fieldFocusOptions","field","focus","shouldSelect","select","compareField","cleanErrors","fieldsToClean","fields","reset","inputsToReset","internalReset","newValuesState","newTouchedState","newChangedState","inputs","initialValue","changeValues","fieldValues","undefined","deepMergeValues","register","registerOptions","onChange","onBlur","ref","mergeRefs","inputElement","event","target","updatedValues","touchedSnapshot","prevStateTouched","updated","handleSubmit","callback","preventDefault","validationErrors","isValid","formHasChange","some"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/form2/useForm/index.ts"],"sourcesContent":["import _ from 'lodash';\nimport { ChangeEvent, FocusEvent, FormEvent, useRef, useState } from 'react';\nimport type {\n  FieldErrors, FieldChanged, FieldTouched, FieldFocusOptions, UseFormProps,\n  UseFormReturn, DeepPartial,\n  RegisterOptions,\n} from '../types';\nimport { deepMergeValues, flattenValidators, mergeRefs } from '../helpers';\n\nconst useForm = <ValuesType extends Record<string, any>>({\n  initialValues,\n  validators = {},\n  options = { validationMode: 'default' },\n}: UseFormProps<ValuesType>): UseFormReturn<ValuesType> => {\n  const [values, setValues] = useState<ValuesType>(initialValues);\n  const [errors, setErrors] = useState<FieldErrors<ValuesType>>({});\n  const [changed, setChanged] = useState<FieldChanged<ValuesType>>({});\n  const [touched, setTouched] = useState<FieldTouched<ValuesType>>({});\n  const fieldsRef = useRef<Record<string, HTMLInputElement | HTMLTextAreaElement | null>>({});\n  const initialValuesRef = useRef<ValuesType>(initialValues);\n  const valuesToCompareInChangedRef = useRef<ValuesType>(initialValues);\n\n  const flattenedValidators = flattenValidators(validators);\n\n  const validateBatchOfFields = (\n    valuesSnapshot: ValuesType,\n    touchedFields: FieldTouched<ValuesType> = touched,\n    errorsFields: FieldErrors<ValuesType> = errors,\n  ) => {\n    const fieldsToValidate = Object.keys(flattenedValidators).filter((path) => {\n      const wasTouched = _.get(touchedFields, path);\n      const hasErrors = !_.isEmpty(_.get(errorsFields, path));\n      return Boolean(wasTouched || hasErrors);\n    });\n\n    if (!fieldsToValidate.length) return;\n\n    setErrors((prevErrorsState) => {\n      const updatedErrorsState = _.cloneDeep(prevErrorsState);\n\n      fieldsToValidate.forEach((path) => {\n        const value = _.get(valuesSnapshot, path);\n        const fieldValidators = _.get(flattenedValidators, path) ?? [];\n        const fieldErrors = fieldValidators\n          .map((validator: any) => validator(value, valuesSnapshot))\n          .filter((message: string) => Boolean(message));\n\n        _.set(updatedErrorsState, path, fieldErrors);\n      });\n\n      return updatedErrorsState;\n    });\n  };\n\n  const validateAllFields = () => {\n    const allValidationErrors: FieldErrors<ValuesType> = {};\n\n    Object.keys(flattenedValidators).forEach((path) => {\n      const value = _.get(values, path);\n      const fieldValidators = _.get(flattenedValidators, path) ?? [];\n      const fieldErrors = fieldValidators\n        .map((validator: any) => validator(value, values))\n        .filter((message: string) => Boolean(message));\n\n      if (fieldErrors.length) {\n        _.set(allValidationErrors, path, fieldErrors);\n      }\n    });\n\n    setErrors(allValidationErrors);\n    return allValidationErrors;\n  };\n\n  const checkFormIsValid = () => {\n    return Object.keys(flattenedValidators).every((path) => {\n      const value = _.get(values, path);\n      const fieldValidators = _.get(flattenedValidators, path) ?? [];\n      return fieldValidators.every((validator: any) => !validator(value, values));\n    });\n  };\n\n  const getFieldError = (name: string): string[] => {\n    const fieldErrors = _.get(errors, name) as string[] ?? [];\n    return fieldErrors;\n  };\n\n  const setExternalErrors = (externalErrors: Record<string, string[]>) => {\n    setErrors((prevStateErrors) => {\n      const newErrorsState = _.cloneDeep(prevStateErrors);\n      Object.entries(externalErrors).forEach(([key, value]) => {\n        _.set(newErrorsState, key, value);\n      });\n      return newErrorsState;\n    });\n  };\n\n  const getFieldValue = (name: string): any => {\n    return _.get(values, name);\n  };\n\n  const setFieldValue = (name: string, value: any) => {\n    setValues((prevStateValues) => {\n      const updatedValuesState = _.cloneDeep(prevStateValues);\n      _.set(updatedValuesState, name, value);\n\n      const valueToCompare = _.get(valuesToCompareInChangedRef.current, name);\n      const hasChanged = !_.isEqual(valueToCompare, value);\n\n      setChanged((prevStateChanged) => {\n        const updatedChangedState = _.cloneDeep(prevStateChanged);\n        _.set(updatedChangedState, name, hasChanged);\n        return updatedChangedState;\n      });\n\n      if (options.validationMode === 'default') {\n        validateBatchOfFields(updatedValuesState);\n      }\n\n      return updatedValuesState;\n    });\n  };\n\n  const setFieldFocus = (name: string, fieldFocusOptions?: FieldFocusOptions) => {\n    const field = fieldsRef.current[name];\n    field?.focus?.();\n    if (fieldFocusOptions?.shouldSelect) {\n      field?.select?.();\n    }\n  };\n\n  const compareField = (name: string, valueToCompare: any): boolean => {\n    return _.isEqual(_.get(values, name), valueToCompare);\n  };\n\n  const cleanErrors = (fieldsToClean?: string[]) => {\n    if (!fieldsToClean) {\n      setErrors({});\n      return;\n    }\n\n    setErrors((prevErrorsState) => {\n      const newErrorsState = _.cloneDeep(prevErrorsState);\n      fieldsToClean.forEach((key) => {\n        _.unset(newErrorsState, key);\n      });\n      return newErrorsState;\n    });\n  };\n\n  const reset = (inputsToReset?: string[], internalReset?: boolean) => {\n    const newValuesState = _.cloneDeep(values);\n    const newTouchedState = _.cloneDeep(touched);\n    const newChangedState = _.cloneDeep(changed);\n    const inputs = inputsToReset ?? Object.keys(initialValuesRef.current);\n\n    inputs.forEach((key) => {\n      const initialValue = _.get(initialValuesRef.current, key);\n      _.set(newValuesState, key, initialValue);\n      _.set(newTouchedState, key, false);\n      _.set(newChangedState, key, false);\n    });\n\n    setValues(newValuesState);\n    setTouched(newTouchedState);\n    setChanged(newChangedState);\n\n    if (inputsToReset) {\n      setErrors((prevErrorsState) => {\n        const newErrorsState = _.cloneDeep(prevErrorsState);\n        inputsToReset.forEach((key) => {\n          _.unset(newErrorsState, key);\n        });\n        return newErrorsState;\n      });\n    } else {\n      setErrors({});\n    }\n\n    if (!internalReset) { valuesToCompareInChangedRef.current = initialValuesRef.current; }\n  };\n\n  const changeValues = (fieldValues: DeepPartial<ValuesType>) => {\n    reset(undefined, true);\n    setValues((prevStateValues) => {\n      const newValuesState = deepMergeValues(prevStateValues, fieldValues);\n      valuesToCompareInChangedRef.current = newValuesState;\n      return newValuesState;\n    });\n  };\n\n  const register = (\n    name: string,\n    registerOptions?: RegisterOptions,\n  ) => {\n    const { onChange, onBlur, ref } = registerOptions ?? {};\n    return {\n      name,\n      ref: mergeRefs<HTMLInputElement | HTMLTextAreaElement>((inputElement: any) => {\n        fieldsRef.current[name] = inputElement;\n      }, ref),\n      value: _.get(values, name, _.get(initialValuesRef.current, name, '')),\n      errors: _.get(errors, name, []),\n      onChange: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const { value } = event.target;\n\n        setValues((prevStateValues) => {\n          const updatedValues = _.cloneDeep(prevStateValues);\n          _.set(updatedValues, name, value);\n\n          const hasChanged = !_.isEqual(_.get(valuesToCompareInChangedRef.current, name), value);\n          setChanged((prevStateChanged) => {\n            const updatedChangedState = _.cloneDeep(prevStateChanged);\n            _.set(updatedChangedState, name, hasChanged);\n            return updatedChangedState;\n          });\n\n          if (options.validationMode === 'default') {\n            validateBatchOfFields(updatedValues, touched, errors);\n          }\n\n          return updatedValues;\n        });\n\n        onChange?.(event);\n      },\n      onBlur: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const touchedSnapshot = _.cloneDeep(touched);\n        _.set(touchedSnapshot, name, true);\n\n        setTouched((prevStateTouched) => {\n          const updated = _.cloneDeep(prevStateTouched);\n          _.set(updated, name, true);\n          return updated;\n        });\n\n        if (options.validationMode === 'default') {\n          validateBatchOfFields(values, touchedSnapshot, errors);\n        }\n\n        onBlur?.(event);\n      },\n    };\n  };\n\n  const handleSubmit = (callback: (data: ValuesType) => void) => (event: FormEvent) => {\n    event.preventDefault();\n\n    const validationErrors = validateAllFields();\n    const hasErrors = !_.isEmpty(validationErrors);\n\n    if (hasErrors) return;\n    callback(values);\n  };\n\n  const isValid = checkFormIsValid();\n  const formHasChange = Object.values(changed).some(Boolean);\n\n  return {\n    reset,\n    changed,\n    values,\n    errors,\n    touched,\n    isValid,\n    formHasChange,\n    register,\n    cleanErrors,\n    changeValues,\n    compareField,\n    handleSubmit,\n    getFieldValue,\n    getFieldError,\n    setFieldFocus,\n    setFieldValue,\n    setExternalErrors,\n    initialValues: initialValuesRef.current,\n  };\n};\n\nexport default useForm;\n"],"names":["useForm","initialValues","validators","options","validationMode","values","setValues","useState","errors","setErrors","changed","setChanged","touched","setTouched","fieldsRef","useRef","initialValuesRef","valuesToCompareInChangedRef","flattenedValidators","flattenValidators","validateBatchOfFields","valuesSnapshot","touchedFields","errorsFields","fieldsToValidate","Object","keys","filter","path","wasTouched","_","get","hasErrors","isEmpty","Boolean","length","prevErrorsState","updatedErrorsState","cloneDeep","forEach","value","fieldErrors","map","validator","message","set","validateAllFields","allValidationErrors","checkFormIsValid","every","getFieldError","name","setExternalErrors","externalErrors","prevStateErrors","newErrorsState","entries","key","getFieldValue","setFieldValue","prevStateValues","updatedValuesState","valueToCompare","current","hasChanged","isEqual","prevStateChanged","updatedChangedState","setFieldFocus","fieldFocusOptions","field","focus","shouldSelect","select","compareField","cleanErrors","fieldsToClean","unset","reset","inputsToReset","internalReset","newValuesState","newTouchedState","newChangedState","inputs","initialValue","changeValues","fieldValues","undefined","deepMergeValues","register","registerOptions","onChange","onBlur","ref","mergeRefs","inputElement","event","target","updatedValues","touchedSnapshot","prevStateTouched","updated","handleSubmit","callback","preventDefault","validationErrors","isValid","formHasChange","some"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { CSSProperties, KeyboardEvent, MutableRefObject, RefObject, DragEvent, MouseEvent, JSX, ReactNode } from 'react';
+import { CSSProperties, KeyboardEvent, MutableRefObject, RefObject, DragEvent, MouseEvent, JSX, ReactNode, HTMLInputAutoCompleteAttribute } from 'react';
 import { TextAlign } from 'src/lib/@types/Align';
 import { ITooltipCommonProps } from 'src/lib/tooltip/types';
 import { Period } from '../../@types/Period';
@@ -80,9 +80,9 @@ export interface IBaseProps extends ITooltipCommonProps {
     accept?: string;
     multiple?: boolean;
     readOnlyClass?: string;
-    autoComplete?: 'on' | 'off';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
     tabIndex?: number;
     defaultValue?: string | string[];
+    autoComplete?: HTMLInputAutoCompleteAttribute;
 }

package/lib/inputs/date/helpers.js

@@ -1,20 +1,9 @@
 import t from "../../node_modules/moment/dist/moment.js";
-import "../../node_modules/imask/esm/index.js";
-import "../../node_modules/imask/esm/controls/input.js";
-import m from "../../node_modules/imask/esm/core/holder.js";
-import "../../node_modules/imask/esm/masked/factory.js";
-import "../../node_modules/imask/esm/controls/mask-element.js";
-import "../../node_modules/imask/esm/controls/html-input-mask-element.js";
-import "../../node_modules/imask/esm/controls/html-mask-element.js";
-import "../../node_modules/imask/esm/controls/html-contenteditable-mask-element.js";
-import "../../node_modules/imask/esm/controls/input-history.js";
-import "../../node_modules/react-imask/esm/input.js";
-import "react";
-import "../../node_modules/react-imask/esm/mixin.js";
-const r = "DD/MM/YYYY", g = "DD/MM/YYYY HH:mm", a = "YYYY-MM-DD", d = "YYYY-MM-DD HH.mm", A = (M) => {
-  let o = M;
-  return t(o, r, !0).isValid() && (o = t(o, r).format(r)), typeof o == "string" ? t(o, a) : o;
-}, E = {
+import { IMask as m } from "react-imask";
+const M = "DD/MM/YYYY", r = "DD/MM/YYYY HH:mm", e = "YYYY-MM-DD", n = "YYYY-MM-DD HH.mm", k = (a) => {
+  let o = a;
+  return t(o, M, !0).isValid() && (o = t(o, M).format(M)), typeof o == "string" ? t(o, e) : o;
+}, D = {
   DD: {
     mask: m.MaskedRange,
     from: 1,
@@ -42,11 +31,11 @@ const r = "DD/MM/YYYY", g = "DD/MM/YYYY HH:mm", a = "YYYY-MM-DD", d = "YYYY-MM-D
   }
 };
 export {
-  a as EN_US_FORMAT,
-  d as EN_US_FORMAT_DATETIME,
-  r as PT_BR_FORMAT,
-  g as PT_BR_FORMAT_DATETIME,
-  E as blocksDateTimeFormat,
-  A as getMomentValue
+  e as EN_US_FORMAT,
+  n as EN_US_FORMAT_DATETIME,
+  M as PT_BR_FORMAT,
+  r as PT_BR_FORMAT_DATETIME,
+  D as blocksDateTimeFormat,
+  k as getMomentValue
 };
 //# sourceMappingURL=helpers.js.map

package/lib/inputs/date/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../src/lib/inputs/date/helpers.ts"],"sourcesContent":["import moment from 'moment';\nimport { IMask } from 'react-imask';\n\nconst PT_BR_FORMAT = 'DD/MM/YYYY';\nconst PT_BR_FORMAT_DATETIME = 'DD/MM/YYYY HH:mm';\nconst EN_US_FORMAT = 'YYYY-MM-DD';\nconst EN_US_FORMAT_DATETIME = 'YYYY-MM-DD HH.mm';\n\nconst getMomentValue = (value: string) => {\n  let newValue = value;\n  if (moment(newValue, PT_BR_FORMAT, true).isValid()) {\n    newValue = moment(newValue, PT_BR_FORMAT).format(PT_BR_FORMAT);\n  }\n\n  return (typeof newValue === 'string' ? moment(newValue, EN_US_FORMAT) : newValue);\n};\n\nconst blocksDateTimeFormat = {\n  DD: {\n    mask: IMask.MaskedRange,\n    from: 1,\n    to: 31,\n  },\n  MM: {\n    mask: IMask.MaskedRange,\n    from: 1,\n    to: 12,\n  },\n  YYYY: {\n    mask: IMask.MaskedRange,\n    from: 1900,\n    to: 2999,\n  },\n  HH: {\n    mask: IMask.MaskedRange,\n    from: 0,\n    to: 23,\n  },\n  mm: {\n    mask: IMask.MaskedRange,\n    from: 0,\n    to: 59,\n  },\n};\n\nexport {\n  getMomentValue,\n  blocksDateTimeFormat,\n  PT_BR_FORMAT,\n  PT_BR_FORMAT_DATETIME,\n  EN_US_FORMAT,\n  EN_US_FORMAT_DATETIME,\n};\n"],"names":["PT_BR_FORMAT","PT_BR_FORMAT_DATETIME","EN_US_FORMAT","EN_US_FORMAT_DATETIME","getMomentValue","value","newValue","moment","isValid","format","blocksDateTimeFormat","DD","mask","IMask","MaskedRange","from","to","MM","YYYY","HH","mm"],"mappings":";;;;;;;;;;;;;AAGA,MAAMA,IAAe,cACfC,IAAwB,oBACxBC,IAAe,cACfC,IAAwB,oBAExBC,IAAiBA,CAACC,MAAkB;AACxC,MAAIC,IAAWD;AACf,SAAIE,EAAOD,GAAUN,GAAc,EAAI,EAAEQ,cACvCF,IAAWC,EAAOD,GAAUN,CAAY,EAAES,OAAOT,CAAY,IAGvD,OAAOM,KAAa,WAAWC,EAAOD,GAAUJ,CAAY,IAAII;AAC1E,GAEMI,IAAuB;AAAA,EAC3BC,IAAI;AAAA,IACFC,MAAMC,EAAMC;AAAAA,IACZC,MAAM;AAAA,IACNC,IAAI;AAAA,EAAA;AAAA,EAENC,IAAI;AAAA,IACFL,MAAMC,EAAMC;AAAAA,IACZC,MAAM;AAAA,IACNC,IAAI;AAAA,EAAA;AAAA,EAENE,MAAM;AAAA,IACJN,MAAMC,EAAMC;AAAAA,IACZC,MAAM;AAAA,IACNC,IAAI;AAAA,EAAA;AAAA,EAENG,IAAI;AAAA,IACFP,MAAMC,EAAMC;AAAAA,IACZC,MAAM;AAAA,IACNC,IAAI;AAAA,EAAA;AAAA,EAENI,IAAI;AAAA,IACFR,MAAMC,EAAMC;AAAAA,IACZC,MAAM;AAAA,IACNC,IAAI;AAAA,EAAA;AAER;"}
+{"version":3,"file":"helpers.js","sources":["../../../src/lib/inputs/date/helpers.ts"],"sourcesContent":["import moment from 'moment';\nimport { IMask } from 'react-imask';\n\nconst PT_BR_FORMAT = 'DD/MM/YYYY';\nconst PT_BR_FORMAT_DATETIME = 'DD/MM/YYYY HH:mm';\nconst EN_US_FORMAT = 'YYYY-MM-DD';\nconst EN_US_FORMAT_DATETIME = 'YYYY-MM-DD HH.mm';\n\nconst getMomentValue = (value: string) => {\n  let newValue = value;\n  if (moment(newValue, PT_BR_FORMAT, true).isValid()) {\n    newValue = moment(newValue, PT_BR_FORMAT).format(PT_BR_FORMAT);\n  }\n\n  return (typeof newValue === 'string' ? moment(newValue, EN_US_FORMAT) : newValue);\n};\n\nconst blocksDateTimeFormat = {\n  DD: {\n    mask: IMask.MaskedRange,\n    from: 1,\n    to: 31,\n  },\n  MM: {\n    mask: IMask.MaskedRange,\n    from: 1,\n    to: 12,\n  },\n  YYYY: {\n    mask: IMask.MaskedRange,\n    from: 1900,\n    to: 2999,\n  },\n  HH: {\n    mask: IMask.MaskedRange,\n    from: 0,\n    to: 23,\n  },\n  mm: {\n    mask: IMask.MaskedRange,\n    from: 0,\n    to: 59,\n  },\n};\n\nexport {\n  getMomentValue,\n  blocksDateTimeFormat,\n  PT_BR_FORMAT,\n  PT_BR_FORMAT_DATETIME,\n  EN_US_FORMAT,\n  EN_US_FORMAT_DATETIME,\n};\n"],"names":["PT_BR_FORMAT","PT_BR_FORMAT_DATETIME","EN_US_FORMAT","EN_US_FORMAT_DATETIME","getMomentValue","value","newValue","moment","isValid","format","blocksDateTimeFormat","DD","mask","IMask","MaskedRange","from","to","MM","YYYY","HH","mm"],"mappings":";;AAGA,MAAMA,IAAe,cACfC,IAAwB,oBACxBC,IAAe,cACfC,IAAwB,oBAExBC,IAAiBA,CAACC,MAAkB;AACxC,MAAIC,IAAWD;AACf,SAAIE,EAAOD,GAAUN,GAAc,EAAI,EAAEQ,cACvCF,IAAWC,EAAOD,GAAUN,CAAY,EAAES,OAAOT,CAAY,IAGvD,OAAOM,KAAa,WAAWC,EAAOD,GAAUJ,CAAY,IAAII;AAC1E,GAEMI,IAAuB;AAAA,EAC3BC,IAAI;AAAA,IACFC,MAAMC,EAAMC;AAAAA,IACZC,MAAM;AAAA,IACNC,IAAI;AAAA,EAAA;AAAA,EAENC,IAAI;AAAA,IACFL,MAAMC,EAAMC;AAAAA,IACZC,MAAM;AAAA,IACNC,IAAI;AAAA,EAAA;AAAA,EAENE,MAAM;AAAA,IACJN,MAAMC,EAAMC;AAAAA,IACZC,MAAM;AAAA,IACNC,IAAI;AAAA,EAAA;AAAA,EAENG,IAAI;AAAA,IACFP,MAAMC,EAAMC;AAAAA,IACZC,MAAM;AAAA,IACNC,IAAI;AAAA,EAAA;AAAA,EAENI,IAAI;AAAA,IACFR,MAAMC,EAAMC;AAAAA,IACZC,MAAM;AAAA,IACNC,IAAI;AAAA,EAAA;AAER;"}

package/lib/inputs/mask/BaseMask.js

@@ -1,105 +1,95 @@
-import { jsx as S } from "react/jsx-runtime";
-import { useEffect as h } from "react";
-import "../../node_modules/imask/esm/index.js";
-import "../../node_modules/imask/esm/controls/input.js";
-import "../../node_modules/imask/esm/masked/factory.js";
-import "../../node_modules/imask/esm/controls/mask-element.js";
-import "../../node_modules/imask/esm/controls/html-input-mask-element.js";
-import "../../node_modules/imask/esm/controls/html-mask-element.js";
-import "../../node_modules/imask/esm/controls/html-contenteditable-mask-element.js";
-import "../../node_modules/imask/esm/controls/input-history.js";
-import "../../node_modules/react-imask/esm/input.js";
-import B from "../../node_modules/react-imask/esm/hook.js";
-import "../../node_modules/react-imask/esm/mixin.js";
-import M from "../base/InputTextBase.js";
+import { jsx as h } from "react/jsx-runtime";
+import { useEffect as B } from "react";
+import { useIMask as M } from "react-imask";
+import w from "../base/InputTextBase.js";
 import { numberToEnUS as b, formatOnlyNumbers as g } from "../number/format_number.js";
-import { actionsOnPermissionDenied as w, OPTIONS_ON_DENIED as s } from "../../permissionValidations.js";
-import { getMaskOptions as F } from "./helpers.js";
-const k = (e, u) => {
+import { actionsOnPermissionDenied as F, OPTIONS_ON_DENIED as i } from "../../permissionValidations.js";
+import { getMaskOptions as I } from "./helpers.js";
+const k = (e, r) => {
   if (e.returnFormattedValueOnBlur || e.returnFormattedValueOnKeyDown) {
     const {
-      name: o
-    } = u.target, a = e.defaultValue || "";
+      name: u
+    } = r.target, a = e.defaultValue || "";
     return {
-      ...u,
+      ...r,
       target: {
         value: String(b(a)),
-        name: o
+        name: u
       }
     };
   }
-  return u;
-}, I = (e, u, o) => e.isNumeric ? {} : {
+  return r;
+}, K = (e, r, u) => e.isNumeric ? {} : {
   onBlur: (a) => {
-    if (o.unmaskedValue.trim().length && e.autoCompleteMask) {
-      const n = o.unmaskedValue, r = o.mask.toString().replace(/\D+/g, "").length;
-      if (r > n.length)
+    if (u.unmaskedValue.trim().length && e.autoCompleteMask) {
+      const n = u.unmaskedValue, o = u.mask.toString().replace(/\D+/g, "").length;
+      if (o > n.length)
         switch (e.autoCompleteMask) {
           case "left":
-            u(n.padStart(r, "0"));
+            r(n.padStart(o, "0"));
             break;
           case "right":
-            u(n.padEnd(r, "0"));
+            r(n.padEnd(o, "0"));
             break;
           default:
-            u(n);
+            r(n);
             break;
         }
     }
     if (e.onBlur) {
       const {
         value: n
-      } = a.target, r = g(n), i = {
+      } = a.target, o = g(n), s = {
         ...a,
         target: {
           ...a.target,
-          value: r
+          value: o
         }
-      }, l = k(e, i);
-      e.onBlur(l);
+      }, m = k(e, s);
+      e.onBlur(m);
     }
   },
   onKeyDown: (a) => {
     if (e.onKeyDown) {
       const {
         value: n
-      } = a.target, r = g(n), i = {
+      } = a.target, o = g(n), s = {
         ...a,
         target: {
-          value: r
+          value: o
         }
-      }, l = k(e, i);
-      e.onKeyDown(l);
+      }, m = k(e, s);
+      e.onKeyDown(m);
     }
   }
-}, K = [s.disabled, s.unvisible, s.readOnly, s.hideContent], Z = ({
+}, x = [i.disabled, i.unvisible, i.readOnly, i.hideContent], _ = ({
   value: e,
-  defaultValue: u,
-  inputRef: o,
+  defaultValue: r,
+  inputRef: u,
   onChange: a,
   onComplete: n,
-  permissionAttr: r,
-  mask: i,
-  isDateTimeField: l,
+  permissionAttr: o,
+  mask: s,
+  isDateTimeField: m,
   ...d
 }) => {
-  const v = w(K, r), {
+  const v = F(x, o), {
     disabled: y,
-    readOnly: p
-  } = v, f = y || p, O = F({
-    mask: i,
-    isDateTimeField: l,
+    readOnly: O
+  } = v, f = y || O, D = I({
+    mask: s,
+    isDateTimeField: m,
     ...d
   }), {
-    ref: D,
+    ref: E,
     setValue: V,
-    setUnmaskedValue: E,
-    maskRef: N
-  } = B({
-    ...O
+    setUnmaskedValue: N,
+    maskRef: S
+  } = M({
+    ...D
   }, {
-    defaultValue: u,
-    onAccept: (m, t) => {
+    defaultValue: r,
+    onAccept: (l, t) => {
       if (!f && a) {
         const c = {
           target: {
@@ -112,7 +102,7 @@ const k = (e, u) => {
         a(c);
       }
     },
-    onComplete: (m, t) => {
+    onComplete: (l, t) => {
       if (!f && n) {
         const c = {
           target: {
@@ -126,19 +116,19 @@ const k = (e, u) => {
       }
     }
   });
-  return h(() => {
-    if (i === Number || typeof e == "number") {
+  return B(() => {
+    if (s === Number || typeof e == "number") {
       const t = b(String(e));
-      Number.isNaN(t) || E(String(t));
+      Number.isNaN(t) || N(String(t));
       return;
     }
-    const m = e ? String(e) : "";
-    V(m);
-  }, [e]), /* @__PURE__ */ S(M, { inputRef: (m) => {
-    D.current = m, o && (typeof o == "object" ? o.current = m : o(m));
-  }, permissionAttr: r, ...d, ...I(d, V, N.current) });
+    const l = e ? String(e) : "";
+    V(l);
+  }, [e]), /* @__PURE__ */ h(w, { inputRef: (l) => {
+    E.current = l, u && (typeof u == "object" ? u.current = l : u(l));
+  }, permissionAttr: o, ...d, ...K(d, V, S.current) });
 };
 export {
-  Z as default
+  _ as default
 };
 //# sourceMappingURL=BaseMask.js.map

package/lib/inputs/mask/BaseMask.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseMask.js","sources":["../../../src/lib/inputs/mask/BaseMask.tsx"],"sourcesContent":["import { Dispatch, KeyboardEvent, useEffect } from 'react';\nimport { useIMask } from 'react-imask';\nimport InputTextBase from '../base/InputTextBase';\nimport { IBaseMaskProps } from './types';\nimport { CustomInputEvent } from '../base/types';\nimport { numberToEnUS, formatOnlyNumbers } from '../number/format_number';\nimport { OPTIONS_ON_DENIED, actionsOnPermissionDenied } from '../../permissionValidations';\nimport { getMaskOptions } from './helpers';\n\nconst returnEventFormattedValue = (\n  props: IBaseMaskProps,\n  event: CustomInputEvent,\n) => {\n  if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown) {\n    // Retornando um objeto com a mesma estrutura do Proxy original\n    // para recuperacao do valor da mascara sem formatacao.\n    // O retorno poderá ser modificado conforme necessidade, desde que seja\n    // mantido o path até a propriedade value e name.\n    const { name } = event.target;\n    const value = props.defaultValue || '';\n    return { ...event, target: { value: String(numberToEnUS(value)), name } } as CustomInputEvent;\n  }\n  return event;\n};\n\nconst getEventProps = (props: IBaseMaskProps, setValue: Dispatch<string>, maskRef: any) => {\n  if (props.isNumeric) return {};\n  return {\n    onBlur: (e: CustomInputEvent) => {\n      if (maskRef.unmaskedValue.trim().length && props.autoCompleteMask) {\n        const currentValue = maskRef.unmaskedValue;\n        const sizeMask = maskRef.mask.toString().replace(/\\D+/g, '').length;\n        if (sizeMask > currentValue.length) {\n          switch (props.autoCompleteMask) {\n            case 'left':\n              setValue(currentValue.padStart(sizeMask, '0'));\n              break;\n            case 'right':\n              setValue(currentValue.padEnd(sizeMask, '0'));\n              break;\n            default:\n              setValue(currentValue);\n              break;\n          }\n        }\n      }\n      if (props.onBlur) {\n        const { value } = e.target;\n        const formatedValue = formatOnlyNumbers(value);\n        const eventWithFormatedValue = { ...e, target: { ...e.target, value: formatedValue } };\n        const formattedEvent =\n          returnEventFormattedValue(props, eventWithFormatedValue);\n        props.onBlur(formattedEvent);\n      }\n    },\n    onKeyDown: (e: CustomInputEvent | KeyboardEvent<Element>) => {\n      if (props.onKeyDown) {\n        const { value } = e.target as { value: string };\n        const formatedValue = formatOnlyNumbers(value);\n        const eventWithFormatedValue = { ...e, target: { value: formatedValue } };\n        const formattedEvent =\n          returnEventFormattedValue(props, eventWithFormatedValue as CustomInputEvent);\n        props.onKeyDown(formattedEvent);\n      }\n    },\n  };\n};\n\nconst options = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.readOnly,\n  OPTIONS_ON_DENIED.hideContent,\n];\n\nconst BaseMask = ({\n  value: valueProp,\n  defaultValue,\n  inputRef,\n  onChange,\n  onComplete,\n  permissionAttr,\n  mask,\n  isDateTimeField,\n  ...rest\n}: IBaseMaskProps) => {\n  const onDenied = actionsOnPermissionDenied(options, permissionAttr);\n  const { disabled, readOnly } = onDenied;\n  const disableCallbacks = disabled || readOnly;\n  const maskOptions = getMaskOptions({ mask, isDateTimeField, ...rest });\n  const { ref, setValue, setUnmaskedValue, maskRef } = useIMask({\n    ...maskOptions,\n  }, {\n    defaultValue,\n    onAccept: (_, r) => {\n      if (!disableCallbacks && onChange) {\n        const event: CustomInputEvent = {\n          target: {\n            name: r.el.input.name,\n            value: r.unmaskedValue,\n            maskedValue: r.value,\n            typedValue: r.typedValue,\n          },\n        };\n        onChange(event);\n      }\n    },\n    onComplete: (_, r) => {\n      if (!disableCallbacks && onComplete) {\n        const event: CustomInputEvent = {\n          target: {\n            name: r.el.input.name,\n            value: r.unmaskedValue,\n            maskedValue: r.value,\n            typedValue: r.typedValue,\n          },\n        };\n        onComplete(event);\n      }\n    },\n  });\n\n  useEffect(() => {\n    if (mask === Number || typeof valueProp === 'number') {\n      const updatedUnmaskedValue = numberToEnUS(String(valueProp));\n      if (!Number.isNaN(updatedUnmaskedValue)) setUnmaskedValue(String(updatedUnmaskedValue));\n      return;\n    }\n\n    const updatedValue = valueProp ? String(valueProp) : '';\n    setValue(updatedValue);\n  }, [valueProp]);\n\n  return (\n    <InputTextBase\n      inputRef={(r) => {\n        ref.current = r;\n        if (inputRef) {\n          if (typeof inputRef === 'object') inputRef.current = r;\n          else inputRef(r);\n        }\n      }}\n      permissionAttr={permissionAttr}\n      {...rest}\n      {...getEventProps(rest, setValue, maskRef.current)} />\n  );\n};\n\nexport default BaseMask;\n"],"names":["returnEventFormattedValue","props","event","returnFormattedValueOnBlur","returnFormattedValueOnKeyDown","name","target","value","defaultValue","String","numberToEnUS","getEventProps","setValue","maskRef","isNumeric","onBlur","e","unmaskedValue","trim","length","autoCompleteMask","currentValue","sizeMask","mask","toString","replace","padStart","padEnd","formatedValue","formatOnlyNumbers","eventWithFormatedValue","formattedEvent","onKeyDown","options","OPTIONS_ON_DENIED","disabled","unvisible","readOnly","hideContent","BaseMask","valueProp","inputRef","onChange","onComplete","permissionAttr","isDateTimeField","rest","onDenied","actionsOnPermissionDenied","disableCallbacks","maskOptions","getMaskOptions","ref","setUnmaskedValue","useIMask","onAccept","_","r","el","input","maskedValue","typedValue","useEffect","Number","updatedUnmaskedValue","isNaN","updatedValue","jsx","InputTextBase","current"],"mappings":"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"}
+{"version":3,"file":"BaseMask.js","sources":["../../../src/lib/inputs/mask/BaseMask.tsx"],"sourcesContent":["import { Dispatch, KeyboardEvent, useEffect } from 'react';\nimport { useIMask } from 'react-imask';\nimport InputTextBase from '../base/InputTextBase';\nimport { IBaseMaskProps } from './types';\nimport { CustomInputEvent } from '../base/types';\nimport { numberToEnUS, formatOnlyNumbers } from '../number/format_number';\nimport { OPTIONS_ON_DENIED, actionsOnPermissionDenied } from '../../permissionValidations';\nimport { getMaskOptions } from './helpers';\n\nconst returnEventFormattedValue = (\n  props: IBaseMaskProps,\n  event: CustomInputEvent,\n) => {\n  if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown) {\n    // Retornando um objeto com a mesma estrutura do Proxy original\n    // para recuperacao do valor da mascara sem formatacao.\n    // O retorno poderá ser modificado conforme necessidade, desde que seja\n    // mantido o path até a propriedade value e name.\n    const { name } = event.target;\n    const value = props.defaultValue || '';\n    return { ...event, target: { value: String(numberToEnUS(value)), name } } as CustomInputEvent;\n  }\n  return event;\n};\n\nconst getEventProps = (props: IBaseMaskProps, setValue: Dispatch<string>, maskRef: any) => {\n  if (props.isNumeric) return {};\n  return {\n    onBlur: (e: CustomInputEvent) => {\n      if (maskRef.unmaskedValue.trim().length && props.autoCompleteMask) {\n        const currentValue = maskRef.unmaskedValue;\n        const sizeMask = maskRef.mask.toString().replace(/\\D+/g, '').length;\n        if (sizeMask > currentValue.length) {\n          switch (props.autoCompleteMask) {\n            case 'left':\n              setValue(currentValue.padStart(sizeMask, '0'));\n              break;\n            case 'right':\n              setValue(currentValue.padEnd(sizeMask, '0'));\n              break;\n            default:\n              setValue(currentValue);\n              break;\n          }\n        }\n      }\n      if (props.onBlur) {\n        const { value } = e.target;\n        const formatedValue = formatOnlyNumbers(value);\n        const eventWithFormatedValue = { ...e, target: { ...e.target, value: formatedValue } };\n        const formattedEvent =\n          returnEventFormattedValue(props, eventWithFormatedValue);\n        props.onBlur(formattedEvent);\n      }\n    },\n    onKeyDown: (e: CustomInputEvent | KeyboardEvent<Element>) => {\n      if (props.onKeyDown) {\n        const { value } = e.target as { value: string };\n        const formatedValue = formatOnlyNumbers(value);\n        const eventWithFormatedValue = { ...e, target: { value: formatedValue } };\n        const formattedEvent =\n          returnEventFormattedValue(props, eventWithFormatedValue as CustomInputEvent);\n        props.onKeyDown(formattedEvent);\n      }\n    },\n  };\n};\n\nconst options = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.readOnly,\n  OPTIONS_ON_DENIED.hideContent,\n];\n\nconst BaseMask = ({\n  value: valueProp,\n  defaultValue,\n  inputRef,\n  onChange,\n  onComplete,\n  permissionAttr,\n  mask,\n  isDateTimeField,\n  ...rest\n}: IBaseMaskProps) => {\n  const onDenied = actionsOnPermissionDenied(options, permissionAttr);\n  const { disabled, readOnly } = onDenied;\n  const disableCallbacks = disabled || readOnly;\n  const maskOptions = getMaskOptions({ mask, isDateTimeField, ...rest });\n  const { ref, setValue, setUnmaskedValue, maskRef } = useIMask({\n    ...maskOptions,\n  }, {\n    defaultValue,\n    onAccept: (_, r) => {\n      if (!disableCallbacks && onChange) {\n        const event: CustomInputEvent = {\n          target: {\n            name: r.el.input.name,\n            value: r.unmaskedValue,\n            maskedValue: r.value,\n            typedValue: r.typedValue,\n          },\n        };\n        onChange(event);\n      }\n    },\n    onComplete: (_, r) => {\n      if (!disableCallbacks && onComplete) {\n        const event: CustomInputEvent = {\n          target: {\n            name: r.el.input.name,\n            value: r.unmaskedValue,\n            maskedValue: r.value,\n            typedValue: r.typedValue,\n          },\n        };\n        onComplete(event);\n      }\n    },\n  });\n\n  useEffect(() => {\n    if (mask === Number || typeof valueProp === 'number') {\n      const updatedUnmaskedValue = numberToEnUS(String(valueProp));\n      if (!Number.isNaN(updatedUnmaskedValue)) setUnmaskedValue(String(updatedUnmaskedValue));\n      return;\n    }\n\n    const updatedValue = valueProp ? String(valueProp) : '';\n    setValue(updatedValue);\n  }, [valueProp]);\n\n  return (\n    <InputTextBase\n      inputRef={(r) => {\n        ref.current = r;\n        if (inputRef) {\n          if (typeof inputRef === 'object') inputRef.current = r;\n          else inputRef(r);\n        }\n      }}\n      permissionAttr={permissionAttr}\n      {...rest}\n      {...getEventProps(rest, setValue, maskRef.current)} />\n  );\n};\n\nexport default BaseMask;\n"],"names":["returnEventFormattedValue","props","event","returnFormattedValueOnBlur","returnFormattedValueOnKeyDown","name","target","value","defaultValue","String","numberToEnUS","getEventProps","setValue","maskRef","isNumeric","onBlur","e","unmaskedValue","trim","length","autoCompleteMask","currentValue","sizeMask","mask","toString","replace","padStart","padEnd","formatedValue","formatOnlyNumbers","eventWithFormatedValue","formattedEvent","onKeyDown","options","OPTIONS_ON_DENIED","disabled","unvisible","readOnly","hideContent","BaseMask","valueProp","inputRef","onChange","onComplete","permissionAttr","isDateTimeField","rest","onDenied","actionsOnPermissionDenied","disableCallbacks","maskOptions","getMaskOptions","ref","setUnmaskedValue","useIMask","onAccept","_","r","el","input","maskedValue","typedValue","useEffect","Number","updatedUnmaskedValue","isNaN","updatedValue","jsx","InputTextBase","current"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { JSX, KeyboardEvent, MutableRefObject } from 'react';
+import { JSX, KeyboardEvent, MutableRefObject, HTMLInputAutoCompleteAttribute } from 'react';
 import { TextAlign } from 'src/lib/@types/Align';
 import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';
 import { CustomInputEvent } from '../base/types';
@@ -54,6 +54,7 @@ export type IBaseMaskProps = {
     mapToRadix?: string[];
     normalizeZeros?: boolean;
     isDateTimeField?: boolean;
+    autoComplete?: HTMLInputAutoCompleteAttribute;
 };
 export type ICnpjFieldProps = IBaseMaskProps & {
     value?: string;