@orbe-agro/client-core 5.3.86 → 5.3.90

package/dist/@ecme/views/dashboards/ProjectDashboard/components/UpcomingSchedule.js.map

@@ -1 +1 @@
-{"version":3,"file":"UpcomingSchedule.js","sources":["../../../../../../lib/@ecme/views/dashboards/ProjectDashboard/components/UpcomingSchedule.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Card from '@/components/ui/Card'\nimport Calendar from '@/components/ui/Calendar'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport CreateEventDialog, { eventTypes } from './CreateEventDialog'\nimport { eventGenerator, isToday } from '../utils'\nimport classNames from '@/utils/classNames'\n\nimport dayjs from 'dayjs'\nimport type { FormSchema as CreateEventPayload } from './CreateEventDialog'\nimport type { Event } from '../types'\n\ntype ScheduledEvent = {\n    id: string\n    type: Event\n    label: string\n    time?: Date\n}\n\ntype ScheduledEventProps = ScheduledEvent\n\nconst ScheduledEvent = (props: ScheduledEventProps) => {\n    const { type, label, time } = props\n\n    const event = eventTypes[type]\n\n    return (\n        <div className=\"flex items-center justify-between gap-4 py-1\">\n            <div className=\"flex items-center gap-3\">\n                <div>\n                    <Avatar\n                        className={classNames('text-gray-900', event?.color)}\n                        icon={event?.icon}\n                        shape=\"round\"\n                    />\n                </div>\n                <div>\n                    <div className=\"font-bold heading-text\">{label}</div>\n                    <div className=\"font-normal\">{event?.label}</div>\n                </div>\n            </div>\n            <div>\n                <span className=\"font-semibold heading-text\">\n                    {time && dayjs(time).format('hh:mm')}{' '}\n                </span>\n                <small>{time && dayjs(time).format('A')}</small>\n            </div>\n        </div>\n    )\n}\n\nconst UpcomingSchedule = () => {\n    const [selectedDate, setSelectedDate] = useState<Date | null>(\n        dayjs().toDate(),\n    )\n    const [createdEventCache, setCreatedEventCache] = useState<\n        Record<string, ScheduledEvent[]>\n    >({})\n\n    const eventList = useMemo(() => {\n        const date = selectedDate\n        const previousCreatedEvent =\n            createdEventCache[dayjs(date).toISOString()] || []\n        const eventList = [\n            ...eventGenerator(date as Date),\n            ...previousCreatedEvent,\n        ]\n\n        return eventList.sort((a, b) => {\n            if (!a.time && !b.time) {\n                return 0\n            }\n            if (!a.time) {\n                return 1\n            }\n            if (!b.time) {\n                return -1\n            }\n            return a.time.getTime() - b.time.getTime()\n        })\n    }, [selectedDate, createdEventCache])\n\n    const handleCreateEvent = (value: CreateEventPayload & { id: string }) => {\n        const payload = {\n            id: value.id,\n            label: value.label,\n            type: value.type,\n            time: dayjs(selectedDate)\n                .set('hour', value.time)\n                .set('minute', 0)\n                .toDate(),\n        }\n        setCreatedEventCache((prevRecord) => {\n            if (prevRecord[dayjs(selectedDate).toISOString()]) {\n                prevRecord[dayjs(selectedDate).toISOString()].push(payload)\n            } else {\n                prevRecord[dayjs(selectedDate).toISOString()] = [payload]\n            }\n\n            return structuredClone(prevRecord)\n        })\n    }\n\n    return (\n        <Card>\n            <div className=\"flex flex-col md:flex-row xl:flex-col md:gap-10 xl:gap-0\">\n                <div className=\"flex items-center mx-auto w-[280px]\">\n                    <Calendar\n                        value={selectedDate}\n                        onChange={(val) => {\n                            setSelectedDate(val)\n                        }}\n                    />\n                </div>\n                <div className=\"w-full\">\n                    <div className=\"my-6\">\n                        <h5>\n                            Scehdule{' '}\n                            {isToday(selectedDate as Date)\n                                ? 'today'\n                                : dayjs(selectedDate).format('DD MMM')}\n                        </h5>\n                    </div>\n                    <div className=\"w-full\">\n                        <ScrollBar className=\"overflow-y-auto h-[280px] xl:max-w-[280px]\">\n                            <div className=\"flex flex-col gap-4\">\n                                {eventList.map((event) => (\n                                    <ScheduledEvent key={event.id} {...event} />\n                                ))}\n                            </div>\n                        </ScrollBar>\n                    </div>\n                </div>\n            </div>\n            <div className=\"mt-4\">\n                <CreateEventDialog onCreateEvent={handleCreateEvent} />\n            </div>\n        </Card>\n    )\n}\n\nexport default UpcomingSchedule\n"],"names":["ScheduledEvent","props","type","label","time","event","eventTypes","jsxs","jsx","Avatar","classNames","dayjs","UpcomingSchedule","selectedDate","setSelectedDate","useState","createdEventCache","setCreatedEventCache","eventList","useMemo","date","previousCreatedEvent","eventGenerator","a","b","handleCreateEvent","value","payload","prevRecord","Card","Calendar","val","isToday","ScrollBar","CreateEventDialog"],"mappings":"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"}
+{"version":3,"file":"UpcomingSchedule.js","sources":["../../../../../../lib/@ecme/views/dashboards/ProjectDashboard/components/UpcomingSchedule.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Card from '@/components/ui/Card'\nimport Calendar from '@/components/ui/Calendar'\nimport ScrollBar from '@/components/ui/ScrollBar'\nimport CreateEventDialog, { eventTypes } from './CreateEventDialog'\nimport { eventGenerator, isToday } from '../utils'\nimport classNames from '@/utils/classNames'\n\nimport dayjs from 'dayjs'\nimport type { FormSchema as CreateEventPayload } from './CreateEventDialog'\nimport type { Event } from '../types'\n\ntype ScheduledEvent = {\n    id: string\n    type: Event\n    label: string\n    time?: Date\n}\n\ntype ScheduledEventProps = ScheduledEvent\n\nconst ScheduledEvent = (props: ScheduledEventProps) => {\n    const { type, label, time } = props\n\n    const event = eventTypes[type]\n\n    return (\n        <div className=\"flex items-center justify-between gap-4 py-1\">\n            <div className=\"flex items-center gap-3\">\n                <div>\n                    <Avatar\n                        className={classNames('text-gray-900', event?.color)}\n                        icon={event?.icon}\n                        shape=\"round\"\n                    />\n                </div>\n                <div>\n                    <div className=\"font-bold heading-text\">{label}</div>\n                    <div className=\"font-normal\">{event?.label}</div>\n                </div>\n            </div>\n            <div>\n                <span className=\"font-semibold heading-text\">\n                    {time && dayjs(time).format('hh:mm')}{' '}\n                </span>\n                <small>{time && dayjs(time).format('A')}</small>\n            </div>\n        </div>\n    )\n}\n\nconst UpcomingSchedule = () => {\n    const [selectedDate, setSelectedDate] = useState<Date | null>(\n        dayjs().toDate(),\n    )\n    const [createdEventCache, setCreatedEventCache] = useState<\n        Record<string, ScheduledEvent[]>\n    >({})\n\n    const eventList = useMemo(() => {\n        const date = selectedDate\n        const previousCreatedEvent =\n            createdEventCache[dayjs(date).toISOString()] || []\n        const eventList = [\n            ...eventGenerator(date as Date),\n            ...previousCreatedEvent,\n        ]\n\n        return eventList.sort((a, b) => {\n            if (!a.time && !b.time) {\n                return 0\n            }\n            if (!a.time) {\n                return 1\n            }\n            if (!b.time) {\n                return -1\n            }\n            return a.time.getTime() - b.time.getTime()\n        })\n    }, [selectedDate, createdEventCache])\n\n    const handleCreateEvent = (value: CreateEventPayload & { id: string }) => {\n        const payload = {\n            id: value.id,\n            label: value.label,\n            type: value.type,\n            time: dayjs(selectedDate)\n                .set('hour', value.time)\n                .set('minute', 0)\n                .toDate(),\n        }\n        setCreatedEventCache((prevRecord) => {\n            if (prevRecord[dayjs(selectedDate).toISOString()]) {\n                prevRecord[dayjs(selectedDate).toISOString()].push(payload)\n            } else {\n                prevRecord[dayjs(selectedDate).toISOString()] = [payload]\n            }\n\n            return structuredClone(prevRecord)\n        })\n    }\n\n    return (\n        <Card>\n            <div className=\"flex flex-col md:flex-row xl:flex-col md:gap-10 xl:gap-0\">\n                <div className=\"flex items-center mx-auto w-[280px]\">\n                    <Calendar\n                        value={selectedDate}\n                        onChange={(val) => {\n                            setSelectedDate(val)\n                        }}\n                    />\n                </div>\n                <div className=\"w-full\">\n                    <div className=\"my-6\">\n                        <h5>\n                            Scehdule{' '}\n                            {isToday(selectedDate as Date)\n                                ? 'today'\n                                : dayjs(selectedDate).format('DD MMM')}\n                        </h5>\n                    </div>\n                    <div className=\"w-full\">\n                        <ScrollBar className=\"overflow-y-auto h-[280px] xl:max-w-[280px]\">\n                            <div className=\"flex flex-col gap-4\">\n                                {eventList.map((event) => (\n                                    <ScheduledEvent key={event.id} {...event} />\n                                ))}\n                            </div>\n                        </ScrollBar>\n                    </div>\n                </div>\n            </div>\n            <div className=\"mt-4\">\n                <CreateEventDialog onCreateEvent={handleCreateEvent} />\n            </div>\n        </Card>\n    )\n}\n\nexport default UpcomingSchedule\n"],"names":["ScheduledEvent","props","type","label","time","event","eventTypes","jsxs","jsx","Avatar","classNames","dayjs","UpcomingSchedule","selectedDate","setSelectedDate","useState","createdEventCache","setCreatedEventCache","eventList","useMemo","date","previousCreatedEvent","eventGenerator","a","b","handleCreateEvent","value","payload","prevRecord","Card","Calendar","val","isToday","ScrollBar","CreateEventDialog"],"mappings":"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"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/WithForm.js

@@ -1,47 +1,46 @@
-import { jsxs as u, jsx as n } from "react/jsx-runtime";
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
 import "../../../../../components/ui/Button/index.js";
 import "../../../../../components/ui/Form/index.js";
-import a from "../../../../../components/shared/CustomFormatInput.js";
-import { useForm as c, Controller as l } from "react-hook-form";
-import { Form as p } from "../../../../../components/ui/Form/Form.js";
-import d from "../../../../../components/ui/Form/FormItem.js";
-import f from "../../../../../components/ui/Button/Button.js";
-function m(r, o) {
+import u from "../../../../../components/shared/CustomFormatInput.js";
+import { useForm as a, Controller as c } from "react-hook-form";
+import { Form as l } from "../../../../../components/ui/Form/Form.js";
+import p from "../../../../../components/ui/Form/FormItem.js";
+import d from "../../../../../components/ui/Button/Button.js";
+function i(r, o) {
   return r.length === 1 && r[0] > o[0] && (r = "0" + r), r.length === 2 && (Number(r) === 0 ? r = "01" : r > o && (r = o)), r;
 }
-function h(r) {
-  const o = m(r.substring(0, 2), "12"), t = m(r.substring(2, 4), "31");
+function f(r) {
+  const o = i(r.substring(0, 2), "12"), t = i(r.substring(2, 4), "31");
   return o + (t.length ? "/" + t : "");
 }
-const B = () => {
-  var i;
+const j = () => {
   const {
     handleSubmit: r,
     formState: { errors: o },
     control: t
-  } = c();
-  return /* @__PURE__ */ u(p, { className: "mt-6", onSubmit: r((e) => {
+  } = a();
+  return /* @__PURE__ */ s(l, { className: "mt-6", onSubmit: r((e) => {
     console.log(e);
   }), children: [
     /* @__PURE__ */ n(
-      d,
+      p,
       {
         label: "Expiration date",
         invalid: !!o.cardExpiry,
-        errorMessage: (i = o.cardExpiry) == null ? void 0 : i.message,
+        errorMessage: o.cardExpiry?.message,
         children: /* @__PURE__ */ n(
-          l,
+          c,
           {
             name: "cardExpiry",
             control: t,
             render: ({ field: e }) => /* @__PURE__ */ n(
-              a,
+              u,
               {
                 placeholder: "••/••",
-                format: h,
+                format: f,
                 value: e.value,
-                onValueChange: (s) => {
-                  e.onChange(s.value);
+                onValueChange: (m) => {
+                  e.onChange(m.value);
                 }
               }
             )
@@ -49,10 +48,10 @@ const B = () => {
         )
       }
     ),
-    /* @__PURE__ */ n(f, { block: !0, variant: "solid", type: "submit", children: "Submit" })
+    /* @__PURE__ */ n(d, { block: !0, variant: "solid", type: "submit", children: "Submit" })
   ] });
 };
 export {
-  B as default
+  j as default
 };
 //# sourceMappingURL=WithForm.js.map

package/dist/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/WithForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport FormCustomFormatInput from '@/components/shared/CustomFormatInput'\nimport { useForm, Controller } from 'react-hook-form'\n\nfunction limit(val: string, max: string) {\n    if (val.length === 1 && val[0] > max[0]) {\n        val = '0' + val\n    }\n\n    if (val.length === 2) {\n        if (Number(val) === 0) {\n            val = '01'\n        } else if (val > max) {\n            val = max\n        }\n    }\n\n    return val\n}\n\nfunction cardExpiryFormat(val: string) {\n    const month = limit(val.substring(0, 2), '12')\n    const date = limit(val.substring(2, 4), '31')\n\n    return month + (date.length ? '/' + date : '')\n}\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ cardExpiry?: string }>()\n\n    const onSubmit = (value: { cardExpiry?: string }) => {\n        console.log(value)\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Expiration date\"\n                invalid={Boolean(errors.cardExpiry)}\n                errorMessage={errors.cardExpiry?.message}\n            >\n                <Controller\n                    name=\"cardExpiry\"\n                    control={control}\n                    render={({ field }) => (\n                        <FormCustomFormatInput\n                            placeholder=\"••/••\"\n                            format={cardExpiryFormat}\n                            value={field.value}\n                            onValueChange={(e) => {\n                                field.onChange(e.value)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":["limit","val","max","cardExpiryFormat","month","date","WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","_a","Controller","field","FormCustomFormatInput","e","Button"],"mappings":";;;;;;;;AAKA,SAASA,EAAMC,GAAaC,GAAa;AACrC,SAAID,EAAI,WAAW,KAAKA,EAAI,CAAC,IAAIC,EAAI,CAAC,MAClCD,IAAM,MAAMA,IAGZA,EAAI,WAAW,MACX,OAAOA,CAAG,MAAM,IAChBA,IAAM,OACCA,IAAMC,MACbD,IAAMC,KAIPD;AACX;AAEA,SAASE,EAAiBF,GAAa;AACnC,QAAMG,IAAQJ,EAAMC,EAAI,UAAU,GAAG,CAAC,GAAG,IAAI,GACvCI,IAAOL,EAAMC,EAAI,UAAU,GAAG,CAAC,GAAG,IAAI;AAE5C,SAAOG,KAASC,EAAK,SAAS,MAAMA,IAAO;AAC/C;AAEA,MAAMC,IAAW,MAAM;;AACnB,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAA;AAMJ,2BACKC,GAAA,EAAK,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAAmC;AACjD,YAAQ,IAAIA,CAAK;AAAA,EACrB,CAG0D,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,eAAcO,IAAAP,EAAO,eAAP,gBAAAO,EAAmB;AAAA,QAEjC,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAP;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,aAAY;AAAA,gBACZ,QAAQf;AAAA,gBACR,OAAOc,EAAM;AAAA,gBACb,eAAe,CAACE,MAAM;AAClB,kBAAAF,EAAM,SAASE,EAAE,KAAK;AAAA,gBAC1B;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAN,EAACO,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport FormCustomFormatInput from '@/components/shared/CustomFormatInput'\nimport { useForm, Controller } from 'react-hook-form'\n\nfunction limit(val: string, max: string) {\n    if (val.length === 1 && val[0] > max[0]) {\n        val = '0' + val\n    }\n\n    if (val.length === 2) {\n        if (Number(val) === 0) {\n            val = '01'\n        } else if (val > max) {\n            val = max\n        }\n    }\n\n    return val\n}\n\nfunction cardExpiryFormat(val: string) {\n    const month = limit(val.substring(0, 2), '12')\n    const date = limit(val.substring(2, 4), '31')\n\n    return month + (date.length ? '/' + date : '')\n}\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ cardExpiry?: string }>()\n\n    const onSubmit = (value: { cardExpiry?: string }) => {\n        console.log(value)\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Expiration date\"\n                invalid={Boolean(errors.cardExpiry)}\n                errorMessage={errors.cardExpiry?.message}\n            >\n                <Controller\n                    name=\"cardExpiry\"\n                    control={control}\n                    render={({ field }) => (\n                        <FormCustomFormatInput\n                            placeholder=\"••/••\"\n                            format={cardExpiryFormat}\n                            value={field.value}\n                            onValueChange={(e) => {\n                                field.onChange(e.value)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":["limit","val","max","cardExpiryFormat","month","date","WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","Controller","field","FormCustomFormatInput","e","Button"],"mappings":";;;;;;;;AAKA,SAASA,EAAMC,GAAaC,GAAa;AACrC,SAAID,EAAI,WAAW,KAAKA,EAAI,CAAC,IAAIC,EAAI,CAAC,MAClCD,IAAM,MAAMA,IAGZA,EAAI,WAAW,MACX,OAAOA,CAAG,MAAM,IAChBA,IAAM,OACCA,IAAMC,MACbD,IAAMC,KAIPD;AACX;AAEA,SAASE,EAAiBF,GAAa;AACnC,QAAMG,IAAQJ,EAAMC,EAAI,UAAU,GAAG,CAAC,GAAG,IAAI,GACvCI,IAAOL,EAAMC,EAAI,UAAU,GAAG,CAAC,GAAG,IAAI;AAE5C,SAAOG,KAASC,EAAK,SAAS,MAAMA,IAAO;AAC/C;AAEA,MAAMC,IAAW,MAAM;AACnB,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAA;AAMJ,2BACKC,GAAA,EAAK,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAAmC;AACjD,YAAQ,IAAIA,CAAK;AAAA,EACrB,CAG0D,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,cAAcA,EAAO,YAAY;AAAA,QAEjC,UAAA,gBAAAK;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAN;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAO,EAAA,MACP,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,aAAY;AAAA,gBACZ,QAAQd;AAAA,gBACR,OAAOa,EAAM;AAAA,gBACb,eAAe,CAACE,MAAM;AAClB,kBAAAF,EAAM,SAASE,EAAE,KAAK;AAAA,gBAC1B;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAL,EAACM,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/ImageGalleryDoc/Example.js

@@ -1,28 +1,28 @@
-import { jsx as t } from "react/jsx-runtime";
-import c from "../../../../../components/shared/ImageGallery.js";
-import { useState as o } from "react";
-const r = [
+import { jsx as r } from "react/jsx-runtime";
+import a from "../../../../../components/shared/ImageGallery.js";
+import { useState as c } from "react";
+const t = [
   { src: "/img/others/gallery/img-25.webp", title: "Image 1" },
   { src: "/img/others/gallery/img-26.webp", title: "Image 2" },
   { src: "/img/others/gallery/img-27.webp", title: "Image 3" }
-], g = () => {
-  const [a, s] = o(-1);
-  return /* @__PURE__ */ t(
-    c,
+], d = () => {
+  const [l, s] = c(-1);
+  return /* @__PURE__ */ r(
+    a,
     {
-      index: a,
-      slides: (r == null ? void 0 : r.map((e) => ({
+      index: l,
+      slides: t?.map((e) => ({
         src: e.src
-      }))) || [],
+      })) || [],
       onClose: () => s(-1),
-      children: /* @__PURE__ */ t("div", { className: "grid grid-cols-3 gap-2", children: r == null ? void 0 : r.map((e, l) => /* @__PURE__ */ t(
+      children: /* @__PURE__ */ r("div", { className: "grid grid-cols-3 gap-2", children: t?.map((e, i) => /* @__PURE__ */ r(
         "div",
         {
           "data-src": e.src,
           className: "cursor-pointer",
           role: "button",
-          onClick: () => s(l),
-          children: /* @__PURE__ */ t("img", { className: "rounded-xl", src: e.src })
+          onClick: () => s(i),
+          children: /* @__PURE__ */ r("img", { className: "rounded-xl", src: e.src })
         },
         e.title
       )) })
@@ -30,6 +30,6 @@ const r = [
   );
 };
 export {
-  g as default
+  d as default
 };
 //# sourceMappingURL=Example.js.map

package/dist/@ecme/views/guide/SharedComponentsDoc/components/ImageGalleryDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ImageGalleryDoc/Example.tsx"],"sourcesContent":["import ImageGallery from '@/components/shared/ImageGallery'\nimport { useState } from 'react'\n\nconst slides = [\n    { src: '/img/others/gallery/img-25.webp', title: 'Image 1' },\n    { src: '/img/others/gallery/img-26.webp', title: 'Image 2' },\n    { src: '/img/others/gallery/img-27.webp', title: 'Image 3' },\n]\n\nconst Example = () => {\n    const [currentIndex, setCurrentIndex] = useState(-1)\n\n    return (\n        <ImageGallery\n            index={currentIndex}\n            slides={\n                slides?.map((img) => {\n                    return {\n                        src: img.src,\n                    }\n                }) || []\n            }\n            onClose={() => setCurrentIndex(-1)}\n        >\n            <div className=\"grid grid-cols-3 gap-2\">\n                {slides?.map((img, index) => (\n                    <div\n                        key={img.title}\n                        data-src={img.src}\n                        className=\"cursor-pointer\"\n                        role=\"button\"\n                        onClick={() => setCurrentIndex(index)}\n                    >\n                        <img className=\"rounded-xl\" src={img.src} />\n                    </div>\n                ))}\n            </div>\n        </ImageGallery>\n    )\n}\n\nexport default Example\n"],"names":["slides","Example","currentIndex","setCurrentIndex","useState","jsx","ImageGallery","img","index"],"mappings":";;;AAGA,MAAMA,IAAS;AAAA,EACX,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AACrD,GAEMC,IAAU,MAAM;AAClB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAE;AAEnD,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAOJ;AAAA,MACP,SACIF,KAAA,gBAAAA,EAAQ,IAAI,CAACO,OACF;AAAA,QACH,KAAKA,EAAI;AAAA,MAAA,QAEX,CAAA;AAAA,MAEV,SAAS,MAAMJ,EAAgB,EAAE;AAAA,MAEjC,UAAA,gBAAAE,EAAC,SAAI,WAAU,0BACV,iCAAQ,IAAI,CAACE,GAAKC,MACf,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,YAAUE,EAAI;AAAA,UACd,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS,MAAMJ,EAAgBK,CAAK;AAAA,UAEpC,4BAAC,OAAA,EAAI,WAAU,cAAa,KAAKD,EAAI,IAAA,CAAK;AAAA,QAAA;AAAA,QANrCA,EAAI;AAAA,MAAA,GAQhB,CACL;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ImageGalleryDoc/Example.tsx"],"sourcesContent":["import ImageGallery from '@/components/shared/ImageGallery'\nimport { useState } from 'react'\n\nconst slides = [\n    { src: '/img/others/gallery/img-25.webp', title: 'Image 1' },\n    { src: '/img/others/gallery/img-26.webp', title: 'Image 2' },\n    { src: '/img/others/gallery/img-27.webp', title: 'Image 3' },\n]\n\nconst Example = () => {\n    const [currentIndex, setCurrentIndex] = useState(-1)\n\n    return (\n        <ImageGallery\n            index={currentIndex}\n            slides={\n                slides?.map((img) => {\n                    return {\n                        src: img.src,\n                    }\n                }) || []\n            }\n            onClose={() => setCurrentIndex(-1)}\n        >\n            <div className=\"grid grid-cols-3 gap-2\">\n                {slides?.map((img, index) => (\n                    <div\n                        key={img.title}\n                        data-src={img.src}\n                        className=\"cursor-pointer\"\n                        role=\"button\"\n                        onClick={() => setCurrentIndex(index)}\n                    >\n                        <img className=\"rounded-xl\" src={img.src} />\n                    </div>\n                ))}\n            </div>\n        </ImageGallery>\n    )\n}\n\nexport default Example\n"],"names":["slides","Example","currentIndex","setCurrentIndex","useState","jsx","ImageGallery","img","index"],"mappings":";;;AAGA,MAAMA,IAAS;AAAA,EACX,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AACrD,GAEMC,IAAU,MAAM;AAClB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAE;AAEnD,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAOJ;AAAA,MACP,QACIF,GAAQ,IAAI,CAACO,OACF;AAAA,QACH,KAAKA,EAAI;AAAA,MAAA,EAEhB,KAAK,CAAA;AAAA,MAEV,SAAS,MAAMJ,EAAgB,EAAE;AAAA,MAEjC,UAAA,gBAAAE,EAAC,SAAI,WAAU,0BACV,aAAQ,IAAI,CAACE,GAAKC,MACf,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,YAAUE,EAAI;AAAA,UACd,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS,MAAMJ,EAAgBK,CAAK;AAAA,UAEpC,4BAAC,OAAA,EAAI,WAAU,cAAa,KAAKD,EAAI,IAAA,CAAK;AAAA,QAAA;AAAA,QANrCA,EAAI;AAAA,MAAA,CAQhB,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/NumericInputDoc/WithForm.js

@@ -1,40 +1,39 @@
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import "../../../../../components/ui/Button/index.js";
 import "../../../../../components/ui/Form/index.js";
-import l from "../../../../../components/shared/NumericInput.js";
-import { useForm as i, Controller as s } from "react-hook-form";
-import { Form as p } from "../../../../../components/ui/Form/Form.js";
-import c from "../../../../../components/ui/Form/FormItem.js";
-import d from "../../../../../components/ui/Button/Button.js";
-const j = () => {
-  var e;
+import u from "../../../../../components/shared/NumericInput.js";
+import { useForm as l, Controller as i } from "react-hook-form";
+import { Form as s } from "../../../../../components/ui/Form/Form.js";
+import p from "../../../../../components/ui/Form/FormItem.js";
+import c from "../../../../../components/ui/Button/Button.js";
+const C = () => {
   const {
-    handleSubmit: m,
+    handleSubmit: e,
     formState: { errors: t },
-    control: n
-  } = i();
-  return /* @__PURE__ */ u(p, { className: "mt-6", onSubmit: m((o) => {
+    control: m
+  } = l();
+  return /* @__PURE__ */ a(s, { className: "mt-6", onSubmit: e((o) => {
     console.log(o);
   }), children: [
     /* @__PURE__ */ r(
-      c,
+      p,
       {
         label: "Amount",
         invalid: !!t.amount,
-        errorMessage: (e = t.amount) == null ? void 0 : e.message,
+        errorMessage: t.amount?.message,
         children: /* @__PURE__ */ r(
-          s,
+          i,
           {
             name: "amount",
-            control: n,
+            control: m,
             render: ({ field: o }) => /* @__PURE__ */ r(
-              l,
+              u,
               {
                 thousandSeparator: !0,
                 placeholder: "Amount",
                 value: o.value,
-                onValueChange: (a) => {
-                  o.onChange(a.floatValue);
+                onValueChange: (n) => {
+                  o.onChange(n.floatValue);
                 }
               }
             )
@@ -42,10 +41,10 @@ const j = () => {
         )
       }
     ),
-    /* @__PURE__ */ r(d, { block: !0, variant: "solid", type: "submit", children: "Submit" })
+    /* @__PURE__ */ r(c, { block: !0, variant: "solid", type: "submit", children: "Submit" })
   ] });
 };
 export {
-  j as default
+  C as default
 };
 //# sourceMappingURL=WithForm.js.map

package/dist/@ecme/views/guide/SharedComponentsDoc/components/NumericInputDoc/WithForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/NumericInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ amount?: string }>()\n\n    const onSubmit = (value: { amount?: string }) => {\n        console.log(value)\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Amount\"\n                invalid={Boolean(errors.amount)}\n                errorMessage={errors.amount?.message}\n            >\n                <Controller\n                    name=\"amount\"\n                    control={control}\n                    render={({ field }) => (\n                        <NumericInput\n                            thousandSeparator\n                            placeholder=\"Amount\"\n                            value={field.value}\n                            onValueChange={(e) => {\n                                field.onChange(e.floatValue)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":["WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","_a","Controller","field","NumericInput","e","Button"],"mappings":";;;;;;;;AAKA,MAAMA,IAAW,MAAM;;AACnB,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAA;AAMJ,2BACKC,GAAA,EAAK,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAA+B;AAC7C,YAAQ,IAAIA,CAAK;AAAA,EACrB,CAG0D,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,eAAcO,IAAAP,EAAO,WAAP,gBAAAO,EAAe;AAAA,QAE7B,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAP;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,mBAAiB;AAAA,gBACjB,aAAY;AAAA,gBACZ,OAAOD,EAAM;AAAA,gBACb,eAAe,CAACE,MAAM;AAClB,kBAAAF,EAAM,SAASE,EAAE,UAAU;AAAA,gBAC/B;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAN,EAACO,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/NumericInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ amount?: string }>()\n\n    const onSubmit = (value: { amount?: string }) => {\n        console.log(value)\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Amount\"\n                invalid={Boolean(errors.amount)}\n                errorMessage={errors.amount?.message}\n            >\n                <Controller\n                    name=\"amount\"\n                    control={control}\n                    render={({ field }) => (\n                        <NumericInput\n                            thousandSeparator\n                            placeholder=\"Amount\"\n                            value={field.value}\n                            onValueChange={(e) => {\n                                field.onChange(e.floatValue)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":["WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","Controller","field","NumericInput","e","Button"],"mappings":";;;;;;;;AAKA,MAAMA,IAAW,MAAM;AACnB,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAA;AAMJ,2BACKC,GAAA,EAAK,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAA+B;AAC7C,YAAQ,IAAIA,CAAK;AAAA,EACrB,CAG0D,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,cAAcA,EAAO,QAAQ;AAAA,QAE7B,UAAA,gBAAAK;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAN;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAO,EAAA,MACP,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,mBAAiB;AAAA,gBACjB,aAAY;AAAA,gBACZ,OAAOD,EAAM;AAAA,gBACb,eAAe,CAACE,MAAM;AAClB,kBAAAF,EAAM,SAASE,EAAE,UAAU;AAAA,gBAC/B;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAL,EAACM,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/WithForm.js

@@ -1,41 +1,40 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import "../../../../../components/ui/Button/index.js";
 import "../../../../../components/ui/Form/index.js";
-import { PatternInput as i } from "../../../../../components/shared/PatternInput.js";
-import { useForm as u, Controller as s } from "react-hook-form";
-import { Form as p } from "../../../../../components/ui/Form/Form.js";
-import c from "../../../../../components/ui/Form/FormItem.js";
-import b from "../../../../../components/ui/Button/Button.js";
-const j = () => {
-  var m;
+import { PatternInput as l } from "../../../../../components/shared/PatternInput.js";
+import { useForm as i, Controller as u } from "react-hook-form";
+import { Form as s } from "../../../../../components/ui/Form/Form.js";
+import p from "../../../../../components/ui/Form/FormItem.js";
+import c from "../../../../../components/ui/Button/Button.js";
+const x = () => {
   const {
-    handleSubmit: e,
+    handleSubmit: m,
     formState: { errors: t },
-    control: n
-  } = u();
-  return /* @__PURE__ */ l(p, { className: "mt-6", onSubmit: e((o) => {
+    control: e
+  } = i();
+  return /* @__PURE__ */ a(s, { className: "mt-6", onSubmit: m((o) => {
     console.log(o);
   }), children: [
     /* @__PURE__ */ r(
-      c,
+      p,
       {
         label: "Amount",
         invalid: !!t.amount,
-        errorMessage: (m = t.amount) == null ? void 0 : m.message,
+        errorMessage: t.amount?.message,
         children: /* @__PURE__ */ r(
-          s,
+          u,
           {
             name: "amount",
-            control: n,
+            control: e,
             render: ({ field: o }) => /* @__PURE__ */ r(
-              i,
+              l,
               {
                 format: "#### #### #### ####",
                 mask: "_",
                 placeholder: "Card Number",
                 value: o.value,
-                onValueChange: (a) => {
-                  o.onChange(a.floatValue);
+                onValueChange: (n) => {
+                  o.onChange(n.floatValue);
                 }
               }
             )
@@ -43,10 +42,10 @@ const j = () => {
         )
       }
     ),
-    /* @__PURE__ */ r(b, { block: !0, variant: "solid", type: "submit", children: "Submit" })
+    /* @__PURE__ */ r(c, { block: !0, variant: "solid", type: "submit", children: "Submit" })
   ] });
 };
 export {
-  j as default
+  x as default
 };
 //# sourceMappingURL=WithForm.js.map

package/dist/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/WithForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport PatternInput from '@/components/shared/PatternInput'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ amount?: string }>()\n\n    const onSubmit = (value: { amount?: string }) => {\n        console.log(value)\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Amount\"\n                invalid={Boolean(errors.amount)}\n                errorMessage={errors.amount?.message}\n            >\n                <Controller\n                    name=\"amount\"\n                    control={control}\n                    render={({ field }) => (\n                        <PatternInput\n                            format=\"#### #### #### ####\"\n                            mask=\"_\"\n                            placeholder=\"Card Number\"\n                            value={field.value}\n                            onValueChange={(e) => {\n                                field.onChange(e.floatValue)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":["WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","_a","Controller","field","PatternInput","e","Button"],"mappings":";;;;;;;;AAKA,MAAMA,IAAW,MAAM;;AACnB,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAA;AAMJ,2BACKC,GAAA,EAAK,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAA+B;AAC7C,YAAQ,IAAIA,CAAK;AAAA,EACrB,CAG0D,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,eAAcO,IAAAP,EAAO,WAAP,gBAAAO,EAAe;AAAA,QAE7B,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAP;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,QAAO;AAAA,gBACP,MAAK;AAAA,gBACL,aAAY;AAAA,gBACZ,OAAOD,EAAM;AAAA,gBACb,eAAe,CAACE,MAAM;AAClB,kBAAAF,EAAM,SAASE,EAAE,UAAU;AAAA,gBAC/B;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAN,EAACO,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/PatternInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport PatternInput from '@/components/shared/PatternInput'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ amount?: string }>()\n\n    const onSubmit = (value: { amount?: string }) => {\n        console.log(value)\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Amount\"\n                invalid={Boolean(errors.amount)}\n                errorMessage={errors.amount?.message}\n            >\n                <Controller\n                    name=\"amount\"\n                    control={control}\n                    render={({ field }) => (\n                        <PatternInput\n                            format=\"#### #### #### ####\"\n                            mask=\"_\"\n                            placeholder=\"Card Number\"\n                            value={field.value}\n                            onValueChange={(e) => {\n                                field.onChange(e.floatValue)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":["WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","Controller","field","PatternInput","e","Button"],"mappings":";;;;;;;;AAKA,MAAMA,IAAW,MAAM;AACnB,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAA;AAMJ,2BACKC,GAAA,EAAK,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAA+B;AAC7C,YAAQ,IAAIA,CAAK;AAAA,EACrB,CAG0D,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,cAAcA,EAAO,QAAQ;AAAA,QAE7B,UAAA,gBAAAK;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAN;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAO,EAAA,MACP,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,QAAO;AAAA,gBACP,MAAK;AAAA,gBACL,aAAY;AAAA,gBACZ,OAAOD,EAAM;AAAA,gBACb,eAAe,CAACE,MAAM;AAClB,kBAAAF,EAAM,SAASE,EAAE,UAAU;AAAA,gBAC/B;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAL,EAACM,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/WithForm.js

@@ -1,40 +1,39 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import "../../../../../components/ui/Button/index.js";
 import "../../../../../components/ui/Form/index.js";
 import "../../../../../components/shared/RichTextEditor/index.js";
-import { useForm as l, Controller as s } from "react-hook-form";
-import { Form as p } from "../../../../../components/ui/Form/Form.js";
-import u from "../../../../../components/ui/Form/FormItem.js";
-import c from "../../../../../components/shared/RichTextEditor/RichTextEditor.js";
-import d from "../../../../../components/ui/Button/Button.js";
-const j = () => {
-  var e;
+import { useForm as a, Controller as l } from "react-hook-form";
+import { Form as s } from "../../../../../components/ui/Form/Form.js";
+import p from "../../../../../components/ui/Form/FormItem.js";
+import u from "../../../../../components/shared/RichTextEditor/RichTextEditor.js";
+import c from "../../../../../components/ui/Button/Button.js";
+const B = () => {
   const {
-    handleSubmit: n,
+    handleSubmit: e,
     formState: { errors: r },
-    control: i
-  } = l();
-  return /* @__PURE__ */ a(p, { className: "mt-6", onSubmit: n((t) => {
+    control: n
+  } = a();
+  return /* @__PURE__ */ m(s, { className: "mt-6", onSubmit: e((t) => {
     window.alert(JSON.stringify(t));
   }), children: [
     /* @__PURE__ */ o(
-      u,
+      p,
       {
         label: "Expiration date",
         invalid: !!r.textContent,
-        errorMessage: (e = r.textContent) == null ? void 0 : e.message,
+        errorMessage: r.textContent?.message,
         children: /* @__PURE__ */ o(
-          s,
+          l,
           {
             name: "textContent",
-            control: i,
+            control: n,
             render: ({ field: t }) => /* @__PURE__ */ o(
-              c,
+              u,
               {
                 content: t.value,
                 invalid: !!r.textContent,
-                onChange: ({ html: m }) => {
-                  t.onChange(m);
+                onChange: ({ html: i }) => {
+                  t.onChange(i);
                 }
               }
             )
@@ -42,10 +41,10 @@ const j = () => {
         )
       }
     ),
-    /* @__PURE__ */ o(d, { block: !0, variant: "solid", type: "submit", children: "Submit" })
+    /* @__PURE__ */ o(c, { block: !0, variant: "solid", type: "submit", children: "Submit" })
   ] });
 };
 export {
-  j as default
+  B as default
 };
 //# sourceMappingURL=WithForm.js.map

package/dist/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/WithForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ textContent?: string }>()\n\n    const onSubmit = (value: { textContent?: string }) => {\n        window.alert(JSON.stringify(value))\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Expiration date\"\n                invalid={Boolean(errors.textContent)}\n                errorMessage={errors.textContent?.message}\n            >\n                <Controller\n                    name=\"textContent\"\n                    control={control}\n                    render={({ field }) => (\n                        <RichTextEditor\n                            content={field.value}\n                            invalid={Boolean(errors.textContent)}\n                            onChange={({ html }) => {\n                                field.onChange(html)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":["WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","_a","Controller","field","RichTextEditor","html","Button"],"mappings":";;;;;;;;;AAKA,MAAMA,IAAW,MAAM;;AACnB,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAA;AAMJ,2BACKC,GAAA,EAAK,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAAoC;AAClD,WAAO,MAAM,KAAK,UAAUA,CAAK,CAAC;AAAA,EACtC,CAG0D,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,eAAcO,IAAAP,EAAO,gBAAP,gBAAAO,EAAoB;AAAA,QAElC,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAP;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,SAASD,EAAM;AAAA,gBACf,SAAS,EAAQT,EAAO;AAAA,gBACxB,UAAU,CAAC,EAAE,MAAAW,QAAW;AACpB,kBAAAF,EAAM,SAASE,CAAI;AAAA,gBACvB;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAN,EAACO,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/RichTextEditorDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { useForm, Controller } from 'react-hook-form'\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ textContent?: string }>()\n\n    const onSubmit = (value: { textContent?: string }) => {\n        window.alert(JSON.stringify(value))\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Expiration date\"\n                invalid={Boolean(errors.textContent)}\n                errorMessage={errors.textContent?.message}\n            >\n                <Controller\n                    name=\"textContent\"\n                    control={control}\n                    render={({ field }) => (\n                        <RichTextEditor\n                            content={field.value}\n                            invalid={Boolean(errors.textContent)}\n                            onChange={({ html }) => {\n                                field.onChange(html)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":["WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","Controller","field","RichTextEditor","html","Button"],"mappings":";;;;;;;;;AAKA,MAAMA,IAAW,MAAM;AACnB,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAA;AAMJ,2BACKC,GAAA,EAAK,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAAoC;AAClD,WAAO,MAAM,KAAK,UAAUA,CAAK,CAAC;AAAA,EACtC,CAG0D,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,cAAcA,EAAO,aAAa;AAAA,QAElC,UAAA,gBAAAK;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAN;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAO,EAAA,MACP,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,SAASD,EAAM;AAAA,gBACf,SAAS,EAAQR,EAAO;AAAA,gBACxB,UAAU,CAAC,EAAE,MAAAU,QAAW;AACpB,kBAAAF,EAAM,SAASE,CAAI;AAAA,gBACvB;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAL,EAACM,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/data-display/Table/Editable.js

@@ -7,13 +7,12 @@ import { data10 as D } from "./data/index.js";
 import N from "../../../../components/ui/Input/Input.js";
 const { Tr: m, Th: E, Td: F, THead: P, TBody: v } = g, K = ({
   getValue: r,
-  row: { index: s },
-  column: { id: l },
-  table: c
+  row: { index: n },
+  column: { id: s },
+  table: i
 }) => {
-  const a = r(), [i, t] = p(a), e = () => {
-    var n;
-    (n = c.options.meta) == null || n.updateData(s, l, i);
+  const a = r(), [l, t] = p(a), e = () => {
+    i.options.meta?.updateData(n, s, l);
   };
   return f(() => {
     t(a);
@@ -22,8 +21,8 @@ const { Tr: m, Th: E, Td: F, THead: P, TBody: v } = g, K = ({
     {
       className: "border-transparent bg-transparent hover:border-gray-300 focus:bg-white",
       size: "sm",
-      value: i,
-      onChange: (n) => t(n.target.value),
+      value: l,
+      onChange: (c) => t(c.target.value),
       onBlur: e
     }
   );
@@ -31,12 +30,12 @@ const { Tr: m, Th: E, Td: F, THead: P, TBody: v } = g, K = ({
   cell: K
 };
 function j() {
-  const r = w(!0), s = r.current, l = M(() => {
+  const r = w(!0), n = r.current, s = M(() => {
     r.current = !1;
   }, []);
   return f(() => {
     r.current = !0;
-  }), [s, l];
+  }), [n, s];
 }
 function G() {
   const r = x(
@@ -46,28 +45,28 @@ function G() {
       { header: "Email", accessorKey: "email" }
     ],
     []
-  ), [s, l] = p(() => D), [c, a] = j(), i = T({
-    data: s,
+  ), [n, s] = p(() => D), [i, a] = j(), l = T({
+    data: n,
     columns: r,
     defaultColumn: V,
     getCoreRowModel: S(),
     getFilteredRowModel: y(),
     getPaginationRowModel: k(),
-    autoResetPageIndex: c,
+    autoResetPageIndex: i,
     // Provide our updateData function to our table meta
     meta: {
-      updateData: (t, e, n) => {
-        typeof a == "function" && a(), l(
+      updateData: (t, e, c) => {
+        typeof a == "function" && a(), s(
           (u) => u.map((h, R) => R === t ? {
             ...u[t],
-            [e]: n
+            [e]: c
           } : h)
         );
       }
     }
   });
   return /* @__PURE__ */ o(b, { children: /* @__PURE__ */ C(g, { children: [
-    /* @__PURE__ */ o(P, { children: i.getHeaderGroups().map((t) => /* @__PURE__ */ o(m, { children: t.headers.map((e) => /* @__PURE__ */ o(
+    /* @__PURE__ */ o(P, { children: l.getHeaderGroups().map((t) => /* @__PURE__ */ o(m, { children: t.headers.map((e) => /* @__PURE__ */ o(
       E,
       {
         colSpan: e.colSpan,
@@ -78,7 +77,7 @@ function G() {
       },
       e.id
     )) }, t.id)) }),
-    /* @__PURE__ */ o(v, { children: i.getRowModel().rows.map((t) => /* @__PURE__ */ o(m, { children: t.getVisibleCells().map((e) => /* @__PURE__ */ o(F, { children: d(
+    /* @__PURE__ */ o(v, { children: l.getRowModel().rows.map((t) => /* @__PURE__ */ o(m, { children: t.getVisibleCells().map((e) => /* @__PURE__ */ o(F, { children: d(
       e.column.columnDef.cell,
       e.getContext()
     ) }, e.id)) }, t.id)) })