npm - @orbe-agro/client-core - Versions diffs - 5.3.9 → 5.3.11 - Mend

@orbe-agro/client-core 5.3.9 → 5.3.11

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 (859) hide show

package/dist/@ecme/views/concepts/projects/Issue/components/IssueFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IssueFooter.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueFooter.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useIssueStore } from '../store/issueStore'\nimport Avatar from '@/components/ui/Avatar'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport Tabs from '@/components/ui/Tabs'\nimport NoMedia from '@/assets/svg/NoMedia'\nimport dayjs from 'dayjs'\nimport cloneDeep from 'lodash/cloneDeep'\nimport uniqueId from 'lodash/uniqueId'\nimport ReactHtmlParser from 'html-react-parser'\nimport { TbDownload, TbTrash } from 'react-icons/tb'\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst createCommentObject = (message: string) => {\n return {\n id: uniqueId('comment'),\n name: 'Angelina Gotelli',\n src: '/img/avatars/thumb-1.jpg',\n message: message,\n date: dayjs().format('DD MMM YYYY'),\n }\n}\n\nconst IssueFooter = () => {\n const { issueData, updateIssueData } = useIssueStore()\n\n const commentInput = useRef<HTMLInputElement>(null)\n\n const submitComment = () => {\n if (commentInput.current) {\n const message = commentInput.current.value\n const comment = createCommentObject(message)\n const comments = cloneDeep(issueData.comments)\n comments?.push(comment)\n issueData.comments = comments\n updateIssueData(issueData)\n commentInput.current.value = ''\n }\n }\n\n return (\n <Tabs className=\"mt-6\" defaultValue=\"comments\">\n <TabList>\n <TabNav value=\"comments\">Comments</TabNav>\n <TabNav value=\"attachments\">Attachments</TabNav>\n </TabList>\n <div className=\"p-4\">\n <TabContent value=\"comments\">\n <div className=\"w-full\">\n {issueData.comments &&\n issueData?.comments?.length > 0 && (\n <>\n {issueData.comments.map((comment) => (\n <div\n key={comment.id}\n className=\"mb-3 flex\"\n >\n <div className=\"mt-2\">\n <Avatar\n shape=\"circle\"\n src={comment.src}\n />\n </div>\n <div className=\"ml-2 rtl:mr-2 p-3 rounded w-100\">\n <div className=\"flex items-center mb-2\">\n <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n {comment.name}\n </span>\n <span className=\"mx-1\">\n {' '}\n \|{' '}\n </span>\n <span>\n {dayjs(\n comment.date,\n ).format(\n 'DD MMMM YYYY',\n )}\n </span>\n </div>\n <div>\n {ReactHtmlParser(\n comment.message \|\| '',\n )}\n </div>\n </div>\n </div>\n ))}\n </>\n )}\n <div className=\"mb-3 flex gap-2\">\n <Avatar\n shape=\"circle\"\n src=\"/img/avatars/thumb-1.jpg\"\n />\n <div className=\"w-full relative\">\n <Input\n ref={commentInput}\n textArea\n placeholder=\"Write comment\"\n />\n <div className=\"absolute bottom-4 right-4\">\n <div\n className=\"cursor-pointer font-semibold text-primary \"\n onClick={() => submitComment()}\n >\n Send\n </div>\n </div>\n </div>\n </div>\n </div>\n </TabContent>\n <TabContent value=\"attachments\">\n {issueData.attachments &&\n issueData?.attachments?.length > 0 ? (\n <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 mt-2\">\n {issueData.attachments.map((file) => (\n <Card\n key={file.id}\n bodyClass=\"px-3 pt-3 pb-1\"\n className=\"bg-gray-100 dark:bg-gray-700 shadow-none\"\n bordered={false}\n >\n <img\n className=\"max-w-full rounded-lg\"\n alt={file.name}\n src={file.src}\n />\n <div className=\"mt-1 flex justify-between items-center\">\n <div>\n <div className=\"font-semibold text-gray-900 dark:text-gray-100\">\n {file.name}\n </div>\n <span className=\"text-xs\">\n {file.size}\n </span>\n </div>\n <div className=\"flex items-center\">\n <Tooltip title=\"Download\">\n <Button\n variant=\"plain\"\n size=\"xs\"\n icon={<TbDownload />}\n />\n </Tooltip>\n <Tooltip title=\"Delete\">\n <Button\n variant=\"plain\"\n size=\"xs\"\n icon={<TbTrash />}\n />\n </Tooltip>\n </div>\n </div>\n </Card>\n ))}\n </div>\n ) : (\n <div className=\"flex flex-col gap-2 items-center justify-center\">\n <NoMedia height={150} width={150} />\n <p className=\"font-semibold\">No attachments</p>\n </div>\n )}\n </TabContent>\n </div>\n </Tabs>\n )\n}\n\nexport default IssueFooter\n"],"names":["TabNav","TabList","TabContent","Tabs","createCommentObject","message","uniqueId","dayjs","IssueFooter","issueData","updateIssueData","useIssueStore","commentInput","useRef","submitComment","comment","comments","cloneDeep","jsxs","jsx","_a","Avatar","ReactHtmlParser","Input","_b","file","Card","Tooltip","Button","TbDownload","TbTrash","NoMedia"],"mappings":"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"}
1	+ {"version":3,"file":"IssueFooter.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueFooter.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useIssueStore } from '../store/issueStore'\nimport Avatar from '@/components/ui/Avatar'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport Tabs from '@/components/ui/Tabs'\nimport NoMedia from '@/assets/svg/NoMedia'\nimport dayjs from 'dayjs'\nimport cloneDeep from 'lodash/cloneDeep'\nimport uniqueId from 'lodash/uniqueId'\nimport ReactHtmlParser from 'html-react-parser'\nimport { TbDownload, TbTrash } from 'react-icons/tb'\n\nconst { TabNav, TabList, TabContent } = Tabs\n\nconst createCommentObject = (message: string) => {\n return {\n id: uniqueId('comment'),\n name: 'Angelina Gotelli',\n src: '/img/avatars/thumb-1.jpg',\n message: message,\n date: dayjs().format('DD MMM YYYY'),\n }\n}\n\nconst IssueFooter = () => {\n const { issueData, updateIssueData } = useIssueStore()\n\n const commentInput = useRef<HTMLInputElement>(null)\n\n const submitComment = () => {\n if (commentInput.current) {\n const message = commentInput.current.value\n const comment = createCommentObject(message)\n const comments = cloneDeep(issueData.comments)\n comments?.push(comment)\n issueData.comments = comments\n updateIssueData(issueData)\n commentInput.current.value = ''\n }\n }\n\n return (\n <Tabs className=\"mt-6\" defaultValue=\"comments\">\n <TabList>\n <TabNav value=\"comments\">Comments</TabNav>\n <TabNav value=\"attachments\">Attachments</TabNav>\n </TabList>\n <div className=\"p-4\">\n <TabContent value=\"comments\">\n <div className=\"w-full\">\n {issueData.comments &&\n issueData?.comments?.length > 0 && (\n <>\n {issueData.comments.map((comment) => (\n <div\n key={comment.id}\n className=\"mb-3 flex\"\n >\n <div className=\"mt-2\">\n <Avatar\n shape=\"circle\"\n src={comment.src}\n />\n </div>\n <div className=\"ml-2 rtl:mr-2 p-3 rounded w-100\">\n <div className=\"flex items-center mb-2\">\n <span className=\"font-semibold text-gray-900 dark:text-gray-100\">\n {comment.name}\n </span>\n <span className=\"mx-1\">\n {' '}\n \|{' '}\n </span>\n <span>\n {dayjs(\n comment.date,\n ).format(\n 'DD MMMM YYYY',\n )}\n </span>\n </div>\n <div>\n {ReactHtmlParser(\n comment.message \|\| '',\n )}\n </div>\n </div>\n </div>\n ))}\n </>\n )}\n <div className=\"mb-3 flex gap-2\">\n <Avatar\n shape=\"circle\"\n src=\"/img/avatars/thumb-1.jpg\"\n />\n <div className=\"w-full relative\">\n <Input\n ref={commentInput}\n textArea\n placeholder=\"Write comment\"\n />\n <div className=\"absolute bottom-4 right-4\">\n <div\n className=\"cursor-pointer font-semibold text-primary \"\n onClick={() => submitComment()}\n >\n Send\n </div>\n </div>\n </div>\n </div>\n </div>\n </TabContent>\n <TabContent value=\"attachments\">\n {issueData.attachments &&\n issueData?.attachments?.length > 0 ? (\n <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 mt-2\">\n {issueData.attachments.map((file) => (\n <Card\n key={file.id}\n bodyClass=\"px-3 pt-3 pb-1\"\n className=\"bg-gray-100 dark:bg-gray-700 shadow-none\"\n bordered={false}\n >\n <img\n className=\"max-w-full rounded-lg\"\n alt={file.name}\n src={file.src}\n />\n <div className=\"mt-1 flex justify-between items-center\">\n <div>\n <div className=\"font-semibold text-gray-900 dark:text-gray-100\">\n {file.name}\n </div>\n <span className=\"text-xs\">\n {file.size}\n </span>\n </div>\n <div className=\"flex items-center\">\n <Tooltip title=\"Download\">\n <Button\n variant=\"plain\"\n size=\"xs\"\n icon={<TbDownload />}\n />\n </Tooltip>\n <Tooltip title=\"Delete\">\n <Button\n variant=\"plain\"\n size=\"xs\"\n icon={<TbTrash />}\n />\n </Tooltip>\n </div>\n </div>\n </Card>\n ))}\n </div>\n ) : (\n <div className=\"flex flex-col gap-2 items-center justify-center\">\n <NoMedia height={150} width={150} />\n <p className=\"font-semibold\">No attachments</p>\n </div>\n )}\n </TabContent>\n </div>\n </Tabs>\n )\n}\n\nexport default IssueFooter\n"],"names":["TabNav","TabList","TabContent","Tabs","createCommentObject","message","uniqueId","dayjs","IssueFooter","issueData","updateIssueData","useIssueStore","commentInput","useRef","submitComment","comment","comments","cloneDeep","jsxs","jsx","_a","Avatar","ReactHtmlParser","Input","_b","file","Card","Tooltip","Button","TbDownload","TbTrash","NoMedia"],"mappings":"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"}

package/dist/@ecme/views/concepts/projects/Issue/components/IssueHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IssueHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueHeader.tsx"],"sourcesContent":["import Tag from '@/components/ui/Tag'\nimport { useIssueStore } from '../store/issueStore'\n\nconst IssueHeader = () => {\n const { issueData, updateIssueData } = useIssueStore()\n\n const handleTitleChange = (value: string) => {\n const newData = { ...issueData }\n newData.title = value\n updateIssueData(newData)\n }\n\n return (\n <div className=\"flex flex-col gap-2\">\n <div>\n <Tag>{issueData.ticketId}</Tag>\n </div>\n <input\n className=\"h3 font-bold outline-none bg-transparent\"\n defaultValue={issueData.title}\n onBlur={(e) => handleTitleChange(e.target.value)}\n />\n </div>\n )\n}\n\nexport default IssueHeader\n"],"names":["IssueHeader","issueData","updateIssueData","useIssueStore","handleTitleChange","value","newData","jsxs","jsx","Tag","e"],"mappings":";;;;AAGA,MAAMA,IAAc,MAAM;AACtB,QAAM,EAAE,WAAAC,GAAW,iBAAAC,EAAA,IAAoBC,EAAA,GAEjCC,IAAoB,CAACC,MAAkB;AACzC,UAAMC,IAAU,EAAE,GAAGL,EAAA;AACrB,IAAAK,EAAQ,QAAQD,GAChBH,EAAgBI,CAAO;AAAA,~~EAAA~~;~~AAG3B~~,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAK,UAAAR,EAAU,UAAS,GAC7B;AAAA,IACA,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,cAAcP,EAAU;AAAA,QACxB,QAAQ,CAACS,MAAMN,EAAkBM,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACnD,GACJ;AAER;"}
1	+ {"version":3,"file":"IssueHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueHeader.tsx"],"sourcesContent":["import Tag from '@/components/ui/Tag'\nimport { useIssueStore } from '../store/issueStore'\n\nconst IssueHeader = () => {\n const { issueData, updateIssueData } = useIssueStore()\n\n const handleTitleChange = (value: string) => {\n const newData = { ...issueData }\n newData.title = value\n updateIssueData(newData)\n }\n\n return (\n <div className=\"flex flex-col gap-2\">\n <div>\n <Tag>{issueData.ticketId}</Tag>\n </div>\n <input\n className=\"h3 font-bold outline-none bg-transparent\"\n defaultValue={issueData.title}\n onBlur={(e) => handleTitleChange(e.target.value)}\n />\n </div>\n )\n}\n\nexport default IssueHeader\n"],"names":["IssueHeader","issueData","updateIssueData","useIssueStore","handleTitleChange","value","newData","jsxs","jsx","Tag","e"],"mappings":";;;;AAGA,MAAMA,IAAc,MAAM;AACtB,QAAM,EAAE,WAAAC,GAAW,iBAAAC,EAAA,IAAoBC,EAAA,GAEjCC,IAAoB,CAACC,MAAkB;AACzC,UAAMC,IAAU,EAAE,GAAGL,EAAA;AACrB,IAAAK,EAAQ,QAAQD,GAChBH,EAAgBI,CAAO;AAAA,EAC3B;AAEA,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAK,UAAAR,EAAU,UAAS,GAC7B;AAAA,IACA,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,cAAcP,EAAU;AAAA,QACxB,QAAQ,CAACS,MAAMN,EAAkBM,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACnD,GACJ;AAER;"}

package/dist/@ecme/views/concepts/projects/ProjectDetails/ProjectDetails.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectDetails.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/ProjectDetails.tsx"],"sourcesContent":["import { useState, lazy, Suspense } from 'react'\nimport Spinner from '@/components/ui/Spinner'\nimport ProjectDetailsHeader from './components/ProjectDetailsHeader'\nimport ProjectDetailsNavigation from './components/ProjectDetailsNavigation'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { apiGetProject } from '@/services/ProjectService'\nimport useSWR from 'swr'\nimport { useParams } from 'react-router-dom'\nimport type { GetProjectDetailsResponse } from './types'\n\nconst defaultNavValue = 'overview'\nconst settingsNavValue = 'settings'\n\nconst ProjectDetailsOverview = lazy(\n () => import('./components/ProjectDetailsOverview'),\n)\nconst ProjectDetailsTask = lazy(() => import('./components/ProjectDetailsTask'))\nconst ProjectDetailsAttachments = lazy(\n () => import('./components/ProjectDetailsAttachments'),\n)\nconst ProjectDetailsActivity = lazy(\n () => import('./components/ProjectDetailsActivity'),\n)\nconst ProjectDetailsSetting = lazy(\n () => import('./components/ProjectDetailsSetting'),\n)\n\nconst ProjectDetails = () => {\n const { id } = useParams()\n\n const { data, mutate } = useSWR<GetProjectDetailsResponse, { id: string }>(\n [`/api/project/${id}`],\n () => apiGetProject({ id }),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n },\n )\n\n const { larger } = useResponsive()\n\n const [selectedNav, setSelectedNav] = useState(defaultNavValue)\n const [isContentEdit, setIsContentEdit] = useState(false)\n\n const handleEdit = (isEdit: boolean) => {\n setSelectedNav(settingsNavValue)\n setIsContentEdit(isEdit)\n }\n\n const handleContentChange = (content: string) => {\n mutate({ ...(data as GetProjectDetailsResponse), content }, false)\n setIsContentEdit(false)\n }\n\n const handleUpdate = ({\n name,\n content,\n dueDate,\n }: {\n name: string\n content: string\n dueDate: number\n }) => {\n const newData = { ...data }\n newData.name = name\n newData.content = content\n if (newData.schedule) {\n newData.schedule.dueDate = dueDate\n }\n\n mutate({ ...(newData as GetProjectDetailsResponse) }, false)\n setIsContentEdit(false)\n setSelectedNav(defaultNavValue)\n }\n\n const handleNavigationChange = (val: string) => {\n if (val === settingsNavValue) {\n setIsContentEdit(true)\n } else {\n setIsContentEdit(false)\n }\n setSelectedNav(val)\n }\n\n return (\n <div>\n {data && (\n <>\n <ProjectDetailsHeader\n title={data.name}\n isContentEdit={isContentEdit}\n selected={selectedNav}\n onEdit={handleEdit}\n onChange={handleNavigationChange}\n />\n <div className=\"mt-6 flex gap-12\">\n {larger.xl && (\n <ProjectDetailsNavigation\n selected={selectedNav}\n onChange={handleNavigationChange}\n />\n )}\n <div className=\"w-full\">\n <Suspense\n fallback={\n <div className=\"my-4 mx-auto text-center flex justify-center\">\n <Spinner size={40} />\n </div>\n }\n >\n {selectedNav === defaultNavValue && (\n <ProjectDetailsOverview\n content={data.content}\n client={data.client}\n schedule={data.schedule}\n isContentEdit={isContentEdit}\n setIsContentEdit={setIsContentEdit}\n onContentChange={handleContentChange}\n />\n )}\n {selectedNav === 'tasks' && (\n <ProjectDetailsTask />\n )}\n {selectedNav === 'attachments' && (\n <ProjectDetailsAttachments />\n )}\n {selectedNav === 'activity' && (\n <ProjectDetailsActivity />\n )}\n {selectedNav === 'settings' && (\n <ProjectDetailsSetting\n name={data.name}\n content={data.content}\n dueDate={data.schedule.dueDate}\n onUpdate={handleUpdate}\n />\n )}\n </Suspense>\n </div>\n </div>\n </>\n )}\n </div>\n )\n}\n\nexport default ProjectDetails\n"],"names":["defaultNavValue","settingsNavValue","ProjectDetailsOverview","lazy","ProjectDetailsTask","ProjectDetailsAttachments","ProjectDetailsActivity","ProjectDetailsSetting","ProjectDetails","id","useParams","data","mutate","useSWR","apiGetProject","larger","useResponsive","selectedNav","setSelectedNav","useState","isContentEdit","setIsContentEdit","handleEdit","isEdit","handleContentChange","content","handleUpdate","name","dueDate","newData","handleNavigationChange","val","jsx","jsxs","Fragment","ProjectDetailsHeader","ProjectDetailsNavigation","Suspense","Spinner"],"mappings":";;;;;;;;;;AAUA,MAAMA,IAAkB,YAClBC,IAAmB,YAEnBC,IAAyBC;AAAA,EAC3B,MAAM,OAAO,wCAAqC;AACtD,GACMC,IAAqBD,EAAK,MAAM,OAAO,oCAAiC,CAAC,GACzEE,IAA4BF;AAAA,EAC9B,MAAM,OAAO,2CAAwC;AACzD,GACMG,IAAyBH;AAAA,EAC3B,MAAM,OAAO,wCAAqC;AACtD,GACMI,IAAwBJ;AAAA,EAC1B,MAAM,OAAO,uCAAoC;AACrD,GAEMK,IAAiB,MAAM;AACzB,QAAM,EAAE,IAAAC,EAAA,IAAOC,EAAA,GAET,EAAE,MAAAC,GAAM,QAAAC,EAAA,IAAWC;AAAA,IACrB,CAAC,gBAAgBJ,CAAE,EAAE;AAAA,IACrB,MAAMK,EAAc,EAAE,IAAAL,GAAI;AAAA,IAC1B;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EAC3B,GAGE,EAAE,QAAAM,EAAA,IAAWC,EAAA,GAEb,CAACC,GAAaC,CAAc,IAAIC,EAASnB,CAAe,GACxD,CAACoB,GAAeC,CAAgB,IAAIF,EAAS,EAAK,GAElDG,IAAa,CAACC,MAAoB;AACpC,IAAAL,EAAejB,CAAgB,GAC/BoB,EAAiBE,CAAM;AAAA,~~EAAA~~,~~GAGrBC~~,IAAsB,CAACC,MAAoB;AAC7C,IAAAb,EAAO,EAAE,GAAID,GAAoC,SAAAc,EAAA,GAAW,EAAK,GACjEJ,EAAiB,EAAK;AAAA,~~EAAA~~,~~GAGpBK~~,IAAe,CAAC;AAAA,IAClB,MAAAC;AAAA,IACA,SAAAF;AAAA,IACA,SAAAG;AAAA,EAAA,MAKE;AACF,UAAMC,IAAU,EAAE,GAAGlB,EAAA;AACrB,IAAAkB,EAAQ,OAAOF,GACfE,EAAQ,UAAUJ,GACdI,EAAQ,aACRA,EAAQ,SAAS,UAAUD,IAG/BhB,EAAO,EAAE,GAAIiB,EAAA,GAAyC,EAAK,GAC3DR,EAAiB,EAAK,GACtBH,EAAelB,CAAe;AAAA,~~EAAA~~,~~GAG5B8B~~,IAAyB,CAACC,MAAgB;AAC5C,IACIV,EADAU,MAAQ9B,CACa,GAIzBiB,EAAea,CAAG;AAAA,~~EAAA~~;~~AAGtB~~,SACI,gBAAAC,EAAC,OAAA,EACI,UAAArB,KACG,gBAAAsB,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,OAAOxB,EAAK;AAAA,QACZ,eAAAS;AAAA,QACA,UAAUH;AAAA,QACV,QAAQK;AAAA,QACR,UAAUQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEd,gBAAAG,EAAC,OAAA,EAAI,WAAU,oBACV,UAAA;AAAA,MAAAlB,EAAO,MACJ,gBAAAiB;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,UAAUnB;AAAA,UACV,UAAUa;AAAA,QAAA;AAAA,MAAA;AAAA,MAGlB,gBAAAE,EAAC,OAAA,EAAI,WAAU,UACX,UAAA,gBAAAC;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,4BACK,OAAA,EAAI,WAAU,gDACX,UAAA,gBAAAL,EAACM,GAAA,EAAQ,MAAM,GAAA,CAAI,EAAA,CACvB;AAAA,UAGH,UAAA;AAAA,YAAArB,MAAgBjB,KACb,gBAAAgC;AAAA,cAAC9B;AAAA,cAAA;AAAA,gBACG,SAASS,EAAK;AAAA,gBACd,QAAQA,EAAK;AAAA,gBACb,UAAUA,EAAK;AAAA,gBACf,eAAAS;AAAA,gBACA,kBAAAC;AAAA,gBACA,iBAAiBG;AAAA,cAAA;AAAA,YAAA;AAAA,YAGxBP,MAAgB,WACb,gBAAAe,EAAC5B,GAAA,CAAA,CAAmB;AAAA,YAEvBa,MAAgB,iBACb,gBAAAe,EAAC3B,GAAA,CAAA,CAA0B;AAAA,YAE9BY,MAAgB,cACb,gBAAAe,EAAC1B,GAAA,CAAA,CAAuB;AAAA,YAE3BW,MAAgB,cACb,gBAAAe;AAAA,cAACzB;AAAA,cAAA;AAAA,gBACG,MAAMI,EAAK;AAAA,gBACX,SAASA,EAAK;AAAA,gBACd,SAASA,EAAK,SAAS;AAAA,gBACvB,UAAUe;AAAA,cAAA;AAAA,YAAA;AAAA,UACd;AAAA,QAAA;AAAA,MAAA,EAER,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CAER;AAER;"}
1	+ {"version":3,"file":"ProjectDetails.js","sources":["../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/ProjectDetails.tsx"],"sourcesContent":["import { useState, lazy, Suspense } from 'react'\nimport Spinner from '@/components/ui/Spinner'\nimport ProjectDetailsHeader from './components/ProjectDetailsHeader'\nimport ProjectDetailsNavigation from './components/ProjectDetailsNavigation'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { apiGetProject } from '@/services/ProjectService'\nimport useSWR from 'swr'\nimport { useParams } from 'react-router-dom'\nimport type { GetProjectDetailsResponse } from './types'\n\nconst defaultNavValue = 'overview'\nconst settingsNavValue = 'settings'\n\nconst ProjectDetailsOverview = lazy(\n () => import('./components/ProjectDetailsOverview'),\n)\nconst ProjectDetailsTask = lazy(() => import('./components/ProjectDetailsTask'))\nconst ProjectDetailsAttachments = lazy(\n () => import('./components/ProjectDetailsAttachments'),\n)\nconst ProjectDetailsActivity = lazy(\n () => import('./components/ProjectDetailsActivity'),\n)\nconst ProjectDetailsSetting = lazy(\n () => import('./components/ProjectDetailsSetting'),\n)\n\nconst ProjectDetails = () => {\n const { id } = useParams()\n\n const { data, mutate } = useSWR<GetProjectDetailsResponse, { id: string }>(\n [`/api/project/${id}`],\n () => apiGetProject({ id }),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n },\n )\n\n const { larger } = useResponsive()\n\n const [selectedNav, setSelectedNav] = useState(defaultNavValue)\n const [isContentEdit, setIsContentEdit] = useState(false)\n\n const handleEdit = (isEdit: boolean) => {\n setSelectedNav(settingsNavValue)\n setIsContentEdit(isEdit)\n }\n\n const handleContentChange = (content: string) => {\n mutate({ ...(data as GetProjectDetailsResponse), content }, false)\n setIsContentEdit(false)\n }\n\n const handleUpdate = ({\n name,\n content,\n dueDate,\n }: {\n name: string\n content: string\n dueDate: number\n }) => {\n const newData = { ...data }\n newData.name = name\n newData.content = content\n if (newData.schedule) {\n newData.schedule.dueDate = dueDate\n }\n\n mutate({ ...(newData as GetProjectDetailsResponse) }, false)\n setIsContentEdit(false)\n setSelectedNav(defaultNavValue)\n }\n\n const handleNavigationChange = (val: string) => {\n if (val === settingsNavValue) {\n setIsContentEdit(true)\n } else {\n setIsContentEdit(false)\n }\n setSelectedNav(val)\n }\n\n return (\n <div>\n {data && (\n <>\n <ProjectDetailsHeader\n title={data.name}\n isContentEdit={isContentEdit}\n selected={selectedNav}\n onEdit={handleEdit}\n onChange={handleNavigationChange}\n />\n <div className=\"mt-6 flex gap-12\">\n {larger.xl && (\n <ProjectDetailsNavigation\n selected={selectedNav}\n onChange={handleNavigationChange}\n />\n )}\n <div className=\"w-full\">\n <Suspense\n fallback={\n <div className=\"my-4 mx-auto text-center flex justify-center\">\n <Spinner size={40} />\n </div>\n }\n >\n {selectedNav === defaultNavValue && (\n <ProjectDetailsOverview\n content={data.content}\n client={data.client}\n schedule={data.schedule}\n isContentEdit={isContentEdit}\n setIsContentEdit={setIsContentEdit}\n onContentChange={handleContentChange}\n />\n )}\n {selectedNav === 'tasks' && (\n <ProjectDetailsTask />\n )}\n {selectedNav === 'attachments' && (\n <ProjectDetailsAttachments />\n )}\n {selectedNav === 'activity' && (\n <ProjectDetailsActivity />\n )}\n {selectedNav === 'settings' && (\n <ProjectDetailsSetting\n name={data.name}\n content={data.content}\n dueDate={data.schedule.dueDate}\n onUpdate={handleUpdate}\n />\n )}\n </Suspense>\n </div>\n </div>\n </>\n )}\n </div>\n )\n}\n\nexport default ProjectDetails\n"],"names":["defaultNavValue","settingsNavValue","ProjectDetailsOverview","lazy","ProjectDetailsTask","ProjectDetailsAttachments","ProjectDetailsActivity","ProjectDetailsSetting","ProjectDetails","id","useParams","data","mutate","useSWR","apiGetProject","larger","useResponsive","selectedNav","setSelectedNav","useState","isContentEdit","setIsContentEdit","handleEdit","isEdit","handleContentChange","content","handleUpdate","name","dueDate","newData","handleNavigationChange","val","jsx","jsxs","Fragment","ProjectDetailsHeader","ProjectDetailsNavigation","Suspense","Spinner"],"mappings":"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"}

package/dist/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsActivity.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectDetailsActivity.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsActivity.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport Timeline from '@/components/ui/Timeline'\nimport Button from '@/components/ui/Button'\nimport Loading from '@/components/shared/Loading'\nimport { apiGetLogs } from '@/services/LogService'\nimport { ActivityAvatar, ActivityEvent } from '@/components/view/Activity'\nimport isEmpty from 'lodash/isEmpty'\nimport dayjs from 'dayjs'\nimport type { GetProjectDetailsActitvityResponse } from '../types'\n\nconst ProjectDetailsActivity = () => {\n const [isLoading, setIsLoading] = useState(false)\n const [activityIndex, setActivityIndex] = useState(1)\n const [loadable, seLoadable] = useState(true)\n const [activities, setActivities] = useState<\n Array<{\n id: string\n date: number\n events: Array<{\n type: string\n dateTime: number\n ticket?: string\n status?: number\n userName: string\n userImg?: string\n comment?: string\n tags?: string[]\n files?: string[]\n assignee?: string\n }>\n }>\n >([])\n\n const getLogs = async () => {\n setIsLoading(true)\n const resp = await apiGetLogs<\n GetProjectDetailsActitvityResponse,\n { activityIndex: number }\n >({ activityIndex })\n setActivities((prevActivities) => [...prevActivities, ...resp.data])\n seLoadable(resp.loadable)\n setIsLoading(false)\n }\n\n useEffect(() => {\n getLogs()\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n const onLoadMore = () => {\n setActivityIndex((prevIndex) => prevIndex + 1)\n getLogs()\n }\n\n return (\n <Loading loading={isLoading}>\n <div>\n {activities.map((log, index) => (\n <div key={log.id + index} className=\"mb-8\">\n <div className=\"mb-4 font-semibold uppercase\">\n {dayjs.unix(log.date).format('dddd, DD MMMM')}\n </div>\n <Timeline>\n {isEmpty(log.events) ? (\n <Timeline.Item>No Activities</Timeline.Item>\n ) : (\n log.events.map((event, index) => (\n <Timeline.Item\n key={log.id + event.type + index}\n media={<ActivityAvatar data={event} />}\n >\n <div className=\"mt-1\">\n <ActivityEvent data={event} />\n </div>\n </Timeline.Item>\n ))\n )}\n </Timeline>\n </div>\n ))}\n <div className=\"text-center\">\n {loadable ? (\n <Button loading={isLoading} onClick={onLoadMore}>\n Load More\n </Button>\n ) : (\n 'No more activity to load'\n )}\n </div>\n </div>\n </Loading>\n )\n}\n\nexport default ProjectDetailsActivity\n"],"names":["ProjectDetailsActivity","isLoading","setIsLoading","useState","activityIndex","setActivityIndex","loadable","seLoadable","activities","setActivities","getLogs","resp","apiGetLogs","prevActivities","useEffect","onLoadMore","prevIndex","jsx","Loading","log","index","jsxs","dayjs","Timeline","isEmpty","event","ActivityAvatar","ActivityEvent","Button"],"mappings":";;;;;;;;;;;;AAUA,MAAMA,IAAyB,MAAM;AACjC,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAeC,CAAgB,IAAIF,EAAS,CAAC,GAC9C,CAACG,GAAUC,CAAU,IAAIJ,EAAS,EAAI,GACtC,CAACK,GAAYC,CAAa,IAAIN,EAiBlC,CAAA,CAAE,GAEEO,IAAU,YAAY;AACxB,IAAAR,EAAa,EAAI;AACjB,UAAMS,IAAO,MAAMC,EAGjB,EAAE,eAAAR,GAAe;AACnB,IAAAK,EAAc,CAACI,MAAmB,CAAC,GAAGA,GAAgB,GAAGF,EAAK,IAAI,CAAC,GACnEJ,EAAWI,EAAK,QAAQ,GACxBT,EAAa,EAAK;AAAA,~~EAAA~~;~~AAGtB~~,EAAAY,EAAU,MAAM;AACZ,IAAAJ,EAAA;AAAA,~~EAAQ~~,~~GAET~~,~~EAAE~~;AAEL,QAAMK,IAAa,MAAM;AACrB,IAAAV,EAAiB,CAACW,MAAcA,IAAY,CAAC,GAC7CN,EAAA;AAAA,~~EAAQ~~;~~AAGZ~~,SACI,gBAAAO,EAACC,GAAA,EAAQ,SAASjB,GACd,4BAAC,OAAA,EACI,UAAA;AAAA,IAAAO,EAAW,IAAI,CAACW,GAAKC,MAClB,gBAAAC,EAAC,OAAA,EAAyB,WAAU,QAChC,UAAA;AAAA,MAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,gCACV,UAAAK,EAAM,KAAKH,EAAI,IAAI,EAAE,OAAO,eAAe,EAAA,CAChD;AAAA,wBACCI,GAAA,EACI,UAAAC,EAAQL,EAAI,MAAM,IACf,gBAAAF,EAACM,EAAS,MAAT,EAAc,2BAAa,IAE5BJ,EAAI,OAAO,IAAI,CAACM,GAAOL,MACnB,gBAAAH;AAAA,QAACM,EAAS;AAAA,QAAT;AAAA,UAEG,OAAO,gBAAAN,EAACS,GAAA,EAAe,MAAMD,EAAA,CAAO;AAAA,UAEpC,UAAA,gBAAAR,EAAC,SAAI,WAAU,QACX,4BAACU,GAAA,EAAc,MAAMF,GAAO,EAAA,CAChC;AAAA,QAAA;AAAA,QALKN,EAAI,KAAKM,EAAM,OAAOL;AAAAA,MAAA,CAOlC,EAAA,CAET;AAAA,IAAA,EAAA,GAnBMD,EAAI,KAAKC,CAoBnB,CACH;AAAA,IACD,gBAAAH,EAAC,OAAA,EAAI,WAAU,eACV,UAAAX,IACG,gBAAAW,EAACW,GAAA,EAAO,SAAS3B,GAAW,SAASc,GAAY,UAAA,YAAA,CAEjD,IAEA,2BAAA,CAER;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
1	+ {"version":3,"file":"ProjectDetailsActivity.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsActivity.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport Timeline from '@/components/ui/Timeline'\nimport Button from '@/components/ui/Button'\nimport Loading from '@/components/shared/Loading'\nimport { apiGetLogs } from '@/services/LogService'\nimport { ActivityAvatar, ActivityEvent } from '@/components/view/Activity'\nimport isEmpty from 'lodash/isEmpty'\nimport dayjs from 'dayjs'\nimport type { GetProjectDetailsActitvityResponse } from '../types'\n\nconst ProjectDetailsActivity = () => {\n const [isLoading, setIsLoading] = useState(false)\n const [activityIndex, setActivityIndex] = useState(1)\n const [loadable, seLoadable] = useState(true)\n const [activities, setActivities] = useState<\n Array<{\n id: string\n date: number\n events: Array<{\n type: string\n dateTime: number\n ticket?: string\n status?: number\n userName: string\n userImg?: string\n comment?: string\n tags?: string[]\n files?: string[]\n assignee?: string\n }>\n }>\n >([])\n\n const getLogs = async () => {\n setIsLoading(true)\n const resp = await apiGetLogs<\n GetProjectDetailsActitvityResponse,\n { activityIndex: number }\n >({ activityIndex })\n setActivities((prevActivities) => [...prevActivities, ...resp.data])\n seLoadable(resp.loadable)\n setIsLoading(false)\n }\n\n useEffect(() => {\n getLogs()\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n const onLoadMore = () => {\n setActivityIndex((prevIndex) => prevIndex + 1)\n getLogs()\n }\n\n return (\n <Loading loading={isLoading}>\n <div>\n {activities.map((log, index) => (\n <div key={log.id + index} className=\"mb-8\">\n <div className=\"mb-4 font-semibold uppercase\">\n {dayjs.unix(log.date).format('dddd, DD MMMM')}\n </div>\n <Timeline>\n {isEmpty(log.events) ? (\n <Timeline.Item>No Activities</Timeline.Item>\n ) : (\n log.events.map((event, index) => (\n <Timeline.Item\n key={log.id + event.type + index}\n media={<ActivityAvatar data={event} />}\n >\n <div className=\"mt-1\">\n <ActivityEvent data={event} />\n </div>\n </Timeline.Item>\n ))\n )}\n </Timeline>\n </div>\n ))}\n <div className=\"text-center\">\n {loadable ? (\n <Button loading={isLoading} onClick={onLoadMore}>\n Load More\n </Button>\n ) : (\n 'No more activity to load'\n )}\n </div>\n </div>\n </Loading>\n )\n}\n\nexport default ProjectDetailsActivity\n"],"names":["ProjectDetailsActivity","isLoading","setIsLoading","useState","activityIndex","setActivityIndex","loadable","seLoadable","activities","setActivities","getLogs","resp","apiGetLogs","prevActivities","useEffect","onLoadMore","prevIndex","jsx","Loading","log","index","jsxs","dayjs","Timeline","isEmpty","event","ActivityAvatar","ActivityEvent","Button"],"mappings":";;;;;;;;;;;;AAUA,MAAMA,IAAyB,MAAM;AACjC,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAeC,CAAgB,IAAIF,EAAS,CAAC,GAC9C,CAACG,GAAUC,CAAU,IAAIJ,EAAS,EAAI,GACtC,CAACK,GAAYC,CAAa,IAAIN,EAiBlC,CAAA,CAAE,GAEEO,IAAU,YAAY;AACxB,IAAAR,EAAa,EAAI;AACjB,UAAMS,IAAO,MAAMC,EAGjB,EAAE,eAAAR,GAAe;AACnB,IAAAK,EAAc,CAACI,MAAmB,CAAC,GAAGA,GAAgB,GAAGF,EAAK,IAAI,CAAC,GACnEJ,EAAWI,EAAK,QAAQ,GACxBT,EAAa,EAAK;AAAA,EACtB;AAEA,EAAAY,EAAU,MAAM;AACZ,IAAAJ,EAAA;AAAA,EAEJ,GAAG,CAAA,CAAE;AAEL,QAAMK,IAAa,MAAM;AACrB,IAAAV,EAAiB,CAACW,MAAcA,IAAY,CAAC,GAC7CN,EAAA;AAAA,EACJ;AAEA,SACI,gBAAAO,EAACC,GAAA,EAAQ,SAASjB,GACd,4BAAC,OAAA,EACI,UAAA;AAAA,IAAAO,EAAW,IAAI,CAACW,GAAKC,MAClB,gBAAAC,EAAC,OAAA,EAAyB,WAAU,QAChC,UAAA;AAAA,MAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,gCACV,UAAAK,EAAM,KAAKH,EAAI,IAAI,EAAE,OAAO,eAAe,EAAA,CAChD;AAAA,wBACCI,GAAA,EACI,UAAAC,EAAQL,EAAI,MAAM,IACf,gBAAAF,EAACM,EAAS,MAAT,EAAc,2BAAa,IAE5BJ,EAAI,OAAO,IAAI,CAACM,GAAOL,MACnB,gBAAAH;AAAA,QAACM,EAAS;AAAA,QAAT;AAAA,UAEG,OAAO,gBAAAN,EAACS,GAAA,EAAe,MAAMD,EAAA,CAAO;AAAA,UAEpC,UAAA,gBAAAR,EAAC,SAAI,WAAU,QACX,4BAACU,GAAA,EAAc,MAAMF,GAAO,EAAA,CAChC;AAAA,QAAA;AAAA,QALKN,EAAI,KAAKM,EAAM,OAAOL;AAAAA,MAAA,CAOlC,EAAA,CAET;AAAA,IAAA,EAAA,GAnBMD,EAAI,KAAKC,CAoBnB,CACH;AAAA,IACD,gBAAAH,EAAC,OAAA,EAAI,WAAU,eACV,UAAAX,IACG,gBAAAW,EAACW,GAAA,EAAO,SAAS3B,GAAW,SAASc,GAAY,UAAA,YAAA,CAEjD,IAEA,2BAAA,CAER;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectDetailsHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsHeader.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Input from '@/components/ui/Input'\nimport Select from '@/components/ui/Select'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\nimport ProjectDetailsNavigation from './ProjectDetailsNavigation'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { apiGetProjectMembers } from '@/services/ProjectService'\nimport { components } from 'react-select'\nimport { TbChecks } from 'react-icons/tb'\nimport useSWRMutation from 'swr/mutation'\nimport type { MultiValueGenericProps, OptionProps } from 'react-select'\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\n\ntype ProjectDetailsHeaderProps = {\n title: string\n isContentEdit: boolean\n onEdit: (value: boolean) => void\n selected: string\n onChange: (value: string) => void\n}\n\ntype Member = {\n id: string\n name: string\n img: string\n}\n\ntype MemberOption = {\n label: string\n value: string\n img: string\n}\n\ntype GetProjectMembersResponse = {\n participantMembers: Member[]\n allMembers: Member[]\n}\n\nconst { MultiValueLabel } = components\n\nconst CustomSelectOption = ({\n innerProps,\n label,\n data,\n isSelected,\n}: OptionProps<MemberOption>) => {\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 ProjectDetailsHeader = (props: ProjectDetailsHeaderProps) => {\n const { title, isContentEdit, onEdit, onChange, selected } = props\n\n const [isDialogOpen, setIsDialogOpen] = useState(false)\n\n const [loading, setLoading] = useState(false)\n\n const [copied, setCopied] = useState(false)\n\n const [memberOptions, setMemberOptions] = useState<MemberOption[]>([])\n\n const drawerRef = useRef<ToggleDrawerRef>(null)\n\n const { smaller } = useResponsive()\n\n const { trigger } = useSWRMutation(\n ['/api/projects/members'],\n () => apiGetProjectMembers<GetProjectMembersResponse>(),\n {\n onSuccess: (data) => {\n const members = data?.allMembers.map((item) => ({\n value: item.id,\n label: item.name,\n img: item.img,\n }))\n setMemberOptions(members)\n },\n },\n )\n\n const handleFocus = async () => {\n if (memberOptions.length === 0) {\n setLoading(true)\n await trigger()\n setLoading(false)\n }\n }\n\n useEffect(() => {\n if (copied) {\n const copyFeedbackInterval = setTimeout(\n () => setCopied(false),\n 2000,\n )\n\n return () => {\n clearTimeout(copyFeedbackInterval)\n }\n }\n }, [copied])\n\n const handleNavigationChange = (val: string) => {\n onChange(val)\n drawerRef.current?.handleCloseDrawer()\n }\n\n return (\n <>\n <div className=\"flex items-center justify-between border-b border-gray-200 dark:border-gray-700 mb-6 pb-4\">\n <div className=\"flex items-center gap-4\">\n {smaller.xl && (\n <ToggleDrawer ref={drawerRef} title=\"Navigation\">\n <ProjectDetailsNavigation\n selected={selected}\n onChange={handleNavigationChange}\n />\n </ToggleDrawer>\n )}\n <h3>{title}</h3>\n </div>\n <div className=\"flex items-center gap-2\">\n <Button onClick={() => setIsDialogOpen(true)}>Share</Button>\n <Button\n disabled={isContentEdit}\n variant=\"solid\"\n onClick={() => onEdit(!isContentEdit)}\n >\n {isContentEdit ? 'Editing' : 'Edit'}\n </Button>\n </div>\n </div>\n <Dialog\n isOpen={isDialogOpen}\n width={640}\n onClose={() => setIsDialogOpen(false)}\n onRequestClose={() => setIsDialogOpen(false)}\n >\n <h5>Share this project</h5>\n <Form className=\"my-6\">\n <FormItem label=\"Copy link\">\n <Input\n readOnly\n value=\"https://edge.themenate.net/concepts/projects/project-details/27\"\n suffix={\n <Button\n type=\"button\"\n variant=\"solid\"\n size=\"sm\"\n customColorClass={() =>\n 'bg-gray-900 hover:bg-gray-800 dark:bg-gray-100 dark:hover:bg-gray-200'\n }\n onClick={() => setCopied(true)}\n >\n {copied ? 'Copied' : 'Copy'}\n </Button>\n }\n />\n </FormItem>\n <FormItem label=\"Or share to members\">\n <Select<MemberOption, true>\n isMulti\n className=\"min-w-[120px]\"\n components={{\n Option: CustomSelectOption,\n MultiValueLabel: CustomControlMulti,\n }}\n options={memberOptions}\n isLoading={loading}\n onFocus={handleFocus}\n />\n </FormItem>\n </Form>\n <div className=\"flex items-center justify-end gap-2\">\n <Button onClick={() => setIsDialogOpen(false)}>\n Cancel\n </Button>\n <Button\n variant=\"solid\"\n onClick={() => setIsDialogOpen(false)}\n >\n Share\n </Button>\n </div>\n </Dialog>\n </>\n )\n}\n\nexport default ProjectDetailsHeader\n"],"names":["MultiValueLabel","components","CustomSelectOption","innerProps","label","data","isSelected","jsxs","jsx","Avatar","TbChecks","CustomControlMulti","children","props","img","ProjectDetailsHeader","title","isContentEdit","onEdit","onChange","selected","isDialogOpen","setIsDialogOpen","useState","loading","setLoading","copied","setCopied","memberOptions","setMemberOptions","drawerRef","useRef","smaller","useResponsive","trigger","useSWRMutation","apiGetProjectMembers","members","item","handleFocus","useEffect","copyFeedbackInterval","handleNavigationChange","val","_a","Fragment","ToggleDrawer","ProjectDetailsNavigation","Button","Dialog","Form","FormItem","Input","Select"],"mappings":"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"}
1	+ {"version":3,"file":"ProjectDetailsHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsHeader.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Input from '@/components/ui/Input'\nimport Select from '@/components/ui/Select'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport ToggleDrawer from '@/components/shared/ToggleDrawer'\nimport ProjectDetailsNavigation from './ProjectDetailsNavigation'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport { apiGetProjectMembers } from '@/services/ProjectService'\nimport { components } from 'react-select'\nimport { TbChecks } from 'react-icons/tb'\nimport useSWRMutation from 'swr/mutation'\nimport type { MultiValueGenericProps, OptionProps } from 'react-select'\nimport type { ToggleDrawerRef } from '@/components/shared/ToggleDrawer'\n\ntype ProjectDetailsHeaderProps = {\n title: string\n isContentEdit: boolean\n onEdit: (value: boolean) => void\n selected: string\n onChange: (value: string) => void\n}\n\ntype Member = {\n id: string\n name: string\n img: string\n}\n\ntype MemberOption = {\n label: string\n value: string\n img: string\n}\n\ntype GetProjectMembersResponse = {\n participantMembers: Member[]\n allMembers: Member[]\n}\n\nconst { MultiValueLabel } = components\n\nconst CustomSelectOption = ({\n innerProps,\n label,\n data,\n isSelected,\n}: OptionProps<MemberOption>) => {\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 ProjectDetailsHeader = (props: ProjectDetailsHeaderProps) => {\n const { title, isContentEdit, onEdit, onChange, selected } = props\n\n const [isDialogOpen, setIsDialogOpen] = useState(false)\n\n const [loading, setLoading] = useState(false)\n\n const [copied, setCopied] = useState(false)\n\n const [memberOptions, setMemberOptions] = useState<MemberOption[]>([])\n\n const drawerRef = useRef<ToggleDrawerRef>(null)\n\n const { smaller } = useResponsive()\n\n const { trigger } = useSWRMutation(\n ['/api/projects/members'],\n () => apiGetProjectMembers<GetProjectMembersResponse>(),\n {\n onSuccess: (data) => {\n const members = data?.allMembers.map((item) => ({\n value: item.id,\n label: item.name,\n img: item.img,\n }))\n setMemberOptions(members)\n },\n },\n )\n\n const handleFocus = async () => {\n if (memberOptions.length === 0) {\n setLoading(true)\n await trigger()\n setLoading(false)\n }\n }\n\n useEffect(() => {\n if (copied) {\n const copyFeedbackInterval = setTimeout(\n () => setCopied(false),\n 2000,\n )\n\n return () => {\n clearTimeout(copyFeedbackInterval)\n }\n }\n }, [copied])\n\n const handleNavigationChange = (val: string) => {\n onChange(val)\n drawerRef.current?.handleCloseDrawer()\n }\n\n return (\n <>\n <div className=\"flex items-center justify-between border-b border-gray-200 dark:border-gray-700 mb-6 pb-4\">\n <div className=\"flex items-center gap-4\">\n {smaller.xl && (\n <ToggleDrawer ref={drawerRef} title=\"Navigation\">\n <ProjectDetailsNavigation\n selected={selected}\n onChange={handleNavigationChange}\n />\n </ToggleDrawer>\n )}\n <h3>{title}</h3>\n </div>\n <div className=\"flex items-center gap-2\">\n <Button onClick={() => setIsDialogOpen(true)}>Share</Button>\n <Button\n disabled={isContentEdit}\n variant=\"solid\"\n onClick={() => onEdit(!isContentEdit)}\n >\n {isContentEdit ? 'Editing' : 'Edit'}\n </Button>\n </div>\n </div>\n <Dialog\n isOpen={isDialogOpen}\n width={640}\n onClose={() => setIsDialogOpen(false)}\n onRequestClose={() => setIsDialogOpen(false)}\n >\n <h5>Share this project</h5>\n <Form className=\"my-6\">\n <FormItem label=\"Copy link\">\n <Input\n readOnly\n value=\"https://edge.themenate.net/concepts/projects/project-details/27\"\n suffix={\n <Button\n type=\"button\"\n variant=\"solid\"\n size=\"sm\"\n customColorClass={() =>\n 'bg-gray-900 hover:bg-gray-800 dark:bg-gray-100 dark:hover:bg-gray-200'\n }\n onClick={() => setCopied(true)}\n >\n {copied ? 'Copied' : 'Copy'}\n </Button>\n }\n />\n </FormItem>\n <FormItem label=\"Or share to members\">\n <Select<MemberOption, true>\n isMulti\n className=\"min-w-[120px]\"\n components={{\n Option: CustomSelectOption,\n MultiValueLabel: CustomControlMulti,\n }}\n options={memberOptions}\n isLoading={loading}\n onFocus={handleFocus}\n />\n </FormItem>\n </Form>\n <div className=\"flex items-center justify-end gap-2\">\n <Button onClick={() => setIsDialogOpen(false)}>\n Cancel\n </Button>\n <Button\n variant=\"solid\"\n onClick={() => setIsDialogOpen(false)}\n >\n Share\n </Button>\n </div>\n </Dialog>\n </>\n )\n}\n\nexport default ProjectDetailsHeader\n"],"names":["MultiValueLabel","components","CustomSelectOption","innerProps","label","data","isSelected","jsxs","jsx","Avatar","TbChecks","CustomControlMulti","children","props","img","ProjectDetailsHeader","title","isContentEdit","onEdit","onChange","selected","isDialogOpen","setIsDialogOpen","useState","loading","setLoading","copied","setCopied","memberOptions","setMemberOptions","drawerRef","useRef","smaller","useResponsive","trigger","useSWRMutation","apiGetProjectMembers","members","item","handleFocus","useEffect","copyFeedbackInterval","handleNavigationChange","val","_a","Fragment","ToggleDrawer","ProjectDetailsNavigation","Button","Dialog","Form","FormItem","Input","Select"],"mappings":"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"}

package/dist/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsNavigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectDetailsNavigation.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsNavigation.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport {\n TbFileInfo,\n TbChecklist,\n TbSettings,\n TbCalendarStats,\n TbPaperclip,\n} from 'react-icons/tb'\n\ntype ProjectDetailsNavigationProps = {\n selected: string\n onChange: (value: string) => void\n}\n\nconst navigation = [\n { label: 'Overview', value: 'overview', icon: <TbFileInfo /> },\n { label: 'Tasks', value: 'tasks', icon: <TbChecklist /> },\n { label: 'Attachments', value: 'attachments', icon: <TbPaperclip /> },\n { label: 'Activities', value: 'activity', icon: <TbCalendarStats /> },\n { label: 'Settings', value: 'settings', icon: <TbSettings /> },\n]\n\nconst ProjectDetailsNavigation = ({\n selected,\n onChange,\n}: ProjectDetailsNavigationProps) => {\n const handleClick = (value: string) => {\n onChange(value)\n }\n\n return (\n <div className=\"w-[250px]\">\n <div className=\"flex flex-col gap-2\">\n {navigation.map((nav) => (\n <div key={nav.value}>\n <button\n className={classNames(\n 'flex items-center gap-2 w-full px-3.5 py-2.5 rounded-full border-2 border-transparent font-semibold transition-colors dark:hover:text-gray-100 text-gray-900 dark:text-white',\n selected === nav.value\n ? 'border-primary'\n : 'hover:bg-gray-100 dark:hover:bg-gray-800',\n )}\n onClick={() => handleClick(nav.value)}\n >\n <span className=\"text-xl\">{nav.icon}</span>\n <span>{nav.label}</span>\n </button>\n </div>\n ))}\n </div>\n </div>\n )\n}\n\nexport default ProjectDetailsNavigation\n"],"names":["navigation","jsx","TbFileInfo","TbChecklist","TbPaperclip","TbCalendarStats","TbSettings","ProjectDetailsNavigation","selected","onChange","handleClick","value","nav","jsxs","classNames"],"mappings":";;;AAcA,MAAMA,IAAa;AAAA,EACf,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,gBAAAC,EAACC,KAAW,EAAA;AAAA,EAC1D,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,gBAAAD,EAACE,KAAY,EAAA;AAAA,EACrD,EAAE,OAAO,eAAe,OAAO,eAAe,MAAM,gBAAAF,EAACG,KAAY,EAAA;AAAA,EACjE,EAAE,OAAO,cAAc,OAAO,YAAY,MAAM,gBAAAH,EAACI,KAAgB,EAAA;AAAA,EACjE,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,gBAAAJ,EAACK,KAAW,EAAA;AAC9D,GAEMC,IAA2B,CAAC;AAAA,EAC9B,UAAAC;AAAA,EACA,UAAAC;AACJ,MAAqC;AACjC,QAAMC,IAAc,CAACC,MAAkB;AACnC,IAAAF,EAASE,CAAK;AAAA,~~EAAA~~;~~AAGlB~~,SACI,gBAAAV,EAAC,OAAA,EAAI,WAAU,aACX,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,uBACV,UAAAD,EAAW,IAAI,CAACY,wBACZ,OAAA,EACG,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAN,MAAaI,EAAI,QACX,mBACA;AAAA,MAAA;AAAA,MAEV,SAAS,MAAMF,EAAYE,EAAI,KAAK;AAAA,MAEpC,UAAA;AAAA,QAAA,gBAAAX,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAW,EAAI,MAAK;AAAA,QACpC,gBAAAX,EAAC,QAAA,EAAM,UAAAW,EAAI,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EACrB,GAZMA,EAAI,KAad,CACH,GACL,EAAA,CACJ;AAER;"}
1	+ {"version":3,"file":"ProjectDetailsNavigation.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsNavigation.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport {\n TbFileInfo,\n TbChecklist,\n TbSettings,\n TbCalendarStats,\n TbPaperclip,\n} from 'react-icons/tb'\n\ntype ProjectDetailsNavigationProps = {\n selected: string\n onChange: (value: string) => void\n}\n\nconst navigation = [\n { label: 'Overview', value: 'overview', icon: <TbFileInfo /> },\n { label: 'Tasks', value: 'tasks', icon: <TbChecklist /> },\n { label: 'Attachments', value: 'attachments', icon: <TbPaperclip /> },\n { label: 'Activities', value: 'activity', icon: <TbCalendarStats /> },\n { label: 'Settings', value: 'settings', icon: <TbSettings /> },\n]\n\nconst ProjectDetailsNavigation = ({\n selected,\n onChange,\n}: ProjectDetailsNavigationProps) => {\n const handleClick = (value: string) => {\n onChange(value)\n }\n\n return (\n <div className=\"w-[250px]\">\n <div className=\"flex flex-col gap-2\">\n {navigation.map((nav) => (\n <div key={nav.value}>\n <button\n className={classNames(\n 'flex items-center gap-2 w-full px-3.5 py-2.5 rounded-full border-2 border-transparent font-semibold transition-colors dark:hover:text-gray-100 text-gray-900 dark:text-white',\n selected === nav.value\n ? 'border-primary'\n : 'hover:bg-gray-100 dark:hover:bg-gray-800',\n )}\n onClick={() => handleClick(nav.value)}\n >\n <span className=\"text-xl\">{nav.icon}</span>\n <span>{nav.label}</span>\n </button>\n </div>\n ))}\n </div>\n </div>\n )\n}\n\nexport default ProjectDetailsNavigation\n"],"names":["navigation","jsx","TbFileInfo","TbChecklist","TbPaperclip","TbCalendarStats","TbSettings","ProjectDetailsNavigation","selected","onChange","handleClick","value","nav","jsxs","classNames"],"mappings":";;;AAcA,MAAMA,IAAa;AAAA,EACf,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,gBAAAC,EAACC,KAAW,EAAA;AAAA,EAC1D,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,gBAAAD,EAACE,KAAY,EAAA;AAAA,EACrD,EAAE,OAAO,eAAe,OAAO,eAAe,MAAM,gBAAAF,EAACG,KAAY,EAAA;AAAA,EACjE,EAAE,OAAO,cAAc,OAAO,YAAY,MAAM,gBAAAH,EAACI,KAAgB,EAAA;AAAA,EACjE,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,gBAAAJ,EAACK,KAAW,EAAA;AAC9D,GAEMC,IAA2B,CAAC;AAAA,EAC9B,UAAAC;AAAA,EACA,UAAAC;AACJ,MAAqC;AACjC,QAAMC,IAAc,CAACC,MAAkB;AACnC,IAAAF,EAASE,CAAK;AAAA,EAClB;AAEA,SACI,gBAAAV,EAAC,OAAA,EAAI,WAAU,aACX,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,uBACV,UAAAD,EAAW,IAAI,CAACY,wBACZ,OAAA,EACG,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAN,MAAaI,EAAI,QACX,mBACA;AAAA,MAAA;AAAA,MAEV,SAAS,MAAMF,EAAYE,EAAI,KAAK;AAAA,MAEpC,UAAA;AAAA,QAAA,gBAAAX,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAW,EAAI,MAAK;AAAA,QACpC,gBAAAX,EAAC,QAAA,EAAM,UAAAW,EAAI,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EACrB,GAZMA,EAAI,KAad,CACH,GACL,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsSetting.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectDetailsSetting.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsSetting.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Switcher from '@/components/ui/Switcher'\nimport Checkbox from '@/components/ui/Checkbox'\nimport DatePicker from '@/components/ui/DatePicker'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport dayjs from 'dayjs'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n name: string\n content: string\n dueDate?: number\n notification?: string[]\n active?: boolean\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n name: z.string().min(1, { message: 'Email Required' }),\n content: z.string().min(1, { message: 'Email Required' }),\n})\n\ntype ProjectDetailBase = {\n name: string\n content: string\n dueDate: number\n}\n\ntype ProjectDetailsSettingProps = {\n onUpdate: (values: ProjectDetailBase) => void\n} & ProjectDetailBase\n\nconst ProjectDetailsSetting = ({\n name,\n content,\n dueDate,\n onUpdate,\n}: ProjectDetailsSettingProps) => {\n const {\n handleSubmit,\n formState: { errors },\n control,\n } = useForm<FormSchema>({\n defaultValues: {\n name,\n content,\n dueDate,\n notification: ['Email'],\n active: true,\n },\n resolver: zodResolver(validationSchema),\n })\n\n const { smaller } = useResponsive()\n\n const onSubmit = ({ name, content, dueDate }: FormSchema) => {\n onUpdate({\n name,\n content,\n dueDate: dueDate as number,\n })\n }\n\n return (\n <Form\n layout={smaller.lg ? 'vertical' : 'horizontal'}\n labelWidth={250}\n onSubmit={handleSubmit(onSubmit)}\n >\n <FormItem\n label=\"Project name\"\n invalid={Boolean(errors.name)}\n errorMessage={errors.name?.message}\n >\n <Controller\n name=\"name\"\n control={control}\n render={({ field }) => (\n <Input\n autoComplete=\"off\"\n placeholder=\"Email\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Project description\"\n invalid={Boolean(errors.content)}\n errorMessage={errors.content?.message}\n className=\"items-start\"\n >\n <Controller\n name=\"content\"\n control={control}\n render={({ field }) => (\n <RichTextEditor\n content={field.value}\n invalid={Boolean(errors.content)}\n onChange={({ html }) => {\n field.onChange(html)\n }}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Project due date\"\n invalid={Boolean(errors.dueDate)}\n errorMessage={errors.dueDate?.message}\n >\n <Controller\n name=\"dueDate\"\n control={control}\n render={({ field }) => (\n <DatePicker\n {...field}\n value={dayjs.unix(field.value as number).toDate()}\n onChange={(date) =>\n field.onChange(dayjs(date).unix())\n }\n />\n )}\n />\n </FormItem>\n <FormItem label=\"Notification\">\n <Controller\n name=\"notification\"\n control={control}\n render={({ field }) => (\n <Checkbox.Group\n value={field.value}\n onChange={(val) => field.onChange(val)}\n >\n {['Email', 'Push notification'].map(\n (notification) => (\n <Checkbox\n key={notification}\n value={notification}\n >\n {notification}\n </Checkbox>\n ),\n )}\n </Checkbox.Group>\n )}\n />\n </FormItem>\n <FormItem label=\"Status\">\n <Controller\n name=\"active\"\n control={control}\n render={({ field }) => (\n <div className=\"flex items-center gap-2\">\n <Switcher\n checked={field.value}\n onChange={(val) => field.onChange(!val)}\n />\n <span className=\"font-semibold\">\n {field.value ? 'Active' : 'Inactive'}\n </span>\n </div>\n )}\n />\n </FormItem>\n <div className=\"flex justify-end\">\n <Button type=\"submit\" variant=\"solid\">\n Update\n </Button>\n </div>\n </Form>\n )\n}\n\nexport default ProjectDetailsSetting\n"],"names":["validationSchema","z","ProjectDetailsSetting","name","content","dueDate","onUpdate","handleSubmit","errors","control","useForm","zodResolver","smaller","useResponsive","onSubmit","jsxs","Form","jsx","FormItem","_a","Controller","field","Input","_b","RichTextEditor","html","_c","DatePicker","dayjs","date","Checkbox","val","notification","Switcher","Button"],"mappings":";;;;;;;;;;;;;;;;;;;AAsBA,MAAMA,IAAwCC,EAAE,OAAO;AAAA,EACnD,MAAMA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,kBAAkB;AAAA,EACrD,SAASA,EAAE,OAAA,EAAS,IAAI,GAAG,EAAE,SAAS,iBAAA,CAAkB;AAC5D,CAAC,GAYKC,IAAwB,CAAC;AAAA,EAC3B,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACJ,MAAkC;;AAC9B,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,eAAe;AAAA,MACX,MAAAP;AAAA,MACA,SAAAC;AAAA,MACA,SAAAC;AAAA,MACA,cAAc,CAAC,OAAO;AAAA,MACtB,QAAQ;AAAA,IAAA;AAAA,IAEZ,UAAUM,EAAYX,CAAgB;AAAA,EAAA,CACzC,GAEK,EAAE,SAAAY,EAAA,IAAYC,EAAA,GAEdC,IAAW,CAAC,EAAE,MAAAX,GAAM,SAAAC,GAAS,SAAAC,QAA0B;AACzD,IAAAC,EAAS;AAAA,MACL,MAAAH;AAAAA,MACA,SAAAC;AAAAA,MACA,SAASC;AAAAA,IAAA,CACZ;AAAA,~~EAAA~~;~~AAGL~~,SACI,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQJ,EAAQ,KAAK,aAAa;AAAA,MAClC,YAAY;AAAA,MACZ,UAAUL,EAAaO,CAAQ;AAAA,MAE/B,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,SAAS,EAAQV,EAAO;AAAA,YACxB,eAAcW,IAAAX,EAAO,SAAP,gBAAAW,EAAa;AAAA,YAE3B,UAAA,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAAX;AAAA,gBACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAJ;AAAA,kBAACK;AAAA,kBAAA;AAAA,oBACG,cAAa;AAAA,oBACb,aAAY;AAAA,oBACX,GAAGD;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA;AAAA,UAER;AAAA,QAAA;AAAA,QAEJ,gBAAAJ;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,SAAS,EAAQV,EAAO;AAAA,YACxB,eAAce,IAAAf,EAAO,YAAP,gBAAAe,EAAgB;AAAA,YAC9B,WAAU;AAAA,YAEV,UAAA,gBAAAN;AAAA,cAACG;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAAX;AAAA,gBACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAJ;AAAA,kBAACO;AAAA,kBAAA;AAAA,oBACG,SAASH,EAAM;AAAA,oBACf,SAAS,EAAQb,EAAO;AAAA,oBACxB,UAAU,CAAC,EAAE,MAAAiB,QAAW;AACpB,sBAAAJ,EAAM,SAASI,CAAI;AAAA,~~oBAAA~~;AAAA,~~kBACvB~~;AAAA,gBAAA;AAAA,cACJ;AAAA,YAAA;AAAA,UAER;AAAA,QAAA;AAAA,QAEJ,gBAAAR;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,SAAS,EAAQV,EAAO;AAAA,YACxB,eAAckB,IAAAlB,EAAO,YAAP,gBAAAkB,EAAgB;AAAA,YAE9B,UAAA,gBAAAT;AAAA,cAACG;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAAX;AAAA,gBACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAJ;AAAA,kBAACU;AAAA,kBAAA;AAAA,oBACI,GAAGN;AAAA,oBACJ,OAAOO,EAAM,KAAKP,EAAM,KAAe,EAAE,OAAA;AAAA,oBACzC,UAAU,CAACQ,MACPR,EAAM,SAASO,EAAMC,CAAI,EAAE,KAAA,CAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAEzC;AAAA,YAAA;AAAA,UAER;AAAA,QAAA;AAAA,QAEJ,gBAAAZ,EAACC,GAAA,EAAS,OAAM,gBACZ,UAAA,gBAAAD;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAX;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAJ;AAAA,cAACa,EAAS;AAAA,cAAT;AAAA,gBACG,OAAOT,EAAM;AAAA,gBACb,UAAU,CAACU,MAAQV,EAAM,SAASU,CAAG;AAAA,gBAEpC,UAAA,CAAC,SAAS,mBAAmB,EAAE;AAAA,kBAC5B,CAACC,MACG,gBAAAf;AAAA,oBAACa;AAAA,oBAAA;AAAA,sBAEG,OAAOE;AAAA,sBAEN,UAAAA;AAAA,oBAAA;AAAA,oBAHIA;AAAA,kBAAA;AAAA,gBAIT;AAAA,cAER;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA,GAGZ;AAAA,QACA,gBAAAf,EAACC,GAAA,EAAS,OAAM,UACZ,UAAA,gBAAAD;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAX;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAY,QACP,gBAAAN,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,cAAA,gBAAAE;AAAA,gBAACgB;AAAA,gBAAA;AAAA,kBACG,SAASZ,EAAM;AAAA,kBACf,UAAU,CAACU,MAAQV,EAAM,SAAS,CAACU,CAAG;AAAA,gBAAA;AAAA,cAAA;AAAA,gCAEzC,QAAA,EAAK,WAAU,iBACX,UAAAV,EAAM,QAAQ,WAAW,WAAA,CAC9B;AAAA,YAAA,EAAA,CACJ;AAAA,UAAA;AAAA,QAAA,GAGZ;AAAA,QACA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,oBACX,UAAA,gBAAAA,EAACiB,GAAA,EAAO,MAAK,UAAS,SAAQ,SAAQ,UAAA,SAAA,CAEtC,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
1	+ {"version":3,"file":"ProjectDetailsSetting.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectDetails/components/ProjectDetailsSetting.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Switcher from '@/components/ui/Switcher'\nimport Checkbox from '@/components/ui/Checkbox'\nimport DatePicker from '@/components/ui/DatePicker'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport useResponsive from '@/utils/hooks/useResponsive'\nimport dayjs from 'dayjs'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n name: string\n content: string\n dueDate?: number\n notification?: string[]\n active?: boolean\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n name: z.string().min(1, { message: 'Email Required' }),\n content: z.string().min(1, { message: 'Email Required' }),\n})\n\ntype ProjectDetailBase = {\n name: string\n content: string\n dueDate: number\n}\n\ntype ProjectDetailsSettingProps = {\n onUpdate: (values: ProjectDetailBase) => void\n} & ProjectDetailBase\n\nconst ProjectDetailsSetting = ({\n name,\n content,\n dueDate,\n onUpdate,\n}: ProjectDetailsSettingProps) => {\n const {\n handleSubmit,\n formState: { errors },\n control,\n } = useForm<FormSchema>({\n defaultValues: {\n name,\n content,\n dueDate,\n notification: ['Email'],\n active: true,\n },\n resolver: zodResolver(validationSchema),\n })\n\n const { smaller } = useResponsive()\n\n const onSubmit = ({ name, content, dueDate }: FormSchema) => {\n onUpdate({\n name,\n content,\n dueDate: dueDate as number,\n })\n }\n\n return (\n <Form\n layout={smaller.lg ? 'vertical' : 'horizontal'}\n labelWidth={250}\n onSubmit={handleSubmit(onSubmit)}\n >\n <FormItem\n label=\"Project name\"\n invalid={Boolean(errors.name)}\n errorMessage={errors.name?.message}\n >\n <Controller\n name=\"name\"\n control={control}\n render={({ field }) => (\n <Input\n autoComplete=\"off\"\n placeholder=\"Email\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Project description\"\n invalid={Boolean(errors.content)}\n errorMessage={errors.content?.message}\n className=\"items-start\"\n >\n <Controller\n name=\"content\"\n control={control}\n render={({ field }) => (\n <RichTextEditor\n content={field.value}\n invalid={Boolean(errors.content)}\n onChange={({ html }) => {\n field.onChange(html)\n }}\n />\n )}\n />\n </FormItem>\n <FormItem\n label=\"Project due date\"\n invalid={Boolean(errors.dueDate)}\n errorMessage={errors.dueDate?.message}\n >\n <Controller\n name=\"dueDate\"\n control={control}\n render={({ field }) => (\n <DatePicker\n {...field}\n value={dayjs.unix(field.value as number).toDate()}\n onChange={(date) =>\n field.onChange(dayjs(date).unix())\n }\n />\n )}\n />\n </FormItem>\n <FormItem label=\"Notification\">\n <Controller\n name=\"notification\"\n control={control}\n render={({ field }) => (\n <Checkbox.Group\n value={field.value}\n onChange={(val) => field.onChange(val)}\n >\n {['Email', 'Push notification'].map(\n (notification) => (\n <Checkbox\n key={notification}\n value={notification}\n >\n {notification}\n </Checkbox>\n ),\n )}\n </Checkbox.Group>\n )}\n />\n </FormItem>\n <FormItem label=\"Status\">\n <Controller\n name=\"active\"\n control={control}\n render={({ field }) => (\n <div className=\"flex items-center gap-2\">\n <Switcher\n checked={field.value}\n onChange={(val) => field.onChange(!val)}\n />\n <span className=\"font-semibold\">\n {field.value ? 'Active' : 'Inactive'}\n </span>\n </div>\n )}\n />\n </FormItem>\n <div className=\"flex justify-end\">\n <Button type=\"submit\" variant=\"solid\">\n Update\n </Button>\n </div>\n </Form>\n )\n}\n\nexport default ProjectDetailsSetting\n"],"names":["validationSchema","z","ProjectDetailsSetting","name","content","dueDate","onUpdate","handleSubmit","errors","control","useForm","zodResolver","smaller","useResponsive","onSubmit","jsxs","Form","jsx","FormItem","_a","Controller","field","Input","_b","RichTextEditor","html","_c","DatePicker","dayjs","date","Checkbox","val","notification","Switcher","Button"],"mappings":";;;;;;;;;;;;;;;;;;;AAsBA,MAAMA,IAAwCC,EAAE,OAAO;AAAA,EACnD,MAAMA,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,kBAAkB;AAAA,EACrD,SAASA,EAAE,OAAA,EAAS,IAAI,GAAG,EAAE,SAAS,iBAAA,CAAkB;AAC5D,CAAC,GAYKC,IAAwB,CAAC;AAAA,EAC3B,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACJ,MAAkC;;AAC9B,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,eAAe;AAAA,MACX,MAAAP;AAAA,MACA,SAAAC;AAAA,MACA,SAAAC;AAAA,MACA,cAAc,CAAC,OAAO;AAAA,MACtB,QAAQ;AAAA,IAAA;AAAA,IAEZ,UAAUM,EAAYX,CAAgB;AAAA,EAAA,CACzC,GAEK,EAAE,SAAAY,EAAA,IAAYC,EAAA,GAEdC,IAAW,CAAC,EAAE,MAAAX,GAAM,SAAAC,GAAS,SAAAC,QAA0B;AACzD,IAAAC,EAAS;AAAA,MACL,MAAAH;AAAAA,MACA,SAAAC;AAAAA,MACA,SAASC;AAAAA,IAAA,CACZ;AAAA,EACL;AAEA,SACI,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQJ,EAAQ,KAAK,aAAa;AAAA,MAClC,YAAY;AAAA,MACZ,UAAUL,EAAaO,CAAQ;AAAA,MAE/B,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,SAAS,EAAQV,EAAO;AAAA,YACxB,eAAcW,IAAAX,EAAO,SAAP,gBAAAW,EAAa;AAAA,YAE3B,UAAA,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAAX;AAAA,gBACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAJ;AAAA,kBAACK;AAAA,kBAAA;AAAA,oBACG,cAAa;AAAA,oBACb,aAAY;AAAA,oBACX,GAAGD;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA;AAAA,UAER;AAAA,QAAA;AAAA,QAEJ,gBAAAJ;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,SAAS,EAAQV,EAAO;AAAA,YACxB,eAAce,IAAAf,EAAO,YAAP,gBAAAe,EAAgB;AAAA,YAC9B,WAAU;AAAA,YAEV,UAAA,gBAAAN;AAAA,cAACG;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAAX;AAAA,gBACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAJ;AAAA,kBAACO;AAAA,kBAAA;AAAA,oBACG,SAASH,EAAM;AAAA,oBACf,SAAS,EAAQb,EAAO;AAAA,oBACxB,UAAU,CAAC,EAAE,MAAAiB,QAAW;AACpB,sBAAAJ,EAAM,SAASI,CAAI;AAAA,oBACvB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACJ;AAAA,YAAA;AAAA,UAER;AAAA,QAAA;AAAA,QAEJ,gBAAAR;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,SAAS,EAAQV,EAAO;AAAA,YACxB,eAAckB,IAAAlB,EAAO,YAAP,gBAAAkB,EAAgB;AAAA,YAE9B,UAAA,gBAAAT;AAAA,cAACG;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAAX;AAAA,gBACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAJ;AAAA,kBAACU;AAAA,kBAAA;AAAA,oBACI,GAAGN;AAAA,oBACJ,OAAOO,EAAM,KAAKP,EAAM,KAAe,EAAE,OAAA;AAAA,oBACzC,UAAU,CAACQ,MACPR,EAAM,SAASO,EAAMC,CAAI,EAAE,KAAA,CAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAEzC;AAAA,YAAA;AAAA,UAER;AAAA,QAAA;AAAA,QAEJ,gBAAAZ,EAACC,GAAA,EAAS,OAAM,gBACZ,UAAA,gBAAAD;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAX;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAJ;AAAA,cAACa,EAAS;AAAA,cAAT;AAAA,gBACG,OAAOT,EAAM;AAAA,gBACb,UAAU,CAACU,MAAQV,EAAM,SAASU,CAAG;AAAA,gBAEpC,UAAA,CAAC,SAAS,mBAAmB,EAAE;AAAA,kBAC5B,CAACC,MACG,gBAAAf;AAAA,oBAACa;AAAA,oBAAA;AAAA,sBAEG,OAAOE;AAAA,sBAEN,UAAAA;AAAA,oBAAA;AAAA,oBAHIA;AAAA,kBAAA;AAAA,gBAIT;AAAA,cAER;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA,GAGZ;AAAA,QACA,gBAAAf,EAACC,GAAA,EAAS,OAAM,UACZ,UAAA,gBAAAD;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAX;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAY,QACP,gBAAAN,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,cAAA,gBAAAE;AAAA,gBAACgB;AAAA,gBAAA;AAAA,kBACG,SAASZ,EAAM;AAAA,kBACf,UAAU,CAACU,MAAQV,EAAM,SAAS,CAACU,CAAG;AAAA,gBAAA;AAAA,cAAA;AAAA,gCAEzC,QAAA,EAAK,WAAU,iBACX,UAAAV,EAAM,QAAQ,WAAW,WAAA,CAC9B;AAAA,YAAA,EAAA,CACJ;AAAA,UAAA;AAAA,QAAA,GAGZ;AAAA,QACA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,oBACX,UAAA,gBAAAA,EAACiB,GAAA,EAAO,MAAK,UAAS,SAAQ,SAAQ,UAAA,SAAA,CAEtC,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

	@@ -1 +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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"}
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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"}

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

	@@ -1 +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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"}
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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"}

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

	@@ -1 +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,~~EACvB~~,~~GACD~~,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,~~IACpC~~,~~CACH~~,GAEM;AAAA,MACH,eAAAA;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,~~EACJ~~,~~GACD~~,CAACT,CAAQ,CAAC;AAEb,EAAAI,EAAU,MAAM;AACZ,IAAAR,EAAaU,CAAS;AAAA,~~EAAA~~,~~GAEvB~~,CAACN,CAAQ,CAAC;AAEb,QAAMW,IAAgB,MAAM;AACxB,IAAAb,EAAe,EAAI;AAAA,~~EAAA~~,~~GAGjBc~~,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,~~EAAA~~,~~GAGlBiB~~,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,~~EAAA~~;~~AAGL~~,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;"}
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;"}

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

	@@ -1 +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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"}
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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"}

package/dist/@ecme/views/concepts/projects/ProjectList/components/ProjectListHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectListHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/components/ProjectListHeader.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport NewProjectForm from './NewProjectForm'\nimport { useProjectListStore } from '../store/projectListStore'\nimport { apiGetProjectMembers } from '@/services/ProjectService'\nimport useSWR from 'swr'\nimport type { GetProjectMembersResponse } from '../types'\n\nconst ProjectListHeader = () => {\n const [dialogOpen, setDialogOpen] = useState(false)\n\n const { setMembers } = useProjectListStore()\n\n useSWR(\n ['/api/projects/members'],\n () => apiGetProjectMembers<GetProjectMembersResponse>(),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n onSuccess: (data) => {\n const members = data?.allMembers.map((item) => ({\n value: item.id,\n label: item.name,\n img: item.img,\n }))\n setMembers(members)\n },\n },\n )\n\n return (\n <>\n <div className=\"flex items-center justify-between gap-4\">\n <h3>Projects</h3>\n <div>\n <Button variant=\"solid\" onClick={() => setDialogOpen(true)}>\n Create project\n </Button>\n </div>\n </div>\n <Dialog isOpen={dialogOpen} onClose={() => setDialogOpen(false)}>\n <h4>Add new project</h4>\n <div className=\"mt-4\">\n <NewProjectForm onClose={() => setDialogOpen(false)} />\n </div>\n </Dialog>\n </>\n )\n}\n\nexport default ProjectListHeader\n"],"names":["ProjectListHeader","dialogOpen","setDialogOpen","useState","setMembers","useProjectListStore","useSWR","apiGetProjectMembers","data","members","item","jsxs","Fragment","jsx","Button","Dialog","NewProjectForm"],"mappings":";;;;;;;;;;AASA,MAAMA,IAAoB,MAAM;AAC5B,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5C,EAAE,YAAAC,EAAA,IAAeC,EAAA;AAEvB,SAAAC;AAAA,IACI,CAAC,uBAAuB;AAAA,IACxB,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAACC,MAAS;AACjB,cAAMC,IAAUD,KAAA,gBAAAA,EAAM,WAAW,IAAI,CAACE,OAAU;AAAA,UAC5C,OAAOA,EAAK;AAAA,UACZ,OAAOA,EAAK;AAAA,UACZ,KAAKA,EAAK;AAAA,QAAA;AAEd,QAAAN,EAAWK,CAAO;AAAA,~~MAAA~~;AAAA,~~IACtB~~;AAAA,EACJ,GAIA,gBAAAE,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAG,UAAA,WAAA,CAAQ;AAAA,MACZ,gBAAAA,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAO,SAAQ,SAAQ,SAAS,MAAMZ,EAAc,EAAI,GAAG,UAAA,iBAAA,CAE5D,EAAA,CACJ;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAS,EAACI,KAAO,QAAQd,GAAY,SAAS,MAAMC,EAAc,EAAK,GAC1D,UAAA;AAAA,MAAA,gBAAAW,EAAC,QAAG,UAAA,kBAAA,CAAe;AAAA,MACnB,gBAAAA,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACG,GAAA,EAAe,SAAS,MAAMd,EAAc,EAAK,EAAA,CAAG,EAAA,CACzD;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"ProjectListHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/components/ProjectListHeader.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport NewProjectForm from './NewProjectForm'\nimport { useProjectListStore } from '../store/projectListStore'\nimport { apiGetProjectMembers } from '@/services/ProjectService'\nimport useSWR from 'swr'\nimport type { GetProjectMembersResponse } from '../types'\n\nconst ProjectListHeader = () => {\n const [dialogOpen, setDialogOpen] = useState(false)\n\n const { setMembers } = useProjectListStore()\n\n useSWR(\n ['/api/projects/members'],\n () => apiGetProjectMembers<GetProjectMembersResponse>(),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n onSuccess: (data) => {\n const members = data?.allMembers.map((item) => ({\n value: item.id,\n label: item.name,\n img: item.img,\n }))\n setMembers(members)\n },\n },\n )\n\n return (\n <>\n <div className=\"flex items-center justify-between gap-4\">\n <h3>Projects</h3>\n <div>\n <Button variant=\"solid\" onClick={() => setDialogOpen(true)}>\n Create project\n </Button>\n </div>\n </div>\n <Dialog isOpen={dialogOpen} onClose={() => setDialogOpen(false)}>\n <h4>Add new project</h4>\n <div className=\"mt-4\">\n <NewProjectForm onClose={() => setDialogOpen(false)} />\n </div>\n </Dialog>\n </>\n )\n}\n\nexport default ProjectListHeader\n"],"names":["ProjectListHeader","dialogOpen","setDialogOpen","useState","setMembers","useProjectListStore","useSWR","apiGetProjectMembers","data","members","item","jsxs","Fragment","jsx","Button","Dialog","NewProjectForm"],"mappings":";;;;;;;;;;AASA,MAAMA,IAAoB,MAAM;AAC5B,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5C,EAAE,YAAAC,EAAA,IAAeC,EAAA;AAEvB,SAAAC;AAAA,IACI,CAAC,uBAAuB;AAAA,IACxB,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAACC,MAAS;AACjB,cAAMC,IAAUD,KAAA,gBAAAA,EAAM,WAAW,IAAI,CAACE,OAAU;AAAA,UAC5C,OAAOA,EAAK;AAAA,UACZ,OAAOA,EAAK;AAAA,UACZ,KAAKA,EAAK;AAAA,QAAA;AAEd,QAAAN,EAAWK,CAAO;AAAA,MACtB;AAAA,IAAA;AAAA,EACJ,GAIA,gBAAAE,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAG,UAAA,WAAA,CAAQ;AAAA,MACZ,gBAAAA,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAO,SAAQ,SAAQ,SAAS,MAAMZ,EAAc,EAAI,GAAG,UAAA,iBAAA,CAE5D,EAAA,CACJ;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAS,EAACI,KAAO,QAAQd,GAAY,SAAS,MAAMC,EAAc,EAAK,GAC1D,UAAA;AAAA,MAAA,gBAAAW,EAAC,QAAG,UAAA,kBAAA,CAAe;AAAA,MACnB,gBAAAA,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACG,GAAA,EAAe,SAAS,MAAMd,EAAc,EAAK,EAAA,CAAG,EAAA,CACzD;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/projects/ProjectList/hooks/useProjectList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useProjectList.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/hooks/useProjectList.ts"],"sourcesContent":["import useSWR from 'swr'\nimport { apiGetProjects, apiGetProjectMembers } from '@/services/ProjectService'\nimport { useProjectListStore } from '../store/projectListStore'\nimport type {\n GetProjectListResponse,\n GetProjectMembersResponse,\n} from '../types'\n\nconst useProjectList = () => {\n const { setProjectList, setMembers } = useProjectListStore()\n\n const { isLoading: fetchingProjectList } = useSWR(\n ['/api/projects/scrum-board'],\n () => apiGetProjects<GetProjectListResponse>(),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n onSuccess: (data) => {\n setProjectList(data)\n },\n },\n )\n\n useSWR(\n ['/api/projects/scrum-board/members'],\n () => apiGetProjectMembers<GetProjectMembersResponse>(),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n onSuccess: (data) => {\n const members = data?.allMembers.map((item) => ({\n value: item.id,\n label: item.name,\n img: item.img,\n }))\n setMembers(members)\n },\n },\n )\n\n return {\n fetchingProjectList,\n }\n}\n\nexport default useProjectList\n"],"names":["useProjectList","setProjectList","setMembers","useProjectListStore","fetchingProjectList","useSWR","apiGetProjects","data","apiGetProjectMembers","members","item"],"mappings":";;;AAQA,MAAMA,IAAiB,MAAM;AACzB,QAAM,EAAE,gBAAAC,GAAgB,YAAAC,EAAA,IAAeC,EAAA,GAEjC,EAAE,WAAWC,EAAA,IAAwBC;AAAA,IACvC,CAAC,2BAA2B;AAAA,IAC5B,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAACC,MAAS;AACjB,QAAAN,EAAeM,CAAI;AAAA,~~MAAA~~;AAAA,~~IACvB~~;AAAA,EACJ;AAGJ,SAAAF;AAAA,IACI,CAAC,mCAAmC;AAAA,IACpC,MAAMG,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAACD,MAAS;AACjB,cAAME,IAAUF,KAAA,gBAAAA,EAAM,WAAW,IAAI,CAACG,OAAU;AAAA,UAC5C,OAAOA,EAAK;AAAA,UACZ,OAAOA,EAAK;AAAA,UACZ,KAAKA,EAAK;AAAA,QAAA;AAEd,QAAAR,EAAWO,CAAO;AAAA,~~MAAA~~;AAAA,~~IACtB~~;AAAA,EACJ,GAGG;AAAA,IACH,qBAAAL;AAAA,EAAA;AAER;"}
1	+ {"version":3,"file":"useProjectList.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/ProjectList/hooks/useProjectList.ts"],"sourcesContent":["import useSWR from 'swr'\nimport { apiGetProjects, apiGetProjectMembers } from '@/services/ProjectService'\nimport { useProjectListStore } from '../store/projectListStore'\nimport type {\n GetProjectListResponse,\n GetProjectMembersResponse,\n} from '../types'\n\nconst useProjectList = () => {\n const { setProjectList, setMembers } = useProjectListStore()\n\n const { isLoading: fetchingProjectList } = useSWR(\n ['/api/projects/scrum-board'],\n () => apiGetProjects<GetProjectListResponse>(),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n onSuccess: (data) => {\n setProjectList(data)\n },\n },\n )\n\n useSWR(\n ['/api/projects/scrum-board/members'],\n () => apiGetProjectMembers<GetProjectMembersResponse>(),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n revalidateOnReconnect: false,\n onSuccess: (data) => {\n const members = data?.allMembers.map((item) => ({\n value: item.id,\n label: item.name,\n img: item.img,\n }))\n setMembers(members)\n },\n },\n )\n\n return {\n fetchingProjectList,\n }\n}\n\nexport default useProjectList\n"],"names":["useProjectList","setProjectList","setMembers","useProjectListStore","fetchingProjectList","useSWR","apiGetProjects","data","apiGetProjectMembers","members","item"],"mappings":";;;AAQA,MAAMA,IAAiB,MAAM;AACzB,QAAM,EAAE,gBAAAC,GAAgB,YAAAC,EAAA,IAAeC,EAAA,GAEjC,EAAE,WAAWC,EAAA,IAAwBC;AAAA,IACvC,CAAC,2BAA2B;AAAA,IAC5B,MAAMC,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAACC,MAAS;AACjB,QAAAN,EAAeM,CAAI;AAAA,MACvB;AAAA,IAAA;AAAA,EACJ;AAGJ,SAAAF;AAAA,IACI,CAAC,mCAAmC;AAAA,IACpC,MAAMG,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAACD,MAAS;AACjB,cAAME,IAAUF,KAAA,gBAAAA,EAAM,WAAW,IAAI,CAACG,OAAU;AAAA,UAC5C,OAAOA,EAAK;AAAA,UACZ,OAAOA,EAAK;AAAA,UACZ,KAAKA,EAAK;AAAA,QAAA;AAEd,QAAAR,EAAWO,CAAO;AAAA,MACtB;AAAA,IAAA;AAAA,EACJ,GAGG;AAAA,IACH,qBAAAL;AAAA,EAAA;AAER;"}