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

package/components/table/settings/TableColumnsDropdown.js

@@ -1,137 +1,94 @@
-import { jsx as s, jsxs as c, Fragment as k } from "react/jsx-runtime";
-import { useSensors as B, useSensor as w, PointerSensor as M, KeyboardSensor as R, DndContext as A, closestCenter as P } from "@dnd-kit/core";
-import { sortableKeyboardCoordinates as G, SortableContext as V, verticalListSortingStrategy as j } from "@dnd-kit/sortable";
-import { useState as x, useEffect as H } from "react";
-import v from "../../../utils/classNames.js";
-import W from "../../../utils/arrayMove.js";
-import z from "../../dropdown/ButtonDropdown.js";
-import { TABLE_HORIZONTAL_SCROLL_EVENT as S } from "../layout/useHorizontalSectionSync.js";
-import F from "./TableColumnsDropdownItem.js";
-const U = 4, C = (o) => o.draggable !== !1 && !o.disabled && !o.hideLabel, Z = (o, t, n) => Math.min(Math.max(o, Math.min(t, n)), Math.max(t, n)), q = (o) => ({ containerNodeRect: t, draggingNodeRect: n, transform: r }) => !t || !n ? {
-  ...r,
-  x: 0
+import e from "../../../utils/classNames.js";
+import t from "../../dropdown/ButtonDropdown.js";
+import { TABLE_HORIZONTAL_SCROLL_EVENT as n } from "../layout/useHorizontalSectionSync.js";
+import r from "../../../utils/arrayMove.js";
+import i from "./TableColumnsDropdownItem.js";
+import { useEffect as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { SortableContext as u, sortableKeyboardCoordinates as d, verticalListSortingStrategy as f } from "@dnd-kit/sortable";
+import { DndContext as p, KeyboardSensor as m, PointerSensor as h, closestCenter as g, useSensor as _, useSensors as v } from "@dnd-kit/core";
+//#region src/components/table/settings/TableColumnsDropdown.tsx
+var y = 4, b = (e) => e.draggable !== !1 && !e.disabled && !e.hideLabel, x = (e, t, n) => Math.min(Math.max(e, Math.min(t, n)), Math.max(t, n)), S = ((e) => ({ containerNodeRect: t, draggingNodeRect: n, transform: r }) => !t || !n ? {
+	...r,
+	x: 0
 } : {
-  ...r,
-  x: 0,
-  y: Z(
-    r.y,
-    t.top + o - n.top,
-    t.bottom - o - n.bottom
-  )
-}, J = q(U), Q = (o, t, n) => {
-  const r = o.filter(C).map((a) => a.key), l = r.indexOf(t), i = r.indexOf(n);
-  if (l < 0 || i < 0)
-    return;
-  const p = W(r, l, i);
-  let d = 0;
-  return o.map((a) => {
-    if (!C(a))
-      return a.key;
-    const f = p[d];
-    return d += 1, f ?? a.key;
-  });
-}, ae = (o) => {
-  const {
-    columns: t,
-    onColumnOrderChange: n,
-    onColumnVisibilityChange: r,
-    onReset: l,
-    label: i,
-    resetLabel: p,
-    showResetButton: d = !1,
-    className: a,
-    toggleClassName: f,
-    dropdownClassName: L
-  } = o, [N, m] = x(!1), [O, g] = x(!1), E = typeof n == "function", u = typeof l == "function", y = t.filter((e) => !e.hideLabel);
-  H(() => {
-    const e = () => m(!1);
-    return window.addEventListener(S, e), () => window.removeEventListener(S, e);
-  }, []);
-  const K = B(
-    w(M, { activationConstraint: { distance: 6 } }),
-    w(R, { coordinateGetter: G })
-  ), T = (e) => {
-    g(!0);
-  }, _ = (e) => {
-    g(!1);
-    const D = String(e.active.id), h = e.over ? String(e.over.id) : void 0;
-    if (!h || D === h)
-      return;
-    const b = Q(t, D, h);
-    b && n?.(b);
-  }, I = () => {
-    u && (m(!1), l());
-  };
-  return /* @__PURE__ */ s(
-    z,
-    {
-      title: /* @__PURE__ */ c("span", { className: "display-inline-flex align-items-center gap-5", children: [
-        /* @__PURE__ */ s("span", { className: "rioglyph rioglyph-table-view" }),
-        /* @__PURE__ */ s("span", { children: i })
-      ] }),
-      noCaret: !0,
-      open: N,
-      onOpen: () => m(!0),
-      onClose: () => m(!1),
-      className: a,
-      toggleClassName: f,
-      dropdownClassName: v(
-        "min-width-200 max-height-75vh overflow-y-auto overflow-x-hidden",
-        O && "table-columns-dropdown-dragging",
-        L
-      ),
-      pullRight: !0,
-      customDropdown: /* @__PURE__ */ c(
-        A,
-        {
-          sensors: K,
-          collisionDetection: P,
-          modifiers: [J],
-          onDragStart: T,
-          onDragEnd: _,
-          onDragCancel: () => g(!1),
-          children: [
-            /* @__PURE__ */ s(
-              V,
-              {
-                items: y.map((e) => e.key),
-                strategy: j,
-                children: y.map((e) => /* @__PURE__ */ s(
-                  F,
-                  {
-                    column: e,
-                    isDraggable: E && C(e),
-                    onColumnVisibilityChange: r
-                  },
-                  e.key
-                ))
-              }
-            ),
-            d && /* @__PURE__ */ c(k, { children: [
-              /* @__PURE__ */ s("li", { className: "divider", role: "separator" }),
-              /* @__PURE__ */ s("li", { className: v(!u && "disabled"), role: "presentation", children: /* @__PURE__ */ c(
-                "a",
-                {
-                  className: "display-flex align-items-center gap-10",
-                  role: "menuitem",
-                  "aria-disabled": !u,
-                  onClick: (e) => {
-                    e.preventDefault(), I();
-                  },
-                  children: [
-                    /* @__PURE__ */ s("span", { className: "rioglyph rioglyph-refresh" }),
-                    /* @__PURE__ */ s("span", { children: p })
-                  ]
-                }
-              ) })
-            ] })
-          ]
-        }
-      )
-    }
-  );
+	...r,
+	x: 0,
+	y: x(r.y, t.top + e - n.top, t.bottom - e - n.bottom)
+})(y), C = (e, t, n) => {
+	let i = e.filter(b).map((e) => e.key), a = i.indexOf(t), o = i.indexOf(n);
+	if (a < 0 || o < 0) return;
+	let s = r(i, a, o), c = 0;
+	return e.map((e) => {
+		if (!b(e)) return e.key;
+		let t = s[c];
+		return c += 1, t ?? e.key;
+	});
+}, w = (r) => {
+	let { columns: y, onColumnOrderChange: x, onColumnVisibilityChange: w, onReset: T, label: E, resetLabel: D, showResetButton: O = !1, className: k, toggleClassName: A, dropdownClassName: j } = r, [M, N] = o(!1), [P, F] = o(!1), I = typeof x == "function", L = typeof T == "function", R = y.filter((e) => !e.hideLabel);
+	a(() => {
+		let e = () => N(!1);
+		return window.addEventListener(n, e), () => window.removeEventListener(n, e);
+	}, []);
+	let z = v(_(h, { activationConstraint: { distance: 6 } }), _(m, { coordinateGetter: d })), B = (e) => {
+		F(!0);
+	}, V = (e) => {
+		F(!1);
+		let t = String(e.active.id), n = e.over ? String(e.over.id) : void 0;
+		if (!n || t === n) return;
+		let r = C(y, t, n);
+		r && x?.(r);
+	}, H = () => {
+		L && (N(!1), T());
+	};
+	return /* @__PURE__ */ c(t, {
+		title: /* @__PURE__ */ l("span", {
+			className: "display-inline-flex align-items-center gap-5",
+			children: [/* @__PURE__ */ c("span", { className: "uikit-icon icon-table-view" }), /* @__PURE__ */ c("span", { children: E })]
+		}),
+		noCaret: !0,
+		open: M,
+		onOpen: () => N(!0),
+		onClose: () => N(!1),
+		className: k,
+		toggleClassName: A,
+		dropdownClassName: e("min-width-200 max-height-75vh overflow-y-auto overflow-x-hidden", P && "table-columns-dropdown-dragging", j),
+		pullRight: !0,
+		customDropdown: /* @__PURE__ */ l(p, {
+			sensors: z,
+			collisionDetection: g,
+			modifiers: [S],
+			onDragStart: B,
+			onDragEnd: V,
+			onDragCancel: () => F(!1),
+			children: [/* @__PURE__ */ c(u, {
+				items: R.map((e) => e.key),
+				strategy: f,
+				children: R.map((e) => /* @__PURE__ */ c(i, {
+					column: e,
+					isDraggable: I && b(e),
+					onColumnVisibilityChange: w
+				}, e.key))
+			}), O && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("li", {
+				className: "divider",
+				role: "separator"
+			}), /* @__PURE__ */ c("li", {
+				className: e(!L && "disabled"),
+				role: "presentation",
+				children: /* @__PURE__ */ l("a", {
+					className: "display-flex align-items-center gap-10",
+					role: "menuitem",
+					"aria-disabled": !L,
+					onClick: (e) => {
+						e.preventDefault(), H();
+					},
+					children: [/* @__PURE__ */ c("span", { className: "uikit-icon icon-refresh" }), /* @__PURE__ */ c("span", { children: D })]
+				})
+			})] })]
+		})
+	});
 };
-export {
-  ae as default
-};
-//# sourceMappingURL=TableColumnsDropdown.js.map
+//#endregion
+export { w as default };
+
+//# sourceMappingURL=TableColumnsDropdown.js.map

package/components/table/settings/TableColumnsDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumnsDropdown.js","sources":["../../../../src/components/table/settings/TableColumnsDropdown.tsx"],"sourcesContent":["import {\n    closestCenter,\n    DndContext,\n    KeyboardSensor,\n    PointerSensor,\n    type DragStartEvent,\n    type DragEndEvent,\n    type Modifier,\n    useSensor,\n    useSensors,\n} from '@dnd-kit/core';\nimport { SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { useEffect, useState, type ReactNode } from 'react';\n\nimport classNames from '../../../utils/classNames';\nimport arrayMove from '../../../utils/arrayMove';\nimport ButtonDropdown from '../../dropdown/ButtonDropdown';\nimport { TABLE_HORIZONTAL_SCROLL_EVENT } from '../layout/useHorizontalSectionSync';\nimport TableColumnsDropdownItemComponent from './TableColumnsDropdownItem';\n\nexport type TableColumnsDropdownItem = {\n    /**\n     * Stable unique column key.\n     */\n    key: string;\n\n    /**\n     * Visible label shown inside the dropdown item.\n     */\n    label: ReactNode;\n\n    /**\n     * Controls whether the column is currently visible in the table.\n     */\n    visible: boolean;\n\n    /**\n     * Hides the item from the dropdown list while keeping the column in the configuration.\n     *\n     * @default false\n     */\n    hideLabel?: boolean;\n\n    /**\n     * Disables visibility changes and drag reordering for this item.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Enables or disables drag reordering for this item.\n     *\n     * @default true\n     */\n    draggable?: boolean;\n};\n\ntype TableColumnsDropdownBaseProps = {\n    /**\n     * Configurable column items displayed inside the dropdown.\n     */\n    columns: TableColumnsDropdownItem[];\n\n    /**\n     * Called when drag reordering produces a new column order.\n     */\n    onColumnOrderChange?: (columnOrder: string[]) => void;\n\n    /**\n     * Called when a column item is toggled visible or hidden.\n     */\n    onColumnVisibilityChange?: (columnKey: string, visible: boolean) => void;\n\n    /**\n     * Called when the reset action is triggered.\n     */\n    onReset?: () => void;\n\n    /**\n     * Label shown on the dropdown trigger button.\n     */\n    label?: ReactNode;\n\n    /**\n     * Optional classes for the outer dropdown component.\n     */\n    className?: string;\n\n    /**\n     * Optional classes for the dropdown toggle button.\n     */\n    toggleClassName?: string;\n\n    /**\n     * Optional classes for the dropdown menu.\n     */\n    dropdownClassName?: string;\n};\n\nexport type TableColumnsDropdownProps =\n    | (TableColumnsDropdownBaseProps & {\n          /**\n           * Shows the reset action at the bottom of the dropdown.\n           */\n          showResetButton: true;\n\n          /**\n           * Label rendered for the reset action.\n           */\n          resetLabel: ReactNode;\n      })\n    | (TableColumnsDropdownBaseProps & {\n          /**\n           * Hides the reset action.\n           *\n           * @default false\n           */\n          showResetButton?: false;\n\n          /**\n           * Optional reset label kept for API compatibility when the reset action is hidden.\n           */\n          resetLabel?: ReactNode;\n      });\n\nconst TABLE_COLUMNS_DROPDOWN_DRAG_PADDING = 4;\n\nconst isColumnDraggable = (column: TableColumnsDropdownItem) =>\n    column.draggable !== false && !column.disabled && !column.hideLabel;\n\nconst clamp = (value: number, min: number, max: number) =>\n    Math.min(Math.max(value, Math.min(min, max)), Math.max(min, max));\n\nconst restrictToVerticalDropdownBoundsWithPadding =\n    (padding: number): Modifier =>\n    ({ containerNodeRect, draggingNodeRect, transform }) => {\n        if (!containerNodeRect || !draggingNodeRect) {\n            return {\n                ...transform,\n                x: 0,\n            };\n        }\n\n        return {\n            ...transform,\n            x: 0,\n            y: clamp(\n                transform.y,\n                containerNodeRect.top + padding - draggingNodeRect.top,\n                containerNodeRect.bottom - padding - draggingNodeRect.bottom\n            ),\n        };\n    };\n\nconst restrictToDropdownBounds = restrictToVerticalDropdownBoundsWithPadding(TABLE_COLUMNS_DROPDOWN_DRAG_PADDING);\n\nconst reorderColumns = (columns: TableColumnsDropdownItem[], activeColumnKey: string, overColumnKey: string) => {\n    const draggableColumnKeys = columns.filter(isColumnDraggable).map(column => column.key);\n    const oldIndex = draggableColumnKeys.indexOf(activeColumnKey);\n    const newIndex = draggableColumnKeys.indexOf(overColumnKey);\n\n    if (oldIndex < 0 || newIndex < 0) {\n        return;\n    }\n\n    const nextDraggableColumnKeys = arrayMove(draggableColumnKeys, oldIndex, newIndex);\n    let nextDraggableColumnKeyIndex = 0;\n\n    return columns.map(column => {\n        if (!isColumnDraggable(column)) {\n            return column.key;\n        }\n\n        const nextColumnKey = nextDraggableColumnKeys[nextDraggableColumnKeyIndex];\n        nextDraggableColumnKeyIndex += 1;\n        return nextColumnKey ?? column.key;\n    });\n};\n\nconst TableColumnsDropdown = (props: TableColumnsDropdownProps) => {\n    const {\n        columns,\n        onColumnOrderChange,\n        onColumnVisibilityChange,\n        onReset,\n        label,\n        resetLabel,\n        showResetButton = false,\n        className,\n        toggleClassName,\n        dropdownClassName,\n    } = props;\n\n    const [open, setOpen] = useState(false);\n    const [isDragging, setIsDragging] = useState(false);\n\n    const allowReorder = typeof onColumnOrderChange === 'function';\n    const canReset = typeof onReset === 'function';\n\n    const dropdownColumns = columns.filter(column => !column.hideLabel);\n\n    useEffect(() => {\n        const handleHorizontalScroll = () => setOpen(false);\n        window.addEventListener(TABLE_HORIZONTAL_SCROLL_EVENT, handleHorizontalScroll);\n        return () => window.removeEventListener(TABLE_HORIZONTAL_SCROLL_EVENT, handleHorizontalScroll);\n    }, []);\n\n    const sensors = useSensors(\n        useSensor(PointerSensor, { activationConstraint: { distance: 6 } }),\n        useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates })\n    );\n\n    const handleDragStart = (_event: DragStartEvent) => {\n        setIsDragging(true);\n    };\n\n    const handleDragEnd = (event: DragEndEvent) => {\n        setIsDragging(false);\n\n        const activeColumnKey = String(event.active.id);\n        const overColumnKey = event.over ? String(event.over.id) : undefined;\n\n        if (!overColumnKey || activeColumnKey === overColumnKey) {\n            return;\n        }\n\n        const nextColumnOrder = reorderColumns(columns, activeColumnKey, overColumnKey);\n\n        if (nextColumnOrder) {\n            onColumnOrderChange?.(nextColumnOrder);\n        }\n    };\n\n    const handleReset = () => {\n        if (!canReset) {\n            return;\n        }\n\n        setOpen(false);\n        onReset();\n    };\n\n    return (\n        <ButtonDropdown\n            title={\n                <span className='display-inline-flex align-items-center gap-5'>\n                    <span className='rioglyph rioglyph-table-view' />\n                    <span>{label}</span>\n                </span>\n            }\n            noCaret\n            open={open}\n            onOpen={() => setOpen(true)}\n            onClose={() => setOpen(false)}\n            className={className}\n            toggleClassName={toggleClassName}\n            dropdownClassName={classNames(\n                'min-width-200 max-height-75vh overflow-y-auto overflow-x-hidden',\n                isDragging && 'table-columns-dropdown-dragging',\n                dropdownClassName\n            )}\n            pullRight\n            customDropdown={\n                <DndContext\n                    sensors={sensors}\n                    collisionDetection={closestCenter}\n                    modifiers={[restrictToDropdownBounds]}\n                    onDragStart={handleDragStart}\n                    onDragEnd={handleDragEnd}\n                    onDragCancel={() => setIsDragging(false)}\n                >\n                    <SortableContext\n                        items={dropdownColumns.map(column => column.key)}\n                        strategy={verticalListSortingStrategy}\n                    >\n                        {dropdownColumns.map(column => (\n                            <TableColumnsDropdownItemComponent\n                                key={column.key}\n                                column={column}\n                                isDraggable={allowReorder && isColumnDraggable(column)}\n                                onColumnVisibilityChange={onColumnVisibilityChange}\n                            />\n                        ))}\n                    </SortableContext>\n                    {showResetButton && (\n                        <>\n                            <li className='divider' role='separator' />\n                            <li className={classNames(!canReset && 'disabled')} role='presentation'>\n                                <a\n                                    className='display-flex align-items-center gap-10'\n                                    role='menuitem'\n                                    aria-disabled={!canReset}\n                                    onClick={event => {\n                                        event.preventDefault();\n                                        handleReset();\n                                    }}\n                                >\n                                    <span className='rioglyph rioglyph-refresh' />\n                                    <span>{resetLabel}</span>\n                                </a>\n                            </li>\n                        </>\n                    )}\n                </DndContext>\n            }\n        />\n    );\n};\n\nexport default TableColumnsDropdown;\n"],"names":["TABLE_COLUMNS_DROPDOWN_DRAG_PADDING","isColumnDraggable","column","clamp","value","min","max","restrictToVerticalDropdownBoundsWithPadding","padding","containerNodeRect","draggingNodeRect","transform","restrictToDropdownBounds","reorderColumns","columns","activeColumnKey","overColumnKey","draggableColumnKeys","oldIndex","newIndex","nextDraggableColumnKeys","arrayMove","nextDraggableColumnKeyIndex","nextColumnKey","TableColumnsDropdown","props","onColumnOrderChange","onColumnVisibilityChange","onReset","label","resetLabel","showResetButton","className","toggleClassName","dropdownClassName","open","setOpen","useState","isDragging","setIsDragging","allowReorder","canReset","dropdownColumns","useEffect","handleHorizontalScroll","TABLE_HORIZONTAL_SCROLL_EVENT","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","handleDragStart","_event","handleDragEnd","event","nextColumnOrder","handleReset","jsx","ButtonDropdown","jsxs","classNames","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","TableColumnsDropdownItemComponent","Fragment"],"mappings":"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"}
+{"version":3,"file":"TableColumnsDropdown.js","names":[],"sources":["../../../../src/components/table/settings/TableColumnsDropdown.tsx"],"sourcesContent":["import {\n    closestCenter,\n    DndContext,\n    KeyboardSensor,\n    PointerSensor,\n    type DragStartEvent,\n    type DragEndEvent,\n    type Modifier,\n    useSensor,\n    useSensors,\n} from '@dnd-kit/core';\nimport { SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { useEffect, useState, type ReactNode } from 'react';\n\nimport classNames from '../../../utils/classNames';\nimport arrayMove from '../../../utils/arrayMove';\nimport ButtonDropdown from '../../dropdown/ButtonDropdown';\nimport { TABLE_HORIZONTAL_SCROLL_EVENT } from '../layout/useHorizontalSectionSync';\nimport TableColumnsDropdownItemComponent from './TableColumnsDropdownItem';\n\nexport type TableColumnsDropdownItem = {\n    /**\n     * Stable unique column key.\n     */\n    key: string;\n\n    /**\n     * Visible label shown inside the dropdown item.\n     */\n    label: ReactNode;\n\n    /**\n     * Controls whether the column is currently visible in the table.\n     */\n    visible: boolean;\n\n    /**\n     * Hides the item from the dropdown list while keeping the column in the configuration.\n     *\n     * @default false\n     */\n    hideLabel?: boolean;\n\n    /**\n     * Disables visibility changes and drag reordering for this item.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Enables or disables drag reordering for this item.\n     *\n     * @default true\n     */\n    draggable?: boolean;\n};\n\ntype TableColumnsDropdownBaseProps = {\n    /**\n     * Configurable column items displayed inside the dropdown.\n     */\n    columns: TableColumnsDropdownItem[];\n\n    /**\n     * Called when drag reordering produces a new column order.\n     */\n    onColumnOrderChange?: (columnOrder: string[]) => void;\n\n    /**\n     * Called when a column item is toggled visible or hidden.\n     */\n    onColumnVisibilityChange?: (columnKey: string, visible: boolean) => void;\n\n    /**\n     * Called when the reset action is triggered.\n     */\n    onReset?: () => void;\n\n    /**\n     * Label shown on the dropdown trigger button.\n     */\n    label?: ReactNode;\n\n    /**\n     * Optional classes for the outer dropdown component.\n     */\n    className?: string;\n\n    /**\n     * Optional classes for the dropdown toggle button.\n     */\n    toggleClassName?: string;\n\n    /**\n     * Optional classes for the dropdown menu.\n     */\n    dropdownClassName?: string;\n};\n\nexport type TableColumnsDropdownProps =\n    | (TableColumnsDropdownBaseProps & {\n          /**\n           * Shows the reset action at the bottom of the dropdown.\n           */\n          showResetButton: true;\n\n          /**\n           * Label rendered for the reset action.\n           */\n          resetLabel: ReactNode;\n      })\n    | (TableColumnsDropdownBaseProps & {\n          /**\n           * Hides the reset action.\n           *\n           * @default false\n           */\n          showResetButton?: false;\n\n          /**\n           * Optional reset label kept for API compatibility when the reset action is hidden.\n           */\n          resetLabel?: ReactNode;\n      });\n\nconst TABLE_COLUMNS_DROPDOWN_DRAG_PADDING = 4;\n\nconst isColumnDraggable = (column: TableColumnsDropdownItem) =>\n    column.draggable !== false && !column.disabled && !column.hideLabel;\n\nconst clamp = (value: number, min: number, max: number) =>\n    Math.min(Math.max(value, Math.min(min, max)), Math.max(min, max));\n\nconst restrictToVerticalDropdownBoundsWithPadding =\n    (padding: number): Modifier =>\n    ({ containerNodeRect, draggingNodeRect, transform }) => {\n        if (!containerNodeRect || !draggingNodeRect) {\n            return {\n                ...transform,\n                x: 0,\n            };\n        }\n\n        return {\n            ...transform,\n            x: 0,\n            y: clamp(\n                transform.y,\n                containerNodeRect.top + padding - draggingNodeRect.top,\n                containerNodeRect.bottom - padding - draggingNodeRect.bottom\n            ),\n        };\n    };\n\nconst restrictToDropdownBounds = restrictToVerticalDropdownBoundsWithPadding(TABLE_COLUMNS_DROPDOWN_DRAG_PADDING);\n\nconst reorderColumns = (columns: TableColumnsDropdownItem[], activeColumnKey: string, overColumnKey: string) => {\n    const draggableColumnKeys = columns.filter(isColumnDraggable).map(column => column.key);\n    const oldIndex = draggableColumnKeys.indexOf(activeColumnKey);\n    const newIndex = draggableColumnKeys.indexOf(overColumnKey);\n\n    if (oldIndex < 0 || newIndex < 0) {\n        return;\n    }\n\n    const nextDraggableColumnKeys = arrayMove(draggableColumnKeys, oldIndex, newIndex);\n    let nextDraggableColumnKeyIndex = 0;\n\n    return columns.map(column => {\n        if (!isColumnDraggable(column)) {\n            return column.key;\n        }\n\n        const nextColumnKey = nextDraggableColumnKeys[nextDraggableColumnKeyIndex];\n        nextDraggableColumnKeyIndex += 1;\n        return nextColumnKey ?? column.key;\n    });\n};\n\nconst TableColumnsDropdown = (props: TableColumnsDropdownProps) => {\n    const {\n        columns,\n        onColumnOrderChange,\n        onColumnVisibilityChange,\n        onReset,\n        label,\n        resetLabel,\n        showResetButton = false,\n        className,\n        toggleClassName,\n        dropdownClassName,\n    } = props;\n\n    const [open, setOpen] = useState(false);\n    const [isDragging, setIsDragging] = useState(false);\n\n    const allowReorder = typeof onColumnOrderChange === 'function';\n    const canReset = typeof onReset === 'function';\n\n    const dropdownColumns = columns.filter(column => !column.hideLabel);\n\n    useEffect(() => {\n        const handleHorizontalScroll = () => setOpen(false);\n        window.addEventListener(TABLE_HORIZONTAL_SCROLL_EVENT, handleHorizontalScroll);\n        return () => window.removeEventListener(TABLE_HORIZONTAL_SCROLL_EVENT, handleHorizontalScroll);\n    }, []);\n\n    const sensors = useSensors(\n        useSensor(PointerSensor, { activationConstraint: { distance: 6 } }),\n        useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates })\n    );\n\n    const handleDragStart = (_event: DragStartEvent) => {\n        setIsDragging(true);\n    };\n\n    const handleDragEnd = (event: DragEndEvent) => {\n        setIsDragging(false);\n\n        const activeColumnKey = String(event.active.id);\n        const overColumnKey = event.over ? String(event.over.id) : undefined;\n\n        if (!overColumnKey || activeColumnKey === overColumnKey) {\n            return;\n        }\n\n        const nextColumnOrder = reorderColumns(columns, activeColumnKey, overColumnKey);\n\n        if (nextColumnOrder) {\n            onColumnOrderChange?.(nextColumnOrder);\n        }\n    };\n\n    const handleReset = () => {\n        if (!canReset) {\n            return;\n        }\n\n        setOpen(false);\n        onReset();\n    };\n\n    return (\n        <ButtonDropdown\n            title={\n                <span className='display-inline-flex align-items-center gap-5'>\n                    <span className='uikit-icon icon-table-view' />\n                    <span>{label}</span>\n                </span>\n            }\n            noCaret\n            open={open}\n            onOpen={() => setOpen(true)}\n            onClose={() => setOpen(false)}\n            className={className}\n            toggleClassName={toggleClassName}\n            dropdownClassName={classNames(\n                'min-width-200 max-height-75vh overflow-y-auto overflow-x-hidden',\n                isDragging && 'table-columns-dropdown-dragging',\n                dropdownClassName\n            )}\n            pullRight\n            customDropdown={\n                <DndContext\n                    sensors={sensors}\n                    collisionDetection={closestCenter}\n                    modifiers={[restrictToDropdownBounds]}\n                    onDragStart={handleDragStart}\n                    onDragEnd={handleDragEnd}\n                    onDragCancel={() => setIsDragging(false)}\n                >\n                    <SortableContext\n                        items={dropdownColumns.map(column => column.key)}\n                        strategy={verticalListSortingStrategy}\n                    >\n                        {dropdownColumns.map(column => (\n                            <TableColumnsDropdownItemComponent\n                                key={column.key}\n                                column={column}\n                                isDraggable={allowReorder && isColumnDraggable(column)}\n                                onColumnVisibilityChange={onColumnVisibilityChange}\n                            />\n                        ))}\n                    </SortableContext>\n                    {showResetButton && (\n                        <>\n                            <li className='divider' role='separator' />\n                            <li className={classNames(!canReset && 'disabled')} role='presentation'>\n                                <a\n                                    className='display-flex align-items-center gap-10'\n                                    role='menuitem'\n                                    aria-disabled={!canReset}\n                                    onClick={event => {\n                                        event.preventDefault();\n                                        handleReset();\n                                    }}\n                                >\n                                    <span className='uikit-icon icon-refresh' />\n                                    <span>{resetLabel}</span>\n                                </a>\n                            </li>\n                        </>\n                    )}\n                </DndContext>\n            }\n        />\n    );\n};\n\nexport default TableColumnsDropdown;\n"],"mappings":"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"}

package/components/table/settings/TableColumnsDropdownItem.js

@@ -1,66 +1,55 @@
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useSortable as h } from "@dnd-kit/sortable";
-import { CSS as u } from "@dnd-kit/utilities";
-import n from "../../../utils/classNames.js";
-import y from "../../checkbox/Checkbox.js";
-const w = (r) => {
-  const { column: e, isDraggable: l, onColumnVisibilityChange: t } = r, { attributes: d, listeners: m, setActivatorNodeRef: c, setNodeRef: p, transform: b, transition: g, isDragging: f } = h({
-    id: e.key,
-    disabled: !l
-  }), s = () => {
-    e.disabled || t?.(e.key, !e.visible);
-  };
-  return /* @__PURE__ */ a(
-    "li",
-    {
-      className: n(e.disabled && "disabled", f && "table-columns-dropdown-item-dragging"),
-      ref: p,
-      role: "presentation",
-      style: { transform: u.Transform.toString(b), transition: g },
-      children: /* @__PURE__ */ o(
-        "a",
-        {
-          className: "display-flex gap-5 align-items-center justify-content-between",
-          role: "menuitemcheckbox",
-          "aria-checked": e.visible,
-          onClick: (i) => {
-            i.preventDefault(), s();
-          },
-          children: [
-            /* @__PURE__ */ o("div", { className: "display-flex gap-10 align-items-center", children: [
-              /* @__PURE__ */ a(
-                y,
-                {
-                  checked: e.visible,
-                  disabled: e.disabled,
-                  onClick: (i) => i.stopPropagation(),
-                  onChange: s,
-                  className: "margin-top--4"
-                }
-              ),
-              /* @__PURE__ */ a("div", { className: "table-columns-dropdown-item-label", children: e.label })
-            ] }),
-            /* @__PURE__ */ a(
-              "div",
-              {
-                className: n(
-                  "table-columns-dropdown-item-drag-handle",
-                  !l && "table-columns-dropdown-item-drag-handle-disabled"
-                ),
-                ref: c,
-                onClick: (i) => i.stopPropagation(),
-                ...d,
-                ...m,
-                children: /* @__PURE__ */ a("span", { className: "rioglyph rioglyph-drag-n-drop" })
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
+import e from "../../../utils/classNames.js";
+import t from "../../checkbox/Checkbox.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useSortable as i } from "@dnd-kit/sortable";
+import { CSS as a } from "@dnd-kit/utilities";
+//#region src/components/table/settings/TableColumnsDropdownItem.tsx
+var o = (o) => {
+	let { column: s, isDraggable: c, onColumnVisibilityChange: l } = o, { attributes: u, listeners: d, setActivatorNodeRef: f, setNodeRef: p, transform: m, transition: h, isDragging: g } = i({
+		id: s.key,
+		disabled: !c
+	}), _ = () => {
+		s.disabled || l?.(s.key, !s.visible);
+	};
+	return /* @__PURE__ */ n("li", {
+		className: e(s.disabled && "disabled", g && "table-columns-dropdown-item-dragging"),
+		ref: p,
+		role: "presentation",
+		style: {
+			transform: a.Transform.toString(m),
+			transition: h
+		},
+		children: /* @__PURE__ */ r("a", {
+			className: "display-flex gap-5 align-items-center justify-content-between",
+			role: "menuitemcheckbox",
+			"aria-checked": s.visible,
+			onClick: (e) => {
+				e.preventDefault(), _();
+			},
+			children: [/* @__PURE__ */ r("div", {
+				className: "display-flex gap-10 align-items-center",
+				children: [/* @__PURE__ */ n(t, {
+					checked: s.visible,
+					disabled: s.disabled,
+					onClick: (e) => e.stopPropagation(),
+					onChange: _,
+					className: "margin-top--4"
+				}), /* @__PURE__ */ n("div", {
+					className: "table-columns-dropdown-item-label",
+					children: s.label
+				})]
+			}), /* @__PURE__ */ n("div", {
+				className: e("table-columns-dropdown-item-drag-handle", !c && "table-columns-dropdown-item-drag-handle-disabled"),
+				ref: f,
+				onClick: (e) => e.stopPropagation(),
+				...u,
+				...d,
+				children: /* @__PURE__ */ n("span", { className: "uikit-icon icon-drag-n-drop" })
+			})]
+		})
+	});
 };
-export {
-  w as default
-};
-//# sourceMappingURL=TableColumnsDropdownItem.js.map
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=TableColumnsDropdownItem.js.map

package/components/table/settings/TableColumnsDropdownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumnsDropdownItem.js","sources":["../../../../src/components/table/settings/TableColumnsDropdownItem.tsx"],"sourcesContent":["import { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\n\nimport classNames from '../../../utils/classNames';\nimport Checkbox from '../../checkbox/Checkbox';\nimport type { TableColumnsDropdownItem as TableColumnsDropdownColumn } from './TableColumnsDropdown';\n\nexport type TableColumnsDropdownItemProps = {\n    column: TableColumnsDropdownColumn;\n    isDraggable: boolean;\n    onColumnVisibilityChange?: (columnKey: string, visible: boolean) => void;\n};\n\nconst TableColumnsDropdownItem = (props: TableColumnsDropdownItemProps) => {\n    const { column, isDraggable, onColumnVisibilityChange } = props;\n\n    const { attributes, listeners, setActivatorNodeRef, setNodeRef, transform, transition, isDragging } = useSortable({\n        id: column.key,\n        disabled: !isDraggable,\n    });\n\n    const handleToggleVisibility = () => {\n        if (column.disabled) {\n            return;\n        }\n\n        onColumnVisibilityChange?.(column.key, !column.visible);\n    };\n\n    return (\n        <li\n            className={classNames(column.disabled && 'disabled', isDragging && 'table-columns-dropdown-item-dragging')}\n            ref={setNodeRef}\n            role='presentation'\n            style={{ transform: CSS.Transform.toString(transform), transition }}\n        >\n            <a\n                className='display-flex gap-5 align-items-center justify-content-between'\n                role='menuitemcheckbox'\n                aria-checked={column.visible}\n                onClick={event => {\n                    event.preventDefault();\n                    handleToggleVisibility();\n                }}\n            >\n                <div className='display-flex gap-10 align-items-center'>\n                    <Checkbox\n                        checked={column.visible}\n                        disabled={column.disabled}\n                        onClick={event => event.stopPropagation()}\n                        onChange={handleToggleVisibility}\n                        className='margin-top--4'\n                    />\n                    <div className='table-columns-dropdown-item-label'>{column.label}</div>\n                </div>\n                <div\n                    className={classNames(\n                        'table-columns-dropdown-item-drag-handle',\n                        !isDraggable && 'table-columns-dropdown-item-drag-handle-disabled'\n                    )}\n                    ref={setActivatorNodeRef}\n                    onClick={event => event.stopPropagation()}\n                    {...attributes}\n                    {...listeners}\n                >\n                    <span className='rioglyph rioglyph-drag-n-drop' />\n                </div>\n            </a>\n        </li>\n    );\n};\n\nexport default TableColumnsDropdownItem;\n"],"names":["TableColumnsDropdownItem","props","column","isDraggable","onColumnVisibilityChange","attributes","listeners","setActivatorNodeRef","setNodeRef","transform","transition","isDragging","useSortable","handleToggleVisibility","jsx","classNames","CSS","jsxs","event","Checkbox"],"mappings":";;;;;AAaA,MAAMA,IAA2B,CAACC,MAAyC;AACvE,QAAM,EAAE,QAAAC,GAAQ,aAAAC,GAAa,0BAAAC,EAAA,IAA6BH,GAEpD,EAAE,YAAAI,GAAY,WAAAC,GAAW,qBAAAC,GAAqB,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAY;AAAA,IAC9G,IAAIV,EAAO;AAAA,IACX,UAAU,CAACC;AAAA,EAAA,CACd,GAEKU,IAAyB,MAAM;AACjC,IAAIX,EAAO,YAIXE,IAA2BF,EAAO,KAAK,CAACA,EAAO,OAAO;AAAA,EAC1D;AAEA,SACI,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAWb,EAAO,YAAY,YAAYS,KAAc,sCAAsC;AAAA,MACzG,KAAKH;AAAA,MACL,MAAK;AAAA,MACL,OAAO,EAAE,WAAWQ,EAAI,UAAU,SAASP,CAAS,GAAG,YAAAC,EAAA;AAAA,MAEvD,UAAA,gBAAAO;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,gBAAcf,EAAO;AAAA,UACrB,SAAS,CAAAgB,MAAS;AACd,YAAAA,EAAM,eAAA,GACNL,EAAA;AAAA,UACJ;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,cAAA,gBAAAH;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACG,SAASjB,EAAO;AAAA,kBAChB,UAAUA,EAAO;AAAA,kBACjB,SAAS,CAAAgB,MAASA,EAAM,gBAAA;AAAA,kBACxB,UAAUL;AAAA,kBACV,WAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEd,gBAAAC,EAAC,OAAA,EAAI,WAAU,qCAAqC,YAAO,MAAA,CAAM;AAAA,YAAA,GACrE;AAAA,YACA,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAWC;AAAA,kBACP;AAAA,kBACA,CAACZ,KAAe;AAAA,gBAAA;AAAA,gBAEpB,KAAKI;AAAA,gBACL,SAAS,CAAAW,MAASA,EAAM,gBAAA;AAAA,gBACvB,GAAGb;AAAA,gBACH,GAAGC;AAAA,gBAEJ,UAAA,gBAAAQ,EAAC,QAAA,EAAK,WAAU,gCAAA,CAAgC;AAAA,cAAA;AAAA,YAAA;AAAA,UACpD;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"TableColumnsDropdownItem.js","names":[],"sources":["../../../../src/components/table/settings/TableColumnsDropdownItem.tsx"],"sourcesContent":["import { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\n\nimport classNames from '../../../utils/classNames';\nimport Checkbox from '../../checkbox/Checkbox';\nimport type { TableColumnsDropdownItem as TableColumnsDropdownColumn } from './TableColumnsDropdown';\n\nexport type TableColumnsDropdownItemProps = {\n    column: TableColumnsDropdownColumn;\n    isDraggable: boolean;\n    onColumnVisibilityChange?: (columnKey: string, visible: boolean) => void;\n};\n\nconst TableColumnsDropdownItem = (props: TableColumnsDropdownItemProps) => {\n    const { column, isDraggable, onColumnVisibilityChange } = props;\n\n    const { attributes, listeners, setActivatorNodeRef, setNodeRef, transform, transition, isDragging } = useSortable({\n        id: column.key,\n        disabled: !isDraggable,\n    });\n\n    const handleToggleVisibility = () => {\n        if (column.disabled) {\n            return;\n        }\n\n        onColumnVisibilityChange?.(column.key, !column.visible);\n    };\n\n    return (\n        <li\n            className={classNames(column.disabled && 'disabled', isDragging && 'table-columns-dropdown-item-dragging')}\n            ref={setNodeRef}\n            role='presentation'\n            style={{ transform: CSS.Transform.toString(transform), transition }}\n        >\n            <a\n                className='display-flex gap-5 align-items-center justify-content-between'\n                role='menuitemcheckbox'\n                aria-checked={column.visible}\n                onClick={event => {\n                    event.preventDefault();\n                    handleToggleVisibility();\n                }}\n            >\n                <div className='display-flex gap-10 align-items-center'>\n                    <Checkbox\n                        checked={column.visible}\n                        disabled={column.disabled}\n                        onClick={event => event.stopPropagation()}\n                        onChange={handleToggleVisibility}\n                        className='margin-top--4'\n                    />\n                    <div className='table-columns-dropdown-item-label'>{column.label}</div>\n                </div>\n                <div\n                    className={classNames(\n                        'table-columns-dropdown-item-drag-handle',\n                        !isDraggable && 'table-columns-dropdown-item-drag-handle-disabled'\n                    )}\n                    ref={setActivatorNodeRef}\n                    onClick={event => event.stopPropagation()}\n                    {...attributes}\n                    {...listeners}\n                >\n                    <span className='uikit-icon icon-drag-n-drop' />\n                </div>\n            </a>\n        </li>\n    );\n};\n\nexport default TableColumnsDropdownItem;\n"],"mappings":";;;;;;AAaA,IAAM,KAA4B,MAAyC;CACvE,IAAM,EAAE,WAAQ,gBAAa,gCAA6B,GAEpD,EAAE,eAAY,cAAW,wBAAqB,eAAY,cAAW,eAAY,kBAAe,EAAY;EAC9G,IAAI,EAAO;EACX,UAAU,CAAC;CACf,CAAC,GAEK,UAA+B;EAC7B,EAAO,YAIX,IAA2B,EAAO,KAAK,CAAC,EAAO,OAAO;CAC1D;CAEA,OACI,kBAAC,MAAD;EACI,WAAW,EAAW,EAAO,YAAY,YAAY,KAAc,sCAAsC;EACzG,KAAK;EACL,MAAK;EACL,OAAO;GAAE,WAAW,EAAI,UAAU,SAAS,CAAS;GAAG;EAAW;YAElE,kBAAC,KAAD;GACI,WAAU;GACV,MAAK;GACL,gBAAc,EAAO;GACrB,UAAS,MAAS;IAEd,AADA,EAAM,eAAe,GACrB,EAAuB;GAC3B;aAPJ,CASI,kBAAC,OAAD;IAAK,WAAU;cAAf,CACI,kBAAC,GAAD;KACI,SAAS,EAAO;KAChB,UAAU,EAAO;KACjB,UAAS,MAAS,EAAM,gBAAgB;KACxC,UAAU;KACV,WAAU;IACb,CAAA,GACD,kBAAC,OAAD;KAAK,WAAU;eAAqC,EAAO;IAAW,CAAA,CACrE;OACL,kBAAC,OAAD;IACI,WAAW,EACP,2CACA,CAAC,KAAe,kDACpB;IACA,KAAK;IACL,UAAS,MAAS,EAAM,gBAAgB;IACxC,GAAI;IACJ,GAAI;cAEJ,kBAAC,QAAD,EAAM,WAAU,8BAA+B,CAAA;GAC9C,CAAA,CACN;;CACH,CAAA;AAEZ"}

package/components/table/shared/getAlignClassName.js

@@ -1,6 +1,6 @@
-const e = (t = "left") => t === "center" ? "table-align-center" : t === "right" ? "table-align-right" : "table-align-left", l = (t = "middle") => t === "top" ? "table-vertical-align-top" : t === "bottom" ? "table-vertical-align-bottom" : "table-vertical-align-middle";
-export {
-  e as getHorizontalAlignClassName,
-  l as getVerticalAlignClassName
-};
-//# sourceMappingURL=getAlignClassName.js.map
+//#region src/components/table/shared/getAlignClassName.ts
+var e = (e = "left") => e === "center" ? "table-align-center" : e === "right" ? "table-align-right" : "table-align-left", t = (e = "middle") => e === "top" ? "table-vertical-align-top" : e === "bottom" ? "table-vertical-align-bottom" : "table-vertical-align-middle";
+//#endregion
+export { e as getHorizontalAlignClassName, t as getVerticalAlignClassName };
+
+//# sourceMappingURL=getAlignClassName.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getAlignClassName.js","sources":["../../../../src/components/table/shared/getAlignClassName.ts"],"sourcesContent":["import type { TableHorizontalAlign, TableVerticalAlign } from '../Table.types';\n\nexport const getHorizontalAlignClassName = (align: TableHorizontalAlign = 'left') => {\n    if (align === 'center') {\n        return 'table-align-center';\n    }\n\n    if (align === 'right') {\n        return 'table-align-right';\n    }\n\n    return 'table-align-left';\n};\n\nexport const getVerticalAlignClassName = (align: TableVerticalAlign = 'middle') => {\n    if (align === 'top') {\n        return 'table-vertical-align-top';\n    }\n\n    if (align === 'bottom') {\n        return 'table-vertical-align-bottom';\n    }\n\n    return 'table-vertical-align-middle';\n};\n"],"names":["getHorizontalAlignClassName","align","getVerticalAlignClassName"],"mappings":"AAEO,MAAMA,IAA8B,CAACC,IAA8B,WAClEA,MAAU,WACH,uBAGPA,MAAU,UACH,sBAGJ,oBAGEC,IAA4B,CAACD,IAA4B,aAC9DA,MAAU,QACH,6BAGPA,MAAU,WACH,gCAGJ;"}
+{"version":3,"file":"getAlignClassName.js","names":[],"sources":["../../../../src/components/table/shared/getAlignClassName.ts"],"sourcesContent":["import type { TableHorizontalAlign, TableVerticalAlign } from '../Table.types';\n\nexport const getHorizontalAlignClassName = (align: TableHorizontalAlign = 'left') => {\n    if (align === 'center') {\n        return 'table-align-center';\n    }\n\n    if (align === 'right') {\n        return 'table-align-right';\n    }\n\n    return 'table-align-left';\n};\n\nexport const getVerticalAlignClassName = (align: TableVerticalAlign = 'middle') => {\n    if (align === 'top') {\n        return 'table-vertical-align-top';\n    }\n\n    if (align === 'bottom') {\n        return 'table-vertical-align-bottom';\n    }\n\n    return 'table-vertical-align-middle';\n};\n"],"mappings":";AAEA,IAAa,KAA+B,IAA8B,WAClE,MAAU,WACH,uBAGP,MAAU,UACH,sBAGJ,oBAGE,KAA6B,IAA4B,aAC9D,MAAU,QACH,6BAGP,MAAU,WACH,gCAGJ"}

package/components/table/shared/getCellContentOverflowClassName.js

@@ -1,18 +1,14 @@
-const s = (e = "hidden") => {
-  switch (e) {
-    case "visible":
-      return "overflow-visible";
-    case "ellipsis":
-      return "ellipsis-1";
-    case "ellipsis-2":
-      return "ellipsis-2";
-    case "ellipsis-3":
-      return "ellipsis-3";
-    default:
-      return "overflow-hidden";
-  }
+//#region src/components/table/shared/getCellContentOverflowClassName.ts
+var e = (e = "hidden") => {
+	switch (e) {
+		case "visible": return "overflow-visible";
+		case "ellipsis": return "ellipsis-1";
+		case "ellipsis-2": return "ellipsis-2";
+		case "ellipsis-3": return "ellipsis-3";
+		default: return "overflow-hidden";
+	}
 };
-export {
-  s as default
-};
-//# sourceMappingURL=getCellContentOverflowClassName.js.map
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=getCellContentOverflowClassName.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getCellContentOverflowClassName.js","sources":["../../../../src/components/table/shared/getCellContentOverflowClassName.ts"],"sourcesContent":["import type { TableCellOverflow } from '../Table.types';\n\nconst getCellContentOverflowClassName = (overflow: TableCellOverflow = 'hidden') => {\n    switch (overflow) {\n        case 'visible':\n            return 'overflow-visible';\n        case 'ellipsis':\n            return 'ellipsis-1';\n        case 'ellipsis-2':\n            return 'ellipsis-2';\n        case 'ellipsis-3':\n            return 'ellipsis-3';\n        default:\n            return 'overflow-hidden';\n    }\n};\n\nexport default getCellContentOverflowClassName;\n"],"names":["getCellContentOverflowClassName","overflow"],"mappings":"AAEA,MAAMA,IAAkC,CAACC,IAA8B,aAAa;AAChF,UAAQA,GAAA;AAAA,IACJ,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX;AACI,aAAO;AAAA,EAAA;AAEnB;"}
+{"version":3,"file":"getCellContentOverflowClassName.js","names":[],"sources":["../../../../src/components/table/shared/getCellContentOverflowClassName.ts"],"sourcesContent":["import type { TableCellOverflow } from '../Table.types';\n\nconst getCellContentOverflowClassName = (overflow: TableCellOverflow = 'hidden') => {\n    switch (overflow) {\n        case 'visible':\n            return 'overflow-visible';\n        case 'ellipsis':\n            return 'ellipsis-1';\n        case 'ellipsis-2':\n            return 'ellipsis-2';\n        case 'ellipsis-3':\n            return 'ellipsis-3';\n        default:\n            return 'overflow-hidden';\n    }\n};\n\nexport default getCellContentOverflowClassName;\n"],"mappings":";AAEA,IAAM,KAAmC,IAA8B,aAAa;CAChF,QAAQ,GAAR;EACI,KAAK,WACD,OAAO;EACX,KAAK,YACD,OAAO;EACX,KAAK,cACD,OAAO;EACX,KAAK,cACD,OAAO;EACX,SACI,OAAO;CACf;AACJ"}

package/components/table/shared/getInteractiveRowProps.js

@@ -1,15 +1,16 @@
-const r = (t) => {
-  const { isClickable: o, onRowClick: i, row: n, rowIndex: l } = t;
-  return {
-    isClickableClassName: o ? "table-row-clickable" : void 0,
-    onClick: o ? () => i?.(n, l) : void 0,
-    onKeyDown: o ? (e) => {
-      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), i?.(n, l));
-    } : void 0,
-    tabIndex: o ? 0 : void 0
-  };
+//#region src/components/table/shared/getInteractiveRowProps.ts
+var e = (e) => {
+	let { isClickable: t, onRowClick: n, row: r, rowIndex: i } = e;
+	return {
+		isClickableClassName: t ? "table-row-clickable" : void 0,
+		onClick: t ? () => n?.(r, i) : void 0,
+		onKeyDown: t ? (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), n?.(r, i));
+		} : void 0,
+		tabIndex: t ? 0 : void 0
+	};
 };
-export {
-  r as getInteractiveRowProps
-};
-//# sourceMappingURL=getInteractiveRowProps.js.map
+//#endregion
+export { e as getInteractiveRowProps };
+
+//# sourceMappingURL=getInteractiveRowProps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getInteractiveRowProps.js","sources":["../../../../src/components/table/shared/getInteractiveRowProps.ts"],"sourcesContent":["import type { KeyboardEventHandler } from 'react';\n\nimport type { TableRowData } from '../Table.types';\n\ntype GetInteractiveRowPropsArgs<RowType extends TableRowData> = {\n    isClickable: boolean;\n    onRowClick?: (row: RowType, rowIndex: number) => void;\n    row: RowType;\n    rowIndex: number;\n};\n\nexport const getInteractiveRowProps = <RowType extends TableRowData>(args: GetInteractiveRowPropsArgs<RowType>) => {\n    const { isClickable, onRowClick, row, rowIndex } = args;\n\n    const onKeyDown: KeyboardEventHandler<HTMLDivElement> | undefined = isClickable\n        ? event => {\n              if (event.key === 'Enter' || event.key === ' ') {\n                  event.preventDefault();\n                  onRowClick?.(row, rowIndex);\n              }\n          }\n        : undefined;\n\n    return {\n        isClickableClassName: isClickable ? 'table-row-clickable' : undefined,\n        onClick: isClickable ? () => onRowClick?.(row, rowIndex) : undefined,\n        onKeyDown,\n        tabIndex: isClickable ? 0 : undefined,\n    };\n};\n"],"names":["getInteractiveRowProps","args","isClickable","onRowClick","row","rowIndex","event"],"mappings":"AAWO,MAAMA,IAAyB,CAA+BC,MAA8C;AAC/G,QAAM,EAAE,aAAAC,GAAa,YAAAC,GAAY,KAAAC,GAAK,UAAAC,MAAaJ;AAWnD,SAAO;AAAA,IACH,sBAAsBC,IAAc,wBAAwB;AAAA,IAC5D,SAASA,IAAc,MAAMC,IAAaC,GAAKC,CAAQ,IAAI;AAAA,IAC3D,WAZgEH,IAC9D,CAAAI,MAAS;AACL,OAAIA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACvCA,EAAM,eAAA,GACNH,IAAaC,GAAKC,CAAQ;AAAA,IAElC,IACA;AAAA,IAMF,UAAUH,IAAc,IAAI;AAAA,EAAA;AAEpC;"}
+{"version":3,"file":"getInteractiveRowProps.js","names":[],"sources":["../../../../src/components/table/shared/getInteractiveRowProps.ts"],"sourcesContent":["import type { KeyboardEventHandler } from 'react';\n\nimport type { TableRowData } from '../Table.types';\n\ntype GetInteractiveRowPropsArgs<RowType extends TableRowData> = {\n    isClickable: boolean;\n    onRowClick?: (row: RowType, rowIndex: number) => void;\n    row: RowType;\n    rowIndex: number;\n};\n\nexport const getInteractiveRowProps = <RowType extends TableRowData>(args: GetInteractiveRowPropsArgs<RowType>) => {\n    const { isClickable, onRowClick, row, rowIndex } = args;\n\n    const onKeyDown: KeyboardEventHandler<HTMLDivElement> | undefined = isClickable\n        ? event => {\n              if (event.key === 'Enter' || event.key === ' ') {\n                  event.preventDefault();\n                  onRowClick?.(row, rowIndex);\n              }\n          }\n        : undefined;\n\n    return {\n        isClickableClassName: isClickable ? 'table-row-clickable' : undefined,\n        onClick: isClickable ? () => onRowClick?.(row, rowIndex) : undefined,\n        onKeyDown,\n        tabIndex: isClickable ? 0 : undefined,\n    };\n};\n"],"mappings":";AAWA,IAAa,KAAwD,MAA8C;CAC/G,IAAM,EAAE,gBAAa,eAAY,QAAK,gBAAa;CAWnD,OAAO;EACH,sBAAsB,IAAc,wBAAwB,KAAA;EAC5D,SAAS,UAAoB,IAAa,GAAK,CAAQ,IAAI,KAAA;EAC3D,WAZgE,KAC9D,MAAS;GACL,CAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACvC,EAAM,eAAe,GACrB,IAAa,GAAK,CAAQ;EAElC,IACA,KAAA;EAMF,UAAU,IAAc,IAAI,KAAA;CAChC;AACJ"}

package/components/table/shared/parsePixelSize.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"parsePixelSize.js","sources":["../../../../src/components/table/shared/parsePixelSize.ts"],"sourcesContent":["const parsePixelSize = (value?: string | number): number | undefined => {\n    if (typeof value === 'number') {\n        return Number.isFinite(value) ? value : undefined;\n    }\n\n    if (!value) {\n        return;\n    }\n\n    const match = value.trim().match(/^(-?\\d+(?:\\.\\d+)?)px$/);\n\n    if (!match) {\n        return;\n    }\n\n    return Number(match[1]);\n};\n\nexport default parsePixelSize;\n"],"names":["parsePixelSize","value","match"],"mappings":"AAAA,MAAMA,IAAiB,CAACC,MAAgD;AACpE,MAAI,OAAOA,KAAU;AACjB,WAAO,OAAO,SAASA,CAAK,IAAIA,IAAQ;AAG5C,MAAI,CAACA;AACD;AAGJ,QAAMC,IAAQD,EAAM,KAAA,EAAO,MAAM,uBAAuB;AAExD,MAAKC;AAIL,WAAO,OAAOA,EAAM,CAAC,CAAC;AAC1B;"}
+{"version":3,"file":"parsePixelSize.js","names":[],"sources":["../../../../src/components/table/shared/parsePixelSize.ts"],"sourcesContent":["const parsePixelSize = (value?: string | number): number | undefined => {\n    if (typeof value === 'number') {\n        return Number.isFinite(value) ? value : undefined;\n    }\n\n    if (!value) {\n        return;\n    }\n\n    const match = value.trim().match(/^(-?\\d+(?:\\.\\d+)?)px$/);\n\n    if (!match) {\n        return;\n    }\n\n    return Number(match[1]);\n};\n\nexport default parsePixelSize;\n"],"mappings":";AAAA,IAAM,KAAkB,MAAgD;CACpE,IAAI,OAAO,KAAU,UACjB,OAAO,OAAO,SAAS,CAAK,IAAI,IAAQ,KAAA;CAG5C,IAAI,CAAC,GACD;CAGJ,IAAM,IAAQ,EAAM,KAAK,CAAC,CAAC,MAAM,uBAAuB;CAEnD,OAIL,OAAO,OAAO,EAAM,EAAE;AAC1B"}

package/components/table/shared/resolveTableAria.js

@@ -1,6 +1,6 @@
-const r = (o, e) => o + (e ? 1 : 0), i = (o) => o > 1 ? o : void 0;
-export {
-  r as resolveAriaColIndex,
-  i as resolveAriaSpan
-};
-//# sourceMappingURL=resolveTableAria.js.map
+//#region src/components/table/shared/resolveTableAria.ts
+var e = (e, t) => e + +!!t, t = (e) => e > 1 ? e : void 0;
+//#endregion
+export { e as resolveAriaColIndex, t as resolveAriaSpan };
+
+//# sourceMappingURL=resolveTableAria.js.map