npm - @orbe-agro/client-core - Versions diffs - 5.3.86 → 5.3.89 - Mend

@orbe-agro/client-core 5.3.86 → 5.3.89

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (502) hide show

package/dist/@ecme/views/concepts/projects/Tasks/components/TaskList.js CHANGED Viewed

@@ -1,30 +1,30 @@
 import { jsx as a, jsxs as p } from "react/jsx-runtime";
-import { useState as M } from "react";
-import { Table as x } from "../../../../../components/ui/Table/index.js";
+import { useState as w } from "react";
+import { Table as C } from "../../../../../components/ui/Table/index.js";
 import "../../../../../components/view/TaskItem/index.js";
-import O from "./AddTask.js";
-import { labelClass as k } from "../utils.js";
-import R from "../../../../../utils/reoderArray.js";
-import { reorderDragable as L } from "../../../../../utils/reorderDragable.js";
-import { useTasksStore as P } from "../store/tasksStore.js";
-import { DragDropContext as A, Droppable as u, Draggable as b } from "@hello-pangea/dnd";
-import { MdDragIndicator as C } from "react-icons/md";
-import B from "../../../../../components/view/TaskItem/TaskItem.js";
-const { TBody: E } = x, K = () => {
-  const [T, g] = M(""), { updateOrdered: h, updateGroups: l, ordered: m, groups: t } = P(), D = (e) => {
+import M from "./AddTask.js";
+import { labelClass as O } from "../utils.js";
+import k from "../../../../../utils/reoderArray.js";
+import { reorderDragable as R } from "../../../../../utils/reorderDragable.js";
+import { useTasksStore as L } from "../store/tasksStore.js";
+import { DragDropContext as P, Droppable as h, Draggable as u } from "@hello-pangea/dnd";
+import { MdDragIndicator as b } from "react-icons/md";
+import A from "../../../../../components/view/TaskItem/TaskItem.js";
+const { TBody: B } = C, J = () => {
+  const [x, f] = w(""), { updateOrdered: g, updateGroups: l, ordered: m, groups: t } = L(), T = (e) => {
     if (e.combine) {
       if (e.type === "COLUMN") {
         const c = [...m];
-        c.splice(e.source.index, 1), h(c);
+        c.splice(e.source.index, 1), g(c);
         return;
       }
-      const i = [...t[e.source.droppableId]];
-      i.splice(e.source.index, 1);
-      const o = {
+      const o = [...t[e.source.droppableId]];
+      o.splice(e.source.index, 1);
+      const i = {
         ...t,
-        [e.source.droppableId]: i
+        [e.source.droppableId]: o
       };
-      l(o);
+      l(i);
       return;
     }
     if (!e.destination)
@@ -33,30 +33,30 @@ const { TBody: E } = x, K = () => {
     if (r.droppableId === n.droppableId && r.index === n.index)
       return;
     if (e.type === "COLUMN") {
-      const s = R(
+      const s = k(
         m,
         r.index,
         n.index
       );
-      h(s);
+      g(s);
       return;
     }
-    const d = L({
+    const d = R({
       quoteMap: t,
       source: r,
       destination: n
     });
     l(d.quoteMap);
-  }, I = (e, r) => {
+  }, D = (e, r) => {
     const n = { ...t };
     n[r] = n[r].filter((d) => (d.id === e && (d.checked = !d.checked), d)), l(n);
-  }, N = (e, r) => {
+  }, I = (e, r) => {
     const n = { ...t };
-    n[e].push(r), l(n), g("");
+    n[e].push(r), l(n), f("");
   };
-  return /* @__PURE__ */ a(A, { onDragEnd: (e) => D(e), children: /* @__PURE__ */ a(u, { droppableId: "board", type: "COLUMN", direction: "vertical", children: (e) => /* @__PURE__ */ a("div", { ref: e.innerRef, ...e.droppableProps, children: /* @__PURE__ */ p("div", { className: "flex flex-col gap-10", children: [
+  return /* @__PURE__ */ a(P, { onDragEnd: (e) => T(e), children: /* @__PURE__ */ a(h, { droppableId: "board", type: "COLUMN", direction: "vertical", children: (e) => /* @__PURE__ */ a("div", { ref: e.innerRef, ...e.droppableProps, children: /* @__PURE__ */ p("div", { className: "flex flex-col gap-10", children: [
     m.map((r, n) => /* @__PURE__ */ a(
-      b,
+      u,
       {
         draggableId: r,
         index: n,
@@ -72,74 +72,71 @@ const { TBody: E } = x, K = () => {
                   {
                     className: "text-lg",
                     ...d.dragHandleProps,
-                    children: /* @__PURE__ */ a(C, {})
+                    children: /* @__PURE__ */ a(b, {})
                   }
                 ),
                 /* @__PURE__ */ a("h4", { children: r })
               ] }),
-              /* @__PURE__ */ a(x, { className: "lg:overflow-hidden", children: /* @__PURE__ */ a(
-                u,
+              /* @__PURE__ */ a(C, { className: "lg:overflow-hidden", children: /* @__PURE__ */ a(
+                h,
                 {
                   droppableId: r,
                   type: "CONTENT",
-                  children: (s) => {
-                    var i;
-                    return /* @__PURE__ */ p(
-                      E,
-                      {
-                        ref: s.innerRef,
-                        ...s.droppableProps,
-                        children: [
-                          (i = t[r]) == null ? void 0 : i.map(
-                            (o, c) => /* @__PURE__ */ a(
-                              b,
-                              {
-                                draggableId: o.id + c,
-                                index: c,
-                                children: (f) => /* @__PURE__ */ a(
-                                  B,
-                                  {
-                                    ref: f.innerRef,
-                                    taskId: o.id,
-                                    progress: o.progress,
-                                    checked: o.checked,
-                                    name: o.name,
-                                    dueDate: o.dueDate,
-                                    assignee: o.assignee,
-                                    priority: o.priority,
-                                    dragger: /* @__PURE__ */ a(
-                                      "span",
-                                      {
-                                        ...f.dragHandleProps,
-                                        children: /* @__PURE__ */ a(C, {})
-                                      }
-                                    ),
-                                    labelClass: k,
-                                    onChange: (w) => I(
-                                      w,
-                                      r
-                                    ),
-                                    ...f.draggableProps
-                                  }
-                                )
-                              },
-                              o.id + c
-                            )
-                          ),
-                          s.placeholder
-                        ]
-                      }
-                    );
-                  }
+                  children: (s) => /* @__PURE__ */ p(
+                    B,
+                    {
+                      ref: s.innerRef,
+                      ...s.droppableProps,
+                      children: [
+                        t[r]?.map(
+                          (o, i) => /* @__PURE__ */ a(
+                            u,
+                            {
+                              draggableId: o.id + i,
+                              index: i,
+                              children: (c) => /* @__PURE__ */ a(
+                                A,
+                                {
+                                  ref: c.innerRef,
+                                  taskId: o.id,
+                                  progress: o.progress,
+                                  checked: o.checked,
+                                  name: o.name,
+                                  dueDate: o.dueDate,
+                                  assignee: o.assignee,
+                                  priority: o.priority,
+                                  dragger: /* @__PURE__ */ a(
+                                    "span",
+                                    {
+                                      ...c.dragHandleProps,
+                                      children: /* @__PURE__ */ a(b, {})
+                                    }
+                                  ),
+                                  labelClass: O,
+                                  onChange: (N) => D(
+                                    N,
+                                    r
+                                  ),
+                                  ...c.draggableProps
+                                }
+                              )
+                            },
+                            o.id + i
+                          )
+                        ),
+                        s.placeholder
+                      ]
+                    }
+                  )
                 }
               ) }),
               /* @__PURE__ */ a("div", { className: "mt-4", children: /* @__PURE__ */ a(
-                O,
+                M,
                 {
-                  isCreatingTask: r === T,
+                  isCreatingTask: r === x,
                   groupKey: r,
-                  onAddTaskClick: g,
-                  onCreateTask: (s) => N(
+                  onAddTaskClick: f,
+                  onCreateTask: (s) => I(
                     r,
                     s
                   )
@@ -155,6 +152,6 @@ const { TBody: E } = x, K = () => {
   ] }) }) }) });
 };
 export {
-  K as default
+  J as default
 };
 //# sourceMappingURL=TaskList.js.map

package/dist/@ecme/views/concepts/projects/Tasks/components/TaskList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TaskList.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Tasks/components/TaskList.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport TaskItem from '@/components/view/TaskItem'\nimport AddTask from './AddTask'\nimport { labelClass } from '../utils'\nimport reoderArray from '@/utils/reoderArray'\nimport reorderDragable from '@/utils/reorderDragable'\nimport { useTasksStore } from '../store/tasksStore'\nimport { Droppable, DragDropContext, Draggable } from '@hello-pangea/dnd'\nimport { MdDragIndicator } from 'react-icons/md'\nimport type { DropResult } from '@hello-pangea/dnd'\nimport type { Task } from '../types'\n\nconst { TBody } = Table\n\nconst TaskList = () => {\n const [selectedCreateTaskButton, setSelectedCreateTaskButton] = useState('')\n\n const { updateOrdered, updateGroups, ordered, groups } = useTasksStore()\n\n const onDragEnd = (result: DropResult) => {\n if (result.combine) {\n if (result.type === 'COLUMN') {\n const shallow = [...ordered]\n shallow.splice(result.source.index, 1)\n updateOrdered(shallow)\n return\n }\n\n const column = groups[result.source.droppableId]\n const withQuoteRemoved = [...column]\n withQuoteRemoved.splice(result.source.index, 1)\n const newColumns = {\n ...groups,\n [result.source.droppableId]: withQuoteRemoved,\n }\n updateGroups(newColumns)\n return\n }\n\n if (!result.destination) {\n return\n }\n\n const source = result.source\n const destination = result.destination\n\n if (\n source.droppableId === destination.droppableId &&\n source.index === destination.index\n ) {\n return\n }\n\n if (result.type === 'COLUMN') {\n const newOrdered = reoderArray(\n ordered,\n source.index,\n destination.index,\n )\n updateOrdered(newOrdered)\n return\n }\n\n const data = reorderDragable<Record<string, Task[]>>({\n quoteMap: groups,\n source,\n destination,\n })\n\n updateGroups(data.quoteMap)\n }\n\n const handleChange = (taskId: string, groupKey: string) => {\n const newData = { ...groups }\n\n newData[groupKey] = newData[groupKey].filter((task) => {\n if (task.id === taskId) {\n task.checked = !task.checked\n }\n return task\n })\n\n updateGroups(newData)\n }\n\n const handleCreatetask = (key: string, task: Task) => {\n const newData = { ...groups }\n newData[key].push(task)\n updateGroups(newData)\n setSelectedCreateTaskButton('')\n }\n\n return (\n <DragDropContext onDragEnd={(result) => onDragEnd(result)}>\n <Droppable droppableId=\"board\" type=\"COLUMN\" direction=\"vertical\">\n {(provided) => (\n <div ref={provided.innerRef} {...provided.droppableProps}>\n <div className=\"flex flex-col gap-10\">\n {ordered.map((key, index) => (\n <Draggable\n key={key}\n draggableId={key}\n index={index}\n >\n {(provided) => (\n <div\n ref={provided.innerRef}\n {...provided.draggableProps}\n >\n <div className=\"flex items-center gap-2 mb-4\">\n <span\n className=\"text-lg\"\n {...provided.dragHandleProps}\n >\n <MdDragIndicator />\n </span>\n <h4>{key}</h4>\n </div>\n <Table className=\"lg:overflow-hidden\">\n <Droppable\n droppableId={key}\n type=\"CONTENT\"\n >\n {(dropProvided) => (\n <TBody\n ref={\n dropProvided.innerRef\n }\n {...dropProvided.droppableProps}\n >\n {groups[key]?.map(\n (\n item,\n index,\n ) => (\n <Draggable\n key={\n item.id +\n index\n }\n draggableId={\n item.id +\n index\n }\n index={\n index\n }\n >\n {(\n provided,\n ) => (\n <TaskItem\n ref={\n provided.innerRef\n }\n taskId={\n item.id\n }\n progress={\n item.progress\n }\n checked={\n item.checked\n }\n name={\n item.name\n }\n dueDate={\n item.dueDate as number\n }\n assignee={\n item.assignee\n }\n priority={\n item.priority\n }\n dragger={\n <span\n {...provided.dragHandleProps}\n >\n <MdDragIndicator />\n </span>\n }\n labelClass={\n labelClass\n }\n onChange={(\n taskId,\n ) =>\n handleChange(\n taskId,\n key,\n )\n }\n {...provided.draggableProps}\n />\n )}\n </Draggable>\n ),\n )}\n {\n dropProvided.placeholder\n }\n </TBody>\n )}\n </Droppable>\n </Table>\n <div className=\"mt-4\">\n <AddTask\n isCreatingTask={\n key ===\n selectedCreateTaskButton\n }\n groupKey={key}\n onAddTaskClick={\n setSelectedCreateTaskButton\n }\n onCreateTask={(task) =>\n handleCreatetask(\n key,\n task,\n )\n }\n />\n </div>\n </div>\n )}\n </Draggable>\n ))}\n {provided.placeholder}\n </div>\n </div>\n )}\n </Droppable>\n </DragDropContext>\n )\n}\n\nexport default TaskList\n"],"names":["TBody","Table","TaskList","selectedCreateTaskButton","setSelectedCreateTaskButton","useState","updateOrdered","updateGroups","ordered","groups","useTasksStore","onDragEnd","result","shallow","withQuoteRemoved","newColumns","source","destination","newOrdered","reoderArray","data","reorderDragable","handleChange","taskId","groupKey","newData","task","handleCreatetask","key","jsx","DragDropContext","Droppable","provided","jsxs","index","Draggable","MdDragIndicator","dropProvided","_a","item","TaskItem","labelClass","AddTask"],"mappings":";;;;;;;;;;;;AAaA,MAAM,EAAE,OAAAA,MAAUC,GAEZC,IAAW,MAAM;AACnB,QAAM,CAACC,GAA0BC,CAA2B,IAAIC,EAAS,EAAE,GAErE,EAAE,eAAAC,GAAe,cAAAC,GAAc,SAAAC,GAAS,QAAAC,EAAA,IAAWC,EAAA,GAEnDC,IAAY,CAACC,MAAuB;AACtC,QAAIA,EAAO,SAAS;AAChB,UAAIA,EAAO,SAAS,UAAU;AAC1B,cAAMC,IAAU,CAAC,GAAGL,CAAO;AAC3B,QAAAK,EAAQ,OAAOD,EAAO,OAAO,OAAO,CAAC,GACrCN,EAAcO,CAAO;AACrB;AAAA,MACJ;AAGA,YAAMC,IAAmB,CAAC,GADXL,EAAOG,EAAO,OAAO,WAAW,CACZ;AACnC,MAAAE,EAAiB,OAAOF,EAAO,OAAO,OAAO,CAAC;AAC9C,YAAMG,IAAa;AAAA,QACf,GAAGN;AAAA,QACH,CAACG,EAAO,OAAO,WAAW,GAAGE;AAAA,MAAA;AAEjC,MAAAP,EAAaQ,CAAU;AACvB;AAAA,IACJ;AAEA,QAAI,CAACH,EAAO;AACR;AAGJ,UAAMI,IAASJ,EAAO,QAChBK,IAAcL,EAAO;AAE3B,QACII,EAAO,gBAAgBC,EAAY,eACnCD,EAAO,UAAUC,EAAY;AAE7B;AAGJ,QAAIL,EAAO,SAAS,UAAU;AAC1B,YAAMM,IAAaC;AAAA,QACfX;AAAA,QACAQ,EAAO;AAAA,QACPC,EAAY;AAAA,MAAA;AAEhB,MAAAX,EAAcY,CAAU;AACxB;AAAA,IACJ;AAEA,UAAME,IAAOC,EAAwC;AAAA,MACjD,UAAUZ;AAAA,MACV,QAAAO;AAAA,MACA,aAAAC;AAAA,IAAA,CACH;AAED,IAAAV,EAAaa,EAAK,QAAQ;AAAA,EAC9B,GAEME,IAAe,CAACC,GAAgBC,MAAqB;AACvD,UAAMC,IAAU,EAAE,GAAGhB,EAAA;AAErB,IAAAgB,EAAQD,CAAQ,IAAIC,EAAQD,CAAQ,EAAE,OAAO,CAACE,OACtCA,EAAK,OAAOH,MACZG,EAAK,UAAU,CAACA,EAAK,UAElBA,EACV,GAEDnB,EAAakB,CAAO;AAAA,EACxB,GAEME,IAAmB,CAACC,GAAaF,MAAe;AAClD,UAAMD,IAAU,EAAE,GAAGhB,EAAA;AACrB,IAAAgB,EAAQG,CAAG,EAAE,KAAKF,CAAI,GACtBnB,EAAakB,CAAO,GACpBrB,EAA4B,EAAE;AAAA,EAClC;AAEA,SACI,gBAAAyB,EAACC,GAAA,EAAgB,WAAW,CAAClB,MAAWD,EAAUC,CAAM,GACpD,UAAA,gBAAAiB,EAACE,GAAA,EAAU,aAAY,SAAQ,MAAK,UAAS,WAAU,YAClD,UAAA,CAACC,MACE,gBAAAH,EAAC,OAAA,EAAI,KAAKG,EAAS,UAAW,GAAGA,EAAS,gBACtC,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,wBACV,UAAA;AAAA,IAAAzB,EAAQ,IAAI,CAACoB,GAAKM,MACf,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QAEG,aAAaP;AAAA,QACb,OAAAM;AAAA,QAEC,WAACF,MACE,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAKD,EAAS;AAAA,YACb,GAAGA,EAAS;AAAA,YAEb,UAAA;AAAA,cAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,gBAAA,gBAAAJ;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAU;AAAA,oBACT,GAAGG,EAAS;AAAA,oBAEb,4BAACI,GAAA,CAAA,CAAgB;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAErB,gBAAAP,EAAC,QAAI,UAAAD,EAAA,CAAI;AAAA,cAAA,GACb;AAAA,cACA,gBAAAC,EAAC5B,GAAA,EAAM,WAAU,sBACb,UAAA,gBAAA4B;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACG,aAAaH;AAAA,kBACb,MAAK;AAAA,kBAEJ,WAACS;;AACE,2CAAAJ;AAAA,sBAACjC;AAAA,sBAAA;AAAA,wBACG,KACIqC,EAAa;AAAA,wBAEhB,GAAGA,EAAa;AAAA,wBAEhB,UAAA;AAAA,2BAAAC,IAAA7B,EAAOmB,CAAG,MAAV,gBAAAU,EAAa;AAAA,4BACV,CACIC,GACAL,MAEA,gBAAAL;AAAA,8BAACM;AAAA,8BAAA;AAAA,gCAKG,aACII,EAAK,KACLL;AAAAA,gCAEJ,OACIA;AAAAA,gCAGH,WACGF,MAEA,gBAAAH;AAAA,kCAACW;AAAA,kCAAA;AAAA,oCACG,KACIR,EAAS;AAAA,oCAEb,QACIO,EAAK;AAAA,oCAET,UACIA,EAAK;AAAA,oCAET,SACIA,EAAK;AAAA,oCAET,MACIA,EAAK;AAAA,oCAET,SACIA,EAAK;AAAA,oCAET,UACIA,EAAK;AAAA,oCAET,UACIA,EAAK;AAAA,oCAET,SACI,gBAAAV;AAAA,sCAAC;AAAA,sCAAA;AAAA,wCACI,GAAGG,EAAS;AAAA,wCAEb,4BAACI,GAAA,CAAA,CAAgB;AAAA,sCAAA;AAAA,oCAAA;AAAA,oCAGzB,YAAAK;AAAA,oCAGA,UAAU,CACNlB,MAEAD;AAAA,sCACIC;AAAA,sCACAK;AAAA,oCAAA;AAAA,oCAGP,GAAGI,EAAS;AAAA,kCAAA;AAAA,gCAAA;AAAA,8BACjB;AAAA,8BA1DAO,EAAK,KACLL;AAAAA,4BAAA;AAAA;AAAA,0BA+DZG,EAAa;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA;AAAA,gBAErB;AAAA,cAAA,GAGZ;AAAA,cACA,gBAAAR,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,gBAACa;AAAA,gBAAA;AAAA,kBACG,gBACId,MACAzB;AAAA,kBAEJ,UAAUyB;AAAA,kBACV,gBACIxB;AAAA,kBAEJ,cAAc,CAACsB,MACXC;AAAA,oBACIC;AAAA,oBACAF;AAAA,kBAAA;AAAA,gBACJ;AAAA,cAAA,EAER,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,MA7HCE;AAAA,IAAA,CAgIZ;AAAA,IACAI,EAAS;AAAA,EAAA,GACd,EAAA,CACJ,GAER,GACJ;AAER;"}
1	+ {"version":3,"file":"TaskList.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Tasks/components/TaskList.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport TaskItem from '@/components/view/TaskItem'\nimport AddTask from './AddTask'\nimport { labelClass } from '../utils'\nimport reoderArray from '@/utils/reoderArray'\nimport reorderDragable from '@/utils/reorderDragable'\nimport { useTasksStore } from '../store/tasksStore'\nimport { Droppable, DragDropContext, Draggable } from '@hello-pangea/dnd'\nimport { MdDragIndicator } from 'react-icons/md'\nimport type { DropResult } from '@hello-pangea/dnd'\nimport type { Task } from '../types'\n\nconst { TBody } = Table\n\nconst TaskList = () => {\n const [selectedCreateTaskButton, setSelectedCreateTaskButton] = useState('')\n\n const { updateOrdered, updateGroups, ordered, groups } = useTasksStore()\n\n const onDragEnd = (result: DropResult) => {\n if (result.combine) {\n if (result.type === 'COLUMN') {\n const shallow = [...ordered]\n shallow.splice(result.source.index, 1)\n updateOrdered(shallow)\n return\n }\n\n const column = groups[result.source.droppableId]\n const withQuoteRemoved = [...column]\n withQuoteRemoved.splice(result.source.index, 1)\n const newColumns = {\n ...groups,\n [result.source.droppableId]: withQuoteRemoved,\n }\n updateGroups(newColumns)\n return\n }\n\n if (!result.destination) {\n return\n }\n\n const source = result.source\n const destination = result.destination\n\n if (\n source.droppableId === destination.droppableId &&\n source.index === destination.index\n ) {\n return\n }\n\n if (result.type === 'COLUMN') {\n const newOrdered = reoderArray(\n ordered,\n source.index,\n destination.index,\n )\n updateOrdered(newOrdered)\n return\n }\n\n const data = reorderDragable<Record<string, Task[]>>({\n quoteMap: groups,\n source,\n destination,\n })\n\n updateGroups(data.quoteMap)\n }\n\n const handleChange = (taskId: string, groupKey: string) => {\n const newData = { ...groups }\n\n newData[groupKey] = newData[groupKey].filter((task) => {\n if (task.id === taskId) {\n task.checked = !task.checked\n }\n return task\n })\n\n updateGroups(newData)\n }\n\n const handleCreatetask = (key: string, task: Task) => {\n const newData = { ...groups }\n newData[key].push(task)\n updateGroups(newData)\n setSelectedCreateTaskButton('')\n }\n\n return (\n <DragDropContext onDragEnd={(result) => onDragEnd(result)}>\n <Droppable droppableId=\"board\" type=\"COLUMN\" direction=\"vertical\">\n {(provided) => (\n <div ref={provided.innerRef} {...provided.droppableProps}>\n <div className=\"flex flex-col gap-10\">\n {ordered.map((key, index) => (\n <Draggable\n key={key}\n draggableId={key}\n index={index}\n >\n {(provided) => (\n <div\n ref={provided.innerRef}\n {...provided.draggableProps}\n >\n <div className=\"flex items-center gap-2 mb-4\">\n <span\n className=\"text-lg\"\n {...provided.dragHandleProps}\n >\n <MdDragIndicator />\n </span>\n <h4>{key}</h4>\n </div>\n <Table className=\"lg:overflow-hidden\">\n <Droppable\n droppableId={key}\n type=\"CONTENT\"\n >\n {(dropProvided) => (\n <TBody\n ref={\n dropProvided.innerRef\n }\n {...dropProvided.droppableProps}\n >\n {groups[key]?.map(\n (\n item,\n index,\n ) => (\n <Draggable\n key={\n item.id +\n index\n }\n draggableId={\n item.id +\n index\n }\n index={\n index\n }\n >\n {(\n provided,\n ) => (\n <TaskItem\n ref={\n provided.innerRef\n }\n taskId={\n item.id\n }\n progress={\n item.progress\n }\n checked={\n item.checked\n }\n name={\n item.name\n }\n dueDate={\n item.dueDate as number\n }\n assignee={\n item.assignee\n }\n priority={\n item.priority\n }\n dragger={\n <span\n {...provided.dragHandleProps}\n >\n <MdDragIndicator />\n </span>\n }\n labelClass={\n labelClass\n }\n onChange={(\n taskId,\n ) =>\n handleChange(\n taskId,\n key,\n )\n }\n {...provided.draggableProps}\n />\n )}\n </Draggable>\n ),\n )}\n {\n dropProvided.placeholder\n }\n </TBody>\n )}\n </Droppable>\n </Table>\n <div className=\"mt-4\">\n <AddTask\n isCreatingTask={\n key ===\n selectedCreateTaskButton\n }\n groupKey={key}\n onAddTaskClick={\n setSelectedCreateTaskButton\n }\n onCreateTask={(task) =>\n handleCreatetask(\n key,\n task,\n )\n }\n />\n </div>\n </div>\n )}\n </Draggable>\n ))}\n {provided.placeholder}\n </div>\n </div>\n )}\n </Droppable>\n </DragDropContext>\n )\n}\n\nexport default TaskList\n"],"names":["TBody","Table","TaskList","selectedCreateTaskButton","setSelectedCreateTaskButton","useState","updateOrdered","updateGroups","ordered","groups","useTasksStore","onDragEnd","result","shallow","withQuoteRemoved","newColumns","source","destination","newOrdered","reoderArray","data","reorderDragable","handleChange","taskId","groupKey","newData","task","handleCreatetask","key","jsx","DragDropContext","Droppable","provided","jsxs","index","Draggable","MdDragIndicator","dropProvided","item","TaskItem","labelClass","AddTask"],"mappings":"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"}

package/dist/@ecme/views/dashboards/AnalyticDashboard/components/AnalyticHeader.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import { jsxs as a, jsx as l } from "react/jsx-runtime";
 import "../../../../components/ui/Select/index.js";
-import t from "../../../../components/ui/Select/Select.js";
+import i from "../../../../components/ui/Select/Select.js";
 const r = [
   { value: "thisMonth", label: "Monthly" },
   { value: "thisWeek", label: "Weekly" },
   { value: "thisYear", label: "Annualy" }
-], m = ({
+], o = ({
   selectedPeriod: s,
-  onSelectedPeriodChange: c
+  onSelectedPeriodChange: t
 }) => /* @__PURE__ */ a("div", { className: "flex flex-col md:flex-row md:items-center justify-between mb-2 gap-4", children: [
   /* @__PURE__ */ a("div", { children: [
     /* @__PURE__ */ l("h4", { className: "mb-1", children: "Analytic overview" }),
@@ -16,7 +16,7 @@ const r = [
   /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ l("span", { children: "Show by:" }),
     /* @__PURE__ */ l(
-      t,
+      i,
       {
         className: "w-[150px]",
         size: "sm",
@@ -27,14 +27,14 @@ const r = [
         options: r,
         isSearchable: !1,
         onChange: (e) => {
-          e != null && e.value && c(e == null ? void 0 : e.value);
+          e?.value && t(e?.value);
         }
       }
     )
   ] })
 ] });
 export {
-  m as default,
+  o as default,
   r as options
 };
 //# sourceMappingURL=AnalyticHeader.js.map

package/dist/@ecme/views/dashboards/AnalyticDashboard/components/AnalyticHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnalyticHeader.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/AnalyticHeader.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport Select from '@/components/ui/Select'\nimport type { Period } from '../types'\n\ntype AnalyticHeaderProps = {\n selectedPeriod: Period\n onSelectedPeriodChange: (value: Period) => void\n}\n\nexport const options: { value: Period; label: string }[] = [\n { value: 'thisMonth', label: 'Monthly' },\n { value: 'thisWeek', label: 'Weekly' },\n { value: 'thisYear', label: 'Annualy' },\n]\n\nconst AnalyticHeader = ({\n selectedPeriod,\n onSelectedPeriodChange,\n}: AnalyticHeaderProps) => {\n return (\n <div className=\"flex flex-col md:flex-row md:items-center justify-between mb-2 gap-4\">\n <div>\n <h4 className=\"mb-1\">Analytic overview</h4>\n <p>Explore the metrics to understand trends and drive.</p>\n </div>\n <div className=\"flex items-center gap-2\">\n <span>Show by:</span>\n <Select\n className=\"w-[150px]\"\n size=\"sm\"\n placeholder=\"Select period\"\n value={options.filter(\n (option) => option.value === selectedPeriod,\n )}\n options={options}\n isSearchable={false}\n onChange={(option) => {\n if (option?.value) {\n onSelectedPeriodChange(option?.value)\n }\n }}\n />\n </div>\n </div>\n )\n}\n\nexport default AnalyticHeader\n"],"names":["options","AnalyticHeader","selectedPeriod","onSelectedPeriodChange","jsxs","jsx","Select","option"],"mappings":";;;AASO,MAAMA,IAA8C;AAAA,EACvD,EAAE,OAAO,aAAa,OAAO,UAAA;AAAA,EAC7B,EAAE,OAAO,YAAY,OAAO,SAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAChC,GAEMC,IAAiB,CAAC;AAAA,EACpB,gBAAAC;AAAA,EACA,wBAAAC;AACJ,MAEQ,gBAAAC,EAAC,OAAA,EAAI,WAAU,wEACX,UAAA;AAAA,EAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,qBAAiB;AAAA,IACtC,gBAAAA,EAAC,OAAE,UAAA,sDAAA,CAAmD;AAAA,EAAA,GAC1D;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,IACd,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,OAAON,EAAQ;AAAA,UACX,CAACO,MAAWA,EAAO,UAAUL;AAAA,QAAA;AAAA,QAEjC,SAAAF;AAAA,QACA,cAAc;AAAA,QACd,UAAU,CAACO,MAAW;AAClB,UAAIA,~~KAAA~~,~~QAAAA,EAAQ,~~SACRJ,EAAuBI,~~KAAA~~,~~gBAAAA,EAAQ,~~KAAK;AAAA,QAE5C;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,EAAA,CACJ;AAAA,GACJ;"}
1	+ {"version":3,"file":"AnalyticHeader.js","sources":["../../../../../../lib/@ecme/views/dashboards/AnalyticDashboard/components/AnalyticHeader.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport Select from '@/components/ui/Select'\nimport type { Period } from '../types'\n\ntype AnalyticHeaderProps = {\n selectedPeriod: Period\n onSelectedPeriodChange: (value: Period) => void\n}\n\nexport const options: { value: Period; label: string }[] = [\n { value: 'thisMonth', label: 'Monthly' },\n { value: 'thisWeek', label: 'Weekly' },\n { value: 'thisYear', label: 'Annualy' },\n]\n\nconst AnalyticHeader = ({\n selectedPeriod,\n onSelectedPeriodChange,\n}: AnalyticHeaderProps) => {\n return (\n <div className=\"flex flex-col md:flex-row md:items-center justify-between mb-2 gap-4\">\n <div>\n <h4 className=\"mb-1\">Analytic overview</h4>\n <p>Explore the metrics to understand trends and drive.</p>\n </div>\n <div className=\"flex items-center gap-2\">\n <span>Show by:</span>\n <Select\n className=\"w-[150px]\"\n size=\"sm\"\n placeholder=\"Select period\"\n value={options.filter(\n (option) => option.value === selectedPeriod,\n )}\n options={options}\n isSearchable={false}\n onChange={(option) => {\n if (option?.value) {\n onSelectedPeriodChange(option?.value)\n }\n }}\n />\n </div>\n </div>\n )\n}\n\nexport default AnalyticHeader\n"],"names":["options","AnalyticHeader","selectedPeriod","onSelectedPeriodChange","jsxs","jsx","Select","option"],"mappings":";;;AASO,MAAMA,IAA8C;AAAA,EACvD,EAAE,OAAO,aAAa,OAAO,UAAA;AAAA,EAC7B,EAAE,OAAO,YAAY,OAAO,SAAA;AAAA,EAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAChC,GAEMC,IAAiB,CAAC;AAAA,EACpB,gBAAAC;AAAA,EACA,wBAAAC;AACJ,MAEQ,gBAAAC,EAAC,OAAA,EAAI,WAAU,wEACX,UAAA;AAAA,EAAA,gBAAAA,EAAC,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,qBAAiB;AAAA,IACtC,gBAAAA,EAAC,OAAE,UAAA,sDAAA,CAAmD;AAAA,EAAA,GAC1D;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,IACd,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,OAAON,EAAQ;AAAA,UACX,CAACO,MAAWA,EAAO,UAAUL;AAAA,QAAA;AAAA,QAEjC,SAAAF;AAAA,QACA,cAAc;AAAA,QACd,UAAU,CAACO,MAAW;AAClB,UAAIA,GAAQ,SACRJ,EAAuBI,GAAQ,KAAK;AAAA,QAE5C;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,EAAA,CACJ;AAAA,GACJ;"}

package/dist/@ecme/views/dashboards/EcommerceDashboard/components/Overview.js CHANGED Viewed

@@ -6,9 +6,9 @@ import b from "../../../../components/shared/GrowShrinkValue.js";
 import w from "../../../../components/shared/AbbreviateNumber.js";
 import C from "../../../../components/shared/Chart.js";
 import { useThemeStore as S } from "../../../../store/themeStore.js";
-import f from "../../../../utils/classNames.js";
+import p from "../../../../utils/classNames.js";
 import { COLOR_4 as k, COLOR_2 as y, COLOR_1 as N } from "../../../../constants/chart.constant.js";
-import { options as p } from "../constants.js";
+import { options as f } from "../constants.js";
 import { NumericFormat as u } from "react-number-format";
 import { TbCoin as O, TbShoppingBagCheck as P, TbEye as I } from "react-icons/tb";
 import T from "../../../../components/ui/Card/Card.js";
@@ -19,27 +19,27 @@ const j = {
   totalImpression: k
 }, m = (t) => {
   const {
-    title: i,
+    title: o,
     value: a,
     label: r,
     icon: c,
     growShrink: n,
     iconClass: s,
-    active: o,
+    active: i,
     compareFrom: h,
     onClick: v
   } = t;
   return /* @__PURE__ */ e(
     "button",
     {
-      className: f(
+      className: p(
         "p-4 rounded-2xl cursor-pointer ltr:text-left rtl:text-right transition duration-150 outline-none",
-        o && "bg-white dark:bg-gray-900 shadow-md"
+        i && "bg-white dark:bg-gray-900 shadow-md"
       ),
       onClick: () => v(r),
       children: /* @__PURE__ */ l("div", { className: "flex md:flex-col-reverse gap-2 2xl:flex-row justify-between relative", children: [
         /* @__PURE__ */ l("div", { children: [
-          /* @__PURE__ */ e("div", { className: "mb-4 text-sm font-semibold", children: i }),
+          /* @__PURE__ */ e("div", { className: "mb-4 text-sm font-semibold", children: o }),
           /* @__PURE__ */ e("h3", { className: "mb-1", children: a }),
           /* @__PURE__ */ l("div", { className: "inline-flex items-center flex-wrap gap-1", children: [
             /* @__PURE__ */ e(
@@ -58,7 +58,7 @@ const j = {
         /* @__PURE__ */ e(
           "div",
           {
-            className: f(
+            className: p(
               "flex items-center justify-center min-h-12 min-w-12 max-h-12 max-w-12 text-gray-900 rounded-full text-2xl",
               s
             ),
@@ -69,8 +69,8 @@ const j = {
     }
   );
 }, K = ({ data: t }) => {
-  const [i, a] = d("totalProfit"), [r, c] = d("thisMonth"), n = S(
-    (o) => o.layout.sideNavCollapse
+  const [o, a] = d("totalProfit"), [r, c] = d("thisMonth"), n = S(
+    (i) => i.layout.sideNavCollapse
   ), s = g(!0);
   return x(() => {
     if (!n && s.current) {
@@ -87,13 +87,13 @@ const j = {
           className: "w-[120px]",
           size: "sm",
           placeholder: "Select period",
-          value: p.filter(
-            (o) => o.value === r
+          value: f.filter(
+            (i) => i.value === r
           ),
-          options: p,
+          options: f,
           isSearchable: !1,
-          onChange: (o) => {
-            o != null && o.value && c(o == null ? void 0 : o.value);
+          onChange: (i) => {
+            i?.value && c(i?.value);
           }
         }
       )
@@ -116,7 +116,7 @@ const j = {
           iconClass: "bg-sky-200",
           icon: /* @__PURE__ */ e(O, {}),
           label: "totalProfit",
-          active: i === "totalProfit",
+          active: o === "totalProfit",
           compareFrom: t.totalProfit[r].comparePeriod,
           onClick: a
         }
@@ -137,7 +137,7 @@ const j = {
           iconClass: "bg-emerald-200",
           icon: /* @__PURE__ */ e(P, {}),
           label: "totalOrder",
-          active: i === "totalOrder",
+          active: o === "totalOrder",
           compareFrom: t.totalProfit[r].comparePeriod,
           onClick: a
         }
@@ -156,7 +156,7 @@ const j = {
           iconClass: "bg-purple-200",
           icon: /* @__PURE__ */ e(I, {}),
           label: "totalImpression",
-          active: i === "totalImpression",
+          active: o === "totalImpression",
           compareFrom: t.totalProfit[r].comparePeriod,
           onClick: a
         }
@@ -166,12 +166,12 @@ const j = {
       C,
       {
         type: "line",
-        series: t[i][r].chartData.series,
-        xAxis: t[i][r].chartData.date,
+        series: t[o][r].chartData.series,
+        xAxis: t[o][r].chartData.date,
         height: "410px",
         customOptions: {
           legend: { show: !1 },
-          colors: [j[i]]
+          colors: [j[o]]
         }
       }
     )

package/dist/@ecme/views/dashboards/EcommerceDashboard/components/Overview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Overview.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/Overview.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport Card from '@/components/ui/Card'\nimport Select from '@/components/ui/Select'\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\nimport AbbreviateNumber from '@/components/shared/AbbreviateNumber'\nimport Chart from '@/components/shared/Chart'\nimport { useThemeStore } from '@/store/themeStore'\nimport classNames from '@/utils/classNames'\nimport { COLOR_1, COLOR_2, COLOR_4 } from '@/constants/chart.constant'\nimport { options } from '../constants'\nimport { NumericFormat } from 'react-number-format'\nimport { TbCoin, TbShoppingBagCheck, TbEye } from 'react-icons/tb'\nimport type { ReactNode } from 'react'\nimport type { StatisticData, Period, StatisticCategory } from '../types'\n\ntype StatisticCardProps = {\n title: string\n value: number \| ReactNode\n icon: ReactNode\n growShrink: number\n iconClass: string\n label: StatisticCategory\n compareFrom: string\n active: boolean\n onClick: (label: StatisticCategory) => void\n}\n\ntype StatisticGroupsProps = {\n data: StatisticData\n}\n\nconst chartColors: Record<StatisticCategory, string> = {\n totalProfit: COLOR_1,\n totalOrder: COLOR_2,\n totalImpression: COLOR_4,\n}\n\nconst StatisticCard = (props: StatisticCardProps) => {\n const {\n title,\n value,\n label,\n icon,\n growShrink,\n iconClass,\n active,\n compareFrom,\n onClick,\n } = props\n\n return (\n <button\n className={classNames(\n 'p-4 rounded-2xl cursor-pointer ltr:text-left rtl:text-right transition duration-150 outline-none',\n active && 'bg-white dark:bg-gray-900 shadow-md',\n )}\n onClick={() => onClick(label)}\n >\n <div className=\"flex md:flex-col-reverse gap-2 2xl:flex-row justify-between relative\">\n <div>\n <div className=\"mb-4 text-sm font-semibold\">{title}</div>\n <h3 className=\"mb-1\">{value}</h3>\n <div className=\"inline-flex items-center flex-wrap gap-1\">\n <GrowShrinkValue\n className=\"font-bold\"\n value={growShrink}\n suffix=\"%\"\n positiveIcon=\"+\"\n negativeIcon=\"\"\n />\n <span>{compareFrom}</span>\n </div>\n </div>\n <div\n className={classNames(\n 'flex items-center justify-center min-h-12 min-w-12 max-h-12 max-w-12 text-gray-900 rounded-full text-2xl',\n iconClass,\n )}\n >\n {icon}\n </div>\n </div>\n </button>\n )\n}\n\nconst Overview = ({ data }: StatisticGroupsProps) => {\n const [selectedCategory, setSelectedCategory] =\n useState<StatisticCategory>('totalProfit')\n\n const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\n\n const sideNavCollapse = useThemeStore(\n (state) => state.layout.sideNavCollapse,\n )\n\n const isFirstRender = useRef(true)\n\n useEffect(() => {\n if (!sideNavCollapse && isFirstRender.current) {\n isFirstRender.current = false\n return\n }\n\n if (!isFirstRender.current) {\n window.dispatchEvent(new Event('resize'))\n }\n }, [sideNavCollapse])\n\n return (\n <Card>\n <div className=\"flex items-center justify-between\">\n <h4>Overview</h4>\n <Select\n className=\"w-[120px]\"\n size=\"sm\"\n placeholder=\"Select period\"\n value={options.filter(\n (option) => option.value === selectedPeriod,\n )}\n options={options}\n isSearchable={false}\n onChange={(option) => {\n if (option?.value) {\n setSelectedPeriod(option?.value)\n }\n }}\n />\n </div>\n <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 rounded-2xl p-3 bg-gray-100 dark:bg-gray-700 mt-4\">\n <StatisticCard\n title=\"Total profit\"\n value={\n <NumericFormat\n displayType=\"text\"\n value={data.totalProfit[selectedPeriod].value}\n prefix={'$'}\n thousandSeparator={true}\n />\n }\n growShrink={data.totalProfit[selectedPeriod].growShrink}\n iconClass=\"bg-sky-200\"\n icon={<TbCoin />}\n label=\"totalProfit\"\n active={selectedCategory === 'totalProfit'}\n compareFrom={data.totalProfit[selectedPeriod].comparePeriod}\n onClick={setSelectedCategory}\n />\n <StatisticCard\n title=\"Total order\"\n value={\n <NumericFormat\n displayType=\"text\"\n value={data.totalOrder[selectedPeriod].value}\n thousandSeparator={true}\n />\n }\n growShrink={data.totalOrder[selectedPeriod].growShrink}\n iconClass=\"bg-emerald-200\"\n icon={<TbShoppingBagCheck />}\n label=\"totalOrder\"\n active={selectedCategory === 'totalOrder'}\n compareFrom={data.totalProfit[selectedPeriod].comparePeriod}\n onClick={setSelectedCategory}\n />\n <StatisticCard\n title=\"Impression\"\n value={\n <AbbreviateNumber\n value={data.totalImpression[selectedPeriod].value}\n />\n }\n growShrink={data.totalImpression[selectedPeriod].growShrink}\n iconClass=\"bg-purple-200\"\n icon={<TbEye />}\n label=\"totalImpression\"\n active={selectedCategory === 'totalImpression'}\n compareFrom={data.totalProfit[selectedPeriod].comparePeriod}\n onClick={setSelectedCategory}\n />\n </div>\n <Chart\n type=\"line\"\n series={data[selectedCategory][selectedPeriod].chartData.series}\n xAxis={data[selectedCategory][selectedPeriod].chartData.date}\n height=\"410px\"\n customOptions={{\n legend: { show: false },\n colors: [chartColors[selectedCategory]],\n }}\n />\n </Card>\n )\n}\n\nexport default Overview\n"],"names":["chartColors","COLOR_1","COLOR_2","COLOR_4","StatisticCard","props","title","value","label","icon","growShrink","iconClass","active","compareFrom","onClick","jsx","classNames","jsxs","GrowShrinkValue","Overview","data","selectedCategory","setSelectedCategory","useState","selectedPeriod","setSelectedPeriod","sideNavCollapse","useThemeStore","state","isFirstRender","useRef","useEffect","Card","Select","options","option","NumericFormat","TbCoin","TbShoppingBagCheck","AbbreviateNumber","TbEye","Chart"],"mappings":"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"}
1	+ {"version":3,"file":"Overview.js","sources":["../../../../../../lib/@ecme/views/dashboards/EcommerceDashboard/components/Overview.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport Card from '@/components/ui/Card'\nimport Select from '@/components/ui/Select'\nimport GrowShrinkValue from '@/components/shared/GrowShrinkValue'\nimport AbbreviateNumber from '@/components/shared/AbbreviateNumber'\nimport Chart from '@/components/shared/Chart'\nimport { useThemeStore } from '@/store/themeStore'\nimport classNames from '@/utils/classNames'\nimport { COLOR_1, COLOR_2, COLOR_4 } from '@/constants/chart.constant'\nimport { options } from '../constants'\nimport { NumericFormat } from 'react-number-format'\nimport { TbCoin, TbShoppingBagCheck, TbEye } from 'react-icons/tb'\nimport type { ReactNode } from 'react'\nimport type { StatisticData, Period, StatisticCategory } from '../types'\n\ntype StatisticCardProps = {\n title: string\n value: number \| ReactNode\n icon: ReactNode\n growShrink: number\n iconClass: string\n label: StatisticCategory\n compareFrom: string\n active: boolean\n onClick: (label: StatisticCategory) => void\n}\n\ntype StatisticGroupsProps = {\n data: StatisticData\n}\n\nconst chartColors: Record<StatisticCategory, string> = {\n totalProfit: COLOR_1,\n totalOrder: COLOR_2,\n totalImpression: COLOR_4,\n}\n\nconst StatisticCard = (props: StatisticCardProps) => {\n const {\n title,\n value,\n label,\n icon,\n growShrink,\n iconClass,\n active,\n compareFrom,\n onClick,\n } = props\n\n return (\n <button\n className={classNames(\n 'p-4 rounded-2xl cursor-pointer ltr:text-left rtl:text-right transition duration-150 outline-none',\n active && 'bg-white dark:bg-gray-900 shadow-md',\n )}\n onClick={() => onClick(label)}\n >\n <div className=\"flex md:flex-col-reverse gap-2 2xl:flex-row justify-between relative\">\n <div>\n <div className=\"mb-4 text-sm font-semibold\">{title}</div>\n <h3 className=\"mb-1\">{value}</h3>\n <div className=\"inline-flex items-center flex-wrap gap-1\">\n <GrowShrinkValue\n className=\"font-bold\"\n value={growShrink}\n suffix=\"%\"\n positiveIcon=\"+\"\n negativeIcon=\"\"\n />\n <span>{compareFrom}</span>\n </div>\n </div>\n <div\n className={classNames(\n 'flex items-center justify-center min-h-12 min-w-12 max-h-12 max-w-12 text-gray-900 rounded-full text-2xl',\n iconClass,\n )}\n >\n {icon}\n </div>\n </div>\n </button>\n )\n}\n\nconst Overview = ({ data }: StatisticGroupsProps) => {\n const [selectedCategory, setSelectedCategory] =\n useState<StatisticCategory>('totalProfit')\n\n const [selectedPeriod, setSelectedPeriod] = useState<Period>('thisMonth')\n\n const sideNavCollapse = useThemeStore(\n (state) => state.layout.sideNavCollapse,\n )\n\n const isFirstRender = useRef(true)\n\n useEffect(() => {\n if (!sideNavCollapse && isFirstRender.current) {\n isFirstRender.current = false\n return\n }\n\n if (!isFirstRender.current) {\n window.dispatchEvent(new Event('resize'))\n }\n }, [sideNavCollapse])\n\n return (\n <Card>\n <div className=\"flex items-center justify-between\">\n <h4>Overview</h4>\n <Select\n className=\"w-[120px]\"\n size=\"sm\"\n placeholder=\"Select period\"\n value={options.filter(\n (option) => option.value === selectedPeriod,\n )}\n options={options}\n isSearchable={false}\n onChange={(option) => {\n if (option?.value) {\n setSelectedPeriod(option?.value)\n }\n }}\n />\n </div>\n <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 rounded-2xl p-3 bg-gray-100 dark:bg-gray-700 mt-4\">\n <StatisticCard\n title=\"Total profit\"\n value={\n <NumericFormat\n displayType=\"text\"\n value={data.totalProfit[selectedPeriod].value}\n prefix={'$'}\n thousandSeparator={true}\n />\n }\n growShrink={data.totalProfit[selectedPeriod].growShrink}\n iconClass=\"bg-sky-200\"\n icon={<TbCoin />}\n label=\"totalProfit\"\n active={selectedCategory === 'totalProfit'}\n compareFrom={data.totalProfit[selectedPeriod].comparePeriod}\n onClick={setSelectedCategory}\n />\n <StatisticCard\n title=\"Total order\"\n value={\n <NumericFormat\n displayType=\"text\"\n value={data.totalOrder[selectedPeriod].value}\n thousandSeparator={true}\n />\n }\n growShrink={data.totalOrder[selectedPeriod].growShrink}\n iconClass=\"bg-emerald-200\"\n icon={<TbShoppingBagCheck />}\n label=\"totalOrder\"\n active={selectedCategory === 'totalOrder'}\n compareFrom={data.totalProfit[selectedPeriod].comparePeriod}\n onClick={setSelectedCategory}\n />\n <StatisticCard\n title=\"Impression\"\n value={\n <AbbreviateNumber\n value={data.totalImpression[selectedPeriod].value}\n />\n }\n growShrink={data.totalImpression[selectedPeriod].growShrink}\n iconClass=\"bg-purple-200\"\n icon={<TbEye />}\n label=\"totalImpression\"\n active={selectedCategory === 'totalImpression'}\n compareFrom={data.totalProfit[selectedPeriod].comparePeriod}\n onClick={setSelectedCategory}\n />\n </div>\n <Chart\n type=\"line\"\n series={data[selectedCategory][selectedPeriod].chartData.series}\n xAxis={data[selectedCategory][selectedPeriod].chartData.date}\n height=\"410px\"\n customOptions={{\n legend: { show: false },\n colors: [chartColors[selectedCategory]],\n }}\n />\n </Card>\n )\n}\n\nexport default Overview\n"],"names":["chartColors","COLOR_1","COLOR_2","COLOR_4","StatisticCard","props","title","value","label","icon","growShrink","iconClass","active","compareFrom","onClick","jsx","classNames","jsxs","GrowShrinkValue","Overview","data","selectedCategory","setSelectedCategory","useState","selectedPeriod","setSelectedPeriod","sideNavCollapse","useThemeStore","state","isFirstRender","useRef","useEffect","Card","Select","options","option","NumericFormat","TbCoin","TbShoppingBagCheck","AbbreviateNumber","TbEye","Chart"],"mappings":"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"}