@orbe-agro/client-core 5.3.86 → 5.3.90

package/dist/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsTask.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectDetailsTask.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsTask.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport Tag from '@/components/ui/Tag'\nimport Loading from '@/components/shared/Loading'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport { apiGetScrumBoards } from '@/services/ProjectService'\nimport { TbCircleCheck, TbCircleCheckFilled } from 'react-icons/tb'\nimport useSWR from 'swr'\nimport dayjs from 'dayjs'\nimport type { GetProjectDetailsTaskResponse, Task } from '../types'\n\nconst ordered = ['To Do', 'In Progress', 'To Review', 'Completed']\n\nconst taskLabelColors: Record<string, string> = {\n    'Live issue': 'bg-rose-100 dark:bg-rose-100 dark:text-gray-900',\n    Task: 'bg-blue-100 dark:bg-blue-100 dark:text-gray-900',\n    Bug: 'bg-amber-100 dark:bg-amber-100 dark:text-gray-900',\n    'Low priority': 'bg-purple-100 dark:bg-purple-100 dark:text-gray-900',\n}\n\nconst { Td, Tr, TBody } = Table\n\nconst ProjectDetailsTask = () => {\n    const [selectedTask, setSelectedTask] = useState<{\n        key: string\n        id: string\n    } | null>(null)\n\n    const { data, isLoading, mutate } = useSWR(\n        ['/api/projects/scrum-board'],\n        () => apiGetScrumBoards<GetProjectDetailsTaskResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const handleCheckClick = (key: string, id: string) => {\n        if (key !== 'Completed') {\n            setSelectedTask({ key, id })\n        }\n    }\n\n    const handleDialogConfirmClick = () => {\n        if (selectedTask) {\n            const { key, id } = selectedTask\n            const newData = { ...data }\n            if (key !== 'Completed') {\n                let taskToMove = {}\n                newData[key] = newData[key].filter((task) => {\n                    if (task.id === id) {\n                        task.checked = true\n                        taskToMove = task\n                    }\n                    return task.id !== id\n                })\n                newData['Completed'].push(taskToMove as Task)\n                mutate(newData, false)\n                setSelectedTask(null)\n            }\n        }\n    }\n\n    const handleDialogClose = () => {\n        setSelectedTask(null)\n    }\n\n    return (\n        <>\n            <Loading loading={isLoading}>\n                <div className=\"flex flex-col gap-12\">\n                    {ordered.map((key, index) => (\n                        <div key={key + index}>\n                            <h4 className=\"mb-4\">{key}</h4>\n                            {data && (\n                                <Table compact hoverable={false}>\n                                    <TBody>\n                                        {data[key].map((task) => (\n                                            <Tr key={task.id}>\n                                                <Td className=\"w-[40px]\">\n                                                    <button\n                                                        className=\"text-2xl cursor-pointer pt-1\"\n                                                        role=\"button\"\n                                                        onClick={() =>\n                                                            handleCheckClick(\n                                                                key,\n                                                                task.id,\n                                                            )\n                                                        }\n                                                    >\n                                                        {task.checked ? (\n                                                            <TbCircleCheckFilled className=\"text-primary\" />\n                                                        ) : (\n                                                            <TbCircleCheck className=\"hover:text-primary\" />\n                                                        )}\n                                                    </button>\n                                                </Td>\n                                                <Td className=\"w-[500px]\">\n                                                    <span className=\"heading-text font-bold\">\n                                                        {task.name}\n                                                    </span>\n                                                </Td>\n                                                <Td className=\"w-[200px]\">\n                                                    {task.labels?.map(\n                                                        (label, index) => (\n                                                            <Tag\n                                                                key={\n                                                                    label +\n                                                                    index\n                                                                }\n                                                                className={`mr-2 rtl:ml-2 mb-2 ${taskLabelColors[label]}`}\n                                                            >\n                                                                {label}\n                                                            </Tag>\n                                                        ),\n                                                    )}\n                                                </Td>\n                                                <Td className=\"w-[150px]\">\n                                                    <span className=\"font-semibold\">\n                                                        {task.dueDate\n                                                            ? dayjs(\n                                                                  task.dueDate,\n                                                              ).format(\n                                                                  'MMMM DD',\n                                                              )\n                                                            : '-'}\n                                                    </span>\n                                                </Td>\n                                                <Td>\n                                                    <UsersAvatarGroup\n                                                        avatarProps={{\n                                                            size: 25,\n                                                        }}\n                                                        users={task.members}\n                                                    />\n                                                </Td>\n                                            </Tr>\n                                        ))}\n                                    </TBody>\n                                </Table>\n                            )}\n                        </div>\n                    ))}\n                </div>\n            </Loading>\n            <ConfirmDialog\n                isOpen={Boolean(selectedTask)}\n                type=\"info\"\n                title=\"Mark task as completed\"\n                onClose={handleDialogClose}\n                onRequestClose={handleDialogClose}\n                onCancel={handleDialogClose}\n                onConfirm={handleDialogConfirmClick}\n            >\n                <p>Are you sure you want mark this task as completed? </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default ProjectDetailsTask\n"],"names":["ordered","taskLabelColors","Td","Tr","TBody","Table","ProjectDetailsTask","selectedTask","setSelectedTask","useState","data","isLoading","mutate","useSWR","apiGetScrumBoards","handleCheckClick","key","id","handleDialogConfirmClick","newData","taskToMove","task","handleDialogClose","jsxs","Fragment","jsx","Loading","index","TbCircleCheckFilled","TbCircleCheck","label","Tag","dayjs","UsersAvatarGroup","ConfirmDialog"],"mappings":"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"}
+{"version":3,"file":"ProjectDetailsTask.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsTask.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport Tag from '@/components/ui/Tag'\nimport Loading from '@/components/shared/Loading'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport { apiGetScrumBoards } from '@/services/ProjectService'\nimport { TbCircleCheck, TbCircleCheckFilled } from 'react-icons/tb'\nimport useSWR from 'swr'\nimport dayjs from 'dayjs'\nimport type { GetProjectDetailsTaskResponse, Task } from '../types'\n\nconst ordered = ['To Do', 'In Progress', 'To Review', 'Completed']\n\nconst taskLabelColors: Record<string, string> = {\n    'Live issue': 'bg-rose-100 dark:bg-rose-100 dark:text-gray-900',\n    Task: 'bg-blue-100 dark:bg-blue-100 dark:text-gray-900',\n    Bug: 'bg-amber-100 dark:bg-amber-100 dark:text-gray-900',\n    'Low priority': 'bg-purple-100 dark:bg-purple-100 dark:text-gray-900',\n}\n\nconst { Td, Tr, TBody } = Table\n\nconst ProjectDetailsTask = () => {\n    const [selectedTask, setSelectedTask] = useState<{\n        key: string\n        id: string\n    } | null>(null)\n\n    const { data, isLoading, mutate } = useSWR(\n        ['/api/projects/scrum-board'],\n        () => apiGetScrumBoards<GetProjectDetailsTaskResponse>(),\n        {\n            revalidateOnFocus: false,\n            revalidateIfStale: false,\n            revalidateOnReconnect: false,\n        },\n    )\n\n    const handleCheckClick = (key: string, id: string) => {\n        if (key !== 'Completed') {\n            setSelectedTask({ key, id })\n        }\n    }\n\n    const handleDialogConfirmClick = () => {\n        if (selectedTask) {\n            const { key, id } = selectedTask\n            const newData = { ...data }\n            if (key !== 'Completed') {\n                let taskToMove = {}\n                newData[key] = newData[key].filter((task) => {\n                    if (task.id === id) {\n                        task.checked = true\n                        taskToMove = task\n                    }\n                    return task.id !== id\n                })\n                newData['Completed'].push(taskToMove as Task)\n                mutate(newData, false)\n                setSelectedTask(null)\n            }\n        }\n    }\n\n    const handleDialogClose = () => {\n        setSelectedTask(null)\n    }\n\n    return (\n        <>\n            <Loading loading={isLoading}>\n                <div className=\"flex flex-col gap-12\">\n                    {ordered.map((key, index) => (\n                        <div key={key + index}>\n                            <h4 className=\"mb-4\">{key}</h4>\n                            {data && (\n                                <Table compact hoverable={false}>\n                                    <TBody>\n                                        {data[key].map((task) => (\n                                            <Tr key={task.id}>\n                                                <Td className=\"w-[40px]\">\n                                                    <button\n                                                        className=\"text-2xl cursor-pointer pt-1\"\n                                                        role=\"button\"\n                                                        onClick={() =>\n                                                            handleCheckClick(\n                                                                key,\n                                                                task.id,\n                                                            )\n                                                        }\n                                                    >\n                                                        {task.checked ? (\n                                                            <TbCircleCheckFilled className=\"text-primary\" />\n                                                        ) : (\n                                                            <TbCircleCheck className=\"hover:text-primary\" />\n                                                        )}\n                                                    </button>\n                                                </Td>\n                                                <Td className=\"w-[500px]\">\n                                                    <span className=\"heading-text font-bold\">\n                                                        {task.name}\n                                                    </span>\n                                                </Td>\n                                                <Td className=\"w-[200px]\">\n                                                    {task.labels?.map(\n                                                        (label, index) => (\n                                                            <Tag\n                                                                key={\n                                                                    label +\n                                                                    index\n                                                                }\n                                                                className={`mr-2 rtl:ml-2 mb-2 ${taskLabelColors[label]}`}\n                                                            >\n                                                                {label}\n                                                            </Tag>\n                                                        ),\n                                                    )}\n                                                </Td>\n                                                <Td className=\"w-[150px]\">\n                                                    <span className=\"font-semibold\">\n                                                        {task.dueDate\n                                                            ? dayjs(\n                                                                  task.dueDate,\n                                                              ).format(\n                                                                  'MMMM DD',\n                                                              )\n                                                            : '-'}\n                                                    </span>\n                                                </Td>\n                                                <Td>\n                                                    <UsersAvatarGroup\n                                                        avatarProps={{\n                                                            size: 25,\n                                                        }}\n                                                        users={task.members}\n                                                    />\n                                                </Td>\n                                            </Tr>\n                                        ))}\n                                    </TBody>\n                                </Table>\n                            )}\n                        </div>\n                    ))}\n                </div>\n            </Loading>\n            <ConfirmDialog\n                isOpen={Boolean(selectedTask)}\n                type=\"info\"\n                title=\"Mark task as completed\"\n                onClose={handleDialogClose}\n                onRequestClose={handleDialogClose}\n                onCancel={handleDialogClose}\n                onConfirm={handleDialogConfirmClick}\n            >\n                <p>Are you sure you want mark this task as completed? </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default ProjectDetailsTask\n"],"names":["ordered","taskLabelColors","Td","Tr","TBody","Table","ProjectDetailsTask","selectedTask","setSelectedTask","useState","data","isLoading","mutate","useSWR","apiGetScrumBoards","handleCheckClick","key","id","handleDialogConfirmClick","newData","taskToMove","task","handleDialogClose","jsxs","Fragment","jsx","Loading","index","TbCircleCheckFilled","TbCircleCheck","label","Tag","dayjs","UsersAvatarGroup","ConfirmDialog"],"mappings":"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"}

package/dist/@ecme/views/concepts/projects/ProjectList/components/NewProjectForm.js

@@ -1,26 +1,26 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { useState as C } from "react";
+import { useState as h } from "react";
 import "../../../../../components/ui/Form/index.js";
 import "../../../../../components/ui/Input/index.js";
 import "../../../../../components/ui/Button/index.js";
 import "../../../../../components/ui/Select/index.js";
-import { Avatar as S } from "../../../../../components/ui/Avatar/index.js";
-import P from "../../../../../components/ui/hooks/index.js";
-import z from "./NewTaskField.js";
-import { useProjectListStore as B } from "../store/projectListStore.js";
-import { useForm as I, Controller as c } from "react-hook-form";
-import { apiPostProject as q } from "../../../../../services/ProjectService.js";
-import { TbChecks as V } from "react-icons/tb";
-import { components as O } from "react-select";
-import D from "lodash/cloneDeep";
-import { zodResolver as R } from "@hookform/resolvers/zod";
+import { Avatar as x } from "../../../../../components/ui/Avatar/index.js";
+import A from "../../../../../components/ui/hooks/index.js";
+import F from "./NewTaskField.js";
+import { useProjectListStore as L } from "../store/projectListStore.js";
+import { useForm as P, Controller as c } from "react-hook-form";
+import { apiPostProject as z } from "../../../../../services/ProjectService.js";
+import { TbChecks as B } from "react-icons/tb";
+import { components as I } from "react-select";
+import q from "lodash/cloneDeep";
+import { zodResolver as V } from "@hookform/resolvers/zod";
 import { z as o } from "zod";
-import { Form as U } from "../../../../../components/ui/Form/Form.js";
+import { Form as O } from "../../../../../components/ui/Form/Form.js";
 import u from "../../../../../components/ui/Form/FormItem.js";
-import k from "../../../../../components/ui/Input/Input.js";
-import $ from "../../../../../components/ui/Select/Select.js";
-import E from "../../../../../components/ui/Button/Button.js";
-const { MultiValueLabel: G } = O, { useUniqueId: H } = P, J = ({
+import v from "../../../../../components/ui/Input/Input.js";
+import D from "../../../../../components/ui/Select/Select.js";
+import R from "../../../../../components/ui/Button/Button.js";
+const { MultiValueLabel: U } = I, { useUniqueId: $ } = A, E = ({
   innerProps: n,
   label: r,
   data: i,
@@ -32,17 +32,17 @@ const { MultiValueLabel: G } = O, { useUniqueId: H } = P, J = ({
     ...n,
     children: [
       /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e(S, { shape: "circle", size: 20, src: i.img }),
+        /* @__PURE__ */ e(x, { shape: "circle", size: 20, src: i.img }),
         /* @__PURE__ */ e("span", { className: "font-semibold heading-text", children: r })
       ] }),
-      a && /* @__PURE__ */ e(V, { className: "text-emerald-500 text-xl" })
+      a && /* @__PURE__ */ e(B, { className: "text-emerald-500 text-xl" })
     ]
   }
-), K = ({ children: n, ...r }) => {
+), G = ({ children: n, ...r }) => {
   const { img: i } = r.data;
-  return /* @__PURE__ */ e(G, { ...r, children: /* @__PURE__ */ m("div", { className: "inline-flex items-center", children: [
+  return /* @__PURE__ */ e(U, { ...r, children: /* @__PURE__ */ m("div", { className: "inline-flex items-center", children: [
     /* @__PURE__ */ e(
-      S,
+      x,
       {
         className: "mr-2 rtl:ml-2",
         shape: "circle",
@@ -52,56 +52,55 @@ const { MultiValueLabel: G } = O, { useUniqueId: H } = P, J = ({
     ),
     n
   ] }) });
-}, Q = o.object({
+}, H = o.object({
   title: o.string().min(1, { message: "Title required" }),
   content: o.string().min(1, { message: "Content required" }),
   assignees: o.array(
     o.object({ value: o.string(), label: o.string(), img: o.string() })
   )
-}), ve = ({ onClose: n }) => {
-  var p, g, f;
-  const { memberList: r, updateProjectList: i } = B(), a = H(), [N, j] = C({}), [y, d] = C(!1), {
-    handleSubmit: T,
+}), fe = ({ onClose: n }) => {
+  const { memberList: r, updateProjectList: i } = L(), a = $(), [C, k] = h({}), [S, d] = h(!1), {
+    handleSubmit: N,
     formState: { errors: s },
     control: l
-  } = I({
+  } = P({
     defaultValues: {
       title: "",
       content: "",
       assignees: []
     },
-    resolver: R(Q)
-  }), w = (t) => {
-    j(t);
+    resolver: V(H)
+  }), j = (t) => {
+    k(t);
   };
-  return /* @__PURE__ */ m(U, { onSubmit: T(async (t) => {
+  return /* @__PURE__ */ m(O, { onSubmit: N(async (t) => {
     d(!0);
-    const { title: M, content: A, assignees: F } = t, { totalTask: b, completedTask: h } = N, L = D(F).map((x) => ({
-      name: x.label,
-      img: x.img
-    })), v = {
+    const { title: y, content: T, assignees: w } = t, { totalTask: p, completedTask: g } = C, M = q(w).map((b) => ({
+      name: b.label,
+      img: b.img
+    })), f = {
       id: a,
-      name: M,
-      desc: A,
-      totalTask: b,
-      completedTask: h,
-      progression: h / b * 100 || 0,
-      member: L
+      name: y,
+      desc: T,
+      totalTask: p,
+      completedTask: g,
+      progression: g / p * 100 || 0,
+      member: M
     };
-    i(v), await q(v), d(!1), n();
+    i(f), await z(f), d(!1), n();
   }), children: [
     /* @__PURE__ */ e(
       u,
       {
         label: "Title",
         invalid: !!s.title,
-        errorMessage: (p = s.title) == null ? void 0 : p.message,
+        errorMessage: s.title?.message,
         children: /* @__PURE__ */ e(
           c,
           {
             name: "title",
             control: l,
-            render: ({ field: t }) => /* @__PURE__ */ e(k, { type: "text", autoComplete: "off", ...t })
+            render: ({ field: t }) => /* @__PURE__ */ e(v, { type: "text", autoComplete: "off", ...t })
           }
         )
       }
@@ -111,20 +110,20 @@ const { MultiValueLabel: G } = O, { useUniqueId: H } = P, J = ({
       {
         label: "Assignees",
         invalid: !!s.assignees,
-        errorMessage: (g = s.assignees) == null ? void 0 : g.message,
+        errorMessage: s.assignees?.message,
         children: /* @__PURE__ */ e(
           c,
           {
             name: "assignees",
             control: l,
             render: ({ field: t }) => /* @__PURE__ */ e(
-              $,
+              D,
               {
                 isMulti: !0,
                 className: "min-w-[120px]",
                 components: {
-                  Option: J,
-                  MultiValueLabel: K
+                  Option: E,
+                  MultiValueLabel: G
                 },
                 value: t.value,
                 options: r,
@@ -140,22 +139,22 @@ const { MultiValueLabel: G } = O, { useUniqueId: H } = P, J = ({
       {
         label: "Content",
         invalid: !!s.content,
-        errorMessage: (f = s.content) == null ? void 0 : f.message,
+        errorMessage: s.content?.message,
         children: /* @__PURE__ */ e(
           c,
           {
             name: "content",
             control: l,
-            render: ({ field: t }) => /* @__PURE__ */ e(k, { textArea: !0, autoComplete: "off", ...t })
+            render: ({ field: t }) => /* @__PURE__ */ e(v, { textArea: !0, autoComplete: "off", ...t })
           }
         )
       }
     ),
-    /* @__PURE__ */ e(z, { onAddNewTask: w }),
-    /* @__PURE__ */ e(E, { block: !0, variant: "solid", type: "submit", loading: y, children: "Submit" })
+    /* @__PURE__ */ e(F, { onAddNewTask: j }),
+    /* @__PURE__ */ e(R, { block: !0, variant: "solid", type: "submit", loading: S, children: "Submit" })
   ] });
 };
 export {
-  ve as default
+  fe as default
 };
 //# sourceMappingURL=NewProjectForm.js.map

package/dist/@ecme/views/concepts/projects/ProjectList/components/NewProjectForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"NewProjectForm.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/components/NewProjectForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Select from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport hooks from '@/components/ui/hooks'\nimport NewTaskField from './NewTaskField'\nimport { useProjectListStore } from '../store/projectListStore'\nimport { useForm, Controller } from 'react-hook-form'\nimport { apiPostProject } from '@/services/ProjectService'\nimport { TbChecks } from 'react-icons/tb'\nimport { components } from 'react-select'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { MemberListOption, Member, Project } from '../types'\nimport type { ZodType } from 'zod'\nimport type { MultiValueGenericProps, OptionProps } from 'react-select'\n\ntype FormSchema = {\n    title: string\n    content: string\n    assignees: {\n        img: string\n        value: string\n        label: string\n    }[]\n}\n\ntype TaskCount = {\n    completedTask?: number\n    totalTask?: number\n}\n\nconst { MultiValueLabel } = components\n\nconst { useUniqueId } = hooks\n\nconst CustomSelectOption = ({\n    innerProps,\n    label,\n    data,\n    isSelected,\n}: OptionProps<MemberListOption>) => {\n    return (\n        <div\n            className={`flex items-center justify-between p-2 ${\n                isSelected\n                    ? 'bg-gray-100 dark:bg-gray-500'\n                    : 'hover:bg-gray-50 dark:hover:bg-gray-600'\n            }`}\n            {...innerProps}\n        >\n            <div className=\"flex items-center gap-2\">\n                <Avatar shape=\"circle\" size={20} src={data.img} />\n                <span className=\"font-semibold heading-text\">{label}</span>\n            </div>\n            {isSelected && <TbChecks className=\"text-emerald-500 text-xl\" />}\n        </div>\n    )\n}\n\nconst CustomControlMulti = ({ children, ...props }: MultiValueGenericProps) => {\n    const { img } = props.data\n\n    return (\n        <MultiValueLabel {...props}>\n            <div className=\"inline-flex items-center\">\n                <Avatar\n                    className=\"mr-2 rtl:ml-2\"\n                    shape=\"circle\"\n                    size={15}\n                    src={img}\n                />\n                {children}\n            </div>\n        </MultiValueLabel>\n    )\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    title: z.string().min(1, { message: 'Title required' }),\n    content: z.string().min(1, { message: 'Content required' }),\n    assignees: z.array(\n        z.object({ value: z.string(), label: z.string(), img: z.string() }),\n    ),\n})\n\nconst NewProjectForm = ({ onClose }: { onClose: () => void }) => {\n    const { memberList, updateProjectList } = useProjectListStore()\n\n    const newId = useUniqueId()\n\n    const [taskCount, setTaskCount] = useState<TaskCount>({})\n    const [isSubmiting, setSubmiting] = useState(false)\n\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            title: '',\n            content: '',\n            assignees: [],\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const handleAddNewTask = (count: TaskCount) => {\n        setTaskCount(count)\n    }\n\n    const onSubmit = async (formValue: FormSchema) => {\n        setSubmiting(true)\n        const { title, content, assignees } = formValue\n\n        const { totalTask, completedTask } = taskCount\n\n        const member: Member[] = cloneDeep(assignees).map((assignee) => {\n            return {\n                name: assignee.label,\n                img: assignee.img,\n            }\n        })\n\n        const values: Project = {\n            id: newId,\n            name: title,\n            desc: content,\n            totalTask: totalTask as number,\n            completedTask: completedTask as number,\n            progression:\n                ((completedTask as number) / (totalTask as number)) * 100 || 0,\n            member,\n        }\n\n        updateProjectList(values)\n        await apiPostProject(values)\n        setSubmiting(false)\n        onClose()\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Title\"\n                invalid={Boolean(errors.title)}\n                errorMessage={errors.title?.message}\n            >\n                <Controller\n                    name=\"title\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input type=\"text\" autoComplete=\"off\" {...field} />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Assignees\"\n                invalid={Boolean(errors.assignees)}\n                errorMessage={errors.assignees?.message}\n            >\n                <Controller\n                    name=\"assignees\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select<MemberListOption, true>\n                            isMulti\n                            className=\"min-w-[120px]\"\n                            components={{\n                                Option: CustomSelectOption,\n                                MultiValueLabel: CustomControlMulti,\n                            }}\n                            value={field.value}\n                            options={memberList as MemberListOption[]}\n                            onChange={field.onChange}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Content\"\n                invalid={Boolean(errors.content)}\n                errorMessage={errors.content?.message}\n            >\n                <Controller\n                    name=\"content\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input textArea autoComplete=\"off\" {...field} />\n                    )}\n                />\n            </FormItem>\n            <NewTaskField onAddNewTask={handleAddNewTask} />\n            <Button block variant=\"solid\" type=\"submit\" loading={isSubmiting}>\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default NewProjectForm\n"],"names":["MultiValueLabel","components","useUniqueId","hooks","CustomSelectOption","innerProps","label","data","isSelected","jsxs","jsx","Avatar","TbChecks","CustomControlMulti","children","props","img","validationSchema","z","NewProjectForm","onClose","memberList","updateProjectList","useProjectListStore","newId","taskCount","setTaskCount","useState","isSubmiting","setSubmiting","handleSubmit","errors","control","useForm","zodResolver","handleAddNewTask","count","Form","formValue","title","content","assignees","totalTask","completedTask","member","cloneDeep","assignee","values","apiPostProject","FormItem","_a","Controller","field","Input","_b","Select","_c","NewTaskField","Button"],"mappings":"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"}
+{"version":3,"file":"NewProjectForm.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/components/NewProjectForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Select from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport hooks from '@/components/ui/hooks'\nimport NewTaskField from './NewTaskField'\nimport { useProjectListStore } from '../store/projectListStore'\nimport { useForm, Controller } from 'react-hook-form'\nimport { apiPostProject } from '@/services/ProjectService'\nimport { TbChecks } from 'react-icons/tb'\nimport { components } from 'react-select'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { MemberListOption, Member, Project } from '../types'\nimport type { ZodType } from 'zod'\nimport type { MultiValueGenericProps, OptionProps } from 'react-select'\n\ntype FormSchema = {\n    title: string\n    content: string\n    assignees: {\n        img: string\n        value: string\n        label: string\n    }[]\n}\n\ntype TaskCount = {\n    completedTask?: number\n    totalTask?: number\n}\n\nconst { MultiValueLabel } = components\n\nconst { useUniqueId } = hooks\n\nconst CustomSelectOption = ({\n    innerProps,\n    label,\n    data,\n    isSelected,\n}: OptionProps<MemberListOption>) => {\n    return (\n        <div\n            className={`flex items-center justify-between p-2 ${\n                isSelected\n                    ? 'bg-gray-100 dark:bg-gray-500'\n                    : 'hover:bg-gray-50 dark:hover:bg-gray-600'\n            }`}\n            {...innerProps}\n        >\n            <div className=\"flex items-center gap-2\">\n                <Avatar shape=\"circle\" size={20} src={data.img} />\n                <span className=\"font-semibold heading-text\">{label}</span>\n            </div>\n            {isSelected && <TbChecks className=\"text-emerald-500 text-xl\" />}\n        </div>\n    )\n}\n\nconst CustomControlMulti = ({ children, ...props }: MultiValueGenericProps) => {\n    const { img } = props.data\n\n    return (\n        <MultiValueLabel {...props}>\n            <div className=\"inline-flex items-center\">\n                <Avatar\n                    className=\"mr-2 rtl:ml-2\"\n                    shape=\"circle\"\n                    size={15}\n                    src={img}\n                />\n                {children}\n            </div>\n        </MultiValueLabel>\n    )\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    title: z.string().min(1, { message: 'Title required' }),\n    content: z.string().min(1, { message: 'Content required' }),\n    assignees: z.array(\n        z.object({ value: z.string(), label: z.string(), img: z.string() }),\n    ),\n})\n\nconst NewProjectForm = ({ onClose }: { onClose: () => void }) => {\n    const { memberList, updateProjectList } = useProjectListStore()\n\n    const newId = useUniqueId()\n\n    const [taskCount, setTaskCount] = useState<TaskCount>({})\n    const [isSubmiting, setSubmiting] = useState(false)\n\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            title: '',\n            content: '',\n            assignees: [],\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const handleAddNewTask = (count: TaskCount) => {\n        setTaskCount(count)\n    }\n\n    const onSubmit = async (formValue: FormSchema) => {\n        setSubmiting(true)\n        const { title, content, assignees } = formValue\n\n        const { totalTask, completedTask } = taskCount\n\n        const member: Member[] = cloneDeep(assignees).map((assignee) => {\n            return {\n                name: assignee.label,\n                img: assignee.img,\n            }\n        })\n\n        const values: Project = {\n            id: newId,\n            name: title,\n            desc: content,\n            totalTask: totalTask as number,\n            completedTask: completedTask as number,\n            progression:\n                ((completedTask as number) / (totalTask as number)) * 100 || 0,\n            member,\n        }\n\n        updateProjectList(values)\n        await apiPostProject(values)\n        setSubmiting(false)\n        onClose()\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Title\"\n                invalid={Boolean(errors.title)}\n                errorMessage={errors.title?.message}\n            >\n                <Controller\n                    name=\"title\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input type=\"text\" autoComplete=\"off\" {...field} />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Assignees\"\n                invalid={Boolean(errors.assignees)}\n                errorMessage={errors.assignees?.message}\n            >\n                <Controller\n                    name=\"assignees\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select<MemberListOption, true>\n                            isMulti\n                            className=\"min-w-[120px]\"\n                            components={{\n                                Option: CustomSelectOption,\n                                MultiValueLabel: CustomControlMulti,\n                            }}\n                            value={field.value}\n                            options={memberList as MemberListOption[]}\n                            onChange={field.onChange}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Content\"\n                invalid={Boolean(errors.content)}\n                errorMessage={errors.content?.message}\n            >\n                <Controller\n                    name=\"content\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input textArea autoComplete=\"off\" {...field} />\n                    )}\n                />\n            </FormItem>\n            <NewTaskField onAddNewTask={handleAddNewTask} />\n            <Button block variant=\"solid\" type=\"submit\" loading={isSubmiting}>\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default NewProjectForm\n"],"names":["MultiValueLabel","components","useUniqueId","hooks","CustomSelectOption","innerProps","label","data","isSelected","jsxs","jsx","Avatar","TbChecks","CustomControlMulti","children","props","img","validationSchema","z","NewProjectForm","onClose","memberList","updateProjectList","useProjectListStore","newId","taskCount","setTaskCount","useState","isSubmiting","setSubmiting","handleSubmit","errors","control","useForm","zodResolver","handleAddNewTask","count","Form","formValue","title","content","assignees","totalTask","completedTask","member","cloneDeep","assignee","values","apiPostProject","FormItem","Controller","field","Input","Select","NewTaskField","Button"],"mappings":"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"}

package/dist/@ecme/views/concepts/projects/ProjectList/components/NewTaskField.js

@@ -1,43 +1,41 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { useState as i, useRef as w, useEffect as k, useMemo as N } from "react";
+import { jsxs as i, jsx as c } from "react/jsx-runtime";
+import { useState as m, useRef as w, useEffect as k, useMemo as N } from "react";
 import "../../../../../components/ui/Input/index.js";
 import "../../../../../components/ui/Button/index.js";
 import { Checkbox as g } from "../../../../../components/ui/Checkbox/index.js";
 import v from "../../../../../components/ui/Input/Input.js";
-import h from "../../../../../components/ui/Button/Button.js";
-const F = ({ onAddNewTask: u }) => {
-  const [r, n] = i(!1), [c, l] = i([]), s = w(null);
+import u from "../../../../../components/ui/Button/Button.js";
+const B = ({ onAddNewTask: f }) => {
+  const [n, r] = m(!1), [s, l] = m([]), o = w(null);
   k(() => {
-    var e;
-    r && ((e = s == null ? void 0 : s.current) == null || e.focus());
-  }, [r]);
-  const f = N(() => {
+    n && o?.current?.focus();
+  }, [n]);
+  const h = N(() => {
     let e = 0;
-    const t = c.length;
-    return c.forEach((a) => {
+    const t = s.length;
+    return s.forEach((a) => {
       a.checked && (e = e + 1);
     }), {
       completedTask: e,
       totalTask: t
     };
-  }, [c]);
+  }, [s]);
   k(() => {
-    u(f);
-  }, [c]);
+    f(h);
+  }, [s]);
   const p = () => {
-    n(!0);
+    r(!0);
   }, T = () => {
-    var t;
     const e = {
-      label: (t = s == null ? void 0 : s.current) == null ? void 0 : t.value,
+      label: o?.current?.value,
       checked: !1
     };
-    l((a) => [...a, e]), n(!1);
+    l((t) => [...t, e]), r(!1);
   }, C = (e, t) => {
     l((a) => [...a.map((d, b) => (t === b && (d.checked = e), d))]);
   };
-  return /* @__PURE__ */ m("div", { className: "mb-7", children: [
-    c.length > 0 && /* @__PURE__ */ o("div", { className: "flex flex-col mb-5 gap-4", children: c.map((e, t) => /* @__PURE__ */ o(
+  return /* @__PURE__ */ i("div", { className: "mb-7", children: [
+    s.length > 0 && /* @__PURE__ */ c("div", { className: "flex flex-col mb-5 gap-4", children: s.map((e, t) => /* @__PURE__ */ c(
       g,
       {
         defaultChecked: e.checked,
@@ -46,13 +44,13 @@ const F = ({ onAddNewTask: u }) => {
       },
       t
     )) }),
-    r ? /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ o(v, { ref: s, placeholder: "Add new task" }),
-      /* @__PURE__ */ o(h, { type: "button", onClick: T, children: "Add" })
-    ] }) : /* @__PURE__ */ o(h, { block: !0, className: "border-dashed", onClick: p, children: "Create new task" })
+    n ? /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ c(v, { ref: o, placeholder: "Add new task" }),
+      /* @__PURE__ */ c(u, { type: "button", onClick: T, children: "Add" })
+    ] }) : /* @__PURE__ */ c(u, { block: !0, className: "border-dashed", onClick: p, children: "Create new task" })
   ] });
 };
 export {
-  F as default
+  B as default
 };
 //# sourceMappingURL=NewTaskField.js.map

package/dist/@ecme/views/concepts/projects/ProjectList/components/NewTaskField.js.map

@@ -1 +1 @@
-{"version":3,"file":"NewTaskField.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/components/NewTaskField.tsx"],"sourcesContent":["import { useState, useRef, useEffect, useMemo } from 'react'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Checkbox from '@/components/ui/Checkbox'\n\ntype Task = {\n    label?: string\n    checked: boolean\n}\n\ntype NewTaskFieldProps = {\n    onAddNewTask: (taskCount: {\n        completedTask: number\n        totalTask: number\n    }) => void\n}\n\nconst NewTaskField = ({ onAddNewTask }: NewTaskFieldProps) => {\n    const [newTaskEdit, setNewTaskEdit] = useState(false)\n    const [taskList, setTaskList] = useState<Task[]>([])\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    useEffect(() => {\n        if (newTaskEdit) {\n            inputRef?.current?.focus()\n        }\n    }, [newTaskEdit])\n\n    const taskCount = useMemo(() => {\n        let completedTask = 0\n        const totalTask = taskList.length\n\n        taskList.forEach((task) => {\n            if (task.checked) {\n                completedTask = completedTask + 1\n            }\n        })\n\n        return {\n            completedTask,\n            totalTask,\n        }\n    }, [taskList])\n\n    useEffect(() => {\n        onAddNewTask(taskCount)\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [taskList])\n\n    const onNewTaskEdit = () => {\n        setNewTaskEdit(true)\n    }\n\n    const onNewTaskAdd = () => {\n        const newTask = {\n            label: inputRef?.current?.value,\n            checked: false,\n        }\n        setTaskList((prevTask) => [...prevTask, newTask])\n        setNewTaskEdit(false)\n    }\n\n    const onTaskCheckChange = (checked: boolean, index: number) => {\n        setTaskList((prevTask) => {\n            const mutatedPrevTask = prevTask.map((task, taskIndex) => {\n                if (index === taskIndex) {\n                    task.checked = checked\n                }\n                return task\n            })\n            return [...mutatedPrevTask]\n        })\n    }\n\n    return (\n        <div className=\"mb-7\">\n            {taskList.length > 0 && (\n                <div className=\"flex flex-col mb-5 gap-4\">\n                    {taskList.map((task, index) => (\n                        <Checkbox\n                            key={index}\n                            defaultChecked={task.checked}\n                            onChange={(checked) =>\n                                onTaskCheckChange(checked as boolean, index)\n                            }\n                        >\n                            {task.label}\n                        </Checkbox>\n                    ))}\n                </div>\n            )}\n            {newTaskEdit ? (\n                <div className=\"flex items-center gap-2\">\n                    <Input ref={inputRef} placeholder=\"Add new task\" />\n                    <Button type=\"button\" onClick={onNewTaskAdd}>\n                        Add\n                    </Button>\n                </div>\n            ) : (\n                <Button block className=\"border-dashed\" onClick={onNewTaskEdit}>\n                    Create new task\n                </Button>\n            )}\n        </div>\n    )\n}\n\nexport default NewTaskField\n"],"names":["NewTaskField","onAddNewTask","newTaskEdit","setNewTaskEdit","useState","taskList","setTaskList","inputRef","useRef","useEffect","_a","taskCount","useMemo","completedTask","totalTask","task","onNewTaskEdit","onNewTaskAdd","newTask","prevTask","onTaskCheckChange","checked","index","taskIndex","jsxs","jsx","Checkbox","Input","Button"],"mappings":";;;;;;;AAiBA,MAAMA,IAAe,CAAC,EAAE,cAAAC,QAAsC;AAC1D,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9C,CAACC,GAAUC,CAAW,IAAIF,EAAiB,CAAA,CAAE,GAE7CG,IAAWC,EAAyB,IAAI;AAE9C,EAAAC,EAAU,MAAM;;AACZ,IAAIP,OACAQ,IAAAH,KAAA,gBAAAA,EAAU,YAAV,QAAAG,EAAmB;AAAA,EAE3B,GAAG,CAACR,CAAW,CAAC;AAEhB,QAAMS,IAAYC,EAAQ,MAAM;AAC5B,QAAIC,IAAgB;AACpB,UAAMC,IAAYT,EAAS;AAE3B,WAAAA,EAAS,QAAQ,CAACU,MAAS;AACvB,MAAIA,EAAK,YACLF,IAAgBA,IAAgB;AAAA,IAExC,CAAC,GAEM;AAAA,MACH,eAAAA;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAER,GAAG,CAACT,CAAQ,CAAC;AAEb,EAAAI,EAAU,MAAM;AACZ,IAAAR,EAAaU,CAAS;AAAA,EAE1B,GAAG,CAACN,CAAQ,CAAC;AAEb,QAAMW,IAAgB,MAAM;AACxB,IAAAb,EAAe,EAAI;AAAA,EACvB,GAEMc,IAAe,MAAM;;AACvB,UAAMC,IAAU;AAAA,MACZ,QAAOR,IAAAH,KAAA,gBAAAA,EAAU,YAAV,gBAAAG,EAAmB;AAAA,MAC1B,SAAS;AAAA,IAAA;AAEb,IAAAJ,EAAY,CAACa,MAAa,CAAC,GAAGA,GAAUD,CAAO,CAAC,GAChDf,EAAe,EAAK;AAAA,EACxB,GAEMiB,IAAoB,CAACC,GAAkBC,MAAkB;AAC3D,IAAAhB,EAAY,CAACa,MAOF,CAAC,GANgBA,EAAS,IAAI,CAACJ,GAAMQ,OACpCD,MAAUC,MACVR,EAAK,UAAUM,IAEZN,EACV,CACyB,CAC7B;AAAA,EACL;AAEA,SACI,gBAAAS,EAAC,OAAA,EAAI,WAAU,QACV,UAAA;AAAA,IAAAnB,EAAS,SAAS,KACf,gBAAAoB,EAAC,OAAA,EAAI,WAAU,4BACV,UAAApB,EAAS,IAAI,CAACU,GAAMO,MACjB,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QAEG,gBAAgBX,EAAK;AAAA,QACrB,UAAU,CAACM,MACPD,EAAkBC,GAAoBC,CAAK;AAAA,QAG9C,UAAAP,EAAK;AAAA,MAAA;AAAA,MANDO;AAAA,IAAA,CAQZ,GACL;AAAA,IAEHpB,IACG,gBAAAsB,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAA,EAAM,KAAKpB,GAAU,aAAY,gBAAe;AAAA,wBAChDqB,GAAA,EAAO,MAAK,UAAS,SAASX,GAAc,UAAA,MAAA,CAE7C;AAAA,IAAA,EAAA,CACJ,sBAECW,GAAA,EAAO,OAAK,IAAC,WAAU,iBAAgB,SAASZ,GAAe,UAAA,kBAAA,CAEhE;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"NewTaskField.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/components/NewTaskField.tsx"],"sourcesContent":["import { useState, useRef, useEffect, useMemo } from 'react'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Checkbox from '@/components/ui/Checkbox'\n\ntype Task = {\n    label?: string\n    checked: boolean\n}\n\ntype NewTaskFieldProps = {\n    onAddNewTask: (taskCount: {\n        completedTask: number\n        totalTask: number\n    }) => void\n}\n\nconst NewTaskField = ({ onAddNewTask }: NewTaskFieldProps) => {\n    const [newTaskEdit, setNewTaskEdit] = useState(false)\n    const [taskList, setTaskList] = useState<Task[]>([])\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    useEffect(() => {\n        if (newTaskEdit) {\n            inputRef?.current?.focus()\n        }\n    }, [newTaskEdit])\n\n    const taskCount = useMemo(() => {\n        let completedTask = 0\n        const totalTask = taskList.length\n\n        taskList.forEach((task) => {\n            if (task.checked) {\n                completedTask = completedTask + 1\n            }\n        })\n\n        return {\n            completedTask,\n            totalTask,\n        }\n    }, [taskList])\n\n    useEffect(() => {\n        onAddNewTask(taskCount)\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [taskList])\n\n    const onNewTaskEdit = () => {\n        setNewTaskEdit(true)\n    }\n\n    const onNewTaskAdd = () => {\n        const newTask = {\n            label: inputRef?.current?.value,\n            checked: false,\n        }\n        setTaskList((prevTask) => [...prevTask, newTask])\n        setNewTaskEdit(false)\n    }\n\n    const onTaskCheckChange = (checked: boolean, index: number) => {\n        setTaskList((prevTask) => {\n            const mutatedPrevTask = prevTask.map((task, taskIndex) => {\n                if (index === taskIndex) {\n                    task.checked = checked\n                }\n                return task\n            })\n            return [...mutatedPrevTask]\n        })\n    }\n\n    return (\n        <div className=\"mb-7\">\n            {taskList.length > 0 && (\n                <div className=\"flex flex-col mb-5 gap-4\">\n                    {taskList.map((task, index) => (\n                        <Checkbox\n                            key={index}\n                            defaultChecked={task.checked}\n                            onChange={(checked) =>\n                                onTaskCheckChange(checked as boolean, index)\n                            }\n                        >\n                            {task.label}\n                        </Checkbox>\n                    ))}\n                </div>\n            )}\n            {newTaskEdit ? (\n                <div className=\"flex items-center gap-2\">\n                    <Input ref={inputRef} placeholder=\"Add new task\" />\n                    <Button type=\"button\" onClick={onNewTaskAdd}>\n                        Add\n                    </Button>\n                </div>\n            ) : (\n                <Button block className=\"border-dashed\" onClick={onNewTaskEdit}>\n                    Create new task\n                </Button>\n            )}\n        </div>\n    )\n}\n\nexport default NewTaskField\n"],"names":["NewTaskField","onAddNewTask","newTaskEdit","setNewTaskEdit","useState","taskList","setTaskList","inputRef","useRef","useEffect","taskCount","useMemo","completedTask","totalTask","task","onNewTaskEdit","onNewTaskAdd","newTask","prevTask","onTaskCheckChange","checked","index","taskIndex","jsxs","jsx","Checkbox","Input","Button"],"mappings":";;;;;;;AAiBA,MAAMA,IAAe,CAAC,EAAE,cAAAC,QAAsC;AAC1D,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9C,CAACC,GAAUC,CAAW,IAAIF,EAAiB,CAAA,CAAE,GAE7CG,IAAWC,EAAyB,IAAI;AAE9C,EAAAC,EAAU,MAAM;AACZ,IAAIP,KACAK,GAAU,SAAS,MAAA;AAAA,EAE3B,GAAG,CAACL,CAAW,CAAC;AAEhB,QAAMQ,IAAYC,EAAQ,MAAM;AAC5B,QAAIC,IAAgB;AACpB,UAAMC,IAAYR,EAAS;AAE3B,WAAAA,EAAS,QAAQ,CAACS,MAAS;AACvB,MAAIA,EAAK,YACLF,IAAgBA,IAAgB;AAAA,IAExC,CAAC,GAEM;AAAA,MACH,eAAAA;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAER,GAAG,CAACR,CAAQ,CAAC;AAEb,EAAAI,EAAU,MAAM;AACZ,IAAAR,EAAaS,CAAS;AAAA,EAE1B,GAAG,CAACL,CAAQ,CAAC;AAEb,QAAMU,IAAgB,MAAM;AACxB,IAAAZ,EAAe,EAAI;AAAA,EACvB,GAEMa,IAAe,MAAM;AACvB,UAAMC,IAAU;AAAA,MACZ,OAAOV,GAAU,SAAS;AAAA,MAC1B,SAAS;AAAA,IAAA;AAEb,IAAAD,EAAY,CAACY,MAAa,CAAC,GAAGA,GAAUD,CAAO,CAAC,GAChDd,EAAe,EAAK;AAAA,EACxB,GAEMgB,IAAoB,CAACC,GAAkBC,MAAkB;AAC3D,IAAAf,EAAY,CAACY,MAOF,CAAC,GANgBA,EAAS,IAAI,CAACJ,GAAMQ,OACpCD,MAAUC,MACVR,EAAK,UAAUM,IAEZN,EACV,CACyB,CAC7B;AAAA,EACL;AAEA,SACI,gBAAAS,EAAC,OAAA,EAAI,WAAU,QACV,UAAA;AAAA,IAAAlB,EAAS,SAAS,KACf,gBAAAmB,EAAC,OAAA,EAAI,WAAU,4BACV,UAAAnB,EAAS,IAAI,CAACS,GAAMO,MACjB,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QAEG,gBAAgBX,EAAK;AAAA,QACrB,UAAU,CAACM,MACPD,EAAkBC,GAAoBC,CAAK;AAAA,QAG9C,UAAAP,EAAK;AAAA,MAAA;AAAA,MANDO;AAAA,IAAA,CAQZ,GACL;AAAA,IAEHnB,IACG,gBAAAqB,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAA,EAAM,KAAKnB,GAAU,aAAY,gBAAe;AAAA,wBAChDoB,GAAA,EAAO,MAAK,UAAS,SAASX,GAAc,UAAA,MAAA,CAE7C;AAAA,IAAA,EAAA,CACJ,sBAECW,GAAA,EAAO,OAAK,IAAC,WAAU,iBAAgB,SAASZ,GAAe,UAAA,kBAAA,CAEhE;AAAA,EAAA,GAER;AAER;"}

package/dist/@ecme/views/concepts/projects/ProjectList/components/ProjectListContent.js

@@ -2,14 +2,14 @@ import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import "../../../../../components/ui/Card/index.js";
 import i from "../../../../../components/shared/UsersAvatarGroup.js";
 import { Link as m } from "react-router-dom";
-import d from "./ProgressionBar.js";
-import { useProjectListStore as p } from "../store/projectListStore.js";
+import c from "./ProgressionBar.js";
+import { useProjectListStore as f } from "../store/projectListStore.js";
 import { apiGetProjects as h } from "../../../../../services/ProjectService.js";
 import v from "swr";
-import { TbStarFilled as x, TbClipboardCheck as c, TbStar as u } from "react-icons/tb";
-import t from "../../../../../components/ui/Card/Card.js";
+import { TbStarFilled as x, TbClipboardCheck as t, TbStar as u } from "react-icons/tb";
+import d from "../../../../../components/ui/Card/Card.js";
 const F = () => {
-  const { projectList: a, updateProjectFavorite: n, setProjectList: o } = p();
+  const { projectList: r, updateProjectFavorite: n, setProjectList: o } = f();
   v(["/api/projects"], () => h(), {
     revalidateOnFocus: !1,
     revalidateIfStale: !1,
@@ -18,13 +18,13 @@ const F = () => {
       o(s);
     }
   });
-  const r = (s, f) => {
-    n({ id: s, value: f });
+  const a = (s, p) => {
+    n({ id: s, value: p });
   };
   return /* @__PURE__ */ l("div", { children: [
     /* @__PURE__ */ l("div", { className: "mt-8", children: [
       /* @__PURE__ */ e("h5", { className: "mb-3", children: "Favorite" }),
-      /* @__PURE__ */ e("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6", children: a == null ? void 0 : a.filter((s) => s.favourite).map((s) => /* @__PURE__ */ e(t, { bodyClass: "h-full", children: /* @__PURE__ */ l("div", { className: "flex flex-col justify-between h-full", children: [
+      /* @__PURE__ */ e("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6", children: r?.filter((s) => s.favourite).map((s) => /* @__PURE__ */ e(d, { bodyClass: "h-full", children: /* @__PURE__ */ l("div", { className: "flex flex-col justify-between h-full", children: [
         /* @__PURE__ */ l("div", { className: "flex justify-between items-center", children: [
           /* @__PURE__ */ e(
             m,
@@ -38,7 +38,7 @@ const F = () => {
             {
               className: "text-amber-400 cursor-pointer text-lg",
               role: "button",
-              onClick: () => r(
+              onClick: () => a(
                 s.id,
                 !1
               ),
@@ -49,7 +49,7 @@ const F = () => {
         /* @__PURE__ */ e("p", { className: "mt-4", children: s.desc }),
         /* @__PURE__ */ l("div", { className: "mt-3", children: [
           /* @__PURE__ */ e(
-            d,
+            c,
             {
               progression: s.progression
             }
@@ -62,7 +62,7 @@ const F = () => {
               }
             ),
             /* @__PURE__ */ e("div", { className: "flex items-center rounded-full font-semibold text-xs", children: /* @__PURE__ */ l("div", { className: "flex items-center px-2 py-1 border border-gray-300 rounded-full", children: [
-              /* @__PURE__ */ e(c, { className: "text-base" }),
+              /* @__PURE__ */ e(t, { className: "text-base" }),
               /* @__PURE__ */ l("span", { className: "ml-1 rtl:mr-1 whitespace-nowrap", children: [
                 s.completedTask,
                 " ",
@@ -76,7 +76,7 @@ const F = () => {
     ] }),
     /* @__PURE__ */ l("div", { className: "mt-8", children: [
       /* @__PURE__ */ e("h5", { className: "mb-3", children: "Other projects" }),
-      /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: a == null ? void 0 : a.filter((s) => !s.favourite).map((s) => /* @__PURE__ */ e(t, { children: /* @__PURE__ */ l("div", { className: "grid gap-x-4 grid-cols-12", children: [
+      /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: r?.filter((s) => !s.favourite).map((s) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ l("div", { className: "grid gap-x-4 grid-cols-12", children: [
         /* @__PURE__ */ e("div", { className: "my-1 sm:my-0 col-span-12 sm:col-span-2 md:col-span-3 lg:col-span-3 md:flex md:items-center", children: /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
           /* @__PURE__ */ e("h6", { className: "font-bold hover:text-primary", children: /* @__PURE__ */ e(
             m,
@@ -88,7 +88,7 @@ const F = () => {
           /* @__PURE__ */ e("span", { children: s.category })
         ] }) }),
         /* @__PURE__ */ e("div", { className: "my-1 sm:my-0 col-span-12 sm:col-span-2 md:col-span-2 lg:col-span-2 md:flex md:items-center md:justify-end", children: /* @__PURE__ */ l("div", { className: "inline-flex items-center px-2 py-1 border border-gray-300 rounded-full", children: [
-          /* @__PURE__ */ e(c, { className: "text-base" }),
+          /* @__PURE__ */ e(t, { className: "text-base" }),
           /* @__PURE__ */ l("span", { className: "ml-1 rtl:mr-1 whitespace-nowrap", children: [
             s.completedTask,
             " /",
@@ -97,7 +97,7 @@ const F = () => {
           ] })
         ] }) }),
         /* @__PURE__ */ e("div", { className: "my-1 sm:my-0 col-span-12 md:col-span-2 lg:col-span-3 md:flex md:items-center", children: /* @__PURE__ */ e(
-          d,
+          c,
           {
             progression: s.progression
           }
@@ -113,7 +113,7 @@ const F = () => {
           {
             className: "cursor-pointer text-lg",
             role: "button",
-            onClick: () => r(
+            onClick: () => a(
               s.id,
               !0
             ),

package/dist/@ecme/views/concepts/projects/ProjectList/components/ProjectListContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectListContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/components/ProjectListContent.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport { Link } from 'react-router-dom'\nimport ProgressionBar from './ProgressionBar'\nimport { useProjectListStore } from '../store/projectListStore'\nimport { apiGetProjects } from '@/services/ProjectService'\nimport useSWR from 'swr'\nimport { TbClipboardCheck, TbStarFilled, TbStar } from 'react-icons/tb'\nimport type { GetProjectListResponse } from '../types'\n\nconst ProjectListContent = () => {\n    const { projectList, updateProjectFavorite, setProjectList } =\n        useProjectListStore()\n\n    useSWR(['/api/projects'], () => apiGetProjects<GetProjectListResponse>(), {\n        revalidateOnFocus: false,\n        revalidateIfStale: false,\n        revalidateOnReconnect: false,\n        onSuccess: (data) => {\n            setProjectList(data)\n        },\n    })\n\n    const handleToggleFavorite = (id: string, value: boolean) => {\n        updateProjectFavorite({ id, value })\n    }\n\n    return (\n        <div>\n            <div className=\"mt-8\">\n                <h5 className=\"mb-3\">Favorite</h5>\n                <div className=\"grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6\">\n                    {projectList\n                        ?.filter((project) => project.favourite)\n                        .map((project) => (\n                            <Card key={project.id} bodyClass=\"h-full\">\n                                <div className=\"flex flex-col justify-between h-full\">\n                                    <div className=\"flex justify-between items-center\">\n                                        <Link\n                                            to={`/concepts/projects/project-details/${project.id}`}\n                                        >\n                                            <h6 className=\"font-bold hover:text-primary\">\n                                                {project.name}\n                                            </h6>\n                                        </Link>\n                                        <div\n                                            className=\"text-amber-400 cursor-pointer text-lg\"\n                                            role=\"button\"\n                                            onClick={() =>\n                                                handleToggleFavorite(\n                                                    project.id,\n                                                    false,\n                                                )\n                                            }\n                                        >\n                                            <TbStarFilled />\n                                        </div>\n                                    </div>\n                                    <p className=\"mt-4\">{project.desc}</p>\n                                    <div className=\"mt-3\">\n                                        <ProgressionBar\n                                            progression={project.progression}\n                                        />\n                                        <div className=\"flex items-center justify-between mt-2\">\n                                            <UsersAvatarGroup\n                                                users={project.member}\n                                            />\n                                            <div className=\"flex items-center rounded-full font-semibold text-xs\">\n                                                <div className=\"flex items-center px-2 py-1 border border-gray-300 rounded-full\">\n                                                    <TbClipboardCheck className=\"text-base\" />\n                                                    <span className=\"ml-1 rtl:mr-1 whitespace-nowrap\">\n                                                        {project.completedTask}{' '}\n                                                        / {project.totalTask}\n                                                    </span>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </Card>\n                        ))}\n                </div>\n            </div>\n            <div className=\"mt-8\">\n                <h5 className=\"mb-3\">Other projects</h5>\n                <div className=\"flex flex-col gap-4\">\n                    {projectList\n                        ?.filter((project) => !project.favourite)\n                        .map((project) => (\n                            <Card key={project.id}>\n                                <div className=\"grid gap-x-4 grid-cols-12\">\n                                    <div className=\"my-1 sm:my-0 col-span-12 sm:col-span-2 md:col-span-3 lg:col-span-3 md:flex md:items-center\">\n                                        <div className=\"flex flex-col\">\n                                            <h6 className=\"font-bold hover:text-primary\">\n                                                <Link\n                                                    to={`/concepts/projects/project-details/${project.id}`}\n                                                >\n                                                    {project.name}\n                                                </Link>\n                                            </h6>\n                                            <span>{project.category}</span>\n                                        </div>\n                                    </div>\n                                    <div className=\"my-1 sm:my-0 col-span-12 sm:col-span-2 md:col-span-2 lg:col-span-2 md:flex md:items-center md:justify-end\">\n                                        <div className=\"inline-flex items-center px-2 py-1 border border-gray-300 rounded-full\">\n                                            <TbClipboardCheck className=\"text-base\" />\n                                            <span className=\"ml-1 rtl:mr-1 whitespace-nowrap\">\n                                                {project.completedTask} /{' '}\n                                                {project.totalTask}\n                                            </span>\n                                        </div>\n                                    </div>\n                                    <div className=\"my-1 sm:my-0 col-span-12 md:col-span-2 lg:col-span-3 md:flex md:items-center\">\n                                        <ProgressionBar\n                                            progression={project.progression}\n                                        />\n                                    </div>\n                                    <div className=\"my-1 sm:my-0 col-span-12 md:col-span-3 lg:col-span-3 md:flex md:items-center\">\n                                        <UsersAvatarGroup\n                                            users={project.member}\n                                        />\n                                    </div>\n                                    <div className=\"my-1 sm:my-0 col-span-12 sm:col-span-1 flex md:items-center justify-end\">\n                                        <div\n                                            className=\"cursor-pointer text-lg\"\n                                            role=\"button\"\n                                            onClick={() =>\n                                                handleToggleFavorite(\n                                                    project.id,\n                                                    true,\n                                                )\n                                            }\n                                        >\n                                            <TbStar />\n                                        </div>\n                                    </div>\n                                </div>\n                            </Card>\n                        ))}\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default ProjectListContent\n"],"names":["ProjectListContent","projectList","updateProjectFavorite","setProjectList","useProjectListStore","useSWR","apiGetProjects","data","handleToggleFavorite","id","value","jsxs","jsx","project","Card","Link","TbStarFilled","ProgressionBar","UsersAvatarGroup","TbClipboardCheck","TbStar"],"mappings":"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"}
+{"version":3,"file":"ProjectListContent.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/components/ProjectListContent.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport { Link } from 'react-router-dom'\nimport ProgressionBar from './ProgressionBar'\nimport { useProjectListStore } from '../store/projectListStore'\nimport { apiGetProjects } from '@/services/ProjectService'\nimport useSWR from 'swr'\nimport { TbClipboardCheck, TbStarFilled, TbStar } from 'react-icons/tb'\nimport type { GetProjectListResponse } from '../types'\n\nconst ProjectListContent = () => {\n    const { projectList, updateProjectFavorite, setProjectList } =\n        useProjectListStore()\n\n    useSWR(['/api/projects'], () => apiGetProjects<GetProjectListResponse>(), {\n        revalidateOnFocus: false,\n        revalidateIfStale: false,\n        revalidateOnReconnect: false,\n        onSuccess: (data) => {\n            setProjectList(data)\n        },\n    })\n\n    const handleToggleFavorite = (id: string, value: boolean) => {\n        updateProjectFavorite({ id, value })\n    }\n\n    return (\n        <div>\n            <div className=\"mt-8\">\n                <h5 className=\"mb-3\">Favorite</h5>\n                <div className=\"grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6\">\n                    {projectList\n                        ?.filter((project) => project.favourite)\n                        .map((project) => (\n                            <Card key={project.id} bodyClass=\"h-full\">\n                                <div className=\"flex flex-col justify-between h-full\">\n                                    <div className=\"flex justify-between items-center\">\n                                        <Link\n                                            to={`/concepts/projects/project-details/${project.id}`}\n                                        >\n                                            <h6 className=\"font-bold hover:text-primary\">\n                                                {project.name}\n                                            </h6>\n                                        </Link>\n                                        <div\n                                            className=\"text-amber-400 cursor-pointer text-lg\"\n                                            role=\"button\"\n                                            onClick={() =>\n                                                handleToggleFavorite(\n                                                    project.id,\n                                                    false,\n                                                )\n                                            }\n                                        >\n                                            <TbStarFilled />\n                                        </div>\n                                    </div>\n                                    <p className=\"mt-4\">{project.desc}</p>\n                                    <div className=\"mt-3\">\n                                        <ProgressionBar\n                                            progression={project.progression}\n                                        />\n                                        <div className=\"flex items-center justify-between mt-2\">\n                                            <UsersAvatarGroup\n                                                users={project.member}\n                                            />\n                                            <div className=\"flex items-center rounded-full font-semibold text-xs\">\n                                                <div className=\"flex items-center px-2 py-1 border border-gray-300 rounded-full\">\n                                                    <TbClipboardCheck className=\"text-base\" />\n                                                    <span className=\"ml-1 rtl:mr-1 whitespace-nowrap\">\n                                                        {project.completedTask}{' '}\n                                                        / {project.totalTask}\n                                                    </span>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </Card>\n                        ))}\n                </div>\n            </div>\n            <div className=\"mt-8\">\n                <h5 className=\"mb-3\">Other projects</h5>\n                <div className=\"flex flex-col gap-4\">\n                    {projectList\n                        ?.filter((project) => !project.favourite)\n                        .map((project) => (\n                            <Card key={project.id}>\n                                <div className=\"grid gap-x-4 grid-cols-12\">\n                                    <div className=\"my-1 sm:my-0 col-span-12 sm:col-span-2 md:col-span-3 lg:col-span-3 md:flex md:items-center\">\n                                        <div className=\"flex flex-col\">\n                                            <h6 className=\"font-bold hover:text-primary\">\n                                                <Link\n                                                    to={`/concepts/projects/project-details/${project.id}`}\n                                                >\n                                                    {project.name}\n                                                </Link>\n                                            </h6>\n                                            <span>{project.category}</span>\n                                        </div>\n                                    </div>\n                                    <div className=\"my-1 sm:my-0 col-span-12 sm:col-span-2 md:col-span-2 lg:col-span-2 md:flex md:items-center md:justify-end\">\n                                        <div className=\"inline-flex items-center px-2 py-1 border border-gray-300 rounded-full\">\n                                            <TbClipboardCheck className=\"text-base\" />\n                                            <span className=\"ml-1 rtl:mr-1 whitespace-nowrap\">\n                                                {project.completedTask} /{' '}\n                                                {project.totalTask}\n                                            </span>\n                                        </div>\n                                    </div>\n                                    <div className=\"my-1 sm:my-0 col-span-12 md:col-span-2 lg:col-span-3 md:flex md:items-center\">\n                                        <ProgressionBar\n                                            progression={project.progression}\n                                        />\n                                    </div>\n                                    <div className=\"my-1 sm:my-0 col-span-12 md:col-span-3 lg:col-span-3 md:flex md:items-center\">\n                                        <UsersAvatarGroup\n                                            users={project.member}\n                                        />\n                                    </div>\n                                    <div className=\"my-1 sm:my-0 col-span-12 sm:col-span-1 flex md:items-center justify-end\">\n                                        <div\n                                            className=\"cursor-pointer text-lg\"\n                                            role=\"button\"\n                                            onClick={() =>\n                                                handleToggleFavorite(\n                                                    project.id,\n                                                    true,\n                                                )\n                                            }\n                                        >\n                                            <TbStar />\n                                        </div>\n                                    </div>\n                                </div>\n                            </Card>\n                        ))}\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default ProjectListContent\n"],"names":["ProjectListContent","projectList","updateProjectFavorite","setProjectList","useProjectListStore","useSWR","apiGetProjects","data","handleToggleFavorite","id","value","jsxs","jsx","project","Card","Link","TbStarFilled","ProgressionBar","UsersAvatarGroup","TbClipboardCheck","TbStar"],"mappings":"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"}