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

package/components/table/layout/useTableVirtualization.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableVirtualization.js","sources":["../../../../src/components/table/layout/useTableVirtualization.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport useResizeObserver from '../../../useResizeObserver';\n\ntype TableVirtualScrollContainer = {\n    view?: HTMLDivElement | null;\n};\n\ntype TableVirtualRow<RowType> = {\n    index: number;\n    row: RowType;\n};\n\ntype UseTableVirtualizationOptions<RowType> = {\n    enabled: boolean;\n    overscan: number;\n    rows: RowType[];\n    scrollContainer: TableVirtualScrollContainer | null;\n    viewportHeightFallback?: number;\n};\n\ntype TableVirtualizationState = {\n    itemHeights: Record<number, number>;\n    scrollTop: number;\n    viewportHeight: number;\n    visibleRange: {\n        start: number;\n        end: number;\n    };\n};\n\nconst DEFAULT_ROW_HEIGHT = 50;\n\nconst areVisibleRangesEqual = (\n    currentRange: TableVirtualizationState['visibleRange'],\n    nextRange: TableVirtualizationState['visibleRange']\n) => currentRange.start === nextRange.start && currentRange.end === nextRange.end;\n\nconst useTableVirtualization = <RowType>(options: UseTableVirtualizationOptions<RowType>) => {\n    const { enabled, overscan, rows, scrollContainer, viewportHeightFallback } = options;\n    const scrollElement = scrollContainer?.view ?? null;\n    const [, , { blockSize: observedViewportHeight }] = useResizeObserver(scrollElement);\n    const [state, setState] = useState<TableVirtualizationState>({\n        itemHeights: {},\n        scrollTop: 0,\n        viewportHeight: 0,\n        visibleRange: { start: 0, end: 10 },\n    });\n\n    const getScrollElement = useCallback(() => scrollElement, [scrollElement]);\n\n    const getEstimatedRowHeight = useCallback(() => {\n        const measuredHeights = Object.values(state.itemHeights);\n\n        if (measuredHeights.length === 0) {\n            return DEFAULT_ROW_HEIGHT;\n        }\n\n        return measuredHeights.reduce((sum, height) => sum + height, 0) / measuredHeights.length;\n    }, [state.itemHeights]);\n\n    const getRowHeight = useCallback(\n        (index: number) => state.itemHeights[index] ?? getEstimatedRowHeight(),\n        [getEstimatedRowHeight, state.itemHeights]\n    );\n\n    const getItemPosition = useCallback(\n        (index: number) => {\n            let position = 0;\n\n            for (let currentIndex = 0; currentIndex < index; currentIndex++) {\n                position += getRowHeight(currentIndex);\n            }\n\n            return position;\n        },\n        [getRowHeight]\n    );\n\n    const getTotalHeight = useCallback(() => {\n        let totalHeight = 0;\n\n        for (let index = 0; index < rows.length; index++) {\n            totalHeight += getRowHeight(index);\n        }\n\n        return totalHeight;\n    }, [getRowHeight, rows.length]);\n\n    const calculateVisibleRange = useCallback(\n        (scrollTop: number, viewportHeight: number) => {\n            if (!enabled || rows.length === 0) {\n                return { start: 0, end: rows.length };\n            }\n\n            let start = 0;\n            let currentPosition = 0;\n\n            while (start < rows.length) {\n                const rowHeight = getRowHeight(start);\n\n                if (currentPosition + rowHeight > scrollTop - overscan * rowHeight) {\n                    break;\n                }\n\n                currentPosition += rowHeight;\n                start++;\n            }\n\n            let end = start;\n\n            while (end < rows.length) {\n                const rowHeight = getRowHeight(end);\n\n                if (currentPosition > scrollTop + viewportHeight + overscan * rowHeight) {\n                    break;\n                }\n\n                currentPosition += rowHeight;\n                end++;\n            }\n\n            return {\n                start: Math.max(0, start - overscan),\n                end: Math.min(rows.length, end + overscan),\n            };\n        },\n        [enabled, getRowHeight, overscan, rows.length]\n    );\n\n    const handleScroll = useCallback(() => {\n        const scrollElement = getScrollElement();\n\n        if (!scrollElement) {\n            return;\n        }\n\n        const viewportHeight = scrollElement.clientHeight || observedViewportHeight || viewportHeightFallback || 0;\n        const scrollTop = scrollElement.scrollTop;\n        const visibleRange = calculateVisibleRange(scrollTop, viewportHeight);\n\n        setState(previousState =>\n            previousState.scrollTop === scrollTop &&\n            previousState.viewportHeight === viewportHeight &&\n            areVisibleRangesEqual(previousState.visibleRange, visibleRange)\n                ? previousState\n                : {\n                      ...previousState,\n                      scrollTop,\n                      viewportHeight,\n                      visibleRange,\n                  }\n        );\n    }, [calculateVisibleRange, getScrollElement, observedViewportHeight, viewportHeightFallback]);\n\n    useEffect(() => {\n        if (!enabled) {\n            return;\n        }\n\n        if (!scrollElement) {\n            return;\n        }\n\n        handleScroll();\n        scrollElement.addEventListener('scroll', handleScroll, { passive: true });\n\n        return () => {\n            scrollElement.removeEventListener('scroll', handleScroll);\n        };\n    }, [enabled, handleScroll, scrollElement]);\n\n    useEffect(() => {\n        if (!enabled) {\n            return;\n        }\n\n        setState(previousState => {\n            const visibleRange = calculateVisibleRange(previousState.scrollTop, previousState.viewportHeight);\n\n            return areVisibleRangesEqual(previousState.visibleRange, visibleRange)\n                ? previousState\n                : {\n                      ...previousState,\n                      visibleRange,\n                  };\n        });\n    }, [calculateVisibleRange, enabled, rows]);\n\n    const measureRow = useCallback(\n        (index: number, element: HTMLElement | null) => {\n            if (!element) {\n                return;\n            }\n\n            const rect = element.getBoundingClientRect();\n            const computedStyle = window.getComputedStyle(element);\n            const height =\n                rect.height +\n                Number.parseFloat(computedStyle.marginTop || '0') +\n                Number.parseFloat(computedStyle.marginBottom || '0');\n\n            if (height <= 0) {\n                return;\n            }\n\n            setState(previousState => {\n                if (previousState.itemHeights[index] === height) {\n                    return previousState;\n                }\n\n                const nextState = {\n                    ...previousState,\n                    itemHeights: {\n                        ...previousState.itemHeights,\n                        [index]: height,\n                    },\n                };\n\n                return {\n                    ...nextState,\n                    visibleRange: calculateVisibleRange(nextState.scrollTop, nextState.viewportHeight),\n                };\n            });\n        },\n        [calculateVisibleRange]\n    );\n\n    const virtualRows = useMemo<TableVirtualRow<RowType>[]>(\n        () =>\n            enabled\n                ? rows.slice(state.visibleRange.start, state.visibleRange.end).map((row, offset) => {\n                      const index = state.visibleRange.start + offset;\n\n                      return {\n                          index,\n                          row,\n                      };\n                  })\n                : [],\n        [enabled, rows, state.visibleRange.end, state.visibleRange.start]\n    );\n\n    const paddingTop = enabled ? getItemPosition(state.visibleRange.start) : 0;\n    const paddingBottom = enabled ? Math.max(0, getTotalHeight() - getItemPosition(state.visibleRange.end)) : 0;\n\n    return {\n        isVirtualized: enabled,\n        measureRow,\n        paddingBottom,\n        paddingTop,\n        virtualRows,\n    };\n};\n\nexport default useTableVirtualization;\n"],"names":["DEFAULT_ROW_HEIGHT","areVisibleRangesEqual","currentRange","nextRange","useTableVirtualization","options","enabled","overscan","rows","scrollContainer","viewportHeightFallback","scrollElement","observedViewportHeight","useResizeObserver","state","setState","useState","getScrollElement","useCallback","getEstimatedRowHeight","measuredHeights","sum","height","getRowHeight","index","getItemPosition","position","currentIndex","getTotalHeight","totalHeight","calculateVisibleRange","scrollTop","viewportHeight","start","currentPosition","rowHeight","end","handleScroll","visibleRange","previousState","useEffect","measureRow","element","rect","computedStyle","nextState","virtualRows","useMemo","row","offset","paddingTop","paddingBottom"],"mappings":"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"}
+{"version":3,"file":"useTableVirtualization.js","names":[],"sources":["../../../../src/components/table/layout/useTableVirtualization.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport useResizeObserver from '../../../useResizeObserver';\n\ntype TableVirtualScrollContainer = {\n    view?: HTMLDivElement | null;\n};\n\ntype TableVirtualRow<RowType> = {\n    index: number;\n    row: RowType;\n};\n\ntype UseTableVirtualizationOptions<RowType> = {\n    enabled: boolean;\n    overscan: number;\n    rows: RowType[];\n    scrollContainer: TableVirtualScrollContainer | null;\n    viewportHeightFallback?: number;\n};\n\ntype TableVirtualizationState = {\n    itemHeights: Record<number, number>;\n    scrollTop: number;\n    viewportHeight: number;\n    visibleRange: {\n        start: number;\n        end: number;\n    };\n};\n\nconst DEFAULT_ROW_HEIGHT = 50;\n\nconst areVisibleRangesEqual = (\n    currentRange: TableVirtualizationState['visibleRange'],\n    nextRange: TableVirtualizationState['visibleRange']\n) => currentRange.start === nextRange.start && currentRange.end === nextRange.end;\n\nconst useTableVirtualization = <RowType>(options: UseTableVirtualizationOptions<RowType>) => {\n    const { enabled, overscan, rows, scrollContainer, viewportHeightFallback } = options;\n    const scrollElement = scrollContainer?.view ?? null;\n    const [, , { blockSize: observedViewportHeight }] = useResizeObserver(scrollElement);\n    const [state, setState] = useState<TableVirtualizationState>({\n        itemHeights: {},\n        scrollTop: 0,\n        viewportHeight: 0,\n        visibleRange: { start: 0, end: 10 },\n    });\n\n    const getScrollElement = useCallback(() => scrollElement, [scrollElement]);\n\n    const getEstimatedRowHeight = useCallback(() => {\n        const measuredHeights = Object.values(state.itemHeights);\n\n        if (measuredHeights.length === 0) {\n            return DEFAULT_ROW_HEIGHT;\n        }\n\n        return measuredHeights.reduce((sum, height) => sum + height, 0) / measuredHeights.length;\n    }, [state.itemHeights]);\n\n    const getRowHeight = useCallback(\n        (index: number) => state.itemHeights[index] ?? getEstimatedRowHeight(),\n        [getEstimatedRowHeight, state.itemHeights]\n    );\n\n    const getItemPosition = useCallback(\n        (index: number) => {\n            let position = 0;\n\n            for (let currentIndex = 0; currentIndex < index; currentIndex++) {\n                position += getRowHeight(currentIndex);\n            }\n\n            return position;\n        },\n        [getRowHeight]\n    );\n\n    const getTotalHeight = useCallback(() => {\n        let totalHeight = 0;\n\n        for (let index = 0; index < rows.length; index++) {\n            totalHeight += getRowHeight(index);\n        }\n\n        return totalHeight;\n    }, [getRowHeight, rows.length]);\n\n    const calculateVisibleRange = useCallback(\n        (scrollTop: number, viewportHeight: number) => {\n            if (!enabled || rows.length === 0) {\n                return { start: 0, end: rows.length };\n            }\n\n            let start = 0;\n            let currentPosition = 0;\n\n            while (start < rows.length) {\n                const rowHeight = getRowHeight(start);\n\n                if (currentPosition + rowHeight > scrollTop - overscan * rowHeight) {\n                    break;\n                }\n\n                currentPosition += rowHeight;\n                start++;\n            }\n\n            let end = start;\n\n            while (end < rows.length) {\n                const rowHeight = getRowHeight(end);\n\n                if (currentPosition > scrollTop + viewportHeight + overscan * rowHeight) {\n                    break;\n                }\n\n                currentPosition += rowHeight;\n                end++;\n            }\n\n            return {\n                start: Math.max(0, start - overscan),\n                end: Math.min(rows.length, end + overscan),\n            };\n        },\n        [enabled, getRowHeight, overscan, rows.length]\n    );\n\n    const handleScroll = useCallback(() => {\n        const scrollElement = getScrollElement();\n\n        if (!scrollElement) {\n            return;\n        }\n\n        const viewportHeight = scrollElement.clientHeight || observedViewportHeight || viewportHeightFallback || 0;\n        const scrollTop = scrollElement.scrollTop;\n        const visibleRange = calculateVisibleRange(scrollTop, viewportHeight);\n\n        setState(previousState =>\n            previousState.scrollTop === scrollTop &&\n            previousState.viewportHeight === viewportHeight &&\n            areVisibleRangesEqual(previousState.visibleRange, visibleRange)\n                ? previousState\n                : {\n                      ...previousState,\n                      scrollTop,\n                      viewportHeight,\n                      visibleRange,\n                  }\n        );\n    }, [calculateVisibleRange, getScrollElement, observedViewportHeight, viewportHeightFallback]);\n\n    useEffect(() => {\n        if (!enabled) {\n            return;\n        }\n\n        if (!scrollElement) {\n            return;\n        }\n\n        handleScroll();\n        scrollElement.addEventListener('scroll', handleScroll, { passive: true });\n\n        return () => {\n            scrollElement.removeEventListener('scroll', handleScroll);\n        };\n    }, [enabled, handleScroll, scrollElement]);\n\n    useEffect(() => {\n        if (!enabled) {\n            return;\n        }\n\n        setState(previousState => {\n            const visibleRange = calculateVisibleRange(previousState.scrollTop, previousState.viewportHeight);\n\n            return areVisibleRangesEqual(previousState.visibleRange, visibleRange)\n                ? previousState\n                : {\n                      ...previousState,\n                      visibleRange,\n                  };\n        });\n    }, [calculateVisibleRange, enabled, rows]);\n\n    const measureRow = useCallback(\n        (index: number, element: HTMLElement | null) => {\n            if (!element) {\n                return;\n            }\n\n            const rect = element.getBoundingClientRect();\n            const computedStyle = window.getComputedStyle(element);\n            const height =\n                rect.height +\n                Number.parseFloat(computedStyle.marginTop || '0') +\n                Number.parseFloat(computedStyle.marginBottom || '0');\n\n            if (height <= 0) {\n                return;\n            }\n\n            setState(previousState => {\n                if (previousState.itemHeights[index] === height) {\n                    return previousState;\n                }\n\n                const nextState = {\n                    ...previousState,\n                    itemHeights: {\n                        ...previousState.itemHeights,\n                        [index]: height,\n                    },\n                };\n\n                return {\n                    ...nextState,\n                    visibleRange: calculateVisibleRange(nextState.scrollTop, nextState.viewportHeight),\n                };\n            });\n        },\n        [calculateVisibleRange]\n    );\n\n    const virtualRows = useMemo<TableVirtualRow<RowType>[]>(\n        () =>\n            enabled\n                ? rows.slice(state.visibleRange.start, state.visibleRange.end).map((row, offset) => {\n                      const index = state.visibleRange.start + offset;\n\n                      return {\n                          index,\n                          row,\n                      };\n                  })\n                : [],\n        [enabled, rows, state.visibleRange.end, state.visibleRange.start]\n    );\n\n    const paddingTop = enabled ? getItemPosition(state.visibleRange.start) : 0;\n    const paddingBottom = enabled ? Math.max(0, getTotalHeight() - getItemPosition(state.visibleRange.end)) : 0;\n\n    return {\n        isVirtualized: enabled,\n        measureRow,\n        paddingBottom,\n        paddingTop,\n        virtualRows,\n    };\n};\n\nexport default useTableVirtualization;\n"],"mappings":";;;;AA+BA,IAAM,IAAqB,IAErB,KACF,GACA,MACC,EAAa,UAAU,EAAU,SAAS,EAAa,QAAQ,EAAU,KAExE,KAAmC,MAAoD;CACzF,IAAM,EAAE,YAAS,aAAU,SAAM,oBAAiB,8BAA2B,GACvE,IAAgB,GAAiB,QAAQ,MACzC,KAAK,EAAE,WAAW,OAA4B,EAAkB,CAAa,GAC7E,CAAC,GAAO,KAAY,EAAmC;EACzD,aAAa,CAAC;EACd,WAAW;EACX,gBAAgB;EAChB,cAAc;GAAE,OAAO;GAAG,KAAK;EAAG;CACtC,CAAC,GAEK,IAAmB,QAAkB,GAAe,CAAC,CAAa,CAAC,GAEnE,IAAwB,QAAkB;EAC5C,IAAM,IAAkB,OAAO,OAAO,EAAM,WAAW;EAMvD,OAJI,EAAgB,WAAW,IACpB,IAGJ,EAAgB,QAAQ,GAAK,MAAW,IAAM,GAAQ,CAAC,IAAI,EAAgB;CACtF,GAAG,CAAC,EAAM,WAAW,CAAC,GAEhB,IAAe,GAChB,MAAkB,EAAM,YAAY,MAAU,EAAsB,GACrE,CAAC,GAAuB,EAAM,WAAW,CAC7C,GAEM,IAAkB,GACnB,MAAkB;EACf,IAAI,IAAW;EAEf,KAAK,IAAI,IAAe,GAAG,IAAe,GAAO,KAC7C,KAAY,EAAa,CAAY;EAGzC,OAAO;CACX,GACA,CAAC,CAAY,CACjB,GAEM,IAAiB,QAAkB;EACrC,IAAI,IAAc;EAElB,KAAK,IAAI,IAAQ,GAAG,IAAQ,EAAK,QAAQ,KACrC,KAAe,EAAa,CAAK;EAGrC,OAAO;CACX,GAAG,CAAC,GAAc,EAAK,MAAM,CAAC,GAExB,IAAwB,GACzB,GAAmB,MAA2B;EAC3C,IAAI,CAAC,KAAW,EAAK,WAAW,GAC5B,OAAO;GAAE,OAAO;GAAG,KAAK,EAAK;EAAO;EAGxC,IAAI,IAAQ,GACR,IAAkB;EAEtB,OAAO,IAAQ,EAAK,SAAQ;GACxB,IAAM,IAAY,EAAa,CAAK;GAEpC,IAAI,IAAkB,IAAY,IAAY,IAAW,GACrD;GAIJ,AADA,KAAmB,GACnB;EACJ;EAEA,IAAI,IAAM;EAEV,OAAO,IAAM,EAAK,SAAQ;GACtB,IAAM,IAAY,EAAa,CAAG;GAElC,IAAI,IAAkB,IAAY,IAAiB,IAAW,GAC1D;GAIJ,AADA,KAAmB,GACnB;EACJ;EAEA,OAAO;GACH,OAAO,KAAK,IAAI,GAAG,IAAQ,CAAQ;GACnC,KAAK,KAAK,IAAI,EAAK,QAAQ,IAAM,CAAQ;EAC7C;CACJ,GACA;EAAC;EAAS;EAAc;EAAU,EAAK;CAAM,CACjD,GAEM,IAAe,QAAkB;EACnC,IAAM,IAAgB,EAAiB;EAEvC,IAAI,CAAC,GACD;EAGJ,IAAM,IAAiB,EAAc,gBAAgB,KAA0B,KAA0B,GACnG,IAAY,EAAc,WAC1B,IAAe,EAAsB,GAAW,CAAc;EAEpE,GAAS,MACL,EAAc,cAAc,KAC5B,EAAc,mBAAmB,KACjC,EAAsB,EAAc,cAAc,CAAY,IACxD,IACA;GACI,GAAG;GACH;GACA;GACA;EACJ,CACV;CACJ,GAAG;EAAC;EAAuB;EAAkB;EAAwB;CAAsB,CAAC;CAmB5F,AAjBA,QAAgB;EACP,SAIA,GAOL,OAHA,EAAa,GACb,EAAc,iBAAiB,UAAU,GAAc,EAAE,SAAS,GAAK,CAAC,SAE3D;GACT,EAAc,oBAAoB,UAAU,CAAY;EAC5D;CACJ,GAAG;EAAC;EAAS;EAAc;CAAa,CAAC,GAEzC,QAAgB;EACP,KAIL,GAAS,MAAiB;GACtB,IAAM,IAAe,EAAsB,EAAc,WAAW,EAAc,cAAc;GAEhG,OAAO,EAAsB,EAAc,cAAc,CAAY,IAC/D,IACA;IACI,GAAG;IACH;GACJ;EACV,CAAC;CACL,GAAG;EAAC;EAAuB;EAAS;CAAI,CAAC;CAEzC,IAAM,IAAa,GACd,GAAe,MAAgC;EAC5C,IAAI,CAAC,GACD;EAGJ,IAAM,IAAO,EAAQ,sBAAsB,GACrC,IAAgB,OAAO,iBAAiB,CAAO,GAC/C,IACF,EAAK,SACL,OAAO,WAAW,EAAc,aAAa,GAAG,IAChD,OAAO,WAAW,EAAc,gBAAgB,GAAG;EAEnD,KAAU,KAId,GAAS,MAAiB;GACtB,IAAI,EAAc,YAAY,OAAW,GACrC,OAAO;GAGX,IAAM,IAAY;IACd,GAAG;IACH,aAAa;KACT,GAAG,EAAc;MAChB,IAAQ;IACb;GACJ;GAEA,OAAO;IACH,GAAG;IACH,cAAc,EAAsB,EAAU,WAAW,EAAU,cAAc;GACrF;EACJ,CAAC;CACL,GACA,CAAC,CAAqB,CAC1B,GAEM,IAAc,QAEZ,IACM,EAAK,MAAM,EAAM,aAAa,OAAO,EAAM,aAAa,GAAG,CAAC,CAAC,KAAK,GAAK,OAG5D;EACH,OAHU,EAAM,aAAa,QAAQ;EAIrC;CACJ,EACH,IACD,CAAC,GACX;EAAC;EAAS;EAAM,EAAM,aAAa;EAAK,EAAM,aAAa;CAAK,CACpE,GAEM,IAAa,IAAU,EAAgB,EAAM,aAAa,KAAK,IAAI;CAGzE,OAAO;EACH,eAAe;EACf;EACA,eALkB,IAAU,KAAK,IAAI,GAAG,EAAe,IAAI,EAAgB,EAAM,aAAa,GAAG,CAAC,IAAI;EAMtG;EACA;CACJ;AACJ"}

package/components/table/model/resolveResponsiveViewType.js

@@ -1,27 +1,24 @@
-import s from "../shared/parsePixelSize.js";
-const r = (i) => {
-  if (typeof i == "number")
-    return Number.isFinite(i) ? i : void 0;
-  const t = i.trim();
-  if (!t || typeof window > "u" || typeof document > "u")
-    return;
-  const o = s(t);
-  if (o !== void 0)
-    return o;
-  const e = document.createElement("div");
-  e.style.position = "absolute", e.style.visibility = "hidden", e.style.pointerEvents = "none", e.style.boxSizing = "border-box", e.style.width = t, e.style.height = "0", e.style.padding = "0", e.style.border = "0", document.body.appendChild(e);
-  const n = e.getBoundingClientRect().width;
-  return e.remove(), Number.isFinite(n) ? n : void 0;
-}, d = (i) => i ? {
-  multiCardsMaxWidth: i.cards !== void 0 ? r(i.cards) : void 0,
-  singleCardMaxWidth: i.list !== void 0 ? r(i.list) : void 0
-} : {}, m = (i, t, o) => {
-  if (t === void 0)
-    return i;
-  const { multiCardsMaxWidth: e, singleCardMaxWidth: n } = d(o);
-  return n !== void 0 && t < n ? "SINGLE_CARD" : e !== void 0 && t < e ? "MULTI_CARDS" : i;
+import e from "../shared/parsePixelSize.js";
+//#region src/components/table/model/resolveResponsiveViewType.ts
+var t = (t) => {
+	if (typeof t == "number") return Number.isFinite(t) ? t : void 0;
+	let n = t.trim();
+	if (!n || typeof window > "u" || typeof document > "u") return;
+	let r = e(n);
+	if (r !== void 0) return r;
+	let i = document.createElement("div");
+	i.style.position = "absolute", i.style.visibility = "hidden", i.style.pointerEvents = "none", i.style.boxSizing = "border-box", i.style.width = n, i.style.height = "0", i.style.padding = "0", i.style.border = "0", document.body.appendChild(i);
+	let a = i.getBoundingClientRect().width;
+	return i.remove(), Number.isFinite(a) ? a : void 0;
+}, n = (e) => e ? {
+	multiCardsMaxWidth: e.cards === void 0 ? void 0 : t(e.cards),
+	singleCardMaxWidth: e.list === void 0 ? void 0 : t(e.list)
+} : {}, r = (e, t, r) => {
+	if (e !== "TABLE" || t === void 0) return e;
+	let { multiCardsMaxWidth: i, singleCardMaxWidth: a } = n(r);
+	return a !== void 0 && t < a ? "SINGLE_CARD" : i !== void 0 && t < i ? "MULTI_CARDS" : e;
 };
-export {
-  m as resolveResponsiveViewType
-};
-//# sourceMappingURL=resolveResponsiveViewType.js.map
+//#endregion
+export { r as resolveResponsiveViewType };
+
+//# sourceMappingURL=resolveResponsiveViewType.js.map

package/components/table/model/resolveResponsiveViewType.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolveResponsiveViewType.js","sources":["../../../../src/components/table/model/resolveResponsiveViewType.ts"],"sourcesContent":["import type { TableResponsiveBreakpoint, TableViewType } from '../Table.types';\nimport parsePixelSize from '../shared/parsePixelSize';\n\nconst resolveResponsiveBreakpointPx = (value: number | string): number | undefined => {\n    if (typeof value === 'number') {\n        return Number.isFinite(value) ? value : undefined;\n    }\n\n    const trimmedValue = value.trim();\n\n    if (!trimmedValue) {\n        return;\n    }\n\n    if (typeof window === 'undefined' || typeof document === 'undefined') {\n        return;\n    }\n    const pixelSize = parsePixelSize(trimmedValue);\n\n    if (pixelSize !== undefined) {\n        return pixelSize;\n    }\n\n    const measurementElement = document.createElement('div');\n    measurementElement.style.position = 'absolute';\n    measurementElement.style.visibility = 'hidden';\n    measurementElement.style.pointerEvents = 'none';\n    measurementElement.style.boxSizing = 'border-box';\n    measurementElement.style.width = trimmedValue;\n    measurementElement.style.height = '0';\n    measurementElement.style.padding = '0';\n    measurementElement.style.border = '0';\n    document.body.appendChild(measurementElement);\n\n    const resolvedWidth = measurementElement.getBoundingClientRect().width;\n\n    measurementElement.remove();\n\n    return Number.isFinite(resolvedWidth) ? resolvedWidth : undefined;\n};\n\nconst resolveResponsiveBreakpointsPx = (value: TableResponsiveBreakpoint | undefined) => {\n    if (!value) {\n        return {};\n    }\n\n    return {\n        multiCardsMaxWidth: value.cards !== undefined ? resolveResponsiveBreakpointPx(value.cards) : undefined,\n        singleCardMaxWidth: value.list !== undefined ? resolveResponsiveBreakpointPx(value.list) : undefined,\n    };\n};\n\nexport const resolveResponsiveViewType = (\n    viewType: TableViewType,\n    wrapperWidth: number | undefined,\n    responsiveBreakpoint: TableResponsiveBreakpoint | undefined\n): TableViewType => {\n    if (viewType !== 'TABLE' || wrapperWidth === undefined) {\n        return viewType;\n    }\n\n    const { multiCardsMaxWidth, singleCardMaxWidth } = resolveResponsiveBreakpointsPx(responsiveBreakpoint);\n\n    if (singleCardMaxWidth !== undefined && wrapperWidth < singleCardMaxWidth) {\n        return 'SINGLE_CARD';\n    }\n\n    if (multiCardsMaxWidth !== undefined && wrapperWidth < multiCardsMaxWidth) {\n        return 'MULTI_CARDS';\n    }\n\n    return viewType;\n};\n"],"names":["resolveResponsiveBreakpointPx","value","trimmedValue","pixelSize","parsePixelSize","measurementElement","resolvedWidth","resolveResponsiveBreakpointsPx","resolveResponsiveViewType","viewType","wrapperWidth","responsiveBreakpoint","multiCardsMaxWidth","singleCardMaxWidth"],"mappings":";AAGA,MAAMA,IAAgC,CAACC,MAA+C;AAClF,MAAI,OAAOA,KAAU;AACjB,WAAO,OAAO,SAASA,CAAK,IAAIA,IAAQ;AAG5C,QAAMC,IAAeD,EAAM,KAAA;AAM3B,MAJI,CAACC,KAID,OAAO,SAAW,OAAe,OAAO,WAAa;AACrD;AAEJ,QAAMC,IAAYC,EAAeF,CAAY;AAE7C,MAAIC,MAAc;AACd,WAAOA;AAGX,QAAME,IAAqB,SAAS,cAAc,KAAK;AACvD,EAAAA,EAAmB,MAAM,WAAW,YACpCA,EAAmB,MAAM,aAAa,UACtCA,EAAmB,MAAM,gBAAgB,QACzCA,EAAmB,MAAM,YAAY,cACrCA,EAAmB,MAAM,QAAQH,GACjCG,EAAmB,MAAM,SAAS,KAClCA,EAAmB,MAAM,UAAU,KACnCA,EAAmB,MAAM,SAAS,KAClC,SAAS,KAAK,YAAYA,CAAkB;AAE5C,QAAMC,IAAgBD,EAAmB,sBAAA,EAAwB;AAEjE,SAAAA,EAAmB,OAAA,GAEZ,OAAO,SAASC,CAAa,IAAIA,IAAgB;AAC5D,GAEMC,IAAiC,CAACN,MAC/BA,IAIE;AAAA,EACH,oBAAoBA,EAAM,UAAU,SAAYD,EAA8BC,EAAM,KAAK,IAAI;AAAA,EAC7F,oBAAoBA,EAAM,SAAS,SAAYD,EAA8BC,EAAM,IAAI,IAAI;AAAA,IALpF,CAAA,GASFO,IAA4B,CACrCC,GACAC,GACAC,MACgB;AAChB,MAA4BD,MAAiB;AACzC,WAAOD;AAGX,QAAM,EAAE,oBAAAG,GAAoB,oBAAAC,MAAuBN,EAA+BI,CAAoB;AAEtG,SAAIE,MAAuB,UAAaH,IAAeG,IAC5C,gBAGPD,MAAuB,UAAaF,IAAeE,IAC5C,gBAGJH;AACX;"}
+{"version":3,"file":"resolveResponsiveViewType.js","names":[],"sources":["../../../../src/components/table/model/resolveResponsiveViewType.ts"],"sourcesContent":["import type { TableResponsiveBreakpoint, TableViewType } from '../Table.types';\nimport parsePixelSize from '../shared/parsePixelSize';\n\nconst resolveResponsiveBreakpointPx = (value: number | string): number | undefined => {\n    if (typeof value === 'number') {\n        return Number.isFinite(value) ? value : undefined;\n    }\n\n    const trimmedValue = value.trim();\n\n    if (!trimmedValue) {\n        return;\n    }\n\n    if (typeof window === 'undefined' || typeof document === 'undefined') {\n        return;\n    }\n    const pixelSize = parsePixelSize(trimmedValue);\n\n    if (pixelSize !== undefined) {\n        return pixelSize;\n    }\n\n    const measurementElement = document.createElement('div');\n    measurementElement.style.position = 'absolute';\n    measurementElement.style.visibility = 'hidden';\n    measurementElement.style.pointerEvents = 'none';\n    measurementElement.style.boxSizing = 'border-box';\n    measurementElement.style.width = trimmedValue;\n    measurementElement.style.height = '0';\n    measurementElement.style.padding = '0';\n    measurementElement.style.border = '0';\n    document.body.appendChild(measurementElement);\n\n    const resolvedWidth = measurementElement.getBoundingClientRect().width;\n\n    measurementElement.remove();\n\n    return Number.isFinite(resolvedWidth) ? resolvedWidth : undefined;\n};\n\nconst resolveResponsiveBreakpointsPx = (value: TableResponsiveBreakpoint | undefined) => {\n    if (!value) {\n        return {};\n    }\n\n    return {\n        multiCardsMaxWidth: value.cards !== undefined ? resolveResponsiveBreakpointPx(value.cards) : undefined,\n        singleCardMaxWidth: value.list !== undefined ? resolveResponsiveBreakpointPx(value.list) : undefined,\n    };\n};\n\nexport const resolveResponsiveViewType = (\n    viewType: TableViewType,\n    wrapperWidth: number | undefined,\n    responsiveBreakpoint: TableResponsiveBreakpoint | undefined\n): TableViewType => {\n    if (viewType !== 'TABLE' || wrapperWidth === undefined) {\n        return viewType;\n    }\n\n    const { multiCardsMaxWidth, singleCardMaxWidth } = resolveResponsiveBreakpointsPx(responsiveBreakpoint);\n\n    if (singleCardMaxWidth !== undefined && wrapperWidth < singleCardMaxWidth) {\n        return 'SINGLE_CARD';\n    }\n\n    if (multiCardsMaxWidth !== undefined && wrapperWidth < multiCardsMaxWidth) {\n        return 'MULTI_CARDS';\n    }\n\n    return viewType;\n};\n"],"mappings":";;AAGA,IAAM,KAAiC,MAA+C;CAClF,IAAI,OAAO,KAAU,UACjB,OAAO,OAAO,SAAS,CAAK,IAAI,IAAQ,KAAA;CAG5C,IAAM,IAAe,EAAM,KAAK;CAMhC,IAJI,CAAC,KAID,OAAO,SAAW,OAAe,OAAO,WAAa,KACrD;CAEJ,IAAM,IAAY,EAAe,CAAY;CAE7C,IAAI,MAAc,KAAA,GACd,OAAO;CAGX,IAAM,IAAqB,SAAS,cAAc,KAAK;CASvD,AARA,EAAmB,MAAM,WAAW,YACpC,EAAmB,MAAM,aAAa,UACtC,EAAmB,MAAM,gBAAgB,QACzC,EAAmB,MAAM,YAAY,cACrC,EAAmB,MAAM,QAAQ,GACjC,EAAmB,MAAM,SAAS,KAClC,EAAmB,MAAM,UAAU,KACnC,EAAmB,MAAM,SAAS,KAClC,SAAS,KAAK,YAAY,CAAkB;CAE5C,IAAM,IAAgB,EAAmB,sBAAsB,CAAC,CAAC;CAIjE,OAFA,EAAmB,OAAO,GAEnB,OAAO,SAAS,CAAa,IAAI,IAAgB,KAAA;AAC5D,GAEM,KAAkC,MAC/B,IAIE;CACH,oBAAoB,EAAM,UAAU,KAAA,IAAyD,KAAA,IAA7C,EAA8B,EAAM,KAAK;CACzF,oBAAoB,EAAM,SAAS,KAAA,IAAwD,KAAA,IAA5C,EAA8B,EAAM,IAAI;AAC3F,IANW,CAAC,GASH,KACT,GACA,GACA,MACgB;CAChB,IAAI,MAAa,WAAW,MAAiB,KAAA,GACzC,OAAO;CAGX,IAAM,EAAE,uBAAoB,0BAAuB,EAA+B,CAAoB;CAUtG,OARI,MAAuB,KAAA,KAAa,IAAe,IAC5C,gBAGP,MAAuB,KAAA,KAAa,IAAe,IAC5C,gBAGJ;AACX"}

package/components/table/model/resolveRowMeta.js

@@ -1,15 +1,13 @@
-const r = (t, e, n) => typeof t == "function" ? t(e, n) : t, u = (t, e, n) => {
-  if (typeof n == "function")
-    return n(t, e);
-  if (n) {
-    const f = t[n];
-    if (typeof f == "string" || typeof f == "number")
-      return f;
-  }
-  return e;
+//#region src/components/table/model/resolveRowMeta.ts
+var e = (e, t, n) => typeof e == "function" ? e(t, n) : e, t = (e, t, n) => {
+	if (typeof n == "function") return n(e, t);
+	if (n) {
+		let t = e[n];
+		if (typeof t == "string" || typeof t == "number") return t;
+	}
+	return t;
 };
-export {
-  r as resolveRowClassName,
-  u as resolveRowKey
-};
-//# sourceMappingURL=resolveRowMeta.js.map
+//#endregion
+export { e as resolveRowClassName, t as resolveRowKey };
+
+//# sourceMappingURL=resolveRowMeta.js.map

package/components/table/model/resolveRowMeta.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolveRowMeta.js","sources":["../../../../src/components/table/model/resolveRowMeta.ts"],"sourcesContent":["import type { TableRowData } from '../Table.types';\n\nexport const resolveRowClassName = <RowType extends TableRowData>(\n    rowClassName: string | ((row: RowType, rowIndex: number) => string) | undefined,\n    row: RowType,\n    rowIndex: number\n) => {\n    if (typeof rowClassName === 'function') {\n        return rowClassName(row, rowIndex);\n    }\n\n    return rowClassName;\n};\n\nexport const resolveRowKey = <RowType extends TableRowData>(\n    row: RowType,\n    rowIndex: number,\n    rowKey: keyof RowType | ((row: RowType, rowIndex: number) => string | number) | undefined\n) => {\n    if (typeof rowKey === 'function') {\n        return rowKey(row, rowIndex);\n    }\n\n    if (rowKey) {\n        const rowValue = row[rowKey];\n        if (typeof rowValue === 'string' || typeof rowValue === 'number') {\n            return rowValue;\n        }\n    }\n\n    return rowIndex;\n};\n"],"names":["resolveRowClassName","rowClassName","row","rowIndex","resolveRowKey","rowKey","rowValue"],"mappings":"AAEO,MAAMA,IAAsB,CAC/BC,GACAC,GACAC,MAEI,OAAOF,KAAiB,aACjBA,EAAaC,GAAKC,CAAQ,IAG9BF,GAGEG,IAAgB,CACzBF,GACAC,GACAE,MACC;AACD,MAAI,OAAOA,KAAW;AAClB,WAAOA,EAAOH,GAAKC,CAAQ;AAG/B,MAAIE,GAAQ;AACR,UAAMC,IAAWJ,EAAIG,CAAM;AAC3B,QAAI,OAAOC,KAAa,YAAY,OAAOA,KAAa;AACpD,aAAOA;AAAA,EAEf;AAEA,SAAOH;AACX;"}
+{"version":3,"file":"resolveRowMeta.js","names":[],"sources":["../../../../src/components/table/model/resolveRowMeta.ts"],"sourcesContent":["import type { TableRowData } from '../Table.types';\n\nexport const resolveRowClassName = <RowType extends TableRowData>(\n    rowClassName: string | ((row: RowType, rowIndex: number) => string) | undefined,\n    row: RowType,\n    rowIndex: number\n) => {\n    if (typeof rowClassName === 'function') {\n        return rowClassName(row, rowIndex);\n    }\n\n    return rowClassName;\n};\n\nexport const resolveRowKey = <RowType extends TableRowData>(\n    row: RowType,\n    rowIndex: number,\n    rowKey: keyof RowType | ((row: RowType, rowIndex: number) => string | number) | undefined\n) => {\n    if (typeof rowKey === 'function') {\n        return rowKey(row, rowIndex);\n    }\n\n    if (rowKey) {\n        const rowValue = row[rowKey];\n        if (typeof rowValue === 'string' || typeof rowValue === 'number') {\n            return rowValue;\n        }\n    }\n\n    return rowIndex;\n};\n"],"mappings":";AAEA,IAAa,KACT,GACA,GACA,MAEI,OAAO,KAAiB,aACjB,EAAa,GAAK,CAAQ,IAG9B,GAGE,KACT,GACA,GACA,MACC;CACD,IAAI,OAAO,KAAW,YAClB,OAAO,EAAO,GAAK,CAAQ;CAG/B,IAAI,GAAQ;EACR,IAAM,IAAW,EAAI;EACrB,IAAI,OAAO,KAAa,YAAY,OAAO,KAAa,UACpD,OAAO;CAEf;CAEA,OAAO;AACX"}

package/components/table/model/resolveTableClassConfig.js

@@ -1,64 +1,40 @@
-import { mergeClassNameOverrides as c } from "../../../utils/mergeClassNameOverrides.js";
-import b from "../../../utils/classNames.js";
-const m = {
-  TABLE: "table-view-table",
-  SINGLE_CARD: "table-view-single-card",
-  MULTI_CARDS: "table-view-multi-cards"
-}, w = (s) => s?.split(" ").map((l) => l.trim()).filter(Boolean) ?? [], C = (s) => s === "shadow" || s.startsWith("shadow-") ? "shadow" : s === "border-radius" || s.startsWith("border-radius-") ? "rounded" : s, u = (s) => {
-  const { shadow: l, border: r, rounded: o, className: t } = s, d = b(l && "shadow", r && "border", o && "rounded"), i = w(t).map(C).join(" "), e = c(d, i), a = new Set(w(e));
-  return {
-    hasShadow: !!l && a.has("shadow"),
-    hasBorder: !!r && a.has("border"),
-    hasRounded: !!o && a.has("rounded")
-  };
-}, f = (s) => {
-  const { viewType: l, hover: r = !1, shadow: o = !1, border: t = !0, rounded: d = !0, className: i, cardsStyle: e } = s, a = l === "TABLE", n = r, h = u({ shadow: o, border: t, rounded: d, className: i });
-  return {
-    hasHover: n,
-    isTableView: a,
-    styleClassSwitches: h,
-    cardClasses: {
-      rowClassName: a ? void 0 : b(
-        h.hasShadow && "shadow-default",
-        h.hasBorder && "border",
-        e?.className
-      ),
-      cellClassName: a ? void 0 : e?.rowClassName,
-      labelClassName: a ? void 0 : e?.labelClassName,
-      contentClassName: a ? void 0 : e?.contentClassName
-    }
-  };
-}, N = (s) => {
-  const {
-    viewType: l,
-    condensed: r = !1,
-    striped: o = !1,
-    gridLines: t = !1,
-    className: d,
-    tableUseOverflow: i,
-    flags: e,
-    hasHover: a,
-    styleClassSwitches: n
-  } = s;
-  return b(
-    "table",
-    m[l],
-    a && "table-hover",
-    r && "table-condensed",
-    e.isTableView && t && "table-grid-lines",
-    e.isTableView && o && "table-striped",
-    e.isTableView && n.hasShadow && "shadow-default",
-    e.isTableView && n.hasBorder && "border",
-    n.hasRounded && "table-rounded",
-    e.isTableView && (e.hasHeader ? "table-has-head" : "table-no-head"),
-    e.isTableView && e.hasFooter && "table-has-footer",
-    e.isTableView && i && "table-allow-horizontal-overflow",
-    d
-  );
+import { mergeClassNameOverrides as e } from "../../../utils/mergeClassNameOverrides.js";
+import t from "../../../utils/classNames.js";
+//#region src/components/table/model/resolveTableClassConfig.ts
+var n = {
+	TABLE: "table-view-table",
+	SINGLE_CARD: "table-view-single-card",
+	MULTI_CARDS: "table-view-multi-cards"
+}, r = (e) => e?.split(" ").map((e) => e.trim()).filter(Boolean) ?? [], i = (e) => e === "shadow" || e.startsWith("shadow-") ? "shadow" : e === "border-radius" || e.startsWith("border-radius-") ? "rounded" : e, a = (n) => {
+	let { shadow: a, border: o, rounded: s, className: c } = n, l = e(t(a && "shadow", o && "border", s && "rounded"), r(c).map(i).join(" ")), u = new Set(r(l));
+	return {
+		hasShadow: !!a && u.has("shadow"),
+		hasBorder: !!o && u.has("border"),
+		hasRounded: !!s && u.has("rounded")
+	};
+}, o = (e) => {
+	let { viewType: n, hover: r = !1, shadow: i = !1, border: o = !0, rounded: s = !0, className: c, cardsStyle: l } = e, u = n === "TABLE", d = r, f = a({
+		shadow: i,
+		border: o,
+		rounded: s,
+		className: c
+	});
+	return {
+		hasHover: d,
+		isTableView: u,
+		styleClassSwitches: f,
+		cardClasses: {
+			rowClassName: u ? void 0 : t(f.hasShadow && "shadow-default", f.hasBorder && "border", l?.className),
+			cellClassName: u ? void 0 : l?.rowClassName,
+			labelClassName: u ? void 0 : l?.labelClassName,
+			contentClassName: u ? void 0 : l?.contentClassName
+		}
+	};
+}, s = (e) => {
+	let { viewType: r, condensed: i = !1, striped: a = !1, gridLines: o = !1, className: s, tableUseOverflow: c, flags: l, hasHover: u, styleClassSwitches: d } = e;
+	return t("table", n[r], u && "table-hover", i && "table-condensed", l.isTableView && o && "table-grid-lines", l.isTableView && a && "table-striped", l.isTableView && d.hasShadow && "shadow-default", l.isTableView && d.hasBorder && "border", d.hasRounded && "table-rounded", l.isTableView && (l.hasHeader ? "table-has-head" : "table-no-head"), l.isTableView && l.hasFooter && "table-has-footer", l.isTableView && c && "table-allow-horizontal-overflow", s);
 };
-export {
-  N as resolveTableBaseClassName,
-  f as resolveTableClassConfig,
-  u as resolveTableStyleClassSwitches
-};
-//# sourceMappingURL=resolveTableClassConfig.js.map
+//#endregion
+export { s as resolveTableBaseClassName, o as resolveTableClassConfig, a as resolveTableStyleClassSwitches };
+
+//# sourceMappingURL=resolveTableClassConfig.js.map

package/components/table/model/resolveTableClassConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolveTableClassConfig.js","sources":["../../../../src/components/table/model/resolveTableClassConfig.ts"],"sourcesContent":["import { mergeClassNameOverrides } from '../../../mergeClassNameOverrides';\nimport classNames from '../../../utils/classNames';\nimport type { TableCardsStyleSettings, TableViewType } from '../Table.types';\nimport type { TableViewFlags } from './tableView.types';\n\ntype TableStyleClassSwitches = {\n    hasShadow: boolean;\n    hasBorder: boolean;\n    hasRounded: boolean;\n};\n\ntype TableCardClasses = {\n    rowClassName?: string;\n    cellClassName?: string;\n    labelClassName?: string;\n    contentClassName?: string;\n};\n\ntype ResolveTableClassConfigProps = {\n    viewType: TableViewType;\n    hover?: boolean;\n    shadow?: boolean;\n    border?: boolean;\n    rounded?: boolean;\n    className?: string;\n    cardsStyle?: TableCardsStyleSettings;\n};\n\ntype ResolveTableBaseClassNameProps = {\n    viewType: TableViewType;\n    condensed?: boolean;\n    striped?: boolean;\n    gridLines?: boolean;\n    className?: string;\n    tableUseOverflow: boolean;\n    flags: TableViewFlags;\n    hasHover: boolean;\n    styleClassSwitches: TableStyleClassSwitches;\n};\n\nconst viewTypeClassNameMap: Record<TableViewType, string> = {\n    TABLE: 'table-view-table',\n    SINGLE_CARD: 'table-view-single-card',\n    MULTI_CARDS: 'table-view-multi-cards',\n};\n\nconst splitClassNameTokens = (value?: string) =>\n    value\n        ?.split(' ')\n        .map(classNameToken => classNameToken.trim())\n        .filter(Boolean) ?? [];\n\nconst normalizeTableStyleOverrideToken = (token: string) => {\n    if (token === 'shadow' || token.startsWith('shadow-')) {\n        return 'shadow';\n    }\n\n    if (token === 'border-radius' || token.startsWith('border-radius-')) {\n        return 'rounded';\n    }\n\n    return token;\n};\n\nexport const resolveTableStyleClassSwitches = (props: {\n    shadow?: boolean;\n    border?: boolean;\n    rounded?: boolean;\n    className?: string;\n}): TableStyleClassSwitches => {\n    const { shadow, border, rounded, className } = props;\n    const defaultStyleClasses = classNames(shadow && 'shadow', border && 'border', rounded && 'rounded');\n\n    const overrideClasses = splitClassNameTokens(className).map(normalizeTableStyleOverrideToken).join(' ');\n    const mergedStyleClasses = mergeClassNameOverrides(defaultStyleClasses, overrideClasses);\n    const mergedStyleClassSet = new Set(splitClassNameTokens(mergedStyleClasses));\n\n    return {\n        hasShadow: !!shadow && mergedStyleClassSet.has('shadow'),\n        hasBorder: !!border && mergedStyleClassSet.has('border'),\n        hasRounded: !!rounded && mergedStyleClassSet.has('rounded'),\n    };\n};\n\nexport const resolveTableClassConfig = (\n    props: ResolveTableClassConfigProps\n): {\n    hasHover: boolean;\n    isTableView: boolean;\n    styleClassSwitches: TableStyleClassSwitches;\n    cardClasses: TableCardClasses;\n} => {\n    const { viewType, hover = false, shadow = false, border = true, rounded = true, className, cardsStyle } = props;\n    const isTableView = viewType === 'TABLE';\n    const hasHover = hover;\n    const styleClassSwitches = resolveTableStyleClassSwitches({ shadow, border, rounded, className });\n\n    return {\n        hasHover,\n        isTableView,\n        styleClassSwitches,\n        cardClasses: {\n            rowClassName: !isTableView\n                ? classNames(\n                      styleClassSwitches.hasShadow && 'shadow-default',\n                      styleClassSwitches.hasBorder && 'border',\n                      cardsStyle?.className\n                  )\n                : undefined,\n            cellClassName: !isTableView ? cardsStyle?.rowClassName : undefined,\n            labelClassName: !isTableView ? cardsStyle?.labelClassName : undefined,\n            contentClassName: !isTableView ? cardsStyle?.contentClassName : undefined,\n        },\n    };\n};\n\nexport const resolveTableBaseClassName = (props: ResolveTableBaseClassNameProps) => {\n    const {\n        viewType,\n        condensed = false,\n        striped = false,\n        gridLines = false,\n        className,\n        tableUseOverflow,\n        flags,\n        hasHover,\n        styleClassSwitches,\n    } = props;\n\n    return classNames(\n        'table',\n        viewTypeClassNameMap[viewType],\n        hasHover && 'table-hover',\n        condensed && 'table-condensed',\n        flags.isTableView && gridLines && 'table-grid-lines',\n        flags.isTableView && striped && 'table-striped',\n        flags.isTableView && styleClassSwitches.hasShadow && 'shadow-default',\n        flags.isTableView && styleClassSwitches.hasBorder && 'border',\n        styleClassSwitches.hasRounded && 'table-rounded',\n        flags.isTableView && (flags.hasHeader ? 'table-has-head' : 'table-no-head'),\n        flags.isTableView && flags.hasFooter && 'table-has-footer',\n        flags.isTableView && tableUseOverflow && 'table-allow-horizontal-overflow',\n        className\n    );\n};\n"],"names":["viewTypeClassNameMap","splitClassNameTokens","value","classNameToken","normalizeTableStyleOverrideToken","token","resolveTableStyleClassSwitches","props","shadow","border","rounded","className","defaultStyleClasses","classNames","overrideClasses","mergedStyleClasses","mergeClassNameOverrides","mergedStyleClassSet","resolveTableClassConfig","viewType","hover","cardsStyle","isTableView","hasHover","styleClassSwitches","resolveTableBaseClassName","condensed","striped","gridLines","tableUseOverflow","flags"],"mappings":";;AAwCA,MAAMA,IAAsD;AAAA,EACxD,OAAO;AAAA,EACP,aAAa;AAAA,EACb,aAAa;AACjB,GAEMC,IAAuB,CAACC,MAC1BA,GACM,MAAM,GAAG,EACV,IAAI,CAAAC,MAAkBA,EAAe,MAAM,EAC3C,OAAO,OAAO,KAAK,CAAA,GAEtBC,IAAmC,CAACC,MAClCA,MAAU,YAAYA,EAAM,WAAW,SAAS,IACzC,WAGPA,MAAU,mBAAmBA,EAAM,WAAW,gBAAgB,IACvD,YAGJA,GAGEC,IAAiC,CAACC,MAKhB;AAC3B,QAAM,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,MAAcJ,GACzCK,IAAsBC,EAAWL,KAAU,UAAUC,KAAU,UAAUC,KAAW,SAAS,GAE7FI,IAAkBb,EAAqBU,CAAS,EAAE,IAAIP,CAAgC,EAAE,KAAK,GAAG,GAChGW,IAAqBC,EAAwBJ,GAAqBE,CAAe,GACjFG,IAAsB,IAAI,IAAIhB,EAAqBc,CAAkB,CAAC;AAE5E,SAAO;AAAA,IACH,WAAW,CAAC,CAACP,KAAUS,EAAoB,IAAI,QAAQ;AAAA,IACvD,WAAW,CAAC,CAACR,KAAUQ,EAAoB,IAAI,QAAQ;AAAA,IACvD,YAAY,CAAC,CAACP,KAAWO,EAAoB,IAAI,SAAS;AAAA,EAAA;AAElE,GAEaC,IAA0B,CACnCX,MAMC;AACD,QAAM,EAAE,UAAAY,GAAU,OAAAC,IAAQ,IAAO,QAAAZ,IAAS,IAAO,QAAAC,IAAS,IAAM,SAAAC,IAAU,IAAM,WAAAC,GAAW,YAAAU,EAAA,IAAed,GACpGe,IAAcH,MAAa,SAC3BI,IAAWH,GACXI,IAAqBlB,EAA+B,EAAE,QAAAE,GAAQ,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW;AAEhG,SAAO;AAAA,IACH,UAAAY;AAAA,IACA,aAAAD;AAAA,IACA,oBAAAE;AAAA,IACA,aAAa;AAAA,MACT,cAAeF,IAMT,SALAT;AAAA,QACIW,EAAmB,aAAa;AAAA,QAChCA,EAAmB,aAAa;AAAA,QAChCH,GAAY;AAAA,MAAA;AAAA,MAGtB,eAAgBC,IAAyC,SAA3BD,GAAY;AAAA,MAC1C,gBAAiBC,IAA2C,SAA7BD,GAAY;AAAA,MAC3C,kBAAmBC,IAA6C,SAA/BD,GAAY;AAAA,IAAmB;AAAA,EACpE;AAER,GAEaI,IAA4B,CAAClB,MAA0C;AAChF,QAAM;AAAA,IACF,UAAAY;AAAA,IACA,WAAAO,IAAY;AAAA,IACZ,SAAAC,IAAU;AAAA,IACV,WAAAC,IAAY;AAAA,IACZ,WAAAjB;AAAA,IACA,kBAAAkB;AAAA,IACA,OAAAC;AAAA,IACA,UAAAP;AAAA,IACA,oBAAAC;AAAA,EAAA,IACAjB;AAEJ,SAAOM;AAAA,IACH;AAAA,IACAb,EAAqBmB,CAAQ;AAAA,IAC7BI,KAAY;AAAA,IACZG,KAAa;AAAA,IACbI,EAAM,eAAeF,KAAa;AAAA,IAClCE,EAAM,eAAeH,KAAW;AAAA,IAChCG,EAAM,eAAeN,EAAmB,aAAa;AAAA,IACrDM,EAAM,eAAeN,EAAmB,aAAa;AAAA,IACrDA,EAAmB,cAAc;AAAA,IACjCM,EAAM,gBAAgBA,EAAM,YAAY,mBAAmB;AAAA,IAC3DA,EAAM,eAAeA,EAAM,aAAa;AAAA,IACxCA,EAAM,eAAeD,KAAoB;AAAA,IACzClB;AAAA,EAAA;AAER;"}
+{"version":3,"file":"resolveTableClassConfig.js","names":[],"sources":["../../../../src/components/table/model/resolveTableClassConfig.ts"],"sourcesContent":["import { mergeClassNameOverrides } from '../../../mergeClassNameOverrides';\nimport classNames from '../../../utils/classNames';\nimport type { TableCardsStyleSettings, TableViewType } from '../Table.types';\nimport type { TableViewFlags } from './tableView.types';\n\ntype TableStyleClassSwitches = {\n    hasShadow: boolean;\n    hasBorder: boolean;\n    hasRounded: boolean;\n};\n\ntype TableCardClasses = {\n    rowClassName?: string;\n    cellClassName?: string;\n    labelClassName?: string;\n    contentClassName?: string;\n};\n\ntype ResolveTableClassConfigProps = {\n    viewType: TableViewType;\n    hover?: boolean;\n    shadow?: boolean;\n    border?: boolean;\n    rounded?: boolean;\n    className?: string;\n    cardsStyle?: TableCardsStyleSettings;\n};\n\ntype ResolveTableBaseClassNameProps = {\n    viewType: TableViewType;\n    condensed?: boolean;\n    striped?: boolean;\n    gridLines?: boolean;\n    className?: string;\n    tableUseOverflow: boolean;\n    flags: TableViewFlags;\n    hasHover: boolean;\n    styleClassSwitches: TableStyleClassSwitches;\n};\n\nconst viewTypeClassNameMap: Record<TableViewType, string> = {\n    TABLE: 'table-view-table',\n    SINGLE_CARD: 'table-view-single-card',\n    MULTI_CARDS: 'table-view-multi-cards',\n};\n\nconst splitClassNameTokens = (value?: string) =>\n    value\n        ?.split(' ')\n        .map(classNameToken => classNameToken.trim())\n        .filter(Boolean) ?? [];\n\nconst normalizeTableStyleOverrideToken = (token: string) => {\n    if (token === 'shadow' || token.startsWith('shadow-')) {\n        return 'shadow';\n    }\n\n    if (token === 'border-radius' || token.startsWith('border-radius-')) {\n        return 'rounded';\n    }\n\n    return token;\n};\n\nexport const resolveTableStyleClassSwitches = (props: {\n    shadow?: boolean;\n    border?: boolean;\n    rounded?: boolean;\n    className?: string;\n}): TableStyleClassSwitches => {\n    const { shadow, border, rounded, className } = props;\n    const defaultStyleClasses = classNames(shadow && 'shadow', border && 'border', rounded && 'rounded');\n\n    const overrideClasses = splitClassNameTokens(className).map(normalizeTableStyleOverrideToken).join(' ');\n    const mergedStyleClasses = mergeClassNameOverrides(defaultStyleClasses, overrideClasses);\n    const mergedStyleClassSet = new Set(splitClassNameTokens(mergedStyleClasses));\n\n    return {\n        hasShadow: !!shadow && mergedStyleClassSet.has('shadow'),\n        hasBorder: !!border && mergedStyleClassSet.has('border'),\n        hasRounded: !!rounded && mergedStyleClassSet.has('rounded'),\n    };\n};\n\nexport const resolveTableClassConfig = (\n    props: ResolveTableClassConfigProps\n): {\n    hasHover: boolean;\n    isTableView: boolean;\n    styleClassSwitches: TableStyleClassSwitches;\n    cardClasses: TableCardClasses;\n} => {\n    const { viewType, hover = false, shadow = false, border = true, rounded = true, className, cardsStyle } = props;\n    const isTableView = viewType === 'TABLE';\n    const hasHover = hover;\n    const styleClassSwitches = resolveTableStyleClassSwitches({ shadow, border, rounded, className });\n\n    return {\n        hasHover,\n        isTableView,\n        styleClassSwitches,\n        cardClasses: {\n            rowClassName: !isTableView\n                ? classNames(\n                      styleClassSwitches.hasShadow && 'shadow-default',\n                      styleClassSwitches.hasBorder && 'border',\n                      cardsStyle?.className\n                  )\n                : undefined,\n            cellClassName: !isTableView ? cardsStyle?.rowClassName : undefined,\n            labelClassName: !isTableView ? cardsStyle?.labelClassName : undefined,\n            contentClassName: !isTableView ? cardsStyle?.contentClassName : undefined,\n        },\n    };\n};\n\nexport const resolveTableBaseClassName = (props: ResolveTableBaseClassNameProps) => {\n    const {\n        viewType,\n        condensed = false,\n        striped = false,\n        gridLines = false,\n        className,\n        tableUseOverflow,\n        flags,\n        hasHover,\n        styleClassSwitches,\n    } = props;\n\n    return classNames(\n        'table',\n        viewTypeClassNameMap[viewType],\n        hasHover && 'table-hover',\n        condensed && 'table-condensed',\n        flags.isTableView && gridLines && 'table-grid-lines',\n        flags.isTableView && striped && 'table-striped',\n        flags.isTableView && styleClassSwitches.hasShadow && 'shadow-default',\n        flags.isTableView && styleClassSwitches.hasBorder && 'border',\n        styleClassSwitches.hasRounded && 'table-rounded',\n        flags.isTableView && (flags.hasHeader ? 'table-has-head' : 'table-no-head'),\n        flags.isTableView && flags.hasFooter && 'table-has-footer',\n        flags.isTableView && tableUseOverflow && 'table-allow-horizontal-overflow',\n        className\n    );\n};\n"],"mappings":";;;AAwCA,IAAM,IAAsD;CACxD,OAAO;CACP,aAAa;CACb,aAAa;AACjB,GAEM,KAAwB,MAC1B,GACM,MAAM,GAAG,CAAC,CACX,KAAI,MAAkB,EAAe,KAAK,CAAC,CAAC,CAC5C,OAAO,OAAO,KAAK,CAAC,GAEvB,KAAoC,MAClC,MAAU,YAAY,EAAM,WAAW,SAAS,IACzC,WAGP,MAAU,mBAAmB,EAAM,WAAW,gBAAgB,IACvD,YAGJ,GAGE,KAAkC,MAKhB;CAC3B,IAAM,EAAE,WAAQ,WAAQ,YAAS,iBAAc,GAIzC,IAAqB,EAHC,EAAW,KAAU,UAAU,KAAU,UAAU,KAAW,SAGvC,GAD3B,EAAqB,CAAS,CAAC,CAAC,IAAI,CAAgC,CAAC,CAAC,KAAK,GAC3B,CAAe,GACjF,IAAsB,IAAI,IAAI,EAAqB,CAAkB,CAAC;CAE5E,OAAO;EACH,WAAW,CAAC,CAAC,KAAU,EAAoB,IAAI,QAAQ;EACvD,WAAW,CAAC,CAAC,KAAU,EAAoB,IAAI,QAAQ;EACvD,YAAY,CAAC,CAAC,KAAW,EAAoB,IAAI,SAAS;CAC9D;AACJ,GAEa,KACT,MAMC;CACD,IAAM,EAAE,aAAU,WAAQ,IAAO,YAAS,IAAO,YAAS,IAAM,aAAU,IAAM,cAAW,kBAAe,GACpG,IAAc,MAAa,SAC3B,IAAW,GACX,IAAqB,EAA+B;EAAE;EAAQ;EAAQ;EAAS;CAAU,CAAC;CAEhG,OAAO;EACH;EACA;EACA;EACA,aAAa;GACT,cAAe,IAMT,KAAA,IALA,EACI,EAAmB,aAAa,kBAChC,EAAmB,aAAa,UAChC,GAAY,SAChB;GAEN,eAAgB,IAAyC,KAAA,IAA3B,GAAY;GAC1C,gBAAiB,IAA2C,KAAA,IAA7B,GAAY;GAC3C,kBAAmB,IAA6C,KAAA,IAA/B,GAAY;EACjD;CACJ;AACJ,GAEa,KAA6B,MAA0C;CAChF,IAAM,EACF,aACA,eAAY,IACZ,aAAU,IACV,eAAY,IACZ,cACA,qBACA,UACA,aACA,0BACA;CAEJ,OAAO,EACH,SACA,EAAqB,IACrB,KAAY,eACZ,KAAa,mBACb,EAAM,eAAe,KAAa,oBAClC,EAAM,eAAe,KAAW,iBAChC,EAAM,eAAe,EAAmB,aAAa,kBACrD,EAAM,eAAe,EAAmB,aAAa,UACrD,EAAmB,cAAc,iBACjC,EAAM,gBAAgB,EAAM,YAAY,mBAAmB,kBAC3D,EAAM,eAAe,EAAM,aAAa,oBACxC,EAAM,eAAe,KAAoB,mCACzC,CACJ;AACJ"}

package/components/table/model/tableView.types.d.ts

@@ -1,10 +1,11 @@
 import { ReactNode } from 'react';
+import { IconType } from '../../icon/Icon';
 import { TableColumnDefinition, TableHorizontalAlign, TableRowData, TableSortDirection, TableVerticalAlign } from '../Table.types';
 export type TableViewHeaderColumn<RowType extends TableRowData> = {
     key: string | number;
     columnKey?: string;
     label: ReactNode;
-    icon?: string;
+    icon?: IconType;
     filter?: ReactNode;
     hideLabel?: boolean;
     horizontalAlign?: TableHorizontalAlign;

package/components/table/native/TableCol.js

@@ -1,12 +1,17 @@
-import { jsx as o } from "react/jsx-runtime";
-const w = ({ columnDetails: t, className: d = "", ...h }) => {
-  const i = t?.width ? {
-    minWidth: t.width,
-    width: t.width
-  } : {};
-  return /* @__PURE__ */ o("col", { ...h, style: i, className: d });
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/table/native/TableCol.tsx
+var t = ({ columnDetails: t, className: n = "", ...r }) => {
+	let i = t?.width ? {
+		minWidth: t.width,
+		width: t.width
+	} : {};
+	return /* @__PURE__ */ e("col", {
+		...r,
+		style: i,
+		className: n
+	});
 };
-export {
-  w as default
-};
-//# sourceMappingURL=TableCol.js.map
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=TableCol.js.map

package/components/table/native/TableCol.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCol.js","sources":["../../../../src/components/table/native/TableCol.tsx"],"sourcesContent":["export type ColumnDetails = { [key: string]: number };\nexport type ColumnDetailsMap = { [key: string]: ColumnDetails };\n\ntype TableColProps = {\n    /**\n     * The width of the column as part of the column details object used for the TableSettingsDialog.\n     */\n    columnDetails?: ColumnDetails;\n\n    /**\n     * Additional classes added to the col tag element.\n     */\n    className?: string;\n};\n\nconst TableCol = ({ columnDetails, className = '', ...remainingProps }: TableColProps) => {\n    const style = columnDetails?.width\n        ? {\n              minWidth: columnDetails.width,\n              width: columnDetails.width,\n          }\n        : {};\n\n    return <col {...remainingProps} style={style} className={className} />;\n};\n\nexport default TableCol;\n"],"names":["TableCol","columnDetails","className","remainingProps","style","jsx"],"mappings":";AAeA,MAAMA,IAAW,CAAC,EAAE,eAAAC,GAAe,WAAAC,IAAY,IAAI,GAAGC,QAAoC;AACtF,QAAMC,IAAQH,GAAe,QACvB;AAAA,IACI,UAAUA,EAAc;AAAA,IACxB,OAAOA,EAAc;AAAA,EAAA,IAEzB,CAAA;AAEN,SAAO,gBAAAI,EAAC,OAAA,EAAK,GAAGF,GAAgB,OAAAC,GAAc,WAAAF,GAAsB;AACxE;"}
+{"version":3,"file":"TableCol.js","names":[],"sources":["../../../../src/components/table/native/TableCol.tsx"],"sourcesContent":["export type ColumnDetails = { [key: string]: number };\nexport type ColumnDetailsMap = { [key: string]: ColumnDetails };\n\ntype TableColProps = {\n    /**\n     * The width of the column as part of the column details object used for the TableSettingsDialog.\n     */\n    columnDetails?: ColumnDetails;\n\n    /**\n     * Additional classes added to the col tag element.\n     */\n    className?: string;\n};\n\nconst TableCol = ({ columnDetails, className = '', ...remainingProps }: TableColProps) => {\n    const style = columnDetails?.width\n        ? {\n              minWidth: columnDetails.width,\n              width: columnDetails.width,\n          }\n        : {};\n\n    return <col {...remainingProps} style={style} className={className} />;\n};\n\nexport default TableCol;\n"],"mappings":";;AAeA,IAAM,KAAY,EAAE,kBAAe,eAAY,IAAI,GAAG,QAAoC;CACtF,IAAM,IAAQ,GAAe,QACvB;EACI,UAAU,EAAc;EACxB,OAAO,EAAc;CACzB,IACA,CAAC;CAEP,OAAO,kBAAC,OAAD;EAAK,GAAI;EAAuB;EAAkB;CAAY,CAAA;AACzE"}

package/components/table/native/TableHead.js

@@ -1,39 +1,20 @@
-import { jsxs as r, jsx as s } from "react/jsx-runtime";
-import b from "../../../utils/classNames.js";
-import l from "../SortArrows.js";
-const y = (o) => {
-  const {
-    column: t,
-    title: a,
-    label: e,
-    sortBy: n,
-    sortDir: i,
-    onClick: c = () => {
-    },
-    className: m = "",
-    children: d,
-    ...p
-  } = o, h = b("user-select-none", "sort-column", m);
-  return /* @__PURE__ */ r(
-    "th",
-    {
-      ...p,
-      className: h,
-      onClick: c,
-      "data-field": t,
-      "data-sortby": t,
-      title: a ?? (typeof e == "string" ? e : ""),
-      children: [
-        e && /* @__PURE__ */ r("span", { children: [
-          t !== void 0 && n === t ? /* @__PURE__ */ s(l, { direction: i }) : /* @__PURE__ */ s(l, {}),
-          /* @__PURE__ */ s("span", { children: e })
-        ] }),
-        d
-      ]
-    }
-  );
+import e from "../../../utils/classNames.js";
+import t from "../SortArrows.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/table/native/TableHead.tsx
+var i = (i) => {
+	let { column: a, title: o, label: s, sortBy: c, sortDir: l, onClick: u = () => {}, className: d = "", children: f, ...p } = i, m = e("user-select-none", "sort-column", d), h = o ?? (typeof s == "string" ? s : "");
+	return /* @__PURE__ */ r("th", {
+		...p,
+		className: m,
+		onClick: u,
+		"data-field": a,
+		"data-sortby": a,
+		title: h,
+		children: [s && /* @__PURE__ */ r("span", { children: [a !== void 0 && c === a ? /* @__PURE__ */ n(t, { direction: l }) : /* @__PURE__ */ n(t, {}), /* @__PURE__ */ n("span", { children: s })] }), f]
+	});
 };
-export {
-  y as default
-};
-//# sourceMappingURL=TableHead.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=TableHead.js.map

package/components/table/native/TableHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHead.js","sources":["../../../../src/components/table/native/TableHead.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport classNames from '../../../utils/classNames';\nimport SortArrows from '../SortArrows';\n\ntype TableHeadProps = {\n    /**\n     * The unique name of the column used as identifier\n     */\n    column?: string;\n\n    /**\n     * The label that shall be rendered in the table head next to the sorting icons.\n     */\n    label?: string | React.ReactElement;\n\n    /**\n     * The string title of a column used as native title attribute on the th tag.\n     */\n    title?: string;\n\n    /**\n     * The sorting key stored as data attribute for later usage for click events.\n     */\n    sortBy?: string;\n\n    /**\n     * The column sorting direction.\n     */\n    sortDir?: string;\n\n    /**\n     * The click handler for the th tag.\n     */\n    onClick?: (event: React.MouseEvent<HTMLTableCellElement>) => void;\n\n    /**\n     * Additional class names assigned to the wrapper element.\n     */\n    className?: string;\n};\n\nconst TableHead = (props: PropsWithChildren<TableHeadProps>) => {\n    const {\n        column,\n        title,\n        label,\n        sortBy,\n        sortDir,\n        onClick = () => {},\n        className = '',\n        children,\n        ...remainingProps\n    } = props;\n\n    const tableHeadClassNames = classNames('user-select-none', 'sort-column', className);\n\n    const labelString = typeof label === 'string' ? (label as string) : '';\n    const thTitle = title ?? labelString;\n\n    return (\n        <th\n            {...remainingProps}\n            className={tableHeadClassNames}\n            onClick={onClick}\n            data-field={column}\n            data-sortby={column}\n            title={thTitle}\n        >\n            {label && (\n                <span>\n                    {column !== undefined && sortBy === column ? <SortArrows direction={sortDir} /> : <SortArrows />}\n                    <span>{label}</span>\n                </span>\n            )}\n            {children}\n        </th>\n    );\n};\n\nexport default TableHead;\n"],"names":["TableHead","props","column","title","label","sortBy","sortDir","onClick","className","children","remainingProps","tableHeadClassNames","classNames","jsxs","jsx","SortArrows"],"mappings":";;;AA0CA,MAAMA,IAAY,CAACC,MAA6C;AAC5D,QAAM;AAAA,IACF,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC,IAAU,MAAM;AAAA,IAAC;AAAA,IACjB,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT,GAEEU,IAAsBC,EAAW,oBAAoB,eAAeJ,CAAS;AAKnF,SACI,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWC;AAAA,MACX,SAAAJ;AAAA,MACA,cAAYL;AAAA,MACZ,eAAaA;AAAA,MACb,OATQC,MADI,OAAOC,KAAU,WAAYA,IAAmB;AAAA,MAY3D,UAAA;AAAA,QAAAA,uBACI,QAAA,EACI,UAAA;AAAA,UAAAF,MAAW,UAAaG,MAAWH,IAAS,gBAAAY,EAACC,KAAW,WAAWT,EAAA,CAAS,IAAK,gBAAAQ,EAACC,GAAA,CAAA,CAAW;AAAA,UAC9F,gBAAAD,EAAC,UAAM,UAAAV,EAAA,CAAM;AAAA,QAAA,GACjB;AAAA,QAEHK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"TableHead.js","names":[],"sources":["../../../../src/components/table/native/TableHead.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport classNames from '../../../utils/classNames';\nimport SortArrows from '../SortArrows';\n\ntype TableHeadProps = {\n    /**\n     * The unique name of the column used as identifier\n     */\n    column?: string;\n\n    /**\n     * The label that shall be rendered in the table head next to the sorting icons.\n     */\n    label?: string | React.ReactElement;\n\n    /**\n     * The string title of a column used as native title attribute on the th tag.\n     */\n    title?: string;\n\n    /**\n     * The sorting key stored as data attribute for later usage for click events.\n     */\n    sortBy?: string;\n\n    /**\n     * The column sorting direction.\n     */\n    sortDir?: string;\n\n    /**\n     * The click handler for the th tag.\n     */\n    onClick?: (event: React.MouseEvent<HTMLTableCellElement>) => void;\n\n    /**\n     * Additional class names assigned to the wrapper element.\n     */\n    className?: string;\n};\n\nconst TableHead = (props: PropsWithChildren<TableHeadProps>) => {\n    const {\n        column,\n        title,\n        label,\n        sortBy,\n        sortDir,\n        onClick = () => {},\n        className = '',\n        children,\n        ...remainingProps\n    } = props;\n\n    const tableHeadClassNames = classNames('user-select-none', 'sort-column', className);\n\n    const labelString = typeof label === 'string' ? (label as string) : '';\n    const thTitle = title ?? labelString;\n\n    return (\n        <th\n            {...remainingProps}\n            className={tableHeadClassNames}\n            onClick={onClick}\n            data-field={column}\n            data-sortby={column}\n            title={thTitle}\n        >\n            {label && (\n                <span>\n                    {column !== undefined && sortBy === column ? <SortArrows direction={sortDir} /> : <SortArrows />}\n                    <span>{label}</span>\n                </span>\n            )}\n            {children}\n        </th>\n    );\n};\n\nexport default TableHead;\n"],"mappings":";;;;AA0CA,IAAM,KAAa,MAA6C;CAC5D,IAAM,EACF,WACA,UACA,UACA,WACA,YACA,mBAAgB,CAAC,GACjB,eAAY,IACZ,aACA,GAAG,MACH,GAEE,IAAsB,EAAW,oBAAoB,eAAe,CAAS,GAG7E,IAAU,MADI,OAAO,KAAU,WAAY,IAAmB;CAGpE,OACI,kBAAC,MAAD;EACI,GAAI;EACJ,WAAW;EACF;EACT,cAAY;EACZ,eAAa;EACb,OAAO;YANX,CAQK,KACG,kBAAC,QAAD,EAAA,UAAA,CACK,MAAW,KAAA,KAAa,MAAW,IAAS,kBAAC,GAAD,EAAY,WAAW,EAAU,CAAA,IAAI,kBAAC,GAAD,CAAa,CAAA,GAC/F,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA,CACjB,EAAA,CAAA,GAET,CACD;;AAEZ"}

package/components/table/native/TableSettingsColumnButtons.js

@@ -1,59 +1,45 @@
-import { jsxs as b, jsx as l } from "react/jsx-runtime";
-import { noop as a } from "es-toolkit/compat";
-import o from "../../button/Button.js";
-const g = (s) => {
-  const {
-    column: n = "",
-    index: t = 0,
-    columnDetails: m,
-    columnOrder: u = [],
-    openColumnsDetails: p = {},
-    disabled: i,
-    onMoveColumn: r = a,
-    onOpenDetails: c = a
-  } = s;
-  return /* @__PURE__ */ b("div", { className: "table-settings-item-item-buttons", children: [
-    !i && /* @__PURE__ */ l(
-      o,
-      {
-        disabled: t === 0,
-        bsStyle: o.MUTED,
-        bsSize: o.SM,
-        iconOnly: !0,
-        iconName: "rioglyph-arrow-up",
-        "aria-label": "move column up",
-        onClick: (e) => {
-          e.preventDefault(), e.stopPropagation(), r(n, t - 1, !0);
-        }
-      }
-    ),
-    !i && /* @__PURE__ */ l(
-      o,
-      {
-        disabled: t === u.length - 1,
-        bsStyle: o.MUTED,
-        bsSize: o.SM,
-        iconOnly: !0,
-        iconName: "rioglyph-arrow-down",
-        "aria-label": "move column down",
-        onClick: (e) => {
-          e.preventDefault(), e.stopPropagation(), r(n, t + 1, !0);
-        }
-      }
-    ),
-    m && /* @__PURE__ */ l(
-      o,
-      {
-        bsStyle: o.MUTED,
-        bsSize: o.SM,
-        iconOnly: !0,
-        iconName: p[n] ? "rioglyph-remove" : "rioglyph-width",
-        onClick: () => c(n)
-      }
-    )
-  ] });
+import e from "../../button/Button.js";
+import { noop as t } from "es-toolkit/compat";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/table/native/TableSettingsColumnButtons.tsx
+var i = (i) => {
+	let { column: a = "", index: o = 0, columnDetails: s, columnOrder: c = [], openColumnsDetails: l = {}, disabled: u, onMoveColumn: d = t, onOpenDetails: f = t } = i;
+	return /* @__PURE__ */ r("div", {
+		className: "table-settings-item-item-buttons",
+		children: [
+			!u && /* @__PURE__ */ n(e, {
+				disabled: o === 0,
+				bsStyle: e.MUTED,
+				bsSize: e.SM,
+				iconOnly: !0,
+				iconName: "icon-arrow-up",
+				"aria-label": "move column up",
+				onClick: (e) => {
+					e.preventDefault(), e.stopPropagation(), d(a, o - 1, !0);
+				}
+			}),
+			!u && /* @__PURE__ */ n(e, {
+				disabled: o === c.length - 1,
+				bsStyle: e.MUTED,
+				bsSize: e.SM,
+				iconOnly: !0,
+				iconName: "icon-arrow-down",
+				"aria-label": "move column down",
+				onClick: (e) => {
+					e.preventDefault(), e.stopPropagation(), d(a, o + 1, !0);
+				}
+			}),
+			s && /* @__PURE__ */ n(e, {
+				bsStyle: e.MUTED,
+				bsSize: e.SM,
+				iconOnly: !0,
+				iconName: l[a] ? "icon-remove" : "icon-width",
+				onClick: () => f(a)
+			})
+		]
+	});
 };
-export {
-  g as TableSettingsColumnButtons
-};
-//# sourceMappingURL=TableSettingsColumnButtons.js.map
+//#endregion
+export { i as TableSettingsColumnButtons };
+
+//# sourceMappingURL=TableSettingsColumnButtons.js.map

package/components/table/native/TableSettingsColumnButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableSettingsColumnButtons.js","sources":["../../../../src/components/table/native/TableSettingsColumnButtons.tsx"],"sourcesContent":["import { noop } from 'es-toolkit/compat';\n\nimport type { TableColumnDetails } from './TableSettingsDialog';\nimport Button from '../../button/Button';\n\nexport type TableSettingsColumnButtonsProps = {\n    column: string;\n    index: number;\n    columnOrder: string[];\n    openColumnsDetails: Record<string, string>;\n    disabled?: boolean;\n    columnDetails?: TableColumnDetails;\n    onMoveColumn?: (columnName: string, newIndex: number, changeMovedColumn: boolean) => void;\n    onOpenDetails?: (column: string) => void;\n};\n\nexport const TableSettingsColumnButtons = (props: TableSettingsColumnButtonsProps) => {\n    const {\n        column = '',\n        index = 0,\n        columnDetails,\n        columnOrder = [],\n        openColumnsDetails = {},\n        disabled,\n        onMoveColumn = noop,\n        onOpenDetails = noop,\n    } = props;\n\n    return (\n        <div className='table-settings-item-item-buttons'>\n            {!disabled && (\n                <Button\n                    disabled={index === 0}\n                    bsStyle={Button.MUTED}\n                    bsSize={Button.SM}\n                    iconOnly\n                    iconName='rioglyph-arrow-up'\n                    aria-label='move column up'\n                    onClick={event => {\n                        event.preventDefault();\n                        event.stopPropagation();\n                        onMoveColumn(column, index - 1, true);\n                    }}\n                />\n            )}\n            {!disabled && (\n                <Button\n                    disabled={index === columnOrder.length - 1}\n                    bsStyle={Button.MUTED}\n                    bsSize={Button.SM}\n                    iconOnly\n                    iconName='rioglyph-arrow-down'\n                    aria-label='move column down'\n                    onClick={event => {\n                        event.preventDefault();\n                        event.stopPropagation();\n                        onMoveColumn(column, index + 1, true);\n                    }}\n                />\n            )}\n            {columnDetails && (\n                <Button\n                    bsStyle={Button.MUTED}\n                    bsSize={Button.SM}\n                    iconOnly\n                    iconName={openColumnsDetails[column] ? 'rioglyph-remove' : 'rioglyph-width'}\n                    onClick={() => onOpenDetails(column)}\n                />\n            )}\n        </div>\n    );\n};\n"],"names":["TableSettingsColumnButtons","props","column","index","columnDetails","columnOrder","openColumnsDetails","disabled","onMoveColumn","noop","onOpenDetails","jsxs","jsx","Button","event"],"mappings":";;;AAgBO,MAAMA,IAA6B,CAACC,MAA2C;AAClF,QAAM;AAAA,IACF,QAAAC,IAAS;AAAA,IACT,OAAAC,IAAQ;AAAA,IACR,eAAAC;AAAA,IACA,aAAAC,IAAc,CAAA;AAAA,IACd,oBAAAC,IAAqB,CAAA;AAAA,IACrB,UAAAC;AAAA,IACA,cAAAC,IAAeC;AAAA,IACf,eAAAC,IAAgBD;AAAA,EAAA,IAChBR;AAEJ,SACI,gBAAAU,EAAC,OAAA,EAAI,WAAU,oCACV,UAAA;AAAA,IAAA,CAACJ,KACE,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAUV,MAAU;AAAA,QACpB,SAASU,EAAO;AAAA,QAChB,QAAQA,EAAO;AAAA,QACf,UAAQ;AAAA,QACR,UAAS;AAAA,QACT,cAAW;AAAA,QACX,SAAS,CAAAC,MAAS;AACd,UAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA,GACNN,EAAaN,GAAQC,IAAQ,GAAG,EAAI;AAAA,QACxC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGP,CAACI,KACE,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAUV,MAAUE,EAAY,SAAS;AAAA,QACzC,SAASQ,EAAO;AAAA,QAChB,QAAQA,EAAO;AAAA,QACf,UAAQ;AAAA,QACR,UAAS;AAAA,QACT,cAAW;AAAA,QACX,SAAS,CAAAC,MAAS;AACd,UAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA,GACNN,EAAaN,GAAQC,IAAQ,GAAG,EAAI;AAAA,QACxC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGPC,KACG,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,SAASA,EAAO;AAAA,QAChB,QAAQA,EAAO;AAAA,QACf,UAAQ;AAAA,QACR,UAAUP,EAAmBJ,CAAM,IAAI,oBAAoB;AAAA,QAC3D,SAAS,MAAMQ,EAAcR,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GAER;AAER;"}
+{"version":3,"file":"TableSettingsColumnButtons.js","names":[],"sources":["../../../../src/components/table/native/TableSettingsColumnButtons.tsx"],"sourcesContent":["import { noop } from 'es-toolkit/compat';\n\nimport type { TableColumnDetails } from './TableSettingsDialog';\nimport Button from '../../button/Button';\n\nexport type TableSettingsColumnButtonsProps = {\n    column: string;\n    index: number;\n    columnOrder: string[];\n    openColumnsDetails: Record<string, string>;\n    disabled?: boolean;\n    columnDetails?: TableColumnDetails;\n    onMoveColumn?: (columnName: string, newIndex: number, changeMovedColumn: boolean) => void;\n    onOpenDetails?: (column: string) => void;\n};\n\nexport const TableSettingsColumnButtons = (props: TableSettingsColumnButtonsProps) => {\n    const {\n        column = '',\n        index = 0,\n        columnDetails,\n        columnOrder = [],\n        openColumnsDetails = {},\n        disabled,\n        onMoveColumn = noop,\n        onOpenDetails = noop,\n    } = props;\n\n    return (\n        <div className='table-settings-item-item-buttons'>\n            {!disabled && (\n                <Button\n                    disabled={index === 0}\n                    bsStyle={Button.MUTED}\n                    bsSize={Button.SM}\n                    iconOnly\n                    iconName='icon-arrow-up'\n                    aria-label='move column up'\n                    onClick={event => {\n                        event.preventDefault();\n                        event.stopPropagation();\n                        onMoveColumn(column, index - 1, true);\n                    }}\n                />\n            )}\n            {!disabled && (\n                <Button\n                    disabled={index === columnOrder.length - 1}\n                    bsStyle={Button.MUTED}\n                    bsSize={Button.SM}\n                    iconOnly\n                    iconName='icon-arrow-down'\n                    aria-label='move column down'\n                    onClick={event => {\n                        event.preventDefault();\n                        event.stopPropagation();\n                        onMoveColumn(column, index + 1, true);\n                    }}\n                />\n            )}\n            {columnDetails && (\n                <Button\n                    bsStyle={Button.MUTED}\n                    bsSize={Button.SM}\n                    iconOnly\n                    iconName={openColumnsDetails[column] ? 'icon-remove' : 'icon-width'}\n                    onClick={() => onOpenDetails(column)}\n                />\n            )}\n        </div>\n    );\n};\n"],"mappings":";;;;AAgBA,IAAa,KAA8B,MAA2C;CAClF,IAAM,EACF,YAAS,IACT,WAAQ,GACR,kBACA,iBAAc,CAAC,GACf,wBAAqB,CAAC,GACtB,aACA,kBAAe,GACf,mBAAgB,MAChB;CAEJ,OACI,kBAAC,OAAD;EAAK,WAAU;YAAf;GACK,CAAC,KACE,kBAAC,GAAD;IACI,UAAU,MAAU;IACpB,SAAS,EAAO;IAChB,QAAQ,EAAO;IACf,UAAA;IACA,UAAS;IACT,cAAW;IACX,UAAS,MAAS;KAGd,AAFA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GACtB,EAAa,GAAQ,IAAQ,GAAG,EAAI;IACxC;GACH,CAAA;GAEJ,CAAC,KACE,kBAAC,GAAD;IACI,UAAU,MAAU,EAAY,SAAS;IACzC,SAAS,EAAO;IAChB,QAAQ,EAAO;IACf,UAAA;IACA,UAAS;IACT,cAAW;IACX,UAAS,MAAS;KAGd,AAFA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GACtB,EAAa,GAAQ,IAAQ,GAAG,EAAI;IACxC;GACH,CAAA;GAEJ,KACG,kBAAC,GAAD;IACI,SAAS,EAAO;IAChB,QAAQ,EAAO;IACf,UAAA;IACA,UAAU,EAAmB,KAAU,gBAAgB;IACvD,eAAe,EAAc,CAAM;GACtC,CAAA;EAEJ;;AAEb"}