@rio-cloud/rio-uikit 2.3.0 → 2.4.1

package/components/table/render/header/TableHeaderSelectionCell.js

@@ -1,34 +1,44 @@
 import { jsx as o } from "react/jsx-runtime";
-import s from "../../../checkbox/Checkbox.js";
+import m from "../../../checkbox/Checkbox.js";
 import d from "../../../../utils/classNames.js";
-import { resolveAriaSpan as m } from "../../shared/resolveTableAria.js";
-const C = (t) => {
-  const { isAllSelected: l, isSomeRowsSelected: r, onToggleAllSelection: i, disabled: c, rowCount: a, selectionHeaderContent: n } = t;
+import { getVerticalAlignClassName as p } from "../../shared/getAlignClassName.js";
+import { resolveAriaSpan as g } from "../../shared/resolveTableAria.js";
+const w = (n) => {
+  const {
+    isAllSelected: l,
+    isSomeRowsSelected: i,
+    onToggleAllSelection: r,
+    disabled: c,
+    rowCount: t,
+    selectionHeaderContent: a,
+    selectionCheckboxVerticalAlignment: s
+  } = n;
   return /* @__PURE__ */ o(
     "div",
     {
       className: d(
         "table-head-cell table-selection-cell table-align-center",
-        n && "table-selection-cell-custom-content"
+        p(s),
+        a && "table-selection-cell-custom-content"
       ),
       role: "columnheader",
       "aria-colindex": 1,
       "aria-rowindex": 1,
-      "aria-rowspan": m(a),
-      style: { gridColumn: "1 / span 1", gridRow: `1 / span ${a}` },
+      "aria-rowspan": g(t),
+      style: { gridColumn: "1 / span 1", gridRow: `1 / span ${t}` },
       children: /* @__PURE__ */ o(
         "div",
         {
           className: "table-selection-control",
           onClick: (e) => e.stopPropagation(),
           onKeyDown: (e) => e.stopPropagation(),
-          children: n ?? /* @__PURE__ */ o(
-            s,
+          children: a ?? /* @__PURE__ */ o(
+            m,
             {
               checked: l,
               disabled: c,
-              indeterminate: !l && !!r,
-              onChange: () => i?.()
+              indeterminate: !l && !!i,
+              onChange: () => r?.()
             }
           )
         }
@@ -37,6 +47,6 @@ const C = (t) => {
   );
 };
 export {
-  C as default
+  w as default
 };
 //# sourceMappingURL=TableHeaderSelectionCell.js.map

package/components/table/render/header/TableHeaderSelectionCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderSelectionCell.js","sources":["../../../../../src/components/table/render/header/TableHeaderSelectionCell.tsx"],"sourcesContent":["import Checkbox from '../../../checkbox/Checkbox';\nimport classNames from '../../../../utils/classNames';\nimport { resolveAriaSpan } from '../../shared/resolveTableAria';\n\ntype TableHeaderSelectionCellProps = {\n    isAllSelected?: boolean;\n    isSomeRowsSelected?: boolean;\n    onToggleAllSelection?: () => void;\n    disabled?: boolean;\n    rowCount: number;\n    selectionHeaderContent?: React.ReactNode;\n};\n\nconst TableHeaderSelectionCell = (props: TableHeaderSelectionCellProps) => {\n    const { isAllSelected, isSomeRowsSelected, onToggleAllSelection, disabled, rowCount, selectionHeaderContent } =\n        props;\n\n    return (\n        <div\n            className={classNames(\n                'table-head-cell table-selection-cell table-align-center',\n                selectionHeaderContent && 'table-selection-cell-custom-content'\n            )}\n            role='columnheader'\n            aria-colindex={1}\n            aria-rowindex={1}\n            aria-rowspan={resolveAriaSpan(rowCount)}\n            style={{ gridColumn: '1 / span 1', gridRow: `1 / span ${rowCount}` }}\n        >\n            <div\n                className='table-selection-control'\n                onClick={event => event.stopPropagation()}\n                onKeyDown={event => event.stopPropagation()}\n            >\n                {selectionHeaderContent ?? (\n                    <Checkbox\n                        checked={isAllSelected}\n                        disabled={disabled}\n                        indeterminate={!isAllSelected && !!isSomeRowsSelected}\n                        onChange={() => onToggleAllSelection?.()}\n                    />\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default TableHeaderSelectionCell;\n"],"names":["TableHeaderSelectionCell","props","isAllSelected","isSomeRowsSelected","onToggleAllSelection","disabled","rowCount","selectionHeaderContent","jsx","classNames","resolveAriaSpan","event","Checkbox"],"mappings":";;;;AAaA,MAAMA,IAA2B,CAACC,MAAyC;AACvE,QAAM,EAAE,eAAAC,GAAe,oBAAAC,GAAoB,sBAAAC,GAAsB,UAAAC,GAAU,UAAAC,GAAU,wBAAAC,MACjFN;AAEJ,SACI,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAF,KAA0B;AAAA,MAAA;AAAA,MAE9B,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,gBAAcG,EAAgBJ,CAAQ;AAAA,MACtC,OAAO,EAAE,YAAY,cAAc,SAAS,YAAYA,CAAQ,GAAA;AAAA,MAEhE,UAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,SAAS,CAAAG,MAASA,EAAM,gBAAA;AAAA,UACxB,WAAW,CAAAA,MAASA,EAAM,gBAAA;AAAA,UAEzB,UAAAJ,KACG,gBAAAC;AAAA,YAACI;AAAA,YAAA;AAAA,cACG,SAASV;AAAA,cACT,UAAAG;AAAA,cACA,eAAe,CAACH,KAAiB,CAAC,CAACC;AAAA,cACnC,UAAU,MAAMC,IAAA;AAAA,YAAuB;AAAA,UAAA;AAAA,QAC3C;AAAA,MAAA;AAAA,IAER;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"TableHeaderSelectionCell.js","sources":["../../../../../src/components/table/render/header/TableHeaderSelectionCell.tsx"],"sourcesContent":["import Checkbox from '../../../checkbox/Checkbox';\nimport classNames from '../../../../utils/classNames';\nimport { getVerticalAlignClassName } from '../../shared/getAlignClassName';\nimport { resolveAriaSpan } from '../../shared/resolveTableAria';\nimport type { TableVerticalAlign } from '../../Table.types';\n\ntype TableHeaderSelectionCellProps = {\n    isAllSelected?: boolean;\n    isSomeRowsSelected?: boolean;\n    onToggleAllSelection?: () => void;\n    disabled?: boolean;\n    rowCount: number;\n    selectionHeaderContent?: React.ReactNode;\n    selectionCheckboxVerticalAlignment?: TableVerticalAlign;\n};\n\nconst TableHeaderSelectionCell = (props: TableHeaderSelectionCellProps) => {\n    const {\n        isAllSelected,\n        isSomeRowsSelected,\n        onToggleAllSelection,\n        disabled,\n        rowCount,\n        selectionHeaderContent,\n        selectionCheckboxVerticalAlignment,\n    } = props;\n\n    return (\n        <div\n            className={classNames(\n                'table-head-cell table-selection-cell table-align-center',\n                getVerticalAlignClassName(selectionCheckboxVerticalAlignment),\n                selectionHeaderContent && 'table-selection-cell-custom-content'\n            )}\n            role='columnheader'\n            aria-colindex={1}\n            aria-rowindex={1}\n            aria-rowspan={resolveAriaSpan(rowCount)}\n            style={{ gridColumn: '1 / span 1', gridRow: `1 / span ${rowCount}` }}\n        >\n            <div\n                className='table-selection-control'\n                onClick={event => event.stopPropagation()}\n                onKeyDown={event => event.stopPropagation()}\n            >\n                {selectionHeaderContent ?? (\n                    <Checkbox\n                        checked={isAllSelected}\n                        disabled={disabled}\n                        indeterminate={!isAllSelected && !!isSomeRowsSelected}\n                        onChange={() => onToggleAllSelection?.()}\n                    />\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default TableHeaderSelectionCell;\n"],"names":["TableHeaderSelectionCell","props","isAllSelected","isSomeRowsSelected","onToggleAllSelection","disabled","rowCount","selectionHeaderContent","selectionCheckboxVerticalAlignment","jsx","classNames","getVerticalAlignClassName","resolveAriaSpan","event","Checkbox"],"mappings":";;;;;AAgBA,MAAMA,IAA2B,CAACC,MAAyC;AACvE,QAAM;AAAA,IACF,eAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,oCAAAC;AAAA,EAAA,IACAP;AAEJ,SACI,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAC,EAA0BH,CAAkC;AAAA,QAC5DD,KAA0B;AAAA,MAAA;AAAA,MAE9B,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,gBAAcK,EAAgBN,CAAQ;AAAA,MACtC,OAAO,EAAE,YAAY,cAAc,SAAS,YAAYA,CAAQ,GAAA;AAAA,MAEhE,UAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,SAAS,CAAAI,MAASA,EAAM,gBAAA;AAAA,UACxB,WAAW,CAAAA,MAASA,EAAM,gBAAA;AAAA,UAEzB,UAAAN,KACG,gBAAAE;AAAA,YAACK;AAAA,YAAA;AAAA,cACG,SAASZ;AAAA,cACT,UAAAG;AAAA,cACA,eAAe,CAACH,KAAiB,CAAC,CAACC;AAAA,cACnC,UAAU,MAAMC,IAAA;AAAA,YAAuB;AAAA,UAAA;AAAA,QAC3C;AAAA,MAAA;AAAA,IAER;AAAA,EAAA;AAGZ;"}

package/components/table/runtime/useRenderDraftState.js

@@ -2,6 +2,7 @@ import { useRef as v, useState as f, useLayoutEffect as B, useCallback as M } fr
 const h = (o) => `${o.kind}-${String(o.rowId)}`, S = [
   "id",
   "columnKey",
+  "label",
   "width",
   "mobileLabel",
   "horizontalAlign",

package/components/table/runtime/useRenderDraftState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRenderDraftState.js","sources":["../../../../src/components/table/runtime/useRenderDraftState.ts"],"sourcesContent":["import { useCallback, useLayoutEffect, useRef, useState, type ReactNode, type RefObject } from 'react';\n\nimport type { RenderBodyRow, RenderHeaderColumn, TableRenderDraft } from '../context/TableRenderContext';\nimport type { TableRowData } from '../Table.types';\n\ntype RenderDraftState<RowType extends TableRowData> = {\n    headerColumns: RenderHeaderColumn<RowType>[];\n    bodyRows: RenderBodyRow<RowType>[];\n    bodyMaxHeight?: string;\n    hasFooter: boolean;\n    hasFooterCells?: boolean;\n    hasExpandableRows?: boolean;\n};\n\nconst getRenderBodyRowRendererKey = <RowType extends TableRowData>(\n    row: Pick<TableRenderDraft<RowType>['bodyRows'][number], 'kind' | 'rowId'>\n) => `${row.kind}-${String(row.rowId)}`;\n\nconst renderHeaderColumnComparisonKeys = [\n    'id',\n    'columnKey',\n    'width',\n    'mobileLabel',\n    'horizontalAlign',\n    'verticalAlign',\n    'headerClassName',\n    'hideOnMobile',\n    'sortable',\n    'draggable',\n    'resizeable',\n    'minResizeWidth',\n    'maxResizeWidth',\n    'row',\n    'colSpan',\n    'rowSpan',\n] as const satisfies ReadonlyArray<keyof RenderHeaderColumn<TableRowData>>;\n\nconst renderBodyRowComparisonKeys = ['rowId', 'rowIndex', 'kind', 'disabled'] as const satisfies ReadonlyArray<\n    keyof RenderBodyRow<TableRowData>\n>;\n\nconst haveSameRenderHeaderColumns = <RowType extends TableRowData>(\n    currentColumns: RenderHeaderColumn<RowType>[],\n    nextColumns: RenderHeaderColumn<RowType>[]\n) =>\n    currentColumns.length === nextColumns.length &&\n    currentColumns.every((currentColumn, index) => {\n        const nextColumn = nextColumns[index];\n\n        return (\n            nextColumn !== undefined &&\n            renderHeaderColumnComparisonKeys.every(key => currentColumn[key] === nextColumn[key])\n        );\n    });\n\nconst haveSameRenderBodyRows = <RowType extends TableRowData>(\n    currentRows: RenderBodyRow<RowType>[],\n    nextRows: RenderBodyRow<RowType>[]\n) =>\n    currentRows.length === nextRows.length &&\n    currentRows.every((currentRow, index) => {\n        const nextRow = nextRows[index];\n\n        return nextRow !== undefined && renderBodyRowComparisonKeys.every(key => currentRow[key] === nextRow[key]);\n    });\n\nconst dedupeRenderHeaderColumns = <RowType extends TableRowData>(headerColumns: RenderHeaderColumn<RowType>[]) => {\n    const seenColumnIds = new Set<string>();\n\n    return headerColumns.filter(column => {\n        if (seenColumnIds.has(column.id)) {\n            return false;\n        }\n\n        seenColumnIds.add(column.id);\n        return true;\n    });\n};\n\nconst dedupeRenderBodyRows = <RowType extends TableRowData>(bodyRows: TableRenderDraft<RowType>['bodyRows']) => {\n    const seenRowKeys = new Set<string>();\n\n    return bodyRows.filter(row => {\n        const rowKey = `${row.kind}-${String(row.rowId)}`;\n\n        if (seenRowKeys.has(rowKey)) {\n            return false;\n        }\n\n        seenRowKeys.add(rowKey);\n        return true;\n    });\n};\n\nconst createRenderBodyRowRendererMap = <RowType extends TableRowData>(\n    bodyRows: TableRenderDraft<RowType>['bodyRows']\n) => new Map(bodyRows.map(row => [getRenderBodyRowRendererKey(row), row.render] as const));\n\nexport type UseRenderDraftStateReturn<RowType extends TableRowData> = {\n    renderHeaderColumns: RenderHeaderColumn<RowType>[];\n    renderBodyRows: RenderBodyRow<RowType>[];\n    renderBodyMaxHeight?: string;\n    renderHasFooter: boolean;\n    renderHasFooterCells?: boolean;\n    renderHasExpandableRows?: boolean;\n    renderBodyRow: (row: RenderBodyRow<RowType>) => ReactNode;\n};\n\nexport const useRenderDraftState = <RowType extends TableRowData>(\n    renderDraftRef: RefObject<TableRenderDraft<RowType>>\n): UseRenderDraftStateReturn<RowType> => {\n    const bodyRowRenderersRef = useRef(new Map<string, () => ReactNode>());\n    const [renderDraftState, setRenderDraftState] = useState<RenderDraftState<RowType>>({\n        headerColumns: [],\n        bodyRows: [],\n        bodyMaxHeight: undefined,\n        hasFooter: false,\n        hasFooterCells: undefined,\n        hasExpandableRows: undefined,\n    });\n\n    useLayoutEffect(() => {\n        const draft = renderDraftRef.current;\n\n        if (!draft) {\n            return;\n        }\n\n        const nextHeaderColumns = dedupeRenderHeaderColumns(draft.headerColumns);\n        const nextBodyRowsWithRenderers = dedupeRenderBodyRows(draft.bodyRows);\n        const nextBodyRows = nextBodyRowsWithRenderers.map(({ render: _render, ...bodyRow }) => bodyRow);\n        const nextBodyRowRenderers = createRenderBodyRowRendererMap(nextBodyRowsWithRenderers);\n        const nextBodyMaxHeight = draft.bodyMaxHeight;\n        const nextHasFooter = draft.hasFooter === true;\n        const nextHasFooterCells = draft.hasFooterCells;\n        const nextHasExpandableRows = draft.hasExpandableRows;\n\n        // Keep render functions out of React state. The draft state only tracks structural row\n        // metadata, while the latest row render callbacks stay available via this ref.\n        bodyRowRenderersRef.current = nextBodyRowRenderers;\n\n        const resolvedHeaderColumns = haveSameRenderHeaderColumns(renderDraftState.headerColumns, nextHeaderColumns)\n            ? renderDraftState.headerColumns\n            : nextHeaderColumns;\n        const resolvedBodyRows = haveSameRenderBodyRows(renderDraftState.bodyRows, nextBodyRows)\n            ? renderDraftState.bodyRows\n            : nextBodyRows;\n        const resolvedBodyMaxHeight =\n            renderDraftState.bodyMaxHeight === nextBodyMaxHeight ? renderDraftState.bodyMaxHeight : nextBodyMaxHeight;\n        const resolvedHasFooter =\n            renderDraftState.hasFooter === nextHasFooter ? renderDraftState.hasFooter : nextHasFooter;\n        const resolvedHasFooterCells =\n            renderDraftState.hasFooterCells === nextHasFooterCells\n                ? renderDraftState.hasFooterCells\n                : nextHasFooterCells;\n        const resolvedHasExpandableRows =\n            renderDraftState.hasExpandableRows === nextHasExpandableRows\n                ? renderDraftState.hasExpandableRows\n                : nextHasExpandableRows;\n\n        // Avoid scheduling a layout-state update when the normalized draft did not\n        // actually change. This keeps the render/register cycle stable in StrictMode\n        // and prevents resize-reset flows from bouncing through nested updates.\n        if (\n            renderDraftState.headerColumns === resolvedHeaderColumns &&\n            renderDraftState.bodyRows === resolvedBodyRows &&\n            renderDraftState.bodyMaxHeight === resolvedBodyMaxHeight &&\n            renderDraftState.hasFooter === resolvedHasFooter &&\n            renderDraftState.hasFooterCells === resolvedHasFooterCells &&\n            renderDraftState.hasExpandableRows === resolvedHasExpandableRows\n        ) {\n            return;\n        }\n\n        setRenderDraftState({\n            headerColumns: resolvedHeaderColumns,\n            bodyRows: resolvedBodyRows,\n            bodyMaxHeight: resolvedBodyMaxHeight,\n            hasFooter: resolvedHasFooter,\n            hasFooterCells: resolvedHasFooterCells,\n            hasExpandableRows: resolvedHasExpandableRows,\n        });\n    });\n\n    const renderBodyRow = useCallback(\n        (row: RenderBodyRow<RowType>) => {\n            const draft = renderDraftRef.current;\n            const draftRowRenderers = draft\n                ? createRenderBodyRowRendererMap(dedupeRenderBodyRows(draft.bodyRows))\n                : undefined;\n            const rowRenderer =\n                draftRowRenderers?.get(getRenderBodyRowRendererKey(row)) ??\n                bodyRowRenderersRef.current.get(getRenderBodyRowRendererKey(row));\n\n            return rowRenderer?.() ?? null;\n        },\n        [renderDraftRef]\n    );\n\n    return {\n        renderHeaderColumns: renderDraftState.headerColumns,\n        renderBodyRows: renderDraftState.bodyRows,\n        renderBodyMaxHeight: renderDraftState.bodyMaxHeight,\n        renderHasFooter: renderDraftState.hasFooter,\n        renderHasFooterCells: renderDraftState.hasFooterCells,\n        renderHasExpandableRows: renderDraftState.hasExpandableRows,\n        renderBodyRow,\n    };\n};\n\nexport default useRenderDraftState;\n"],"names":["getRenderBodyRowRendererKey","row","renderHeaderColumnComparisonKeys","renderBodyRowComparisonKeys","haveSameRenderHeaderColumns","currentColumns","nextColumns","currentColumn","index","nextColumn","key","haveSameRenderBodyRows","currentRows","nextRows","currentRow","nextRow","dedupeRenderHeaderColumns","headerColumns","seenColumnIds","column","dedupeRenderBodyRows","bodyRows","seenRowKeys","rowKey","createRenderBodyRowRendererMap","useRenderDraftState","renderDraftRef","bodyRowRenderersRef","useRef","renderDraftState","setRenderDraftState","useState","useLayoutEffect","draft","nextHeaderColumns","nextBodyRowsWithRenderers","nextBodyRows","_render","bodyRow","nextBodyRowRenderers","nextBodyMaxHeight","nextHasFooter","nextHasFooterCells","nextHasExpandableRows","resolvedHeaderColumns","resolvedBodyRows","resolvedBodyMaxHeight","resolvedHasFooter","resolvedHasFooterCells","resolvedHasExpandableRows","renderBodyRow","useCallback"],"mappings":"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"}
+{"version":3,"file":"useRenderDraftState.js","sources":["../../../../src/components/table/runtime/useRenderDraftState.ts"],"sourcesContent":["import { useCallback, useLayoutEffect, useRef, useState, type ReactNode, type RefObject } from 'react';\n\nimport type { RenderBodyRow, RenderHeaderColumn, TableRenderDraft } from '../context/TableRenderContext';\nimport type { TableRowData } from '../Table.types';\n\ntype RenderDraftState<RowType extends TableRowData> = {\n    headerColumns: RenderHeaderColumn<RowType>[];\n    bodyRows: RenderBodyRow<RowType>[];\n    bodyMaxHeight?: string;\n    hasFooter: boolean;\n    hasFooterCells?: boolean;\n    hasExpandableRows?: boolean;\n};\n\nconst getRenderBodyRowRendererKey = <RowType extends TableRowData>(\n    row: Pick<TableRenderDraft<RowType>['bodyRows'][number], 'kind' | 'rowId'>\n) => `${row.kind}-${String(row.rowId)}`;\n\nconst renderHeaderColumnComparisonKeys = [\n    'id',\n    'columnKey',\n    'label',\n    'width',\n    'mobileLabel',\n    'horizontalAlign',\n    'verticalAlign',\n    'headerClassName',\n    'hideOnMobile',\n    'sortable',\n    'draggable',\n    'resizeable',\n    'minResizeWidth',\n    'maxResizeWidth',\n    'row',\n    'colSpan',\n    'rowSpan',\n] as const satisfies ReadonlyArray<keyof RenderHeaderColumn<TableRowData>>;\n\nconst renderBodyRowComparisonKeys = ['rowId', 'rowIndex', 'kind', 'disabled'] as const satisfies ReadonlyArray<\n    keyof RenderBodyRow<TableRowData>\n>;\n\nconst haveSameRenderHeaderColumns = <RowType extends TableRowData>(\n    currentColumns: RenderHeaderColumn<RowType>[],\n    nextColumns: RenderHeaderColumn<RowType>[]\n) =>\n    currentColumns.length === nextColumns.length &&\n    currentColumns.every((currentColumn, index) => {\n        const nextColumn = nextColumns[index];\n\n        return (\n            nextColumn !== undefined &&\n            renderHeaderColumnComparisonKeys.every(key => currentColumn[key] === nextColumn[key])\n        );\n    });\n\nconst haveSameRenderBodyRows = <RowType extends TableRowData>(\n    currentRows: RenderBodyRow<RowType>[],\n    nextRows: RenderBodyRow<RowType>[]\n) =>\n    currentRows.length === nextRows.length &&\n    currentRows.every((currentRow, index) => {\n        const nextRow = nextRows[index];\n\n        return nextRow !== undefined && renderBodyRowComparisonKeys.every(key => currentRow[key] === nextRow[key]);\n    });\n\nconst dedupeRenderHeaderColumns = <RowType extends TableRowData>(headerColumns: RenderHeaderColumn<RowType>[]) => {\n    const seenColumnIds = new Set<string>();\n\n    return headerColumns.filter(column => {\n        if (seenColumnIds.has(column.id)) {\n            return false;\n        }\n\n        seenColumnIds.add(column.id);\n        return true;\n    });\n};\n\nconst dedupeRenderBodyRows = <RowType extends TableRowData>(bodyRows: TableRenderDraft<RowType>['bodyRows']) => {\n    const seenRowKeys = new Set<string>();\n\n    return bodyRows.filter(row => {\n        const rowKey = `${row.kind}-${String(row.rowId)}`;\n\n        if (seenRowKeys.has(rowKey)) {\n            return false;\n        }\n\n        seenRowKeys.add(rowKey);\n        return true;\n    });\n};\n\nconst createRenderBodyRowRendererMap = <RowType extends TableRowData>(\n    bodyRows: TableRenderDraft<RowType>['bodyRows']\n) => new Map(bodyRows.map(row => [getRenderBodyRowRendererKey(row), row.render] as const));\n\nexport type UseRenderDraftStateReturn<RowType extends TableRowData> = {\n    renderHeaderColumns: RenderHeaderColumn<RowType>[];\n    renderBodyRows: RenderBodyRow<RowType>[];\n    renderBodyMaxHeight?: string;\n    renderHasFooter: boolean;\n    renderHasFooterCells?: boolean;\n    renderHasExpandableRows?: boolean;\n    renderBodyRow: (row: RenderBodyRow<RowType>) => ReactNode;\n};\n\nexport const useRenderDraftState = <RowType extends TableRowData>(\n    renderDraftRef: RefObject<TableRenderDraft<RowType>>\n): UseRenderDraftStateReturn<RowType> => {\n    const bodyRowRenderersRef = useRef(new Map<string, () => ReactNode>());\n    const [renderDraftState, setRenderDraftState] = useState<RenderDraftState<RowType>>({\n        headerColumns: [],\n        bodyRows: [],\n        bodyMaxHeight: undefined,\n        hasFooter: false,\n        hasFooterCells: undefined,\n        hasExpandableRows: undefined,\n    });\n\n    useLayoutEffect(() => {\n        const draft = renderDraftRef.current;\n\n        if (!draft) {\n            return;\n        }\n\n        const nextHeaderColumns = dedupeRenderHeaderColumns(draft.headerColumns);\n        const nextBodyRowsWithRenderers = dedupeRenderBodyRows(draft.bodyRows);\n        const nextBodyRows = nextBodyRowsWithRenderers.map(({ render: _render, ...bodyRow }) => bodyRow);\n        const nextBodyRowRenderers = createRenderBodyRowRendererMap(nextBodyRowsWithRenderers);\n        const nextBodyMaxHeight = draft.bodyMaxHeight;\n        const nextHasFooter = draft.hasFooter === true;\n        const nextHasFooterCells = draft.hasFooterCells;\n        const nextHasExpandableRows = draft.hasExpandableRows;\n\n        // Keep render functions out of React state. The draft state only tracks structural row\n        // metadata, while the latest row render callbacks stay available via this ref.\n        bodyRowRenderersRef.current = nextBodyRowRenderers;\n\n        const resolvedHeaderColumns = haveSameRenderHeaderColumns(renderDraftState.headerColumns, nextHeaderColumns)\n            ? renderDraftState.headerColumns\n            : nextHeaderColumns;\n        const resolvedBodyRows = haveSameRenderBodyRows(renderDraftState.bodyRows, nextBodyRows)\n            ? renderDraftState.bodyRows\n            : nextBodyRows;\n        const resolvedBodyMaxHeight =\n            renderDraftState.bodyMaxHeight === nextBodyMaxHeight ? renderDraftState.bodyMaxHeight : nextBodyMaxHeight;\n        const resolvedHasFooter =\n            renderDraftState.hasFooter === nextHasFooter ? renderDraftState.hasFooter : nextHasFooter;\n        const resolvedHasFooterCells =\n            renderDraftState.hasFooterCells === nextHasFooterCells\n                ? renderDraftState.hasFooterCells\n                : nextHasFooterCells;\n        const resolvedHasExpandableRows =\n            renderDraftState.hasExpandableRows === nextHasExpandableRows\n                ? renderDraftState.hasExpandableRows\n                : nextHasExpandableRows;\n\n        // Avoid scheduling a layout-state update when the normalized draft did not\n        // actually change. This keeps the render/register cycle stable in StrictMode\n        // and prevents resize-reset flows from bouncing through nested updates.\n        if (\n            renderDraftState.headerColumns === resolvedHeaderColumns &&\n            renderDraftState.bodyRows === resolvedBodyRows &&\n            renderDraftState.bodyMaxHeight === resolvedBodyMaxHeight &&\n            renderDraftState.hasFooter === resolvedHasFooter &&\n            renderDraftState.hasFooterCells === resolvedHasFooterCells &&\n            renderDraftState.hasExpandableRows === resolvedHasExpandableRows\n        ) {\n            return;\n        }\n\n        setRenderDraftState({\n            headerColumns: resolvedHeaderColumns,\n            bodyRows: resolvedBodyRows,\n            bodyMaxHeight: resolvedBodyMaxHeight,\n            hasFooter: resolvedHasFooter,\n            hasFooterCells: resolvedHasFooterCells,\n            hasExpandableRows: resolvedHasExpandableRows,\n        });\n    });\n\n    const renderBodyRow = useCallback(\n        (row: RenderBodyRow<RowType>) => {\n            const draft = renderDraftRef.current;\n            const draftRowRenderers = draft\n                ? createRenderBodyRowRendererMap(dedupeRenderBodyRows(draft.bodyRows))\n                : undefined;\n            const rowRenderer =\n                draftRowRenderers?.get(getRenderBodyRowRendererKey(row)) ??\n                bodyRowRenderersRef.current.get(getRenderBodyRowRendererKey(row));\n\n            return rowRenderer?.() ?? null;\n        },\n        [renderDraftRef]\n    );\n\n    return {\n        renderHeaderColumns: renderDraftState.headerColumns,\n        renderBodyRows: renderDraftState.bodyRows,\n        renderBodyMaxHeight: renderDraftState.bodyMaxHeight,\n        renderHasFooter: renderDraftState.hasFooter,\n        renderHasFooterCells: renderDraftState.hasFooterCells,\n        renderHasExpandableRows: renderDraftState.hasExpandableRows,\n        renderBodyRow,\n    };\n};\n\nexport default useRenderDraftState;\n"],"names":["getRenderBodyRowRendererKey","row","renderHeaderColumnComparisonKeys","renderBodyRowComparisonKeys","haveSameRenderHeaderColumns","currentColumns","nextColumns","currentColumn","index","nextColumn","key","haveSameRenderBodyRows","currentRows","nextRows","currentRow","nextRow","dedupeRenderHeaderColumns","headerColumns","seenColumnIds","column","dedupeRenderBodyRows","bodyRows","seenRowKeys","rowKey","createRenderBodyRowRendererMap","useRenderDraftState","renderDraftRef","bodyRowRenderersRef","useRef","renderDraftState","setRenderDraftState","useState","useLayoutEffect","draft","nextHeaderColumns","nextBodyRowsWithRenderers","nextBodyRows","_render","bodyRow","nextBodyRowRenderers","nextBodyMaxHeight","nextHasFooter","nextHasFooterCells","nextHasExpandableRows","resolvedHeaderColumns","resolvedBodyRows","resolvedBodyMaxHeight","resolvedHasFooter","resolvedHasFooterCells","resolvedHasExpandableRows","renderBodyRow","useCallback"],"mappings":"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"}

package/components/table/selection/useInternalTableSelectionState.js

@@ -1,33 +1,35 @@
 import { useMemo as s } from "react";
 const k = (b) => {
-  const { bodyRows: n, selectedRowIds: w, onSelectionChange: o } = b, d = s(
+  const { bodyRows: n, selectedRowIds: g, onSelectionChange: o } = b, d = s(
     () => n.filter(
-      (e) => (e.kind === "data" || e.kind === "expanded") && !e.disabled && e.selectable !== !1
+      (e) => (e.kind === "data" || e.kind === "expanded" || e.kind === "group") && !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.filter(
+      (e) => (e.kind === "data" || e.kind === "group") && !e.disabled && e.selectable !== !1
+    ).map((e) => e.rowId),
     [n]
-  ), l = w ?? [], S = s(() => new Set(l), [l]), i = s(
+  ), l = g ?? [], i = s(() => new Set(l), [l]), S = 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;
+    () => new Set(S),
+    [S]
+  ), c = t.length > 0 && t.every((e) => R.has(e)), u = R.size > 0 && !c, h = t.length > 0;
   return {
     currentSelectedRowIds: l,
-    selectedRowIdSet: S,
+    selectedRowIdSet: i,
     selectableRowIdSet: a,
     isAllRowsSelected: c,
-    isSomeRowsSelected: g,
+    isSomeRowsSelected: u,
     hasSelectableRows: h,
     handleToggleAllSelection: () => {
       o?.(c ? [] : t);
     },
     handleToggleRowSelection: (e) => {
       !o || !a.has(e) || o(
-        S.has(e) ? l.filter((r) => r !== e) : [...l, e]
+        i.has(e) ? l.filter((r) => r !== e) : [...l, e]
       );
     }
   };

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    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;"}
+{"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 =>\n                        (row.kind === 'data' || row.kind === 'expanded' || row.kind === 'group') &&\n                        !row.disabled &&\n                        row.selectable !== false\n                )\n                .map(row => row.rowId),\n        [bodyRows]\n    );\n\n    const selectableRowIdSet = useMemo(() => new Set(selectableRowIds), [selectableRowIds]);\n\n    const bulkSelectableRowIds = useMemo(\n        () =>\n            bodyRows\n                .filter(\n                    row => (row.kind === 'data' || row.kind === 'group') && !row.disabled && row.selectable !== false\n                )\n                .map(row => row.rowId),\n        [bodyRows]\n    );\n\n    const currentSelectedRowIds = selectedRowIds ?? [];\n    const currentSelectedRowIdSet = useMemo(() => new Set(currentSelectedRowIds), [currentSelectedRowIds]);\n\n    const selectedBulkSelectableRowIds = useMemo(\n        () => currentSelectedRowIds.filter(rowId => bulkSelectableRowIds.includes(rowId)),\n        [currentSelectedRowIds, bulkSelectableRowIds]\n    );\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\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,OACKA,EAAI,SAAS,UAAUA,EAAI,SAAS,cAAcA,EAAI,SAAS,YAChE,CAACA,EAAI,YACLA,EAAI,eAAe;AAAA,IAAA,EAE1B,IAAI,CAAAA,MAAOA,EAAI,KAAK;AAAA,IAC7B,CAACL,CAAQ;AAAA,EAAA,GAGPM,IAAqBF,EAAQ,MAAM,IAAI,IAAID,CAAgB,GAAG,CAACA,CAAgB,CAAC,GAEhFI,IAAuBH;AAAA,IACzB,MACIJ,EACK;AAAA,MACG,CAAAK,OAAQA,EAAI,SAAS,UAAUA,EAAI,SAAS,YAAY,CAACA,EAAI,YAAYA,EAAI,eAAe;AAAA,IAAA,EAE/F,IAAI,CAAAA,MAAOA,EAAI,KAAK;AAAA,IAC7B,CAACL,CAAQ;AAAA,EAAA,GAGPQ,IAAwBP,KAAkB,CAAA,GAC1CQ,IAA0BL,EAAQ,MAAM,IAAI,IAAII,CAAqB,GAAG,CAACA,CAAqB,CAAC,GAE/FE,IAA+BN;AAAA,IACjC,MAAMI,EAAsB,OAAO,OAASD,EAAqB,SAASI,CAAK,CAAC;AAAA,IAChF,CAACH,GAAuBD,CAAoB;AAAA,EAAA,GAG1CK,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,GAE3EG,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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rio-cloud/rio-uikit",
-    "version": "2.3.0",
+    "version": "2.4.1",
     "description": "The RIO UIKIT component library",
     "repository": {
         "type": "git",

package/version.d.ts

@@ -1 +1 @@
-export const version: "2.3.0";
+export const version: "2.4.1";

package/version.js

@@ -1,4 +1,4 @@
-const o = "2.3.0";
+const o = "2.4.1";
 export {
   o as version
 };

package/version.js.map

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