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

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

@@ -1 +1 @@
-{"version":3,"file":"TableSettingsListItem.js","sources":["../../../../src/components/table/native/TableSettingsListItem.tsx"],"sourcesContent":["import { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { isEmpty, noop } from 'es-toolkit/compat';\n\nimport classNames from '../../../utils/classNames';\nimport Checkbox from '../../checkbox/Checkbox';\nimport Collapse from '../../collapse/Collapse';\nimport { TableSettingsColumnDetails } from './TableSettingsColumnDetails';\nimport { TableSettingsColumnButtons } from './TableSettingsColumnButtons';\nimport type { TableSettingsItemProps } from './TableSettingsDialog';\n\nconst MAX_COLUMN_WIDTH = 1000;\n\nexport const filterColumns = (searchValue: string, column: string, columnLabelStrings: Record<string, string>) => {\n    if (!searchValue) {\n        return false;\n    }\n    const label = columnLabelStrings[column] || '';\n    return !label.toLowerCase().includes(searchValue.toLowerCase());\n};\n\nexport type TableSettingsListItemProps = TableSettingsItemProps & {\n    column: string;\n    orderIndex: number;\n    isActive: boolean;\n    className?: string;\n};\n\nconst TableSettingsListItem = (props: TableSettingsListItemProps) => {\n    const {\n        column,\n        orderIndex,\n        columnLabels,\n        autoLabel,\n        disabledColumns = [],\n        columnOrder,\n        hiddenColumns = [],\n        columnSearchValue,\n        columnsDetails,\n        columnLabelStrings = {},\n        openColumnsDetails = {},\n        onColumnWidthChange,\n        onResetColumnWidth,\n        onMoveColumn,\n        onOpenDetails,\n        onToggleHideColumn = noop,\n        isActive = false,\n        className,\n    } = props;\n\n    const isSortingDisabled = !isEmpty(columnSearchValue);\n\n    const { attributes, listeners, setNodeRef, setActivatorNodeRef, transform, transition } = useSortable({\n        id: column,\n        disabled: isSortingDisabled,\n    });\n\n    const style = {\n        transform: CSS.Transform.toString(transform),\n        transition,\n    };\n\n    // Filter out items which don't match the search value.\n    const isFiltered = filterColumns(columnSearchValue, column, columnLabelStrings);\n\n    const itemClassNames = classNames('table-settings-item', className);\n\n    const columnDetails = columnsDetails[column];\n\n    return (\n        <li\n            hidden={isFiltered}\n            className={itemClassNames}\n            key={`table-settings-item-${column}`}\n            ref={setNodeRef}\n            style={style}\n        >\n            <div className='table-settings-item-header user-select-none' ref={setActivatorNodeRef}>\n                <div className='CheckboxWrapper display-flex align-items-center padding-left-2 margin-top--3'>\n                    <Checkbox\n                        checked={!hiddenColumns.includes(column)}\n                        onClick={event => {\n                            onToggleHideColumn(column);\n                            event.stopPropagation();\n                        }}\n                        disabled={disabledColumns.includes(column)}\n                    />\n                </div>\n                <div\n                    className={`table-settings-item-label ${isSortingDisabled ? 'no-drag' : ''}`}\n                    data-key={column}\n                    {...attributes}\n                    {...listeners}\n                >\n                    {columnLabels?.[column]}\n                </div>\n                {columnDetails && (\n                    <div className='column-width-label'>\n                        {columnDetails.width ? `${columnDetails.width}px` : autoLabel}\n                    </div>\n                )}\n                <TableSettingsColumnButtons\n                    column={column}\n                    index={orderIndex}\n                    columnDetails={columnDetails}\n                    columnOrder={columnOrder}\n                    openColumnsDetails={openColumnsDetails}\n                    disabled={isSortingDisabled}\n                    onMoveColumn={onMoveColumn}\n                    onOpenDetails={onOpenDetails}\n                />\n            </div>\n            {columnDetails && !isActive && (\n                <Collapse open={!!openColumnsDetails[column]}>\n                    <div>\n                        <TableSettingsColumnDetails\n                            {...columnDetails}\n                            column={column}\n                            maxColumnWidth={MAX_COLUMN_WIDTH}\n                            onColumnWidthChange={onColumnWidthChange}\n                            onResetColumnWidth={onResetColumnWidth}\n                        />\n                    </div>\n                </Collapse>\n            )}\n        </li>\n    );\n};\n\nexport default TableSettingsListItem;\n"],"names":["MAX_COLUMN_WIDTH","filterColumns","searchValue","column","columnLabelStrings","TableSettingsListItem","props","orderIndex","columnLabels","autoLabel","disabledColumns","columnOrder","hiddenColumns","columnSearchValue","columnsDetails","openColumnsDetails","onColumnWidthChange","onResetColumnWidth","onMoveColumn","onOpenDetails","onToggleHideColumn","noop","isActive","className","isSortingDisabled","isEmpty","attributes","listeners","setNodeRef","setActivatorNodeRef","transform","transition","useSortable","style","CSS","isFiltered","itemClassNames","classNames","columnDetails","jsxs","jsx","Checkbox","event","TableSettingsColumnButtons","Collapse","TableSettingsColumnDetails"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAmB,KAEZC,IAAgB,CAACC,GAAqBC,GAAgBC,MAC1DF,IAIE,EADOE,EAAmBD,CAAM,KAAK,IAC9B,YAAA,EAAc,SAASD,EAAY,aAAa,IAHnD,IAaTG,IAAwB,CAACC,MAAsC;AACjE,QAAM;AAAA,IACF,QAAAH;AAAA,IACA,YAAAI;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,iBAAAC,IAAkB,CAAA;AAAA,IAClB,aAAAC;AAAA,IACA,eAAAC,IAAgB,CAAA;AAAA,IAChB,mBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAV,IAAqB,CAAA;AAAA,IACrB,oBAAAW,IAAqB,CAAA;AAAA,IACrB,qBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC,IAAqBC;AAAA,IACrB,UAAAC,IAAW;AAAA,IACX,WAAAC;AAAA,EAAA,IACAjB,GAEEkB,IAAoB,CAACC,EAAQZ,CAAiB,GAE9C,EAAE,YAAAa,GAAY,WAAAC,GAAW,YAAAC,GAAY,qBAAAC,GAAqB,WAAAC,GAAW,YAAAC,EAAA,IAAeC,EAAY;AAAA,IAClG,IAAI7B;AAAA,IACJ,UAAUqB;AAAA,EAAA,CACb,GAEKS,IAAQ;AAAA,IACV,WAAWC,EAAI,UAAU,SAASJ,CAAS;AAAA,IAC3C,YAAAC;AAAA,EAAA,GAIEI,IAAalC,EAAcY,GAAmBV,GAAQC,CAAkB,GAExEgC,IAAiBC,EAAW,uBAAuBd,CAAS,GAE5De,IAAgBxB,EAAeX,CAAM;AAE3C,SACI,gBAAAoC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQJ;AAAA,MACR,WAAWC;AAAA,MAEX,KAAKR;AAAA,MACL,OAAAK;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,+CAA8C,KAAKV,GAC9D,UAAA;AAAA,UAAA,gBAAAW,EAAC,OAAA,EAAI,WAAU,gFACX,UAAA,gBAAAA;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,SAAS,CAAC7B,EAAc,SAAST,CAAM;AAAA,cACvC,SAAS,CAAAuC,MAAS;AACd,gBAAAtB,EAAmBjB,CAAM,GACzBuC,EAAM,gBAAA;AAAA,cACV;AAAA,cACA,UAAUhC,EAAgB,SAASP,CAAM;AAAA,YAAA;AAAA,UAAA,GAEjD;AAAA,UACA,gBAAAqC;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW,6BAA6BhB,IAAoB,YAAY,EAAE;AAAA,cAC1E,YAAUrB;AAAA,cACT,GAAGuB;AAAA,cACH,GAAGC;AAAA,cAEH,cAAexB,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAEzBmC,KACG,gBAAAE,EAAC,OAAA,EAAI,WAAU,sBACV,UAAAF,EAAc,QAAQ,GAAGA,EAAc,KAAK,OAAO7B,EAAA,CACxD;AAAA,UAEJ,gBAAA+B;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,QAAAxC;AAAA,cACA,OAAOI;AAAA,cACP,eAAA+B;AAAA,cACA,aAAA3B;AAAA,cACA,oBAAAI;AAAA,cACA,UAAUS;AAAA,cACV,cAAAN;AAAA,cACA,eAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QACJ,GACJ;AAAA,QACCmB,KAAiB,CAAChB,KACf,gBAAAkB,EAACI,GAAA,EAAS,MAAM,CAAC,CAAC7B,EAAmBZ,CAAM,GACvC,UAAA,gBAAAqC,EAAC,OAAA,EACG,UAAA,gBAAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACI,GAAGP;AAAA,YACJ,QAAAnC;AAAA,YACA,gBAAgBH;AAAA,YAChB,qBAAAgB;AAAA,YACA,oBAAAC;AAAA,UAAA;AAAA,QAAA,GAER,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAlDC,uBAAuBd,CAAM;AAAA,EAAA;AAsD9C;"}
+{"version":3,"file":"TableSettingsListItem.js","names":[],"sources":["../../../../src/components/table/native/TableSettingsListItem.tsx"],"sourcesContent":["import { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { isEmpty, noop } from 'es-toolkit/compat';\n\nimport classNames from '../../../utils/classNames';\nimport Checkbox from '../../checkbox/Checkbox';\nimport Collapse from '../../collapse/Collapse';\nimport { TableSettingsColumnDetails } from './TableSettingsColumnDetails';\nimport { TableSettingsColumnButtons } from './TableSettingsColumnButtons';\nimport type { TableSettingsItemProps } from './TableSettingsDialog';\n\nconst MAX_COLUMN_WIDTH = 1000;\n\nexport const filterColumns = (searchValue: string, column: string, columnLabelStrings: Record<string, string>) => {\n    if (!searchValue) {\n        return false;\n    }\n    const label = columnLabelStrings[column] || '';\n    return !label.toLowerCase().includes(searchValue.toLowerCase());\n};\n\nexport type TableSettingsListItemProps = TableSettingsItemProps & {\n    column: string;\n    orderIndex: number;\n    isActive: boolean;\n    className?: string;\n};\n\nconst TableSettingsListItem = (props: TableSettingsListItemProps) => {\n    const {\n        column,\n        orderIndex,\n        columnLabels,\n        autoLabel,\n        disabledColumns = [],\n        columnOrder,\n        hiddenColumns = [],\n        columnSearchValue,\n        columnsDetails,\n        columnLabelStrings = {},\n        openColumnsDetails = {},\n        onColumnWidthChange,\n        onResetColumnWidth,\n        onMoveColumn,\n        onOpenDetails,\n        onToggleHideColumn = noop,\n        isActive = false,\n        className,\n    } = props;\n\n    const isSortingDisabled = !isEmpty(columnSearchValue);\n\n    const { attributes, listeners, setNodeRef, setActivatorNodeRef, transform, transition } = useSortable({\n        id: column,\n        disabled: isSortingDisabled,\n    });\n\n    const style = {\n        transform: CSS.Transform.toString(transform),\n        transition,\n    };\n\n    // Filter out items which don't match the search value.\n    const isFiltered = filterColumns(columnSearchValue, column, columnLabelStrings);\n\n    const itemClassNames = classNames('table-settings-item', className);\n\n    const columnDetails = columnsDetails[column];\n\n    return (\n        <li\n            hidden={isFiltered}\n            className={itemClassNames}\n            key={`table-settings-item-${column}`}\n            ref={setNodeRef}\n            style={style}\n        >\n            <div className='table-settings-item-header user-select-none' ref={setActivatorNodeRef}>\n                <div className='CheckboxWrapper display-flex align-items-center padding-left-2 margin-top--3'>\n                    <Checkbox\n                        checked={!hiddenColumns.includes(column)}\n                        onClick={event => {\n                            onToggleHideColumn(column);\n                            event.stopPropagation();\n                        }}\n                        disabled={disabledColumns.includes(column)}\n                    />\n                </div>\n                <div\n                    className={`table-settings-item-label ${isSortingDisabled ? 'no-drag' : ''}`}\n                    data-key={column}\n                    {...attributes}\n                    {...listeners}\n                >\n                    {columnLabels?.[column]}\n                </div>\n                {columnDetails && (\n                    <div className='column-width-label'>\n                        {columnDetails.width ? `${columnDetails.width}px` : autoLabel}\n                    </div>\n                )}\n                <TableSettingsColumnButtons\n                    column={column}\n                    index={orderIndex}\n                    columnDetails={columnDetails}\n                    columnOrder={columnOrder}\n                    openColumnsDetails={openColumnsDetails}\n                    disabled={isSortingDisabled}\n                    onMoveColumn={onMoveColumn}\n                    onOpenDetails={onOpenDetails}\n                />\n            </div>\n            {columnDetails && !isActive && (\n                <Collapse open={!!openColumnsDetails[column]}>\n                    <div>\n                        <TableSettingsColumnDetails\n                            {...columnDetails}\n                            column={column}\n                            maxColumnWidth={MAX_COLUMN_WIDTH}\n                            onColumnWidthChange={onColumnWidthChange}\n                            onResetColumnWidth={onResetColumnWidth}\n                        />\n                    </div>\n                </Collapse>\n            )}\n        </li>\n    );\n};\n\nexport default TableSettingsListItem;\n"],"mappings":";;;;;;;;;;AAWA,IAAM,IAAmB,KAEZ,KAAiB,GAAqB,GAAgB,MAC1D,IAIE,EADO,EAAmB,MAAW,GAAA,CAC9B,YAAY,CAAC,CAAC,SAAS,EAAY,YAAY,CAAC,IAHnD,IAaT,KAAyB,MAAsC;CACjE,IAAM,EACF,WACA,eACA,iBACA,cACA,qBAAkB,CAAC,GACnB,gBACA,mBAAgB,CAAC,GACjB,sBACA,mBACA,wBAAqB,CAAC,GACtB,wBAAqB,CAAC,GACtB,wBACA,uBACA,iBACA,kBACA,wBAAqB,GACrB,cAAW,IACX,iBACA,GAEE,IAAoB,CAAC,EAAQ,CAAiB,GAE9C,EAAE,eAAY,cAAW,eAAY,wBAAqB,cAAW,kBAAe,EAAY;EAClG,IAAI;EACJ,UAAU;CACd,CAAC,GAEK,IAAQ;EACV,WAAW,EAAI,UAAU,SAAS,CAAS;EAC3C;CACJ,GAGM,IAAa,EAAc,GAAmB,GAAQ,CAAkB,GAExE,IAAiB,EAAW,uBAAuB,CAAS,GAE5D,IAAgB,EAAe;CAErC,OACI,kBAAC,MAAD;EACI,QAAQ;EACR,WAAW;EAEX,KAAK;EACE;YALX,CAOI,kBAAC,OAAD;GAAK,WAAU;GAA8C,KAAK;aAAlE;IACI,kBAAC,OAAD;KAAK,WAAU;eACX,kBAAC,GAAD;MACI,SAAS,CAAC,EAAc,SAAS,CAAM;MACvC,UAAS,MAAS;OAEd,AADA,EAAmB,CAAM,GACzB,EAAM,gBAAgB;MAC1B;MACA,UAAU,EAAgB,SAAS,CAAM;KAC5C,CAAA;IACA,CAAA;IACL,kBAAC,OAAD;KACI,WAAW,6BAA6B,IAAoB,YAAY;KACxE,YAAU;KACV,GAAI;KACJ,GAAI;eAEH,IAAe;IACf,CAAA;IACJ,KACG,kBAAC,OAAD;KAAK,WAAU;eACV,EAAc,QAAQ,GAAG,EAAc,MAAM,MAAM;IACnD,CAAA;IAET,kBAAC,GAAD;KACY;KACR,OAAO;KACQ;KACF;KACO;KACpB,UAAU;KACI;KACC;IAClB,CAAA;GACA;MACJ,KAAiB,CAAC,KACf,kBAAC,GAAD;GAAU,MAAM,CAAC,CAAC,EAAmB;aACjC,kBAAC,OAAD,EAAA,UACI,kBAAC,GAAD;IACI,GAAI;IACI;IACR,gBAAgB;IACK;IACD;GACvB,CAAA,EACA,CAAA;EACC,CAAA,CAEd;IApDK,uBAAuB,GAoD5B;AAEZ"}

package/components/table/render/body/TableBodyContent.js

@@ -1,52 +1,47 @@
-import { jsxs as w, Fragment as g, jsx as t } from "react/jsx-runtime";
-import { AnimatePresence as v } from "motion/react";
-import { isValidElement as B, cloneElement as C } from "react";
-import x from "./TableEmptyRow.js";
-const j = (m) => {
-  const {
-    columnCount: c,
-    hasDeclaredChildren: u,
-    htmlAttributes: p,
-    isVirtualized: d,
-    itemsRef: y,
-    paddingBottom: i,
-    paddingTop: l,
-    renderConfigContext: h,
-    renderContext: o,
-    shouldAnimateBodyRows: f,
-    virtualRows: R
-  } = m, a = (e) => {
-    const n = `${e.kind}-${String(e.rowId)}`, s = o.renderBodyRow?.(e);
-    return B(s) ? C(s, { key: n }) : null;
-  }, b = (e) => {
-    y.current = e;
-  }, r = (e) => /* @__PURE__ */ t(
-    "div",
-    {
-      ...p,
-      className: "table-body",
-      ref: d ? b : void 0,
-      role: "rowgroup",
-      children: e
-    }
-  );
-  if (d)
-    return r(
-      /* @__PURE__ */ w(g, { children: [
-        l > 0 ? /* @__PURE__ */ t("div", { "aria-hidden": !0, className: "table-body-virtual-spacer", style: { height: l } }) : null,
-        R.map(({ row: e }) => a(e)),
-        i > 0 ? /* @__PURE__ */ t("div", { "aria-hidden": !0, className: "table-body-virtual-spacer", style: { height: i } }) : null
-      ] })
-    );
-  if (o.bodyRows.length > 0) {
-    const e = o.bodyRows.map((n) => a(n));
-    return r(
-      f ? /* @__PURE__ */ t(v, { initial: !1, children: e }) : e
-    );
-  }
-  return r(u ? null : /* @__PURE__ */ t(x, { columnCount: c, content: h.noRowsState }));
+import e from "./TableEmptyRow.js";
+import { cloneElement as t, isValidElement as n } from "react";
+import { AnimatePresence as r } from "motion/react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/table/render/body/TableBodyContent.tsx
+var s = (s) => {
+	let { columnCount: c, hasDeclaredChildren: l, htmlAttributes: u, isVirtualized: d, itemsRef: f, paddingBottom: p, paddingTop: m, renderConfigContext: h, renderContext: g, shouldAnimateBodyRows: _, virtualRows: v } = s, y = (e) => {
+		let r = `${e.kind}-${String(e.rowId)}`, i = g.renderBodyRow?.(e);
+		return n(i) ? t(i, { key: r }) : null;
+	}, b = (e) => {
+		f.current = e;
+	}, x = (e) => /* @__PURE__ */ a("div", {
+		...u,
+		className: "table-body",
+		ref: d ? b : void 0,
+		role: "rowgroup",
+		children: e
+	});
+	if (d) return x(/* @__PURE__ */ o(i, { children: [
+		m > 0 ? /* @__PURE__ */ a("div", {
+			"aria-hidden": !0,
+			className: "table-body-virtual-spacer",
+			style: { height: m }
+		}) : null,
+		v.map(({ row: e }) => y(e)),
+		p > 0 ? /* @__PURE__ */ a("div", {
+			"aria-hidden": !0,
+			className: "table-body-virtual-spacer",
+			style: { height: p }
+		}) : null
+	] }));
+	if (g.bodyRows.length > 0) {
+		let e = g.bodyRows.map((e) => y(e));
+		return x(_ ? /* @__PURE__ */ a(r, {
+			initial: !1,
+			children: e
+		}) : e);
+	}
+	return x(l ? null : /* @__PURE__ */ a(e, {
+		columnCount: c,
+		content: h.noRowsState
+	}));
 };
-export {
-  j as default
-};
-//# sourceMappingURL=TableBodyContent.js.map
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=TableBodyContent.js.map

package/components/table/render/body/TableBodyContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBodyContent.js","sources":["../../../../../src/components/table/render/body/TableBodyContent.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport { cloneElement, isValidElement, type MutableRefObject, type ReactElement, type ReactNode } from 'react';\n\nimport type { TableHtmlAttributes, TableRowData } from '../../Table.types';\nimport type { RenderBodyRow, TableRenderContextValue } from '../../context/TableRenderContext';\nimport type { TableRenderConfigContextValue } from '../../context/TableRenderConfigContext';\nimport TableEmptyRow from './TableEmptyRow';\n\nexport type TableBodyContentProps = {\n    columnCount: number;\n    hasDeclaredChildren: boolean;\n    htmlAttributes: TableHtmlAttributes;\n    isVirtualized: boolean;\n    itemsRef: MutableRefObject<HTMLDivElement | null>;\n    paddingBottom: number;\n    paddingTop: number;\n    renderConfigContext: TableRenderConfigContextValue<TableRowData>;\n    renderContext: TableRenderContextValue<TableRowData>;\n    shouldAnimateBodyRows: boolean;\n    virtualRows: Array<{ row: RenderBodyRow<TableRowData> }>;\n};\n\nconst TableBodyContent = (props: TableBodyContentProps) => {\n    const {\n        columnCount,\n        hasDeclaredChildren,\n        htmlAttributes,\n        isVirtualized,\n        itemsRef,\n        paddingBottom,\n        paddingTop,\n        renderConfigContext,\n        renderContext,\n        shouldAnimateBodyRows,\n        virtualRows,\n    } = props;\n\n    const renderResolvedBodyRow = (row: RenderBodyRow<TableRowData>) => {\n        const rowKey = `${row.kind}-${String(row.rowId)}`;\n        const renderedRow = renderContext.renderBodyRow?.(row);\n\n        return isValidElement(renderedRow) ? cloneElement(renderedRow as ReactElement, { key: rowKey }) : null;\n    };\n\n    const handleItemsRef = (element: HTMLDivElement | null) => {\n        itemsRef.current = element;\n    };\n\n    const renderBodyWrapper = (content: ReactNode) => (\n        <div\n            {...htmlAttributes}\n            className='table-body'\n            ref={isVirtualized ? handleItemsRef : undefined}\n            role='rowgroup'\n        >\n            {content}\n        </div>\n    );\n\n    if (isVirtualized) {\n        return renderBodyWrapper(\n            <>\n                {paddingTop > 0 ? (\n                    <div aria-hidden className='table-body-virtual-spacer' style={{ height: paddingTop }} />\n                ) : null}\n                {virtualRows.map(({ row }) => renderResolvedBodyRow(row))}\n                {paddingBottom > 0 ? (\n                    <div aria-hidden className='table-body-virtual-spacer' style={{ height: paddingBottom }} />\n                ) : null}\n            </>\n        );\n    }\n\n    if (renderContext.bodyRows.length > 0) {\n        const renderedBodyRows = renderContext.bodyRows.map(row => renderResolvedBodyRow(row));\n\n        return renderBodyWrapper(\n            shouldAnimateBodyRows ? (\n                <AnimatePresence initial={false}>{renderedBodyRows}</AnimatePresence>\n            ) : (\n                renderedBodyRows\n            )\n        );\n    }\n\n    if (!hasDeclaredChildren) {\n        return renderBodyWrapper(<TableEmptyRow columnCount={columnCount} content={renderConfigContext.noRowsState} />);\n    }\n\n    return renderBodyWrapper(null);\n};\n\nexport default TableBodyContent;\n"],"names":["TableBodyContent","props","columnCount","hasDeclaredChildren","htmlAttributes","isVirtualized","itemsRef","paddingBottom","paddingTop","renderConfigContext","renderContext","shouldAnimateBodyRows","virtualRows","renderResolvedBodyRow","row","rowKey","renderedRow","isValidElement","cloneElement","handleItemsRef","element","renderBodyWrapper","content","jsx","jsxs","Fragment","renderedBodyRows","AnimatePresence","TableEmptyRow"],"mappings":";;;;AAsBA,MAAMA,IAAmB,CAACC,MAAiC;AACvD,QAAM;AAAA,IACF,aAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACAX,GAEEY,IAAwB,CAACC,MAAqC;AAChE,UAAMC,IAAS,GAAGD,EAAI,IAAI,IAAI,OAAOA,EAAI,KAAK,CAAC,IACzCE,IAAcN,EAAc,gBAAgBI,CAAG;AAErD,WAAOG,EAAeD,CAAW,IAAIE,EAAaF,GAA6B,EAAE,KAAKD,EAAA,CAAQ,IAAI;AAAA,EACtG,GAEMI,IAAiB,CAACC,MAAmC;AACvD,IAAAd,EAAS,UAAUc;AAAA,EACvB,GAEMC,IAAoB,CAACC,MACvB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGnB;AAAA,MACJ,WAAU;AAAA,MACV,KAAKC,IAAgBc,IAAiB;AAAA,MACtC,MAAK;AAAA,MAEJ,UAAAG;AAAA,IAAA;AAAA,EAAA;AAIT,MAAIjB;AACA,WAAOgB;AAAA,MACH,gBAAAG,EAAAC,GAAA,EACK,UAAA;AAAA,QAAAjB,IAAa,IACV,gBAAAe,EAAC,OAAA,EAAI,eAAW,IAAC,WAAU,6BAA4B,OAAO,EAAE,QAAQf,EAAA,EAAW,CAAG,IACtF;AAAA,QACHI,EAAY,IAAI,CAAC,EAAE,KAAAE,QAAUD,EAAsBC,CAAG,CAAC;AAAA,QACvDP,IAAgB,IACb,gBAAAgB,EAAC,OAAA,EAAI,eAAW,IAAC,WAAU,6BAA4B,OAAO,EAAE,QAAQhB,EAAA,GAAiB,IACzF;AAAA,MAAA,EAAA,CACR;AAAA,IAAA;AAIR,MAAIG,EAAc,SAAS,SAAS,GAAG;AACnC,UAAMgB,IAAmBhB,EAAc,SAAS,IAAI,CAAAI,MAAOD,EAAsBC,CAAG,CAAC;AAErF,WAAOO;AAAA,MACHV,IACI,gBAAAY,EAACI,GAAA,EAAgB,SAAS,IAAQ,aAAiB,IAEnDD;AAAA,IAAA;AAAA,EAGZ;AAEA,SAIOL,EAJFlB,IAIoB,OAHI,gBAAAoB,EAACK,GAAA,EAAc,aAAA1B,GAA0B,SAASO,EAAoB,aAAa,CAGnF;AACjC;"}
+{"version":3,"file":"TableBodyContent.js","names":[],"sources":["../../../../../src/components/table/render/body/TableBodyContent.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport { cloneElement, isValidElement, type MutableRefObject, type ReactElement, type ReactNode } from 'react';\n\nimport type { TableHtmlAttributes, TableRowData } from '../../Table.types';\nimport type { RenderBodyRow, TableRenderContextValue } from '../../context/TableRenderContext';\nimport type { TableRenderConfigContextValue } from '../../context/TableRenderConfigContext';\nimport TableEmptyRow from './TableEmptyRow';\n\nexport type TableBodyContentProps = {\n    columnCount: number;\n    hasDeclaredChildren: boolean;\n    htmlAttributes: TableHtmlAttributes;\n    isVirtualized: boolean;\n    itemsRef: MutableRefObject<HTMLDivElement | null>;\n    paddingBottom: number;\n    paddingTop: number;\n    renderConfigContext: TableRenderConfigContextValue<TableRowData>;\n    renderContext: TableRenderContextValue<TableRowData>;\n    shouldAnimateBodyRows: boolean;\n    virtualRows: Array<{ row: RenderBodyRow<TableRowData> }>;\n};\n\nconst TableBodyContent = (props: TableBodyContentProps) => {\n    const {\n        columnCount,\n        hasDeclaredChildren,\n        htmlAttributes,\n        isVirtualized,\n        itemsRef,\n        paddingBottom,\n        paddingTop,\n        renderConfigContext,\n        renderContext,\n        shouldAnimateBodyRows,\n        virtualRows,\n    } = props;\n\n    const renderResolvedBodyRow = (row: RenderBodyRow<TableRowData>) => {\n        const rowKey = `${row.kind}-${String(row.rowId)}`;\n        const renderedRow = renderContext.renderBodyRow?.(row);\n\n        return isValidElement(renderedRow) ? cloneElement(renderedRow as ReactElement, { key: rowKey }) : null;\n    };\n\n    const handleItemsRef = (element: HTMLDivElement | null) => {\n        itemsRef.current = element;\n    };\n\n    const renderBodyWrapper = (content: ReactNode) => (\n        <div\n            {...htmlAttributes}\n            className='table-body'\n            ref={isVirtualized ? handleItemsRef : undefined}\n            role='rowgroup'\n        >\n            {content}\n        </div>\n    );\n\n    if (isVirtualized) {\n        return renderBodyWrapper(\n            <>\n                {paddingTop > 0 ? (\n                    <div aria-hidden className='table-body-virtual-spacer' style={{ height: paddingTop }} />\n                ) : null}\n                {virtualRows.map(({ row }) => renderResolvedBodyRow(row))}\n                {paddingBottom > 0 ? (\n                    <div aria-hidden className='table-body-virtual-spacer' style={{ height: paddingBottom }} />\n                ) : null}\n            </>\n        );\n    }\n\n    if (renderContext.bodyRows.length > 0) {\n        const renderedBodyRows = renderContext.bodyRows.map(row => renderResolvedBodyRow(row));\n\n        return renderBodyWrapper(\n            shouldAnimateBodyRows ? (\n                <AnimatePresence initial={false}>{renderedBodyRows}</AnimatePresence>\n            ) : (\n                renderedBodyRows\n            )\n        );\n    }\n\n    if (!hasDeclaredChildren) {\n        return renderBodyWrapper(<TableEmptyRow columnCount={columnCount} content={renderConfigContext.noRowsState} />);\n    }\n\n    return renderBodyWrapper(null);\n};\n\nexport default TableBodyContent;\n"],"mappings":";;;;;AAsBA,IAAM,KAAoB,MAAiC;CACvD,IAAM,EACF,gBACA,wBACA,mBACA,kBACA,aACA,kBACA,eACA,wBACA,kBACA,0BACA,mBACA,GAEE,KAAyB,MAAqC;EAChE,IAAM,IAAS,GAAG,EAAI,KAAK,GAAG,OAAO,EAAI,KAAK,KACxC,IAAc,EAAc,gBAAgB,CAAG;EAErD,OAAO,EAAe,CAAW,IAAI,EAAa,GAA6B,EAAE,KAAK,EAAO,CAAC,IAAI;CACtG,GAEM,KAAkB,MAAmC;EACvD,EAAS,UAAU;CACvB,GAEM,KAAqB,MACvB,kBAAC,OAAD;EACI,GAAI;EACJ,WAAU;EACV,KAAK,IAAgB,IAAiB,KAAA;EACtC,MAAK;YAEJ;CACA,CAAA;CAGT,IAAI,GACA,OAAO,EACH,kBAAA,GAAA,EAAA,UAAA;EACK,IAAa,IACV,kBAAC,OAAD;GAAK,eAAA;GAAY,WAAU;GAA4B,OAAO,EAAE,QAAQ,EAAW;EAAI,CAAA,IACvF;EACH,EAAY,KAAK,EAAE,aAAU,EAAsB,CAAG,CAAC;EACvD,IAAgB,IACb,kBAAC,OAAD;GAAK,eAAA;GAAY,WAAU;GAA4B,OAAO,EAAE,QAAQ,EAAc;EAAI,CAAA,IAC1F;CACN,EAAA,CAAA,CACN;CAGJ,IAAI,EAAc,SAAS,SAAS,GAAG;EACnC,IAAM,IAAmB,EAAc,SAAS,KAAI,MAAO,EAAsB,CAAG,CAAC;EAErF,OAAO,EACH,IACI,kBAAC,GAAD;GAAiB,SAAS;aAAQ;EAAkC,CAAA,IAEpE,CAER;CACJ;CAMA,OAAO,EAJF,IAIoB,OAHI,kBAAC,GAAD;EAA4B;EAAa,SAAS,EAAoB;CAAc,CAAA,CAAC;AAItH"}

package/components/table/render/body/TableEmptyRow.js

@@ -1,6 +1,20 @@
 import { jsx as e } from "react/jsx-runtime";
-const r = ({ columnCount: l, content: a, dataIndex: t }) => /* @__PURE__ */ e("div", { className: "table-row table-row-empty table-row-no-hover", "data-index": t, role: "row", children: /* @__PURE__ */ e("div", { className: "table-cell table-empty", role: "cell", "aria-colspan": l, children: /* @__PURE__ */ e("div", { className: "table-cell-content", children: a }) }) });
-export {
-  r as default
-};
-//# sourceMappingURL=TableEmptyRow.js.map
+//#region src/components/table/render/body/TableEmptyRow.tsx
+var t = ({ columnCount: t, content: n, dataIndex: r }) => /* @__PURE__ */ e("div", {
+	className: "table-row table-row-empty table-row-no-hover",
+	"data-index": r,
+	role: "row",
+	children: /* @__PURE__ */ e("div", {
+		className: "table-cell table-empty",
+		role: "cell",
+		"aria-colspan": t,
+		children: /* @__PURE__ */ e("div", {
+			className: "table-cell-content",
+			children: n
+		})
+	})
+});
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=TableEmptyRow.js.map

package/components/table/render/body/TableEmptyRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableEmptyRow.js","sources":["../../../../../src/components/table/render/body/TableEmptyRow.tsx"],"sourcesContent":["type TableEmptyRowProps = {\n    columnCount: number;\n    content: React.ReactNode;\n    dataIndex?: number;\n};\n\nconst TableEmptyRow = ({ columnCount, content, dataIndex }: TableEmptyRowProps) => (\n    <div className='table-row table-row-empty table-row-no-hover' data-index={dataIndex} role='row'>\n        <div className='table-cell table-empty' role='cell' aria-colspan={columnCount}>\n            <div className='table-cell-content'>{content}</div>\n        </div>\n    </div>\n);\n\nexport default TableEmptyRow;\n"],"names":["TableEmptyRow","columnCount","content","dataIndex","jsx"],"mappings":";AAMA,MAAMA,IAAgB,CAAC,EAAE,aAAAC,GAAa,SAAAC,GAAS,WAAAC,EAAA,MAC3C,gBAAAC,EAAC,OAAA,EAAI,WAAU,gDAA+C,cAAYD,GAAW,MAAK,OACtF,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BAAyB,MAAK,QAAO,gBAAcH,GAC9D,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,sBAAsB,UAAAF,EAAA,CAAQ,GACjD,EAAA,CACJ;"}
+{"version":3,"file":"TableEmptyRow.js","names":[],"sources":["../../../../../src/components/table/render/body/TableEmptyRow.tsx"],"sourcesContent":["type TableEmptyRowProps = {\n    columnCount: number;\n    content: React.ReactNode;\n    dataIndex?: number;\n};\n\nconst TableEmptyRow = ({ columnCount, content, dataIndex }: TableEmptyRowProps) => (\n    <div className='table-row table-row-empty table-row-no-hover' data-index={dataIndex} role='row'>\n        <div className='table-cell table-empty' role='cell' aria-colspan={columnCount}>\n            <div className='table-cell-content'>{content}</div>\n        </div>\n    </div>\n);\n\nexport default TableEmptyRow;\n"],"mappings":";;AAMA,IAAM,KAAiB,EAAE,gBAAa,YAAS,mBAC3C,kBAAC,OAAD;CAAK,WAAU;CAA+C,cAAY;CAAW,MAAK;WACtF,kBAAC,OAAD;EAAK,WAAU;EAAyB,MAAK;EAAO,gBAAc;YAC9D,kBAAC,OAAD;GAAK,WAAU;aAAsB;EAAa,CAAA;CACjD,CAAA;AACJ,CAAA"}

package/components/table/render/footer/TableFooterContent.js

@@ -1,6 +1,15 @@
 import { jsx as e } from "react/jsx-runtime";
-const o = ({ columnCount: l, content: t }) => /* @__PURE__ */ e("div", { className: "table-cell table-footer-content", role: "cell", "aria-colspan": l, children: /* @__PURE__ */ e("div", { className: "table-cell-content", children: t }) });
-export {
-  o as default
-};
-//# sourceMappingURL=TableFooterContent.js.map
+//#region src/components/table/render/footer/TableFooterContent.tsx
+var t = ({ columnCount: t, content: n }) => /* @__PURE__ */ e("div", {
+	className: "table-cell table-footer-content",
+	role: "cell",
+	"aria-colspan": t,
+	children: /* @__PURE__ */ e("div", {
+		className: "table-cell-content",
+		children: n
+	})
+});
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=TableFooterContent.js.map

package/components/table/render/footer/TableFooterContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooterContent.js","sources":["../../../../../src/components/table/render/footer/TableFooterContent.tsx"],"sourcesContent":["type TableFooterContentProps = {\n    columnCount: number;\n    content: React.ReactNode;\n};\n\nconst TableFooterContent = ({ columnCount, content }: TableFooterContentProps) => (\n    <div className='table-cell table-footer-content' role='cell' aria-colspan={columnCount}>\n        <div className='table-cell-content'>{content}</div>\n    </div>\n);\n\nexport default TableFooterContent;\n"],"names":["TableFooterContent","columnCount","content","jsx"],"mappings":";AAKA,MAAMA,IAAqB,CAAC,EAAE,aAAAC,GAAa,SAAAC,EAAA,wBACtC,OAAA,EAAI,WAAU,mCAAkC,MAAK,QAAO,gBAAcD,GACvE,UAAA,gBAAAE,EAAC,SAAI,WAAU,sBAAsB,aAAQ,EAAA,CACjD;"}
+{"version":3,"file":"TableFooterContent.js","names":[],"sources":["../../../../../src/components/table/render/footer/TableFooterContent.tsx"],"sourcesContent":["type TableFooterContentProps = {\n    columnCount: number;\n    content: React.ReactNode;\n};\n\nconst TableFooterContent = ({ columnCount, content }: TableFooterContentProps) => (\n    <div className='table-cell table-footer-content' role='cell' aria-colspan={columnCount}>\n        <div className='table-cell-content'>{content}</div>\n    </div>\n);\n\nexport default TableFooterContent;\n"],"mappings":";;AAKA,IAAM,KAAsB,EAAE,gBAAa,iBACvC,kBAAC,OAAD;CAAK,WAAU;CAAkC,MAAK;CAAO,gBAAc;WACvE,kBAAC,OAAD;EAAK,WAAU;YAAsB;CAAa,CAAA;AACjD,CAAA"}

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

@@ -1,31 +1,28 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useState as i, useEffect as m } from "react";
-import p from "../../../dropdown/ButtonDropdown.js";
-import { TABLE_HORIZONTAL_SCROLL_EVENT as r } from "../../layout/useHorizontalSectionSync.js";
-const w = ({ items: a, dropdownClassName: t, ...s }) => {
-  const [l, e] = i(!1);
-  return m(() => {
-    const o = () => e(!1);
-    return window.addEventListener(r, o), () => window.removeEventListener(r, o);
-  }, []), /* @__PURE__ */ n(
-    p,
-    {
-      ...s,
-      title: /* @__PURE__ */ n("span", { className: "rioglyph rioglyph-checkboxes" }),
-      variant: "outline",
-      bsSize: "sm",
-      toggleClassName: "table-batch-dropdown-button",
-      dropdownClassName: t ? `text-normal ${t}` : "text-normal",
-      iconOnly: !0,
-      items: a,
-      open: l,
-      onOpen: () => e(!0),
-      onClose: () => e(!1),
-      usePortal: !0
-    }
-  );
+import e from "../../../dropdown/ButtonDropdown.js";
+import { TABLE_HORIZONTAL_SCROLL_EVENT as t } from "../../layout/useHorizontalSectionSync.js";
+import { useEffect as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/table/render/header/TableBatchDropdown.tsx
+var a = ({ items: a, dropdownClassName: o, ...s }) => {
+	let [c, l] = r(!1);
+	return n(() => {
+		let e = () => l(!1);
+		return window.addEventListener(t, e), () => window.removeEventListener(t, e);
+	}, []), /* @__PURE__ */ i(e, {
+		...s,
+		title: /* @__PURE__ */ i("span", { className: "uikit-icon icon-checkboxes" }),
+		variant: "outline",
+		bsSize: "sm",
+		toggleClassName: "table-batch-dropdown-button",
+		dropdownClassName: o ? `text-normal ${o}` : "text-normal",
+		iconOnly: !0,
+		items: a,
+		open: c,
+		onOpen: () => l(!0),
+		onClose: () => l(!1)
+	});
 };
-export {
-  w as default
-};
-//# sourceMappingURL=TableBatchDropdown.js.map
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=TableBatchDropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableBatchDropdown.js","sources":["../../../../../src/components/table/render/header/TableBatchDropdown.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport ButtonDropdown, { type ButtonDropdownProps } from '../../../dropdown/ButtonDropdown';\nimport { TABLE_HORIZONTAL_SCROLL_EVENT } from '../../layout/useHorizontalSectionSync';\n\nexport type TableBatchDropdownProps = {\n    /**\n     * Dropdown items rendered for batch actions in the selection header.\n     */\n    items: NonNullable<ButtonDropdownProps['items']>;\n\n    /**\n     * Optional class names for the dropdown menu.\n     */\n    dropdownClassName?: ButtonDropdownProps['dropdownClassName'];\n};\n\nconst TableBatchDropdown = ({ items, dropdownClassName, ...remainingProps }: TableBatchDropdownProps) => {\n    const [open, setOpen] = useState(false);\n\n    useEffect(() => {\n        const handleHorizontalScroll = () => setOpen(false);\n\n        window.addEventListener(TABLE_HORIZONTAL_SCROLL_EVENT, handleHorizontalScroll);\n\n        return () => window.removeEventListener(TABLE_HORIZONTAL_SCROLL_EVENT, handleHorizontalScroll);\n    }, []);\n\n    return (\n        <ButtonDropdown\n            {...remainingProps}\n            title={<span className='rioglyph rioglyph-checkboxes' />}\n            variant='outline'\n            bsSize='sm'\n            toggleClassName='table-batch-dropdown-button'\n            dropdownClassName={dropdownClassName ? `text-normal ${dropdownClassName}` : 'text-normal'}\n            iconOnly\n            items={items}\n            open={open}\n            onOpen={() => setOpen(true)}\n            onClose={() => setOpen(false)}\n            usePortal\n        />\n    );\n};\n\nexport default TableBatchDropdown;\n"],"names":["TableBatchDropdown","items","dropdownClassName","remainingProps","open","setOpen","useState","useEffect","handleHorizontalScroll","TABLE_HORIZONTAL_SCROLL_EVENT","jsx","ButtonDropdown"],"mappings":";;;;AAiBA,MAAMA,IAAqB,CAAC,EAAE,OAAAC,GAAO,mBAAAC,GAAmB,GAAGC,QAA8C;AACrG,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK;AAEtC,SAAAC,EAAU,MAAM;AACZ,UAAMC,IAAyB,MAAMH,EAAQ,EAAK;AAElD,kBAAO,iBAAiBI,GAA+BD,CAAsB,GAEtE,MAAM,OAAO,oBAAoBC,GAA+BD,CAAsB;AAAA,EACjG,GAAG,CAAA,CAAE,GAGD,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGR;AAAA,MACJ,OAAO,gBAAAO,EAAC,QAAA,EAAK,WAAU,+BAAA,CAA+B;AAAA,MACtD,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,iBAAgB;AAAA,MAChB,mBAAmBR,IAAoB,eAAeA,CAAiB,KAAK;AAAA,MAC5E,UAAQ;AAAA,MACR,OAAAD;AAAA,MACA,MAAAG;AAAA,MACA,QAAQ,MAAMC,EAAQ,EAAI;AAAA,MAC1B,SAAS,MAAMA,EAAQ,EAAK;AAAA,MAC5B,WAAS;AAAA,IAAA;AAAA,EAAA;AAGrB;"}
+{"version":3,"file":"TableBatchDropdown.js","names":[],"sources":["../../../../../src/components/table/render/header/TableBatchDropdown.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport ButtonDropdown, { type ButtonDropdownProps } from '../../../dropdown/ButtonDropdown';\nimport { TABLE_HORIZONTAL_SCROLL_EVENT } from '../../layout/useHorizontalSectionSync';\n\nexport type TableBatchDropdownProps = {\n    /**\n     * Dropdown items rendered for batch actions in the selection header.\n     */\n    items: NonNullable<ButtonDropdownProps['items']>;\n\n    /**\n     * Optional class names for the dropdown menu.\n     */\n    dropdownClassName?: ButtonDropdownProps['dropdownClassName'];\n};\n\nconst TableBatchDropdown = ({ items, dropdownClassName, ...remainingProps }: TableBatchDropdownProps) => {\n    const [open, setOpen] = useState(false);\n\n    useEffect(() => {\n        const handleHorizontalScroll = () => setOpen(false);\n\n        window.addEventListener(TABLE_HORIZONTAL_SCROLL_EVENT, handleHorizontalScroll);\n\n        return () => window.removeEventListener(TABLE_HORIZONTAL_SCROLL_EVENT, handleHorizontalScroll);\n    }, []);\n\n    return (\n        <ButtonDropdown\n            {...remainingProps}\n            title={<span className='uikit-icon icon-checkboxes' />}\n            variant='outline'\n            bsSize='sm'\n            toggleClassName='table-batch-dropdown-button'\n            dropdownClassName={dropdownClassName ? `text-normal ${dropdownClassName}` : 'text-normal'}\n            iconOnly\n            items={items}\n            open={open}\n            onOpen={() => setOpen(true)}\n            onClose={() => setOpen(false)}\n        />\n    );\n};\n\nexport default TableBatchDropdown;\n"],"mappings":";;;;;AAiBA,IAAM,KAAsB,EAAE,UAAO,sBAAmB,GAAG,QAA8C;CACrG,IAAM,CAAC,GAAM,KAAW,EAAS,EAAK;CAUtC,OARA,QAAgB;EACZ,IAAM,UAA+B,EAAQ,EAAK;EAIlD,OAFA,OAAO,iBAAiB,GAA+B,CAAsB,SAEhE,OAAO,oBAAoB,GAA+B,CAAsB;CACjG,GAAG,CAAC,CAAC,GAGD,kBAAC,GAAD;EACI,GAAI;EACJ,OAAO,kBAAC,QAAD,EAAM,WAAU,6BAA8B,CAAA;EACrD,SAAQ;EACR,QAAO;EACP,iBAAgB;EAChB,mBAAmB,IAAoB,eAAe,MAAsB;EAC5E,UAAA;EACO;EACD;EACN,cAAc,EAAQ,EAAI;EAC1B,eAAe,EAAQ,EAAK;CAC/B,CAAA;AAET"}

package/components/table/render/header/TableColumnFilter.d.ts

@@ -29,10 +29,6 @@ export type TableColumnFilterProps = Omit<HTMLAttributes<HTMLDivElement>, 'child
      * Controlled open state for the dropdown.
      */
     open?: ButtonDropdownProps['open'];
-    /**
-     * Optional Popper configuration passed to the underlying dropdown.
-     */
-    popperConfig?: ButtonDropdownProps['popperConfig'];
     /**
      * Aligns the dropdown menu to the right side of the trigger.
      *
@@ -43,12 +39,6 @@ export type TableColumnFilterProps = Omit<HTMLAttributes<HTMLDivElement>, 'child
      * Optional classes for the dropdown toggle button.
      */
     toggleClassName?: ButtonDropdownProps['toggleClassName'];
-    /**
-     * Renders the dropdown through a portal.
-     *
-     * @default true
-     */
-    usePortal?: ButtonDropdownProps['usePortal'];
     /**
      * Renders the active filter icon variant.
      *

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

@@ -1,72 +1,53 @@
-import { jsx as s, jsxs as w } from "react/jsx-runtime";
-import { useState as y, useEffect as E } from "react";
-import L from "../../../../utils/classNames.js";
-import S from "../../../dropdown/ButtonDropdown.js";
-import { TABLE_HORIZONTAL_SCROLL_EVENT as p } from "../../layout/useHorizontalSectionSync.js";
-const j = (d) => {
-  const {
-    activeCount: i = 0,
-    active: c = !1,
-    children: m,
-    className: f,
-    dropdownClassName: u,
-    id: g,
-    onClose: o,
-    onOpen: h,
-    open: a,
-    popperConfig: C,
-    pullRight: v = !0,
-    toggleClassName: N,
-    usePortal: O = !0,
-    ...b
-  } = d, [x, n] = y(!1), e = a !== void 0, r = e ? a : x, l = i > 0;
-  return E(() => {
-    const t = () => {
-      r && (e || n(!1), o?.());
-    };
-    return window.addEventListener(p, t), () => window.removeEventListener(p, t);
-  }, [e, r, o]), /* @__PURE__ */ s(
-    S,
-    {
-      ...b,
-      id: g,
-      title: /* @__PURE__ */ w("span", { className: "display-flex gap-0 align-items-center text-color-dark", children: [
-        /* @__PURE__ */ s(
-          "span",
-          {
-            className: `text-size-16 rioglyph ${c ? "rioglyph-filter-active" : "rioglyph-filter"}`,
-            "aria-hidden": "true"
-          }
-        ),
-        l && /* @__PURE__ */ s("span", { className: "text-medium", children: i })
-      ] }),
-      bsStyle: "default",
-      variant: "outline",
-      bsSize: "xs",
-      noCaret: !0,
-      iconOnly: !l,
-      open: r,
-      onOpen: (t) => {
-        e || n(!0), h?.(t);
-      },
-      onClose: () => {
-        e || n(!1), o?.();
-      },
-      pullRight: v,
-      usePortal: O,
-      className: f,
-      popperConfig: C,
-      toggleClassName: L(
-        "table-head-filter-button border-color-light bg-decent hover-bg-lighter rounded-small",
-        l && "padding-left-2",
-        N
-      ),
-      dropdownClassName: u,
-      customDropdown: m
-    }
-  );
+import e from "../../../../utils/classNames.js";
+import t from "../../../dropdown/ButtonDropdown.js";
+import { TABLE_HORIZONTAL_SCROLL_EVENT as n } from "../../layout/useHorizontalSectionSync.js";
+import { useEffect as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/table/render/header/TableColumnFilter.tsx
+var s = (s) => {
+	let { activeCount: c = 0, active: l = !1, children: u, className: d, dropdownClassName: f, id: p, onClose: m, onOpen: h, open: g, pullRight: _ = !0, toggleClassName: v, ...y } = s, [b, x] = i(!1), S = g !== void 0, C = S ? g : b, w = c > 0;
+	return r(() => {
+		let e = () => {
+			C && (S || x(!1), m?.());
+		};
+		return window.addEventListener(n, e), () => window.removeEventListener(n, e);
+	}, [
+		S,
+		C,
+		m
+	]), /* @__PURE__ */ a(t, {
+		...y,
+		id: p,
+		title: /* @__PURE__ */ o("span", {
+			className: "display-flex gap-0 align-items-center text-color-dark",
+			children: [/* @__PURE__ */ a("span", {
+				className: `text-size-16 uikit-icon ${l ? "icon-filter-active" : "icon-filter"}`,
+				"aria-hidden": "true"
+			}), w && /* @__PURE__ */ a("span", {
+				className: "text-medium",
+				children: c
+			})]
+		}),
+		bsStyle: "default",
+		variant: "outline",
+		bsSize: "xs",
+		noCaret: !0,
+		iconOnly: !w,
+		open: C,
+		onOpen: (e) => {
+			S || x(!0), h?.(e);
+		},
+		onClose: () => {
+			S || x(!1), m?.();
+		},
+		pullRight: _,
+		className: d,
+		toggleClassName: e("table-head-filter-button border-color-light bg-decent hover-bg-lighter rounded-small", w && "padding-left-2", v),
+		dropdownClassName: f,
+		customDropdown: u
+	});
 };
-export {
-  j as default
-};
-//# sourceMappingURL=TableColumnFilter.js.map
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=TableColumnFilter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableColumnFilter.js","sources":["../../../../../src/components/table/render/header/TableColumnFilter.tsx"],"sourcesContent":["import { useEffect, useState, type HTMLAttributes, type ReactNode } from 'react';\n\nimport classNames from '../../../../utils/classNames';\nimport ButtonDropdown, { type ButtonDropdownProps } from '../../../dropdown/ButtonDropdown';\nimport { TABLE_HORIZONTAL_SCROLL_EVENT } from '../../layout/useHorizontalSectionSync';\n\nexport type TableColumnFilterProps = Omit<\n    HTMLAttributes<HTMLDivElement>,\n    'children' | 'className' | 'onClick' | 'role'\n> & {\n    /**\n     * Custom dropdown content rendered below the filter trigger.\n     */\n    children?: ReactNode;\n\n    /**\n     * Optional classes for the outer dropdown component.\n     */\n    className?: ButtonDropdownProps['className'];\n\n    /**\n     * Optional classes for the dropdown menu.\n     */\n    dropdownClassName?: ButtonDropdownProps['dropdownClassName'];\n\n    /**\n     * Optional DOM id for the dropdown trigger.\n     */\n    id?: ButtonDropdownProps['id'];\n\n    /**\n     * Called when the dropdown closes.\n     */\n    onClose?: ButtonDropdownProps['onClose'];\n\n    /**\n     * Called when the dropdown opens.\n     */\n    onOpen?: ButtonDropdownProps['onOpen'];\n\n    /**\n     * Controlled open state for the dropdown.\n     */\n    open?: ButtonDropdownProps['open'];\n\n    /**\n     * Optional Popper configuration passed to the underlying dropdown.\n     */\n    popperConfig?: ButtonDropdownProps['popperConfig'];\n\n    /**\n     * Aligns the dropdown menu to the right side of the trigger.\n     *\n     * @default true\n     */\n    pullRight?: ButtonDropdownProps['pullRight'];\n\n    /**\n     * Optional classes for the dropdown toggle button.\n     */\n    toggleClassName?: ButtonDropdownProps['toggleClassName'];\n\n    /**\n     * Renders the dropdown through a portal.\n     *\n     * @default true\n     */\n    usePortal?: ButtonDropdownProps['usePortal'];\n\n    /**\n     * Renders the active filter icon variant.\n     *\n     * @default false\n     */\n    active?: boolean;\n\n    /**\n     * Optional number of currently active filters shown next to the filter icon.\n     *\n     * @default 0\n     */\n    activeCount?: number;\n};\n\nconst TableColumnFilter = (props: TableColumnFilterProps) => {\n    const {\n        activeCount = 0,\n        active = false,\n        children,\n        className,\n        dropdownClassName,\n        id,\n        onClose,\n        onOpen,\n        open,\n        popperConfig,\n        pullRight = true,\n        toggleClassName,\n        usePortal = true,\n        ...remainingProps\n    } = props;\n\n    const [internalOpen, setInternalOpen] = useState(false);\n\n    const isControlled = open !== undefined;\n    const isOpen = isControlled ? open : internalOpen;\n    const hasActiveFilters = activeCount > 0;\n\n    useEffect(() => {\n        const handleHorizontalScroll = () => {\n            if (!isOpen) {\n                return;\n            }\n\n            if (!isControlled) {\n                setInternalOpen(false);\n            }\n\n            onClose?.();\n        };\n\n        window.addEventListener(TABLE_HORIZONTAL_SCROLL_EVENT, handleHorizontalScroll);\n\n        return () => window.removeEventListener(TABLE_HORIZONTAL_SCROLL_EVENT, handleHorizontalScroll);\n    }, [isControlled, isOpen, onClose]);\n\n    return (\n        <ButtonDropdown\n            {...remainingProps}\n            id={id}\n            title={\n                <span className='display-flex gap-0 align-items-center text-color-dark'>\n                    <span\n                        className={`text-size-16 rioglyph ${active ? 'rioglyph-filter-active' : 'rioglyph-filter'}`}\n                        aria-hidden='true'\n                    />\n                    {hasActiveFilters && <span className='text-medium'>{activeCount}</span>}\n                </span>\n            }\n            bsStyle='default'\n            variant='outline'\n            bsSize='xs'\n            noCaret\n            iconOnly={!hasActiveFilters}\n            open={isOpen}\n            onOpen={event => {\n                if (!isControlled) {\n                    setInternalOpen(true);\n                }\n\n                onOpen?.(event);\n            }}\n            onClose={() => {\n                if (!isControlled) {\n                    setInternalOpen(false);\n                }\n\n                onClose?.();\n            }}\n            pullRight={pullRight}\n            usePortal={usePortal}\n            className={className}\n            popperConfig={popperConfig}\n            toggleClassName={classNames(\n                'table-head-filter-button border-color-light bg-decent hover-bg-lighter rounded-small',\n                hasActiveFilters && 'padding-left-2',\n                toggleClassName\n            )}\n            dropdownClassName={dropdownClassName}\n            customDropdown={children}\n        />\n    );\n};\n\nexport default TableColumnFilter;\n"],"names":["TableColumnFilter","props","activeCount","active","children","className","dropdownClassName","id","onClose","onOpen","open","popperConfig","pullRight","toggleClassName","usePortal","remainingProps","internalOpen","setInternalOpen","useState","isControlled","isOpen","hasActiveFilters","useEffect","handleHorizontalScroll","TABLE_HORIZONTAL_SCROLL_EVENT","jsx","ButtonDropdown","jsxs","event","classNames"],"mappings":";;;;;AAoFA,MAAMA,IAAoB,CAACC,MAAkC;AACzD,QAAM;AAAA,IACF,aAAAC,IAAc;AAAA,IACd,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,IAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,iBAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,IACHd,GAEE,CAACe,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhDC,IAAeT,MAAS,QACxBU,IAASD,IAAeT,IAAOM,GAC/BK,IAAmBnB,IAAc;AAEvC,SAAAoB,EAAU,MAAM;AACZ,UAAMC,IAAyB,MAAM;AACjC,MAAKH,MAIAD,KACDF,EAAgB,EAAK,GAGzBT,IAAA;AAAA,IACJ;AAEA,kBAAO,iBAAiBgB,GAA+BD,CAAsB,GAEtE,MAAM,OAAO,oBAAoBC,GAA+BD,CAAsB;AAAA,EACjG,GAAG,CAACJ,GAAcC,GAAQZ,CAAO,CAAC,GAG9B,gBAAAiB;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGX;AAAA,MACJ,IAAAR;AAAA,MACA,OACI,gBAAAoB,EAAC,QAAA,EAAK,WAAU,yDACZ,UAAA;AAAA,QAAA,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW,yBAAyBtB,IAAS,2BAA2B,iBAAiB;AAAA,YACzF,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAEfkB,KAAoB,gBAAAI,EAAC,QAAA,EAAK,WAAU,eAAe,UAAAvB,EAAA,CAAY;AAAA,MAAA,GACpE;AAAA,MAEJ,SAAQ;AAAA,MACR,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,SAAO;AAAA,MACP,UAAU,CAACmB;AAAA,MACX,MAAMD;AAAA,MACN,QAAQ,CAAAQ,MAAS;AACb,QAAKT,KACDF,EAAgB,EAAI,GAGxBR,IAASmB,CAAK;AAAA,MAClB;AAAA,MACA,SAAS,MAAM;AACX,QAAKT,KACDF,EAAgB,EAAK,GAGzBT,IAAA;AAAA,MACJ;AAAA,MACA,WAAAI;AAAA,MACA,WAAAE;AAAA,MACA,WAAAT;AAAA,MACA,cAAAM;AAAA,MACA,iBAAiBkB;AAAA,QACb;AAAA,QACAR,KAAoB;AAAA,QACpBR;AAAA,MAAA;AAAA,MAEJ,mBAAAP;AAAA,MACA,gBAAgBF;AAAA,IAAA;AAAA,EAAA;AAG5B;"}
+{"version":3,"file":"TableColumnFilter.js","names":[],"sources":["../../../../../src/components/table/render/header/TableColumnFilter.tsx"],"sourcesContent":["import { useEffect, useState, type HTMLAttributes, type ReactNode } from 'react';\n\nimport classNames from '../../../../utils/classNames';\nimport ButtonDropdown, { type ButtonDropdownProps } from '../../../dropdown/ButtonDropdown';\nimport { TABLE_HORIZONTAL_SCROLL_EVENT } from '../../layout/useHorizontalSectionSync';\n\nexport type TableColumnFilterProps = Omit<\n    HTMLAttributes<HTMLDivElement>,\n    'children' | 'className' | 'onClick' | 'role'\n> & {\n    /**\n     * Custom dropdown content rendered below the filter trigger.\n     */\n    children?: ReactNode;\n\n    /**\n     * Optional classes for the outer dropdown component.\n     */\n    className?: ButtonDropdownProps['className'];\n\n    /**\n     * Optional classes for the dropdown menu.\n     */\n    dropdownClassName?: ButtonDropdownProps['dropdownClassName'];\n\n    /**\n     * Optional DOM id for the dropdown trigger.\n     */\n    id?: ButtonDropdownProps['id'];\n\n    /**\n     * Called when the dropdown closes.\n     */\n    onClose?: ButtonDropdownProps['onClose'];\n\n    /**\n     * Called when the dropdown opens.\n     */\n    onOpen?: ButtonDropdownProps['onOpen'];\n\n    /**\n     * Controlled open state for the dropdown.\n     */\n    open?: ButtonDropdownProps['open'];\n\n    /**\n     * Aligns the dropdown menu to the right side of the trigger.\n     *\n     * @default true\n     */\n    pullRight?: ButtonDropdownProps['pullRight'];\n\n    /**\n     * Optional classes for the dropdown toggle button.\n     */\n    toggleClassName?: ButtonDropdownProps['toggleClassName'];\n\n    /**\n     * Renders the active filter icon variant.\n     *\n     * @default false\n     */\n    active?: boolean;\n\n    /**\n     * Optional number of currently active filters shown next to the filter icon.\n     *\n     * @default 0\n     */\n    activeCount?: number;\n};\n\nconst TableColumnFilter = (props: TableColumnFilterProps) => {\n    const {\n        activeCount = 0,\n        active = false,\n        children,\n        className,\n        dropdownClassName,\n        id,\n        onClose,\n        onOpen,\n        open,\n        pullRight = true,\n        toggleClassName,\n        ...remainingProps\n    } = props;\n\n    const [internalOpen, setInternalOpen] = useState(false);\n\n    const isControlled = open !== undefined;\n    const isOpen = isControlled ? open : internalOpen;\n    const hasActiveFilters = activeCount > 0;\n\n    useEffect(() => {\n        const handleHorizontalScroll = () => {\n            if (!isOpen) {\n                return;\n            }\n\n            if (!isControlled) {\n                setInternalOpen(false);\n            }\n\n            onClose?.();\n        };\n\n        window.addEventListener(TABLE_HORIZONTAL_SCROLL_EVENT, handleHorizontalScroll);\n\n        return () => window.removeEventListener(TABLE_HORIZONTAL_SCROLL_EVENT, handleHorizontalScroll);\n    }, [isControlled, isOpen, onClose]);\n\n    return (\n        <ButtonDropdown\n            {...remainingProps}\n            id={id}\n            title={\n                <span className='display-flex gap-0 align-items-center text-color-dark'>\n                    <span\n                        className={`text-size-16 uikit-icon ${active ? 'icon-filter-active' : 'icon-filter'}`}\n                        aria-hidden='true'\n                    />\n                    {hasActiveFilters && <span className='text-medium'>{activeCount}</span>}\n                </span>\n            }\n            bsStyle='default'\n            variant='outline'\n            bsSize='xs'\n            noCaret\n            iconOnly={!hasActiveFilters}\n            open={isOpen}\n            onOpen={event => {\n                if (!isControlled) {\n                    setInternalOpen(true);\n                }\n\n                onOpen?.(event);\n            }}\n            onClose={() => {\n                if (!isControlled) {\n                    setInternalOpen(false);\n                }\n\n                onClose?.();\n            }}\n            pullRight={pullRight}\n            className={className}\n            toggleClassName={classNames(\n                'table-head-filter-button border-color-light bg-decent hover-bg-lighter rounded-small',\n                hasActiveFilters && 'padding-left-2',\n                toggleClassName\n            )}\n            dropdownClassName={dropdownClassName}\n            customDropdown={children}\n        />\n    );\n};\n\nexport default TableColumnFilter;\n"],"mappings":";;;;;;AAwEA,IAAM,KAAqB,MAAkC;CACzD,IAAM,EACF,iBAAc,GACd,YAAS,IACT,aACA,cACA,sBACA,OACA,YACA,WACA,SACA,eAAY,IACZ,oBACA,GAAG,MACH,GAEE,CAAC,GAAc,KAAmB,EAAS,EAAK,GAEhD,IAAe,MAAS,KAAA,GACxB,IAAS,IAAe,IAAO,GAC/B,IAAmB,IAAc;CAoBvC,OAlBA,QAAgB;EACZ,IAAM,UAA+B;GAC5B,MAIA,KACD,EAAgB,EAAK,GAGzB,IAAU;EACd;EAIA,OAFA,OAAO,iBAAiB,GAA+B,CAAsB,SAEhE,OAAO,oBAAoB,GAA+B,CAAsB;CACjG,GAAG;EAAC;EAAc;EAAQ;CAAO,CAAC,GAG9B,kBAAC,GAAD;EACI,GAAI;EACA;EACJ,OACI,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACI,kBAAC,QAAD;IACI,WAAW,2BAA2B,IAAS,uBAAuB;IACtE,eAAY;GACf,CAAA,GACA,KAAoB,kBAAC,QAAD;IAAM,WAAU;cAAe;GAAkB,CAAA,CACpE;;EAEV,SAAQ;EACR,SAAQ;EACR,QAAO;EACP,SAAA;EACA,UAAU,CAAC;EACX,MAAM;EACN,SAAQ,MAAS;GAKb,AAJK,KACD,EAAgB,EAAI,GAGxB,IAAS,CAAK;EAClB;EACA,eAAe;GAKX,AAJK,KACD,EAAgB,EAAK,GAGzB,IAAU;EACd;EACW;EACA;EACX,iBAAiB,EACb,wFACA,KAAoB,kBACpB,CACJ;EACmB;EACnB,gBAAgB;CACnB,CAAA;AAET"}