@orbe-agro/client-core 5.3.85 → 5.3.89

package/dist/@ecme/components/ui/Form/FormContainer.js

@@ -1,30 +1,30 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { FormContextProvider as l, FormContextConsumer as c } from "./context.js";
 import "../ConfigProvider/index.js";
 import u from "classnames";
 import { LAYOUT as d, SIZES as f } from "../utils/constants.js";
 import { useConfig as p } from "../ConfigProvider/ConfigProvider.js";
-const C = (e) => {
-  const { controlSize: m } = p(), {
-    children: t,
-    className: i,
-    labelWidth: a = 100,
-    layout: n = d.VERTICAL,
-    size: s = f.MD
-  } = e;
-  return /* @__PURE__ */ r(l, { value: {
-    labelWidth: a,
-    layout: n,
-    size: s || m
-  }, children: /* @__PURE__ */ r(c, { children: (o) => /* @__PURE__ */ r(
+const C = (r) => {
+  const { controlSize: t } = p(), {
+    children: e,
+    className: n,
+    labelWidth: m = 100,
+    layout: i = d.VERTICAL,
+    size: a = f.MD
+  } = r;
+  return /* @__PURE__ */ o(l, { value: {
+    labelWidth: m,
+    layout: i,
+    size: a || t
+  }, children: /* @__PURE__ */ o(c, { children: (s) => /* @__PURE__ */ o(
     "div",
     {
       className: u(
         "form-container",
-        o == null ? void 0 : o.layout,
-        i
+        s?.layout,
+        n
       ),
-      children: t
+      children: e
     }
   ) }) });
 };

package/dist/@ecme/components/ui/Form/FormContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormContainer.js","sources":["../../../../../lib/@ecme/components/ui/Form/FormContainer.tsx"],"sourcesContent":["import { FormContextProvider, FormContextConsumer } from './context'\nimport { useConfig } from '../ConfigProvider'\nimport classNames from 'classnames'\nimport { SIZES, LAYOUT } from '../utils/constants'\nimport type { FormContextProps } from './context'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\n\nexport interface FormContainerProps extends CommonProps {\n    size?: TypeAttributes.ControlSize\n    layout?: TypeAttributes.FormLayout\n    labelWidth?: string | number\n}\n\nconst FormContainer = (props: FormContainerProps) => {\n    const { controlSize } = useConfig()\n\n    const {\n        children,\n        className,\n        labelWidth = 100,\n        layout = LAYOUT.VERTICAL,\n        size = SIZES.MD,\n    } = props\n\n    const contextValue = {\n        labelWidth,\n        layout,\n        size: size || controlSize,\n    }\n\n    return (\n        <FormContextProvider value={contextValue as FormContextProps}>\n            <FormContextConsumer>\n                {(context) => {\n                    return (\n                        <div\n                            className={classNames(\n                                'form-container',\n                                context?.layout,\n                                className,\n                            )}\n                        >\n                            {children}\n                        </div>\n                    )\n                }}\n            </FormContextConsumer>\n        </FormContextProvider>\n    )\n}\n\nFormContainer.displayName = 'FormContainer'\n\nexport default FormContainer\n"],"names":["FormContainer","props","controlSize","useConfig","children","className","labelWidth","layout","LAYOUT","size","SIZES","FormContextProvider","jsx","FormContextConsumer","context","classNames"],"mappings":";;;;;;AAaA,MAAMA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAElB;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,QAAAC,IAASC,EAAO;AAAA,IAChB,MAAAC,IAAOC,EAAM;AAAA,EAAA,IACbT;AAQJ,2BACKU,GAAA,EAAoB,OAPJ;AAAA,IACjB,YAAAL;AAAA,IACA,QAAAC;AAAA,IACA,MAAME,KAAQP;AAAA,EAAA,GAKV,UAAA,gBAAAU,EAACC,GAAA,EACI,WAACC,MAEM,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWG;AAAA,QACP;AAAA,QACAD,KAAA,gBAAAA,EAAS;AAAA,QACTT;AAAA,MAAA;AAAA,MAGH,UAAAD;AAAA,IAAA;AAAA,EAAA,GAIjB,EAAA,CACJ;AAER;AAEAJ,EAAc,cAAc;"}
+{"version":3,"file":"FormContainer.js","sources":["../../../../../lib/@ecme/components/ui/Form/FormContainer.tsx"],"sourcesContent":["import { FormContextProvider, FormContextConsumer } from './context'\nimport { useConfig } from '../ConfigProvider'\nimport classNames from 'classnames'\nimport { SIZES, LAYOUT } from '../utils/constants'\nimport type { FormContextProps } from './context'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\n\nexport interface FormContainerProps extends CommonProps {\n    size?: TypeAttributes.ControlSize\n    layout?: TypeAttributes.FormLayout\n    labelWidth?: string | number\n}\n\nconst FormContainer = (props: FormContainerProps) => {\n    const { controlSize } = useConfig()\n\n    const {\n        children,\n        className,\n        labelWidth = 100,\n        layout = LAYOUT.VERTICAL,\n        size = SIZES.MD,\n    } = props\n\n    const contextValue = {\n        labelWidth,\n        layout,\n        size: size || controlSize,\n    }\n\n    return (\n        <FormContextProvider value={contextValue as FormContextProps}>\n            <FormContextConsumer>\n                {(context) => {\n                    return (\n                        <div\n                            className={classNames(\n                                'form-container',\n                                context?.layout,\n                                className,\n                            )}\n                        >\n                            {children}\n                        </div>\n                    )\n                }}\n            </FormContextConsumer>\n        </FormContextProvider>\n    )\n}\n\nFormContainer.displayName = 'FormContainer'\n\nexport default FormContainer\n"],"names":["FormContainer","props","controlSize","useConfig","children","className","labelWidth","layout","LAYOUT","size","SIZES","FormContextProvider","jsx","FormContextConsumer","context","classNames"],"mappings":";;;;;;AAaA,MAAMA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAElB;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,QAAAC,IAASC,EAAO;AAAA,IAChB,MAAAC,IAAOC,EAAM;AAAA,EAAA,IACbT;AAQJ,2BACKU,GAAA,EAAoB,OAPJ;AAAA,IACjB,YAAAL;AAAA,IACA,QAAAC;AAAA,IACA,MAAME,KAAQP;AAAA,EAAA,GAKV,UAAA,gBAAAU,EAACC,GAAA,EACI,WAACC,MAEM,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWG;AAAA,QACP;AAAA,QACAD,GAAS;AAAA,QACTT;AAAA,MAAA;AAAA,MAGH,UAAAD;AAAA,IAAA;AAAA,EAAA,GAIjB,EAAA,CACJ;AAER;AAEAJ,EAAc,cAAc;"}

package/dist/@ecme/components/ui/Form/FormItem.js

@@ -1,74 +1,74 @@
-import { jsx as l, jsxs as s } from "react/jsx-runtime";
-import d from "../utils/classNames.js";
-import { AnimatePresence as W, motion as Z } from "framer-motion";
-import { useForm as $, FormItemContextProvider as j } from "./context.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import f from "../utils/classNames.js";
+import { AnimatePresence as H, motion as W } from "framer-motion";
+import { useForm as Z, FormItemContextProvider as $ } from "./context.js";
 import "../ConfigProvider/index.js";
-import { LAYOUT as a, CONTROL_SIZES as p } from "../utils/constants.js";
-import { useConfig as z } from "../ConfigProvider/ConfigProvider.js";
-const Y = (f) => {
+import { LAYOUT as l, CONTROL_SIZES as d } from "../utils/constants.js";
+import { useConfig as j } from "../ConfigProvider/ConfigProvider.js";
+const Y = (p) => {
   const {
     asterisk: u,
     children: h,
     className: y,
     errorMessage: L,
-    extra: o,
+    extra: s,
     htmlFor: b,
-    invalid: i,
+    invalid: o,
     label: t,
     labelClass: I,
     labelWidth: N,
-    layout: v,
-    ref: O,
+    layout: x,
+    ref: v,
     style: n,
-    size: T
-  } = f, e = $(), { controlSize: S } = z(), m = T || (e == null ? void 0 : e.size) || S, g = N || (e == null ? void 0 : e.labelWidth), r = v || (e == null ? void 0 : e.layout) || "vertical", x = () => {
-    switch (r) {
-      case a.HORIZONTAL:
-        return t ? `${p[m].h} ${t && "ltr:pr-2 rtl:pl-2"}` : "ltr:pr-2 rtl:pl-2";
-      case a.VERTICAL:
+    size: C
+  } = p, a = Z(), { controlSize: O } = j(), m = C || a?.size || O, T = N || a?.labelWidth, e = x || a?.layout || "vertical", S = () => {
+    switch (e) {
+      case l.HORIZONTAL:
+        return t ? `${d[m].h} ${t && "ltr:pr-2 rtl:pl-2"}` : "ltr:pr-2 rtl:pl-2";
+      case l.VERTICAL:
         return "mb-2";
-      case a.INLINE:
-        return `${p[m].h} ${t && "ltr:pr-2 rtl:pl-2"}`;
+      case l.INLINE:
+        return `${d[m].h} ${t && "ltr:pr-2 rtl:pl-2"}`;
       default:
         return "";
     }
-  }, A = d(
+  }, g = f(
     "form-item",
-    r,
+    e,
     y,
-    i ? "invalid" : ""
-  ), F = d(
+    o ? "invalid" : ""
+  ), A = f(
     "form-label",
-    t && x(),
+    t && S(),
     I
-  ), R = () => r === a.HORIZONTAL ? { ...n, minWidth: g } : { ...n }, w = { opacity: 1, marginTop: 3, bottom: -21 }, c = { opacity: 0, marginTop: -10 }, H = c;
-  return /* @__PURE__ */ l(j, { value: { invalid: i }, children: /* @__PURE__ */ s("div", { ref: O, className: A, children: [
-    /* @__PURE__ */ s(
+  ), F = () => e === l.HORIZONTAL ? { ...n, minWidth: T } : { ...n }, R = { opacity: 1, marginTop: 3, bottom: -21 }, c = { opacity: 0, marginTop: -10 }, w = c;
+  return /* @__PURE__ */ r($, { value: { invalid: o }, children: /* @__PURE__ */ i("div", { ref: v, className: g, children: [
+    /* @__PURE__ */ i(
       "label",
       {
         htmlFor: b,
-        className: F,
-        style: R(),
+        className: A,
+        style: F(),
         children: [
-          u && /* @__PURE__ */ l("span", { className: "text-red-500 ltr:mr-1 rtl:ml-1", children: "*" }),
+          u && /* @__PURE__ */ r("span", { className: "text-red-500 ltr:mr-1 rtl:ml-1", children: "*" }),
           t,
-          o && /* @__PURE__ */ l("span", { children: o }),
-          t && r !== "vertical" && ":"
+          s && /* @__PURE__ */ r("span", { children: s }),
+          t && e !== "vertical" && ":"
         ]
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ i(
       "div",
       {
-        className: r === a.HORIZONTAL ? "w-full flex flex-col justify-center relative" : "",
+        className: e === l.HORIZONTAL ? "w-full flex flex-col justify-center relative" : "",
         children: [
           h,
-          /* @__PURE__ */ l(W, { mode: "wait", children: i && /* @__PURE__ */ l(
-            Z.div,
+          /* @__PURE__ */ r(H, { mode: "wait", children: o && /* @__PURE__ */ r(
+            W.div,
             {
               className: "form-explain",
-              initial: H,
-              animate: w,
+              initial: w,
+              animate: R,
               exit: c,
               transition: { duration: 0.15, type: "tween" },
               children: L

package/dist/@ecme/components/ui/Form/FormItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormItem.js","sources":["../../../../../lib/@ecme/components/ui/Form/FormItem.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { useForm, FormItemContextProvider } from './context'\nimport { useConfig } from '../ConfigProvider'\nimport { CONTROL_SIZES, LAYOUT } from '../utils/constants'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { ReactNode, Ref } from 'react'\n\nexport interface FormItemProps extends CommonProps {\n    asterisk?: boolean\n    errorMessage?: string\n    extra?: string | ReactNode\n    htmlFor?: string\n    invalid?: boolean\n    label?: string\n    labelClass?: string\n    labelWidth?: string | number\n    layout?: TypeAttributes.FormLayout\n    ref?: Ref<HTMLDivElement>\n    size?: TypeAttributes.ControlSize\n}\n\nconst FormItem = (props: FormItemProps) => {\n    const {\n        asterisk,\n        children,\n        className,\n        errorMessage,\n        extra,\n        htmlFor,\n        invalid,\n        label,\n        labelClass,\n        labelWidth,\n        layout,\n        ref,\n        style,\n        size,\n    } = props\n\n    const formContext = useForm()\n    const { controlSize } = useConfig()\n\n    const formItemLabelHeight = size || formContext?.size || controlSize\n    const formItemLabelWidth = labelWidth || formContext?.labelWidth\n    const formItemLayout = layout || formContext?.layout || 'vertical'\n\n    const getFormLabelLayoutClass = () => {\n        switch (formItemLayout) {\n            case LAYOUT.HORIZONTAL:\n                return label\n                    ? `${CONTROL_SIZES[formItemLabelHeight].h} ${\n                          label && 'ltr:pr-2 rtl:pl-2'\n                      }`\n                    : 'ltr:pr-2 rtl:pl-2'\n            case LAYOUT.VERTICAL:\n                return `mb-2`\n            case LAYOUT.INLINE:\n                return `${CONTROL_SIZES[formItemLabelHeight].h} ${\n                    label && 'ltr:pr-2 rtl:pl-2'\n                }`\n            default:\n                return ''\n        }\n    }\n\n    const formItemClass = classNames(\n        'form-item',\n        formItemLayout,\n        className,\n        invalid ? 'invalid' : '',\n    )\n\n    const formLabelClass = classNames(\n        'form-label',\n        label && getFormLabelLayoutClass(),\n        labelClass,\n    )\n\n    const formLabelStyle = () => {\n        if (formItemLayout === LAYOUT.HORIZONTAL) {\n            return { ...style, ...{ minWidth: formItemLabelWidth } }\n        }\n\n        return { ...style }\n    }\n\n    const enterStyle = { opacity: 1, marginTop: 3, bottom: -21 }\n    const exitStyle = { opacity: 0, marginTop: -10 }\n    const initialStyle = exitStyle\n\n    return (\n        <FormItemContextProvider value={{ invalid }}>\n            <div ref={ref} className={formItemClass}>\n                <label\n                    htmlFor={htmlFor}\n                    className={formLabelClass}\n                    style={formLabelStyle()}\n                >\n                    {asterisk && (\n                        <span className=\"text-red-500 ltr:mr-1 rtl:ml-1\">\n                            *\n                        </span>\n                    )}\n                    {label}\n                    {extra && <span>{extra}</span>}\n                    {label && formItemLayout !== 'vertical' && ':'}\n                </label>\n                <div\n                    className={\n                        formItemLayout === LAYOUT.HORIZONTAL\n                            ? 'w-full flex flex-col justify-center relative'\n                            : ''\n                    }\n                >\n                    {children}\n                    <AnimatePresence mode=\"wait\">\n                        {invalid && (\n                            <motion.div\n                                className=\"form-explain\"\n                                initial={initialStyle}\n                                animate={enterStyle}\n                                exit={exitStyle}\n                                transition={{ duration: 0.15, type: 'tween' }}\n                            >\n                                {errorMessage}\n                            </motion.div>\n                        )}\n                    </AnimatePresence>\n                </div>\n            </div>\n        </FormItemContextProvider>\n    )\n}\n\nexport default FormItem\n"],"names":["FormItem","props","asterisk","children","className","errorMessage","extra","htmlFor","invalid","label","labelClass","labelWidth","layout","ref","style","size","formContext","useForm","controlSize","useConfig","formItemLabelHeight","formItemLabelWidth","formItemLayout","getFormLabelLayoutClass","LAYOUT","CONTROL_SIZES","formItemClass","classNames","formLabelClass","formLabelStyle","enterStyle","exitStyle","initialStyle","jsx","FormItemContextProvider","jsxs","AnimatePresence","motion"],"mappings":";;;;;;;AAsBA,MAAMA,IAAW,CAACC,MAAyB;AACvC,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,EAAA,IACAd,GAEEe,IAAcC,EAAA,GACd,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAElBC,IAAsBL,MAAQC,KAAA,gBAAAA,EAAa,SAAQE,GACnDG,IAAqBV,MAAcK,KAAA,gBAAAA,EAAa,aAChDM,IAAiBV,MAAUI,KAAA,gBAAAA,EAAa,WAAU,YAElDO,IAA0B,MAAM;AAClC,YAAQD,GAAA;AAAA,MACJ,KAAKE,EAAO;AACR,eAAOf,IACD,GAAGgB,EAAcL,CAAmB,EAAE,CAAC,IACnCX,KAAS,mBACb,KACA;AAAA,MACV,KAAKe,EAAO;AACR,eAAO;AAAA,MACX,KAAKA,EAAO;AACR,eAAO,GAAGC,EAAcL,CAAmB,EAAE,CAAC,IAC1CX,KAAS,mBACb;AAAA,MACJ;AACI,eAAO;AAAA,IAAA;AAAA,EAEnB,GAEMiB,IAAgBC;AAAA,IAClB;AAAA,IACAL;AAAA,IACAlB;AAAA,IACAI,IAAU,YAAY;AAAA,EAAA,GAGpBoB,IAAiBD;AAAA,IACnB;AAAA,IACAlB,KAASc,EAAA;AAAA,IACTb;AAAA,EAAA,GAGEmB,IAAiB,MACfP,MAAmBE,EAAO,aACnB,EAAE,GAAGV,GAAY,UAAUO,EAAmB,IAGlD,EAAE,GAAGP,EAAA,GAGVgB,IAAa,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,IAAA,GACjDC,IAAY,EAAE,SAAS,GAAG,WAAW,IAAA,GACrCC,IAAeD;AAErB,SACI,gBAAAE,EAACC,GAAA,EAAwB,OAAO,EAAE,SAAA1B,EAAA,GAC9B,UAAA,gBAAA2B,EAAC,OAAA,EAAI,KAAAtB,GAAU,WAAWa,GACtB,UAAA;AAAA,IAAA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,SAAA5B;AAAA,QACA,WAAWqB;AAAA,QACX,OAAOC,EAAA;AAAA,QAEN,UAAA;AAAA,UAAA3B,KACG,gBAAA+B,EAAC,QAAA,EAAK,WAAU,kCAAiC,UAAA,KAEjD;AAAA,UAEHxB;AAAA,UACAH,KAAS,gBAAA2B,EAAC,QAAA,EAAM,UAAA3B,EAAA,CAAM;AAAA,UACtBG,KAASa,MAAmB,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAE/C,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WACIb,MAAmBE,EAAO,aACpB,iDACA;AAAA,QAGT,UAAA;AAAA,UAAArB;AAAA,UACD,gBAAA8B,EAACG,GAAA,EAAgB,MAAK,QACjB,UAAA5B,KACG,gBAAAyB;AAAA,YAACI,EAAO;AAAA,YAAP;AAAA,cACG,WAAU;AAAA,cACV,SAASL;AAAA,cACT,SAASF;AAAA,cACT,MAAMC;AAAA,cACN,YAAY,EAAE,UAAU,MAAM,MAAM,QAAA;AAAA,cAEnC,UAAA1B;AAAA,YAAA;AAAA,UAAA,EACL,CAER;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"FormItem.js","sources":["../../../../../lib/@ecme/components/ui/Form/FormItem.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { useForm, FormItemContextProvider } from './context'\nimport { useConfig } from '../ConfigProvider'\nimport { CONTROL_SIZES, LAYOUT } from '../utils/constants'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { ReactNode, Ref } from 'react'\n\nexport interface FormItemProps extends CommonProps {\n    asterisk?: boolean\n    errorMessage?: string\n    extra?: string | ReactNode\n    htmlFor?: string\n    invalid?: boolean\n    label?: string\n    labelClass?: string\n    labelWidth?: string | number\n    layout?: TypeAttributes.FormLayout\n    ref?: Ref<HTMLDivElement>\n    size?: TypeAttributes.ControlSize\n}\n\nconst FormItem = (props: FormItemProps) => {\n    const {\n        asterisk,\n        children,\n        className,\n        errorMessage,\n        extra,\n        htmlFor,\n        invalid,\n        label,\n        labelClass,\n        labelWidth,\n        layout,\n        ref,\n        style,\n        size,\n    } = props\n\n    const formContext = useForm()\n    const { controlSize } = useConfig()\n\n    const formItemLabelHeight = size || formContext?.size || controlSize\n    const formItemLabelWidth = labelWidth || formContext?.labelWidth\n    const formItemLayout = layout || formContext?.layout || 'vertical'\n\n    const getFormLabelLayoutClass = () => {\n        switch (formItemLayout) {\n            case LAYOUT.HORIZONTAL:\n                return label\n                    ? `${CONTROL_SIZES[formItemLabelHeight].h} ${\n                          label && 'ltr:pr-2 rtl:pl-2'\n                      }`\n                    : 'ltr:pr-2 rtl:pl-2'\n            case LAYOUT.VERTICAL:\n                return `mb-2`\n            case LAYOUT.INLINE:\n                return `${CONTROL_SIZES[formItemLabelHeight].h} ${\n                    label && 'ltr:pr-2 rtl:pl-2'\n                }`\n            default:\n                return ''\n        }\n    }\n\n    const formItemClass = classNames(\n        'form-item',\n        formItemLayout,\n        className,\n        invalid ? 'invalid' : '',\n    )\n\n    const formLabelClass = classNames(\n        'form-label',\n        label && getFormLabelLayoutClass(),\n        labelClass,\n    )\n\n    const formLabelStyle = () => {\n        if (formItemLayout === LAYOUT.HORIZONTAL) {\n            return { ...style, ...{ minWidth: formItemLabelWidth } }\n        }\n\n        return { ...style }\n    }\n\n    const enterStyle = { opacity: 1, marginTop: 3, bottom: -21 }\n    const exitStyle = { opacity: 0, marginTop: -10 }\n    const initialStyle = exitStyle\n\n    return (\n        <FormItemContextProvider value={{ invalid }}>\n            <div ref={ref} className={formItemClass}>\n                <label\n                    htmlFor={htmlFor}\n                    className={formLabelClass}\n                    style={formLabelStyle()}\n                >\n                    {asterisk && (\n                        <span className=\"text-red-500 ltr:mr-1 rtl:ml-1\">\n                            *\n                        </span>\n                    )}\n                    {label}\n                    {extra && <span>{extra}</span>}\n                    {label && formItemLayout !== 'vertical' && ':'}\n                </label>\n                <div\n                    className={\n                        formItemLayout === LAYOUT.HORIZONTAL\n                            ? 'w-full flex flex-col justify-center relative'\n                            : ''\n                    }\n                >\n                    {children}\n                    <AnimatePresence mode=\"wait\">\n                        {invalid && (\n                            <motion.div\n                                className=\"form-explain\"\n                                initial={initialStyle}\n                                animate={enterStyle}\n                                exit={exitStyle}\n                                transition={{ duration: 0.15, type: 'tween' }}\n                            >\n                                {errorMessage}\n                            </motion.div>\n                        )}\n                    </AnimatePresence>\n                </div>\n            </div>\n        </FormItemContextProvider>\n    )\n}\n\nexport default FormItem\n"],"names":["FormItem","props","asterisk","children","className","errorMessage","extra","htmlFor","invalid","label","labelClass","labelWidth","layout","ref","style","size","formContext","useForm","controlSize","useConfig","formItemLabelHeight","formItemLabelWidth","formItemLayout","getFormLabelLayoutClass","LAYOUT","CONTROL_SIZES","formItemClass","classNames","formLabelClass","formLabelStyle","enterStyle","exitStyle","initialStyle","jsx","FormItemContextProvider","jsxs","AnimatePresence","motion"],"mappings":";;;;;;;AAsBA,MAAMA,IAAW,CAACC,MAAyB;AACvC,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,EAAA,IACAd,GAEEe,IAAcC,EAAA,GACd,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAElBC,IAAsBL,KAAQC,GAAa,QAAQE,GACnDG,IAAqBV,KAAcK,GAAa,YAChDM,IAAiBV,KAAUI,GAAa,UAAU,YAElDO,IAA0B,MAAM;AAClC,YAAQD,GAAA;AAAA,MACJ,KAAKE,EAAO;AACR,eAAOf,IACD,GAAGgB,EAAcL,CAAmB,EAAE,CAAC,IACnCX,KAAS,mBACb,KACA;AAAA,MACV,KAAKe,EAAO;AACR,eAAO;AAAA,MACX,KAAKA,EAAO;AACR,eAAO,GAAGC,EAAcL,CAAmB,EAAE,CAAC,IAC1CX,KAAS,mBACb;AAAA,MACJ;AACI,eAAO;AAAA,IAAA;AAAA,EAEnB,GAEMiB,IAAgBC;AAAA,IAClB;AAAA,IACAL;AAAA,IACAlB;AAAA,IACAI,IAAU,YAAY;AAAA,EAAA,GAGpBoB,IAAiBD;AAAA,IACnB;AAAA,IACAlB,KAASc,EAAA;AAAA,IACTb;AAAA,EAAA,GAGEmB,IAAiB,MACfP,MAAmBE,EAAO,aACnB,EAAE,GAAGV,GAAY,UAAUO,EAAmB,IAGlD,EAAE,GAAGP,EAAA,GAGVgB,IAAa,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,IAAA,GACjDC,IAAY,EAAE,SAAS,GAAG,WAAW,IAAA,GACrCC,IAAeD;AAErB,SACI,gBAAAE,EAACC,GAAA,EAAwB,OAAO,EAAE,SAAA1B,EAAA,GAC9B,UAAA,gBAAA2B,EAAC,OAAA,EAAI,KAAAtB,GAAU,WAAWa,GACtB,UAAA;AAAA,IAAA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,SAAA5B;AAAA,QACA,WAAWqB;AAAA,QACX,OAAOC,EAAA;AAAA,QAEN,UAAA;AAAA,UAAA3B,KACG,gBAAA+B,EAAC,QAAA,EAAK,WAAU,kCAAiC,UAAA,KAEjD;AAAA,UAEHxB;AAAA,UACAH,KAAS,gBAAA2B,EAAC,QAAA,EAAM,UAAA3B,EAAA,CAAM;AAAA,UACtBG,KAASa,MAAmB,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAE/C,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WACIb,MAAmBE,EAAO,aACpB,iDACA;AAAA,QAGT,UAAA;AAAA,UAAArB;AAAA,UACD,gBAAA8B,EAACG,GAAA,EAAgB,MAAK,QACjB,UAAA5B,KACG,gBAAAyB;AAAA,YAACI,EAAO;AAAA,YAAP;AAAA,cACG,WAAU;AAAA,cACV,SAASL;AAAA,cACT,SAASF;AAAA,cACT,MAAMC;AAAA,cACN,YAAY,EAAE,UAAU,MAAM,MAAM,QAAA;AAAA,cAEnC,UAAA1B;AAAA,YAAA;AAAA,UAAA,EACL,CAER;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/components/ui/Input/Input.js

@@ -1,83 +1,81 @@
-import { jsx as c, jsxs as N } from "react/jsx-runtime";
-import { useState as W, useRef as w, useEffect as et } from "react";
-import $ from "classnames";
+import { jsx as p, jsxs as N } from "react/jsx-runtime";
+import { useState as I, useRef as v, useEffect as U } from "react";
+import z from "classnames";
 import "../ConfigProvider/index.js";
-import { useForm as rt, useFormItem as nt } from "../Form/context.js";
-import { useInputGroup as it } from "../InputGroup/context.js";
-import { CONTROL_SIZES as st } from "../utils/constants.js";
-import b from "lodash/isNil";
-import { useConfig as ot } from "../ConfigProvider/ConfigProvider.js";
-const Ct = (f) => {
-  var I, v, z;
+import { useForm as X, useFormItem as Y } from "../Form/context.js";
+import { useInputGroup as tt } from "../InputGroup/context.js";
+import { CONTROL_SIZES as et } from "../utils/constants.js";
+import G from "lodash/isNil";
+import { useConfig as rt } from "../ConfigProvider/ConfigProvider.js";
+const dt = (o) => {
   const {
-    asElement: A = "input",
-    className: p,
+    asElement: W = "input",
+    className: c,
     disabled: d,
-    invalid: E,
+    invalid: w,
     prefix: e,
-    size: R,
+    size: $,
     suffix: r,
-    textArea: a,
+    textArea: u,
     type: m = "text",
-    ref: F,
-    rows: L,
+    ref: b,
+    rows: A,
     style: x,
-    unstyle: O = !1,
-    disallowWhitespaceOnly: P = !1,
-    ...l
-  } = f, [T, j] = W(0), [V, D] = W(0), { controlSize: Z, direction: h } = ot(), _ = (I = rt()) == null ? void 0 : I.size, k = (v = nt()) == null ? void 0 : v.invalid, q = (z = it()) == null ? void 0 : z.size, C = R || q || _ || Z, S = E || k, B = (t) => typeof t > "u" || t === null ? "" : t;
-  "value" in f && (l.value = B(f.value), delete l.defaultValue);
-  const H = "input", J = `input-${C} ${st[C].h}`, K = "focus:ring-primary focus-within:ring-primary focus-within:border-primary focus:border-primary", M = $(
+    unstyle: E = !1,
+    disallowWhitespaceOnly: R = !1,
+    ...f
+  } = o, [F, L] = I(0), [O, P] = I(0), { controlSize: T, direction: h } = rt(), j = X()?.size, V = Y()?.invalid, D = tt()?.size, C = $ || D || j || T, S = w || V, Z = (t) => typeof t > "u" || t === null ? "" : t;
+  "value" in o && (f.value = Z(o.value), delete f.defaultValue);
+  const _ = "input", k = `input-${C} ${et[C].h}`, q = "focus:ring-primary focus-within:ring-primary focus-within:border-primary focus:border-primary", B = z(
     "input-wrapper",
-    e || r ? p : ""
-  ), Q = $(
-    H,
-    !a && J,
-    !S && K,
-    !e && !r ? p : "",
+    e || r ? c : ""
+  ), H = z(
+    _,
+    !u && k,
+    !S && q,
+    !e && !r ? c : "",
     d && "input-disabled",
     S && "input-invalid",
-    a && "input-textarea"
-  ), s = w(null), o = w(null), U = () => {
-    var n, G;
-    if (!s.current && !o.current)
+    u && "input-textarea"
+  ), a = v(null), l = v(null), J = () => {
+    if (!a.current && !l.current)
       return;
-    const t = (n = s == null ? void 0 : s.current) == null ? void 0 : n.offsetWidth, i = (G = o == null ? void 0 : o.current) == null ? void 0 : G.offsetWidth;
-    b(t) && b(i) || (t && j(t), i && D(i));
+    const t = a?.current?.offsetWidth, i = l?.current?.offsetWidth;
+    G(t) && G(i) || (t && L(t), i && P(i));
   };
-  et(() => {
-    U();
+  U(() => {
+    J();
   }, [e, r]);
-  const g = (t) => 0.0625 * t, X = () => {
-    const t = `${g(T) + 1}rem`, i = `${g(V) + 1}rem`, n = {};
+  const g = (t) => 0.0625 * t, K = () => {
+    const t = `${g(F) + 1}rem`, i = `${g(O) + 1}rem`, n = {};
     return h === "ltr" && (e && (n.paddingLeft = t), r && (n.paddingRight = i)), h === "rtl" && (e && (n.paddingRight = t), r && (n.paddingLeft = i)), n;
-  }, u = {
-    className: O ? "" : Q,
+  }, s = {
+    className: E ? "" : H,
     disabled: d,
     type: m,
-    ref: F,
-    ...l
+    ref: b,
+    ...f
   };
-  P && m === "text" && (u.pattern = "\\S(?!\\s*$).*", u.title = "Este campo não pode conter apenas espaços.");
-  const Y = /* @__PURE__ */ c(
+  R && m === "text" && (s.pattern = "\\S(?!\\s*$).*", s.title = "Este campo não pode conter apenas espaços.");
+  const M = /* @__PURE__ */ p(
     "textarea",
     {
       style: x,
-      rows: L,
-      ...u
+      rows: A,
+      ...s
     }
-  ), y = /* @__PURE__ */ c(A, { style: { ...X(), ...x }, ...u }), tt = /* @__PURE__ */ N("span", { className: M, children: [
-    e ? /* @__PURE__ */ N("div", { ref: s, className: "input-suffix-start", children: [
+  ), y = /* @__PURE__ */ p(W, { style: { ...K(), ...x }, ...s }), Q = /* @__PURE__ */ N("span", { className: B, children: [
+    e ? /* @__PURE__ */ N("div", { ref: a, className: "input-suffix-start", children: [
       " ",
       e,
       " "
     ] }) : null,
     y,
-    r ? /* @__PURE__ */ c("div", { ref: o, className: "input-suffix-end", children: r }) : null
+    r ? /* @__PURE__ */ p("div", { ref: l, className: "input-suffix-end", children: r }) : null
   ] });
-  return a ? Y : e || r ? tt : y;
+  return u ? M : e || r ? Q : y;
 };
 export {
-  Ct as default
+  dt as default
 };
 //# sourceMappingURL=Input.js.map

package/dist/@ecme/components/ui/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../../lib/@ecme/components/ui/Input/Input.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\nimport classNames from \"classnames\";\nimport { useConfig } from \"../ConfigProvider\";\nimport { useForm, useFormItem } from \"../Form/context\";\nimport { useInputGroup } from \"../InputGroup/context\";\nimport { CONTROL_SIZES } from \"../utils/constants\";\nimport isNil from \"lodash/isNil\";\nimport type { CommonProps, TypeAttributes } from \"../@types/common\";\nimport type {\n  InputHTMLAttributes,\n  ElementType,\n  ReactNode,\n  HTMLInputTypeAttribute,\n  ClassAttributes,\n  Ref,\n} from \"react\";\n\nexport interface InputProps\n  extends CommonProps,\n    Omit<\n      InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>,\n      \"size\" | \"prefix\"\n    > {\n  asElement?: ElementType;\n  disabled?: boolean;\n  invalid?: boolean;\n  prefix?: string | ReactNode;\n  rows?: number;\n  ref?: Ref<ElementType | HTMLInputElement | HTMLTextAreaElement>;\n  size?: TypeAttributes.ControlSize;\n  suffix?: string | ReactNode;\n  textArea?: boolean;\n  type?: HTMLInputTypeAttribute;\n  unstyle?: boolean;\n  disallowWhitespaceOnly?: boolean;\n}\n\nconst Input = (props: InputProps) => {\n  const {\n    asElement: Component = \"input\",\n    className,\n    disabled,\n    invalid,\n    prefix,\n    size,\n    suffix,\n    textArea,\n    type = \"text\",\n    ref,\n    rows,\n    style,\n    unstyle = false,\n    disallowWhitespaceOnly = false,\n    ...rest\n  } = props;\n\n  const [prefixGutter, setPrefixGutter] = useState(0);\n  const [suffixGutter, setSuffixGutter] = useState(0);\n\n  const { controlSize, direction } = useConfig();\n  const formControlSize = useForm()?.size;\n  const formItemInvalid = useFormItem()?.invalid;\n  const inputGroupSize = useInputGroup()?.size;\n\n  const inputSize = size || inputGroupSize || formControlSize || controlSize;\n\n  const isInputInvalid = invalid || formItemInvalid;\n\n  const fixControlledValue = (\n    val: string | number | readonly string[] | undefined\n  ) => {\n    if (typeof val === \"undefined\" || val === null) {\n      return \"\";\n    }\n    return val;\n  };\n\n  if (\"value\" in props) {\n    rest.value = fixControlledValue(props.value);\n    delete rest.defaultValue;\n  }\n\n  const inputDefaultClass = \"input\";\n  const inputSizeClass = `input-${inputSize} ${CONTROL_SIZES[inputSize].h}`;\n  const inputFocusClass = `focus:ring-primary focus-within:ring-primary focus-within:border-primary focus:border-primary`;\n  const inputWrapperClass = classNames(\n    \"input-wrapper\",\n    prefix || suffix ? className : \"\"\n  );\n  const inputClass = classNames(\n    inputDefaultClass,\n    !textArea && inputSizeClass,\n    !isInputInvalid && inputFocusClass,\n    !prefix && !suffix ? className : \"\",\n    disabled && \"input-disabled\",\n    isInputInvalid && \"input-invalid\",\n    textArea && \"input-textarea\"\n  );\n\n  const prefixNode = useRef<HTMLDivElement>(null);\n  const suffixNode = useRef<HTMLDivElement>(null);\n\n  const getAffixSize = () => {\n    if (!prefixNode.current && !suffixNode.current) {\n      return;\n    }\n    const prefixNodeWidth = prefixNode?.current?.offsetWidth;\n    const suffixNodeWidth = suffixNode?.current?.offsetWidth;\n\n    if (isNil(prefixNodeWidth) && isNil(suffixNodeWidth)) {\n      return;\n    }\n\n    if (prefixNodeWidth) {\n      setPrefixGutter(prefixNodeWidth);\n    }\n\n    if (suffixNodeWidth) {\n      setSuffixGutter(suffixNodeWidth);\n    }\n  };\n\n  useEffect(() => {\n    getAffixSize();\n  }, [prefix, suffix]);\n\n  const remToPxConvertion = (pixel: number) => 0.0625 * pixel;\n\n  const affixGutterStyle = () => {\n    const leftGutter = `${remToPxConvertion(prefixGutter) + 1}rem`;\n    const rightGutter = `${remToPxConvertion(suffixGutter) + 1}rem`;\n    const gutterStyle: {\n      paddingLeft?: string;\n      paddingRight?: string;\n    } = {};\n\n    if (direction === \"ltr\") {\n      if (prefix) {\n        gutterStyle.paddingLeft = leftGutter;\n      }\n\n      if (suffix) {\n        gutterStyle.paddingRight = rightGutter;\n      }\n    }\n\n    if (direction === \"rtl\") {\n      if (prefix) {\n        gutterStyle.paddingRight = leftGutter;\n      }\n\n      if (suffix) {\n        gutterStyle.paddingLeft = rightGutter;\n      }\n    }\n\n    return gutterStyle;\n  };\n\n  const inputProps = {\n    className: !unstyle ? inputClass : \"\",\n    disabled,\n    type,\n    ref,\n    ...rest,\n  };\n\n  if (disallowWhitespaceOnly && type === \"text\") {\n    inputProps.pattern = \"\\\\S(?!\\\\s*$).*\"; \n    inputProps.title = \"Este campo não pode conter apenas espaços.\"; \n  }\n\n  const renderTextArea = (\n    <textarea\n      style={style}\n      rows={rows}\n      {...(inputProps as ClassAttributes<HTMLTextAreaElement>)}\n    ></textarea>\n  );\n\n  const renderInput = (\n    <Component style={{ ...affixGutterStyle(), ...style }} {...inputProps} />\n  );\n\n  const renderAffixInput = (\n    <span className={inputWrapperClass}>\n      {prefix ? (\n        <div ref={prefixNode} className=\"input-suffix-start\">\n          {\" \"}\n          {prefix}{\" \"}\n        </div>\n      ) : null}\n      {renderInput}\n      {suffix ? (\n        <div ref={suffixNode} className=\"input-suffix-end\">\n          {suffix}\n        </div>\n      ) : null}\n    </span>\n  );\n\n  const renderChildren = () => {\n    if (textArea) {\n      return renderTextArea;\n    }\n\n    if (prefix || suffix) {\n      return renderAffixInput;\n    } else {\n      return renderInput;\n    }\n  };\n\n  return renderChildren();\n};\n\nexport default Input;\n"],"names":["Input","props","Component","className","disabled","invalid","prefix","size","suffix","textArea","type","ref","rows","style","unstyle","disallowWhitespaceOnly","rest","prefixGutter","setPrefixGutter","useState","suffixGutter","setSuffixGutter","controlSize","direction","useConfig","formControlSize","_a","useForm","formItemInvalid","_b","useFormItem","inputGroupSize","_c","useInputGroup","inputSize","isInputInvalid","fixControlledValue","val","inputDefaultClass","inputSizeClass","CONTROL_SIZES","inputFocusClass","inputWrapperClass","classNames","inputClass","prefixNode","useRef","suffixNode","getAffixSize","prefixNodeWidth","suffixNodeWidth","isNil","useEffect","remToPxConvertion","pixel","affixGutterStyle","leftGutter","rightGutter","gutterStyle","inputProps","renderTextArea","jsx","renderInput","renderAffixInput","jsxs"],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../../../../../lib/@ecme/components/ui/Input/Input.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\nimport classNames from \"classnames\";\nimport { useConfig } from \"../ConfigProvider\";\nimport { useForm, useFormItem } from \"../Form/context\";\nimport { useInputGroup } from \"../InputGroup/context\";\nimport { CONTROL_SIZES } from \"../utils/constants\";\nimport isNil from \"lodash/isNil\";\nimport type { CommonProps, TypeAttributes } from \"../@types/common\";\nimport type {\n  InputHTMLAttributes,\n  ElementType,\n  ReactNode,\n  HTMLInputTypeAttribute,\n  ClassAttributes,\n  Ref,\n} from \"react\";\n\nexport interface InputProps\n  extends CommonProps,\n    Omit<\n      InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>,\n      \"size\" | \"prefix\"\n    > {\n  asElement?: ElementType;\n  disabled?: boolean;\n  invalid?: boolean;\n  prefix?: string | ReactNode;\n  rows?: number;\n  ref?: Ref<ElementType | HTMLInputElement | HTMLTextAreaElement>;\n  size?: TypeAttributes.ControlSize;\n  suffix?: string | ReactNode;\n  textArea?: boolean;\n  type?: HTMLInputTypeAttribute;\n  unstyle?: boolean;\n  disallowWhitespaceOnly?: boolean;\n}\n\nconst Input = (props: InputProps) => {\n  const {\n    asElement: Component = \"input\",\n    className,\n    disabled,\n    invalid,\n    prefix,\n    size,\n    suffix,\n    textArea,\n    type = \"text\",\n    ref,\n    rows,\n    style,\n    unstyle = false,\n    disallowWhitespaceOnly = false,\n    ...rest\n  } = props;\n\n  const [prefixGutter, setPrefixGutter] = useState(0);\n  const [suffixGutter, setSuffixGutter] = useState(0);\n\n  const { controlSize, direction } = useConfig();\n  const formControlSize = useForm()?.size;\n  const formItemInvalid = useFormItem()?.invalid;\n  const inputGroupSize = useInputGroup()?.size;\n\n  const inputSize = size || inputGroupSize || formControlSize || controlSize;\n\n  const isInputInvalid = invalid || formItemInvalid;\n\n  const fixControlledValue = (\n    val: string | number | readonly string[] | undefined\n  ) => {\n    if (typeof val === \"undefined\" || val === null) {\n      return \"\";\n    }\n    return val;\n  };\n\n  if (\"value\" in props) {\n    rest.value = fixControlledValue(props.value);\n    delete rest.defaultValue;\n  }\n\n  const inputDefaultClass = \"input\";\n  const inputSizeClass = `input-${inputSize} ${CONTROL_SIZES[inputSize].h}`;\n  const inputFocusClass = `focus:ring-primary focus-within:ring-primary focus-within:border-primary focus:border-primary`;\n  const inputWrapperClass = classNames(\n    \"input-wrapper\",\n    prefix || suffix ? className : \"\"\n  );\n  const inputClass = classNames(\n    inputDefaultClass,\n    !textArea && inputSizeClass,\n    !isInputInvalid && inputFocusClass,\n    !prefix && !suffix ? className : \"\",\n    disabled && \"input-disabled\",\n    isInputInvalid && \"input-invalid\",\n    textArea && \"input-textarea\"\n  );\n\n  const prefixNode = useRef<HTMLDivElement>(null);\n  const suffixNode = useRef<HTMLDivElement>(null);\n\n  const getAffixSize = () => {\n    if (!prefixNode.current && !suffixNode.current) {\n      return;\n    }\n    const prefixNodeWidth = prefixNode?.current?.offsetWidth;\n    const suffixNodeWidth = suffixNode?.current?.offsetWidth;\n\n    if (isNil(prefixNodeWidth) && isNil(suffixNodeWidth)) {\n      return;\n    }\n\n    if (prefixNodeWidth) {\n      setPrefixGutter(prefixNodeWidth);\n    }\n\n    if (suffixNodeWidth) {\n      setSuffixGutter(suffixNodeWidth);\n    }\n  };\n\n  useEffect(() => {\n    getAffixSize();\n  }, [prefix, suffix]);\n\n  const remToPxConvertion = (pixel: number) => 0.0625 * pixel;\n\n  const affixGutterStyle = () => {\n    const leftGutter = `${remToPxConvertion(prefixGutter) + 1}rem`;\n    const rightGutter = `${remToPxConvertion(suffixGutter) + 1}rem`;\n    const gutterStyle: {\n      paddingLeft?: string;\n      paddingRight?: string;\n    } = {};\n\n    if (direction === \"ltr\") {\n      if (prefix) {\n        gutterStyle.paddingLeft = leftGutter;\n      }\n\n      if (suffix) {\n        gutterStyle.paddingRight = rightGutter;\n      }\n    }\n\n    if (direction === \"rtl\") {\n      if (prefix) {\n        gutterStyle.paddingRight = leftGutter;\n      }\n\n      if (suffix) {\n        gutterStyle.paddingLeft = rightGutter;\n      }\n    }\n\n    return gutterStyle;\n  };\n\n  const inputProps = {\n    className: !unstyle ? inputClass : \"\",\n    disabled,\n    type,\n    ref,\n    ...rest,\n  };\n\n  if (disallowWhitespaceOnly && type === \"text\") {\n    inputProps.pattern = \"\\\\S(?!\\\\s*$).*\"; \n    inputProps.title = \"Este campo não pode conter apenas espaços.\"; \n  }\n\n  const renderTextArea = (\n    <textarea\n      style={style}\n      rows={rows}\n      {...(inputProps as ClassAttributes<HTMLTextAreaElement>)}\n    ></textarea>\n  );\n\n  const renderInput = (\n    <Component style={{ ...affixGutterStyle(), ...style }} {...inputProps} />\n  );\n\n  const renderAffixInput = (\n    <span className={inputWrapperClass}>\n      {prefix ? (\n        <div ref={prefixNode} className=\"input-suffix-start\">\n          {\" \"}\n          {prefix}{\" \"}\n        </div>\n      ) : null}\n      {renderInput}\n      {suffix ? (\n        <div ref={suffixNode} className=\"input-suffix-end\">\n          {suffix}\n        </div>\n      ) : null}\n    </span>\n  );\n\n  const renderChildren = () => {\n    if (textArea) {\n      return renderTextArea;\n    }\n\n    if (prefix || suffix) {\n      return renderAffixInput;\n    } else {\n      return renderInput;\n    }\n  };\n\n  return renderChildren();\n};\n\nexport default Input;\n"],"names":["Input","props","Component","className","disabled","invalid","prefix","size","suffix","textArea","type","ref","rows","style","unstyle","disallowWhitespaceOnly","rest","prefixGutter","setPrefixGutter","useState","suffixGutter","setSuffixGutter","controlSize","direction","useConfig","formControlSize","useForm","formItemInvalid","useFormItem","inputGroupSize","useInputGroup","inputSize","isInputInvalid","fixControlledValue","val","inputDefaultClass","inputSizeClass","CONTROL_SIZES","inputFocusClass","inputWrapperClass","classNames","inputClass","prefixNode","useRef","suffixNode","getAffixSize","prefixNodeWidth","suffixNodeWidth","isNil","useEffect","remToPxConvertion","pixel","affixGutterStyle","leftGutter","rightGutter","gutterStyle","inputProps","renderTextArea","jsx","renderInput","renderAffixInput","jsxs"],"mappings":"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"}

package/dist/@ecme/components/ui/InputGroup/Addon.js

@@ -1,20 +1,19 @@
-import { jsx as u } from "react/jsx-runtime";
-import f from "classnames";
+import { jsx as a } from "react/jsx-runtime";
+import c from "classnames";
 import "../ConfigProvider/index.js";
-import { useForm as l } from "../Form/context.js";
-import { useInputGroup as z } from "./context.js";
-import { CONTROL_SIZES as S } from "../utils/constants.js";
-import { useConfig as C } from "../ConfigProvider/ConfigProvider.js";
-const $ = ({ ref: r, ...n }) => {
-  var s, t;
-  const { size: i, children: m, className: e } = n, { controlSize: p } = C(), d = (s = l()) == null ? void 0 : s.size, a = (t = z()) == null ? void 0 : t.size, o = i || a || d || p, c = f(
+import { useForm as u } from "../Form/context.js";
+import { useInputGroup as f } from "./context.js";
+import { CONTROL_SIZES as l } from "../utils/constants.js";
+import { useConfig as z } from "../ConfigProvider/ConfigProvider.js";
+const I = ({ ref: s, ...t }) => {
+  const { size: r, children: n, className: i } = t, { controlSize: m } = z(), e = u()?.size, p = f()?.size, o = r || p || e || m, d = c(
     "input-addon",
-    `input-addon-${o} ${S[o].h}`,
-    e
+    `input-addon-${o} ${l[o].h}`,
+    i
   );
-  return /* @__PURE__ */ u("div", { ref: r, className: c, children: m });
+  return /* @__PURE__ */ a("div", { ref: s, className: d, children: n });
 };
 export {
-  $ as default
+  I as default
 };
 //# sourceMappingURL=Addon.js.map

package/dist/@ecme/components/ui/InputGroup/Addon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Addon.js","sources":["../../../../../lib/@ecme/components/ui/InputGroup/Addon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm } from '../Form/context'\nimport { useInputGroup } from '../InputGroup/context'\nimport { CONTROL_SIZES } from '../utils/constants'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { Ref } from 'react'\n\nexport interface AddonProps extends CommonProps {\n    size?: TypeAttributes.ControlSize\n    ref?: Ref<HTMLDivElement>\n}\n\nconst Addon = ({ ref, ...props }: AddonProps) => {\n    const { size, children, className } = props\n\n    const { controlSize } = useConfig()\n    const formControlSize = useForm()?.size\n    const inputGroupSize = useInputGroup()?.size\n\n    const inputAddonSize =\n        size || inputGroupSize || formControlSize || controlSize\n\n    const addonClass = classNames(\n        'input-addon',\n        `input-addon-${inputAddonSize} ${CONTROL_SIZES[inputAddonSize].h}`,\n        className,\n    )\n\n    return (\n        <div ref={ref} className={addonClass}>\n            {children}\n        </div>\n    )\n}\n\nexport default Addon\n"],"names":["Addon","ref","props","size","children","className","controlSize","useConfig","formControlSize","_a","useForm","inputGroupSize","_b","useInputGroup","inputAddonSize","addonClass","classNames","CONTROL_SIZES","jsx"],"mappings":";;;;;;;AAaA,MAAMA,IAAQ,CAAC,EAAE,KAAAC,GAAK,GAAGC,QAAwB;;AAC7C,QAAM,EAAE,MAAAC,GAAM,UAAAC,GAAU,WAAAC,EAAA,IAAcH,GAEhC,EAAE,aAAAI,EAAA,IAAgBC,EAAA,GAClBC,KAAkBC,IAAAC,QAAA,gBAAAD,EAAW,MAC7BE,KAAiBC,IAAAC,QAAA,gBAAAD,EAAiB,MAElCE,IACFX,KAAQQ,KAAkBH,KAAmBF,GAE3CS,IAAaC;AAAA,IACf;AAAA,IACA,eAAeF,CAAc,IAAIG,EAAcH,CAAc,EAAE,CAAC;AAAA,IAChET;AAAA,EAAA;AAGJ,SACI,gBAAAa,EAAC,OAAA,EAAI,KAAAjB,GAAU,WAAWc,GACrB,UAAAX,GACL;AAER;"}
+{"version":3,"file":"Addon.js","sources":["../../../../../lib/@ecme/components/ui/InputGroup/Addon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm } from '../Form/context'\nimport { useInputGroup } from '../InputGroup/context'\nimport { CONTROL_SIZES } from '../utils/constants'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { Ref } from 'react'\n\nexport interface AddonProps extends CommonProps {\n    size?: TypeAttributes.ControlSize\n    ref?: Ref<HTMLDivElement>\n}\n\nconst Addon = ({ ref, ...props }: AddonProps) => {\n    const { size, children, className } = props\n\n    const { controlSize } = useConfig()\n    const formControlSize = useForm()?.size\n    const inputGroupSize = useInputGroup()?.size\n\n    const inputAddonSize =\n        size || inputGroupSize || formControlSize || controlSize\n\n    const addonClass = classNames(\n        'input-addon',\n        `input-addon-${inputAddonSize} ${CONTROL_SIZES[inputAddonSize].h}`,\n        className,\n    )\n\n    return (\n        <div ref={ref} className={addonClass}>\n            {children}\n        </div>\n    )\n}\n\nexport default Addon\n"],"names":["Addon","ref","props","size","children","className","controlSize","useConfig","formControlSize","useForm","inputGroupSize","useInputGroup","inputAddonSize","addonClass","classNames","CONTROL_SIZES","jsx"],"mappings":";;;;;;;AAaA,MAAMA,IAAQ,CAAC,EAAE,KAAAC,GAAK,GAAGC,QAAwB;AAC7C,QAAM,EAAE,MAAAC,GAAM,UAAAC,GAAU,WAAAC,EAAA,IAAcH,GAEhC,EAAE,aAAAI,EAAA,IAAgBC,EAAA,GAClBC,IAAkBC,KAAW,MAC7BC,IAAiBC,KAAiB,MAElCC,IACFT,KAAQO,KAAkBF,KAAmBF,GAE3CO,IAAaC;AAAA,IACf;AAAA,IACA,eAAeF,CAAc,IAAIG,EAAcH,CAAc,EAAE,CAAC;AAAA,IAChEP;AAAA,EAAA;AAGJ,SACI,gBAAAW,EAAC,OAAA,EAAI,KAAAf,GAAU,WAAWY,GACrB,UAAAT,GACL;AAER;"}

package/dist/@ecme/components/ui/InputGroup/InputGroup.js

@@ -1,17 +1,16 @@
 import { jsx as o } from "react/jsx-runtime";
-import l from "classnames";
+import c from "classnames";
 import "../ConfigProvider/index.js";
-import { useForm as a } from "../Form/context.js";
-import { InputGroupContextProvider as f, InputGroupContextConsumer as d } from "./context.js";
-import { useConfig as x } from "../ConfigProvider/ConfigProvider.js";
-const S = ({ ref: r, ...e }) => {
-  var t;
-  const { children: n, className: s, size: i } = e, { controlSize: u } = x(), p = (t = a()) == null ? void 0 : t.size, m = i || p || u, c = l("input-group", s);
-  return /* @__PURE__ */ o(f, { value: {
-    size: m
-  }, children: /* @__PURE__ */ o(d, { children: () => /* @__PURE__ */ o("div", { ref: r, className: c, children: n }) }) });
+import { useForm as l } from "../Form/context.js";
+import { InputGroupContextProvider as a, InputGroupContextConsumer as f } from "./context.js";
+import { useConfig as d } from "../ConfigProvider/ConfigProvider.js";
+const N = ({ ref: t, ...r }) => {
+  const { children: e, className: n, size: s } = r, { controlSize: i } = d(), u = l()?.size, p = s || u || i, m = c("input-group", n);
+  return /* @__PURE__ */ o(a, { value: {
+    size: p
+  }, children: /* @__PURE__ */ o(f, { children: () => /* @__PURE__ */ o("div", { ref: t, className: m, children: e }) }) });
 };
 export {
-  S as default
+  N as default
 };
 //# sourceMappingURL=InputGroup.js.map

package/dist/@ecme/components/ui/InputGroup/InputGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.js","sources":["../../../../../lib/@ecme/components/ui/InputGroup/InputGroup.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm } from '../Form/context'\nimport { InputGroupContextProvider, InputGroupContextConsumer } from './context'\nimport type { Ref } from 'react'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\n\nexport interface InputGroupProps extends CommonProps {\n    size?: TypeAttributes.ControlSize\n    ref?: Ref<HTMLDivElement>\n}\n\nconst InputGroup = ({ ref, ...props }: InputGroupProps) => {\n    const { children, className, size } = props\n\n    const { controlSize } = useConfig()\n    const formControlSize = useForm()?.size\n\n    const inputGroupSize = size || formControlSize || controlSize\n\n    const inputGroupClass = classNames('input-group', className)\n\n    const contextValue = {\n        size: inputGroupSize,\n    }\n    return (\n        <InputGroupContextProvider value={contextValue}>\n            <InputGroupContextConsumer>\n                {() => {\n                    return (\n                        <div ref={ref} className={inputGroupClass}>\n                            {children}\n                        </div>\n                    )\n                }}\n            </InputGroupContextConsumer>\n        </InputGroupContextProvider>\n    )\n}\n\nexport default InputGroup\n"],"names":["InputGroup","ref","props","children","className","size","controlSize","useConfig","formControlSize","_a","useForm","inputGroupSize","inputGroupClass","classNames","InputGroupContextProvider","jsx","InputGroupContextConsumer"],"mappings":";;;;;;AAYA,MAAMA,IAAa,CAAC,EAAE,KAAAC,GAAK,GAAGC,QAA6B;;AACvD,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,MAAAC,EAAA,IAASH,GAEhC,EAAE,aAAAI,EAAA,IAAgBC,EAAA,GAClBC,KAAkBC,IAAAC,QAAA,gBAAAD,EAAW,MAE7BE,IAAiBN,KAAQG,KAAmBF,GAE5CM,IAAkBC,EAAW,eAAeT,CAAS;AAK3D,2BACKU,GAAA,EAA0B,OAJV;AAAA,IACjB,MAAMH;AAAA,EAAA,GAIF,UAAA,gBAAAI,EAACC,KACI,UAAA,MAEO,gBAAAD,EAAC,OAAA,EAAI,KAAAd,GAAU,WAAWW,GACrB,UAAAT,GACL,GAGZ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"InputGroup.js","sources":["../../../../../lib/@ecme/components/ui/InputGroup/InputGroup.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm } from '../Form/context'\nimport { InputGroupContextProvider, InputGroupContextConsumer } from './context'\nimport type { Ref } from 'react'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\n\nexport interface InputGroupProps extends CommonProps {\n    size?: TypeAttributes.ControlSize\n    ref?: Ref<HTMLDivElement>\n}\n\nconst InputGroup = ({ ref, ...props }: InputGroupProps) => {\n    const { children, className, size } = props\n\n    const { controlSize } = useConfig()\n    const formControlSize = useForm()?.size\n\n    const inputGroupSize = size || formControlSize || controlSize\n\n    const inputGroupClass = classNames('input-group', className)\n\n    const contextValue = {\n        size: inputGroupSize,\n    }\n    return (\n        <InputGroupContextProvider value={contextValue}>\n            <InputGroupContextConsumer>\n                {() => {\n                    return (\n                        <div ref={ref} className={inputGroupClass}>\n                            {children}\n                        </div>\n                    )\n                }}\n            </InputGroupContextConsumer>\n        </InputGroupContextProvider>\n    )\n}\n\nexport default InputGroup\n"],"names":["InputGroup","ref","props","children","className","size","controlSize","useConfig","formControlSize","useForm","inputGroupSize","inputGroupClass","classNames","InputGroupContextProvider","jsx","InputGroupContextConsumer"],"mappings":";;;;;;AAYA,MAAMA,IAAa,CAAC,EAAE,KAAAC,GAAK,GAAGC,QAA6B;AACvD,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,MAAAC,EAAA,IAASH,GAEhC,EAAE,aAAAI,EAAA,IAAgBC,EAAA,GAClBC,IAAkBC,KAAW,MAE7BC,IAAiBL,KAAQG,KAAmBF,GAE5CK,IAAkBC,EAAW,eAAeR,CAAS;AAK3D,2BACKS,GAAA,EAA0B,OAJV;AAAA,IACjB,MAAMH;AAAA,EAAA,GAIF,UAAA,gBAAAI,EAACC,KACI,UAAA,MAEO,gBAAAD,EAAC,OAAA,EAAI,KAAAb,GAAU,WAAWU,GACrB,UAAAR,GACL,GAGZ,EAAA,CACJ;AAER;"}

package/dist/@ecme/components/ui/Notification/Notification.js

@@ -1,4 +1,4 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
 import { useState as T, useCallback as j } from "react";
 import o from "classnames";
 import k from "../hooks/useTimeout.js";
@@ -9,27 +9,27 @@ import B from "../CloseButton/CloseButton.js";
 const G = (f) => {
   const {
     className: u,
-    children: s,
+    children: t,
     closable: h = !1,
-    customIcon: e,
-    duration: l = 3e3,
-    onClose: t,
+    customIcon: s,
+    duration: n = 3e3,
+    onClose: e,
     style: p,
     ref: N,
     title: a,
-    triggerByToast: n,
+    triggerByToast: c,
     type: r,
     width: v = 350,
     ...y
-  } = f, [b, m] = T("show"), { clear: d } = k(t, l, l > 0), C = j(
+  } = f, [C, m] = T("show"), { clear: d } = k(e, n, n > 0), b = j(
     (x) => {
-      m("hiding"), t == null || t(x), d(), n || setTimeout(() => {
+      m("hiding"), e?.(x), d(), c || setTimeout(() => {
         m("hide");
       }, 400);
     },
-    [t, d, n]
+    [e, d, c]
   ), g = o("notification", u);
-  return b === "hide" ? null : /* @__PURE__ */ c(
+  return C === "hide" ? null : /* @__PURE__ */ l(
     "div",
     {
       ref: N,
@@ -37,23 +37,23 @@ const G = (f) => {
       className: g,
       style: { width: v, ...p },
       children: [
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ l(
           "div",
           {
             className: o(
               "notification-content",
-              !s && "no-child"
+              !t && "no-child"
             ),
             children: [
-              r && !e ? /* @__PURE__ */ i("div", { className: "mr-3 mt-0.5", children: /* @__PURE__ */ i(w, { type: r }) }) : null,
-              e && /* @__PURE__ */ i("div", { className: "mr-3", children: e }),
-              /* @__PURE__ */ c("div", { className: "mr-4", children: [
+              r && !s ? /* @__PURE__ */ i("div", { className: "mr-3 mt-0.5", children: /* @__PURE__ */ i(w, { type: r }) }) : null,
+              s && /* @__PURE__ */ i("div", { className: "mr-3", children: s }),
+              /* @__PURE__ */ l("div", { className: "mr-4", children: [
                 a && /* @__PURE__ */ i(
                   "div",
                   {
                     className: o(
                       "notification-title",
-                      s ? "mb-2" : ""
+                      t ? "mb-2" : ""
                     ),
                     children: a
                   }
@@ -63,9 +63,9 @@ const G = (f) => {
                   {
                     className: o(
                       "notification-description",
-                      !a && s ? "mt-1" : ""
+                      !a && t ? "mt-1" : ""
                     ),
-                    children: s
+                    children: t
                   }
                 )
               ] })
@@ -77,7 +77,7 @@ const G = (f) => {
           {
             className: "notification-close",
             absolute: !0,
-            onClick: C
+            onClick: b
           }
         )
       ]