npm - @orbe-agro/client-core - Versions diffs - 5.3.147 → 5.3.156 - Mend

@orbe-agro/client-core 5.3.147 → 5.3.156

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

package/dist/@ecme/views/concepts/customers/CustomerList/components/CustomerListSelected.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomerListSelected.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListSelected.tsx"],"sourcesContent":["import { useState } from 'react'\nimport StickyFooter from '@/components/shared/StickyFooter'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Avatar from '@/components/ui/Avatar'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport useCustomerList from '../hooks/useCustomerList'\nimport { TbChecks } from 'react-icons/tb'\n\nconst CustomerListSelected = () => {\n const {\n selectedCustomer,\n customerList,\n mutate,\n customerListTotal,\n setSelectAllCustomer,\n } = useCustomerList()\n\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n const [sendMessageDialogOpen, setSendMessageDialogOpen] = useState(false)\n const [sendMessageLoading, setSendMessageLoading] = useState(false)\n\n const handleDelete = () => {\n setDeleteConfirmationOpen(true)\n }\n\n const handleCancel = () => {\n setDeleteConfirmationOpen(false)\n }\n\n const handleConfirmDelete = () => {\n const newCustomerList = customerList.filter((customer) => {\n return !selectedCustomer.some(\n (selected) => selected.id === customer.id,\n )\n })\n setSelectAllCustomer([])\n mutate(\n {\n list: newCustomerList,\n total: customerListTotal - selectedCustomer.length,\n },\n false,\n )\n setDeleteConfirmationOpen(false)\n }\n\n const handleSend = () => {\n setSendMessageLoading(true)\n setTimeout(() => {\n toast.push(\n <Notification type=\"success\">Message sent!</Notification>,\n { placement: 'top-center' },\n )\n setSendMessageLoading(false)\n setSendMessageDialogOpen(false)\n setSelectAllCustomer([])\n }, 500)\n }\n\n return (\n <>\n {selectedCustomer.length > 0 && (\n <StickyFooter\n className=\" flex items-center justify-between py-4 bg-white dark:bg-gray-800\"\n stickyClass=\"-mx-4 sm:-mx-8 border-t border-gray-200 dark:border-gray-700 px-8\"\n defaultClass=\"container mx-auto px-8 rounded-xl border border-gray-200 dark:border-gray-600 mt-4\"\n >\n <div className=\"container mx-auto\">\n <div className=\"flex items-center justify-between\">\n <span>\n {selectedCustomer.length > 0 && (\n <span className=\"flex items-center gap-2\">\n <span className=\"text-lg text-primary\">\n <TbChecks />\n </span>\n <span className=\"font-semibold flex items-center gap-1\">\n <span className=\"heading-text\">\n {selectedCustomer.length}{' '}\n Customers\n </span>\n <span>selected</span>\n </span>\n </span>\n )}\n </span>\n\n <div className=\"flex items-center\">\n <Button\n size=\"sm\"\n className=\"ltr:mr-3 rtl:ml-3\"\n type=\"button\"\n customColorClass={() =>\n 'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error'\n }\n onClick={handleDelete}\n >\n Delete\n </Button>\n <Button\n size=\"sm\"\n variant=\"solid\"\n onClick={() =>\n setSendMessageDialogOpen(true)\n }\n >\n Message\n </Button>\n </div>\n </div>\n </div>\n </StickyFooter>\n )}\n <ConfirmDialog\n isOpen={deleteConfirmationOpen}\n type=\"danger\"\n title=\"Remove customers\"\n onClose={handleCancel}\n onRequestClose={handleCancel}\n onCancel={handleCancel}\n onConfirm={handleConfirmDelete}\n >\n <p>\n {' '}\n Are you sure you want to remove these customers? This action\n can't be undo.{' '}\n </p>\n </ConfirmDialog>\n <Dialog\n isOpen={sendMessageDialogOpen}\n onRequestClose={() => setSendMessageDialogOpen(false)}\n onClose={() => setSendMessageDialogOpen(false)}\n >\n <h5 className=\"mb-2\">Send Message</h5>\n <p>Send message to the following customers</p>\n <Avatar.Group\n chained\n omittedAvatarTooltip\n className=\"mt-4\"\n maxCount={4}\n omittedAvatarProps={{ size: 30 }}\n >\n {selectedCustomer.map((customer) => (\n <Tooltip key={customer.id} title={customer.name}>\n <Avatar size={30} src={customer.img} alt=\"\" />\n </Tooltip>\n ))}\n </Avatar.Group>\n <div className=\"my-4\">\n <RichTextEditor content={''} />\n </div>\n <div className=\"ltr:justify-end flex items-center gap-2\">\n <Button\n size=\"sm\"\n onClick={() => setSendMessageDialogOpen(false)}\n >\n Cancel\n </Button>\n <Button\n size=\"sm\"\n variant=\"solid\"\n loading={sendMessageLoading}\n onClick={handleSend}\n >\n Send\n </Button>\n </div>\n </Dialog>\n </>\n )\n}\n\nexport default CustomerListSelected\n"],"names":["CustomerListSelected","selectedCustomer","customerList","mutate","customerListTotal","setSelectAllCustomer","useCustomerList","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","sendMessageDialogOpen","setSendMessageDialogOpen","sendMessageLoading","setSendMessageLoading","handleDelete","handleCancel","handleConfirmDelete","newCustomerList","customer","selected","handleSend","toast","jsx","Notification","jsxs","Fragment","StickyFooter","TbChecks","Button","ConfirmDialog","Dialog","Avatar","Tooltip","RichTextEditor"],"mappings":"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"}
1	+ {"version":3,"file":"CustomerListSelected.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListSelected.tsx"],"sourcesContent":["import { useState } from 'react'\nimport StickyFooter from '@/components/shared/StickyFooter'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Avatar from '@/components/ui/Avatar'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport RichTextEditor from '@/components/shared/RichTextEditor'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport useCustomerList from '../hooks/useCustomerList'\nimport { TbChecks } from 'react-icons/tb'\n\nconst CustomerListSelected = () => {\n const {\n selectedCustomer,\n customerList,\n mutate,\n customerListTotal,\n setSelectAllCustomer,\n } = useCustomerList()\n\n const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n const [sendMessageDialogOpen, setSendMessageDialogOpen] = useState(false)\n const [sendMessageLoading, setSendMessageLoading] = useState(false)\n\n const handleDelete = () => {\n setDeleteConfirmationOpen(true)\n }\n\n const handleCancel = () => {\n setDeleteConfirmationOpen(false)\n }\n\n const handleConfirmDelete = () => {\n const newCustomerList = customerList.filter((customer) => {\n return !selectedCustomer.some(\n (selected) => selected.id === customer.id,\n )\n })\n setSelectAllCustomer([])\n mutate(\n {\n list: newCustomerList,\n total: customerListTotal - selectedCustomer.length,\n },\n false,\n )\n setDeleteConfirmationOpen(false)\n }\n\n const handleSend = () => {\n setSendMessageLoading(true)\n setTimeout(() => {\n toast.push(\n <Notification type=\"success\">Message sent!</Notification>,\n { placement: 'top-center' },\n )\n setSendMessageLoading(false)\n setSendMessageDialogOpen(false)\n setSelectAllCustomer([])\n }, 500)\n }\n\n return (\n <>\n {selectedCustomer.length > 0 && (\n <StickyFooter\n className=\" flex items-center justify-between py-4 bg-white dark:bg-gray-800\"\n stickyClass=\"-mx-4 sm:-mx-8 border-t border-gray-200 dark:border-gray-700 px-8\"\n defaultClass=\"container mx-auto px-8 rounded-xl border border-gray-200 dark:border-gray-600 mt-4\"\n >\n <div className=\"container mx-auto\">\n <div className=\"flex items-center justify-between\">\n <span>\n {selectedCustomer.length > 0 && (\n <span className=\"flex items-center gap-2\">\n <span className=\"text-lg text-primary\">\n <TbChecks />\n </span>\n <span className=\"font-semibold flex items-center gap-1\">\n <span className=\"heading-text\">\n {selectedCustomer.length}{' '}\n Customers\n </span>\n <span>selected</span>\n </span>\n </span>\n )}\n </span>\n\n <div className=\"flex items-center\">\n <Button\n size=\"sm\"\n className=\"ltr:mr-3 rtl:ml-3\"\n type=\"button\"\n customColorClass={() =>\n 'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error'\n }\n onClick={handleDelete}\n >\n Delete\n </Button>\n <Button\n size=\"sm\"\n variant=\"solid\"\n onClick={() =>\n setSendMessageDialogOpen(true)\n }\n >\n Message\n </Button>\n </div>\n </div>\n </div>\n </StickyFooter>\n )}\n <ConfirmDialog\n isOpen={deleteConfirmationOpen}\n type=\"danger\"\n title=\"Remove customers\"\n onClose={handleCancel}\n onRequestClose={handleCancel}\n onCancel={handleCancel}\n onConfirm={handleConfirmDelete}\n >\n <p>\n {' '}\n Are you sure you want to remove these customers? This action\n can't be undo.{' '}\n </p>\n </ConfirmDialog>\n <Dialog\n isOpen={sendMessageDialogOpen}\n onRequestClose={() => setSendMessageDialogOpen(false)}\n onClose={() => setSendMessageDialogOpen(false)}\n >\n <h5 className=\"mb-2\">Send Message</h5>\n <p>Send message to the following customers</p>\n <Avatar.Group\n chained\n omittedAvatarTooltip\n className=\"mt-4\"\n maxCount={4}\n omittedAvatarProps={{ size: 30 }}\n >\n {selectedCustomer.map((customer) => (\n <Tooltip key={customer.id} title={customer.name}>\n <Avatar size={30} src={customer.img} alt=\"\" />\n </Tooltip>\n ))}\n </Avatar.Group>\n <div className=\"my-4\">\n <RichTextEditor content={''} />\n </div>\n <div className=\"ltr:justify-end flex items-center gap-2\">\n <Button\n size=\"sm\"\n onClick={() => setSendMessageDialogOpen(false)}\n >\n Cancel\n </Button>\n <Button\n size=\"sm\"\n variant=\"solid\"\n loading={sendMessageLoading}\n onClick={handleSend}\n >\n Send\n </Button>\n </div>\n </Dialog>\n </>\n )\n}\n\nexport default CustomerListSelected\n"],"names":["CustomerListSelected","selectedCustomer","customerList","mutate","customerListTotal","setSelectAllCustomer","useCustomerList","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","sendMessageDialogOpen","setSendMessageDialogOpen","sendMessageLoading","setSendMessageLoading","handleDelete","handleCancel","handleConfirmDelete","newCustomerList","customer","selected","handleSend","toast","jsx","Notification","jsxs","Fragment","StickyFooter","TbChecks","Button","ConfirmDialog","Dialog","Avatar","Tooltip","RichTextEditor"],"mappings":"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"}

package/dist/@ecme/views/concepts/customers/CustomerList/components/CustomerListTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomerListTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Tag from '@/components/ui/Tag'\nimport Tooltip from '@/components/ui/Tooltip'\nimport DataTable from '@/components/shared/DataTable'\nimport useCustomerList from '../hooks/useCustomerList'\nimport { Link, useNavigate } from 'react-router-dom'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { TbPencil, TbEye } from 'react-icons/tb'\nimport type { OnSortParam, ColumnDef, Row } from '@/components/shared/DataTable'\nimport type { Customer } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nconst statusColor: Record<string, string> = {\n active: 'bg-emerald-200 dark:bg-emerald-200 text-gray-900 dark:text-gray-900',\n blocked: 'bg-red-200 dark:bg-red-200 text-gray-900 dark:text-gray-900',\n}\n\nconst NameColumn = ({ row }: { row: Customer }) => {\n return (\n <div className=\"flex items-center\">\n <Avatar size={40} shape=\"circle\" src={row.img} />\n <Link\n className={`hover:text-primary ml-2 rtl:mr-2 font-semibold text-gray-900 dark:text-gray-100`}\n to={`/concepts/customers/customer-details/${row.id}`}\n >\n {row.name}\n </Link>\n </div>\n )\n}\n\nconst ActionColumn = ({\n onEdit,\n onViewDetail,\n}: {\n onEdit: () => void\n onViewDetail: () => void\n}) => {\n return (\n <div className=\"flex items-center 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=\"View\">\n <div\n className={`text-xl cursor-pointer select-none font-semibold`}\n role=\"button\"\n onClick={onViewDetail}\n >\n <TbEye />\n </div>\n </Tooltip>\n </div>\n )\n}\n\nconst CustomerListTable = () => {\n const navigate = useNavigate()\n\n const {\n customerList,\n customerListTotal,\n tableData,\n isLoading,\n setTableData,\n setSelectAllCustomer,\n setSelectedCustomer,\n selectedCustomer,\n } = useCustomerList()\n\n const handleEdit = (customer: Customer) => {\n navigate(`/concepts/customers/customer-edit/${customer.id}`)\n }\n\n const handleViewDetails = (customer: Customer) => {\n navigate(`/concepts/customers/customer-details/${customer.id}`)\n }\n\n const columns: ColumnDef<Customer>[] = useMemo(\n () => [\n {\n header: 'Name',\n accessorKey: 'name',\n cell: (props) => {\n const row = props.row.original\n return <NameColumn row={row} />\n },\n },\n {\n header: 'Email',\n accessorKey: 'email',\n },\n {\n header: 'location',\n accessorKey: 'personalInfo.location',\n },\n {\n header: 'Status',\n accessorKey: 'status',\n cell: (props) => {\n const row = props.row.original\n return (\n <div className=\"flex items-center\">\n <Tag className={statusColor[row.status]}>\n <span className=\"capitalize\">{row.status}</span>\n </Tag>\n </div>\n )\n },\n },\n {\n header: 'Spent',\n accessorKey: 'totalSpending',\n cell: (props) => {\n return <span>${props.row.original.totalSpending}</span>\n },\n },\n {\n header: '',\n id: 'action',\n cell: (props) => (\n <ActionColumn\n onEdit={() => handleEdit(props.row.original)}\n onViewDetail={() =>\n handleViewDetails(props.row.original)\n }\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 (selectedCustomer.length > 0) {\n setSelectAllCustomer([])\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: Customer) => {\n setSelectedCustomer(checked, row)\n }\n\n const handleAllRowSelect = (checked: boolean, rows: Row<Customer>[]) => {\n if (checked) {\n const originalRows = rows.map((row) => row.original)\n setSelectAllCustomer(originalRows)\n } else {\n setSelectAllCustomer([])\n }\n }\n\n return (\n <DataTable\n selectable\n columns={columns}\n data={customerList}\n noData={!isLoading && customerList.length === 0}\n skeletonAvatarColumns={[0]}\n skeletonAvatarProps={{ width: 28, height: 28 }}\n loading={isLoading}\n pagingData={{\n total: customerListTotal,\n pageIndex: tableData.pageIndex as number,\n pageSize: tableData.pageSize as number,\n }}\n checkboxChecked={(row) =>\n selectedCustomer.some((selected) => selected.id === row.id)\n }\n onPaginationChange={handlePaginationChange}\n onSelectChange={handleSelectChange}\n onSort={handleSort}\n onCheckBoxChange={handleRowSelect}\n onIndeterminateCheckBoxChange={handleAllRowSelect}\n />\n )\n}\n\nexport default CustomerListTable\n"],"names":["statusColor","NameColumn","row","jsxs","jsx","Avatar","Link","ActionColumn","onEdit","onViewDetail","Tooltip","TbPencil","TbEye","CustomerListTable","navigate","useNavigate","customerList","customerListTotal","tableData","isLoading","setTableData","setSelectAllCustomer","setSelectedCustomer","selectedCustomer","useCustomerList","handleEdit","customer","handleViewDetails","columns","useMemo","props","Tag","handleSetTableData","data","handlePaginationChange","page","newTableData","cloneDeep","handleSelectChange","value","handleSort","sort","handleRowSelect","checked","handleAllRowSelect","rows","originalRows","DataTable","selected"],"mappings":"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"}
1	+ {"version":3,"file":"CustomerListTable.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListTable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Tag from '@/components/ui/Tag'\nimport Tooltip from '@/components/ui/Tooltip'\nimport DataTable from '@/components/shared/DataTable'\nimport useCustomerList from '../hooks/useCustomerList'\nimport { Link, useNavigate } from 'react-router-dom'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { TbPencil, TbEye } from 'react-icons/tb'\nimport type { OnSortParam, ColumnDef, Row } from '@/components/shared/DataTable'\nimport type { Customer } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nconst statusColor: Record<string, string> = {\n active: 'bg-emerald-200 dark:bg-emerald-200 text-gray-900 dark:text-gray-900',\n blocked: 'bg-red-200 dark:bg-red-200 text-gray-900 dark:text-gray-900',\n}\n\nconst NameColumn = ({ row }: { row: Customer }) => {\n return (\n <div className=\"flex items-center\">\n <Avatar size={40} shape=\"circle\" src={row.img} />\n <Link\n className={`hover:text-primary ml-2 rtl:mr-2 font-semibold text-gray-900 dark:text-gray-100`}\n to={`/concepts/customers/customer-details/${row.id}`}\n >\n {row.name}\n </Link>\n </div>\n )\n}\n\nconst ActionColumn = ({\n onEdit,\n onViewDetail,\n}: {\n onEdit: () => void\n onViewDetail: () => void\n}) => {\n return (\n <div className=\"flex items-center 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=\"View\">\n <div\n className={`text-xl cursor-pointer select-none font-semibold`}\n role=\"button\"\n onClick={onViewDetail}\n >\n <TbEye />\n </div>\n </Tooltip>\n </div>\n )\n}\n\nconst CustomerListTable = () => {\n const navigate = useNavigate()\n\n const {\n customerList,\n customerListTotal,\n tableData,\n isLoading,\n setTableData,\n setSelectAllCustomer,\n setSelectedCustomer,\n selectedCustomer,\n } = useCustomerList()\n\n const handleEdit = (customer: Customer) => {\n navigate(`/concepts/customers/customer-edit/${customer.id}`)\n }\n\n const handleViewDetails = (customer: Customer) => {\n navigate(`/concepts/customers/customer-details/${customer.id}`)\n }\n\n const columns: ColumnDef<Customer>[] = useMemo(\n () => [\n {\n header: 'Name',\n accessorKey: 'name',\n cell: (props) => {\n const row = props.row.original\n return <NameColumn row={row} />\n },\n },\n {\n header: 'Email',\n accessorKey: 'email',\n },\n {\n header: 'location',\n accessorKey: 'personalInfo.location',\n },\n {\n header: 'Status',\n accessorKey: 'status',\n cell: (props) => {\n const row = props.row.original\n return (\n <div className=\"flex items-center\">\n <Tag className={statusColor[row.status]}>\n <span className=\"capitalize\">{row.status}</span>\n </Tag>\n </div>\n )\n },\n },\n {\n header: 'Spent',\n accessorKey: 'totalSpending',\n cell: (props) => {\n return <span>${props.row.original.totalSpending}</span>\n },\n },\n {\n header: '',\n id: 'action',\n cell: (props) => (\n <ActionColumn\n onEdit={() => handleEdit(props.row.original)}\n onViewDetail={() =>\n handleViewDetails(props.row.original)\n }\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 (selectedCustomer.length > 0) {\n setSelectAllCustomer([])\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: Customer) => {\n setSelectedCustomer(checked, row)\n }\n\n const handleAllRowSelect = (checked: boolean, rows: Row<Customer>[]) => {\n if (checked) {\n const originalRows = rows.map((row) => row.original)\n setSelectAllCustomer(originalRows)\n } else {\n setSelectAllCustomer([])\n }\n }\n\n return (\n <DataTable\n selectable\n columns={columns}\n data={customerList}\n noData={!isLoading && customerList.length === 0}\n skeletonAvatarColumns={[0]}\n skeletonAvatarProps={{ width: 28, height: 28 }}\n loading={isLoading}\n pagingData={{\n total: customerListTotal,\n pageIndex: tableData.pageIndex as number,\n pageSize: tableData.pageSize as number,\n }}\n checkboxChecked={(row) =>\n selectedCustomer.some((selected) => selected.id === row.id)\n }\n onPaginationChange={handlePaginationChange}\n onSelectChange={handleSelectChange}\n onSort={handleSort}\n onCheckBoxChange={handleRowSelect}\n onIndeterminateCheckBoxChange={handleAllRowSelect}\n />\n )\n}\n\nexport default CustomerListTable\n"],"names":["statusColor","NameColumn","row","jsxs","jsx","Avatar","Link","ActionColumn","onEdit","onViewDetail","Tooltip","TbPencil","TbEye","CustomerListTable","navigate","useNavigate","customerList","customerListTotal","tableData","isLoading","setTableData","setSelectAllCustomer","setSelectedCustomer","selectedCustomer","useCustomerList","handleEdit","customer","handleViewDetails","columns","useMemo","props","Tag","handleSetTableData","data","handlePaginationChange","page","newTableData","cloneDeep","handleSelectChange","value","handleSort","sort","handleRowSelect","checked","handleAllRowSelect","rows","originalRows","DataTable","selected"],"mappings":"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"}

package/dist/@ecme/views/concepts/customers/CustomerList/components/CustomerListTableFilter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomerListTableFilter.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListTableFilter.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Input from '@/components/ui/Input'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport useCustomerList from '../hooks/useCustomerList'\nimport { TbFilter } 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'\n\ntype FormSchema = {\n purchasedProducts: string\n purchaseChannel: Array<string>\n}\n\nconst channelList = [\n 'Retail Stores',\n 'Online Retailers',\n 'Resellers',\n 'Mobile Apps',\n 'Direct Sales',\n]\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n purchasedProducts: z.string(),\n purchaseChannel: z.array(z.string()),\n})\n\nconst CustomerListTableFilter = () => {\n const [dialogIsOpen, setIsOpen] = useState(false)\n\n const { filterData, setFilterData } = useCustomerList()\n\n const openDialog = () => {\n setIsOpen(true)\n }\n\n const onDialogClose = () => {\n setIsOpen(false)\n }\n\n const { handleSubmit, reset, control } = useForm<FormSchema>({\n defaultValues: filterData,\n resolver: zodResolver(validationSchema),\n })\n\n const onSubmit = (values: FormSchema) => {\n setFilterData(values)\n setIsOpen(false)\n }\n\n return (\n <>\n <Button icon={<TbFilter />} onClick={() => openDialog()}>\n Filter\n </Button>\n <Dialog\n isOpen={dialogIsOpen}\n onClose={onDialogClose}\n onRequestClose={onDialogClose}\n >\n <h4 className=\"mb-4\">Filter</h4>\n <Form onSubmit={handleSubmit(onSubmit)}>\n <FormItem label=\"Products\">\n <Controller\n name=\"purchasedProducts\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Search by purchased product\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem label=\"Purchase Channel\">\n <Controller\n name=\"purchaseChannel\"\n control={control}\n render={({ field }) => (\n <Checkbox.Group\n vertical\n className=\"flex mt-4\"\n {...field}\n >\n {channelList.map((source, index) => (\n <Checkbox\n key={source + index}\n name={field.name}\n value={source}\n className=\"justify-between flex-row-reverse heading-text\"\n >\n {source}\n </Checkbox>\n ))}\n </Checkbox.Group>\n )}\n />\n </FormItem>\n <div className=\"flex justify-end items-center gap-2 mt-4\">\n <Button type=\"button\" onClick={() => reset()}>\n Reset\n </Button>\n <Button type=\"submit\" variant=\"solid\">\n Apply\n </Button>\n </div>\n </Form>\n </Dialog>\n </>\n )\n}\n\nexport default CustomerListTableFilter\n"],"names":["channelList","validationSchema","z","CustomerListTableFilter","dialogIsOpen","setIsOpen","useState","filterData","setFilterData","useCustomerList","openDialog","onDialogClose","handleSubmit","reset","control","useForm","zodResolver","jsxs","Fragment","jsx","Button","TbFilter","Dialog","Form","values","FormItem","Controller","field","Input","Checkbox","source","index"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,MAAMA,IAAc;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAEMC,IAAwCC,EAAE,OAAO;AAAA,EACnD,mBAAmBA,EAAE,~~OAAA~~;AAAA,~~EACrB~~,iBAAiBA,EAAE,MAAMA,EAAE,~~QAAQ~~;AACvC,CAAC,GAEKC,IAA0B,MAAM;AAClC,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1C,EAAE,YAAAC,GAAY,eAAAC,~~EAAA~~,~~IAAkBC~~,~~EAAA~~,~~GAEhCC~~,IAAa,MAAM;AACrB,IAAAL,EAAU,EAAI;AAAA,EAClB,GAEMM,IAAgB,MAAM;AACxB,IAAAN,EAAU,EAAK;AAAA,EACnB,GAEM,EAAE,cAAAO,GAAc,OAAAC,GAAO,SAAAC,EAAA,IAAYC,EAAoB;AAAA,IACzD,eAAeR;AAAA,IACf,UAAUS,EAAYf,CAAgB;AAAA,EAAA,CACzC;AAOD,~~SACI~~,gBAAAgB,EAAAC,GAAA,~~EACI~~,UAAA;AAAA,~~IAAA~~,gBAAAC,~~EAACC~~,GAAA,EAAO,~~MAAM~~,gBAAAD,~~EAACE~~,GAAA,CAAA,CAAS,GAAI,SAAS,MAAMX,~~EAAA~~,~~GAAc~~,~~UAAA~~,SAAA,~~CAEzD~~;AAAA,IACA,gBAAAO;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,QAAQlB;AAAA,QACR,SAASO;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,~~UAAA~~,gBAAAQ,~~EAAC~~,MAAA,EAAG,WAAU,QAAO,UAAA~~,UAAM~~;AAAA,~~UAC3B~~,gBAAAF,~~EAACM~~,GAAA,EAAK,UAAUX,EAhBX,CAACY,MAAuB;AACrC,YAAAhB,EAAcgB,CAAM,GACpBnB,EAAU,EAAK;AAAA,UACnB,CAaiD,GACjC,UAAA;AAAA,~~YAAA~~,gBAAAc,~~EAACM~~,GAAA,EAAS,OAAM,YACZ,UAAA,gBAAAN;AAAA,cAACO;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAAZ;AAAA,gBACA,QAAQ,CAAC,EAAE,OAAAa,EAAA,MACP,gBAAAR;AAAA,kBAACS;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,cAAa;AAAA,oBACb,aAAY;AAAA,oBACX,GAAGD;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA,GAGZ;AAAA,YACA,gBAAAR,EAACM,~~GAAA~~,~~EAAS~~,OAAM,oBACZ,UAAA,gBAAAN;AAAA,cAACO;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAAZ;AAAA,gBACA,QAAQ,CAAC,EAAE,OAAAa,EAAA,MACP,gBAAAR;AAAA,kBAACU,EAAS;AAAA,kBAAT;AAAA,oBACG,UAAQ;AAAA,oBACR,WAAU;AAAA,oBACT,GAAGF;AAAA,oBAEH,~~UAAA3B~~,~~EAAY~~,IAAI,CAAC8B,GAAQC,MACtB,gBAAAZ;AAAA,sBAACU;AAAA,sBAAA;AAAA,wBAEG,MAAMF,EAAM;AAAA,wBACZ,OAAOG;AAAA,wBACP,WAAU;AAAA,wBAET,UAAAA;AAAA,sBAAA;AAAA,sBALIA,IAASC;AAAA,~~oBAAA~~,~~CAOrB~~;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACL;AAAA,YAAA,GAGZ;AAAA,YACA,gBAAAd,EAAC,~~OAAA~~,~~EAAI~~,WAAU,4CACX,UAAA;AAAA,cAAA,gBAAAE,EAACC,KAAO,MAAK,UAAS,SAAS,MAAMP,~~EAAA~~,~~GAAS~~,~~UAAA,SAE9C~~;AAAA,gCACCO,~~GAAA~~,~~EAAO~~,MAAK,UAAS,SAAQ,SAAQ,~~UAAA~~,QAAA,~~CAEtC~~;AAAA,YAAA,~~EAAA~~,~~CACJ~~;AAAA,UAAA,~~EAAA~~,~~CACJ~~;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
1	+ {"version":3,"file":"CustomerListTableFilter.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomerListTableFilter.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Input from '@/components/ui/Input'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport useCustomerList from '../hooks/useCustomerList'\nimport { TbFilter } 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'\n\ntype FormSchema = {\n purchasedProducts: string\n purchaseChannel: Array<string>\n}\n\nconst channelList = [\n 'Retail Stores',\n 'Online Retailers',\n 'Resellers',\n 'Mobile Apps',\n 'Direct Sales',\n]\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n purchasedProducts: z.string(),\n purchaseChannel: z.array(z.string()),\n})\n\nconst CustomerListTableFilter = () => {\n const [dialogIsOpen, setIsOpen] = useState(false)\n\n const { filterData, setFilterData } = useCustomerList()\n\n const openDialog = () => {\n setIsOpen(true)\n }\n\n const onDialogClose = () => {\n setIsOpen(false)\n }\n\n const { handleSubmit, reset, control } = useForm<FormSchema>({\n defaultValues: filterData,\n resolver: zodResolver(validationSchema),\n })\n\n const onSubmit = (values: FormSchema) => {\n setFilterData(values)\n setIsOpen(false)\n }\n\n return (\n <>\n <Button icon={<TbFilter />} onClick={() => openDialog()}>\n Filter\n </Button>\n <Dialog\n isOpen={dialogIsOpen}\n onClose={onDialogClose}\n onRequestClose={onDialogClose}\n >\n <h4 className=\"mb-4\">Filter</h4>\n <Form onSubmit={handleSubmit(onSubmit)}>\n <FormItem label=\"Products\">\n <Controller\n name=\"purchasedProducts\"\n control={control}\n render={({ field }) => (\n <Input\n type=\"text\"\n autoComplete=\"off\"\n placeholder=\"Search by purchased product\"\n {...field}\n />\n )}\n />\n </FormItem>\n <FormItem label=\"Purchase Channel\">\n <Controller\n name=\"purchaseChannel\"\n control={control}\n render={({ field }) => (\n <Checkbox.Group\n vertical\n className=\"flex mt-4\"\n {...field}\n >\n {channelList.map((source, index) => (\n <Checkbox\n key={source + index}\n name={field.name}\n value={source}\n className=\"justify-between flex-row-reverse heading-text\"\n >\n {source}\n </Checkbox>\n ))}\n </Checkbox.Group>\n )}\n />\n </FormItem>\n <div className=\"flex justify-end items-center gap-2 mt-4\">\n <Button type=\"button\" onClick={() => reset()}>\n Reset\n </Button>\n <Button type=\"submit\" variant=\"solid\">\n Apply\n </Button>\n </div>\n </Form>\n </Dialog>\n </>\n )\n}\n\nexport default CustomerListTableFilter\n"],"names":["channelList","validationSchema","z","CustomerListTableFilter","dialogIsOpen","setIsOpen","useState","filterData","setFilterData","useCustomerList","openDialog","onDialogClose","handleSubmit","reset","control","useForm","zodResolver","jsxs","Fragment","jsx","Button","TbFilter","Dialog","Form","values","FormItem","Controller","field","Input","Checkbox","source","index"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,MAAMA,IAAc;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAEMC,IAAwCC,EAAE,OAAO;AAAA,EACnD,mBAAmBA,EAAE,OAAO;AAAA,EAC5B,iBAAiBA,EAAE,MAAMA,EAAE,OAAQ,CAAA;AACvC,CAAC,GAEKC,IAA0B,MAAM;AAClC,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1C,EAAE,YAAAC,GAAY,eAAAC,EAAc,IAAIC,EAAgB,GAEhDC,IAAa,MAAM;AACrB,IAAAL,EAAU,EAAI;AAAA,EAClB,GAEMM,IAAgB,MAAM;AACxB,IAAAN,EAAU,EAAK;AAAA,EACnB,GAEM,EAAE,cAAAO,GAAc,OAAAC,GAAO,SAAAC,EAAA,IAAYC,EAAoB;AAAA,IACzD,eAAeR;AAAA,IACf,UAAUS,EAAYf,CAAgB;AAAA,EAAA,CACzC;AAOD,SAEQ,gBAAAgB,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAO,MAAO,gBAAAD,EAAAE,GAAA,CAAA,CAAS,GAAI,SAAS,MAAMX,EAAW,GAAG,UAEzD,SAAA,CAAA;AAAA,IACA,gBAAAO;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,QAAQlB;AAAA,QACR,SAASO;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAC,gBAAAQ,EAAA,MAAA,EAAG,WAAU,QAAO,UAAM,UAAA;AAAA,UAC1B,gBAAAF,EAAAM,GAAA,EAAK,UAAUX,EAhBX,CAACY,MAAuB;AACrC,YAAAhB,EAAcgB,CAAM,GACpBnB,EAAU,EAAK;AAAA,UACnB,CAaiD,GACjC,UAAA;AAAA,YAAC,gBAAAc,EAAAM,GAAA,EAAS,OAAM,YACZ,UAAA,gBAAAN;AAAA,cAACO;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAAZ;AAAA,gBACA,QAAQ,CAAC,EAAE,OAAAa,EAAA,MACP,gBAAAR;AAAA,kBAACS;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,cAAa;AAAA,oBACb,aAAY;AAAA,oBACX,GAAGD;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA,GAGZ;AAAA,YACA,gBAAAR,EAACM,GAAS,EAAA,OAAM,oBACZ,UAAA,gBAAAN;AAAA,cAACO;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAAZ;AAAA,gBACA,QAAQ,CAAC,EAAE,OAAAa,EAAA,MACP,gBAAAR;AAAA,kBAACU,EAAS;AAAA,kBAAT;AAAA,oBACG,UAAQ;AAAA,oBACR,WAAU;AAAA,oBACT,GAAGF;AAAA,oBAEH,UAAY3B,EAAA,IAAI,CAAC8B,GAAQC,MACtB,gBAAAZ;AAAA,sBAACU;AAAA,sBAAA;AAAA,wBAEG,MAAMF,EAAM;AAAA,wBACZ,OAAOG;AAAA,wBACP,WAAU;AAAA,wBAET,UAAAA;AAAA,sBAAA;AAAA,sBALIA,IAASC;AAAA,oBAOrB,CAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACL;AAAA,YAAA,GAGZ;AAAA,YACA,gBAAAd,EAAC,OAAI,EAAA,WAAU,4CACX,UAAA;AAAA,cAAA,gBAAAE,EAACC,KAAO,MAAK,UAAS,SAAS,MAAMP,KAAS,UAE9C,SAAA;AAAA,gCACCO,GAAO,EAAA,MAAK,UAAS,SAAQ,SAAQ,UAEtC,QAAA,CAAA;AAAA,YAAA,EACJ,CAAA;AAAA,UAAA,EACJ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/concepts/customers/CustomerList/components/CustomersListTableTools.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomersListTableTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomersListTableTools.tsx"],"sourcesContent":["import useCustomerList from '../hooks/useCustomerList'\nimport CustomerListSearch from './CustomerListSearch'\nimport CustomerTableFilter from './CustomerListTableFilter'\nimport cloneDeep from 'lodash/cloneDeep'\n\nconst CustomersListTableTools = () => {\n const { tableData, setTableData } = useCustomerList()\n\n const handleInputChange = (val: string) => {\n const newTableData = cloneDeep(tableData)\n newTableData.query = val\n newTableData.pageIndex = 1\n if (typeof val === 'string' && val.length > 1) {\n setTableData(newTableData)\n }\n\n if (typeof val === 'string' && val.length === 0) {\n setTableData(newTableData)\n }\n }\n\n return (\n <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2\">\n <CustomerListSearch onInputChange={handleInputChange} />\n <CustomerTableFilter />\n </div>\n )\n}\n\nexport default CustomersListTableTools\n"],"names":["CustomersListTableTools","tableData","setTableData","useCustomerList","jsxs","jsx","CustomerListSearch","val","newTableData","cloneDeep","CustomerTableFilter"],"mappings":";;;;;AAKA,MAAMA,IAA0B,MAAM;AAClC,QAAM,EAAE,WAAAC,GAAW,cAAAC,~~EAAA~~,~~IAAiBC~~,~~EAAA~~;~~AAepC~~,~~SACI~~,gBAAAC,EAAC,~~OAAA~~,~~EAAI~~,WAAU,sEACX,UAAA;AAAA,~~IAAA~~,gBAAAC,~~EAACC~~,GAAA,EAAmB,eAfF,CAACC,MAAgB;~~AACvC~~,~~YAAMC~~,IAAeC,EAAUR,CAAS;AACxC,MAAAO,EAAa,QAAQD,GACrBC,EAAa,YAAY,GACrB,OAAOD,KAAQ,YAAYA,EAAI,SAAS,KACxCL,EAAaM,CAAY,GAGzB,OAAOD,KAAQ,YAAYA,EAAI,WAAW,KAC1CL,EAAaM,CAAY;AAAA,IAEjC,~~EAI2C~~,~~CAAmB~~;AAAA,sBACrDE,~~GAAA~~,CAAA,~~CAAoB~~;AAAA,EAAA,GACzB;AAER;"}
1	+ {"version":3,"file":"CustomersListTableTools.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/components/CustomersListTableTools.tsx"],"sourcesContent":["import useCustomerList from '../hooks/useCustomerList'\nimport CustomerListSearch from './CustomerListSearch'\nimport CustomerTableFilter from './CustomerListTableFilter'\nimport cloneDeep from 'lodash/cloneDeep'\n\nconst CustomersListTableTools = () => {\n const { tableData, setTableData } = useCustomerList()\n\n const handleInputChange = (val: string) => {\n const newTableData = cloneDeep(tableData)\n newTableData.query = val\n newTableData.pageIndex = 1\n if (typeof val === 'string' && val.length > 1) {\n setTableData(newTableData)\n }\n\n if (typeof val === 'string' && val.length === 0) {\n setTableData(newTableData)\n }\n }\n\n return (\n <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-2\">\n <CustomerListSearch onInputChange={handleInputChange} />\n <CustomerTableFilter />\n </div>\n )\n}\n\nexport default CustomersListTableTools\n"],"names":["CustomersListTableTools","tableData","setTableData","useCustomerList","jsxs","jsx","CustomerListSearch","val","newTableData","cloneDeep","CustomerTableFilter"],"mappings":";;;;;AAKA,MAAMA,IAA0B,MAAM;AAClC,QAAM,EAAE,WAAAC,GAAW,cAAAC,EAAa,IAAIC,EAAgB;AAgBhD,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,sEACX,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAmB,eAfF,CAACC,MAAgB;AACjC,YAAAC,IAAeC,EAAUR,CAAS;AACxC,MAAAO,EAAa,QAAQD,GACrBC,EAAa,YAAY,GACrB,OAAOD,KAAQ,YAAYA,EAAI,SAAS,KACxCL,EAAaM,CAAY,GAGzB,OAAOD,KAAQ,YAAYA,EAAI,WAAW,KAC1CL,EAAaM,CAAY;AAAA,IAEjC,EAI8D,CAAA;AAAA,sBACrDE,GAAoB,CAAA,CAAA;AAAA,EAAA,GACzB;AAER;"}

package/dist/@ecme/views/concepts/customers/CustomerList/hooks/useCustomerList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCustomerList.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/hooks/useCustomerList.ts"],"sourcesContent":["import { apiGetCustomersList } from '@/services/CustomersService'\nimport useSWR from 'swr'\nimport { useCustomerListStore } from '../store/customerListStore'\nimport type { GetCustomersListResponse } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nexport default function useCustomerList() {\n const {\n tableData,\n filterData,\n setTableData,\n selectedCustomer,\n setSelectedCustomer,\n setSelectAllCustomer,\n setFilterData,\n } = useCustomerListStore((state) => state)\n\n const { data, error, isLoading, mutate } = useSWR(\n ['/api/customers', { ...tableData, ...filterData }],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) =>\n apiGetCustomersList<GetCustomersListResponse, TableQueries>(params),\n {\n revalidateOnFocus: false,\n },\n )\n\n const customerList = data?.list \|\| []\n\n const customerListTotal = data?.total \|\| 0\n\n return {\n customerList,\n customerListTotal,\n error,\n isLoading,\n tableData,\n filterData,\n mutate,\n setTableData,\n selectedCustomer,\n setSelectedCustomer,\n setSelectAllCustomer,\n setFilterData,\n }\n}\n"],"names":["useCustomerList","tableData","filterData","setTableData","selectedCustomer","setSelectedCustomer","setSelectAllCustomer","setFilterData","useCustomerListStore","state","data","error","isLoading","mutate","useSWR","_","params","apiGetCustomersList","customerList","customerListTotal"],"mappings":";;;AAMA,SAAwBA,IAAkB;~~AACtC~~,~~QAAM~~;AAAA,IACF,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACAC,EAAqB,CAACC,MAAUA,CAAK,GAEnC,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAC,GAAW,QAAAC,~~MAAWC~~;AAAA,IACvC,CAAC,kBAAkB,EAAE,GAAGb,GAAW,GAAGC,GAAY;AAAA;AAAA,IAElD,CAAC,CAACa,GAAGC,CAAM,MACPC,EAA4DD,CAAM;AAAA,IACtE;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,~~EACvB~~,~~GAGEE~~,IAAeR,GAAM,QAAQ,~~CAAA~~,~~GAE7BS~~,IAAoBT,GAAM,SAAS;~~AAEzC~~,~~SAAO~~;AAAA,IACH,cAAAQ;AAAA,IACA,mBAAAC;AAAA,IACA,OAAAR;AAAA,IACA,WAAAC;AAAA,IACA,WAAAX;AAAA,IACA,YAAAC;AAAA,IACA,QAAAW;AAAA,IACA,cAAAV;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,eAAAC;AAAA,~~EAAA~~;~~AAER~~;"}
1	+ {"version":3,"file":"useCustomerList.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/hooks/useCustomerList.ts"],"sourcesContent":["import { apiGetCustomersList } from '@/services/CustomersService'\nimport useSWR from 'swr'\nimport { useCustomerListStore } from '../store/customerListStore'\nimport type { GetCustomersListResponse } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nexport default function useCustomerList() {\n const {\n tableData,\n filterData,\n setTableData,\n selectedCustomer,\n setSelectedCustomer,\n setSelectAllCustomer,\n setFilterData,\n } = useCustomerListStore((state) => state)\n\n const { data, error, isLoading, mutate } = useSWR(\n ['/api/customers', { ...tableData, ...filterData }],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ([_, params]) =>\n apiGetCustomersList<GetCustomersListResponse, TableQueries>(params),\n {\n revalidateOnFocus: false,\n },\n )\n\n const customerList = data?.list \|\| []\n\n const customerListTotal = data?.total \|\| 0\n\n return {\n customerList,\n customerListTotal,\n error,\n isLoading,\n tableData,\n filterData,\n mutate,\n setTableData,\n selectedCustomer,\n setSelectedCustomer,\n setSelectAllCustomer,\n setFilterData,\n }\n}\n"],"names":["useCustomerList","tableData","filterData","setTableData","selectedCustomer","setSelectedCustomer","setSelectAllCustomer","setFilterData","useCustomerListStore","state","data","error","isLoading","mutate","useSWR","_","params","apiGetCustomersList","customerList","customerListTotal"],"mappings":";;;AAMA,SAAwBA,IAAkB;AAChC,QAAA;AAAA,IACF,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACAC,EAAqB,CAACC,MAAUA,CAAK,GAEnC,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAC,GAAW,QAAAC,EAAW,IAAAC;AAAA,IACvC,CAAC,kBAAkB,EAAE,GAAGb,GAAW,GAAGC,GAAY;AAAA;AAAA,IAElD,CAAC,CAACa,GAAGC,CAAM,MACPC,EAA4DD,CAAM;AAAA,IACtE;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EAE3B,GAEME,IAAeR,GAAM,QAAQ,CAAC,GAE9BS,IAAoBT,GAAM,SAAS;AAElC,SAAA;AAAA,IACH,cAAAQ;AAAA,IACA,mBAAAC;AAAA,IACA,OAAAR;AAAA,IACA,WAAAC;AAAA,IACA,WAAAX;AAAA,IACA,YAAAC;AAAA,IACA,QAAAW;AAAA,IACA,cAAAV;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,eAAAC;AAAA,EACJ;AACJ;"}

package/dist/@ecme/views/concepts/customers/CustomerList/store/customerListStore.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"customerListStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/store/customerListStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { TableQueries } from '@/@types/common'\nimport type { Customer, 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 purchasedProducts: '',\n purchaseChannel: [\n 'Retail Stores',\n 'Online Retailers',\n 'Resellers',\n 'Mobile Apps',\n 'Direct Sales',\n ],\n}\n\nexport type CustomersListState = {\n tableData: TableQueries\n filterData: Filter\n selectedCustomer: Partial<Customer>[]\n}\n\ntype CustomersListAction = {\n setFilterData: (payload: Filter) => void\n setTableData: (payload: TableQueries) => void\n setSelectedCustomer: (checked: boolean, customer: Customer) => void\n setSelectAllCustomer: (customer: Customer[]) => void\n}\n\nconst initialState: CustomersListState = {\n tableData: initialTableData,\n filterData: initialFilterData,\n selectedCustomer: [],\n}\n\nexport const useCustomerListStore = create<\n CustomersListState & CustomersListAction\n>((set) => ({\n ...initialState,\n setFilterData: (payload) => set(() => ({ filterData: payload })),\n setTableData: (payload) => set(() => ({ tableData: payload })),\n setSelectedCustomer: (checked, row) =>\n set((state) => {\n const prevData = state.selectedCustomer\n if (checked) {\n return { selectedCustomer: [...prevData, ...[row]] }\n } else {\n if (\n prevData.some((prevCustomer) => row.id === prevCustomer.id)\n ) {\n return {\n selectedCustomer: prevData.filter(\n (prevCustomer) => prevCustomer.id !== row.id,\n ),\n }\n }\n return { selectedCustomer: prevData }\n }\n }),\n setSelectAllCustomer: (row) => set(() => ({ selectedCustomer: row })),\n}))\n"],"names":["initialTableData","initialFilterData","initialState","useCustomerListStore","create","set","payload","checked","row","state","prevData","prevCustomer"],"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,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER,GAeMC,IAAmC;AAAA,EACrC,WAAWF;AAAA,EACX,YAAYC;AAAA,EACZ,kBAAkB,CAAA;AACtB,GAEaE,IAAuBC,EAElC,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,qBAAqB,CAACC,GAASC,MAC3BH,EAAI,CAACI,MAAU;AACX,UAAMC,IAAWD,EAAM;AACvB,WAAIF,IACO,EAAE,kBAAkB,CAAC,GAAGG,GAAcF,CAAI,~~EAAA~~,~~IAG7CE~~,EAAS,KAAK,CAACC,MAAiBH,EAAI,OAAOG,EAAa,EAAE,IAEnD;AAAA,MACH,kBAAkBD,EAAS;AAAA,QACvB,CAACC,MAAiBA,EAAa,OAAOH,EAAI;AAAA,MAAA;AAAA,~~IAC9C~~,~~IAGD~~,EAAE,kBAAkBE,~~EAAA~~;AAAA,~~EAEnC~~,~~CAAC~~;AAAA,EACL,sBAAsB,CAACF,MAAQH,EAAI,OAAO,EAAE,kBAAkBG,IAAM;AACxE,EAAE;"}
1	+ {"version":3,"file":"customerListStore.js","sources":["../../../../../../../lib/@ecme/views/concepts/customers/CustomerList/store/customerListStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { TableQueries } from '@/@types/common'\nimport type { Customer, 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 purchasedProducts: '',\n purchaseChannel: [\n 'Retail Stores',\n 'Online Retailers',\n 'Resellers',\n 'Mobile Apps',\n 'Direct Sales',\n ],\n}\n\nexport type CustomersListState = {\n tableData: TableQueries\n filterData: Filter\n selectedCustomer: Partial<Customer>[]\n}\n\ntype CustomersListAction = {\n setFilterData: (payload: Filter) => void\n setTableData: (payload: TableQueries) => void\n setSelectedCustomer: (checked: boolean, customer: Customer) => void\n setSelectAllCustomer: (customer: Customer[]) => void\n}\n\nconst initialState: CustomersListState = {\n tableData: initialTableData,\n filterData: initialFilterData,\n selectedCustomer: [],\n}\n\nexport const useCustomerListStore = create<\n CustomersListState & CustomersListAction\n>((set) => ({\n ...initialState,\n setFilterData: (payload) => set(() => ({ filterData: payload })),\n setTableData: (payload) => set(() => ({ tableData: payload })),\n setSelectedCustomer: (checked, row) =>\n set((state) => {\n const prevData = state.selectedCustomer\n if (checked) {\n return { selectedCustomer: [...prevData, ...[row]] }\n } else {\n if (\n prevData.some((prevCustomer) => row.id === prevCustomer.id)\n ) {\n return {\n selectedCustomer: prevData.filter(\n (prevCustomer) => prevCustomer.id !== row.id,\n ),\n }\n }\n return { selectedCustomer: prevData }\n }\n }),\n setSelectAllCustomer: (row) => set(() => ({ selectedCustomer: row })),\n}))\n"],"names":["initialTableData","initialFilterData","initialState","useCustomerListStore","create","set","payload","checked","row","state","prevData","prevCustomer"],"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,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER,GAeMC,IAAmC;AAAA,EACrC,WAAWF;AAAA,EACX,YAAYC;AAAA,EACZ,kBAAkB,CAAA;AACtB,GAEaE,IAAuBC,EAElC,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,qBAAqB,CAACC,GAASC,MAC3BH,EAAI,CAACI,MAAU;AACX,UAAMC,IAAWD,EAAM;AACvB,WAAIF,IACO,EAAE,kBAAkB,CAAC,GAAGG,GAAcF,CAAI,EAAE,IAG/CE,EAAS,KAAK,CAACC,MAAiBH,EAAI,OAAOG,EAAa,EAAE,IAEnD;AAAA,MACH,kBAAkBD,EAAS;AAAA,QACvB,CAACC,MAAiBA,EAAa,OAAOH,EAAI;AAAA,MAAA;AAAA,IAElD,IAEG,EAAE,kBAAkBE,EAAS;AAAA,EACxC,CACH;AAAA,EACL,sBAAsB,CAACF,MAAQH,EAAI,OAAO,EAAE,kBAAkBG,IAAM;AACxE,EAAE;"}

package/dist/@ecme/views/concepts/files/FileManager/FileManager.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileManager.js","sources":["../../../../../../lib/@ecme/views/concepts/files/FileManager/FileManager.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Table from '@/components/ui/Table'\nimport TableRowSkeleton from '@/components/shared/loaders/TableRowSkeleton'\nimport FileManagerHeader from './components/FileManagerHeader'\nimport FileSegment from './components/FileSegment'\nimport FileList from './components/FileList'\nimport FileDetails from './components/FileDetails'\nimport FileManagerDeleteDialog from './components/FileManagerDeleteDialog'\nimport FileManagerInviteDialog from './components/FileManagerInviteDialog'\nimport FileManagerRenameDialog from './components/FileManagerRenameDialog'\nimport { useFileManagerStore } from './store/useFileManagerStore'\nimport { apiGetFiles } from '@/services/FileService'\nimport useSWRMutation from 'swr/mutation'\nimport { GetFileListResponse } from './types'\n\nconst { THead, Th, Tr } = Table\n\nasync function getFile(_: string, { arg }: { arg: string }) {\n const data = await apiGetFiles<GetFileListResponse, { id: string }>({\n id: arg,\n })\n return data\n}\n\nconst FileManager = () => {\n const {\n layout,\n fileList,\n setFileList,\n setDeleteDialog,\n setInviteDialog,\n setRenameDialog,\n openedDirectoryId,\n setOpenedDirectoryId,\n setDirectories,\n setSelectedFile,\n } = useFileManagerStore()\n\n const { trigger, isMutating } = useSWRMutation(\n `/api/files/${openedDirectoryId}`,\n getFile,\n {\n onSuccess: (resp) => {\n setDirectories(resp.directory)\n setFileList(resp.list)\n },\n },\n )\n\n useEffect(() => {\n if (fileList.length === 0) {\n trigger(openedDirectoryId)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n const handleShare = (id: string) => {\n setInviteDialog({ id, open: true })\n }\n\n const handleDelete = (id: string) => {\n setDeleteDialog({ id, open: true })\n }\n\n const handleDownload = () => {\n const blob = new Blob(\n [\n 'This text file is created to demonstrate how file downloading works in our template demo.',\n ],\n { type: 'text/plain;charset=utf-8' },\n )\n\n const link = document.createElement('a')\n link.href = window.URL.createObjectURL(blob)\n link.download = 'sample-dowoad-file'\n document.body.appendChild(link)\n\n link.click()\n\n document.body.removeChild(link)\n window.URL.revokeObjectURL(link.href)\n }\n\n const handleRename = (id: string) => {\n setRenameDialog({ id, open: true })\n }\n\n const handleOpen = (id: string) => {\n setOpenedDirectoryId(id)\n trigger(id)\n }\n\n const handleEntryClick = () => {\n setOpenedDirectoryId('')\n trigger('')\n }\n\n const handleDirectoryClick = (id: string) => {\n setOpenedDirectoryId(id)\n trigger(id)\n }\n\n const handleClick = (fileId: string) => {\n setSelectedFile(fileId)\n }\n\n return (\n <>\n <div>\n <FileManagerHeader\n onEntryClick={handleEntryClick}\n onDirectoryClick={handleDirectoryClick}\n />\n <div className=\"mt-6\">\n {isMutating ? (\n layout === 'grid' ? (\n <div className=\"grid grid-cols-1 xs:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 mt-4 gap-4 lg:gap-6\">\n {[...Array(4).keys()].map((item) => (\n <FileSegment\n key={item}\n loading={isMutating}\n />\n ))}\n </div>\n ) : (\n <Table>\n <THead>\n <Tr>\n <Th>File</Th>\n <Th>Size</Th>\n <Th>Type</Th>\n <Th></Th>\n </Tr>\n </THead>\n <TableRowSkeleton\n avatarInColumns={[0]}\n columns={4}\n rows={5}\n avatarProps={{\n width: 30,\n height: 30,\n }}\n />\n </Table>\n )\n ) : (\n <FileList\n fileList={fileList}\n layout={layout}\n onDownload={handleDownload}\n onShare={handleShare}\n onDelete={handleDelete}\n onRename={handleRename}\n onOpen={handleOpen}\n onClick={handleClick}\n />\n )}\n </div>\n </div>\n <FileDetails onShare={handleShare} />\n <FileManagerDeleteDialog />\n <FileManagerInviteDialog />\n <FileManagerRenameDialog />\n </>\n )\n}\n\nexport default FileManager\n"],"names":["THead","Th","Tr","Table","getFile","_","arg","apiGetFiles","FileManager","layout","fileList","setFileList","setDeleteDialog","setInviteDialog","setRenameDialog","openedDirectoryId","setOpenedDirectoryId","setDirectories","setSelectedFile","useFileManagerStore","trigger","isMutating","useSWRMutation","resp","useEffect","handleShare","id","jsxs","Fragment","jsx","FileManagerHeader","item","FileSegment","TableRowSkeleton","FileList","blob","link","fileId","FileDetails","FileManagerDeleteDialog","FileManagerInviteDialog","FileManagerRenameDialog"],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,EAAE,OAAAA,GAAO,IAAAC,GAAI,IAAAC,EAAA,IAAOC;AAE1B,eAAeC,EAAQC,GAAW,EAAE,KAAAC,KAAwB;~~AAIxD~~,~~SAHa~~,MAAMC,EAAiD;AAAA,IAChE,IAAID;AAAA,EAAA,CACP;AAEL;AAEA,MAAME,KAAc,MAAM;~~AACtB~~,~~QAAM~~;AAAA,IACF,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,~~EAAA~~,~~IACAC~~,~~EAAA~~,~~GAEE,~~EAAE,SAAAC,GAAS,YAAAC,EAAA,IAAeC;AAAA,IAC5B,cAAcP,CAAiB;AAAA,IAC/BX;AAAA,IACA;AAAA,MACI,WAAW,CAACmB,MAAS;AACjB,QAAAN,EAAeM,EAAK,SAAS,GAC7BZ,EAAYY,EAAK,IAAI;AAAA,~~MACzB~~;AAAA,~~IAAA~~;AAAA,~~EACJ~~;~~AAGJ~~,EAAAC,EAAU,MAAM;~~AACZ~~,~~IAAId~~,EAAS,WAAW,KACpBU,EAAQL,CAAiB;AAAA,EAGjC,GAAG,~~CAAA,CAAE~~;~~AAEL~~,~~QAAMU~~,IAAc,CAACC,MAAe;AAChC,IAAAb,EAAgB,EAAE,IAAAa,GAAI,MAAM,GAAA,CAAM;AAAA,EACtC;AAgDA,~~SACI~~,gBAAAC,EAAAC,GAAA,~~EACI~~,UAAA;AAAA,IAAA,gBAAAD,EAAC,~~OAAA~~,~~EACG~~,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,cAlBS,MAAM;AAC3B,YAAAd,EAAqB,EAAE,GACvBI,EAAQ,EAAE;AAAA,UACd;AAAA,UAgBgB,kBAda,CAACM,MAAe;AACzC,YAAAV,EAAqBU,CAAE,GACvBN,EAAQM,CAAE;AAAA,UACd;AAAA,QAWkC;AAAA,~~MAAA~~;AAAA,~~MAEtB~~,gBAAAG,EAAC,SAAI,WAAU,QACV,cACGpB,MAAW,2BACN,~~OAAA~~,~~EAAI~~,WAAU,sFACV,~~UAAA~~,~~CAAC~~,GAAG,MAAM,CAAC,EAAE,MAAM,EAAE,IAAI,CAACsB,MACvB,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UAEG,SAASX;AAAA,QAAA;AAAA,QADJU;AAAA,~~MAAA~~,~~CAGZ~~,~~EAAA~~,~~CACL~~,IAEA,gBAAAJ,EAACxB,~~GAAA~~,~~EACG~~,UAAA;AAAA,~~QAAA~~,gBAAA0B,~~EAAC7B~~,GAAA,EACG,4BAACE,~~GAAA~~,~~EACG~~,UAAA;AAAA,UAAA,gBAAA2B,EAAC5B,KAAG,~~UAAA~~,OAAA,~~CAAI~~;AAAA,UACR,gBAAA4B,EAAC5B,KAAG,~~UAAA~~,OAAA,~~CAAI~~;AAAA,UACR,gBAAA4B,EAAC5B,KAAG,~~UAAA~~,OAAA,~~CAAI~~;AAAA,4BACPA,~~GAAA~~,CAAA,~~CAAG~~;AAAA,QAAA,EAAA,CACR,~~EAAA~~,~~CACJ~~;AAAA,QACA,gBAAA4B;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,iBAAiB,CAAC,CAAC;AAAA,YACnB,SAAS;AAAA,YACT,MAAM;AAAA,YACN,aAAa;AAAA,cACT,OAAO;AAAA,cACP,QAAQ;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ,IAGJ,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,UAAAxB;AAAA,UACA,QAAAD;AAAA,UACA,YArFD,MAAM;AACzB,kBAAM0B,IAAO,IAAI;AAAA,cACb;AAAA,gBACI;AAAA,~~cAAA~~;AAAA,~~cAEJ~~,EAAE,MAAM,~~2BAAA~~;AAAA,~~YAA2B~~,~~GAGjCC~~,IAAO,SAAS,cAAc,GAAG;AACvC,YAAAA,EAAK,OAAO,OAAO,IAAI,gBAAgBD,CAAI,GAC3CC,EAAK,WAAW,~~sBAChB~~,~~SAAS~~,KAAK,YAAYA,CAAI,GAE9BA,EAAK,~~MAAA~~,~~GAEL~~,~~SAAS~~,KAAK,YAAYA,CAAI,~~GAC9B~~,~~OAAO~~,IAAI,gBAAgBA,EAAK,IAAI;AAAA,UACxC;AAAA,UAqEwB,SAASX;AAAA,UACT,UA3FH,CAACC,MAAe;AACjC,YAAAd,EAAgB,EAAE,IAAAc,GAAI,MAAM,GAAA,CAAM;AAAA,UACtC;AAAA,UA0FwB,UArEH,CAACA,MAAe;AACjC,YAAAZ,EAAgB,EAAE,IAAAY,GAAI,MAAM,GAAA,CAAM;AAAA,UACtC;AAAA,UAoEwB,QAlEL,CAACA,MAAe;AAC/B,YAAAV,EAAqBU,CAAE,GACvBN,EAAQM,CAAE;AAAA,UACd;AAAA,UAgEwB,SApDJ,CAACW,MAAmB;AACpC,YAAAnB,EAAgBmB,CAAM;AAAA,UAC1B;AAAA,QAkDiC;AAAA,MAAA,~~EACb~~,~~CAER~~;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAR,EAACS,~~GAAA~~,~~EAAY~~,SAASb,~~EAAA~~,~~CAAa~~;AAAA,sBAClCc,~~GAAA~~,~~EAAwB~~;AAAA,sBACxBC,~~GAAA~~,~~EAAwB~~;AAAA,sBACxBC,~~GAAA~~,CAAA,~~CAAwB~~;AAAA,EAAA,GAC7B;AAER;"}
1	+ {"version":3,"file":"FileManager.js","sources":["../../../../../../lib/@ecme/views/concepts/files/FileManager/FileManager.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport Table from '@/components/ui/Table'\nimport TableRowSkeleton from '@/components/shared/loaders/TableRowSkeleton'\nimport FileManagerHeader from './components/FileManagerHeader'\nimport FileSegment from './components/FileSegment'\nimport FileList from './components/FileList'\nimport FileDetails from './components/FileDetails'\nimport FileManagerDeleteDialog from './components/FileManagerDeleteDialog'\nimport FileManagerInviteDialog from './components/FileManagerInviteDialog'\nimport FileManagerRenameDialog from './components/FileManagerRenameDialog'\nimport { useFileManagerStore } from './store/useFileManagerStore'\nimport { apiGetFiles } from '@/services/FileService'\nimport useSWRMutation from 'swr/mutation'\nimport { GetFileListResponse } from './types'\n\nconst { THead, Th, Tr } = Table\n\nasync function getFile(_: string, { arg }: { arg: string }) {\n const data = await apiGetFiles<GetFileListResponse, { id: string }>({\n id: arg,\n })\n return data\n}\n\nconst FileManager = () => {\n const {\n layout,\n fileList,\n setFileList,\n setDeleteDialog,\n setInviteDialog,\n setRenameDialog,\n openedDirectoryId,\n setOpenedDirectoryId,\n setDirectories,\n setSelectedFile,\n } = useFileManagerStore()\n\n const { trigger, isMutating } = useSWRMutation(\n `/api/files/${openedDirectoryId}`,\n getFile,\n {\n onSuccess: (resp) => {\n setDirectories(resp.directory)\n setFileList(resp.list)\n },\n },\n )\n\n useEffect(() => {\n if (fileList.length === 0) {\n trigger(openedDirectoryId)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n const handleShare = (id: string) => {\n setInviteDialog({ id, open: true })\n }\n\n const handleDelete = (id: string) => {\n setDeleteDialog({ id, open: true })\n }\n\n const handleDownload = () => {\n const blob = new Blob(\n [\n 'This text file is created to demonstrate how file downloading works in our template demo.',\n ],\n { type: 'text/plain;charset=utf-8' },\n )\n\n const link = document.createElement('a')\n link.href = window.URL.createObjectURL(blob)\n link.download = 'sample-dowoad-file'\n document.body.appendChild(link)\n\n link.click()\n\n document.body.removeChild(link)\n window.URL.revokeObjectURL(link.href)\n }\n\n const handleRename = (id: string) => {\n setRenameDialog({ id, open: true })\n }\n\n const handleOpen = (id: string) => {\n setOpenedDirectoryId(id)\n trigger(id)\n }\n\n const handleEntryClick = () => {\n setOpenedDirectoryId('')\n trigger('')\n }\n\n const handleDirectoryClick = (id: string) => {\n setOpenedDirectoryId(id)\n trigger(id)\n }\n\n const handleClick = (fileId: string) => {\n setSelectedFile(fileId)\n }\n\n return (\n <>\n <div>\n <FileManagerHeader\n onEntryClick={handleEntryClick}\n onDirectoryClick={handleDirectoryClick}\n />\n <div className=\"mt-6\">\n {isMutating ? (\n layout === 'grid' ? (\n <div className=\"grid grid-cols-1 xs:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 mt-4 gap-4 lg:gap-6\">\n {[...Array(4).keys()].map((item) => (\n <FileSegment\n key={item}\n loading={isMutating}\n />\n ))}\n </div>\n ) : (\n <Table>\n <THead>\n <Tr>\n <Th>File</Th>\n <Th>Size</Th>\n <Th>Type</Th>\n <Th></Th>\n </Tr>\n </THead>\n <TableRowSkeleton\n avatarInColumns={[0]}\n columns={4}\n rows={5}\n avatarProps={{\n width: 30,\n height: 30,\n }}\n />\n </Table>\n )\n ) : (\n <FileList\n fileList={fileList}\n layout={layout}\n onDownload={handleDownload}\n onShare={handleShare}\n onDelete={handleDelete}\n onRename={handleRename}\n onOpen={handleOpen}\n onClick={handleClick}\n />\n )}\n </div>\n </div>\n <FileDetails onShare={handleShare} />\n <FileManagerDeleteDialog />\n <FileManagerInviteDialog />\n <FileManagerRenameDialog />\n </>\n )\n}\n\nexport default FileManager\n"],"names":["THead","Th","Tr","Table","getFile","_","arg","apiGetFiles","FileManager","layout","fileList","setFileList","setDeleteDialog","setInviteDialog","setRenameDialog","openedDirectoryId","setOpenedDirectoryId","setDirectories","setSelectedFile","useFileManagerStore","trigger","isMutating","useSWRMutation","resp","useEffect","handleShare","id","jsxs","Fragment","jsx","FileManagerHeader","item","FileSegment","TableRowSkeleton","FileList","blob","link","fileId","FileDetails","FileManagerDeleteDialog","FileManagerInviteDialog","FileManagerRenameDialog"],"mappings":"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"}

package/dist/@ecme/views/concepts/files/FileManager/components/FileDetails.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileDetails.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileDetails.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Drawer from '@/components/ui/Drawer'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport CloseButton from '@/components/ui/CloseButton'\nimport FileIcon from '@/components/view/FileIcon'\nimport FileType from './FileType'\nimport fileSizeUnit from '@/utils/fileSizeUnit'\nimport { useFileManagerStore } from '../store/useFileManagerStore'\nimport dayjs from 'dayjs'\nimport { TbPlus } from 'react-icons/tb'\nimport type { ReactNode } from 'react'\n\ntype FileDetailsProps = {\n onShare: (id: string) => void\n}\n\nconst InfoRow = ({\n label,\n value,\n}: {\n label: string\n value: string \| ReactNode\n}) => {\n return (\n <div className=\"flex items-center justify-between\">\n <span>{label}</span>\n <span className=\"heading-text font-bold\">{value}</span>\n </div>\n )\n}\n\nconst FileDetails = ({ onShare }: FileDetailsProps) => {\n const { selectedFile, setSelectedFile, fileList } = useFileManagerStore()\n\n const file = useMemo(() => {\n return fileList.find((file) => selectedFile === file.id)\n }, [fileList, selectedFile])\n\n const handleDrawerClose = () => {\n setSelectedFile('')\n }\n\n return (\n <Drawer\n title={null}\n closable={false}\n isOpen={Boolean(selectedFile)}\n showBackdrop={false}\n width={350}\n onClose={handleDrawerClose}\n onRequestClose={handleDrawerClose}\n >\n {file && (\n <div>\n <div className=\"flex justify-end\">\n <CloseButton onClick={handleDrawerClose} />\n </div>\n <div className=\"mt-10 flex justify-center\">\n {file.fileType.startsWith('jpeg') \|\|\n file.fileType.startsWith('png') ? (\n <img\n src={file.srcUrl}\n className=\"max-h-[170px] rounded-xl\"\n alt={file.name}\n />\n ) : (\n <FileIcon type={file.fileType} size={120} />\n )}\n </div>\n <div className=\"mt-10 text-center\">\n <h4>{file.name}</h4>\n </div>\n <div className=\"mt-8\">\n <h6>Info</h6>\n <div className=\"mt-4 flex flex-col gap-4\">\n <InfoRow\n label=\"Size\"\n value={fileSizeUnit(file.size)}\n />\n <InfoRow\n label=\"Type\"\n value={<FileType type={file.fileType} />}\n />\n <InfoRow\n label=\"Created\"\n value={dayjs\n .unix(file.uploadDate)\n .format('MMM DD, YYYY')}\n />\n <InfoRow\n label=\"Last modified\"\n value={dayjs\n .unix(file.activities[0].timestamp)\n .format('MMM DD, YYYY')}\n />\n </div>\n </div>\n <div className=\"mt-10\">\n <div className=\"flex justify-between items-center\">\n <h6>Shared with</h6>\n <Button\n type=\"button\"\n shape=\"circle\"\n icon={<TbPlus />}\n size=\"xs\"\n onClick={() => onShare(file.id)}\n />\n </div>\n <div className=\"mt-6 flex flex-col gap-4\">\n {file.permissions.map((user) => (\n <div\n key={user.userName}\n className=\"flex items-center gap-2\"\n >\n <Avatar src={user.userImg} alt=\"\" />\n <div>\n <div className=\"heading-text font-semibold\">\n {user.userName}\n </div>\n <div>{user.role}</div>\n </div>\n </div>\n ))}\n </div>\n </div>\n </div>\n )}\n </Drawer>\n )\n}\n\nexport default FileDetails\n"],"names":["InfoRow","label","value","jsxs","jsx","FileDetails","onShare","selectedFile","setSelectedFile","fileList","useFileManagerStore","file","useMemo","handleDrawerClose","Drawer","CloseButton","FileIcon","fileSizeUnit","FileType","dayjs","Button","TbPlus","user","Avatar"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAMA,IAAU,CAAC;AAAA,EACb,OAAAC;AAAA,EACA,OAAAC;AACJ,MAKQ,gBAAAC,EAAC,~~OAAA~~,~~EAAI~~,WAAU,qCACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,UAAM,~~UAAAH~~,EAAA,~~CAAM~~;AAAA,~~EACb~~,gBAAAG,~~EAAC~~,QAAA,EAAK,WAAU,0BAA0B,~~UAAAF~~,EAAA,~~CAAM~~;AAAA,GACpD,GAIFG,IAAc,CAAC,EAAE,SAAAC,QAAgC;AACnD,QAAM,EAAE,cAAAC,GAAc,iBAAAC,GAAiB,UAAAC,EAAA,IAAaC,~~EAAA~~,~~GAE9CC~~,IAAOC,EAAQ,MACVH,EAAS,KAAK,CAACE,MAASJ,MAAiBI,EAAK,EAAE,GACxD,CAACF,GAAUF,CAAY,CAAC,GAErBM,IAAoB,MAAM;AAC5B,IAAAL,EAAgB,EAAE;AAAA,EACtB;~~AAEA~~,~~SACI~~,gBAAAJ;AAAA,IAACU;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,MACP,UAAU;AAAA,MACV,QAAQ,EAAQP;AAAA,MAChB,cAAc;AAAA,MACd,OAAO;AAAA,MACP,SAASM;AAAA,MACT,gBAAgBA;AAAA,MAEf,UAAAF,uBACI,~~OAAA~~,~~EACG~~,UAAA;AAAA,QAAA,gBAAAP,EAAC,SAAI,WAAU,oBACX,4BAACW,~~GAAA~~,~~EAAY~~,SAASF,GAAmB,~~EAAA~~,~~CAC7C~~;AAAA,~~QACA~~,gBAAAT,~~EAAC~~,OAAA,EAAI,WAAU,6BACV,~~UAAAO~~,~~EAAK~~,SAAS,WAAW,MAAM,KAChCA,EAAK,SAAS,WAAW,KAAK,IAC1B,gBAAAP;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAKO,EAAK;AAAA,YACV,WAAU;AAAA,YACV,KAAKA,EAAK;AAAA,UAAA;AAAA,QAAA,sBAGbK,~~GAAA~~,~~EAAS~~,MAAML,EAAK,UAAU,MAAM,~~KAAK~~,GAElD;AAAA,QACA,gBAAAP,EAAC,SAAI,WAAU,qBACX,4BAAC,~~MAAA~~,~~EAAI~~,UAAAO,EAAK,MAAK,~~EAAA~~,~~CACnB~~;AAAA,QACA,gBAAAR,EAAC,~~OAAA~~,~~EAAI~~,WAAU,QACX,UAAA;AAAA,UAAA,gBAAAC,EAAC,QAAG,~~UAAA~~,OAAA,~~CAAI~~;AAAA,UACR,gBAAAD,EAAC,~~OAAA~~,~~EAAI~~,WAAU,4BACX,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACJ;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,OAAOiB,EAAaN,EAAK,IAAI;AAAA,cAAA;AAAA,~~YAAA~~;AAAA,~~YAEjC~~,gBAAAP;AAAA,cAACJ;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,OAAO,gBAAAI,EAACc,~~GAAA~~,~~EAAS~~,MAAMP,EAAK,~~SAAA~~,~~CAAU~~;AAAA,cAAA;AAAA,~~YAAA~~;AAAA,~~YAE1C~~,gBAAAP;AAAA,cAACJ;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,OAAOmB,EACF,KAAKR,EAAK,UAAU,EACpB,OAAO,cAAc;AAAA,cAAA;AAAA,~~YAAA~~;AAAA,~~YAE9B~~,gBAAAP;AAAA,cAACJ;AAAA,cAAA;AAAA,gBACG,OAAM;AAAA,gBACN,OAAOmB,EACF,KAAKR,EAAK,WAAW,CAAC,EAAE,SAAS,EACjC,OAAO,cAAc;AAAA,cAAA;AAAA,YAAA;AAAA,UAC9B,~~EAAA~~,~~CACJ~~;AAAA,QAAA,GACJ;AAAA,QACA,gBAAAR,EAAC,~~OAAA~~,~~EAAI~~,WAAU,SACX,UAAA;AAAA,~~UAAA~~,gBAAAA,~~EAAC~~,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,YAAA,gBAAAC,EAAC,QAAG,~~UAAA~~,cAAA,~~CAAW~~;AAAA,YACf,gBAAAA;AAAA,cAACgB;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,wBAAOC,~~GAAA~~,~~EAAO~~;AAAA,gBACd,MAAK;AAAA,gBACL,SAAS,MAAMf,EAAQK,EAAK,EAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UAClC,GACJ;AAAA,UACA,gBAAAP,EAAC,SAAI,WAAU,4BACV,YAAK,YAAY,IAAI,CAACkB,MACnB,gBAAAnB;AAAA,YAAC;AAAA,YAAA;AAAA,cAEG,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAC,EAACmB,~~GAAA~~,~~EAAO~~,KAAKD,EAAK,SAAS,KAAI,IAAG;AAAA,kCACjC,~~OAAA~~,~~EACG~~,UAAA;AAAA,kBAAA,gBAAAlB,EAAC,~~OAAA~~,~~EAAI~~,WAAU,8BACV,UAAAkB,EAAK,UACV;AAAA,kBACA,gBAAAlB,EAAC,~~OAAA~~,~~EAAK~~,UAAAkB,EAAK,~~KAAA~~,~~CAAK~~;AAAA,gBAAA,~~EAAA~~,~~CACpB~~;AAAA,cAAA;AAAA,YAAA;AAAA,YATKA,EAAK;AAAA,UAAA,CAWjB,~~EAAA~~,~~CACL~~;AAAA,QAAA,~~EAAA~~,~~CACJ~~;AAAA,MAAA,~~EAAA~~,~~CACJ~~;AAAA,IAAA;AAAA,~~EAAA~~;~~AAIhB~~;"}
1	+ {"version":3,"file":"FileDetails.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileDetails.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Drawer from '@/components/ui/Drawer'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport CloseButton from '@/components/ui/CloseButton'\nimport FileIcon from '@/components/view/FileIcon'\nimport FileType from './FileType'\nimport fileSizeUnit from '@/utils/fileSizeUnit'\nimport { useFileManagerStore } from '../store/useFileManagerStore'\nimport dayjs from 'dayjs'\nimport { TbPlus } from 'react-icons/tb'\nimport type { ReactNode } from 'react'\n\ntype FileDetailsProps = {\n onShare: (id: string) => void\n}\n\nconst InfoRow = ({\n label,\n value,\n}: {\n label: string\n value: string \| ReactNode\n}) => {\n return (\n <div className=\"flex items-center justify-between\">\n <span>{label}</span>\n <span className=\"heading-text font-bold\">{value}</span>\n </div>\n )\n}\n\nconst FileDetails = ({ onShare }: FileDetailsProps) => {\n const { selectedFile, setSelectedFile, fileList } = useFileManagerStore()\n\n const file = useMemo(() => {\n return fileList.find((file) => selectedFile === file.id)\n }, [fileList, selectedFile])\n\n const handleDrawerClose = () => {\n setSelectedFile('')\n }\n\n return (\n <Drawer\n title={null}\n closable={false}\n isOpen={Boolean(selectedFile)}\n showBackdrop={false}\n width={350}\n onClose={handleDrawerClose}\n onRequestClose={handleDrawerClose}\n >\n {file && (\n <div>\n <div className=\"flex justify-end\">\n <CloseButton onClick={handleDrawerClose} />\n </div>\n <div className=\"mt-10 flex justify-center\">\n {file.fileType.startsWith('jpeg') \|\|\n file.fileType.startsWith('png') ? (\n <img\n src={file.srcUrl}\n className=\"max-h-[170px] rounded-xl\"\n alt={file.name}\n />\n ) : (\n <FileIcon type={file.fileType} size={120} />\n )}\n </div>\n <div className=\"mt-10 text-center\">\n <h4>{file.name}</h4>\n </div>\n <div className=\"mt-8\">\n <h6>Info</h6>\n <div className=\"mt-4 flex flex-col gap-4\">\n <InfoRow\n label=\"Size\"\n value={fileSizeUnit(file.size)}\n />\n <InfoRow\n label=\"Type\"\n value={<FileType type={file.fileType} />}\n />\n <InfoRow\n label=\"Created\"\n value={dayjs\n .unix(file.uploadDate)\n .format('MMM DD, YYYY')}\n />\n <InfoRow\n label=\"Last modified\"\n value={dayjs\n .unix(file.activities[0].timestamp)\n .format('MMM DD, YYYY')}\n />\n </div>\n </div>\n <div className=\"mt-10\">\n <div className=\"flex justify-between items-center\">\n <h6>Shared with</h6>\n <Button\n type=\"button\"\n shape=\"circle\"\n icon={<TbPlus />}\n size=\"xs\"\n onClick={() => onShare(file.id)}\n />\n </div>\n <div className=\"mt-6 flex flex-col gap-4\">\n {file.permissions.map((user) => (\n <div\n key={user.userName}\n className=\"flex items-center gap-2\"\n >\n <Avatar src={user.userImg} alt=\"\" />\n <div>\n <div className=\"heading-text font-semibold\">\n {user.userName}\n </div>\n <div>{user.role}</div>\n </div>\n </div>\n ))}\n </div>\n </div>\n </div>\n )}\n </Drawer>\n )\n}\n\nexport default FileDetails\n"],"names":["InfoRow","label","value","jsxs","jsx","FileDetails","onShare","selectedFile","setSelectedFile","fileList","useFileManagerStore","file","useMemo","handleDrawerClose","Drawer","CloseButton","FileIcon","fileSizeUnit","FileType","dayjs","Button","TbPlus","user","Avatar"],"mappings":"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"}

package/dist/@ecme/views/concepts/files/FileManager/components/FileItemDropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileItemDropdown.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileItemDropdown.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport {\n TbCloudDownload,\n TbPencil,\n TbUserPlus,\n TbTrash,\n TbFolderSymlink,\n} from \"react-icons/tb\";\nimport type { DropdownItemCallbackProps } from \"../types\";\nimport type { MouseEvent, SyntheticEvent } from \"react\";\nimport { Dropdown, DropdownRef } from \"@/components\";\nimport EllipsisButton from \"@/components/shared/EllipsisButton\";\n\ntype FileItemDropdownProps = DropdownItemCallbackProps;\n\nconst FileItemDropdown = (props: FileItemDropdownProps) => {\n const { onDelete, onShare, onRename, onDownload, onOpen } = props;\n\n const dropdownRef = useRef<DropdownRef>(null);\n\n const handleDropdownClick = (e: MouseEvent) => {\n e.stopPropagation();\n dropdownRef.current?.handleDropdownOpen();\n };\n\n const handleDropdownItemClick = (\n e: SyntheticEvent,\n callback?: () => void\n ) => {\n e.stopPropagation();\n callback?.();\n };\n\n return (\n <Dropdown\n ref={dropdownRef}\n renderTitle={<EllipsisButton onClick={handleDropdownClick} />}\n placement=\"bottom-end\"\n >\n {onOpen && (\n <Dropdown.Item\n eventKey=\"Open\"\n onClick={(e) => handleDropdownItemClick(e, onOpen)}\n >\n <TbFolderSymlink className=\"text-xl\" />\n <span>Open</span>\n </Dropdown.Item>\n )}\n {onDownload && (\n <Dropdown.Item\n eventKey=\"download\"\n onClick={(e) => handleDropdownItemClick(e, onDownload)}\n >\n <TbCloudDownload className=\"text-xl\" />\n <span>Download</span>\n </Dropdown.Item>\n )}\n {onRename && (\n <Dropdown.Item\n eventKey=\"rename\"\n onClick={(e) => handleDropdownItemClick(e, onRename)}\n >\n <TbPencil className=\"text-xl\" />\n <span>Rename</span>\n </Dropdown.Item>\n )}\n {onShare && (\n <Dropdown.Item\n eventKey=\"share\"\n onClick={(e) => handleDropdownItemClick(e, onShare)}\n >\n <TbUserPlus className=\"text-xl\" />\n <span>Share</span>\n </Dropdown.Item>\n )}\n {onDelete && (\n <Dropdown.Item\n eventKey=\"share\"\n onClick={(e) => handleDropdownItemClick(e, onDelete)}\n >\n <span className=\"flex items-center gap-2 text-error\">\n <TbTrash className=\"text-xl\" />\n <span>Delete</span>\n </span>\n </Dropdown.Item>\n )}\n </Dropdown>\n );\n};\n\nexport default FileItemDropdown;\n"],"names":["FileItemDropdown","props","onDelete","onShare","onRename","onDownload","onOpen","dropdownRef","useRef","handleDropdownClick","handleDropdownItemClick","callback","jsxs","Dropdown","jsx","EllipsisButton","TbFolderSymlink","TbCloudDownload","TbPencil","TbUserPlus","TbTrash"],"mappings":";;;;;;~~AAeA~~,~~MAAMA~~,IAAmB,CAACC,MAAiC;AACzD,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,UAAAC,GAAU,YAAAC,GAAY,QAAAC,MAAWL,GAEtDM,IAAcC,EAAoB,IAAI,GAEtCC,IAAsB,CAAC,MAAkB;AAC7C,MAAE,~~gBAAA~~,~~GACFF~~,EAAY,SAAS,~~mBAAA~~;AAAA,~~EACvB~~,GAEMG,IAA0B,CAC9B,GACAC,MACG;AACH,MAAE,~~gBAAA~~,~~GACFA~~,IAAA;AAAA,~~EACF~~;~~AAEA~~,~~SACE~~,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKN;AAAA,MACL,aAAa,gBAAAO,EAACC,~~GAAA~~,~~EAAe~~,SAASN,~~EAAA~~,~~CAAqB~~;AAAA,MAC3D,WAAU;AAAA,MAET,UAAA;AAAA,~~QAAAH~~,~~KACC~~,gBAAAM;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAMH,EAAwB,GAAGJ,CAAM;AAAA,YAEjD,UAAA;AAAA,~~cAAA~~,gBAAAQ,~~EAACE~~,GAAA,EAAgB,WAAU,~~UAAA~~,~~CAAU~~;AAAA,cACrC,gBAAAF,EAAC,UAAK,~~UAAA~~,OAAA,~~CAAI~~;AAAA,YAAA;AAAA,UAAA;AAAA,~~QAAA~~;AAAA,~~QAGbT~~,KACC,gBAAAO;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAMH,EAAwB,GAAGL,CAAU;AAAA,YAErD,UAAA;AAAA,~~cAAA~~,gBAAAS,~~EAACG~~,GAAA,EAAgB,WAAU,~~UAAA~~,~~CAAU~~;AAAA,cACrC,gBAAAH,EAAC,UAAK,~~UAAA~~,WAAA,~~CAAQ~~;AAAA,YAAA;AAAA,UAAA;AAAA,~~QAAA~~;AAAA,~~QAGjBV~~,KACC,gBAAAQ;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAMH,EAAwB,GAAGN,CAAQ;AAAA,YAEnD,UAAA;AAAA,~~cAAA~~,gBAAAU,~~EAACI~~,GAAA,EAAS,WAAU,~~UAAA~~,~~CAAU~~;AAAA,cAC9B,gBAAAJ,EAAC,UAAK,~~UAAA~~,SAAA,~~CAAM~~;AAAA,YAAA;AAAA,UAAA;AAAA,~~QAAA~~;AAAA,~~QAGfX~~,KACC,gBAAAS;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAMH,EAAwB,GAAGP,CAAO;AAAA,YAElD,UAAA;AAAA,~~cAAA~~,gBAAAW,~~EAACK~~,GAAA,EAAW,WAAU,~~UAAA~~,~~CAAU~~;AAAA,cAChC,gBAAAL,EAAC,UAAK,~~UAAA~~,QAAA,~~CAAK~~;AAAA,YAAA;AAAA,UAAA;AAAA,~~QAAA~~;AAAA,~~QAGdZ~~,KACC,gBAAAY;AAAA,UAACD,EAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAMH,EAAwB,GAAGR,CAAQ;AAAA,YAEnD,UAAA,gBAAAU,EAAC,~~QAAA~~,~~EAAK~~,WAAU,sCACd,UAAA;AAAA,~~cAAA~~,gBAAAE,~~EAACM~~,GAAA,EAAQ,WAAU,~~UAAA~~,~~CAAU~~;AAAA,cAC7B,gBAAAN,EAAC,UAAK,~~UAAA~~,SAAA,~~CAAM~~;AAAA,YAAA,~~EAAA~~,~~CACd~~;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,~~EAAA~~;~~AAIR~~;"}
1	+ {"version":3,"file":"FileItemDropdown.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileItemDropdown.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport {\n TbCloudDownload,\n TbPencil,\n TbUserPlus,\n TbTrash,\n TbFolderSymlink,\n} from \"react-icons/tb\";\nimport type { DropdownItemCallbackProps } from \"../types\";\nimport type { MouseEvent, SyntheticEvent } from \"react\";\nimport { Dropdown, DropdownRef } from \"@/components\";\nimport EllipsisButton from \"@/components/shared/EllipsisButton\";\n\ntype FileItemDropdownProps = DropdownItemCallbackProps;\n\nconst FileItemDropdown = (props: FileItemDropdownProps) => {\n const { onDelete, onShare, onRename, onDownload, onOpen } = props;\n\n const dropdownRef = useRef<DropdownRef>(null);\n\n const handleDropdownClick = (e: MouseEvent) => {\n e.stopPropagation();\n dropdownRef.current?.handleDropdownOpen();\n };\n\n const handleDropdownItemClick = (\n e: SyntheticEvent,\n callback?: () => void\n ) => {\n e.stopPropagation();\n callback?.();\n };\n\n return (\n <Dropdown\n ref={dropdownRef}\n renderTitle={<EllipsisButton onClick={handleDropdownClick} />}\n placement=\"bottom-end\"\n >\n {onOpen && (\n <Dropdown.Item\n eventKey=\"Open\"\n onClick={(e) => handleDropdownItemClick(e, onOpen)}\n >\n <TbFolderSymlink className=\"text-xl\" />\n <span>Open</span>\n </Dropdown.Item>\n )}\n {onDownload && (\n <Dropdown.Item\n eventKey=\"download\"\n onClick={(e) => handleDropdownItemClick(e, onDownload)}\n >\n <TbCloudDownload className=\"text-xl\" />\n <span>Download</span>\n </Dropdown.Item>\n )}\n {onRename && (\n <Dropdown.Item\n eventKey=\"rename\"\n onClick={(e) => handleDropdownItemClick(e, onRename)}\n >\n <TbPencil className=\"text-xl\" />\n <span>Rename</span>\n </Dropdown.Item>\n )}\n {onShare && (\n <Dropdown.Item\n eventKey=\"share\"\n onClick={(e) => handleDropdownItemClick(e, onShare)}\n >\n <TbUserPlus className=\"text-xl\" />\n <span>Share</span>\n </Dropdown.Item>\n )}\n {onDelete && (\n <Dropdown.Item\n eventKey=\"share\"\n onClick={(e) => handleDropdownItemClick(e, onDelete)}\n >\n <span className=\"flex items-center gap-2 text-error\">\n <TbTrash className=\"text-xl\" />\n <span>Delete</span>\n </span>\n </Dropdown.Item>\n )}\n </Dropdown>\n );\n};\n\nexport default FileItemDropdown;\n"],"names":["FileItemDropdown","props","onDelete","onShare","onRename","onDownload","onOpen","dropdownRef","useRef","handleDropdownClick","handleDropdownItemClick","callback","jsxs","Dropdown","jsx","EllipsisButton","TbFolderSymlink","TbCloudDownload","TbPencil","TbUserPlus","TbTrash"],"mappings":";;;;;;AAeM,MAAAA,IAAmB,CAACC,MAAiC;AACzD,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,UAAAC,GAAU,YAAAC,GAAY,QAAAC,MAAWL,GAEtDM,IAAcC,EAAoB,IAAI,GAEtCC,IAAsB,CAAC,MAAkB;AAC7C,MAAE,gBAAgB,GAClBF,EAAY,SAAS,mBAAmB;AAAA,EAC1C,GAEMG,IAA0B,CAC9B,GACAC,MACG;AACH,MAAE,gBAAgB,GACPA,IAAA;AAAA,EACb;AAGE,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKN;AAAA,MACL,aAAa,gBAAAO,EAACC,GAAe,EAAA,SAASN,EAAqB,CAAA;AAAA,MAC3D,WAAU;AAAA,MAET,UAAA;AAAA,QACCH,KAAA,gBAAAM;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAMH,EAAwB,GAAGJ,CAAM;AAAA,YAEjD,UAAA;AAAA,cAAC,gBAAAQ,EAAAE,GAAA,EAAgB,WAAU,UAAU,CAAA;AAAA,cACrC,gBAAAF,EAAC,UAAK,UAAI,OAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAAA,QAEDT,KACC,gBAAAO;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAMH,EAAwB,GAAGL,CAAU;AAAA,YAErD,UAAA;AAAA,cAAC,gBAAAS,EAAAG,GAAA,EAAgB,WAAU,UAAU,CAAA;AAAA,cACrC,gBAAAH,EAAC,UAAK,UAAQ,WAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAChB;AAAA,QAEDV,KACC,gBAAAQ;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAMH,EAAwB,GAAGN,CAAQ;AAAA,YAEnD,UAAA;AAAA,cAAC,gBAAAU,EAAAI,GAAA,EAAS,WAAU,UAAU,CAAA;AAAA,cAC9B,gBAAAJ,EAAC,UAAK,UAAM,SAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,QAEDX,KACC,gBAAAS;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAMH,EAAwB,GAAGP,CAAO;AAAA,YAElD,UAAA;AAAA,cAAC,gBAAAW,EAAAK,GAAA,EAAW,WAAU,UAAU,CAAA;AAAA,cAChC,gBAAAL,EAAC,UAAK,UAAK,QAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACb;AAAA,QAEDZ,KACC,gBAAAY;AAAA,UAACD,EAAS;AAAA,UAAT;AAAA,YACC,UAAS;AAAA,YACT,SAAS,CAAC,MAAMH,EAAwB,GAAGR,CAAQ;AAAA,YAEnD,UAAA,gBAAAU,EAAC,QAAK,EAAA,WAAU,sCACd,UAAA;AAAA,cAAC,gBAAAE,EAAAM,GAAA,EAAQ,WAAU,UAAU,CAAA;AAAA,cAC7B,gBAAAN,EAAC,UAAK,UAAM,SAAA,CAAA;AAAA,YAAA,EACd,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/@ecme/views/concepts/files/FileManager/components/FileList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileList.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileList.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Table from '@/components/ui/Table'\nimport FileSegment from './FileSegment'\nimport FileRow from './FileRow'\nimport type { Files, Layout } from '../types'\n\ntype FileListProps = {\n fileList: Files\n layout: Layout\n onRename: (id: string) => void\n onDownload: () => void\n onShare: (id: string) => void\n onDelete: (id: string) => void\n onOpen: (id: string) => void\n onClick: (id: string) => void\n}\n\nconst { TBody, THead, Th, Tr } = Table\n\nconst FileList = (props: FileListProps) => {\n const {\n layout,\n fileList,\n onDelete,\n onDownload,\n onShare,\n onRename,\n onOpen,\n onClick,\n } = props\n\n const folders = useMemo(() => {\n return fileList.filter((file) => file.fileType === 'directory')\n }, [fileList])\n\n const files = useMemo(() => {\n return fileList.filter((file) => file.fileType !== 'directory')\n }, [fileList])\n\n const renderFileSegment = (list: Files, isFolder?: boolean) => (\n <div className=\"grid grid-cols-1 xs:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 mt-4 gap-4 lg:gap-6\">\n {list.map((file) => (\n <FileSegment\n key={file.id}\n fileType={file.fileType}\n size={file.size}\n name={file.name}\n onClick={() => onClick(file.id)}\n onDownload={onDownload}\n onShare={() => onShare(file.id)}\n onDelete={() => onDelete(file.id)}\n onRename={() => onRename(file.id)}\n {...(isFolder ? { onOpen: () => onOpen(file.id) } : {})}\n />\n ))}\n </div>\n )\n\n const renderFileRow = (list: Files, isFolder?: boolean) => (\n <Table className=\"mt-4\">\n <THead>\n <Tr>\n <Th>File</Th>\n <Th>Size</Th>\n <Th>Type</Th>\n <Th></Th>\n </Tr>\n </THead>\n <TBody>\n {list.map((file) => (\n <FileRow\n key={file.id}\n fileType={file.fileType}\n size={file.size}\n name={file.name}\n onClick={() => onClick(file.id)}\n onDownload={onDownload}\n onShare={() => onShare(file.id)}\n onDelete={() => onDelete(file.id)}\n onRename={() => onRename(file.id)}\n {...(isFolder ? { onOpen: () => onOpen(file.id) } : {})}\n />\n ))}\n </TBody>\n </Table>\n )\n\n return (\n <div>\n {folders.length > 0 && (\n <div>\n <h4>Folders</h4>\n {layout === 'grid' && renderFileSegment(folders, true)}\n {layout === 'list' && renderFileRow(folders, true)}\n </div>\n )}\n {files.length > 0 && (\n <div className=\"mt-8\">\n <h4>Files</h4>\n {layout === 'grid' && renderFileSegment(files)}\n {layout === 'list' && renderFileRow(files)}\n </div>\n )}\n </div>\n )\n}\n\nexport default FileList\n"],"names":["TBody","THead","Th","Tr","Table","FileList","props","layout","fileList","onDelete","onDownload","onShare","onRename","onOpen","onClick","folders","useMemo","file","files","renderFileSegment","list","isFolder","jsx","FileSegment","renderFileRow","jsxs","FileRow"],"mappings":";;;;;AAiBA,MAAM,EAAE,OAAAA,GAAO,OAAAC,GAAO,IAAAC,GAAI,IAAAC,~~MAAOC~~,GAE3BC,IAAW,CAACC,MAAyB;~~AACvC~~,~~QAAM~~;AAAA,IACF,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACAR,GAEES,IAAUC,EAAQ,MACbR,EAAS,OAAO,CAACS,MAASA,EAAK,aAAa,WAAW,GAC/D,CAACT,CAAQ,CAAC,GAEPU,IAAQF,EAAQ,MACXR,EAAS,OAAO,CAACS,MAASA,EAAK,aAAa,WAAW,GAC/D,CAACT,CAAQ,CAAC,GAEPW,IAAoB,CAACC,GAAaC,MACpC,gBAAAC,EAAC,~~OAAA~~,~~EAAI~~,WAAU,sFACV,UAAAF,EAAK,IAAI,CAACH,MACP,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MAEG,UAAUN,EAAK;AAAA,MACf,MAAMA,EAAK;AAAA,MACX,MAAMA,EAAK;AAAA,MACX,SAAS,MAAMH,EAAQG,EAAK,EAAE;AAAA,MAC9B,YAAAP;AAAA,MACA,SAAS,MAAMC,EAAQM,EAAK,EAAE;AAAA,MAC9B,UAAU,MAAMR,EAASQ,EAAK,EAAE;AAAA,MAChC,UAAU,MAAML,EAASK,EAAK,EAAE;AAAA,MAC/B,GAAII,IAAW,EAAE,QAAQ,MAAMR,EAAOI,EAAK,EAAE,MAAM,CAAA;AAAA,IAAC;AAAA,IAThDA,EAAK;AAAA,~~EAAA~~,~~CAWjB~~,GACL,GAGEO,IAAgB,CAACJ,GAAaC,~~MAChC~~,gBAAAI,~~EAACrB~~,GAAA,EAAM,WAAU,QACb,UAAA;AAAA,~~IAAA~~,gBAAAkB,~~EAACrB~~,GAAA,EACG,4BAACE,~~GAAA~~,~~EACG~~,UAAA;AAAA,MAAA,gBAAAmB,EAACpB,KAAG,~~UAAA~~,OAAA,~~CAAI~~;AAAA,MACR,gBAAAoB,EAACpB,KAAG,~~UAAA~~,OAAA,~~CAAI~~;AAAA,MACR,gBAAAoB,EAACpB,KAAG,~~UAAA~~,OAAA,~~CAAI~~;AAAA,wBACPA,~~GAAA~~,CAAA,~~CAAG~~;AAAA,IAAA,EAAA,CACR,~~EAAA~~,~~CACJ~~;AAAA,~~IACA~~,gBAAAoB,~~EAACtB~~,GAAA,EACI,~~UAAAoB~~,~~EAAK~~,IAAI,CAACH,MACP,gBAAAK;AAAA,MAACI;AAAA,MAAA;AAAA,QAEG,UAAUT,EAAK;AAAA,QACf,MAAMA,EAAK;AAAA,QACX,MAAMA,EAAK;AAAA,QACX,SAAS,MAAMH,EAAQG,EAAK,EAAE;AAAA,QAC9B,YAAAP;AAAA,QACA,SAAS,MAAMC,EAAQM,EAAK,EAAE;AAAA,QAC9B,UAAU,MAAMR,EAASQ,EAAK,EAAE;AAAA,QAChC,UAAU,MAAML,EAASK,EAAK,EAAE;AAAA,QAC/B,GAAII,IAAW,EAAE,QAAQ,MAAMR,EAAOI,EAAK,EAAE,MAAM,CAAA;AAAA,MAAC;AAAA,MAThDA,EAAK;AAAA,IAAA,CAWjB,~~EAAA~~,~~CACL~~;AAAA,EAAA,GACJ;AAGJ,2BACK,~~OAAA~~,~~EACI~~,UAAA;AAAA,~~IAAAF~~,~~EAAQ~~,SAAS,KACd,gBAAAU,EAAC,~~OAAA~~,~~EACG~~,UAAA;AAAA,MAAA,gBAAAH,EAAC,QAAG,~~UAAA~~,UAAA,~~CAAO~~;AAAA,MACVf,MAAW,UAAUY,EAAkBJ,GAAS,EAAI;AAAA,MACpDR,MAAW,UAAUiB,EAAcT,GAAS,EAAI;AAAA,IAAA,GACrD;AAAA,IAEHG,EAAM,SAAS,~~KACZ~~,gBAAAO,~~EAAC~~,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAH,EAAC,QAAG,~~UAAA~~,QAAA,~~CAAK~~;AAAA,MACRf,MAAW,UAAUY,EAAkBD,CAAK;AAAA,MAC5CX,MAAW,UAAUiB,EAAcN,CAAK;AAAA,IAAA,~~EAAA~~,~~CAC7C~~;AAAA,EAAA,GAER;AAER;"}
1	+ {"version":3,"file":"FileList.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileList.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Table from '@/components/ui/Table'\nimport FileSegment from './FileSegment'\nimport FileRow from './FileRow'\nimport type { Files, Layout } from '../types'\n\ntype FileListProps = {\n fileList: Files\n layout: Layout\n onRename: (id: string) => void\n onDownload: () => void\n onShare: (id: string) => void\n onDelete: (id: string) => void\n onOpen: (id: string) => void\n onClick: (id: string) => void\n}\n\nconst { TBody, THead, Th, Tr } = Table\n\nconst FileList = (props: FileListProps) => {\n const {\n layout,\n fileList,\n onDelete,\n onDownload,\n onShare,\n onRename,\n onOpen,\n onClick,\n } = props\n\n const folders = useMemo(() => {\n return fileList.filter((file) => file.fileType === 'directory')\n }, [fileList])\n\n const files = useMemo(() => {\n return fileList.filter((file) => file.fileType !== 'directory')\n }, [fileList])\n\n const renderFileSegment = (list: Files, isFolder?: boolean) => (\n <div className=\"grid grid-cols-1 xs:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 mt-4 gap-4 lg:gap-6\">\n {list.map((file) => (\n <FileSegment\n key={file.id}\n fileType={file.fileType}\n size={file.size}\n name={file.name}\n onClick={() => onClick(file.id)}\n onDownload={onDownload}\n onShare={() => onShare(file.id)}\n onDelete={() => onDelete(file.id)}\n onRename={() => onRename(file.id)}\n {...(isFolder ? { onOpen: () => onOpen(file.id) } : {})}\n />\n ))}\n </div>\n )\n\n const renderFileRow = (list: Files, isFolder?: boolean) => (\n <Table className=\"mt-4\">\n <THead>\n <Tr>\n <Th>File</Th>\n <Th>Size</Th>\n <Th>Type</Th>\n <Th></Th>\n </Tr>\n </THead>\n <TBody>\n {list.map((file) => (\n <FileRow\n key={file.id}\n fileType={file.fileType}\n size={file.size}\n name={file.name}\n onClick={() => onClick(file.id)}\n onDownload={onDownload}\n onShare={() => onShare(file.id)}\n onDelete={() => onDelete(file.id)}\n onRename={() => onRename(file.id)}\n {...(isFolder ? { onOpen: () => onOpen(file.id) } : {})}\n />\n ))}\n </TBody>\n </Table>\n )\n\n return (\n <div>\n {folders.length > 0 && (\n <div>\n <h4>Folders</h4>\n {layout === 'grid' && renderFileSegment(folders, true)}\n {layout === 'list' && renderFileRow(folders, true)}\n </div>\n )}\n {files.length > 0 && (\n <div className=\"mt-8\">\n <h4>Files</h4>\n {layout === 'grid' && renderFileSegment(files)}\n {layout === 'list' && renderFileRow(files)}\n </div>\n )}\n </div>\n )\n}\n\nexport default FileList\n"],"names":["TBody","THead","Th","Tr","Table","FileList","props","layout","fileList","onDelete","onDownload","onShare","onRename","onOpen","onClick","folders","useMemo","file","files","renderFileSegment","list","isFolder","jsx","FileSegment","renderFileRow","jsxs","FileRow"],"mappings":"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"}

package/dist/@ecme/views/concepts/files/FileManager/components/FileManagerDeleteDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileManagerDeleteDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileManagerDeleteDialog.tsx"],"sourcesContent":["import { useFileManagerStore } from '../store/useFileManagerStore'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\n\nconst FileManagerDeleteDialog = () => {\n const { deleteDialog, setDeleteDialog, deleteFile } = useFileManagerStore()\n\n const handleDeleteDialogClose = () => {\n setDeleteDialog({ id: '', open: false })\n }\n\n const handleDeleteConfirm = () => {\n deleteFile(deleteDialog.id)\n setDeleteDialog({ id: '', open: false })\n }\n\n return (\n <ConfirmDialog\n isOpen={deleteDialog.open}\n type=\"danger\"\n title=\"Delete file\"\n onClose={handleDeleteDialogClose}\n onRequestClose={handleDeleteDialogClose}\n onCancel={handleDeleteDialogClose}\n onConfirm={handleDeleteConfirm}\n >\n <p>\n Are you sure you want to delete file? This action can't be\n undo.{' '}\n </p>\n </ConfirmDialog>\n )\n}\n\nexport default FileManagerDeleteDialog\n"],"names":["FileManagerDeleteDialog","deleteDialog","setDeleteDialog","deleteFile","useFileManagerStore","handleDeleteDialogClose","handleDeleteConfirm","jsx","ConfirmDialog"],"mappings":";;;AAGA,MAAMA,IAA0B,MAAM;AAClC,QAAM,EAAE,cAAAC,GAAc,iBAAAC,GAAiB,YAAAC,EAAA,IAAeC,~~EAAA~~,~~GAEhDC~~,IAA0B,MAAM;AAClC,IAAAH,EAAgB,EAAE,IAAI,IAAI,MAAM,IAAO;AAAA,EAC3C,GAEMI,IAAsB,MAAM;AAC9B,IAAAH,EAAWF,EAAa,EAAE,GAC1BC,EAAgB,EAAE,IAAI,IAAI,MAAM,IAAO;AAAA,EAC3C;~~AAEA~~,~~SACI~~,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQP,EAAa;AAAA,MACrB,MAAK;AAAA,MACL,OAAM;AAAA,MACN,SAASI;AAAA,MACT,gBAAgBA;AAAA,MAChB,UAAUA;AAAA,MACV,WAAWC;AAAA,MAEX,4BAAC,~~KAAA~~,~~EAAE~~,UAAA;AAAA,QAAA;AAAA,QAEO;AAAA,MAAA,~~EAAA~~,~~CACV~~;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGZ~~;"}
1	+ {"version":3,"file":"FileManagerDeleteDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileManagerDeleteDialog.tsx"],"sourcesContent":["import { useFileManagerStore } from '../store/useFileManagerStore'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\n\nconst FileManagerDeleteDialog = () => {\n const { deleteDialog, setDeleteDialog, deleteFile } = useFileManagerStore()\n\n const handleDeleteDialogClose = () => {\n setDeleteDialog({ id: '', open: false })\n }\n\n const handleDeleteConfirm = () => {\n deleteFile(deleteDialog.id)\n setDeleteDialog({ id: '', open: false })\n }\n\n return (\n <ConfirmDialog\n isOpen={deleteDialog.open}\n type=\"danger\"\n title=\"Delete file\"\n onClose={handleDeleteDialogClose}\n onRequestClose={handleDeleteDialogClose}\n onCancel={handleDeleteDialogClose}\n onConfirm={handleDeleteConfirm}\n >\n <p>\n Are you sure you want to delete file? This action can't be\n undo.{' '}\n </p>\n </ConfirmDialog>\n )\n}\n\nexport default FileManagerDeleteDialog\n"],"names":["FileManagerDeleteDialog","deleteDialog","setDeleteDialog","deleteFile","useFileManagerStore","handleDeleteDialogClose","handleDeleteConfirm","jsx","ConfirmDialog"],"mappings":";;;AAGA,MAAMA,IAA0B,MAAM;AAClC,QAAM,EAAE,cAAAC,GAAc,iBAAAC,GAAiB,YAAAC,EAAA,IAAeC,EAAoB,GAEpEC,IAA0B,MAAM;AAClC,IAAAH,EAAgB,EAAE,IAAI,IAAI,MAAM,IAAO;AAAA,EAC3C,GAEMI,IAAsB,MAAM;AAC9B,IAAAH,EAAWF,EAAa,EAAE,GAC1BC,EAAgB,EAAE,IAAI,IAAI,MAAM,IAAO;AAAA,EAC3C;AAGI,SAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQP,EAAa;AAAA,MACrB,MAAK;AAAA,MACL,OAAM;AAAA,MACN,SAASI;AAAA,MACT,gBAAgBA;AAAA,MAChB,UAAUA;AAAA,MACV,WAAWC;AAAA,MAEX,4BAAC,KAAE,EAAA,UAAA;AAAA,QAAA;AAAA,QAEO;AAAA,MAAA,EACV,CAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}

package/dist/@ecme/views/concepts/files/FileManager/components/FileManagerHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileManagerHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileManagerHeader.tsx"],"sourcesContent":["import { Fragment } from 'react'\nimport Segment from '@/components/ui/Segment'\nimport UploadFile from './UploadFile'\nimport { useFileManagerStore } from '../store/useFileManagerStore'\nimport { TbChevronRight, TbLayoutGrid, TbList } from 'react-icons/tb'\nimport type { Layout } from '../types'\n\ntype FileManagerHeaderProps = {\n onEntryClick: () => void\n onDirectoryClick: (id: string) => void\n}\n\nconst FileManagerHeader = ({\n onEntryClick,\n onDirectoryClick,\n}: FileManagerHeaderProps) => {\n const { directories, layout, setLayout } = useFileManagerStore()\n\n const handleEntryClick = () => {\n onEntryClick()\n }\n\n const handleDirectoryClick = (id: string) => {\n onDirectoryClick(id)\n }\n\n return (\n <div className=\"flex flex-col md:flex-row md:items-center justify-between gap-4\">\n <div>\n {directories.length > 0 ? (\n <div className=\"flex items-center gap-2\">\n <h3 className=\"flex items-center gap-2 text-base sm:text-2xl\">\n <span\n className=\"hover:text-primary cursor-pointer\"\n role=\"button\"\n onClick={handleEntryClick}\n >\n File Manager\n </span>\n {directories.map((dir, index) => (\n <Fragment key={dir.id}>\n <TbChevronRight className=\"text-lg\" />\n {directories.length - 1 === index ? (\n <span>{dir.label}</span>\n ) : (\n <span\n className=\"hover:text-primary cursor-pointer\"\n role=\"button\"\n onClick={() =>\n handleDirectoryClick(dir.id)\n }\n >\n {dir.label}\n </span>\n )}\n </Fragment>\n ))}\n </h3>\n </div>\n ) : (\n <h3>File Manager</h3>\n )}\n </div>\n <div className=\"flex items-center gap-2\">\n <Segment\n value={layout}\n onChange={(val) => setLayout(val as Layout)}\n >\n <Segment.Item value=\"grid\" className=\"text-xl px-3\">\n <TbLayoutGrid />\n </Segment.Item>\n <Segment.Item value=\"list\" className=\"text-xl px-3\">\n <TbList />\n </Segment.Item>\n </Segment>\n <UploadFile />\n </div>\n </div>\n )\n}\n\nexport default FileManagerHeader\n"],"names":["FileManagerHeader","onEntryClick","onDirectoryClick","directories","layout","setLayout","useFileManagerStore","handleEntryClick","handleDirectoryClick","id","jsxs","jsx","dir","index","Fragment","TbChevronRight","Segment","val","TbLayoutGrid","TbList","UploadFile"],"mappings":";;;;;;AAYA,MAAMA,IAAoB,CAAC;AAAA,EACvB,cAAAC;AAAA,EACA,kBAAAC;AACJ,MAA8B;AAC1B,QAAM,EAAE,aAAAC,GAAa,QAAAC,GAAQ,WAAAC,EAAA,IAAcC,~~EAAA~~,~~GAErCC~~,IAAmB,MAAM;~~AAC3B~~,IAAAN,EAAA;AAAA,~~EACJ~~,GAEMO,IAAuB,CAACC,MAAe;AACzC,IAAAP,EAAiBO,CAAE;AAAA,EACvB;~~AAEA~~,~~SACI~~,gBAAAC,EAAC,~~OAAA~~,~~EAAI~~,WAAU,mEACX,UAAA;AAAA,~~IAAA~~,gBAAAC,~~EAAC~~,OAAA,EACI,~~UAAAR~~,~~EAAY~~,SAAS,IAClB,gBAAAQ,EAAC,~~OAAA~~,~~EAAI~~,WAAU,2BACX,UAAA,gBAAAD,EAAC,~~MAAA~~,~~EAAG~~,WAAU,iDACV,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAASJ;AAAA,UACZ,UAAA;AAAA,QAAA;AAAA,~~MAAA~~;AAAA,~~MAGAJ~~,EAAY,IAAI,CAACS,GAAKC,wBAClBC,~~GAAA~~,~~EACG~~,UAAA;AAAA,~~QAAA~~,gBAAAH,~~EAACI~~,GAAA,EAAe,WAAU,~~UAAA~~,~~CAAU~~;AAAA,QACnCZ,EAAY,SAAS,MAAMU,sBACvB,~~QAAA~~,~~EAAM~~,UAAAD,EAAI,OAAM,IAEjB,gBAAAD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MACLH,EAAqBI,EAAI,EAAE;AAAA,YAG9B,~~UAAAA~~,~~EAAI~~;AAAA,UAAA;AAAA,QAAA;AAAA,MACT,~~EAAA~~,~~GAbOA~~,EAAI,EAenB,CACH;AAAA,IAAA,GACL,~~EAAA~~,~~CACJ~~,~~IAEA~~,gBAAAD,~~EAAC~~,MAAA,EAAG,~~0BAAY~~,GAExB;AAAA,IACA,gBAAAD,EAAC,~~OAAA~~,~~EAAI~~,WAAU,2BACX,UAAA;AAAA,MAAA,gBAAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,OAAOZ;AAAA,UACP,UAAU,CAACa,MAAQZ,EAAUY,CAAa;AAAA,UAE1C,UAAA;AAAA,~~YAAA~~,gBAAAN,~~EAACK~~,EAAQ,MAAR,EAAa,OAAM,QAAO,WAAU,gBACjC,~~UAAA~~,gBAAAL,~~EAACO~~,GAAA,CAAA,CAAa,~~EAAA~~,~~CAClB~~;AAAA,YACA,gBAAAP,EAACK,EAAQ,MAAR,EAAa,OAAM,QAAO,WAAU,gBACjC,~~UAAA~~,gBAAAL,~~EAACQ~~,GAAA,CAAA,~~CAAO~~,~~EAAA,CACZ~~;AAAA,UAAA;AAAA,QAAA;AAAA,~~MAAA~~;AAAA,~~wBAEHC~~,~~GAAA~~,CAAA,~~CAAW~~;AAAA,IAAA,~~EAAA~~,~~CAChB~~;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"FileManagerHeader.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileManagerHeader.tsx"],"sourcesContent":["import { Fragment } from 'react'\nimport Segment from '@/components/ui/Segment'\nimport UploadFile from './UploadFile'\nimport { useFileManagerStore } from '../store/useFileManagerStore'\nimport { TbChevronRight, TbLayoutGrid, TbList } from 'react-icons/tb'\nimport type { Layout } from '../types'\n\ntype FileManagerHeaderProps = {\n onEntryClick: () => void\n onDirectoryClick: (id: string) => void\n}\n\nconst FileManagerHeader = ({\n onEntryClick,\n onDirectoryClick,\n}: FileManagerHeaderProps) => {\n const { directories, layout, setLayout } = useFileManagerStore()\n\n const handleEntryClick = () => {\n onEntryClick()\n }\n\n const handleDirectoryClick = (id: string) => {\n onDirectoryClick(id)\n }\n\n return (\n <div className=\"flex flex-col md:flex-row md:items-center justify-between gap-4\">\n <div>\n {directories.length > 0 ? (\n <div className=\"flex items-center gap-2\">\n <h3 className=\"flex items-center gap-2 text-base sm:text-2xl\">\n <span\n className=\"hover:text-primary cursor-pointer\"\n role=\"button\"\n onClick={handleEntryClick}\n >\n File Manager\n </span>\n {directories.map((dir, index) => (\n <Fragment key={dir.id}>\n <TbChevronRight className=\"text-lg\" />\n {directories.length - 1 === index ? (\n <span>{dir.label}</span>\n ) : (\n <span\n className=\"hover:text-primary cursor-pointer\"\n role=\"button\"\n onClick={() =>\n handleDirectoryClick(dir.id)\n }\n >\n {dir.label}\n </span>\n )}\n </Fragment>\n ))}\n </h3>\n </div>\n ) : (\n <h3>File Manager</h3>\n )}\n </div>\n <div className=\"flex items-center gap-2\">\n <Segment\n value={layout}\n onChange={(val) => setLayout(val as Layout)}\n >\n <Segment.Item value=\"grid\" className=\"text-xl px-3\">\n <TbLayoutGrid />\n </Segment.Item>\n <Segment.Item value=\"list\" className=\"text-xl px-3\">\n <TbList />\n </Segment.Item>\n </Segment>\n <UploadFile />\n </div>\n </div>\n )\n}\n\nexport default FileManagerHeader\n"],"names":["FileManagerHeader","onEntryClick","onDirectoryClick","directories","layout","setLayout","useFileManagerStore","handleEntryClick","handleDirectoryClick","id","jsxs","jsx","dir","index","Fragment","TbChevronRight","Segment","val","TbLayoutGrid","TbList","UploadFile"],"mappings":";;;;;;AAYA,MAAMA,IAAoB,CAAC;AAAA,EACvB,cAAAC;AAAA,EACA,kBAAAC;AACJ,MAA8B;AAC1B,QAAM,EAAE,aAAAC,GAAa,QAAAC,GAAQ,WAAAC,EAAA,IAAcC,EAAoB,GAEzDC,IAAmB,MAAM;AACd,IAAAN,EAAA;AAAA,EACjB,GAEMO,IAAuB,CAACC,MAAe;AACzC,IAAAP,EAAiBO,CAAE;AAAA,EACvB;AAGI,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,mEACX,UAAA;AAAA,IAAC,gBAAAC,EAAA,OAAA,EACI,UAAYR,EAAA,SAAS,IAClB,gBAAAQ,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA,gBAAAD,EAAC,MAAG,EAAA,WAAU,iDACV,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAASJ;AAAA,UACZ,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,MACCJ,EAAY,IAAI,CAACS,GAAKC,wBAClBC,GACG,EAAA,UAAA;AAAA,QAAC,gBAAAH,EAAAI,GAAA,EAAe,WAAU,UAAU,CAAA;AAAA,QACnCZ,EAAY,SAAS,MAAMU,sBACvB,QAAM,EAAA,UAAAD,EAAI,OAAM,IAEjB,gBAAAD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MACLH,EAAqBI,EAAI,EAAE;AAAA,YAG9B,UAAIA,EAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACT,EAbO,GAAAA,EAAI,EAenB,CACH;AAAA,IAAA,GACL,EACJ,CAAA,IAEC,gBAAAD,EAAA,MAAA,EAAG,yBAAY,CAAA,GAExB;AAAA,IACA,gBAAAD,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,MAAA,gBAAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,OAAOZ;AAAA,UACP,UAAU,CAACa,MAAQZ,EAAUY,CAAa;AAAA,UAE1C,UAAA;AAAA,YAAC,gBAAAN,EAAAK,EAAQ,MAAR,EAAa,OAAM,QAAO,WAAU,gBACjC,UAAC,gBAAAL,EAAAO,GAAA,CAAA,CAAa,EAClB,CAAA;AAAA,YACA,gBAAAP,EAACK,EAAQ,MAAR,EAAa,OAAM,QAAO,WAAU,gBACjC,UAAC,gBAAAL,EAAAQ,GAAA,CAAO,CAAA,EACZ,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,wBACCC,GAAW,CAAA,CAAA;AAAA,IAAA,EAChB,CAAA;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/files/FileManager/components/FileManagerInviteDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileManagerInviteDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileManagerInviteDialog.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Dialog from '@/components/ui/Dialog'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport { useFileManagerStore } from '../store/useFileManagerStore'\nimport sleep from '@/utils/sleep'\nimport classNames from '@/utils/classNames'\nimport { TbLink } from 'react-icons/tb'\n\nconst FileManagerInviteDialog = () => {\n const { inviteDialog, setInviteDialog } = useFileManagerStore()\n\n const inputRef = useRef<HTMLInputElement>(null)\n\n const [inviting, setInviting] = useState(false)\n\n const handleDialogClose = () => {\n setInviteDialog({ id: '', open: false })\n }\n\n const handleInvite = async () => {\n setInviting(true)\n await sleep(500)\n toast.push(\n <Notification\n type=\"success\"\n title=\"Invitation send!\"\n ></Notification>,\n { placement: 'top-end' },\n )\n setInviting(false)\n }\n\n const handleCopy = async () => {\n toast.push(\n <Notification type=\"success\" title=\"Copied!\"></Notification>,\n { placement: 'top-end' },\n )\n navigator.clipboard.writeText(window.location.href)\n }\n\n return (\n <Dialog\n isOpen={inviteDialog.open}\n contentClassName=\"mt-[50%]\"\n onClose={handleDialogClose}\n onRequestClose={handleDialogClose}\n >\n <h4>Share this file</h4>\n <div className=\"mt-6\">\n <Input\n ref={inputRef}\n placeholder=\"Email\"\n type=\"email\"\n suffix={\n <Button\n type=\"button\"\n variant=\"solid\"\n size=\"sm\"\n customColorClass={({ unclickable }) =>\n classNames(\n 'bg-gray-900 dark:bg-gray-100 dark:hover:bg-gray-200',\n !unclickable\n ? 'hover:bg-gray-800'\n : 'hover:bg-gray-900',\n )\n }\n loading={inviting}\n onClick={handleInvite}\n >\n Invite\n </Button>\n }\n />\n </div>\n <div className=\"mt-6 flex justify-between items-center\">\n <Button\n variant=\"plain\"\n size=\"sm\"\n icon={<TbLink />}\n onClick={handleCopy}\n >\n Copy link\n </Button>\n <Button variant=\"solid\" size=\"sm\" onClick={handleDialogClose}>\n Done\n </Button>\n </div>\n </Dialog>\n )\n}\n\nexport default FileManagerInviteDialog\n"],"names":["FileManagerInviteDialog","inviteDialog","setInviteDialog","useFileManagerStore","inputRef","useRef","inviting","setInviting","useState","handleDialogClose","handleInvite","sleep","toast","jsx","Notification","handleCopy","jsxs","Dialog","Input","Button","unclickable","classNames","TbLink"],"mappings":";;;;;;;;;;;;;;;;AAWA,MAAMA,IAA0B,MAAM;AAClC,QAAM,EAAE,cAAAC,GAAc,iBAAAC,~~EAAA~~,~~IAAoBC~~,~~EAAA~~,~~GAEpCC~~,IAAWC,EAAyB,IAAI,GAExC,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GAExCC,IAAoB,MAAM;AAC5B,IAAAP,EAAgB,EAAE,IAAI,IAAI,MAAM,IAAO;AAAA,EAC3C,GAEMQ,IAAe,YAAY;AAC7B,IAAAH,EAAY,EAAI,GAChB,MAAMI,EAAM,GAAG,~~GACfC~~,~~EAAM~~;AAAA,MACF,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,QAAA;AAAA,~~MAAA~~;AAAA,~~MAEV~~,EAAE,WAAW,~~UAAA~~;AAAA,~~IAAU~~,~~GAE3BP~~,EAAY,EAAK;AAAA,EACrB,GAEMQ,IAAa,YAAY;~~AAC3B~~,IAAAH,~~EAAM~~;AAAA,~~MACF~~,gBAAAC,~~EAACC~~,GAAA,EAAa,MAAK,WAAU,OAAM,WAAU;AAAA,MAC7C,EAAE,WAAW,~~UAAA~~;AAAA,~~IAAU~~,~~GAE3B~~,UAAU,UAAU,UAAU,OAAO,SAAS,IAAI;AAAA,EACtD;~~AAEA~~,~~SACI~~,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQhB,EAAa;AAAA,MACrB,kBAAiB;AAAA,MACjB,SAASQ;AAAA,MACT,gBAAgBA;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAI,EAAC,QAAG,~~UAAA~~,kBAAA,~~CAAe~~;AAAA,QACnB,gBAAAA,EAAC,~~OAAA~~,~~EAAI~~,WAAU,QACX,UAAA,gBAAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,KAAKd;AAAA,YACL,aAAY;AAAA,YACZ,MAAK;AAAA,YACL,QACI,gBAAAS;AAAA,cAACM;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,kBAAkB,CAAC,EAAE,aAAAC,EAAA,MACjBC;AAAA,kBACI;AAAA,kBACCD,IAEK,sBADA;AAAA,~~gBACA~~;AAAA,~~gBAGd~~,SAASd;AAAA,gBACT,SAASI;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED;AAAA,QAAA,GAGZ;AAAA,QACA,gBAAAM,EAAC,~~OAAA~~,~~EAAI~~,WAAU,0CACX,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACM;AAAA,YAAA;AAAA,cACG,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,wBAAOG,~~GAAA~~,~~EAAO~~;AAAA,cACd,SAASP;AAAA,cACZ,UAAA;AAAA,YAAA;AAAA,~~UAAA~~;AAAA,~~UAGD~~,gBAAAF,EAACM,KAAO,SAAQ,SAAQ,MAAK,MAAK,SAASV,GAAmB,~~UAAA~~,OAAA,~~CAE9D~~;AAAA,QAAA,~~EAAA~~,~~CACJ~~;AAAA,MAAA;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGZ~~;"}
1	+ {"version":3,"file":"FileManagerInviteDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileManagerInviteDialog.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Dialog from '@/components/ui/Dialog'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport { useFileManagerStore } from '../store/useFileManagerStore'\nimport sleep from '@/utils/sleep'\nimport classNames from '@/utils/classNames'\nimport { TbLink } from 'react-icons/tb'\n\nconst FileManagerInviteDialog = () => {\n const { inviteDialog, setInviteDialog } = useFileManagerStore()\n\n const inputRef = useRef<HTMLInputElement>(null)\n\n const [inviting, setInviting] = useState(false)\n\n const handleDialogClose = () => {\n setInviteDialog({ id: '', open: false })\n }\n\n const handleInvite = async () => {\n setInviting(true)\n await sleep(500)\n toast.push(\n <Notification\n type=\"success\"\n title=\"Invitation send!\"\n ></Notification>,\n { placement: 'top-end' },\n )\n setInviting(false)\n }\n\n const handleCopy = async () => {\n toast.push(\n <Notification type=\"success\" title=\"Copied!\"></Notification>,\n { placement: 'top-end' },\n )\n navigator.clipboard.writeText(window.location.href)\n }\n\n return (\n <Dialog\n isOpen={inviteDialog.open}\n contentClassName=\"mt-[50%]\"\n onClose={handleDialogClose}\n onRequestClose={handleDialogClose}\n >\n <h4>Share this file</h4>\n <div className=\"mt-6\">\n <Input\n ref={inputRef}\n placeholder=\"Email\"\n type=\"email\"\n suffix={\n <Button\n type=\"button\"\n variant=\"solid\"\n size=\"sm\"\n customColorClass={({ unclickable }) =>\n classNames(\n 'bg-gray-900 dark:bg-gray-100 dark:hover:bg-gray-200',\n !unclickable\n ? 'hover:bg-gray-800'\n : 'hover:bg-gray-900',\n )\n }\n loading={inviting}\n onClick={handleInvite}\n >\n Invite\n </Button>\n }\n />\n </div>\n <div className=\"mt-6 flex justify-between items-center\">\n <Button\n variant=\"plain\"\n size=\"sm\"\n icon={<TbLink />}\n onClick={handleCopy}\n >\n Copy link\n </Button>\n <Button variant=\"solid\" size=\"sm\" onClick={handleDialogClose}>\n Done\n </Button>\n </div>\n </Dialog>\n )\n}\n\nexport default FileManagerInviteDialog\n"],"names":["FileManagerInviteDialog","inviteDialog","setInviteDialog","useFileManagerStore","inputRef","useRef","inviting","setInviting","useState","handleDialogClose","handleInvite","sleep","toast","jsx","Notification","handleCopy","jsxs","Dialog","Input","Button","unclickable","classNames","TbLink"],"mappings":";;;;;;;;;;;;;;;;AAWA,MAAMA,IAA0B,MAAM;AAClC,QAAM,EAAE,cAAAC,GAAc,iBAAAC,EAAgB,IAAIC,EAAoB,GAExDC,IAAWC,EAAyB,IAAI,GAExC,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GAExCC,IAAoB,MAAM;AAC5B,IAAAP,EAAgB,EAAE,IAAI,IAAI,MAAM,IAAO;AAAA,EAC3C,GAEMQ,IAAe,YAAY;AAC7B,IAAAH,EAAY,EAAI,GAChB,MAAMI,EAAM,GAAG,GACTC,EAAA;AAAA,MACF,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,QAAA;AAAA,MACT;AAAA,MACD,EAAE,WAAW,UAAU;AAAA,IAC3B,GACAP,EAAY,EAAK;AAAA,EACrB,GAEMQ,IAAa,YAAY;AACrB,IAAAH,EAAA;AAAA,MACD,gBAAAC,EAAAC,GAAA,EAAa,MAAK,WAAU,OAAM,WAAU;AAAA,MAC7C,EAAE,WAAW,UAAU;AAAA,IAC3B,GACA,UAAU,UAAU,UAAU,OAAO,SAAS,IAAI;AAAA,EACtD;AAGI,SAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQhB,EAAa;AAAA,MACrB,kBAAiB;AAAA,MACjB,SAASQ;AAAA,MACT,gBAAgBA;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAI,EAAC,QAAG,UAAe,kBAAA,CAAA;AAAA,QACnB,gBAAAA,EAAC,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,KAAKd;AAAA,YACL,aAAY;AAAA,YACZ,MAAK;AAAA,YACL,QACI,gBAAAS;AAAA,cAACM;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,kBAAkB,CAAC,EAAE,aAAAC,EAAA,MACjBC;AAAA,kBACI;AAAA,kBACCD,IAEK,sBADA;AAAA,gBAEV;AAAA,gBAEJ,SAASd;AAAA,gBACT,SAASI;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED;AAAA,QAAA,GAGZ;AAAA,QACA,gBAAAM,EAAC,OAAI,EAAA,WAAU,0CACX,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACM;AAAA,YAAA;AAAA,cACG,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,wBAAOG,GAAO,EAAA;AAAA,cACd,SAASP;AAAA,cACZ,UAAA;AAAA,YAAA;AAAA,UAED;AAAA,UACA,gBAAAF,EAACM,KAAO,SAAQ,SAAQ,MAAK,MAAK,SAASV,GAAmB,UAE9D,OAAA,CAAA;AAAA,QAAA,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}

package/dist/@ecme/views/concepts/files/FileManager/components/FileManagerRenameDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileManagerRenameDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileManagerRenameDialog.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Dialog from '@/components/ui/Dialog'\nimport Button from '@/components/ui/Button'\nimport DebounceInput from '@/components/shared/DebounceInput'\nimport { useFileManagerStore } from '../store/useFileManagerStore'\n\nconst FileManagerRenameDialog = () => {\n const { renameDialog, setRenameDialog, renameFile } = useFileManagerStore()\n\n const [newName, setNewName] = useState('')\n\n const handleDialogClose = () => {\n setRenameDialog({ id: '', open: false })\n }\n\n const handleSubmit = () => {\n renameFile({ id: renameDialog.id, fileName: newName })\n setRenameDialog({ id: '', open: false })\n }\n\n return (\n <Dialog\n isOpen={renameDialog.open}\n contentClassName=\"mt-[50%]\"\n onClose={handleDialogClose}\n onRequestClose={handleDialogClose}\n >\n <h4>Rename</h4>\n <div className=\"mt-6\">\n <DebounceInput\n placeholder=\"New name\"\n type=\"text\"\n onChange={(e) => setNewName(e.target.value)}\n />\n </div>\n <div className=\"mt-6 flex justify-end items-center gap-2\">\n <Button size=\"sm\" onClick={handleDialogClose}>\n Close\n </Button>\n <Button\n variant=\"solid\"\n size=\"sm\"\n disabled={newName.length === 0}\n onClick={handleSubmit}\n >\n <span className=\"flex justify-center min-w-10\">Ok</span>\n </Button>\n </div>\n </Dialog>\n )\n}\n\nexport default FileManagerRenameDialog\n"],"names":["FileManagerRenameDialog","renameDialog","setRenameDialog","renameFile","useFileManagerStore","newName","setNewName","useState","handleDialogClose","handleSubmit","jsxs","Dialog","jsx","DebounceInput","e","Button"],"mappings":";;;;;;;;AAMA,MAAMA,IAA0B,MAAM;AAClC,QAAM,EAAE,cAAAC,GAAc,iBAAAC,GAAiB,YAAAC,EAAA,IAAeC,~~EAAA~~,~~GAEhD~~,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAE,GAEnCC,IAAoB,MAAM;AAC5B,IAAAN,EAAgB,EAAE,IAAI,IAAI,MAAM,IAAO;AAAA,EAC3C,GAEMO,IAAe,MAAM;AACvB,IAAAN,EAAW,EAAE,IAAIF,EAAa,IAAI,UAAUI,GAAS,GACrDH,EAAgB,EAAE,IAAI,IAAI,MAAM,IAAO;AAAA,EAC3C;~~AAEA~~,~~SACI~~,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQV,EAAa;AAAA,MACrB,kBAAiB;AAAA,MACjB,SAASO;AAAA,MACT,gBAAgBA;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAI,EAAC,QAAG,~~UAAA~~,SAAA,~~CAAM~~;AAAA,QACV,gBAAAA,EAAC,~~OAAA~~,~~EAAI~~,WAAU,QACX,UAAA,gBAAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,aAAY;AAAA,YACZ,MAAK;AAAA,YACL,UAAU,CAACC,MAAMR,EAAWQ,EAAE,OAAO,KAAK;AAAA,UAAA;AAAA,QAAA,GAElD;AAAA,QACA,gBAAAJ,EAAC,~~OAAA~~,~~EAAI~~,WAAU,4CACX,UAAA;AAAA,UAAA,gBAAAE,EAACG,~~GAAA~~,~~EAAO~~,MAAK,MAAK,SAASP,GAAmB,~~UAAA~~,~~SAE9C~~;AAAA,UACA,gBAAAI;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,UAAUV,EAAQ,WAAW;AAAA,cAC7B,SAASI;AAAA,cAET,~~UAAA~~,gBAAAG,~~EAAC~~,QAAA,EAAK,WAAU,gCAA+B,~~UAAA~~,KAAA,~~CAAE~~;AAAA,YAAA;AAAA,UAAA;AAAA,QACrD,~~EAAA~~,~~CACJ~~;AAAA,MAAA;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGZ~~;"}
1	+ {"version":3,"file":"FileManagerRenameDialog.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileManagerRenameDialog.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Dialog from '@/components/ui/Dialog'\nimport Button from '@/components/ui/Button'\nimport DebounceInput from '@/components/shared/DebounceInput'\nimport { useFileManagerStore } from '../store/useFileManagerStore'\n\nconst FileManagerRenameDialog = () => {\n const { renameDialog, setRenameDialog, renameFile } = useFileManagerStore()\n\n const [newName, setNewName] = useState('')\n\n const handleDialogClose = () => {\n setRenameDialog({ id: '', open: false })\n }\n\n const handleSubmit = () => {\n renameFile({ id: renameDialog.id, fileName: newName })\n setRenameDialog({ id: '', open: false })\n }\n\n return (\n <Dialog\n isOpen={renameDialog.open}\n contentClassName=\"mt-[50%]\"\n onClose={handleDialogClose}\n onRequestClose={handleDialogClose}\n >\n <h4>Rename</h4>\n <div className=\"mt-6\">\n <DebounceInput\n placeholder=\"New name\"\n type=\"text\"\n onChange={(e) => setNewName(e.target.value)}\n />\n </div>\n <div className=\"mt-6 flex justify-end items-center gap-2\">\n <Button size=\"sm\" onClick={handleDialogClose}>\n Close\n </Button>\n <Button\n variant=\"solid\"\n size=\"sm\"\n disabled={newName.length === 0}\n onClick={handleSubmit}\n >\n <span className=\"flex justify-center min-w-10\">Ok</span>\n </Button>\n </div>\n </Dialog>\n )\n}\n\nexport default FileManagerRenameDialog\n"],"names":["FileManagerRenameDialog","renameDialog","setRenameDialog","renameFile","useFileManagerStore","newName","setNewName","useState","handleDialogClose","handleSubmit","jsxs","Dialog","jsx","DebounceInput","e","Button"],"mappings":";;;;;;;;AAMA,MAAMA,IAA0B,MAAM;AAClC,QAAM,EAAE,cAAAC,GAAc,iBAAAC,GAAiB,YAAAC,EAAA,IAAeC,EAAoB,GAEpE,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAE,GAEnCC,IAAoB,MAAM;AAC5B,IAAAN,EAAgB,EAAE,IAAI,IAAI,MAAM,IAAO;AAAA,EAC3C,GAEMO,IAAe,MAAM;AACvB,IAAAN,EAAW,EAAE,IAAIF,EAAa,IAAI,UAAUI,GAAS,GACrDH,EAAgB,EAAE,IAAI,IAAI,MAAM,IAAO;AAAA,EAC3C;AAGI,SAAA,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQV,EAAa;AAAA,MACrB,kBAAiB;AAAA,MACjB,SAASO;AAAA,MACT,gBAAgBA;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAI,EAAC,QAAG,UAAM,SAAA,CAAA;AAAA,QACV,gBAAAA,EAAC,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,aAAY;AAAA,YACZ,MAAK;AAAA,YACL,UAAU,CAACC,MAAMR,EAAWQ,EAAE,OAAO,KAAK;AAAA,UAAA;AAAA,QAAA,GAElD;AAAA,QACA,gBAAAJ,EAAC,OAAI,EAAA,WAAU,4CACX,UAAA;AAAA,UAAA,gBAAAE,EAACG,GAAO,EAAA,MAAK,MAAK,SAASP,GAAmB,UAE9C,SAAA;AAAA,UACA,gBAAAI;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,UAAUV,EAAQ,WAAW;AAAA,cAC7B,SAASI;AAAA,cAET,UAAC,gBAAAG,EAAA,QAAA,EAAK,WAAU,gCAA+B,UAAE,KAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACrD,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}

package/dist/@ecme/views/concepts/files/FileManager/components/FileRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileRow.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileRow.tsx"],"sourcesContent":["import Table from '@/components/ui/Table'\nimport FileType from './FileType'\nimport FileItemDropdown from './FileItemDropdown'\nimport fileSizeUnit from '@/utils/fileSizeUnit'\nimport FileIcon from '@/components/view/FileIcon'\nimport type { BaseFileItemProps } from '../types'\n\ntype FileRowProps = BaseFileItemProps\n\nconst { Tr, Td } = Table\n\nconst FileRow = (props: FileRowProps) => {\n const { fileType, size, name, onClick, ...rest } = props\n\n return (\n <Tr>\n <Td width=\"70%\">\n <div\n className=\"inline-flex items-center gap-2 cursor-pointer group\"\n role=\"button\"\n onClick={onClick}\n >\n <div className=\"text-3xl\">\n <FileIcon type={fileType \|\| ''} />\n </div>\n <div className=\"font-bold heading-text group-hover:text-primary\">\n {name}\n </div>\n </div>\n </Td>\n <Td>{fileSizeUnit(size \|\| 0)}</Td>\n <Td>\n <FileType type={fileType \|\| ''} />\n </Td>\n <Td>\n <div className=\"flex justify-end\">\n <FileItemDropdown {...rest} />\n </div>\n </Td>\n </Tr>\n )\n}\n\nexport default FileRow\n"],"names":["Tr","Td","Table","FileRow","props","fileType","size","name","onClick","rest","jsx","jsxs","FileIcon","fileSizeUnit","FileType","FileItemDropdown"],"mappings":";;;;;;;AASA,MAAM,EAAE,IAAAA,GAAI,IAAAC,EAAA,IAAOC,GAEbC,IAAU,CAACC,MAAwB;AACrC,QAAM,EAAE,UAAAC,GAAU,MAAAC,GAAM,MAAAC,GAAM,SAAAC,GAAS,GAAGC,MAASL;AAEnD,2BACKJ,~~GAAA~~,~~EACG~~,UAAA;AAAA,~~IAAA~~,gBAAAU,~~EAACT~~,GAAA,EAAG,OAAM,OACN,UAAA,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAAH;AAAA,QAEA,UAAA;AAAA,~~UAAA~~,gBAAAE,~~EAAC~~,OAAA,EAAI,WAAU,YACX,UAAA,gBAAAA,EAACE,KAAS,MAAMP,KAAY,IAAI,~~EAAA~~,~~CACpC~~;AAAA,~~UACA~~,gBAAAK,~~EAAC~~,OAAA,EAAI,WAAU,mDACV,~~UAAAH~~,EAAA,~~CACL~~;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAER;AAAA,~~IACA~~,gBAAAG,~~EAACT~~,GAAA,EAAI,~~UAAAY~~,~~EAAaP~~,KAAQ,CAAC,GAAE;AAAA,sBAC5BL,~~GAAA~~,~~EACG~~,UAAA,gBAAAS,EAACI,KAAS,MAAMT,KAAY,~~IAAI~~,GACpC;AAAA,IACA,gBAAAK,EAACT,~~GAAA~~,~~EACG~~,UAAA,gBAAAS,EAAC,~~OAAA~~,~~EAAI~~,WAAU,oBACX,UAAA,gBAAAA,EAACK,~~GAAA~~,~~EAAkB~~,GAAGN,~~EAAA~~,~~CAAM~~,EAAA,CAChC,~~EAAA~~,~~CACJ~~;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"FileRow.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileRow.tsx"],"sourcesContent":["import Table from '@/components/ui/Table'\nimport FileType from './FileType'\nimport FileItemDropdown from './FileItemDropdown'\nimport fileSizeUnit from '@/utils/fileSizeUnit'\nimport FileIcon from '@/components/view/FileIcon'\nimport type { BaseFileItemProps } from '../types'\n\ntype FileRowProps = BaseFileItemProps\n\nconst { Tr, Td } = Table\n\nconst FileRow = (props: FileRowProps) => {\n const { fileType, size, name, onClick, ...rest } = props\n\n return (\n <Tr>\n <Td width=\"70%\">\n <div\n className=\"inline-flex items-center gap-2 cursor-pointer group\"\n role=\"button\"\n onClick={onClick}\n >\n <div className=\"text-3xl\">\n <FileIcon type={fileType \|\| ''} />\n </div>\n <div className=\"font-bold heading-text group-hover:text-primary\">\n {name}\n </div>\n </div>\n </Td>\n <Td>{fileSizeUnit(size \|\| 0)}</Td>\n <Td>\n <FileType type={fileType \|\| ''} />\n </Td>\n <Td>\n <div className=\"flex justify-end\">\n <FileItemDropdown {...rest} />\n </div>\n </Td>\n </Tr>\n )\n}\n\nexport default FileRow\n"],"names":["Tr","Td","Table","FileRow","props","fileType","size","name","onClick","rest","jsx","jsxs","FileIcon","fileSizeUnit","FileType","FileItemDropdown"],"mappings":";;;;;;;AASA,MAAM,EAAE,IAAAA,GAAI,IAAAC,EAAA,IAAOC,GAEbC,IAAU,CAACC,MAAwB;AACrC,QAAM,EAAE,UAAAC,GAAU,MAAAC,GAAM,MAAAC,GAAM,SAAAC,GAAS,GAAGC,MAASL;AAEnD,2BACKJ,GACG,EAAA,UAAA;AAAA,IAAC,gBAAAU,EAAAT,GAAA,EAAG,OAAM,OACN,UAAA,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAAH;AAAA,QAEA,UAAA;AAAA,UAAC,gBAAAE,EAAA,OAAA,EAAI,WAAU,YACX,UAAA,gBAAAA,EAACE,KAAS,MAAMP,KAAY,IAAI,EACpC,CAAA;AAAA,UACC,gBAAAK,EAAA,OAAA,EAAI,WAAU,mDACV,UACLH,EAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAER;AAAA,IACC,gBAAAG,EAAAT,GAAA,EAAI,UAAaY,EAAAP,KAAQ,CAAC,GAAE;AAAA,sBAC5BL,GACG,EAAA,UAAA,gBAAAS,EAACI,KAAS,MAAMT,KAAY,GAAI,CAAA,GACpC;AAAA,IACA,gBAAAK,EAACT,GACG,EAAA,UAAA,gBAAAS,EAAC,OAAI,EAAA,WAAU,oBACX,UAAA,gBAAAA,EAACK,GAAkB,EAAA,GAAGN,EAAM,CAAA,EAAA,CAChC,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/concepts/files/FileManager/components/FileSegment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileSegment.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileSegment.tsx"],"sourcesContent":["import FileItemDropdown from \"./FileItemDropdown\";\nimport fileSizeUnit from \"@/utils/fileSizeUnit\";\nimport MediaSkeleton from \"@/components/shared/loaders/MediaSkeleton\";\nimport FileIcon from \"@/components/view/FileIcon\";\nimport type { BaseFileItemProps } from \"../types\";\n\ntype FileSegmentProps = BaseFileItemProps;\n\nconst FileSegment = (props: FileSegmentProps) => {\n const { fileType, size, name, onClick, loading, onShowSize, ...rest } = props;\n\n return (\n <div\n className=\"bg-white rounded-2xl dark:bg-gray-800 border border-gray-200 dark:border-transparent py-4 px-3.5 flex items-center justify-between gap-2 transition-all hover:shadow-[0_0_1rem_0.25rem_rgba(0,0,0,0.04),0px_2rem_1.5rem_-1rem_rgba(0,0,0,0.12)] cursor-pointer\"\n role=\"button\"\n onClick={onClick}\n >\n {loading ? (\n <MediaSkeleton\n avatarProps={{\n width: 33,\n height: 33,\n }}\n />\n ) : (\n <>\n <div className=\"flex items-center gap-2\">\n <div className=\"text-3xl\">\n <FileIcon type={fileType \|\| \"\"} />\n </div>\n <div>\n <div className=\"font-bold heading-text\">{name}</div>\n <span className=\"text-xs\">\n {onShowSize && fileSizeUnit(size \|\| 0)}\n </span>\n </div>\n </div>\n <FileItemDropdown {...rest} />\n </>\n )}\n </div>\n );\n};\n\nexport default FileSegment;\n"],"names":["FileSegment","props","fileType","size","name","onClick","loading","onShowSize","rest","jsx","MediaSkeleton","jsxs","Fragment","FileIcon","fileSizeUnit","FileItemDropdown"],"mappings":";;;;;;~~AAQA~~,~~MAAMA~~,IAAc,CAACC,MAA4B;~~AAC/C~~,~~QAAM~~,EAAE,UAAAC,GAAU,MAAAC,GAAM,MAAAC,GAAM,SAAAC,GAAS,SAAAC,GAAS,YAAAC,GAAY,GAAGC,EAAA,IAASP;~~AAExE~~,~~SACE~~,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAAJ;AAAA,MAEC,~~UAAAC~~,~~IACC~~,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAa;AAAA,YACX,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,MAAA,~~IAGF~~,gBAAAC,EAAAC,GAAA,~~EACE~~,UAAA;AAAA,~~QAAA~~,gBAAAD,~~EAAC~~,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,~~UAAA~~,gBAAAF,~~EAAC~~,OAAA,EAAI,WAAU,YACb,UAAA,gBAAAA,EAACI,KAAS,MAAMX,KAAY,IAAI,~~EAAA~~,~~CAClC~~;AAAA,4BACC,~~OAAA~~,~~EACC~~,UAAA;AAAA,~~YAAA~~,gBAAAO,~~EAAC~~,OAAA,EAAI,WAAU,0BAA0B,~~UAAAL~~,~~GAAK~~;AAAA,YAC9C,gBAAAK,EAAC,UAAK,WAAU,WACb,eAAcK,EAAaX,KAAQ,CAAC,~~EAAA~~,~~CACvC~~;AAAA,UAAA,~~EAAA~~,~~CACF~~;AAAA,QAAA,GACF;AAAA,QACA,gBAAAM,EAACM,~~GAAA~~,~~EAAkB~~,GAAGP,~~EAAA~~,~~CAAM~~;AAAA,MAAA,~~EAAA~~,~~CAC9B~~;AAAA,IAAA;AAAA,~~EAAA~~;~~AAIR~~;"}
1	+ {"version":3,"file":"FileSegment.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileSegment.tsx"],"sourcesContent":["import FileItemDropdown from \"./FileItemDropdown\";\nimport fileSizeUnit from \"@/utils/fileSizeUnit\";\nimport MediaSkeleton from \"@/components/shared/loaders/MediaSkeleton\";\nimport FileIcon from \"@/components/view/FileIcon\";\nimport type { BaseFileItemProps } from \"../types\";\n\ntype FileSegmentProps = BaseFileItemProps;\n\nconst FileSegment = (props: FileSegmentProps) => {\n const { fileType, size, name, onClick, loading, onShowSize, ...rest } = props;\n\n return (\n <div\n className=\"bg-white rounded-2xl dark:bg-gray-800 border border-gray-200 dark:border-transparent py-4 px-3.5 flex items-center justify-between gap-2 transition-all hover:shadow-[0_0_1rem_0.25rem_rgba(0,0,0,0.04),0px_2rem_1.5rem_-1rem_rgba(0,0,0,0.12)] cursor-pointer\"\n role=\"button\"\n onClick={onClick}\n >\n {loading ? (\n <MediaSkeleton\n avatarProps={{\n width: 33,\n height: 33,\n }}\n />\n ) : (\n <>\n <div className=\"flex items-center gap-2\">\n <div className=\"text-3xl\">\n <FileIcon type={fileType \|\| \"\"} />\n </div>\n <div>\n <div className=\"font-bold heading-text\">{name}</div>\n <span className=\"text-xs\">\n {onShowSize && fileSizeUnit(size \|\| 0)}\n </span>\n </div>\n </div>\n <FileItemDropdown {...rest} />\n </>\n )}\n </div>\n );\n};\n\nexport default FileSegment;\n"],"names":["FileSegment","props","fileType","size","name","onClick","loading","onShowSize","rest","jsx","MediaSkeleton","jsxs","Fragment","FileIcon","fileSizeUnit","FileItemDropdown"],"mappings":";;;;;;AAQM,MAAAA,IAAc,CAACC,MAA4B;AACzC,QAAA,EAAE,UAAAC,GAAU,MAAAC,GAAM,MAAAC,GAAM,SAAAC,GAAS,SAAAC,GAAS,YAAAC,GAAY,GAAGC,EAAA,IAASP;AAGtE,SAAA,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAAJ;AAAA,MAEC,UACCC,IAAA,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAa;AAAA,YACX,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,MAAA,IAIA,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAC,gBAAAD,EAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,UAAC,gBAAAF,EAAA,OAAA,EAAI,WAAU,YACb,UAAA,gBAAAA,EAACI,KAAS,MAAMX,KAAY,IAAI,EAClC,CAAA;AAAA,4BACC,OACC,EAAA,UAAA;AAAA,YAAC,gBAAAO,EAAA,OAAA,EAAI,WAAU,0BAA0B,UAAKL,GAAA;AAAA,YAC9C,gBAAAK,EAAC,UAAK,WAAU,WACb,eAAcK,EAAaX,KAAQ,CAAC,EACvC,CAAA;AAAA,UAAA,EACF,CAAA;AAAA,QAAA,GACF;AAAA,QACA,gBAAAM,EAACM,GAAkB,EAAA,GAAGP,EAAM,CAAA;AAAA,MAAA,EAC9B,CAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/@ecme/views/concepts/files/FileManager/components/FileType.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileType.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileType.tsx"],"sourcesContent":["const getFileType = (type: string) => {\n switch (type) {\n case 'pdf':\n return 'PDF'\n case 'xls':\n return 'XLS'\n case 'doc':\n return 'DOC'\n case 'ppt':\n return 'PPT'\n case 'figma':\n return 'Figma'\n case 'image/jpeg':\n return 'JPEG'\n case 'directory':\n return 'Folder'\n default:\n return <></>\n }\n}\n\nconst FileType = ({ type }: { type: string }) => {\n return <>{getFileType(type)}</>\n}\n\nexport default FileType\n"],"names":["getFileType","type","jsx","Fragment","FileType"],"mappings":";AAAA,MAAMA,IAAc,CAACC,MAAiB;AAClC,UAAQA,~~GAAA~~;AAAA,~~IACJ~~,KAAK;~~AACD~~,~~aAAO~~;AAAA,IACX,KAAK;~~AACD~~,~~aAAO~~;AAAA,IACX,KAAK;~~AACD~~,~~aAAO~~;AAAA,IACX,KAAK;~~AACD~~,~~aAAO~~;AAAA,IACX,KAAK;~~AACD~~,~~aAAO~~;AAAA,IACX,KAAK;~~AACD~~,~~aAAO~~;AAAA,IACX,KAAK;~~AACD~~,~~aAAO~~;AAAA,IACX;AACI,~~aAAO~~,gBAAAC,EAAAC,GAAA,~~EAAE~~;AAAA,EAAA;AAErB,GAEMC,IAAW,CAAC,EAAE,MAAAH,QACT,gBAAAC,EAAAC,GAAA,EAAG,~~UAAAH~~,~~EAAYC~~,CAAI,GAAE;"}
1	+ {"version":3,"file":"FileType.js","sources":["../../../../../../../lib/@ecme/views/concepts/files/FileManager/components/FileType.tsx"],"sourcesContent":["const getFileType = (type: string) => {\n switch (type) {\n case 'pdf':\n return 'PDF'\n case 'xls':\n return 'XLS'\n case 'doc':\n return 'DOC'\n case 'ppt':\n return 'PPT'\n case 'figma':\n return 'Figma'\n case 'image/jpeg':\n return 'JPEG'\n case 'directory':\n return 'Folder'\n default:\n return <></>\n }\n}\n\nconst FileType = ({ type }: { type: string }) => {\n return <>{getFileType(type)}</>\n}\n\nexport default FileType\n"],"names":["getFileType","type","jsx","Fragment","FileType"],"mappings":";AAAA,MAAMA,IAAc,CAACC,MAAiB;AAClC,UAAQA,GAAM;AAAA,IACV,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX;AACI,aAAS,gBAAAC,EAAAC,GAAA,EAAA;AAAA,EAAA;AAErB,GAEMC,IAAW,CAAC,EAAE,MAAAH,QACT,gBAAAC,EAAAC,GAAA,EAAG,UAAYH,EAAAC,CAAI,GAAE;"}