eidos-ui 2.0.0 → 2.1.0

package/dist/chunk-QONDJ5VM.cjs

@@ -1,744 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-
-
-
-
-
-
-
-
-
-
-
-var _chunkXVSODE4Kcjs = require('./chunk-XVSODE4K.cjs');
-
-
-var _chunkTROYIUDHcjs = require('./chunk-TROYIUDH.cjs');
-
-
-var _chunkEQEV7GPTcjs = require('./chunk-EQEV7GPT.cjs');
-
-
-var _chunkISABZ2VXcjs = require('./chunk-ISABZ2VX.cjs');
-
-
-var _chunkKV3V2CPHcjs = require('./chunk-KV3V2CPH.cjs');
-
-
-var _chunkIJ4DXG7Dcjs = require('./chunk-IJ4DXG7D.cjs');
-
-
-var _chunkFRUOA2QUcjs = require('./chunk-FRUOA2QU.cjs');
-
-
-var _chunkA7Z2QAFZcjs = require('./chunk-A7Z2QAFZ.cjs');
-
-// src/components/Table/Table.component.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-var _lucidereact = require('lucide-react');
-var _jsxruntime = require('react/jsx-runtime');
-var DENSITY_OPTIONS = [
-  { value: "compact", label: "Compact" },
-  { value: "comfortable", label: "Comfortable" },
-  { value: "spacious", label: "Spacious" }
-];
-function escapeCsvValue(value) {
-  if (value.includes(",") || value.includes("\n") || value.includes('"')) {
-    return `"${value.replace(/"/g, '""')}"`;
-  }
-  return value;
-}
-function SortableColumnHeader({
-  id,
-  column,
-  isSortable,
-  isCurrentlySorted,
-  sortDirection,
-  alignment,
-  columnType,
-  columnWidth,
-  pinnedClass,
-  stickyStyle,
-  onSortClick
-}) {
-  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = _chunkXVSODE4Kcjs.useSortable.call(void 0, {
-    id
-  });
-  const transformStr = _chunkXVSODE4Kcjs.CSS.Transform.toString(transform);
-  const thClassName = [
-    "eidos-table-header-cell",
-    `eidos-table-header-cell-${columnType}`,
-    isSortable ? "eidos-table-sortable" : "",
-    isCurrentlySorted ? "eidos-table-sorted" : "",
-    `eidos-table-align-${alignment}`,
-    pinnedClass
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "th",
-    {
-      ref: setNodeRef,
-      className: thClassName,
-      style: {
-        width: columnWidth,
-        ...stickyStyle,
-        ...transformStr ? { transform: transformStr } : {},
-        transition: _nullishCoalesce(transition, () => ( void 0)),
-        opacity: isDragging ? 0.5 : 1
-      },
-      "data-col-key": id,
-      onClick: () => isSortable && onSortClick(),
-      ...attributes,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "span",
-          {
-            className: "eidos-table-drag-handle",
-            ...listeners,
-            onClick: (e) => e.stopPropagation(),
-            title: "Drag to reorder",
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.GripVertical, { size: 12 })
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `eidos-table-header-content eidos-table-align-${alignment}`, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-table-header-label", children: column.label }),
-          isSortable && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-table-sort-indicator", children: [
-            sortDirection === "asc" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ArrowUp, { size: 14 }),
-            sortDirection === "desc" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ArrowDown, { size: 14 }),
-            !sortDirection && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronsUpDown, { size: 14 })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-var Table = ({
-  data,
-  columns,
-  loading = false,
-  emptyMessage = "No data available",
-  onRowClick,
-  className,
-  showFooter = false,
-  totalItems,
-  showPagination = false,
-  pageSize = 25,
-  pageSizeOptions = [10, 25, 50, 100],
-  onSortChange,
-  currentSort,
-  filters = {},
-  onFiltersChange,
-  defaultFilters,
-  showFilters = false,
-  // Selection
-  selectable = false,
-  rowKey,
-  selectedRows: controlledSelected,
-  defaultSelectedRows = [],
-  onSelectionChange,
-  bulkActions = [],
-  // New features
-  density = "comfortable",
-  showDensity = false,
-  showColumnVisibility = false,
-  showExport = false,
-  draggableColumns = false,
-  onColumnReorder
-}) => {
-  const [columnOrder, setColumnOrder] = _react.useState.call(void 0, () => columns.map((c) => String(c.key)));
-  const columnKeysSignature = columns.map((c) => String(c.key)).join("\0");
-  const prevKeysRef = _react.useRef.call(void 0, columnKeysSignature);
-  if (prevKeysRef.current !== columnKeysSignature) {
-    prevKeysRef.current = columnKeysSignature;
-    setColumnOrder(columns.map((c) => String(c.key)));
-  }
-  const orderedColumns = _react.useMemo.call(void 0, () => {
-    const orderMap = new Map(columnOrder.map((key, idx) => [key, idx]));
-    return [...columns].sort((a, b) => {
-      const ai = _nullishCoalesce(orderMap.get(String(a.key)), () => ( Infinity));
-      const bi = _nullishCoalesce(orderMap.get(String(b.key)), () => ( Infinity));
-      return ai - bi;
-    });
-  }, [columns, columnOrder]);
-  const [internalDensity, setInternalDensity] = _react.useState.call(void 0, density);
-  const effectiveDensity = showDensity ? internalDensity : density;
-  const [hiddenColumnKeys, setHiddenColumnKeys] = _react.useState.call(void 0, () => /* @__PURE__ */ new Set());
-  const visibleColumns = _react.useMemo.call(void 0, 
-    () => orderedColumns.filter((c) => !hiddenColumnKeys.has(String(c.key))),
-    [orderedColumns, hiddenColumnKeys]
-  );
-  const theadRef = _react.useRef.call(void 0, null);
-  const [pinnedOffsets, setPinnedOffsets] = _react.useState.call(void 0, /* @__PURE__ */ new Map());
-  _react.useLayoutEffect.call(void 0, () => {
-    const hasPinned = visibleColumns.some((c) => c.pin);
-    if (!hasPinned || !theadRef.current) {
-      setPinnedOffsets(/* @__PURE__ */ new Map());
-      return;
-    }
-    const headerRow = theadRef.current.querySelector("tr");
-    if (!headerRow) return;
-    const cells = Array.from(headerRow.querySelectorAll("th[data-col-key]"));
-    const newOffsets = /* @__PURE__ */ new Map();
-    let leftAccum = 0;
-    for (const cell of cells) {
-      const key = cell.dataset.colKey;
-      if (key === "__checkbox__") {
-        newOffsets.set(key, { side: "left", offset: leftAccum });
-        leftAccum += cell.offsetWidth;
-      } else {
-        const col = visibleColumns.find((c) => String(c.key) === key);
-        if (_optionalChain([col, 'optionalAccess', _ => _.pin]) === "left") {
-          newOffsets.set(key, { side: "left", offset: leftAccum });
-          leftAccum += cell.offsetWidth;
-        }
-      }
-    }
-    let rightAccum = 0;
-    for (let i = cells.length - 1; i >= 0; i--) {
-      const cell = cells[i];
-      const key = cell.dataset.colKey;
-      const col = visibleColumns.find((c) => String(c.key) === key);
-      if (_optionalChain([col, 'optionalAccess', _2 => _2.pin]) === "right") {
-        newOffsets.set(key, { side: "right", offset: rightAccum });
-        rightAccum += cell.offsetWidth;
-      }
-    }
-    setPinnedOffsets(newOffsets);
-  }, [visibleColumns, selectable]);
-  const isControlledSelection = controlledSelected !== void 0;
-  const [internalSelected, setInternalSelected] = _react.useState.call(void 0, defaultSelectedRows);
-  const selectedSet = _react.useMemo.call(void 0, 
-    () => new Set(isControlledSelection ? controlledSelected : internalSelected),
-    [isControlledSelection, controlledSelected, internalSelected]
-  );
-  const getRowKey = (item, index) => {
-    if (rowKey) return String(item[rowKey]);
-    if ("id" in item) return String(item.id);
-    return String(index);
-  };
-  const commitSelection = (keys) => {
-    if (!isControlledSelection) setInternalSelected(keys);
-    const rows = data.filter((item, idx) => keys.includes(getRowKey(item, idx)));
-    _optionalChain([onSelectionChange, 'optionalCall', _3 => _3(keys, rows)]);
-  };
-  const toggleRow = (key) => {
-    const next = selectedSet.has(key) ? [...selectedSet].filter((k) => k !== key) : [...selectedSet, key];
-    commitSelection(next);
-  };
-  const allKeys = _react.useMemo.call(void 0, 
-    () => data.map((item, idx) => getRowKey(item, idx)),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [data, rowKey]
-  );
-  const allSelected = allKeys.length > 0 && allKeys.every((k) => selectedSet.has(k));
-  const someSelected = !allSelected && allKeys.some((k) => selectedSet.has(k));
-  const toggleAll = () => {
-    commitSelection(allSelected ? [] : allKeys);
-  };
-  const clearSelection = () => commitSelection([]);
-  const [currentPage, setCurrentPage] = _react.useState.call(void 0, 1);
-  const [currentPageSize, setCurrentPageSize] = _react.useState.call(void 0, pageSize);
-  const displayData = _react.useMemo.call(void 0, () => {
-    if (!showPagination) return data;
-    const startIndex = (currentPage - 1) * currentPageSize;
-    return data.slice(startIndex, startIndex + currentPageSize);
-  }, [data, showPagination, currentPage, currentPageSize]);
-  const totalPages = Math.ceil(data.length / currentPageSize);
-  const handleSort = (key) => {
-    const newDirection = _optionalChain([currentSort, 'optionalAccess', _4 => _4.key]) === key && _optionalChain([currentSort, 'optionalAccess', _5 => _5.direction]) === "asc" ? "desc" : "asc";
-    _optionalChain([onSortChange, 'optionalCall', _6 => _6(key, newDirection)]);
-  };
-  const handlePageChange = (page) => setCurrentPage(page);
-  const handlePageSizeChange = (newPageSize) => {
-    setCurrentPageSize(newPageSize);
-    setCurrentPage(1);
-  };
-  const hasSelection = selectedSet.size > 0;
-  const showToolbar = showFilters && !!onFiltersChange || showColumnVisibility || showExport || showDensity || selectable && hasSelection;
-  const selectedItems = _react.useMemo.call(void 0, 
-    () => data.filter((item, idx) => selectedSet.has(getRowKey(item, idx))),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [data, selectedSet, rowKey]
-  );
-  const getRawValue = (item, column) => {
-    const value = typeof column.key === "string" && column.key.includes(".") ? column.key.split(".").reduce(
-      (obj, k) => _optionalChain([obj, 'optionalAccess', _7 => _7[k]]),
-      item
-    ) : item[column.key];
-    return String(_nullishCoalesce(value, () => ( "")));
-  };
-  const handleExportCsv = () => {
-    const headers = visibleColumns.map((c) => escapeCsvValue(c.label)).join(",");
-    const rows = data.map(
-      (item) => visibleColumns.map((col) => escapeCsvValue(getRawValue(item, col))).join(",")
-    );
-    const csv = [headers, ...rows].join("\n");
-    const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement("a");
-    link.href = url;
-    link.download = "export.csv";
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(url);
-  };
-  const sensors = _chunkXVSODE4Kcjs.useSensors.call(void 0, 
-    _chunkXVSODE4Kcjs.useSensor.call(void 0, _chunkXVSODE4Kcjs.PointerSensor),
-    _chunkXVSODE4Kcjs.useSensor.call(void 0, _chunkXVSODE4Kcjs.KeyboardSensor, {
-      coordinateGetter: _chunkXVSODE4Kcjs.sortableKeyboardCoordinates
-    })
-  );
-  const handleDragEnd = (event) => {
-    const { active, over } = event;
-    if (!over || active.id === over.id) return;
-    const activeId = String(active.id);
-    const overId = String(over.id);
-    const oldIndex = columnOrder.indexOf(activeId);
-    const newIndex = columnOrder.indexOf(overId);
-    if (oldIndex === -1 || newIndex === -1) return;
-    const newOrder = _chunkXVSODE4Kcjs.arrayMove.call(void 0, columnOrder, oldIndex, newIndex);
-    setColumnOrder(newOrder);
-    if (onColumnReorder) {
-      const orderMap = new Map(newOrder.map((key, idx) => [key, idx]));
-      const reordered = [...columns].sort((a, b) => {
-        const ai = _nullishCoalesce(orderMap.get(String(a.key)), () => ( Infinity));
-        const bi = _nullishCoalesce(orderMap.get(String(b.key)), () => ( Infinity));
-        return ai - bi;
-      });
-      onColumnReorder(reordered);
-    }
-  };
-  const getCellPinnedProps = (colKey) => {
-    const pinInfo = pinnedOffsets.get(colKey);
-    if (!pinInfo) return { style: {}, className: "" };
-    return {
-      style: {
-        position: "sticky",
-        [pinInfo.side]: pinInfo.offset,
-        zIndex: 1
-      },
-      className: pinInfo.side === "left" ? "eidos-table-cell--pinned-left" : "eidos-table-cell--pinned-right"
-    };
-  };
-  const getHeaderPinnedProps = (colKey) => {
-    const pinInfo = pinnedOffsets.get(colKey);
-    if (!pinInfo) return { style: {}, className: "" };
-    return {
-      style: {
-        position: "sticky",
-        [pinInfo.side]: pinInfo.offset,
-        zIndex: 3
-      },
-      className: pinInfo.side === "left" ? "eidos-table-header-cell--pinned-left" : "eidos-table-header-cell--pinned-right"
-    };
-  };
-  const densityClass = effectiveDensity !== "comfortable" ? `eidos-table--${effectiveDensity}` : "";
-  if (loading) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `eidos-table-container ${className || ""}`, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-table-loading", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTROYIUDHcjs.Spinner, { size: "md" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children: "Loading..." })
-    ] }) });
-  }
-  const densityPanel = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-table-menu-panel", children: DENSITY_OPTIONS.map((option) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "button",
-    {
-      className: [
-        "eidos-table-menu-item",
-        effectiveDensity === option.value ? "eidos-table-menu-item--active" : ""
-      ].filter(Boolean).join(" "),
-      onClick: () => setInternalDensity(option.value),
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-table-menu-item-check", children: effectiveDensity === option.value && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { size: 14 }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: option.label })
-      ]
-    },
-    option.value
-  )) });
-  const columnVisibilityPanel = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-table-menu-panel", children: orderedColumns.map((col) => {
-    const key = String(col.key);
-    const isVisible = !hiddenColumnKeys.has(key);
-    const isLastVisible = visibleColumns.length === 1 && isVisible;
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "button",
-      {
-        className: ["eidos-table-menu-item", isVisible ? "eidos-table-menu-item--active" : ""].filter(Boolean).join(" "),
-        disabled: isLastVisible,
-        onClick: () => {
-          setHiddenColumnKeys((prev) => {
-            const next = new Set(prev);
-            if (next.has(key)) next.delete(key);
-            else next.add(key);
-            return next;
-          });
-        },
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkIJ4DXG7Dcjs.Checkbox,
-            {
-              checked: isVisible,
-              disabled: isLastVisible,
-              size: "sm",
-              onChange: () => {
-              }
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: col.label })
-        ]
-      },
-      key
-    );
-  }) });
-  const sortableItems = visibleColumns.map((c) => String(c.key));
-  const tableContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `eidos-table-container ${className || ""}`, children: [
-    showToolbar && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-table-toolbar", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-table-toolbar-left", children: selectable && hasSelection && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-table-selection-count", children: [
-          selectedSet.size,
-          " selected"
-        ] }),
-        bulkActions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-table-bulk-actions", children: bulkActions.map((action) => {
-          const isDisabled = typeof action.disabled === "function" ? action.disabled(selectedItems) : _nullishCoalesce(action.disabled, () => ( false));
-          if (action.type === "split-button") {
-            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkEQEV7GPTcjs.SplitButton,
-              {
-                size: "sm",
-                variant: _nullishCoalesce(action.variant, () => ( "outlined")),
-                color: _nullishCoalesce(action.color, () => ( "secondary")),
-                preIcon: action.icon,
-                disabled: isDisabled,
-                label: action.label,
-                onClick: () => action.onClick(selectedItems),
-                options: action.options.map((option) => ({
-                  id: option.id,
-                  label: option.label,
-                  icon: option.icon,
-                  disabled: option.disabled,
-                  onClick: () => option.onClick(selectedItems)
-                }))
-              },
-              action.id
-            );
-          }
-          return action.label ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkA7Z2QAFZcjs.Button,
-            {
-              size: "sm",
-              variant: _nullishCoalesce(action.variant, () => ( "outlined")),
-              color: _nullishCoalesce(action.color, () => ( "secondary")),
-              preIcon: action.icon,
-              posIcon: action.posIcon,
-              disabled: isDisabled,
-              onClick: () => action.onClick(selectedItems),
-              children: action.label
-            },
-            action.id
-          ) : action.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkA7Z2QAFZcjs.Button,
-            {
-              size: "sm",
-              variant: _nullishCoalesce(action.variant, () => ( "outlined")),
-              color: _nullishCoalesce(action.color, () => ( "secondary")),
-              icon: action.icon,
-              disabled: isDisabled,
-              onClick: () => action.onClick(selectedItems)
-            },
-            action.id
-          ) : null;
-        }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
-          {
-            className: "eidos-table-clear-selection",
-            onClick: clearSelection,
-            "aria-label": "Clear selection",
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { size: 14 })
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-table-toolbar-right", children: [
-        showDensity && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkFRUOA2QUcjs.Dropdown,
-          {
-            placement: "bottom",
-            align: "end",
-            autoWidth: false,
-            trigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA7Z2QAFZcjs.Button, { variant: "text", size: "sm", preIcon: _lucidereact.AlignJustify, children: "Density" }),
-            content: densityPanel
-          }
-        ),
-        showColumnVisibility && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkFRUOA2QUcjs.Dropdown,
-          {
-            placement: "bottom",
-            align: "end",
-            autoWidth: false,
-            trigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA7Z2QAFZcjs.Button, { variant: "text", size: "sm", preIcon: _lucidereact.Columns3, children: "Columns" }),
-            content: columnVisibilityPanel
-          }
-        ),
-        showExport && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkA7Z2QAFZcjs.Button,
-          {
-            variant: "text",
-            size: "sm",
-            icon: _lucidereact.Download,
-            onClick: handleExportCsv,
-            tooltip: "Export CSV"
-          }
-        ),
-        showFilters && onFiltersChange && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkXVSODE4Kcjs.TableFiltersDropdown,
-          {
-            columns,
-            filters,
-            onFiltersChange,
-            defaultFilters
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-table-scroll", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "table",
-      {
-        className: [
-          "eidos-table",
-          densityClass,
-          draggableColumns ? "eidos-table--draggable-columns" : ""
-        ].filter(Boolean).join(" "),
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { ref: theadRef, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tr", { children: [
-            selectable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "th",
-              {
-                className: [
-                  "eidos-table-header-cell",
-                  "eidos-table-checkbox-cell",
-                  getHeaderPinnedProps("__checkbox__").className
-                ].filter(Boolean).join(" "),
-                style: getHeaderPinnedProps("__checkbox__").style,
-                "data-col-key": "__checkbox__",
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkIJ4DXG7Dcjs.Checkbox,
-                  {
-                    size: "sm",
-                    checked: allSelected,
-                    indeterminate: someSelected,
-                    onChange: toggleAll,
-                    "aria-label": "Select all rows"
-                  }
-                )
-              }
-            ),
-            draggableColumns ? visibleColumns.map((column) => {
-              const colKey = String(column.key);
-              const columnType = column.type || "data";
-              const columnWidth = column.type === "icon" ? "var(--component-size-lg)" : column.width;
-              const isSortable = !!column.sortable;
-              const isCurrentlySorted = _optionalChain([currentSort, 'optionalAccess', _8 => _8.key]) === colKey;
-              const sortDirection = isCurrentlySorted ? currentSort.direction : null;
-              const alignment = column.align || "left";
-              const { style: pinnedStyle, className: pinnedClass } = getHeaderPinnedProps(colKey);
-              return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                SortableColumnHeader,
-                {
-                  id: colKey,
-                  column,
-                  isSortable,
-                  isCurrentlySorted: !!isCurrentlySorted,
-                  sortDirection,
-                  alignment,
-                  columnType,
-                  columnWidth,
-                  pinnedClass,
-                  stickyStyle: pinnedStyle,
-                  onSortClick: () => handleSort(colKey)
-                },
-                colKey
-              );
-            }) : visibleColumns.map((column, index) => {
-              const colKey = String(column.key);
-              const columnType = column.type || "data";
-              const columnWidth = column.type === "icon" ? "var(--component-size-lg)" : column.width;
-              const isSortable = column.sortable;
-              const isCurrentlySorted = _optionalChain([currentSort, 'optionalAccess', _9 => _9.key]) === colKey;
-              const sortDirection = isCurrentlySorted ? currentSort.direction : null;
-              const alignment = column.align || "left";
-              const alignmentClass = `eidos-table-align-${alignment}`;
-              const { style: pinnedStyle, className: pinnedClass } = getHeaderPinnedProps(colKey);
-              return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "th",
-                {
-                  className: [
-                    "eidos-table-header-cell",
-                    `eidos-table-header-cell-${columnType}`,
-                    isSortable ? "eidos-table-sortable" : "",
-                    isCurrentlySorted ? "eidos-table-sorted" : "",
-                    alignmentClass,
-                    pinnedClass
-                  ].filter(Boolean).join(" "),
-                  style: { width: columnWidth, ...pinnedStyle },
-                  "data-col-key": colKey,
-                  onClick: () => isSortable && handleSort(colKey),
-                  children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `eidos-table-header-content ${alignmentClass}`, children: [
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: column.label }),
-                    isSortable && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-table-sort-indicator", children: [
-                      sortDirection === "asc" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ArrowUp, { size: 14 }),
-                      sortDirection === "desc" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ArrowDown, { size: 14 }),
-                      !sortDirection && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronsUpDown, { size: 14 })
-                    ] })
-                  ] })
-                },
-                index
-              );
-            })
-          ] }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: displayData.length > 0 ? displayData.map((item, rowIndex) => {
-            const globalIndex = showPagination ? (currentPage - 1) * currentPageSize + rowIndex : rowIndex;
-            const key = getRowKey(item, globalIndex);
-            const isSelected = selectedSet.has(key);
-            return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              "tr",
-              {
-                className: [
-                  "eidos-table-row",
-                  onRowClick ? "eidos-table-clickable" : "",
-                  isSelected ? "eidos-table-row--selected" : ""
-                ].filter(Boolean).join(" "),
-                onClick: () => _optionalChain([onRowClick, 'optionalCall', _10 => _10(item)]),
-                children: [
-                  selectable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "td",
-                    {
-                      className: [
-                        "eidos-table-cell",
-                        "eidos-table-checkbox-cell",
-                        getCellPinnedProps("__checkbox__").className
-                      ].filter(Boolean).join(" "),
-                      style: getCellPinnedProps("__checkbox__").style,
-                      onClick: (e) => {
-                        e.stopPropagation();
-                        toggleRow(key);
-                      },
-                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkIJ4DXG7Dcjs.Checkbox,
-                        {
-                          size: "sm",
-                          checked: isSelected,
-                          onChange: () => toggleRow(key),
-                          "aria-label": `Select row ${globalIndex + 1}`
-                        }
-                      ) })
-                    }
-                  ),
-                  visibleColumns.map((column, colIndex) => {
-                    const colKey = String(column.key);
-                    const value = typeof column.key === "string" && column.key.includes(".") ? column.key.split(".").reduce(
-                      (obj, k) => _optionalChain([obj, 'optionalAccess', _11 => _11[k]]),
-                      item
-                    ) : item[column.key];
-                    const columnType = column.type || "data";
-                    const columnWidth = column.type === "icon" ? "var(--component-size-lg)" : column.width;
-                    const alignment = column.align || "left";
-                    const alignmentClass = `eidos-table-align-${alignment}`;
-                    const { style: pinnedStyle, className: pinnedClass } = getCellPinnedProps(colKey);
-                    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      "td",
-                      {
-                        className: [
-                          "eidos-table-cell",
-                          `eidos-table-cell-${columnType}`,
-                          alignmentClass,
-                          pinnedClass
-                        ].filter(Boolean).join(" "),
-                        style: { width: columnWidth, ...pinnedStyle },
-                        onClick: columnType === "action" ? (e) => e.stopPropagation() : void 0,
-                        children: column.render ? column.render(value, item) : String(_nullishCoalesce(value, () => ( "")))
-                      },
-                      colIndex
-                    );
-                  })
-                ]
-              },
-              key
-            );
-          }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { className: "eidos-table-empty-row", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "td",
-            {
-              colSpan: selectable ? visibleColumns.length + 1 : visibleColumns.length,
-              className: "eidos-table-cell eidos-table-empty-cell",
-              children: Object.keys(filters).length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkKV3V2CPHcjs.EmptyState,
-                {
-                  icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.SearchX, {}),
-                  title: "No results found",
-                  description: "Try adjusting your filters or search terms.",
-                  action: onFiltersChange ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkA7Z2QAFZcjs.Button,
-                    {
-                      size: "sm",
-                      variant: "outlined",
-                      color: "primary",
-                      onClick: () => onFiltersChange({}),
-                      children: "Clear filters"
-                    }
-                  ) : void 0,
-                  size: "sm"
-                }
-              ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkKV3V2CPHcjs.EmptyState,
-                {
-                  icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.FolderOpen, {}),
-                  title: emptyMessage,
-                  description: "There are no records to display.",
-                  size: "sm"
-                }
-              )
-            }
-          ) }) })
-        ]
-      }
-    ) }),
-    showFooter && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-table-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-table-footer-content", children: showPagination && data.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkISABZ2VXcjs.Pagination,
-      {
-        page: currentPage,
-        totalPages,
-        onChange: handlePageChange,
-        totalItems: _nullishCoalesce(totalItems, () => ( data.length)),
-        pageSize: currentPageSize,
-        onPageSizeChange: handlePageSizeChange,
-        pageSizeOptions,
-        size: "sm"
-      }
-    ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-table-results-info", children: [
-      "Showing ",
-      data.length,
-      " of ",
-      _nullishCoalesce(totalItems, () => ( data.length)),
-      " results"
-    ] }) }) })
-  ] });
-  if (draggableColumns) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXVSODE4Kcjs.DndContext, { sensors, onDragEnd: handleDragEnd, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXVSODE4Kcjs.SortableContext, { items: sortableItems, strategy: _chunkXVSODE4Kcjs.horizontalListSortingStrategy, children: tableContent }) });
-  }
-  return tableContent;
-};
-
-
-
-exports.Table = Table;
-//# sourceMappingURL=chunk-QONDJ5VM.cjs.map