@orbe-agro/client-core 3.4.3 → 3.4.4

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

@@ -1 +0,0 @@
-{"version":3,"file":"DataTable.js","sources":["../../../../../lib/@ecme/components/shared/DataTable.tsx"],"sourcesContent":["import {\n    useMemo,\n    useRef,\n    useEffect,\n    useState,\n    useImperativeHandle,\n    Fragment\n} from 'react'\nimport classNames from 'classnames'\nimport Table from '@/components/ui/Table'\nimport Pagination from '@/components/ui/Pagination'\nimport Select from '@/components/ui/Select'\nimport Checkbox from '@/components/ui/Checkbox'\nimport TableRowSkeleton from './loaders/TableRowSkeleton'\nimport Loading from './Loading'\nimport FileNotFound from '@/assets/svg/FileNotFound'\nimport {\n    useReactTable,\n    getCoreRowModel,\n    getFilteredRowModel,\n    getPaginationRowModel,\n    getSortedRowModel,\n    flexRender,\n    ColumnDef,\n    ColumnSort,\n    Row,\n    CellContext,\n} from '@tanstack/react-table'\nimport type { TableProps } from '@/components/ui/Table'\nimport type { SkeletonProps } from '@/components/ui/Skeleton'\nimport type { Ref, ChangeEvent, ReactNode } from 'react'\nimport type { CheckboxProps } from '@/components/ui/Checkbox'\nimport { useTranslation } from 'react-i18next'\n\nexport type OnSortParam = { order: 'asc' | 'desc' | ''; key: string | number }\n\ntype 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} & TableProps\n\ntype CheckBoxChangeEvent = ChangeEvent<HTMLInputElement>\n\ninterface IndeterminateCheckboxProps 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        ...rest\n    } = props\n\n    const { pageSize, pageIndex, total } = pagingData\n\n    const [sorting, setSorting] = useState<ColumnSort[] | null>(null)\n\n    const {t} = useTranslation()\n\n    const pageSizeOption = useMemo(\n        () =>\n            pageSizes.map((number) => ({\n                value: number,\n                label: `${number} / ${t('common.table.pageAbbr')}`,\n            })),\n        [pageSizes],\n    )\n\n    useEffect(() => {\n        if (Array.isArray(sorting)) {\n            const sortOrder =\n                sorting.length > 0 ? (sorting[0].desc ? 'desc' : 'asc') : ''\n            const id = sorting.length > 0 ? sorting[0].id : ''\n            onSort?.({ order: sortOrder, key: id })\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [sorting])\n\n    const handleIndeterminateCheckBoxChange = (\n        checked: boolean,\n        rows: Row<T>[],\n    ) => {\n        if (!loading) {\n            onIndeterminateCheckBoxChange?.(checked, rows)\n        }\n    }\n\n    const handleCheckBoxChange = (checked: boolean, row: T) => {\n        if (!loading) {\n            onCheckBoxChange?.(checked, row)\n        }\n    }\n\n    const finalColumns: ColumnDef<T>[] = useMemo(() => {\n        const columns = columnsProp\n\n        if (selectable) {\n            return [\n                {\n                    id: 'select',\n                    maxSize: 50,\n                    header: ({ table }) => (\n                        <IndeterminateCheckbox\n                            checked={\n                                indeterminateCheckboxChecked\n                                    ? indeterminateCheckboxChecked(\n                                          table.getRowModel().rows,\n                                      )\n                                    : table.getIsAllRowsSelected()\n                            }\n                            indeterminate={table.getIsSomeRowsSelected()}\n                            onChange={table.getToggleAllRowsSelectedHandler()}\n                            onIndeterminateCheckBoxChange={(e) => {\n                                handleIndeterminateCheckBoxChange(\n                                    e.target.checked,\n                                    table.getRowModel().rows,\n                                )\n                            }}\n                        />\n                    ),\n                    cell: ({ row }) => (\n                        <IndeterminateCheckbox\n                            checked={\n                                checkboxChecked\n                                    ? checkboxChecked(row.original)\n                                    : row.getIsSelected()\n                            }\n                            disabled={!row.getCanSelect()}\n                            indeterminate={row.getIsSomeSelected()}\n                            onChange={row.getToggleSelectedHandler()}\n                            onCheckBoxChange={(e) =>\n                                handleCheckBoxChange(\n                                    e.target.checked,\n                                    row.original,\n                                )\n                            }\n                        />\n                    ),\n                },\n                ...columns,\n            ]\n        }\n        return columns\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [columnsProp, selectable, loading, checkboxChecked])\n\n    const table = useReactTable({\n        data,\n        // eslint-disable-next-line  @typescript-eslint/no-explicit-any\n        columns: finalColumns,\n        getCoreRowModel: getCoreRowModel(),\n        getFilteredRowModel: getFilteredRowModel(),\n        getPaginationRowModel: getPaginationRowModel(),\n        getSortedRowModel: getSortedRowModel(),\n        manualPagination: true,\n        manualSorting: props.manualSorting ?? false,\n        onSortingChange: (sorter) => {\n            setSorting(sorter as ColumnSort[])\n        },\n        state: {\n            sorting: sorting as ColumnSort[],\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.getSelectedRowModel().rows.map(r => r.original as T);\n\n        const isEqual = selectedRows.length === prevSelectedRef.current.length &&\n            selectedRows.every((item, idx) => item === prevSelectedRef.current[idx]);\n\n        if (!isEqual) {\n            prevSelectedRef.current = selectedRows;\n            onSelectionChange(selectedRows);\n        }\n    }, [table.getState().rowSelection, onSelectionChange, table]);\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                                return (\n                                    <Th\n                                        key={header.id}\n                                        colSpan={header.colSpan}\n                                    >\n                                        {header.isPlaceholder ? null : (\n                                            <div\n                                                className={classNames(\n                                                    header.column.getCanSort() &&\n                                                        'cursor-pointer select-none point',\n                                                    loading &&\n                                                        'pointer-events-none',\n                                                )}\n                                                onClick={header.column.getToggleSortingHandler()}\n                                            >\n                                                {flexRender(\n                                                    header.column.columnDef\n                                                        .header,\n                                                    header.getContext(),\n                                                )}\n                                                {header.column.getCanSort() && (\n                                                    <Sorter\n                                                        sort={header.column.getIsSorted()}\n                                                    />\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 colSpan={row.getVisibleCells().length}>{renderSubComponent(row)}</Td>\n                                                </Tr>\n                                            )}\n                                        </Fragment>\n                                    )\n                                })\n                        )}\n                    </TBody>\n                )}\n            </Table>\n            <div className=\"flex items-center justify-between mt-4\">\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) => handleSelectChange(option?.value)}\n                    />\n                </div>\n            </div>\n        </Loading>\n    )\n}\n\nexport type { ColumnDef, Row, CellContext }\nexport default DataTable\n"],"names":["Tr","Th","Td","THead","TBody","Sorter","Table","IndeterminateCheckbox","props","indeterminate","onChange","onCheckBoxChange","onIndeterminateCheckBoxChange","rest","ref","useRef","useEffect","handleChange","e","jsx","Checkbox","_","DataTable","skeletonAvatarColumns","columnsProp","data","customNoDataIcon","loading","noData","onPaginationChange","onSelectChange","onSort","pageSizes","selectable","skeletonAvatarProps","pagingData","checkboxChecked","indeterminateCheckboxChecked","instanceId","renderSubComponent","getRowCanExpand","onSelectionChange","pageSize","pageIndex","total","sorting","setSorting","useState","t","useTranslation","pageSizeOption","useMemo","number","sortOrder","id","handleIndeterminateCheckBoxChange","checked","rows","handleCheckBoxChange","row","finalColumns","columns","table","useReactTable","getCoreRowModel","getFilteredRowModel","getPaginationRowModel","getSortedRowModel","sorter","resetSorting","resetSelected","useImperativeHandle","handlePaginationChange","page","handleSelectChange","value","prevSelectedRef","selectedRows","r","item","idx","jsxs","Loading","headerGroup","header","classNames","flexRender","TableRowSkeleton","Fragment","FileNotFound","cell","Pagination","Select","option"],"mappings":"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"}

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

@@ -1,19 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import "../ui/Input/index.js";
-import r from "../../utils/hooks/useDebounce.js";
-import f from "../ui/Input/Input.js";
-const C = (n) => {
-  const { wait: o = 500, ref: u, ...a } = n;
-  function c(e) {
-    var t;
-    (t = n.onChange) == null || t.call(n, e);
-  }
-  const h = r(c, o);
-  return /* @__PURE__ */ m(f, { ref: u, ...a, onChange: (e) => {
-    h(e);
-  } });
-};
-export {
-  C as default
-};
-//# sourceMappingURL=DebounceInput.js.map

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

@@ -1 +0,0 @@
-{"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":["DebounceInput","props","wait","ref","rest","handleDebounceFn","value","_a","debounceFn","useDebounce","Input"],"mappings":";;;;AAUM,MAAAA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,MAAAC,IAAO,KAAK,KAAAC,GAAK,GAAGC,EAAS,IAAAH;AAErC,WAASI,EAAiBC,GAAsC;;AAC5D,KAAAC,IAAAN,EAAM,aAAN,QAAAM,EAAA,KAAAN,GAAiBK;AAAA,EAAK;AAGpB,QAAAE,IAAaC,EAAYJ,GAAkBH,CAAI;AAMrD,2BAAQQ,GAAM,EAAA,KAAAP,GAAW,GAAGC,GAAM,UAJR,CAAC,MAAqC;AAC5D,IAAAI,EAAW,CAAC;AAAA,EAChB,GAE+D;AACnE;"}

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

@@ -1,16 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import { useThemeStore as i } from "../../store/themeStore.js";
-import { THEME_ENUM as c } from "../../constants/theme.constant.js";
-const { MODE_DARK: f } = c, E = ({
-  src: o,
-  darkModeSrc: e,
-  alt: m = "",
-  ...r
-}) => {
-  const t = i((s) => s.mode);
-  return /* @__PURE__ */ d("img", { src: t === f ? e : o, alt: m, ...r });
-};
-export {
-  E as default
-};
-//# sourceMappingURL=DoubleSidedImage.js.map

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

@@ -1 +0,0 @@
-{"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":["MODE_DARK","THEME_ENUM","DoubleSidedImage","src","darkModeSrc","alt","rest","mode","useThemeStore","state","jsx"],"mappings":";;;AAYA,MAAM,EAAE,WAAAA,EAAc,IAAAC,GAEhBC,IAAmB,CAAC;AAAA,EACtB,KAAAC;AAAA,EACA,aAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,GAAGC;AACP,MAA6B;AACzB,QAAMC,IAAOC,EAAc,CAACC,MAAUA,EAAM,IAAI;AAG5C,SAAA,gBAAAC,EAAC,SAAI,KAAKH,MAASP,IAAYI,IAAcD,GAAK,KAAAE,GAAW,GAAGC,EAAM,CAAA;AAE9E;"}

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

@@ -1,21 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import "../ui/Button/index.js";
-import { TbDots as n } from "react-icons/tb";
-import m from "../ui/Button/Button.js";
-const l = (t) => {
-  const { shape: i = "circle", variant: r = "plain", size: s = "xs" } = t;
-  return /* @__PURE__ */ o(
-    m,
-    {
-      shape: i,
-      variant: r,
-      size: s,
-      icon: /* @__PURE__ */ o(n, {}),
-      ...t
-    }
-  );
-};
-export {
-  l as default
-};
-//# sourceMappingURL=EllipsisButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EllipsisButton.js","sources":["../../../../../lib/@ecme/components/shared/EllipsisButton.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { TbDots } from 'react-icons/tb'\nimport type { ButtonProps } from '@/components/ui/Button'\n\ntype EllipsisButtonProps = ButtonProps\n\nconst EllipsisButton = (props: EllipsisButtonProps) => {\n    const { shape = 'circle', variant = 'plain', size = 'xs' } = props\n\n    return (\n        <Button\n            shape={shape}\n            variant={variant}\n            size={size}\n            icon={<TbDots />}\n            {...props}\n        />\n    )\n}\n\nexport default EllipsisButton\n"],"names":["EllipsisButton","props","shape","variant","size","jsx","Button","TbDots"],"mappings":";;;;AAMM,MAAAA,IAAiB,CAACC,MAA+B;AACnD,QAAM,EAAE,OAAAC,IAAQ,UAAU,SAAAC,IAAU,SAAS,MAAAC,IAAO,SAASH;AAGzD,SAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAJ;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,wBAAOG,GAAO,EAAA;AAAA,MACb,GAAGN;AAAA,IAAA;AAAA,EACR;AAER;"}

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

@@ -1,74 +0,0 @@
-import { jsxs as c, Fragment as m, jsx as o } from "react/jsx-runtime";
-import { ViewMode as p, Gantt as f } from "gantt-task-react";
-import g from "./TaskListTable.js";
-import k from "./TaskListHeader.js";
-import h from "./TooltipContent.js";
-import C from "./tasksPreProcess.js";
-import { PatternLines as u } from "@visx/pattern";
-const S = (t) => {
-  const {
-    tasks: s,
-    viewMode: l = p.Day,
-    extraColumns: r,
-    colorsMap: i = {},
-    showArrow: d,
-    ...n
-  } = t;
-  return /* @__PURE__ */ c(m, { children: [
-    /* @__PURE__ */ o(
-      f,
-      {
-        tasks: C(s, i),
-        viewMode: l,
-        listCellWidth: "200px",
-        columnWidth: 65,
-        barProgressColor: "#3380fa",
-        barProgressSelectedColor: "#3380fa",
-        barBackgroundColor: "#e2e8f0",
-        barBackgroundSelectedColor: "#e2e8f0",
-        projectProgressColor: "#6299f1",
-        projectProgressSelectedColor: "#6299f1",
-        projectBackgroundColor: "#3380fa",
-        projectBackgroundSelectedColor: "#3380fa",
-        milestoneBackgroundColor: "#3380fa",
-        milestoneBackgroundSelectedColor: "#3380fa",
-        todayColor: "url(#horzLines)",
-        rowHeight: 50,
-        TaskListHeader: (e) => /* @__PURE__ */ o(
-          k,
-          {
-            ...e,
-            extraHeaders: r == null ? void 0 : r.map((a) => a.header)
-          }
-        ),
-        TaskListTable: (e) => /* @__PURE__ */ o(
-          g,
-          {
-            ...e,
-            extraCells: r == null ? void 0 : r.map((a) => a.cell)
-          }
-        ),
-        TooltipContent: h,
-        barCornerRadius: 6,
-        ...d ? {} : { arrowColor: "transparent" },
-        ...n
-      }
-    ),
-    /* @__PURE__ */ o("svg", { className: "h-0 w-0", children: /* @__PURE__ */ o(
-      u,
-      {
-        id: "horzLines",
-        height: 10,
-        width: 10,
-        className: "stroke-gray-200 dark:stroke-gray-700",
-        strokeWidth: 1.5,
-        background: "transparent",
-        orientation: ["diagonal"]
-      }
-    ) })
-  ] });
-};
-export {
-  S as default
-};
-//# sourceMappingURL=GanttChart.js.map

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

@@ -1 +0,0 @@
-{"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":["GanttChart","props","tasks","viewMode","ViewMode","extraColumns","colorsMap","showArrow","rest","jsxs","Fragment","jsx","Gantt","tasksPreProcess","TaskListHeader","col","TaskListTable","TooltipContent","PatternLines"],"mappings":";;;;;;;AAyBM,MAAAA,IAAa,CACfC,MACC;AACK,QAAA;AAAA,IACF,OAAAC;AAAA,IACA,UAAAC,IAAWC,EAAS;AAAA,IACpB,cAAAC;AAAA,IACA,WAAAC,IAAY,CAAC;AAAA,IACb,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHP;AAEJ,SAEQ,gBAAAQ,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAOC,EAAgBX,GAAOI,CAAS;AAAA,QACvC,UAAAH;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,CAACF,MACb,gBAAAU;AAAA,UAACG;AAAA,UAAA;AAAA,YACI,GAAGb;AAAAA,YACJ,cAAcI,KAAA,gBAAAA,EAAc,IAAI,CAACU,MAAQA,EAAI;AAAA,UAAM;AAAA,QACvD;AAAA,QAEJ,eAAe,CAACd,MACZ,gBAAAU;AAAA,UAACK;AAAA,UAAA;AAAA,YACI,GAAGf;AAAAA,YACJ,YAAYI,KAAA,gBAAAA,EAAc,IAAI,CAACU,MAAQA,EAAI;AAAA,UAAI;AAAA,QACnD;AAAA,QAEJ,gBAAAE;AAAA,QACA,iBAAiB;AAAA,QAChB,GAAKV,IAA4C,CAAC,IAAjC,EAAE,YAAY;QAC/B,GAAGC;AAAA,MAAA;AAAA,IACR;AAAA,IACA,gBAAAG,EAAC,OAAI,EAAA,WAAU,WACX,UAAA,gBAAAA;AAAA,MAACO;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/lib/@ecme/components/shared/GanttChart/TaskListHeader.js

@@ -1,75 +0,0 @@
-import { jsxs as e, jsx as a } from "react/jsx-runtime";
-const m = ({
-  headerHeight: l,
-  rowWidth: r,
-  extraHeaders: i = []
-}) => /* @__PURE__ */ e("div", { className: "table", children: [
-  /* @__PURE__ */ e(
-    "div",
-    {
-      className: "table-row list-none bg-gray-100/50 bg:fill-gray-700/40",
-      style: {
-        height: l
-      },
-      children: [
-        /* @__PURE__ */ a(
-          "div",
-          {
-            className: "table-cell align-middle px-3 ",
-            style: {
-              minWidth: r
-            },
-            children: " Name"
-          }
-        ),
-        /* @__PURE__ */ a(
-          "div",
-          {
-            className: "border-r border-gray-200 dark:border-gray-700 -ml-1",
-            style: {
-              height: l
-            }
-          }
-        )
-      ]
-    }
-  ),
-  i.map((s, d) => /* @__PURE__ */ e(
-    "div",
-    {
-      className: "table-row list-none bg-gray-100/50 bg:fill-gray-700/40",
-      style: {
-        height: l
-      },
-      children: [
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: "table-cell align-middle px-3",
-            style: {
-              minWidth: r
-            },
-            children: [
-              " ",
-              s
-            ]
-          }
-        ),
-        /* @__PURE__ */ a(
-          "div",
-          {
-            className: "border-r border-gray-200 dark:border-gray-700 -ml-1",
-            style: {
-              height: l
-            }
-          }
-        )
-      ]
-    },
-    `${s}-${d}`
-  ))
-] });
-export {
-  m as default
-};
-//# sourceMappingURL=TaskListHeader.js.map

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

@@ -1 +0,0 @@
-{"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":["TaskListHeader","headerHeight","rowWidth","extraHeaders","jsxs","jsx","headers","index"],"mappings":";AAYA,MAAMA,IAAiB,CAAC;AAAA,EACpB,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC,IAAe,CAAA;AACnB,MAEQ,gBAAAC,EAAC,OAAI,EAAA,WAAU,SACX,UAAA;AAAA,EAAA,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO;AAAA,QACH,QAAQH;AAAA,MACZ;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAO;AAAA,cACH,UAAUH;AAAA,YACd;AAAA,YACH,UAAA;AAAA,UAAA;AAAA,QAED;AAAA,QACA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAO;AAAA,cACH,QAAQJ;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EACJ;AAAA,EACCE,EAAa,IAAI,CAACG,GAASC,MACxB,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAU;AAAA,MACV,OAAO;AAAA,QACH,QAAQH;AAAA,MACZ;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAO;AAAA,cACH,UAAUF;AAAA,YACd;AAAA,YACH,UAAA;AAAA,cAAA;AAAA,cACUI;AAAA,YAAA;AAAA,UAAA;AAAA,QACX;AAAA,QACA,gBAAAD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAO;AAAA,cACH,QAAQJ;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,IAnBK,GAAGK,CAAO,IAAIC,CAAK;AAAA,EAqB/B,CAAA;AAAA,GACL;"}

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

@@ -1,73 +0,0 @@
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import c from "../../../utils/classNames.js";
-import { TbChevronDown as h, TbChevronRight as p } from "react-icons/tb";
-const f = ({
-  rowHeight: l,
-  rowWidth: r,
-  tasks: n,
-  onExpanderClick: s,
-  extraCells: d
-}) => /* @__PURE__ */ i("div", { className: "table", children: n.map((e, o) => /* @__PURE__ */ a(
-  "div",
-  {
-    className: "_34SS0",
-    style: { height: l },
-    children: [
-      /* @__PURE__ */ i(
-        "div",
-        {
-          className: "table-cell align-middle whitespace-nowrap overflow-hidden text-ellipsis  border-r border-gray-200 dark:border-gray-700 px-2",
-          style: {
-            minWidth: r,
-            maxWidth: r
-          },
-          title: e.name,
-          children: /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ a(
-              "div",
-              {
-                className: "text-lg cursor-pointer min-w-4",
-                role: "button",
-                onClick: () => s(e),
-                children: [
-                  e.hideChildren === !1 && /* @__PURE__ */ i(h, {}),
-                  e.hideChildren === !0 && /* @__PURE__ */ i(p, {})
-                ]
-              }
-            ),
-            /* @__PURE__ */ i(
-              "div",
-              {
-                className: c(
-                  "truncate",
-                  typeof e.hideChildren == "boolean" && "heading-text font-bold"
-                ),
-                children: e.name
-              }
-            )
-          ] })
-        }
-      ),
-      d == null ? void 0 : d.map((t, m) => /* @__PURE__ */ a(
-        "div",
-        {
-          className: "table-cell align-middle whitespace-nowrap overflow-hidden text-ellipsis  border-r border-gray-200 dark:border-gray-700 px-2",
-          style: {
-            minWidth: r,
-            maxWidth: r
-          },
-          children: [
-            " ",
-            t(e)
-          ]
-        },
-        `${e.id}-cell-${o}-${m}`
-      ))
-    ]
-  },
-  `${e.id}row`
-)) });
-export {
-  f as default
-};
-//# sourceMappingURL=TaskListTable.js.map

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

@@ -1 +0,0 @@
-{"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":["TaskListTable","rowHeight","rowWidth","tasks","onExpanderClick","extraCells","jsx","t","rowIndex","jsxs","TbChevronDown","TbChevronRight","classNames","cell","cellIndex"],"mappings":";;;AAsBA,MAAMA,IAAgB,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AACJ,MAEQ,gBAAAC,EAAC,SAAI,WAAU,SACV,YAAM,IAAI,CAACC,GAAGC,MAEP,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IAEG,WAAU;AAAA,IACV,OAAO,EAAE,QAAQR,EAAU;AAAA,IAE3B,UAAA;AAAA,MAAA,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAO;AAAA,YACH,UAAUJ;AAAA,YACV,UAAUA;AAAA,UACd;AAAA,UACA,OAAOK,EAAE;AAAA,UAET,UAAA,gBAAAE,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,YAAA,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,SAAS,MAAML,EAAgBG,CAAC;AAAA,gBAE/B,UAAA;AAAA,kBAAEA,EAAA,iBAAiB,MAChB,gBAAAD,EAACI,GAAc,CAAA,CAAA;AAAA,kBAElBH,EAAE,iBAAiB,MAChB,gBAAAD,EAACK,GAAe,CAAA,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAExB;AAAA,YACA,gBAAAL;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAWM;AAAA,kBACP;AAAA,kBACA,OAAOL,EAAE,gBAAiB,aACtB;AAAA,gBACR;AAAA,gBAEC,UAAEA,EAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACP,EACJ,CAAA;AAAA,QAAA;AAAA,MACJ;AAAA,MACCF,KAAA,gBAAAA,EAAY,IAAI,CAACQ,GAAMC,MACpB,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,WAAU;AAAA,UACV,OAAO;AAAA,YACH,UAAUP;AAAA,YACV,UAAUA;AAAA,UACd;AAAA,UACH,UAAA;AAAA,YAAA;AAAA,YACUW,EAAKN,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAPR,GAAGA,EAAE,EAAE,SAASC,CAAQ,IAAIM,CAAS;AAAA,MASjD;AAAA,IAAA;AAAA,EAAA;AAAA,EA/CI,GAAGP,EAAE,EAAE;AAgDhB,CAEP,GACL;"}

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

@@ -1,44 +0,0 @@
-import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import "../../ui/Progress/index.js";
-import { TbClock as o } from "react-icons/tb";
-import a from "dayjs";
-import l from "../../ui/Progress/Progress.js";
-const i = (s) => {
-  if (s > 70)
-    return "bg-success";
-  if (s < 40)
-    return "bg-error";
-}, g = (s) => {
-  const { task: e } = s;
-  return /* @__PURE__ */ r("div", { className: "p-3 rounded-lg shadow bg-gray-800 dark:bg-black  flex justify-between items-center min-w-[200px] z-10", children: /* @__PURE__ */ t("div", { className: "flex flex-col w-full", children: [
-    /* @__PURE__ */ r("div", { className: "text-white font-bold mb-1", children: e.name }),
-    /* @__PURE__ */ t("div", { className: "flex items-center gap-1 text-gray-300", children: [
-      /* @__PURE__ */ r(o, { className: "text-lg" }),
-      /* @__PURE__ */ t("span", { children: [
-        a(e.start).format("DD"),
-        " ~",
-        " ",
-        a(e.end).format("DD MMM")
-      ] })
-    ] }),
-    /* @__PURE__ */ r("div", { children: !!e.progress && /* @__PURE__ */ r(
-      l,
-      {
-        customColorClass: i(
-          e.progress
-        ),
-        className: "text-white",
-        percent: e.progress,
-        trailClass: "bg-gray-500",
-        customInfo: /* @__PURE__ */ t("div", { className: "text-white font-bold", children: [
-          e.progress,
-          "%"
-        ] })
-      }
-    ) })
-  ] }) });
-};
-export {
-  g as default
-};
-//# sourceMappingURL=TooltipContent.js.map

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

@@ -1 +0,0 @@
-{"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":["progressBarStatusClass","progression","TooltipContent","props","task","jsxs","jsx","TbClock","dayjs","Progress"],"mappings":";;;;;AASA,MAAMA,IAAyB,CAACC,MAAwB;AACpD,MAAIA,IAAc;AACP,WAAA;AAGX,MAAIA,IAAc;AACP,WAAA;AAIf,GAEMC,IAAiB,CAACC,MAA+B;AAC7C,QAAA,EAAE,MAAAC,MAASD;AAEjB,2BACK,OAAI,EAAA,WAAU,yGACX,UAAC,gBAAAE,EAAA,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,6BAA6B,UAAAF,EAAK,MAAK;AAAA,IACtD,gBAAAC,EAAC,OAAI,EAAA,WAAU,yCACX,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAQ,WAAU,UAAU,CAAA;AAAA,wBAC5B,QACI,EAAA,UAAA;AAAA,QAAAC,EAAMJ,EAAK,KAAK,EAAE,OAAO,IAAI;AAAA,QAAE;AAAA,QAAG;AAAA,QAClCI,EAAMJ,EAAK,GAAG,EAAE,OAAO,QAAQ;AAAA,MAAA,EACpC,CAAA;AAAA,IAAA,GACJ;AAAA,IACC,gBAAAE,EAAA,OAAA,EACI,UAAC,CAAA,CAACF,EAAK,YACJ,gBAAAE;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,kBAAkBT;AAAA,UACdI,EAAK;AAAA,QACT;AAAA,QACA,WAAU;AAAA,QACV,SAASA,EAAK;AAAA,QACd,YAAW;AAAA,QACX,YACI,gBAAAC,EAAC,OAAI,EAAA,WAAU,wBACV,UAAA;AAAA,UAAKD,EAAA;AAAA,UAAS;AAAA,QAAA,EACnB,CAAA;AAAA,MAAA;AAAA,IAAA,EAIhB,CAAA;AAAA,EAAA,EAAA,CACJ,EACJ,CAAA;AAER;"}

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

@@ -1,13 +0,0 @@
-function o(s, i) {
-  const e = s.filter((t) => t.project === i);
-  let n = e[0].start, a = e[0].end;
-  for (let t = 0; t < e.length; t++) {
-    const r = e[t];
-    n.getTime() > r.start.getTime() && (n = r.start), a.getTime() < r.end.getTime() && (a = r.end);
-  }
-  return [n, a];
-}
-export {
-  o as default
-};
-//# sourceMappingURL=getStartEndDateForProject.js.map

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

@@ -1 +0,0 @@
-{"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":["getStartEndDateForProject","tasks","projectId","projectTasks","start","end","i","task"],"mappings":"AAEA,SAASA,EAA0BC,GAAuBC,GAAmB;AACzE,QAAMC,IAAeF,EAAM,OAAO,CAAC,MAAM,EAAE,YAAYC,CAAS;AAC5D,MAAAE,IAAQD,EAAa,CAAC,EAAE,OACxBE,IAAMF,EAAa,CAAC,EAAE;AAE1B,WAASG,IAAI,GAAGA,IAAIH,EAAa,QAAQG,KAAK;AACpC,UAAAC,IAAOJ,EAAaG,CAAC;AAC3B,IAAIF,EAAM,QAAQ,IAAIG,EAAK,MAAM,cAC7BH,IAAQG,EAAK,QAEbF,EAAI,QAAQ,IAAIE,EAAK,IAAI,cACzBF,IAAME,EAAK;AAAA,EACf;AAEG,SAAA,CAACH,GAAOC,CAAG;AACtB;"}

package/dist/lib/@ecme/components/shared/GanttChart/index.js

@@ -1,7 +0,0 @@
-import o from "./GanttChart.js";
-import { ViewMode as a } from "gantt-task-react";
-export {
-  a as ViewMode,
-  o as default
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

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

@@ -1,66 +0,0 @@
-import c from "dayjs";
-function i(e) {
-  e = e.replace(/^#/, "");
-  let t;
-  if (e.length === 3)
-    t = parseInt(
-      e.charAt(0) + e.charAt(0) + e.charAt(1) + e.charAt(1) + e.charAt(2) + e.charAt(2),
-      16
-    );
-  else if (e.length === 6)
-    t = parseInt(e, 16);
-  else
-    return null;
-  const l = t >> 16 & 255, r = t >> 8 & 255, n = t & 255;
-  return `rgb(${l}, ${r}, ${n})`;
-}
-function a(e) {
-  const t = /^#?([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/, l = /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/;
-  return t.test(e) ? "hex" : l.test(e) ? "rgb" : "invalid";
-}
-function s(e, t) {
-  const l = /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/, r = e.match(l);
-  if (r) {
-    const n = parseInt(r[1], 10), o = parseInt(r[2], 10), g = parseInt(r[3], 10);
-    return t < 0 || t > 1 ? null : `rgba(${n}, ${o}, ${g}, ${t})`;
-  } else
-    return null;
-}
-function d(e, t) {
-  return e.map((r) => {
-    if (r.start = c(r.start).toDate(), r.end = c(r.end).toDate(), r.barVariant && t[r.barVariant]) {
-      const n = t[r.barVariant];
-      let o = "";
-      if (a(n) === "invalid")
-        return r;
-      a(n) === "hex" && (o = i(n)), r.type === "task" && (r.styles = {
-        progressColor: o,
-        backgroundColor: s(o, 0.5),
-        progressSelectedColor: o,
-        backgroundSelectedColor: s(
-          o,
-          0.5
-        )
-      }), r.type === "milestone" && (r.styles = {
-        backgroundColor: o,
-        backgroundSelectedColor: o
-      }), r.type === "project" && (r.styles = {
-        progressColor: s(
-          "rgb(255,255,255)",
-          0.3
-        ),
-        backgroundColor: o,
-        progressSelectedColor: s(
-          "rgb(255,255,255)",
-          0.3
-        ),
-        backgroundSelectedColor: o
-      });
-    }
-    return r;
-  });
-}
-export {
-  d as default
-};
-//# sourceMappingURL=tasksPreProcess.js.map

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

@@ -1 +0,0 @@
-{"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":["hexToRgb","hex","bigint","r","g","b","isHexOrRgb","color","hexRegex","rgbRegex","applyOpacityToRgb","opacity","match","tasksPreProcess","tasks","colorsMap","task","dayjs","inputColor"],"mappings":";AAGA,SAASA,EAASC,GAA4B;AACpC,EAAAA,IAAAA,EAAI,QAAQ,MAAM,EAAE;AAEtB,MAAAC;AACA,MAAAD,EAAI,WAAW;AACN,IAAAC,IAAA;AAAA,MACLD,EAAI,OAAO,CAAC,IACRA,EAAI,OAAO,CAAC,IACZA,EAAI,OAAO,CAAC,IACZA,EAAI,OAAO,CAAC,IACZA,EAAI,OAAO,CAAC,IACZA,EAAI,OAAO,CAAC;AAAA,MAChB;AAAA,IACJ;AAAA,WACOA,EAAI,WAAW;AACb,IAAAC,IAAA,SAASD,GAAK,EAAE;AAAA;AAElB,WAAA;AAGL,QAAAE,IAAKD,KAAU,KAAM,KACrBE,IAAKF,KAAU,IAAK,KACpBG,IAAIH,IAAS;AAEnB,SAAO,OAAOC,CAAC,KAAKC,CAAC,KAAKC,CAAC;AAC/B;AAEA,SAASC,EAAWC,GAA0C;AAC1D,QAAMC,IAAW,uCACXC,IAAW;AAEb,SAAAD,EAAS,KAAKD,CAAK,IACZ,QACAE,EAAS,KAAKF,CAAK,IACnB,QAEA;AAEf;AAEA,SAASG,EAAkBH,GAAeI,GAAgC;AACtE,QAAMF,IAAW,gDACXG,IAAQL,EAAM,MAAME,CAAQ;AAElC,MAAIG,GAAO;AACP,UAAMT,IAAI,SAASS,EAAM,CAAC,GAAG,EAAE,GACzBR,IAAI,SAASQ,EAAM,CAAC,GAAG,EAAE,GACzBP,IAAI,SAASO,EAAM,CAAC,GAAG,EAAE;AAE3B,WAAAD,IAAU,KAAKA,IAAU,IAClB,OAGJ,QAAQR,CAAC,KAAKC,CAAC,KAAKC,CAAC,KAAKM,CAAO;AAAA,EAAA;AAEjC,WAAA;AAEf;AAEwB,SAAAE,EACpBC,GACAC,GACF;AAuDS,SAtDaD,EAAM,IAAI,CAACE,MAAS;AAIpC,QAHAA,EAAK,QAAQC,EAAMD,EAAK,KAAK,EAAE,OAAO,GACtCA,EAAK,MAAMC,EAAMD,EAAK,GAAG,EAAE,OAAO,GAE9BA,EAAK,cAAcD,EAAUC,EAAK,UAAU,GAAG;AACzC,YAAAE,IAAaH,EAAUC,EAAK,UAAU;AAC5C,UAAIT,IAAQ;AAER,UAAAD,EAAWY,CAAU,MAAM;AACpB,eAAAF;AAGP,MAAAV,EAAWY,CAAU,MAAM,UAC3BX,IAAQP,EAASkB,CAAU,IAG3BF,EAAK,SAAS,WACdA,EAAK,SAAS;AAAA,QACV,eAAeT;AAAA,QACf,iBAAiBG,EAAkBH,GAAO,GAAG;AAAA,QAC7C,uBAAuBA;AAAA,QACvB,yBAAyBG;AAAA,UACrBH;AAAA,UACA;AAAA,QAAA;AAAA,MAER,IAGAS,EAAK,SAAS,gBACdA,EAAK,SAAS;AAAA,QACV,iBAAiBT;AAAA,QACjB,yBAAyBA;AAAA,MAC7B,IAGAS,EAAK,SAAS,cACdA,EAAK,SAAS;AAAA,QACV,eAAeN;AAAA,UACX;AAAA,UACA;AAAA,QACJ;AAAA,QACA,iBAAiBH;AAAA,QACjB,uBAAuBG;AAAA,UACnB;AAAA,UACA;AAAA,QACJ;AAAA,QACA,yBAAyBH;AAAA,MAC7B;AAAA,IACJ;AAGG,WAAAS;AAAA,EAAA,CACV;AAGL;"}

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

@@ -1,40 +0,0 @@
-import { jsxs as t, jsx as s } from "react/jsx-runtime";
-import r from "../../utils/classNames.js";
-import { HiArrowUp as d, HiArrowDown as x } from "react-icons/hi";
-const I = (i) => {
-  const {
-    value: e = 0,
-    className: a,
-    prefix: c,
-    suffix: f,
-    positiveIcon: o,
-    negativeIcon: n,
-    showIcon: p = !0,
-    positiveClass: l,
-    negativeClass: m,
-    ref: u
-  } = i;
-  return /* @__PURE__ */ t(
-    "span",
-    {
-      ref: u,
-      className: r(
-        "flex items-center",
-        e > 0 ? r("text-success", l) : r("text-error", m),
-        a
-      ),
-      children: [
-        e !== 0 && /* @__PURE__ */ s("span", { children: p && (e > 0 ? typeof o < "u" ? o : /* @__PURE__ */ s(d, {}) : typeof n < "u" ? n : /* @__PURE__ */ s(x, {})) }),
-        /* @__PURE__ */ t("span", { children: [
-          c,
-          e,
-          f
-        ] })
-      ]
-    }
-  );
-};
-export {
-  I as default
-};
-//# sourceMappingURL=GrowShrinkValue.js.map

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

@@ -1 +0,0 @@
-{"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":["GrowShrinkValue","props","value","className","prefix","suffix","positiveIcon","negativeIcon","showIcon","positiveClass","negativeClass","ref","jsxs","classNames","jsx","HiArrowUp","HiArrowDown"],"mappings":";;;AAiBM,MAAAA,IAAkB,CAACC,MAA8B;AAC7C,QAAA;AAAA,IACF,OAAAC,IAAQ;AAAA,IACR,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,KAAAC;AAAA,EAAA,IACAV;AAGA,SAAA,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAD;AAAA,MACA,WAAWE;AAAA,QACP;AAAA,QACAX,IAAQ,IACFW,EAAW,gBAAgBJ,CAAa,IACxCI,EAAW,cAAcH,CAAa;AAAA,QAC5CP;AAAA,MACJ;AAAA,MAEC,UAAA;AAAA,QAAAD,MAAU,KACN,gBAAAY,EAAA,QAAA,EACI,gBACIZ,IAAQ,IACL,OAAOI,IAAiB,MACpBA,IAEC,gBAAAQ,EAAAC,GAAA,CAAA,CAAU,IAEf,OAAOR,IAAiB,MACxBA,IAEA,gBAAAO,EAACE,IAAY,CAAA,GAEzB,CAAA;AAAA,0BAEH,QACI,EAAA,UAAA;AAAA,UAAAZ;AAAA,UACAF;AAAA,UACAG;AAAA,QAAA,EACL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}

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

@@ -1,15 +0,0 @@
-import { jsxs as r } from "react/jsx-runtime";
-import m from "../../utils/classNames.js";
-const c = ({
-  className: e,
-  asElement: s = "span",
-  icon: t,
-  children: a
-}) => /* @__PURE__ */ r(s, { className: m("flex items-center gap-2", e), children: [
-  t,
-  a
-] });
-export {
-  c as default
-};
-//# sourceMappingURL=IconText.js.map