npm - @orbe-agro/client-core - Versions diffs - 5.5.2 → 5.5.8 - Mend

@orbe-agro/client-core 5.5.2 → 5.5.8

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

package/dist/@ecme/components/shared/DataTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataTable.js","sources":["../../../../lib/@ecme/components/shared/DataTable.tsx"],"sourcesContent":["import FileNotFound from '@/assets/svg/FileNotFound'\nimport type { CheckboxProps } from '@/components/ui/Checkbox'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Pagination from '@/components/ui/Pagination'\nimport Select from '@/components/ui/Select'\nimport type { SkeletonProps } from '@/components/ui/Skeleton'\nimport type { TableProps } from '@/components/ui/Table'\nimport Table from '@/components/ui/Table'\nimport {\n CellContext,\n ColumnDef,\n ColumnSort,\n flexRender,\n getCoreRowModel,\n getFilteredRowModel,\n getPaginationRowModel,\n getSortedRowModel,\n Row,\n useReactTable,\n} from '@tanstack/react-table'\nimport classNames from 'classnames'\nimport type { ChangeEvent, ReactNode, Ref } from 'react'\nimport {\n Fragment,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState\n} from 'react'\nimport { useTranslation } from 'react-i18next'\nimport TableRowSkeleton from './loaders/TableRowSkeleton'\nimport Loading from './Loading'\n\nexport type OnSortParam = { order: 'asc' \| 'desc' \| ''; key: string \| number }\n\nexport type DataTableProps<T> = {\n columns: ColumnDef<T>[]\n customNoDataIcon?: ReactNode\n data?: T[]\n loading?: boolean\n noData?: boolean\n instanceId?: string\n onCheckBoxChange?: (checked: boolean, row: T) => void\n onIndeterminateCheckBoxChange?: (checked: boolean, rows: Row<T>[]) => void\n onPaginationChange?: (page: number) => void\n onSelectChange?: (num: number) => void\n onSort?: (sort: OnSortParam) => void\n pageSizes?: number[]\n manualSorting?: boolean\n selectable?: boolean\n skeletonAvatarColumns?: number[]\n skeletonAvatarProps?: SkeletonProps\n pagingData?: {\n total: number\n pageIndex: number\n pageSize: number\n }\n checkboxChecked?: (row: T) => boolean\n indeterminateCheckboxChecked?: (row: Row<T>[]) => boolean\n ref?: Ref<DataTableResetHandle \| HTMLTableElement>\n onSelectionChange?: (selected: T[]) => void\n renderSubComponent?: (row: Row<T>) => React.ReactNode\n getRowCanExpand?: (row: Row<T>) => boolean\n hidePagination?: boolean\n isAllSelected?: boolean\n selectedRows?: T[]\n} & TableProps\n\nexport type CheckBoxChangeEvent = ChangeEvent<HTMLInputElement>\n\nexport interface IndeterminateCheckboxProps\n extends Omit<CheckboxProps, 'onChange'> {\n onChange: (event: CheckBoxChangeEvent) => void\n indeterminate: boolean\n onCheckBoxChange?: (event: CheckBoxChangeEvent) => void\n onIndeterminateCheckBoxChange?: (event: CheckBoxChangeEvent) => void\n}\n\nconst { Tr, Th, Td, THead, TBody, Sorter } = Table\n\nconst IndeterminateCheckbox = (props: IndeterminateCheckboxProps) => {\n const {\n indeterminate,\n onChange,\n onCheckBoxChange,\n onIndeterminateCheckBoxChange,\n ...rest\n } = props\n\n const ref = useRef<HTMLInputElement>(null)\n\n useEffect(() => {\n if (typeof indeterminate === 'boolean' && ref.current) {\n ref.current.indeterminate = !rest.checked && indeterminate\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [ref, indeterminate])\n\n const handleChange = (e: CheckBoxChangeEvent) => {\n onChange(e)\n onCheckBoxChange?.(e)\n onIndeterminateCheckBoxChange?.(e)\n }\n\n return (\n <Checkbox\n ref={ref}\n className=\"mb-0\"\n onChange={(_, e) => handleChange(e)}\n {...rest}\n />\n )\n}\n\nexport type DataTableResetHandle = {\n resetSorting: () => void\n resetSelected: () => void\n}\n\nfunction DataTable<T>(props: DataTableProps<T>) {\n const {\n skeletonAvatarColumns,\n columns: columnsProp = [],\n data = [],\n customNoDataIcon,\n loading,\n noData,\n onCheckBoxChange,\n onIndeterminateCheckBoxChange,\n onPaginationChange,\n onSelectChange,\n onSort,\n pageSizes = [10, 25, 50, 100],\n selectable = false,\n skeletonAvatarProps,\n pagingData = {\n total: 0,\n pageIndex: 1,\n pageSize: 10,\n },\n checkboxChecked,\n indeterminateCheckboxChecked,\n instanceId = 'data-table',\n ref,\n renderSubComponent = () => null,\n getRowCanExpand = () => false,\n onSelectionChange,\n hidePagination = false,\n ...rest\n } = props\n\n const { pageSize, pageIndex, total } = pagingData\n\n const [sorting, setSorting] = useState<ColumnSort[] \| null>(null)\n const [selection, setRowSelection] = useState({})\n\n const { t } = useTranslation()\n\n const pageSizeOption = useMemo(\n () =>\n pageSizes.map((number) => ({\n value: number,\n label: `${number} / ${t('common.table.pageAbbr')}`,\n })),\n [pageSizes],\n )\n\n useEffect(() => {\n if (Array.isArray(sorting)) {\n const sortOrder =\n sorting.length > 0 ? (sorting[0].desc ? 'desc' : 'asc') : ''\n const id = sorting.length > 0 ? sorting[0].id : ''\n onSort?.({ order: sortOrder, key: id })\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [sorting])\n\n const handleIndeterminateCheckBoxChange = (\n checked: boolean,\n rows: Row<T>[],\n ) => {\n if (!loading) {\n onIndeterminateCheckBoxChange?.(checked, rows)\n }\n }\n\n const handleCheckBoxChange = (checked: boolean, row: T) => {\n if (!loading) {\n onCheckBoxChange?.(checked, row)\n }\n }\n\n const finalColumns: ColumnDef<T>[] = useMemo(() => {\n const columns = columnsProp\n\n if (selectable) {\n return [\n {\n id: 'select',\n maxSize: 50,\n header: ({ table }) => (\n <IndeterminateCheckbox\n checked={\n indeterminateCheckboxChecked\n ? indeterminateCheckboxChecked(\n table.getRowModel().rows,\n )\n : table.getIsAllRowsSelected()\n }\n indeterminate={table.getIsSomeRowsSelected()}\n onChange={table.getToggleAllRowsSelectedHandler()}\n onIndeterminateCheckBoxChange={(e) => {\n handleIndeterminateCheckBoxChange(\n e.target.checked,\n table.getRowModel().rows,\n )\n }}\n />\n ),\n cell: ({ row }) => (\n <IndeterminateCheckbox\n checked={\n checkboxChecked\n ? checkboxChecked(row.original)\n : row.getIsSelected()\n }\n disabled={!row.getCanSelect()}\n indeterminate={row.getIsSomeSelected()}\n onChange={row.getToggleSelectedHandler()}\n onCheckBoxChange={(e) =>\n handleCheckBoxChange(\n e.target.checked,\n row.original,\n )\n }\n />\n ),\n },\n ...columns,\n ]\n }\n return columns\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [columnsProp, selectable, loading, checkboxChecked])\n\n const table = useReactTable({\n data,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n columns: finalColumns,\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getPaginationRowModel: getPaginationRowModel(),\n getSortedRowModel: getSortedRowModel(),\n manualPagination: true,\n manualSorting: props.manualSorting ?? false,\n onSortingChange: (sorter) => {\n setSorting(sorter as ColumnSort[])\n },\n onRowSelectionChange: setRowSelection,\n state: {\n sorting: sorting as ColumnSort[],\n rowSelection: selection,\n },\n getRowCanExpand,\n })\n\n const resetSorting = () => {\n table.resetSorting()\n }\n\n const resetSelected = () => {\n table.resetRowSelection(true)\n }\n\n useImperativeHandle(ref, () => ({\n resetSorting,\n resetSelected,\n }))\n\n const handlePaginationChange = (page: number) => {\n if (!loading) {\n resetSelected()\n onPaginationChange?.(page)\n }\n }\n\n const handleSelectChange = (value?: number) => {\n if (!loading) {\n onSelectChange?.(Number(value))\n }\n }\n\n const prevSelectedRef = useRef<T[]>([])\n\n useEffect(() => {\n if (!onSelectionChange) return\n\n const selectedRows = table\n .getSelectedRowModel()\n .rows.map((r) => r.original as T)\n\n const isEqual =\n selectedRows.length === prevSelectedRef.current.length &&\n selectedRows.every(\n (item, idx) => item === prevSelectedRef.current[idx],\n )\n\n if (!isEqual) {\n prevSelectedRef.current = selectedRows\n onSelectionChange(selectedRows)\n }\n }, [table.getState().rowSelection, onSelectionChange, table])\n\n // Sync external selectedRows prop with internal selection state\n useEffect(() => {\n if (props.selectedRows && data.length > 0) {\n const externalSelection = {}\n data.forEach((row, index) => {\n const isSelected = props.selectedRows?.some(selectedRow => selectedRow === row)\n if (isSelected) {\n externalSelection[index] = true\n }\n })\n setRowSelection(externalSelection)\n }\n }, [props.selectedRows, data])\n\n // isAllSelected management - only when selectedRows is not provided\n useEffect(() => {\n if (!props.selectedRows) { // Only manage isAllSelected when selectedRows is not used\n if (props.isAllSelected === true && table) {\n const all = {}\n table.getRowModel().rows.forEach((row) => {\n all[row.id] = true\n })\n setRowSelection(all)\n } else if (props.isAllSelected === false) {\n setRowSelection({})\n }\n // When isAllSelected is undefined, preserve current selections\n }\n }, [props.isAllSelected, table, props.selectedRows])\n\n return (\n <Loading loading={Boolean(loading && data.length !== 0)} type=\"cover\">\n <Table {...rest}>\n <THead>\n {table.getHeaderGroups().map((headerGroup) => (\n <Tr key={headerGroup.id}>\n {headerGroup.headers.map((header) => {\n // 1. LEITURA E VALIDAÇÕES DO ALINHAMENTO\n const headerAlign = (header.column.columnDef as any).meta?.headerAlign \|\| 'between';\n\n let justifyClass = 'justify-between'; // Padrão: Nome Esquerda, Sorter Direita\n\n // Flag para o alinhamento complexo desejado\n const sorterEnd = headerAlign === 'name-center-sorter-end';\n\n // Define a classe de justificação principal para os alinhamentos simples\n if (headerAlign === 'center') {\n justifyClass = 'justify-center'; // Nome + Sorter juntos no centro\n } else if (headerAlign === 'start') {\n justifyClass = 'justify-start'; // Nome + Sorter juntos na esquerda\n } else if (headerAlign === 'end') {\n justifyClass = 'justify-end'; // Nome + Sorter juntos na direita\n }\n\n // Se for o layout complexo, usamos 'justify-center' como base\n if (sorterEnd) {\n // Usamos justify-center, e o ml-auto do Sorter o empurra para o canto.\n justifyClass = 'justify-center';\n }\n\n // Define classes para o SPAN do nome (Ocupa largura total e centraliza o texto)\n const nameClasses = classNames('truncate', {\n // Se for sorterEnd, o SPAN ocupa a largura total para centralizar o nome\n 'w-full text-center': sorterEnd,\n });\n\n // Define a classe para o wrapper do Sorter.\n let sorterClasses = '';\n if (sorterEnd) {\n // Para sorterEnd, ml-auto empurra o Sorter para a EXTREMA direita\n sorterClasses = 'ml-auto';\n }\n\n return (\n <Th\n key={header.id}\n colSpan={header.colSpan}\n >\n {header.isPlaceholder ? null : (\n <div\n className={classNames(\n 'flex items-center gap-1', // O 'gap-1' fornece o espaçamento entre Nome e Sorter\n justifyClass,\n header.column.getCanSort() &&\n 'cursor-pointer select-none',\n loading &&\n 'pointer-events-none',\n )}\n onClick={header.column.getToggleSortingHandler()}\n >\n {/* 2. RENDERIZAÇÃO DO NOME (Sempre primeiro, pois o Sorter deve ser à direita) /}\n <span className={nameClasses}>\n {flexRender(\n header.column.columnDef\n .header,\n header.getContext(),\n )}\n </span>\n\n {/ 3. RENDERIZAÇÃO DO SORTER: Sempre depois do nome. O ml-auto será aplicado APENAS em sorterEnd */}\n {header.column.getCanSort() && (\n // O Sorter deve estar em uma div se precisar de classes condicionais (ml-auto)\n <div className={sorterClasses}>\n <Sorter\n sort={header.column.getIsSorted()}\n />\n </div>\n )}\n </div>\n )}\n </Th>\n );\n })}\n </Tr>\n ))}\n </THead>\n {loading && data.length === 0 ? (\n <TableRowSkeleton\n columns={(finalColumns as Array<T>).length}\n rows={pagingData.pageSize}\n avatarInColumns={skeletonAvatarColumns}\n avatarProps={skeletonAvatarProps}\n />\n ) : (\n <TBody>\n {noData ? (\n <Tr>\n <Td\n className=\"hover:bg-transparent\"\n colSpan={finalColumns.length}\n >\n <div className=\"flex flex-col items-center gap-4\">\n {customNoDataIcon ? (\n customNoDataIcon\n ) : (\n <>\n <FileNotFound />\n <span className=\"font-semibold\">\n No data found!\n </span>\n </>\n )}\n </div>\n </Td>\n </Tr>\n ) : (\n table\n .getRowModel()\n .rows.slice(0, pageSize)\n .map((row) => {\n return (\n <Fragment key={row.id}>\n <Tr key={row.id}>\n {row\n .getVisibleCells()\n .map((cell) => {\n return (\n <Td\n key={cell.id}\n style={{\n width: cell.column.getSize(),\n }}\n >\n {flexRender(\n cell.column\n .columnDef\n .cell,\n cell.getContext(),\n )}\n </Td>\n )\n })}\n </Tr>\n {row.getIsExpanded() && (\n <Tr>\n <Td\n colSpan={\n row.getVisibleCells()\n .length\n }\n >\n {renderSubComponent(\n row,\n )}\n </Td>\n </Tr>\n )}\n </Fragment>\n )\n })\n )}\n </TBody>\n )}\n </Table>\n {!hidePagination && (\n <div className=\"mt-4 flex items-center justify-between\">\n <Pagination\n pageSize={pageSize}\n currentPage={pageIndex}\n total={total}\n onChange={handlePaginationChange}\n />\n <div style={{ minWidth: 130 }}>\n <Select\n instanceId={instanceId}\n size=\"sm\"\n menuPlacement=\"top\"\n isSearchable={false}\n value={pageSizeOption.filter(\n (option) => option.value === pageSize,\n )}\n options={pageSizeOption}\n onChange={(option) =>\n handleSelectChange(option?.value)\n }\n />\n </div>\n </div>\n )}\n </Loading>\n )\n}\n\nexport { DataTable }\nexport type { CellContext, ColumnDef, ColumnSort, Row }\nexport default DataTable"],"names":["table","Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"DataTable.js","sources":["../../../../lib/@ecme/components/shared/DataTable.tsx"],"sourcesContent":["import FileNotFound from '@/assets/svg/FileNotFound'\nimport type { CheckboxProps } from '@/components/ui/Checkbox'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Pagination from '@/components/ui/Pagination'\nimport Select from '@/components/ui/Select'\nimport type { SkeletonProps } from '@/components/ui/Skeleton'\nimport type { TableProps } from '@/components/ui/Table'\nimport Table from '@/components/ui/Table'\nimport {\n CellContext,\n ColumnDef,\n ColumnSort,\n flexRender,\n getCoreRowModel,\n getFilteredRowModel,\n getPaginationRowModel,\n getSortedRowModel,\n Row,\n useReactTable,\n} from '@tanstack/react-table'\nimport classNames from 'classnames'\nimport type { ChangeEvent, ReactNode, Ref } from 'react'\nimport {\n Fragment,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState\n} from 'react'\nimport { useTranslation } from 'react-i18next'\nimport TableRowSkeleton from './loaders/TableRowSkeleton'\nimport Loading from './Loading'\n\nexport type OnSortParam = { order: 'asc' \| 'desc' \| ''; key: string \| number }\n\nexport type DataTableProps<T> = {\n columns: ColumnDef<T>[]\n customNoDataIcon?: ReactNode\n data?: T[]\n loading?: boolean\n noData?: boolean\n instanceId?: string\n onCheckBoxChange?: (checked: boolean, row: T) => void\n onIndeterminateCheckBoxChange?: (checked: boolean, rows: Row<T>[]) => void\n onPaginationChange?: (page: number) => void\n onSelectChange?: (num: number) => void\n onSort?: (sort: OnSortParam) => void\n pageSizes?: number[]\n manualSorting?: boolean\n selectable?: boolean\n skeletonAvatarColumns?: number[]\n skeletonAvatarProps?: SkeletonProps\n pagingData?: {\n total: number\n pageIndex: number\n pageSize: number\n }\n checkboxChecked?: (row: T) => boolean\n indeterminateCheckboxChecked?: (row: Row<T>[]) => boolean\n ref?: Ref<DataTableResetHandle \| HTMLTableElement>\n onSelectionChange?: (selected: T[]) => void\n renderSubComponent?: (row: Row<T>) => React.ReactNode\n getRowCanExpand?: (row: Row<T>) => boolean\n hidePagination?: boolean\n isAllSelected?: boolean\n selectedRows?: T[]\n} & TableProps\n\nexport type CheckBoxChangeEvent = ChangeEvent<HTMLInputElement>\n\nexport interface IndeterminateCheckboxProps\n extends Omit<CheckboxProps, 'onChange'> {\n onChange: (event: CheckBoxChangeEvent) => void\n indeterminate: boolean\n onCheckBoxChange?: (event: CheckBoxChangeEvent) => void\n onIndeterminateCheckBoxChange?: (event: CheckBoxChangeEvent) => void\n}\n\nconst { Tr, Th, Td, THead, TBody, Sorter } = Table\n\nconst IndeterminateCheckbox = (props: IndeterminateCheckboxProps) => {\n const {\n indeterminate,\n onChange,\n onCheckBoxChange,\n onIndeterminateCheckBoxChange,\n ...rest\n } = props\n\n const ref = useRef<HTMLInputElement>(null)\n\n useEffect(() => {\n if (typeof indeterminate === 'boolean' && ref.current) {\n ref.current.indeterminate = !rest.checked && indeterminate\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [ref, indeterminate])\n\n const handleChange = (e: CheckBoxChangeEvent) => {\n onChange(e)\n onCheckBoxChange?.(e)\n onIndeterminateCheckBoxChange?.(e)\n }\n\n return (\n <Checkbox\n ref={ref}\n className=\"mb-0\"\n onChange={(_, e) => handleChange(e)}\n {...rest}\n />\n )\n}\n\nexport type DataTableResetHandle = {\n resetSorting: () => void\n resetSelected: () => void\n}\n\nfunction DataTable<T>(props: DataTableProps<T>) {\n const {\n skeletonAvatarColumns,\n columns: columnsProp = [],\n data = [],\n customNoDataIcon,\n loading,\n noData,\n onCheckBoxChange,\n onIndeterminateCheckBoxChange,\n onPaginationChange,\n onSelectChange,\n onSort,\n pageSizes = [10, 25, 50, 100],\n selectable = false,\n skeletonAvatarProps,\n pagingData = {\n total: 0,\n pageIndex: 1,\n pageSize: 10,\n },\n checkboxChecked,\n indeterminateCheckboxChecked,\n instanceId = 'data-table',\n ref,\n renderSubComponent = () => null,\n getRowCanExpand = () => false,\n onSelectionChange,\n hidePagination = false,\n ...rest\n } = props\n\n const { pageSize, pageIndex, total } = pagingData\n\n const [sorting, setSorting] = useState<ColumnSort[] \| null>(null)\n const [selection, setRowSelection] = useState({})\n\n const { t } = useTranslation()\n\n const pageSizeOption = useMemo(\n () =>\n pageSizes.map((number) => ({\n value: number,\n label: `${number} / ${t('common.table.pageAbbr')}`,\n })),\n [pageSizes],\n )\n\n useEffect(() => {\n if (Array.isArray(sorting)) {\n const sortOrder =\n sorting.length > 0 ? (sorting[0].desc ? 'desc' : 'asc') : ''\n const id = sorting.length > 0 ? sorting[0].id : ''\n onSort?.({ order: sortOrder, key: id })\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [sorting])\n\n const handleIndeterminateCheckBoxChange = (\n checked: boolean,\n rows: Row<T>[],\n ) => {\n if (!loading) {\n onIndeterminateCheckBoxChange?.(checked, rows)\n }\n }\n\n const handleCheckBoxChange = (checked: boolean, row: T) => {\n if (!loading) {\n onCheckBoxChange?.(checked, row)\n }\n }\n\n const finalColumns: ColumnDef<T>[] = useMemo(() => {\n const columns = columnsProp\n\n if (selectable) {\n return [\n {\n id: 'select',\n maxSize: 50,\n header: ({ table }) => (\n <IndeterminateCheckbox\n checked={\n indeterminateCheckboxChecked\n ? indeterminateCheckboxChecked(\n table.getRowModel().rows,\n )\n : table.getIsAllRowsSelected()\n }\n indeterminate={table.getIsSomeRowsSelected()}\n onChange={table.getToggleAllRowsSelectedHandler()}\n onIndeterminateCheckBoxChange={(e) => {\n handleIndeterminateCheckBoxChange(\n e.target.checked,\n table.getRowModel().rows,\n )\n }}\n />\n ),\n cell: ({ row }) => (\n <IndeterminateCheckbox\n checked={\n checkboxChecked\n ? checkboxChecked(row.original)\n : row.getIsSelected()\n }\n disabled={!row.getCanSelect()}\n indeterminate={row.getIsSomeSelected()}\n onChange={row.getToggleSelectedHandler()}\n onCheckBoxChange={(e) =>\n handleCheckBoxChange(\n e.target.checked,\n row.original,\n )\n }\n />\n ),\n },\n ...columns,\n ]\n }\n return columns\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [columnsProp, selectable, loading, checkboxChecked])\n\n const table = useReactTable({\n data,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n columns: finalColumns,\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getPaginationRowModel: getPaginationRowModel(),\n getSortedRowModel: getSortedRowModel(),\n manualPagination: true,\n manualSorting: props.manualSorting ?? false,\n onSortingChange: (sorter) => {\n setSorting(sorter as ColumnSort[])\n },\n onRowSelectionChange: setRowSelection,\n state: {\n sorting: sorting as ColumnSort[],\n rowSelection: selection,\n },\n getRowCanExpand,\n })\n\n const resetSorting = () => {\n table.resetSorting()\n }\n\n const resetSelected = () => {\n table.resetRowSelection(true)\n }\n\n useImperativeHandle(ref, () => ({\n resetSorting,\n resetSelected,\n }))\n\n const handlePaginationChange = (page: number) => {\n if (!loading) {\n resetSelected()\n onPaginationChange?.(page)\n }\n }\n\n const handleSelectChange = (value?: number) => {\n if (!loading) {\n onSelectChange?.(Number(value))\n }\n }\n\n const prevSelectedRef = useRef<T[]>([])\n\n useEffect(() => {\n if (!onSelectionChange) return\n\n const selectedRows = table\n .getSelectedRowModel()\n .rows.map((r) => r.original as T)\n\n const isEqual =\n selectedRows.length === prevSelectedRef.current.length &&\n selectedRows.every(\n (item, idx) => item === prevSelectedRef.current[idx],\n )\n\n if (!isEqual) {\n prevSelectedRef.current = selectedRows\n onSelectionChange(selectedRows)\n }\n }, [table.getState().rowSelection, onSelectionChange, table])\n\n // Sync external selectedRows prop with internal selection state\n useEffect(() => {\n if (props.selectedRows && data.length > 0) {\n const externalSelection = {}\n data.forEach((row, index) => {\n const isSelected = props.selectedRows?.some(selectedRow => selectedRow === row)\n if (isSelected) {\n externalSelection[index] = true\n }\n })\n setRowSelection(externalSelection)\n }\n }, [props.selectedRows, data])\n\n // isAllSelected management - only when selectedRows is not provided\n useEffect(() => {\n if (!props.selectedRows) { // Only manage isAllSelected when selectedRows is not used\n if (props.isAllSelected === true && table) {\n const all = {}\n table.getRowModel().rows.forEach((row) => {\n all[row.id] = true\n })\n setRowSelection(all)\n } else if (props.isAllSelected === false) {\n setRowSelection({})\n }\n // When isAllSelected is undefined, preserve current selections\n }\n }, [props.isAllSelected, table, props.selectedRows])\n\n return (\n <Loading loading={Boolean(loading && data.length !== 0)} type=\"cover\">\n <Table {...rest}>\n <THead>\n {table.getHeaderGroups().map((headerGroup) => (\n <Tr key={headerGroup.id}>\n {headerGroup.headers.map((header) => {\n // 1. LEITURA E VALIDAÇÕES DO ALINHAMENTO\n const headerAlign = (header.column.columnDef as any).meta?.headerAlign \|\| 'between';\n\n let justifyClass = 'justify-between'; // Padrão: Nome Esquerda, Sorter Direita\n\n // Flag para o alinhamento complexo desejado\n const sorterEnd = headerAlign === 'name-center-sorter-end';\n\n // Define a classe de justificação principal para os alinhamentos simples\n if (headerAlign === 'center') {\n justifyClass = 'justify-center'; // Nome + Sorter juntos no centro\n } else if (headerAlign === 'start') {\n justifyClass = 'justify-start'; // Nome + Sorter juntos na esquerda\n } else if (headerAlign === 'end') {\n justifyClass = 'justify-end'; // Nome + Sorter juntos na direita\n }\n\n // Se for o layout complexo, usamos 'justify-center' como base\n if (sorterEnd) {\n // Usamos justify-center, e o ml-auto do Sorter o empurra para o canto.\n justifyClass = 'justify-center';\n }\n\n // Define classes para o SPAN do nome (Ocupa largura total e centraliza o texto)\n const nameClasses = classNames('truncate', {\n // Se for sorterEnd, o SPAN ocupa a largura total para centralizar o nome\n 'w-full text-center': sorterEnd,\n });\n\n // Define a classe para o wrapper do Sorter.\n let sorterClasses = '';\n if (sorterEnd) {\n // Para sorterEnd, ml-auto empurra o Sorter para a EXTREMA direita\n sorterClasses = 'ml-auto';\n }\n\n return (\n <Th\n key={header.id}\n colSpan={header.colSpan}\n >\n {header.isPlaceholder ? null : (\n <div\n className={classNames(\n 'flex items-center gap-1', // O 'gap-1' fornece o espaçamento entre Nome e Sorter\n justifyClass,\n header.column.getCanSort() &&\n 'cursor-pointer select-none',\n loading &&\n 'pointer-events-none',\n )}\n onClick={header.column.getToggleSortingHandler()}\n >\n {/* 2. RENDERIZAÇÃO DO NOME (Sempre primeiro, pois o Sorter deve ser à direita) /}\n <span className={nameClasses}>\n {flexRender(\n header.column.columnDef\n .header,\n header.getContext(),\n )}\n </span>\n\n {/ 3. RENDERIZAÇÃO DO SORTER: Sempre depois do nome. O ml-auto será aplicado APENAS em sorterEnd */}\n {header.column.getCanSort() && (\n // O Sorter deve estar em uma div se precisar de classes condicionais (ml-auto)\n <div className={sorterClasses}>\n <Sorter\n sort={header.column.getIsSorted()}\n />\n </div>\n )}\n </div>\n )}\n </Th>\n );\n })}\n </Tr>\n ))}\n </THead>\n {loading && data.length === 0 ? (\n <TableRowSkeleton\n columns={(finalColumns as Array<T>).length}\n rows={pagingData.pageSize}\n avatarInColumns={skeletonAvatarColumns}\n avatarProps={skeletonAvatarProps}\n />\n ) : (\n <TBody>\n {noData ? (\n <Tr>\n <Td\n className=\"hover:bg-transparent\"\n colSpan={finalColumns.length}\n >\n <div className=\"flex flex-col items-center gap-4\">\n {customNoDataIcon ? (\n customNoDataIcon\n ) : (\n <>\n <FileNotFound />\n <span className=\"font-semibold\">\n No data found!\n </span>\n </>\n )}\n </div>\n </Td>\n </Tr>\n ) : (\n table\n .getRowModel()\n .rows.slice(0, pageSize)\n .map((row) => {\n return (\n <Fragment key={row.id}>\n <Tr key={row.id}>\n {row\n .getVisibleCells()\n .map((cell) => {\n return (\n <Td\n key={cell.id}\n style={{\n width: cell.column.getSize(),\n }}\n >\n {flexRender(\n cell.column\n .columnDef\n .cell,\n cell.getContext(),\n )}\n </Td>\n )\n })}\n </Tr>\n {row.getIsExpanded() && (\n <Tr>\n <Td\n colSpan={\n row.getVisibleCells()\n .length\n }\n >\n {renderSubComponent(\n row,\n )}\n </Td>\n </Tr>\n )}\n </Fragment>\n )\n })\n )}\n </TBody>\n )}\n </Table>\n {!hidePagination && (\n <div className=\"mt-4 flex items-center justify-between\">\n <Pagination\n pageSize={pageSize}\n currentPage={pageIndex}\n total={total}\n onChange={handlePaginationChange}\n />\n <div style={{ minWidth: 130 }}>\n <Select\n instanceId={instanceId}\n size=\"sm\"\n menuPlacement=\"top\"\n isSearchable={false}\n value={pageSizeOption.filter(\n (option) => option.value === pageSize,\n )}\n options={pageSizeOption}\n onChange={(option) =>\n handleSelectChange(option?.value)\n }\n />\n </div>\n </div>\n )}\n </Loading>\n )\n}\n\nexport { DataTable }\nexport type { CellContext, ColumnDef, ColumnSort, Row }\nexport default DataTable"],"names":["table","Fragment"],"mappings":"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"}

package/dist/@ecme/components/shared/DebounceInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DebounceInput.js","sources":["../../../../lib/@ecme/components/shared/DebounceInput.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport type { ChangeEvent, Ref } from 'react'\nimport type { InputProps } from '@/components/ui/Input'\n\nexport type DebounceInputProps = InputProps & {\n wait?: number\n ref?: Ref<HTMLInputElement>\n}\n\nconst DebounceInput = (props: DebounceInputProps) => {\n const { wait = 500, ref, ...rest } = props\n\n function handleDebounceFn(value: ChangeEvent<HTMLInputElement>) {\n props.onChange?.(value)\n }\n\n const debounceFn = useDebounce(handleDebounceFn, wait)\n\n const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n debounceFn(e)\n }\n\n return <Input ref={ref} {...rest} onChange={handleInputChange} />\n}\n\nexport default DebounceInput\n"],"names":[],"mappings":";;;;~~AAUM~~,~~MAAA~~,gBAAgB,CAAC,UAA8B;AACjD,QAAM,EAAE,OAAO,KAAK,KAAK,GAAG,~~KAAS,IAAA~~;AAErC,WAAS,iBAAiB,OAAsC;AAC5D,UAAM,WAAW,KAAK;AAAA,~~EAAA~~;~~AAGpB~~,~~QAAA~~,aAAa,YAAY,kBAAkB,IAAI;~~AAE/C~~,~~QAAA~~,oBAAoB,CAAC,MAAqC;AAC5D,eAAW,CAAC;AAAA,EAChB;AAEA,6BAAQ,~~OAAM~~,~~EAAA~~,KAAW,GAAG,MAAM,UAAU,mBAAmB;AACnE;"}
1	+ {"version":3,"file":"DebounceInput.js","sources":["../../../../lib/@ecme/components/shared/DebounceInput.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport type { ChangeEvent, Ref } from 'react'\nimport type { InputProps } from '@/components/ui/Input'\n\nexport type DebounceInputProps = InputProps & {\n wait?: number\n ref?: Ref<HTMLInputElement>\n}\n\nconst DebounceInput = (props: DebounceInputProps) => {\n const { wait = 500, ref, ...rest } = props\n\n function handleDebounceFn(value: ChangeEvent<HTMLInputElement>) {\n props.onChange?.(value)\n }\n\n const debounceFn = useDebounce(handleDebounceFn, wait)\n\n const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n debounceFn(e)\n }\n\n return <Input ref={ref} {...rest} onChange={handleInputChange} />\n}\n\nexport default DebounceInput\n"],"names":[],"mappings":";;;;AAUA,MAAM,gBAAgB,CAAC,UAA8B;AACjD,QAAM,EAAE,OAAO,KAAK,KAAK,GAAG,SAAS;AAErC,WAAS,iBAAiB,OAAsC;AAC5D,UAAM,WAAW,KAAK;AAAA,EAC1B;AAEA,QAAM,aAAa,YAAY,kBAAkB,IAAI;AAErD,QAAM,oBAAoB,CAAC,MAAqC;AAC5D,eAAW,CAAC;AAAA,EAChB;AAEA,6BAAQ,OAAA,EAAM,KAAW,GAAG,MAAM,UAAU,mBAAmB;AACnE;"}

package/dist/@ecme/components/shared/DoubleSidedImage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DoubleSidedImage.js","sources":["../../../../lib/@ecme/components/shared/DoubleSidedImage.tsx"],"sourcesContent":["import { useThemeStore } from '@/store/themeStore'\nimport { THEME_ENUM } from '@/constants/theme.constant'\nimport type { DetailedHTMLProps, ImgHTMLAttributes } from 'react'\n\ninterface DoubleSidedImageProps\n extends DetailedHTMLProps<\n ImgHTMLAttributes<HTMLImageElement>,\n HTMLImageElement\n > {\n darkModeSrc: string\n}\n\nconst { MODE_DARK } = THEME_ENUM\n\nconst DoubleSidedImage = ({\n src,\n darkModeSrc,\n alt = '',\n ...rest\n}: DoubleSidedImageProps) => {\n const mode = useThemeStore((state) => state.mode)\n\n return (\n <img src={mode === MODE_DARK ? darkModeSrc : src} alt={alt} {...rest} />\n )\n}\n\nexport default DoubleSidedImage\n"],"names":[],"mappings":";;;AAYA,MAAM,EAAE,~~UAAc,IAAA~~;AAEtB,MAAM,mBAAmB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,GAAG;AACP,MAA6B;AACzB,QAAM,OAAO,cAAc,CAAC,UAAU,MAAM,IAAI;~~AAG5C~~,~~SAAA~~,oBAAC,SAAI,KAAK,SAAS,YAAY,cAAc,KAAK,KAAW,GAAG,~~KAAM~~,~~CAAA~~;AAE9E;"}
1	+ {"version":3,"file":"DoubleSidedImage.js","sources":["../../../../lib/@ecme/components/shared/DoubleSidedImage.tsx"],"sourcesContent":["import { useThemeStore } from '@/store/themeStore'\nimport { THEME_ENUM } from '@/constants/theme.constant'\nimport type { DetailedHTMLProps, ImgHTMLAttributes } from 'react'\n\ninterface DoubleSidedImageProps\n extends DetailedHTMLProps<\n ImgHTMLAttributes<HTMLImageElement>,\n HTMLImageElement\n > {\n darkModeSrc: string\n}\n\nconst { MODE_DARK } = THEME_ENUM\n\nconst DoubleSidedImage = ({\n src,\n darkModeSrc,\n alt = '',\n ...rest\n}: DoubleSidedImageProps) => {\n const mode = useThemeStore((state) => state.mode)\n\n return (\n <img src={mode === MODE_DARK ? darkModeSrc : src} alt={alt} {...rest} />\n )\n}\n\nexport default DoubleSidedImage\n"],"names":[],"mappings":";;;AAYA,MAAM,EAAE,cAAc;AAEtB,MAAM,mBAAmB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,GAAG;AACP,MAA6B;AACzB,QAAM,OAAO,cAAc,CAAC,UAAU,MAAM,IAAI;AAEhD,SACI,oBAAC,SAAI,KAAK,SAAS,YAAY,cAAc,KAAK,KAAW,GAAG,KAAA,CAAM;AAE9E;"}

package/dist/@ecme/components/shared/EllipsisButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EllipsisButton.js","sources":["../../../../lib/@ecme/components/shared/EllipsisButton.tsx"],"sourcesContent":["import { TbDots } from \"react-icons/tb\";\nimport { Button, ButtonProps } from \"../ui\";\n\ntype EllipsisButtonProps = ButtonProps;\n\nconst EllipsisButton = (props: EllipsisButtonProps) => {\n const {\n shape = \"circle\",\n variant = \"plain\",\n size = \"xs\",\n type = \"button\",\n } = props;\n\n return (\n <Button\n shape={shape}\n variant={variant}\n size={size}\n icon={<TbDots />}\n type={type}\n {...props}\n />\n );\n};\n\nexport default EllipsisButton;\n"],"names":[],"mappings":";;;;~~AAKM~~,~~MAAA~~,iBAAiB,CAAC,UAA+B;~~AAC/C~~,~~QAAA~~;AAAA,IACJ,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA,EAAA,IACL;~~AAGF~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,0BAAO,~~QAAO~~,~~EAAA~~;AAAA,MACd;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,~~EACN~~;~~AAEJ~~;"}
1	+ {"version":3,"file":"EllipsisButton.js","sources":["../../../../lib/@ecme/components/shared/EllipsisButton.tsx"],"sourcesContent":["import { TbDots } from \"react-icons/tb\";\nimport { Button, ButtonProps } from \"../ui\";\n\ntype EllipsisButtonProps = ButtonProps;\n\nconst EllipsisButton = (props: EllipsisButtonProps) => {\n const {\n shape = \"circle\",\n variant = \"plain\",\n size = \"xs\",\n type = \"button\",\n } = props;\n\n return (\n <Button\n shape={shape}\n variant={variant}\n size={size}\n icon={<TbDots />}\n type={type}\n {...props}\n />\n );\n};\n\nexport default EllipsisButton;\n"],"names":[],"mappings":";;;;AAKA,MAAM,iBAAiB,CAAC,UAA+B;AACrD,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA,EAAA,IACL;AAEJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,0BAAO,QAAA,EAAO;AAAA,MACd;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/@ecme/components/shared/GanttChart/GanttChart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GanttChart.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/GanttChart.tsx"],"sourcesContent":["import { ViewMode, Gantt } from 'gantt-task-react'\nimport TaskListTable from './TaskListTable'\nimport TaskListHeader from './TaskListHeader'\nimport TooltipContent from './TooltipContent'\nimport tasksPreProcess from './tasksPreProcess'\nimport { PatternLines } from '@visx/pattern'\nimport type { ExtraCell } from './TaskListTable'\nimport type { ExtraHeader } from './TaskListHeader'\nimport type { Task, GanttProps } from 'gantt-task-react'\n\ntype ExtendedTask<T extends Record<string, unknown> = NonNullable<unknown>> =\n Task & {\n barVariant?: string\n } & T\n\ntype GanttChartProps<T extends Record<string, unknown>> = GanttProps & {\n extraColumns?: Array<{\n header: ExtraHeader\n cell: ExtraCell\n }>\n tasks: ExtendedTask<T>[]\n colorsMap?: Record<string, string>\n showArrow?: boolean\n}\n\nconst GanttChart = <T extends Record<string, unknown>>(\n props: GanttChartProps<T>,\n) => {\n const {\n tasks,\n viewMode = ViewMode.Day,\n extraColumns,\n colorsMap = {},\n showArrow,\n ...rest\n } = props\n\n return (\n <>\n <Gantt\n tasks={tasksPreProcess(tasks, colorsMap)}\n viewMode={viewMode}\n listCellWidth={'200px'}\n columnWidth={65}\n barProgressColor={'#3380fa'}\n barProgressSelectedColor={'#3380fa'}\n barBackgroundColor={'#e2e8f0'}\n barBackgroundSelectedColor={'#e2e8f0'}\n projectProgressColor={'#6299f1'}\n projectProgressSelectedColor={'#6299f1'}\n projectBackgroundColor=\"#3380fa\"\n projectBackgroundSelectedColor=\"#3380fa\"\n milestoneBackgroundColor=\"#3380fa\"\n milestoneBackgroundSelectedColor=\"#3380fa\"\n todayColor=\"url(#horzLines)\"\n rowHeight={50}\n TaskListHeader={(props) => (\n <TaskListHeader\n {...props}\n extraHeaders={extraColumns?.map((col) => col.header)}\n />\n )}\n TaskListTable={(props) => (\n <TaskListTable\n {...props}\n extraCells={extraColumns?.map((col) => col.cell)}\n />\n )}\n TooltipContent={TooltipContent}\n barCornerRadius={6}\n {...(!showArrow ? { arrowColor: 'transparent' } : {})}\n {...rest}\n />\n <svg className=\"h-0 w-0\">\n <PatternLines\n id=\"horzLines\"\n height={10}\n width={10}\n className=\"stroke-gray-200 dark:stroke-gray-700\"\n strokeWidth={1.5}\n background=\"transparent\"\n orientation={['diagonal']}\n />\n </svg>\n </>\n )\n}\n\nexport type { Task, ExtendedTask }\n\nexport default GanttChart\n"],"names":["props"],"mappings":";;;;;;;~~AAyBM~~,~~MAAA~~,aAAa,CACf,UACC;~~AACK~~,~~QAAA~~;AAAA,IACF;AAAA,IACA,WAAW,SAAS;AAAA,IACpB;AAAA,IACA,YAAY,~~CAAC~~;AAAA,~~IACb~~;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,~~SAEQ~~,qBAAA,UAAA,~~EAAA~~,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAO,gBAAgB,OAAO,SAAS;AAAA,QACvC;AAAA,QACA,eAAe;AAAA,QACf,aAAa;AAAA,QACb,kBAAkB;AAAA,QAClB,0BAA0B;AAAA,QAC1B,oBAAoB;AAAA,QACpB,4BAA4B;AAAA,QAC5B,sBAAsB;AAAA,QACtB,8BAA8B;AAAA,QAC9B,wBAAuB;AAAA,QACvB,gCAA+B;AAAA,QAC/B,0BAAyB;AAAA,QACzB,kCAAiC;AAAA,QACjC,YAAW;AAAA,QACX,WAAW;AAAA,QACX,gBAAgB,CAACA,WACb;AAAA,UAAC;AAAA,UAAA;AAAA,YACI,GAAGA;AAAAA,YACJ,cAAc,cAAc,IAAI,CAAC,QAAQ,IAAI,MAAM;AAAA,UAAA;AAAA,~~QACvD~~;AAAA,~~QAEJ~~,eAAe,CAACA,WACZ;AAAA,UAAC;AAAA,UAAA;AAAA,YACI,GAAGA;AAAAA,YACJ,YAAY,cAAc,IAAI,CAAC,QAAQ,IAAI,IAAI;AAAA,UAAA;AAAA,~~QACnD~~;AAAA,~~QAEJ~~;AAAA,QACA,iBAAiB;AAAA,QAChB,GAAI,CAAC,YAAY,EAAE,YAAY,~~kBAAkB~~,~~CAAC~~;AAAA,~~QAClD~~,GAAG;AAAA,MAAA;AAAA,~~IACR~~;AAAA,~~IACA~~,oBAAC,~~OAAI~~,~~EAAA~~,WAAU,WACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAU;AAAA,QACV,aAAa;AAAA,QACb,YAAW;AAAA,QACX,aAAa,CAAC,UAAU;AAAA,MAAA;AAAA,IAAA,~~EAEhC~~,~~CAAA~~;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"GanttChart.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/GanttChart.tsx"],"sourcesContent":["import { ViewMode, Gantt } from 'gantt-task-react'\nimport TaskListTable from './TaskListTable'\nimport TaskListHeader from './TaskListHeader'\nimport TooltipContent from './TooltipContent'\nimport tasksPreProcess from './tasksPreProcess'\nimport { PatternLines } from '@visx/pattern'\nimport type { ExtraCell } from './TaskListTable'\nimport type { ExtraHeader } from './TaskListHeader'\nimport type { Task, GanttProps } from 'gantt-task-react'\n\ntype ExtendedTask<T extends Record<string, unknown> = NonNullable<unknown>> =\n Task & {\n barVariant?: string\n } & T\n\ntype GanttChartProps<T extends Record<string, unknown>> = GanttProps & {\n extraColumns?: Array<{\n header: ExtraHeader\n cell: ExtraCell\n }>\n tasks: ExtendedTask<T>[]\n colorsMap?: Record<string, string>\n showArrow?: boolean\n}\n\nconst GanttChart = <T extends Record<string, unknown>>(\n props: GanttChartProps<T>,\n) => {\n const {\n tasks,\n viewMode = ViewMode.Day,\n extraColumns,\n colorsMap = {},\n showArrow,\n ...rest\n } = props\n\n return (\n <>\n <Gantt\n tasks={tasksPreProcess(tasks, colorsMap)}\n viewMode={viewMode}\n listCellWidth={'200px'}\n columnWidth={65}\n barProgressColor={'#3380fa'}\n barProgressSelectedColor={'#3380fa'}\n barBackgroundColor={'#e2e8f0'}\n barBackgroundSelectedColor={'#e2e8f0'}\n projectProgressColor={'#6299f1'}\n projectProgressSelectedColor={'#6299f1'}\n projectBackgroundColor=\"#3380fa\"\n projectBackgroundSelectedColor=\"#3380fa\"\n milestoneBackgroundColor=\"#3380fa\"\n milestoneBackgroundSelectedColor=\"#3380fa\"\n todayColor=\"url(#horzLines)\"\n rowHeight={50}\n TaskListHeader={(props) => (\n <TaskListHeader\n {...props}\n extraHeaders={extraColumns?.map((col) => col.header)}\n />\n )}\n TaskListTable={(props) => (\n <TaskListTable\n {...props}\n extraCells={extraColumns?.map((col) => col.cell)}\n />\n )}\n TooltipContent={TooltipContent}\n barCornerRadius={6}\n {...(!showArrow ? { arrowColor: 'transparent' } : {})}\n {...rest}\n />\n <svg className=\"h-0 w-0\">\n <PatternLines\n id=\"horzLines\"\n height={10}\n width={10}\n className=\"stroke-gray-200 dark:stroke-gray-700\"\n strokeWidth={1.5}\n background=\"transparent\"\n orientation={['diagonal']}\n />\n </svg>\n </>\n )\n}\n\nexport type { Task, ExtendedTask }\n\nexport default GanttChart\n"],"names":["props"],"mappings":";;;;;;;AAyBA,MAAM,aAAa,CACf,UACC;AACD,QAAM;AAAA,IACF;AAAA,IACA,WAAW,SAAS;AAAA,IACpB;AAAA,IACA,YAAY,CAAA;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAO,gBAAgB,OAAO,SAAS;AAAA,QACvC;AAAA,QACA,eAAe;AAAA,QACf,aAAa;AAAA,QACb,kBAAkB;AAAA,QAClB,0BAA0B;AAAA,QAC1B,oBAAoB;AAAA,QACpB,4BAA4B;AAAA,QAC5B,sBAAsB;AAAA,QACtB,8BAA8B;AAAA,QAC9B,wBAAuB;AAAA,QACvB,gCAA+B;AAAA,QAC/B,0BAAyB;AAAA,QACzB,kCAAiC;AAAA,QACjC,YAAW;AAAA,QACX,WAAW;AAAA,QACX,gBAAgB,CAACA,WACb;AAAA,UAAC;AAAA,UAAA;AAAA,YACI,GAAGA;AAAAA,YACJ,cAAc,cAAc,IAAI,CAAC,QAAQ,IAAI,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAG3D,eAAe,CAACA,WACZ;AAAA,UAAC;AAAA,UAAA;AAAA,YACI,GAAGA;AAAAA,YACJ,YAAY,cAAc,IAAI,CAAC,QAAQ,IAAI,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAGvD;AAAA,QACA,iBAAiB;AAAA,QAChB,GAAI,CAAC,YAAY,EAAE,YAAY,cAAA,IAAkB,CAAA;AAAA,QACjD,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IAER,oBAAC,OAAA,EAAI,WAAU,WACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAU;AAAA,QACV,aAAa;AAAA,QACb,YAAW;AAAA,QACX,aAAa,CAAC,UAAU;AAAA,MAAA;AAAA,IAAA,EAC5B,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/components/shared/GanttChart/TaskListHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TaskListHeader.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/TaskListHeader.tsx"],"sourcesContent":["import { ReactNode } from 'react'\n\nexport type ExtraHeader = string \| ReactNode\n\ntype TaskListHeaderProps = {\n headerHeight: number\n rowWidth: string\n fontFamily: string\n fontSize: string\n extraHeaders?: ExtraHeader[]\n}\n\nconst TaskListHeader = ({\n headerHeight,\n rowWidth,\n extraHeaders = [],\n}: TaskListHeaderProps) => {\n return (\n <div className=\"table\">\n <div\n className=\"table-row list-none bg-gray-100/50 bg:fill-gray-700/40\"\n style={{\n height: headerHeight,\n }}\n >\n <div\n className=\"table-cell align-middle px-3 \"\n style={{\n minWidth: rowWidth,\n }}\n >\n  Name\n </div>\n <div\n className=\"border-r border-gray-200 dark:border-gray-700 -ml-1\"\n style={{\n height: headerHeight,\n }}\n />\n </div>\n {extraHeaders.map((headers, index) => (\n <div\n key={`${headers}-${index}`}\n className=\"table-row list-none bg-gray-100/50 bg:fill-gray-700/40\"\n style={{\n height: headerHeight,\n }}\n >\n <div\n className=\"table-cell align-middle px-3\"\n style={{\n minWidth: rowWidth,\n }}\n >\n  {headers}\n </div>\n <div\n className=\"border-r border-gray-200 dark:border-gray-700 -ml-1\"\n style={{\n height: headerHeight,\n }}\n />\n </div>\n ))}\n </div>\n )\n}\n\nexport default TaskListHeader\n"],"names":[],"mappings":";AAYA,MAAM,iBAAiB,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA,eAAe,CAAA;AACnB,MAA2B;~~AAEnB~~,~~SAAA~~,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,SACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,OAAO;AAAA,UACH,QAAQ;AAAA,~~QACZ~~;AAAA,~~QAEA~~,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,OAAO;AAAA,gBACH,UAAU;AAAA,~~cACd~~;AAAA,~~cACH~~,UAAA;AAAA,YAAA;AAAA,~~UAED~~;AAAA,~~UACA~~;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,OAAO;AAAA,gBACH,QAAQ;AAAA,cAAA;AAAA,YACZ;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,~~IACJ~~;AAAA,~~IACC~~,aAAa,IAAI,CAAC,SAAS,UACxB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAU;AAAA,QACV,OAAO;AAAA,UACH,QAAQ;AAAA,~~QACZ~~;AAAA,~~QAEA~~,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,OAAO;AAAA,gBACH,UAAU;AAAA,~~cACd~~;AAAA,~~cACH~~,UAAA;AAAA,gBAAA;AAAA,gBACU;AAAA,cAAA;AAAA,YAAA;AAAA,~~UACX~~;AAAA,~~UACA~~;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,OAAO;AAAA,gBACH,QAAQ;AAAA,cAAA;AAAA,YACZ;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,MAnBK,GAAG,OAAO,IAAI,KAAK;AAAA,~~IAqB~~/B~~,CAAA~~;AAAA,EAAA,GACL;AAER;"}
1	+ {"version":3,"file":"TaskListHeader.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/TaskListHeader.tsx"],"sourcesContent":["import { ReactNode } from 'react'\n\nexport type ExtraHeader = string \| ReactNode\n\ntype TaskListHeaderProps = {\n headerHeight: number\n rowWidth: string\n fontFamily: string\n fontSize: string\n extraHeaders?: ExtraHeader[]\n}\n\nconst TaskListHeader = ({\n headerHeight,\n rowWidth,\n extraHeaders = [],\n}: TaskListHeaderProps) => {\n return (\n <div className=\"table\">\n <div\n className=\"table-row list-none bg-gray-100/50 bg:fill-gray-700/40\"\n style={{\n height: headerHeight,\n }}\n >\n <div\n className=\"table-cell align-middle px-3 \"\n style={{\n minWidth: rowWidth,\n }}\n >\n  Name\n </div>\n <div\n className=\"border-r border-gray-200 dark:border-gray-700 -ml-1\"\n style={{\n height: headerHeight,\n }}\n />\n </div>\n {extraHeaders.map((headers, index) => (\n <div\n key={`${headers}-${index}`}\n className=\"table-row list-none bg-gray-100/50 bg:fill-gray-700/40\"\n style={{\n height: headerHeight,\n }}\n >\n <div\n className=\"table-cell align-middle px-3\"\n style={{\n minWidth: rowWidth,\n }}\n >\n  {headers}\n </div>\n <div\n className=\"border-r border-gray-200 dark:border-gray-700 -ml-1\"\n style={{\n height: headerHeight,\n }}\n />\n </div>\n ))}\n </div>\n )\n}\n\nexport default TaskListHeader\n"],"names":[],"mappings":";AAYA,MAAM,iBAAiB,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA,eAAe,CAAA;AACnB,MAA2B;AACvB,SACI,qBAAC,OAAA,EAAI,WAAU,SACX,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,OAAO;AAAA,UACH,QAAQ;AAAA,QAAA;AAAA,QAGZ,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,OAAO;AAAA,gBACH,UAAU;AAAA,cAAA;AAAA,cAEjB,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGD;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,OAAO;AAAA,gBACH,QAAQ;AAAA,cAAA;AAAA,YACZ;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,aAAa,IAAI,CAAC,SAAS,UACxB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAU;AAAA,QACV,OAAO;AAAA,UACH,QAAQ;AAAA,QAAA;AAAA,QAGZ,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,OAAO;AAAA,gBACH,UAAU;AAAA,cAAA;AAAA,cAEjB,UAAA;AAAA,gBAAA;AAAA,gBACU;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEX;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,OAAO;AAAA,gBACH,QAAQ;AAAA,cAAA;AAAA,YACZ;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,MAnBK,GAAG,OAAO,IAAI,KAAK;AAAA,IAAA,CAqB/B;AAAA,EAAA,GACL;AAER;"}

package/dist/@ecme/components/shared/GanttChart/TaskListTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TaskListTable.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/TaskListTable.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport { TbChevronRight, TbChevronDown } from 'react-icons/tb'\nimport type { Task } from 'gantt-task-react'\nimport type { ReactNode } from 'react'\n\ntype ExtendedTask = Task & { barVariant?: string }\n\nexport type ExtraCell = (task: ExtendedTask) => ReactNode \| string\n\ntype TaskListTableProps = {\n rowHeight: number\n rowWidth: string\n fontFamily: string\n fontSize: string\n locale: string\n tasks: ExtendedTask[]\n selectedTaskId: string\n setSelectedTask: (taskId: string) => void\n onExpanderClick: (task: Task) => void\n extraCells?: ExtraCell[]\n}\n\nconst TaskListTable = ({\n rowHeight,\n rowWidth,\n tasks,\n onExpanderClick,\n extraCells,\n}: TaskListTableProps) => {\n return (\n <div className=\"table\">\n {tasks.map((t, rowIndex) => {\n return (\n <div\n key={`${t.id}row`}\n className=\"_34SS0\"\n style={{ height: rowHeight }}\n >\n <div\n className=\"table-cell align-middle whitespace-nowrap overflow-hidden text-ellipsis border-r border-gray-200 dark:border-gray-700 px-2\"\n style={{\n minWidth: rowWidth,\n maxWidth: rowWidth,\n }}\n title={t.name}\n >\n <div className=\"flex items-center gap-1\">\n <div\n className=\"text-lg cursor-pointer min-w-4\"\n role=\"button\"\n onClick={() => onExpanderClick(t)}\n >\n {t.hideChildren === false && (\n <TbChevronDown />\n )}\n {t.hideChildren === true && (\n <TbChevronRight />\n )}\n </div>\n <div\n className={classNames(\n 'truncate',\n typeof t.hideChildren === 'boolean' &&\n 'heading-text font-bold',\n )}\n >\n {t.name}\n </div>\n </div>\n </div>\n {extraCells?.map((cell, cellIndex) => (\n <div\n key={`${t.id}-cell-${rowIndex}-${cellIndex}`}\n className=\"table-cell align-middle whitespace-nowrap overflow-hidden text-ellipsis border-r border-gray-200 dark:border-gray-700 px-2\"\n style={{\n minWidth: rowWidth,\n maxWidth: rowWidth,\n }}\n >\n  {cell(t)}\n </div>\n ))}\n </div>\n )\n })}\n </div>\n )\n}\n\nexport default TaskListTable\n"],"names":[],"mappings":";;;AAsBA,MAAM,gBAAgB,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAA0B;~~AAElB~~,~~SAAA~~,oBAAC,SAAI,WAAU,SACV,gBAAM,IAAI,CAAC,GAAG,aAAa;~~AAEpB~~,~~WAAA~~;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAU;AAAA,QACV,OAAO,EAAE,QAAQ,~~UAAU~~;AAAA,~~QAE3B~~,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,OAAO;AAAA,gBACH,UAAU;AAAA,gBACV,UAAU;AAAA,~~cACd~~;AAAA,~~cACA~~,OAAO,EAAE;AAAA,cAET,UAAA,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,2BACX,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAU;AAAA,oBACV,MAAK;AAAA,oBACL,SAAS,MAAM,gBAAgB,CAAC;AAAA,oBAE/B,UAAA;AAAA,~~sBAAE~~,~~EAAA~~,iBAAiB,SAChB,oBAAC,~~eAAc~~,CAAA,~~CAAA~~;AAAA,sBAElB,EAAE,iBAAiB,QAChB,oBAAC,~~gBAAe~~,CAAA,~~CAAA~~;AAAA,oBAAA;AAAA,kBAAA;AAAA,~~gBAExB~~;AAAA,~~gBACA~~;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW;AAAA,sBACP;AAAA,sBACA,OAAO,EAAE,iBAAiB,aACtB;AAAA,~~oBACR~~;AAAA,~~oBAEC~~,~~UAAE~~,~~EAAA~~;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACP,~~EACJ~~,~~CAAA~~;AAAA,YAAA;AAAA,~~UACJ~~;AAAA,~~UACC~~,YAAY,IAAI,CAAC,MAAM,cACpB;AAAA,YAAC;AAAA,YAAA;AAAA,cAEG,WAAU;AAAA,cACV,OAAO;AAAA,gBACH,UAAU;AAAA,gBACV,UAAU;AAAA,~~cACd~~;AAAA,~~cACH~~,UAAA;AAAA,gBAAA;AAAA,gBACU,KAAK,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,YAPR,GAAG,EAAE,EAAE,SAAS,QAAQ,IAAI,SAAS;AAAA,~~UASjD~~,~~CAAA~~;AAAA,QAAA;AAAA,MAAA;AAAA,MA/CI,GAAG,EAAE,EAAE;AAAA,~~IAgDhB~~;AAAA,~~EAEP~~,~~CAAA~~,~~GACL~~;AAER;"}
1	+ {"version":3,"file":"TaskListTable.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/TaskListTable.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport { TbChevronRight, TbChevronDown } from 'react-icons/tb'\nimport type { Task } from 'gantt-task-react'\nimport type { ReactNode } from 'react'\n\ntype ExtendedTask = Task & { barVariant?: string }\n\nexport type ExtraCell = (task: ExtendedTask) => ReactNode \| string\n\ntype TaskListTableProps = {\n rowHeight: number\n rowWidth: string\n fontFamily: string\n fontSize: string\n locale: string\n tasks: ExtendedTask[]\n selectedTaskId: string\n setSelectedTask: (taskId: string) => void\n onExpanderClick: (task: Task) => void\n extraCells?: ExtraCell[]\n}\n\nconst TaskListTable = ({\n rowHeight,\n rowWidth,\n tasks,\n onExpanderClick,\n extraCells,\n}: TaskListTableProps) => {\n return (\n <div className=\"table\">\n {tasks.map((t, rowIndex) => {\n return (\n <div\n key={`${t.id}row`}\n className=\"_34SS0\"\n style={{ height: rowHeight }}\n >\n <div\n className=\"table-cell align-middle whitespace-nowrap overflow-hidden text-ellipsis border-r border-gray-200 dark:border-gray-700 px-2\"\n style={{\n minWidth: rowWidth,\n maxWidth: rowWidth,\n }}\n title={t.name}\n >\n <div className=\"flex items-center gap-1\">\n <div\n className=\"text-lg cursor-pointer min-w-4\"\n role=\"button\"\n onClick={() => onExpanderClick(t)}\n >\n {t.hideChildren === false && (\n <TbChevronDown />\n )}\n {t.hideChildren === true && (\n <TbChevronRight />\n )}\n </div>\n <div\n className={classNames(\n 'truncate',\n typeof t.hideChildren === 'boolean' &&\n 'heading-text font-bold',\n )}\n >\n {t.name}\n </div>\n </div>\n </div>\n {extraCells?.map((cell, cellIndex) => (\n <div\n key={`${t.id}-cell-${rowIndex}-${cellIndex}`}\n className=\"table-cell align-middle whitespace-nowrap overflow-hidden text-ellipsis border-r border-gray-200 dark:border-gray-700 px-2\"\n style={{\n minWidth: rowWidth,\n maxWidth: rowWidth,\n }}\n >\n  {cell(t)}\n </div>\n ))}\n </div>\n )\n })}\n </div>\n )\n}\n\nexport default TaskListTable\n"],"names":[],"mappings":";;;AAsBA,MAAM,gBAAgB,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAA0B;AACtB,SACI,oBAAC,SAAI,WAAU,SACV,gBAAM,IAAI,CAAC,GAAG,aAAa;AACxB,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAU;AAAA,QACV,OAAO,EAAE,QAAQ,UAAA;AAAA,QAEjB,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,OAAO;AAAA,gBACH,UAAU;AAAA,gBACV,UAAU;AAAA,cAAA;AAAA,cAEd,OAAO,EAAE;AAAA,cAET,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAU;AAAA,oBACV,MAAK;AAAA,oBACL,SAAS,MAAM,gBAAgB,CAAC;AAAA,oBAE/B,UAAA;AAAA,sBAAA,EAAE,iBAAiB,SAChB,oBAAC,eAAA,CAAA,CAAc;AAAA,sBAElB,EAAE,iBAAiB,QAChB,oBAAC,gBAAA,CAAA,CAAe;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGxB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW;AAAA,sBACP;AAAA,sBACA,OAAO,EAAE,iBAAiB,aACtB;AAAA,oBAAA;AAAA,oBAGP,UAAA,EAAE;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACP,EAAA,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,UAEH,YAAY,IAAI,CAAC,MAAM,cACpB;AAAA,YAAC;AAAA,YAAA;AAAA,cAEG,WAAU;AAAA,cACV,OAAO;AAAA,gBACH,UAAU;AAAA,gBACV,UAAU;AAAA,cAAA;AAAA,cAEjB,UAAA;AAAA,gBAAA;AAAA,gBACU,KAAK,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,YAPR,GAAG,EAAE,EAAE,SAAS,QAAQ,IAAI,SAAS;AAAA,UAAA,CASjD;AAAA,QAAA;AAAA,MAAA;AAAA,MA/CI,GAAG,EAAE,EAAE;AAAA,IAAA;AAAA,EAkDxB,CAAC,EAAA,CACL;AAER;"}

package/dist/@ecme/components/shared/GanttChart/TooltipContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TooltipContent.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/TooltipContent.tsx"],"sourcesContent":["import Progress from '@/components/ui/Progress'\nimport { TbClock } from 'react-icons/tb'\nimport dayjs from 'dayjs'\nimport type { Task } from 'gantt-task-react'\n\ntype TooltipContentProps = {\n task: Task\n}\n\nconst progressBarStatusClass = (progression: number) => {\n if (progression > 70) {\n return 'bg-success'\n }\n\n if (progression < 40) {\n return 'bg-error'\n }\n\n return\n}\n\nconst TooltipContent = (props: TooltipContentProps) => {\n const { task } = props\n\n return (\n <div className=\"p-3 rounded-lg shadow bg-gray-800 dark:bg-black flex justify-between items-center min-w-[200px] z-10\">\n <div className=\"flex flex-col w-full\">\n <div className=\"text-white font-bold mb-1\">{task.name}</div>\n <div className=\"flex items-center gap-1 text-gray-300\">\n <TbClock className=\"text-lg\" />\n <span>\n {dayjs(task.start).format('DD')} ~{' '}\n {dayjs(task.end).format('DD MMM')}\n </span>\n </div>\n <div>\n {!!task.progress && (\n <Progress\n customColorClass={progressBarStatusClass(\n task.progress,\n )}\n className=\"text-white\"\n percent={task.progress}\n trailClass=\"bg-gray-500\"\n customInfo={\n <div className=\"text-white font-bold\">\n {task.progress}%\n </div>\n }\n />\n )}\n </div>\n </div>\n </div>\n )\n}\n\nexport default TooltipContent\n"],"names":[],"mappings":";;;;;AASA,MAAM,yBAAyB,CAAC,gBAAwB;AACpD,MAAI,cAAc,IAAI;~~AACX~~,~~WAAA~~;AAAA,~~EAAA~~;~~AAGX~~,MAAI,cAAc,IAAI;~~AACX~~,~~WAAA~~;AAAA,~~EAAA~~;~~AAGX~~;AACJ;~~AAEM~~,~~MAAA~~,iBAAiB,CAAC,UAA+B;~~AAC7C~~,~~QAAA~~,EAAE,SAAS;AAEjB,6BACK,~~OAAI~~,~~EAAA~~,WAAU,yGACX,~~UAAC~~,~~qBAAA~~,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,IAAA,oBAAC,~~OAAI~~,~~EAAA~~,WAAU,6BAA6B,UAAA,KAAK,MAAK;AAAA,IACtD,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,yCACX,UAAA;AAAA,~~MAAC~~,~~oBAAA~~,SAAA,EAAQ,WAAU,~~UAAU~~,~~CAAA~~;AAAA,2BAC5B,~~QACI~~,~~EAAA~~,UAAA;AAAA,QAAA,MAAM,KAAK,KAAK,EAAE,OAAO,IAAI;AAAA,QAAE;AAAA,QAAG;AAAA,QAClC,MAAM,KAAK,GAAG,EAAE,OAAO,QAAQ;AAAA,MAAA,~~EACpC~~,~~CAAA~~;AAAA,IAAA,GACJ;AAAA,~~IACC~~,~~oBAAA~~,OAAA,EACI,~~UAAC~~,~~CAAA~~,CAAC,KAAK,YACJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,kBAAkB;AAAA,UACd,KAAK;AAAA,~~QACT~~;AAAA,~~QACA~~,WAAU;AAAA,QACV,SAAS,KAAK;AAAA,QACd,YAAW;AAAA,QACX,YACI,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,wBACV,UAAA;AAAA,~~UAAK~~,~~KAAA~~;AAAA,UAAS;AAAA,QAAA,~~EACnB~~,~~CAAA~~;AAAA,MAAA;AAAA,IAAA,~~EAIhB~~,~~CAAA~~;AAAA,EAAA,EAAA,CACJ,~~EACJ~~,~~CAAA~~;AAER;"}
1	+ {"version":3,"file":"TooltipContent.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/TooltipContent.tsx"],"sourcesContent":["import Progress from '@/components/ui/Progress'\nimport { TbClock } from 'react-icons/tb'\nimport dayjs from 'dayjs'\nimport type { Task } from 'gantt-task-react'\n\ntype TooltipContentProps = {\n task: Task\n}\n\nconst progressBarStatusClass = (progression: number) => {\n if (progression > 70) {\n return 'bg-success'\n }\n\n if (progression < 40) {\n return 'bg-error'\n }\n\n return\n}\n\nconst TooltipContent = (props: TooltipContentProps) => {\n const { task } = props\n\n return (\n <div className=\"p-3 rounded-lg shadow bg-gray-800 dark:bg-black flex justify-between items-center min-w-[200px] z-10\">\n <div className=\"flex flex-col w-full\">\n <div className=\"text-white font-bold mb-1\">{task.name}</div>\n <div className=\"flex items-center gap-1 text-gray-300\">\n <TbClock className=\"text-lg\" />\n <span>\n {dayjs(task.start).format('DD')} ~{' '}\n {dayjs(task.end).format('DD MMM')}\n </span>\n </div>\n <div>\n {!!task.progress && (\n <Progress\n customColorClass={progressBarStatusClass(\n task.progress,\n )}\n className=\"text-white\"\n percent={task.progress}\n trailClass=\"bg-gray-500\"\n customInfo={\n <div className=\"text-white font-bold\">\n {task.progress}%\n </div>\n }\n />\n )}\n </div>\n </div>\n </div>\n )\n}\n\nexport default TooltipContent\n"],"names":[],"mappings":";;;;;AASA,MAAM,yBAAyB,CAAC,gBAAwB;AACpD,MAAI,cAAc,IAAI;AAClB,WAAO;AAAA,EACX;AAEA,MAAI,cAAc,IAAI;AAClB,WAAO;AAAA,EACX;AAEA;AACJ;AAEA,MAAM,iBAAiB,CAAC,UAA+B;AACnD,QAAM,EAAE,SAAS;AAEjB,6BACK,OAAA,EAAI,WAAU,yGACX,UAAA,qBAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,6BAA6B,UAAA,KAAK,MAAK;AAAA,IACtD,qBAAC,OAAA,EAAI,WAAU,yCACX,UAAA;AAAA,MAAA,oBAAC,SAAA,EAAQ,WAAU,UAAA,CAAU;AAAA,2BAC5B,QAAA,EACI,UAAA;AAAA,QAAA,MAAM,KAAK,KAAK,EAAE,OAAO,IAAI;AAAA,QAAE;AAAA,QAAG;AAAA,QAClC,MAAM,KAAK,GAAG,EAAE,OAAO,QAAQ;AAAA,MAAA,EAAA,CACpC;AAAA,IAAA,GACJ;AAAA,IACA,oBAAC,OAAA,EACI,UAAA,CAAC,CAAC,KAAK,YACJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,kBAAkB;AAAA,UACd,KAAK;AAAA,QAAA;AAAA,QAET,WAAU;AAAA,QACV,SAAS,KAAK;AAAA,QACd,YAAW;AAAA,QACX,YACI,qBAAC,OAAA,EAAI,WAAU,wBACV,UAAA;AAAA,UAAA,KAAK;AAAA,UAAS;AAAA,QAAA,EAAA,CACnB;AAAA,MAAA;AAAA,IAAA,EAER,CAER;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/components/shared/GanttChart/getStartEndDateForProject.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getStartEndDateForProject.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/getStartEndDateForProject.ts"],"sourcesContent":["import type { ExtendedTask } from './GanttChart'\n\nfunction getStartEndDateForProject(tasks: ExtendedTask[], projectId: string) {\n const projectTasks = tasks.filter((t) => t.project === projectId)\n let start = projectTasks[0].start\n let end = projectTasks[0].end\n\n for (let i = 0; i < projectTasks.length; i++) {\n const task = projectTasks[i]\n if (start.getTime() > task.start.getTime()) {\n start = task.start\n }\n if (end.getTime() < task.end.getTime()) {\n end = task.end\n }\n }\n return [start, end]\n}\n\nexport default getStartEndDateForProject\n"],"names":[],"mappings":"AAEA,SAAS,0BAA0B,OAAuB,WAAmB;AACzE,QAAM,eAAe,MAAM,OAAO,CAAC,MAAM,EAAE,YAAY,SAAS;~~AAC5D~~,~~MAAA~~,QAAQ,aAAa,CAAC,EAAE;~~AACxB~~,~~MAAA~~,MAAM,aAAa,CAAC,EAAE;AAE1B,WAAS,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK;~~AACpC~~,~~UAAA~~,OAAO,aAAa,CAAC;AAC3B,QAAI,MAAM,~~QAAQ~~,~~IAAI~~,KAAK,MAAM,WAAW;AACxC,cAAQ,KAAK;AAAA,~~IAAA~~;~~AAEjB~~,QAAI,IAAI,~~QAAQ~~,~~IAAI~~,KAAK,IAAI,WAAW;AACpC,YAAM,KAAK;AAAA,~~IAAA~~;AAAA,~~EACf~~;~~AAEG~~,~~SAAA~~,CAAC,OAAO,GAAG;AACtB;"}
1	+ {"version":3,"file":"getStartEndDateForProject.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/getStartEndDateForProject.ts"],"sourcesContent":["import type { ExtendedTask } from './GanttChart'\n\nfunction getStartEndDateForProject(tasks: ExtendedTask[], projectId: string) {\n const projectTasks = tasks.filter((t) => t.project === projectId)\n let start = projectTasks[0].start\n let end = projectTasks[0].end\n\n for (let i = 0; i < projectTasks.length; i++) {\n const task = projectTasks[i]\n if (start.getTime() > task.start.getTime()) {\n start = task.start\n }\n if (end.getTime() < task.end.getTime()) {\n end = task.end\n }\n }\n return [start, end]\n}\n\nexport default getStartEndDateForProject\n"],"names":[],"mappings":"AAEA,SAAS,0BAA0B,OAAuB,WAAmB;AACzE,QAAM,eAAe,MAAM,OAAO,CAAC,MAAM,EAAE,YAAY,SAAS;AAChE,MAAI,QAAQ,aAAa,CAAC,EAAE;AAC5B,MAAI,MAAM,aAAa,CAAC,EAAE;AAE1B,WAAS,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK;AAC1C,UAAM,OAAO,aAAa,CAAC;AAC3B,QAAI,MAAM,QAAA,IAAY,KAAK,MAAM,WAAW;AACxC,cAAQ,KAAK;AAAA,IACjB;AACA,QAAI,IAAI,QAAA,IAAY,KAAK,IAAI,WAAW;AACpC,YAAM,KAAK;AAAA,IACf;AAAA,EACJ;AACA,SAAO,CAAC,OAAO,GAAG;AACtB;"}

package/dist/@ecme/components/shared/GanttChart/tasksPreProcess.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tasksPreProcess.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/tasksPreProcess.ts"],"sourcesContent":["import dayjs from 'dayjs'\nimport type { ExtendedTask } from './GanttChart'\n\nfunction hexToRgb(hex: string): string \| null {\n hex = hex.replace(/^#/, '')\n\n let bigint: number\n if (hex.length === 3) {\n bigint = parseInt(\n hex.charAt(0) +\n hex.charAt(0) +\n hex.charAt(1) +\n hex.charAt(1) +\n hex.charAt(2) +\n hex.charAt(2),\n 16,\n )\n } else if (hex.length === 6) {\n bigint = parseInt(hex, 16)\n } else {\n return null\n }\n\n const r = (bigint >> 16) & 255\n const g = (bigint >> 8) & 255\n const b = bigint & 255\n\n return `rgb(${r}, ${g}, ${b})`\n}\n\nfunction isHexOrRgb(color: string): 'hex' \| 'rgb' \| 'invalid' {\n const hexRegex = /^#?([A-Fa-f0-9]{6}\|[A-Fa-f0-9]{3})$/\n const rgbRegex = /^rgb\$(\\d{1,3}),\\s(\\d{1,3}),\\s(\\d{1,3})\$$/\n\n if (hexRegex.test(color)) {\n return 'hex'\n } else if (rgbRegex.test(color)) {\n return 'rgb'\n } else {\n return 'invalid'\n }\n}\n\nfunction applyOpacityToRgb(color: string, opacity: number): string \| null {\n const rgbRegex = /^rgb\$(\\d{1,3}),\\s(\\d{1,3}),\\s(\\d{1,3})\$$/\n const match = color.match(rgbRegex)\n\n if (match) {\n const r = parseInt(match[1], 10)\n const g = parseInt(match[2], 10)\n const b = parseInt(match[3], 10)\n\n if (opacity < 0 \|\| opacity > 1) {\n return null // Invalid opacity value\n }\n\n return `rgba(${r}, ${g}, ${b}, ${opacity})`\n } else {\n return null // Invalid RGB color\n }\n}\n\nexport default function tasksPreProcess(\n tasks: ExtendedTask[],\n colorsMap: Record<string, string>,\n) {\n const coloredTask = tasks.map((task) => {\n task.start = dayjs(task.start).toDate()\n task.end = dayjs(task.end).toDate()\n\n if (task.barVariant && colorsMap[task.barVariant]) {\n const inputColor = colorsMap[task.barVariant]\n let color = ''\n\n if (isHexOrRgb(inputColor) === 'invalid') {\n return task\n }\n\n if (isHexOrRgb(inputColor) === 'hex') {\n color = hexToRgb(inputColor) as string\n }\n\n if (task.type === 'task') {\n task.styles = {\n progressColor: color,\n backgroundColor: applyOpacityToRgb(color, 0.5) as string,\n progressSelectedColor: color,\n backgroundSelectedColor: applyOpacityToRgb(\n color,\n 0.5,\n ) as string,\n }\n }\n\n if (task.type === 'milestone') {\n task.styles = {\n backgroundColor: color,\n backgroundSelectedColor: color,\n }\n }\n\n if (task.type === 'project') {\n task.styles = {\n progressColor: applyOpacityToRgb(\n 'rgb(255,255,255)',\n 0.3,\n ) as string,\n backgroundColor: color,\n progressSelectedColor: applyOpacityToRgb(\n 'rgb(255,255,255)',\n 0.3,\n ) as string,\n backgroundSelectedColor: color,\n }\n }\n }\n\n return task\n })\n\n return coloredTask\n}\n"],"names":[],"mappings":";AAGA,SAAS,SAAS,KAA4B;~~AACpC~~,~~QAAA~~,IAAI,QAAQ,MAAM,EAAE;~~AAEtB~~,~~MAAA~~;~~AACA~~,~~MAAA~~,IAAI,WAAW,GAAG;~~AACT~~,~~aAAA~~;AAAA,MACL,IAAI,OAAO,CAAC,IACR,IAAI,OAAO,CAAC,IACZ,IAAI,OAAO,CAAC,IACZ,IAAI,OAAO,CAAC,IACZ,IAAI,OAAO,CAAC,IACZ,IAAI,OAAO,CAAC;AAAA,MAChB;AAAA,~~IACJ~~;AAAA,~~EAAA~~,~~WACO~~,IAAI,WAAW,GAAG;~~AAChB~~,~~aAAA~~,SAAS,KAAK,EAAE;AAAA,~~EAAA~~,~~OACtB~~;~~AACI~~,~~WAAA~~;AAAA,~~EAAA~~;~~AAGL~~,~~QAAA~~,IAAK,UAAU,KAAM;~~AACrB~~,~~QAAA~~,IAAK,UAAU,IAAK;AAC1B,QAAM,IAAI,SAAS;AAEnB,SAAO,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;AAC/B;AAEA,SAAS,WAAW,OAA0C;AAC1D,QAAM,WAAW;AACjB,QAAM,WAAW;~~AAEb~~,~~MAAA~~,SAAS,KAAK,KAAK,GAAG;~~AACf~~,~~WAAA~~;AAAA,~~EACA~~,~~WAAA~~,SAAS,KAAK,KAAK,GAAG;~~AACtB~~,~~WAAA~~;AAAA,~~EAAA~~,~~OACJ~~;~~AACI~~,~~WAAA~~;AAAA,~~EAAA~~;~~AAEf~~;AAEA,SAAS,kBAAkB,OAAe,SAAgC;AACtE,QAAM,WAAW;~~AACX~~,~~QAAA~~,QAAQ,MAAM,MAAM,QAAQ;AAElC,MAAI,OAAO;AACP,UAAM,IAAI,SAAS,MAAM,CAAC,GAAG,EAAE;AAC/B,UAAM,IAAI,SAAS,MAAM,CAAC,GAAG,EAAE;AAC/B,UAAM,IAAI,SAAS,MAAM,CAAC,GAAG,EAAE;~~AAE3B~~,~~QAAA~~,UAAU,KAAK,UAAU,GAAG;~~AACrB~~,~~aAAA~~;AAAA,~~IAAA~~;~~AAGX~~,WAAO,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,OAAO;AAAA,~~EAAA~~,~~OACrC~~;~~AACI~~,~~WAAA~~;AAAA,~~EAAA~~;~~AAEf~~;~~AAEwB~~,~~SAAA~~,gBACpB,OACA,WACF;AACE,QAAM,cAAc,MAAM,IAAI,CAAC,SAAS;AACpC,SAAK,QAAQ,MAAM,KAAK,KAAK,EAAE,~~OAAO~~;~~AACtC~~,SAAK,MAAM,MAAM,KAAK,GAAG,EAAE,~~OAAO~~;~~AAElC~~,QAAI,KAAK,cAAc,UAAU,KAAK,UAAU,GAAG;~~AACzC~~,~~YAAA~~,aAAa,UAAU,KAAK,UAAU;AAC5C,UAAI,QAAQ;~~AAER~~,~~UAAA~~,WAAW,UAAU,MAAM,WAAW;~~AAC/B~~,~~eAAA~~;AAAA,~~MAAA~~;~~AAGP~~,~~UAAA~~,WAAW,UAAU,MAAM,OAAO;AAClC,gBAAQ,SAAS,UAAU;AAAA,~~MAAA~~;~~AAG3B~~,~~UAAA~~,KAAK,SAAS,QAAQ;AACtB,aAAK,SAAS;AAAA,UACV,eAAe;AAAA,UACf,iBAAiB,kBAAkB,OAAO,GAAG;AAAA,UAC7C,uBAAuB;AAAA,UACvB,yBAAyB;AAAA,YACrB;AAAA,YACA;AAAA,UAAA;AAAA,~~QAER~~;AAAA,~~MAAA~~;~~AAGA~~,~~UAAA~~,KAAK,SAAS,aAAa;AAC3B,aAAK,SAAS;AAAA,UACV,iBAAiB;AAAA,UACjB,yBAAyB;AAAA,~~QAC7B~~;AAAA,~~MAAA~~;~~AAGA~~,~~UAAA~~,KAAK,SAAS,WAAW;AACzB,aAAK,SAAS;AAAA,UACV,eAAe;AAAA,YACX;AAAA,YACA;AAAA,~~UACJ~~;AAAA,~~UACA~~,iBAAiB;AAAA,UACjB,uBAAuB;AAAA,YACnB;AAAA,YACA;AAAA,~~UACJ~~;AAAA,~~UACA~~,yBAAyB;AAAA,~~QAC7B~~;AAAA,~~MAAA~~;AAAA,IACJ;~~AAGG~~,~~WAAA~~;AAAA,~~EAAA~~,~~CACV~~;~~AAEM~~,~~SAAA~~;AACX;"}
1	+ {"version":3,"file":"tasksPreProcess.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/tasksPreProcess.ts"],"sourcesContent":["import dayjs from 'dayjs'\nimport type { ExtendedTask } from './GanttChart'\n\nfunction hexToRgb(hex: string): string \| null {\n hex = hex.replace(/^#/, '')\n\n let bigint: number\n if (hex.length === 3) {\n bigint = parseInt(\n hex.charAt(0) +\n hex.charAt(0) +\n hex.charAt(1) +\n hex.charAt(1) +\n hex.charAt(2) +\n hex.charAt(2),\n 16,\n )\n } else if (hex.length === 6) {\n bigint = parseInt(hex, 16)\n } else {\n return null\n }\n\n const r = (bigint >> 16) & 255\n const g = (bigint >> 8) & 255\n const b = bigint & 255\n\n return `rgb(${r}, ${g}, ${b})`\n}\n\nfunction isHexOrRgb(color: string): 'hex' \| 'rgb' \| 'invalid' {\n const hexRegex = /^#?([A-Fa-f0-9]{6}\|[A-Fa-f0-9]{3})$/\n const rgbRegex = /^rgb\$(\\d{1,3}),\\s(\\d{1,3}),\\s(\\d{1,3})\$$/\n\n if (hexRegex.test(color)) {\n return 'hex'\n } else if (rgbRegex.test(color)) {\n return 'rgb'\n } else {\n return 'invalid'\n }\n}\n\nfunction applyOpacityToRgb(color: string, opacity: number): string \| null {\n const rgbRegex = /^rgb\$(\\d{1,3}),\\s(\\d{1,3}),\\s(\\d{1,3})\$$/\n const match = color.match(rgbRegex)\n\n if (match) {\n const r = parseInt(match[1], 10)\n const g = parseInt(match[2], 10)\n const b = parseInt(match[3], 10)\n\n if (opacity < 0 \|\| opacity > 1) {\n return null // Invalid opacity value\n }\n\n return `rgba(${r}, ${g}, ${b}, ${opacity})`\n } else {\n return null // Invalid RGB color\n }\n}\n\nexport default function tasksPreProcess(\n tasks: ExtendedTask[],\n colorsMap: Record<string, string>,\n) {\n const coloredTask = tasks.map((task) => {\n task.start = dayjs(task.start).toDate()\n task.end = dayjs(task.end).toDate()\n\n if (task.barVariant && colorsMap[task.barVariant]) {\n const inputColor = colorsMap[task.barVariant]\n let color = ''\n\n if (isHexOrRgb(inputColor) === 'invalid') {\n return task\n }\n\n if (isHexOrRgb(inputColor) === 'hex') {\n color = hexToRgb(inputColor) as string\n }\n\n if (task.type === 'task') {\n task.styles = {\n progressColor: color,\n backgroundColor: applyOpacityToRgb(color, 0.5) as string,\n progressSelectedColor: color,\n backgroundSelectedColor: applyOpacityToRgb(\n color,\n 0.5,\n ) as string,\n }\n }\n\n if (task.type === 'milestone') {\n task.styles = {\n backgroundColor: color,\n backgroundSelectedColor: color,\n }\n }\n\n if (task.type === 'project') {\n task.styles = {\n progressColor: applyOpacityToRgb(\n 'rgb(255,255,255)',\n 0.3,\n ) as string,\n backgroundColor: color,\n progressSelectedColor: applyOpacityToRgb(\n 'rgb(255,255,255)',\n 0.3,\n ) as string,\n backgroundSelectedColor: color,\n }\n }\n }\n\n return task\n })\n\n return coloredTask\n}\n"],"names":[],"mappings":";AAGA,SAAS,SAAS,KAA4B;AAC1C,QAAM,IAAI,QAAQ,MAAM,EAAE;AAE1B,MAAI;AACJ,MAAI,IAAI,WAAW,GAAG;AAClB,aAAS;AAAA,MACL,IAAI,OAAO,CAAC,IACR,IAAI,OAAO,CAAC,IACZ,IAAI,OAAO,CAAC,IACZ,IAAI,OAAO,CAAC,IACZ,IAAI,OAAO,CAAC,IACZ,IAAI,OAAO,CAAC;AAAA,MAChB;AAAA,IAAA;AAAA,EAER,WAAW,IAAI,WAAW,GAAG;AACzB,aAAS,SAAS,KAAK,EAAE;AAAA,EAC7B,OAAO;AACH,WAAO;AAAA,EACX;AAEA,QAAM,IAAK,UAAU,KAAM;AAC3B,QAAM,IAAK,UAAU,IAAK;AAC1B,QAAM,IAAI,SAAS;AAEnB,SAAO,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;AAC/B;AAEA,SAAS,WAAW,OAA0C;AAC1D,QAAM,WAAW;AACjB,QAAM,WAAW;AAEjB,MAAI,SAAS,KAAK,KAAK,GAAG;AACtB,WAAO;AAAA,EACX,WAAW,SAAS,KAAK,KAAK,GAAG;AAC7B,WAAO;AAAA,EACX,OAAO;AACH,WAAO;AAAA,EACX;AACJ;AAEA,SAAS,kBAAkB,OAAe,SAAgC;AACtE,QAAM,WAAW;AACjB,QAAM,QAAQ,MAAM,MAAM,QAAQ;AAElC,MAAI,OAAO;AACP,UAAM,IAAI,SAAS,MAAM,CAAC,GAAG,EAAE;AAC/B,UAAM,IAAI,SAAS,MAAM,CAAC,GAAG,EAAE;AAC/B,UAAM,IAAI,SAAS,MAAM,CAAC,GAAG,EAAE;AAE/B,QAAI,UAAU,KAAK,UAAU,GAAG;AAC5B,aAAO;AAAA,IACX;AAEA,WAAO,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,OAAO;AAAA,EAC5C,OAAO;AACH,WAAO;AAAA,EACX;AACJ;AAEA,SAAwB,gBACpB,OACA,WACF;AACE,QAAM,cAAc,MAAM,IAAI,CAAC,SAAS;AACpC,SAAK,QAAQ,MAAM,KAAK,KAAK,EAAE,OAAA;AAC/B,SAAK,MAAM,MAAM,KAAK,GAAG,EAAE,OAAA;AAE3B,QAAI,KAAK,cAAc,UAAU,KAAK,UAAU,GAAG;AAC/C,YAAM,aAAa,UAAU,KAAK,UAAU;AAC5C,UAAI,QAAQ;AAEZ,UAAI,WAAW,UAAU,MAAM,WAAW;AACtC,eAAO;AAAA,MACX;AAEA,UAAI,WAAW,UAAU,MAAM,OAAO;AAClC,gBAAQ,SAAS,UAAU;AAAA,MAC/B;AAEA,UAAI,KAAK,SAAS,QAAQ;AACtB,aAAK,SAAS;AAAA,UACV,eAAe;AAAA,UACf,iBAAiB,kBAAkB,OAAO,GAAG;AAAA,UAC7C,uBAAuB;AAAA,UACvB,yBAAyB;AAAA,YACrB;AAAA,YACA;AAAA,UAAA;AAAA,QACJ;AAAA,MAER;AAEA,UAAI,KAAK,SAAS,aAAa;AAC3B,aAAK,SAAS;AAAA,UACV,iBAAiB;AAAA,UACjB,yBAAyB;AAAA,QAAA;AAAA,MAEjC;AAEA,UAAI,KAAK,SAAS,WAAW;AACzB,aAAK,SAAS;AAAA,UACV,eAAe;AAAA,YACX;AAAA,YACA;AAAA,UAAA;AAAA,UAEJ,iBAAiB;AAAA,UACjB,uBAAuB;AAAA,YACnB;AAAA,YACA;AAAA,UAAA;AAAA,UAEJ,yBAAyB;AAAA,QAAA;AAAA,MAEjC;AAAA,IACJ;AAEA,WAAO;AAAA,EACX,CAAC;AAED,SAAO;AACX;"}

package/dist/@ecme/components/shared/GrowShrinkValue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GrowShrinkValue.js","sources":["../../../../lib/@ecme/components/shared/GrowShrinkValue.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport { HiArrowUp, HiArrowDown } from 'react-icons/hi'\nimport type { ReactNode, Ref } from 'react'\n\ntype GrowShrinkTagProps = {\n value?: number\n showIcon?: boolean\n prefix?: ReactNode \| string\n suffix?: ReactNode \| string\n positiveIcon?: ReactNode \| string\n negativeIcon?: ReactNode \| string\n positiveClass?: string\n negativeClass?: string\n className?: string\n ref?: Ref<HTMLDivElement>\n}\n\nconst GrowShrinkValue = (props: GrowShrinkTagProps) => {\n const {\n value = 0,\n className,\n prefix,\n suffix,\n positiveIcon,\n negativeIcon,\n showIcon = true,\n positiveClass,\n negativeClass,\n ref,\n } = props\n\n return (\n <span\n ref={ref}\n className={classNames(\n 'flex items-center',\n value > 0\n ? classNames('text-success', positiveClass)\n : classNames('text-error', negativeClass),\n className,\n )}\n >\n {value !== 0 && (\n <span>\n {showIcon &&\n (value > 0 ? (\n typeof positiveIcon !== 'undefined' ? (\n positiveIcon\n ) : (\n <HiArrowUp />\n )\n ) : typeof negativeIcon !== 'undefined' ? (\n negativeIcon\n ) : (\n <HiArrowDown />\n ))}\n </span>\n )}\n <span>\n {prefix}\n {value}\n {suffix}\n </span>\n </span>\n )\n}\n\nexport default GrowShrinkValue\n"],"names":[],"mappings":";;;~~AAiBM~~,~~MAAA~~,kBAAkB,CAAC,UAA8B;~~AAC7C~~,~~QAAA~~;AAAA,IACF,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;~~AAGA~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAW;AAAA,QACP;AAAA,QACA,QAAQ,IACF,WAAW,gBAAgB,aAAa,IACxC,WAAW,cAAc,aAAa;AAAA,QAC5C;AAAA,~~MACJ~~;AAAA,~~MAEC~~,UAAA;AAAA,QAAA,UAAU,~~KACN~~,~~oBAAA~~,QAAA,EACI,uBACI,QAAQ,IACL,OAAO,iBAAiB,cACpB,~~eAEC~~,~~oBAAA~~,WAAA,CAAA,CAAU,IAEf,OAAO,iBAAiB,cACxB,eAEA,oBAAC,~~cAAY~~,~~CAAA~~,~~GAEzB,CAAA~~;AAAA,6BAEH,~~QACI~~,~~EAAA~~,UAAA;AAAA,UAAA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,~~EACL~~,~~CAAA~~;AAAA,MAAA;AAAA,IAAA;AAAA,~~EACJ~~;~~AAER~~;"}
1	+ {"version":3,"file":"GrowShrinkValue.js","sources":["../../../../lib/@ecme/components/shared/GrowShrinkValue.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport { HiArrowUp, HiArrowDown } from 'react-icons/hi'\nimport type { ReactNode, Ref } from 'react'\n\ntype GrowShrinkTagProps = {\n value?: number\n showIcon?: boolean\n prefix?: ReactNode \| string\n suffix?: ReactNode \| string\n positiveIcon?: ReactNode \| string\n negativeIcon?: ReactNode \| string\n positiveClass?: string\n negativeClass?: string\n className?: string\n ref?: Ref<HTMLDivElement>\n}\n\nconst GrowShrinkValue = (props: GrowShrinkTagProps) => {\n const {\n value = 0,\n className,\n prefix,\n suffix,\n positiveIcon,\n negativeIcon,\n showIcon = true,\n positiveClass,\n negativeClass,\n ref,\n } = props\n\n return (\n <span\n ref={ref}\n className={classNames(\n 'flex items-center',\n value > 0\n ? classNames('text-success', positiveClass)\n : classNames('text-error', negativeClass),\n className,\n )}\n >\n {value !== 0 && (\n <span>\n {showIcon &&\n (value > 0 ? (\n typeof positiveIcon !== 'undefined' ? (\n positiveIcon\n ) : (\n <HiArrowUp />\n )\n ) : typeof negativeIcon !== 'undefined' ? (\n negativeIcon\n ) : (\n <HiArrowDown />\n ))}\n </span>\n )}\n <span>\n {prefix}\n {value}\n {suffix}\n </span>\n </span>\n )\n}\n\nexport default GrowShrinkValue\n"],"names":[],"mappings":";;;AAiBA,MAAM,kBAAkB,CAAC,UAA8B;AACnD,QAAM;AAAA,IACF,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAW;AAAA,QACP;AAAA,QACA,QAAQ,IACF,WAAW,gBAAgB,aAAa,IACxC,WAAW,cAAc,aAAa;AAAA,QAC5C;AAAA,MAAA;AAAA,MAGH,UAAA;AAAA,QAAA,UAAU,KACP,oBAAC,QAAA,EACI,uBACI,QAAQ,IACL,OAAO,iBAAiB,cACpB,eAEA,oBAAC,WAAA,CAAA,CAAU,IAEf,OAAO,iBAAiB,cACxB,eAEA,oBAAC,eAAY,GAAA,CAEzB;AAAA,6BAEH,QAAA,EACI,UAAA;AAAA,UAAA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EAAA,CACL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/components/shared/IconText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconText.js","sources":["../../../../lib/@ecme/components/shared/IconText.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport type { CommonProps } from '@/@types/common'\nimport type { ReactNode, ElementType } from 'react'\n\nexport interface IconTextProps extends CommonProps {\n icon?: ReactNode \| string\n asElement?: ElementType\n}\n\nconst IconText = ({\n className,\n asElement: Component = 'span',\n icon,\n children,\n}: IconTextProps) => {\n return (\n <Component className={classNames('flex items-center gap-2', className)}>\n {icon}\n {children}\n </Component>\n )\n}\n\nexport default IconText\n"],"names":[],"mappings":";;AASA,MAAM,WAAW,CAAC;AAAA,EACd;AAAA,EACA,WAAW,YAAY;AAAA,EACvB;AAAA,EACA;AACJ,MAAqB;AACjB,8BACK,~~WAAU~~,~~EAAA~~,WAAW,WAAW,2BAA2B,SAAS,GAChE,UAAA;AAAA,IAAA;AAAA,IACA;AAAA,EAAA,GACL;AAER;"}
1	+ {"version":3,"file":"IconText.js","sources":["../../../../lib/@ecme/components/shared/IconText.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport type { CommonProps } from '@/@types/common'\nimport type { ReactNode, ElementType } from 'react'\n\nexport interface IconTextProps extends CommonProps {\n icon?: ReactNode \| string\n asElement?: ElementType\n}\n\nconst IconText = ({\n className,\n asElement: Component = 'span',\n icon,\n children,\n}: IconTextProps) => {\n return (\n <Component className={classNames('flex items-center gap-2', className)}>\n {icon}\n {children}\n </Component>\n )\n}\n\nexport default IconText\n"],"names":[],"mappings":";;AASA,MAAM,WAAW,CAAC;AAAA,EACd;AAAA,EACA,WAAW,YAAY;AAAA,EACvB;AAAA,EACA;AACJ,MAAqB;AACjB,8BACK,WAAA,EAAU,WAAW,WAAW,2BAA2B,SAAS,GAChE,UAAA;AAAA,IAAA;AAAA,IACA;AAAA,EAAA,GACL;AAER;"}

package/dist/@ecme/components/shared/ImageGallery.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ImageGallery.js","sources":["../../../../lib/@ecme/components/shared/ImageGallery.tsx"],"sourcesContent":["import Lightbox, { LightboxProps } from 'yet-another-react-lightbox'\nimport 'yet-another-react-lightbox/styles.css'\nimport type { ReactNode } from 'react'\n\nexport type ImageGalleryProps = Partial<LightboxProps> & {\n children?: ReactNode\n index?: number\n onClose?: () => void\n}\n\nconst ImageGallery = ({\n children,\n index = -1,\n slides,\n onClose,\n ...rest\n}: ImageGalleryProps) => {\n return (\n <>\n {children}\n <Lightbox\n index={index}\n slides={slides}\n {...rest}\n open={index >= 0}\n close={() => onClose?.()}\n />\n </>\n )\n}\n\nexport default ImageGallery\n"],"names":[],"mappings":";;;AAUA,MAAM,eAAe,CAAC;AAAA,EAClB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAyB;AACrB,~~SAES~~,qBAAA,UAAA,~~EAAA~~,UAAA;AAAA,IAAA;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QACJ,MAAM,SAAS;AAAA,QACf,OAAO,MAAM,~~UAAU~~;AAAA,~~MAAA~~;AAAA,IAAA;AAAA,EAC3B,GACJ;AAER;"}
1	+ {"version":3,"file":"ImageGallery.js","sources":["../../../../lib/@ecme/components/shared/ImageGallery.tsx"],"sourcesContent":["import Lightbox, { LightboxProps } from 'yet-another-react-lightbox'\nimport 'yet-another-react-lightbox/styles.css'\nimport type { ReactNode } from 'react'\n\nexport type ImageGalleryProps = Partial<LightboxProps> & {\n children?: ReactNode\n index?: number\n onClose?: () => void\n}\n\nconst ImageGallery = ({\n children,\n index = -1,\n slides,\n onClose,\n ...rest\n}: ImageGalleryProps) => {\n return (\n <>\n {children}\n <Lightbox\n index={index}\n slides={slides}\n {...rest}\n open={index >= 0}\n close={() => onClose?.()}\n />\n </>\n )\n}\n\nexport default ImageGallery\n"],"names":[],"mappings":";;;AAUA,MAAM,eAAe,CAAC;AAAA,EAClB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAyB;AACrB,SACI,qBAAA,UAAA,EACK,UAAA;AAAA,IAAA;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QACJ,MAAM,SAAS;AAAA,QACf,OAAO,MAAM,UAAA;AAAA,MAAU;AAAA,IAAA;AAAA,EAC3B,GACJ;AAER;"}

package/dist/@ecme/components/shared/Loading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Loading.js","sources":["../../../../lib/@ecme/components/shared/Loading.tsx"],"sourcesContent":["import Spinner from '@/components/ui/Spinner'\nimport classNames from 'classnames'\nimport type { CommonProps } from '@/@types/common'\nimport type { ElementType, ReactNode } from 'react'\n\ninterface BaseLoadingProps extends CommonProps {\n asElement?: ElementType\n customLoader?: ReactNode\n loading: boolean\n spinnerClass?: string\n}\n\ninterface LoadingProps extends BaseLoadingProps {\n type?: 'default' \| 'cover'\n}\n\nconst DefaultLoading = (props: BaseLoadingProps) => {\n const {\n loading,\n children,\n spinnerClass,\n className,\n asElement: Component = 'div',\n customLoader,\n } = props\n\n return loading ? (\n <Component\n className={classNames(\n !customLoader && 'flex items-center justify-center h-full',\n className,\n )}\n >\n {customLoader ? (\n <>{customLoader}</>\n ) : (\n <Spinner className={spinnerClass} size={40} />\n )}\n </Component>\n ) : (\n <>{children}</>\n )\n}\n\nconst CoveredLoading = (props: BaseLoadingProps) => {\n const {\n loading,\n children,\n spinnerClass,\n className,\n asElement: Component = 'div',\n customLoader,\n } = props\n\n return (\n <Component className={classNames(loading ? 'relative' : '', className)}>\n {children}\n {loading && (\n <div className=\"w-full h-full bg-white dark:bg-gray-800 dark:bg-opacity-60 bg-opacity-50 absolute inset-0\" />\n )}\n {loading && (\n <div className=\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10\">\n {customLoader ? (\n <>{customLoader}</>\n ) : (\n <Spinner className={spinnerClass} size={40} />\n )}\n </div>\n )}\n </Component>\n )\n}\n\nconst Loading = ({\n type = 'default',\n loading = false,\n asElement = 'div',\n ...rest\n}: LoadingProps) => {\n switch (type) {\n case 'default':\n return (\n <DefaultLoading\n loading={loading}\n asElement={asElement}\n {...rest}\n />\n )\n case 'cover':\n return (\n <CoveredLoading\n loading={loading}\n asElement={asElement}\n {...rest}\n />\n )\n default:\n return (\n <DefaultLoading\n loading={loading}\n asElement={asElement}\n {...rest}\n />\n )\n }\n}\n\nexport default Loading\n"],"names":[],"mappings":";;;;AAgBA,MAAM,iBAAiB,CAAC,UAA4B;~~AAC1C~~,~~QAAA~~;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,YAAY;AAAA,IACvB;AAAA,EAAA,IACA;AAEJ,SAAO,UACH;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP,CAAC,gBAAgB;AAAA,QACjB;AAAA,~~MACJ~~;AAAA,~~MAEC~~,UAAA,+CACM,~~UAAa~~,aAAA,~~CAAA~~,wBAEf,~~SAAQ~~,~~EAAA~~,WAAW,cAAc,MAAM,~~GAAI~~,~~CAAA~~;AAAA,IAAA;AAAA,~~EAEpD~~,~~oCAEG~~,UAAS;AAEpB;AAEA,MAAM,iBAAiB,CAAC,UAA4B;~~AAC1C~~,~~QAAA~~;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,YAAY;AAAA,IACvB;AAAA,EAAA,IACA;~~AAGA~~,~~SAAA~~,qBAAC,aAAU,WAAW,WAAW,UAAU,aAAa,IAAI,SAAS,GAChE,UAAA;AAAA,IAAA;AAAA,IACA,WACG,oBAAC,~~OAAI~~,~~EAAA~~,WAAU,~~4FAA4F~~,~~CAAA~~;AAAA,IAE9G,WACG,oBAAC,~~OAAI~~,~~EAAA~~,WAAU,8EACV,~~UACG~~,~~eAAA~~,oBAAA,UAAA,EAAG,~~UAAa~~,aAAA,~~CAAA~~,wBAEf,~~SAAQ~~,~~EAAA~~,WAAW,cAAc,MAAM,IAAI,~~EAEpD~~,~~CAAA~~;AAAA,EAAA,GAER;AAER;AAEA,MAAM,UAAU,CAAC;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,GAAG;AACP,MAAoB;AAChB,UAAQ,~~MAAM~~;AAAA,~~IACV~~,KAAK;~~AAEG~~,~~aAAA~~;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,~~MACR~~;AAAA,~~IAER~~,KAAK;~~AAEG~~,~~aAAA~~;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,~~MACR~~;AAAA,~~IAER~~;~~AAEQ~~,~~aAAA~~;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,~~MACR~~;AAAA,~~EAAA~~;AAGhB;"}
1	+ {"version":3,"file":"Loading.js","sources":["../../../../lib/@ecme/components/shared/Loading.tsx"],"sourcesContent":["import Spinner from '@/components/ui/Spinner'\nimport classNames from 'classnames'\nimport type { CommonProps } from '@/@types/common'\nimport type { ElementType, ReactNode } from 'react'\n\ninterface BaseLoadingProps extends CommonProps {\n asElement?: ElementType\n customLoader?: ReactNode\n loading: boolean\n spinnerClass?: string\n}\n\ninterface LoadingProps extends BaseLoadingProps {\n type?: 'default' \| 'cover'\n}\n\nconst DefaultLoading = (props: BaseLoadingProps) => {\n const {\n loading,\n children,\n spinnerClass,\n className,\n asElement: Component = 'div',\n customLoader,\n } = props\n\n return loading ? (\n <Component\n className={classNames(\n !customLoader && 'flex items-center justify-center h-full',\n className,\n )}\n >\n {customLoader ? (\n <>{customLoader}</>\n ) : (\n <Spinner className={spinnerClass} size={40} />\n )}\n </Component>\n ) : (\n <>{children}</>\n )\n}\n\nconst CoveredLoading = (props: BaseLoadingProps) => {\n const {\n loading,\n children,\n spinnerClass,\n className,\n asElement: Component = 'div',\n customLoader,\n } = props\n\n return (\n <Component className={classNames(loading ? 'relative' : '', className)}>\n {children}\n {loading && (\n <div className=\"w-full h-full bg-white dark:bg-gray-800 dark:bg-opacity-60 bg-opacity-50 absolute inset-0\" />\n )}\n {loading && (\n <div className=\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10\">\n {customLoader ? (\n <>{customLoader}</>\n ) : (\n <Spinner className={spinnerClass} size={40} />\n )}\n </div>\n )}\n </Component>\n )\n}\n\nconst Loading = ({\n type = 'default',\n loading = false,\n asElement = 'div',\n ...rest\n}: LoadingProps) => {\n switch (type) {\n case 'default':\n return (\n <DefaultLoading\n loading={loading}\n asElement={asElement}\n {...rest}\n />\n )\n case 'cover':\n return (\n <CoveredLoading\n loading={loading}\n asElement={asElement}\n {...rest}\n />\n )\n default:\n return (\n <DefaultLoading\n loading={loading}\n asElement={asElement}\n {...rest}\n />\n )\n }\n}\n\nexport default Loading\n"],"names":[],"mappings":";;;;AAgBA,MAAM,iBAAiB,CAAC,UAA4B;AAChD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,YAAY;AAAA,IACvB;AAAA,EAAA,IACA;AAEJ,SAAO,UACH;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP,CAAC,gBAAgB;AAAA,QACjB;AAAA,MAAA;AAAA,MAGH,UAAA,+CACM,UAAA,aAAA,CAAa,wBAEf,SAAA,EAAQ,WAAW,cAAc,MAAM,GAAA,CAAI;AAAA,IAAA;AAAA,EAAA,oCAIjD,UAAS;AAEpB;AAEA,MAAM,iBAAiB,CAAC,UAA4B;AAChD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,YAAY;AAAA,IACvB;AAAA,EAAA,IACA;AAEJ,SACI,qBAAC,aAAU,WAAW,WAAW,UAAU,aAAa,IAAI,SAAS,GAChE,UAAA;AAAA,IAAA;AAAA,IACA,WACG,oBAAC,OAAA,EAAI,WAAU,4FAAA,CAA4F;AAAA,IAE9G,WACG,oBAAC,OAAA,EAAI,WAAU,8EACV,UAAA,eACG,oBAAA,UAAA,EAAG,UAAA,aAAA,CAAa,wBAEf,SAAA,EAAQ,WAAW,cAAc,MAAM,IAAI,EAAA,CAEpD;AAAA,EAAA,GAER;AAER;AAEA,MAAM,UAAU,CAAC;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,GAAG;AACP,MAAoB;AAChB,UAAQ,MAAA;AAAA,IACJ,KAAK;AACD,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhB,KAAK;AACD,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhB;AACI,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,EACR;AAGhB;"}

package/dist/@ecme/components/shared/Masonry/Masonry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Masonry.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/Masonry.tsx"],"sourcesContent":["import { ElementType, useId } from 'react'\nimport { MasonryProps } from './types'\nimport useMasonry from './useMasonry'\nimport { MasonryItemContext } from './context'\nimport type { Ref } from 'react'\n\nconst MasonryBase = <T extends ElementType = 'div'>(\n props: MasonryProps<T> & {\n ref?: Ref<T>\n },\n) => {\n const {\n gap,\n asElement: Component = 'div',\n columnProps,\n columns,\n ref: forwaredRef,\n ...rest\n } = props\n\n const uniq = useId()\n const columnsChildren = useMasonry(props.children, columns)\n\n return (\n <Component\n data-masonry-id={`Masonry-${uniq}`}\n {...rest}\n ref={forwaredRef}\n style={{ display: 'flex', gap, ...rest.style }}\n >\n {columnsChildren.map((column, index) => {\n return (\n <Component\n key={`Masonry__Column_${uniq}_${index}`}\n data-masonry-column={index + 1}\n {...columnProps}\n style={{\n display: 'flex',\n flex: 1,\n flexDirection: 'column',\n gap,\n ...columnProps?.style,\n }}\n >\n {column.map((child, childIndex) => {\n return (\n <MasonryItemContext.Provider\n key={`Masonry__Column_Child_${uniq}_${childIndex}`}\n value={{\n column: index,\n position: childIndex,\n }}\n >\n {child}\n </MasonryItemContext.Provider>\n )\n })}\n </Component>\n )\n })}\n </Component>\n )\n}\n\nexport const Masonry = MasonryBase\n"],"names":[],"mappings":";;;;AAMA,MAAM,cAAc,CAChB,UAGC;~~AACK~~,~~QAAA~~;AAAA,IACF;AAAA,IACA,WAAW,YAAY;AAAA,IACvB;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,OAAO,~~MAAM~~;~~AACnB~~,QAAM,kBAAkB,WAAW,MAAM,UAAU,OAAO;~~AAGtD~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,mBAAiB,WAAW,IAAI;AAAA,MAC/B,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,OAAO,EAAE,SAAS,QAAQ,KAAK,GAAG,KAAK,~~MAAM~~;AAAA,~~MAE5C~~,~~UAAgB~~,~~gBAAA~~,IAAI,CAAC,QAAQ,UAAU;~~AAEhC~~,~~eAAA~~;AAAA,UAAC;AAAA,UAAA;AAAA,YAEG,uBAAqB,QAAQ;AAAA,YAC5B,GAAG;AAAA,YACJ,OAAO;AAAA,cACH,SAAS;AAAA,cACT,MAAM;AAAA,cACN,eAAe;AAAA,cACf;AAAA,cACA,GAAG,aAAa;AAAA,~~YACpB~~;AAAA,~~YAEC~~,~~UAAO~~,~~OAAA~~,IAAI,CAAC,OAAO,eAAe;~~AAE3B~~,~~qBAAA~~;AAAA,gBAAC,mBAAmB;AAAA,gBAAnB;AAAA,kBAEG,OAAO;AAAA,oBACH,QAAQ;AAAA,oBACR,UAAU;AAAA,~~kBACd~~;AAAA,~~kBAEC~~,UAAA;AAAA,gBAAA;AAAA,gBANI,yBAAyB,IAAI,IAAI,UAAU;AAAA,~~cAOpD~~;AAAA,~~YAEP~~,~~CAAA~~;AAAA,UAAA;AAAA,UAvBI,mBAAmB,IAAI,IAAI,KAAK;AAAA,~~QAwBzC~~;AAAA,~~MAEP~~,~~CAAA~~;AAAA,IAAA;AAAA,~~EACL~~;~~AAER~~;AAEO,MAAM,UAAU;"}
1	+ {"version":3,"file":"Masonry.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/Masonry.tsx"],"sourcesContent":["import { ElementType, useId } from 'react'\nimport { MasonryProps } from './types'\nimport useMasonry from './useMasonry'\nimport { MasonryItemContext } from './context'\nimport type { Ref } from 'react'\n\nconst MasonryBase = <T extends ElementType = 'div'>(\n props: MasonryProps<T> & {\n ref?: Ref<T>\n },\n) => {\n const {\n gap,\n asElement: Component = 'div',\n columnProps,\n columns,\n ref: forwaredRef,\n ...rest\n } = props\n\n const uniq = useId()\n const columnsChildren = useMasonry(props.children, columns)\n\n return (\n <Component\n data-masonry-id={`Masonry-${uniq}`}\n {...rest}\n ref={forwaredRef}\n style={{ display: 'flex', gap, ...rest.style }}\n >\n {columnsChildren.map((column, index) => {\n return (\n <Component\n key={`Masonry__Column_${uniq}_${index}`}\n data-masonry-column={index + 1}\n {...columnProps}\n style={{\n display: 'flex',\n flex: 1,\n flexDirection: 'column',\n gap,\n ...columnProps?.style,\n }}\n >\n {column.map((child, childIndex) => {\n return (\n <MasonryItemContext.Provider\n key={`Masonry__Column_Child_${uniq}_${childIndex}`}\n value={{\n column: index,\n position: childIndex,\n }}\n >\n {child}\n </MasonryItemContext.Provider>\n )\n })}\n </Component>\n )\n })}\n </Component>\n )\n}\n\nexport const Masonry = MasonryBase\n"],"names":[],"mappings":";;;;AAMA,MAAM,cAAc,CAChB,UAGC;AACD,QAAM;AAAA,IACF;AAAA,IACA,WAAW,YAAY;AAAA,IACvB;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,OAAO,MAAA;AACb,QAAM,kBAAkB,WAAW,MAAM,UAAU,OAAO;AAE1D,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,mBAAiB,WAAW,IAAI;AAAA,MAC/B,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,OAAO,EAAE,SAAS,QAAQ,KAAK,GAAG,KAAK,MAAA;AAAA,MAEtC,UAAA,gBAAgB,IAAI,CAAC,QAAQ,UAAU;AACpC,eACI;AAAA,UAAC;AAAA,UAAA;AAAA,YAEG,uBAAqB,QAAQ;AAAA,YAC5B,GAAG;AAAA,YACJ,OAAO;AAAA,cACH,SAAS;AAAA,cACT,MAAM;AAAA,cACN,eAAe;AAAA,cACf;AAAA,cACA,GAAG,aAAa;AAAA,YAAA;AAAA,YAGnB,UAAA,OAAO,IAAI,CAAC,OAAO,eAAe;AAC/B,qBACI;AAAA,gBAAC,mBAAmB;AAAA,gBAAnB;AAAA,kBAEG,OAAO;AAAA,oBACH,QAAQ;AAAA,oBACR,UAAU;AAAA,kBAAA;AAAA,kBAGb,UAAA;AAAA,gBAAA;AAAA,gBANI,yBAAyB,IAAI,IAAI,UAAU;AAAA,cAAA;AAAA,YAS5D,CAAC;AAAA,UAAA;AAAA,UAvBI,mBAAmB,IAAI,IAAI,KAAK;AAAA,QAAA;AAAA,MA0BjD,CAAC;AAAA,IAAA;AAAA,EAAA;AAGb;AAEO,MAAM,UAAU;"}

package/dist/@ecme/components/shared/Masonry/breakpoints.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breakpoints.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/breakpoints.ts"],"sourcesContent":["import { BreakPointSpec, BreakPoints, BreakPointsArray } from './types'\n\nconst defaultBreakpoints = [640, 786, 1024, 1280, 1536]\n\nconst arrayToBreakpoints = (breakPoints: BreakPointsArray): BreakPoints => {\n return breakPoints.reduce((obj, bpValue, bpIndex) => {\n if (typeof bpValue !== 'number') {\n return obj\n }\n\n return {\n ...obj,\n ...{ [defaultBreakpoints[bpIndex]]: bpValue },\n }\n }, {})\n}\n\nexport const normalizeBreakPoints = (\n breakPoints: BreakPointSpec,\n): BreakPoints => {\n if (!Array.isArray(breakPoints)) {\n return breakPoints\n }\n\n return arrayToBreakpoints(breakPoints)\n}\n\nconst findBreakpoint = (\n breakpoints: BreakPointSpec,\n windowWidth: number,\n): number => {\n const sortedBreakPoints = Object.keys(normalizeBreakPoints(breakpoints))\n .map(Number)\n .sort((a, b) => a - b)\n\n let bp: number \| null = null\n\n for (const breakPoint of sortedBreakPoints) {\n if (windowWidth > breakPoint) {\n bp = breakPoint\n }\n }\n\n return bp ?? sortedBreakPoints[0]\n}\n\nexport default findBreakpoint\n"],"names":[],"mappings":"AAEA,MAAM,qBAAqB,CAAC,KAAK,KAAK,MAAM,MAAM,IAAI;AAEtD,MAAM,qBAAqB,CAAC,gBAA+C;AACvE,SAAO,YAAY,OAAO,CAAC,KAAK,SAAS,YAAY;~~AAC7C~~,~~QAAA~~,OAAO,YAAY,UAAU;~~AACtB~~,~~aAAA~~;AAAA,~~IAAA~~;~~AAGJ~~,~~WAAA~~;AAAA,MACH,GAAG;AAAA,MACH,GAAG,EAAE,CAAC,mBAAmB,OAAO,CAAC,GAAG,~~QAAQ~~;AAAA,~~IAChD~~;AAAA,~~EACJ~~,GAAG,~~EAAE~~;AACT;~~AAEa~~,~~MAAA~~,uBAAuB,CAChC,gBACc;AACd,MAAI,CAAC,MAAM,QAAQ,WAAW,GAAG;~~AACtB~~,~~WAAA~~;AAAA,~~EAAA~~;~~AAGX~~,SAAO,mBAAmB,WAAW;AACzC;~~AAEM~~,~~MAAA~~,iBAAiB,CACnB,aACA,gBACS;AACT,QAAM,oBAAoB,OAAO,KAAK,qBAAqB,WAAW,CAAC,EAClE,IAAI,MAAM,EACV,KAAK,CAAC,GAAG,MAAM,IAAI,CAAC;AAEzB,MAAI,KAAoB;AAExB,aAAW,cAAc,mBAAmB;AACxC,QAAI,cAAc,YAAY;~~AACrB~~,~~WAAA~~;AAAA,~~IAAA~~;AAAA,~~EACT~~;~~AAGG~~,~~SAAA~~,MAAM,kBAAkB,CAAC;AACpC;"}
1	+ {"version":3,"file":"breakpoints.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/breakpoints.ts"],"sourcesContent":["import { BreakPointSpec, BreakPoints, BreakPointsArray } from './types'\n\nconst defaultBreakpoints = [640, 786, 1024, 1280, 1536]\n\nconst arrayToBreakpoints = (breakPoints: BreakPointsArray): BreakPoints => {\n return breakPoints.reduce((obj, bpValue, bpIndex) => {\n if (typeof bpValue !== 'number') {\n return obj\n }\n\n return {\n ...obj,\n ...{ [defaultBreakpoints[bpIndex]]: bpValue },\n }\n }, {})\n}\n\nexport const normalizeBreakPoints = (\n breakPoints: BreakPointSpec,\n): BreakPoints => {\n if (!Array.isArray(breakPoints)) {\n return breakPoints\n }\n\n return arrayToBreakpoints(breakPoints)\n}\n\nconst findBreakpoint = (\n breakpoints: BreakPointSpec,\n windowWidth: number,\n): number => {\n const sortedBreakPoints = Object.keys(normalizeBreakPoints(breakpoints))\n .map(Number)\n .sort((a, b) => a - b)\n\n let bp: number \| null = null\n\n for (const breakPoint of sortedBreakPoints) {\n if (windowWidth > breakPoint) {\n bp = breakPoint\n }\n }\n\n return bp ?? sortedBreakPoints[0]\n}\n\nexport default findBreakpoint\n"],"names":[],"mappings":"AAEA,MAAM,qBAAqB,CAAC,KAAK,KAAK,MAAM,MAAM,IAAI;AAEtD,MAAM,qBAAqB,CAAC,gBAA+C;AACvE,SAAO,YAAY,OAAO,CAAC,KAAK,SAAS,YAAY;AACjD,QAAI,OAAO,YAAY,UAAU;AAC7B,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,MACH,GAAG;AAAA,MACH,GAAG,EAAE,CAAC,mBAAmB,OAAO,CAAC,GAAG,QAAA;AAAA,IAAQ;AAAA,EAEpD,GAAG,CAAA,CAAE;AACT;AAEO,MAAM,uBAAuB,CAChC,gBACc;AACd,MAAI,CAAC,MAAM,QAAQ,WAAW,GAAG;AAC7B,WAAO;AAAA,EACX;AAEA,SAAO,mBAAmB,WAAW;AACzC;AAEA,MAAM,iBAAiB,CACnB,aACA,gBACS;AACT,QAAM,oBAAoB,OAAO,KAAK,qBAAqB,WAAW,CAAC,EAClE,IAAI,MAAM,EACV,KAAK,CAAC,GAAG,MAAM,IAAI,CAAC;AAEzB,MAAI,KAAoB;AAExB,aAAW,cAAc,mBAAmB;AACxC,QAAI,cAAc,YAAY;AAC1B,WAAK;AAAA,IACT;AAAA,EACJ;AAEA,SAAO,MAAM,kBAAkB,CAAC;AACpC;"}

package/dist/@ecme/components/shared/Masonry/context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\ninterface MasonryItemContextValues {\n column: number\n position: number\n}\n\nexport const MasonryItemContext = createContext<MasonryItemContextValues>({\n column: 0,\n position: 0,\n})\n\nexport const useMasonryItem = (): MasonryItemContextValues =>\n useContext(MasonryItemContext)\n"],"names":[],"mappings":";AAOO,MAAM,qBAAqB,cAAwC;AAAA,EACtE,QAAQ;AAAA,EACR,UAAU;AACd,CAAC;~~AAEY~~,~~MAAA~~,iBAAiB,MAC1B,WAAW,kBAAkB;"}
1	+ {"version":3,"file":"context.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\ninterface MasonryItemContextValues {\n column: number\n position: number\n}\n\nexport const MasonryItemContext = createContext<MasonryItemContextValues>({\n column: 0,\n position: 0,\n})\n\nexport const useMasonryItem = (): MasonryItemContextValues =>\n useContext(MasonryItemContext)\n"],"names":[],"mappings":";AAOO,MAAM,qBAAqB,cAAwC;AAAA,EACtE,QAAQ;AAAA,EACR,UAAU;AACd,CAAC;AAEM,MAAM,iBAAiB,MAC1B,WAAW,kBAAkB;"}

package/dist/@ecme/components/shared/Masonry/useCoulmnsCount.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCoulmnsCount.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/useCoulmnsCount.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { Columns } from './types'\nimport useWindowWidth from './useWindowWidth'\nimport findBreakpoint from './breakpoints'\n\nconst DEFAULT_COLUMNS = 3\n\nconst useColumnsCount = (columns?: Columns): number => {\n const isResponsive = typeof columns === 'object'\n\n const windowWidth = useWindowWidth(isResponsive)\n\n const columnsCount = useMemo(() => {\n if (!isResponsive) {\n return columns ?? DEFAULT_COLUMNS\n }\n\n const breakPoint = findBreakpoint(columns, windowWidth)\n return columns[breakPoint] ?? DEFAULT_COLUMNS\n }, [isResponsive, windowWidth, columns])\n\n return columnsCount\n}\n\nexport default useColumnsCount\n"],"names":[],"mappings":";;;AAMA,MAAM,kBAAkB;~~AAElB~~,~~MAAA~~,kBAAkB,CAAC,YAA8B;~~AAC7C~~,~~QAAA~~,eAAe,OAAO,YAAY;~~AAElC~~,~~QAAA~~,cAAc,eAAe,YAAY;~~AAEzC~~,~~QAAA~~,eAAe,QAAQ,MAAM;AAC/B,QAAI,CAAC,cAAc;AACf,aAAO,WAAW;AAAA,~~IAAA~~;~~AAGhB~~,~~UAAA~~,aAAa,eAAe,SAAS,WAAW;~~AAC/C~~,~~WAAA~~,QAAQ,UAAU,KAAK;AAAA,~~EAC/B~~,~~GAAA~~,CAAC,cAAc,aAAa,OAAO,CAAC;~~AAEhC~~,~~SAAA~~;AACX;"}
1	+ {"version":3,"file":"useCoulmnsCount.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/useCoulmnsCount.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { Columns } from './types'\nimport useWindowWidth from './useWindowWidth'\nimport findBreakpoint from './breakpoints'\n\nconst DEFAULT_COLUMNS = 3\n\nconst useColumnsCount = (columns?: Columns): number => {\n const isResponsive = typeof columns === 'object'\n\n const windowWidth = useWindowWidth(isResponsive)\n\n const columnsCount = useMemo(() => {\n if (!isResponsive) {\n return columns ?? DEFAULT_COLUMNS\n }\n\n const breakPoint = findBreakpoint(columns, windowWidth)\n return columns[breakPoint] ?? DEFAULT_COLUMNS\n }, [isResponsive, windowWidth, columns])\n\n return columnsCount\n}\n\nexport default useColumnsCount\n"],"names":[],"mappings":";;;AAMA,MAAM,kBAAkB;AAExB,MAAM,kBAAkB,CAAC,YAA8B;AACnD,QAAM,eAAe,OAAO,YAAY;AAExC,QAAM,cAAc,eAAe,YAAY;AAE/C,QAAM,eAAe,QAAQ,MAAM;AAC/B,QAAI,CAAC,cAAc;AACf,aAAO,WAAW;AAAA,IACtB;AAEA,UAAM,aAAa,eAAe,SAAS,WAAW;AACtD,WAAO,QAAQ,UAAU,KAAK;AAAA,EAClC,GAAG,CAAC,cAAc,aAAa,OAAO,CAAC;AAEvC,SAAO;AACX;"}

package/dist/@ecme/components/shared/Masonry/useMasonry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMasonry.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/useMasonry.ts"],"sourcesContent":["import { Children, ReactNode, isValidElement, useMemo } from 'react'\n\nimport useColumnsCount from './useCoulmnsCount'\nimport { Columns } from './types'\n\nconst createEmptyColumns = (count: number): Array<[]> => {\n return Array.from({ length: count }, () => [])\n}\n\nconst useMasonry = (children: ReactNode, columns?: Columns): ReactNode[][] => {\n const noOfColumns = useColumnsCount(columns)\n\n const columnsChildren = useMemo(() => {\n const group: ReactNode[][] = createEmptyColumns(noOfColumns)\n\n Children.forEach(children, (child, index) => {\n if (isValidElement(child)) {\n group[index % noOfColumns].push(child)\n }\n })\n\n return group\n }, [noOfColumns, children])\n\n return columnsChildren\n}\n\nexport default useMasonry\n"],"names":[],"mappings":";;AAKA,MAAM,qBAAqB,CAAC,UAA6B;~~AAC9C~~,~~SAAA~~,MAAM,KAAK,EAAE,QAAQ,SAAS,MAAM,EAAE;AACjD;~~AAEM~~,~~MAAA~~,aAAa,CAAC,UAAqB,YAAqC;~~AACpE~~,~~QAAA~~,cAAc,gBAAgB,OAAO;~~AAErC~~,~~QAAA~~,kBAAkB,QAAQ,MAAM;~~AAC5B~~,~~UAAA~~,QAAuB,mBAAmB,WAAW;AAE3D,aAAS,QAAQ,UAAU,CAAC,OAAO,UAAU;~~AACrC~~,~~UAAA~~,eAAe,KAAK,GAAG;AACvB,cAAM,QAAQ,WAAW,EAAE,KAAK,KAAK;AAAA,~~MAAA~~;AAAA,~~IACzC~~,~~CACH~~;~~AAEM~~,~~WAAA~~;AAAA,~~EAAA~~,~~GACR~~,CAAC,aAAa,QAAQ,CAAC;~~AAEnB~~,~~SAAA~~;AACX;"}
1	+ {"version":3,"file":"useMasonry.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/useMasonry.ts"],"sourcesContent":["import { Children, ReactNode, isValidElement, useMemo } from 'react'\n\nimport useColumnsCount from './useCoulmnsCount'\nimport { Columns } from './types'\n\nconst createEmptyColumns = (count: number): Array<[]> => {\n return Array.from({ length: count }, () => [])\n}\n\nconst useMasonry = (children: ReactNode, columns?: Columns): ReactNode[][] => {\n const noOfColumns = useColumnsCount(columns)\n\n const columnsChildren = useMemo(() => {\n const group: ReactNode[][] = createEmptyColumns(noOfColumns)\n\n Children.forEach(children, (child, index) => {\n if (isValidElement(child)) {\n group[index % noOfColumns].push(child)\n }\n })\n\n return group\n }, [noOfColumns, children])\n\n return columnsChildren\n}\n\nexport default useMasonry\n"],"names":[],"mappings":";;AAKA,MAAM,qBAAqB,CAAC,UAA6B;AACrD,SAAO,MAAM,KAAK,EAAE,QAAQ,SAAS,MAAM,EAAE;AACjD;AAEA,MAAM,aAAa,CAAC,UAAqB,YAAqC;AAC1E,QAAM,cAAc,gBAAgB,OAAO;AAE3C,QAAM,kBAAkB,QAAQ,MAAM;AAClC,UAAM,QAAuB,mBAAmB,WAAW;AAE3D,aAAS,QAAQ,UAAU,CAAC,OAAO,UAAU;AACzC,UAAI,eAAe,KAAK,GAAG;AACvB,cAAM,QAAQ,WAAW,EAAE,KAAK,KAAK;AAAA,MACzC;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX,GAAG,CAAC,aAAa,QAAQ,CAAC;AAE1B,SAAO;AACX;"}

package/dist/@ecme/components/shared/Masonry/useWindowWidth.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useWindowWidth.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/useWindowWidth.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\n\nconst useWindowWidth = (isResponsive: boolean = true): number => {\n const [windowWidth, setWindowSize] = useState(window.innerWidth)\n\n const handleResize = useCallback(() => {\n setWindowSize(window.innerWidth)\n }, [])\n\n useEffect(() => {\n if (isResponsive) {\n window.addEventListener('resize', handleResize)\n } else {\n window.removeEventListener('resize', handleResize)\n }\n\n return () => {\n window.removeEventListener('resize', handleResize)\n }\n }, [isResponsive, handleResize])\n\n return windowWidth\n}\n\nexport default useWindowWidth\n"],"names":[],"mappings":";~~AAEM~~,~~MAAA~~,iBAAiB,CAAC,eAAwB,SAAiB;AAC7D,QAAM,CAAC,aAAa,aAAa,IAAI,SAAS,OAAO,UAAU;~~AAEzD~~,~~QAAA~~,eAAe,YAAY,MAAM;AACnC,kBAAc,OAAO,UAAU;AAAA,EACnC,GAAG,~~EAAE~~;AAEL,YAAU,MAAM;AACZ,QAAI,cAAc;~~AACP~~,~~aAAA~~,iBAAiB,UAAU,YAAY;AAAA,~~IAAA~~,~~OAC3C~~;~~AACI~~,~~aAAA~~,oBAAoB,UAAU,YAAY;AAAA,~~IAAA~~;~~AAGrD~~,WAAO,MAAM;~~AACF~~,~~aAAA~~,oBAAoB,UAAU,YAAY;AAAA,IACrD;AAAA,~~EAAA~~,~~GACD~~,CAAC,cAAc,YAAY,CAAC;~~AAExB~~,~~SAAA~~;AACX;"}
1	+ {"version":3,"file":"useWindowWidth.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/useWindowWidth.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\n\nconst useWindowWidth = (isResponsive: boolean = true): number => {\n const [windowWidth, setWindowSize] = useState(window.innerWidth)\n\n const handleResize = useCallback(() => {\n setWindowSize(window.innerWidth)\n }, [])\n\n useEffect(() => {\n if (isResponsive) {\n window.addEventListener('resize', handleResize)\n } else {\n window.removeEventListener('resize', handleResize)\n }\n\n return () => {\n window.removeEventListener('resize', handleResize)\n }\n }, [isResponsive, handleResize])\n\n return windowWidth\n}\n\nexport default useWindowWidth\n"],"names":[],"mappings":";AAEA,MAAM,iBAAiB,CAAC,eAAwB,SAAiB;AAC7D,QAAM,CAAC,aAAa,aAAa,IAAI,SAAS,OAAO,UAAU;AAE/D,QAAM,eAAe,YAAY,MAAM;AACnC,kBAAc,OAAO,UAAU;AAAA,EACnC,GAAG,CAAA,CAAE;AAEL,YAAU,MAAM;AACZ,QAAI,cAAc;AACd,aAAO,iBAAiB,UAAU,YAAY;AAAA,IAClD,OAAO;AACH,aAAO,oBAAoB,UAAU,YAAY;AAAA,IACrD;AAEA,WAAO,MAAM;AACT,aAAO,oBAAoB,UAAU,YAAY;AAAA,IACrD;AAAA,EACJ,GAAG,CAAC,cAAc,YAAY,CAAC;AAE/B,SAAO;AACX;"}

package/dist/@ecme/components/shared/NavToggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavToggle.js","sources":["../../../../lib/@ecme/components/shared/NavToggle.tsx"],"sourcesContent":["import { HiOutlineMenuAlt2, HiOutlineMenu } from 'react-icons/hi'\nimport type { CommonProps } from '@/@types/common'\n\nexport interface NavToggleProps extends CommonProps {\n toggled?: boolean\n}\n\nconst NavToggle = ({ toggled, className }: NavToggleProps) => {\n return (\n <div className={className}>\n {toggled ? <HiOutlineMenu /> : <HiOutlineMenuAlt2 />}\n </div>\n )\n}\n\nexport default NavToggle\n"],"names":[],"mappings":";;AAOA,MAAM,YAAY,CAAC,EAAE,SAAS,gBAAgC;~~AAEtD~~,~~SAAA~~,oBAAC,SAAI,WACA,UAAA,8BAAW,~~eAAc~~,CAAA,~~CAAA~~,~~IAAM~~,~~oBAAA~~,mBAAA,CAAA,CAAkB,~~EACtD~~,~~CAAA~~;AAER;"}
1	+ {"version":3,"file":"NavToggle.js","sources":["../../../../lib/@ecme/components/shared/NavToggle.tsx"],"sourcesContent":["import { HiOutlineMenuAlt2, HiOutlineMenu } from 'react-icons/hi'\nimport type { CommonProps } from '@/@types/common'\n\nexport interface NavToggleProps extends CommonProps {\n toggled?: boolean\n}\n\nconst NavToggle = ({ toggled, className }: NavToggleProps) => {\n return (\n <div className={className}>\n {toggled ? <HiOutlineMenu /> : <HiOutlineMenuAlt2 />}\n </div>\n )\n}\n\nexport default NavToggle\n"],"names":[],"mappings":";;AAOA,MAAM,YAAY,CAAC,EAAE,SAAS,gBAAgC;AAC1D,SACI,oBAAC,SAAI,WACA,UAAA,8BAAW,eAAA,CAAA,CAAc,IAAK,oBAAC,mBAAA,CAAA,CAAkB,EAAA,CACtD;AAER;"}

package/dist/@ecme/components/shared/NumberFormatInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NumberFormatInput.js","sources":["../../../../lib/@ecme/components/shared/NumberFormatInput.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { PatternFormat, PatternFormatProps } from 'react-number-format'\nimport { InputAffix, NumberInput } from './NumberInput'\n\nexport type NumberFormatInputProps = Omit<PatternFormatProps, 'form' \| 'size'> &\n InputAffix\n\nexport const NumberFormatInput = ({\n onValueChange,\n ...rest\n}: NumberFormatInputProps) => {\n return (\n <PatternFormat\n customInput={NumberInput as ComponentType}\n onValueChange={onValueChange}\n {...rest}\n />\n )\n}\n\nexport default NumberFormatInput\n"],"names":[],"mappings":";;;AAOO,MAAM,oBAAoB,CAAC;AAAA,EAC9B;AAAA,EACA,GAAG;AACP,MAA8B;~~AAEtB~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAa;AAAA,MACb;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,~~EACR~~;~~AAER~~;"}
1	+ {"version":3,"file":"NumberFormatInput.js","sources":["../../../../lib/@ecme/components/shared/NumberFormatInput.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { PatternFormat, PatternFormatProps } from 'react-number-format'\nimport { InputAffix, NumberInput } from './NumberInput'\n\nexport type NumberFormatInputProps = Omit<PatternFormatProps, 'form' \| 'size'> &\n InputAffix\n\nexport const NumberFormatInput = ({\n onValueChange,\n ...rest\n}: NumberFormatInputProps) => {\n return (\n <PatternFormat\n customInput={NumberInput as ComponentType}\n onValueChange={onValueChange}\n {...rest}\n />\n )\n}\n\nexport default NumberFormatInput\n"],"names":[],"mappings":";;;AAOO,MAAM,oBAAoB,CAAC;AAAA,EAC9B;AAAA,EACA,GAAG;AACP,MAA8B;AAC1B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAa;AAAA,MACb;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/dist/@ecme/components/shared/NumberInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NumberInput.js","sources":["../../../../lib/@ecme/components/shared/NumberInput.tsx"],"sourcesContent":["import type { InputProps } from '@/components/ui'\nimport Input from '@/components/ui/Input'\nimport type { ReactNode } from 'react'\n\nexport interface InputAffix {\n inputSuffix?: string \| ReactNode\n inputPrefix?: string \| ReactNode\n}\n\nexport interface NumberInputProps\n extends Omit<InputProps, 'prefix' \| 'suffix'>,\n InputAffix {}\n\nexport const NumberInput = ({\n inputSuffix,\n inputPrefix,\n ...props\n}: NumberInputProps) => {\n return (\n <Input\n {...props}\n value={props.value}\n suffix={inputSuffix}\n prefix={inputPrefix}\n />\n )\n}\n\nexport default NumberInput\n"],"names":[],"mappings":";;;AAaO,MAAM,cAAc,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAwB;~~AAEhB~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,OAAO,MAAM;AAAA,MACb,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,~~EACZ~~;~~AAER~~;"}
1	+ {"version":3,"file":"NumberInput.js","sources":["../../../../lib/@ecme/components/shared/NumberInput.tsx"],"sourcesContent":["import type { InputProps } from '@/components/ui'\nimport Input from '@/components/ui/Input'\nimport type { ReactNode } from 'react'\n\nexport interface InputAffix {\n inputSuffix?: string \| ReactNode\n inputPrefix?: string \| ReactNode\n}\n\nexport interface NumberInputProps\n extends Omit<InputProps, 'prefix' \| 'suffix'>,\n InputAffix {}\n\nexport const NumberInput = ({\n inputSuffix,\n inputPrefix,\n ...props\n}: NumberInputProps) => {\n return (\n <Input\n {...props}\n value={props.value}\n suffix={inputSuffix}\n prefix={inputPrefix}\n />\n )\n}\n\nexport default NumberInput\n"],"names":[],"mappings":";;;AAaO,MAAM,cAAc,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAwB;AACpB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,OAAO,MAAM;AAAA,MACb,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

package/dist/@ecme/components/shared/NumericInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NumericInput.js","sources":["../../../../lib/@ecme/components/shared/NumericInput.tsx"],"sourcesContent":["import { NumericFormat, NumericFormatProps } from 'react-number-format'\nimport Input from '@/components/ui/Input'\nimport type { ReactNode, ComponentType } from 'react'\nimport type { InputProps } from '@/components/ui'\n\ninterface InputAffix {\n inputSuffix?: string \| ReactNode\n inputPrefix?: string \| ReactNode\n}\n\ninterface NumberInputProps\n extends Omit<InputProps, 'prefix' \| 'suffix'>,\n InputAffix {}\n\ntype NumberFormatInputProps = Omit<NumericFormatProps, 'form'> & InputAffix\n\ntype NumericInputProps = NumberInputProps & NumberFormatInputProps\n\nconst NumberInput = ({\n inputSuffix,\n inputPrefix,\n ...props\n}: NumberInputProps) => {\n return (\n <Input\n {...props}\n value={props.value}\n suffix={inputSuffix}\n prefix={inputPrefix}\n />\n )\n}\n\nconst NumberFormatInput = ({\n onValueChange,\n ...rest\n}: NumberFormatInputProps) => {\n return (\n <NumericFormat\n customInput={NumberInput as ComponentType}\n onValueChange={onValueChange}\n {...rest}\n />\n )\n}\n\nconst NumericInput = ({\n inputSuffix,\n inputPrefix,\n onValueChange,\n ...rest\n}: NumericInputProps) => {\n return (\n <NumberFormatInput\n inputPrefix={inputPrefix}\n inputSuffix={inputSuffix}\n onValueChange={onValueChange}\n {...rest}\n />\n )\n}\n\nexport default NumericInput\n"],"names":[],"mappings":";;;;AAkBA,MAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAwB;~~AAEhB~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,OAAO,MAAM;AAAA,MACb,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,~~EACZ~~;~~AAER~~;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACvB;AAAA,EACA,GAAG;AACP,MAA8B;~~AAEtB~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAa;AAAA,MACb;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,~~EACR~~;~~AAER~~;AAEA,MAAM,eAAe,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAyB;~~AAEjB~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,~~EACR~~;~~AAER~~;"}
1	+ {"version":3,"file":"NumericInput.js","sources":["../../../../lib/@ecme/components/shared/NumericInput.tsx"],"sourcesContent":["import { NumericFormat, NumericFormatProps } from 'react-number-format'\nimport Input from '@/components/ui/Input'\nimport type { ReactNode, ComponentType } from 'react'\nimport type { InputProps } from '@/components/ui'\n\ninterface InputAffix {\n inputSuffix?: string \| ReactNode\n inputPrefix?: string \| ReactNode\n}\n\ninterface NumberInputProps\n extends Omit<InputProps, 'prefix' \| 'suffix'>,\n InputAffix {}\n\ntype NumberFormatInputProps = Omit<NumericFormatProps, 'form'> & InputAffix\n\ntype NumericInputProps = NumberInputProps & NumberFormatInputProps\n\nconst NumberInput = ({\n inputSuffix,\n inputPrefix,\n ...props\n}: NumberInputProps) => {\n return (\n <Input\n {...props}\n value={props.value}\n suffix={inputSuffix}\n prefix={inputPrefix}\n />\n )\n}\n\nconst NumberFormatInput = ({\n onValueChange,\n ...rest\n}: NumberFormatInputProps) => {\n return (\n <NumericFormat\n customInput={NumberInput as ComponentType}\n onValueChange={onValueChange}\n {...rest}\n />\n )\n}\n\nconst NumericInput = ({\n inputSuffix,\n inputPrefix,\n onValueChange,\n ...rest\n}: NumericInputProps) => {\n return (\n <NumberFormatInput\n inputPrefix={inputPrefix}\n inputSuffix={inputSuffix}\n onValueChange={onValueChange}\n {...rest}\n />\n )\n}\n\nexport default NumericInput\n"],"names":[],"mappings":";;;;AAkBA,MAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAwB;AACpB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,OAAO,MAAM;AAAA,MACb,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACvB;AAAA,EACA,GAAG;AACP,MAA8B;AAC1B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAa;AAAA,MACb;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,MAAM,eAAe,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAyB;AACrB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/dist/@ecme/components/shared/OtpInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OtpInput.js","sources":["../../../../lib/@ecme/components/shared/OtpInput.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from 'react'\nimport Input from '@/components/ui/Input'\nimport classNames from '@/utils/classNames'\nimport type { ChangeEvent, KeyboardEvent, ClipboardEvent } from 'react'\n\ninterface OTPInputProps {\n length?: number\n value?: string\n onChange?: (value: string) => void\n disabled?: boolean\n className?: string\n inputClass?: string\n autoFocus?: boolean\n placeholder?: string\n invalid?: boolean\n}\n\nconst OTPInput = ({\n length = 6,\n value = '',\n onChange,\n disabled = false,\n className = '',\n inputClass,\n autoFocus = false,\n placeholder,\n invalid = false,\n}: OTPInputProps) => {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const [_, setActiveInput] = useState<number>(0)\n const inputRefs = useRef<(HTMLInputElement \| null)[]>([])\n\n useEffect(() => {\n inputRefs.current = Array(length)\n .fill(null)\n .map((_, i) => inputRefs.current[i] \|\| null)\n }, [length])\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>, index: number) => {\n const newValue = e.target.value\n if (newValue.length > 1) return\n\n const newOTPValue =\n value.slice(0, index) + newValue + value.slice(index + 1)\n\n onChange?.(newOTPValue)\n\n if (newValue && index < length - 1) {\n setActiveInput(index + 1)\n inputRefs.current[index + 1]?.focus()\n }\n }\n\n const handleKeyDown = (\n e: KeyboardEvent<HTMLInputElement>,\n index: number,\n ) => {\n if (e.key === 'Backspace') {\n e.preventDefault()\n if (value[index]) {\n const newOTPValue =\n value.slice(0, index) + '' + value.slice(index + 1)\n onChange?.(newOTPValue)\n } else if (index > 0) {\n setActiveInput(index - 1)\n inputRefs.current[index - 1]?.focus()\n }\n } else if (e.key === 'ArrowLeft' && index > 0) {\n e.preventDefault()\n setActiveInput(index - 1)\n inputRefs.current[index - 1]?.focus()\n } else if (e.key === 'ArrowRight' && index < length - 1) {\n e.preventDefault()\n setActiveInput(index + 1)\n inputRefs.current[index + 1]?.focus()\n }\n }\n\n const handlePaste = (e: ClipboardEvent<HTMLInputElement>) => {\n e.preventDefault()\n const pastedData = e.clipboardData\n .getData('text/plain')\n .slice(0, length)\n if (pastedData.match(/^[0-9]+$/)) {\n onChange?.(pastedData.padEnd(length, ''))\n }\n }\n\n const setRef = (index: number) => (ref: HTMLInputElement \| null) => {\n inputRefs.current[index] = ref\n }\n\n return (\n <div className={`flex gap-2 ${className}`}>\n {Array(length)\n .fill(null)\n .map((_, index) => (\n <Input\n key={index}\n ref={setRef(index)}\n className={classNames(\n 'text-center text-lg h-[58px] w-[58px]',\n inputClass,\n )}\n type=\"text\"\n inputMode=\"numeric\"\n pattern=\"[0-9]*\"\n maxLength={1}\n value={value[index] \|\| ''}\n disabled={disabled}\n autoFocus={autoFocus && index === 0}\n placeholder={placeholder}\n aria-label={`Digit ${index + 1} of ${length}`}\n invalid={invalid}\n onChange={(e) =>\n handleChange(\n e as ChangeEvent<HTMLInputElement>,\n index,\n )\n }\n onKeyDown={(e) =>\n handleKeyDown(\n e as KeyboardEvent<HTMLInputElement>,\n index,\n )\n }\n onPaste={handlePaste}\n onFocus={() => setActiveInput(index)}\n />\n ))}\n </div>\n )\n}\n\nexport default OTPInput\n"],"names":["_"],"mappings":";;;;;AAiBA,MAAM,WAAW,CAAC;AAAA,EACd,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,UAAU;AACd,MAAqB;AAEjB,QAAM,CAAC,GAAG,cAAc,IAAI,SAAiB,CAAC;~~AACxC~~,~~QAAA~~,YAAY,OAAoC,EAAE;AAExD,YAAU,MAAM;AACZ,cAAU,UAAU,MAAM,MAAM,EAC3B,KAAK,IAAI,EACT,IAAI,CAACA,IAAG,MAAM,UAAU,QAAQ,CAAC,KAAK,IAAI;AAAA,~~EAAA~~,~~GAChD~~,CAAC,MAAM,CAAC;~~AAEL~~,~~QAAA~~,eAAe,CAAC,GAAkC,UAAkB;~~AAChE~~,~~UAAA~~,WAAW,EAAE,OAAO;~~AACtB~~,~~QAAA~~,SAAS,SAAS,EAAG;~~AAEnB~~,~~UAAA~~,cACF,MAAM,MAAM,GAAG,KAAK,IAAI,WAAW,MAAM,MAAM,QAAQ,CAAC;AAE5D,eAAW,WAAW;~~AAElB~~,~~QAAA~~,YAAY,QAAQ,SAAS,GAAG;AAChC,qBAAe,QAAQ,CAAC;AACxB,gBAAU,QAAQ,QAAQ,CAAC,GAAG,~~MAAM~~;AAAA,~~IAAA~~;AAAA,~~EAE5C~~;~~AAEM~~,~~QAAA~~,gBAAgB,CAClB,GACA,UACC;~~AACG~~,~~QAAA~~,EAAE,QAAQ,aAAa;AACvB,QAAE,~~eAAe~~;~~AACb~~,~~UAAA~~,MAAM,KAAK,GAAG;~~AACR~~,~~cAAA~~,cACF,MAAM,MAAM,GAAG,KAAK,IAAI,KAAK,MAAM,MAAM,QAAQ,CAAC;AACtD,mBAAW,WAAW;AAAA,~~MAAA~~,~~WACf~~,QAAQ,GAAG;AAClB,uBAAe,QAAQ,CAAC;AACxB,kBAAU,QAAQ,QAAQ,CAAC,GAAG,~~MAAM~~;AAAA,~~MAAA~~;AAAA,~~IAEjC~~,~~WAAA~~,EAAE,QAAQ,eAAe,QAAQ,GAAG;AAC3C,QAAE,~~eAAe~~;~~AACjB~~,qBAAe,QAAQ,CAAC;AACxB,gBAAU,QAAQ,QAAQ,CAAC,GAAG,~~MAAM~~;AAAA,~~IAAA~~,~~WAC7B~~,EAAE,QAAQ,gBAAgB,QAAQ,SAAS,GAAG;AACrD,QAAE,~~eAAe~~;~~AACjB~~,qBAAe,QAAQ,CAAC;AACxB,gBAAU,QAAQ,QAAQ,CAAC,GAAG,~~MAAM~~;AAAA,~~IAAA~~;AAAA,~~EAE5C~~;~~AAEM~~,~~QAAA~~,cAAc,CAAC,MAAwC;AACzD,MAAE,~~eAAe~~;~~AACX~~,~~UAAA~~,aAAa,EAAE,cAChB,QAAQ,YAAY,EACpB,MAAM,GAAG,MAAM;~~AAChB~~,~~QAAA~~,WAAW,MAAM,UAAU,GAAG;AAC9B,iBAAW,WAAW,OAAO,QAAQ,EAAE,CAAC;AAAA,~~IAAA~~;AAAA,~~EAEhD~~;AAEA,QAAM,SAAS,CAAC,UAAkB,CAAC,QAAiC;~~AACtD~~,~~cAAA~~,QAAQ,KAAK,IAAI;AAAA,EAC/B;AAEA,~~SACK~~,~~oBAAA~~,OAAA,EAAI,WAAW,cAAc,SAAS,IAClC,UAAA,MAAM,MAAM,EACR,KAAK,IAAI,EACT,IAAI,CAACA,IAAG,UACL;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,KAAK,OAAO,KAAK;AAAA,MACjB,WAAW;AAAA,QACP;AAAA,QACA;AAAA,~~MACJ~~;AAAA,~~MACA~~,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO,MAAM,KAAK,KAAK;AAAA,MACvB;AAAA,MACA,WAAW,aAAa,UAAU;AAAA,MAClC;AAAA,MACA,cAAY,SAAS,QAAQ,CAAC,OAAO,MAAM;AAAA,MAC3C;AAAA,MACA,UAAU,CAAC,MACP;AAAA,QACI;AAAA,QACA;AAAA,~~MACJ~~;AAAA,~~MAEJ~~,WAAW,CAAC,MACR;AAAA,QACI;AAAA,QACA;AAAA,~~MACJ~~;AAAA,~~MAEJ~~,SAAS;AAAA,MACT,SAAS,MAAM,eAAe,KAAK;AAAA,IAAA;AAAA,IA7B9B;AAAA,EA+BZ,~~CAAA,~~GACT;AAER;"}
1	+ {"version":3,"file":"OtpInput.js","sources":["../../../../lib/@ecme/components/shared/OtpInput.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from 'react'\nimport Input from '@/components/ui/Input'\nimport classNames from '@/utils/classNames'\nimport type { ChangeEvent, KeyboardEvent, ClipboardEvent } from 'react'\n\ninterface OTPInputProps {\n length?: number\n value?: string\n onChange?: (value: string) => void\n disabled?: boolean\n className?: string\n inputClass?: string\n autoFocus?: boolean\n placeholder?: string\n invalid?: boolean\n}\n\nconst OTPInput = ({\n length = 6,\n value = '',\n onChange,\n disabled = false,\n className = '',\n inputClass,\n autoFocus = false,\n placeholder,\n invalid = false,\n}: OTPInputProps) => {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const [_, setActiveInput] = useState<number>(0)\n const inputRefs = useRef<(HTMLInputElement \| null)[]>([])\n\n useEffect(() => {\n inputRefs.current = Array(length)\n .fill(null)\n .map((_, i) => inputRefs.current[i] \|\| null)\n }, [length])\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>, index: number) => {\n const newValue = e.target.value\n if (newValue.length > 1) return\n\n const newOTPValue =\n value.slice(0, index) + newValue + value.slice(index + 1)\n\n onChange?.(newOTPValue)\n\n if (newValue && index < length - 1) {\n setActiveInput(index + 1)\n inputRefs.current[index + 1]?.focus()\n }\n }\n\n const handleKeyDown = (\n e: KeyboardEvent<HTMLInputElement>,\n index: number,\n ) => {\n if (e.key === 'Backspace') {\n e.preventDefault()\n if (value[index]) {\n const newOTPValue =\n value.slice(0, index) + '' + value.slice(index + 1)\n onChange?.(newOTPValue)\n } else if (index > 0) {\n setActiveInput(index - 1)\n inputRefs.current[index - 1]?.focus()\n }\n } else if (e.key === 'ArrowLeft' && index > 0) {\n e.preventDefault()\n setActiveInput(index - 1)\n inputRefs.current[index - 1]?.focus()\n } else if (e.key === 'ArrowRight' && index < length - 1) {\n e.preventDefault()\n setActiveInput(index + 1)\n inputRefs.current[index + 1]?.focus()\n }\n }\n\n const handlePaste = (e: ClipboardEvent<HTMLInputElement>) => {\n e.preventDefault()\n const pastedData = e.clipboardData\n .getData('text/plain')\n .slice(0, length)\n if (pastedData.match(/^[0-9]+$/)) {\n onChange?.(pastedData.padEnd(length, ''))\n }\n }\n\n const setRef = (index: number) => (ref: HTMLInputElement \| null) => {\n inputRefs.current[index] = ref\n }\n\n return (\n <div className={`flex gap-2 ${className}`}>\n {Array(length)\n .fill(null)\n .map((_, index) => (\n <Input\n key={index}\n ref={setRef(index)}\n className={classNames(\n 'text-center text-lg h-[58px] w-[58px]',\n inputClass,\n )}\n type=\"text\"\n inputMode=\"numeric\"\n pattern=\"[0-9]*\"\n maxLength={1}\n value={value[index] \|\| ''}\n disabled={disabled}\n autoFocus={autoFocus && index === 0}\n placeholder={placeholder}\n aria-label={`Digit ${index + 1} of ${length}`}\n invalid={invalid}\n onChange={(e) =>\n handleChange(\n e as ChangeEvent<HTMLInputElement>,\n index,\n )\n }\n onKeyDown={(e) =>\n handleKeyDown(\n e as KeyboardEvent<HTMLInputElement>,\n index,\n )\n }\n onPaste={handlePaste}\n onFocus={() => setActiveInput(index)}\n />\n ))}\n </div>\n )\n}\n\nexport default OTPInput\n"],"names":["_"],"mappings":"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"}

package/dist/@ecme/components/shared/PasswordInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PasswordInput.js","sources":["../../../../lib/@ecme/components/shared/PasswordInput.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Input, InputProps } from '@/components/ui/Input'\nimport { HiOutlineEyeOff, HiOutlineEye } from 'react-icons/hi'\nimport type { MouseEvent, Ref } from 'react'\n\ninterface PasswordInputProps extends InputProps {\n onVisibleChange?: (visible: boolean) => void\n ref?: Ref<HTMLInputElement>\n}\n\nconst PasswordInput = (props: PasswordInputProps) => {\n const { onVisibleChange, ref, ...rest } = props\n\n const [pwInputType, setPwInputType] = useState('password')\n\n const onPasswordVisibleClick = (e: MouseEvent<HTMLSpanElement>) => {\n e.preventDefault()\n const nextValue = pwInputType === 'password' ? 'text' : 'password'\n setPwInputType(nextValue)\n onVisibleChange?.(nextValue === 'text')\n }\n\n return (\n <Input\n {...rest}\n ref={ref}\n type={pwInputType}\n suffix={\n <span\n className=\"cursor-pointer select-none text-xl\"\n role=\"button\"\n onClick={onPasswordVisibleClick}\n >\n {pwInputType === 'password' ? (\n <HiOutlineEyeOff />\n ) : (\n <HiOutlineEye />\n )}\n </span>\n }\n />\n )\n}\n\nexport default PasswordInput\n"],"names":[],"mappings":";;;;;~~AAUM~~,~~MAAA~~,gBAAgB,CAAC,UAA8B;AACjD,QAAM,EAAE,iBAAiB,KAAK,GAAG,~~KAAS,IAAA~~;AAE1C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,UAAU;~~AAEnD~~,~~QAAA~~,yBAAyB,CAAC,MAAmC;AAC/D,MAAE,~~eAAe~~;~~AACX~~,~~UAAA~~,YAAY,gBAAgB,aAAa,SAAS;AACxD,mBAAe,SAAS;AACxB,sBAAkB,cAAc,MAAM;AAAA,EAC1C;~~AAGI~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN,QACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS;AAAA,UAER,0BAAgB,aACb,oBAAC,~~iBAAgB~~,~~EAAA~~,wBAEhB,~~cAAa~~,CAAA,~~CAAA~~;AAAA,QAAA;AAAA,MAAA;AAAA,IAEtB;AAAA,~~EAER~~;~~AAER~~;"}
1	+ {"version":3,"file":"PasswordInput.js","sources":["../../../../lib/@ecme/components/shared/PasswordInput.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Input, InputProps } from '@/components/ui/Input'\nimport { HiOutlineEyeOff, HiOutlineEye } from 'react-icons/hi'\nimport type { MouseEvent, Ref } from 'react'\n\ninterface PasswordInputProps extends InputProps {\n onVisibleChange?: (visible: boolean) => void\n ref?: Ref<HTMLInputElement>\n}\n\nconst PasswordInput = (props: PasswordInputProps) => {\n const { onVisibleChange, ref, ...rest } = props\n\n const [pwInputType, setPwInputType] = useState('password')\n\n const onPasswordVisibleClick = (e: MouseEvent<HTMLSpanElement>) => {\n e.preventDefault()\n const nextValue = pwInputType === 'password' ? 'text' : 'password'\n setPwInputType(nextValue)\n onVisibleChange?.(nextValue === 'text')\n }\n\n return (\n <Input\n {...rest}\n ref={ref}\n type={pwInputType}\n suffix={\n <span\n className=\"cursor-pointer select-none text-xl\"\n role=\"button\"\n onClick={onPasswordVisibleClick}\n >\n {pwInputType === 'password' ? (\n <HiOutlineEyeOff />\n ) : (\n <HiOutlineEye />\n )}\n </span>\n }\n />\n )\n}\n\nexport default PasswordInput\n"],"names":[],"mappings":";;;;;AAUA,MAAM,gBAAgB,CAAC,UAA8B;AACjD,QAAM,EAAE,iBAAiB,KAAK,GAAG,SAAS;AAE1C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,UAAU;AAEzD,QAAM,yBAAyB,CAAC,MAAmC;AAC/D,MAAE,eAAA;AACF,UAAM,YAAY,gBAAgB,aAAa,SAAS;AACxD,mBAAe,SAAS;AACxB,sBAAkB,cAAc,MAAM;AAAA,EAC1C;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN,QACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS;AAAA,UAER,0BAAgB,aACb,oBAAC,iBAAA,EAAgB,wBAEhB,cAAA,CAAA,CAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IAEtB;AAAA,EAAA;AAIhB;"}

package/dist/@ecme/components/shared/PatternInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PatternInput.js","sources":["../../../../lib/@ecme/components/shared/PatternInput.tsx"],"sourcesContent":["import NumberFormatInput, { NumberFormatInputProps } from './NumberFormatInput'\nimport { NumberInputProps } from './NumberInput'\n\nexport type PatternInputProps = NumberInputProps & NumberFormatInputProps\n\nexport const PatternInput = ({\n inputSuffix,\n inputPrefix,\n onValueChange,\n ...rest\n}: PatternInputProps) => {\n return (\n <NumberFormatInput\n inputPrefix={inputPrefix}\n inputSuffix={inputSuffix}\n onValueChange={onValueChange}\n {...rest}\n />\n )\n}\n\nexport default PatternInput\n"],"names":[],"mappings":";;AAKO,MAAM,eAAe,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAyB;~~AAEjB~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,~~EACR~~;~~AAER~~;"}
1	+ {"version":3,"file":"PatternInput.js","sources":["../../../../lib/@ecme/components/shared/PatternInput.tsx"],"sourcesContent":["import NumberFormatInput, { NumberFormatInputProps } from './NumberFormatInput'\nimport { NumberInputProps } from './NumberInput'\n\nexport type PatternInputProps = NumberInputProps & NumberFormatInputProps\n\nexport const PatternInput = ({\n inputSuffix,\n inputPrefix,\n onValueChange,\n ...rest\n}: PatternInputProps) => {\n return (\n <NumberFormatInput\n inputPrefix={inputPrefix}\n inputSuffix={inputSuffix}\n onValueChange={onValueChange}\n {...rest}\n />\n )\n}\n\nexport default PatternInput\n"],"names":[],"mappings":";;AAKO,MAAM,eAAe,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAyB;AACrB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;"}