npm - @orbe-agro/client-core - Versions diffs - 3.4.12 → 3.4.13 - Mend

@orbe-agro/client-core 3.4.12 → 3.4.13

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

package/dist/lib/@ecme/views/concepts/products/ProductList/components/ProductListTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProductListTable.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListTable.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Progress from '@/components/ui/Progress'\nimport Tooltip from '@/components/ui/Tooltip'\nimport DataTable from '@/components/shared/DataTable'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport useProductList from '../hooks/useProductList'\nimport classNames from '@/utils/classNames'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { useNavigate } from 'react-router-dom'\nimport { TbPencil, TbTrash } from 'react-icons/tb'\nimport { FiPackage } from 'react-icons/fi'\nimport { NumericFormat } from 'react-number-format'\nimport type { OnSortParam, ColumnDef, Row } from '@/components/shared/DataTable'\nimport type { Product } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nconst ProductColumn = ({ row }: { row: Product }) => {\n return (\n <div className=\"flex items-center gap-2\">\n <Avatar\n shape=\"round\"\n size={60}\n {...(row.img ? { src: row.img } : { icon: <FiPackage /> })}\n />\n <div>\n <div className=\"font-bold heading-text mb-1\">{row.name}</div>\n <span>ID: {row.productCode}</span>\n </div>\n </div>\n )\n}\n\nconst ActionColumn = ({\n onEdit,\n onDelete,\n}: {\n onEdit: () => void\n onDelete: () => void\n}) => {\n return (\n <div className=\"flex items-center justify-end gap-3\">\n <Tooltip title=\"Edit\">\n <div\n className={`text-xl cursor-pointer select-none font-semibold`}\n role=\"button\"\n onClick={onEdit}\n >\n <TbPencil />\n </div>\n </Tooltip>\n <Tooltip title=\"Delete\">\n <div\n className={`text-xl cursor-pointer select-none font-semibold`}\n role=\"button\"\n onClick={onDelete}\n >\n <TbTrash />\n </div>\n </Tooltip>\n </div>\n )\n}\n\nconst ProductListTable = () => {\n const navigate = useNavigate()\n\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n const [toDeleteId, setToDeleteId] = useState('')\n\n const handleCancel = () => {\n setDeleteConfirmationOpen(false)\n }\n\n const handleDelete = (product: Product) => {\n setDeleteConfirmationOpen(true)\n setToDeleteId(product.id)\n }\n\n const handleEdit = (product: Product) => {\n navigate(`/concepts/products/product-edit/${product.id}`)\n }\n\n const handleConfirmDelete = () => {\n const newProductList = productList.filter((product) => {\n return !(toDeleteId === product.id)\n })\n setSelectAllProduct([])\n mutate(\n {\n list: newProductList,\n total: productListTotal - selectedProduct.length,\n },\n false,\n )\n setDeleteConfirmationOpen(false)\n setToDeleteId('')\n }\n\n const {\n productList,\n productListTotal,\n tableData,\n isLoading,\n setTableData,\n setSelectAllProduct,\n setSelectedProduct,\n selectedProduct,\n mutate,\n } = useProductList()\n\n const columns: ColumnDef<Product>[] = useMemo(\n () => [\n {\n header: 'Product',\n accessorKey: 'name',\n cell: (props) => {\n const row = props.row.original\n return <ProductColumn row={row} />\n },\n },\n {\n header: 'Price',\n accessorKey: 'price',\n cell: (props) => {\n const { price } = props.row.original\n return (\n <span className=\"font-bold heading-text\">\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={price}\n decimalScale={2}\n thousandSeparator={true}\n />\n </span>\n )\n },\n },\n {\n header: 'Quantity',\n accessorKey: 'stock',\n cell: (props) => {\n const row = props.row.original\n return (\n <span className=\"font-bold heading-text\">\n {row.stock}\n </span>\n )\n },\n },\n {\n header: 'Sales',\n accessorKey: 'status',\n cell: (props) => {\n const { salesPercentage, sales } = props.row.original\n return (\n <div className=\"flex flex-col gap-1\">\n <span className=\"flex gap-1\">\n <span className=\"font-semibold\">\n <NumericFormat\n displayType=\"text\"\n value={sales}\n thousandSeparator={true}\n />\n </span>\n <span>Sales</span>\n </span>\n <Progress\n percent={salesPercentage}\n showInfo={false}\n customColorClass={classNames(\n 'bg-error',\n salesPercentage > 40 && 'bg-warning',\n salesPercentage > 70 && 'bg-success',\n )}\n />\n </div>\n )\n },\n },\n {\n header: '',\n id: 'action',\n cell: (props) => (\n <ActionColumn\n onEdit={() => handleEdit(props.row.original)}\n onDelete={() => handleDelete(props.row.original)}\n />\n ),\n },\n ],\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [],\n )\n\n const handleSetTableData = (data: TableQueries) => {\n setTableData(data)\n if (selectedProduct.length > 0) {\n setSelectAllProduct([])\n }\n }\n\n const handlePaginationChange = (page: number) => {\n const newTableData = cloneDeep(tableData)\n newTableData.pageIndex = page\n handleSetTableData(newTableData)\n }\n\n const handleSelectChange = (value: number) => {\n const newTableData = cloneDeep(tableData)\n newTableData.pageSize = Number(value)\n newTableData.pageIndex = 1\n handleSetTableData(newTableData)\n }\n\n const handleSort = (sort: OnSortParam) => {\n const newTableData = cloneDeep(tableData)\n newTableData.sort = sort\n handleSetTableData(newTableData)\n }\n\n const handleRowSelect = (checked: boolean, row: Product) => {\n setSelectedProduct(checked, row)\n }\n\n const handleAllRowSelect = (checked: boolean, rows: Row<Product>[]) => {\n if (checked) {\n const originalRows = rows.map((row) => row.original)\n setSelectAllProduct(originalRows)\n } else {\n setSelectAllProduct([])\n }\n }\n\n return (\n <>\n <DataTable\n selectable\n columns={columns}\n data={productList}\n noData={!isLoading && productList.length === 0}\n skeletonAvatarColumns={[0]}\n skeletonAvatarProps={{ width: 28, height: 28 }}\n loading={isLoading}\n pagingData={{\n total: productListTotal,\n pageIndex: tableData.pageIndex as number,\n pageSize: tableData.pageSize as number,\n }}\n checkboxChecked={(row) =>\n selectedProduct.some((selected) => selected.id === row.id)\n }\n onPaginationChange={handlePaginationChange}\n onSelectChange={handleSelectChange}\n onSort={handleSort}\n onCheckBoxChange={handleRowSelect}\n onIndeterminateCheckBoxChange={handleAllRowSelect}\n />\n <ConfirmDialog\n isOpen={deleteConfirmationOpen}\n type=\"danger\"\n title=\"Remove products\"\n onClose={handleCancel}\n onRequestClose={handleCancel}\n onCancel={handleCancel}\n onConfirm={handleConfirmDelete}\n >\n <p>\n {' '}\n Are you sure you want to remove this product? This action\n can't be undo.{' '}\n </p>\n </ConfirmDialog>\n </>\n )\n}\n\nexport default ProductListTable\n"],"names":["ProductColumn","row","jsxs","jsx","Avatar","FiPackage","ActionColumn","onEdit","onDelete","Tooltip","TbPencil","TbTrash","ProductListTable","navigate","useNavigate","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","toDeleteId","setToDeleteId","handleCancel","handleDelete","product","handleEdit","handleConfirmDelete","newProductList","productList","setSelectAllProduct","mutate","productListTotal","selectedProduct","tableData","isLoading","setTableData","setSelectedProduct","useProductList","columns","useMemo","props","price","NumericFormat","salesPercentage","sales","Progress","classNames","handleSetTableData","data","handlePaginationChange","page","newTableData","cloneDeep","handleSelectChange","value","handleSort","sort","handleRowSelect","checked","handleAllRowSelect","rows","originalRows","Fragment","DataTable","selected","ConfirmDialog"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAMA,IAAgB,CAAC,EAAE,KAAAC,QAEjB,gBAAAC,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,MAAM;AAAA,MACL,GAAIH,EAAI,MAAM,EAAE,KAAKA,EAAI,IAAI,IAAI,EAAE,MAAO,gBAAAE,EAAAE,GAAA,CAAA,CAAU,EAAG;AAAA,IAAA;AAAA,EAC5D;AAAA,oBACC,OACG,EAAA,UAAA;AAAA,IAAA,gBAAAF,EAAC,OAAI,EAAA,WAAU,+BAA+B,UAAAF,EAAI,MAAK;AAAA,sBACtD,QAAK,EAAA,UAAA;AAAA,MAAA;AAAA,MAAKA,EAAI;AAAA,IAAA,EAAY,CAAA;AAAA,EAAA,EAC/B,CAAA;AAAA,GACJ,GAIFK,IAAe,CAAC;AAAA,EAClB,QAAAC;AAAA,EACA,UAAAC;AACJ,MAKQ,gBAAAN,EAAC,OAAI,EAAA,WAAU,uCACX,UAAA;AAAA,EAAC,gBAAAC,EAAAM,GAAA,EAAQ,OAAM,QACX,UAAA,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAK;AAAA,MACL,SAASI;AAAA,MAET,4BAACG,GAAS,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,GAElB;AAAA,EACA,gBAAAP,EAACM,GAAQ,EAAA,OAAM,UACX,UAAA,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAK;AAAA,MACL,SAASK;AAAA,MAET,4BAACG,GAAQ,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,EAEjB,CAAA;AAAA,GACJ,GAIFC,KAAmB,MAAM;AAC3B,QAAMC,IAAWC,EAAY,GAEvB,CAACC,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GACpE,CAACC,GAAYC,CAAa,IAAIF,EAAS,EAAE,GAEzCG,IAAe,MAAM;AACvB,IAAAJ,EAA0B,EAAK;AAAA,EACnC,GAEMK,IAAe,CAACC,MAAqB;AACvC,IAAAN,EAA0B,EAAI,GAC9BG,EAAcG,EAAQ,EAAE;AAAA,EAC5B,GAEMC,IAAa,CAACD,MAAqB;AAC5B,IAAAT,EAAA,mCAAmCS,EAAQ,EAAE,EAAE;AAAA,EAC5D,GAEME,IAAsB,MAAM;AAC9B,UAAMC,IAAiBC,EAAY,OAAO,CAACJ,MAC9BJ,MAAeI,EAAQ,EACnC;AACD,IAAAK,EAAoB,CAAA,CAAE,GACtBC;AAAA,MACI;AAAA,QACI,MAAMH;AAAA,QACN,OAAOI,IAAmBC,EAAgB;AAAA,MAC9C;AAAA,MACA;AAAA,IACJ,GACAd,EAA0B,EAAK,GAC/BG,EAAc,EAAE;AAAA,EACpB,GAEM;AAAA,IACF,aAAAO;AAAA,IACA,kBAAAG;AAAA,IACA,WAAAE;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,qBAAAN;AAAA,IACA,oBAAAO;AAAA,IACA,iBAAAJ;AAAA,IACA,QAAAF;AAAA,MACAO,EAAe,GAEbC,IAAgCC;AAAA,IAClC,MAAM;AAAA,MACF;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAACC,MAAU;AACP,gBAAArC,IAAMqC,EAAM,IAAI;AACf,iBAAA,gBAAAnC,EAACH,KAAc,KAAAC,GAAU;AAAA,QAAA;AAAA,MAExC;AAAA,MACA;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAACqC,MAAU;AACb,gBAAM,EAAE,OAAAC,EAAA,IAAUD,EAAM,IAAI;AAExB,iBAAA,gBAAAnC,EAAC,QAAK,EAAA,WAAU,0BACZ,UAAA,gBAAAA;AAAA,YAACqC;AAAA,YAAA;AAAA,cACG,mBAAiB;AAAA,cACjB,QAAO;AAAA,cACP,aAAY;AAAA,cACZ,OAAOD;AAAA,cACP,cAAc;AAAA,cACd,mBAAmB;AAAA,YAAA;AAAA,UAAA,GAE3B;AAAA,QAAA;AAAA,MAGZ;AAAA,MACA;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAACD,MAAU;AACP,gBAAArC,IAAMqC,EAAM,IAAI;AACtB,iBACK,gBAAAnC,EAAA,QAAA,EAAK,WAAU,0BACX,YAAI,OACT;AAAA,QAAA;AAAA,MAGZ;AAAA,MACA;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAACmC,MAAU;AACb,gBAAM,EAAE,iBAAAG,GAAiB,OAAAC,EAAM,IAAIJ,EAAM,IAAI;AAEzC,iBAAA,gBAAApC,EAAC,OAAI,EAAA,WAAU,uBACX,UAAA;AAAA,YAAC,gBAAAA,EAAA,QAAA,EAAK,WAAU,cACZ,UAAA;AAAA,cAAC,gBAAAC,EAAA,QAAA,EAAK,WAAU,iBACZ,UAAA,gBAAAA;AAAA,gBAACqC;AAAA,gBAAA;AAAA,kBACG,aAAY;AAAA,kBACZ,OAAOE;AAAA,kBACP,mBAAmB;AAAA,gBAAA;AAAA,cAAA,GAE3B;AAAA,cACA,gBAAAvC,EAAC,UAAK,UAAK,QAAA,CAAA;AAAA,YAAA,GACf;AAAA,YACA,gBAAAA;AAAA,cAACwC;AAAA,cAAA;AAAA,gBACG,SAASF;AAAA,gBACT,UAAU;AAAA,gBACV,kBAAkBG;AAAA,kBACd;AAAA,kBACAH,IAAkB,MAAM;AAAA,kBACxBA,IAAkB,MAAM;AAAA,gBAAA;AAAA,cAC5B;AAAA,YAAA;AAAA,UACJ,GACJ;AAAA,QAAA;AAAA,MAGZ;AAAA,MACA;AAAA,QACI,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,MAAM,CAACH,MACH,gBAAAnC;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,QAAQ,MAAMiB,EAAWe,EAAM,IAAI,QAAQ;AAAA,YAC3C,UAAU,MAAMjB,EAAaiB,EAAM,IAAI,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACnD;AAAA,IAGZ;AAAA;AAAA,IAEA,CAAA;AAAA,EACJ,GAEMO,IAAqB,CAACC,MAAuB;AAC/C,IAAAb,EAAaa,CAAI,GACbhB,EAAgB,SAAS,KACzBH,EAAoB,CAAA,CAAE;AAAA,EAE9B,GAEMoB,IAAyB,CAACC,MAAiB;AACvC,UAAAC,IAAeC,EAAUnB,CAAS;AACxC,IAAAkB,EAAa,YAAYD,GACzBH,EAAmBI,CAAY;AAAA,EACnC,GAEME,IAAqB,CAACC,MAAkB;AACpC,UAAAH,IAAeC,EAAUnB,CAAS;AAC3B,IAAAkB,EAAA,WAAW,OAAOG,CAAK,GACpCH,EAAa,YAAY,GACzBJ,EAAmBI,CAAY;AAAA,EACnC,GAEMI,IAAa,CAACC,MAAsB;AAChC,UAAAL,IAAeC,EAAUnB,CAAS;AACxC,IAAAkB,EAAa,OAAOK,GACpBT,EAAmBI,CAAY;AAAA,EACnC,GAEMM,IAAkB,CAACC,GAAkBvD,MAAiB;AACxD,IAAAiC,EAAmBsB,GAASvD,CAAG;AAAA,EACnC,GAEMwD,IAAqB,CAACD,GAAkBE,MAAyB;AACnE,QAAIF,GAAS;AACT,YAAMG,IAAeD,EAAK,IAAI,CAACzD,MAAQA,EAAI,QAAQ;AACnD,MAAA0B,EAAoBgC,CAAY;AAAA,IAAA;AAEhC,MAAAhC,EAAoB,CAAA,CAAE;AAAA,EAE9B;AAEA,SAEQ,gBAAAzB,EAAA0D,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAzD;AAAA,MAAC0D;AAAA,MAAA;AAAA,QACG,YAAU;AAAA,QACV,SAAAzB;AAAA,QACA,MAAMV;AAAA,QACN,QAAQ,CAACM,KAAaN,EAAY,WAAW;AAAA,QAC7C,uBAAuB,CAAC,CAAC;AAAA,QACzB,qBAAqB,EAAE,OAAO,IAAI,QAAQ,GAAG;AAAA,QAC7C,SAASM;AAAA,QACT,YAAY;AAAA,UACR,OAAOH;AAAA,UACP,WAAWE,EAAU;AAAA,UACrB,UAAUA,EAAU;AAAA,QACxB;AAAA,QACA,iBAAiB,CAAC9B,MACd6B,EAAgB,KAAK,CAACgC,MAAaA,EAAS,OAAO7D,EAAI,EAAE;AAAA,QAE7D,oBAAoB8C;AAAA,QACpB,gBAAgBI;AAAA,QAChB,QAAQE;AAAA,QACR,kBAAkBE;AAAA,QAClB,+BAA+BE;AAAA,MAAA;AAAA,IACnC;AAAA,IACA,gBAAAtD;AAAA,MAAC4D;AAAA,MAAA;AAAA,QACG,QAAQhD;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASK;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWI;AAAA,QAEX,4BAAC,KACI,EAAA,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,UAEe;AAAA,QAAA,EACxB,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
1	+ {"version":3,"file":"ProductListTable.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListTable.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Progress from '@/components/ui/Progress'\nimport Tooltip from '@/components/ui/Tooltip'\nimport DataTable from '@/components/shared/DataTable'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport useProductList from '../hooks/useProductList'\nimport classNames from '@/utils/classNames'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { useNavigate } from 'react-router-dom'\nimport { TbPencil, TbTrash } from 'react-icons/tb'\nimport { FiPackage } from 'react-icons/fi'\nimport { NumericFormat } from 'react-number-format'\nimport type { OnSortParam, ColumnDef, Row } from '@/components/shared/DataTable'\nimport type { Product } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nconst ProductColumn = ({ row }: { row: Product }) => {\n return (\n <div className=\"flex items-center gap-2\">\n <Avatar\n shape=\"round\"\n size={60}\n {...(row.img ? { src: row.img } : { icon: <FiPackage /> })}\n />\n <div>\n <div className=\"font-bold heading-text mb-1\">{row.name}</div>\n <span>ID: {row.productCode}</span>\n </div>\n </div>\n )\n}\n\nconst ActionColumn = ({\n onEdit,\n onDelete,\n}: {\n onEdit: () => void\n onDelete: () => void\n}) => {\n return (\n <div className=\"flex items-center justify-end gap-3\">\n <Tooltip title=\"Edit\">\n <div\n className={`text-xl cursor-pointer select-none font-semibold`}\n role=\"button\"\n onClick={onEdit}\n >\n <TbPencil />\n </div>\n </Tooltip>\n <Tooltip title=\"Delete\">\n <div\n className={`text-xl cursor-pointer select-none font-semibold`}\n role=\"button\"\n onClick={onDelete}\n >\n <TbTrash />\n </div>\n </Tooltip>\n </div>\n )\n}\n\nconst ProductListTable = () => {\n const navigate = useNavigate()\n\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n const [toDeleteId, setToDeleteId] = useState('')\n\n const handleCancel = () => {\n setDeleteConfirmationOpen(false)\n }\n\n const handleDelete = (product: Product) => {\n setDeleteConfirmationOpen(true)\n setToDeleteId(product.id)\n }\n\n const handleEdit = (product: Product) => {\n navigate(`/concepts/products/product-edit/${product.id}`)\n }\n\n const handleConfirmDelete = () => {\n const newProductList = productList.filter((product) => {\n return !(toDeleteId === product.id)\n })\n setSelectAllProduct([])\n mutate(\n {\n list: newProductList,\n total: productListTotal - selectedProduct.length,\n },\n false,\n )\n setDeleteConfirmationOpen(false)\n setToDeleteId('')\n }\n\n const {\n productList,\n productListTotal,\n tableData,\n isLoading,\n setTableData,\n setSelectAllProduct,\n setSelectedProduct,\n selectedProduct,\n mutate,\n } = useProductList()\n\n const columns: ColumnDef<Product>[] = useMemo(\n () => [\n {\n header: 'Product',\n accessorKey: 'name',\n cell: (props) => {\n const row = props.row.original\n return <ProductColumn row={row} />\n },\n },\n {\n header: 'Price',\n accessorKey: 'price',\n cell: (props) => {\n const { price } = props.row.original\n return (\n <span className=\"font-bold heading-text\">\n <NumericFormat\n fixedDecimalScale\n prefix=\"$\"\n displayType=\"text\"\n value={price}\n decimalScale={2}\n thousandSeparator={true}\n />\n </span>\n )\n },\n },\n {\n header: 'Quantity',\n accessorKey: 'stock',\n cell: (props) => {\n const row = props.row.original\n return (\n <span className=\"font-bold heading-text\">\n {row.stock}\n </span>\n )\n },\n },\n {\n header: 'Sales',\n accessorKey: 'status',\n cell: (props) => {\n const { salesPercentage, sales } = props.row.original\n return (\n <div className=\"flex flex-col gap-1\">\n <span className=\"flex gap-1\">\n <span className=\"font-semibold\">\n <NumericFormat\n displayType=\"text\"\n value={sales}\n thousandSeparator={true}\n />\n </span>\n <span>Sales</span>\n </span>\n <Progress\n percent={salesPercentage}\n showInfo={false}\n customColorClass={classNames(\n 'bg-error',\n salesPercentage > 40 && 'bg-warning',\n salesPercentage > 70 && 'bg-success',\n )}\n />\n </div>\n )\n },\n },\n {\n header: '',\n id: 'action',\n cell: (props) => (\n <ActionColumn\n onEdit={() => handleEdit(props.row.original)}\n onDelete={() => handleDelete(props.row.original)}\n />\n ),\n },\n ],\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [],\n )\n\n const handleSetTableData = (data: TableQueries) => {\n setTableData(data)\n if (selectedProduct.length > 0) {\n setSelectAllProduct([])\n }\n }\n\n const handlePaginationChange = (page: number) => {\n const newTableData = cloneDeep(tableData)\n newTableData.pageIndex = page\n handleSetTableData(newTableData)\n }\n\n const handleSelectChange = (value: number) => {\n const newTableData = cloneDeep(tableData)\n newTableData.pageSize = Number(value)\n newTableData.pageIndex = 1\n handleSetTableData(newTableData)\n }\n\n const handleSort = (sort: OnSortParam) => {\n const newTableData = cloneDeep(tableData)\n newTableData.sort = sort\n handleSetTableData(newTableData)\n }\n\n const handleRowSelect = (checked: boolean, row: Product) => {\n setSelectedProduct(checked, row)\n }\n\n const handleAllRowSelect = (checked: boolean, rows: Row<Product>[]) => {\n if (checked) {\n const originalRows = rows.map((row) => row.original)\n setSelectAllProduct(originalRows)\n } else {\n setSelectAllProduct([])\n }\n }\n\n return (\n <>\n <DataTable\n selectable\n columns={columns}\n data={productList}\n noData={!isLoading && productList.length === 0}\n skeletonAvatarColumns={[0]}\n skeletonAvatarProps={{ width: 28, height: 28 }}\n loading={isLoading}\n pagingData={{\n total: productListTotal,\n pageIndex: tableData.pageIndex as number,\n pageSize: tableData.pageSize as number,\n }}\n checkboxChecked={(row) =>\n selectedProduct.some((selected) => selected.id === row.id)\n }\n onPaginationChange={handlePaginationChange}\n onSelectChange={handleSelectChange}\n onSort={handleSort}\n onCheckBoxChange={handleRowSelect}\n onIndeterminateCheckBoxChange={handleAllRowSelect}\n />\n <ConfirmDialog\n isOpen={deleteConfirmationOpen}\n type=\"danger\"\n title=\"Remove products\"\n onClose={handleCancel}\n onRequestClose={handleCancel}\n onCancel={handleCancel}\n onConfirm={handleConfirmDelete}\n >\n <p>\n {' '}\n Are you sure you want to remove this product? This action\n can't be undo.{' '}\n </p>\n </ConfirmDialog>\n </>\n )\n}\n\nexport default ProductListTable\n"],"names":["ProductColumn","row","jsxs","jsx","Avatar","FiPackage","ActionColumn","onEdit","onDelete","Tooltip","TbPencil","TbTrash","ProductListTable","navigate","useNavigate","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","toDeleteId","setToDeleteId","handleCancel","handleDelete","product","handleEdit","handleConfirmDelete","newProductList","productList","setSelectAllProduct","mutate","productListTotal","selectedProduct","tableData","isLoading","setTableData","setSelectedProduct","useProductList","columns","useMemo","props","price","NumericFormat","salesPercentage","sales","Progress","classNames","handleSetTableData","data","handlePaginationChange","page","newTableData","cloneDeep","handleSelectChange","value","handleSort","sort","handleRowSelect","checked","handleAllRowSelect","rows","originalRows","Fragment","DataTable","selected","ConfirmDialog"],"mappings":"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"}

package/dist/lib/@ecme/views/concepts/products/ProductList/components/ProductTableFilter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProductTableFilter.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductTableFilter.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Drawer from '@/components/ui/Drawer'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Badge from '@/components/ui/Badge'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport { components } from 'react-select'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport useProductList from '../hooks/useProductList'\nimport { TbFilter, TbMinus } from 'react-icons/tb'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\nimport type { ControlProps, OptionProps } from 'react-select'\nimport classNames from '@/utils/classNames'\n\ntype FormSchema = {\n minAmount: number \| string\n maxAmount: number \| string\n productStatus: string\n productType: Array<string>\n}\n\ntype Option = {\n value: string\n label: string\n className: string\n}\n\nconst { Control } = components\n\nconst productStatusOption: Option[] = [\n { value: 'published', label: 'Published', className: 'bg-emerald-500' },\n { value: 'inactive', label: 'Inactive', className: 'bg-red-500' },\n { value: 'scheduled', label: 'Scheduled', className: 'bg-amber-500' },\n { value: 'draft', label: 'Draft', className: 'bg-gray-400' },\n]\n\nconst productTypeList = ['Bags', 'Cloths', 'Devices', 'Shoes', 'Watches']\n\nconst CustomSelectOption = (props: OptionProps<Option>) => {\n return (\n <DefaultOption<Option>\n {...props}\n customLabel={(data, label) => (\n <span className=\"flex items-center gap-2\">\n <Badge className={data.className} />\n <span className=\"ml-2 rtl:mr-2\">{label}</span>\n </span>\n )}\n />\n )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<Option>) => {\n const selected = props.getValue()[0]\n return (\n <Control {...props}>\n {selected && (\n <Badge className={classNames('ml-4', selected.className)} />\n )}\n {children}\n </Control>\n )\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n minAmount: z.union([z.string(), z.number()]),\n maxAmount: z.union([z.string(), z.number()]),\n productStatus: z.string(),\n productType: z.array(z.string()),\n})\n\nconst ProductTableFilter = () => {\n const [filterIsOpen, setFilterIsOpen] = useState(false)\n\n const { filterData, setFilterData } = useProductList()\n\n const { handleSubmit, control, getValues } = useForm<FormSchema>({\n defaultValues: filterData,\n resolver: zodResolver(validationSchema),\n })\n\n const onSubmit = (values: FormSchema) => {\n setFilterData(values)\n setFilterIsOpen(false)\n }\n\n return (\n <>\n <Button icon={<TbFilter />} onClick={() => setFilterIsOpen(true)}>\n Filter\n </Button>\n <Drawer\n title=\"Filter\"\n isOpen={filterIsOpen}\n onClose={() => setFilterIsOpen(false)}\n onRequestClose={() => setFilterIsOpen(false)}\n >\n <Form\n className=\"h-full\"\n containerClassName=\"flex flex-col justify-between h-full\"\n onSubmit={handleSubmit(onSubmit)}\n >\n <div>\n <FormItem label=\"Product price\">\n <div className=\"flex items-center gap-2\">\n <Controller\n name=\"minAmount\"\n control={control}\n render={({ field }) => (\n <NumericInput\n thousandSeparator\n type=\"text\"\n inputPrefix=\"$\"\n autoComplete=\"off\"\n placeholder=\"0.00\"\n value={field.value}\n max={getValues('maxAmount')}\n isAllowed={(values) => {\n const { floatValue } = values\n return (\n (floatValue \|\| 0) <=\n (getValues(\n 'maxAmount',\n ) as number)\n )\n }}\n onChange={(e) =>\n field.onChange(e.target.value)\n }\n />\n )}\n />\n <span>\n <TbMinus />\n </span>\n <Controller\n name=\"maxAmount\"\n control={control}\n render={({ field }) => (\n <NumericInput\n thousandSeparator\n type=\"text\"\n inputPrefix=\"$\"\n autoComplete=\"off\"\n placeholder=\"0.00\"\n value={field.value}\n onChange={field.onChange}\n />\n )}\n />\n </div>\n </FormItem>\n <FormItem label=\"Product status\">\n <Controller\n name=\"productStatus\"\n control={control}\n render={({ field }) => (\n <Select<Option>\n options={productStatusOption}\n {...field}\n value={productStatusOption.filter(\n (option) =>\n option.value === field.value,\n )}\n components={{\n Option: CustomSelectOption,\n Control: CustomControl,\n }}\n onChange={(option) =>\n field.onChange(option?.value)\n }\n />\n )}\n />\n </FormItem>\n <FormItem label=\"Product type\">\n <div className=\"mt-4\">\n <Controller\n name=\"productType\"\n control={control}\n render={({ field }) => (\n <Checkbox.Group\n vertical\n className=\"flex\"\n {...field}\n >\n {productTypeList.map(\n (type, index) => (\n <Checkbox\n key={type + index}\n name={field.name}\n value={type}\n className=\"justify-between flex-row-reverse heading-text\"\n >\n {type}\n </Checkbox>\n ),\n )}\n </Checkbox.Group>\n )}\n />\n </div>\n </FormItem>\n </div>\n <Button variant=\"solid\" type=\"submit\">\n Query\n </Button>\n </Form>\n </Drawer>\n </>\n )\n}\n\nexport default ProductTableFilter\n"],"names":["Control","components","productStatusOption","productTypeList","CustomSelectOption","props","jsx","DefaultOption","data","label","jsxs","Badge","CustomControl","children","selected","classNames","validationSchema","z","ProductTableFilter","filterIsOpen","setFilterIsOpen","useState","filterData","setFilterData","useProductList","handleSubmit","control","getValues","useForm","zodResolver","Fragment","Button","TbFilter","Drawer","Form","values","FormItem","Controller","field","NumericInput","floatValue","e","TbMinus","Select","option","Checkbox","type","index"],"mappings":"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"}
1	+ {"version":3,"file":"ProductTableFilter.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductTableFilter.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Drawer from '@/components/ui/Drawer'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Badge from '@/components/ui/Badge'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport { components } from 'react-select'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport useProductList from '../hooks/useProductList'\nimport { TbFilter, TbMinus } from 'react-icons/tb'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\nimport type { ControlProps, OptionProps } from 'react-select'\nimport classNames from '@/utils/classNames'\n\ntype FormSchema = {\n minAmount: number \| string\n maxAmount: number \| string\n productStatus: string\n productType: Array<string>\n}\n\ntype Option = {\n value: string\n label: string\n className: string\n}\n\nconst { Control } = components\n\nconst productStatusOption: Option[] = [\n { value: 'published', label: 'Published', className: 'bg-emerald-500' },\n { value: 'inactive', label: 'Inactive', className: 'bg-red-500' },\n { value: 'scheduled', label: 'Scheduled', className: 'bg-amber-500' },\n { value: 'draft', label: 'Draft', className: 'bg-gray-400' },\n]\n\nconst productTypeList = ['Bags', 'Cloths', 'Devices', 'Shoes', 'Watches']\n\nconst CustomSelectOption = (props: OptionProps<Option>) => {\n return (\n <DefaultOption<Option>\n {...props}\n customLabel={(data, label) => (\n <span className=\"flex items-center gap-2\">\n <Badge className={data.className} />\n <span className=\"ml-2 rtl:mr-2\">{label}</span>\n </span>\n )}\n />\n )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<Option>) => {\n const selected = props.getValue()[0]\n return (\n <Control {...props}>\n {selected && (\n <Badge className={classNames('ml-4', selected.className)} />\n )}\n {children}\n </Control>\n )\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n minAmount: z.union([z.string(), z.number()]),\n maxAmount: z.union([z.string(), z.number()]),\n productStatus: z.string(),\n productType: z.array(z.string()),\n})\n\nconst ProductTableFilter = () => {\n const [filterIsOpen, setFilterIsOpen] = useState(false)\n\n const { filterData, setFilterData } = useProductList()\n\n const { handleSubmit, control, getValues } = useForm<FormSchema>({\n defaultValues: filterData,\n resolver: zodResolver(validationSchema),\n })\n\n const onSubmit = (values: FormSchema) => {\n setFilterData(values)\n setFilterIsOpen(false)\n }\n\n return (\n <>\n <Button icon={<TbFilter />} onClick={() => setFilterIsOpen(true)}>\n Filter\n </Button>\n <Drawer\n title=\"Filter\"\n isOpen={filterIsOpen}\n onClose={() => setFilterIsOpen(false)}\n onRequestClose={() => setFilterIsOpen(false)}\n >\n <Form\n className=\"h-full\"\n containerClassName=\"flex flex-col justify-between h-full\"\n onSubmit={handleSubmit(onSubmit)}\n >\n <div>\n <FormItem label=\"Product price\">\n <div className=\"flex items-center gap-2\">\n <Controller\n name=\"minAmount\"\n control={control}\n render={({ field }) => (\n <NumericInput\n thousandSeparator\n type=\"text\"\n inputPrefix=\"$\"\n autoComplete=\"off\"\n placeholder=\"0.00\"\n value={field.value}\n max={getValues('maxAmount')}\n isAllowed={(values) => {\n const { floatValue } = values\n return (\n (floatValue \|\| 0) <=\n (getValues(\n 'maxAmount',\n ) as number)\n )\n }}\n onChange={(e) =>\n field.onChange(e.target.value)\n }\n />\n )}\n />\n <span>\n <TbMinus />\n </span>\n <Controller\n name=\"maxAmount\"\n control={control}\n render={({ field }) => (\n <NumericInput\n thousandSeparator\n type=\"text\"\n inputPrefix=\"$\"\n autoComplete=\"off\"\n placeholder=\"0.00\"\n value={field.value}\n onChange={field.onChange}\n />\n )}\n />\n </div>\n </FormItem>\n <FormItem label=\"Product status\">\n <Controller\n name=\"productStatus\"\n control={control}\n render={({ field }) => (\n <Select<Option>\n options={productStatusOption}\n {...field}\n value={productStatusOption.filter(\n (option) =>\n option.value === field.value,\n )}\n components={{\n Option: CustomSelectOption,\n Control: CustomControl,\n }}\n onChange={(option) =>\n field.onChange(option?.value)\n }\n />\n )}\n />\n </FormItem>\n <FormItem label=\"Product type\">\n <div className=\"mt-4\">\n <Controller\n name=\"productType\"\n control={control}\n render={({ field }) => (\n <Checkbox.Group\n vertical\n className=\"flex\"\n {...field}\n >\n {productTypeList.map(\n (type, index) => (\n <Checkbox\n key={type + index}\n name={field.name}\n value={type}\n className=\"justify-between flex-row-reverse heading-text\"\n >\n {type}\n </Checkbox>\n ),\n )}\n </Checkbox.Group>\n )}\n />\n </div>\n </FormItem>\n </div>\n <Button variant=\"solid\" type=\"submit\">\n Query\n </Button>\n </Form>\n </Drawer>\n </>\n )\n}\n\nexport default ProductTableFilter\n"],"names":["Control","components","productStatusOption","productTypeList","CustomSelectOption","props","jsx","DefaultOption","data","label","jsxs","Badge","CustomControl","children","selected","classNames","validationSchema","z","ProductTableFilter","filterIsOpen","setFilterIsOpen","useState","filterData","setFilterData","useProductList","handleSubmit","control","getValues","useForm","zodResolver","Fragment","Button","TbFilter","Drawer","Form","values","FormItem","Controller","field","NumericInput","floatValue","e","TbMinus","Select","option","Checkbox","type","index"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAM,EAAE,SAAAA,MAAYC,GAEdC,IAAgC;AAAA,EAClC,EAAE,OAAO,aAAa,OAAO,aAAa,WAAW,iBAAA;AAAA,EACrD,EAAE,OAAO,YAAY,OAAO,YAAY,WAAW,aAAA;AAAA,EACnD,EAAE,OAAO,aAAa,OAAO,aAAa,WAAW,eAAA;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,WAAW,cAAA;AACjD,GAEMC,IAAkB,CAAC,QAAQ,UAAU,WAAW,SAAS,SAAS,GAElEC,IAAqB,CAACC,MAEpB,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,aAAa,CAACG,GAAMC,MAChB,gBAAAC,EAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAA,EAAM,WAAWH,EAAK,UAAA,CAAW;AAAA,MAClC,gBAAAF,EAAC,QAAA,EAAK,WAAU,iBAAiB,UAAAG,EAAA,CAAM;AAAA,IAAA,EAAA,CAC3C;AAAA,EAAA;AAAA,GAMVG,IAAgB,CAAC,EAAE,UAAAC,GAAU,GAAGR,QAAkC;AACpE,QAAMS,IAAWT,EAAM,SAAA,EAAW,CAAC;AACnC,SACI,gBAAAK,EAACV,GAAA,EAAS,GAAGK,GACR,UAAA;AAAA,IAAAS,uBACIH,GAAA,EAAM,WAAWI,EAAW,QAAQD,EAAS,SAAS,GAAG;AAAA,IAE7DD;AAAA,EAAA,GACL;AAER,GAEMG,IAAwCC,EAAE,OAAO;AAAA,EACnD,WAAWA,EAAE,MAAM,CAACA,EAAE,UAAUA,EAAE,OAAA,CAAQ,CAAC;AAAA,EAC3C,WAAWA,EAAE,MAAM,CAACA,EAAE,UAAUA,EAAE,OAAA,CAAQ,CAAC;AAAA,EAC3C,eAAeA,EAAE,OAAA;AAAA,EACjB,aAAaA,EAAE,MAAMA,EAAE,QAAQ;AACnC,CAAC,GAEKC,KAAqB,MAAM;AAC7B,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhD,EAAE,YAAAC,GAAY,eAAAC,EAAA,IAAkBC,EAAA,GAEhC,EAAE,cAAAC,GAAc,SAAAC,GAAS,WAAAC,EAAA,IAAcC,EAAoB;AAAA,IAC7D,eAAeN;AAAA,IACf,UAAUO,EAAYb,CAAgB;AAAA,EAAA,CACzC;AAOD,SACI,gBAAAN,EAAAoB,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAxB,EAACyB,GAAA,EAAO,MAAM,gBAAAzB,EAAC0B,GAAA,CAAA,CAAS,GAAI,SAAS,MAAMZ,EAAgB,EAAI,GAAG,UAAA,SAAA,CAElE;AAAA,IACA,gBAAAd;AAAA,MAAC2B;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,QAAQd;AAAA,QACR,SAAS,MAAMC,EAAgB,EAAK;AAAA,QACpC,gBAAgB,MAAMA,EAAgB,EAAK;AAAA,QAE3C,UAAA,gBAAAV;AAAA,UAACwB;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,oBAAmB;AAAA,YACnB,UAAUT,EAnBT,CAACU,MAAuB;AACrC,cAAAZ,EAAcY,CAAM,GACpBf,EAAgB,EAAK;AAAA,YAAA,CAiBsB;AAAA,YAE/B,UAAA;AAAA,cAAA,gBAAAV,EAAC,OAAA,EACG,UAAA;AAAA,gBAAA,gBAAAJ,EAAC8B,KAAS,OAAM,iBACZ,UAAA,gBAAA1B,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,kBAAA,gBAAAJ;AAAA,oBAAC+B;AAAA,oBAAA;AAAA,sBACG,MAAK;AAAA,sBACL,SAAAX;AAAA,sBACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAhC;AAAA,wBAACiC;AAAA,wBAAA;AAAA,0BACG,mBAAiB;AAAA,0BACjB,MAAK;AAAA,0BACL,aAAY;AAAA,0BACZ,cAAa;AAAA,0BACb,aAAY;AAAA,0BACZ,OAAOD,EAAM;AAAA,0BACb,KAAKX,EAAU,WAAW;AAAA,0BAC1B,WAAW,CAACQ,MAAW;AACnB,kCAAM,EAAE,YAAAK,MAAeL;AACvB,oCACKK,KAAc,MACdb;AAAA,8BACG;AAAA,4BAAA;AAAA,0BACJ;AAAA,0BAGR,UAAU,CAACc,MACPH,EAAM,SAASG,EAAE,OAAO,KAAK;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBAErC;AAAA,kBAAA;AAAA,kBAGR,gBAAAnC,EAAC,QAAA,EACG,UAAA,gBAAAA,EAACoC,GAAA,CAAA,CAAQ,GACb;AAAA,kBACA,gBAAApC;AAAA,oBAAC+B;AAAA,oBAAA;AAAA,sBACG,MAAK;AAAA,sBACL,SAAAX;AAAA,sBACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAhC;AAAA,wBAACiC;AAAA,wBAAA;AAAA,0BACG,mBAAiB;AAAA,0BACjB,MAAK;AAAA,0BACL,aAAY;AAAA,0BACZ,cAAa;AAAA,0BACb,aAAY;AAAA,0BACZ,OAAOD,EAAM;AAAA,0BACb,UAAUA,EAAM;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBACpB;AAAA,kBAAA;AAAA,gBAER,EAAA,CACJ,EAAA,CACJ;AAAA,gBACA,gBAAAhC,EAAC8B,GAAA,EAAS,OAAM,kBACZ,UAAA,gBAAA9B;AAAA,kBAAC+B;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,SAAAX;AAAA,oBACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAhC;AAAA,sBAACqC;AAAA,sBAAA;AAAA,wBACG,SAASzC;AAAA,wBACR,GAAGoC;AAAA,wBACJ,OAAOpC,EAAoB;AAAA,0BACvB,CAAC0C,MACGA,EAAO,UAAUN,EAAM;AAAA,wBAAA;AAAA,wBAE/B,YAAY;AAAA,0BACR,QAAQlC;AAAA,0BACR,SAASQ;AAAA,wBAAA;AAAA,wBAEb,UAAU,CAACgC,MACPN,EAAM,SAASM,KAAA,gBAAAA,EAAQ,KAAK;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAEpC;AAAA,gBAAA,GAGZ;AAAA,kCACCR,GAAA,EAAS,OAAM,gBACZ,UAAA,gBAAA9B,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,kBAAC+B;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,SAAAX;AAAA,oBACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAhC;AAAA,sBAACuC,EAAS;AAAA,sBAAT;AAAA,wBACG,UAAQ;AAAA,wBACR,WAAU;AAAA,wBACT,GAAGP;AAAA,wBAEH,UAAAnC,EAAgB;AAAA,0BACb,CAAC2C,GAAMC,MACH,gBAAAzC;AAAA,4BAACuC;AAAA,4BAAA;AAAA,8BAEG,MAAMP,EAAM;AAAA,8BACZ,OAAOQ;AAAA,8BACP,WAAU;AAAA,8BAET,UAAAA;AAAA,4BAAA;AAAA,4BALIA,IAAOC;AAAA,0BAAA;AAAA,wBAMhB;AAAA,sBAER;AAAA,oBAAA;AAAA,kBACJ;AAAA,gBAAA,GAGZ,EAAA,CACJ;AAAA,cAAA,GACJ;AAAA,gCACChB,GAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,QAAA,CAEtC;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/lib/@ecme/views/concepts/products/ProductList/hooks/useProductList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useProductList.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductList/hooks/useProductList.ts"],"sourcesContent":["import { apiGetProductList } from '@/services/ProductService'\nimport useSWR from 'swr'\nimport { useProductListStore } from '../store/productListStore'\nimport type { GetProductListResponse } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nconst useProductList = () => {\n const {\n tableData,\n filterData,\n setTableData,\n setFilterData,\n selectedProduct,\n setSelectedProduct,\n setSelectAllProduct,\n } = useProductListStore((state) => state)\n\n const { data, error, isLoading, mutate } = useSWR(\n ['/api/products', { ...tableData, ...filterData }],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) =>\n apiGetProductList<GetProductListResponse, TableQueries>(params),\n {\n revalidateOnFocus: false,\n },\n )\n\n const productList = data?.list \|\| []\n\n const productListTotal = data?.total \|\| 0\n\n return {\n error,\n isLoading,\n tableData,\n filterData,\n mutate,\n productList,\n productListTotal,\n setTableData,\n selectedProduct,\n setSelectedProduct,\n setSelectAllProduct,\n setFilterData,\n }\n}\n\nexport default useProductList\n"],"names":["useProductList","tableData","filterData","setTableData","setFilterData","selectedProduct","setSelectedProduct","setSelectAllProduct","useProductListStore","state","data","error","isLoading","mutate","useSWR","_","params","apiGetProductList","productList","productListTotal"],"mappings":";;;AAMA,MAAMA,IAAiB,MAAM;~~AACnB~~,~~QAAA~~;AAAA,IACF,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,EAAA,IACAC,EAAoB,CAACC,MAAUA,CAAK,GAElC,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAC,GAAW,QAAAC,~~EAAW,IAAAC~~;AAAA,IACvC,CAAC,iBAAiB,EAAE,GAAGb,GAAW,GAAGC,GAAY;AAAA;AAAA,IAEjD,CAAC,CAACa,GAAGC,CAAM,MACPC,EAAwDD,CAAM;AAAA,IAClE;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,~~EAE3B~~,~~GAEME~~,KAAcR,KAAA,gBAAAA,EAAM,SAAQ,~~CAAC~~,~~GAE7BS~~,KAAmBT,KAAA,gBAAAA,EAAM,UAAS;~~AAEjC~~,~~SAAA~~;AAAA,IACH,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAX;AAAA,IACA,YAAAC;AAAA,IACA,QAAAW;AAAA,IACA,aAAAK;AAAA,IACA,kBAAAC;AAAA,IACA,cAAAhB;AAAA,IACA,iBAAAE;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,eAAAH;AAAA,~~EACJ~~;~~AACJ~~;"}
1	+ {"version":3,"file":"useProductList.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductList/hooks/useProductList.ts"],"sourcesContent":["import { apiGetProductList } from '@/services/ProductService'\nimport useSWR from 'swr'\nimport { useProductListStore } from '../store/productListStore'\nimport type { GetProductListResponse } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nconst useProductList = () => {\n const {\n tableData,\n filterData,\n setTableData,\n setFilterData,\n selectedProduct,\n setSelectedProduct,\n setSelectAllProduct,\n } = useProductListStore((state) => state)\n\n const { data, error, isLoading, mutate } = useSWR(\n ['/api/products', { ...tableData, ...filterData }],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) =>\n apiGetProductList<GetProductListResponse, TableQueries>(params),\n {\n revalidateOnFocus: false,\n },\n )\n\n const productList = data?.list \|\| []\n\n const productListTotal = data?.total \|\| 0\n\n return {\n error,\n isLoading,\n tableData,\n filterData,\n mutate,\n productList,\n productListTotal,\n setTableData,\n selectedProduct,\n setSelectedProduct,\n setSelectAllProduct,\n setFilterData,\n }\n}\n\nexport default useProductList\n"],"names":["useProductList","tableData","filterData","setTableData","setFilterData","selectedProduct","setSelectedProduct","setSelectAllProduct","useProductListStore","state","data","error","isLoading","mutate","useSWR","_","params","apiGetProductList","productList","productListTotal"],"mappings":";;;AAMA,MAAMA,IAAiB,MAAM;AACzB,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,EAAA,IACAC,EAAoB,CAACC,MAAUA,CAAK,GAElC,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAC,GAAW,QAAAC,MAAWC;AAAA,IACvC,CAAC,iBAAiB,EAAE,GAAGb,GAAW,GAAGC,GAAY;AAAA;AAAA,IAEjD,CAAC,CAACa,GAAGC,CAAM,MACPC,EAAwDD,CAAM;AAAA,IAClE;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EACvB,GAGEE,KAAcR,KAAA,gBAAAA,EAAM,SAAQ,CAAA,GAE5BS,KAAmBT,KAAA,gBAAAA,EAAM,UAAS;AAExC,SAAO;AAAA,IACH,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAX;AAAA,IACA,YAAAC;AAAA,IACA,QAAAW;AAAA,IACA,aAAAK;AAAA,IACA,kBAAAC;AAAA,IACA,cAAAhB;AAAA,IACA,iBAAAE;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,eAAAH;AAAA,EAAA;AAER;"}

package/dist/lib/@ecme/views/concepts/products/ProductList/store/productListStore.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"productListStore.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductList/store/productListStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { TableQueries } from '@/@types/common'\nimport type { Product, Filter } from '../types'\n\nexport const initialTableData: TableQueries = {\n pageIndex: 1,\n pageSize: 10,\n query: '',\n sort: {\n order: '',\n key: '',\n },\n}\n\nexport const initialFilterData = {\n minAmount: 0,\n maxAmount: 5000,\n productStatus: 'published',\n productType: ['Bags', 'Cloths', 'Devices', 'Shoes', 'Watches'],\n}\n\nexport type ProductsListState = {\n tableData: TableQueries\n filterData: Filter\n selectedProduct: Partial<Product>[]\n}\n\ntype ProductsListAction = {\n setFilterData: (payload: Filter) => void\n setTableData: (payload: TableQueries) => void\n setSelectedProduct: (checked: boolean, customer: Product) => void\n setSelectAllProduct: (customer: Product[]) => void\n}\n\nconst initialState: ProductsListState = {\n tableData: initialTableData,\n filterData: initialFilterData,\n selectedProduct: [],\n}\n\nexport const useProductListStore = create<\n ProductsListState & ProductsListAction\n>((set) => ({\n ...initialState,\n setFilterData: (payload) => set(() => ({ filterData: payload })),\n setTableData: (payload) => set(() => ({ tableData: payload })),\n setSelectedProduct: (checked, row) =>\n set((state) => {\n const prevData = state.selectedProduct\n if (checked) {\n return { selectedProduct: [...prevData, ...[row]] }\n } else {\n if (prevData.some((prevProduct) => row.id === prevProduct.id)) {\n return {\n selectedProduct: prevData.filter(\n (prevProduct) => prevProduct.id !== row.id,\n ),\n }\n }\n return { selectedProduct: prevData }\n }\n }),\n setSelectAllProduct: (row) => set(() => ({ selectedProduct: row })),\n}))\n"],"names":["initialTableData","initialFilterData","initialState","useProductListStore","create","set","payload","checked","row","state","prevData","prevProduct"],"mappings":";AAIO,MAAMA,IAAiC;AAAA,EAC1C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAEb,GAEaC,IAAoB;AAAA,EAC7B,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe;AAAA,EACf,aAAa,CAAC,QAAQ,UAAU,WAAW,SAAS,SAAS;AACjE,GAeMC,IAAkC;AAAA,EACpC,WAAWF;AAAA,EACX,YAAYC;AAAA,EACZ,iBAAiB,CAAA;AACrB,GAEaE,IAAsBC,EAEjC,CAACC,OAAS;AAAA,EACR,GAAGH;AAAA,EACH,eAAe,CAACI,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,EAC/D,cAAc,CAACA,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,EAC7D,oBAAoB,CAACC,GAASC,MAC1BH,EAAI,CAACI,MAAU;AACX,UAAMC,IAAWD,EAAM;AACvB,WAAIF,IACO,EAAE,iBAAiB,CAAC,GAAGG,GAAcF,CAAI,~~EAAE~~,~~IAE9CE~~,EAAS,KAAK,CAACC,MAAgBH,EAAI,OAAOG,EAAY,EAAE,IACjD;AAAA,MACH,iBAAiBD,EAAS;AAAA,QACtB,CAACC,MAAgBA,EAAY,OAAOH,EAAI;AAAA,MAAA;AAAA,~~IAEhD~~,~~IAEG~~,EAAE,iBAAiBE,~~EAAS~~;AAAA,~~EACvC~~,CACH;AAAA,EACL,qBAAqB,CAACF,MAAQH,EAAI,OAAO,EAAE,iBAAiBG,IAAM;AACtE,EAAE;"}
1	+ {"version":3,"file":"productListStore.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductList/store/productListStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { TableQueries } from '@/@types/common'\nimport type { Product, Filter } from '../types'\n\nexport const initialTableData: TableQueries = {\n pageIndex: 1,\n pageSize: 10,\n query: '',\n sort: {\n order: '',\n key: '',\n },\n}\n\nexport const initialFilterData = {\n minAmount: 0,\n maxAmount: 5000,\n productStatus: 'published',\n productType: ['Bags', 'Cloths', 'Devices', 'Shoes', 'Watches'],\n}\n\nexport type ProductsListState = {\n tableData: TableQueries\n filterData: Filter\n selectedProduct: Partial<Product>[]\n}\n\ntype ProductsListAction = {\n setFilterData: (payload: Filter) => void\n setTableData: (payload: TableQueries) => void\n setSelectedProduct: (checked: boolean, customer: Product) => void\n setSelectAllProduct: (customer: Product[]) => void\n}\n\nconst initialState: ProductsListState = {\n tableData: initialTableData,\n filterData: initialFilterData,\n selectedProduct: [],\n}\n\nexport const useProductListStore = create<\n ProductsListState & ProductsListAction\n>((set) => ({\n ...initialState,\n setFilterData: (payload) => set(() => ({ filterData: payload })),\n setTableData: (payload) => set(() => ({ tableData: payload })),\n setSelectedProduct: (checked, row) =>\n set((state) => {\n const prevData = state.selectedProduct\n if (checked) {\n return { selectedProduct: [...prevData, ...[row]] }\n } else {\n if (prevData.some((prevProduct) => row.id === prevProduct.id)) {\n return {\n selectedProduct: prevData.filter(\n (prevProduct) => prevProduct.id !== row.id,\n ),\n }\n }\n return { selectedProduct: prevData }\n }\n }),\n setSelectAllProduct: (row) => set(() => ({ selectedProduct: row })),\n}))\n"],"names":["initialTableData","initialFilterData","initialState","useProductListStore","create","set","payload","checked","row","state","prevData","prevProduct"],"mappings":";AAIO,MAAMA,IAAiC;AAAA,EAC1C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAEb,GAEaC,IAAoB;AAAA,EAC7B,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe;AAAA,EACf,aAAa,CAAC,QAAQ,UAAU,WAAW,SAAS,SAAS;AACjE,GAeMC,IAAkC;AAAA,EACpC,WAAWF;AAAA,EACX,YAAYC;AAAA,EACZ,iBAAiB,CAAA;AACrB,GAEaE,IAAsBC,EAEjC,CAACC,OAAS;AAAA,EACR,GAAGH;AAAA,EACH,eAAe,CAACI,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,EAC/D,cAAc,CAACA,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,EAC7D,oBAAoB,CAACC,GAASC,MAC1BH,EAAI,CAACI,MAAU;AACX,UAAMC,IAAWD,EAAM;AACvB,WAAIF,IACO,EAAE,iBAAiB,CAAC,GAAGG,GAAcF,CAAI,EAAA,IAE5CE,EAAS,KAAK,CAACC,MAAgBH,EAAI,OAAOG,EAAY,EAAE,IACjD;AAAA,MACH,iBAAiBD,EAAS;AAAA,QACtB,CAACC,MAAgBA,EAAY,OAAOH,EAAI;AAAA,MAAA;AAAA,IAC5C,IAGD,EAAE,iBAAiBE,EAAA;AAAA,EAC9B,CACH;AAAA,EACL,qBAAqB,CAACF,MAAQH,EAAI,OAAO,EAAE,iBAAiBG,IAAM;AACtE,EAAE;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Issue.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/Issue.tsx"],"sourcesContent":["import Loading from '@/components/shared/Loading'\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\nimport IssueHeader from './components/IssueHeader'\nimport IssueBody from './components/IssueBody'\nimport IssueFooter from './components/IssueFooter'\nimport IssueActivity from './components/IssueActivity'\nimport {\n apiGetProjectTask,\n apiGetProjectMembers,\n} from '@/services/ProjectService'\nimport { useIssueStore } from './store/issueStore'\nimport useSWR from 'swr'\nimport { useParams } from 'react-router-dom'\nimport type { GetIssueResponse, GetProjectMembersResponse } from './types'\n\nconst Issue = () => {\n const { id } = useParams()\n\n const { issueData, updateIssueData, setMembers } = useIssueStore()\n\n const { isLoading } = useSWR(\n [`/api/projects/tasks/${id}`, { id: id as string }],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) =>\n apiGetProjectTask<GetIssueResponse, { id: string }>(params),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n onSuccess: (data) => {\n updateIssueData(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 setMembers(data.participantMembers)\n },\n },\n )\n\n return (\n <AdaptiveCard>\n <Loading loading={isLoading}>\n {issueData && (\n <div className=\"grid grid-cols-1 xl:grid-cols-3 gap-4\">\n <div className=\"lg:col-span-2\">\n <div className=\"px-6\">\n <IssueHeader />\n <div className=\"mt-8\">\n <IssueBody />\n </div>\n <div className=\"mt-8\">\n <IssueFooter />\n </div>\n </div>\n </div>\n <div>\n <IssueActivity />\n </div>\n </div>\n )}\n </Loading>\n </AdaptiveCard>\n )\n}\n\nexport default Issue\n"],"names":["Issue","id","useParams","issueData","updateIssueData","setMembers","useIssueStore","isLoading","useSWR","_","params","apiGetProjectTask","data","apiGetProjectMembers","jsx","AdaptiveCard","Loading","jsxs","IssueHeader","IssueBody","IssueFooter","IssueActivity"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAAQ,MAAM;~~AACV~~,~~QAAA~~,EAAE,IAAAC,~~EAAG~~,~~IAAIC~~,~~EAAU~~,~~GAEnB~~,EAAE,WAAAC,GAAW,iBAAAC,GAAiB,YAAAC,EAAA,IAAeC,~~EAAc~~,~~GAE3D~~,EAAE,WAAAC,MAAcC;AAAA,IAClB,CAAC,uBAAuBP,CAAE,IAAI,EAAE,IAAAA,GAAkB;AAAA;AAAA,IAElD,CAAC,CAACQ,GAAGC,CAAM,MACPC,EAAoDD,CAAM;AAAA,IAC9D;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,WAAW,CAACE,MAAS;AACjB,QAAAR,EAAgBQ,CAAI;AAAA,MAAA;AAAA,IACxB;AAAA,~~EAER~~;~~AAEA~~,SAAAJ;AAAA,IACI,CAAC,mCAAmC;AAAA,IACpC,MAAMK,~~EAAgD~~;AAAA,~~IACtD~~;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAACD,MAAS;AACjB,QAAAP,EAAWO,EAAK,kBAAkB;AAAA,MAAA;AAAA,IACtC;AAAA,~~EAER~~,~~GAGI~~,gBAAAE,EAACC,~~GACG~~,~~EAAA~~,UAAA,gBAAAD,EAACE,~~GAAQ~~,~~EAAA~~,SAAST,GACb,~~UACGJ~~,~~KAAA~~,gBAAAc,EAAC,~~OAAI~~,~~EAAA~~,WAAU,yCACX,UAAA;AAAA,IAAA,gBAAAH,EAAC,SAAI,WAAU,iBACX,~~UAAC~~,gBAAAG,~~EAAA~~,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAH,EAACI,~~GAAY~~,~~EAAA~~;AAAA,wBACZ,~~OAAI~~,~~EAAA~~,WAAU,QACX,UAAA,gBAAAJ,EAACK,~~IAAU~~,~~CAAA,~~GACf;AAAA,wBACC,~~OAAI~~,~~EAAA~~,WAAU,QACX,UAAA,gBAAAL,EAACM,KAAY,~~EACjB~~,~~CAAA~~;AAAA,IAAA,EAAA,CACJ,~~EACJ~~,~~CAAA~~;AAAA,~~IACC~~,gBAAAN,~~EAAA~~,OAAA,EACG,~~UAAC~~,gBAAAA,~~EAAAO~~,GAAA,CAAA,CAAc,~~EACnB~~,~~CAAA~~;AAAA,EAAA,~~EACJ~~,~~CAAA~~,~~EAER~~,~~CAAA,~~GACJ;AAER;"}
1	+ {"version":3,"file":"Issue.js","sources":["../../../../../../../lib/@ecme/views/concepts/projects/Issue/Issue.tsx"],"sourcesContent":["import Loading from '@/components/shared/Loading'\nimport AdaptiveCard from '@/components/shared/AdaptiveCard'\nimport IssueHeader from './components/IssueHeader'\nimport IssueBody from './components/IssueBody'\nimport IssueFooter from './components/IssueFooter'\nimport IssueActivity from './components/IssueActivity'\nimport {\n apiGetProjectTask,\n apiGetProjectMembers,\n} from '@/services/ProjectService'\nimport { useIssueStore } from './store/issueStore'\nimport useSWR from 'swr'\nimport { useParams } from 'react-router-dom'\nimport type { GetIssueResponse, GetProjectMembersResponse } from './types'\n\nconst Issue = () => {\n const { id } = useParams()\n\n const { issueData, updateIssueData, setMembers } = useIssueStore()\n\n const { isLoading } = useSWR(\n [`/api/projects/tasks/${id}`, { id: id as string }],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) =>\n apiGetProjectTask<GetIssueResponse, { id: string }>(params),\n {\n revalidateOnFocus: false,\n revalidateIfStale: false,\n onSuccess: (data) => {\n updateIssueData(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 setMembers(data.participantMembers)\n },\n },\n )\n\n return (\n <AdaptiveCard>\n <Loading loading={isLoading}>\n {issueData && (\n <div className=\"grid grid-cols-1 xl:grid-cols-3 gap-4\">\n <div className=\"lg:col-span-2\">\n <div className=\"px-6\">\n <IssueHeader />\n <div className=\"mt-8\">\n <IssueBody />\n </div>\n <div className=\"mt-8\">\n <IssueFooter />\n </div>\n </div>\n </div>\n <div>\n <IssueActivity />\n </div>\n </div>\n )}\n </Loading>\n </AdaptiveCard>\n )\n}\n\nexport default Issue\n"],"names":["Issue","id","useParams","issueData","updateIssueData","setMembers","useIssueStore","isLoading","useSWR","_","params","apiGetProjectTask","data","apiGetProjectMembers","jsx","AdaptiveCard","Loading","jsxs","IssueHeader","IssueBody","IssueFooter","IssueActivity"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAAQ,MAAM;AAChB,QAAM,EAAE,IAAAC,EAAA,IAAOC,EAAA,GAET,EAAE,WAAAC,GAAW,iBAAAC,GAAiB,YAAAC,EAAA,IAAeC,EAAA,GAE7C,EAAE,WAAAC,MAAcC;AAAA,IAClB,CAAC,uBAAuBP,CAAE,IAAI,EAAE,IAAAA,GAAkB;AAAA;AAAA,IAElD,CAAC,CAACQ,GAAGC,CAAM,MACPC,EAAoDD,CAAM;AAAA,IAC9D;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,WAAW,CAACE,MAAS;AACjB,QAAAR,EAAgBQ,CAAI;AAAA,MAAA;AAAA,IACxB;AAAA,EACJ;AAGJ,SAAAJ;AAAA,IACI,CAAC,mCAAmC;AAAA,IACpC,MAAMK,EAAA;AAAA,IACN;AAAA,MACI,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,WAAW,CAACD,MAAS;AACjB,QAAAP,EAAWO,EAAK,kBAAkB;AAAA,MAAA;AAAA,IACtC;AAAA,EACJ,GAIA,gBAAAE,EAACC,GAAA,EACG,UAAA,gBAAAD,EAACE,GAAA,EAAQ,SAAST,GACb,UAAAJ,KACG,gBAAAc,EAAC,OAAA,EAAI,WAAU,yCACX,UAAA;AAAA,IAAA,gBAAAH,EAAC,SAAI,WAAU,iBACX,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EAAY;AAAA,wBACZ,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAJ,EAACK,KAAU,GACf;AAAA,wBACC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAL,EAACM,KAAY,EAAA,CACjB;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,IACA,gBAAAN,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACO,GAAA,CAAA,CAAc,EAAA,CACnB;AAAA,EAAA,EAAA,CACJ,GAER,GACJ;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IssueActivity.js","sources":["../../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueActivity.tsx"],"sourcesContent":["import { useIssueStore } from '../store/issueStore'\nimport Timeline from '@/components/ui/Timeline'\nimport { ActivityAvatar, ActivityEvent } from '@/components/view/Activity'\nimport isEmpty from 'lodash/isEmpty'\n\nconst IssueActivity = () => {\n const { issueData } = useIssueStore()\n\n return (\n <div className=\"lg:px-6\">\n <h5 className=\"mb-4\">Activity</h5>\n <Timeline>\n {isEmpty(issueData.activity) ? (\n <Timeline.Item>No Activities</Timeline.Item>\n ) : (\n issueData.activity.map((event, index) => (\n <Timeline.Item\n key={event.type + index}\n media={<ActivityAvatar data={event} />}\n >\n <div className=\"mt-1\">\n <ActivityEvent compact data={event} />\n </div>\n </Timeline.Item>\n ))\n )}\n </Timeline>\n </div>\n )\n}\n\nexport default IssueActivity\n"],"names":["IssueActivity","issueData","useIssueStore","jsxs","jsx","Timeline","isEmpty","event","index","ActivityAvatar","ActivityEvent"],"mappings":";;;;;;;AAKA,MAAMA,IAAgB,MAAM;~~AAClB~~,~~QAAA~~,EAAE,WAAAC,~~EAAU~~,~~IAAIC~~,~~EAAc~~;~~AAGhC~~,~~SAAA~~,gBAAAC,EAAC,~~OAAI~~,~~EAAA~~,WAAU,WACX,UAAA;AAAA,~~IAAC~~,gBAAAC,~~EAAA~~,MAAA,EAAG,WAAU,QAAO,~~UAAQ~~,~~YAAA~~;AAAA,sBAC5BC,~~GACI~~,~~EAAA~~,UAAAC,EAAQL,EAAU,QAAQ,~~IACtB~~,gBAAAG,~~EAAAC~~,EAAS,MAAT,EAAc,~~0BAAa~~,~~CAAA,~~IAE5BJ,EAAU,SAAS,IAAI,CAACM,GAAOC,MAC3B,gBAAAJ;AAAA,MAACC,EAAS;AAAA,MAAT;AAAA,QAEG,OAAO,gBAAAD,EAACK,~~GAAe~~,~~EAAA~~,MAAMF,~~EAAO~~,~~CAAA~~;AAAA,QAEpC,UAAA,gBAAAH,EAAC,~~OAAI~~,~~EAAA~~,WAAU,QACX,UAAA,gBAAAA,EAACM,KAAc,SAAO,IAAC,MAAMH,~~EAAO~~,~~CAAA~~,~~EACxC~~,~~CAAA~~;AAAA,MAAA;AAAA,MALKA,EAAM,OAAOC;AAAA,IAAA,CAOzB,~~EAET~~,~~CAAA~~;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"IssueActivity.js","sources":["../../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueActivity.tsx"],"sourcesContent":["import { useIssueStore } from '../store/issueStore'\nimport Timeline from '@/components/ui/Timeline'\nimport { ActivityAvatar, ActivityEvent } from '@/components/view/Activity'\nimport isEmpty from 'lodash/isEmpty'\n\nconst IssueActivity = () => {\n const { issueData } = useIssueStore()\n\n return (\n <div className=\"lg:px-6\">\n <h5 className=\"mb-4\">Activity</h5>\n <Timeline>\n {isEmpty(issueData.activity) ? (\n <Timeline.Item>No Activities</Timeline.Item>\n ) : (\n issueData.activity.map((event, index) => (\n <Timeline.Item\n key={event.type + index}\n media={<ActivityAvatar data={event} />}\n >\n <div className=\"mt-1\">\n <ActivityEvent compact data={event} />\n </div>\n </Timeline.Item>\n ))\n )}\n </Timeline>\n </div>\n )\n}\n\nexport default IssueActivity\n"],"names":["IssueActivity","issueData","useIssueStore","jsxs","jsx","Timeline","isEmpty","event","index","ActivityAvatar","ActivityEvent"],"mappings":";;;;;;;AAKA,MAAMA,IAAgB,MAAM;AACxB,QAAM,EAAE,WAAAC,EAAA,IAAcC,EAAA;AAEtB,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,WACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,YAAQ;AAAA,sBAC5BC,GAAA,EACI,UAAAC,EAAQL,EAAU,QAAQ,IACvB,gBAAAG,EAACC,EAAS,MAAT,EAAc,2BAAa,IAE5BJ,EAAU,SAAS,IAAI,CAACM,GAAOC,MAC3B,gBAAAJ;AAAA,MAACC,EAAS;AAAA,MAAT;AAAA,QAEG,OAAO,gBAAAD,EAACK,GAAA,EAAe,MAAMF,EAAA,CAAO;AAAA,QAEpC,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACM,KAAc,SAAO,IAAC,MAAMH,EAAA,CAAO,EAAA,CACxC;AAAA,MAAA;AAAA,MALKA,EAAM,OAAOC;AAAA,IAAA,CAOzB,EAAA,CAET;AAAA,EAAA,GACJ;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IssueBody.js","sources":["../../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueBody.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport { useState, useRef } from 'react'\nimport { useIssueStore } from '../store/issueStore'\nimport DatePicker from '@/components/ui/DatePicker'\nimport Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Tag from '@/components/ui/Tag'\nimport Badge from '@/components/ui/Badge'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport IssueField from './IssueField'\nimport IssueFieldDropdown from './IssueFieldDropdown'\nimport classNames from '@/utils/classNames'\nimport dayjs from 'dayjs'\nimport ReactHtmlParser from 'html-react-parser'\nimport {\n TbTag,\n TbCircle,\n TbFlag,\n TbFlag2Filled,\n TbUser,\n TbClock,\n TbCheck,\n} from 'react-icons/tb'\nimport { useEditor } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\nimport type { RichTextEditorRef } from '@/components/shared/RichTextEditor'\n\nexport const labelList = [\n { id: '1', title: 'Bug' },\n { id: '2', title: 'Live issue' },\n { id: '3', title: 'Task' },\n { id: '4', title: 'Optimization' },\n]\n\nexport const taskLabelColors: Record<string, string> = {\n 'Live issue': 'bg-rose-200 dark:bg-rose-200 dark:text-gray-900',\n Task: 'bg-blue-200 dark:bg-blue-200 dark:text-gray-900',\n Bug: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\n Optimization: 'bg-purple-200 dark:bg-purple-200 dark:text-gray-900',\n 'In progress': 'bg-sky-200 dark:bg-sky-200 dark:text-gray-900',\n Completed: 'bg-emerald-200 dark:bg-emerald-200 dark:text-gray-900',\n Pending: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\n}\n\nconst statusList: string[] = ['Pending', 'In progress', 'Completed']\n\nconst priorityList: string[] = ['Low', 'Medium', 'High']\n\nconst flagColors: Record<string, { text: string; bg: string }> = {\n Low: {\n text: 'text-success',\n bg: 'bg-success',\n },\n Medium: {\n text: 'text-warning',\n bg: 'bg-warning',\n },\n High: {\n text: 'text-error',\n bg: 'bg-error',\n },\n}\n\nconst IssueBody = () => {\n const descriptionInput = useRef<RichTextEditorRef>(null)\n\n const { issueData, updateIssueData, memberList } = useIssueStore()\n\n const [editDescription, setEditDescription] = useState(false)\n\n const createNewData = () => {\n return { ...issueData }\n }\n\n const handleAddLabelClick = (value: string) => {\n const newData = createNewData()\n if (newData.labels.some((label) => label.id === value)) {\n newData.labels = newData.labels.filter(\n (label) => label.id !== value,\n )\n } else {\n const label = labelList.find((label) => label.id === value)\n if (label) {\n newData.labels.push(label)\n }\n }\n updateIssueData(newData)\n }\n\n const handleChangeStatusClick = (value: string) => {\n const newData = createNewData()\n newData.status = value\n updateIssueData(newData)\n }\n\n const handlePriorityChange = (value: string) => {\n const newData = createNewData()\n newData.priority = value\n updateIssueData(newData)\n }\n\n const handleAddMember = (value: string) => {\n const newData = createNewData()\n if (newData.assignees.some((member) => member.id === value)) {\n newData.assignees = newData.assignees.filter(\n (member) => member.id !== value,\n )\n } else {\n const member = memberList.find((member) => member.id === value)\n if (member) {\n newData.assignees.push(member)\n }\n }\n updateIssueData(newData)\n }\n\n const handleDueDateChange = (date: Date) => {\n const newData = createNewData()\n newData.dueDate = dayjs(date).unix()\n updateIssueData(newData)\n }\n\n const handleDescriptionChange = (value: string) => {\n const newData = createNewData()\n newData.description = value\n updateIssueData(newData)\n }\n\n const editor = useEditor({\n extensions: [\n StarterKit.configure({\n bulletList: {\n keepMarks: true,\n },\n orderedList: {\n keepMarks: true,\n },\n }),\n ],\n editorProps: {\n attributes: {\n class: 'm-2 focus:outline-none',\n },\n },\n content: issueData.description,\n onUpdate({ editor }) {\n handleDescriptionChange(editor.getHTML())\n },\n })\n\n const handleDescriptionClick = () => {\n setEditDescription(true)\n editor?.chain().focus()\n }\n\n return (\n <div>\n <div className=\"grid grid-cols-1 xl:grid-cols-2 gap-x-4\">\n <div className=\"flex flex-col\">\n <IssueFieldDropdown\n title=\"Label\"\n icon={<TbTag />}\n dropdownTrigger={\n <>\n {issueData.labels?.map((label, index) => (\n <Tag\n key={label.title + index}\n className={`${\n taskLabelColors[label.title]\n }`}\n >\n {label.title}\n </Tag>\n ))}\n </>\n }\n >\n {labelList.map((label) => (\n <Dropdown.Item\n key={label.title}\n eventKey={label.id}\n onSelect={handleAddLabelClick}\n >\n <div className=\"flex items-center relative\">\n {issueData.labels.some(\n (labelitem) =>\n labelitem.id === label.id,\n ) && (\n <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\n )}\n <span\n className={classNames(\n issueData.labels.length > 0 &&\n 'mx-5',\n )}\n >\n {label.title}\n </span>\n </div>\n </Dropdown.Item>\n ))}\n </IssueFieldDropdown>\n <IssueFieldDropdown\n title=\"Status\"\n icon={<TbCircle />}\n dropdownTrigger={\n <Tag\n className={`${\n taskLabelColors[issueData.status \|\| '']\n }`}\n >\n {issueData.status}\n </Tag>\n }\n >\n {statusList.map((status) => (\n <Dropdown.Item\n key={status}\n eventKey={status}\n active={status === issueData.status}\n onSelect={handleChangeStatusClick}\n >\n <div className=\"flex items-center relative\">\n <span>{status}</span>\n </div>\n </Dropdown.Item>\n ))}\n </IssueFieldDropdown>\n <IssueFieldDropdown\n title=\"Priority\"\n icon={<TbFlag />}\n dropdownTrigger={\n <div className=\"flex items-center gap-2\">\n <TbFlag2Filled\n className={classNames(\n 'text-lg',\n `${\n flagColors[issueData.priority \|\| '']\n ?.text\n }`,\n )}\n />\n <span className=\"font-semibold\">\n {issueData.priority}\n </span>\n </div>\n }\n >\n {priorityList.map((priority) => (\n <Dropdown.Item\n key={priority}\n eventKey={priority}\n active={priority === issueData.priority}\n onSelect={handlePriorityChange}\n >\n <div className=\"flex items-center\">\n <Badge\n innerClass={`${flagColors[priority]?.bg}`}\n />\n <span className=\"ml-2 rtl:mr-2\">\n {priority}\n </span>\n </div>\n </Dropdown.Item>\n ))}\n </IssueFieldDropdown>\n </div>\n <div className=\"flex flex-col\">\n <IssueFieldDropdown\n title=\"Assigned to\"\n icon={<TbUser />}\n dropdownTrigger={\n <UsersAvatarGroup\n className=\"gap-1\"\n avatarProps={{\n className: 'cursor-pointer',\n }}\n avatarGroupProps={{ maxCount: 4 }}\n chained={false}\n users={issueData.assignees}\n />\n }\n >\n {memberList.map((member) => (\n <Dropdown.Item\n key={member.name}\n eventKey={member.id}\n onSelect={handleAddMember}\n >\n <div\n className={classNames(\n 'flex items-center justify-between relative',\n )}\n >\n {issueData.assignees.some(\n (assignee) => assignee.id === member.id,\n ) && (\n <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\n )}\n <div\n className={classNames(\n 'flex items-center gap-2',\n issueData.labels.length > 0 &&\n 'mx-5',\n )}\n >\n <Avatar\n shape=\"circle\"\n size={22}\n src={member.img}\n />\n <span>{member.name}</span>\n </div>\n </div>\n </Dropdown.Item>\n ))}\n </IssueFieldDropdown>\n <IssueField title=\"Due date\" icon={<TbClock />}>\n <div className=\"flex items-center gap-1 px-3 rounded-xl hover:bg-gray-200 dark:hover:bg-gray-700 focus:bg-gray-200 dark:focus:bg-gray-700 cursor-pointer w-full min-h-[46px] relative\">\n <span className=\"font-semibold\">\n {dayjs\n .unix(issueData.dueDate \|\| 0)\n .format('MMMM DD')}\n </span>\n <DatePicker\n className=\"opacity-0 cursor-pointer absolute\"\n value={dayjs\n .unix(issueData.dueDate \|\| dayjs().unix())\n .toDate()}\n inputtable={false}\n inputPrefix={null}\n inputSuffix={null}\n clearable={false}\n onChange={(date) =>\n handleDueDateChange(date as Date)\n }\n />\n </div>\n </IssueField>\n </div>\n </div>\n <div className=\"mt-8\">\n <h5 className=\"mb-4\">Description</h5>\n {editDescription ? (\n <RichTextEditor\n ref={descriptionInput}\n content={issueData.description}\n customEditor={editor}\n onBlur={() => setEditDescription(false)}\n />\n ) : (\n <div\n className=\"mt-2 prose max-w-full cursor-pointer\"\n role=\"button\"\n onClick={handleDescriptionClick}\n >\n <div className=\"prose-p:text-sm prose-p:dark:text-gray-400\">\n {ReactHtmlParser(issueData.description \|\| '')}\n </div>\n </div>\n )}\n </div>\n </div>\n )\n}\n\nexport default IssueBody\n"],"names":["labelList","taskLabelColors","statusList","priorityList","flagColors","IssueBody","descriptionInput","useRef","issueData","updateIssueData","memberList","useIssueStore","editDescription","setEditDescription","useState","createNewData","handleAddLabelClick","value","newData","label","handleChangeStatusClick","handlePriorityChange","handleAddMember","member","handleDueDateChange","date","dayjs","handleDescriptionChange","editor","useEditor","StarterKit","handleDescriptionClick","jsxs","jsx","IssueFieldDropdown","TbTag","Fragment","_a","index","Tag","Dropdown","labelitem","TbCheck","classNames","TbCircle","status","TbFlag","TbFlag2Filled","_b","priority","Badge","TbUser","UsersAvatarGroup","assignee","Avatar","IssueField","TbClock","DatePicker","RichTextEditor"],"mappings":"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"}
1	+ {"version":3,"file":"IssueBody.js","sources":["../../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueBody.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport { useState, useRef } from 'react'\nimport { useIssueStore } from '../store/issueStore'\nimport DatePicker from '@/components/ui/DatePicker'\nimport Avatar from '@/components/ui/Avatar'\nimport Dropdown from '@/components/ui/Dropdown'\nimport Tag from '@/components/ui/Tag'\nimport Badge from '@/components/ui/Badge'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'\nimport IssueField from './IssueField'\nimport IssueFieldDropdown from './IssueFieldDropdown'\nimport classNames from '@/utils/classNames'\nimport dayjs from 'dayjs'\nimport ReactHtmlParser from 'html-react-parser'\nimport {\n TbTag,\n TbCircle,\n TbFlag,\n TbFlag2Filled,\n TbUser,\n TbClock,\n TbCheck,\n} from 'react-icons/tb'\nimport { useEditor } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\nimport type { RichTextEditorRef } from '@/components/shared/RichTextEditor'\n\nexport const labelList = [\n { id: '1', title: 'Bug' },\n { id: '2', title: 'Live issue' },\n { id: '3', title: 'Task' },\n { id: '4', title: 'Optimization' },\n]\n\nexport const taskLabelColors: Record<string, string> = {\n 'Live issue': 'bg-rose-200 dark:bg-rose-200 dark:text-gray-900',\n Task: 'bg-blue-200 dark:bg-blue-200 dark:text-gray-900',\n Bug: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\n Optimization: 'bg-purple-200 dark:bg-purple-200 dark:text-gray-900',\n 'In progress': 'bg-sky-200 dark:bg-sky-200 dark:text-gray-900',\n Completed: 'bg-emerald-200 dark:bg-emerald-200 dark:text-gray-900',\n Pending: 'bg-amber-200 dark:bg-amber-200 dark:text-gray-900',\n}\n\nconst statusList: string[] = ['Pending', 'In progress', 'Completed']\n\nconst priorityList: string[] = ['Low', 'Medium', 'High']\n\nconst flagColors: Record<string, { text: string; bg: string }> = {\n Low: {\n text: 'text-success',\n bg: 'bg-success',\n },\n Medium: {\n text: 'text-warning',\n bg: 'bg-warning',\n },\n High: {\n text: 'text-error',\n bg: 'bg-error',\n },\n}\n\nconst IssueBody = () => {\n const descriptionInput = useRef<RichTextEditorRef>(null)\n\n const { issueData, updateIssueData, memberList } = useIssueStore()\n\n const [editDescription, setEditDescription] = useState(false)\n\n const createNewData = () => {\n return { ...issueData }\n }\n\n const handleAddLabelClick = (value: string) => {\n const newData = createNewData()\n if (newData.labels.some((label) => label.id === value)) {\n newData.labels = newData.labels.filter(\n (label) => label.id !== value,\n )\n } else {\n const label = labelList.find((label) => label.id === value)\n if (label) {\n newData.labels.push(label)\n }\n }\n updateIssueData(newData)\n }\n\n const handleChangeStatusClick = (value: string) => {\n const newData = createNewData()\n newData.status = value\n updateIssueData(newData)\n }\n\n const handlePriorityChange = (value: string) => {\n const newData = createNewData()\n newData.priority = value\n updateIssueData(newData)\n }\n\n const handleAddMember = (value: string) => {\n const newData = createNewData()\n if (newData.assignees.some((member) => member.id === value)) {\n newData.assignees = newData.assignees.filter(\n (member) => member.id !== value,\n )\n } else {\n const member = memberList.find((member) => member.id === value)\n if (member) {\n newData.assignees.push(member)\n }\n }\n updateIssueData(newData)\n }\n\n const handleDueDateChange = (date: Date) => {\n const newData = createNewData()\n newData.dueDate = dayjs(date).unix()\n updateIssueData(newData)\n }\n\n const handleDescriptionChange = (value: string) => {\n const newData = createNewData()\n newData.description = value\n updateIssueData(newData)\n }\n\n const editor = useEditor({\n extensions: [\n StarterKit.configure({\n bulletList: {\n keepMarks: true,\n },\n orderedList: {\n keepMarks: true,\n },\n }),\n ],\n editorProps: {\n attributes: {\n class: 'm-2 focus:outline-none',\n },\n },\n content: issueData.description,\n onUpdate({ editor }) {\n handleDescriptionChange(editor.getHTML())\n },\n })\n\n const handleDescriptionClick = () => {\n setEditDescription(true)\n editor?.chain().focus()\n }\n\n return (\n <div>\n <div className=\"grid grid-cols-1 xl:grid-cols-2 gap-x-4\">\n <div className=\"flex flex-col\">\n <IssueFieldDropdown\n title=\"Label\"\n icon={<TbTag />}\n dropdownTrigger={\n <>\n {issueData.labels?.map((label, index) => (\n <Tag\n key={label.title + index}\n className={`${\n taskLabelColors[label.title]\n }`}\n >\n {label.title}\n </Tag>\n ))}\n </>\n }\n >\n {labelList.map((label) => (\n <Dropdown.Item\n key={label.title}\n eventKey={label.id}\n onSelect={handleAddLabelClick}\n >\n <div className=\"flex items-center relative\">\n {issueData.labels.some(\n (labelitem) =>\n labelitem.id === label.id,\n ) && (\n <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\n )}\n <span\n className={classNames(\n issueData.labels.length > 0 &&\n 'mx-5',\n )}\n >\n {label.title}\n </span>\n </div>\n </Dropdown.Item>\n ))}\n </IssueFieldDropdown>\n <IssueFieldDropdown\n title=\"Status\"\n icon={<TbCircle />}\n dropdownTrigger={\n <Tag\n className={`${\n taskLabelColors[issueData.status \|\| '']\n }`}\n >\n {issueData.status}\n </Tag>\n }\n >\n {statusList.map((status) => (\n <Dropdown.Item\n key={status}\n eventKey={status}\n active={status === issueData.status}\n onSelect={handleChangeStatusClick}\n >\n <div className=\"flex items-center relative\">\n <span>{status}</span>\n </div>\n </Dropdown.Item>\n ))}\n </IssueFieldDropdown>\n <IssueFieldDropdown\n title=\"Priority\"\n icon={<TbFlag />}\n dropdownTrigger={\n <div className=\"flex items-center gap-2\">\n <TbFlag2Filled\n className={classNames(\n 'text-lg',\n `${\n flagColors[issueData.priority \|\| '']\n ?.text\n }`,\n )}\n />\n <span className=\"font-semibold\">\n {issueData.priority}\n </span>\n </div>\n }\n >\n {priorityList.map((priority) => (\n <Dropdown.Item\n key={priority}\n eventKey={priority}\n active={priority === issueData.priority}\n onSelect={handlePriorityChange}\n >\n <div className=\"flex items-center\">\n <Badge\n innerClass={`${flagColors[priority]?.bg}`}\n />\n <span className=\"ml-2 rtl:mr-2\">\n {priority}\n </span>\n </div>\n </Dropdown.Item>\n ))}\n </IssueFieldDropdown>\n </div>\n <div className=\"flex flex-col\">\n <IssueFieldDropdown\n title=\"Assigned to\"\n icon={<TbUser />}\n dropdownTrigger={\n <UsersAvatarGroup\n className=\"gap-1\"\n avatarProps={{\n className: 'cursor-pointer',\n }}\n avatarGroupProps={{ maxCount: 4 }}\n chained={false}\n users={issueData.assignees}\n />\n }\n >\n {memberList.map((member) => (\n <Dropdown.Item\n key={member.name}\n eventKey={member.id}\n onSelect={handleAddMember}\n >\n <div\n className={classNames(\n 'flex items-center justify-between relative',\n )}\n >\n {issueData.assignees.some(\n (assignee) => assignee.id === member.id,\n ) && (\n <TbCheck className=\"absolute text-primary ltr:left-[-5px] text-lg\" />\n )}\n <div\n className={classNames(\n 'flex items-center gap-2',\n issueData.labels.length > 0 &&\n 'mx-5',\n )}\n >\n <Avatar\n shape=\"circle\"\n size={22}\n src={member.img}\n />\n <span>{member.name}</span>\n </div>\n </div>\n </Dropdown.Item>\n ))}\n </IssueFieldDropdown>\n <IssueField title=\"Due date\" icon={<TbClock />}>\n <div className=\"flex items-center gap-1 px-3 rounded-xl hover:bg-gray-200 dark:hover:bg-gray-700 focus:bg-gray-200 dark:focus:bg-gray-700 cursor-pointer w-full min-h-[46px] relative\">\n <span className=\"font-semibold\">\n {dayjs\n .unix(issueData.dueDate \|\| 0)\n .format('MMMM DD')}\n </span>\n <DatePicker\n className=\"opacity-0 cursor-pointer absolute\"\n value={dayjs\n .unix(issueData.dueDate \|\| dayjs().unix())\n .toDate()}\n inputtable={false}\n inputPrefix={null}\n inputSuffix={null}\n clearable={false}\n onChange={(date) =>\n handleDueDateChange(date as Date)\n }\n />\n </div>\n </IssueField>\n </div>\n </div>\n <div className=\"mt-8\">\n <h5 className=\"mb-4\">Description</h5>\n {editDescription ? (\n <RichTextEditor\n ref={descriptionInput}\n content={issueData.description}\n customEditor={editor}\n onBlur={() => setEditDescription(false)}\n />\n ) : (\n <div\n className=\"mt-2 prose max-w-full cursor-pointer\"\n role=\"button\"\n onClick={handleDescriptionClick}\n >\n <div className=\"prose-p:text-sm prose-p:dark:text-gray-400\">\n {ReactHtmlParser(issueData.description \|\| '')}\n </div>\n </div>\n )}\n </div>\n </div>\n )\n}\n\nexport default IssueBody\n"],"names":["labelList","taskLabelColors","statusList","priorityList","flagColors","IssueBody","descriptionInput","useRef","issueData","updateIssueData","memberList","useIssueStore","editDescription","setEditDescription","useState","createNewData","handleAddLabelClick","value","newData","label","handleChangeStatusClick","handlePriorityChange","handleAddMember","member","handleDueDateChange","date","dayjs","handleDescriptionChange","editor","useEditor","StarterKit","handleDescriptionClick","jsxs","jsx","IssueFieldDropdown","TbTag","Fragment","_a","index","Tag","Dropdown","labelitem","TbCheck","classNames","TbCircle","status","TbFlag","TbFlag2Filled","_b","priority","Badge","TbUser","UsersAvatarGroup","assignee","Avatar","IssueField","TbClock","DatePicker","RichTextEditor"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IssueField.js","sources":["../../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueField.tsx"],"sourcesContent":["import type { CommonProps } from '@/@types/common'\nimport type { ReactNode } from 'react'\n\nexport interface IssueFieldProps extends CommonProps {\n title: string\n icon: ReactNode\n}\n\nconst IssueField = (props: IssueFieldProps) => {\n const { title, icon, children } = props\n\n return (\n <div className=\"flex items-center mb-2\">\n <div className=\"flex items-center gap-2 font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]\">\n <span className=\"text-lg\">{icon}</span>\n <span>{title}</span>\n </div>\n {children}\n </div>\n )\n}\n\nexport default IssueField\n"],"names":["IssueField","props","title","icon","children","jsxs","jsx"],"mappings":";~~AAQM~~,~~MAAAA~~,IAAa,CAACC,MAA2B;AAC3C,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,UAAAC,~~EAAa~~,~~IAAAH~~;~~AAG9B~~,~~SAAA~~,gBAAAI,EAAC,~~OAAI~~,~~EAAA~~,WAAU,0BACX,UAAA;AAAA,~~IAAC~~,gBAAAA,~~EAAA~~,OAAA,EAAI,WAAU,wFACX,UAAA;AAAA,~~MAAC~~,gBAAAC,~~EAAA~~,QAAA,EAAK,WAAU,WAAW,~~UAAKH~~,~~GAAA~~;AAAA,MAChC,gBAAAG,EAAC,UAAM,~~UAAMJ~~,EAAA,~~CAAA~~;AAAA,IAAA,GACjB;AAAA,IACCE;AAAA,EAAA,GACL;AAER;"}
1	+ {"version":3,"file":"IssueField.js","sources":["../../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueField.tsx"],"sourcesContent":["import type { CommonProps } from '@/@types/common'\nimport type { ReactNode } from 'react'\n\nexport interface IssueFieldProps extends CommonProps {\n title: string\n icon: ReactNode\n}\n\nconst IssueField = (props: IssueFieldProps) => {\n const { title, icon, children } = props\n\n return (\n <div className=\"flex items-center mb-2\">\n <div className=\"flex items-center gap-2 font-semibold text-gray-900 dark:text-gray-100 min-w-[150px]\">\n <span className=\"text-lg\">{icon}</span>\n <span>{title}</span>\n </div>\n {children}\n </div>\n )\n}\n\nexport default IssueField\n"],"names":["IssueField","props","title","icon","children","jsxs","jsx"],"mappings":";AAQA,MAAMA,IAAa,CAACC,MAA2B;AAC3C,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,UAAAC,EAAA,IAAaH;AAElC,SACI,gBAAAI,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,wFACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAH,GAAK;AAAA,MAChC,gBAAAG,EAAC,UAAM,UAAAJ,EAAA,CAAM;AAAA,IAAA,GACjB;AAAA,IACCE;AAAA,EAAA,GACL;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IssueFieldDropdown.js","sources":["../../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueFieldDropdown.tsx"],"sourcesContent":["import Dropdown from '@/components/ui/Dropdown'\nimport IssueField from './IssueField'\nimport type { IssueFieldProps } from './IssueField'\nimport type { ReactNode } from 'react'\n\ninterface IssueFieldDropdownProps extends IssueFieldProps {\n dropdownTrigger: ReactNode\n}\nconst IssueFieldDropdown = (props: IssueFieldDropdownProps) => {\n const { title, children, icon, dropdownTrigger } = props\n\n return (\n <IssueField title={title} icon={icon}>\n <Dropdown\n className=\"w-full h-full\"\n toggleClassName=\"hover:bg-gray-100 dark:hover:bg-gray-700 flex px-3 focus:bg-gray-100 cursor-pointer rounded-xl min-h-[46px] w-full\"\n placement=\"bottom-start\"\n renderTitle={\n <div className=\"inline-flex items-center gap-1\">\n {dropdownTrigger}\n </div>\n }\n >\n {children}\n </Dropdown>\n </IssueField>\n )\n}\n\nexport default IssueFieldDropdown\n"],"names":["IssueFieldDropdown","props","title","children","icon","dropdownTrigger","jsx","IssueField","Dropdown"],"mappings":";;;~~AAQM~~,~~MAAAA~~,IAAqB,CAACC,MAAmC;AAC3D,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,MAAAC,GAAM,iBAAAC,~~EAAoB,IAAAJ~~;~~AAG/C~~,~~SAAA~~,gBAAAK,EAACC,~~GAAW~~,~~EAAA~~,OAAAL,GAAc,MAAAE,GACtB,UAAA,gBAAAE;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,WAAU;AAAA,MACV,aACI,gBAAAF,EAAC,~~OAAI~~,~~EAAA~~,WAAU,kCACV,~~UACLD~~,~~GAAA~~;AAAA,MAGH,UAAAF;AAAA,IAAA;AAAA,EAAA,GAET;AAER;"}
1	+ {"version":3,"file":"IssueFieldDropdown.js","sources":["../../../../../../../../lib/@ecme/views/concepts/projects/Issue/components/IssueFieldDropdown.tsx"],"sourcesContent":["import Dropdown from '@/components/ui/Dropdown'\nimport IssueField from './IssueField'\nimport type { IssueFieldProps } from './IssueField'\nimport type { ReactNode } from 'react'\n\ninterface IssueFieldDropdownProps extends IssueFieldProps {\n dropdownTrigger: ReactNode\n}\nconst IssueFieldDropdown = (props: IssueFieldDropdownProps) => {\n const { title, children, icon, dropdownTrigger } = props\n\n return (\n <IssueField title={title} icon={icon}>\n <Dropdown\n className=\"w-full h-full\"\n toggleClassName=\"hover:bg-gray-100 dark:hover:bg-gray-700 flex px-3 focus:bg-gray-100 cursor-pointer rounded-xl min-h-[46px] w-full\"\n placement=\"bottom-start\"\n renderTitle={\n <div className=\"inline-flex items-center gap-1\">\n {dropdownTrigger}\n </div>\n }\n >\n {children}\n </Dropdown>\n </IssueField>\n )\n}\n\nexport default IssueFieldDropdown\n"],"names":["IssueFieldDropdown","props","title","children","icon","dropdownTrigger","jsx","IssueField","Dropdown"],"mappings":";;;AAQA,MAAMA,IAAqB,CAACC,MAAmC;AAC3D,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,MAAAC,GAAM,iBAAAC,MAAoBJ;AAEnD,SACI,gBAAAK,EAACC,GAAA,EAAW,OAAAL,GAAc,MAAAE,GACtB,UAAA,gBAAAE;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,WAAU;AAAA,MACV,aACI,gBAAAF,EAAC,OAAA,EAAI,WAAU,kCACV,UAAAD,GACL;AAAA,MAGH,UAAAF;AAAA,IAAA;AAAA,EAAA,GAET;AAER;"}

package/dist/lib/@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/lib/@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,~~EAAgB~~,~~IAAIC~~,~~EAAc~~,~~GAE/CC~~,IAAoB,CAACC,MAAkB;~~AACnC~~,~~UAAAC~~,IAAU,EAAE,GAAGL,~~EAAU~~;~~AAC/B~~,IAAAK,EAAQ,QAAQD,GAChBH,EAAgBI,CAAO;AAAA,~~EAC3B~~;~~AAGI~~,~~SAAA~~,gBAAAC,EAAC,~~OAAI~~,~~EAAA~~,WAAU,uBACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,~~OACG~~,~~EAAA~~,UAAA,gBAAAA,EAACC,~~GAAK~~,~~EAAA~~,UAAAR,EAAU,~~SAAS~~,~~CAAA,~~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,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;"}

package/dist/lib/@ecme/views/concepts/projects/Issue/store/issueStore.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"issueStore.js","sources":["../../../../../../../../lib/@ecme/views/concepts/projects/Issue/store/issueStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { IssueDetail, Members } from '../types'\n\nexport type ProjectListState = {\n issueData: IssueDetail\n memberList: Members\n}\n\ntype ProjectListAction = {\n updateIssueData: (payload: IssueDetail) => void\n setMembers: (payload: Members) => void\n}\n\nconst initialState: ProjectListState = {\n issueData: {\n assignees: [],\n labels: [],\n comments: [],\n attachments: [],\n activity: [],\n },\n memberList: [],\n}\n\nexport const useIssueStore = create<ProjectListState & ProjectListAction>(\n (set) => ({\n ...initialState,\n updateIssueData: (payload) => set(() => ({ issueData: payload })),\n setMembers: (payload) => set(() => ({ memberList: payload })),\n }),\n)\n"],"names":["initialState","useIssueStore","create","set","payload"],"mappings":";AAaA,MAAMA,IAAiC;AAAA,EACnC,WAAW;AAAA,IACP,WAAW,~~CAAC~~;AAAA,~~IACZ~~,QAAQ,~~CAAC~~;AAAA,~~IACT~~,UAAU,~~CAAC~~;AAAA,~~IACX~~,aAAa,~~CAAC~~;AAAA,~~IACd~~,UAAU,CAAA;AAAA,~~EACd~~;AAAA,~~EACA~~,YAAY,CAAA;AAChB,GAEaC,IAAgBC;AAAA,EACzB,CAACC,OAAS;AAAA,IACN,GAAGH;AAAA,IACH,iBAAiB,CAACI,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,IAChE,YAAY,CAACA,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,~~EAChE~~;~~AACJ~~;"}
1	+ {"version":3,"file":"issueStore.js","sources":["../../../../../../../../lib/@ecme/views/concepts/projects/Issue/store/issueStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { IssueDetail, Members } from '../types'\n\nexport type ProjectListState = {\n issueData: IssueDetail\n memberList: Members\n}\n\ntype ProjectListAction = {\n updateIssueData: (payload: IssueDetail) => void\n setMembers: (payload: Members) => void\n}\n\nconst initialState: ProjectListState = {\n issueData: {\n assignees: [],\n labels: [],\n comments: [],\n attachments: [],\n activity: [],\n },\n memberList: [],\n}\n\nexport const useIssueStore = create<ProjectListState & ProjectListAction>(\n (set) => ({\n ...initialState,\n updateIssueData: (payload) => set(() => ({ issueData: payload })),\n setMembers: (payload) => set(() => ({ memberList: payload })),\n }),\n)\n"],"names":["initialState","useIssueStore","create","set","payload"],"mappings":";AAaA,MAAMA,IAAiC;AAAA,EACnC,WAAW;AAAA,IACP,WAAW,CAAA;AAAA,IACX,QAAQ,CAAA;AAAA,IACR,UAAU,CAAA;AAAA,IACV,aAAa,CAAA;AAAA,IACb,UAAU,CAAA;AAAA,EAAC;AAAA,EAEf,YAAY,CAAA;AAChB,GAEaC,IAAgBC;AAAA,EACzB,CAACC,OAAS;AAAA,IACN,GAAGH;AAAA,IACH,iBAAiB,CAACI,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,IAChE,YAAY,CAACA,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,EAAA;AAEpE;"}

package/dist/lib/@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;~~AACnB~~,~~QAAA~~,EAAE,IAAAC,~~EAAG~~,~~IAAIC~~,~~EAAU~~,~~GAEnB~~,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,~~EAE/B~~,~~GAEM~~,EAAE,QAAAM,~~EAAO~~,~~IAAIC~~,~~EAAc~~,~~GAE3B~~,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,~~EAC3B~~,~~GAEMC~~,IAAsB,CAACC,MAAoB;AAC7C,IAAAb,EAAO,EAAE,GAAID,GAAoC,SAAAc,EAAA,GAAW,EAAK,GACjEJ,EAAiB,EAAK;AAAA,~~EAC1B~~,~~GAEMK~~,IAAe,CAAC;AAAA,IAClB,MAAAC;AAAA,IACA,SAAAF;AAAA,IACA,SAAAG;AAAA,EAAA,MAKE;~~AACI~~,~~UAAAC~~,IAAU,EAAE,GAAGlB,~~EAAK~~;~~AAC1B~~,IAAAkB,EAAQ,OAAOF,GACfE,EAAQ,UAAUJ,GACdI,EAAQ,aACRA,EAAQ,SAAS,UAAUD,IAG/BhB,EAAO,EAAE,GAAIiB,~~EAAsC~~,~~GAAG~~,EAAK,GAC3DR,EAAiB,EAAK,GACtBH,EAAelB,CAAe;AAAA,~~EAClC~~,~~GAEM8B~~,IAAyB,CAACC,MAAgB;AAC5C,IACIV,EADAU,MAAQ9B,CACa,GAIzBiB,EAAea,CAAG;AAAA,~~EACtB~~;~~AAGI~~,~~SAAA~~,gBAAAC,EAAC,~~OACI~~,~~EAAA~~,UAAArB,~~KAEO~~,gBAAAsB,EAAAC,GAAA,~~EAAA~~,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,~~IACd~~;AAAA,~~IACA~~,gBAAAG,EAAC,~~OAAI~~,~~EAAA~~,WAAU,oBACV,UAAA;AAAA,MAAAlB,EAAO,MACJ,gBAAAiB;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,UAAUnB;AAAA,UACV,UAAUa;AAAA,QAAA;AAAA,~~MACd~~;AAAA,~~MAEJ~~,gBAAAE,EAAC,~~OAAI~~,~~EAAA~~,WAAU,UACX,UAAA,gBAAAC;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,4BACK,~~OAAI~~,~~EAAA~~,WAAU,gDACX,~~UAAC~~,gBAAAL,~~EAAAM~~,GAAA,EAAQ,MAAM,GAAA,CAAI,~~EACvB~~,~~CAAA~~;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,~~YACrB~~;AAAA,~~YAEHP~~,MAAgB,WACb,gBAAAe,EAAC5B,~~GAAmB~~,CAAA,~~CAAA~~;AAAA,YAEvBa,MAAgB,iBACb,gBAAAe,EAAC3B,~~GAA0B~~,CAAA,~~CAAA~~;AAAA,YAE9BY,MAAgB,cACb,gBAAAe,EAAC1B,~~GAAuB~~,CAAA,~~CAAA~~;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,~~EAGZ~~,~~CAAA~~;AAAA,IAAA,~~EACJ~~,~~CAAA~~;AAAA,EAAA,EAAA,CACJ,~~EAER~~,~~CAAA~~;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/lib/@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;~~AACL~~,IAAAK,~~EAAA~~,CAACI,MAAmB,CAAC,GAAGA,GAAgB,GAAGF,EAAK,IAAI,CAAC,GACnEJ,EAAWI,EAAK,QAAQ,GACxBT,EAAa,EAAK;AAAA,~~EACtB~~;~~AAEA~~,EAAAY,EAAU,MAAM;~~AACJ~~,IAAAJ,EAAA;AAAA,~~EAEZ~~,~~GAAG~~,EAAE;AAEL,QAAMK,IAAa,MAAM;~~AACJ~~,IAAAV,~~EAAA~~,CAACW,MAAcA,IAAY,CAAC,~~GACrCN~~,EAAA;AAAA,~~EACZ~~;~~AAEA~~,~~SACK~~,gBAAAO,~~EAAAC~~,GAAA,EAAQ,SAASjB,GACd,4BAAC,~~OACI~~,~~EAAA~~,UAAA;AAAA,IAAAO,EAAW,IAAI,CAACW,GAAKC,~~MACjB~~,gBAAAC,~~EAAA~~,OAAA,EAAyB,WAAU,QAChC,UAAA;AAAA,~~MAAC~~,gBAAAJ,~~EAAA~~,OAAA,EAAI,WAAU,gCACV,~~UAAMK~~,~~EAAA~~,KAAKH,EAAI,IAAI,EAAE,OAAO,eAAe,~~EAChD~~,~~CAAA~~;AAAA,wBACCI,~~GACI~~,~~EAAA~~,UAAAC,EAAQL,EAAI,MAAM,~~IACd~~,gBAAAF,~~EAAAM~~,EAAS,MAAT,EAAc,~~0BAAa~~,~~CAAA,~~IAE5BJ,EAAI,OAAO,IAAI,CAACM,GAAOL,MACnB,gBAAAH;AAAA,QAACM,EAAS;AAAA,QAAT;AAAA,UAEG,OAAO,gBAAAN,EAACS,~~GAAe~~,~~EAAA~~,MAAMD,~~EAAO~~,~~CAAA~~;AAAA,UAEpC,UAAA,gBAAAR,EAAC,SAAI,WAAU,QACX,4BAACU,~~GAAc~~,~~EAAA~~,MAAMF,~~EAAO~~,~~CAAA~~,~~EAChC,CAAA~~;AAAA,QAAA;AAAA,QALKN,EAAI,KAAKM,EAAM,OAAOL;AAAAA,MAAA,CAOlC,~~EAET~~,~~CAAA~~;AAAA,~~IAnBM~~,EAAA,~~GAAAD~~,EAAI,KAAKC,CAoBnB,CACH;AAAA,~~IACA~~,gBAAAH,~~EAAA~~,OAAA,EAAI,WAAU,eACV,~~UACGX~~,~~IAAA~~,gBAAAW,EAACW,~~GAAO~~,~~EAAA~~,SAAS3B,GAAW,SAASc,GAAY,UAAA,YAAA,CAEjD,IAEA,~~2BAER~~,~~CAAA~~;AAAA,EAAA,EAAA,CACJ,~~EACJ~~,~~CAAA~~;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,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;"}