linear-react-components-ui 1.1.26-beta.16 → 1.1.26-beta.17

package/lib/form/index.js

@@ -1,23 +1,17 @@
 import { jsxs as mr, jsx as w } from "react/jsx-runtime";
 import { useState as m, useContext as pr, useRef as j, useCallback as C, useEffect as E, Fragment as gr } from "react";
-import s from "../_virtual/lodash.js";
+import n from "../_virtual/lodash.js";
 import { changeValue as M, FormContext as Er } from "./helpers.js";
-import { default as Ur } from "./Field.js";
-import { default as Lr } from "./FieldNumber.js";
-import { default as Wr } from "./FieldArray.js";
-import { default as Ir } from "./FieldPeriod.js";
-import '../assets/styles/button.css';import '../assets/styles/tooltip.css';import '../assets/styles/icon.css';import '../assets/styles/form.css';/* empty css                         */
+import { default as Rr } from "./Field.js";
+import { default as Qr } from "./FieldNumber.js";
+import { default as Dr } from "./FieldArray.js";
+import { default as Ur } from "./FieldPeriod.js";
+import '../assets/styles/form.css';/* empty css                         */
 import "../dialog/base/index.js";
-import "../_virtual/compiler-runtime.js";
-import "../buttons/DefaultButton.js";
-/* empty css                         */
-import "react-dom";
-/* empty css                            */
-/* empty css                           */
 import Fr from "../dialog/Question.js";
 import { FormSecurityContext as hr } from "./withFormSecurity.js";
 import yr from "../node_modules/uuid/dist/v1.js";
-const qr = ({
+const Cr = ({
   submitOnPressEnterKey: F = !0,
   dataSource: p,
   securityBeforeUnload: x,
@@ -39,61 +33,61 @@ const qr = ({
   useInternalState: l = !1,
   onValidateErrorsOnTab: b
 }) => {
-  const Z = yr(), [v, S] = m(p), [h, K] = m(p), [Q, _] = m(F), [O, N] = m({}), [q, rr] = m(0), [tr, er] = m(!1), f = pr(hr), or = j(null), a = j({}), d = j([]), n = l ? v : p, D = (r, t) => {
+  const Z = yr(), [v, S] = m(p), [h, K] = m(p), [Q, _] = m(F), [O, N] = m({}), [q, rr] = m(0), [tr, er] = m(!1), f = pr(hr), or = j(null), a = j({}), d = j([]), i = l ? v : p, D = (r, t) => {
     const e = r instanceof Array ? r : [r];
     let o = [];
-    return e.forEach((i) => {
-      if (typeof i == "function") {
-        const c = i(t);
+    return e.forEach((s) => {
+      if (typeof s == "function") {
+        const c = s(t);
         c && (o = [...o, c]);
       }
     }), o;
-  }, ir = (r, t) => {
-    const e = r || n;
-    let o = s.pickBy(O, (i, c) => Object.keys(t).includes(c));
-    return s.forEach(t, (i, c) => {
-      const L = s.get(e, c), dr = D(i, L);
+  }, sr = (r, t) => {
+    const e = r || i;
+    let o = n.pickBy(O, (s, c) => Object.keys(t).includes(c));
+    return n.forEach(t, (s, c) => {
+      const L = n.get(e, c), dr = D(s, L);
       o = {
         ...o,
         [c]: dr
       };
     }), o;
   }, y = (r, t = !0, e = null) => {
-    const o = ir(r, e || a.current), i = Object.values(o).every((c) => c.length === 0);
-    return t && er(i), i;
-  }, sr = C((r) => {
+    const o = sr(r, e || a.current), s = Object.values(o).every((c) => c.length === 0);
+    return t && er(s), s;
+  }, nr = C((r) => {
     const {
       target: t
     } = r;
     !l && u ? u((e) => M(e, t)) : S((e) => M(e, t));
-  }, []), nr = (r, t, e) => {
+  }, []), ir = (r, t, e) => {
     if (e) {
       let o = O;
-      const i = D(e, t);
-      i.length === 0 ? o = s.omit(o, r) : o = {
+      const s = D(e, t);
+      s.length === 0 ? o = n.omit(o, r) : o = {
         ...o,
-        [r]: i
+        [r]: s
       }, N(o);
     }
   }, P = C((r) => {
-    r && (r.preventDefault(), r.stopPropagation()), y(n) && H(n);
-  }, [n]), U = (r, t) => {
+    r && (r.preventDefault(), r.stopPropagation()), y(i) && H(i);
+  }, [i]), U = (r, t) => {
     const e = t ? t instanceof Array ? t : [t] : [];
     e.length > 0 ? (r((o) => {
-      const i = JSON.parse(JSON.stringify(o));
+      const s = JSON.parse(JSON.stringify(o));
       return e.forEach((c) => {
-        c && s.set(i, c, s.get(h, c));
-      }), i;
-    }), N((o) => (e.forEach((i) => {
-      delete o[i];
+        c && n.set(s, c, n.get(h, c));
+      }), s;
+    }), N((o) => (e.forEach((s) => {
+      delete o[s];
     }), o))) : (r(JSON.parse(JSON.stringify(h))), N({}));
   }, cr = (r) => {
     U(!l && u ? u : S, r);
   }, fr = (r) => {
-    const t = s.omit(a, r);
+    const t = n.omit(a, r);
     a.current = t;
   }, k = (r) => {
-    r.preventDefault(), s.isEqual(n, h);
+    r.preventDefault(), n.isEqual(i, h);
   }, lr = C((r) => {
     if (!r.tabId) return;
     const t = [...d.current].findIndex((e) => e.name === r.name);
@@ -103,7 +97,7 @@ const qr = ({
     } else
       d.current = [...d.current, r];
     if (b) {
-      const e = s.uniq(s.compact(d.current.map((o) => {
+      const e = n.uniq(n.compact(d.current.map((o) => {
         if (o.hasErrors) return String(o.tabId);
       })));
       b(e);
@@ -117,13 +111,13 @@ const qr = ({
       }
     }), r;
   }, B = () => {
-    if (!s.isEmpty(f)) {
+    if (!n.isEmpty(f)) {
       const {
         onChangedData: r
       } = f;
-      R && !s.isEqual(n, R) ? r(!0) : r(!1);
+      R && !n.isEqual(i, R) ? r(!0) : r(!1);
     }
-    u && l && u(n), g && g(y(n, !0)), V || (W(P), J && J(cr), A && A(() => y(n))), s.isEmpty(n) && K(n);
+    u && l && u(i), g && g(y(i, !0)), V || (W(P), J && J(cr), A && A(() => y(i))), n.isEmpty(i) && K(i);
   };
   E(() => {
     l && B();
@@ -135,12 +129,12 @@ const qr = ({
     !V && F !== Q && _(F);
   }, [F]), E(() => {
     const r = Object.values(a.current).reduce((t, e) => t + (e?.length || 0), 0);
-    a.current && g && q !== r && (rr(r), g(y(n, !0, a.current)));
-  }, [a.current, q, g, JSON.stringify(n)]);
+    a.current && g && q !== r && (rr(r), g(y(i, !0, a.current)));
+  }, [a.current, q, g, JSON.stringify(i)]);
   const ur = {
     skeletonize: X,
-    handlerFieldChange: sr,
-    handlerFieldValidate: nr,
+    handlerFieldChange: nr,
+    handlerFieldValidate: ir,
     handleValidationErrorsOnTab: lr,
     handlerStoreValidators: (r, t) => {
       a.current = {
@@ -157,16 +151,16 @@ const qr = ({
   };
   return /* @__PURE__ */ mr(gr, { children: [
     /* @__PURE__ */ w(Er.Provider, { value: ur, children: /* @__PURE__ */ w("form", { id: Z, ref: or, style: z, ...ar(), role: "presentation", className: `form-component ${I}`, children: Y }) }),
-    /* @__PURE__ */ w(Fr, { zIndex: "99999999", title: T || "Dados Alterados", text: $ || "Você possui dados alterados, confirma o fechamento?", visible: !s.isEmpty(f) && f.showQuestion, onConfirmClick: f ? f.onConfirmClick : () => {
+    /* @__PURE__ */ w(Fr, { zIndex: "99999999", title: T || "Dados Alterados", text: $ || "Você possui dados alterados, confirma o fechamento?", visible: !n.isEmpty(f) && f.showQuestion, onConfirmClick: f ? f.onConfirmClick : () => {
     }, onUnconfirmClick: f ? f.onUnconfirmClick : () => {
     } })
   ] });
 };
 export {
-  Ur as Field,
-  Wr as FieldArray,
-  Lr as FieldNumber,
-  Ir as FieldPeriod,
-  qr as default
+  Rr as Field,
+  Dr as FieldArray,
+  Qr as FieldNumber,
+  Ur as FieldPeriod,
+  Cr as default
 };
 //# sourceMappingURL=index.js.map

package/lib/form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/lib/form/index.tsx"],"sourcesContent":["import { Fragment, useState, useEffect, useContext, useRef, FormEvent, useCallback, KeyboardEvent, Dispatch, SetStateAction } from 'react';\nimport { v1 } from 'uuid';\nimport _ from 'lodash';\nimport { changeValue, FormContext } from './helpers';\nimport Field from './Field';\nimport FieldNumber from './FieldNumber';\nimport FieldArray from './FieldArray';\nimport FieldPeriod from './FieldPeriod';\nimport '../assets/styles/form.scss';\nimport { DialogQuestion } from '../dialog';\nimport { FormSecurityContext } from './withFormSecurity';\nimport { FieldErrors, FieldValidator, FormContextProps, FormProps, OnFielChangeEvent, Validator, type PropsValidateTabErrors } from './types';\n\nconst Form = ({\n  submitOnPressEnterKey = true, dataSource, securityBeforeUnload, handlerReset, handlerSubmit,\n  handlerValidates, style, customClass, securityTitle, securityText, securityData, onDataChange,\n  onValidateForm, externalFieldErrors, onSubmit, skeletonize, disabled, children,\n  useInternalState = false, onValidateErrorsOnTab,\n}: FormProps) => {\n  const formId = v1();\n  const [data, setData] = useState(dataSource);\n  const [originalData, setOriginalData] = useState(dataSource);\n  const [submitFormOnEnter, setSubmitFormOnEnter] = useState(submitOnPressEnterKey);\n  const [fieldErrors, setFieldErrors] = useState<FieldErrors>({});\n  const [oldFieldsValidatorsQuantity, setOldFieldsValidatorsQuantity] = useState(0);\n  const [isValid, setIsValid] = useState(false);\n  const context = useContext(FormSecurityContext);\n  const formRef = useRef<HTMLFormElement | null>(null);\n  const fieldsValidators = useRef<FieldValidator>({});\n  const tabsWithErrorRef = useRef<PropsValidateTabErrors[]>([]);\n  const usedData = useInternalState ? data : dataSource;\n\n  const getValidatesErrorMessages = (validators: Validator | Validator[], fieldValue: string) => {\n    const validatorsArray = (!(validators instanceof Array)) ? [validators] : validators;\n    let errors: string[] = [];\n    validatorsArray.forEach((validator: Validator) => {\n      if (typeof validator === 'function') {\n        const result = validator(fieldValue);\n        if (result) errors = [...errors, result];\n      }\n    });\n    return errors;\n  };\n\n  const getErrorMessages = (\n    currentData: object,\n    currentValidators: Validator | Validator[] | FieldValidator,\n  ) => {\n    const dataValidate = currentData || usedData;\n    let currentFieldErrors: FieldErrors = _.pickBy(fieldErrors, (__, fieldName) => {\n      const fieldValidatorsNames = Object.keys(currentValidators);\n      return fieldValidatorsNames.includes(fieldName);\n    }) as FieldErrors;\n    _.forEach(currentValidators, (validators, fieldName) => {\n      const fieldValue = _.get(dataValidate, fieldName);\n      const messages = getValidatesErrorMessages(validators, fieldValue);\n      currentFieldErrors = { ...currentFieldErrors, [fieldName]: messages };\n    });\n    return currentFieldErrors;\n  };\n\n  const checkIsValid = (\n    currentData: object,\n    updateState = true,\n    currentValidators: Validator | Validator[] | FieldValidator | null = null,\n  ): boolean => {\n    const currentFieldErrors =\n      getErrorMessages(currentData, currentValidators || fieldsValidators.current);\n    const isValidNow = Object.values(currentFieldErrors).every(value => value.length === 0);\n    if (updateState) setIsValid(isValidNow);\n    return isValidNow;\n  };\n\n  const onFieldChange = useCallback((event: OnFielChangeEvent) => {\n    const { target } = event;\n    if (!useInternalState && onDataChange) {\n      onDataChange((prevState: object) => changeValue(prevState, target));\n    } else {\n      setData(prevState => changeValue(prevState, target));\n    }\n  }, []);\n\n  const onValidate = (\n    fieldName: string,\n    fieldValue: string,\n    validators: Validator | Validator[],\n  ) => {\n    if (validators) {\n      let currentFieldErrors = fieldErrors;\n      const errors = getValidatesErrorMessages(validators, fieldValue);\n      if (errors.length === 0) {\n        currentFieldErrors = _.omit(currentFieldErrors, fieldName);\n      } else {\n        currentFieldErrors = { ...currentFieldErrors, [fieldName]: errors };\n      }\n      setFieldErrors(currentFieldErrors);\n    }\n  };\n\n  const onFormSubmit = useCallback((event?: Event) => {\n    if (event) { event.preventDefault(); event.stopPropagation(); }\n    if (checkIsValid(usedData)) onSubmit(usedData);\n  }, [usedData]);\n\n  const onResetField = (\n    cb: Dispatch<SetStateAction<object>>,\n    fields?: string | string[],\n  ) => {\n    const fieldsArray = !fields ? [] : (fields instanceof Array ? fields : [fields]);\n    if (fieldsArray.length > 0) {\n      cb((state: any) => {\n        const newState = JSON.parse(JSON.stringify(state));\n        fieldsArray.forEach((field) => {\n          if (field)\n            _.set(newState, field, _.get(originalData, field));\n        });\n        return newState;\n      });\n\n      setFieldErrors((state) => {\n        fieldsArray.forEach((field) => {\n          delete state[field];\n        });\n        return state;\n      });\n    } else {\n      cb(JSON.parse(JSON.stringify(originalData)));\n      setFieldErrors({});\n    }\n  };\n\n  const onReset = (fields?: string | string[]) => {\n    if (!useInternalState && onDataChange) {\n      onResetField(onDataChange, fields);\n    } else {\n      onResetField(setData, fields);\n    }\n  };\n\n  const onRemoveFieldValidators = (fieldName: string) => {\n    const newFieldsValidators = _.omit(fieldsValidators, fieldName);\n    fieldsValidators.current = newFieldsValidators;\n  };\n\n  const onBeforeUnload = (e: Event) => {\n    const event = e as Event;\n    event.preventDefault();\n    if (_.isEqual(usedData, originalData)) return;\n  };\n\n  const onValidateTabErrors = useCallback((props: PropsValidateTabErrors) => {\n    if (!props.tabId) return;\n\n    const tabIndex = [...tabsWithErrorRef.current].findIndex(tab => tab.name === props.name);\n\n    if (tabIndex !== -1) {\n      const novasTabs = [...tabsWithErrorRef.current];\n      novasTabs[tabIndex] = props;\n      tabsWithErrorRef.current = [...novasTabs];\n    } else {\n      tabsWithErrorRef.current = [...tabsWithErrorRef.current, props];\n    }\n\n    if (onValidateErrorsOnTab) {\n      const tabIdsWithErrors = _.uniq(\n        _.compact(\n          tabsWithErrorRef.current.map((tab) => {\n            if (tab.hasErrors) return String(tab.tabId);\n          }),\n        ),\n      );\n      onValidateErrorsOnTab(tabIdsWithErrors);\n    }\n  }, [onValidateErrorsOnTab]);\n\n  const formProps = () => {\n    let propsForm = null;\n\n    if (!disabled) {\n      propsForm = {\n        onSubmit: (event: FormEvent<HTMLFormElement>) => event.preventDefault(),\n        onKeyPress: (event: KeyboardEvent<HTMLFormElement>) => {\n          if (event && event.key === 'Enter') {\n            event.preventDefault();\n            event.stopPropagation();\n            if (submitFormOnEnter) onFormSubmit();\n          }\n        },\n      };\n    }\n    return propsForm;\n  };\n\n  const updateFormState = () => {\n    if (!_.isEmpty(context)) {\n      const { onChangedData } = context;\n      if (securityData && !_.isEqual(usedData, securityData)) {\n        onChangedData(true);\n      } else {\n        onChangedData(false);\n      }\n    }\n\n    if (onDataChange && useInternalState) onDataChange(usedData);\n\n    // TODO - Usar debounce para evitar chamada a cada letra digitada\n    if (onValidateForm) {\n      onValidateForm(checkIsValid(usedData, true));\n    }\n\n    if (!disabled) {\n      handlerSubmit(onFormSubmit);\n      if (handlerReset) handlerReset(onReset);\n      if (handlerValidates) handlerValidates(() => checkIsValid(usedData));\n    }\n    if (_.isEmpty(usedData)) setOriginalData(usedData);\n  };\n\n  useEffect(() => {\n    if (useInternalState) updateFormState();\n  }, [JSON.stringify(data), useInternalState]);\n\n  useEffect(() => {\n    if (!useInternalState && onDataChange) updateFormState();\n  }, [JSON.stringify(dataSource), useInternalState]);\n\n  useEffect(() => {\n    if (securityBeforeUnload) {\n      if (Object.entries(context).length) context.setSecurityBeforeUnload(true);\n      window.addEventListener('beforeunload', onBeforeUnload);\n    }\n    return () => {\n      if (securityBeforeUnload && Object.entries(context).length) \n        context.setSecurityBeforeUnload(false);\n      window.removeEventListener('beforeunload', onBeforeUnload);\n    };\n  }, [securityBeforeUnload, onBeforeUnload]);\n\n  useEffect(() => {\n    if (!disabled && submitOnPressEnterKey !== submitFormOnEnter) {\n      setSubmitFormOnEnter(submitOnPressEnterKey);\n    }\n  }, [submitOnPressEnterKey]);\n\n  useEffect(() => {\n    const validatorsQuantity = Object.values(fieldsValidators.current)\n      .reduce((acc, currentValue) => acc + (currentValue?.length || 0), 0);\n\n    if (fieldsValidators.current && onValidateForm\n      && oldFieldsValidatorsQuantity !== validatorsQuantity) {\n      setOldFieldsValidatorsQuantity(validatorsQuantity);\n      onValidateForm(checkIsValid(usedData, true, fieldsValidators.current));\n    }\n  }, [\n    fieldsValidators.current, oldFieldsValidatorsQuantity, onValidateForm, JSON.stringify(usedData),\n  ]);\n\n  const contextValues: FormContextProps = {\n    skeletonize,\n    handlerFieldChange: onFieldChange,\n    handlerFieldValidate: onValidate,\n    handleValidationErrorsOnTab: onValidateTabErrors,\n    handlerStoreValidators: (fieldName, fieldValidates) => {\n      fieldsValidators.current = { ...fieldsValidators.current, [fieldName]: fieldValidates };\n    },\n    handlerRemoveValidators: onRemoveFieldValidators,\n    data: useInternalState ? data : dataSource,\n    originalData,\n    fieldErrors,\n    externalFieldErrors,\n    isFormValid: isValid,\n  };\n\n  return (\n    <Fragment>\n      <FormContext.Provider value={contextValues}>\n        <form\n          id={formId}\n          ref={formRef}\n          style={style}\n          {...formProps()}\n          role=\"presentation\"\n          className={`form-component ${customClass}`}>\n          {children}\n        </form>\n      </FormContext.Provider>\n      <DialogQuestion\n        zIndex=\"99999999\"\n        title={securityTitle || 'Dados Alterados'}\n        text={securityText || 'Você possui dados alterados, confirma o fechamento?'}\n        visible={!_.isEmpty(context) && context.showQuestion}\n        onConfirmClick={context ? context.onConfirmClick : () => {}}\n        onUnconfirmClick={context ? context.onUnconfirmClick : () => {}} />\n    </Fragment>\n  );\n};\n\nexport default Form;\nexport {\n  Field,\n  FieldNumber,\n  FieldArray,\n  FieldPeriod,\n};\n"],"names":["Form","submitOnPressEnterKey","dataSource","securityBeforeUnload","handlerReset","handlerSubmit","handlerValidates","style","customClass","securityTitle","securityText","securityData","onDataChange","onValidateForm","externalFieldErrors","onSubmit","skeletonize","disabled","children","useInternalState","onValidateErrorsOnTab","formId","v1","data","setData","useState","originalData","setOriginalData","submitFormOnEnter","setSubmitFormOnEnter","fieldErrors","setFieldErrors","oldFieldsValidatorsQuantity","setOldFieldsValidatorsQuantity","isValid","setIsValid","context","useContext","FormSecurityContext","formRef","useRef","fieldsValidators","tabsWithErrorRef","usedData","getValidatesErrorMessages","validators","fieldValue","validatorsArray","Array","errors","forEach","validator","result","getErrorMessages","currentData","currentValidators","dataValidate","currentFieldErrors","_","pickBy","__","fieldName","Object","keys","includes","get","messages","checkIsValid","updateState","current","isValidNow","values","every","value","length","onFieldChange","useCallback","event","target","prevState","changeValue","onValidate","omit","onFormSubmit","preventDefault","stopPropagation","onResetField","cb","fields","fieldsArray","state","newState","JSON","parse","stringify","field","set","onReset","onRemoveFieldValidators","newFieldsValidators","onBeforeUnload","e","isEqual","onValidateTabErrors","props","tabId","tabIndex","findIndex","tab","name","novasTabs","tabIdsWithErrors","uniq","compact","map","hasErrors","String","formProps","propsForm","onKeyPress","key","updateFormState","isEmpty","onChangedData","useEffect","entries","setSecurityBeforeUnload","window","addEventListener","removeEventListener","validatorsQuantity","reduce","acc","currentValue","contextValues","handlerFieldChange","handlerFieldValidate","handleValidationErrorsOnTab","handlerStoreValidators","fieldValidates","handlerRemoveValidators","isFormValid","Fragment","jsx","FormContext","DialogQuestion","showQuestion","onConfirmClick","onUnconfirmClick"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/lib/form/index.tsx"],"sourcesContent":["import { Fragment, useState, useEffect, useContext, useRef, FormEvent, useCallback, KeyboardEvent, Dispatch, SetStateAction } from 'react';\nimport { v1 } from 'uuid';\nimport _ from 'lodash';\nimport { changeValue, FormContext } from './helpers';\nimport Field from './Field';\nimport FieldNumber from './FieldNumber';\nimport FieldArray from './FieldArray';\nimport FieldPeriod from './FieldPeriod';\nimport '../assets/styles/form.scss';\nimport { DialogQuestion } from '../dialog';\nimport { FormSecurityContext } from './withFormSecurity';\nimport { FieldErrors, FieldValidator, FormContextProps, FormProps, OnFielChangeEvent, Validator, type PropsValidateTabErrors } from './types';\n\nconst Form = ({\n  submitOnPressEnterKey = true, dataSource, securityBeforeUnload, handlerReset, handlerSubmit,\n  handlerValidates, style, customClass, securityTitle, securityText, securityData, onDataChange,\n  onValidateForm, externalFieldErrors, onSubmit, skeletonize, disabled, children,\n  useInternalState = false, onValidateErrorsOnTab,\n}: FormProps) => {\n  const formId = v1();\n  const [data, setData] = useState(dataSource);\n  const [originalData, setOriginalData] = useState(dataSource);\n  const [submitFormOnEnter, setSubmitFormOnEnter] = useState(submitOnPressEnterKey);\n  const [fieldErrors, setFieldErrors] = useState<FieldErrors>({});\n  const [oldFieldsValidatorsQuantity, setOldFieldsValidatorsQuantity] = useState(0);\n  const [isValid, setIsValid] = useState(false);\n  const context = useContext(FormSecurityContext);\n  const formRef = useRef<HTMLFormElement | null>(null);\n  const fieldsValidators = useRef<FieldValidator>({});\n  const tabsWithErrorRef = useRef<PropsValidateTabErrors[]>([]);\n  const usedData = useInternalState ? data : dataSource;\n\n  const getValidatesErrorMessages = (validators: Validator | Validator[], fieldValue: string) => {\n    const validatorsArray = (!(validators instanceof Array)) ? [validators] : validators;\n    let errors: string[] = [];\n    validatorsArray.forEach((validator: Validator) => {\n      if (typeof validator === 'function') {\n        const result = validator(fieldValue);\n        if (result) errors = [...errors, result];\n      }\n    });\n    return errors;\n  };\n\n  const getErrorMessages = (\n    currentData: object,\n    currentValidators: Validator | Validator[] | FieldValidator,\n  ) => {\n    const dataValidate = currentData || usedData;\n    let currentFieldErrors: FieldErrors = _.pickBy(fieldErrors, (__, fieldName) => {\n      const fieldValidatorsNames = Object.keys(currentValidators);\n      return fieldValidatorsNames.includes(fieldName);\n    }) as FieldErrors;\n    _.forEach(currentValidators, (validators, fieldName) => {\n      const fieldValue = _.get(dataValidate, fieldName);\n      const messages = getValidatesErrorMessages(validators, fieldValue);\n      currentFieldErrors = { ...currentFieldErrors, [fieldName]: messages };\n    });\n    return currentFieldErrors;\n  };\n\n  const checkIsValid = (\n    currentData: object,\n    updateState = true,\n    currentValidators: Validator | Validator[] | FieldValidator | null = null,\n  ): boolean => {\n    const currentFieldErrors =\n      getErrorMessages(currentData, currentValidators || fieldsValidators.current);\n    const isValidNow = Object.values(currentFieldErrors).every(value => value.length === 0);\n    if (updateState) setIsValid(isValidNow);\n    return isValidNow;\n  };\n\n  const onFieldChange = useCallback((event: OnFielChangeEvent) => {\n    const { target } = event;\n    if (!useInternalState && onDataChange) {\n      onDataChange((prevState: object) => changeValue(prevState, target));\n    } else {\n      setData(prevState => changeValue(prevState, target));\n    }\n  }, []);\n\n  const onValidate = (\n    fieldName: string,\n    fieldValue: string,\n    validators: Validator | Validator[],\n  ) => {\n    if (validators) {\n      let currentFieldErrors = fieldErrors;\n      const errors = getValidatesErrorMessages(validators, fieldValue);\n      if (errors.length === 0) {\n        currentFieldErrors = _.omit(currentFieldErrors, fieldName);\n      } else {\n        currentFieldErrors = { ...currentFieldErrors, [fieldName]: errors };\n      }\n      setFieldErrors(currentFieldErrors);\n    }\n  };\n\n  const onFormSubmit = useCallback((event?: Event) => {\n    if (event) { event.preventDefault(); event.stopPropagation(); }\n    if (checkIsValid(usedData)) onSubmit(usedData);\n  }, [usedData]);\n\n  const onResetField = (\n    cb: Dispatch<SetStateAction<object>>,\n    fields?: string | string[],\n  ) => {\n    const fieldsArray = !fields ? [] : (fields instanceof Array ? fields : [fields]);\n    if (fieldsArray.length > 0) {\n      cb((state: any) => {\n        const newState = JSON.parse(JSON.stringify(state));\n        fieldsArray.forEach((field) => {\n          if (field)\n            _.set(newState, field, _.get(originalData, field));\n        });\n        return newState;\n      });\n\n      setFieldErrors((state) => {\n        fieldsArray.forEach((field) => {\n          delete state[field];\n        });\n        return state;\n      });\n    } else {\n      cb(JSON.parse(JSON.stringify(originalData)));\n      setFieldErrors({});\n    }\n  };\n\n  const onReset = (fields?: string | string[]) => {\n    if (!useInternalState && onDataChange) {\n      onResetField(onDataChange, fields);\n    } else {\n      onResetField(setData, fields);\n    }\n  };\n\n  const onRemoveFieldValidators = (fieldName: string) => {\n    const newFieldsValidators = _.omit(fieldsValidators, fieldName);\n    fieldsValidators.current = newFieldsValidators;\n  };\n\n  const onBeforeUnload = (e: Event) => {\n    const event = e as Event;\n    event.preventDefault();\n    if (_.isEqual(usedData, originalData)) return;\n  };\n\n  const onValidateTabErrors = useCallback((props: PropsValidateTabErrors) => {\n    if (!props.tabId) return;\n\n    const tabIndex = [...tabsWithErrorRef.current].findIndex(tab => tab.name === props.name);\n\n    if (tabIndex !== -1) {\n      const novasTabs = [...tabsWithErrorRef.current];\n      novasTabs[tabIndex] = props;\n      tabsWithErrorRef.current = [...novasTabs];\n    } else {\n      tabsWithErrorRef.current = [...tabsWithErrorRef.current, props];\n    }\n\n    if (onValidateErrorsOnTab) {\n      const tabIdsWithErrors = _.uniq(\n        _.compact(\n          tabsWithErrorRef.current.map((tab) => {\n            if (tab.hasErrors) return String(tab.tabId);\n          }),\n        ),\n      );\n      onValidateErrorsOnTab(tabIdsWithErrors);\n    }\n  }, [onValidateErrorsOnTab]);\n\n  const formProps = () => {\n    let propsForm = null;\n\n    if (!disabled) {\n      propsForm = {\n        onSubmit: (event: FormEvent<HTMLFormElement>) => event.preventDefault(),\n        onKeyPress: (event: KeyboardEvent<HTMLFormElement>) => {\n          if (event && event.key === 'Enter') {\n            event.preventDefault();\n            event.stopPropagation();\n            if (submitFormOnEnter) onFormSubmit();\n          }\n        },\n      };\n    }\n    return propsForm;\n  };\n\n  const updateFormState = () => {\n    if (!_.isEmpty(context)) {\n      const { onChangedData } = context;\n      if (securityData && !_.isEqual(usedData, securityData)) {\n        onChangedData(true);\n      } else {\n        onChangedData(false);\n      }\n    }\n\n    if (onDataChange && useInternalState) onDataChange(usedData);\n\n    // TODO - Usar debounce para evitar chamada a cada letra digitada\n    if (onValidateForm) {\n      onValidateForm(checkIsValid(usedData, true));\n    }\n\n    if (!disabled) {\n      handlerSubmit(onFormSubmit);\n      if (handlerReset) handlerReset(onReset);\n      if (handlerValidates) handlerValidates(() => checkIsValid(usedData));\n    }\n    if (_.isEmpty(usedData)) setOriginalData(usedData);\n  };\n\n  useEffect(() => {\n    if (useInternalState) updateFormState();\n  }, [JSON.stringify(data), useInternalState]);\n\n  useEffect(() => {\n    if (!useInternalState && onDataChange) updateFormState();\n  }, [JSON.stringify(dataSource), useInternalState]);\n\n  useEffect(() => {\n    if (securityBeforeUnload) {\n      if (Object.entries(context).length) context.setSecurityBeforeUnload(true);\n      window.addEventListener('beforeunload', onBeforeUnload);\n    }\n    return () => {\n      if (securityBeforeUnload && Object.entries(context).length) \n        context.setSecurityBeforeUnload(false);\n      window.removeEventListener('beforeunload', onBeforeUnload);\n    };\n  }, [securityBeforeUnload, onBeforeUnload]);\n\n  useEffect(() => {\n    if (!disabled && submitOnPressEnterKey !== submitFormOnEnter) {\n      setSubmitFormOnEnter(submitOnPressEnterKey);\n    }\n  }, [submitOnPressEnterKey]);\n\n  useEffect(() => {\n    const validatorsQuantity = Object.values(fieldsValidators.current)\n      .reduce((acc, currentValue) => acc + (currentValue?.length || 0), 0);\n\n    if (fieldsValidators.current && onValidateForm\n      && oldFieldsValidatorsQuantity !== validatorsQuantity) {\n      setOldFieldsValidatorsQuantity(validatorsQuantity);\n      onValidateForm(checkIsValid(usedData, true, fieldsValidators.current));\n    }\n  }, [\n    fieldsValidators.current, oldFieldsValidatorsQuantity, onValidateForm, JSON.stringify(usedData),\n  ]);\n\n  const contextValues: FormContextProps = {\n    skeletonize,\n    handlerFieldChange: onFieldChange,\n    handlerFieldValidate: onValidate,\n    handleValidationErrorsOnTab: onValidateTabErrors,\n    handlerStoreValidators: (fieldName, fieldValidates) => {\n      fieldsValidators.current = { ...fieldsValidators.current, [fieldName]: fieldValidates };\n    },\n    handlerRemoveValidators: onRemoveFieldValidators,\n    data: useInternalState ? data : dataSource,\n    originalData,\n    fieldErrors,\n    externalFieldErrors,\n    isFormValid: isValid,\n  };\n\n  return (\n    <Fragment>\n      <FormContext.Provider value={contextValues}>\n        <form\n          id={formId}\n          ref={formRef}\n          style={style}\n          {...formProps()}\n          role=\"presentation\"\n          className={`form-component ${customClass}`}>\n          {children}\n        </form>\n      </FormContext.Provider>\n      <DialogQuestion\n        zIndex=\"99999999\"\n        title={securityTitle || 'Dados Alterados'}\n        text={securityText || 'Você possui dados alterados, confirma o fechamento?'}\n        visible={!_.isEmpty(context) && context.showQuestion}\n        onConfirmClick={context ? context.onConfirmClick : () => {}}\n        onUnconfirmClick={context ? context.onUnconfirmClick : () => {}} />\n    </Fragment>\n  );\n};\n\nexport default Form;\nexport {\n  Field,\n  FieldNumber,\n  FieldArray,\n  FieldPeriod,\n};\n"],"names":["Form","submitOnPressEnterKey","dataSource","securityBeforeUnload","handlerReset","handlerSubmit","handlerValidates","style","customClass","securityTitle","securityText","securityData","onDataChange","onValidateForm","externalFieldErrors","onSubmit","skeletonize","disabled","children","useInternalState","onValidateErrorsOnTab","formId","v1","data","setData","useState","originalData","setOriginalData","submitFormOnEnter","setSubmitFormOnEnter","fieldErrors","setFieldErrors","oldFieldsValidatorsQuantity","setOldFieldsValidatorsQuantity","isValid","setIsValid","context","useContext","FormSecurityContext","formRef","useRef","fieldsValidators","tabsWithErrorRef","usedData","getValidatesErrorMessages","validators","fieldValue","validatorsArray","Array","errors","forEach","validator","result","getErrorMessages","currentData","currentValidators","dataValidate","currentFieldErrors","_","pickBy","__","fieldName","Object","keys","includes","get","messages","checkIsValid","updateState","current","isValidNow","values","every","value","length","onFieldChange","useCallback","event","target","prevState","changeValue","onValidate","omit","onFormSubmit","preventDefault","stopPropagation","onResetField","cb","fields","fieldsArray","state","newState","JSON","parse","stringify","field","set","onReset","onRemoveFieldValidators","newFieldsValidators","onBeforeUnload","e","isEqual","onValidateTabErrors","props","tabId","tabIndex","findIndex","tab","name","novasTabs","tabIdsWithErrors","uniq","compact","map","hasErrors","String","formProps","propsForm","onKeyPress","key","updateFormState","isEmpty","onChangedData","useEffect","entries","setSecurityBeforeUnload","window","addEventListener","removeEventListener","validatorsQuantity","reduce","acc","currentValue","contextValues","handlerFieldChange","handlerFieldValidate","handleValidationErrorsOnTab","handlerStoreValidators","fieldValidates","handlerRemoveValidators","isFormValid","Fragment","jsx","FormContext","DialogQuestion","showQuestion","onConfirmClick","onUnconfirmClick"],"mappings":"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"}

package/lib/index.js

@@ -1,29 +1,26 @@
-import { default as d } from "./panel/Default.js";
+import { default as p } from "./panel/Default.js";
+import './assets/styles/label.css';import './assets/styles/button.css';import './assets/styles/panel.css';/* empty css                         */
+import { default as d } from "./toolbar/index.js";
 import "react/jsx-runtime";
 import "./_virtual/compiler-runtime.js";
-import "react";
-import { default as u } from "./icons/index.js";
-import { default as b } from "./buttons/Button.js";
-import './assets/styles/label.css';import './assets/styles/panel.css';import './assets/styles/noPermission.css';import './assets/styles/button.css';/* empty css                          */
-import "./panel/helpers.js";
-/* empty css                                */
+import { default as u } from "./buttons/Button.js";
+/* empty css                          */
+import { default as i } from "./labels/DefaultLabel.js";
 /* empty css                         */
-import { default as L } from "./toolbar/index.js";
-import { default as c } from "./labels/DefaultLabel.js";
-/* empty css                         */
-import { default as B } from "./list/index.js";
-import { default as I } from "./radio/index.js";
-import { default as R } from "./tabs/index.js";
-import { default as j } from "./dialog/base/index.js";
+import { default as n } from "./icons/index.js";
+import { default as T } from "./list/index.js";
+import { default as g } from "./radio/index.js";
+import { default as D } from "./tabs/index.js";
+import { default as P } from "./dialog/base/index.js";
 export {
-  b as Button,
-  j as Dialog,
-  u as Icon,
-  c as Label,
-  B as List,
-  d as Panel,
-  I as Radio,
-  R as Tab,
-  L as Toolbar
+  u as Button,
+  P as Dialog,
+  n as Icon,
+  i as Label,
+  T as List,
+  p as Panel,
+  g as Radio,
+  D as Tab,
+  d as Toolbar
 };
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/lib/inputs/base/InputTextBase.js

@@ -4,7 +4,7 @@ import De from "../../_virtual/lodash.js";
 import we from "../inputHOC.js";
 import '../../assets/styles/input.css';/* empty css                             */
 import { getRightElements as Oe, getInputWrapperClass as Fe, getInputClass as Ne } from "./helpers.js";
-import { OPTIONS_ON_DENIED as f, actionsOnPermissionDenied as Pe } from "../../permissionValidations.js";
+import { actionsOnPermissionDenied as Pe, OPTIONS_ON_DENIED as f } from "../../permissionValidations.js";
 import Re from "../../hint/index.js";
 import { ErrorMessage as We } from "../errorMessage/index.js";
 import H from "../../textContent/index.js";

package/lib/inputs/color/index.js

@@ -4,13 +4,10 @@ import { useState as B, useRef as F, useEffect as R } from "react";
 import T from "../../_virtual/lodash.js";
 import _ from "../text/index.js";
 import P from "../../buttons/Button.js";
-import '../../assets/styles/colorpicker.css';import '../../assets/styles/button.css';import '../../assets/styles/tooltip.css';import '../../assets/styles/icon.css';/* empty css                            */
-import "react-dom";
-/* empty css                               */
-/* empty css                              */
+import '../../assets/styles/colorpicker.css';import '../../assets/styles/button.css';/* empty css                              */
 /* empty css                                   */
-const J = (l) => {
-  const t = S.c(17), {
+const A = (l) => {
+  const e = S.c(17), {
     asTextField: y,
     value: E,
     onChange: o,
@@ -18,44 +15,44 @@ const J = (l) => {
     name: a
   } = l, g = y === void 0 ? !0 : y, i = E === void 0 ? "#aaaaaa" : E, [r, v] = B(i), s = F(null);
   let u;
-  t[0] === Symbol.for("react.memo_cache_sentinel") ? (u = T.debounce(V, 300), t[0] = u) : u = t[0];
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (u = T.debounce(V, 300), e[0] = u) : u = e[0];
   const I = u;
   let m;
-  t[1] !== o ? (m = (e) => {
+  e[1] !== o ? (m = (t) => {
     const {
       target: x
-    } = e;
-    v(x.value), o && I(o, e);
-  }, t[1] = o, t[2] = m) : m = t[2];
+    } = t;
+    v(x.value), o && I(o, t);
+  }, e[1] = o, e[2] = m) : m = e[2];
   const b = m;
   let f;
-  t[3] !== o ? (f = (e) => {
+  e[3] !== o ? (f = (t) => {
     const {
       target: x
-    } = e;
-    v(x.value), o && (e.persist(), I(o, e));
-  }, t[3] = o, t[4] = f) : f = t[4];
+    } = t;
+    v(x.value), o && (t.persist(), I(o, t));
+  }, e[3] = o, e[4] = f) : f = e[4];
   const p = f;
   let d;
-  t[5] === Symbol.for("react.memo_cache_sentinel") ? (d = () => {
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (d = () => {
     s.current && s.current.click();
-  }, t[5] = d) : d = t[5];
+  }, e[5] = d) : d = e[5];
   const N = d;
   let C, h;
-  t[6] !== i ? (C = () => {
+  e[6] !== i ? (C = () => {
     v(i);
-  }, h = [i], t[6] = i, t[7] = C, t[8] = h) : (C = t[7], h = t[8]), R(C, h);
+  }, h = [i], e[6] = i, e[7] = C, e[8] = h) : (C = e[7], h = e[8]), R(C, h);
   let k;
-  return t[9] !== g || t[10] !== r || t[11] !== a || t[12] !== n || t[13] !== b || t[14] !== p || t[15] !== l ? (k = g ? /* @__PURE__ */ c(_, { ...l, value: r, onChange: (e) => {
-    e && b(e);
+  return e[9] !== g || e[10] !== r || e[11] !== a || e[12] !== n || e[13] !== b || e[14] !== p || e[15] !== l ? (k = g ? /* @__PURE__ */ c(_, { ...l, value: r, onChange: (t) => {
+    t && b(t);
   }, leftElements: [/* @__PURE__ */ c("div", { className: "colorpicker-colormirror", style: {
     background: r
-  } }, "colorMirror"), /* @__PURE__ */ c("input", { className: "colorpicker-hideinputcolor", ref: s, type: "color", defaultValue: r, name: `${a}-hidden`, onClick: (e) => n ? n(e) : void 0, onInput: p }, "inputColor")], rightElements: /* @__PURE__ */ c(P, { className: "colorpicker-palettebutton", onClick: N, iconName: "pallete", boxShadow: !1 }, "palettebutton") }) : /* @__PURE__ */ c("input", { name: a, ref: s, type: "color", defaultValue: r, onClick: (e) => n ? n(e) : void 0, onInput: p }, "inputColor"), t[9] = g, t[10] = r, t[11] = a, t[12] = n, t[13] = b, t[14] = p, t[15] = l, t[16] = k) : k = t[16], k;
+  } }, "colorMirror"), /* @__PURE__ */ c("input", { className: "colorpicker-hideinputcolor", ref: s, type: "color", defaultValue: r, name: `${a}-hidden`, onClick: (t) => n ? n(t) : void 0, onInput: p }, "inputColor")], rightElements: /* @__PURE__ */ c(P, { className: "colorpicker-palettebutton", onClick: N, iconName: "pallete", boxShadow: !1 }, "palettebutton") }) : /* @__PURE__ */ c("input", { name: a, ref: s, type: "color", defaultValue: r, onClick: (t) => n ? n(t) : void 0, onInput: p }, "inputColor"), e[9] = g, e[10] = r, e[11] = a, e[12] = n, e[13] = b, e[14] = p, e[15] = l, e[16] = k) : k = e[16], k;
 };
-function V(l, t) {
-  l(t);
+function V(l, e) {
+  l(e);
 }
 export {
-  J as default
+  A as default
 };
 //# sourceMappingURL=index.js.map

package/lib/inputs/color/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/color/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, MouseEvent, ChangeEvent } from 'react';\nimport _ from 'lodash';\nimport TextField from '../text';\nimport Button from '../../buttons';\nimport '../../assets/styles/colorpicker.scss';\nimport { IColorProps } from './types';\nimport { CustomInputEvent } from '../base/types';\n\nconst ColorPicker = (props: IColorProps) => {\n  const {\n    asTextField = true,\n    value = '#aaaaaa',\n    onChange,\n    onButtonClick,\n    name,\n  } = props;\n  const [color, setColor] = useState(value);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const debouncedOnChange = _.debounce((func, e) => { func(e); }, 300);\n\n  const onInputChange = (e: CustomInputEvent) => {\n    const { target } = e;\n    setColor(target.value);\n    if (onChange) {\n      // Nota: A aplicação desta regra é limitada a projetos usando React 16 ou\n      // inferior porque o pool de eventos foi removido no React 17. CORRIGIR\n      // e.persist();\n      debouncedOnChange(onChange, e);\n    }\n  };\n\n  const onInputChangeDefault = (e: ChangeEvent<HTMLInputElement>) => {\n    const { target } = e;\n    setColor(target.value);\n    if (onChange) {\n      e.persist();\n      debouncedOnChange(onChange, e);\n    }\n  };\n\n  const onPaletteButtonClick = () => {\n    if (inputRef.current) inputRef.current.click();\n  };\n\n  useEffect(() => {\n    setColor(value);\n  }, [value]);\n\n  return (\n    asTextField\n      ? (\n        <TextField\n          {...props}\n          value={color}\n          onChange={(e?: CustomInputEvent) => {\n            if (e) onInputChange(e);\n          }}\n          leftElements={[\n            <div key=\"colorMirror\" className=\"colorpicker-colormirror\" style={{ background: color }} />,\n            <input\n              key=\"inputColor\"\n              className=\"colorpicker-hideinputcolor\"\n              ref={inputRef}\n              type=\"color\"\n              defaultValue={color}\n              name={`${name}-hidden`}\n              onClick={(e: MouseEvent<HTMLInputElement>) => (\n                onButtonClick ? onButtonClick(e) : undefined\n              )}\n              onInput={onInputChangeDefault} />,\n          ]}\n          rightElements={\n            <Button\n              className=\"colorpicker-palettebutton\"\n              key=\"palettebutton\"\n              onClick={onPaletteButtonClick}\n              iconName=\"pallete\"\n              boxShadow={false} />} />\n        )\n      : (\n        <input\n          key=\"inputColor\"\n          name={name}\n          ref={inputRef}\n          type=\"color\"\n          defaultValue={color}\n          onClick={(e: MouseEvent<HTMLInputElement>) => (\n            onButtonClick ? onButtonClick(e) : undefined\n          )}\n          onInput={onInputChangeDefault} />\n        )\n  );\n};\n\nexport default ColorPicker;\n"],"names":["ColorPicker","props","$","_c","asTextField","t0","value","t1","onChange","onButtonClick","name","undefined","color","setColor","useState","inputRef","useRef","t2","Symbol","for","_","debounce","_temp","debouncedOnChange","t3","e_0","target","e","onInputChange","t4","e_1","target_0","persist","onInputChangeDefault","t5","current","click","onPaletteButtonClick","t6","t7","useEffect","t8","TextField","e_2","background","jsx","e_3","Button","e_4","func"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/color/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, MouseEvent, ChangeEvent } from 'react';\nimport _ from 'lodash';\nimport TextField from '../text';\nimport Button from '../../buttons';\nimport '../../assets/styles/colorpicker.scss';\nimport { IColorProps } from './types';\nimport { CustomInputEvent } from '../base/types';\n\nconst ColorPicker = (props: IColorProps) => {\n  const {\n    asTextField = true,\n    value = '#aaaaaa',\n    onChange,\n    onButtonClick,\n    name,\n  } = props;\n  const [color, setColor] = useState(value);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const debouncedOnChange = _.debounce((func, e) => { func(e); }, 300);\n\n  const onInputChange = (e: CustomInputEvent) => {\n    const { target } = e;\n    setColor(target.value);\n    if (onChange) {\n      // Nota: A aplicação desta regra é limitada a projetos usando React 16 ou\n      // inferior porque o pool de eventos foi removido no React 17. CORRIGIR\n      // e.persist();\n      debouncedOnChange(onChange, e);\n    }\n  };\n\n  const onInputChangeDefault = (e: ChangeEvent<HTMLInputElement>) => {\n    const { target } = e;\n    setColor(target.value);\n    if (onChange) {\n      e.persist();\n      debouncedOnChange(onChange, e);\n    }\n  };\n\n  const onPaletteButtonClick = () => {\n    if (inputRef.current) inputRef.current.click();\n  };\n\n  useEffect(() => {\n    setColor(value);\n  }, [value]);\n\n  return (\n    asTextField\n      ? (\n        <TextField\n          {...props}\n          value={color}\n          onChange={(e?: CustomInputEvent) => {\n            if (e) onInputChange(e);\n          }}\n          leftElements={[\n            <div key=\"colorMirror\" className=\"colorpicker-colormirror\" style={{ background: color }} />,\n            <input\n              key=\"inputColor\"\n              className=\"colorpicker-hideinputcolor\"\n              ref={inputRef}\n              type=\"color\"\n              defaultValue={color}\n              name={`${name}-hidden`}\n              onClick={(e: MouseEvent<HTMLInputElement>) => (\n                onButtonClick ? onButtonClick(e) : undefined\n              )}\n              onInput={onInputChangeDefault} />,\n          ]}\n          rightElements={\n            <Button\n              className=\"colorpicker-palettebutton\"\n              key=\"palettebutton\"\n              onClick={onPaletteButtonClick}\n              iconName=\"pallete\"\n              boxShadow={false} />} />\n        )\n      : (\n        <input\n          key=\"inputColor\"\n          name={name}\n          ref={inputRef}\n          type=\"color\"\n          defaultValue={color}\n          onClick={(e: MouseEvent<HTMLInputElement>) => (\n            onButtonClick ? onButtonClick(e) : undefined\n          )}\n          onInput={onInputChangeDefault} />\n        )\n  );\n};\n\nexport default ColorPicker;\n"],"names":["ColorPicker","props","$","_c","asTextField","t0","value","t1","onChange","onButtonClick","name","undefined","color","setColor","useState","inputRef","useRef","t2","Symbol","for","_","debounce","_temp","debouncedOnChange","t3","e_0","target","e","onInputChange","t4","e_1","target_0","persist","onInputChangeDefault","t5","current","click","onPaletteButtonClick","t6","t7","useEffect","t8","TextField","e_2","background","jsx","e_3","Button","e_4","func"],"mappings":"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"}

package/lib/inputs/date/index.js

@@ -1,21 +1,17 @@
 import { jsxs as ue, jsx as m } from "react/jsx-runtime";
-import '../../assets/styles/button.css';import '../../assets/styles/tooltip.css';import '../../assets/styles/icon.css';import '../../assets/styles/gridlayout.css';import '../../assets/styles/datepicker.css';/* empty css                                  */
+import '../../assets/styles/button.css';import '../../assets/styles/datepicker.css';/* empty css                                  */
 import { useState as g, useRef as C, useEffect as w } from "react";
 import i from "../../node_modules/moment/dist/moment.js";
-import "../../_virtual/compiler-runtime.js";
-/* empty css                                  */
 import de from "../../gridlayout/GridCol.js";
+import "../../_virtual/compiler-runtime.js";
 import fe from "../../buttons/Button.js";
-/* empty css                            */
-import "react-dom";
-/* empty css                               */
 /* empty css                              */
 import me from "../../calendar/base/index.js";
 import ge from "../mask/BaseMask.js";
 import Ce from "./Dialog.js";
-import pe from "./Dropdown.js";
-import { getMomentValue as he, EN_US_FORMAT as De, EN_US_FORMAT_DATETIME as ye, blocksDateTimeFormat as Ee, PT_BR_FORMAT as be, PT_BR_FORMAT_DATETIME as Fe } from "./helpers.js";
-const ze = (t) => {
+import he from "./Dropdown.js";
+import { getMomentValue as De, EN_US_FORMAT as pe, EN_US_FORMAT_DATETIME as ye, blocksDateTimeFormat as Ee, PT_BR_FORMAT as be, PT_BR_FORMAT_DATETIME as Fe } from "./helpers.js";
+const Ae = (t) => {
   const {
     showButtonOpen: O = !0,
     openOnFocus: U = !0,
@@ -33,7 +29,7 @@ const ze = (t) => {
     gridLayout: S,
     shouldCloseOnEsc: X = !0,
     isDateTimeField: f = !1
-  } = t, Z = f ? Date : "00/00/0000", V = f ? "DD/MM/YYYY HH:mm" : void 0, u = f ? Fe : be, p = f ? ye : De, [D, y] = g(r ? he(r) : void 0), [s, d] = g(!1), [I, L] = g(i(r, V).format()), [$, M] = g(), [_, k] = g(!1), [l, ee] = g({
+  } = t, Z = f ? Date : "00/00/0000", V = f ? "DD/MM/YYYY HH:mm" : void 0, u = f ? Fe : be, h = f ? ye : pe, [p, y] = g(r ? De(r) : void 0), [s, d] = g(!1), [I, L] = g(i(r, V).format()), [$, M] = g(), [_, k] = g(!1), [l, ee] = g({
     disabled: !1,
     readOnly: !1,
     unvisible: !1,
@@ -49,7 +45,7 @@ const ze = (t) => {
     !c && s && n && d(!1);
   }, A = (e) => {
     if (X && s && e && e.key && e.key === "Escape" && (e.preventDefault(), d(!1), a.current?.focus()), s && c && e && e.key && e.key === "Tab") {
-      const n = v.current?.getElementsByClassName("navbutton"), F = (v.current?.getElementsByClassName("-selectedday"))[0].firstChild, h = Array.from([...n, F]), K = h[0], H = h[h.length - 1];
+      const n = v.current?.getElementsByClassName("navbutton"), F = (v.current?.getElementsByClassName("-selectedday"))[0].firstChild, D = Array.from([...n, F]), K = D[0], H = D[D.length - 1];
       e.shiftKey && document.activeElement === K ? (e.preventDefault(), H.focus()) : !e.shiftKey && document.activeElement === H && (e.preventDefault(), K.focus());
     }
     e.stopPropagation();
@@ -75,13 +71,13 @@ const ze = (t) => {
       const o = e.target.value ?? "";
       if (t.onChange) {
         if (ie(o)) {
-          const h = {
+          const D = {
             target: {
-              value: i(o, u).format(p),
+              value: i(o, u).format(h),
               name: e.target.name
             }
           };
-          t.onChange(h, o);
+          t.onChange(D, o);
         } else if (e.target.value === "") {
           const F = {
             target: {
@@ -111,18 +107,18 @@ const ze = (t) => {
     j(o.format(u), void 0), c && k(!1);
   }, currentDateButton: (o) => P.current = o, calendarContainer: (o) => {
     v.current = o;
-  } }), ce = () => l && l.readOnly ? null : c ? /* @__PURE__ */ m(Ce, { dialogSize: Q, handlerClose: ne, children: z(D, t?.calendarColorStyle) }) : /* @__PURE__ */ m(pe, { showButtonOpen: O, inputDimensions: $, containerRef: B, dropdownRef: (e) => {
+  } }), ce = () => l && l.readOnly ? null : c ? /* @__PURE__ */ m(Ce, { dialogSize: Q, handlerClose: ne, children: z(p, t?.calendarColorStyle) }) : /* @__PURE__ */ m(he, { showButtonOpen: O, inputDimensions: $, containerRef: B, dropdownRef: (e) => {
     E.current = e;
-  }, children: z(D, t?.calendarColorStyle) });
+  }, children: z(p, t?.calendarColorStyle) });
   if (w(() => {
-    r && i(r, p).format() !== "Invalid date" && i(I, p).format() !== i(r, p).format() ? (y(i(r, p)), L(r)) : !r && r !== I && (y(void 0), L(r));
+    r && i(r, h).format() !== "Invalid date" && i(I, h).format() !== i(r, h).format() ? (y(i(r, h)), L(r)) : !r && r !== I && (y(void 0), L(r));
   }, [r]), w(() => (window.addEventListener("resize", R), document.addEventListener("keydown", A), a.current && R(), s && c && k(!0), () => {
     window.removeEventListener("resize", R), document.removeEventListener("keydown", A);
   }), [a.current, s]), w(() => (document.addEventListener("scroll", b), document.getElementById("modal-dialog-content")?.addEventListener("scroll", b), () => {
     document.removeEventListener("scroll", b), document.getElementById("modal-dialog-content")?.removeEventListener("scroll", b);
   }), []), l && l.unvisible) return null;
   const Y = () => /* @__PURE__ */ ue("div", { ref: B, onBlur: oe, className: "datepicker-container", children: [
-    /* @__PURE__ */ m(ge, { ...t, gridLayout: void 0, isDateTimeField: f, value: D ? D.format(u) : " ", mask: Z, pattern: V, blocks: f ? Ee : {}, onComplete: (e) => {
+    /* @__PURE__ */ m(ge, { ...t, gridLayout: void 0, isDateTimeField: f, value: p ? p.format(u) : " ", mask: Z, pattern: V, blocks: f ? Ee : {}, onComplete: (e) => {
       e && j(e.target?.maskedValue, e);
     }, onBlur: ae, onFocus: (e) => {
       re(e);
@@ -136,6 +132,6 @@ const ze = (t) => {
   return S ? /* @__PURE__ */ m(de, { customClass: "-withinput", cols: S, children: Y() }) : Y();
 };
 export {
-  ze as default
+  Ae as default
 };
 //# sourceMappingURL=index.js.map