@rio-cloud/rio-uikit 2.3.0-beta.3 → 2.3.0

package/components/table/selection/useInternalTableSelectionState.d.ts

@@ -8,8 +8,10 @@ type UseInternalTableSelectionStateOptions<RowType extends TableRowData> = {
 type UseInternalTableSelectionStateReturn = {
     currentSelectedRowIds: TableRowId[];
     selectedRowIdSet: Set<TableRowId>;
+    selectableRowIdSet: Set<TableRowId>;
     isAllRowsSelected: boolean;
     isSomeRowsSelected: boolean;
+    hasSelectableRows: boolean;
     handleToggleAllSelection: () => void;
     handleToggleRowSelection: (rowId: TableRowId) => void;
 };

package/components/table/selection/useInternalTableSelectionState.js

@@ -1,28 +1,38 @@
-import { useMemo as o } from "react";
-const f = (r) => {
-  const { bodyRows: c, selectedRowIds: w, onSelectionChange: n } = r, l = o(
-    () => c.filter((e) => e.kind === "data" && !e.disabled).map((e) => e.rowId),
-    [c]
-  ), d = o(() => new Set(l), [l]), t = w ?? [], a = o(() => new Set(t), [t]), S = o(
-    () => t.filter((e) => d.has(e)),
-    [t, d]
-  ), i = o(() => new Set(S), [S]), s = l.length > 0 && l.every((e) => i.has(e)), R = i.size > 0 && !s;
+import { useMemo as s } from "react";
+const k = (b) => {
+  const { bodyRows: n, selectedRowIds: w, onSelectionChange: o } = b, d = s(
+    () => n.filter(
+      (e) => (e.kind === "data" || e.kind === "expanded") && !e.disabled && e.selectable !== !1
+    ).map((e) => e.rowId),
+    [n]
+  ), a = s(() => new Set(d), [d]), t = s(
+    () => n.filter((e) => e.kind === "data" && !e.disabled && e.selectable !== !1).map((e) => e.rowId),
+    [n]
+  ), l = w ?? [], S = s(() => new Set(l), [l]), i = s(
+    () => l.filter((e) => t.includes(e)),
+    [l, t]
+  ), R = s(
+    () => new Set(i),
+    [i]
+  ), c = t.length > 0 && t.every((e) => R.has(e)), g = R.size > 0 && !c, h = t.length > 0;
   return {
-    currentSelectedRowIds: t,
-    selectedRowIdSet: a,
-    isAllRowsSelected: s,
-    isSomeRowsSelected: R,
+    currentSelectedRowIds: l,
+    selectedRowIdSet: S,
+    selectableRowIdSet: a,
+    isAllRowsSelected: c,
+    isSomeRowsSelected: g,
+    hasSelectableRows: h,
     handleToggleAllSelection: () => {
-      n?.(s ? [] : l);
+      o?.(c ? [] : t);
     },
     handleToggleRowSelection: (e) => {
-      n && n(
-        a.has(e) ? t.filter((g) => g !== e) : [...t, e]
+      !o || !a.has(e) || o(
+        S.has(e) ? l.filter((r) => r !== e) : [...l, e]
       );
     }
   };
 };
 export {
-  f as default
+  k as default
 };
 //# sourceMappingURL=useInternalTableSelectionState.js.map

package/components/table/selection/useInternalTableSelectionState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInternalTableSelectionState.js","sources":["../../../../src/components/table/selection/useInternalTableSelectionState.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { RenderBodyRow } from '../context/TableRenderContext';\nimport type { TableRowData, TableRowId } from '../Table.types';\n\ntype UseInternalTableSelectionStateOptions<RowType extends TableRowData> = {\n    bodyRows: RenderBodyRow<RowType>[];\n    selectedRowIds?: TableRowId[];\n    onSelectionChange?: (rowIds: TableRowId[]) => void;\n};\n\ntype UseInternalTableSelectionStateReturn = {\n    currentSelectedRowIds: TableRowId[];\n    selectedRowIdSet: Set<TableRowId>;\n    isAllRowsSelected: boolean;\n    isSomeRowsSelected: boolean;\n    handleToggleAllSelection: () => void;\n    handleToggleRowSelection: (rowId: TableRowId) => void;\n};\n\nconst useInternalTableSelectionState = <RowType extends TableRowData>(\n    props: UseInternalTableSelectionStateOptions<RowType>\n): UseInternalTableSelectionStateReturn => {\n    const { bodyRows, selectedRowIds, onSelectionChange } = props;\n\n    const selectableRowIds = useMemo(\n        () => bodyRows.filter(row => row.kind === 'data' && !row.disabled).map(row => row.rowId),\n        [bodyRows]\n    );\n    const selectableRowIdSet = useMemo(() => new Set(selectableRowIds), [selectableRowIds]);\n    const currentSelectedRowIds = selectedRowIds ?? [];\n    const selectedRowIdSet = useMemo(() => new Set(currentSelectedRowIds), [currentSelectedRowIds]);\n    const normalizedSelectedRowIds = useMemo(\n        () => currentSelectedRowIds.filter(rowId => selectableRowIdSet.has(rowId)),\n        [currentSelectedRowIds, selectableRowIdSet]\n    );\n    const normalizedSelectedRowIdSet = useMemo(() => new Set(normalizedSelectedRowIds), [normalizedSelectedRowIds]);\n\n    const isAllRowsSelected =\n        selectableRowIds.length > 0 && selectableRowIds.every(rowId => normalizedSelectedRowIdSet.has(rowId));\n    const isSomeRowsSelected = normalizedSelectedRowIdSet.size > 0 && !isAllRowsSelected;\n\n    const handleToggleAllSelection = () => {\n        onSelectionChange?.(isAllRowsSelected ? [] : selectableRowIds);\n    };\n\n    const handleToggleRowSelection = (rowId: TableRowId) => {\n        if (!onSelectionChange) {\n            return;\n        }\n\n        onSelectionChange(\n            selectedRowIdSet.has(rowId)\n                ? currentSelectedRowIds.filter(selectedRowId => selectedRowId !== rowId)\n                : [...currentSelectedRowIds, rowId]\n        );\n    };\n\n    return {\n        currentSelectedRowIds,\n        selectedRowIdSet,\n        isAllRowsSelected,\n        isSomeRowsSelected,\n        handleToggleAllSelection,\n        handleToggleRowSelection,\n    };\n};\n\nexport default useInternalTableSelectionState;\n"],"names":["useInternalTableSelectionState","props","bodyRows","selectedRowIds","onSelectionChange","selectableRowIds","useMemo","row","selectableRowIdSet","currentSelectedRowIds","selectedRowIdSet","normalizedSelectedRowIds","rowId","normalizedSelectedRowIdSet","isAllRowsSelected","isSomeRowsSelected","selectedRowId"],"mappings":";AAoBA,MAAMA,IAAiC,CACnCC,MACuC;AACvC,QAAM,EAAE,UAAAC,GAAU,gBAAAC,GAAgB,mBAAAC,EAAA,IAAsBH,GAElDI,IAAmBC;AAAA,IACrB,MAAMJ,EAAS,OAAO,CAAAK,MAAOA,EAAI,SAAS,UAAU,CAACA,EAAI,QAAQ,EAAE,IAAI,CAAAA,MAAOA,EAAI,KAAK;AAAA,IACvF,CAACL,CAAQ;AAAA,EAAA,GAEPM,IAAqBF,EAAQ,MAAM,IAAI,IAAID,CAAgB,GAAG,CAACA,CAAgB,CAAC,GAChFI,IAAwBN,KAAkB,CAAA,GAC1CO,IAAmBJ,EAAQ,MAAM,IAAI,IAAIG,CAAqB,GAAG,CAACA,CAAqB,CAAC,GACxFE,IAA2BL;AAAA,IAC7B,MAAMG,EAAsB,OAAO,OAASD,EAAmB,IAAII,CAAK,CAAC;AAAA,IACzE,CAACH,GAAuBD,CAAkB;AAAA,EAAA,GAExCK,IAA6BP,EAAQ,MAAM,IAAI,IAAIK,CAAwB,GAAG,CAACA,CAAwB,CAAC,GAExGG,IACFT,EAAiB,SAAS,KAAKA,EAAiB,MAAM,CAAAO,MAASC,EAA2B,IAAID,CAAK,CAAC,GAClGG,IAAqBF,EAA2B,OAAO,KAAK,CAACC;AAkBnE,SAAO;AAAA,IACH,uBAAAL;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAI;AAAA,IACA,oBAAAC;AAAA,IACA,0BArB6B,MAAM;AACnC,MAAAX,IAAoBU,IAAoB,CAAA,IAAKT,CAAgB;AAAA,IACjE;AAAA,IAoBI,0BAlB6B,CAACO,MAAsB;AACpD,MAAKR,KAILA;AAAA,QACIM,EAAiB,IAAIE,CAAK,IACpBH,EAAsB,OAAO,CAAAO,MAAiBA,MAAkBJ,CAAK,IACrE,CAAC,GAAGH,GAAuBG,CAAK;AAAA,MAAA;AAAA,IAE9C;AAAA,EAQI;AAER;"}
+{"version":3,"file":"useInternalTableSelectionState.js","sources":["../../../../src/components/table/selection/useInternalTableSelectionState.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { RenderBodyRow } from '../context/TableRenderContext';\nimport type { TableRowData, TableRowId } from '../Table.types';\n\ntype UseInternalTableSelectionStateOptions<RowType extends TableRowData> = {\n    bodyRows: RenderBodyRow<RowType>[];\n    selectedRowIds?: TableRowId[];\n    onSelectionChange?: (rowIds: TableRowId[]) => void;\n};\n\ntype UseInternalTableSelectionStateReturn = {\n    currentSelectedRowIds: TableRowId[];\n    selectedRowIdSet: Set<TableRowId>;\n    selectableRowIdSet: Set<TableRowId>;\n    isAllRowsSelected: boolean;\n    isSomeRowsSelected: boolean;\n    hasSelectableRows: boolean;\n    handleToggleAllSelection: () => void;\n    handleToggleRowSelection: (rowId: TableRowId) => void;\n};\n\nconst useInternalTableSelectionState = <RowType extends TableRowData>(\n    props: UseInternalTableSelectionStateOptions<RowType>\n): UseInternalTableSelectionStateReturn => {\n    const { bodyRows, selectedRowIds, onSelectionChange } = props;\n\n    const selectableRowIds = useMemo(\n        () =>\n            bodyRows\n                .filter(\n                    row => (row.kind === 'data' || row.kind === 'expanded') && !row.disabled && row.selectable !== false\n                )\n                .map(row => row.rowId),\n        [bodyRows]\n    );\n    const selectableRowIdSet = useMemo(() => new Set(selectableRowIds), [selectableRowIds]);\n    const bulkSelectableRowIds = useMemo(\n        () =>\n            bodyRows\n                .filter(row => row.kind === 'data' && !row.disabled && row.selectable !== false)\n                .map(row => row.rowId),\n        [bodyRows]\n    );\n    const currentSelectedRowIds = selectedRowIds ?? [];\n    const currentSelectedRowIdSet = useMemo(() => new Set(currentSelectedRowIds), [currentSelectedRowIds]);\n    const selectedBulkSelectableRowIds = useMemo(\n        () => currentSelectedRowIds.filter(rowId => bulkSelectableRowIds.includes(rowId)),\n        [currentSelectedRowIds, bulkSelectableRowIds]\n    );\n    const selectedBulkSelectableRowIdSet = useMemo(\n        () => new Set(selectedBulkSelectableRowIds),\n        [selectedBulkSelectableRowIds]\n    );\n\n    const isAllRowsSelected =\n        bulkSelectableRowIds.length > 0 &&\n        bulkSelectableRowIds.every(rowId => selectedBulkSelectableRowIdSet.has(rowId));\n    const isSomeRowsSelected = selectedBulkSelectableRowIdSet.size > 0 && !isAllRowsSelected;\n    const hasSelectableRows = bulkSelectableRowIds.length > 0;\n\n    const handleToggleAllSelection = () => {\n        onSelectionChange?.(isAllRowsSelected ? [] : bulkSelectableRowIds);\n    };\n\n    const handleToggleRowSelection = (rowId: TableRowId) => {\n        if (!onSelectionChange || !selectableRowIdSet.has(rowId)) {\n            return;\n        }\n\n        onSelectionChange(\n            currentSelectedRowIdSet.has(rowId)\n                ? currentSelectedRowIds.filter(selectedRowId => selectedRowId !== rowId)\n                : [...currentSelectedRowIds, rowId]\n        );\n    };\n\n    return {\n        currentSelectedRowIds,\n        selectedRowIdSet: currentSelectedRowIdSet,\n        selectableRowIdSet,\n        isAllRowsSelected,\n        isSomeRowsSelected,\n        hasSelectableRows,\n        handleToggleAllSelection,\n        handleToggleRowSelection,\n    };\n};\n\nexport default useInternalTableSelectionState;\n"],"names":["useInternalTableSelectionState","props","bodyRows","selectedRowIds","onSelectionChange","selectableRowIds","useMemo","row","selectableRowIdSet","bulkSelectableRowIds","currentSelectedRowIds","currentSelectedRowIdSet","selectedBulkSelectableRowIds","rowId","selectedBulkSelectableRowIdSet","isAllRowsSelected","isSomeRowsSelected","hasSelectableRows","selectedRowId"],"mappings":";AAsBA,MAAMA,IAAiC,CACnCC,MACuC;AACvC,QAAM,EAAE,UAAAC,GAAU,gBAAAC,GAAgB,mBAAAC,EAAA,IAAsBH,GAElDI,IAAmBC;AAAA,IACrB,MACIJ,EACK;AAAA,MACG,CAAAK,OAAQA,EAAI,SAAS,UAAUA,EAAI,SAAS,eAAe,CAACA,EAAI,YAAYA,EAAI,eAAe;AAAA,IAAA,EAElG,IAAI,CAAAA,MAAOA,EAAI,KAAK;AAAA,IAC7B,CAACL,CAAQ;AAAA,EAAA,GAEPM,IAAqBF,EAAQ,MAAM,IAAI,IAAID,CAAgB,GAAG,CAACA,CAAgB,CAAC,GAChFI,IAAuBH;AAAA,IACzB,MACIJ,EACK,OAAO,CAAAK,MAAOA,EAAI,SAAS,UAAU,CAACA,EAAI,YAAYA,EAAI,eAAe,EAAK,EAC9E,IAAI,CAAAA,MAAOA,EAAI,KAAK;AAAA,IAC7B,CAACL,CAAQ;AAAA,EAAA,GAEPQ,IAAwBP,KAAkB,CAAA,GAC1CQ,IAA0BL,EAAQ,MAAM,IAAI,IAAII,CAAqB,GAAG,CAACA,CAAqB,CAAC,GAC/FE,IAA+BN;AAAA,IACjC,MAAMI,EAAsB,OAAO,OAASD,EAAqB,SAASI,CAAK,CAAC;AAAA,IAChF,CAACH,GAAuBD,CAAoB;AAAA,EAAA,GAE1CK,IAAiCR;AAAA,IACnC,MAAM,IAAI,IAAIM,CAA4B;AAAA,IAC1C,CAACA,CAA4B;AAAA,EAAA,GAG3BG,IACFN,EAAqB,SAAS,KAC9BA,EAAqB,MAAM,CAAAI,MAASC,EAA+B,IAAID,CAAK,CAAC,GAC3EG,IAAqBF,EAA+B,OAAO,KAAK,CAACC,GACjEE,IAAoBR,EAAqB,SAAS;AAkBxD,SAAO;AAAA,IACH,uBAAAC;AAAA,IACA,kBAAkBC;AAAA,IAClB,oBAAAH;AAAA,IACA,mBAAAO;AAAA,IACA,oBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,0BAvB6B,MAAM;AACnC,MAAAb,IAAoBW,IAAoB,CAAA,IAAKN,CAAoB;AAAA,IACrE;AAAA,IAsBI,0BApB6B,CAACI,MAAsB;AACpD,MAAI,CAACT,KAAqB,CAACI,EAAmB,IAAIK,CAAK,KAIvDT;AAAA,QACIO,EAAwB,IAAIE,CAAK,IAC3BH,EAAsB,OAAO,CAAAQ,MAAiBA,MAAkBL,CAAK,IACrE,CAAC,GAAGH,GAAuBG,CAAK;AAAA,MAAA;AAAA,IAE9C;AAAA,EAUI;AAER;"}

package/components/table/selection/useTableSelection.d.ts

@@ -1,4 +1,4 @@
-import { TableRowData, TableRowId } from '../Table.types';
+import { TableRowData, TableRowId, TableRowSelectable } from '../Table.types';
 /**
  * Configuration for `useTableSelection`.
  */
@@ -17,6 +17,10 @@ export type UseTableSelectionOptions<RowType extends TableRowData> = {
      * Optional initially active row id.
      */
     initialActiveRowId?: TableRowId;
+    /**
+     * Optional predicate to exclude rows from selection.
+     */
+    isRowSelectable?: TableRowSelectable<RowType>;
     /**
      * Optional initially selected row ids.
      */

package/components/table/selection/useTableSelection.js

@@ -1,35 +1,46 @@
-import { useMemo as d, useState as r, useEffect as y } from "react";
-import { resolveRowKey as v } from "../model/resolveRowMeta.js";
-const K = (S) => {
-  const { rows: n, rowKey: i, initialActiveRowId: w, initialSelectedRowIds: f = [] } = S, l = d(() => n.map((e, t) => v(e, t, i)), [n, i]), c = d(() => new Set(l), [l]), [g, a] = r(w), [o, s] = r(f);
-  y(() => {
-    s((e) => e.filter((t) => c.has(t))), a(
-      (e) => e !== void 0 && c.has(e) ? e : void 0
+import { useMemo as r, useState as d, useEffect as x } from "react";
+import { resolveRowKey as m } from "../model/resolveRowMeta.js";
+const j = (u) => {
+  const { rows: o, rowKey: a, initialActiveRowId: w, initialSelectedRowIds: R = [], isRowSelectable: f } = u, h = r(() => o.map((e, t) => m(e, t, a)), [o, a]), S = r(() => new Set(h), [h]), n = r(
+    () => o.flatMap((e, t) => {
+      const l = m(e, t, a);
+      return f?.(e, t) === !1 ? [] : [l];
+    }),
+    [f, a, o]
+  ), i = r(() => new Set(n), [n]), [y, g] = d(w), [s, c] = d(R);
+  x(() => {
+    c((e) => {
+      const t = e.filter(
+        (l) => S.has(l) && i.has(l)
+      );
+      return t.length === e.length && t.every((l, M) => l === e[M]) ? e : t;
+    }), g(
+      (e) => e !== void 0 && S.has(e) ? e : void 0
     );
-  }, [c]);
-  const m = (e) => {
-    s(
-      (t) => t.includes(e) ? t.filter((R) => R !== e) : [...t, e]
+  }, [S, i]);
+  const b = (e) => {
+    i.has(e) && c(
+      (t) => t.includes(e) ? t.filter((l) => l !== e) : [...t, e]
     );
-  }, u = (e = !l.every((t) => o.includes(t))) => {
-    s(e ? l : []);
-  }, h = () => {
-    s([]);
+  }, A = (e = !n.every((t) => s.includes(t))) => {
+    c(e ? n : []);
+  }, K = () => {
+    c([]);
   };
   return {
-    activeRowId: g,
-    selectedRowIds: o,
-    hasSelection: o.length > 0,
-    isAllSelected: l.length > 0 && l.every((e) => o.includes(e)),
-    isRowSelected: (e) => o.includes(e),
-    setActiveRowId: a,
-    setSelectedRowIds: s,
-    toggleRowSelection: m,
-    toggleAllSelection: u,
-    clearSelection: h
+    activeRowId: y,
+    selectedRowIds: s,
+    hasSelection: s.length > 0,
+    isAllSelected: n.length > 0 && n.every((e) => s.includes(e)),
+    isRowSelected: (e) => i.has(e) && s.includes(e),
+    setActiveRowId: g,
+    setSelectedRowIds: c,
+    toggleRowSelection: b,
+    toggleAllSelection: A,
+    clearSelection: K
   };
 };
 export {
-  K as default
+  j as default
 };
 //# sourceMappingURL=useTableSelection.js.map

package/components/table/selection/useTableSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableSelection.js","sources":["../../../../src/components/table/selection/useTableSelection.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { resolveRowKey } from '../model/resolveRowMeta';\nimport type { TableRowData, TableRowId } from '../Table.types';\n\n/**\n * Configuration for `useTableSelection`.\n */\nexport type UseTableSelectionOptions<RowType extends TableRowData> = {\n    /**\n     * Data rows that participate in active-row and selection state.\n     */\n    rows: RowType[];\n\n    /**\n     * Optional key accessor used to derive stable row ids.\n     *\n     * If omitted, the row index is used as a fallback.\n     */\n    rowKey?: keyof RowType | ((row: RowType, rowIndex: number) => TableRowId);\n\n    /**\n     * Optional initially active row id.\n     */\n    initialActiveRowId?: TableRowId;\n\n    /**\n     * Optional initially selected row ids.\n     */\n    initialSelectedRowIds?: TableRowId[];\n};\n\n/**\n * Selection and active-row state returned by `useTableSelection`.\n */\nexport type UseTableSelectionReturn = {\n    /**\n     * Currently active row id.\n     */\n    activeRowId?: TableRowId;\n\n    /**\n     * Currently selected row ids.\n     */\n    selectedRowIds: TableRowId[];\n\n    /**\n     * Whether at least one row is currently selected.\n     */\n    hasSelection: boolean;\n\n    /**\n     * Whether all current rows are selected.\n     */\n    isAllSelected: boolean;\n\n    /**\n     * Checks whether a given row id is currently selected.\n     */\n    isRowSelected: (rowId: TableRowId) => boolean;\n\n    /**\n     * Sets the current active row id.\n     */\n    setActiveRowId: (rowId: TableRowId | undefined) => void;\n\n    /**\n     * Replaces the current selection with the provided row ids.\n     */\n    setSelectedRowIds: (rowIds: TableRowId[]) => void;\n\n    /**\n     * Toggles selection state for a single row id.\n     */\n    toggleRowSelection: (rowId: TableRowId) => void;\n\n    /**\n     * Selects or deselects all current rows.\n     *\n     * If `shouldSelect` is omitted, the hook toggles based on the current\n     * all-selected state.\n     */\n    toggleAllSelection: (shouldSelect?: boolean) => void;\n\n    /**\n     * Clears the current selection.\n     */\n    clearSelection: () => void;\n};\n\n/**\n * Small helper hook for controlled table demos and simple table integrations\n * that need active-row state plus checkbox selection state.\n *\n * The hook derives stable row ids from `rows` and `rowKey`, keeps the active\n * row and selection in sync when rows change, and provides convenience helpers\n * for single-row and all-row toggling.\n */\nconst useTableSelection = <RowType extends TableRowData>(\n    props: UseTableSelectionOptions<RowType>\n): UseTableSelectionReturn => {\n    const { rows, rowKey, initialActiveRowId, initialSelectedRowIds = [] } = props;\n\n    const rowIds = useMemo(() => rows.map((row, rowIndex) => resolveRowKey(row, rowIndex, rowKey)), [rows, rowKey]);\n    const rowIdSet = useMemo(() => new Set(rowIds), [rowIds]);\n\n    const [activeRowId, setActiveRowId] = useState<TableRowId | undefined>(initialActiveRowId);\n    const [selectedRowIds, setSelectedRowIds] = useState<TableRowId[]>(initialSelectedRowIds);\n\n    useEffect(() => {\n        setSelectedRowIds(previousSelectedRowIds => previousSelectedRowIds.filter(rowId => rowIdSet.has(rowId)));\n        setActiveRowId(previousActiveRowId =>\n            previousActiveRowId !== undefined && rowIdSet.has(previousActiveRowId) ? previousActiveRowId : undefined\n        );\n    }, [rowIdSet]);\n\n    const toggleRowSelection = (rowId: TableRowId) => {\n        setSelectedRowIds(previousSelectedRowIds =>\n            previousSelectedRowIds.includes(rowId)\n                ? previousSelectedRowIds.filter(selectedRowId => selectedRowId !== rowId)\n                : [...previousSelectedRowIds, rowId]\n        );\n    };\n\n    const toggleAllSelection = (shouldSelect = !rowIds.every(rowId => selectedRowIds.includes(rowId))) => {\n        setSelectedRowIds(shouldSelect ? rowIds : []);\n    };\n\n    const clearSelection = () => {\n        setSelectedRowIds([]);\n    };\n\n    return {\n        activeRowId,\n        selectedRowIds,\n        hasSelection: selectedRowIds.length > 0,\n        isAllSelected: rowIds.length > 0 && rowIds.every(rowId => selectedRowIds.includes(rowId)),\n        isRowSelected: rowId => selectedRowIds.includes(rowId),\n        setActiveRowId,\n        setSelectedRowIds,\n        toggleRowSelection,\n        toggleAllSelection,\n        clearSelection,\n    };\n};\n\nexport default useTableSelection;\n"],"names":["useTableSelection","props","rows","rowKey","initialActiveRowId","initialSelectedRowIds","rowIds","useMemo","row","rowIndex","resolveRowKey","rowIdSet","activeRowId","setActiveRowId","useState","selectedRowIds","setSelectedRowIds","useEffect","previousSelectedRowIds","rowId","previousActiveRowId","toggleRowSelection","selectedRowId","toggleAllSelection","shouldSelect","clearSelection"],"mappings":";;AAkGA,MAAMA,IAAoB,CACtBC,MAC0B;AAC1B,QAAM,EAAE,MAAAC,GAAM,QAAAC,GAAQ,oBAAAC,GAAoB,uBAAAC,IAAwB,CAAA,MAAOJ,GAEnEK,IAASC,EAAQ,MAAML,EAAK,IAAI,CAACM,GAAKC,MAAaC,EAAcF,GAAKC,GAAUN,CAAM,CAAC,GAAG,CAACD,GAAMC,CAAM,CAAC,GACxGQ,IAAWJ,EAAQ,MAAM,IAAI,IAAID,CAAM,GAAG,CAACA,CAAM,CAAC,GAElD,CAACM,GAAaC,CAAc,IAAIC,EAAiCV,CAAkB,GACnF,CAACW,GAAgBC,CAAiB,IAAIF,EAAuBT,CAAqB;AAExF,EAAAY,EAAU,MAAM;AACZ,IAAAD,EAAkB,CAAAE,MAA0BA,EAAuB,OAAO,CAAAC,MAASR,EAAS,IAAIQ,CAAK,CAAC,CAAC,GACvGN;AAAA,MAAe,OACXO,MAAwB,UAAaT,EAAS,IAAIS,CAAmB,IAAIA,IAAsB;AAAA,IAAA;AAAA,EAEvG,GAAG,CAACT,CAAQ,CAAC;AAEb,QAAMU,IAAqB,CAACF,MAAsB;AAC9C,IAAAH;AAAA,MAAkB,CAAAE,MACdA,EAAuB,SAASC,CAAK,IAC/BD,EAAuB,OAAO,CAAAI,MAAiBA,MAAkBH,CAAK,IACtE,CAAC,GAAGD,GAAwBC,CAAK;AAAA,IAAA;AAAA,EAE/C,GAEMI,IAAqB,CAACC,IAAe,CAAClB,EAAO,MAAM,CAAAa,MAASJ,EAAe,SAASI,CAAK,CAAC,MAAM;AAClG,IAAAH,EAAkBQ,IAAelB,IAAS,EAAE;AAAA,EAChD,GAEMmB,IAAiB,MAAM;AACzB,IAAAT,EAAkB,CAAA,CAAE;AAAA,EACxB;AAEA,SAAO;AAAA,IACH,aAAAJ;AAAA,IACA,gBAAAG;AAAA,IACA,cAAcA,EAAe,SAAS;AAAA,IACtC,eAAeT,EAAO,SAAS,KAAKA,EAAO,MAAM,CAAAa,MAASJ,EAAe,SAASI,CAAK,CAAC;AAAA,IACxF,eAAe,CAAAA,MAASJ,EAAe,SAASI,CAAK;AAAA,IACrD,gBAAAN;AAAA,IACA,mBAAAG;AAAA,IACA,oBAAAK;AAAA,IACA,oBAAAE;AAAA,IACA,gBAAAE;AAAA,EAAA;AAER;"}
+{"version":3,"file":"useTableSelection.js","sources":["../../../../src/components/table/selection/useTableSelection.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { resolveRowKey } from '../model/resolveRowMeta';\nimport type { TableRowData, TableRowId, TableRowSelectable } from '../Table.types';\n\n/**\n * Configuration for `useTableSelection`.\n */\nexport type UseTableSelectionOptions<RowType extends TableRowData> = {\n    /**\n     * Data rows that participate in active-row and selection state.\n     */\n    rows: RowType[];\n\n    /**\n     * Optional key accessor used to derive stable row ids.\n     *\n     * If omitted, the row index is used as a fallback.\n     */\n    rowKey?: keyof RowType | ((row: RowType, rowIndex: number) => TableRowId);\n\n    /**\n     * Optional initially active row id.\n     */\n    initialActiveRowId?: TableRowId;\n\n    /**\n     * Optional predicate to exclude rows from selection.\n     */\n    isRowSelectable?: TableRowSelectable<RowType>;\n\n    /**\n     * Optional initially selected row ids.\n     */\n    initialSelectedRowIds?: TableRowId[];\n};\n\n/**\n * Selection and active-row state returned by `useTableSelection`.\n */\nexport type UseTableSelectionReturn = {\n    /**\n     * Currently active row id.\n     */\n    activeRowId?: TableRowId;\n\n    /**\n     * Currently selected row ids.\n     */\n    selectedRowIds: TableRowId[];\n\n    /**\n     * Whether at least one row is currently selected.\n     */\n    hasSelection: boolean;\n\n    /**\n     * Whether all current rows are selected.\n     */\n    isAllSelected: boolean;\n\n    /**\n     * Checks whether a given row id is currently selected.\n     */\n    isRowSelected: (rowId: TableRowId) => boolean;\n\n    /**\n     * Sets the current active row id.\n     */\n    setActiveRowId: (rowId: TableRowId | undefined) => void;\n\n    /**\n     * Replaces the current selection with the provided row ids.\n     */\n    setSelectedRowIds: (rowIds: TableRowId[]) => void;\n\n    /**\n     * Toggles selection state for a single row id.\n     */\n    toggleRowSelection: (rowId: TableRowId) => void;\n\n    /**\n     * Selects or deselects all current rows.\n     *\n     * If `shouldSelect` is omitted, the hook toggles based on the current\n     * all-selected state.\n     */\n    toggleAllSelection: (shouldSelect?: boolean) => void;\n\n    /**\n     * Clears the current selection.\n     */\n    clearSelection: () => void;\n};\n\n/**\n * Small helper hook for controlled table demos and simple table integrations\n * that need active-row state plus checkbox selection state.\n *\n * The hook derives stable row ids from `rows` and `rowKey`, keeps the active\n * row and selection in sync when rows change, and provides convenience helpers\n * for single-row and all-row toggling.\n */\nconst useTableSelection = <RowType extends TableRowData>(\n    props: UseTableSelectionOptions<RowType>\n): UseTableSelectionReturn => {\n    const { rows, rowKey, initialActiveRowId, initialSelectedRowIds = [], isRowSelectable } = props;\n\n    const rowIds = useMemo(() => rows.map((row, rowIndex) => resolveRowKey(row, rowIndex, rowKey)), [rows, rowKey]);\n    const rowIdSet = useMemo(() => new Set(rowIds), [rowIds]);\n    const selectableRowIds = useMemo(\n        () =>\n            rows.flatMap((row, rowIndex) => {\n                const rowId = resolveRowKey(row, rowIndex, rowKey);\n                return isRowSelectable?.(row, rowIndex) === false ? [] : [rowId];\n            }),\n        [isRowSelectable, rowKey, rows]\n    );\n    const selectableRowIdSet = useMemo(() => new Set(selectableRowIds), [selectableRowIds]);\n\n    const [activeRowId, setActiveRowId] = useState<TableRowId | undefined>(initialActiveRowId);\n    const [selectedRowIds, setSelectedRowIds] = useState<TableRowId[]>(initialSelectedRowIds);\n\n    useEffect(() => {\n        setSelectedRowIds(previousSelectedRowIds => {\n            const nextSelectedRowIds = previousSelectedRowIds.filter(\n                rowId => rowIdSet.has(rowId) && selectableRowIdSet.has(rowId)\n            );\n\n            return nextSelectedRowIds.length === previousSelectedRowIds.length &&\n                nextSelectedRowIds.every((rowId, index) => rowId === previousSelectedRowIds[index])\n                ? previousSelectedRowIds\n                : nextSelectedRowIds;\n        });\n        setActiveRowId(previousActiveRowId =>\n            previousActiveRowId !== undefined && rowIdSet.has(previousActiveRowId) ? previousActiveRowId : undefined\n        );\n    }, [rowIdSet, selectableRowIdSet]);\n\n    const toggleRowSelection = (rowId: TableRowId) => {\n        if (!selectableRowIdSet.has(rowId)) {\n            return;\n        }\n\n        setSelectedRowIds(previousSelectedRowIds =>\n            previousSelectedRowIds.includes(rowId)\n                ? previousSelectedRowIds.filter(selectedRowId => selectedRowId !== rowId)\n                : [...previousSelectedRowIds, rowId]\n        );\n    };\n\n    const toggleAllSelection = (shouldSelect = !selectableRowIds.every(rowId => selectedRowIds.includes(rowId))) => {\n        setSelectedRowIds(shouldSelect ? selectableRowIds : []);\n    };\n\n    const clearSelection = () => {\n        setSelectedRowIds([]);\n    };\n\n    return {\n        activeRowId,\n        selectedRowIds,\n        hasSelection: selectedRowIds.length > 0,\n        isAllSelected: selectableRowIds.length > 0 && selectableRowIds.every(rowId => selectedRowIds.includes(rowId)),\n        isRowSelected: rowId => selectableRowIdSet.has(rowId) && selectedRowIds.includes(rowId),\n        setActiveRowId,\n        setSelectedRowIds,\n        toggleRowSelection,\n        toggleAllSelection,\n        clearSelection,\n    };\n};\n\nexport default useTableSelection;\n"],"names":["useTableSelection","props","rows","rowKey","initialActiveRowId","initialSelectedRowIds","isRowSelectable","rowIds","useMemo","row","rowIndex","resolveRowKey","rowIdSet","selectableRowIds","rowId","selectableRowIdSet","activeRowId","setActiveRowId","useState","selectedRowIds","setSelectedRowIds","useEffect","previousSelectedRowIds","nextSelectedRowIds","index","previousActiveRowId","toggleRowSelection","selectedRowId","toggleAllSelection","shouldSelect","clearSelection"],"mappings":";;AAuGA,MAAMA,IAAoB,CACtBC,MAC0B;AAC1B,QAAM,EAAE,MAAAC,GAAM,QAAAC,GAAQ,oBAAAC,GAAoB,uBAAAC,IAAwB,CAAA,GAAI,iBAAAC,MAAoBL,GAEpFM,IAASC,EAAQ,MAAMN,EAAK,IAAI,CAACO,GAAKC,MAAaC,EAAcF,GAAKC,GAAUP,CAAM,CAAC,GAAG,CAACD,GAAMC,CAAM,CAAC,GACxGS,IAAWJ,EAAQ,MAAM,IAAI,IAAID,CAAM,GAAG,CAACA,CAAM,CAAC,GAClDM,IAAmBL;AAAA,IACrB,MACIN,EAAK,QAAQ,CAACO,GAAKC,MAAa;AAC5B,YAAMI,IAAQH,EAAcF,GAAKC,GAAUP,CAAM;AACjD,aAAOG,IAAkBG,GAAKC,CAAQ,MAAM,KAAQ,CAAA,IAAK,CAACI,CAAK;AAAA,IACnE,CAAC;AAAA,IACL,CAACR,GAAiBH,GAAQD,CAAI;AAAA,EAAA,GAE5Ba,IAAqBP,EAAQ,MAAM,IAAI,IAAIK,CAAgB,GAAG,CAACA,CAAgB,CAAC,GAEhF,CAACG,GAAaC,CAAc,IAAIC,EAAiCd,CAAkB,GACnF,CAACe,GAAgBC,CAAiB,IAAIF,EAAuBb,CAAqB;AAExF,EAAAgB,EAAU,MAAM;AACZ,IAAAD,EAAkB,CAAAE,MAA0B;AACxC,YAAMC,IAAqBD,EAAuB;AAAA,QAC9C,OAASV,EAAS,IAAIE,CAAK,KAAKC,EAAmB,IAAID,CAAK;AAAA,MAAA;AAGhE,aAAOS,EAAmB,WAAWD,EAAuB,UACxDC,EAAmB,MAAM,CAACT,GAAOU,MAAUV,MAAUQ,EAAuBE,CAAK,CAAC,IAChFF,IACAC;AAAA,IACV,CAAC,GACDN;AAAA,MAAe,OACXQ,MAAwB,UAAab,EAAS,IAAIa,CAAmB,IAAIA,IAAsB;AAAA,IAAA;AAAA,EAEvG,GAAG,CAACb,GAAUG,CAAkB,CAAC;AAEjC,QAAMW,IAAqB,CAACZ,MAAsB;AAC9C,IAAKC,EAAmB,IAAID,CAAK,KAIjCM;AAAA,MAAkB,CAAAE,MACdA,EAAuB,SAASR,CAAK,IAC/BQ,EAAuB,OAAO,CAAAK,MAAiBA,MAAkBb,CAAK,IACtE,CAAC,GAAGQ,GAAwBR,CAAK;AAAA,IAAA;AAAA,EAE/C,GAEMc,IAAqB,CAACC,IAAe,CAAChB,EAAiB,MAAM,CAAAC,MAASK,EAAe,SAASL,CAAK,CAAC,MAAM;AAC5G,IAAAM,EAAkBS,IAAehB,IAAmB,EAAE;AAAA,EAC1D,GAEMiB,IAAiB,MAAM;AACzB,IAAAV,EAAkB,CAAA,CAAE;AAAA,EACxB;AAEA,SAAO;AAAA,IACH,aAAAJ;AAAA,IACA,gBAAAG;AAAA,IACA,cAAcA,EAAe,SAAS;AAAA,IACtC,eAAeN,EAAiB,SAAS,KAAKA,EAAiB,MAAM,CAAAC,MAASK,EAAe,SAASL,CAAK,CAAC;AAAA,IAC5G,eAAe,OAASC,EAAmB,IAAID,CAAK,KAAKK,EAAe,SAASL,CAAK;AAAA,IACtF,gBAAAG;AAAA,IACA,mBAAAG;AAAA,IACA,oBAAAM;AAAA,IACA,oBAAAE;AAAA,IACA,gBAAAE;AAAA,EAAA;AAER;"}

package/components/table/shared/parsePixelSize.d.ts

@@ -0,0 +1,2 @@
+declare const parsePixelSize: (value?: string | number) => number | undefined;
+export default parsePixelSize;

package/components/table/shared/parsePixelSize.js

@@ -0,0 +1,13 @@
+const e = (r) => {
+  if (typeof r == "number")
+    return Number.isFinite(r) ? r : void 0;
+  if (!r)
+    return;
+  const t = r.trim().match(/^(-?\d+(?:\.\d+)?)px$/);
+  if (t)
+    return Number(t[1]);
+};
+export {
+  e as default
+};
+//# sourceMappingURL=parsePixelSize.js.map

package/components/table/shared/parsePixelSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parsePixelSize.js","sources":["../../../../src/components/table/shared/parsePixelSize.ts"],"sourcesContent":["const parsePixelSize = (value?: string | number): number | undefined => {\n    if (typeof value === 'number') {\n        return Number.isFinite(value) ? value : undefined;\n    }\n\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 default parsePixelSize;\n"],"names":["parsePixelSize","value","match"],"mappings":"AAAA,MAAMA,IAAiB,CAACC,MAAgD;AACpE,MAAI,OAAOA,KAAU;AACjB,WAAO,OAAO,SAASA,CAAK,IAAIA,IAAQ;AAG5C,MAAI,CAACA;AACD;AAGJ,QAAMC,IAAQD,EAAM,KAAA,EAAO,MAAM,uBAAuB;AAExD,MAAKC;AAIL,WAAO,OAAOA,EAAM,CAAC,CAAC;AAC1B;"}

package/hooks/useResizeObserver.d.ts

@@ -1,10 +1,29 @@
 import { MutableRefObject } from 'react';
-/**
- * Custom hook for observing element resize.
- * @returns
- */
-declare const useResizeObserver: <T extends HTMLElement = HTMLDivElement>() => [MutableRefObject<T | null>, ResizeObserverEntry | null, {
+export type UseResizeObserverSize = {
     blockSize: number | undefined;
     inlineSize: number | undefined;
-}];
+};
+export type UseResizeObserverReturn<T extends HTMLElement = HTMLDivElement> = [
+    MutableRefObject<T | null>,
+    ResizeObserverEntry | null,
+    UseResizeObserverSize
+];
+/**
+ * Observes size changes of an element with `ResizeObserver`.
+ *
+ * Use the returned `ref` for the common case where the hook owns the observed element.
+ * Alternatively, pass an existing element via `observedElement` to observe it directly.
+ *
+ * The third tuple item exposes `inlineSize` and `blockSize` with a `borderBoxSize` first
+ * strategy and falls back to `contentRect` when needed.
+ *
+ * @template T The observed element type. Defaults to `HTMLDivElement`.
+ * @param observedElement Optional existing DOM element to observe instead of the returned ref target.
+ * @returns `[ref, observerEntry, size]`
+ *
+ * `ref` is the ref object for the observed element when the hook owns that element.
+ * `observerEntry` is `null` until the first resize notification arrives.
+ * `size` contains `inlineSize` and `blockSize`, preferring `borderBoxSize` and falling back to `contentRect`.
+ */
+declare const useResizeObserver: <T extends HTMLElement = HTMLDivElement>(observedElement?: T | null) => UseResizeObserverReturn<T>;
 export default useResizeObserver;

package/hooks/useResizeObserver.js

@@ -1,26 +1,28 @@
-import { useState as d, useRef as u, useCallback as a, useLayoutEffect as f } from "react";
+import { useState as k, useRef as a, useCallback as d, useLayoutEffect as v } from "react";
 const c = (e) => {
-  const n = e?.borderBoxSize?.at(0);
+  const t = e?.borderBoxSize?.at(0);
   return {
-    blockSize: n?.blockSize ?? e?.contentRect.height,
-    inlineSize: n?.inlineSize ?? e?.contentRect.width
+    blockSize: t?.blockSize ?? e?.contentRect.height,
+    inlineSize: t?.inlineSize ?? e?.contentRect.width
   };
-}, v = () => {
-  const [e, n] = d(null), t = u(null), o = u(null), s = a(() => o.current?.disconnect(), []), l = a(() => {
-    o.current = new ResizeObserver(([i]) => {
-      n((r) => {
-        if (!r)
-          return i;
-        const S = c(r), b = c(i);
-        return r.target === i.target && S.blockSize === b.blockSize && S.inlineSize === b.inlineSize ? r : i;
+}, g = (e) => {
+  const [t, f] = k(null), s = a(null), o = a(null), r = d(() => o.current?.disconnect(), []), l = d(() => {
+    o.current = new ResizeObserver(([n]) => {
+      f((i) => {
+        if (!i)
+          return n;
+        const b = c(i), u = c(n);
+        return i.target === n.target && b.blockSize === u.blockSize && b.inlineSize === u.inlineSize ? i : n;
       });
-    }), t.current && o.current.observe(t.current);
-  }, [t]);
-  f(() => (l(), () => s()), [s, l]);
-  const z = c(e);
+    });
+    const S = e ?? s.current;
+    S && o.current.observe(S);
+  }, [e]);
+  v(() => (r(), l(), () => r()), [r, l]);
+  const z = c(t);
   return [
+    s,
     t,
-    e,
     {
       blockSize: z.blockSize,
       inlineSize: z.inlineSize
@@ -28,6 +30,6 @@ const c = (e) => {
   ];
 };
 export {
-  v as default
+  g as default
 };
 //# sourceMappingURL=useResizeObserver.js.map

package/hooks/useResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.js","sources":["../../src/hooks/useResizeObserver.ts"],"sourcesContent":["// inspired from https://tobbelindstrom.com/blog/resize-observer-hook/\n\nimport { useRef, useLayoutEffect, useState, useCallback, type MutableRefObject } from 'react';\n\nconst getObservedSize = (entry: ResizeObserverEntry | null) => {\n    const borderBoxSize = entry?.borderBoxSize?.at(0);\n\n    return {\n        blockSize: borderBoxSize?.blockSize ?? entry?.contentRect.height,\n        inlineSize: borderBoxSize?.inlineSize ?? entry?.contentRect.width,\n    };\n};\n\n/**\n * Custom hook for observing element resize.\n * @returns\n */\nconst useResizeObserver = <T extends HTMLElement = HTMLDivElement>(): [\n    MutableRefObject<T | null>,\n    ResizeObserverEntry | null,\n    { blockSize: number | undefined; inlineSize: number | undefined },\n] => {\n    const [observerEntry, setObserverEntry] = useState<ResizeObserverEntry | null>(null);\n\n    const nodeRef = useRef<T | null>(null);\n\n    const observer = useRef<ResizeObserver | null>(null);\n\n    const disconnect = useCallback(() => observer.current?.disconnect(), []);\n\n    const observe = useCallback(() => {\n        observer.current = new ResizeObserver(([entry]) => {\n            setObserverEntry(previousEntry => {\n                if (!previousEntry) {\n                    return entry;\n                }\n\n                const previousSize = getObservedSize(previousEntry);\n                const nextSize = getObservedSize(entry);\n\n                return previousEntry.target === entry.target &&\n                    previousSize.blockSize === nextSize.blockSize &&\n                    previousSize.inlineSize === nextSize.inlineSize\n                    ? previousEntry\n                    : entry;\n            });\n        });\n        if (nodeRef.current) {\n            observer.current.observe(nodeRef.current);\n        }\n    }, [nodeRef]);\n\n    useLayoutEffect(() => {\n        observe();\n        return () => disconnect();\n    }, [disconnect, observe]);\n\n    const observedSize = getObservedSize(observerEntry);\n\n    return [\n        nodeRef,\n        observerEntry,\n        {\n            blockSize: observedSize.blockSize,\n            inlineSize: observedSize.inlineSize,\n        },\n    ];\n};\nexport default useResizeObserver;\n"],"names":["getObservedSize","entry","borderBoxSize","useResizeObserver","observerEntry","setObserverEntry","useState","nodeRef","useRef","observer","disconnect","useCallback","observe","previousEntry","previousSize","nextSize","useLayoutEffect","observedSize"],"mappings":";AAIA,MAAMA,IAAkB,CAACC,MAAsC;AAC3D,QAAMC,IAAgBD,GAAO,eAAe,GAAG,CAAC;AAEhD,SAAO;AAAA,IACH,WAAWC,GAAe,aAAaD,GAAO,YAAY;AAAA,IAC1D,YAAYC,GAAe,cAAcD,GAAO,YAAY;AAAA,EAAA;AAEpE,GAMME,IAAoB,MAIrB;AACD,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAqC,IAAI,GAE7EC,IAAUC,EAAiB,IAAI,GAE/BC,IAAWD,EAA8B,IAAI,GAE7CE,IAAaC,EAAY,MAAMF,EAAS,SAAS,WAAA,GAAc,EAAE,GAEjEG,IAAUD,EAAY,MAAM;AAC9B,IAAAF,EAAS,UAAU,IAAI,eAAe,CAAC,CAACR,CAAK,MAAM;AAC/C,MAAAI,EAAiB,CAAAQ,MAAiB;AAC9B,YAAI,CAACA;AACD,iBAAOZ;AAGX,cAAMa,IAAed,EAAgBa,CAAa,GAC5CE,IAAWf,EAAgBC,CAAK;AAEtC,eAAOY,EAAc,WAAWZ,EAAM,UAClCa,EAAa,cAAcC,EAAS,aACpCD,EAAa,eAAeC,EAAS,aACnCF,IACAZ;AAAA,MACV,CAAC;AAAA,IACL,CAAC,GACGM,EAAQ,WACRE,EAAS,QAAQ,QAAQF,EAAQ,OAAO;AAAA,EAEhD,GAAG,CAACA,CAAO,CAAC;AAEZ,EAAAS,EAAgB,OACZJ,EAAA,GACO,MAAMF,EAAA,IACd,CAACA,GAAYE,CAAO,CAAC;AAExB,QAAMK,IAAejB,EAAgBI,CAAa;AAElD,SAAO;AAAA,IACHG;AAAA,IACAH;AAAA,IACA;AAAA,MACI,WAAWa,EAAa;AAAA,MACxB,YAAYA,EAAa;AAAA,IAAA;AAAA,EAC7B;AAER;"}
+{"version":3,"file":"useResizeObserver.js","sources":["../../src/hooks/useResizeObserver.ts"],"sourcesContent":["// inspired from https://tobbelindstrom.com/blog/resize-observer-hook/\n\nimport { useRef, useLayoutEffect, useState, useCallback, type MutableRefObject } from 'react';\n\nconst getObservedSize = (entry: ResizeObserverEntry | null) => {\n    const borderBoxSize = entry?.borderBoxSize?.at(0);\n\n    return {\n        blockSize: borderBoxSize?.blockSize ?? entry?.contentRect.height,\n        inlineSize: borderBoxSize?.inlineSize ?? entry?.contentRect.width,\n    };\n};\n\nexport type UseResizeObserverSize = {\n    blockSize: number | undefined;\n    inlineSize: number | undefined;\n};\n\nexport type UseResizeObserverReturn<T extends HTMLElement = HTMLDivElement> = [\n    MutableRefObject<T | null>,\n    ResizeObserverEntry | null,\n    UseResizeObserverSize,\n];\n\n/**\n * Observes size changes of an element with `ResizeObserver`.\n *\n * Use the returned `ref` for the common case where the hook owns the observed element.\n * Alternatively, pass an existing element via `observedElement` to observe it directly.\n *\n * The third tuple item exposes `inlineSize` and `blockSize` with a `borderBoxSize` first\n * strategy and falls back to `contentRect` when needed.\n *\n * @template T The observed element type. Defaults to `HTMLDivElement`.\n * @param observedElement Optional existing DOM element to observe instead of the returned ref target.\n * @returns `[ref, observerEntry, size]`\n *\n * `ref` is the ref object for the observed element when the hook owns that element.\n * `observerEntry` is `null` until the first resize notification arrives.\n * `size` contains `inlineSize` and `blockSize`, preferring `borderBoxSize` and falling back to `contentRect`.\n */\nconst useResizeObserver = <T extends HTMLElement = HTMLDivElement>(\n    observedElement?: T | null\n): UseResizeObserverReturn<T> => {\n    const [observerEntry, setObserverEntry] = useState<ResizeObserverEntry | null>(null);\n\n    const nodeRef = useRef<T | null>(null);\n\n    const observer = useRef<ResizeObserver | null>(null);\n\n    const disconnect = useCallback(() => observer.current?.disconnect(), []);\n\n    const observe = useCallback(() => {\n        observer.current = new ResizeObserver(([entry]) => {\n            setObserverEntry(previousEntry => {\n                if (!previousEntry) {\n                    return entry;\n                }\n\n                const previousSize = getObservedSize(previousEntry);\n                const nextSize = getObservedSize(entry);\n\n                return previousEntry.target === entry.target &&\n                    previousSize.blockSize === nextSize.blockSize &&\n                    previousSize.inlineSize === nextSize.inlineSize\n                    ? previousEntry\n                    : entry;\n            });\n        });\n        const targetElement = observedElement ?? nodeRef.current;\n\n        if (targetElement) {\n            observer.current.observe(targetElement);\n        }\n    }, [observedElement]);\n\n    useLayoutEffect(() => {\n        disconnect();\n        observe();\n        return () => disconnect();\n    }, [disconnect, observe]);\n\n    const observedSize = getObservedSize(observerEntry);\n\n    return [\n        nodeRef,\n        observerEntry,\n        {\n            blockSize: observedSize.blockSize,\n            inlineSize: observedSize.inlineSize,\n        },\n    ];\n};\nexport default useResizeObserver;\n"],"names":["getObservedSize","entry","borderBoxSize","useResizeObserver","observedElement","observerEntry","setObserverEntry","useState","nodeRef","useRef","observer","disconnect","useCallback","observe","previousEntry","previousSize","nextSize","targetElement","useLayoutEffect","observedSize"],"mappings":";AAIA,MAAMA,IAAkB,CAACC,MAAsC;AAC3D,QAAMC,IAAgBD,GAAO,eAAe,GAAG,CAAC;AAEhD,SAAO;AAAA,IACH,WAAWC,GAAe,aAAaD,GAAO,YAAY;AAAA,IAC1D,YAAYC,GAAe,cAAcD,GAAO,YAAY;AAAA,EAAA;AAEpE,GA8BME,IAAoB,CACtBC,MAC6B;AAC7B,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAqC,IAAI,GAE7EC,IAAUC,EAAiB,IAAI,GAE/BC,IAAWD,EAA8B,IAAI,GAE7CE,IAAaC,EAAY,MAAMF,EAAS,SAAS,WAAA,GAAc,EAAE,GAEjEG,IAAUD,EAAY,MAAM;AAC9B,IAAAF,EAAS,UAAU,IAAI,eAAe,CAAC,CAACT,CAAK,MAAM;AAC/C,MAAAK,EAAiB,CAAAQ,MAAiB;AAC9B,YAAI,CAACA;AACD,iBAAOb;AAGX,cAAMc,IAAef,EAAgBc,CAAa,GAC5CE,IAAWhB,EAAgBC,CAAK;AAEtC,eAAOa,EAAc,WAAWb,EAAM,UAClCc,EAAa,cAAcC,EAAS,aACpCD,EAAa,eAAeC,EAAS,aACnCF,IACAb;AAAA,MACV,CAAC;AAAA,IACL,CAAC;AACD,UAAMgB,IAAgBb,KAAmBI,EAAQ;AAEjD,IAAIS,KACAP,EAAS,QAAQ,QAAQO,CAAa;AAAA,EAE9C,GAAG,CAACb,CAAe,CAAC;AAEpB,EAAAc,EAAgB,OACZP,EAAA,GACAE,EAAA,GACO,MAAMF,EAAA,IACd,CAACA,GAAYE,CAAO,CAAC;AAExB,QAAMM,IAAenB,EAAgBK,CAAa;AAElD,SAAO;AAAA,IACHG;AAAA,IACAH;AAAA,IACA;AAAA,MACI,WAAWc,EAAa;AAAA,MACxB,YAAYA,EAAa;AAAA,IAAA;AAAA,EAC7B;AAER;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rio-cloud/rio-uikit",
-    "version": "2.3.0-beta.3",
+    "version": "2.3.0",
     "description": "The RIO UIKIT component library",
     "repository": {
         "type": "git",
@@ -46,7 +46,7 @@
         }
     },
     "devDependencies": {
-        "@biomejs/biome": "2.4.8",
+        "@biomejs/biome": "2.4.12",
         "@rio-cloud/biome-config": "1.2.0",
         "@rio-cloud/vite-plugin-frontend-license-check": "3.0.0",
         "@testing-library/dom": "10.4.1",
@@ -60,15 +60,15 @@
         "@types/react-redux": "7.1.34",
         "@types/resize-observer-browser": "0.1.11",
         "@vitejs/plugin-react": "5.1.4",
-        "@vitest/coverage-v8": "^4.1.1",
-        "autoprefixer": "10.4.27",
+        "@vitest/coverage-v8": "^4.1.4",
+        "autoprefixer": "10.5.0",
         "backstopjs": "6.3.25",
-        "dotenv": "17.3.1",
+        "dotenv": "17.4.2",
         "glob": "13.0.6",
-        "happy-dom": "20.8.7",
+        "happy-dom": "20.9.0",
         "jsdom": "27.4.0",
         "jsdom-global": "3.0.2",
-        "postcss": "8.5.8",
+        "postcss": "8.5.10",
         "postcss-preset-env": "8.5.1",
         "postcss-short": "5.0.0",
         "pre-commit": "1.2.2",
@@ -76,7 +76,7 @@
         "react-dom": "18.0.0",
         "react-intl": "7.1.14",
         "rollup-plugin-copy": "3.5.0",
-        "sass": "1.98.0",
+        "sass": "1.99.0",
         "strip-ansi": "7.2.0",
         "svgo": "4.0.1",
         "typescript": "5.9.3",
@@ -97,7 +97,7 @@
         "@dnd-kit/utilities": "3.2.2",
         "@formkit/auto-animate": "0.9.0",
         "@popperjs/core": "2.11.8",
-        "@tanstack/react-virtual": "3.13.23",
+        "@tanstack/react-virtual": "3.13.24",
         "date-fns": "4.1.0",
         "driver.js": "1.4.0",
         "es-toolkit": "1.45.1",
@@ -119,7 +119,7 @@
         "react-onclickoutside": "6.13.2",
         "react-popper": "2.3.0",
         "react-toastify": "11.0.5",
-        "recharts": "3.8.0",
+        "recharts": "3.8.1",
         "tiny-invariant": "1.3.3",
         "tslib": "2.8.1"
     },

package/version.d.ts

@@ -1 +1 @@
-export const version: "2.3.0-beta.3";
+export const version: "2.3.0";

package/version.js

@@ -1,5 +1,5 @@
-const e = "2.3.0-beta.3";
+const o = "2.3.0";
 export {
-  e as version
+  o as version
 };
 //# sourceMappingURL=version.js.map

package/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../src/version.js"],"sourcesContent":["export const version = '2.3.0-beta.3';\n"],"names":["version"],"mappings":"AAAY,MAACA,IAAU;"}
+{"version":3,"file":"version.js","sources":["../src/version.js"],"sourcesContent":["export const version = '2.3.0';\n"],"names":["version"],"mappings":"AAAY,MAACA,IAAU;"}