@orbe-agro/client-core 5.6.0 → 5.6.6

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

@@ -1 +1 @@
-{"version":3,"file":"AutoComplete.js","sources":["../../../../lib/@ecme/components/shared/AutoComplete.tsx"],"sourcesContent":["import { ReactNode, ChangeEvent, useRef, useState, useEffect } from 'react'\r\nimport {\r\n    autoUpdate,\r\n    size,\r\n    flip,\r\n    useId,\r\n    useDismiss,\r\n    useFloating,\r\n    useInteractions,\r\n    useListNavigation,\r\n    useRole,\r\n    FloatingFocusManager,\r\n    FloatingPortal,\r\n} from '@floating-ui/react'\r\nimport Input, { InputProps } from '@/components/ui/Input'\r\n\r\ninterface ItemProps {\r\n    children: React.ReactNode\r\n    active: boolean\r\n    ref?: React.Ref<HTMLDivElement>\r\n}\r\n\r\ntype AutoCompleteProps<T> = Omit<InputProps, 'onChange'> & {\r\n    data: Array<T>\r\n    optionKey: (obj: T) => string\r\n    value: string\r\n    onInputChange: (value: string) => void\r\n    onOptionSelected: (option: T) => void\r\n    renderOption: (option: T) => ReactNode\r\n}\r\n\r\nconst Item = ({\r\n    children,\r\n    active,\r\n    ref,\r\n    ...rest\r\n}: ItemProps & React.HTMLProps<HTMLDivElement>) => {\r\n    const id = useId()\r\n    return (\r\n        <div\r\n            ref={ref}\r\n            role=\"option\"\r\n            id={id}\r\n            aria-selected={active}\r\n            {...rest}\r\n            className=\"select-option hover:text-gray-800 hover:dark:text-gray-100\"\r\n        >\r\n            {children}\r\n        </div>\r\n    )\r\n}\r\n\r\nfunction AutoComplete<T>(props: AutoCompleteProps<T>) {\r\n    const {\r\n        data = [],\r\n        optionKey,\r\n        value,\r\n        onInputChange,\r\n        onOptionSelected,\r\n        renderOption,\r\n        ...rest\r\n    } = props\r\n    const [open, setOpen] = useState(false)\r\n    const [activeIndex, setActiveIndex] = useState<number | null>(null)\r\n\r\n    const [options, setOptions] = useState<Array<T>>([])\r\n\r\n    const listRef = useRef<Array<HTMLElement | null>>([])\r\n\r\n    useEffect(() => {\r\n        const items = data.filter((item) =>\r\n            optionKey(item).toLowerCase().includes(value.toLowerCase()),\r\n        )\r\n        setOptions(items)\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [value])\r\n\r\n    const { refs, floatingStyles, context } = useFloating<HTMLInputElement>({\r\n        whileElementsMounted: autoUpdate,\r\n        open,\r\n        onOpenChange: setOpen,\r\n        middleware: [\r\n            flip({ padding: 10 }),\r\n            size({\r\n                apply({ rects, availableHeight, elements }) {\r\n                    Object.assign(elements.floating.style, {\r\n                        width: `${rects.reference.width}px`,\r\n                        maxHeight: `${availableHeight}px`,\r\n                    })\r\n                },\r\n                padding: 10,\r\n            }),\r\n        ],\r\n    })\r\n\r\n    const role = useRole(context, { role: 'listbox' })\r\n    const dismiss = useDismiss(context)\r\n    const listNav = useListNavigation(context, {\r\n        listRef,\r\n        activeIndex,\r\n        onNavigate: setActiveIndex,\r\n        virtual: true,\r\n        loop: true,\r\n    })\r\n\r\n    const { getReferenceProps, getFloatingProps, getItemProps } =\r\n        useInteractions([role, dismiss, listNav])\r\n\r\n    function onAutoCompleteChange(event: ChangeEvent<HTMLInputElement>) {\r\n        const value = event.target.value\r\n        onInputChange(value)\r\n        const items = data.filter((item) =>\r\n            optionKey(item).toLowerCase().includes(value.toLowerCase()),\r\n        )\r\n        if (value && items.length > 0) {\r\n            setOpen(true)\r\n            setActiveIndex(0)\r\n        } else {\r\n            setOpen(false)\r\n        }\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <Input\r\n                {...rest}\r\n                {...getReferenceProps({\r\n                    ref: refs.setReference,\r\n                    onChange: onAutoCompleteChange,\r\n                    value: value,\r\n                    'aria-autocomplete': 'list',\r\n                    onKeyDown(event) {\r\n                        if (\r\n                            event.key === 'Enter' &&\r\n                            activeIndex != null &&\r\n                            options[activeIndex]\r\n                        ) {\r\n                            onInputChange(optionKey(options[activeIndex]))\r\n                            setActiveIndex(null)\r\n                            setOpen(false)\r\n                        }\r\n                    },\r\n                })}\r\n            />\r\n            <FloatingPortal>\r\n                {open && (\r\n                    <FloatingFocusManager\r\n                        visuallyHiddenDismiss\r\n                        context={context}\r\n                        initialFocus={-1}\r\n                    >\r\n                        <div\r\n                            {...getFloatingProps({\r\n                                ref: refs.setFloating,\r\n                                style: {\r\n                                    ...floatingStyles,\r\n                                },\r\n                                className: 'select-menu py-1',\r\n                            })}\r\n                        >\r\n                            {options.map((item, index) => (\r\n                                <Item\r\n                                    {...getItemProps({\r\n                                        key: optionKey(item),\r\n                                        ref(node) {\r\n                                            listRef.current[index] = node\r\n                                        },\r\n                                        onClick() {\r\n                                            onInputChange(optionKey(item))\r\n                                            onOptionSelected(item)\r\n                                            setOpen(false)\r\n                                            refs.domReference.current?.focus()\r\n                                        },\r\n                                    })}\r\n                                    key={`auto-complete-item-${index}`}\r\n                                    active={activeIndex === index}\r\n                                >\r\n                                    {renderOption(item)}\r\n                                </Item>\r\n                            ))}\r\n                        </div>\r\n                    </FloatingFocusManager>\r\n                )}\r\n            </FloatingPortal>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default AutoComplete\r\n"],"names":["value"],"mappings":"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"}
+{"version":3,"file":"AutoComplete.js","sources":["../../../../lib/@ecme/components/shared/AutoComplete.tsx"],"sourcesContent":["import { ReactNode, ChangeEvent, useRef, useState, useEffect } from 'react'\nimport {\n    autoUpdate,\n    size,\n    flip,\n    useId,\n    useDismiss,\n    useFloating,\n    useInteractions,\n    useListNavigation,\n    useRole,\n    FloatingFocusManager,\n    FloatingPortal,\n} from '@floating-ui/react'\nimport Input, { InputProps } from '@/components/ui/Input'\n\ninterface ItemProps {\n    children: React.ReactNode\n    active: boolean\n    ref?: React.Ref<HTMLDivElement>\n}\n\ntype AutoCompleteProps<T> = Omit<InputProps, 'onChange'> & {\n    data: Array<T>\n    optionKey: (obj: T) => string\n    value: string\n    onInputChange: (value: string) => void\n    onOptionSelected: (option: T) => void\n    renderOption: (option: T) => ReactNode\n}\n\nconst Item = ({\n    children,\n    active,\n    ref,\n    ...rest\n}: ItemProps & React.HTMLProps<HTMLDivElement>) => {\n    const id = useId()\n    return (\n        <div\n            ref={ref}\n            role=\"option\"\n            id={id}\n            aria-selected={active}\n            {...rest}\n            className=\"select-option hover:text-gray-800 hover:dark:text-gray-100\"\n        >\n            {children}\n        </div>\n    )\n}\n\nfunction AutoComplete<T>(props: AutoCompleteProps<T>) {\n    const {\n        data = [],\n        optionKey,\n        value,\n        onInputChange,\n        onOptionSelected,\n        renderOption,\n        ...rest\n    } = props\n    const [open, setOpen] = useState(false)\n    const [activeIndex, setActiveIndex] = useState<number | null>(null)\n\n    const [options, setOptions] = useState<Array<T>>([])\n\n    const listRef = useRef<Array<HTMLElement | null>>([])\n\n    useEffect(() => {\n        const items = data.filter((item) =>\n            optionKey(item).toLowerCase().includes(value.toLowerCase()),\n        )\n        setOptions(items)\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value])\n\n    const { refs, floatingStyles, context } = useFloating<HTMLInputElement>({\n        whileElementsMounted: autoUpdate,\n        open,\n        onOpenChange: setOpen,\n        middleware: [\n            flip({ padding: 10 }),\n            size({\n                apply({ rects, availableHeight, elements }) {\n                    Object.assign(elements.floating.style, {\n                        width: `${rects.reference.width}px`,\n                        maxHeight: `${availableHeight}px`,\n                    })\n                },\n                padding: 10,\n            }),\n        ],\n    })\n\n    const role = useRole(context, { role: 'listbox' })\n    const dismiss = useDismiss(context)\n    const listNav = useListNavigation(context, {\n        listRef,\n        activeIndex,\n        onNavigate: setActiveIndex,\n        virtual: true,\n        loop: true,\n    })\n\n    const { getReferenceProps, getFloatingProps, getItemProps } =\n        useInteractions([role, dismiss, listNav])\n\n    function onAutoCompleteChange(event: ChangeEvent<HTMLInputElement>) {\n        const value = event.target.value\n        onInputChange(value)\n        const items = data.filter((item) =>\n            optionKey(item).toLowerCase().includes(value.toLowerCase()),\n        )\n        if (value && items.length > 0) {\n            setOpen(true)\n            setActiveIndex(0)\n        } else {\n            setOpen(false)\n        }\n    }\n\n    return (\n        <>\n            <Input\n                {...rest}\n                {...getReferenceProps({\n                    ref: refs.setReference,\n                    onChange: onAutoCompleteChange,\n                    value: value,\n                    'aria-autocomplete': 'list',\n                    onKeyDown(event) {\n                        if (\n                            event.key === 'Enter' &&\n                            activeIndex != null &&\n                            options[activeIndex]\n                        ) {\n                            onInputChange(optionKey(options[activeIndex]))\n                            setActiveIndex(null)\n                            setOpen(false)\n                        }\n                    },\n                })}\n            />\n            <FloatingPortal>\n                {open && (\n                    <FloatingFocusManager\n                        visuallyHiddenDismiss\n                        context={context}\n                        initialFocus={-1}\n                    >\n                        <div\n                            {...getFloatingProps({\n                                ref: refs.setFloating,\n                                style: {\n                                    ...floatingStyles,\n                                },\n                                className: 'select-menu py-1',\n                            })}\n                        >\n                            {options.map((item, index) => (\n                                <Item\n                                    {...getItemProps({\n                                        key: optionKey(item),\n                                        ref(node) {\n                                            listRef.current[index] = node\n                                        },\n                                        onClick() {\n                                            onInputChange(optionKey(item))\n                                            onOptionSelected(item)\n                                            setOpen(false)\n                                            refs.domReference.current?.focus()\n                                        },\n                                    })}\n                                    key={`auto-complete-item-${index}`}\n                                    active={activeIndex === index}\n                                >\n                                    {renderOption(item)}\n                                </Item>\n                            ))}\n                        </div>\n                    </FloatingFocusManager>\n                )}\n            </FloatingPortal>\n        </>\n    )\n}\n\nexport default AutoComplete\n"],"names":["value"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarView.js","sources":["../../../../lib/@ecme/components/shared/CalendarView.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\r\nimport FullCalendar from '@fullcalendar/react'\r\nimport dayGridPlugin from '@fullcalendar/daygrid'\r\nimport timeGridPlugin from '@fullcalendar/timegrid'\r\nimport interactionPlugin from '@fullcalendar/interaction'\r\nimport { CalendarOptions } from '@fullcalendar/core'\r\n\r\ntype EventColors = Record<\r\n    string,\r\n    {\r\n        bg: string\r\n        text: string\r\n    }\r\n>\r\n\r\ninterface CalendarViewProps extends CalendarOptions {\r\n    wrapperClass?: string\r\n    eventColors?: (colors: EventColors) => EventColors\r\n}\r\n\r\nconst defaultColorList: Record<\r\n    string,\r\n    {\r\n        bg: string\r\n        text: string\r\n    }\r\n> = {\r\n    red: {\r\n        bg: 'bg-[#fbddd9]',\r\n        text: 'text-gray-900',\r\n    },\r\n    orange: {\r\n        bg: 'bg-[#ffc6ab]',\r\n        text: 'text-gray-900',\r\n    },\r\n    yellow: {\r\n        bg: 'bg-[#ffd993]',\r\n        text: 'text-gray-900',\r\n    },\r\n    green: {\r\n        bg: 'bg-[#bee9d3]',\r\n        text: 'text-gray-900',\r\n    },\r\n    blue: {\r\n        bg: 'bg-[#bce9fb]',\r\n        text: 'text-gray-900',\r\n    },\r\n    purple: {\r\n        bg: 'bg-[#ccbbfc]',\r\n        text: 'text-gray-900',\r\n    },\r\n}\r\n\r\nconst CalendarView = (props: CalendarViewProps) => {\r\n    const {\r\n        wrapperClass,\r\n        eventColors = () => defaultColorList,\r\n        ...rest\r\n    } = props\r\n\r\n    return (\r\n        <div className={classNames('calendar', wrapperClass)}>\r\n            <FullCalendar\r\n                initialView=\"dayGridMonth\"\r\n                headerToolbar={{\r\n                    left: 'title',\r\n                    center: '',\r\n                    right: 'dayGridMonth,timeGridWeek,timeGridDay prev,next',\r\n                }}\r\n                eventContent={(arg) => {\r\n                    const { extendedProps } = arg.event\r\n                    const { isEnd, isStart } = arg\r\n                    return (\r\n                        <div\r\n                            className={classNames(\r\n                                'custom-calendar-event',\r\n                                extendedProps.eventColor\r\n                                    ? (eventColors(defaultColorList) ||\r\n                                          defaultColorList)[\r\n                                          extendedProps.eventColor\r\n                                      ]?.bg\r\n                                    : '',\r\n                                extendedProps.eventColor\r\n                                    ? (eventColors(defaultColorList) ||\r\n                                          defaultColorList)[\r\n                                          extendedProps.eventColor\r\n                                      ]?.text\r\n                                    : '',\r\n                                isEnd &&\r\n                                    !isStart &&\r\n                                    '!rounded-tl-none !rounded-bl-none !rtl:rounded-tr-none !rtl:rounded-br-none',\r\n                                !isEnd &&\r\n                                    isStart &&\r\n                                    '!rounded-tr-none !rounded-br-none !rtl:rounded-tl-none !rtl:rounded-bl-none',\r\n                            )}\r\n                        >\r\n                            {!(isEnd && !isStart) && (\r\n                                <span>{arg.timeText}</span>\r\n                            )}\r\n                            <span className=\"font-bold ml-1 rtl:mr-1\">\r\n                                {arg.event.title}\r\n                            </span>\r\n                        </div>\r\n                    )\r\n                }}\r\n                plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}\r\n                {...rest}\r\n            />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default CalendarView\r\n"],"names":[],"mappings":";;;;;;AAoBA,MAAM,mBAMF;AAAA,EACA,KAAK;AAAA,IACD,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAAA,EAEV,QAAQ;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAAA,EAEV,QAAQ;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAAA,EAEV,OAAO;AAAA,IACH,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAAA,EAEV,MAAM;AAAA,IACF,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAAA,EAEV,QAAQ;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAEd;AAEA,MAAM,eAAe,CAAC,UAA6B;AAC/C,QAAM;AAAA,IACF;AAAA,IACA,cAAc,MAAM;AAAA,IACpB,GAAG;AAAA,EAAA,IACH;AAEJ,6BACK,OAAA,EAAI,WAAW,WAAW,YAAY,YAAY,GAC/C,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,eAAe;AAAA,QACX,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAEX,cAAc,CAAC,QAAQ;AACnB,cAAM,EAAE,kBAAkB,IAAI;AAC9B,cAAM,EAAE,OAAO,QAAA,IAAY;AAC3B,eACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA,cAAc,cACP,YAAY,gBAAgB,KACzB,kBACA,cAAc,UAClB,GAAG,KACH;AAAA,cACN,cAAc,cACP,YAAY,gBAAgB,KACzB,kBACA,cAAc,UAClB,GAAG,OACH;AAAA,cACN,SACI,CAAC,WACD;AAAA,cACJ,CAAC,SACG,WACA;AAAA,YAAA;AAAA,YAGP,UAAA;AAAA,cAAA,EAAE,SAAS,CAAC,YACT,oBAAC,QAAA,EAAM,cAAI,UAAS;AAAA,kCAEvB,QAAA,EAAK,WAAU,2BACX,UAAA,IAAI,MAAM,MAAA,CACf;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAGZ;AAAA,MACA,SAAS,CAAC,eAAe,gBAAgB,iBAAiB;AAAA,MACzD,GAAG;AAAA,IAAA;AAAA,EAAA,GAEZ;AAER;"}
+{"version":3,"file":"CalendarView.js","sources":["../../../../lib/@ecme/components/shared/CalendarView.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport FullCalendar from '@fullcalendar/react'\nimport dayGridPlugin from '@fullcalendar/daygrid'\nimport timeGridPlugin from '@fullcalendar/timegrid'\nimport interactionPlugin from '@fullcalendar/interaction'\nimport { CalendarOptions } from '@fullcalendar/core'\n\ntype EventColors = Record<\n    string,\n    {\n        bg: string\n        text: string\n    }\n>\n\ninterface CalendarViewProps extends CalendarOptions {\n    wrapperClass?: string\n    eventColors?: (colors: EventColors) => EventColors\n}\n\nconst defaultColorList: Record<\n    string,\n    {\n        bg: string\n        text: string\n    }\n> = {\n    red: {\n        bg: 'bg-[#fbddd9]',\n        text: 'text-gray-900',\n    },\n    orange: {\n        bg: 'bg-[#ffc6ab]',\n        text: 'text-gray-900',\n    },\n    yellow: {\n        bg: 'bg-[#ffd993]',\n        text: 'text-gray-900',\n    },\n    green: {\n        bg: 'bg-[#bee9d3]',\n        text: 'text-gray-900',\n    },\n    blue: {\n        bg: 'bg-[#bce9fb]',\n        text: 'text-gray-900',\n    },\n    purple: {\n        bg: 'bg-[#ccbbfc]',\n        text: 'text-gray-900',\n    },\n}\n\nconst CalendarView = (props: CalendarViewProps) => {\n    const {\n        wrapperClass,\n        eventColors = () => defaultColorList,\n        ...rest\n    } = props\n\n    return (\n        <div className={classNames('calendar', wrapperClass)}>\n            <FullCalendar\n                initialView=\"dayGridMonth\"\n                headerToolbar={{\n                    left: 'title',\n                    center: '',\n                    right: 'dayGridMonth,timeGridWeek,timeGridDay prev,next',\n                }}\n                eventContent={(arg) => {\n                    const { extendedProps } = arg.event\n                    const { isEnd, isStart } = arg\n                    return (\n                        <div\n                            className={classNames(\n                                'custom-calendar-event',\n                                extendedProps.eventColor\n                                    ? (eventColors(defaultColorList) ||\n                                          defaultColorList)[\n                                          extendedProps.eventColor\n                                      ]?.bg\n                                    : '',\n                                extendedProps.eventColor\n                                    ? (eventColors(defaultColorList) ||\n                                          defaultColorList)[\n                                          extendedProps.eventColor\n                                      ]?.text\n                                    : '',\n                                isEnd &&\n                                    !isStart &&\n                                    '!rounded-tl-none !rounded-bl-none !rtl:rounded-tr-none !rtl:rounded-br-none',\n                                !isEnd &&\n                                    isStart &&\n                                    '!rounded-tr-none !rounded-br-none !rtl:rounded-tl-none !rtl:rounded-bl-none',\n                            )}\n                        >\n                            {!(isEnd && !isStart) && (\n                                <span>{arg.timeText}</span>\n                            )}\n                            <span className=\"font-bold ml-1 rtl:mr-1\">\n                                {arg.event.title}\n                            </span>\n                        </div>\n                    )\n                }}\n                plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}\n                {...rest}\n            />\n        </div>\n    )\n}\n\nexport default CalendarView\n"],"names":[],"mappings":";;;;;;AAoBA,MAAM,mBAMF;AAAA,EACA,KAAK;AAAA,IACD,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAAA,EAEV,QAAQ;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAAA,EAEV,QAAQ;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAAA,EAEV,OAAO;AAAA,IACH,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAAA,EAEV,MAAM;AAAA,IACF,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAAA,EAEV,QAAQ;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA;AAEd;AAEA,MAAM,eAAe,CAAC,UAA6B;AAC/C,QAAM;AAAA,IACF;AAAA,IACA,cAAc,MAAM;AAAA,IACpB,GAAG;AAAA,EAAA,IACH;AAEJ,6BACK,OAAA,EAAI,WAAW,WAAW,YAAY,YAAY,GAC/C,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,eAAe;AAAA,QACX,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAEX,cAAc,CAAC,QAAQ;AACnB,cAAM,EAAE,kBAAkB,IAAI;AAC9B,cAAM,EAAE,OAAO,QAAA,IAAY;AAC3B,eACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA,cAAc,cACP,YAAY,gBAAgB,KACzB,kBACA,cAAc,UAClB,GAAG,KACH;AAAA,cACN,cAAc,cACP,YAAY,gBAAgB,KACzB,kBACA,cAAc,UAClB,GAAG,OACH;AAAA,cACN,SACI,CAAC,WACD;AAAA,cACJ,CAAC,SACG,WACA;AAAA,YAAA;AAAA,YAGP,UAAA;AAAA,cAAA,EAAE,SAAS,CAAC,YACT,oBAAC,QAAA,EAAM,cAAI,UAAS;AAAA,kCAEvB,QAAA,EAAK,WAAU,2BACX,UAAA,IAAI,MAAM,MAAA,CACf;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAGZ;AAAA,MACA,SAAS,CAAC,eAAe,gBAAgB,iBAAiB;AAAA,MACzD,GAAG;AAAA,IAAA;AAAA,EAAA,GAEZ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Can.js","sources":["../../../../lib/@ecme/components/shared/Can.tsx"],"sourcesContent":["import { useSessionUserDataStore } from '@base/store/auth/sessionUserData'\r\nimport { ReactNode } from 'react'\r\n\r\ninterface CanProps {\r\n    I: string | string[]\r\n    a?: string | string[]\r\n    children: ReactNode\r\n    else?: ReactNode\r\n}\r\n\r\nconst Can = ({ I, children, else: fallback = null }: CanProps) => {\r\n    const checkUserFunctionalityNameAccess = useSessionUserDataStore(\r\n        (state) => state.checkUserFunctionalityNameAccess,\r\n    )\r\n\r\n    const requiredFunctionalities = Array.isArray(I) ? I : [I]\r\n\r\n    const hasAccess = requiredFunctionalities.some((func) =>\r\n        checkUserFunctionalityNameAccess(func),\r\n    )\r\n\r\n    return <>{hasAccess ? children : fallback}</>\r\n}\r\n\r\nexport default Can\r\n"],"names":[],"mappings":";;AAUA,MAAM,MAAM,CAAC,EAAE,GAAG,UAAU,MAAM,WAAW,WAAqB;AAC9D,QAAM,mCAAmC;AAAA,IACrC,CAAC,UAAU,MAAM;AAAA,EAAA;AAGrB,QAAM,0BAA0B,MAAM,QAAQ,CAAC,IAAI,IAAI,CAAC,CAAC;AAEzD,QAAM,YAAY,wBAAwB;AAAA,IAAK,CAAC,SAC5C,iCAAiC,IAAI;AAAA,EAAA;AAGzC,SAAO,oBAAA,UAAA,EAAG,UAAA,YAAY,WAAW,UAAS;AAC9C;"}
+{"version":3,"file":"Can.js","sources":["../../../../lib/@ecme/components/shared/Can.tsx"],"sourcesContent":["import { useSessionUserDataStore } from '@base/store/auth/sessionUserData'\nimport { ReactNode } from 'react'\n\ninterface CanProps {\n    I: string | string[]\n    a?: string | string[]\n    children: ReactNode\n    else?: ReactNode\n}\n\nconst Can = ({ I, children, else: fallback = null }: CanProps) => {\n    const checkUserFunctionalityNameAccess = useSessionUserDataStore(\n        (state) => state.checkUserFunctionalityNameAccess,\n    )\n\n    const requiredFunctionalities = Array.isArray(I) ? I : [I]\n\n    const hasAccess = requiredFunctionalities.some((func) =>\n        checkUserFunctionalityNameAccess(func),\n    )\n\n    return <>{hasAccess ? children : fallback}</>\n}\n\nexport default Can\n"],"names":[],"mappings":";;AAUA,MAAM,MAAM,CAAC,EAAE,GAAG,UAAU,MAAM,WAAW,WAAqB;AAC9D,QAAM,mCAAmC;AAAA,IACrC,CAAC,UAAU,MAAM;AAAA,EAAA;AAGrB,QAAM,0BAA0B,MAAM,QAAQ,CAAC,IAAI,IAAI,CAAC,CAAC;AAEzD,QAAM,YAAY,wBAAwB;AAAA,IAAK,CAAC,SAC5C,iCAAiC,IAAI;AAAA,EAAA;AAGzC,SAAO,oBAAA,UAAA,EAAG,UAAA,YAAY,WAAW,UAAS;AAC9C;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","sources":["../../../../lib/@ecme/components/shared/Chart.tsx"],"sourcesContent":["import { useRef, useEffect, useCallback, useMemo } from 'react'\r\nimport ApexChart from 'react-apexcharts'\r\nimport {\r\n    apexLineChartDefaultOption,\r\n    apexBarChartDefaultOption,\r\n    apexAreaChartDefaultOption,\r\n    apexDonutChartDefaultOption,\r\n    apexRadarChartDefultOption,\r\n} from '@/configs/chart.config'\r\nimport { DIR_RTL } from '@/constants/theme.constant'\r\nimport type { ApexOptions } from 'apexcharts'\r\nimport type { Direction } from '@/@types/theme'\r\nimport type { ReactNode } from 'react'\r\n\r\nconst notDonut = ['line', 'bar', 'area']\r\n\r\ntype ChartType = 'line' | 'bar' | 'area' | 'donut' | 'radar'\r\n\r\nexport interface ChartProps {\r\n    series?: ApexOptions['series']\r\n    width?: string | number\r\n    height?: string | number\r\n    /* eslint-disable @typescript-eslint/no-explicit-any */\r\n    xAxis?: any\r\n    customOptions?: ApexOptions\r\n    type?: ChartType\r\n    direction?: Direction\r\n    donutTitle?: string | ReactNode\r\n    donutText?: string | ReactNode\r\n    className?: string\r\n}\r\n\r\nconst Chart = (props: ChartProps) => {\r\n    const {\r\n        series = [],\r\n        width = '100%',\r\n        height = 300,\r\n        xAxis,\r\n        customOptions,\r\n        type = 'line',\r\n        direction,\r\n        donutTitle,\r\n        donutText,\r\n        className,\r\n        ...rest\r\n    } = props\r\n\r\n    const chartRef = useRef<HTMLDivElement>(null)\r\n\r\n    const chartDefaultOption = useMemo(() => {\r\n        switch (type) {\r\n            case 'line':\r\n                return apexLineChartDefaultOption\r\n            case 'bar':\r\n                return apexBarChartDefaultOption\r\n            case 'area':\r\n                return apexAreaChartDefaultOption\r\n            case 'donut':\r\n                return apexDonutChartDefaultOption\r\n            case 'radar':\r\n                return apexRadarChartDefultOption\r\n            default:\r\n                return apexLineChartDefaultOption\r\n        }\r\n    }, [type])\r\n\r\n    let options = JSON.parse(JSON.stringify(chartDefaultOption))\r\n    const isMobile = window.innerWidth < 768\r\n\r\n    const setLegendOffset = useCallback(() => {\r\n        if (chartRef.current) {\r\n            const lengend = chartRef.current.querySelectorAll<HTMLDivElement>(\r\n                'div.apexcharts-legend',\r\n            )[0]\r\n            if (direction === DIR_RTL) {\r\n                lengend.style.right = 'auto'\r\n                lengend.style.left = '0'\r\n            }\r\n            if (isMobile) {\r\n                lengend.style.position = 'relative'\r\n                lengend.style.top = '0'\r\n                lengend.style.justifyContent = 'start'\r\n                lengend.style.padding = '0'\r\n            }\r\n        }\r\n    }, [direction, isMobile])\r\n\r\n    useEffect(() => {\r\n        if (notDonut.includes(type as ChartType)) {\r\n            setLegendOffset()\r\n        }\r\n    }, [type, setLegendOffset])\r\n\r\n    if (notDonut.includes(type as ChartType)) {\r\n        options.xaxis.categories = xAxis\r\n    }\r\n\r\n    if (customOptions) {\r\n        options = { ...options, ...customOptions }\r\n    }\r\n\r\n    if (type === 'donut') {\r\n        if (donutTitle) {\r\n            options.plotOptions.pie.donut.labels.total.label = donutTitle\r\n        }\r\n        if (donutText) {\r\n            options.plotOptions.pie.donut.labels.total.formatter = () =>\r\n                donutText\r\n        }\r\n    }\r\n\r\n    return (\r\n        <div\r\n            ref={chartRef}\r\n            style={direction === DIR_RTL ? { direction: 'ltr' } : {}}\r\n            className=\"chartRef\"\r\n        >\r\n            <ApexChart\r\n                options={options}\r\n                type={type}\r\n                series={series}\r\n                width={width}\r\n                height={height}\r\n                className={className}\r\n                {...rest}\r\n            />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Chart\r\n"],"names":["ApexChart"],"mappings":";;;;;AAcA,MAAM,WAAW,CAAC,QAAQ,OAAO,MAAM;AAkBvC,MAAM,QAAQ,CAAC,UAAsB;AACjC,QAAM;AAAA,IACF,SAAS,CAAA;AAAA,IACT,QAAQ;AAAA,IACR,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,WAAW,OAAuB,IAAI;AAE5C,QAAM,qBAAqB,QAAQ,MAAM;AACrC,YAAQ,MAAA;AAAA,MACJ,KAAK;AACD,eAAO;AAAA,MACX,KAAK;AACD,eAAO;AAAA,MACX,KAAK;AACD,eAAO;AAAA,MACX,KAAK;AACD,eAAO;AAAA,MACX,KAAK;AACD,eAAO;AAAA,MACX;AACI,eAAO;AAAA,IAAA;AAAA,EAEnB,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,UAAU,KAAK,MAAM,KAAK,UAAU,kBAAkB,CAAC;AAC3D,QAAM,WAAW,OAAO,aAAa;AAErC,QAAM,kBAAkB,YAAY,MAAM;AACtC,QAAI,SAAS,SAAS;AAClB,YAAM,UAAU,SAAS,QAAQ;AAAA,QAC7B;AAAA,MAAA,EACF,CAAC;AACH,UAAI,cAAc,SAAS;AACvB,gBAAQ,MAAM,QAAQ;AACtB,gBAAQ,MAAM,OAAO;AAAA,MACzB;AACA,UAAI,UAAU;AACV,gBAAQ,MAAM,WAAW;AACzB,gBAAQ,MAAM,MAAM;AACpB,gBAAQ,MAAM,iBAAiB;AAC/B,gBAAQ,MAAM,UAAU;AAAA,MAC5B;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,WAAW,QAAQ,CAAC;AAExB,YAAU,MAAM;AACZ,QAAI,SAAS,SAAS,IAAiB,GAAG;AACtC,sBAAA;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,MAAM,eAAe,CAAC;AAE1B,MAAI,SAAS,SAAS,IAAiB,GAAG;AACtC,YAAQ,MAAM,aAAa;AAAA,EAC/B;AAEA,MAAI,eAAe;AACf,cAAU,EAAE,GAAG,SAAS,GAAG,cAAA;AAAA,EAC/B;AAEA,MAAI,SAAS,SAAS;AAClB,QAAI,YAAY;AACZ,cAAQ,YAAY,IAAI,MAAM,OAAO,MAAM,QAAQ;AAAA,IACvD;AACA,QAAI,WAAW;AACX,cAAQ,YAAY,IAAI,MAAM,OAAO,MAAM,YAAY,MACnD;AAAA,IACR;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAK;AAAA,MACL,OAAO,cAAc,UAAU,EAAE,WAAW,MAAA,IAAU,CAAA;AAAA,MACtD,WAAU;AAAA,MAEV,UAAA;AAAA,QAACA;AAAAA,QAAA;AAAA,UACG;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"Chart.js","sources":["../../../../lib/@ecme/components/shared/Chart.tsx"],"sourcesContent":["import { useRef, useEffect, useCallback, useMemo } from 'react'\nimport ApexChart from 'react-apexcharts'\nimport {\n    apexLineChartDefaultOption,\n    apexBarChartDefaultOption,\n    apexAreaChartDefaultOption,\n    apexDonutChartDefaultOption,\n    apexRadarChartDefultOption,\n} from '@/configs/chart.config'\nimport { DIR_RTL } from '@/constants/theme.constant'\nimport type { ApexOptions } from 'apexcharts'\nimport type { Direction } from '@/@types/theme'\nimport type { ReactNode } from 'react'\n\nconst notDonut = ['line', 'bar', 'area']\n\ntype ChartType = 'line' | 'bar' | 'area' | 'donut' | 'radar'\n\nexport interface ChartProps {\n    series?: ApexOptions['series']\n    width?: string | number\n    height?: string | number\n    /* eslint-disable @typescript-eslint/no-explicit-any */\n    xAxis?: any\n    customOptions?: ApexOptions\n    type?: ChartType\n    direction?: Direction\n    donutTitle?: string | ReactNode\n    donutText?: string | ReactNode\n    className?: string\n}\n\nconst Chart = (props: ChartProps) => {\n    const {\n        series = [],\n        width = '100%',\n        height = 300,\n        xAxis,\n        customOptions,\n        type = 'line',\n        direction,\n        donutTitle,\n        donutText,\n        className,\n        ...rest\n    } = props\n\n    const chartRef = useRef<HTMLDivElement>(null)\n\n    const chartDefaultOption = useMemo(() => {\n        switch (type) {\n            case 'line':\n                return apexLineChartDefaultOption\n            case 'bar':\n                return apexBarChartDefaultOption\n            case 'area':\n                return apexAreaChartDefaultOption\n            case 'donut':\n                return apexDonutChartDefaultOption\n            case 'radar':\n                return apexRadarChartDefultOption\n            default:\n                return apexLineChartDefaultOption\n        }\n    }, [type])\n\n    let options = JSON.parse(JSON.stringify(chartDefaultOption))\n    const isMobile = window.innerWidth < 768\n\n    const setLegendOffset = useCallback(() => {\n        if (chartRef.current) {\n            const lengend = chartRef.current.querySelectorAll<HTMLDivElement>(\n                'div.apexcharts-legend',\n            )[0]\n            if (direction === DIR_RTL) {\n                lengend.style.right = 'auto'\n                lengend.style.left = '0'\n            }\n            if (isMobile) {\n                lengend.style.position = 'relative'\n                lengend.style.top = '0'\n                lengend.style.justifyContent = 'start'\n                lengend.style.padding = '0'\n            }\n        }\n    }, [direction, isMobile])\n\n    useEffect(() => {\n        if (notDonut.includes(type as ChartType)) {\n            setLegendOffset()\n        }\n    }, [type, setLegendOffset])\n\n    if (notDonut.includes(type as ChartType)) {\n        options.xaxis.categories = xAxis\n    }\n\n    if (customOptions) {\n        options = { ...options, ...customOptions }\n    }\n\n    if (type === 'donut') {\n        if (donutTitle) {\n            options.plotOptions.pie.donut.labels.total.label = donutTitle\n        }\n        if (donutText) {\n            options.plotOptions.pie.donut.labels.total.formatter = () =>\n                donutText\n        }\n    }\n\n    return (\n        <div\n            ref={chartRef}\n            style={direction === DIR_RTL ? { direction: 'ltr' } : {}}\n            className=\"chartRef\"\n        >\n            <ApexChart\n                options={options}\n                type={type}\n                series={series}\n                width={width}\n                height={height}\n                className={className}\n                {...rest}\n            />\n        </div>\n    )\n}\n\nexport default Chart\n"],"names":["ApexChart"],"mappings":";;;;;AAcA,MAAM,WAAW,CAAC,QAAQ,OAAO,MAAM;AAkBvC,MAAM,QAAQ,CAAC,UAAsB;AACjC,QAAM;AAAA,IACF,SAAS,CAAA;AAAA,IACT,QAAQ;AAAA,IACR,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,WAAW,OAAuB,IAAI;AAE5C,QAAM,qBAAqB,QAAQ,MAAM;AACrC,YAAQ,MAAA;AAAA,MACJ,KAAK;AACD,eAAO;AAAA,MACX,KAAK;AACD,eAAO;AAAA,MACX,KAAK;AACD,eAAO;AAAA,MACX,KAAK;AACD,eAAO;AAAA,MACX,KAAK;AACD,eAAO;AAAA,MACX;AACI,eAAO;AAAA,IAAA;AAAA,EAEnB,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,UAAU,KAAK,MAAM,KAAK,UAAU,kBAAkB,CAAC;AAC3D,QAAM,WAAW,OAAO,aAAa;AAErC,QAAM,kBAAkB,YAAY,MAAM;AACtC,QAAI,SAAS,SAAS;AAClB,YAAM,UAAU,SAAS,QAAQ;AAAA,QAC7B;AAAA,MAAA,EACF,CAAC;AACH,UAAI,cAAc,SAAS;AACvB,gBAAQ,MAAM,QAAQ;AACtB,gBAAQ,MAAM,OAAO;AAAA,MACzB;AACA,UAAI,UAAU;AACV,gBAAQ,MAAM,WAAW;AACzB,gBAAQ,MAAM,MAAM;AACpB,gBAAQ,MAAM,iBAAiB;AAC/B,gBAAQ,MAAM,UAAU;AAAA,MAC5B;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,WAAW,QAAQ,CAAC;AAExB,YAAU,MAAM;AACZ,QAAI,SAAS,SAAS,IAAiB,GAAG;AACtC,sBAAA;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,MAAM,eAAe,CAAC;AAE1B,MAAI,SAAS,SAAS,IAAiB,GAAG;AACtC,YAAQ,MAAM,aAAa;AAAA,EAC/B;AAEA,MAAI,eAAe;AACf,cAAU,EAAE,GAAG,SAAS,GAAG,cAAA;AAAA,EAC/B;AAEA,MAAI,SAAS,SAAS;AAClB,QAAI,YAAY;AACZ,cAAQ,YAAY,IAAI,MAAM,OAAO,MAAM,QAAQ;AAAA,IACvD;AACA,QAAI,WAAW;AACX,cAAQ,YAAY,IAAI,MAAM,OAAO,MAAM,YAAY,MACnD;AAAA,IACR;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAK;AAAA,MACL,OAAO,cAAc,UAAU,EAAE,WAAW,MAAA,IAAU,CAAA;AAAA,MACtD,WAAU;AAAA,MAEV,UAAA;AAAA,QAACA;AAAAA,QAAA;AAAA,UACG;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EAAA;AAGZ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.js","sources":["../../../../lib/@ecme/components/shared/ConfirmDialog.tsx"],"sourcesContent":["import {\r\n    HiCheckCircle,\r\n    HiOutlineInformationCircle,\r\n    HiOutlineExclamation,\r\n    HiOutlineExclamationCircle,\r\n} from 'react-icons/hi'\r\nimport Avatar from '@/components/ui/Avatar'\r\nimport Button from '@/components/ui/Button'\r\nimport Dialog from '@/components/ui/Dialog'\r\nimport type { ReactNode } from 'react'\r\nimport type { DialogProps } from '@/components/ui/Dialog'\r\nimport type { ButtonProps } from '@/components/ui/Button'\r\n\r\ntype StatusType = 'info' | 'success' | 'warning' | 'danger'\r\n\r\ninterface ConfirmDialogProps extends DialogProps {\r\n    cancelText?: ReactNode | string\r\n    confirmText?: ReactNode | string\r\n    confirmButtonProps?: ButtonProps\r\n    cancelButtonProps?: ButtonProps\r\n    type?: StatusType\r\n    title?: ReactNode | string\r\n    onCancel?: () => void\r\n    onConfirm?: () => void\r\n}\r\n\r\nconst StatusIcon = ({ status }: { status: StatusType }) => {\r\n    switch (status) {\r\n        case 'info':\r\n            return (\r\n                <Avatar\r\n                    className=\"bg-blue-100 text-blue-600 dark:bg-blue-500/20 dark:text-blue-100\"\r\n                    shape=\"circle\"\r\n                >\r\n                    <span className=\"text-2xl\">\r\n                        <HiOutlineInformationCircle />\r\n                    </span>\r\n                </Avatar>\r\n            )\r\n        case 'success':\r\n            return (\r\n                <Avatar\r\n                    className=\"bg-emerald-100 text-emerald-600 dark:bg-emerald-500/20 dark:text-emerald-100\"\r\n                    shape=\"circle\"\r\n                >\r\n                    <span className=\"text-2xl\">\r\n                        <HiCheckCircle />\r\n                    </span>\r\n                </Avatar>\r\n            )\r\n        case 'warning':\r\n            return (\r\n                <Avatar\r\n                    className=\"text-amber-600 bg-amber-100 dark:text-amber-100\"\r\n                    shape=\"circle\"\r\n                >\r\n                    <span className=\"text-2xl\">\r\n                        <HiOutlineExclamationCircle />\r\n                    </span>\r\n                </Avatar>\r\n            )\r\n        case 'danger':\r\n            return (\r\n                <Avatar\r\n                    className=\"text-red-600 bg-red-100 dark:text-red-100\"\r\n                    shape=\"circle\"\r\n                >\r\n                    <span className=\"text-2xl\">\r\n                        <HiOutlineExclamation />\r\n                    </span>\r\n                </Avatar>\r\n            )\r\n\r\n        default:\r\n            return null\r\n    }\r\n}\r\n\r\nconst ConfirmDialog = (props: ConfirmDialogProps) => {\r\n    const {\r\n        type = 'info',\r\n        title,\r\n        children,\r\n        onCancel,\r\n        onConfirm,\r\n        cancelText = 'Cancel',\r\n        confirmText = 'Confirm',\r\n        confirmButtonProps,\r\n        cancelButtonProps,\r\n        ...rest\r\n    } = props\r\n\r\n    const handleCancel = () => {\r\n        onCancel?.()\r\n    }\r\n\r\n    const handleConfirm = () => {\r\n        onConfirm?.()\r\n    }\r\n\r\n    return (\r\n        <Dialog contentClassName=\"pb-0 px-0\" {...rest}>\r\n            <div className=\"px-6 pb-6 pt-2 flex\">\r\n                <div>\r\n                    <StatusIcon status={type} />\r\n                </div>\r\n                <div className=\"ml-4 rtl:mr-4\">\r\n                    <h5 className=\"mb-2\">{title}</h5>\r\n                    {children}\r\n                </div>\r\n            </div>\r\n            <div className=\"px-6 py-3 bg-gray-100 dark:bg-gray-700 rounded-bl-2xl rounded-br-2xl\">\r\n                <div className=\"flex justify-end items-center gap-2\">\r\n                    <Button\r\n                        size=\"sm\"\r\n                        onClick={handleCancel}\r\n                        {...cancelButtonProps}\r\n                    >\r\n                        {cancelText}\r\n                    </Button>\r\n                    <Button\r\n                        size=\"sm\"\r\n                        variant=\"solid\"\r\n                        onClick={handleConfirm}\r\n                        {...confirmButtonProps}\r\n                    >\r\n                        {confirmText}\r\n                    </Button>\r\n                </div>\r\n            </div>\r\n        </Dialog>\r\n    )\r\n}\r\n\r\nexport default ConfirmDialog\r\n"],"names":[],"mappings":";;;;;;;AA0BA,MAAM,aAAa,CAAC,EAAE,aAAqC;AACvD,UAAQ,QAAA;AAAA,IACJ,KAAK;AACD,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,8BAAC,QAAA,EAAK,WAAU,YACZ,UAAA,oBAAC,8BAA2B,EAAA,CAChC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,KAAK;AACD,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,8BAAC,QAAA,EAAK,WAAU,YACZ,UAAA,oBAAC,iBAAc,EAAA,CACnB;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,KAAK;AACD,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,8BAAC,QAAA,EAAK,WAAU,YACZ,UAAA,oBAAC,8BAA2B,EAAA,CAChC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,KAAK;AACD,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,8BAAC,QAAA,EAAK,WAAU,YACZ,UAAA,oBAAC,wBAAqB,EAAA,CAC1B;AAAA,QAAA;AAAA,MAAA;AAAA,IAIZ;AACI,aAAO;AAAA,EAAA;AAEnB;AAEA,MAAM,gBAAgB,CAAC,UAA8B;AACjD,QAAM;AAAA,IACF,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,eAAe,MAAM;AACvB,eAAA;AAAA,EACJ;AAEA,QAAM,gBAAgB,MAAM;AACxB,gBAAA;AAAA,EACJ;AAEA,SACI,qBAAC,QAAA,EAAO,kBAAiB,aAAa,GAAG,MACrC,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,MAAA,oBAAC,OAAA,EACG,UAAA,oBAAC,YAAA,EAAW,QAAQ,MAAM,GAC9B;AAAA,MACA,qBAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAG,WAAU,QAAQ,UAAA,OAAM;AAAA,QAC3B;AAAA,MAAA,EAAA,CACL;AAAA,IAAA,GACJ;AAAA,wBACC,OAAA,EAAI,WAAU,wEACX,UAAA,qBAAC,OAAA,EAAI,WAAU,uCACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAS;AAAA,UACR,GAAG;AAAA,UAEH,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,SAAS;AAAA,UACR,GAAG;AAAA,UAEH,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACL,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"ConfirmDialog.js","sources":["../../../../lib/@ecme/components/shared/ConfirmDialog.tsx"],"sourcesContent":["import {\n    HiCheckCircle,\n    HiOutlineInformationCircle,\n    HiOutlineExclamation,\n    HiOutlineExclamationCircle,\n} from 'react-icons/hi'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { ReactNode } from 'react'\nimport type { DialogProps } from '@/components/ui/Dialog'\nimport type { ButtonProps } from '@/components/ui/Button'\n\ntype StatusType = 'info' | 'success' | 'warning' | 'danger'\n\ninterface ConfirmDialogProps extends DialogProps {\n    cancelText?: ReactNode | string\n    confirmText?: ReactNode | string\n    confirmButtonProps?: ButtonProps\n    cancelButtonProps?: ButtonProps\n    type?: StatusType\n    title?: ReactNode | string\n    onCancel?: () => void\n    onConfirm?: () => void\n}\n\nconst StatusIcon = ({ status }: { status: StatusType }) => {\n    switch (status) {\n        case 'info':\n            return (\n                <Avatar\n                    className=\"bg-blue-100 text-blue-600 dark:bg-blue-500/20 dark:text-blue-100\"\n                    shape=\"circle\"\n                >\n                    <span className=\"text-2xl\">\n                        <HiOutlineInformationCircle />\n                    </span>\n                </Avatar>\n            )\n        case 'success':\n            return (\n                <Avatar\n                    className=\"bg-emerald-100 text-emerald-600 dark:bg-emerald-500/20 dark:text-emerald-100\"\n                    shape=\"circle\"\n                >\n                    <span className=\"text-2xl\">\n                        <HiCheckCircle />\n                    </span>\n                </Avatar>\n            )\n        case 'warning':\n            return (\n                <Avatar\n                    className=\"text-amber-600 bg-amber-100 dark:text-amber-100\"\n                    shape=\"circle\"\n                >\n                    <span className=\"text-2xl\">\n                        <HiOutlineExclamationCircle />\n                    </span>\n                </Avatar>\n            )\n        case 'danger':\n            return (\n                <Avatar\n                    className=\"text-red-600 bg-red-100 dark:text-red-100\"\n                    shape=\"circle\"\n                >\n                    <span className=\"text-2xl\">\n                        <HiOutlineExclamation />\n                    </span>\n                </Avatar>\n            )\n\n        default:\n            return null\n    }\n}\n\nconst ConfirmDialog = (props: ConfirmDialogProps) => {\n    const {\n        type = 'info',\n        title,\n        children,\n        onCancel,\n        onConfirm,\n        cancelText = 'Cancel',\n        confirmText = 'Confirm',\n        confirmButtonProps,\n        cancelButtonProps,\n        ...rest\n    } = props\n\n    const handleCancel = () => {\n        onCancel?.()\n    }\n\n    const handleConfirm = () => {\n        onConfirm?.()\n    }\n\n    return (\n        <Dialog contentClassName=\"pb-0 px-0\" {...rest}>\n            <div className=\"px-6 pb-6 pt-2 flex\">\n                <div>\n                    <StatusIcon status={type} />\n                </div>\n                <div className=\"ml-4 rtl:mr-4\">\n                    <h5 className=\"mb-2\">{title}</h5>\n                    {children}\n                </div>\n            </div>\n            <div className=\"px-6 py-3 bg-gray-100 dark:bg-gray-700 rounded-bl-2xl rounded-br-2xl\">\n                <div className=\"flex justify-end items-center gap-2\">\n                    <Button\n                        size=\"sm\"\n                        onClick={handleCancel}\n                        {...cancelButtonProps}\n                    >\n                        {cancelText}\n                    </Button>\n                    <Button\n                        size=\"sm\"\n                        variant=\"solid\"\n                        onClick={handleConfirm}\n                        {...confirmButtonProps}\n                    >\n                        {confirmText}\n                    </Button>\n                </div>\n            </div>\n        </Dialog>\n    )\n}\n\nexport default ConfirmDialog\n"],"names":[],"mappings":";;;;;;;AA0BA,MAAM,aAAa,CAAC,EAAE,aAAqC;AACvD,UAAQ,QAAA;AAAA,IACJ,KAAK;AACD,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,8BAAC,QAAA,EAAK,WAAU,YACZ,UAAA,oBAAC,8BAA2B,EAAA,CAChC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,KAAK;AACD,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,8BAAC,QAAA,EAAK,WAAU,YACZ,UAAA,oBAAC,iBAAc,EAAA,CACnB;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,KAAK;AACD,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,8BAAC,QAAA,EAAK,WAAU,YACZ,UAAA,oBAAC,8BAA2B,EAAA,CAChC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,KAAK;AACD,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,8BAAC,QAAA,EAAK,WAAU,YACZ,UAAA,oBAAC,wBAAqB,EAAA,CAC1B;AAAA,QAAA;AAAA,MAAA;AAAA,IAIZ;AACI,aAAO;AAAA,EAAA;AAEnB;AAEA,MAAM,gBAAgB,CAAC,UAA8B;AACjD,QAAM;AAAA,IACF,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,eAAe,MAAM;AACvB,eAAA;AAAA,EACJ;AAEA,QAAM,gBAAgB,MAAM;AACxB,gBAAA;AAAA,EACJ;AAEA,SACI,qBAAC,QAAA,EAAO,kBAAiB,aAAa,GAAG,MACrC,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,MAAA,oBAAC,OAAA,EACG,UAAA,oBAAC,YAAA,EAAW,QAAQ,MAAM,GAC9B;AAAA,MACA,qBAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAG,WAAU,QAAQ,UAAA,OAAM;AAAA,QAC3B;AAAA,MAAA,EAAA,CACL;AAAA,IAAA,GACJ;AAAA,wBACC,OAAA,EAAI,WAAU,wEACX,UAAA,qBAAC,OAAA,EAAI,WAAU,uCACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAS;AAAA,UACR,GAAG;AAAA,UAEH,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,SAAS;AAAA,UACR,GAAG;AAAA,UAEH,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACL,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../../../../lib/@ecme/components/shared/Container.tsx"],"sourcesContent":["import classNames from 'classnames'\r\nimport type { CommonProps } from '@/@types/common'\r\nimport type { ElementType, Ref } from 'react'\r\n\r\nexport type ContainerProps<E extends ElementType = 'div'> = {\r\n    asElement?: E\r\n    ref?: Ref<HTMLDivElement>\r\n} & Omit<\r\n    React.ComponentPropsWithoutRef<E>,\r\n    'as' | 'ref' | 'className' | 'children'\r\n> &\r\n    CommonProps\r\n\r\nconst Container = (props: ContainerProps) => {\r\n    const {\r\n        className,\r\n        children,\r\n        asElement: Component = 'div',\r\n        ref,\r\n        ...rest\r\n    } = props\r\n\r\n    return (\r\n        <Component\r\n            ref={ref}\r\n            className={classNames('container mx-auto', className)}\r\n            {...rest}\r\n        >\r\n            {children}\r\n        </Component>\r\n    )\r\n}\r\n\r\nexport default Container\r\n"],"names":[],"mappings":";;AAaA,MAAM,YAAY,CAAC,UAA0B;AACzC,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,WAAW,YAAY;AAAA,IACvB;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAW,WAAW,qBAAqB,SAAS;AAAA,MACnD,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"Container.js","sources":["../../../../lib/@ecme/components/shared/Container.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { CommonProps } from '@/@types/common'\nimport type { ElementType, Ref } from 'react'\n\nexport type ContainerProps<E extends ElementType = 'div'> = {\n    asElement?: E\n    ref?: Ref<HTMLDivElement>\n} & Omit<\n    React.ComponentPropsWithoutRef<E>,\n    'as' | 'ref' | 'className' | 'children'\n> &\n    CommonProps\n\nconst Container = (props: ContainerProps) => {\n    const {\n        className,\n        children,\n        asElement: Component = 'div',\n        ref,\n        ...rest\n    } = props\n\n    return (\n        <Component\n            ref={ref}\n            className={classNames('container mx-auto', className)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n\nexport default Container\n"],"names":[],"mappings":";;AAaA,MAAM,YAAY,CAAC,UAA0B;AACzC,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,WAAW,YAAY;AAAA,IACvB;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAW,WAAW,qBAAqB,SAAS;AAAA,MACnD,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGb;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CustomFormatInput.js","sources":["../../../../lib/@ecme/components/shared/CustomFormatInput.tsx"],"sourcesContent":["import { NumberFormatBase, NumberFormatBaseProps } 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<NumberFormatBaseProps, 'form'> & InputAffix\r\n\r\ntype NumberFormatBasePropsOptional = {\r\n    format?: (value: string) => string\r\n    removeFormatting?: (value: string) => string\r\n    getCaretBoundary?: (formattedValue: string) => boolean[]\r\n}\r\n\r\ntype CustomFormatInputProps = NumberInputProps &\r\n    Omit<\r\n        NumberFormatInputProps,\r\n        'format' | 'removeFormatting' | 'getCaretBoundary'\r\n    > &\r\n    NumberFormatBasePropsOptional\r\n\r\nfunction charIsNumber(char?: string) {\r\n    return !!(char || '').match(/\\d/)\r\n}\r\nfunction caretUnknownFormatBoundary(formattedValue: string) {\r\n    const boundaryAry = Array.from({ length: formattedValue.length + 1 }).map(\r\n        () => true,\r\n    )\r\n\r\n    for (let i = 0, ln = boundaryAry.length; i < ln; i++) {\r\n        boundaryAry[i] = Boolean(\r\n            charIsNumber(formattedValue[i]) ||\r\n                charIsNumber(formattedValue[i - 1]),\r\n        )\r\n    }\r\n\r\n    return boundaryAry\r\n}\r\n\r\nfunction defaultRemoveFormatting(value: string) {\r\n    return value.replace(/[^0-9]/g, '')\r\n}\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        <NumberFormatBase\r\n            customInput={NumberInput as ComponentType}\r\n            onValueChange={onValueChange}\r\n            {...rest}\r\n        />\r\n    )\r\n}\r\n\r\nconst FormCustomFormatInput = ({\r\n    inputSuffix,\r\n    inputPrefix,\r\n    onValueChange,\r\n    format = (value: string) => value,\r\n    getCaretBoundary = caretUnknownFormatBoundary,\r\n    removeFormatting = defaultRemoveFormatting,\r\n    ...rest\r\n}: CustomFormatInputProps) => {\r\n    return (\r\n        <NumberFormatInput\r\n            inputPrefix={inputPrefix}\r\n            inputSuffix={inputSuffix}\r\n            format={format}\r\n            getCaretBoundary={getCaretBoundary}\r\n            removeFormatting={removeFormatting}\r\n            onValueChange={onValueChange}\r\n            {...rest}\r\n        />\r\n    )\r\n}\r\n\r\nexport default FormCustomFormatInput\r\n"],"names":[],"mappings":";;;;AA6BA,SAAS,aAAa,MAAe;AACjC,SAAO,CAAC,EAAE,QAAQ,IAAI,MAAM,IAAI;AACpC;AACA,SAAS,2BAA2B,gBAAwB;AACxD,QAAM,cAAc,MAAM,KAAK,EAAE,QAAQ,eAAe,SAAS,EAAA,CAAG,EAAE;AAAA,IAClE,MAAM;AAAA,EAAA;AAGV,WAAS,IAAI,GAAG,KAAK,YAAY,QAAQ,IAAI,IAAI,KAAK;AAClD,gBAAY,CAAC,IAAI;AAAA,MACb,aAAa,eAAe,CAAC,CAAC,KAC1B,aAAa,eAAe,IAAI,CAAC,CAAC;AAAA,IAAA;AAAA,EAE9C;AAEA,SAAO;AACX;AAEA,SAAS,wBAAwB,OAAe;AAC5C,SAAO,MAAM,QAAQ,WAAW,EAAE;AACtC;AAEA,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,wBAAwB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS,CAAC,UAAkB;AAAA,EAC5B,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,GAAG;AACP,MAA8B;AAC1B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"CustomFormatInput.js","sources":["../../../../lib/@ecme/components/shared/CustomFormatInput.tsx"],"sourcesContent":["import { NumberFormatBase, NumberFormatBaseProps } 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<NumberFormatBaseProps, 'form'> & InputAffix\n\ntype NumberFormatBasePropsOptional = {\n    format?: (value: string) => string\n    removeFormatting?: (value: string) => string\n    getCaretBoundary?: (formattedValue: string) => boolean[]\n}\n\ntype CustomFormatInputProps = NumberInputProps &\n    Omit<\n        NumberFormatInputProps,\n        'format' | 'removeFormatting' | 'getCaretBoundary'\n    > &\n    NumberFormatBasePropsOptional\n\nfunction charIsNumber(char?: string) {\n    return !!(char || '').match(/\\d/)\n}\nfunction caretUnknownFormatBoundary(formattedValue: string) {\n    const boundaryAry = Array.from({ length: formattedValue.length + 1 }).map(\n        () => true,\n    )\n\n    for (let i = 0, ln = boundaryAry.length; i < ln; i++) {\n        boundaryAry[i] = Boolean(\n            charIsNumber(formattedValue[i]) ||\n                charIsNumber(formattedValue[i - 1]),\n        )\n    }\n\n    return boundaryAry\n}\n\nfunction defaultRemoveFormatting(value: string) {\n    return value.replace(/[^0-9]/g, '')\n}\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        <NumberFormatBase\n            customInput={NumberInput as ComponentType}\n            onValueChange={onValueChange}\n            {...rest}\n        />\n    )\n}\n\nconst FormCustomFormatInput = ({\n    inputSuffix,\n    inputPrefix,\n    onValueChange,\n    format = (value: string) => value,\n    getCaretBoundary = caretUnknownFormatBoundary,\n    removeFormatting = defaultRemoveFormatting,\n    ...rest\n}: CustomFormatInputProps) => {\n    return (\n        <NumberFormatInput\n            inputPrefix={inputPrefix}\n            inputSuffix={inputSuffix}\n            format={format}\n            getCaretBoundary={getCaretBoundary}\n            removeFormatting={removeFormatting}\n            onValueChange={onValueChange}\n            {...rest}\n        />\n    )\n}\n\nexport default FormCustomFormatInput\n"],"names":[],"mappings":";;;;AA6BA,SAAS,aAAa,MAAe;AACjC,SAAO,CAAC,EAAE,QAAQ,IAAI,MAAM,IAAI;AACpC;AACA,SAAS,2BAA2B,gBAAwB;AACxD,QAAM,cAAc,MAAM,KAAK,EAAE,QAAQ,eAAe,SAAS,EAAA,CAAG,EAAE;AAAA,IAClE,MAAM;AAAA,EAAA;AAGV,WAAS,IAAI,GAAG,KAAK,YAAY,QAAQ,IAAI,IAAI,KAAK;AAClD,gBAAY,CAAC,IAAI;AAAA,MACb,aAAa,eAAe,CAAC,CAAC,KAC1B,aAAa,eAAe,IAAI,CAAC,CAAC;AAAA,IAAA;AAAA,EAE9C;AAEA,SAAO;AACX;AAEA,SAAS,wBAAwB,OAAe;AAC5C,SAAO,MAAM,QAAQ,WAAW,EAAE;AACtC;AAEA,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,wBAAwB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS,CAAC,UAAkB;AAAA,EAC5B,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,GAAG;AACP,MAA8B;AAC1B,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

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'\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":"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"}
+{"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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"}

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'\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":";;;;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'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport type { ChangeEvent, Ref } from 'react'\nimport type { InputProps } from '@/components/ui/Input'\n\nexport type DebounceInputProps = InputProps & {\n    wait?: number\n    ref?: Ref<HTMLInputElement>\n}\n\nconst DebounceInput = (props: DebounceInputProps) => {\n    const { wait = 500, ref, ...rest } = props\n\n    function handleDebounceFn(value: ChangeEvent<HTMLInputElement>) {\n        props.onChange?.(value)\n    }\n\n    const debounceFn = useDebounce(handleDebounceFn, wait)\n\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n        debounceFn(e)\n    }\n\n    return <Input ref={ref} {...rest} onChange={handleInputChange} />\n}\n\nexport default DebounceInput\n"],"names":[],"mappings":";;;;AAUA,MAAM,gBAAgB,CAAC,UAA8B;AACjD,QAAM,EAAE,OAAO,KAAK,KAAK,GAAG,SAAS;AAErC,WAAS,iBAAiB,OAAsC;AAC5D,UAAM,WAAW,KAAK;AAAA,EAC1B;AAEA,QAAM,aAAa,YAAY,kBAAkB,IAAI;AAErD,QAAM,oBAAoB,CAAC,MAAqC;AAC5D,eAAW,CAAC;AAAA,EAChB;AAEA,6BAAQ,OAAA,EAAM,KAAW,GAAG,MAAM,UAAU,mBAAmB;AACnE;"}

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

@@ -1 +1 @@
-{"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,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'\nimport { THEME_ENUM } from '@/constants/theme.constant'\nimport type { DetailedHTMLProps, ImgHTMLAttributes } from 'react'\n\ninterface DoubleSidedImageProps\n    extends DetailedHTMLProps<\n        ImgHTMLAttributes<HTMLImageElement>,\n        HTMLImageElement\n    > {\n    darkModeSrc: string\n}\n\nconst { MODE_DARK } = THEME_ENUM\n\nconst DoubleSidedImage = ({\n    src,\n    darkModeSrc,\n    alt = '',\n    ...rest\n}: DoubleSidedImageProps) => {\n    const mode = useThemeStore((state) => state.mode)\n\n    return (\n        <img src={mode === MODE_DARK ? darkModeSrc : src} alt={alt} {...rest} />\n    )\n}\n\nexport default DoubleSidedImage\n"],"names":[],"mappings":";;;AAYA,MAAM,EAAE,cAAc;AAEtB,MAAM,mBAAmB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,GAAG;AACP,MAA6B;AACzB,QAAM,OAAO,cAAc,CAAC,UAAU,MAAM,IAAI;AAEhD,SACI,oBAAC,SAAI,KAAK,SAAS,YAAY,cAAc,KAAK,KAAW,GAAG,KAAA,CAAM;AAE9E;"}

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

@@ -1 +1 @@
-{"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":";;;;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\";\nimport { Button, ButtonProps } from \"../ui\";\n\ntype EllipsisButtonProps = ButtonProps;\n\nconst EllipsisButton = (props: EllipsisButtonProps) => {\n  const {\n    shape = \"circle\",\n    variant = \"plain\",\n    size = \"xs\",\n    type = \"button\",\n  } = props;\n\n  return (\n    <Button\n      shape={shape}\n      variant={variant}\n      size={size}\n      icon={<TbDots />}\n      type={type}\n      {...props}\n    />\n  );\n};\n\nexport default EllipsisButton;\n"],"names":[],"mappings":";;;;AAKA,MAAM,iBAAiB,CAAC,UAA+B;AACrD,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA,EAAA,IACL;AAEJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,0BAAO,QAAA,EAAO;AAAA,MACd;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

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

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

@@ -1 +1 @@
-{"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;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'\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;"}

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'\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;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'\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;"}

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

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

@@ -1 +1 @@
-{"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;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'\n\nfunction getStartEndDateForProject(tasks: ExtendedTask[], projectId: string) {\n    const projectTasks = tasks.filter((t) => t.project === projectId)\n    let start = projectTasks[0].start\n    let end = projectTasks[0].end\n\n    for (let i = 0; i < projectTasks.length; i++) {\n        const task = projectTasks[i]\n        if (start.getTime() > task.start.getTime()) {\n            start = task.start\n        }\n        if (end.getTime() < task.end.getTime()) {\n            end = task.end\n        }\n    }\n    return [start, end]\n}\n\nexport default getStartEndDateForProject\n"],"names":[],"mappings":"AAEA,SAAS,0BAA0B,OAAuB,WAAmB;AACzE,QAAM,eAAe,MAAM,OAAO,CAAC,MAAM,EAAE,YAAY,SAAS;AAChE,MAAI,QAAQ,aAAa,CAAC,EAAE;AAC5B,MAAI,MAAM,aAAa,CAAC,EAAE;AAE1B,WAAS,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK;AAC1C,UAAM,OAAO,aAAa,CAAC;AAC3B,QAAI,MAAM,QAAA,IAAY,KAAK,MAAM,WAAW;AACxC,cAAQ,KAAK;AAAA,IACjB;AACA,QAAI,IAAI,QAAA,IAAY,KAAK,IAAI,WAAW;AACpC,YAAM,KAAK;AAAA,IACf;AAAA,EACJ;AACA,SAAO,CAAC,OAAO,GAAG;AACtB;"}

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

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

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

@@ -1 +1 @@
-{"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":";;;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'\nimport { HiArrowUp, HiArrowDown } from 'react-icons/hi'\nimport type { ReactNode, Ref } from 'react'\n\ntype GrowShrinkTagProps = {\n    value?: number\n    showIcon?: boolean\n    prefix?: ReactNode | string\n    suffix?: ReactNode | string\n    positiveIcon?: ReactNode | string\n    negativeIcon?: ReactNode | string\n    positiveClass?: string\n    negativeClass?: string\n    className?: string\n    ref?: Ref<HTMLDivElement>\n}\n\nconst GrowShrinkValue = (props: GrowShrinkTagProps) => {\n    const {\n        value = 0,\n        className,\n        prefix,\n        suffix,\n        positiveIcon,\n        negativeIcon,\n        showIcon = true,\n        positiveClass,\n        negativeClass,\n        ref,\n    } = props\n\n    return (\n        <span\n            ref={ref}\n            className={classNames(\n                'flex items-center',\n                value > 0\n                    ? classNames('text-success', positiveClass)\n                    : classNames('text-error', negativeClass),\n                className,\n            )}\n        >\n            {value !== 0 && (\n                <span>\n                    {showIcon &&\n                        (value > 0 ? (\n                            typeof positiveIcon !== 'undefined' ? (\n                                positiveIcon\n                            ) : (\n                                <HiArrowUp />\n                            )\n                        ) : typeof negativeIcon !== 'undefined' ? (\n                            negativeIcon\n                        ) : (\n                            <HiArrowDown />\n                        ))}\n                </span>\n            )}\n            <span>\n                {prefix}\n                {value}\n                {suffix}\n            </span>\n        </span>\n    )\n}\n\nexport default GrowShrinkValue\n"],"names":[],"mappings":";;;AAiBA,MAAM,kBAAkB,CAAC,UAA8B;AACnD,QAAM;AAAA,IACF,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAW;AAAA,QACP;AAAA,QACA,QAAQ,IACF,WAAW,gBAAgB,aAAa,IACxC,WAAW,cAAc,aAAa;AAAA,QAC5C;AAAA,MAAA;AAAA,MAGH,UAAA;AAAA,QAAA,UAAU,KACP,oBAAC,QAAA,EACI,uBACI,QAAQ,IACL,OAAO,iBAAiB,cACpB,eAEA,oBAAC,WAAA,CAAA,CAAU,IAEf,OAAO,iBAAiB,cACxB,eAEA,oBAAC,eAAY,GAAA,CAEzB;AAAA,6BAEH,QAAA,EACI,UAAA;AAAA,UAAA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EAAA,CACL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

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

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

@@ -1 +1 @@
-{"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,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'\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;"}