@exxatdesignux/ui 0.5.2 → 0.5.4

package/dist/components/data-views/hub-table.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { ColumnDef } from '../data-table/types.js';
 import { useTableState } from '../data-table/use-table-state.js';
 import { DataListViewType } from '../../lib/data-list-view.js';
-import { c as DataListViewRenderKind } from '../../data-list-view-registry-CyBoBML4.js';
+import { c as DataListViewRenderKind } from '../../data-list-view-registry-BstmlfQ3.js';
 import { DataListDisplayOptions } from '../../lib/data-list-display-options.js';
 import { FilterFieldDef, ConditionalRule } from '../../lib/table-properties-types.js';
 import { ListPageBoardColumnDef } from './list-page-board-template.js';
@@ -74,8 +74,12 @@ interface HubTableProps<TRow extends Record<string, unknown>> {
     /** Active view from the `ListPageTemplate` tab. */
     view: DataListViewType;
     onViewChange?: (v: DataListViewType) => void;
-    /** Allowlist passed to `TablePropertiesDrawerButton` so Properties cannot offer unsupported views. */
-    supportedViewTypes: readonly DataListViewType[];
+    /**
+     * Allowlist passed to `TablePropertiesDrawerButton` so Properties cannot offer unsupported views.
+     * Defaults to {@link FULL_HUB_SUPPORTED_VIEWS} when omitted — keep in sync with
+     * `ListPageTemplate.supportedViewTypes` on the same hub.
+     */
+    supportedViewTypes?: readonly DataListViewType[];
     /** Used by `ListPageViewNotConfigured` when a supported view has no renderer. */
     hubLabel: string;
     /** Shown below "Properties" in the drawer header. */
@@ -165,7 +169,7 @@ interface HubTableProps<TRow extends Record<string, unknown>> {
     /** Empty column copy for the default board renderer. Defaults to "No items". */
     boardEmptyColumnLabel?: string;
 }
-declare function HubTable<TRow extends Record<string, unknown>>({ rows, columns, view, onViewChange, supportedViewTypes, hubLabel, lifecycleTabLabel, searchAriaLabel, getRowId, getRowSelectionLabel, defaultSort, emptyState, renderers, bulkActionsSlot, boardGroupByColumnOptions, displayOptionsInit, renderFilterOptionValue, groupable, selectable, onRowClick, displayOptions: displayOptionsControlled, onDisplayOptionsChange: onDisplayOptionsChangeControlled, pagination, onPaginationChange, handleRef, tableRenderer, paginationOverride, paginationPageSizeOptions, paginationInitialPageSize, syncedSearchFromUrl, renderListRow, listAriaLabel, listEmptyState, listVirtualizeThreshold, listEstimatedRowHeight, renderBoardCard, boardGroups, boardColumnCountBadgeClassName, boardEmptyColumnLabel, }: HubTableProps<TRow>): react_jsx_runtime.JSX.Element;
+declare function HubTable<TRow extends Record<string, unknown>>({ rows, columns, view, onViewChange, supportedViewTypes: supportedViewTypesProp, hubLabel, lifecycleTabLabel, searchAriaLabel, getRowId, getRowSelectionLabel, defaultSort, emptyState, renderers, bulkActionsSlot, boardGroupByColumnOptions, displayOptionsInit, renderFilterOptionValue, groupable, selectable, onRowClick, displayOptions: displayOptionsControlled, onDisplayOptionsChange: onDisplayOptionsChangeControlled, pagination, onPaginationChange, handleRef, tableRenderer, paginationOverride, paginationPageSizeOptions, paginationInitialPageSize, syncedSearchFromUrl, renderListRow, listAriaLabel, listEmptyState, listVirtualizeThreshold, listEstimatedRowHeight, renderBoardCard, boardGroups, boardColumnCountBadgeClassName, boardEmptyColumnLabel, }: HubTableProps<TRow>): react_jsx_runtime.JSX.Element;
 declare namespace HubTable {
     var displayName: string;
 }

package/dist/components/data-views/hub-table.js

@@ -2282,13 +2282,15 @@ function useBulkBarFixedToTableScrollEl(scrollRef, active, fullWidth) {
     const scheduled = rafThrottle(apply);
     const ro = new ResizeObserver(scheduled);
     ro.observe(el);
+    el.addEventListener("scroll", scheduled, { passive: true });
     window.addEventListener("resize", scheduled, { passive: true });
-    window.addEventListener("scroll", scheduled, { passive: true, capture: true });
+    window.addEventListener("scroll", scheduled, { passive: true });
     return () => {
       scheduled.cancel();
       ro.disconnect();
+      el.removeEventListener("scroll", scheduled);
       window.removeEventListener("resize", scheduled);
-      window.removeEventListener("scroll", scheduled, { capture: true });
+      window.removeEventListener("scroll", scheduled);
     };
   }, [active, fullWidth, scrollRef]);
   return style;
@@ -2455,11 +2457,13 @@ function DataTableInner({
     };
     update();
     const scheduled = rafThrottle(update);
-    window.addEventListener("scroll", scheduled, { passive: true, capture: true });
+    wrapEl.addEventListener("scroll", scheduled, { passive: true });
+    window.addEventListener("scroll", scheduled, { passive: true });
     window.addEventListener("resize", scheduled, { passive: true });
     return () => {
       scheduled.cancel();
-      window.removeEventListener("scroll", scheduled, { capture: true });
+      wrapEl.removeEventListener("scroll", scheduled);
+      window.removeEventListener("scroll", scheduled);
       window.removeEventListener("resize", scheduled);
     };
   }, [showColumnHeaders, rows.length, displayCols.length]);
@@ -2896,11 +2900,11 @@ function DataTableInner({
                           const rowPy = rowHeight === "compact" ? "py-1" : rowHeight === "comfortable" ? "py-4" : "py-2.5";
                           const cs = cellStyle(col.key);
                           const tdBase = cn(
-                            `px-3 ${rowPy} align-middle`,
+                            `px-3 ${rowPy} align-middle max-w-0`,
                             showGridlines && !isEdgePin && "border-e border-border last:border-e-0",
                             "border-b border-border group-last/row:border-b-0",
                             isPinned && [
-                              "z-20 pinned-cell",
+                              "z-20 pinned-cell relative",
                               "bg-dt-row-bg",
                               "group-data-[state=selected]/row:bg-dt-row-selected",
                               "group-hover/row:bg-dt-row-hover",
@@ -2950,17 +2954,17 @@ function DataTableInner({
                                   wrap && "[&_.truncate]:!whitespace-normal [&_.truncate]:!overflow-visible [&_.truncate]:!text-clip"
                                 ),
                                 style: tdStyle,
-                                children: col.cell(row, {
+                                children: /* @__PURE__ */ jsx("div", { className: "min-w-0 overflow-hidden", children: col.cell(row, {
                                   rowIndex,
                                   selected: isSelected,
                                   onSelect: (checked) => checked ? setSelected((prev) => /* @__PURE__ */ new Set([...prev, rowId])) : toggleRow(rowId)
-                                })
+                                }) })
                               },
                               col.key
                             );
                           }
                           const rawVal = String(row[col.key] ?? "");
-                          return /* @__PURE__ */ jsx("td", { className: cn(tdBase, "text-sm text-foreground/80"), style: tdStyle, children: /* @__PURE__ */ jsx("span", { className: wrap ? "whitespace-normal" : "block truncate", title: !wrap ? rawVal : void 0, children: rawVal }) }, col.key);
+                          return /* @__PURE__ */ jsx("td", { className: cn(tdBase, "text-sm text-foreground/80"), style: tdStyle, children: /* @__PURE__ */ jsx("div", { className: "min-w-0 overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: wrap ? "whitespace-normal" : "block truncate", title: !wrap ? rawVal : void 0, children: rawVal }) }) }, col.key);
                         })
                       },
                       String(rowId)
@@ -3288,6 +3292,16 @@ var BY_VALUE = new Map(
   DEFINITIONS.map((d) => [d.value, d])
 );
 var DATA_LIST_VIEW_REGISTRY = DEFINITIONS;
+var FULL_HUB_SUPPORTED_VIEWS = [
+  "table",
+  "list",
+  "board",
+  "dashboard",
+  "folder",
+  "panel",
+  "tree-panel"
+];
+DATA_LIST_VIEW_REGISTRY.map((d) => d.value);
 function dataListViewDefinition(view) {
   const def = BY_VALUE.get(view);
   if (!def) {
@@ -5469,7 +5483,7 @@ function HubTable({
   columns,
   view,
   onViewChange,
-  supportedViewTypes,
+  supportedViewTypes: supportedViewTypesProp,
   hubLabel,
   lifecycleTabLabel,
   searchAriaLabel,
@@ -5505,6 +5519,7 @@ function HubTable({
   boardColumnCountBadgeClassName,
   boardEmptyColumnLabel
 }) {
+  const supportedViewTypes = supportedViewTypesProp ?? FULL_HUB_SUPPORTED_VIEWS;
   const filterFields = React10.useMemo(() => columnsToFilterFields(columns), [columns]);
   const fieldDefinitions = React10.useMemo(() => columnsToFieldDefinitions(columns), [columns]);
   const resolveColumnLabel = React10.useCallback(