@orbe-agro/client-core 5.3.86 → 5.3.90

package/dist/@ecme/components/shared/GanttChart/GanttChart.js

@@ -1,24 +1,24 @@
-import { jsxs as c, Fragment as m, jsx as o } from "react/jsx-runtime";
+import { jsxs as c, Fragment as m, jsx as r } from "react/jsx-runtime";
 import { ViewMode as p, Gantt as f } from "gantt-task-react";
 import g from "./TaskListTable.js";
 import k from "./TaskListHeader.js";
-import h from "./TooltipContent.js";
-import C from "./tasksPreProcess.js";
+import C from "./TooltipContent.js";
+import h from "./tasksPreProcess.js";
 import { PatternLines as u } from "@visx/pattern";
-const S = (t) => {
+const B = (t) => {
   const {
     tasks: s,
     viewMode: l = p.Day,
-    extraColumns: r,
+    extraColumns: a,
     colorsMap: i = {},
-    showArrow: d,
-    ...n
+    showArrow: n,
+    ...d
   } = t;
   return /* @__PURE__ */ c(m, { children: [
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ r(
       f,
       {
-        tasks: C(s, i),
+        tasks: h(s, i),
         viewMode: l,
         listCellWidth: "200px",
         columnWidth: 65,
@@ -34,27 +34,27 @@ const S = (t) => {
         milestoneBackgroundSelectedColor: "#3380fa",
         todayColor: "url(#horzLines)",
         rowHeight: 50,
-        TaskListHeader: (e) => /* @__PURE__ */ o(
+        TaskListHeader: (o) => /* @__PURE__ */ r(
           k,
           {
-            ...e,
-            extraHeaders: r == null ? void 0 : r.map((a) => a.header)
+            ...o,
+            extraHeaders: a?.map((e) => e.header)
           }
         ),
-        TaskListTable: (e) => /* @__PURE__ */ o(
+        TaskListTable: (o) => /* @__PURE__ */ r(
           g,
           {
-            ...e,
-            extraCells: r == null ? void 0 : r.map((a) => a.cell)
+            ...o,
+            extraCells: a?.map((e) => e.cell)
           }
         ),
-        TooltipContent: h,
+        TooltipContent: C,
         barCornerRadius: 6,
-        ...d ? {} : { arrowColor: "transparent" },
-        ...n
+        ...n ? {} : { arrowColor: "transparent" },
+        ...d
       }
     ),
-    /* @__PURE__ */ o("svg", { className: "h-0 w-0", children: /* @__PURE__ */ o(
+    /* @__PURE__ */ r("svg", { className: "h-0 w-0", children: /* @__PURE__ */ r(
       u,
       {
         id: "horzLines",
@@ -69,6 +69,6 @@ const S = (t) => {
   ] });
 };
 export {
-  S as default
+  B as default
 };
 //# sourceMappingURL=GanttChart.js.map

package/dist/@ecme/components/shared/GanttChart/GanttChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"GanttChart.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/GanttChart.tsx"],"sourcesContent":["import { ViewMode, Gantt } from 'gantt-task-react'\nimport TaskListTable from './TaskListTable'\nimport TaskListHeader from './TaskListHeader'\nimport TooltipContent from './TooltipContent'\nimport tasksPreProcess from './tasksPreProcess'\nimport { PatternLines } from '@visx/pattern'\nimport type { ExtraCell } from './TaskListTable'\nimport type { ExtraHeader } from './TaskListHeader'\nimport type { Task, GanttProps } from 'gantt-task-react'\n\ntype ExtendedTask<T extends Record<string, unknown> = NonNullable<unknown>> =\n    Task & {\n        barVariant?: string\n    } & T\n\ntype GanttChartProps<T extends Record<string, unknown>> = GanttProps & {\n    extraColumns?: Array<{\n        header: ExtraHeader\n        cell: ExtraCell\n    }>\n    tasks: ExtendedTask<T>[]\n    colorsMap?: Record<string, string>\n    showArrow?: boolean\n}\n\nconst GanttChart = <T extends Record<string, unknown>>(\n    props: GanttChartProps<T>,\n) => {\n    const {\n        tasks,\n        viewMode = ViewMode.Day,\n        extraColumns,\n        colorsMap = {},\n        showArrow,\n        ...rest\n    } = props\n\n    return (\n        <>\n            <Gantt\n                tasks={tasksPreProcess(tasks, colorsMap)}\n                viewMode={viewMode}\n                listCellWidth={'200px'}\n                columnWidth={65}\n                barProgressColor={'#3380fa'}\n                barProgressSelectedColor={'#3380fa'}\n                barBackgroundColor={'#e2e8f0'}\n                barBackgroundSelectedColor={'#e2e8f0'}\n                projectProgressColor={'#6299f1'}\n                projectProgressSelectedColor={'#6299f1'}\n                projectBackgroundColor=\"#3380fa\"\n                projectBackgroundSelectedColor=\"#3380fa\"\n                milestoneBackgroundColor=\"#3380fa\"\n                milestoneBackgroundSelectedColor=\"#3380fa\"\n                todayColor=\"url(#horzLines)\"\n                rowHeight={50}\n                TaskListHeader={(props) => (\n                    <TaskListHeader\n                        {...props}\n                        extraHeaders={extraColumns?.map((col) => col.header)}\n                    />\n                )}\n                TaskListTable={(props) => (\n                    <TaskListTable\n                        {...props}\n                        extraCells={extraColumns?.map((col) => col.cell)}\n                    />\n                )}\n                TooltipContent={TooltipContent}\n                barCornerRadius={6}\n                {...(!showArrow ? { arrowColor: 'transparent' } : {})}\n                {...rest}\n            />\n            <svg className=\"h-0 w-0\">\n                <PatternLines\n                    id=\"horzLines\"\n                    height={10}\n                    width={10}\n                    className=\"stroke-gray-200 dark:stroke-gray-700\"\n                    strokeWidth={1.5}\n                    background=\"transparent\"\n                    orientation={['diagonal']}\n                />\n            </svg>\n        </>\n    )\n}\n\nexport type { Task, ExtendedTask }\n\nexport default GanttChart\n"],"names":["GanttChart","props","tasks","viewMode","ViewMode","extraColumns","colorsMap","showArrow","rest","jsxs","Fragment","jsx","Gantt","tasksPreProcess","TaskListHeader","col","TaskListTable","TooltipContent","PatternLines"],"mappings":";;;;;;;AAyBA,MAAMA,IAAa,CACfC,MACC;AACD,QAAM;AAAA,IACF,OAAAC;AAAA,IACA,UAAAC,IAAWC,EAAS;AAAA,IACpB,cAAAC;AAAA,IACA,WAAAC,IAAY,CAAA;AAAA,IACZ,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHP;AAEJ,SACI,gBAAAQ,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAOC,EAAgBX,GAAOI,CAAS;AAAA,QACvC,UAAAH;AAAA,QACA,eAAe;AAAA,QACf,aAAa;AAAA,QACb,kBAAkB;AAAA,QAClB,0BAA0B;AAAA,QAC1B,oBAAoB;AAAA,QACpB,4BAA4B;AAAA,QAC5B,sBAAsB;AAAA,QACtB,8BAA8B;AAAA,QAC9B,wBAAuB;AAAA,QACvB,gCAA+B;AAAA,QAC/B,0BAAyB;AAAA,QACzB,kCAAiC;AAAA,QACjC,YAAW;AAAA,QACX,WAAW;AAAA,QACX,gBAAgB,CAACF,MACb,gBAAAU;AAAA,UAACG;AAAA,UAAA;AAAA,YACI,GAAGb;AAAAA,YACJ,cAAcI,KAAA,gBAAAA,EAAc,IAAI,CAACU,MAAQA,EAAI;AAAA,UAAM;AAAA,QAAA;AAAA,QAG3D,eAAe,CAACd,MACZ,gBAAAU;AAAA,UAACK;AAAA,UAAA;AAAA,YACI,GAAGf;AAAAA,YACJ,YAAYI,KAAA,gBAAAA,EAAc,IAAI,CAACU,MAAQA,EAAI;AAAA,UAAI;AAAA,QAAA;AAAA,QAGvD,gBAAAE;AAAA,QACA,iBAAiB;AAAA,QAChB,GAAKV,IAA4C,CAAA,IAAhC,EAAE,YAAY,cAAA;AAAA,QAC/B,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,IAER,gBAAAG,EAAC,OAAA,EAAI,WAAU,WACX,UAAA,gBAAAA;AAAA,MAACO;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAU;AAAA,QACV,aAAa;AAAA,QACb,YAAW;AAAA,QACX,aAAa,CAAC,UAAU;AAAA,MAAA;AAAA,IAAA,EAC5B,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"GanttChart.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/GanttChart.tsx"],"sourcesContent":["import { ViewMode, Gantt } from 'gantt-task-react'\nimport TaskListTable from './TaskListTable'\nimport TaskListHeader from './TaskListHeader'\nimport TooltipContent from './TooltipContent'\nimport tasksPreProcess from './tasksPreProcess'\nimport { PatternLines } from '@visx/pattern'\nimport type { ExtraCell } from './TaskListTable'\nimport type { ExtraHeader } from './TaskListHeader'\nimport type { Task, GanttProps } from 'gantt-task-react'\n\ntype ExtendedTask<T extends Record<string, unknown> = NonNullable<unknown>> =\n    Task & {\n        barVariant?: string\n    } & T\n\ntype GanttChartProps<T extends Record<string, unknown>> = GanttProps & {\n    extraColumns?: Array<{\n        header: ExtraHeader\n        cell: ExtraCell\n    }>\n    tasks: ExtendedTask<T>[]\n    colorsMap?: Record<string, string>\n    showArrow?: boolean\n}\n\nconst GanttChart = <T extends Record<string, unknown>>(\n    props: GanttChartProps<T>,\n) => {\n    const {\n        tasks,\n        viewMode = ViewMode.Day,\n        extraColumns,\n        colorsMap = {},\n        showArrow,\n        ...rest\n    } = props\n\n    return (\n        <>\n            <Gantt\n                tasks={tasksPreProcess(tasks, colorsMap)}\n                viewMode={viewMode}\n                listCellWidth={'200px'}\n                columnWidth={65}\n                barProgressColor={'#3380fa'}\n                barProgressSelectedColor={'#3380fa'}\n                barBackgroundColor={'#e2e8f0'}\n                barBackgroundSelectedColor={'#e2e8f0'}\n                projectProgressColor={'#6299f1'}\n                projectProgressSelectedColor={'#6299f1'}\n                projectBackgroundColor=\"#3380fa\"\n                projectBackgroundSelectedColor=\"#3380fa\"\n                milestoneBackgroundColor=\"#3380fa\"\n                milestoneBackgroundSelectedColor=\"#3380fa\"\n                todayColor=\"url(#horzLines)\"\n                rowHeight={50}\n                TaskListHeader={(props) => (\n                    <TaskListHeader\n                        {...props}\n                        extraHeaders={extraColumns?.map((col) => col.header)}\n                    />\n                )}\n                TaskListTable={(props) => (\n                    <TaskListTable\n                        {...props}\n                        extraCells={extraColumns?.map((col) => col.cell)}\n                    />\n                )}\n                TooltipContent={TooltipContent}\n                barCornerRadius={6}\n                {...(!showArrow ? { arrowColor: 'transparent' } : {})}\n                {...rest}\n            />\n            <svg className=\"h-0 w-0\">\n                <PatternLines\n                    id=\"horzLines\"\n                    height={10}\n                    width={10}\n                    className=\"stroke-gray-200 dark:stroke-gray-700\"\n                    strokeWidth={1.5}\n                    background=\"transparent\"\n                    orientation={['diagonal']}\n                />\n            </svg>\n        </>\n    )\n}\n\nexport type { Task, ExtendedTask }\n\nexport default GanttChart\n"],"names":["GanttChart","props","tasks","viewMode","ViewMode","extraColumns","colorsMap","showArrow","rest","jsxs","Fragment","jsx","Gantt","tasksPreProcess","TaskListHeader","col","TaskListTable","TooltipContent","PatternLines"],"mappings":";;;;;;;AAyBA,MAAMA,IAAa,CACfC,MACC;AACD,QAAM;AAAA,IACF,OAAAC;AAAA,IACA,UAAAC,IAAWC,EAAS;AAAA,IACpB,cAAAC;AAAA,IACA,WAAAC,IAAY,CAAA;AAAA,IACZ,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHP;AAEJ,SACI,gBAAAQ,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAOC,EAAgBX,GAAOI,CAAS;AAAA,QACvC,UAAAH;AAAA,QACA,eAAe;AAAA,QACf,aAAa;AAAA,QACb,kBAAkB;AAAA,QAClB,0BAA0B;AAAA,QAC1B,oBAAoB;AAAA,QACpB,4BAA4B;AAAA,QAC5B,sBAAsB;AAAA,QACtB,8BAA8B;AAAA,QAC9B,wBAAuB;AAAA,QACvB,gCAA+B;AAAA,QAC/B,0BAAyB;AAAA,QACzB,kCAAiC;AAAA,QACjC,YAAW;AAAA,QACX,WAAW;AAAA,QACX,gBAAgB,CAACF,MACb,gBAAAU;AAAA,UAACG;AAAA,UAAA;AAAA,YACI,GAAGb;AAAAA,YACJ,cAAcI,GAAc,IAAI,CAACU,MAAQA,EAAI,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAG3D,eAAe,CAACd,MACZ,gBAAAU;AAAA,UAACK;AAAA,UAAA;AAAA,YACI,GAAGf;AAAAA,YACJ,YAAYI,GAAc,IAAI,CAACU,MAAQA,EAAI,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAGvD,gBAAAE;AAAA,QACA,iBAAiB;AAAA,QAChB,GAAKV,IAA4C,CAAA,IAAhC,EAAE,YAAY,cAAA;AAAA,QAC/B,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,IAER,gBAAAG,EAAC,OAAA,EAAI,WAAU,WACX,UAAA,gBAAAA;AAAA,MAACO;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAU;AAAA,QACV,aAAa;AAAA,QACb,YAAW;AAAA,QACX,aAAa,CAAC,UAAU;AAAA,MAAA;AAAA,IAAA,EAC5B,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/components/shared/GanttChart/TaskListTable.js

@@ -1,41 +1,41 @@
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import c from "../../../utils/classNames.js";
 import { TbChevronDown as h, TbChevronRight as p } from "react-icons/tb";
-const f = ({
-  rowHeight: l,
-  rowWidth: r,
-  tasks: n,
+const v = ({
+  rowHeight: a,
+  rowWidth: l,
+  tasks: d,
   onExpanderClick: s,
-  extraCells: d
-}) => /* @__PURE__ */ i("div", { className: "table", children: n.map((e, o) => /* @__PURE__ */ a(
+  extraCells: n
+}) => /* @__PURE__ */ r("div", { className: "table", children: d.map((e, t) => /* @__PURE__ */ i(
   "div",
   {
     className: "_34SS0",
-    style: { height: l },
+    style: { height: a },
     children: [
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ r(
         "div",
         {
           className: "table-cell align-middle whitespace-nowrap overflow-hidden text-ellipsis  border-r border-gray-200 dark:border-gray-700 px-2",
           style: {
-            minWidth: r,
-            maxWidth: r
+            minWidth: l,
+            maxWidth: l
           },
           title: e.name,
-          children: /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ a(
+          children: /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ i(
               "div",
               {
                 className: "text-lg cursor-pointer min-w-4",
                 role: "button",
                 onClick: () => s(e),
                 children: [
-                  e.hideChildren === !1 && /* @__PURE__ */ i(h, {}),
-                  e.hideChildren === !0 && /* @__PURE__ */ i(p, {})
+                  e.hideChildren === !1 && /* @__PURE__ */ r(h, {}),
+                  e.hideChildren === !0 && /* @__PURE__ */ r(p, {})
                 ]
               }
             ),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ r(
               "div",
               {
                 className: c(
@@ -48,26 +48,26 @@ const f = ({
           ] })
         }
       ),
-      d == null ? void 0 : d.map((t, m) => /* @__PURE__ */ a(
+      n?.map((o, m) => /* @__PURE__ */ i(
         "div",
         {
           className: "table-cell align-middle whitespace-nowrap overflow-hidden text-ellipsis  border-r border-gray-200 dark:border-gray-700 px-2",
           style: {
-            minWidth: r,
-            maxWidth: r
+            minWidth: l,
+            maxWidth: l
           },
           children: [
             " ",
-            t(e)
+            o(e)
           ]
         },
-        `${e.id}-cell-${o}-${m}`
+        `${e.id}-cell-${t}-${m}`
       ))
     ]
   },
   `${e.id}row`
 )) });
 export {
-  f as default
+  v as default
 };
 //# sourceMappingURL=TaskListTable.js.map

package/dist/@ecme/components/shared/GanttChart/TaskListTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaskListTable.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/TaskListTable.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport { TbChevronRight, TbChevronDown } from 'react-icons/tb'\nimport type { Task } from 'gantt-task-react'\nimport type { ReactNode } from 'react'\n\ntype ExtendedTask = Task & { barVariant?: string }\n\nexport type ExtraCell = (task: ExtendedTask) => ReactNode | string\n\ntype TaskListTableProps = {\n    rowHeight: number\n    rowWidth: string\n    fontFamily: string\n    fontSize: string\n    locale: string\n    tasks: ExtendedTask[]\n    selectedTaskId: string\n    setSelectedTask: (taskId: string) => void\n    onExpanderClick: (task: Task) => void\n    extraCells?: ExtraCell[]\n}\n\nconst TaskListTable = ({\n    rowHeight,\n    rowWidth,\n    tasks,\n    onExpanderClick,\n    extraCells,\n}: TaskListTableProps) => {\n    return (\n        <div className=\"table\">\n            {tasks.map((t, rowIndex) => {\n                return (\n                    <div\n                        key={`${t.id}row`}\n                        className=\"_34SS0\"\n                        style={{ height: rowHeight }}\n                    >\n                        <div\n                            className=\"table-cell align-middle whitespace-nowrap overflow-hidden text-ellipsis  border-r border-gray-200 dark:border-gray-700 px-2\"\n                            style={{\n                                minWidth: rowWidth,\n                                maxWidth: rowWidth,\n                            }}\n                            title={t.name}\n                        >\n                            <div className=\"flex items-center gap-1\">\n                                <div\n                                    className=\"text-lg cursor-pointer min-w-4\"\n                                    role=\"button\"\n                                    onClick={() => onExpanderClick(t)}\n                                >\n                                    {t.hideChildren === false && (\n                                        <TbChevronDown />\n                                    )}\n                                    {t.hideChildren === true && (\n                                        <TbChevronRight />\n                                    )}\n                                </div>\n                                <div\n                                    className={classNames(\n                                        'truncate',\n                                        typeof t.hideChildren === 'boolean' &&\n                                            'heading-text font-bold',\n                                    )}\n                                >\n                                    {t.name}\n                                </div>\n                            </div>\n                        </div>\n                        {extraCells?.map((cell, cellIndex) => (\n                            <div\n                                key={`${t.id}-cell-${rowIndex}-${cellIndex}`}\n                                className=\"table-cell align-middle whitespace-nowrap overflow-hidden text-ellipsis  border-r border-gray-200 dark:border-gray-700 px-2\"\n                                style={{\n                                    minWidth: rowWidth,\n                                    maxWidth: rowWidth,\n                                }}\n                            >\n                                &nbsp;{cell(t)}\n                            </div>\n                        ))}\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n\nexport default TaskListTable\n"],"names":["TaskListTable","rowHeight","rowWidth","tasks","onExpanderClick","extraCells","jsx","t","rowIndex","jsxs","TbChevronDown","TbChevronRight","classNames","cell","cellIndex"],"mappings":";;;AAsBA,MAAMA,IAAgB,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AACJ,MAEQ,gBAAAC,EAAC,SAAI,WAAU,SACV,YAAM,IAAI,CAACC,GAAGC,MAEP,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IAEG,WAAU;AAAA,IACV,OAAO,EAAE,QAAQR,EAAA;AAAA,IAEjB,UAAA;AAAA,MAAA,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAO;AAAA,YACH,UAAUJ;AAAA,YACV,UAAUA;AAAA,UAAA;AAAA,UAEd,OAAOK,EAAE;AAAA,UAET,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,SAAS,MAAML,EAAgBG,CAAC;AAAA,gBAE/B,UAAA;AAAA,kBAAAA,EAAE,iBAAiB,MAChB,gBAAAD,EAACI,GAAA,CAAA,CAAc;AAAA,kBAElBH,EAAE,iBAAiB,MAChB,gBAAAD,EAACK,GAAA,CAAA,CAAe;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGxB,gBAAAL;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAWM;AAAA,kBACP;AAAA,kBACA,OAAOL,EAAE,gBAAiB,aACtB;AAAA,gBAAA;AAAA,gBAGP,UAAAA,EAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UACP,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEHF,KAAA,gBAAAA,EAAY,IAAI,CAACQ,GAAMC,MACpB,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,WAAU;AAAA,UACV,OAAO;AAAA,YACH,UAAUP;AAAA,YACV,UAAUA;AAAA,UAAA;AAAA,UAEjB,UAAA;AAAA,YAAA;AAAA,YACUW,EAAKN,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAPR,GAAGA,EAAE,EAAE,SAASC,CAAQ,IAAIM,CAAS;AAAA,MAAA;AAAA,IASjD;AAAA,EAAA;AAAA,EA/CI,GAAGP,EAAE,EAAE;AAAA,CAkDvB,EAAA,CACL;"}
+{"version":3,"file":"TaskListTable.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/TaskListTable.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport { TbChevronRight, TbChevronDown } from 'react-icons/tb'\nimport type { Task } from 'gantt-task-react'\nimport type { ReactNode } from 'react'\n\ntype ExtendedTask = Task & { barVariant?: string }\n\nexport type ExtraCell = (task: ExtendedTask) => ReactNode | string\n\ntype TaskListTableProps = {\n    rowHeight: number\n    rowWidth: string\n    fontFamily: string\n    fontSize: string\n    locale: string\n    tasks: ExtendedTask[]\n    selectedTaskId: string\n    setSelectedTask: (taskId: string) => void\n    onExpanderClick: (task: Task) => void\n    extraCells?: ExtraCell[]\n}\n\nconst TaskListTable = ({\n    rowHeight,\n    rowWidth,\n    tasks,\n    onExpanderClick,\n    extraCells,\n}: TaskListTableProps) => {\n    return (\n        <div className=\"table\">\n            {tasks.map((t, rowIndex) => {\n                return (\n                    <div\n                        key={`${t.id}row`}\n                        className=\"_34SS0\"\n                        style={{ height: rowHeight }}\n                    >\n                        <div\n                            className=\"table-cell align-middle whitespace-nowrap overflow-hidden text-ellipsis  border-r border-gray-200 dark:border-gray-700 px-2\"\n                            style={{\n                                minWidth: rowWidth,\n                                maxWidth: rowWidth,\n                            }}\n                            title={t.name}\n                        >\n                            <div className=\"flex items-center gap-1\">\n                                <div\n                                    className=\"text-lg cursor-pointer min-w-4\"\n                                    role=\"button\"\n                                    onClick={() => onExpanderClick(t)}\n                                >\n                                    {t.hideChildren === false && (\n                                        <TbChevronDown />\n                                    )}\n                                    {t.hideChildren === true && (\n                                        <TbChevronRight />\n                                    )}\n                                </div>\n                                <div\n                                    className={classNames(\n                                        'truncate',\n                                        typeof t.hideChildren === 'boolean' &&\n                                            'heading-text font-bold',\n                                    )}\n                                >\n                                    {t.name}\n                                </div>\n                            </div>\n                        </div>\n                        {extraCells?.map((cell, cellIndex) => (\n                            <div\n                                key={`${t.id}-cell-${rowIndex}-${cellIndex}`}\n                                className=\"table-cell align-middle whitespace-nowrap overflow-hidden text-ellipsis  border-r border-gray-200 dark:border-gray-700 px-2\"\n                                style={{\n                                    minWidth: rowWidth,\n                                    maxWidth: rowWidth,\n                                }}\n                            >\n                                &nbsp;{cell(t)}\n                            </div>\n                        ))}\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n\nexport default TaskListTable\n"],"names":["TaskListTable","rowHeight","rowWidth","tasks","onExpanderClick","extraCells","jsx","t","rowIndex","jsxs","TbChevronDown","TbChevronRight","classNames","cell","cellIndex"],"mappings":";;;AAsBA,MAAMA,IAAgB,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AACJ,MAEQ,gBAAAC,EAAC,SAAI,WAAU,SACV,YAAM,IAAI,CAACC,GAAGC,MAEP,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IAEG,WAAU;AAAA,IACV,OAAO,EAAE,QAAQR,EAAA;AAAA,IAEjB,UAAA;AAAA,MAAA,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAO;AAAA,YACH,UAAUJ;AAAA,YACV,UAAUA;AAAA,UAAA;AAAA,UAEd,OAAOK,EAAE;AAAA,UAET,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,YAAA,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,SAAS,MAAML,EAAgBG,CAAC;AAAA,gBAE/B,UAAA;AAAA,kBAAAA,EAAE,iBAAiB,MAChB,gBAAAD,EAACI,GAAA,CAAA,CAAc;AAAA,kBAElBH,EAAE,iBAAiB,MAChB,gBAAAD,EAACK,GAAA,CAAA,CAAe;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGxB,gBAAAL;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAWM;AAAA,kBACP;AAAA,kBACA,OAAOL,EAAE,gBAAiB,aACtB;AAAA,gBAAA;AAAA,gBAGP,UAAAA,EAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UACP,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEHF,GAAY,IAAI,CAACQ,GAAMC,MACpB,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,WAAU;AAAA,UACV,OAAO;AAAA,YACH,UAAUP;AAAA,YACV,UAAUA;AAAA,UAAA;AAAA,UAEjB,UAAA;AAAA,YAAA;AAAA,YACUW,EAAKN,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAPR,GAAGA,EAAE,EAAE,SAASC,CAAQ,IAAIM,CAAS;AAAA,MAAA,CASjD;AAAA,IAAA;AAAA,EAAA;AAAA,EA/CI,GAAGP,EAAE,EAAE;AAAA,CAkDvB,EAAA,CACL;"}

package/dist/@ecme/components/shared/ImageGallery.js

@@ -1,26 +1,26 @@
-import { jsxs as e, Fragment as i, jsx as c } from "react/jsx-runtime";
-import f from "yet-another-react-lightbox";
+import { jsxs as s, Fragment as a, jsx as l } from "react/jsx-runtime";
+import p from "yet-another-react-lightbox";
 import "yet-another-react-lightbox/styles.css";
-const j = ({
-  children: m,
-  index: t = -1,
-  slides: a,
-  onClose: r,
-  ...p
-}) => /* @__PURE__ */ e(i, { children: [
-  m,
-  /* @__PURE__ */ c(
-    f,
+const f = ({
+  children: o,
+  index: r = -1,
+  slides: t,
+  onClose: e,
+  ...m
+}) => /* @__PURE__ */ s(a, { children: [
+  o,
+  /* @__PURE__ */ l(
+    p,
     {
-      index: t,
-      slides: a,
-      ...p,
-      open: t >= 0,
-      close: () => r == null ? void 0 : r()
+      index: r,
+      slides: t,
+      ...m,
+      open: r >= 0,
+      close: () => e?.()
     }
   )
 ] });
 export {
-  j as default
+  f as default
 };
 //# sourceMappingURL=ImageGallery.js.map

package/dist/@ecme/components/shared/ImageGallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageGallery.js","sources":["../../../../lib/@ecme/components/shared/ImageGallery.tsx"],"sourcesContent":["import Lightbox, { LightboxProps } from 'yet-another-react-lightbox'\nimport 'yet-another-react-lightbox/styles.css'\nimport type { ReactNode } from 'react'\n\nexport type ImageGalleryProps = Partial<LightboxProps> & {\n    children?: ReactNode\n    index?: number\n    onClose?: () => void\n}\n\nconst ImageGallery = ({\n    children,\n    index = -1,\n    slides,\n    onClose,\n    ...rest\n}: ImageGalleryProps) => {\n    return (\n        <>\n            {children}\n            <Lightbox\n                index={index}\n                slides={slides}\n                {...rest}\n                open={index >= 0}\n                close={() => onClose?.()}\n            />\n        </>\n    )\n}\n\nexport default ImageGallery\n"],"names":["ImageGallery","children","index","slides","onClose","rest","jsxs","Fragment","jsx","Lightbox"],"mappings":";;;AAUA,MAAMA,IAAe,CAAC;AAAA,EAClB,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,EAAAN;AAAA,EACD,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAP;AAAA,MACA,QAAAC;AAAA,MACC,GAAGE;AAAA,MACJ,MAAMH,KAAS;AAAA,MACf,OAAO,MAAME,KAAA,gBAAAA;AAAA,IAAU;AAAA,EAAA;AAC3B,GACJ;"}
+{"version":3,"file":"ImageGallery.js","sources":["../../../../lib/@ecme/components/shared/ImageGallery.tsx"],"sourcesContent":["import Lightbox, { LightboxProps } from 'yet-another-react-lightbox'\nimport 'yet-another-react-lightbox/styles.css'\nimport type { ReactNode } from 'react'\n\nexport type ImageGalleryProps = Partial<LightboxProps> & {\n    children?: ReactNode\n    index?: number\n    onClose?: () => void\n}\n\nconst ImageGallery = ({\n    children,\n    index = -1,\n    slides,\n    onClose,\n    ...rest\n}: ImageGalleryProps) => {\n    return (\n        <>\n            {children}\n            <Lightbox\n                index={index}\n                slides={slides}\n                {...rest}\n                open={index >= 0}\n                close={() => onClose?.()}\n            />\n        </>\n    )\n}\n\nexport default ImageGallery\n"],"names":["ImageGallery","children","index","slides","onClose","rest","jsxs","Fragment","jsx","Lightbox"],"mappings":";;;AAUA,MAAMA,IAAe,CAAC;AAAA,EAClB,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,EAAAN;AAAA,EACD,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAP;AAAA,MACA,QAAAC;AAAA,MACC,GAAGE;AAAA,MACJ,MAAMH,KAAS;AAAA,MACf,OAAO,MAAME,IAAA;AAAA,IAAU;AAAA,EAAA;AAC3B,GACJ;"}

package/dist/@ecme/components/shared/Masonry/Masonry.js

@@ -1,48 +1,48 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { useId as d } from "react";
 import p from "./useMasonry.js";
 import { MasonryItemContext as _ } from "./context.js";
-const M = (s) => {
+const M = (e) => {
   const {
-    gap: t,
-    asElement: l = "div",
-    columnProps: o,
+    gap: s,
+    asElement: t = "div",
+    columnProps: l,
     columns: i,
-    ref: y,
-    ...a
-  } = s, r = d(), c = p(s.children, i);
-  return /* @__PURE__ */ e(
-    l,
+    ref: c,
+    ...m
+  } = e, o = d(), u = p(e.children, i);
+  return /* @__PURE__ */ n(
+    t,
     {
-      "data-masonry-id": `Masonry-${r}`,
-      ...a,
-      ref: y,
-      style: { display: "flex", gap: t, ...a.style },
-      children: c.map((u, n) => /* @__PURE__ */ e(
-        l,
+      "data-masonry-id": `Masonry-${o}`,
+      ...m,
+      ref: c,
+      style: { display: "flex", gap: s, ...m.style },
+      children: u.map((y, r) => /* @__PURE__ */ n(
+        t,
         {
-          "data-masonry-column": n + 1,
-          ...o,
+          "data-masonry-column": r + 1,
+          ...l,
           style: {
             display: "flex",
             flex: 1,
             flexDirection: "column",
-            gap: t,
-            ...o == null ? void 0 : o.style
+            gap: s,
+            ...l?.style
           },
-          children: u.map((f, m) => /* @__PURE__ */ e(
+          children: y.map((f, a) => /* @__PURE__ */ n(
             _.Provider,
             {
               value: {
-                column: n,
-                position: m
+                column: r,
+                position: a
               },
               children: f
             },
-            `Masonry__Column_Child_${r}_${m}`
+            `Masonry__Column_Child_${o}_${a}`
           ))
         },
-        `Masonry__Column_${r}_${n}`
+        `Masonry__Column_${o}_${r}`
       ))
     }
   );

package/dist/@ecme/components/shared/Masonry/Masonry.js.map

@@ -1 +1 @@
-{"version":3,"file":"Masonry.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/Masonry.tsx"],"sourcesContent":["import { ElementType, useId } from 'react'\nimport { MasonryProps } from './types'\nimport useMasonry from './useMasonry'\nimport { MasonryItemContext } from './context'\nimport type { Ref } from 'react'\n\nconst MasonryBase = <T extends ElementType = 'div'>(\n    props: MasonryProps<T> & {\n        ref?: Ref<T>\n    },\n) => {\n    const {\n        gap,\n        asElement: Component = 'div',\n        columnProps,\n        columns,\n        ref: forwaredRef,\n        ...rest\n    } = props\n\n    const uniq = useId()\n    const columnsChildren = useMasonry(props.children, columns)\n\n    return (\n        <Component\n            data-masonry-id={`Masonry-${uniq}`}\n            {...rest}\n            ref={forwaredRef}\n            style={{ display: 'flex', gap, ...rest.style }}\n        >\n            {columnsChildren.map((column, index) => {\n                return (\n                    <Component\n                        key={`Masonry__Column_${uniq}_${index}`}\n                        data-masonry-column={index + 1}\n                        {...columnProps}\n                        style={{\n                            display: 'flex',\n                            flex: 1,\n                            flexDirection: 'column',\n                            gap,\n                            ...columnProps?.style,\n                        }}\n                    >\n                        {column.map((child, childIndex) => {\n                            return (\n                                <MasonryItemContext.Provider\n                                    key={`Masonry__Column_Child_${uniq}_${childIndex}`}\n                                    value={{\n                                        column: index,\n                                        position: childIndex,\n                                    }}\n                                >\n                                    {child}\n                                </MasonryItemContext.Provider>\n                            )\n                        })}\n                    </Component>\n                )\n            })}\n        </Component>\n    )\n}\n\nexport const Masonry = MasonryBase\n"],"names":["MasonryBase","props","gap","Component","columnProps","columns","forwaredRef","rest","uniq","useId","columnsChildren","useMasonry","jsx","column","index","child","childIndex","MasonryItemContext","Masonry"],"mappings":";;;;AAMA,MAAMA,IAAc,CAChBC,MAGC;AACD,QAAM;AAAA,IACF,KAAAC;AAAA,IACA,WAAWC,IAAY;AAAA,IACvB,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,KAAKC;AAAA,IACL,GAAGC;AAAA,EAAA,IACHN,GAEEO,IAAOC,EAAA,GACPC,IAAkBC,EAAWV,EAAM,UAAUI,CAAO;AAE1D,SACI,gBAAAO;AAAA,IAACT;AAAA,IAAA;AAAA,MACG,mBAAiB,WAAWK,CAAI;AAAA,MAC/B,GAAGD;AAAA,MACJ,KAAKD;AAAA,MACL,OAAO,EAAE,SAAS,QAAQ,KAAAJ,GAAK,GAAGK,EAAK,MAAA;AAAA,MAEtC,UAAAG,EAAgB,IAAI,CAACG,GAAQC,MAEtB,gBAAAF;AAAA,QAACT;AAAA,QAAA;AAAA,UAEG,uBAAqBW,IAAQ;AAAA,UAC5B,GAAGV;AAAA,UACJ,OAAO;AAAA,YACH,SAAS;AAAA,YACT,MAAM;AAAA,YACN,eAAe;AAAA,YACf,KAAAF;AAAA,YACA,GAAGE,KAAA,gBAAAA,EAAa;AAAA,UAAA;AAAA,UAGnB,UAAAS,EAAO,IAAI,CAACE,GAAOC,MAEZ,gBAAAJ;AAAA,YAACK,EAAmB;AAAA,YAAnB;AAAA,cAEG,OAAO;AAAA,gBACH,QAAQH;AAAA,gBACR,UAAUE;AAAA,cAAA;AAAA,cAGb,UAAAD;AAAA,YAAA;AAAA,YANI,yBAAyBP,CAAI,IAAIQ,CAAU;AAAA,UAAA,CAS3D;AAAA,QAAA;AAAA,QAvBI,mBAAmBR,CAAI,IAAIM,CAAK;AAAA,MAAA,CA0BhD;AAAA,IAAA;AAAA,EAAA;AAGb,GAEaI,IAAUlB;"}
+{"version":3,"file":"Masonry.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/Masonry.tsx"],"sourcesContent":["import { ElementType, useId } from 'react'\nimport { MasonryProps } from './types'\nimport useMasonry from './useMasonry'\nimport { MasonryItemContext } from './context'\nimport type { Ref } from 'react'\n\nconst MasonryBase = <T extends ElementType = 'div'>(\n    props: MasonryProps<T> & {\n        ref?: Ref<T>\n    },\n) => {\n    const {\n        gap,\n        asElement: Component = 'div',\n        columnProps,\n        columns,\n        ref: forwaredRef,\n        ...rest\n    } = props\n\n    const uniq = useId()\n    const columnsChildren = useMasonry(props.children, columns)\n\n    return (\n        <Component\n            data-masonry-id={`Masonry-${uniq}`}\n            {...rest}\n            ref={forwaredRef}\n            style={{ display: 'flex', gap, ...rest.style }}\n        >\n            {columnsChildren.map((column, index) => {\n                return (\n                    <Component\n                        key={`Masonry__Column_${uniq}_${index}`}\n                        data-masonry-column={index + 1}\n                        {...columnProps}\n                        style={{\n                            display: 'flex',\n                            flex: 1,\n                            flexDirection: 'column',\n                            gap,\n                            ...columnProps?.style,\n                        }}\n                    >\n                        {column.map((child, childIndex) => {\n                            return (\n                                <MasonryItemContext.Provider\n                                    key={`Masonry__Column_Child_${uniq}_${childIndex}`}\n                                    value={{\n                                        column: index,\n                                        position: childIndex,\n                                    }}\n                                >\n                                    {child}\n                                </MasonryItemContext.Provider>\n                            )\n                        })}\n                    </Component>\n                )\n            })}\n        </Component>\n    )\n}\n\nexport const Masonry = MasonryBase\n"],"names":["MasonryBase","props","gap","Component","columnProps","columns","forwaredRef","rest","uniq","useId","columnsChildren","useMasonry","jsx","column","index","child","childIndex","MasonryItemContext","Masonry"],"mappings":";;;;AAMA,MAAMA,IAAc,CAChBC,MAGC;AACD,QAAM;AAAA,IACF,KAAAC;AAAA,IACA,WAAWC,IAAY;AAAA,IACvB,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,KAAKC;AAAA,IACL,GAAGC;AAAA,EAAA,IACHN,GAEEO,IAAOC,EAAA,GACPC,IAAkBC,EAAWV,EAAM,UAAUI,CAAO;AAE1D,SACI,gBAAAO;AAAA,IAACT;AAAA,IAAA;AAAA,MACG,mBAAiB,WAAWK,CAAI;AAAA,MAC/B,GAAGD;AAAA,MACJ,KAAKD;AAAA,MACL,OAAO,EAAE,SAAS,QAAQ,KAAAJ,GAAK,GAAGK,EAAK,MAAA;AAAA,MAEtC,UAAAG,EAAgB,IAAI,CAACG,GAAQC,MAEtB,gBAAAF;AAAA,QAACT;AAAA,QAAA;AAAA,UAEG,uBAAqBW,IAAQ;AAAA,UAC5B,GAAGV;AAAA,UACJ,OAAO;AAAA,YACH,SAAS;AAAA,YACT,MAAM;AAAA,YACN,eAAe;AAAA,YACf,KAAAF;AAAA,YACA,GAAGE,GAAa;AAAA,UAAA;AAAA,UAGnB,UAAAS,EAAO,IAAI,CAACE,GAAOC,MAEZ,gBAAAJ;AAAA,YAACK,EAAmB;AAAA,YAAnB;AAAA,cAEG,OAAO;AAAA,gBACH,QAAQH;AAAA,gBACR,UAAUE;AAAA,cAAA;AAAA,cAGb,UAAAD;AAAA,YAAA;AAAA,YANI,yBAAyBP,CAAI,IAAIQ,CAAU;AAAA,UAAA,CAS3D;AAAA,QAAA;AAAA,QAvBI,mBAAmBR,CAAI,IAAIM,CAAK;AAAA,MAAA,CA0BhD;AAAA,IAAA;AAAA,EAAA;AAGb,GAEaI,IAAUlB;"}

package/dist/@ecme/components/shared/OtpInput.js

@@ -1,77 +1,75 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useState as I, useRef as N, useEffect as O } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { useState as R, useRef as $, useEffect as v } from "react";
 import "../ui/Input/index.js";
-import T from "../../utils/classNames.js";
-import V from "../ui/Input/Input.js";
-const j = ({
-  length: e = 6,
-  value: a = "",
-  onChange: c,
-  disabled: m = !1,
-  className: i = "",
-  inputClass: D,
-  autoFocus: w = !1,
-  placeholder: y,
-  invalid: A = !1
+import I from "../../utils/classNames.js";
+import N from "../ui/Input/Input.js";
+const E = ({
+  length: s = 6,
+  value: c = "",
+  onChange: f,
+  disabled: u = !1,
+  className: p = "",
+  inputClass: n,
+  autoFocus: m = !1,
+  placeholder: i,
+  invalid: D = !1
 }) => {
-  const [_, l] = I(0), f = N([]);
-  O(() => {
-    f.current = Array(e).fill(null).map((r, t) => f.current[t] || null);
-  }, [e]);
-  const P = (r, t) => {
-    var u;
-    const s = r.target.value;
-    if (s.length > 1) return;
-    const p = a.slice(0, t) + s + a.slice(t + 1);
-    c == null || c(p), s && t < e - 1 && (l(t + 1), (u = f.current[t + 1]) == null || u.focus());
-  }, k = (r, t) => {
-    var s, p, u;
-    if (r.key === "Backspace")
-      if (r.preventDefault(), a[t]) {
-        const v = a.slice(0, t) + "" + a.slice(t + 1);
-        c == null || c(v);
-      } else t > 0 && (l(t - 1), (s = f.current[t - 1]) == null || s.focus());
-    else r.key === "ArrowLeft" && t > 0 ? (r.preventDefault(), l(t - 1), (p = f.current[t - 1]) == null || p.focus()) : r.key === "ArrowRight" && t < e - 1 && (r.preventDefault(), l(t + 1), (u = f.current[t + 1]) == null || u.focus());
-  }, R = (r) => {
-    r.preventDefault();
-    const t = r.clipboardData.getData("text/plain").slice(0, e);
-    t.match(/^[0-9]+$/) && (c == null || c(t.padEnd(e, "")));
-  }, $ = (r) => (t) => {
-    f.current[r] = t;
+  const [O, o] = R(0), a = $([]);
+  v(() => {
+    a.current = Array(s).fill(null).map((e, t) => a.current[t] || null);
+  }, [s]);
+  const w = (e, t) => {
+    const r = e.target.value;
+    if (r.length > 1) return;
+    const k = c.slice(0, t) + r + c.slice(t + 1);
+    f?.(k), r && t < s - 1 && (o(t + 1), a.current[t + 1]?.focus());
+  }, y = (e, t) => {
+    if (e.key === "Backspace")
+      if (e.preventDefault(), c[t]) {
+        const r = c.slice(0, t) + "" + c.slice(t + 1);
+        f?.(r);
+      } else t > 0 && (o(t - 1), a.current[t - 1]?.focus());
+    else e.key === "ArrowLeft" && t > 0 ? (e.preventDefault(), o(t - 1), a.current[t - 1]?.focus()) : e.key === "ArrowRight" && t < s - 1 && (e.preventDefault(), o(t + 1), a.current[t + 1]?.focus());
+  }, A = (e) => {
+    e.preventDefault();
+    const t = e.clipboardData.getData("text/plain").slice(0, s);
+    t.match(/^[0-9]+$/) && f?.(t.padEnd(s, ""));
+  }, P = (e) => (t) => {
+    a.current[e] = t;
   };
-  return /* @__PURE__ */ o("div", { className: `flex gap-2 ${i}`, children: Array(e).fill(null).map((r, t) => /* @__PURE__ */ o(
-    V,
+  return /* @__PURE__ */ l("div", { className: `flex gap-2 ${p}`, children: Array(s).fill(null).map((e, t) => /* @__PURE__ */ l(
+    N,
     {
-      ref: $(t),
-      className: T(
+      ref: P(t),
+      className: I(
         "text-center text-lg h-[58px] w-[58px]",
-        D
+        n
       ),
       type: "text",
       inputMode: "numeric",
       pattern: "[0-9]*",
       maxLength: 1,
-      value: a[t] || "",
-      disabled: m,
-      autoFocus: w && t === 0,
-      placeholder: y,
-      "aria-label": `Digit ${t + 1} of ${e}`,
-      invalid: A,
-      onChange: (s) => P(
-        s,
+      value: c[t] || "",
+      disabled: u,
+      autoFocus: m && t === 0,
+      placeholder: i,
+      "aria-label": `Digit ${t + 1} of ${s}`,
+      invalid: D,
+      onChange: (r) => w(
+        r,
         t
       ),
-      onKeyDown: (s) => k(
-        s,
+      onKeyDown: (r) => y(
+        r,
         t
       ),
-      onPaste: R,
-      onFocus: () => l(t)
+      onPaste: A,
+      onFocus: () => o(t)
     },
     t
   )) });
 };
 export {
-  j as default
+  E as default
 };
 //# sourceMappingURL=OtpInput.js.map

package/dist/@ecme/components/shared/OtpInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"OtpInput.js","sources":["../../../../lib/@ecme/components/shared/OtpInput.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from 'react'\nimport Input from '@/components/ui/Input'\nimport classNames from '@/utils/classNames'\nimport type { ChangeEvent, KeyboardEvent, ClipboardEvent } from 'react'\n\ninterface OTPInputProps {\n    length?: number\n    value?: string\n    onChange?: (value: string) => void\n    disabled?: boolean\n    className?: string\n    inputClass?: string\n    autoFocus?: boolean\n    placeholder?: string\n    invalid?: boolean\n}\n\nconst OTPInput = ({\n    length = 6,\n    value = '',\n    onChange,\n    disabled = false,\n    className = '',\n    inputClass,\n    autoFocus = false,\n    placeholder,\n    invalid = false,\n}: OTPInputProps) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const [_, setActiveInput] = useState<number>(0)\n    const inputRefs = useRef<(HTMLInputElement | null)[]>([])\n\n    useEffect(() => {\n        inputRefs.current = Array(length)\n            .fill(null)\n            .map((_, i) => inputRefs.current[i] || null)\n    }, [length])\n\n    const handleChange = (e: ChangeEvent<HTMLInputElement>, index: number) => {\n        const newValue = e.target.value\n        if (newValue.length > 1) return\n\n        const newOTPValue =\n            value.slice(0, index) + newValue + value.slice(index + 1)\n\n        onChange?.(newOTPValue)\n\n        if (newValue && index < length - 1) {\n            setActiveInput(index + 1)\n            inputRefs.current[index + 1]?.focus()\n        }\n    }\n\n    const handleKeyDown = (\n        e: KeyboardEvent<HTMLInputElement>,\n        index: number,\n    ) => {\n        if (e.key === 'Backspace') {\n            e.preventDefault()\n            if (value[index]) {\n                const newOTPValue =\n                    value.slice(0, index) + '' + value.slice(index + 1)\n                onChange?.(newOTPValue)\n            } else if (index > 0) {\n                setActiveInput(index - 1)\n                inputRefs.current[index - 1]?.focus()\n            }\n        } else if (e.key === 'ArrowLeft' && index > 0) {\n            e.preventDefault()\n            setActiveInput(index - 1)\n            inputRefs.current[index - 1]?.focus()\n        } else if (e.key === 'ArrowRight' && index < length - 1) {\n            e.preventDefault()\n            setActiveInput(index + 1)\n            inputRefs.current[index + 1]?.focus()\n        }\n    }\n\n    const handlePaste = (e: ClipboardEvent<HTMLInputElement>) => {\n        e.preventDefault()\n        const pastedData = e.clipboardData\n            .getData('text/plain')\n            .slice(0, length)\n        if (pastedData.match(/^[0-9]+$/)) {\n            onChange?.(pastedData.padEnd(length, ''))\n        }\n    }\n\n    const setRef = (index: number) => (ref: HTMLInputElement | null) => {\n        inputRefs.current[index] = ref\n    }\n\n    return (\n        <div className={`flex gap-2 ${className}`}>\n            {Array(length)\n                .fill(null)\n                .map((_, index) => (\n                    <Input\n                        key={index}\n                        ref={setRef(index)}\n                        className={classNames(\n                            'text-center text-lg h-[58px] w-[58px]',\n                            inputClass,\n                        )}\n                        type=\"text\"\n                        inputMode=\"numeric\"\n                        pattern=\"[0-9]*\"\n                        maxLength={1}\n                        value={value[index] || ''}\n                        disabled={disabled}\n                        autoFocus={autoFocus && index === 0}\n                        placeholder={placeholder}\n                        aria-label={`Digit ${index + 1} of ${length}`}\n                        invalid={invalid}\n                        onChange={(e) =>\n                            handleChange(\n                                e as ChangeEvent<HTMLInputElement>,\n                                index,\n                            )\n                        }\n                        onKeyDown={(e) =>\n                            handleKeyDown(\n                                e as KeyboardEvent<HTMLInputElement>,\n                                index,\n                            )\n                        }\n                        onPaste={handlePaste}\n                        onFocus={() => setActiveInput(index)}\n                    />\n                ))}\n        </div>\n    )\n}\n\nexport default OTPInput\n"],"names":["OTPInput","length","value","onChange","disabled","className","inputClass","autoFocus","placeholder","invalid","setActiveInput","useState","inputRefs","useRef","useEffect","_","i","handleChange","e","index","newValue","newOTPValue","_a","handleKeyDown","_b","_c","handlePaste","pastedData","setRef","ref","jsx","Input","classNames"],"mappings":"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"}
+{"version":3,"file":"OtpInput.js","sources":["../../../../lib/@ecme/components/shared/OtpInput.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from 'react'\nimport Input from '@/components/ui/Input'\nimport classNames from '@/utils/classNames'\nimport type { ChangeEvent, KeyboardEvent, ClipboardEvent } from 'react'\n\ninterface OTPInputProps {\n    length?: number\n    value?: string\n    onChange?: (value: string) => void\n    disabled?: boolean\n    className?: string\n    inputClass?: string\n    autoFocus?: boolean\n    placeholder?: string\n    invalid?: boolean\n}\n\nconst OTPInput = ({\n    length = 6,\n    value = '',\n    onChange,\n    disabled = false,\n    className = '',\n    inputClass,\n    autoFocus = false,\n    placeholder,\n    invalid = false,\n}: OTPInputProps) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const [_, setActiveInput] = useState<number>(0)\n    const inputRefs = useRef<(HTMLInputElement | null)[]>([])\n\n    useEffect(() => {\n        inputRefs.current = Array(length)\n            .fill(null)\n            .map((_, i) => inputRefs.current[i] || null)\n    }, [length])\n\n    const handleChange = (e: ChangeEvent<HTMLInputElement>, index: number) => {\n        const newValue = e.target.value\n        if (newValue.length > 1) return\n\n        const newOTPValue =\n            value.slice(0, index) + newValue + value.slice(index + 1)\n\n        onChange?.(newOTPValue)\n\n        if (newValue && index < length - 1) {\n            setActiveInput(index + 1)\n            inputRefs.current[index + 1]?.focus()\n        }\n    }\n\n    const handleKeyDown = (\n        e: KeyboardEvent<HTMLInputElement>,\n        index: number,\n    ) => {\n        if (e.key === 'Backspace') {\n            e.preventDefault()\n            if (value[index]) {\n                const newOTPValue =\n                    value.slice(0, index) + '' + value.slice(index + 1)\n                onChange?.(newOTPValue)\n            } else if (index > 0) {\n                setActiveInput(index - 1)\n                inputRefs.current[index - 1]?.focus()\n            }\n        } else if (e.key === 'ArrowLeft' && index > 0) {\n            e.preventDefault()\n            setActiveInput(index - 1)\n            inputRefs.current[index - 1]?.focus()\n        } else if (e.key === 'ArrowRight' && index < length - 1) {\n            e.preventDefault()\n            setActiveInput(index + 1)\n            inputRefs.current[index + 1]?.focus()\n        }\n    }\n\n    const handlePaste = (e: ClipboardEvent<HTMLInputElement>) => {\n        e.preventDefault()\n        const pastedData = e.clipboardData\n            .getData('text/plain')\n            .slice(0, length)\n        if (pastedData.match(/^[0-9]+$/)) {\n            onChange?.(pastedData.padEnd(length, ''))\n        }\n    }\n\n    const setRef = (index: number) => (ref: HTMLInputElement | null) => {\n        inputRefs.current[index] = ref\n    }\n\n    return (\n        <div className={`flex gap-2 ${className}`}>\n            {Array(length)\n                .fill(null)\n                .map((_, index) => (\n                    <Input\n                        key={index}\n                        ref={setRef(index)}\n                        className={classNames(\n                            'text-center text-lg h-[58px] w-[58px]',\n                            inputClass,\n                        )}\n                        type=\"text\"\n                        inputMode=\"numeric\"\n                        pattern=\"[0-9]*\"\n                        maxLength={1}\n                        value={value[index] || ''}\n                        disabled={disabled}\n                        autoFocus={autoFocus && index === 0}\n                        placeholder={placeholder}\n                        aria-label={`Digit ${index + 1} of ${length}`}\n                        invalid={invalid}\n                        onChange={(e) =>\n                            handleChange(\n                                e as ChangeEvent<HTMLInputElement>,\n                                index,\n                            )\n                        }\n                        onKeyDown={(e) =>\n                            handleKeyDown(\n                                e as KeyboardEvent<HTMLInputElement>,\n                                index,\n                            )\n                        }\n                        onPaste={handlePaste}\n                        onFocus={() => setActiveInput(index)}\n                    />\n                ))}\n        </div>\n    )\n}\n\nexport default OTPInput\n"],"names":["OTPInput","length","value","onChange","disabled","className","inputClass","autoFocus","placeholder","invalid","_","setActiveInput","useState","inputRefs","useRef","useEffect","i","handleChange","index","newValue","newOTPValue","handleKeyDown","handlePaste","pastedData","setRef","ref","jsx","Input","classNames","e"],"mappings":"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"}

package/dist/@ecme/components/shared/PasswordInput.js

@@ -3,12 +3,12 @@ import { useState as l } from "react";
 import "../ui/Input/index.js";
 import { HiOutlineEyeOff as u, HiOutlineEye as c } from "react-icons/hi";
 import f from "../ui/Input/Input.js";
-const P = (r) => {
-  const { onVisibleChange: s, ref: n, ...p } = r, [e, i] = l("password");
+const C = (o) => {
+  const { onVisibleChange: r, ref: n, ...i } = o, [e, p] = l("password");
   return /* @__PURE__ */ t(
     f,
     {
-      ...p,
+      ...i,
       ref: n,
       type: e,
       suffix: /* @__PURE__ */ t(
@@ -18,8 +18,8 @@ const P = (r) => {
           role: "button",
           onClick: (a) => {
             a.preventDefault();
-            const o = e === "password" ? "text" : "password";
-            i(o), s == null || s(o === "text");
+            const s = e === "password" ? "text" : "password";
+            p(s), r?.(s === "text");
           },
           children: e === "password" ? /* @__PURE__ */ t(u, {}) : /* @__PURE__ */ t(c, {})
         }
@@ -28,6 +28,6 @@ const P = (r) => {
   );
 };
 export {
-  P as default
+  C as default
 };
 //# sourceMappingURL=PasswordInput.js.map

package/dist/@ecme/components/shared/PasswordInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.js","sources":["../../../../lib/@ecme/components/shared/PasswordInput.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Input, InputProps } from '@/components/ui/Input'\nimport { HiOutlineEyeOff, HiOutlineEye } from 'react-icons/hi'\nimport type { MouseEvent, Ref } from 'react'\n\ninterface PasswordInputProps extends InputProps {\n    onVisibleChange?: (visible: boolean) => void\n    ref?: Ref<HTMLInputElement>\n}\n\nconst PasswordInput = (props: PasswordInputProps) => {\n    const { onVisibleChange, ref, ...rest } = props\n\n    const [pwInputType, setPwInputType] = useState('password')\n\n    const onPasswordVisibleClick = (e: MouseEvent<HTMLSpanElement>) => {\n        e.preventDefault()\n        const nextValue = pwInputType === 'password' ? 'text' : 'password'\n        setPwInputType(nextValue)\n        onVisibleChange?.(nextValue === 'text')\n    }\n\n    return (\n        <Input\n            {...rest}\n            ref={ref}\n            type={pwInputType}\n            suffix={\n                <span\n                    className=\"cursor-pointer select-none text-xl\"\n                    role=\"button\"\n                    onClick={onPasswordVisibleClick}\n                >\n                    {pwInputType === 'password' ? (\n                        <HiOutlineEyeOff />\n                    ) : (\n                        <HiOutlineEye />\n                    )}\n                </span>\n            }\n        />\n    )\n}\n\nexport default PasswordInput\n"],"names":["PasswordInput","props","onVisibleChange","ref","rest","pwInputType","setPwInputType","useState","jsx","Input","e","nextValue","HiOutlineEyeOff","HiOutlineEye"],"mappings":";;;;;AAUA,MAAMA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,iBAAAC,GAAiB,KAAAC,GAAK,GAAGC,MAASH,GAEpC,CAACI,GAAaC,CAAc,IAAIC,EAAS,UAAU;AASzD,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGL;AAAA,MACJ,KAAAD;AAAA,MACA,MAAME;AAAA,MACN,QACI,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAhBe,CAACE,MAAmC;AAC/D,YAAAA,EAAE,eAAA;AACF,kBAAMC,IAAYN,MAAgB,aAAa,SAAS;AACxD,YAAAC,EAAeK,CAAS,GACxBT,KAAA,QAAAA,EAAkBS,MAAc;AAAA,UACpC;AAAA,UAaiB,gBAAgB,aACb,gBAAAH,EAACI,GAAA,EAAgB,sBAEhBC,GAAA,CAAA,CAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IAEtB;AAAA,EAAA;AAIhB;"}
+{"version":3,"file":"PasswordInput.js","sources":["../../../../lib/@ecme/components/shared/PasswordInput.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Input, InputProps } from '@/components/ui/Input'\nimport { HiOutlineEyeOff, HiOutlineEye } from 'react-icons/hi'\nimport type { MouseEvent, Ref } from 'react'\n\ninterface PasswordInputProps extends InputProps {\n    onVisibleChange?: (visible: boolean) => void\n    ref?: Ref<HTMLInputElement>\n}\n\nconst PasswordInput = (props: PasswordInputProps) => {\n    const { onVisibleChange, ref, ...rest } = props\n\n    const [pwInputType, setPwInputType] = useState('password')\n\n    const onPasswordVisibleClick = (e: MouseEvent<HTMLSpanElement>) => {\n        e.preventDefault()\n        const nextValue = pwInputType === 'password' ? 'text' : 'password'\n        setPwInputType(nextValue)\n        onVisibleChange?.(nextValue === 'text')\n    }\n\n    return (\n        <Input\n            {...rest}\n            ref={ref}\n            type={pwInputType}\n            suffix={\n                <span\n                    className=\"cursor-pointer select-none text-xl\"\n                    role=\"button\"\n                    onClick={onPasswordVisibleClick}\n                >\n                    {pwInputType === 'password' ? (\n                        <HiOutlineEyeOff />\n                    ) : (\n                        <HiOutlineEye />\n                    )}\n                </span>\n            }\n        />\n    )\n}\n\nexport default PasswordInput\n"],"names":["PasswordInput","props","onVisibleChange","ref","rest","pwInputType","setPwInputType","useState","jsx","Input","e","nextValue","HiOutlineEyeOff","HiOutlineEye"],"mappings":";;;;;AAUA,MAAMA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,iBAAAC,GAAiB,KAAAC,GAAK,GAAGC,MAASH,GAEpC,CAACI,GAAaC,CAAc,IAAIC,EAAS,UAAU;AASzD,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGL;AAAA,MACJ,KAAAD;AAAA,MACA,MAAME;AAAA,MACN,QACI,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAhBe,CAACE,MAAmC;AAC/D,YAAAA,EAAE,eAAA;AACF,kBAAMC,IAAYN,MAAgB,aAAa,SAAS;AACxD,YAAAC,EAAeK,CAAS,GACxBT,IAAkBS,MAAc,MAAM;AAAA,UAC1C;AAAA,UAaiB,gBAAgB,aACb,gBAAAH,EAACI,GAAA,EAAgB,sBAEhBC,GAAA,CAAA,CAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IAEtB;AAAA,EAAA;AAIhB;"}