@rio-cloud/rio-uikit 2.5.0 → 3.0.0-beta.1

package/components/tabbedPanel/TabbedPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabbedPanel.js","sources":["../../../src/components/tabbedPanel/TabbedPanel.tsx"],"sourcesContent":["import type React from 'react';\nimport { useId, useState } from 'react';\nimport { AnimatePresence, motion, useReducedMotion } from 'motion/react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport { mergeClassNameOverrides } from '../../utils/mergeClassNameOverrides';\nimport useResizeObserver from '../../hooks/useResizeObserver';\n\nexport type TabbedPanelTab = {\n    /**\n     * Unique key of the tab.\n     */\n    key: string;\n\n    /**\n     * Title rendered inside the panel header navigation.\n     */\n    title: React.ReactNode;\n\n    /**\n     * Whether the tab can be selected.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Additional classes to be set on the tab list item.\n     */\n    className?: string;\n\n    /**\n     * Additional classes to be set on this tab's content wrapper.\n     */\n    contentClassName?: string;\n\n    /**\n     * Content rendered inside the panel body when the tab is active.\n     */\n    content: React.ReactNode;\n};\n\nexport type TabbedPanelProps = {\n    /**\n     * The selected tab key for controlled usage.\n     */\n    activeKey?: string;\n\n    /**\n     * The initially selected tab key for uncontrolled usage.\n     */\n    defaultActiveKey?: string;\n\n    /**\n     * Available tabs and their panel body content.\n     */\n    tabs: TabbedPanelTab[];\n\n    /**\n     * Panel style variant. TabbedPanel supports the default bordered panel and the blank panel only.\n     *\n     * @default 'default'\n     */\n    bsStyle?: 'blank' | 'default';\n\n    /**\n     * Body transition used when switching tabs.\n     *\n     * @default 'height-fade'\n     */\n    bodyTransition?: 'none' | 'fade' | 'height-fade';\n\n    /**\n     * Animation duration in seconds.\n     *\n     * @default 0.16\n     */\n    duration?: number;\n\n    /**\n     * Optional content rendered on the right side of the panel header.\n     */\n    headerRight?: React.ReactNode | ((activeTab: TabbedPanelTab) => React.ReactNode);\n\n    /**\n     * Callback called when a tab is selected.\n     */\n    onSelectTab?: (tabKey: string) => void;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n\n    /**\n     * Additional classes to be set on the panel header.\n     */\n    headerClassName?: string;\n\n    /**\n     * Additional classes to be set on the tab navigation.\n     */\n    navClassName?: string;\n\n    /**\n     * Additional classes to be set on each tab link.\n     */\n    tabLinkClassName?: string;\n\n    /**\n     * Additional classes to be set on the panel body.\n     */\n    bodyClassName?: string;\n\n    /**\n     * Additional classes to be set on the active tab content wrapper.\n     */\n    activeContentClassName?: string;\n\n    /**\n     * Additional classes to be set on the header-right wrapper.\n     */\n    headerRightClassName?: string;\n};\n\nconst getFirstEnabledTab = (tabs: TabbedPanelTab[]) => tabs.find(tab => !tab.disabled) ?? tabs[0];\n\nconst TabbedPanel = (props: TabbedPanelProps) => {\n    const {\n        activeKey,\n        defaultActiveKey,\n        tabs,\n        bsStyle = 'default',\n        bodyTransition = 'height-fade',\n        duration = 0.16,\n        headerRight,\n        onSelectTab = noop,\n        className,\n        headerClassName,\n        navClassName,\n        tabLinkClassName,\n        bodyClassName,\n        activeContentClassName,\n        headerRightClassName,\n        ...remainingProps\n    } = props;\n\n    const componentId = useId();\n    const shouldReduceMotion = useReducedMotion();\n\n    const [activeBodyRef, , { blockSize: activeBodyHeight }] = useResizeObserver<HTMLDivElement>();\n\n    const [isBodyAnimating, setIsBodyAnimating] = useState(false);\n    const [internalActiveKey, setInternalActiveKey] = useState(defaultActiveKey ?? getFirstEnabledTab(tabs)?.key);\n\n    const selectedKey = activeKey ?? internalActiveKey;\n    const activeTab = tabs.find(tab => tab.key === selectedKey) ?? getFirstEnabledTab(tabs);\n    const effectiveBodyTransition = shouldReduceMotion ? 'none' : bodyTransition;\n\n    const selectTab = (tab: TabbedPanelTab) => {\n        if (tab.disabled || tab.key === activeTab?.key) {\n            return;\n        }\n\n        if (activeKey === undefined) {\n            setInternalActiveKey(tab.key);\n        }\n\n        onSelectTab(tab.key);\n    };\n\n    const handleSelectTab = (tab: TabbedPanelTab, event: React.MouseEvent<HTMLElement>) => {\n        event.preventDefault();\n        selectTab(tab);\n    };\n\n    const handleTabKeyDown = (tab: TabbedPanelTab, event: React.KeyboardEvent<HTMLElement>) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault();\n            selectTab(tab);\n        }\n    };\n\n    const panelClassNames = mergeClassNameOverrides(`tabbed-panel panel panel-${bsStyle} margin-bottom-20`, className);\n\n    const headerClassNames = mergeClassNameOverrides(\n        'panel-heading display-flex align-items-center justify-content-between gap-15 padding-0 margin-bottom-0',\n        headerClassName\n    );\n\n    const panelBodyClassNames = classNames('panel-body', bodyClassName);\n\n    const navClassNames = mergeClassNameOverrides('nav nav-pills align-items-end margin-0 shadow-none', navClassName);\n    const headerRightClassNames = mergeClassNameOverrides('padding-right-10', headerRightClassName);\n\n    const activeContentClassNames = classNames(activeContentClassName, activeTab?.contentClassName);\n\n    let renderedHeaderRight: React.ReactNode = null;\n\n    if (typeof headerRight === 'function') {\n        renderedHeaderRight = activeTab ? headerRight(activeTab) : null;\n    } else {\n        renderedHeaderRight = headerRight;\n    }\n\n    const renderBodyContent = () => (\n        <div\n            className={activeContentClassNames}\n            role='tabpanel'\n            id={`${componentId}-${activeTab?.key}-panel`}\n            aria-labelledby={`${componentId}-${activeTab?.key}-tab`}\n        >\n            {activeTab?.content}\n        </div>\n    );\n\n    const renderBody = () => {\n        if (effectiveBodyTransition === 'none') {\n            return <div className={panelBodyClassNames}>{renderBodyContent()}</div>;\n        }\n\n        if (effectiveBodyTransition === 'height-fade') {\n            return (\n                <div className={panelBodyClassNames}>\n                    <motion.div\n                        initial={false}\n                        animate={{ height: activeBodyHeight ?? 'auto' }}\n                        className={classNames(isBodyAnimating && 'overflow-hidden')}\n                        transition={{ duration }}\n                        onAnimationStart={() => setIsBodyAnimating(true)}\n                        onAnimationComplete={() => setIsBodyAnimating(false)}\n                    >\n                        <div ref={activeBodyRef}>\n                            <AnimatePresence initial={false} mode='popLayout'>\n                                <motion.div\n                                    key={activeTab?.key}\n                                    initial={{ opacity: 0 }}\n                                    animate={{ opacity: 1 }}\n                                    exit={{ opacity: 0 }}\n                                    transition={{ duration }}\n                                >\n                                    {renderBodyContent()}\n                                </motion.div>\n                            </AnimatePresence>\n                        </div>\n                    </motion.div>\n                </div>\n            );\n        }\n\n        if (effectiveBodyTransition === 'fade') {\n            return (\n                <div className={panelBodyClassNames}>\n                    <AnimatePresence initial={false} mode='wait'>\n                        <motion.div\n                            key={activeTab?.key}\n                            transition={{ duration }}\n                            initial={{ opacity: 0 }}\n                            animate={{ opacity: 1 }}\n                            exit={{ opacity: 0 }}\n                        >\n                            {renderBodyContent()}\n                        </motion.div>\n                    </AnimatePresence>\n                </div>\n            );\n        }\n\n        return null;\n    };\n\n    return (\n        <div {...remainingProps} className={panelClassNames}>\n            <div className={headerClassNames}>\n                <ul className={navClassNames} role='tablist'>\n                    {tabs.map(tab => {\n                        const isActive = tab.key === activeTab?.key;\n                        const tabId = `${componentId}-${tab.key}-tab`;\n\n                        return (\n                            <li\n                                key={tab.key}\n                                className={classNames(\n                                    isActive && 'active text-medium',\n                                    tab.disabled && 'disabled',\n                                    tab.className\n                                )}\n                                role='presentation'\n                            >\n                                <span\n                                    id={tabId}\n                                    role='tab'\n                                    aria-selected={isActive}\n                                    aria-controls={`${componentId}-${tab.key}-panel`}\n                                    aria-disabled={tab.disabled}\n                                    tabIndex={tab.disabled ? -1 : 0}\n                                    className={tabLinkClassName}\n                                    onClick={event => handleSelectTab(tab, event)}\n                                    onKeyDown={event => handleTabKeyDown(tab, event)}\n                                >\n                                    {tab.title}\n                                </span>\n                            </li>\n                        );\n                    })}\n                </ul>\n                {renderedHeaderRight && <div className={headerRightClassNames}>{renderedHeaderRight}</div>}\n            </div>\n            {renderBody()}\n        </div>\n    );\n};\n\nexport default TabbedPanel;\n"],"names":["getFirstEnabledTab","tabs","tab","TabbedPanel","props","activeKey","defaultActiveKey","bsStyle","bodyTransition","duration","headerRight","onSelectTab","noop","className","headerClassName","navClassName","tabLinkClassName","bodyClassName","activeContentClassName","headerRightClassName","remainingProps","componentId","useId","shouldReduceMotion","useReducedMotion","activeBodyRef","activeBodyHeight","useResizeObserver","isBodyAnimating","setIsBodyAnimating","useState","internalActiveKey","setInternalActiveKey","selectedKey","activeTab","effectiveBodyTransition","selectTab","handleSelectTab","event","handleTabKeyDown","panelClassNames","mergeClassNameOverrides","headerClassNames","panelBodyClassNames","classNames","navClassNames","headerRightClassNames","activeContentClassNames","renderedHeaderRight","renderBodyContent","jsx","renderBody","motion","AnimatePresence","jsxs","isActive","tabId"],"mappings":"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"}
+{"version":3,"file":"TabbedPanel.js","names":[],"sources":["../../../src/components/tabbedPanel/TabbedPanel.tsx"],"sourcesContent":["import type React from 'react';\nimport { useId, useState } from 'react';\nimport { AnimatePresence, motion, useReducedMotion } from 'motion/react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport { mergeClassNameOverrides } from '../../utils/mergeClassNameOverrides';\nimport useResizeObserver from '../../hooks/useResizeObserver';\n\nexport type TabbedPanelTab = {\n    /**\n     * Unique key of the tab.\n     */\n    key: string;\n\n    /**\n     * Title rendered inside the panel header navigation.\n     */\n    title: React.ReactNode;\n\n    /**\n     * Whether the tab can be selected.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Additional classes to be set on the tab list item.\n     */\n    className?: string;\n\n    /**\n     * Additional classes to be set on this tab's content wrapper.\n     */\n    contentClassName?: string;\n\n    /**\n     * Content rendered inside the panel body when the tab is active.\n     */\n    content: React.ReactNode;\n};\n\nexport type TabbedPanelProps = {\n    /**\n     * The selected tab key for controlled usage.\n     */\n    activeKey?: string;\n\n    /**\n     * The initially selected tab key for uncontrolled usage.\n     */\n    defaultActiveKey?: string;\n\n    /**\n     * Available tabs and their panel body content.\n     */\n    tabs: TabbedPanelTab[];\n\n    /**\n     * Panel style variant. TabbedPanel supports the default bordered panel and the blank panel only.\n     *\n     * @default 'default'\n     */\n    bsStyle?: 'blank' | 'default';\n\n    /**\n     * Body transition used when switching tabs.\n     *\n     * @default 'height-fade'\n     */\n    bodyTransition?: 'none' | 'fade' | 'height-fade';\n\n    /**\n     * Animation duration in seconds.\n     *\n     * @default 0.16\n     */\n    duration?: number;\n\n    /**\n     * Optional content rendered on the right side of the panel header.\n     */\n    headerRight?: React.ReactNode | ((activeTab: TabbedPanelTab) => React.ReactNode);\n\n    /**\n     * Callback called when a tab is selected.\n     */\n    onSelectTab?: (tabKey: string) => void;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n\n    /**\n     * Additional classes to be set on the panel header.\n     */\n    headerClassName?: string;\n\n    /**\n     * Additional classes to be set on the tab navigation.\n     */\n    navClassName?: string;\n\n    /**\n     * Additional classes to be set on each tab link.\n     */\n    tabLinkClassName?: string;\n\n    /**\n     * Additional classes to be set on the panel body.\n     */\n    bodyClassName?: string;\n\n    /**\n     * Additional classes to be set on the active tab content wrapper.\n     */\n    activeContentClassName?: string;\n\n    /**\n     * Additional classes to be set on the header-right wrapper.\n     */\n    headerRightClassName?: string;\n};\n\nconst getFirstEnabledTab = (tabs: TabbedPanelTab[]) => tabs.find(tab => !tab.disabled) ?? tabs[0];\n\nconst TabbedPanel = (props: TabbedPanelProps) => {\n    const {\n        activeKey,\n        defaultActiveKey,\n        tabs,\n        bsStyle = 'default',\n        bodyTransition = 'height-fade',\n        duration = 0.16,\n        headerRight,\n        onSelectTab = noop,\n        className,\n        headerClassName,\n        navClassName,\n        tabLinkClassName,\n        bodyClassName,\n        activeContentClassName,\n        headerRightClassName,\n        ...remainingProps\n    } = props;\n\n    const componentId = useId();\n    const shouldReduceMotion = useReducedMotion();\n\n    const [activeBodyRef, , { blockSize: activeBodyHeight }] = useResizeObserver<HTMLDivElement>();\n\n    const [isBodyAnimating, setIsBodyAnimating] = useState(false);\n    const [internalActiveKey, setInternalActiveKey] = useState(defaultActiveKey ?? getFirstEnabledTab(tabs)?.key);\n\n    const selectedKey = activeKey ?? internalActiveKey;\n    const activeTab = tabs.find(tab => tab.key === selectedKey) ?? getFirstEnabledTab(tabs);\n    const effectiveBodyTransition = shouldReduceMotion ? 'none' : bodyTransition;\n\n    const selectTab = (tab: TabbedPanelTab) => {\n        if (tab.disabled || tab.key === activeTab?.key) {\n            return;\n        }\n\n        if (activeKey === undefined) {\n            setInternalActiveKey(tab.key);\n        }\n\n        onSelectTab(tab.key);\n    };\n\n    const handleSelectTab = (tab: TabbedPanelTab, event: React.MouseEvent<HTMLElement>) => {\n        event.preventDefault();\n        selectTab(tab);\n    };\n\n    const handleTabKeyDown = (tab: TabbedPanelTab, event: React.KeyboardEvent<HTMLElement>) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault();\n            selectTab(tab);\n        }\n    };\n\n    const panelClassNames = mergeClassNameOverrides(`tabbed-panel panel panel-${bsStyle} margin-bottom-20`, className);\n\n    const headerClassNames = mergeClassNameOverrides(\n        'panel-heading display-flex align-items-center justify-content-between gap-15 padding-0 margin-bottom-0',\n        headerClassName\n    );\n\n    const panelBodyClassNames = classNames('panel-body', bodyClassName);\n\n    const navClassNames = mergeClassNameOverrides('nav nav-pills align-items-end margin-0 shadow-none', navClassName);\n    const headerRightClassNames = mergeClassNameOverrides('padding-right-10', headerRightClassName);\n\n    const activeContentClassNames = classNames(activeContentClassName, activeTab?.contentClassName);\n\n    let renderedHeaderRight: React.ReactNode = null;\n\n    if (typeof headerRight === 'function') {\n        renderedHeaderRight = activeTab ? headerRight(activeTab) : null;\n    } else {\n        renderedHeaderRight = headerRight;\n    }\n\n    const renderBodyContent = () => (\n        <div\n            className={activeContentClassNames}\n            role='tabpanel'\n            id={`${componentId}-${activeTab?.key}-panel`}\n            aria-labelledby={`${componentId}-${activeTab?.key}-tab`}\n        >\n            {activeTab?.content}\n        </div>\n    );\n\n    const renderBody = () => {\n        if (effectiveBodyTransition === 'none') {\n            return <div className={panelBodyClassNames}>{renderBodyContent()}</div>;\n        }\n\n        if (effectiveBodyTransition === 'height-fade') {\n            return (\n                <div className={panelBodyClassNames}>\n                    <motion.div\n                        initial={false}\n                        animate={{ height: activeBodyHeight ?? 'auto' }}\n                        className={classNames(isBodyAnimating && 'overflow-hidden')}\n                        transition={{ duration }}\n                        onAnimationStart={() => setIsBodyAnimating(true)}\n                        onAnimationComplete={() => setIsBodyAnimating(false)}\n                    >\n                        <div ref={activeBodyRef}>\n                            <AnimatePresence initial={false} mode='popLayout'>\n                                <motion.div\n                                    key={activeTab?.key}\n                                    initial={{ opacity: 0 }}\n                                    animate={{ opacity: 1 }}\n                                    exit={{ opacity: 0 }}\n                                    transition={{ duration }}\n                                >\n                                    {renderBodyContent()}\n                                </motion.div>\n                            </AnimatePresence>\n                        </div>\n                    </motion.div>\n                </div>\n            );\n        }\n\n        if (effectiveBodyTransition === 'fade') {\n            return (\n                <div className={panelBodyClassNames}>\n                    <AnimatePresence initial={false} mode='wait'>\n                        <motion.div\n                            key={activeTab?.key}\n                            transition={{ duration }}\n                            initial={{ opacity: 0 }}\n                            animate={{ opacity: 1 }}\n                            exit={{ opacity: 0 }}\n                        >\n                            {renderBodyContent()}\n                        </motion.div>\n                    </AnimatePresence>\n                </div>\n            );\n        }\n\n        return null;\n    };\n\n    return (\n        <div {...remainingProps} className={panelClassNames}>\n            <div className={headerClassNames}>\n                <ul className={navClassNames} role='tablist'>\n                    {tabs.map(tab => {\n                        const isActive = tab.key === activeTab?.key;\n                        const tabId = `${componentId}-${tab.key}-tab`;\n\n                        return (\n                            <li\n                                key={tab.key}\n                                className={classNames(\n                                    isActive && 'active text-medium',\n                                    tab.disabled && 'disabled',\n                                    tab.className\n                                )}\n                                role='presentation'\n                            >\n                                <span\n                                    id={tabId}\n                                    role='tab'\n                                    aria-selected={isActive}\n                                    aria-controls={`${componentId}-${tab.key}-panel`}\n                                    aria-disabled={tab.disabled}\n                                    tabIndex={tab.disabled ? -1 : 0}\n                                    className={tabLinkClassName}\n                                    onClick={event => handleSelectTab(tab, event)}\n                                    onKeyDown={event => handleTabKeyDown(tab, event)}\n                                >\n                                    {tab.title}\n                                </span>\n                            </li>\n                        );\n                    })}\n                </ul>\n                {renderedHeaderRight && <div className={headerRightClassNames}>{renderedHeaderRight}</div>}\n            </div>\n            {renderBody()}\n        </div>\n    );\n};\n\nexport default TabbedPanel;\n"],"mappings":"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"}

package/components/table/SortArrowDown.js

@@ -1,6 +1,7 @@
-import { jsx as o } from "react/jsx-runtime";
-const r = () => /* @__PURE__ */ o("span", { className: "sort-icon sort-desc" });
-export {
-  r as default
-};
-//# sourceMappingURL=SortArrowDown.js.map
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/table/SortArrowDown.tsx
+var t = () => /* @__PURE__ */ e("span", { className: "sort-icon sort-desc" });
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=SortArrowDown.js.map

package/components/table/SortArrowDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortArrowDown.js","sources":["../../../src/components/table/SortArrowDown.tsx"],"sourcesContent":["export type SortArrowDownProps = Record<string, never>;\n\nconst SortArrowDown = () => <span className='sort-icon sort-desc' />;\n\nexport default SortArrowDown;\n"],"names":["SortArrowDown","jsx"],"mappings":";AAEA,MAAMA,IAAgB,MAAM,gBAAAC,EAAC,QAAA,EAAK,WAAU,sBAAA,CAAsB;"}
+{"version":3,"file":"SortArrowDown.js","names":[],"sources":["../../../src/components/table/SortArrowDown.tsx"],"sourcesContent":["export type SortArrowDownProps = Record<string, never>;\n\nconst SortArrowDown = () => <span className='sort-icon sort-desc' />;\n\nexport default SortArrowDown;\n"],"mappings":";;AAEA,IAAM,UAAsB,kBAAC,QAAD,EAAM,WAAU,sBAAuB,CAAA"}

package/components/table/SortArrowUp.js

@@ -1,6 +1,7 @@
-import { jsx as o } from "react/jsx-runtime";
-const r = () => /* @__PURE__ */ o("span", { className: "sort-icon sort-asc" });
-export {
-  r as default
-};
-//# sourceMappingURL=SortArrowUp.js.map
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/table/SortArrowUp.tsx
+var t = () => /* @__PURE__ */ e("span", { className: "sort-icon sort-asc" });
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=SortArrowUp.js.map

package/components/table/SortArrowUp.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortArrowUp.js","sources":["../../../src/components/table/SortArrowUp.tsx"],"sourcesContent":["export type SortArrowUpProps = Record<string, never>;\n\nconst SortArrowUp = () => <span className='sort-icon sort-asc' />;\n\nexport default SortArrowUp;\n"],"names":["SortArrowUp","jsx"],"mappings":";AAEA,MAAMA,IAAc,MAAM,gBAAAC,EAAC,QAAA,EAAK,WAAU,qBAAA,CAAqB;"}
+{"version":3,"file":"SortArrowUp.js","names":[],"sources":["../../../src/components/table/SortArrowUp.tsx"],"sourcesContent":["export type SortArrowUpProps = Record<string, never>;\n\nconst SortArrowUp = () => <span className='sort-icon sort-asc' />;\n\nexport default SortArrowUp;\n"],"mappings":";;AAEA,IAAM,UAAoB,kBAAC,QAAD,EAAM,WAAU,qBAAsB,CAAA"}

package/components/table/SortArrows.js

@@ -1,7 +1,8 @@
-import { jsx as r } from "react/jsx-runtime";
-import { toLower as s } from "es-toolkit/compat";
-const m = ({ direction: o }) => /* @__PURE__ */ r("span", { className: `sort-arrows ${o ? `sort-${s(o)}` : ""}` });
-export {
-  m as default
-};
-//# sourceMappingURL=SortArrows.js.map
+import { toLower as e } from "es-toolkit/compat";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/table/SortArrows.tsx
+var n = ({ direction: n }) => /* @__PURE__ */ t("span", { className: `sort-arrows ${n ? `sort-${e(n)}` : ""}` });
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=SortArrows.js.map

package/components/table/SortArrows.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortArrows.js","sources":["../../../src/components/table/SortArrows.tsx"],"sourcesContent":["import { toLower } from 'es-toolkit/compat';\n\nexport type SortArrowsProps = {\n    direction?: string;\n};\n\nconst SortArrows = ({ direction }: SortArrowsProps) => (\n    <span className={`sort-arrows ${direction ? `sort-${toLower(direction)}` : ''}`} />\n);\n\nexport default SortArrows;\n"],"names":["SortArrows","direction","toLower"],"mappings":";;AAMA,MAAMA,IAAa,CAAC,EAAE,WAAAC,EAAA,wBACjB,QAAA,EAAK,WAAW,eAAeA,IAAY,QAAQC,EAAQD,CAAS,CAAC,KAAK,EAAE,GAAA,CAAI;"}
+{"version":3,"file":"SortArrows.js","names":[],"sources":["../../../src/components/table/SortArrows.tsx"],"sourcesContent":["import { toLower } from 'es-toolkit/compat';\n\nexport type SortArrowsProps = {\n    direction?: string;\n};\n\nconst SortArrows = ({ direction }: SortArrowsProps) => (\n    <span className={`sort-arrows ${direction ? `sort-${toLower(direction)}` : ''}`} />\n);\n\nexport default SortArrows;\n"],"mappings":";;;AAMA,IAAM,KAAc,EAAE,mBAClB,kBAAC,QAAD,EAAM,WAAW,eAAe,IAAY,QAAQ,EAAQ,CAAS,MAAM,KAAO,CAAA"}

package/components/table/Table.js

@@ -1,283 +1,183 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as Je, useRef as Qe, Children as Xe, isValidElement as u, Fragment as Ye } from "react";
-import Ze from "../../utils/classNames.js";
-import _e from "../../hooks/useMergeRefs.js";
-import eo from "./TableBody.js";
-import oo from "./TableColumn.js";
-import to from "./TableExpanderButton.js";
-import ro from "./TableExpandAllGroupsButton.js";
-import lo from "./TableExpandedContentRow.js";
-import no from "./TableExpandedRow.js";
-import k from "./TableFooter.js";
-import ao from "./TableGroupFooterRow.js";
-import so from "./TableGroupRow.js";
-import V from "./TableHeader.js";
-import io from "./TableHeaderColumn.js";
-import mo from "./TableHeaderRow.js";
-import co from "./TableRow.js";
-import uo from "./TableStickyRowButton.js";
-import po from "./TableSpacerRow.js";
-import { useTableLayout as bo } from "./layout/useTableLayout.js";
-import { resolveTableClassConfig as fo, resolveTableBaseClassName as Co } from "./model/resolveTableClassConfig.js";
-import Ro from "./render/header/TableBatchDropdown.js";
-import wo from "./render/header/TableColumnFilter.js";
-import To from "./runtime/useRenderDraftState.js";
-import ho from "./runtime/useResponsiveResolvedViewType.js";
-import yo from "./runtime/useResolvedRenderColumns.js";
-import vo from "./runtime/useResolvedRenderHeader.js";
-import go from "./selection/useInternalTableSelectionState.js";
-import { TableInteractionContext as So } from "./context/TableInteractionContext.js";
-import { TableLayoutContext as xo } from "./context/TableLayoutContext.js";
-import { TableRenderConfigContext as Bo } from "./context/TableRenderConfigContext.js";
-import { TableRenderContext as Eo } from "./context/TableRenderContext.js";
-import Ho from "./settings/TableColumnsDropdown.js";
-const mt = eo, ct = V, ut = mo, pt = io, bt = k, ft = oo, Ct = to, Rt = ro, wt = co, Tt = uo, ht = po, yt = no, vt = lo, gt = so, St = ao, xt = Ro, Bt = wo, Et = Ho, c = (e, n) => Xe.toArray(e).some((o) => n(o) ? !0 : u(o) && o.type === Ye ? c(o.props.children, n) : !1), Fo = (e) => u(e) && e.type === V, $o = (e) => u(e) && e.type === k, Ht = Je(
-  (e, n) => {
-    const {
-      children: o,
-      viewType: p = "TABLE",
-      cardsStyle: b,
-      responsiveBreakpoint: D,
-      onViewTypeChange: K,
-      condensed: L = !1,
-      striped: N = !1,
-      hover: I = !1,
-      shadow: M = !1,
-      border: P = !0,
-      rounded: G = !0,
-      gridLines: O = !1,
-      rowClassName: W,
-      rowKey: j,
-      rowSeparatorWidth: U,
-      stickyReference: q = "applicationLayout",
-      stickyColumns: i,
-      activeRowId: J,
-      onActiveRowChange: f,
-      rowAnimationProps: Q,
-      expandedRowAnimation: X,
-      sortBy: Y,
-      sortDirection: Z,
-      onSortChange: _,
-      cellClassName: ee,
-      selectionCheckboxVerticalAlignment: oe = "middle",
-      onRowClick: C,
-      onSelectionChange: te,
-      hideSelectionCheckboxesForExcludedRows: re = !1,
-      selectedRowIds: le,
-      selectionHeaderContent: ne,
-      columnOrder: ae,
-      onColumnResize: se,
-      onColumnOrderChange: ie,
-      showSelectionColumn: d = !1,
-      noRowsState: de = "No data available",
-      virtualizedRows: R = !1,
-      virtualizationOverscan: me = 5,
-      className: w,
-      style: ce,
-      ...ue
-    } = e, t = Qe({ headerColumns: [], bodyRows: [] });
-    t.current.headerColumns = [], t.current.bodyRows = [], t.current.bodyMaxHeight = void 0, t.current.hasFooter = !1, t.current.hasFooterCells = void 0, t.current.hasExpandableRows = void 0;
-    const {
-      renderHeaderColumns: T,
-      renderBodyRows: h,
-      renderBodyMaxHeight: y,
-      renderHasFooter: pe,
-      renderHasFooterCells: v,
-      renderHasExpandableRows: be,
-      renderBodyRow: fe
-    } = To(t), {
-      columnDefinitionsByKey: Ce,
-      columnIndexByKey: Re,
-      draggableColumnKeys: we,
-      draggableColumnsEnabled: g,
-      handleColumnDragEnd: Te,
-      handleColumnResizeReset: he,
-      handleColumnResizeStart: ye,
-      lastResizableColumnKey: ve,
-      resettableColumnKeys: ge,
-      resizeColumnsEnabled: a,
-      resolvedRenderColumns: s,
-      resizedColumns: Se
-    } = yo({
-      columnOrder: ae,
-      onColumnOrderChange: ie,
-      onColumnResize: se,
-      renderHeaderColumns: T,
-      viewType: p
-    }), S = vo({
-      renderHeaderColumns: T,
-      resolvedRenderColumns: s,
-      sortBy: Y,
-      sortDirection: Z
-    }), xe = v ?? !1, {
-      handleBodyScroll: x,
-      hasHorizontalScrollEndOffset: Be,
-      hasHorizontalScrollStartOffset: B,
-      tableUseOverflow: m,
-      tableWrapperRef: Ee,
-      wrapperStyle: E,
-      tableHeadRowRef: He,
-      tableFooterRowRef: Fe,
-      wrapperWidth: $e
-    } = bo({
-      bodyMaxHeight: y,
-      cardsStyle: b,
-      columns: Se,
-      hasFooterCells: xe,
-      rowSeparatorWidth: U,
-      showSelectionColumn: d,
-      stickyReference: q,
-      style: ce
-    }), l = ho({
-      onViewTypeChange: K,
-      responsiveBreakpoint: D,
-      viewType: p,
-      wrapperTableWidth: E["--table-width"],
-      wrapperWidth: $e
-    }), { cardClasses: ze, hasHover: Ae, isTableView: H, styleClassSwitches: ke } = fo({
-      viewType: l,
-      hover: I,
-      shadow: M,
-      border: P,
-      rounded: G,
-      className: w,
-      cardsStyle: b
-    }), F = H ? Math.min(i?.left ?? 0, 1) : 0, $ = H ? Math.min(i?.right ?? 0, 1) : 0, Ve = (F > 0 || $ > 0) && i?.footer === !0, De = _e(Ee, n), z = {
-      hasHeader: !!S || c(o, (qe) => Fo(qe)),
-      hasFooter: l === "TABLE" && (pe || c(o, $o)),
-      isClickable: typeof C == "function" || typeof f == "function",
-      isTableView: l === "TABLE"
-    }, {
-      selectedRowIdSet: Ke,
-      selectableRowIdSet: Le,
-      isAllRowsSelected: Ne,
-      isSomeRowsSelected: Ie,
-      hasSelectableRows: Me,
-      handleToggleAllSelection: Pe,
-      handleToggleRowSelection: Ge
-    } = go({
-      bodyRows: h,
-      onSelectionChange: te,
-      selectedRowIds: le
-    }), Oe = {
-      showSelectionColumn: d,
-      selectedRowIdSet: Ke,
-      selectableRowIdSet: Le,
-      selectionHeaderContent: ne,
-      isAllRowsSelected: Ne,
-      isSomeRowsSelected: Ie,
-      hasSelectableRows: Me,
-      hideSelectionCheckboxesForExcludedRows: re,
-      onToggleAllSelection: Pe,
-      onToggleRowSelection: Ge,
-      activeRowId: J,
-      onActiveRowChange: f,
-      onRowClick: C,
-      isClickable: z.isClickable,
-      onSortChange: _
-    }, We = {
-      handleBodyScroll: x,
-      tableHeadRowRef: He,
-      tableFooterRowRef: Fe,
-      draggableColumnKeys: g ? we : void 0,
-      lastResizableColumnKey: a ? ve : void 0,
-      resettableColumnKeys: a ? ge : void 0,
-      stickyLeftColumnCount: F,
-      stickyRightColumnCount: $,
-      stickyFooter: Ve,
-      onColumnDragEnd: g ? Te : void 0,
-      onColumnResizeReset: a ? he : void 0,
-      onColumnResizeStart: a ? ye : void 0
-    }, je = {
-      viewType: l,
-      isTableView: l === "TABLE",
-      cardClasses: ze,
-      noRowsState: de,
-      rowKey: j,
-      rowClassName: W,
-      cellClassName: ee,
-      selectionCheckboxVerticalAlignment: oe,
-      rowAnimationProps: R ? void 0 : Q,
-      expandedRowAnimation: X,
-      virtualizedRows: R,
-      virtualizationOverscan: me
-    }, Ue = {
-      renderDraft: t.current,
-      header: S,
-      columns: s,
-      columnDefinitionsByKey: Ce,
-      columnIndexByKey: Re,
-      bodyRows: h,
-      renderBodyRow: fe,
-      hasFooterCells: v,
-      hasExpandableRows: be,
-      isRegisteringBodyRows: !0
-    }, A = /* @__PURE__ */ r(
-      So.Provider,
-      {
-        value: Oe,
-        children: /* @__PURE__ */ r(xo.Provider, { value: We, children: /* @__PURE__ */ r(
-          Bo.Provider,
-          {
-            value: je,
-            children: /* @__PURE__ */ r(
-              Eo.Provider,
-              {
-                value: Ue,
-                children: o
-              }
-            )
-          }
-        ) })
-      }
-    );
-    return /* @__PURE__ */ r(
-      "div",
-      {
-        ...ue,
-        className: Ze(
-          Co({
-            viewType: l,
-            condensed: L,
-            striped: N,
-            gridLines: O,
-            className: w,
-            tableUseOverflow: m,
-            flags: z,
-            hasHover: Ae,
-            styleClassSwitches: ke
-          }),
-          B && "table-has-horizontal-scroll-start-offset",
-          (Be || m && !B) && "table-has-horizontal-scroll-end-offset"
-        ),
-        ref: De,
-        role: "table",
-        "aria-colcount": s.length > 0 ? s.length + (d ? 1 : 0) : void 0,
-        style: E,
-        children: m && !y ? /* @__PURE__ */ r("div", { className: "overflow-x-auto", onScroll: x, role: "presentation", children: /* @__PURE__ */ r("div", { className: "table-scroll-content", role: "presentation", children: A }) }) : A
-      }
-    );
-  }
-);
-export {
-  xt as TableBatchDropdown,
-  mt as TableBody,
-  ft as TableColumn,
-  Bt as TableColumnFilter,
-  Et as TableColumnsDropdown,
-  Rt as TableExpandAllGroupsButton,
-  vt as TableExpandedContentRow,
-  yt as TableExpandedRow,
-  Ct as TableExpanderButton,
-  bt as TableFooter,
-  St as TableGroupFooterRow,
-  gt as TableGroupRow,
-  ct as TableHeader,
-  pt as TableHeaderColumn,
-  ut as TableHeaderRow,
-  wt as TableRow,
-  ht as TableSpacerRow,
-  Tt as TableStickyRowButton,
-  Ht as default
-};
-//# sourceMappingURL=Table.js.map
+import e from "../../utils/classNames.js";
+import t from "../../hooks/useMergeRefs.js";
+import { TableInteractionContext as ee } from "./context/TableInteractionContext.js";
+import { TableLayoutContext as te } from "./context/TableLayoutContext.js";
+import { TableRenderConfigContext as ne } from "./context/TableRenderConfigContext.js";
+import { TableRenderContext as re } from "./context/TableRenderContext.js";
+import n from "./TableBody.js";
+import r from "./TableColumn.js";
+import i from "./TableExpanderButton.js";
+import a from "./TableExpandAllGroupsButton.js";
+import o from "./TableExpandedContentRow.js";
+import s from "./TableExpandedRow.js";
+import c from "./TableFooter.js";
+import ie from "./TableGroupFooterRow.js";
+import l from "./TableGroupRow.js";
+import u from "./TableHeader.js";
+import d from "./TableHeaderColumn.js";
+import f from "./TableHeaderRow.js";
+import p from "./TableRow.js";
+import ae from "./TableStickyRowButton.js";
+import oe from "./TableSpacerRow.js";
+import { useTableLayout as se } from "./layout/useTableLayout.js";
+import { resolveTableBaseClassName as ce, resolveTableClassConfig as le } from "./model/resolveTableClassConfig.js";
+import m from "./render/header/TableBatchDropdown.js";
+import h from "./render/header/TableColumnFilter.js";
+import ue from "./runtime/useRenderDraftState.js";
+import de from "./runtime/useResponsiveResolvedViewType.js";
+import fe from "./runtime/useResolvedRenderColumns.js";
+import pe from "./runtime/useResolvedRenderHeader.js";
+import me from "./selection/useInternalTableSelectionState.js";
+import g from "./settings/TableColumnsDropdown.js";
+import _ from "./selection/useTableSelection.js";
+import { Children as v, Fragment as y, forwardRef as b, isValidElement as x, useRef as he } from "react";
+import { jsx as S } from "react/jsx-runtime";
+//#region src/components/table/Table.tsx
+var C = n, w = u, T = f, E = d, D = c, O = r, k = i, A = a, j = p, M = ae, N = oe, P = s, F = o, I = l, L = ie, R = m, z = h, B = g, V = (e, t) => v.toArray(e).some((e) => t(e) ? !0 : x(e) && e.type === y ? V(e.props.children, t) : !1), ge = (e) => x(e) && e.type === u, _e = (e) => x(e) && e.type === c, H = b((n, r) => {
+	let { children: i, viewType: a = "TABLE", cardsStyle: o, responsiveBreakpoint: s, onViewTypeChange: c, condensed: ie = !1, striped: l = !1, hover: u = !1, shadow: d = !1, border: f = !0, rounded: p = !0, gridLines: ae = !1, rowClassName: oe, rowKey: m, rowSeparatorWidth: h, stickyReference: g = "applicationLayout", stickyColumns: _, activeRowId: v, onActiveRowChange: y, rowAnimationProps: b, expandedRowAnimation: x, sortBy: C, sortDirection: w, onSortChange: T, cellClassName: E, selectionCheckboxVerticalAlignment: D = "middle", onRowClick: O, onSelectionChange: k, hideSelectionCheckboxesForExcludedRows: A = !1, selectedRowIds: j, selectionHeaderContent: M, columnOrder: N, onColumnResize: P, onColumnOrderChange: F, showSelectionColumn: I = !1, noRowsState: L = "No data available", virtualizedRows: R = !1, virtualizationOverscan: z = 5, className: B, style: H, ...ve } = n, U = he({
+		headerColumns: [],
+		bodyRows: []
+	});
+	U.current.headerColumns = [], U.current.bodyRows = [], U.current.bodyMaxHeight = void 0, U.current.hasFooter = !1, U.current.hasFooterCells = void 0, U.current.hasExpandableRows = void 0;
+	let { renderHeaderColumns: W, renderBodyRows: G, renderBodyMaxHeight: K, renderHasFooter: ye, renderHasFooterCells: q, renderHasExpandableRows: be, renderBodyRow: xe } = ue(U), { columnDefinitionsByKey: Se, columnIndexByKey: Ce, draggableColumnKeys: we, draggableColumnsEnabled: J, handleColumnDragEnd: Te, handleColumnResizeReset: Ee, handleColumnResizeStart: De, lastResizableColumnKey: Oe, resettableColumnKeys: ke, resizeColumnsEnabled: Y, resolvedRenderColumns: X, resizedColumns: Ae } = fe({
+		columnOrder: N,
+		onColumnOrderChange: F,
+		onColumnResize: P,
+		renderHeaderColumns: W,
+		viewType: a
+	}), je = pe({
+		renderHeaderColumns: W,
+		resolvedRenderColumns: X,
+		sortBy: C,
+		sortDirection: w
+	}), { handleBodyScroll: Me, hasHorizontalScrollEndOffset: Ne, hasHorizontalScrollStartOffset: Pe, tableUseOverflow: Z, tableWrapperRef: Fe, wrapperStyle: Ie, tableHeadRowRef: Le, tableFooterRowRef: Re, wrapperWidth: ze } = se({
+		bodyMaxHeight: K,
+		cardsStyle: o,
+		columns: Ae,
+		hasFooterCells: q ?? !1,
+		rowSeparatorWidth: h,
+		showSelectionColumn: I,
+		stickyReference: g,
+		style: H
+	}), Q = de({
+		onViewTypeChange: c,
+		responsiveBreakpoint: s,
+		viewType: a,
+		wrapperTableWidth: Ie["--table-width"],
+		wrapperWidth: ze
+	}), { cardClasses: Be, hasHover: Ve, isTableView: He, styleClassSwitches: Ue } = le({
+		viewType: Q,
+		hover: u,
+		shadow: d,
+		border: f,
+		rounded: p,
+		className: B,
+		cardsStyle: o
+	}), We = He ? Math.min(_?.left ?? 0, 1) : 0, Ge = He ? Math.min(_?.right ?? 0, 1) : 0, Ke = (We > 0 || Ge > 0) && _?.footer === !0, qe = t(Fe, r), Je = {
+		hasHeader: !!je || V(i, (e) => ge(e)),
+		hasFooter: Q === "TABLE" && (ye || V(i, _e)),
+		isClickable: typeof O == "function" || typeof y == "function",
+		isTableView: Q === "TABLE"
+	}, { selectedRowIdSet: Ye, selectableRowIdSet: Xe, isAllRowsSelected: Ze, isSomeRowsSelected: Qe, hasSelectableRows: $e, handleToggleAllSelection: et, handleToggleRowSelection: tt } = me({
+		bodyRows: G,
+		onSelectionChange: k,
+		selectedRowIds: j
+	}), nt = {
+		showSelectionColumn: I,
+		selectedRowIdSet: Ye,
+		selectableRowIdSet: Xe,
+		selectionHeaderContent: M,
+		isAllRowsSelected: Ze,
+		isSomeRowsSelected: Qe,
+		hasSelectableRows: $e,
+		hideSelectionCheckboxesForExcludedRows: A,
+		onToggleAllSelection: et,
+		onToggleRowSelection: tt,
+		activeRowId: v,
+		onActiveRowChange: y,
+		onRowClick: O,
+		isClickable: Je.isClickable,
+		onSortChange: T
+	}, rt = {
+		handleBodyScroll: Me,
+		tableHeadRowRef: Le,
+		tableFooterRowRef: Re,
+		draggableColumnKeys: J ? we : void 0,
+		lastResizableColumnKey: Y ? Oe : void 0,
+		resettableColumnKeys: Y ? ke : void 0,
+		stickyLeftColumnCount: We,
+		stickyRightColumnCount: Ge,
+		stickyFooter: Ke,
+		onColumnDragEnd: J ? Te : void 0,
+		onColumnResizeReset: Y ? Ee : void 0,
+		onColumnResizeStart: Y ? De : void 0
+	}, it = {
+		viewType: Q,
+		isTableView: Q === "TABLE",
+		cardClasses: Be,
+		noRowsState: L,
+		rowKey: m,
+		rowClassName: oe,
+		cellClassName: E,
+		selectionCheckboxVerticalAlignment: D,
+		rowAnimationProps: R ? void 0 : b,
+		expandedRowAnimation: x,
+		virtualizedRows: R,
+		virtualizationOverscan: z
+	}, at = {
+		renderDraft: U.current,
+		header: je,
+		columns: X,
+		columnDefinitionsByKey: Se,
+		columnIndexByKey: Ce,
+		bodyRows: G,
+		renderBodyRow: xe,
+		hasFooterCells: q,
+		hasExpandableRows: be,
+		isRegisteringBodyRows: !0
+	}, $ = /* @__PURE__ */ S(ee.Provider, {
+		value: nt,
+		children: /* @__PURE__ */ S(te.Provider, {
+			value: rt,
+			children: /* @__PURE__ */ S(ne.Provider, {
+				value: it,
+				children: /* @__PURE__ */ S(re.Provider, {
+					value: at,
+					children: i
+				})
+			})
+		})
+	});
+	return /* @__PURE__ */ S("div", {
+		...ve,
+		className: e(ce({
+			viewType: Q,
+			condensed: ie,
+			striped: l,
+			gridLines: ae,
+			className: B,
+			tableUseOverflow: Z,
+			flags: Je,
+			hasHover: Ve,
+			styleClassSwitches: Ue
+		}), Pe && "table-has-horizontal-scroll-start-offset", (Ne || Z && !Pe) && "table-has-horizontal-scroll-end-offset"),
+		ref: qe,
+		role: "table",
+		"aria-colcount": X.length > 0 ? X.length + +!!I : void 0,
+		style: Ie,
+		children: Z && !K ? /* @__PURE__ */ S("div", {
+			className: "overflow-x-auto",
+			onScroll: Me,
+			role: "presentation",
+			children: /* @__PURE__ */ S("div", {
+				className: "table-scroll-content",
+				role: "presentation",
+				children: $
+			})
+		}) : $
+	});
+});
+//#endregion
+export { R as TableBatchDropdown, C as TableBody, O as TableColumn, z as TableColumnFilter, B as TableColumnsDropdown, A as TableExpandAllGroupsButton, F as TableExpandedContentRow, P as TableExpandedRow, k as TableExpanderButton, D as TableFooter, L as TableGroupFooterRow, I as TableGroupRow, w as TableHeader, E as TableHeaderColumn, T as TableHeaderRow, j as TableRow, N as TableSpacerRow, M as TableStickyRowButton, H as default, _ as useTableSelection };
+
+//# sourceMappingURL=Table.js.map