linear-react-components-ui 1.1.26-beta.12 → 1.1.26-beta.14

package/lib/form/index.js

@@ -1,31 +1,31 @@
-import { j as x } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { useState as m, useContext as ar, useRef as U, useCallback as q, useEffect as F, Fragment as ur } from "react";
-import { _ as f } from "../chunks/lodash.CIAK_hAg.js";
+import { jsxs as ar, jsx as N } from "react/jsx-runtime";
+import { useState as d, useContext as ur, useRef as U, useCallback as q, useEffect as F, Fragment as dr } from "react";
+import f from "../_virtual/lodash.js";
 import { changeValue as B, FormContext as mr } from "./helpers.js";
-import { default as Ar } 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 "../chunks/index.aw0XaUkg.js";
-import "../chunks/compiler-runtime.Cu50tn6L.js";
+import { default as Qr } from "./Field.js";
+import { default as Sr } from "./FieldNumber.js";
+import { default as Pr } from "./FieldArray.js";
+import { default as qr } from "./FieldPeriod.js";
+import '../styles/assets/styles/button.css';import '../styles/assets/styles/form.css';/* empty css                         */
+import "../dialog/base/index.js";
 import "../buttons/DefaultButton.js";
 import "../icons/index.js";
-import '../assets/button.css';import '../assets/index13.css';/* empty css                        */
-import dr from "../dialog/Question.js";
-import { FormSecurityContext as pr } from "./withFormSecurity.js";
-import { v as Fr } from "../chunks/v1.Ds1rkxUj.js";
-const Cr = ({
+/* empty css                           */
+import pr from "../dialog/Question.js";
+import { FormSecurityContext as Fr } from "./withFormSecurity.js";
+import gr from "../node_modules/uuid/dist/v1.js";
+const br = ({
   submitOnPressEnterKey: g = !0,
-  dataSource: d,
-  securityBeforeUnload: j,
-  handlerReset: k,
+  dataSource: m,
+  securityBeforeUnload: k,
+  handlerReset: w,
   handlerSubmit: L,
-  handlerValidates: w,
+  handlerValidates: C,
   style: M,
   customClass: z,
   securityTitle: $,
   securityText: G,
-  securityData: C,
+  securityData: J,
   onDataChange: u,
   onValidateForm: p,
   externalFieldErrors: H,
@@ -35,67 +35,67 @@ const Cr = ({
   children: X,
   useInternalState: l = !1
 }) => {
-  const Y = Fr(), [h, J] = m(d), [E, Z] = m(d), [b, K] = m(g), [v, O] = m({}), [A, _] = m(0), [I, rr] = m(!1), c = ar(pr), tr = U(null), a = U({}), i = l ? h : d, R = (r, t) => {
+  const Y = gr(), [x, b] = d(m), [y, Z] = d(m), [A, K] = d(g), [h, v] = d({}), [j, _] = d(0), [I, rr] = d(!1), c = ur(Fr), tr = U(null), a = U({}), s = l ? x : m, Q = (r, t) => {
     const e = r instanceof Array ? r : [r];
     let o = [];
-    return e.forEach((s) => {
-      if (typeof s == "function") {
-        const n = s(t);
+    return e.forEach((i) => {
+      if (typeof i == "function") {
+        const n = i(t);
         n && (o = [...o, n]);
       }
     }), o;
   }, or = (r, t) => {
-    const e = r || i;
-    let o = f.pickBy(v, (s, n) => Object.keys(t).includes(n));
-    return f.forEach(t, (s, n) => {
-      const P = f.get(e, n), lr = R(s, P);
+    const e = r || s;
+    let o = f.pickBy(h, (i, n) => Object.keys(t).includes(n));
+    return f.forEach(t, (i, n) => {
+      const P = f.get(e, n), lr = Q(i, P);
       o = {
         ...o,
         [n]: lr
       };
     }), o;
-  }, y = (r, t = !0, e = null) => {
-    const o = or(r, e || a.current), s = Object.values(o).every((n) => n.length === 0);
-    return t && rr(s), s;
+  }, E = (r, t = !0, e = null) => {
+    const o = or(r, e || a.current), i = Object.values(o).every((n) => n.length === 0);
+    return t && rr(i), i;
   }, er = q((r) => {
     const {
       target: t
     } = r;
-    !l && u ? u((e) => B(e, t)) : J((e) => B(e, t));
-  }, []), sr = (r, t, e) => {
+    !l && u ? u((e) => B(e, t)) : b((e) => B(e, t));
+  }, []), ir = (r, t, e) => {
     if (e) {
-      let o = v;
-      const s = R(e, t);
-      s.length === 0 ? o = f.omit(o, r) : o = {
+      let o = h;
+      const i = Q(e, t);
+      i.length === 0 ? o = f.omit(o, r) : o = {
         ...o,
-        [r]: s
-      }, O(o);
+        [r]: i
+      }, v(o);
     }
-  }, Q = q((r) => {
-    r && (r.preventDefault(), r.stopPropagation()), y(i) && T(i);
-  }, [i]), S = (r, t) => {
+  }, R = q((r) => {
+    r && (r.preventDefault(), r.stopPropagation()), E(s) && T(s);
+  }, [s]), S = (r, t) => {
     const e = t ? t instanceof Array ? t : [t] : [];
     e.length > 0 ? (r((o) => {
-      const s = JSON.parse(JSON.stringify(o));
+      const i = JSON.parse(JSON.stringify(o));
       return e.forEach((n) => {
-        n && f.set(s, n, f.get(E, n));
-      }), s;
-    }), O((o) => (e.forEach((s) => {
-      delete o[s];
-    }), o))) : (r(JSON.parse(JSON.stringify(E))), O({}));
-  }, ir = (r) => {
-    S(!l && u ? u : J, r);
+        n && f.set(i, n, f.get(y, n));
+      }), i;
+    }), v((o) => (e.forEach((i) => {
+      delete o[i];
+    }), o))) : (r(JSON.parse(JSON.stringify(y))), v({}));
+  }, sr = (r) => {
+    S(!l && u ? u : b, r);
   }, nr = (r) => {
     const t = f.omit(a, r);
     a.current = t;
-  }, N = (r) => {
-    r.preventDefault(), f.isEqual(i, E);
+  }, O = (r) => {
+    r.preventDefault(), f.isEqual(s, y);
   }, fr = () => {
     let r = null;
     return V || (r = {
       onSubmit: (t) => t.preventDefault(),
       onKeyPress: (t) => {
-        t && t.key === "Enter" && (t.preventDefault(), t.stopPropagation(), b && Q());
+        t && t.key === "Enter" && (t.preventDefault(), t.stopPropagation(), A && R());
       }
     }), r;
   }, D = () => {
@@ -103,24 +103,24 @@ const Cr = ({
       const {
         onChangedData: r
       } = c;
-      C && !f.isEqual(i, C) ? r(!0) : r(!1);
+      J && !f.isEqual(s, J) ? r(!0) : r(!1);
     }
-    u && l && u(i), p && p(y(i, !0)), V || (L(Q), k && k(ir), w && w(() => y(i))), f.isEmpty(i) && Z(i);
+    u && l && u(s), p && p(E(s, !0)), V || (L(R), w && w(sr), C && C(() => E(s))), f.isEmpty(s) && Z(s);
   };
   F(() => {
     l && D();
-  }, [JSON.stringify(h), l]), F(() => {
+  }, [JSON.stringify(x), l]), F(() => {
     !l && u && D();
-  }, [JSON.stringify(d), l]), F(() => (j && (c && c.setSecurityBeforeUnload(!0), window.addEventListener("beforeunload", N)), () => window.removeEventListener("beforeunload", N)), [j, N]), F(() => {
-    !V && g !== b && K(g);
+  }, [JSON.stringify(m), l]), F(() => (k && (c && c.setSecurityBeforeUnload(!0), window.addEventListener("beforeunload", O)), () => window.removeEventListener("beforeunload", O)), [k, O]), F(() => {
+    !V && g !== A && K(g);
   }, [g]), F(() => {
     const r = Object.values(a.current).reduce((t, e) => t + (e?.length || 0), 0);
-    a.current && p && A !== r && (_(r), p(y(i, !0, a.current)));
-  }, [a.current, A, p, JSON.stringify(i)]);
+    a.current && p && j !== r && (_(r), p(E(s, !0, a.current)));
+  }, [a.current, j, p, JSON.stringify(s)]);
   const cr = {
     skeletonize: W,
     handlerFieldChange: er,
-    handlerFieldValidate: sr,
+    handlerFieldValidate: ir,
     handlerStoreValidators: (r, t) => {
       a.current = {
         ...a.current,
@@ -128,23 +128,24 @@ const Cr = ({
       };
     },
     handlerRemoveValidators: nr,
-    data: l ? h : d,
-    originalData: E,
-    fieldErrors: v,
+    data: l ? x : m,
+    originalData: y,
+    fieldErrors: h,
     externalFieldErrors: H,
     isFormValid: I
   };
-  return /* @__PURE__ */ x.jsxs(ur, { children: [
-    /* @__PURE__ */ x.jsx(mr.Provider, { value: cr, children: /* @__PURE__ */ x.jsx("form", { id: Y, ref: tr, style: M, ...fr(), role: "presentation", className: `form-component ${z}`, children: X }) }),
-    /* @__PURE__ */ x.jsx(dr, { zIndex: "99999999", title: $ || "Dados Alterados", text: G || "Você possui dados alterados, confirma o fechamento?", visible: !f.isEmpty(c) && c.showQuestion, onConfirmClick: c ? c.onConfirmClick : () => {
+  return /* @__PURE__ */ ar(dr, { children: [
+    /* @__PURE__ */ N(mr.Provider, { value: cr, children: /* @__PURE__ */ N("form", { id: Y, ref: tr, style: M, ...fr(), role: "presentation", className: `form-component ${z}`, children: X }) }),
+    /* @__PURE__ */ N(pr, { zIndex: "99999999", title: $ || "Dados Alterados", text: G || "Você possui dados alterados, confirma o fechamento?", visible: !f.isEmpty(c) && c.showQuestion, onConfirmClick: c ? c.onConfirmClick : () => {
     }, onUnconfirmClick: c ? c.onUnconfirmClick : () => {
     } })
   ] });
 };
 export {
-  Ar as Field,
-  Dr as FieldArray,
-  Qr as FieldNumber,
-  Ur as FieldPeriod,
-  Cr as default
+  Qr as Field,
+  Pr as FieldArray,
+  Sr as FieldNumber,
+  qr as FieldPeriod,
+  br as default
 };
+//# sourceMappingURL=index.js.map

package/lib/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/form/index.tsx"],"sourcesContent":["import React, { Fragment, useState, useEffect, useContext, useRef, FormEvent, useCallback, KeyboardEvent } 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 } 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,\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 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, (error, 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\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: React.Dispatch<React.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 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) onValidateForm(checkIsValid(usedData, true));\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 (context) context.setSecurityBeforeUnload(true);\n      window.addEventListener('beforeunload', onBeforeUnload);\n    }\n    return () => window.removeEventListener('beforeunload', onBeforeUnload);\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    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","formId","v1","data","setData","useState","originalData","setOriginalData","submitFormOnEnter","setSubmitFormOnEnter","fieldErrors","setFieldErrors","oldFieldsValidatorsQuantity","setOldFieldsValidatorsQuantity","isValid","setIsValid","context","useContext","FormSecurityContext","formRef","useRef","fieldsValidators","usedData","getValidatesErrorMessages","validators","fieldValue","validatorsArray","Array","errors","forEach","validator","result","getErrorMessages","currentData","currentValidators","dataValidate","currentFieldErrors","_","pickBy","error","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","formProps","propsForm","onKeyPress","key","updateFormState","isEmpty","onChangedData","useEffect","setSecurityBeforeUnload","window","addEventListener","removeEventListener","validatorsQuantity","reduce","acc","currentValue","contextValues","handlerFieldChange","handlerFieldValidate","handlerStoreValidators","fieldValidates","handlerRemoveValidators","isFormValid","Fragment","jsx","FormContext","DialogQuestion","showQuestion","onConfirmClick","onUnconfirmClick"],"mappings":";;;;;;;;;;;;;;;;AAaA,MAAMA,KAAOA,CAAC;AAAA,EACZC,uBAAAA,IAAwB;AAAA,EAAMC,YAAAA;AAAAA,EAAYC,sBAAAA;AAAAA,EAAsBC,cAAAA;AAAAA,EAAcC,eAAAA;AAAAA,EAC9EC,kBAAAA;AAAAA,EAAkBC,OAAAA;AAAAA,EAAOC,aAAAA;AAAAA,EAAaC,eAAAA;AAAAA,EAAeC,cAAAA;AAAAA,EAAcC,cAAAA;AAAAA,EAAcC,cAAAA;AAAAA,EACjFC,gBAAAA;AAAAA,EAAgBC,qBAAAA;AAAAA,EAAqBC,UAAAA;AAAAA,EAAUC,aAAAA;AAAAA,EAAaC,UAAAA;AAAAA,EAAUC,UAAAA;AAAAA,EACtEC,kBAAAA,IAAmB;AACV,MAAM;AACf,QAAMC,IAASC,GAAAA,GACT,CAACC,GAAMC,CAAO,IAAIC,EAAStB,CAAU,GACrC,CAACuB,GAAcC,CAAe,IAAIF,EAAStB,CAAU,GACrD,CAACyB,GAAmBC,CAAoB,IAAIJ,EAASvB,CAAqB,GAC1E,CAAC4B,GAAaC,CAAc,IAAIN,EAAsB,CAAA,CAAE,GACxD,CAACO,GAA6BC,CAA8B,IAAIR,EAAS,CAAC,GAC1E,CAACS,GAASC,EAAU,IAAIV,EAAS,EAAK,GACtCW,IAAUC,GAAWC,EAAmB,GACxCC,KAAUC,EAA+B,IAAI,GAC7CC,IAAmBD,EAAuB,EAAE,GAC5CE,IAAWtB,IAAmBG,IAAOpB,GAErCwC,IAA4BA,CAACC,GAAqCC,MAAuB;AAC7F,UAAMC,IAAqBF,aAAsBG,QAAyBH,IAAf,CAACA,CAAU;AACtE,QAAII,IAAmB,CAAA;AACvBF,WAAAA,EAAgBG,QAAQ,CAACC,MAAyB;AAChD,UAAI,OAAOA,KAAc,YAAY;AACnC,cAAMC,IAASD,EAAUL,CAAU;AACnC,QAAIM,MAAQH,IAAS,CAAC,GAAGA,GAAQG,CAAM;AAAA,MACzC;AAAA,IACF,CAAC,GACMH;AAAAA,EACT,GAEMI,KAAmBA,CACvBC,GACAC,MACG;AACH,UAAMC,IAAeF,KAAeX;AACpC,QAAIc,IAAkCC,EAAEC,OAAO5B,GAAa,CAAC6B,GAAOC,MACrCC,OAAOC,KAAKR,CAAiB,EAC9BS,SAASH,CAAS,CAC/C;AACDH,WAAAA,EAAER,QAAQK,GAAmB,CAACV,GAAYgB,MAAc;AACtD,YAAMf,IAAaY,EAAEO,IAAIT,GAAcK,CAAS,GAC1CK,KAAWtB,EAA0BC,GAAYC,CAAU;AACjEW,MAAAA,IAAqB;AAAA,QAAE,GAAGA;AAAAA,QAAoB,CAACI,CAAS,GAAGK;AAAAA,MAAAA;AAAAA,IAC7D,CAAC,GAEMT;AAAAA,EACT,GAEMU,IAAeA,CACnBb,GACAc,IAAc,IACdb,IAAqE,SACzD;AACZ,UAAME,IACJJ,GAAiBC,GAAaC,KAAqBb,EAAiB2B,OAAO,GACvEC,IAAaR,OAAOS,OAAOd,CAAkB,EAAEe,MAAMC,CAAAA,MAASA,EAAMC,WAAW,CAAC;AACtF,WAAIN,QAAwBE,CAAU,GAC/BA;AAAAA,EACT,GAEMK,KAAgBC,EAAY,CAACC,MAA6B;AAC9D,UAAM;AAAA,MAAEC,QAAAA;AAAAA,IAAAA,IAAWD;AACnB,IAAI,CAACxD,KAAoBP,IACvBA,EAAa,CAACiE,MAAsBC,EAAYD,GAAWD,CAAM,CAAC,IAElErD,EAAQsD,CAAAA,MAAaC,EAAYD,GAAWD,CAAM,CAAC;AAAA,EAEvD,GAAG,CAAA,CAAE,GAECG,KAAaA,CACjBpB,GACAf,GACAD,MACG;AACH,QAAIA,GAAY;AACd,UAAIY,IAAqB1B;AACzB,YAAMkB,IAASL,EAA0BC,GAAYC,CAAU;AAC/D,MAAIG,EAAOyB,WAAW,IACpBjB,IAAqBC,EAAEwB,KAAKzB,GAAoBI,CAAS,IAEzDJ,IAAqB;AAAA,QAAE,GAAGA;AAAAA,QAAoB,CAACI,CAAS,GAAGZ;AAAAA,MAAAA,GAE7DjB,EAAeyB,CAAkB;AAAA,IACnC;AAAA,EACF,GAEM0B,IAAeP,EAAY,CAACC,MAAkB;AAClD,IAAIA,MAASA,EAAMO,eAAAA,GAAkBP,EAAMQ,gBAAAA,IACvClB,EAAaxB,CAAQ,KAAG1B,EAAS0B,CAAQ;AAAA,EAC/C,GAAG,CAACA,CAAQ,CAAC,GAEP2C,IAAeA,CACnBC,GACAC,MACG;AACH,UAAMC,IAAeD,IAAeA,aAAkBxC,QAAQwC,IAAS,CAACA,CAAM,IAAhD,CAAA;AAC9B,IAAIC,EAAYf,SAAS,KACvBa,EAAG,CAACG,MAAe;AACjB,YAAMC,IAAWC,KAAKC,MAAMD,KAAKE,UAAUJ,CAAK,CAAC;AACjDD,aAAAA,EAAYvC,QAAS6C,CAAAA,MAAU;AAC7B,QAAIA,OACAC,IAAIL,GAAUI,GAAOrC,EAAEO,IAAItC,GAAcoE,CAAK,CAAC;AAAA,MACrD,CAAC,GACMJ;AAAAA,IACT,CAAC,GAED3D,EAAgB0D,CAAAA,OACdD,EAAYvC,QAAS6C,CAAAA,MAAU;AAC7B,aAAOL,EAAMK,CAAK;AAAA,IACpB,CAAC,GACML,EACR,MAEDH,EAAGK,KAAKC,MAAMD,KAAKE,UAAUnE,CAAY,CAAC,CAAC,GAC3CK,EAAe,CAAA,CAAE;AAAA,EAErB,GAEMiE,KAAUA,CAACT,MAA+B;AAC9C,IACEF,EADE,CAACjE,KAAoBP,IACVA,IAEAW,GAFc+D,CAAM;AAAA,EAIrC,GAEMU,KAA0BA,CAACrC,MAAsB;AACrD,UAAMsC,IAAsBzC,EAAEwB,KAAKxC,GAAkBmB,CAAS;AAC9DnB,IAAAA,EAAiB2B,UAAU8B;AAAAA,EAC7B,GAEMC,IAAiBA,CAACC,MAAa;AAGnC,IAFcA,EACRjB,eAAAA,GACF1B,EAAE4C,QAAQ3D,GAAUhB,CAAY;AAAA,EACtC,GAEM4E,KAAYA,MAAM;AACtB,QAAIC,IAAY;AAEhB,WAAKrF,MACHqF,IAAY;AAAA,MACVvF,UAAUA,CAAC4D,MAAsCA,EAAMO,eAAAA;AAAAA,MACvDqB,YAAYA,CAAC5B,MAA0C;AACrD,QAAIA,KAASA,EAAM6B,QAAQ,YACzB7B,EAAMO,eAAAA,GACNP,EAAMQ,gBAAAA,GACFxD,KAAmBsD,EAAAA;AAAAA,MAE3B;AAAA,IAAA,IAGGqB;AAAAA,EACT,GAEMG,IAAkBA,MAAM;AAC5B,QAAI,CAACjD,EAAEkD,QAAQvE,CAAO,GAAG;AACvB,YAAM;AAAA,QAAEwE,eAAAA;AAAAA,MAAAA,IAAkBxE;AAC1B,MAAIxB,KAAgB,CAAC6C,EAAE4C,QAAQ3D,GAAU9B,CAAY,IACnDgG,EAAc,EAAI,IAElBA,EAAc,EAAK;AAAA,IAEvB;AAEA,IAAI/F,KAAgBO,KAAkBP,EAAa6B,CAAQ,GAGvD5B,KAAgBA,EAAeoD,EAAaxB,GAAU,EAAI,CAAC,GAE1DxB,MACHZ,EAAc4E,CAAY,GACtB7E,OAA2B2F,EAAO,GAClCzF,KAAkBA,EAAiB,MAAM2D,EAAaxB,CAAQ,CAAC,IAEjEe,EAAEkD,QAAQjE,CAAQ,OAAmBA,CAAQ;AAAA,EACnD;AAEAmE,EAAAA,EAAU,MAAM;AACd,IAAIzF,KAAkBsF,EAAAA;AAAAA,EACxB,GAAG,CAACf,KAAKE,UAAUtE,CAAI,GAAGH,CAAgB,CAAC,GAE3CyF,EAAU,MAAM;AACd,IAAI,CAACzF,KAAoBP,KAAc6F,EAAAA;AAAAA,EACzC,GAAG,CAACf,KAAKE,UAAU1F,CAAU,GAAGiB,CAAgB,CAAC,GAEjDyF,EAAU,OACJzG,MACEgC,KAASA,EAAQ0E,wBAAwB,EAAI,GACjDC,OAAOC,iBAAiB,gBAAgBb,CAAc,IAEjD,MAAMY,OAAOE,oBAAoB,gBAAgBd,CAAc,IACrE,CAAC/F,GAAsB+F,CAAc,CAAC,GAEzCU,EAAU,MAAM;AACd,IAAI,CAAC3F,KAAYhB,MAA0B0B,KACzCC,EAAqB3B,CAAqB;AAAA,EAE9C,GAAG,CAACA,CAAqB,CAAC,GAE1B2G,EAAU,MAAM;AACd,UAAMK,IAAqBrD,OAAOS,OAAO7B,EAAiB2B,OAAO,EAC9D+C,OAAO,CAACC,GAAKC,MAAiBD,KAAOC,GAAc5C,UAAU,IAAI,CAAC;AAErE,IAAIhC,EAAiB2B,WAAWtD,KAC3BkB,MAAgCkF,MACnCjF,EAA+BiF,CAAkB,GACjDpG,EAAeoD,EAAaxB,GAAU,IAAMD,EAAiB2B,OAAO,CAAC;AAAA,EAEzE,GAAG,CACD3B,EAAiB2B,SAASpC,GAA6BlB,GAAgB6E,KAAKE,UAAUnD,CAAQ,CAAC,CAChG;AAED,QAAM4E,KAAkC;AAAA,IACtCrG,aAAAA;AAAAA,IACAsG,oBAAoB7C;AAAAA,IACpB8C,sBAAsBxC;AAAAA,IACtByC,wBAAwBA,CAAC7D,GAAW8D,MAAmB;AACrDjF,MAAAA,EAAiB2B,UAAU;AAAA,QAAE,GAAG3B,EAAiB2B;AAAAA,QAAS,CAACR,CAAS,GAAG8D;AAAAA,MAAAA;AAAAA,IACzE;AAAA,IACAC,yBAAyB1B;AAAAA,IACzB1E,MAAMH,IAAmBG,IAAOpB;AAAAA,IAChCuB,cAAAA;AAAAA,IACAI,aAAAA;AAAAA,IACAf,qBAAAA;AAAAA,IACA6G,aAAa1F;AAAAA,EAAAA;AAGf,4BACG2F,IAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAY,UAAZ,EAAqB,OAAOT,IAC3B,UAAA,gBAAAQ,EAAC,QAAA,EACC,IAAIzG,GACJ,KAAKkB,IACL,OAAA/B,GACA,GAAI8F,MACJ,MAAK,gBACL,WAAW,kBAAkB7F,CAAW,IACvCU,UAAAA,EAAAA,CACH,EAAA,CACF;AAAA,IACA,gBAAA2G,EAACE,MACC,QAAO,YACP,OAAOtH,KAAiB,mBACxB,MAAMC,KAAgB,uDACtB,SAAS,CAAC8C,EAAEkD,QAAQvE,CAAO,KAAKA,EAAQ6F,cACxC,gBAAgB7F,IAAUA,EAAQ8F,iBAAiB,MAAM;AAAA,IAAE,GAC3D,kBAAkB9F,IAAUA,EAAQ+F,mBAAmB,MAAM;AAAA,IAAE,EAAA,CAAE;AAAA,EAAA,GACrE;AAEJ;"}

package/lib/form/withFieldHOC.js

@@ -1,62 +1,63 @@
-import { j as v } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as y } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import E, { useState as _, useEffect as j } from "react";
-import { FormContext as b, withFieldContext as A, getValidatorsArray as g } from "./helpers.js";
-const k = (F) => {
-  const w = (a) => {
-    const e = y.c(23), {
+import { jsx as F } from "react/jsx-runtime";
+import { c as _ } from "react/compiler-runtime";
+import b, { useState as A, useEffect as R } from "react";
+import { FormContext as E, getValidatorsArray as g, withFieldContext as j } from "./helpers.js";
+const k = (S) => {
+  const p = (a) => {
+    const e = _(23), {
       name: o,
       validators: t,
       handlerStoreValidators: n,
       handlerRemoveValidators: i
-    } = a, [r, R] = _(void 0);
+    } = a, [r, w] = A(void 0);
     let s;
     e[0] !== n || e[1] !== o || e[2] !== r || e[3] !== t ? (s = () => {
-      const p = g(t, r);
-      p && n && n(o, p);
+      const V = g(t, r);
+      V && n && n(o, V);
     }, e[0] = n, e[1] = o, e[2] = r, e[3] = t, e[4] = s) : s = e[4];
     const l = s;
-    let f;
-    e[5] !== i || e[6] !== o || e[7] !== l || e[8] !== t ? (f = () => (l(), () => {
-      t && i && i(o);
-    }), e[5] = i, e[6] = o, e[7] = l, e[8] = t, e[9] = f) : f = e[9];
     let d;
-    e[10] === Symbol.for("react.memo_cache_sentinel") ? (d = [], e[10] = d) : d = e[10], j(f, d);
+    e[5] !== i || e[6] !== o || e[7] !== l || e[8] !== t ? (d = () => (l(), () => {
+      t && i && i(o);
+    }), e[5] = i, e[6] = o, e[7] = l, e[8] = t, e[9] = d) : d = e[9];
+    let m;
+    e[10] === Symbol.for("react.memo_cache_sentinel") ? (m = [], e[10] = m) : m = e[10], R(d, m);
     let c;
     e[11] !== l ? (c = () => {
       l();
     }, e[11] = l, e[12] = c) : c = e[12];
     let u;
-    e[13] !== t ? (u = [t], e[13] = t, e[14] = u) : u = e[14], j(c, u);
-    let x;
-    e[15] === Symbol.for("react.memo_cache_sentinel") ? (x = (p) => {
-      R(p);
-    }, e[15] = x) : x = e[15];
+    e[13] !== t ? (u = [t], e[13] = t, e[14] = u) : u = e[14], R(c, u);
     let h;
-    e[16] !== r ? (h = {
-      validatorFromComponent: r,
-      handlerSetValidatorFromComponent: x
-    }, e[16] = r, e[17] = h) : h = e[17];
-    const V = h;
-    let m;
-    e[18] !== a ? (m = /* @__PURE__ */ v.jsx(F, { ...a }), e[18] = a, e[19] = m) : m = e[19];
+    e[15] === Symbol.for("react.memo_cache_sentinel") ? (h = (V) => {
+      w(V);
+    }, e[15] = h) : h = e[15];
     let C;
-    return e[20] !== V || e[21] !== m ? (C = /* @__PURE__ */ v.jsx(A.Provider, { value: V, children: m }), e[20] = V, e[21] = m, e[22] = C) : C = e[22], C;
+    e[16] !== r ? (C = {
+      validatorFromComponent: r,
+      handlerSetValidatorFromComponent: h
+    }, e[16] = r, e[17] = C) : C = e[17];
+    const x = C;
+    let f;
+    e[18] !== a ? (f = /* @__PURE__ */ F(S, { ...a }), e[18] = a, e[19] = f) : f = e[19];
+    let v;
+    return e[20] !== x || e[21] !== f ? (v = /* @__PURE__ */ F(j.Provider, { value: x, children: f }), e[20] = x, e[21] = f, e[22] = v) : v = e[22], v;
   };
-  function S(a, e) {
-    return /* @__PURE__ */ v.jsx(b.Consumer, { children: ({
+  function y(a, e) {
+    return /* @__PURE__ */ F(E.Consumer, { children: ({
       handlerFieldChange: o,
       handlerFieldValidate: t,
       data: n,
       fieldErrors: i,
       externalFieldErrors: r,
-      handlerStoreValidators: R,
+      handlerStoreValidators: w,
       handlerRemoveValidators: s,
       skeletonize: l
-    }) => /* @__PURE__ */ v.jsx(w, { ...a, skeletonize: l, handlerFieldChange: o, handlerFieldValidate: t, handlerStoreValidators: R, handlerRemoveValidators: s, data: n, fieldErrors: i, externalFieldErrors: r, forwardedRef: e }) });
+    }) => /* @__PURE__ */ F(p, { ...a, skeletonize: l, handlerFieldChange: o, handlerFieldValidate: t, handlerStoreValidators: w, handlerRemoveValidators: s, data: n, fieldErrors: i, externalFieldErrors: r, forwardedRef: e }) });
   }
-  return E.forwardRef(S);
+  return b.forwardRef(y);
 };
 export {
   k as default
 };
+//# sourceMappingURL=withFieldHOC.js.map

package/lib/form/withFieldHOC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withFieldHOC.js","sources":["../../src/lib/form/withFieldHOC.tsx"],"sourcesContent":["import React, { Ref, useEffect, useState } from 'react';\nimport { FormContext, withFieldContext, getValidatorsArray } from './helpers';\nimport { IWithFieldContext, Validator, WithFieldProps } from './types';\n\nconst withFieldHOC = <ComponentProps extends WithFieldProps>(\n  WrappedComponent: React.ComponentType<ComponentProps>,\n) => {\n  const EnhancedComponent = (props: ComponentProps) => {\n    const { name, validators, handlerStoreValidators, handlerRemoveValidators, component } = props;\n    const [validatorFromComponent, setValidatorFromComponent] =\n      useState<Validator | Validator[] | undefined>(undefined);\n\n    const updateValidators = () => {\n      const validatorsArray = getValidatorsArray(validators as Validator, validatorFromComponent);\n      if (validatorsArray && handlerStoreValidators) handlerStoreValidators(name, validatorsArray);\n    };\n\n    useEffect(() => {\n      updateValidators();\n\n      return () => {\n        if (validators && handlerRemoveValidators) handlerRemoveValidators(name);\n      };\n    }, []);\n\n    useEffect(() => {\n      updateValidators();\n    }, [validators]);\n\n    const contextValues: IWithFieldContext = {\n      validatorFromComponent,\n      handlerSetValidatorFromComponent: (validator: Validator | Validator[]) => {\n        setValidatorFromComponent(validator);\n      },\n    };\n\n    return (\n      <withFieldContext.Provider value={contextValues}>\n        <WrappedComponent {...props} />\n      </withFieldContext.Provider>\n    );\n  };\n\n  function forwardRef(props: ComponentProps, ref: Ref<HTMLElement>) {\n    return (\n      <FormContext.Consumer>\n        {({\n          handlerFieldChange,\n          handlerFieldValidate: handlerFieldValidate,\n          data,\n          fieldErrors,\n          externalFieldErrors,\n          handlerStoreValidators,\n          handlerRemoveValidators,\n          skeletonize,\n        }) => (\n          <EnhancedComponent\n            {...props}\n            skeletonize={skeletonize}\n            handlerFieldChange={handlerFieldChange}\n            handlerFieldValidate={handlerFieldValidate}\n            handlerStoreValidators={handlerStoreValidators}\n            handlerRemoveValidators={handlerRemoveValidators}\n            data={data}\n            fieldErrors={fieldErrors}\n            externalFieldErrors={externalFieldErrors}\n            forwardedRef={ref} />\n        )}\n      </FormContext.Consumer>\n    );\n  }\n  return React.forwardRef(forwardRef as any) as any;\n};\n\nexport default withFieldHOC;\n"],"names":["withFieldHOC","WrappedComponent","EnhancedComponent","props","$","_c","name","validators","handlerStoreValidators","handlerRemoveValidators","validatorFromComponent","setValidatorFromComponent","useState","undefined","t0","validatorsArray","getValidatorsArray","updateValidators","t1","t2","Symbol","for","useEffect","t3","t4","t5","validator","t6","handlerSetValidatorFromComponent","contextValues","t7","jsx","t8","withFieldContext","forwardRef","ref","FormContext","handlerFieldChange","handlerFieldValidate","data","fieldErrors","externalFieldErrors","skeletonize","React"],"mappings":"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"}

package/lib/form/withFormSecurity.js

@@ -1,30 +1,31 @@
-import { j as a } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import d, { useRef as i, useState as m } from "react";
-const h = d.createContext({}), k = (l) => (r) => {
+import { jsx as a } from "react/jsx-runtime";
+import d, { useRef as i, useState as h } from "react";
+const m = d.createContext({}), w = (l) => (r) => {
   const {
     onOpenChange: e,
     handlerClose: n
-  } = r, s = i(!1), o = i(!1), [f, c] = m(!1), u = () => {
-    s.current && o.current ? c(!0) : e ? e(!1) : n && n();
+  } = r, c = i(!1), o = i(!1), [f, s] = h(!1), u = () => {
+    c.current && o.current ? s(!0) : e ? e(!1) : n && n();
   }, C = {
     onChangedData: (t) => {
-      s.current = t;
+      c.current = t;
     },
     showQuestion: f,
     onConfirmClick: () => {
       e && e(!1), n && n();
     },
     onUnconfirmClick: () => {
-      c(!1);
+      s(!1);
     },
     setSecurityBeforeUnload: (t) => {
       o.current = t;
     },
     securityBeforeUnload: o.current
   };
-  return /* @__PURE__ */ a.jsx(h.Provider, { value: C, children: /* @__PURE__ */ a.jsx(l, { ...r, handlerClose: u }) });
+  return /* @__PURE__ */ a(m.Provider, { value: C, children: /* @__PURE__ */ a(l, { ...r, handlerClose: u }) });
 };
 export {
-  h as FormSecurityContext,
-  k as default
+  m as FormSecurityContext,
+  w as default
 };
+//# sourceMappingURL=withFormSecurity.js.map

package/lib/form/withFormSecurity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withFormSecurity.js","sources":["../../src/lib/form/withFormSecurity.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { IFormSecurityContext, IWithFormSecurity } from './types';\n\nconst FormSecurityContext = React.createContext({} as IFormSecurityContext);\n\nconst withFormSecurity = <ComponentProps extends IWithFormSecurity>(\n  WrappedComponent: React.ComponentType<ComponentProps>,\n) => {\n  const EnhancedComponent = (props: ComponentProps) => {\n    const { onOpenChange, handlerClose } = props;\n    const changedData = useRef(false);\n    const securityBeforeUnload = useRef(false);\n    const [showQuestion, setShowQuestion] = useState(false);\n\n    const newHandlerClose = () => {\n      if (changedData.current && securityBeforeUnload.current) {\n        setShowQuestion(true);\n      } else if (onOpenChange) onOpenChange(false);\n      else if (handlerClose) handlerClose();\n    };\n\n    const onConfirmClick = () => {\n      if (onOpenChange) onOpenChange(false);\n      if (handlerClose) handlerClose();\n    };\n\n    const onUnconfirmClick = () => {\n      setShowQuestion(false);\n    };\n\n    const onChangedData = (value: boolean) => {\n      changedData.current = value;\n    };\n\n    const setSecurityBeforeUnload = (value: boolean) => {\n      securityBeforeUnload.current = value;\n    };\n\n    const contextValues: IFormSecurityContext = {\n      onChangedData,\n      showQuestion,\n      onConfirmClick,\n      onUnconfirmClick,\n      setSecurityBeforeUnload,\n      securityBeforeUnload: securityBeforeUnload.current,\n    };\n\n    return (\n      <FormSecurityContext.Provider value={contextValues}>\n        <WrappedComponent\n          {...props}\n          handlerClose={newHandlerClose} />\n      </FormSecurityContext.Provider>\n    );\n  };\n\n  return EnhancedComponent;\n};\n\nexport default withFormSecurity;\nexport { FormSecurityContext };\n"],"names":["FormSecurityContext","React","createContext","withFormSecurity","WrappedComponent","EnhancedComponent","props","onOpenChange","handlerClose","changedData","useRef","securityBeforeUnload","showQuestion","setShowQuestion","useState","newHandlerClose","current","contextValues","onChangedData","value","onConfirmClick","onUnconfirmClick","setSecurityBeforeUnload","jsx"],"mappings":";;AAGA,MAAMA,IAAsBC,EAAMC,cAAc,CAAA,CAA0B,GAEpEC,IAAmB,CACvBC,MAE0BC,CAACC,MAA0B;AACnD,QAAM;AAAA,IAAEC,cAAAA;AAAAA,IAAcC,cAAAA;AAAAA,EAAAA,IAAiBF,GACjCG,IAAcC,EAAO,EAAK,GAC1BC,IAAuBD,EAAO,EAAK,GACnC,CAACE,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhDC,IAAkBA,MAAM;AAC5B,IAAIN,EAAYO,WAAWL,EAAqBK,UAC9CH,EAAgB,EAAI,IACXN,IAAcA,EAAa,EAAK,IAClCC,KAAcA,EAAAA;AAAAA,EACzB,GAmBMS,IAAsC;AAAA,IAC1CC,eAToBA,CAACC,MAAmB;AACxCV,MAAAA,EAAYO,UAAUG;AAAAA,IACxB;AAAA,IAQEP,cAAAA;AAAAA,IACAQ,gBApBqBA,MAAM;AAC3B,MAAIb,OAA2B,EAAK,GAChCC,KAAcA,EAAAA;AAAAA,IACpB;AAAA,IAkBEa,kBAhBuBA,MAAM;AAC7BR,MAAAA,EAAgB,EAAK;AAAA,IACvB;AAAA,IAeES,yBAT8BA,CAACH,MAAmB;AAClDR,MAAAA,EAAqBK,UAAUG;AAAAA,IACjC;AAAA,IAQER,sBAAsBA,EAAqBK;AAAAA,EAAAA;AAG7C,SACE,gBAAAO,EAACvB,EAAoB,UAApB,EAA6B,OAAOiB,GACnC,UAAA,gBAAAM,EAACnB,GAAA,EACC,GAAIE,GACJ,cAAcS,EAAAA,CAAgB,EAAA,CAClC;AAEJ;"}

package/lib/gridlayout/GridCol.js

@@ -1,27 +1,28 @@
-import { j as d } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as p } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import '../assets/gridlayout.css';/* empty css                            */
-const $ = (o) => {
-  const s = o ? o.split(" ") : [];
+import { jsx as u } from "react/jsx-runtime";
+import { c as $ } from "react/compiler-runtime";
+import '../styles/assets/styles/gridlayout.css';/* empty css                               */
+const p = (l) => {
+  const s = l ? l.split(" ") : [];
   let t = "grid-container ";
   return s[0] && (t += `col-xs-${s[0]}`), s[1] && (t += ` col-sm-${s[1]}`), s[2] && (t += ` col-md-${s[2]}`), s[3] && (t += ` col-lg-${s[3]}`), t;
-}, C = (o) => {
-  const s = p.c(6), {
+}, x = (l) => {
+  const s = $(6), {
     cols: t,
     customClass: a,
     children: i,
     style: c,
-    visible: m
-  } = o, f = m === void 0 ? !0 : m, r = t || "";
-  let l;
-  s[0] !== r ? (l = $(r), s[0] = r, s[1] = l) : l = s[1];
-  const u = l;
-  if (!f)
+    visible: f
+  } = l, m = f === void 0 ? !0 : f, r = t || "";
+  let o;
+  s[0] !== r ? (o = p(r), s[0] = r, s[1] = o) : o = s[1];
+  const d = o;
+  if (!m)
     return null;
-  const n = `${a} ${u}`;
+  const n = `${a} ${d}`;
   let e;
-  return s[2] !== i || s[3] !== c || s[4] !== n ? (e = /* @__PURE__ */ d.jsx("div", { className: n, style: c, children: i }), s[2] = i, s[3] = c, s[4] = n, s[5] = e) : e = s[5], e;
+  return s[2] !== i || s[3] !== c || s[4] !== n ? (e = /* @__PURE__ */ u("div", { className: n, style: c, children: i }), s[2] = i, s[3] = c, s[4] = n, s[5] = e) : e = s[5], e;
 };
 export {
-  C as default
+  x as default
 };
+//# sourceMappingURL=GridCol.js.map

package/lib/gridlayout/GridCol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridCol.js","sources":["../../src/lib/gridlayout/GridCol.tsx"],"sourcesContent":["import React from 'react';\nimport '../assets/styles/gridlayout.scss';\nimport { IGridCol } from './types';\n\nconst getClass = (col:string) => {\n  const cols = col ? col.split(' ') : [];\n  let classes = 'grid-container ';\n  if (cols[0]) classes += `col-xs-${cols[0]}`;\n  if (cols[1]) classes += ` col-sm-${cols[1]}`;\n  if (cols[2]) classes += ` col-md-${cols[2]}`;\n  if (cols[3]) classes += ` col-lg-${cols[3]}`;\n  return classes;\n};\n\nconst GridCol = (props: IGridCol) => {\n  const {\n    cols, customClass, children, style, visible = true,\n  } = props;\n  const gridClasses = getClass(cols || '');\n  if (!visible) return null;\n  return (\n    <div\n      className={`${customClass} ${gridClasses}`}\n      style={style}>\n      {children}\n    </div>\n  );\n};\n\nexport default GridCol;\n"],"names":["getClass","col","cols","split","classes","GridCol","props","$","_c","customClass","children","style","visible","t0","undefined","t1","t2","gridClasses","t3","t4"],"mappings":";;;AAIA,MAAMA,IAAWA,CAACC,MAAe;AAC/B,QAAMC,IAAOD,IAAMA,EAAIE,MAAM,GAAG,IAAI,CAAA;AACpC,MAAIC,IAAU;AACd,SAAIF,EAAK,CAAC,WAAc,UAAUA,EAAK,CAAC,CAAC,KACrCA,EAAK,CAAC,WAAc,WAAWA,EAAK,CAAC,CAAC,KACtCA,EAAK,CAAC,WAAc,WAAWA,EAAK,CAAC,CAAC,KACtCA,EAAK,CAAC,WAAc,WAAWA,EAAK,CAAC,CAAC,KACnCE;AACT,GAEMC,IAAUC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GACd;AAAA,IAAAN,MAAAA;AAAAA,IAAAO,aAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,SAAAC;AAAAA,EAAAA,IAEIP,GADkCM,IAAAC,MAAAC,SAAA,KAAAD,GAETE,IAAAb,KAAA;AAAU,MAAAc;AAAA,EAAAT,SAAAQ,KAAnBC,IAAAhB,EAASe,CAAU,GAACR,OAAAQ,GAAAR,OAAAS,KAAAA,IAAAT,EAAA,CAAA;AAAxC,QAAAU,IAAoBD;AACpB,MAAI,CAACJ;AAAO,WAAS;AAGN,QAAAM,IAAA,GAAGT,CAAW,IAAIQ,CAAW;AAAE,MAAAE;AAAA,SAAAZ,EAAA,CAAA,MAAAG,KAAAH,SAAAI,KAAAJ,EAAA,CAAA,MAAAW,KAD5CC,+BACa,WAAAD,GACJP,OAAAA,GACND,UAAAA,GACH,GAAMH,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAW,GAAAX,OAAAY,KAAAA,IAAAZ,EAAA,CAAA,GAJNY;AAIM;"}

package/lib/gridlayout/GridRow.js

@@ -1,26 +1,27 @@
-import { j as a } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as m } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import '../assets/gridlayout.css';/* empty css                            */
+import { jsx as o } from "react/jsx-runtime";
+import { c as m } from "react/compiler-runtime";
+import '../styles/assets/styles/gridlayout.css';/* empty css                               */
 const v = (i) => `row ${i.customClass}
     ${i.withTrim && " -withtrim"}
     ${i.verticalAlign && ` align-items-${i.verticalAlign}`}
     ${i.horizontalAlign && ` justify-content-${i.horizontalAlign}`}`, d = (i) => {
-  const t = m.c(7), {
+  const t = m(7), {
     style: n,
     children: s,
-    verticalAlign: c,
-    visible: o
-  } = i, r = c === void 0 ? "start" : c;
-  if (!(o === void 0 ? !0 : o))
+    verticalAlign: r,
+    visible: a
+  } = i, c = r === void 0 ? "start" : r;
+  if (!(a === void 0 ? !0 : a))
     return null;
   let l;
-  t[0] !== i || t[1] !== r ? (l = v({
+  t[0] !== i || t[1] !== c ? (l = v({
     ...i,
-    verticalAlign: r
-  }), t[0] = i, t[1] = r, t[2] = l) : l = t[2];
+    verticalAlign: c
+  }), t[0] = i, t[1] = c, t[2] = l) : l = t[2];
   let e;
-  return t[3] !== s || t[4] !== n || t[5] !== l ? (e = /* @__PURE__ */ a.jsx("div", { style: n, className: l, children: s }), t[3] = s, t[4] = n, t[5] = l, t[6] = e) : e = t[6], e;
+  return t[3] !== s || t[4] !== n || t[5] !== l ? (e = /* @__PURE__ */ o("div", { style: n, className: l, children: s }), t[3] = s, t[4] = n, t[5] = l, t[6] = e) : e = t[6], e;
 };
 export {
   d as default
 };
+//# sourceMappingURL=GridRow.js.map

package/lib/gridlayout/GridRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridRow.js","sources":["../../src/lib/gridlayout/GridRow.tsx"],"sourcesContent":["import React from 'react';\nimport '../assets/styles/gridlayout.scss';\nimport { IGridRow } from './types';\n\nconst getClass = (props: IGridRow) => (\n  `row ${props.customClass}\n    ${props.withTrim && ' -withtrim'}\n    ${props.verticalAlign && ` align-items-${props.verticalAlign}`}\n    ${props.horizontalAlign && ` justify-content-${props.horizontalAlign}`}`\n);\n\nconst GridRow = (props: IGridRow) => {\n  const {\n    style,\n    children,\n    verticalAlign = 'start',\n    visible = true,\n  } = props;\n  if (!visible) return null;\n  return (\n    <div\n      style={style}\n      className={getClass({ ...props, verticalAlign })}>\n      {children}\n    </div>\n  );\n};\n\nexport default GridRow;\n"],"names":["getClass","props","customClass","withTrim","verticalAlign","horizontalAlign","GridRow","$","_c","style","children","t0","visible","t1","undefined","t2","t3"],"mappings":";;;AAIA,MAAMA,IAAWA,CAACC,MAChB,OAAOA,EAAMC,WAAW;AAAA,MACpBD,EAAME,YAAY,YAAY;AAAA,MAC9BF,EAAMG,iBAAiB,gBAAgBH,EAAMG,aAAa,EAAE;AAAA,MAC5DH,EAAMI,mBAAmB,oBAAoBJ,EAAMI,eAAe,EAAE,IAGpEC,IAAUL,CAAAA,MAAA;AAAA,QAAAM,IAAAC,EAAA,CAAA,GACd;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAN,eAAAO;AAAAA,IAAAC,SAAAC;AAAAA,EAAAA,IAKIZ,GAFFG,IAAAO,MAAAG,SAAA,UAAAH;AAGF,MAAI,EAFFE,MAAAC,SAAA,KAAAD;AAEU,WAAS;AAAK,MAAAE;AAAA,EAAAR,EAAA,CAAA,MAAAN,KAAAM,SAAAH,KAIXW,IAAAf,EAAS;AAAA,IAAA,GAAKC;AAAAA,IAAKG,eAAAA;AAAAA,EAAAA,CAAiB,GAACG,OAAAN,GAAAM,OAAAH,GAAAG,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAAA,MAAAS;AAAA,SAAAT,EAAA,CAAA,MAAAG,KAAAH,SAAAE,KAAAF,EAAA,CAAA,MAAAQ,KAFlDC,+BACSP,OAAAA,GACI,WAAAM,GACVL,UAAAA,GACH,GAAMH,OAAAG,GAAAH,OAAAE,GAAAF,OAAAQ,GAAAR,OAAAS,KAAAA,IAAAT,EAAA,CAAA,GAJNS;AAIM;"}

package/lib/gridlayout/index.js

@@ -4,3 +4,4 @@ export {
   d as GridRow,
   r as default
 };
+//# sourceMappingURL=index.js.map

package/lib/gridlayout/index.js.map

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

package/lib/hint/helpers.js

@@ -1,12 +1,13 @@
-import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
-const n = (t) => /* @__PURE__ */ s.jsx("div", { className: "rules-list", style: {
+import { jsx as s, jsxs as e } from "react/jsx-runtime";
+const r = (i) => /* @__PURE__ */ s("div", { className: "rules-list", style: {
   padding: "15px 0px"
-}, children: /* @__PURE__ */ s.jsx("ul", { style: {
+}, children: /* @__PURE__ */ s("ul", { style: {
   listStyleType: "none"
-}, children: t.map((i, e) => /* @__PURE__ */ s.jsxs("li", { children: [
+}, children: i.map((l, t) => /* @__PURE__ */ e("li", { children: [
   "-",
-  i
-] }, e.toString())) }) });
+  l
+] }, t.toString())) }) });
 export {
-  n as showHintList
+  r as showHintList
 };
+//# sourceMappingURL=helpers.js.map

package/lib/hint/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../src/lib/hint/helpers.tsx"],"sourcesContent":["import React from 'react';\n\nexport const showHintList = (arrayHint: string[]) => (\n  <div className=\"rules-list\" style={{ padding: '15px 0px' }}>\n    <ul style={{ listStyleType: 'none' }}>\n      {arrayHint.map((hint, index) => <li key={index.toString()} >\n        -\n        {hint}\n      </li>)}\n    </ul>\n  </div>\n);\n"],"names":["showHintList","arrayHint","padding","jsx","listStyleType","map","hint","index","toString"],"mappings":";AAEO,MAAMA,IAAeA,CAACC,wBAC1B,OAAA,EAAI,WAAU,cAAa,OAAO;AAAA,EAAEC,SAAS;AAAW,GACvD,UAAA,gBAAAC,EAAC,QAAG,OAAO;AAAA,EAAEC,eAAe;AAAO,GAChCH,YAAUI,IAAI,CAACC,GAAMC,wBAAW,MAAA,EAAyB,UAAA;AAAA,EAAA;AAAA,EAEvDD;AAAAA,EAAAA,GAFsCC,EAAMC,UAG/C,CAAK,GACP,EAAA,CACF;"}

package/lib/hint/index.js

@@ -1,30 +1,32 @@
-import { j as c } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as v } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { showHintList as x } from "./helpers.js";
-import '../assets/index8.css';const k = (m) => {
-  const s = v.c(8), {
+import { jsx as c } from "react/jsx-runtime";
+import { c as v } from "react/compiler-runtime";
+import { showHintList as $ } from "./helpers.js";
+import '../styles/assets/styles/hint.css';/* empty css                         */
+const x = (m) => {
+  const e = v(8), {
     visible: n,
-    description: t,
-    customClass: p,
+    description: i,
+    customClass: f,
     skeletonize: a,
     style: l,
     disabled: d,
-    color: f
-  } = m, u = n === void 0 ? !0 : n, b = a === void 0 ? !1 : a, e = d === void 0 ? !1 : d;
-  if (!u || !t)
+    color: p
+  } = m, b = n === void 0 ? !0 : n, u = a === void 0 ? !1 : a, t = d === void 0 ? !1 : d;
+  if (!b || !i)
     return null;
   const r = `
         hint-component
-        ${p}
-        ${b ? "-skeletonized" : ""}
-        ${e ? "-disabled" : ""}
-        -${f}
+        ${f}
+        ${u ? "-skeletonized" : ""}
+        ${t ? "-disabled" : ""}
+        -${p}
       `;
-  let i;
-  s[0] !== t || s[1] !== e ? (i = Array.isArray(t) ? x(t) : /* @__PURE__ */ c.jsx("span", { "aria-disabled": e, children: t }), s[0] = t, s[1] = e, s[2] = i) : i = s[2];
+  let s;
+  e[0] !== i || e[1] !== t ? (s = Array.isArray(i) ? $(i) : /* @__PURE__ */ c("span", { "aria-disabled": t, children: i }), e[0] = i, e[1] = t, e[2] = s) : s = e[2];
   let o;
-  return s[3] !== e || s[4] !== l || s[5] !== r || s[6] !== i ? (o = /* @__PURE__ */ c.jsx("div", { "aria-disabled": e, style: l, className: r, children: i }), s[3] = e, s[4] = l, s[5] = r, s[6] = i, s[7] = o) : o = s[7], o;
+  return e[3] !== t || e[4] !== l || e[5] !== r || e[6] !== s ? (o = /* @__PURE__ */ c("div", { "aria-disabled": t, style: l, className: r, children: s }), e[3] = t, e[4] = l, e[5] = r, e[6] = s, e[7] = o) : o = e[7], o;
 };
 export {
-  k as default
+  x as default
 };
+//# sourceMappingURL=index.js.map