@orbe-agro/client-core 5.6.187 → 5.6.188-prod.0

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

@@ -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    enableGlobalFilter?: boolean\n    globalFilter?: string\n    onGlobalFilterChange?: (value: string) => void\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        enableGlobalFilter = false,\n        globalFilter: globalFilterProp,\n        onGlobalFilterChange,\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    const [internalGlobalFilter, setInternalGlobalFilter] = useState('')\n\n    // Use external globalFilter if provided, otherwise use internal state\n    const globalFilter = globalFilterProp ?? internalGlobalFilter\n    const setGlobalFilter = onGlobalFilterChange ?? setInternalGlobalFilter\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        enableGlobalFilter,\n        globalFilterFn: 'includesString',\n        onGlobalFilterChange: setGlobalFilter,\n        onSortingChange: (sorter) => {\n            setSorting(sorter as ColumnSort[])\n        },\n        onRowSelectionChange: setRowSelection,\n        state: {\n            sorting: sorting as ColumnSort[],\n            rowSelection: selection,\n            globalFilter: enableGlobalFilter ? globalFilter : undefined,\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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"}
+{"version":3,"file":"DataTable.js","sources":["../../../../lib/@ecme/components/shared/DataTable.tsx"],"sourcesContent":["import FileNotFound from '@/assets/svg/FileNotFound'\r\nimport type { CheckboxProps } from '@/components/ui/Checkbox'\r\nimport Checkbox from '@/components/ui/Checkbox'\r\nimport Pagination from '@/components/ui/Pagination'\r\nimport Select from '@/components/ui/Select'\r\nimport type { SkeletonProps } from '@/components/ui/Skeleton'\r\nimport type { TableProps } from '@/components/ui/Table'\r\nimport Table from '@/components/ui/Table'\r\nimport {\r\n    CellContext,\r\n    ColumnDef,\r\n    ColumnSort,\r\n    flexRender,\r\n    getCoreRowModel,\r\n    getFilteredRowModel,\r\n    getPaginationRowModel,\r\n    getSortedRowModel,\r\n    Row,\r\n    useReactTable,\r\n} from '@tanstack/react-table'\r\nimport classNames from 'classnames'\r\nimport type { ChangeEvent, ReactNode, Ref } from 'react'\r\nimport {\r\n    Fragment,\r\n    useEffect,\r\n    useImperativeHandle,\r\n    useMemo,\r\n    useRef,\r\n    useState\r\n} from 'react'\r\nimport { useTranslation } from 'react-i18next'\r\nimport TableRowSkeleton from './loaders/TableRowSkeleton'\r\nimport Loading from './Loading'\r\n\r\nexport type OnSortParam = { order: 'asc' | 'desc' | ''; key: string | number }\r\n\r\nexport type DataTableProps<T> = {\r\n    columns: ColumnDef<T>[]\r\n    customNoDataIcon?: ReactNode\r\n    data?: T[]\r\n    loading?: boolean\r\n    noData?: boolean\r\n    instanceId?: string\r\n    onCheckBoxChange?: (checked: boolean, row: T) => void\r\n    onIndeterminateCheckBoxChange?: (checked: boolean, rows: Row<T>[]) => void\r\n    onPaginationChange?: (page: number) => void\r\n    onSelectChange?: (num: number) => void\r\n    onSort?: (sort: OnSortParam) => void\r\n    pageSizes?: number[]\r\n    manualSorting?: boolean\r\n    selectable?: boolean\r\n    skeletonAvatarColumns?: number[]\r\n    skeletonAvatarProps?: SkeletonProps\r\n    pagingData?: {\r\n        total: number\r\n        pageIndex: number\r\n        pageSize: number\r\n    }\r\n    checkboxChecked?: (row: T) => boolean\r\n    indeterminateCheckboxChecked?: (row: Row<T>[]) => boolean\r\n    ref?: Ref<DataTableResetHandle | HTMLTableElement>\r\n    onSelectionChange?: (selected: T[]) => void\r\n    renderSubComponent?: (row: Row<T>) => React.ReactNode\r\n    getRowCanExpand?: (row: Row<T>) => boolean\r\n    hidePagination?: boolean\r\n    isAllSelected?: boolean\r\n    selectedRows?: T[]\r\n    enableGlobalFilter?: boolean\r\n    globalFilter?: string\r\n    onGlobalFilterChange?: (value: string) => void\r\n} & TableProps\r\n\r\nexport type CheckBoxChangeEvent = ChangeEvent<HTMLInputElement>\r\n\r\nexport interface IndeterminateCheckboxProps\r\n    extends Omit<CheckboxProps, 'onChange'> {\r\n    onChange: (event: CheckBoxChangeEvent) => void\r\n    indeterminate: boolean\r\n    onCheckBoxChange?: (event: CheckBoxChangeEvent) => void\r\n    onIndeterminateCheckBoxChange?: (event: CheckBoxChangeEvent) => void\r\n}\r\n\r\nconst { Tr, Th, Td, THead, TBody, Sorter } = Table\r\n\r\nconst IndeterminateCheckbox = (props: IndeterminateCheckboxProps) => {\r\n    const {\r\n        indeterminate,\r\n        onChange,\r\n        onCheckBoxChange,\r\n        onIndeterminateCheckBoxChange,\r\n        ...rest\r\n    } = props\r\n\r\n    const ref = useRef<HTMLInputElement>(null)\r\n\r\n    useEffect(() => {\r\n        if (typeof indeterminate === 'boolean' && ref.current) {\r\n            ref.current.indeterminate = !rest.checked && indeterminate\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [ref, indeterminate])\r\n\r\n    const handleChange = (e: CheckBoxChangeEvent) => {\r\n        onChange(e)\r\n        onCheckBoxChange?.(e)\r\n        onIndeterminateCheckBoxChange?.(e)\r\n    }\r\n\r\n    return (\r\n        <Checkbox\r\n            ref={ref}\r\n            className=\"mb-0\"\r\n            onChange={(_, e) => handleChange(e)}\r\n            {...rest}\r\n        />\r\n    )\r\n}\r\n\r\nexport type DataTableResetHandle = {\r\n    resetSorting: () => void\r\n    resetSelected: () => void\r\n}\r\n\r\nfunction DataTable<T>(props: DataTableProps<T>) {\r\n    const {\r\n        skeletonAvatarColumns,\r\n        columns: columnsProp = [],\r\n        data = [],\r\n        customNoDataIcon,\r\n        loading,\r\n        noData,\r\n        onCheckBoxChange,\r\n        onIndeterminateCheckBoxChange,\r\n        onPaginationChange,\r\n        onSelectChange,\r\n        onSort,\r\n        pageSizes = [10, 25, 50, 100],\r\n        selectable = false,\r\n        skeletonAvatarProps,\r\n        pagingData = {\r\n            total: 0,\r\n            pageIndex: 1,\r\n            pageSize: 10,\r\n        },\r\n        checkboxChecked,\r\n        indeterminateCheckboxChecked,\r\n        instanceId = 'data-table',\r\n        ref,\r\n        renderSubComponent = () => null,\r\n        getRowCanExpand = () => false,\r\n        onSelectionChange,\r\n        hidePagination = false,\r\n        enableGlobalFilter = false,\r\n        globalFilter: globalFilterProp,\r\n        onGlobalFilterChange,\r\n        ...rest\r\n    } = props\r\n\r\n    const { pageSize, pageIndex, total } = pagingData\r\n\r\n    const [sorting, setSorting] = useState<ColumnSort[] | null>(null)\r\n    const [selection, setRowSelection] = useState({})\r\n    const [internalGlobalFilter, setInternalGlobalFilter] = useState('')\r\n\r\n    // Use external globalFilter if provided, otherwise use internal state\r\n    const globalFilter = globalFilterProp ?? internalGlobalFilter\r\n    const setGlobalFilter = onGlobalFilterChange ?? setInternalGlobalFilter\r\n\r\n    const { t } = useTranslation()\r\n\r\n    const pageSizeOption = useMemo(\r\n        () =>\r\n            pageSizes.map((number) => ({\r\n                value: number,\r\n                label: `${number} / ${t('common.table.pageAbbr')}`,\r\n            })),\r\n        [pageSizes],\r\n    )\r\n\r\n    useEffect(() => {\r\n        if (Array.isArray(sorting)) {\r\n            const sortOrder =\r\n                sorting.length > 0 ? (sorting[0].desc ? 'desc' : 'asc') : ''\r\n            const id = sorting.length > 0 ? sorting[0].id : ''\r\n            onSort?.({ order: sortOrder, key: id })\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [sorting])\r\n\r\n    const handleIndeterminateCheckBoxChange = (\r\n        checked: boolean,\r\n        rows: Row<T>[],\r\n    ) => {\r\n        if (!loading) {\r\n            onIndeterminateCheckBoxChange?.(checked, rows)\r\n        }\r\n    }\r\n\r\n    const handleCheckBoxChange = (checked: boolean, row: T) => {\r\n        if (!loading) {\r\n            onCheckBoxChange?.(checked, row)\r\n        }\r\n    }\r\n\r\n    const finalColumns: ColumnDef<T>[] = useMemo(() => {\r\n        const columns = columnsProp\r\n\r\n        if (selectable) {\r\n            return [\r\n                {\r\n                    id: 'select',\r\n                    maxSize: 50,\r\n                    header: ({ table }) => (\r\n                        <IndeterminateCheckbox\r\n                            checked={\r\n                                indeterminateCheckboxChecked\r\n                                    ? indeterminateCheckboxChecked(\r\n                                        table.getRowModel().rows,\r\n                                    )\r\n                                    : table.getIsAllRowsSelected()\r\n                            }\r\n                            indeterminate={table.getIsSomeRowsSelected()}\r\n                            onChange={table.getToggleAllRowsSelectedHandler()}\r\n                            onIndeterminateCheckBoxChange={(e) => {\r\n                                handleIndeterminateCheckBoxChange(\r\n                                    e.target.checked,\r\n                                    table.getRowModel().rows,\r\n                                )\r\n                            }}\r\n                        />\r\n                    ),\r\n                    cell: ({ row }) => (\r\n                        <IndeterminateCheckbox\r\n                            checked={\r\n                                checkboxChecked\r\n                                    ? checkboxChecked(row.original)\r\n                                    : row.getIsSelected()\r\n                            }\r\n                            disabled={!row.getCanSelect()}\r\n                            indeterminate={row.getIsSomeSelected()}\r\n                            onChange={row.getToggleSelectedHandler()}\r\n                            onCheckBoxChange={(e) =>\r\n                                handleCheckBoxChange(\r\n                                    e.target.checked,\r\n                                    row.original,\r\n                                )\r\n                            }\r\n                        />\r\n                    ),\r\n                },\r\n                ...columns,\r\n            ]\r\n        }\r\n        return columns\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [columnsProp, selectable, loading, checkboxChecked])\r\n\r\n    const table = useReactTable({\r\n        data,\r\n        // eslint-disable-next-line  @typescript-eslint/no-explicit-any\r\n        columns: finalColumns,\r\n        getCoreRowModel: getCoreRowModel(),\r\n        getFilteredRowModel: getFilteredRowModel(),\r\n        getPaginationRowModel: getPaginationRowModel(),\r\n        getSortedRowModel: getSortedRowModel(),\r\n        manualPagination: true,\r\n        manualSorting: props.manualSorting ?? false,\r\n        enableGlobalFilter,\r\n        globalFilterFn: 'includesString',\r\n        onGlobalFilterChange: setGlobalFilter,\r\n        onSortingChange: (sorter) => {\r\n            setSorting(sorter as ColumnSort[])\r\n        },\r\n        onRowSelectionChange: setRowSelection,\r\n        state: {\r\n            sorting: sorting as ColumnSort[],\r\n            rowSelection: selection,\r\n            globalFilter: enableGlobalFilter ? globalFilter : undefined,\r\n        },\r\n        getRowCanExpand,\r\n    })\r\n\r\n    const resetSorting = () => {\r\n        table.resetSorting()\r\n    }\r\n\r\n    const resetSelected = () => {\r\n        table.resetRowSelection(true)\r\n    }\r\n\r\n    useImperativeHandle(ref, () => ({\r\n        resetSorting,\r\n        resetSelected,\r\n    }))\r\n\r\n    const handlePaginationChange = (page: number) => {\r\n        if (!loading) {\r\n            resetSelected()\r\n            onPaginationChange?.(page)\r\n        }\r\n    }\r\n\r\n    const handleSelectChange = (value?: number) => {\r\n        if (!loading) {\r\n            onSelectChange?.(Number(value))\r\n        }\r\n    }\r\n\r\n    const prevSelectedRef = useRef<T[]>([])\r\n\r\n    useEffect(() => {\r\n        if (!onSelectionChange) return\r\n\r\n        const selectedRows = table\r\n            .getSelectedRowModel()\r\n            .rows.map((r) => r.original as T)\r\n\r\n        const isEqual =\r\n            selectedRows.length === prevSelectedRef.current.length &&\r\n            selectedRows.every(\r\n                (item, idx) => item === prevSelectedRef.current[idx],\r\n            )\r\n\r\n        if (!isEqual) {\r\n            prevSelectedRef.current = selectedRows\r\n            onSelectionChange(selectedRows)\r\n        }\r\n    }, [table.getState().rowSelection, onSelectionChange, table])\r\n\r\n    // Sync external selectedRows prop with internal selection state\r\n    useEffect(() => {\r\n        if (props.selectedRows && data.length > 0) {\r\n            const externalSelection = {}\r\n            data.forEach((row, index) => {\r\n                const isSelected = props.selectedRows?.some(selectedRow => selectedRow === row)\r\n                if (isSelected) {\r\n                    externalSelection[index] = true\r\n                }\r\n            })\r\n            setRowSelection(externalSelection)\r\n        }\r\n    }, [props.selectedRows, data])\r\n\r\n    // isAllSelected management - only when selectedRows is not provided\r\n    useEffect(() => {\r\n        if (!props.selectedRows) { // Only manage isAllSelected when selectedRows is not used\r\n            if (props.isAllSelected === true && table) {\r\n                const all = {}\r\n                table.getRowModel().rows.forEach((row) => {\r\n                    all[row.id] = true\r\n                })\r\n                setRowSelection(all)\r\n            } else if (props.isAllSelected === false) {\r\n                setRowSelection({})\r\n            }\r\n            // When isAllSelected is undefined, preserve current selections\r\n        }\r\n    }, [props.isAllSelected, table, props.selectedRows])\r\n\r\n    return (\r\n        <Loading loading={Boolean(loading && data.length !== 0)} type=\"cover\">\r\n            <Table {...rest}>\r\n                <THead>\r\n                    {table.getHeaderGroups().map((headerGroup) => (\r\n                        <Tr key={headerGroup.id}>\r\n                            {headerGroup.headers.map((header) => {\r\n                                // 1. LEITURA E VALIDAÇÕES DO ALINHAMENTO\r\n                                const headerAlign = (header.column.columnDef as any).meta?.headerAlign || 'between';\r\n\r\n                                let justifyClass = 'justify-between'; // Padrão: Nome Esquerda, Sorter Direita\r\n\r\n                                // Flag para o alinhamento complexo desejado\r\n                                const sorterEnd = headerAlign === 'name-center-sorter-end';\r\n\r\n                                // Define a classe de justificação principal para os alinhamentos simples\r\n                                if (headerAlign === 'center') {\r\n                                    justifyClass = 'justify-center'; // Nome + Sorter juntos no centro\r\n                                } else if (headerAlign === 'start') {\r\n                                    justifyClass = 'justify-start'; // Nome + Sorter juntos na esquerda\r\n                                } else if (headerAlign === 'end') {\r\n                                    justifyClass = 'justify-end'; // Nome + Sorter juntos na direita\r\n                                }\r\n\r\n                                // Se for o layout complexo, usamos 'justify-center' como base\r\n                                if (sorterEnd) {\r\n                                    // Usamos justify-center, e o ml-auto do Sorter o empurra para o canto.\r\n                                    justifyClass = 'justify-center';\r\n                                }\r\n\r\n                                // Define classes para o SPAN do nome (Ocupa largura total e centraliza o texto)\r\n                                const nameClasses = classNames('truncate', {\r\n                                    // Se for sorterEnd, o SPAN ocupa a largura total para centralizar o nome\r\n                                    'w-full text-center': sorterEnd,\r\n                                });\r\n\r\n                                // Define a classe para o wrapper do Sorter.\r\n                                let sorterClasses = '';\r\n                                if (sorterEnd) {\r\n                                    // Para sorterEnd, ml-auto empurra o Sorter para a EXTREMA direita\r\n                                    sorterClasses = 'ml-auto';\r\n                                }\r\n\r\n                                return (\r\n                                    <Th\r\n                                        key={header.id}\r\n                                        colSpan={header.colSpan}\r\n                                    >\r\n                                        {header.isPlaceholder ? null : (\r\n                                            <div\r\n                                                className={classNames(\r\n                                                    'flex items-center gap-1', // O 'gap-1' fornece o espaçamento entre Nome e Sorter\r\n                                                    justifyClass,\r\n                                                    header.column.getCanSort() &&\r\n                                                    'cursor-pointer select-none',\r\n                                                    loading &&\r\n                                                    'pointer-events-none',\r\n                                                )}\r\n                                                onClick={header.column.getToggleSortingHandler()}\r\n                                            >\r\n                                                {/* 2. RENDERIZAÇÃO DO NOME (Sempre primeiro, pois o Sorter deve ser à direita) */}\r\n                                                <span className={nameClasses}>\r\n                                                    {flexRender(\r\n                                                        header.column.columnDef\r\n                                                            .header,\r\n                                                        header.getContext(),\r\n                                                    )}\r\n                                                </span>\r\n\r\n                                                {/* 3. RENDERIZAÇÃO DO SORTER: Sempre depois do nome. O ml-auto será aplicado APENAS em sorterEnd */}\r\n                                                {header.column.getCanSort() && (\r\n                                                    // O Sorter deve estar em uma div se precisar de classes condicionais (ml-auto)\r\n                                                    <div className={sorterClasses}>\r\n                                                        <Sorter\r\n                                                            sort={header.column.getIsSorted()}\r\n                                                        />\r\n                                                    </div>\r\n                                                )}\r\n                                            </div>\r\n                                        )}\r\n                                    </Th>\r\n                                );\r\n                            })}\r\n                        </Tr>\r\n                    ))}\r\n                </THead>\r\n                {loading && data.length === 0 ? (\r\n                    <TableRowSkeleton\r\n                        columns={(finalColumns as Array<T>).length}\r\n                        rows={pagingData.pageSize}\r\n                        avatarInColumns={skeletonAvatarColumns}\r\n                        avatarProps={skeletonAvatarProps}\r\n                    />\r\n                ) : (\r\n                    <TBody>\r\n                        {noData ? (\r\n                            <Tr>\r\n                                <Td\r\n                                    className=\"hover:bg-transparent\"\r\n                                    colSpan={finalColumns.length}\r\n                                >\r\n                                    <div className=\"flex flex-col items-center gap-4\">\r\n                                        {customNoDataIcon ? (\r\n                                            customNoDataIcon\r\n                                        ) : (\r\n                                            <>\r\n                                                <FileNotFound />\r\n                                                <span className=\"font-semibold\">\r\n                                                    No data found!\r\n                                                </span>\r\n                                            </>\r\n                                        )}\r\n                                    </div>\r\n                                </Td>\r\n                            </Tr>\r\n                        ) : (\r\n                            table\r\n                                .getRowModel()\r\n                                .rows.slice(0, pageSize)\r\n                                .map((row) => {\r\n                                    return (\r\n                                        <Fragment key={row.id}>\r\n                                            <Tr key={row.id}>\r\n                                                {row\r\n                                                    .getVisibleCells()\r\n                                                    .map((cell) => {\r\n                                                        return (\r\n                                                            <Td\r\n                                                                key={cell.id}\r\n                                                                style={{\r\n                                                                    width: cell.column.getSize(),\r\n                                                                }}\r\n                                                            >\r\n                                                                {flexRender(\r\n                                                                    cell.column\r\n                                                                        .columnDef\r\n                                                                        .cell,\r\n                                                                    cell.getContext(),\r\n                                                                )}\r\n                                                            </Td>\r\n                                                        )\r\n                                                    })}\r\n                                            </Tr>\r\n                                            {row.getIsExpanded() && (\r\n                                                <Tr>\r\n                                                    <Td\r\n                                                        colSpan={\r\n                                                            row.getVisibleCells()\r\n                                                                .length\r\n                                                        }\r\n                                                    >\r\n                                                        {renderSubComponent(\r\n                                                            row,\r\n                                                        )}\r\n                                                    </Td>\r\n                                                </Tr>\r\n                                            )}\r\n                                        </Fragment>\r\n                                    )\r\n                                })\r\n                        )}\r\n                    </TBody>\r\n                )}\r\n            </Table>\r\n            {!hidePagination && (\r\n                <div className=\"mt-4 flex items-center justify-between\">\r\n                    <Pagination\r\n                        pageSize={pageSize}\r\n                        currentPage={pageIndex}\r\n                        total={total}\r\n                        onChange={handlePaginationChange}\r\n                    />\r\n                    <div style={{ minWidth: 130 }}>\r\n                        <Select\r\n                            instanceId={instanceId}\r\n                            size=\"sm\"\r\n                            menuPlacement=\"top\"\r\n                            isSearchable={false}\r\n                            value={pageSizeOption.filter(\r\n                                (option) => option.value === pageSize,\r\n                            )}\r\n                            options={pageSizeOption}\r\n                            onChange={(option) =>\r\n                                handleSelectChange(option?.value)\r\n                            }\r\n                        />\r\n                    </div>\r\n                </div>\r\n            )}\r\n        </Loading>\r\n    )\r\n}\r\n\r\nexport { DataTable }\r\nexport type { CellContext, ColumnDef, ColumnSort, Row }\r\nexport default DataTable"],"names":["table","Fragment"],"mappings":";;;;;;;;;;;;;;AAkFA,MAAM,EAAE,IAAI,IAAI,IAAI,OAAO,OAAO,WAAW;AAE7C,MAAM,wBAAwB,CAAC,UAAsC;AAC3D,QAAA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEE,QAAA,MAAM,OAAyB,IAAI;AAEzC,YAAU,MAAM;AACZ,QAAI,OAAO,kBAAkB,aAAa,IAAI,SAAS;AACnD,UAAI,QAAQ,gBAAgB,CAAC,KAAK,WAAW;AAAA,IAAA;AAAA,EACjD,GAED,CAAC,KAAK,aAAa,CAAC;AAEjB,QAAA,eAAe,CAAC,MAA2B;AAC7C,aAAS,CAAC;AACV,uBAAmB,CAAC;AACpB,oCAAgC,CAAC;AAAA,EACrC;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAU;AAAA,MACV,UAAU,CAAC,GAAG,MAAM,aAAa,CAAC;AAAA,MACjC,GAAG;AAAA,IAAA;AAAA,EACR;AAER;AAOA,SAAS,UAAa,OAA0B;AACtC,QAAA;AAAA,IACF;AAAA,IACA,SAAS,cAAc,CAAC;AAAA,IACxB,OAAO,CAAC;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY,CAAC,IAAI,IAAI,IAAI,GAAG;AAAA,IAC5B,aAAa;AAAA,IACb;AAAA,IACA,aAAa;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,MACX,UAAU;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA,qBAAqB,MAAM;AAAA,IAC3B,kBAAkB,MAAM;AAAA,IACxB;AAAA,IACA,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,cAAc;AAAA,IACd;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,EAAE,UAAU,WAAW,MAAU,IAAA;AAEvC,QAAM,CAAC,SAAS,UAAU,IAAI,SAA8B,IAAI;AAChE,QAAM,CAAC,WAAW,eAAe,IAAI,SAAS,CAAA,CAAE;AAChD,QAAM,CAAC,sBAAsB,uBAAuB,IAAI,SAAS,EAAE;AAGnE,QAAM,eAAe,oBAAoB;AACzC,QAAM,kBAAkB,wBAAwB;AAE1C,QAAA,EAAE,EAAE,IAAI,eAAe;AAE7B,QAAM,iBAAiB;AAAA,IACnB,MACI,UAAU,IAAI,CAAC,YAAY;AAAA,MACvB,OAAO;AAAA,MACP,OAAO,GAAG,MAAM,MAAM,EAAE,uBAAuB,CAAC;AAAA,IAAA,EAClD;AAAA,IACN,CAAC,SAAS;AAAA,EACd;AAEA,YAAU,MAAM;AACR,QAAA,MAAM,QAAQ,OAAO,GAAG;AAClB,YAAA,YACF,QAAQ,SAAS,IAAK,QAAQ,CAAC,EAAE,OAAO,SAAS,QAAS;AAC9D,YAAM,KAAK,QAAQ,SAAS,IAAI,QAAQ,CAAC,EAAE,KAAK;AAChD,eAAS,EAAE,OAAO,WAAW,KAAK,IAAI;AAAA,IAAA;AAAA,EAC1C,GAED,CAAC,OAAO,CAAC;AAEN,QAAA,oCAAoC,CACtC,SACA,SACC;AACD,QAAI,CAAC,SAAS;AACV,sCAAgC,SAAS,IAAI;AAAA,IAAA;AAAA,EAErD;AAEM,QAAA,uBAAuB,CAAC,SAAkB,QAAW;AACvD,QAAI,CAAC,SAAS;AACV,yBAAmB,SAAS,GAAG;AAAA,IAAA;AAAA,EAEvC;AAEM,QAAA,eAA+B,QAAQ,MAAM;AAC/C,UAAM,UAAU;AAEhB,QAAI,YAAY;AACL,aAAA;AAAA,QACH;AAAA,UACI,IAAI;AAAA,UACJ,SAAS;AAAA,UACT,QAAQ,CAAC,EAAE,OAAAA,OACP,MAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,SACI,+BACM;AAAA,gBACEA,OAAM,cAAc;AAAA,cAAA,IAEtBA,OAAM,qBAAqB;AAAA,cAErC,eAAeA,OAAM,sBAAsB;AAAA,cAC3C,UAAUA,OAAM,gCAAgC;AAAA,cAChD,+BAA+B,CAAC,MAAM;AAClC;AAAA,kBACI,EAAE,OAAO;AAAA,kBACTA,OAAM,cAAc;AAAA,gBACxB;AAAA,cAAA;AAAA,YACJ;AAAA,UACJ;AAAA,UAEJ,MAAM,CAAC,EAAE,IAAA,MACL;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,SACI,kBACM,gBAAgB,IAAI,QAAQ,IAC5B,IAAI,cAAc;AAAA,cAE5B,UAAU,CAAC,IAAI,aAAa;AAAA,cAC5B,eAAe,IAAI,kBAAkB;AAAA,cACrC,UAAU,IAAI,yBAAyB;AAAA,cACvC,kBAAkB,CAAC,MACf;AAAA,gBACI,EAAE,OAAO;AAAA,gBACT,IAAI;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAIhB;AAAA,QACA,GAAG;AAAA,MACP;AAAA,IAAA;AAEG,WAAA;AAAA,KAER,CAAC,aAAa,YAAY,SAAS,eAAe,CAAC;AAEtD,QAAM,QAAQ,cAAc;AAAA,IACxB;AAAA;AAAA,IAEA,SAAS;AAAA,IACT,iBAAiB,gBAAgB;AAAA,IACjC,qBAAqB,oBAAoB;AAAA,IACzC,uBAAuB,sBAAsB;AAAA,IAC7C,mBAAmB,kBAAkB;AAAA,IACrC,kBAAkB;AAAA,IAClB,eAAe,MAAM,iBAAiB;AAAA,IACtC;AAAA,IACA,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,iBAAiB,CAAC,WAAW;AACzB,iBAAW,MAAsB;AAAA,IACrC;AAAA,IACA,sBAAsB;AAAA,IACtB,OAAO;AAAA,MACH;AAAA,MACA,cAAc;AAAA,MACd,cAAc,qBAAqB,eAAe;AAAA,IACtD;AAAA,IACA;AAAA,EAAA,CACH;AAED,QAAM,eAAe,MAAM;AACvB,UAAM,aAAa;AAAA,EACvB;AAEA,QAAM,gBAAgB,MAAM;AACxB,UAAM,kBAAkB,IAAI;AAAA,EAChC;AAEA,sBAAoB,KAAK,OAAO;AAAA,IAC5B;AAAA,IACA;AAAA,EAAA,EACF;AAEI,QAAA,yBAAyB,CAAC,SAAiB;AAC7C,QAAI,CAAC,SAAS;AACI,oBAAA;AACd,2BAAqB,IAAI;AAAA,IAAA;AAAA,EAEjC;AAEM,QAAA,qBAAqB,CAAC,UAAmB;AAC3C,QAAI,CAAC,SAAS;AACO,uBAAA,OAAO,KAAK,CAAC;AAAA,IAAA;AAAA,EAEtC;AAEM,QAAA,kBAAkB,OAAY,EAAE;AAEtC,YAAU,MAAM;AACZ,QAAI,CAAC,kBAAmB;AAElB,UAAA,eAAe,MAChB,sBACA,KAAK,IAAI,CAAC,MAAM,EAAE,QAAa;AAEpC,UAAM,UACF,aAAa,WAAW,gBAAgB,QAAQ,UAChD,aAAa;AAAA,MACT,CAAC,MAAM,QAAQ,SAAS,gBAAgB,QAAQ,GAAG;AAAA,IACvD;AAEJ,QAAI,CAAC,SAAS;AACV,sBAAgB,UAAU;AAC1B,wBAAkB,YAAY;AAAA,IAAA;AAAA,EAClC,GACD,CAAC,MAAM,SAAA,EAAW,cAAc,mBAAmB,KAAK,CAAC;AAG5D,YAAU,MAAM;AACZ,QAAI,MAAM,gBAAgB,KAAK,SAAS,GAAG;AACvC,YAAM,oBAAoB,CAAC;AACtB,WAAA,QAAQ,CAAC,KAAK,UAAU;AACzB,cAAM,aAAa,MAAM,cAAc,KAAK,CAAA,gBAAe,gBAAgB,GAAG;AAC9E,YAAI,YAAY;AACZ,4BAAkB,KAAK,IAAI;AAAA,QAAA;AAAA,MAC/B,CACH;AACD,sBAAgB,iBAAiB;AAAA,IAAA;AAAA,EAEtC,GAAA,CAAC,MAAM,cAAc,IAAI,CAAC;AAG7B,YAAU,MAAM;AACR,QAAA,CAAC,MAAM,cAAc;AACjB,UAAA,MAAM,kBAAkB,QAAQ,OAAO;AACvC,cAAM,MAAM,CAAC;AACb,cAAM,YAAY,EAAE,KAAK,QAAQ,CAAC,QAAQ;AAClC,cAAA,IAAI,EAAE,IAAI;AAAA,QAAA,CACjB;AACD,wBAAgB,GAAG;AAAA,MAAA,WACZ,MAAM,kBAAkB,OAAO;AACtC,wBAAgB,CAAA,CAAE;AAAA,MAAA;AAAA,IACtB;AAAA,EAEJ,GACD,CAAC,MAAM,eAAe,OAAO,MAAM,YAAY,CAAC;AAG/C,SAAA,qBAAC,SAAQ,EAAA,SAAS,QAAQ,WAAW,KAAK,WAAW,CAAC,GAAG,MAAK,SAC1D,UAAA;AAAA,IAAC,qBAAA,OAAA,EAAO,GAAG,MACP,UAAA;AAAA,MAAA,oBAAC,OACI,EAAA,UAAA,MAAM,gBAAgB,EAAE,IAAI,CAAC,gBAC1B,oBAAC,IACI,EAAA,UAAA,YAAY,QAAQ,IAAI,CAAC,WAAW;AAEjC,cAAM,cAAe,OAAO,OAAO,UAAkB,MAAM,eAAe;AAE1E,YAAI,eAAe;AAGnB,cAAM,YAAY,gBAAgB;AAGlC,YAAI,gBAAgB,UAAU;AACX,yBAAA;AAAA,QAAA,WACR,gBAAgB,SAAS;AACjB,yBAAA;AAAA,QAAA,WACR,gBAAgB,OAAO;AACf,yBAAA;AAAA,QAAA;AAInB,YAAI,WAAW;AAEI,yBAAA;AAAA,QAAA;AAIb,cAAA,cAAc,WAAW,YAAY;AAAA;AAAA,UAEvC,sBAAsB;AAAA,QAAA,CACzB;AAGD,YAAI,gBAAgB;AACpB,YAAI,WAAW;AAEK,0BAAA;AAAA,QAAA;AAIhB,eAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEG,SAAS,OAAO;AAAA,YAEf,UAAA,OAAO,gBAAgB,OACpB;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAW;AAAA,kBACP;AAAA;AAAA,kBACA;AAAA,kBACA,OAAO,OAAO,WAAA,KACd;AAAA,kBACA,WACA;AAAA,gBACJ;AAAA,gBACA,SAAS,OAAO,OAAO,wBAAwB;AAAA,gBAG/C,UAAA;AAAA,kBAAC,oBAAA,QAAA,EAAK,WAAW,aACZ,UAAA;AAAA,oBACG,OAAO,OAAO,UACT;AAAA,oBACL,OAAO,WAAW;AAAA,kBAAA,GAE1B;AAAA,kBAGC,OAAO,OAAO,WAAW;AAAA,kBAEtB,oBAAC,OAAI,EAAA,WAAW,eACZ,UAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACG,MAAM,OAAO,OAAO,YAAY;AAAA,oBAAA;AAAA,kBAAA,EAExC,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAER;AAAA,UAjCC,OAAO;AAAA,QAmChB;AAAA,MAEP,CAAA,KA7EI,YAAY,EA8ErB,CACH,EACL,CAAA;AAAA,MACC,WAAW,KAAK,WAAW,IACxB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAU,aAA0B;AAAA,UACpC,MAAM,WAAW;AAAA,UACjB,iBAAiB;AAAA,UACjB,aAAa;AAAA,QAAA;AAAA,MAAA,IAGjB,oBAAC,OACI,EAAA,UAAA,6BACI,IACG,EAAA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,SAAS,aAAa;AAAA,UAEtB,8BAAC,OAAI,EAAA,WAAU,oCACV,UAAA,mBACG,mBAGI,qBAAA,UAAA,EAAA,UAAA;AAAA,YAAA,oBAAC,cAAa,EAAA;AAAA,YACb,oBAAA,QAAA,EAAK,WAAU,iBAAgB,UAEhC,iBAAA,CAAA;AAAA,UAAA,EAAA,CACJ,EAER,CAAA;AAAA,QAAA;AAAA,MAER,EAAA,CAAA,IAEA,MACK,YAAA,EACA,KAAK,MAAM,GAAG,QAAQ,EACtB,IAAI,CAAC,QAAQ;AAEN,eAAA,qBAACC,YAAA,EACG,UAAA;AAAA,UAAA,oBAAC,MACI,UACI,IAAA,kBACA,IAAI,CAAC,SAAS;AAEP,mBAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEG,OAAO;AAAA,kBACH,OAAO,KAAK,OAAO,QAAQ;AAAA,gBAC/B;AAAA,gBAEC,UAAA;AAAA,kBACG,KAAK,OACA,UACA;AAAA,kBACL,KAAK,WAAW;AAAA,gBAAA;AAAA,cACpB;AAAA,cAVK,KAAK;AAAA,YAWd;AAAA,UAAA,CAEP,EAnBA,GAAA,IAAI,EAoBb;AAAA,UACC,IAAI,cAAA,KACD,oBAAC,IACG,EAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,SACI,IAAI,gBAAA,EACC;AAAA,cAGR,UAAA;AAAA,gBACG;AAAA,cAAA;AAAA,YACJ;AAAA,UAAA,EAER,CAAA;AAAA,QAAA,EAAA,GAlCO,IAAI,EAoCnB;AAAA,MAAA,CAEP,EAEb,CAAA;AAAA,IAAA,GAER;AAAA,IACC,CAAC,kBACG,qBAAA,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA,aAAa;AAAA,UACb;AAAA,UACA,UAAU;AAAA,QAAA;AAAA,MACd;AAAA,0BACC,OAAI,EAAA,OAAO,EAAE,UAAU,OACpB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA,MAAK;AAAA,UACL,eAAc;AAAA,UACd,cAAc;AAAA,UACd,OAAO,eAAe;AAAA,YAClB,CAAC,WAAW,OAAO,UAAU;AAAA,UACjC;AAAA,UACA,SAAS;AAAA,UACT,UAAU,CAAC,WACP,mBAAmB,QAAQ,KAAK;AAAA,QAAA;AAAA,MAAA,EAG5C,CAAA;AAAA,IAAA,EACJ,CAAA;AAAA,EAAA,GAER;AAER;"}

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

@@ -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":";;;;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;"}
+{"version":3,"file":"DebounceInput.js","sources":["../../../../lib/@ecme/components/shared/DebounceInput.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\r\nimport useDebounce from '@/utils/hooks/useDebounce'\r\nimport type { ChangeEvent, Ref } from 'react'\r\nimport type { InputProps } from '@/components/ui/Input'\r\n\r\nexport type DebounceInputProps = InputProps & {\r\n    wait?: number\r\n    ref?: Ref<HTMLInputElement>\r\n}\r\n\r\nconst DebounceInput = (props: DebounceInputProps) => {\r\n    const { wait = 500, ref, ...rest } = props\r\n\r\n    function handleDebounceFn(value: ChangeEvent<HTMLInputElement>) {\r\n        props.onChange?.(value)\r\n    }\r\n\r\n    const debounceFn = useDebounce(handleDebounceFn, wait)\r\n\r\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n        debounceFn(e)\r\n    }\r\n\r\n    return <Input ref={ref} {...rest} onChange={handleInputChange} />\r\n}\r\n\r\nexport default DebounceInput\r\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;"}

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

@@ -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,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;"}
+{"version":3,"file":"DoubleSidedImage.js","sources":["../../../../lib/@ecme/components/shared/DoubleSidedImage.tsx"],"sourcesContent":["import { useThemeStore } from '@/store/themeStore'\r\nimport { THEME_ENUM } from '@/constants/theme.constant'\r\nimport type { DetailedHTMLProps, ImgHTMLAttributes } from 'react'\r\n\r\ninterface DoubleSidedImageProps\r\n    extends DetailedHTMLProps<\r\n        ImgHTMLAttributes<HTMLImageElement>,\r\n        HTMLImageElement\r\n    > {\r\n    darkModeSrc: string\r\n}\r\n\r\nconst { MODE_DARK } = THEME_ENUM\r\n\r\nconst DoubleSidedImage = ({\r\n    src,\r\n    darkModeSrc,\r\n    alt = '',\r\n    ...rest\r\n}: DoubleSidedImageProps) => {\r\n    const mode = useThemeStore((state) => state.mode)\r\n\r\n    return (\r\n        <img src={mode === MODE_DARK ? darkModeSrc : src} alt={alt} {...rest} />\r\n    )\r\n}\r\n\r\nexport default DoubleSidedImage\r\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;"}

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

@@ -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":";;;;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;"}
+{"version":3,"file":"EllipsisButton.js","sources":["../../../../lib/@ecme/components/shared/EllipsisButton.tsx"],"sourcesContent":["import { TbDots } from \"react-icons/tb\";\r\nimport { Button, ButtonProps } from \"../ui\";\r\n\r\ntype EllipsisButtonProps = ButtonProps;\r\n\r\nconst EllipsisButton = (props: EllipsisButtonProps) => {\r\n  const {\r\n    shape = \"circle\",\r\n    variant = \"plain\",\r\n    size = \"xs\",\r\n    type = \"button\",\r\n  } = props;\r\n\r\n  return (\r\n    <Button\r\n      shape={shape}\r\n      variant={variant}\r\n      size={size}\r\n      icon={<TbDots />}\r\n      type={type}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport default EllipsisButton;\r\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;"}

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

@@ -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":";;;;;;;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;"}
+{"version":3,"file":"GanttChart.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/GanttChart.tsx"],"sourcesContent":["import { ViewMode, Gantt } from 'gantt-task-react'\r\nimport TaskListTable from './TaskListTable'\r\nimport TaskListHeader from './TaskListHeader'\r\nimport TooltipContent from './TooltipContent'\r\nimport tasksPreProcess from './tasksPreProcess'\r\nimport { PatternLines } from '@visx/pattern'\r\nimport type { ExtraCell } from './TaskListTable'\r\nimport type { ExtraHeader } from './TaskListHeader'\r\nimport type { Task, GanttProps } from 'gantt-task-react'\r\n\r\ntype ExtendedTask<T extends Record<string, unknown> = NonNullable<unknown>> =\r\n    Task & {\r\n        barVariant?: string\r\n    } & T\r\n\r\ntype GanttChartProps<T extends Record<string, unknown>> = GanttProps & {\r\n    extraColumns?: Array<{\r\n        header: ExtraHeader\r\n        cell: ExtraCell\r\n    }>\r\n    tasks: ExtendedTask<T>[]\r\n    colorsMap?: Record<string, string>\r\n    showArrow?: boolean\r\n}\r\n\r\nconst GanttChart = <T extends Record<string, unknown>>(\r\n    props: GanttChartProps<T>,\r\n) => {\r\n    const {\r\n        tasks,\r\n        viewMode = ViewMode.Day,\r\n        extraColumns,\r\n        colorsMap = {},\r\n        showArrow,\r\n        ...rest\r\n    } = props\r\n\r\n    return (\r\n        <>\r\n            <Gantt\r\n                tasks={tasksPreProcess(tasks, colorsMap)}\r\n                viewMode={viewMode}\r\n                listCellWidth={'200px'}\r\n                columnWidth={65}\r\n                barProgressColor={'#3380fa'}\r\n                barProgressSelectedColor={'#3380fa'}\r\n                barBackgroundColor={'#e2e8f0'}\r\n                barBackgroundSelectedColor={'#e2e8f0'}\r\n                projectProgressColor={'#6299f1'}\r\n                projectProgressSelectedColor={'#6299f1'}\r\n                projectBackgroundColor=\"#3380fa\"\r\n                projectBackgroundSelectedColor=\"#3380fa\"\r\n                milestoneBackgroundColor=\"#3380fa\"\r\n                milestoneBackgroundSelectedColor=\"#3380fa\"\r\n                todayColor=\"url(#horzLines)\"\r\n                rowHeight={50}\r\n                TaskListHeader={(props) => (\r\n                    <TaskListHeader\r\n                        {...props}\r\n                        extraHeaders={extraColumns?.map((col) => col.header)}\r\n                    />\r\n                )}\r\n                TaskListTable={(props) => (\r\n                    <TaskListTable\r\n                        {...props}\r\n                        extraCells={extraColumns?.map((col) => col.cell)}\r\n                    />\r\n                )}\r\n                TooltipContent={TooltipContent}\r\n                barCornerRadius={6}\r\n                {...(!showArrow ? { arrowColor: 'transparent' } : {})}\r\n                {...rest}\r\n            />\r\n            <svg className=\"h-0 w-0\">\r\n                <PatternLines\r\n                    id=\"horzLines\"\r\n                    height={10}\r\n                    width={10}\r\n                    className=\"stroke-gray-200 dark:stroke-gray-700\"\r\n                    strokeWidth={1.5}\r\n                    background=\"transparent\"\r\n                    orientation={['diagonal']}\r\n                />\r\n            </svg>\r\n        </>\r\n    )\r\n}\r\n\r\nexport type { Task, ExtendedTask }\r\n\r\nexport default GanttChart\r\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;"}

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

@@ -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                    &nbsp;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                        &nbsp;{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;"}
+{"version":3,"file":"TaskListHeader.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/TaskListHeader.tsx"],"sourcesContent":["import { ReactNode } from 'react'\r\n\r\nexport type ExtraHeader = string | ReactNode\r\n\r\ntype TaskListHeaderProps = {\r\n    headerHeight: number\r\n    rowWidth: string\r\n    fontFamily: string\r\n    fontSize: string\r\n    extraHeaders?: ExtraHeader[]\r\n}\r\n\r\nconst TaskListHeader = ({\r\n    headerHeight,\r\n    rowWidth,\r\n    extraHeaders = [],\r\n}: TaskListHeaderProps) => {\r\n    return (\r\n        <div className=\"table\">\r\n            <div\r\n                className=\"table-row list-none bg-gray-100/50 bg:fill-gray-700/40\"\r\n                style={{\r\n                    height: headerHeight,\r\n                }}\r\n            >\r\n                <div\r\n                    className=\"table-cell align-middle px-3 \"\r\n                    style={{\r\n                        minWidth: rowWidth,\r\n                    }}\r\n                >\r\n                    &nbsp;Name\r\n                </div>\r\n                <div\r\n                    className=\"border-r border-gray-200 dark:border-gray-700 -ml-1\"\r\n                    style={{\r\n                        height: headerHeight,\r\n                    }}\r\n                />\r\n            </div>\r\n            {extraHeaders.map((headers, index) => (\r\n                <div\r\n                    key={`${headers}-${index}`}\r\n                    className=\"table-row list-none bg-gray-100/50 bg:fill-gray-700/40\"\r\n                    style={{\r\n                        height: headerHeight,\r\n                    }}\r\n                >\r\n                    <div\r\n                        className=\"table-cell align-middle px-3\"\r\n                        style={{\r\n                            minWidth: rowWidth,\r\n                        }}\r\n                    >\r\n                        &nbsp;{headers}\r\n                    </div>\r\n                    <div\r\n                        className=\"border-r border-gray-200 dark:border-gray-700 -ml-1\"\r\n                        style={{\r\n                            height: headerHeight,\r\n                        }}\r\n                    />\r\n                </div>\r\n            ))}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default TaskListHeader\r\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;"}

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

@@ -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                                &nbsp;{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;"}
+{"version":3,"file":"TaskListTable.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/TaskListTable.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\r\nimport { TbChevronRight, TbChevronDown } from 'react-icons/tb'\r\nimport type { Task } from 'gantt-task-react'\r\nimport type { ReactNode } from 'react'\r\n\r\ntype ExtendedTask = Task & { barVariant?: string }\r\n\r\nexport type ExtraCell = (task: ExtendedTask) => ReactNode | string\r\n\r\ntype TaskListTableProps = {\r\n    rowHeight: number\r\n    rowWidth: string\r\n    fontFamily: string\r\n    fontSize: string\r\n    locale: string\r\n    tasks: ExtendedTask[]\r\n    selectedTaskId: string\r\n    setSelectedTask: (taskId: string) => void\r\n    onExpanderClick: (task: Task) => void\r\n    extraCells?: ExtraCell[]\r\n}\r\n\r\nconst TaskListTable = ({\r\n    rowHeight,\r\n    rowWidth,\r\n    tasks,\r\n    onExpanderClick,\r\n    extraCells,\r\n}: TaskListTableProps) => {\r\n    return (\r\n        <div className=\"table\">\r\n            {tasks.map((t, rowIndex) => {\r\n                return (\r\n                    <div\r\n                        key={`${t.id}row`}\r\n                        className=\"_34SS0\"\r\n                        style={{ height: rowHeight }}\r\n                    >\r\n                        <div\r\n                            className=\"table-cell align-middle whitespace-nowrap overflow-hidden text-ellipsis  border-r border-gray-200 dark:border-gray-700 px-2\"\r\n                            style={{\r\n                                minWidth: rowWidth,\r\n                                maxWidth: rowWidth,\r\n                            }}\r\n                            title={t.name}\r\n                        >\r\n                            <div className=\"flex items-center gap-1\">\r\n                                <div\r\n                                    className=\"text-lg cursor-pointer min-w-4\"\r\n                                    role=\"button\"\r\n                                    onClick={() => onExpanderClick(t)}\r\n                                >\r\n                                    {t.hideChildren === false && (\r\n                                        <TbChevronDown />\r\n                                    )}\r\n                                    {t.hideChildren === true && (\r\n                                        <TbChevronRight />\r\n                                    )}\r\n                                </div>\r\n                                <div\r\n                                    className={classNames(\r\n                                        'truncate',\r\n                                        typeof t.hideChildren === 'boolean' &&\r\n                                            'heading-text font-bold',\r\n                                    )}\r\n                                >\r\n                                    {t.name}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        {extraCells?.map((cell, cellIndex) => (\r\n                            <div\r\n                                key={`${t.id}-cell-${rowIndex}-${cellIndex}`}\r\n                                className=\"table-cell align-middle whitespace-nowrap overflow-hidden text-ellipsis  border-r border-gray-200 dark:border-gray-700 px-2\"\r\n                                style={{\r\n                                    minWidth: rowWidth,\r\n                                    maxWidth: rowWidth,\r\n                                }}\r\n                            >\r\n                                &nbsp;{cell(t)}\r\n                            </div>\r\n                        ))}\r\n                    </div>\r\n                )\r\n            })}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default TaskListTable\r\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;"}

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

@@ -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;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;"}
+{"version":3,"file":"TooltipContent.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/TooltipContent.tsx"],"sourcesContent":["import Progress from '@/components/ui/Progress'\r\nimport { TbClock } from 'react-icons/tb'\r\nimport dayjs from 'dayjs'\r\nimport type { Task } from 'gantt-task-react'\r\n\r\ntype TooltipContentProps = {\r\n    task: Task\r\n}\r\n\r\nconst progressBarStatusClass = (progression: number) => {\r\n    if (progression > 70) {\r\n        return 'bg-success'\r\n    }\r\n\r\n    if (progression < 40) {\r\n        return 'bg-error'\r\n    }\r\n\r\n    return\r\n}\r\n\r\nconst TooltipContent = (props: TooltipContentProps) => {\r\n    const { task } = props\r\n\r\n    return (\r\n        <div className=\"p-3 rounded-lg shadow bg-gray-800 dark:bg-black  flex justify-between items-center min-w-[200px] z-10\">\r\n            <div className=\"flex flex-col w-full\">\r\n                <div className=\"text-white font-bold mb-1\">{task.name}</div>\r\n                <div className=\"flex items-center gap-1 text-gray-300\">\r\n                    <TbClock className=\"text-lg\" />\r\n                    <span>\r\n                        {dayjs(task.start).format('DD')} ~{' '}\r\n                        {dayjs(task.end).format('DD MMM')}\r\n                    </span>\r\n                </div>\r\n                <div>\r\n                    {!!task.progress && (\r\n                        <Progress\r\n                            customColorClass={progressBarStatusClass(\r\n                                task.progress,\r\n                            )}\r\n                            className=\"text-white\"\r\n                            percent={task.progress}\r\n                            trailClass=\"bg-gray-500\"\r\n                            customInfo={\r\n                                <div className=\"text-white font-bold\">\r\n                                    {task.progress}%\r\n                                </div>\r\n                            }\r\n                        />\r\n                    )}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default TooltipContent\r\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;"}

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

@@ -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;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;"}
+{"version":3,"file":"getStartEndDateForProject.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/getStartEndDateForProject.ts"],"sourcesContent":["import type { ExtendedTask } from './GanttChart'\r\n\r\nfunction getStartEndDateForProject(tasks: ExtendedTask[], projectId: string) {\r\n    const projectTasks = tasks.filter((t) => t.project === projectId)\r\n    let start = projectTasks[0].start\r\n    let end = projectTasks[0].end\r\n\r\n    for (let i = 0; i < projectTasks.length; i++) {\r\n        const task = projectTasks[i]\r\n        if (start.getTime() > task.start.getTime()) {\r\n            start = task.start\r\n        }\r\n        if (end.getTime() < task.end.getTime()) {\r\n            end = task.end\r\n        }\r\n    }\r\n    return [start, end]\r\n}\r\n\r\nexport default getStartEndDateForProject\r\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;"}

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

@@ -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;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;"}
+{"version":3,"file":"tasksPreProcess.js","sources":["../../../../../lib/@ecme/components/shared/GanttChart/tasksPreProcess.ts"],"sourcesContent":["import dayjs from 'dayjs'\r\nimport type { ExtendedTask } from './GanttChart'\r\n\r\nfunction hexToRgb(hex: string): string | null {\r\n    hex = hex.replace(/^#/, '')\r\n\r\n    let bigint: number\r\n    if (hex.length === 3) {\r\n        bigint = parseInt(\r\n            hex.charAt(0) +\r\n                hex.charAt(0) +\r\n                hex.charAt(1) +\r\n                hex.charAt(1) +\r\n                hex.charAt(2) +\r\n                hex.charAt(2),\r\n            16,\r\n        )\r\n    } else if (hex.length === 6) {\r\n        bigint = parseInt(hex, 16)\r\n    } else {\r\n        return null\r\n    }\r\n\r\n    const r = (bigint >> 16) & 255\r\n    const g = (bigint >> 8) & 255\r\n    const b = bigint & 255\r\n\r\n    return `rgb(${r}, ${g}, ${b})`\r\n}\r\n\r\nfunction isHexOrRgb(color: string): 'hex' | 'rgb' | 'invalid' {\r\n    const hexRegex = /^#?([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/\r\n    const rgbRegex = /^rgb\\((\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})\\)$/\r\n\r\n    if (hexRegex.test(color)) {\r\n        return 'hex'\r\n    } else if (rgbRegex.test(color)) {\r\n        return 'rgb'\r\n    } else {\r\n        return 'invalid'\r\n    }\r\n}\r\n\r\nfunction applyOpacityToRgb(color: string, opacity: number): string | null {\r\n    const rgbRegex = /^rgb\\((\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})\\)$/\r\n    const match = color.match(rgbRegex)\r\n\r\n    if (match) {\r\n        const r = parseInt(match[1], 10)\r\n        const g = parseInt(match[2], 10)\r\n        const b = parseInt(match[3], 10)\r\n\r\n        if (opacity < 0 || opacity > 1) {\r\n            return null // Invalid opacity value\r\n        }\r\n\r\n        return `rgba(${r}, ${g}, ${b}, ${opacity})`\r\n    } else {\r\n        return null // Invalid RGB color\r\n    }\r\n}\r\n\r\nexport default function tasksPreProcess(\r\n    tasks: ExtendedTask[],\r\n    colorsMap: Record<string, string>,\r\n) {\r\n    const coloredTask = tasks.map((task) => {\r\n        task.start = dayjs(task.start).toDate()\r\n        task.end = dayjs(task.end).toDate()\r\n\r\n        if (task.barVariant && colorsMap[task.barVariant]) {\r\n            const inputColor = colorsMap[task.barVariant]\r\n            let color = ''\r\n\r\n            if (isHexOrRgb(inputColor) === 'invalid') {\r\n                return task\r\n            }\r\n\r\n            if (isHexOrRgb(inputColor) === 'hex') {\r\n                color = hexToRgb(inputColor) as string\r\n            }\r\n\r\n            if (task.type === 'task') {\r\n                task.styles = {\r\n                    progressColor: color,\r\n                    backgroundColor: applyOpacityToRgb(color, 0.5) as string,\r\n                    progressSelectedColor: color,\r\n                    backgroundSelectedColor: applyOpacityToRgb(\r\n                        color,\r\n                        0.5,\r\n                    ) as string,\r\n                }\r\n            }\r\n\r\n            if (task.type === 'milestone') {\r\n                task.styles = {\r\n                    backgroundColor: color,\r\n                    backgroundSelectedColor: color,\r\n                }\r\n            }\r\n\r\n            if (task.type === 'project') {\r\n                task.styles = {\r\n                    progressColor: applyOpacityToRgb(\r\n                        'rgb(255,255,255)',\r\n                        0.3,\r\n                    ) as string,\r\n                    backgroundColor: color,\r\n                    progressSelectedColor: applyOpacityToRgb(\r\n                        'rgb(255,255,255)',\r\n                        0.3,\r\n                    ) as string,\r\n                    backgroundSelectedColor: color,\r\n                }\r\n            }\r\n        }\r\n\r\n        return task\r\n    })\r\n\r\n    return coloredTask\r\n}\r\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;"}

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

@@ -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":";;;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;"}
+{"version":3,"file":"GrowShrinkValue.js","sources":["../../../../lib/@ecme/components/shared/GrowShrinkValue.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\r\nimport { HiArrowUp, HiArrowDown } from 'react-icons/hi'\r\nimport type { ReactNode, Ref } from 'react'\r\n\r\ntype GrowShrinkTagProps = {\r\n    value?: number\r\n    showIcon?: boolean\r\n    prefix?: ReactNode | string\r\n    suffix?: ReactNode | string\r\n    positiveIcon?: ReactNode | string\r\n    negativeIcon?: ReactNode | string\r\n    positiveClass?: string\r\n    negativeClass?: string\r\n    className?: string\r\n    ref?: Ref<HTMLDivElement>\r\n}\r\n\r\nconst GrowShrinkValue = (props: GrowShrinkTagProps) => {\r\n    const {\r\n        value = 0,\r\n        className,\r\n        prefix,\r\n        suffix,\r\n        positiveIcon,\r\n        negativeIcon,\r\n        showIcon = true,\r\n        positiveClass,\r\n        negativeClass,\r\n        ref,\r\n    } = props\r\n\r\n    return (\r\n        <span\r\n            ref={ref}\r\n            className={classNames(\r\n                'flex items-center',\r\n                value > 0\r\n                    ? classNames('text-success', positiveClass)\r\n                    : classNames('text-error', negativeClass),\r\n                className,\r\n            )}\r\n        >\r\n            {value !== 0 && (\r\n                <span>\r\n                    {showIcon &&\r\n                        (value > 0 ? (\r\n                            typeof positiveIcon !== 'undefined' ? (\r\n                                positiveIcon\r\n                            ) : (\r\n                                <HiArrowUp />\r\n                            )\r\n                        ) : typeof negativeIcon !== 'undefined' ? (\r\n                            negativeIcon\r\n                        ) : (\r\n                            <HiArrowDown />\r\n                        ))}\r\n                </span>\r\n            )}\r\n            <span>\r\n                {prefix}\r\n                {value}\r\n                {suffix}\r\n            </span>\r\n        </span>\r\n    )\r\n}\r\n\r\nexport default GrowShrinkValue\r\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;"}

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

@@ -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,WAAA,EAAU,WAAW,WAAW,2BAA2B,SAAS,GAChE,UAAA;AAAA,IAAA;AAAA,IACA;AAAA,EAAA,GACL;AAER;"}
+{"version":3,"file":"IconText.js","sources":["../../../../lib/@ecme/components/shared/IconText.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\r\nimport type { CommonProps } from '@/@types/common'\r\nimport type { ReactNode, ElementType } from 'react'\r\n\r\nexport interface IconTextProps extends CommonProps {\r\n    icon?: ReactNode | string\r\n    asElement?: ElementType\r\n}\r\n\r\nconst IconText = ({\r\n    className,\r\n    asElement: Component = 'span',\r\n    icon,\r\n    children,\r\n}: IconTextProps) => {\r\n    return (\r\n        <Component className={classNames('flex items-center gap-2', className)}>\r\n            {icon}\r\n            {children}\r\n        </Component>\r\n    )\r\n}\r\n\r\nexport default IconText\r\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;"}

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

@@ -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,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;"}
+{"version":3,"file":"ImageGallery.js","sources":["../../../../lib/@ecme/components/shared/ImageGallery.tsx"],"sourcesContent":["import Lightbox, { LightboxProps } from 'yet-another-react-lightbox'\r\nimport 'yet-another-react-lightbox/styles.css'\r\nimport type { ReactNode } from 'react'\r\n\r\nexport type ImageGalleryProps = Partial<LightboxProps> & {\r\n    children?: ReactNode\r\n    index?: number\r\n    onClose?: () => void\r\n}\r\n\r\nconst ImageGallery = ({\r\n    children,\r\n    index = -1,\r\n    slides,\r\n    onClose,\r\n    ...rest\r\n}: ImageGalleryProps) => {\r\n    return (\r\n        <>\r\n            {children}\r\n            <Lightbox\r\n                index={index}\r\n                slides={slides}\r\n                {...rest}\r\n                open={index >= 0}\r\n                close={() => onClose?.()}\r\n            />\r\n        </>\r\n    )\r\n}\r\n\r\nexport default ImageGallery\r\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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sources":["../../../../lib/@ecme/components/shared/Loading.tsx"],"sourcesContent":["import OrbeLoader from './loaders/OrbeLoader'\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                <OrbeLoader />\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                        <OrbeLoader />\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,eACG,oBAAA,UAAA,EAAG,UAAA,cAAa,wBAEf,YAAA,CAAA,CAAW;AAAA,IAAA;AAAA,EAAA,oCAIjB,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,IAEhB,oBAAC,YAAA,CAAA,CAAW,EAAA,CAEpB;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;"}
+{"version":3,"file":"Loading.js","sources":["../../../../lib/@ecme/components/shared/Loading.tsx"],"sourcesContent":["import OrbeLoader from './loaders/OrbeLoader'\r\nimport classNames from 'classnames'\r\nimport type { CommonProps } from '@/@types/common'\r\nimport type { ElementType, ReactNode } from 'react'\r\n\r\ninterface BaseLoadingProps extends CommonProps {\r\n    asElement?: ElementType\r\n    customLoader?: ReactNode\r\n    loading: boolean\r\n    spinnerClass?: string\r\n}\r\n\r\ninterface LoadingProps extends BaseLoadingProps {\r\n    type?: 'default' | 'cover'\r\n}\r\n\r\nconst DefaultLoading = (props: BaseLoadingProps) => {\r\n    const {\r\n        loading,\r\n        children,\r\n        spinnerClass,\r\n        className,\r\n        asElement: Component = 'div',\r\n        customLoader,\r\n    } = props\r\n\r\n    return loading ? (\r\n        <Component\r\n            className={classNames(\r\n                !customLoader && 'flex items-center justify-center h-full',\r\n                className,\r\n            )}\r\n        >\r\n            {customLoader ? (\r\n                <>{customLoader}</>\r\n            ) : (\r\n                <OrbeLoader />\r\n            )}\r\n        </Component>\r\n    ) : (\r\n        <>{children}</>\r\n    )\r\n}\r\n\r\nconst CoveredLoading = (props: BaseLoadingProps) => {\r\n    const {\r\n        loading,\r\n        children,\r\n        spinnerClass,\r\n        className,\r\n        asElement: Component = 'div',\r\n        customLoader,\r\n    } = props\r\n\r\n    return (\r\n        <Component className={classNames(loading ? 'relative' : '', className)}>\r\n            {children}\r\n            {loading && (\r\n                <div className=\"w-full h-full bg-white dark:bg-gray-800 dark:bg-opacity-60 bg-opacity-50 absolute inset-0\" />\r\n            )}\r\n            {loading && (\r\n                <div className=\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10\">\r\n                    {customLoader ? (\r\n                        <>{customLoader}</>\r\n                    ) : (\r\n                        <OrbeLoader />\r\n                    )}\r\n                </div>\r\n            )}\r\n        </Component>\r\n    )\r\n}\r\n\r\nconst Loading = ({\r\n    type = 'default',\r\n    loading = false,\r\n    asElement = 'div',\r\n    ...rest\r\n}: LoadingProps) => {\r\n    switch (type) {\r\n        case 'default':\r\n            return (\r\n                <DefaultLoading\r\n                    loading={loading}\r\n                    asElement={asElement}\r\n                    {...rest}\r\n                />\r\n            )\r\n        case 'cover':\r\n            return (\r\n                <CoveredLoading\r\n                    loading={loading}\r\n                    asElement={asElement}\r\n                    {...rest}\r\n                />\r\n            )\r\n        default:\r\n            return (\r\n                <DefaultLoading\r\n                    loading={loading}\r\n                    asElement={asElement}\r\n                    {...rest}\r\n                />\r\n            )\r\n    }\r\n}\r\n\r\nexport default Loading\r\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,UACG,eAAA,oBAAA,UAAA,EAAG,UAAa,cAAA,wBAEf,YAAW,CAAA,CAAA;AAAA,IAAA;AAAA,EAEpB,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,WACI,oBAAA,OAAA,EAAI,WAAU,8EACV,UACG,eAAA,oBAAA,UAAA,EAAG,UAAa,aAAA,CAAA,IAEf,oBAAA,YAAA,CAAA,CAAW,EAEpB,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;"}

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

@@ -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;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;"}
+{"version":3,"file":"Masonry.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/Masonry.tsx"],"sourcesContent":["import { ElementType, useId } from 'react'\r\nimport { MasonryProps } from './types'\r\nimport useMasonry from './useMasonry'\r\nimport { MasonryItemContext } from './context'\r\nimport type { Ref } from 'react'\r\n\r\nconst MasonryBase = <T extends ElementType = 'div'>(\r\n    props: MasonryProps<T> & {\r\n        ref?: Ref<T>\r\n    },\r\n) => {\r\n    const {\r\n        gap,\r\n        asElement: Component = 'div',\r\n        columnProps,\r\n        columns,\r\n        ref: forwaredRef,\r\n        ...rest\r\n    } = props\r\n\r\n    const uniq = useId()\r\n    const columnsChildren = useMasonry(props.children, columns)\r\n\r\n    return (\r\n        <Component\r\n            data-masonry-id={`Masonry-${uniq}`}\r\n            {...rest}\r\n            ref={forwaredRef}\r\n            style={{ display: 'flex', gap, ...rest.style }}\r\n        >\r\n            {columnsChildren.map((column, index) => {\r\n                return (\r\n                    <Component\r\n                        key={`Masonry__Column_${uniq}_${index}`}\r\n                        data-masonry-column={index + 1}\r\n                        {...columnProps}\r\n                        style={{\r\n                            display: 'flex',\r\n                            flex: 1,\r\n                            flexDirection: 'column',\r\n                            gap,\r\n                            ...columnProps?.style,\r\n                        }}\r\n                    >\r\n                        {column.map((child, childIndex) => {\r\n                            return (\r\n                                <MasonryItemContext.Provider\r\n                                    key={`Masonry__Column_Child_${uniq}_${childIndex}`}\r\n                                    value={{\r\n                                        column: index,\r\n                                        position: childIndex,\r\n                                    }}\r\n                                >\r\n                                    {child}\r\n                                </MasonryItemContext.Provider>\r\n                            )\r\n                        })}\r\n                    </Component>\r\n                )\r\n            })}\r\n        </Component>\r\n    )\r\n}\r\n\r\nexport const Masonry = MasonryBase\r\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;"}

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

@@ -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;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;"}
+{"version":3,"file":"breakpoints.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/breakpoints.ts"],"sourcesContent":["import { BreakPointSpec, BreakPoints, BreakPointsArray } from './types'\r\n\r\nconst defaultBreakpoints = [640, 786, 1024, 1280, 1536]\r\n\r\nconst arrayToBreakpoints = (breakPoints: BreakPointsArray): BreakPoints => {\r\n    return breakPoints.reduce((obj, bpValue, bpIndex) => {\r\n        if (typeof bpValue !== 'number') {\r\n            return obj\r\n        }\r\n\r\n        return {\r\n            ...obj,\r\n            ...{ [defaultBreakpoints[bpIndex]]: bpValue },\r\n        }\r\n    }, {})\r\n}\r\n\r\nexport const normalizeBreakPoints = (\r\n    breakPoints: BreakPointSpec,\r\n): BreakPoints => {\r\n    if (!Array.isArray(breakPoints)) {\r\n        return breakPoints\r\n    }\r\n\r\n    return arrayToBreakpoints(breakPoints)\r\n}\r\n\r\nconst findBreakpoint = (\r\n    breakpoints: BreakPointSpec,\r\n    windowWidth: number,\r\n): number => {\r\n    const sortedBreakPoints = Object.keys(normalizeBreakPoints(breakpoints))\r\n        .map(Number)\r\n        .sort((a, b) => a - b)\r\n\r\n    let bp: number | null = null\r\n\r\n    for (const breakPoint of sortedBreakPoints) {\r\n        if (windowWidth > breakPoint) {\r\n            bp = breakPoint\r\n        }\r\n    }\r\n\r\n    return bp ?? sortedBreakPoints[0]\r\n}\r\n\r\nexport default findBreakpoint\r\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;"}

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

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

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

@@ -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;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;"}
+{"version":3,"file":"useCoulmnsCount.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/useCoulmnsCount.ts"],"sourcesContent":["import { useMemo } from 'react'\r\n\r\nimport { Columns } from './types'\r\nimport useWindowWidth from './useWindowWidth'\r\nimport findBreakpoint from './breakpoints'\r\n\r\nconst DEFAULT_COLUMNS = 3\r\n\r\nconst useColumnsCount = (columns?: Columns): number => {\r\n    const isResponsive = typeof columns === 'object'\r\n\r\n    const windowWidth = useWindowWidth(isResponsive)\r\n\r\n    const columnsCount = useMemo(() => {\r\n        if (!isResponsive) {\r\n            return columns ?? DEFAULT_COLUMNS\r\n        }\r\n\r\n        const breakPoint = findBreakpoint(columns, windowWidth)\r\n        return columns[breakPoint] ?? DEFAULT_COLUMNS\r\n    }, [isResponsive, windowWidth, columns])\r\n\r\n    return columnsCount\r\n}\r\n\r\nexport default useColumnsCount\r\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;"}

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

@@ -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;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;"}
+{"version":3,"file":"useMasonry.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/useMasonry.ts"],"sourcesContent":["import { Children, ReactNode, isValidElement, useMemo } from 'react'\r\n\r\nimport useColumnsCount from './useCoulmnsCount'\r\nimport { Columns } from './types'\r\n\r\nconst createEmptyColumns = (count: number): Array<[]> => {\r\n    return Array.from({ length: count }, () => [])\r\n}\r\n\r\nconst useMasonry = (children: ReactNode, columns?: Columns): ReactNode[][] => {\r\n    const noOfColumns = useColumnsCount(columns)\r\n\r\n    const columnsChildren = useMemo(() => {\r\n        const group: ReactNode[][] = createEmptyColumns(noOfColumns)\r\n\r\n        Children.forEach(children, (child, index) => {\r\n            if (isValidElement(child)) {\r\n                group[index % noOfColumns].push(child)\r\n            }\r\n        })\r\n\r\n        return group\r\n    }, [noOfColumns, children])\r\n\r\n    return columnsChildren\r\n}\r\n\r\nexport default useMasonry\r\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;"}

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

@@ -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":";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;"}
+{"version":3,"file":"useWindowWidth.js","sources":["../../../../../lib/@ecme/components/shared/Masonry/useWindowWidth.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\r\n\r\nconst useWindowWidth = (isResponsive: boolean = true): number => {\r\n    const [windowWidth, setWindowSize] = useState(window.innerWidth)\r\n\r\n    const handleResize = useCallback(() => {\r\n        setWindowSize(window.innerWidth)\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (isResponsive) {\r\n            window.addEventListener('resize', handleResize)\r\n        } else {\r\n            window.removeEventListener('resize', handleResize)\r\n        }\r\n\r\n        return () => {\r\n            window.removeEventListener('resize', handleResize)\r\n        }\r\n    }, [isResponsive, handleResize])\r\n\r\n    return windowWidth\r\n}\r\n\r\nexport default useWindowWidth\r\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;"}

package/dist/@ecme/components/shared/MetricCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetricCard.js","sources":["../../../../lib/@ecme/components/shared/MetricCard.tsx"],"sourcesContent":["import type { IconType } from 'react-icons'\n\nexport interface MetricCardProps {\n    title: string\n    value: string | number\n    color: string\n    icon: IconType\n    iconSize?: number\n    iconBgClass?: string\n    className?: string\n}\n\nconst MetricCard = ({\n    title,\n    value,\n    color,\n    icon: Icon,\n    iconSize = 24,\n    iconBgClass = 'bg-gray-900 text-white',\n    className = '',\n}: MetricCardProps) => (\n    <div\n        className={`p-4 rounded-2xl flex flex-col justify-center ${color} min-w-[200px] flex-1 text-left overflow-hidden ${className}`}\n    >\n        <div className=\"mb-4 text-gray-900 font-bold text-left\">{title}</div>\n        <div className=\"flex justify-between items-center relative gap-2\">\n            <div className=\"min-w-0 flex-1\">\n                <span\n                    className=\"text-2xl font-bold text-gray-900 block truncate\"\n                    title={String(value)}\n                >\n                    {value}\n                </span>\n            </div>\n            <div\n                className={`flex items-center justify-center min-h-12 min-w-12 max-h-12 max-w-12 rounded-full text-2xl ${iconBgClass}`}\n            >\n                <Icon size={iconSize} />\n            </div>\n        </div>\n    </div>\n)\n\nexport default MetricCard\n"],"names":[],"mappings":";AAYA,MAAM,aAAa,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAChB,MACI;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW,gDAAgD,KAAK,mDAAmD,SAAS;AAAA,IAE5H,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,0CAA0C,UAAA,OAAM;AAAA,MAC/D,qBAAC,OAAA,EAAI,WAAU,oDACX,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,kBACX,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAO,OAAO,KAAK;AAAA,YAElB,UAAA;AAAA,UAAA;AAAA,QAAA,GAET;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW,8FAA8F,WAAW;AAAA,YAEpH,UAAA,oBAAC,MAAA,EAAK,MAAM,SAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1B,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AACJ;"}
+{"version":3,"file":"MetricCard.js","sources":["../../../../lib/@ecme/components/shared/MetricCard.tsx"],"sourcesContent":["import type { IconType } from 'react-icons'\r\n\r\nexport interface MetricCardProps {\r\n    title: string\r\n    value: string | number\r\n    color: string\r\n    icon: IconType\r\n    iconSize?: number\r\n    iconBgClass?: string\r\n    className?: string\r\n}\r\n\r\nconst MetricCard = ({\r\n    title,\r\n    value,\r\n    color,\r\n    icon: Icon,\r\n    iconSize = 24,\r\n    iconBgClass = 'bg-gray-900 text-white',\r\n    className = '',\r\n}: MetricCardProps) => (\r\n    <div\r\n        className={`p-4 rounded-2xl flex flex-col justify-center ${color} min-w-[200px] flex-1 text-left overflow-hidden ${className}`}\r\n    >\r\n        <div className=\"mb-4 text-gray-900 font-bold text-left\">{title}</div>\r\n        <div className=\"flex justify-between items-center relative gap-2\">\r\n            <div className=\"min-w-0 flex-1\">\r\n                <span\r\n                    className=\"text-2xl font-bold text-gray-900 block truncate\"\r\n                    title={String(value)}\r\n                >\r\n                    {value}\r\n                </span>\r\n            </div>\r\n            <div\r\n                className={`flex items-center justify-center min-h-12 min-w-12 max-h-12 max-w-12 rounded-full text-2xl ${iconBgClass}`}\r\n            >\r\n                <Icon size={iconSize} />\r\n            </div>\r\n        </div>\r\n    </div>\r\n)\r\n\r\nexport default MetricCard\r\n"],"names":[],"mappings":";AAYA,MAAM,aAAa,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAChB,MACI;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW,gDAAgD,KAAK,mDAAmD,SAAS;AAAA,IAE5H,UAAA;AAAA,MAAC,oBAAA,OAAA,EAAI,WAAU,0CAA0C,UAAM,OAAA;AAAA,MAC/D,qBAAC,OAAI,EAAA,WAAU,oDACX,UAAA;AAAA,QAAC,oBAAA,OAAA,EAAI,WAAU,kBACX,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAO,OAAO,KAAK;AAAA,YAElB,UAAA;AAAA,UAAA;AAAA,QAAA,GAET;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW,8FAA8F,WAAW;AAAA,YAEpH,UAAA,oBAAC,MAAK,EAAA,MAAM,SAAU,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1B,EACJ,CAAA;AAAA,IAAA;AAAA,EAAA;AACJ;"}

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

@@ -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;AAC1D,SACI,oBAAC,SAAI,WACA,UAAA,8BAAW,eAAA,CAAA,CAAc,IAAK,oBAAC,mBAAA,CAAA,CAAkB,EAAA,CACtD;AAER;"}
+{"version":3,"file":"NavToggle.js","sources":["../../../../lib/@ecme/components/shared/NavToggle.tsx"],"sourcesContent":["import { HiOutlineMenuAlt2, HiOutlineMenu } from 'react-icons/hi'\r\nimport type { CommonProps } from '@/@types/common'\r\n\r\nexport interface NavToggleProps extends CommonProps {\r\n    toggled?: boolean\r\n}\r\n\r\nconst NavToggle = ({ toggled, className }: NavToggleProps) => {\r\n    return (\r\n        <div className={className}>\r\n            {toggled ? <HiOutlineMenu /> : <HiOutlineMenuAlt2 />}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default NavToggle\r\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;"}

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

@@ -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;AAC1B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAa;AAAA,MACb;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"NumberFormatInput.js","sources":["../../../../lib/@ecme/components/shared/NumberFormatInput.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\r\nimport { PatternFormat, PatternFormatProps } from 'react-number-format'\r\nimport { InputAffix, NumberInput } from './NumberInput'\r\n\r\nexport type NumberFormatInputProps = Omit<PatternFormatProps, 'form' | 'size'> &\r\n    InputAffix\r\n\r\nexport const NumberFormatInput = ({\r\n    onValueChange,\r\n    ...rest\r\n}: NumberFormatInputProps) => {\r\n    return (\r\n        <PatternFormat\r\n            customInput={NumberInput as ComponentType}\r\n            onValueChange={onValueChange}\r\n            {...rest}\r\n        />\r\n    )\r\n}\r\n\r\nexport default NumberFormatInput\r\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;"}

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

@@ -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;AACpB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,OAAO,MAAM;AAAA,MACb,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}
+{"version":3,"file":"NumberInput.js","sources":["../../../../lib/@ecme/components/shared/NumberInput.tsx"],"sourcesContent":["import type { InputProps } from '@/components/ui'\r\nimport Input from '@/components/ui/Input'\r\nimport type { ReactNode } from 'react'\r\n\r\nexport interface InputAffix {\r\n    inputSuffix?: string | ReactNode\r\n    inputPrefix?: string | ReactNode\r\n}\r\n\r\nexport interface NumberInputProps\r\n    extends Omit<InputProps, 'prefix' | 'suffix'>,\r\n        InputAffix {}\r\n\r\nexport const NumberInput = ({\r\n    inputSuffix,\r\n    inputPrefix,\r\n    ...props\r\n}: NumberInputProps) => {\r\n    return (\r\n        <Input\r\n            {...props}\r\n            value={props.value}\r\n            suffix={inputSuffix}\r\n            prefix={inputPrefix}\r\n        />\r\n    )\r\n}\r\n\r\nexport default NumberInput\r\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;"}

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

@@ -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;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;"}
+{"version":3,"file":"NumericInput.js","sources":["../../../../lib/@ecme/components/shared/NumericInput.tsx"],"sourcesContent":["import { NumericFormat, NumericFormatProps } from 'react-number-format'\r\nimport Input from '@/components/ui/Input'\r\nimport type { ReactNode, ComponentType } from 'react'\r\nimport type { InputProps } from '@/components/ui'\r\n\r\ninterface InputAffix {\r\n    inputSuffix?: string | ReactNode\r\n    inputPrefix?: string | ReactNode\r\n}\r\n\r\ninterface NumberInputProps\r\n    extends Omit<InputProps, 'prefix' | 'suffix'>,\r\n        InputAffix {}\r\n\r\ntype NumberFormatInputProps = Omit<NumericFormatProps, 'form'> & InputAffix\r\n\r\ntype NumericInputProps = NumberInputProps & NumberFormatInputProps\r\n\r\nconst NumberInput = ({\r\n    inputSuffix,\r\n    inputPrefix,\r\n    ...props\r\n}: NumberInputProps) => {\r\n    return (\r\n        <Input\r\n            {...props}\r\n            value={props.value}\r\n            suffix={inputSuffix}\r\n            prefix={inputPrefix}\r\n        />\r\n    )\r\n}\r\n\r\nconst NumberFormatInput = ({\r\n    onValueChange,\r\n    ...rest\r\n}: NumberFormatInputProps) => {\r\n    return (\r\n        <NumericFormat\r\n            customInput={NumberInput as ComponentType}\r\n            onValueChange={onValueChange}\r\n            {...rest}\r\n        />\r\n    )\r\n}\r\n\r\nconst NumericInput = ({\r\n    inputSuffix,\r\n    inputPrefix,\r\n    onValueChange,\r\n    ...rest\r\n}: NumericInputProps) => {\r\n    return (\r\n        <NumberFormatInput\r\n            inputPrefix={inputPrefix}\r\n            inputSuffix={inputSuffix}\r\n            onValueChange={onValueChange}\r\n            {...rest}\r\n        />\r\n    )\r\n}\r\n\r\nexport default NumericInput\r\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;"}