@rio-cloud/rio-uikit 2.2.1 → 2.3.0-beta.2

package/components/table/layout/useTableLayout.js

@@ -0,0 +1,59 @@
+import { useMeasuredColumnMaxWidths as N } from "./useMeasuredColumnMaxWidths.js";
+import { MIN_COLUMN_WIDTH_PX as O } from "../tableSizing.constants.js";
+import { toCssSize as l, getColumnTrack as R } from "./columnSizing.js";
+import { useHorizontalSectionSync as L } from "./useHorizontalSectionSync.js";
+import $ from "../../../hooks/useResizeObserver.js";
+const h = 50, B = (r) => {
+  if (!r)
+    return;
+  const a = r.trim().match(/^(-?\d+(?:\.\d+)?)px$/);
+  if (a)
+    return Number(a[1]);
+}, j = (r) => {
+  const { bodyMaxHeight: a, cardsStyle: d, columns: n, hasFooterCells: p, rowSeparatorWidth: u, showSelectionColumn: i, style: b } = r, [c, , { inlineSize: f }] = $(), t = n.map((e, o) => ({
+    column: e,
+    columnIndex: o,
+    areaName: `table-col-${o + 1}`
+  })), s = f ?? c.current?.clientWidth, W = (i ? h : 0) + n.reduce((e, o) => {
+    if (o.width === void 0)
+      return e + O;
+    const H = B(l(o.width));
+    return e + (H ?? 0);
+  }, 0), m = s !== void 0 && W > s, S = s !== void 0 ? `${s}px` : "100%", { handleBodyScroll: w, hasHorizontalScrollOffset: x, tableFooterRowRef: C, tableHeadRowRef: M } = L({
+    enabled: !!a,
+    hasFooterCells: p
+  }), T = N({
+    columns: n,
+    enabled: m,
+    tableWrapperRef: c
+  }), g = t.length > 0 ? [
+    i ? `${h}px` : void 0,
+    ...t.map(({ column: e }) => R(e, T[e.key]))
+  ].filter(Boolean).join(" ") : "minmax(0, 1fr)", y = t.length > 0 ? `"${[
+    i ? "table-selection" : void 0,
+    ...t.map(({ areaName: e }) => e)
+  ].filter(Boolean).join(" ")}"` : "none", _ = l(d?.minWidth) ?? "280px", v = l(d?.maxWidth) ?? "1fr", z = {
+    ...b ?? {},
+    "--table-columns": g,
+    "--table-areas": y,
+    "--table-cards-min": _,
+    "--table-cards-max": v,
+    "--table-column-count": String(n.length + (i ? 1 : 0)),
+    "--table-row-separator-width": l(u),
+    "--table-width": S
+  };
+  return {
+    columnsWithAreas: t,
+    handleBodyScroll: w,
+    hasHorizontalScrollOffset: x,
+    tableUseOverflow: m,
+    tableWrapperRef: c,
+    tableFooterRowRef: C,
+    tableHeadRowRef: M,
+    wrapperStyle: z
+  };
+};
+export {
+  j as useTableLayout
+};
+//# sourceMappingURL=useTableLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableLayout.js","sources":["../../../../src/components/table/layout/useTableLayout.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\n\nimport type { TableCardsStyleSettings, TableColumnDefinition, TableRowData } from '../Table.types';\nimport { useMeasuredColumnMaxWidths } from './useMeasuredColumnMaxWidths';\nimport { MIN_COLUMN_WIDTH_PX } from '../tableSizing.constants';\nimport { getColumnTrack, toCssSize } from './columnSizing';\nimport { useHorizontalSectionSync } from './useHorizontalSectionSync';\nimport useResizeObserver from '../../../useResizeObserver';\n\nconst TABLE_SELECTION_COLUMN_WIDTH_PX = 50;\n\nconst parsePixelSize = (value?: string) => {\n    if (!value) {\n        return;\n    }\n\n    const match = value.trim().match(/^(-?\\d+(?:\\.\\d+)?)px$/);\n\n    if (!match) {\n        return;\n    }\n\n    return Number(match[1]);\n};\n\nexport type TableColumnWithArea<RowType extends TableRowData> = {\n    column: TableColumnDefinition<RowType>;\n    columnIndex: number;\n    areaName: string;\n};\n\ntype UseTableLayoutProps<RowType extends TableRowData> = {\n    bodyMaxHeight?: string;\n    cardsStyle?: TableCardsStyleSettings;\n    columns: TableColumnDefinition<RowType>[];\n    hasFooterCells?: boolean;\n    rowSeparatorWidth?: number | string;\n    showSelectionColumn?: boolean;\n    style?: CSSProperties;\n};\n\ntype InternalTableStyle = CSSProperties & {\n    '--table-columns'?: string;\n    '--table-areas'?: string;\n    '--table-cards-min'?: string;\n    '--table-cards-max'?: string;\n    '--table-column-count'?: string;\n    '--table-row-separator-width'?: string;\n    '--table-width'?: string;\n};\n\nexport const useTableLayout = <RowType extends TableRowData>(props: UseTableLayoutProps<RowType>) => {\n    const { bodyMaxHeight, cardsStyle, columns, hasFooterCells, rowSeparatorWidth, showSelectionColumn, style } = props;\n    const [tableWrapperRef, , { inlineSize }] = useResizeObserver<HTMLDivElement>();\n\n    const columnsWithAreas: TableColumnWithArea<RowType>[] = columns.map((column, columnIndex) => ({\n        column,\n        columnIndex,\n        areaName: `table-col-${columnIndex + 1}`,\n    }));\n\n    const wrapperWidth = inlineSize ?? tableWrapperRef.current?.clientWidth;\n\n    const minWidthTotal =\n        (showSelectionColumn ? TABLE_SELECTION_COLUMN_WIDTH_PX : 0) +\n        columns.reduce((totalWidth, column) => {\n            if (column.width === undefined) {\n                return totalWidth + MIN_COLUMN_WIDTH_PX;\n            }\n\n            const columnWidth = parsePixelSize(toCssSize(column.width));\n\n            return totalWidth + (columnWidth ?? 0);\n        }, 0);\n\n    const tableUseOverflow = wrapperWidth !== undefined && minWidthTotal > wrapperWidth;\n    const tableWidth = wrapperWidth !== undefined ? `${wrapperWidth}px` : '100%';\n\n    const { handleBodyScroll, hasHorizontalScrollOffset, tableFooterRowRef, tableHeadRowRef } =\n        useHorizontalSectionSync({\n            enabled: !!bodyMaxHeight,\n            hasFooterCells,\n        });\n\n    const measuredColumnMaxWidths = useMeasuredColumnMaxWidths({\n        columns,\n        enabled: tableUseOverflow,\n        tableWrapperRef,\n    });\n\n    const gridTemplateColumns =\n        columnsWithAreas.length > 0\n            ? [\n                  showSelectionColumn ? `${TABLE_SELECTION_COLUMN_WIDTH_PX}px` : undefined,\n                  ...columnsWithAreas.map(({ column }) => getColumnTrack(column, measuredColumnMaxWidths[column.key])),\n              ]\n                  .filter(Boolean)\n                  .join(' ')\n            : 'minmax(0, 1fr)';\n\n    const gridTemplateAreas =\n        columnsWithAreas.length > 0\n            ? `\"${[\n                  showSelectionColumn ? 'table-selection' : undefined,\n                  ...columnsWithAreas.map(({ areaName }) => areaName),\n              ]\n                  .filter(Boolean)\n                  .join(' ')}\"`\n            : 'none';\n\n    const cardsMinWidth = toCssSize(cardsStyle?.minWidth) ?? '280px';\n    const cardsMaxWidth = toCssSize(cardsStyle?.maxWidth) ?? '1fr';\n\n    const wrapperStyle: InternalTableStyle = {\n        ...(style ?? {}),\n        '--table-columns': gridTemplateColumns,\n        '--table-areas': gridTemplateAreas,\n        '--table-cards-min': cardsMinWidth,\n        '--table-cards-max': cardsMaxWidth,\n        '--table-column-count': String(columns.length + (showSelectionColumn ? 1 : 0)),\n        '--table-row-separator-width': toCssSize(rowSeparatorWidth),\n        '--table-width': tableWidth,\n    };\n\n    return {\n        columnsWithAreas,\n        handleBodyScroll,\n        hasHorizontalScrollOffset,\n        tableUseOverflow,\n        tableWrapperRef,\n        tableFooterRowRef,\n        tableHeadRowRef,\n        wrapperStyle,\n    };\n};\n"],"names":["TABLE_SELECTION_COLUMN_WIDTH_PX","parsePixelSize","value","match","useTableLayout","props","bodyMaxHeight","cardsStyle","columns","hasFooterCells","rowSeparatorWidth","showSelectionColumn","style","tableWrapperRef","inlineSize","useResizeObserver","columnsWithAreas","column","columnIndex","wrapperWidth","minWidthTotal","totalWidth","MIN_COLUMN_WIDTH_PX","columnWidth","toCssSize","tableUseOverflow","tableWidth","handleBodyScroll","hasHorizontalScrollOffset","tableFooterRowRef","tableHeadRowRef","useHorizontalSectionSync","measuredColumnMaxWidths","useMeasuredColumnMaxWidths","gridTemplateColumns","getColumnTrack","gridTemplateAreas","areaName","cardsMinWidth","cardsMaxWidth","wrapperStyle"],"mappings":";;;;;AASA,MAAMA,IAAkC,IAElCC,IAAiB,CAACC,MAAmB;AACvC,MAAI,CAACA;AACD;AAGJ,QAAMC,IAAQD,EAAM,KAAA,EAAO,MAAM,uBAAuB;AAExD,MAAKC;AAIL,WAAO,OAAOA,EAAM,CAAC,CAAC;AAC1B,GA4BaC,IAAiB,CAA+BC,MAAwC;AACjG,QAAM,EAAE,eAAAC,GAAe,YAAAC,GAAY,SAAAC,GAAS,gBAAAC,GAAgB,mBAAAC,GAAmB,qBAAAC,GAAqB,OAAAC,MAAUP,GACxG,CAACQ,GAAA,EAAmB,EAAE,YAAAC,EAAA,CAAY,IAAIC,EAAA,GAEtCC,IAAmDR,EAAQ,IAAI,CAACS,GAAQC,OAAiB;AAAA,IAC3F,QAAAD;AAAA,IACA,aAAAC;AAAA,IACA,UAAU,aAAaA,IAAc,CAAC;AAAA,EAAA,EACxC,GAEIC,IAAeL,KAAcD,EAAgB,SAAS,aAEtDO,KACDT,IAAsBX,IAAkC,KACzDQ,EAAQ,OAAO,CAACa,GAAYJ,MAAW;AACnC,QAAIA,EAAO,UAAU;AACjB,aAAOI,IAAaC;AAGxB,UAAMC,IAActB,EAAeuB,EAAUP,EAAO,KAAK,CAAC;AAE1D,WAAOI,KAAcE,KAAe;AAAA,EACxC,GAAG,CAAC,GAEFE,IAAmBN,MAAiB,UAAaC,IAAgBD,GACjEO,IAAaP,MAAiB,SAAY,GAAGA,CAAY,OAAO,QAEhE,EAAE,kBAAAQ,GAAkB,2BAAAC,GAA2B,mBAAAC,GAAmB,iBAAAC,EAAA,IACpEC,EAAyB;AAAA,IACrB,SAAS,CAAC,CAACzB;AAAA,IACX,gBAAAG;AAAA,EAAA,CACH,GAECuB,IAA0BC,EAA2B;AAAA,IACvD,SAAAzB;AAAA,IACA,SAASiB;AAAA,IACT,iBAAAZ;AAAA,EAAA,CACH,GAEKqB,IACFlB,EAAiB,SAAS,IACpB;AAAA,IACIL,IAAsB,GAAGX,CAA+B,OAAO;AAAA,IAC/D,GAAGgB,EAAiB,IAAI,CAAC,EAAE,QAAAC,EAAA,MAAakB,EAAelB,GAAQe,EAAwBf,EAAO,GAAG,CAAC,CAAC;AAAA,EAAA,EAElG,OAAO,OAAO,EACd,KAAK,GAAG,IACb,kBAEJmB,IACFpB,EAAiB,SAAS,IACpB,IAAI;AAAA,IACAL,IAAsB,oBAAoB;AAAA,IAC1C,GAAGK,EAAiB,IAAI,CAAC,EAAE,UAAAqB,EAAA,MAAeA,CAAQ;AAAA,EAAA,EAEjD,OAAO,OAAO,EACd,KAAK,GAAG,CAAC,MACd,QAEJC,IAAgBd,EAAUjB,GAAY,QAAQ,KAAK,SACnDgC,IAAgBf,EAAUjB,GAAY,QAAQ,KAAK,OAEnDiC,IAAmC;AAAA,IACrC,GAAI5B,KAAS,CAAA;AAAA,IACb,mBAAmBsB;AAAA,IACnB,iBAAiBE;AAAA,IACjB,qBAAqBE;AAAA,IACrB,qBAAqBC;AAAA,IACrB,wBAAwB,OAAO/B,EAAQ,UAAUG,IAAsB,IAAI,EAAE;AAAA,IAC7E,+BAA+Ba,EAAUd,CAAiB;AAAA,IAC1D,iBAAiBgB;AAAA,EAAA;AAGrB,SAAO;AAAA,IACH,kBAAAV;AAAA,IACA,kBAAAW;AAAA,IACA,2BAAAC;AAAA,IACA,kBAAAH;AAAA,IACA,iBAAAZ;AAAA,IACA,mBAAAgB;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAU;AAAA,EAAA;AAER;"}

package/components/table/layout/useTableVirtualization.d.ts

@@ -0,0 +1,22 @@
+type TableVirtualScrollContainer = {
+    view?: HTMLDivElement | null;
+};
+type TableVirtualRow<RowType> = {
+    index: number;
+    row: RowType;
+};
+type UseTableVirtualizationOptions<RowType> = {
+    enabled: boolean;
+    overscan: number;
+    rows: RowType[];
+    scrollContainer: TableVirtualScrollContainer | null;
+    viewportHeightFallback?: number;
+};
+declare const useTableVirtualization: <RowType>(options: UseTableVirtualizationOptions<RowType>) => {
+    isVirtualized: boolean;
+    measureRow: (index: number, element: HTMLElement | null) => void;
+    paddingBottom: number;
+    paddingTop: number;
+    virtualRows: TableVirtualRow<RowType>[];
+};
+export default useTableVirtualization;

package/components/table/layout/useTableVirtualization.js

@@ -0,0 +1,125 @@
+import { useState as M, useCallback as c, useEffect as T, useMemo as O } from "react";
+const V = 50, E = (m, i) => m.start === i.start && m.end === i.end, I = (m) => {
+  const { enabled: i, overscan: d, rows: r, scrollContainer: v, viewportHeightFallback: w } = m, [l, H] = M({
+    itemHeights: {},
+    scrollTop: 0,
+    viewportHeight: 0,
+    visibleRange: { start: 0, end: 10 }
+  }), b = c(() => v?.view ?? null, [v]), f = c(() => {
+    const e = Object.values(l.itemHeights);
+    return e.length === 0 ? V : e.reduce((t, n) => t + n, 0) / e.length;
+  }, [l.itemHeights]), g = c(
+    (e) => l.itemHeights[e] ?? f(),
+    [f, l.itemHeights]
+  ), p = c(
+    (e) => {
+      let t = 0;
+      for (let n = 0; n < e; n++)
+        t += g(n);
+      return t;
+    },
+    [g]
+  ), x = c(() => {
+    let e = 0;
+    for (let t = 0; t < r.length; t++)
+      e += g(t);
+    return e;
+  }, [g, r.length]), h = c(
+    (e, t) => {
+      if (!i || r.length === 0)
+        return { start: 0, end: r.length };
+      let n = 0, a = 0;
+      for (; n < r.length; ) {
+        const o = g(n);
+        if (a + o > e - d * o)
+          break;
+        a += o, n++;
+      }
+      let s = n;
+      for (; s < r.length; ) {
+        const o = g(s);
+        if (a > e + t + d * o)
+          break;
+        a += o, s++;
+      }
+      return {
+        start: Math.max(0, n - d),
+        end: Math.min(r.length, s + d)
+      };
+    },
+    [i, g, d, r.length]
+  ), u = c(() => {
+    const e = b();
+    if (!e)
+      return;
+    const t = e.clientHeight || w || 0, n = e.scrollTop, a = h(n, t);
+    H(
+      (s) => s.scrollTop === n && s.viewportHeight === t && E(s.visibleRange, a) ? s : {
+        ...s,
+        scrollTop: n,
+        viewportHeight: t,
+        visibleRange: a
+      }
+    );
+  }, [h, b, w]);
+  T(() => {
+    if (!i)
+      return;
+    const e = b();
+    if (!e)
+      return;
+    u(), e.addEventListener("scroll", u, { passive: !0 });
+    const t = new ResizeObserver(u);
+    return t.observe(e), () => {
+      e.removeEventListener("scroll", u), t.disconnect();
+    };
+  }, [i, b, u]), T(() => {
+    i && H((e) => {
+      const t = h(e.scrollTop, e.viewportHeight);
+      return E(e.visibleRange, t) ? e : {
+        ...e,
+        visibleRange: t
+      };
+    });
+  }, [h, i, r]);
+  const k = c(
+    (e, t) => {
+      if (!t)
+        return;
+      const n = t.getBoundingClientRect(), a = window.getComputedStyle(t), s = n.height + Number.parseFloat(a.marginTop || "0") + Number.parseFloat(a.marginBottom || "0");
+      s <= 0 || H((o) => {
+        if (o.itemHeights[e] === s)
+          return o;
+        const R = {
+          ...o,
+          itemHeights: {
+            ...o.itemHeights,
+            [e]: s
+          }
+        };
+        return {
+          ...R,
+          visibleRange: h(R.scrollTop, R.viewportHeight)
+        };
+      });
+    },
+    [h]
+  ), z = O(
+    () => i ? r.slice(l.visibleRange.start, l.visibleRange.end).map((e, t) => ({
+      index: l.visibleRange.start + t,
+      row: e
+    })) : [],
+    [i, r, l.visibleRange.end, l.visibleRange.start]
+  ), C = i ? p(l.visibleRange.start) : 0, F = i ? Math.max(0, x() - p(l.visibleRange.end)) : 0;
+  return {
+    isVirtualized: i,
+    measureRow: k,
+    paddingBottom: F,
+    paddingTop: C,
+    virtualRows: z
+  };
+};
+export {
+  I as default
+};
+//# sourceMappingURL=useTableVirtualization.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableVirtualization.js","sources":["../../../../src/components/table/layout/useTableVirtualization.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\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 [state, setState] = useState<TableVirtualizationState>({\n        itemHeights: {},\n        scrollTop: 0,\n        viewportHeight: 0,\n        visibleRange: { start: 0, end: 10 },\n    });\n\n    const getScrollElement = useCallback(() => scrollContainer?.view ?? null, [scrollContainer]);\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 || 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, viewportHeightFallback]);\n\n    useEffect(() => {\n        if (!enabled) {\n            return;\n        }\n\n        const scrollElement = getScrollElement();\n\n        if (!scrollElement) {\n            return;\n        }\n\n        handleScroll();\n        scrollElement.addEventListener('scroll', handleScroll, { passive: true });\n\n        const resizeObserver = new ResizeObserver(handleScroll);\n        resizeObserver.observe(scrollElement);\n\n        return () => {\n            scrollElement.removeEventListener('scroll', handleScroll);\n            resizeObserver.disconnect();\n        };\n    }, [enabled, getScrollElement, handleScroll]);\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","state","setState","useState","getScrollElement","useCallback","getEstimatedRowHeight","measuredHeights","sum","height","getRowHeight","index","getItemPosition","position","currentIndex","getTotalHeight","totalHeight","calculateVisibleRange","scrollTop","viewportHeight","start","currentPosition","rowHeight","end","handleScroll","scrollElement","visibleRange","previousState","useEffect","resizeObserver","measureRow","element","rect","computedStyle","nextState","virtualRows","useMemo","row","offset","paddingTop","paddingBottom"],"mappings":"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"}

package/components/table/model/resolveRowMeta.d.ts

@@ -0,0 +1,3 @@
+import { TableRowData } from '../Table.types';
+export declare const resolveRowClassName: <RowType extends TableRowData>(rowClassName: string | ((row: RowType, rowIndex: number) => string) | undefined, row: RowType, rowIndex: number) => string | undefined;
+export declare const resolveRowKey: <RowType extends TableRowData>(row: RowType, rowIndex: number, rowKey: keyof RowType | ((row: RowType, rowIndex: number) => string | number) | undefined) => string | number;

package/components/table/model/resolveRowMeta.js

@@ -0,0 +1,15 @@
+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;
+};
+export {
+  r as resolveRowClassName,
+  u as resolveRowKey
+};
+//# sourceMappingURL=resolveRowMeta.js.map

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

@@ -0,0 +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;"}

package/components/table/model/resolveTableClassConfig.d.ts

@@ -0,0 +1,47 @@
+import { TableCardsStyleSettings, TableViewType } from '../Table.types';
+import { TableViewFlags } from './tableView.types';
+type TableStyleClassSwitches = {
+    hasShadow: boolean;
+    hasBorder: boolean;
+    hasRounded: boolean;
+};
+type TableCardClasses = {
+    rowClassName?: string;
+    cellClassName?: string;
+    labelClassName?: string;
+    contentClassName?: string;
+};
+type ResolveTableClassConfigProps = {
+    viewType: TableViewType;
+    hover?: boolean;
+    shadow?: boolean;
+    border?: boolean;
+    rounded?: boolean;
+    className?: string;
+    cardsStyle?: TableCardsStyleSettings;
+};
+type ResolveTableBaseClassNameProps = {
+    viewType: TableViewType;
+    condensed?: boolean;
+    striped?: boolean;
+    gridLines?: boolean;
+    className?: string;
+    tableUseOverflow: boolean;
+    flags: TableViewFlags;
+    hasHover: boolean;
+    styleClassSwitches: TableStyleClassSwitches;
+};
+export declare const resolveTableStyleClassSwitches: (props: {
+    shadow?: boolean;
+    border?: boolean;
+    rounded?: boolean;
+    className?: string;
+}) => TableStyleClassSwitches;
+export declare const resolveTableClassConfig: (props: ResolveTableClassConfigProps) => {
+    hasHover: boolean;
+    isTableView: boolean;
+    styleClassSwitches: TableStyleClassSwitches;
+    cardClasses: TableCardClasses;
+};
+export declare const resolveTableBaseClassName: (props: ResolveTableBaseClassNameProps) => string;
+export {};

package/components/table/model/resolveTableClassConfig.js

@@ -0,0 +1,64 @@
+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
+  );
+};
+export {
+  N as resolveTableBaseClassName,
+  f as resolveTableClassConfig,
+  u as resolveTableStyleClassSwitches
+};
+//# sourceMappingURL=resolveTableClassConfig.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,41 @@
+import { ReactNode } from 'react';
+import { TableColumnDefinition, TableHorizontalAlign, TableRowData, TableSortDirection, TableVerticalAlign } from '../Table.types';
+export type TableViewHeaderColumn<RowType extends TableRowData> = {
+    key: string | number;
+    columnKey?: string;
+    label: ReactNode;
+    icon?: string;
+    filter?: ReactNode;
+    hideLabel?: boolean;
+    horizontalAlign?: TableHorizontalAlign;
+    verticalAlign?: TableVerticalAlign;
+    className?: string;
+    headerClassName?: string;
+    hideOnMobile?: boolean;
+    draggable?: boolean;
+    resizeable?: boolean;
+    sortable?: boolean;
+    sortDirection?: TableSortDirection;
+    rowStart: number;
+    rowSpan: number;
+    columnStart: number;
+    colSpan: number;
+    source?: TableColumnDefinition<RowType>;
+};
+export type TableViewHeader<RowType extends TableRowData> = {
+    rowCount: number;
+    totalColumnCount: number;
+    columns: TableViewHeaderColumn<RowType>[];
+};
+export type TableViewCardClasses = {
+    rowClassName?: string;
+    cellClassName?: string;
+    labelClassName?: string;
+    contentClassName?: string;
+};
+export type TableViewFlags = {
+    hasHeader: boolean;
+    hasFooter: boolean;
+    isClickable: boolean;
+    isTableView: boolean;
+};

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

@@ -0,0 +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;"}

package/components/table/{TableHead.js → native/TableHead.js}

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as s } from "react/jsx-runtime";
-import b from "../../utils/classNames.js";
-import l from "./SortArrows.js";
+import b from "../../../utils/classNames.js";
+import l from "../SortArrows.js";
 const y = (o) => {
   const {
     column: t,

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

@@ -0,0 +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;"}

package/components/table/native/TableSettingsColumnButtons.js

@@ -0,0 +1,59 @@
+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)
+      }
+    )
+  ] });
+};
+export {
+  g as TableSettingsColumnButtons
+};
+//# sourceMappingURL=TableSettingsColumnButtons.js.map

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

@@ -0,0 +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;"}

package/components/table/{TableSettingsColumnDetails.js → native/TableSettingsColumnDetails.js}

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { noop as m } from "es-toolkit/compat";
-import x from "../../utils/classNames.js";
-import N from "../slider/Slider.js";
+import x from "../../../utils/classNames.js";
+import N from "../../slider/Slider.js";
 const j = (r) => {
   const {
     width: e = 0,

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableSettingsColumnDetails.js","sources":["../../../../src/components/table/native/TableSettingsColumnDetails.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react';\nimport { noop } from 'es-toolkit/compat';\n\nimport classNames from '../../../utils/classNames';\nimport Slider from '../../slider/Slider';\nimport type { TableColumnDetails, TableColumnDetailsMap } from './TableSettingsDialog';\n\nexport type TableSettingsColumnDetailsProps = TableColumnDetails & {\n    column: string;\n    maxColumnWidth: number;\n    onColumnWidthChange?: (column: keyof TableColumnDetailsMap, value: number) => void;\n    onResetColumnWidth?: (column: keyof TableColumnDetailsMap) => void;\n};\n\nexport const TableSettingsColumnDetails = (props: TableSettingsColumnDetailsProps) => {\n    const {\n        width = 0,\n        defaultWidth = 0,\n        maxWidth,\n        column,\n        maxColumnWidth,\n        onColumnWidthChange = noop,\n        onResetColumnWidth = noop,\n    } = props;\n\n    const handleWidthInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n        const parsedValue = event.target.value ? Number.parseInt(event.target.value, 10) : 0;\n        const max = maxWidth || maxColumnWidth;\n        const value = Math.min(parsedValue, max);\n        onColumnWidthChange(column, value);\n    };\n\n    const handleColumnWidthChange = (value: number) => onColumnWidthChange(column, value);\n\n    const handleResetColumnWidth = () => onResetColumnWidth(column);\n\n    const resetWidthButtonClassNames = classNames(\n        'btn',\n        'btn-muted',\n        'btn-icon-only',\n        'btn-sm',\n        'margin-left-10',\n        width === defaultWidth && 'disabled'\n    );\n\n    return (\n        <div className='table-settings-item-body'>\n            <Slider\n                className='margin-bottom-0'\n                value={width}\n                minValue={0}\n                maxValue={maxWidth || maxColumnWidth}\n                step={1}\n                onChange={handleColumnWidthChange}\n            />\n            <div className={resetWidthButtonClassNames} role='button' onClick={handleResetColumnWidth}>\n                <span className='rioglyph rioglyph-revert' />\n            </div>\n            <div className='column-width-input'>\n                <div className='input-group'>\n                    <input\n                        className='form-control text-right padding-right-5 no-controls'\n                        type='number'\n                        value={width || ''}\n                        min={0}\n                        max={maxWidth || maxColumnWidth}\n                        onChange={handleWidthInputChange}\n                    />\n                    <div className='input-group-addon'>px</div>\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":["TableSettingsColumnDetails","props","width","defaultWidth","maxWidth","column","maxColumnWidth","onColumnWidthChange","noop","onResetColumnWidth","handleWidthInputChange","event","parsedValue","value","handleColumnWidthChange","handleResetColumnWidth","resetWidthButtonClassNames","classNames","jsxs","jsx","Slider"],"mappings":";;;;AAcO,MAAMA,IAA6B,CAACC,MAA2C;AAClF,QAAM;AAAA,IACF,OAAAC,IAAQ;AAAA,IACR,cAAAC,IAAe;AAAA,IACf,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,qBAAAC,IAAsBC;AAAA,IACtB,oBAAAC,IAAqBD;AAAA,EAAA,IACrBP,GAEES,IAAyB,CAACC,MAAyC;AACrE,UAAMC,IAAcD,EAAM,OAAO,QAAQ,OAAO,SAASA,EAAM,OAAO,OAAO,EAAE,IAAI,GAE7EE,IAAQ,KAAK,IAAID,GADXR,KAAYE,CACe;AACvC,IAAAC,EAAoBF,GAAQQ,CAAK;AAAA,EACrC,GAEMC,IAA0B,CAACD,MAAkBN,EAAoBF,GAAQQ,CAAK,GAE9EE,IAAyB,MAAMN,EAAmBJ,CAAM,GAExDW,IAA6BC;AAAA,IAC/B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACAf,MAAUC,KAAgB;AAAA,EAAA;AAG9B,SACI,gBAAAe,EAAC,OAAA,EAAI,WAAU,4BACX,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,OAAOlB;AAAA,QACP,UAAU;AAAA,QACV,UAAUE,KAAYE;AAAA,QACtB,MAAM;AAAA,QACN,UAAUQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEd,gBAAAK,EAAC,OAAA,EAAI,WAAWH,GAA4B,MAAK,UAAS,SAASD,GAC/D,UAAA,gBAAAI,EAAC,QAAA,EAAK,WAAU,2BAAA,CAA2B,GAC/C;AAAA,sBACC,OAAA,EAAI,WAAU,sBACX,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,OAAOjB,KAAS;AAAA,UAChB,KAAK;AAAA,UACL,KAAKE,KAAYE;AAAA,UACjB,UAAUI;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAS,EAAC,OAAA,EAAI,WAAU,qBAAoB,UAAA,KAAA,CAAE;AAAA,IAAA,EAAA,CACzC,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/components/table/{TableSettingsDialog.d.ts → native/TableSettingsDialog.d.ts}

@@ -27,7 +27,7 @@ export type TableColumnsSettings = {
 export type TableColumnDetailsMap = Record<string, TableColumnDetails>;
 export type ColumnLabelStrings = Record<string, string>;
 export type TableSettingsItemProps = {
-    columnLabels?: any;
+    columnLabels?: Record<string, React.ReactNode>;
     autoLabel?: string | React.ReactNode;
     disabledColumns?: string[];
     columnOrder: string[];
@@ -36,14 +36,13 @@ export type TableSettingsItemProps = {
     columnsDetails: TableColumnDetailsMap;
     columnLabelStrings?: ColumnLabelStrings;
     openColumnsDetails?: Record<string, string>;
-    updateColumnLabelStrings?: boolean;
     onColumnWidthChange?: (column: keyof TableColumnDetailsMap, value: number) => void;
     onResetColumnWidth?: (column: keyof TableColumnDetailsMap) => void;
     onMoveColumn?: (columnName: string, newIndex: number, changeMovedColumn: boolean) => void;
     onOpenDetails?: (columnName: keyof TableColumnDetailsMap) => void;
     onToggleHideColumn?: (column: string) => void;
 };
-type TableSettingsDialogProps = {
+export type TableSettingsDialogProps = {
     /**
      * Defined whether to show the dialog or not.
      *