@tensor_1/react 2.50.0 → 2.51.1

package/dist/index.cjs

@@ -131,6 +131,7 @@ __export(src_exports, {
   DiffViewer: () => DiffViewer,
   DisplayPreferences: () => DisplayPreferences,
   Drawer: () => Drawer,
+  ENUM_FILTER_OPERATORS: () => ENUM_FILTER_OPERATORS,
   EmptyState: () => EmptyState,
   EntityPicker: () => EntityPicker,
   ErrorState: () => ErrorState,
@@ -325,6 +326,7 @@ __export(src_exports, {
   edgeLabelSize: () => edgeLabelSize,
   emptyFilterValue: () => emptyFilterValue,
   encodeQr: () => encodeQr,
+  enumColumnFilter: () => enumColumnFilter,
   enumerateDateKeys: () => enumerateDateKeys,
   enumerateDateSpan: () => enumerateDateSpan,
   fileKind: () => fileKind,
@@ -637,6 +639,9 @@ function toggleSort(keys, field, additive = false) {
   if (!existing) return [...keys, { field, dir }];
   return keys.map((k) => k.field === field ? { field, dir } : k);
 }
+function enumColumnFilter(field, value) {
+  return { field, kind: "enum", op: value.operator === "is-none-of" ? "isNoneOf" : "isAnyOf", value: [...value.values] };
+}
 function asNum(v) {
   return typeof v === "number" ? v : Number(v);
 }
@@ -10902,7 +10907,7 @@ var TableWrap = (0, import_react69.forwardRef)(function TableWrap2({ announcemen
   ] });
 });
 function Table({
-  density = "standard",
+  density,
   zebra = true,
   pinnedCol,
   pinnedActions,
@@ -10924,7 +10929,7 @@ function Table({
         fixed && "uix-table--fixed",
         className
       ),
-      "data-density": density !== "standard" ? density : void 0,
+      "data-density": density,
       "data-uix-rowpeek": rowPeek || void 0,
       "data-uix-table-v2": v2 || void 0,
       ...props,
@@ -14070,6 +14075,7 @@ var DEFAULT_FILTER_SUMMARY_LABELS = {
   until: "until {to}",
   more: "{first} +{count}",
   preset: "{label}",
+  noneOf: "not {values}",
   on: "{date}",
   before: "before {date}",
   after: "after {date}"
@@ -14077,6 +14083,7 @@ var DEFAULT_FILTER_SUMMARY_LABELS = {
 var TEXT_FILTER_OPERATORS = ["contains", "not-contains", "is", "is-not", "starts-with"];
 var NUMBER_FILTER_OPERATORS = ["eq", "neq", "lt", "lte", "gt", "gte", "between"];
 var DATE_FILTER_OPERATORS = ["on", "before", "after", "between"];
+var ENUM_FILTER_OPERATORS = ["is-any-of", "is-none-of"];
 function emptyFilterValue(kind) {
   switch (kind) {
     case "enum":
@@ -14158,7 +14165,7 @@ async function resolveFilterLabels(field, value) {
   return { kind: "reference", values: value.values.map((v) => resolved.has(v.value) ? { value: v.value, label: resolved.get(v.value) } : v) };
 }
 function matchFilterPreset(field, value) {
-  if (value?.kind !== "enum" || !field.presets?.length) return void 0;
+  if (value?.kind !== "enum" || value.operator === "is-none-of" || !field.presets?.length) return void 0;
   const chosen = new Set(value.values);
   return field.presets.find((preset) => {
     const wanted = new Set(preset.values);
@@ -14181,7 +14188,10 @@ function summarizeFilter(field, input, options = {}) {
       const preset = matchFilterPreset(field, value);
       if (preset) return fill3(labels.preset ?? DEFAULT_FILTER_SUMMARY_LABELS.preset, { label: preset.label, field: field.label });
       const byValue = new Map((field.options ?? []).map((o) => [o.value, o.label]));
-      return `${field.label}: ${list(value.values.map((v) => byValue.get(v) ?? v))}`;
+      const named = list(value.values.map((v) => byValue.get(v) ?? v));
+      const condition = value.operator ?? (field.enumOperators?.length === 1 ? field.enumOperators[0] : "is-any-of");
+      if (condition === "is-none-of") return `${field.label}: ${fill3(labels.noneOf ?? DEFAULT_FILTER_SUMMARY_LABELS.noneOf, { values: named, field: field.label })}`;
+      return `${field.label}: ${named}`;
     }
     case "reference":
       return `${field.label}: ${list(value.values.map((v) => v.label))}`;
@@ -14262,6 +14272,7 @@ var DEFAULT_FILTER_EDITOR_LABELS = {
   addTagHint: "Enter or a comma adds it.",
   date: "Date",
   dateOperators: { on: "on", before: "before", after: "after", between: "between" },
+  enumOperators: { "is-any-of": "is any of", "is-none-of": "is none of" },
   operators: {
     contains: "contains",
     "not-contains": "does not contain",
@@ -14284,7 +14295,8 @@ function FilterEditor({ field, value: valueProp, onValueChange, onApply, onClear
     ...provided,
     ...labelOverrides,
     operators: { ...DEFAULT_FILTER_EDITOR_LABELS.operators, ...provided?.operators, ...labelOverrides?.operators },
-    dateOperators: { ...DEFAULT_FILTER_EDITOR_LABELS.dateOperators, ...provided?.dateOperators, ...labelOverrides?.dateOperators }
+    dateOperators: { ...DEFAULT_FILTER_EDITOR_LABELS.dateOperators, ...provided?.dateOperators, ...labelOverrides?.dateOperators },
+    enumOperators: { ...DEFAULT_FILTER_EDITOR_LABELS.enumOperators, ...provided?.enumOperators, ...labelOverrides?.enumOperators }
   };
   const id = (0, import_react88.useId)();
   let value = valueProp?.kind === field.kind ? valueProp : emptyFilterValue(field.kind);
@@ -14387,16 +14399,30 @@ function EnumBody({ field, value, onChange, labels, threshold }) {
     return q ? options.filter((o) => foldForSearch(o.label).text.includes(q)) : options;
   }, [options, query]);
   const selected = new Set(value.values);
-  const toggle = (v, on) => onChange({ kind: "enum", values: on ? [...value.values, v] : value.values.filter((x) => x !== v) });
+  const ops = (field.enumOperators ?? []).filter((op) => ENUM_FILTER_OPERATORS.includes(op));
+  const condition = value.operator ?? (ops.length === 1 ? ops[0] : void 0);
+  const withValues = (values) => condition && condition !== "is-any-of" ? { kind: "enum", values, operator: condition } : { kind: "enum", values };
+  const toggle = (v, on) => onChange(withValues(on ? [...value.values, v] : value.values.filter((x) => x !== v)));
   const presets = field.presets ?? [];
   const active = matchFilterPreset(field, value);
+  const words2 = labels.enumOperators ?? {};
   return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
-    presets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "uix-chip-group uix-filter-editor__presets", role: "group", "aria-label": labels.presets ?? DEFAULT_FILTER_EDITOR_LABELS.presets, children: presets.map((p) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Chip, { pressed: p === active, onPressedChange: () => onChange({ kind: "enum", values: [...p.values] }), children: p.label }, p.id)) }),
+    ops.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "uix-filter-editor__row", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+      Select,
+      {
+        size: "sm",
+        "aria-label": labels.operator,
+        value: value.operator ?? "is-any-of",
+        options: ops.map((op) => ({ value: op, label: words2[op] ?? DEFAULT_FILTER_EDITOR_LABELS.enumOperators[op] })),
+        onValueChange: (op) => onChange(op === "is-none-of" ? { kind: "enum", values: value.values, operator: "is-none-of" } : { kind: "enum", values: value.values })
+      }
+    ) }),
+    presets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "uix-chip-group uix-filter-editor__presets", role: "group", "aria-label": labels.presets ?? DEFAULT_FILTER_EDITOR_LABELS.presets, children: presets.map((p) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Chip, { pressed: p === active, onPressedChange: () => onChange(withValues([...p.values])), children: p.label }, p.id)) }),
     options.length > threshold && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Input, { type: "search", size: "sm", "aria-label": labels.search, placeholder: labels.search, value: query, onChange: (e) => setQuery(e.currentTarget.value), autoFocus: true }),
     /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "uix-filter-editor__bulk", children: [
       /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "uix-filter-editor__count", "aria-live": "polite", children: fillLabel(labels.selected, { count: value.values.length }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { type: "button", variant: "link", size: "sm", onClick: () => onChange({ kind: "enum", values: [.../* @__PURE__ */ new Set([...value.values, ...shown.map((o) => o.value)])] }), children: labels.selectAll }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { type: "button", variant: "link", size: "sm", onClick: () => onChange({ kind: "enum", values: [] }), children: labels.selectNone })
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { type: "button", variant: "link", size: "sm", onClick: () => onChange(withValues([.../* @__PURE__ */ new Set([...value.values, ...shown.map((o) => o.value)])])), children: labels.selectAll }),
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { type: "button", variant: "link", size: "sm", onClick: () => onChange(withValues([])), children: labels.selectNone })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "uix-filter-editor__list", children: shown.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "uix-filter-editor__note", children: labels.noMatches }) : shown.map((o) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Checkbox, { label: o.label, checked: selected.has(o.value), onChange: (e) => toggle(o.value, e.currentTarget.checked) }, o.value)) })
   ] });
@@ -14592,6 +14618,7 @@ function DataWorkspace({
   label,
   rows,
   getRowId,
+  rowLabel,
   columns,
   idColumn,
   sort,
@@ -14753,7 +14780,11 @@ function DataWorkspace({
     onSelectionChange(apply(new Set(selected), rowIds, on));
   };
   const atCap = selected.size >= cap;
-  const actionsByRow = (0, import_react89.useMemo)(() => rowActions ? shownRows.map((row) => rowActions(row)) : [], [shownRows, rowActions]);
+  const actionsByRow = (0, import_react89.useMemo)(() => {
+    if (!rowActions) return [];
+    const context = { ladder, compact: ladder === "priority-mid" };
+    return shownRows.map((row) => rowActions(row, context));
+  }, [shownRows, rowActions, ladder]);
   const hasActions = actionsByRow.some((node) => node != null && node !== false);
   const activeFilters = filters ? filters.fields.filter((field) => !isFilterEmpty(filters.values[field.id])) : [];
   const searching = (search?.value.trim() ?? "") !== "";
@@ -14780,7 +14811,8 @@ function DataWorkspace({
     onSortChange(next);
   };
   const showSaveAs = onSaveViewAs != null && (viewChanged || saveViewAs === "always");
-  const toolbar = /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "uix-toolbar uix-data-workspace__toolbar", role: "toolbar", "aria-label": label, children: [
+  const hasToolbar = savedViews != null || viewChanged && onSaveView != null || showSaveAs || filters != null || search != null || viewMenu != null || onMaximizedChange != null || toolbarEnd != null && toolbarEnd !== false;
+  const toolbar = hasToolbar && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "uix-toolbar uix-data-workspace__toolbar", role: "toolbar", "aria-label": label, children: [
     savedViews && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(PopoverButton, { id: `${id}-views`, label: savedViews.current, title: typeof savedViews.current === "string" ? fillLabel(labels.savedView, { name: savedViews.current }) : void 0, variant: "secondary", children: (close) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
       savedViews.note != null && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "uix-data-workspace__views-note", children: savedViews.note }),
       /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SavedViewMenu, { ...savedViews.menu, onSelect: (viewId) => {
@@ -14840,6 +14872,7 @@ function DataWorkspace({
         collapsed,
         onToggleGroup: toggleGroupOpen,
         getRowId,
+        rowLabel,
         columns,
         idColumn,
         getRowProps,
@@ -14931,6 +14964,7 @@ function WorkspaceTable({
   collapsed,
   onToggleGroup,
   getRowId,
+  rowLabel,
   columns,
   idColumn,
   getRowProps,
@@ -15152,20 +15186,75 @@ function WorkspaceTable({
   const selectRowLabel = labels.selectRow;
   const openLabel = labels.open;
   const fixedOn = fixed && !cards;
+  const [actionsTooWide, setActionsTooWide] = (0, import_react89.useState)(false);
   const [actionsWidth, setActionsWidth] = (0, import_react89.useState)(null);
-  useIsomorphicLayoutEffect22(() => {
-    if (!fixedOn || !hasActions) return;
-    let widest = 0;
-    for (const td of Array.from(wrapRef.current?.querySelectorAll("tbody td.uix-table__actions") ?? [])) {
+  const measureActions = !cards && hasActions;
+  const measureConfig = (0, import_react89.useRef)({ measureActions, fixedOn, hasActions });
+  measureConfig.current = { measureActions, fixedOn, hasActions };
+  const measureActionsNow = (0, import_react89.useRef)(() => {
+  });
+  measureActionsNow.current = () => {
+    const wrap = wrapRef.current;
+    const { measureActions: on, fixedOn: fixedNow, hasActions: any } = measureConfig.current;
+    if (!wrap) return;
+    const cells = Array.from(wrap.querySelectorAll("tbody td.uix-table__actions"));
+    if (!on) setActionsTooWide(false);
+    else {
+      let widest = 0;
+      for (const td of cells) if (typeof td.getBoundingClientRect === "function") widest = Math.max(widest, td.getBoundingClientRect().width, td.scrollWidth);
+      if (wrap.clientWidth > 0 && widest > 0) setActionsTooWide(widest > wrap.clientWidth / 4);
+    }
+    if (!fixedNow || !any || typeof document.createRange !== "function" || typeof getComputedStyle !== "function") return;
+    if (typeof document.createRange().getBoundingClientRect !== "function") return;
+    let content = 0;
+    for (const td of cells) {
       const range = document.createRange();
       range.selectNodeContents(td);
-      const content = range.getBoundingClientRect().width;
       const style = getComputedStyle(td);
-      widest = Math.max(widest, content + parseFloat(style.paddingLeft || "0") + parseFloat(style.paddingRight || "0"));
+      content = Math.max(content, range.getBoundingClientRect().width + parseFloat(style.paddingLeft || "0") + parseFloat(style.paddingRight || "0"));
     }
-    const next = widest > 0 ? Math.ceil(widest) : null;
-    if (next !== actionsWidth) setActionsWidth(next);
-  });
+    const next = content > 0 ? Math.ceil(content) : null;
+    setActionsWidth((current) => current === next ? current : next);
+  };
+  useIsomorphicLayoutEffect22(() => {
+    const wrap = wrapRef.current;
+    if (!wrap) return;
+    let frame = 0;
+    const schedule = () => {
+      if (frame || typeof requestAnimationFrame !== "function") return;
+      frame = requestAnimationFrame(() => {
+        frame = 0;
+        measureActionsNow.current();
+      });
+    };
+    const resize = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(schedule);
+    const collect = () => {
+      if (!resize) return;
+      resize.disconnect();
+      resize.observe(wrap);
+      const table = wrap.querySelector("table");
+      if (table) resize.observe(table);
+      for (const td of Array.from(wrap.querySelectorAll("tbody td.uix-table__actions"))) {
+        resize.observe(td);
+        for (const child of Array.from(td.children)) resize.observe(child);
+      }
+    };
+    collect();
+    const mutation = typeof MutationObserver === "undefined" ? null : new MutationObserver(() => {
+      collect();
+      schedule();
+    });
+    mutation?.observe(wrap, { childList: true, subtree: true });
+    return () => {
+      resize?.disconnect();
+      mutation?.disconnect();
+      if (frame && typeof cancelAnimationFrame === "function") cancelAnimationFrame(frame);
+    };
+  }, []);
+  const rowSet = ids.join("\0");
+  useIsomorphicLayoutEffect22(() => {
+    measureActionsNow.current();
+  }, [measureActions, fixedOn, ladder, rowSet]);
   const actionsCol = actionsWidth != null ? `${actionsWidth}px` : "5.25rem";
   const floors = fixedOn ? [
     ...selectable ? ["var(--uix-selcol-w)"] : [],
@@ -15174,6 +15263,32 @@ function WorkspaceTable({
     ...hasActions ? [actionsCol] : []
   ] : [];
   const tableStyle = fixedOn && floors.length ? { minWidth: floors.length === 1 ? floors[0] : `calc(${floors.join(" + ")})` } : void 0;
+  const sortProps = (column, columnSortable) => {
+    const order = keys.findIndex((key) => key.columnId === column.id);
+    const canSort = columnSortable && sortable;
+    const ordinal = keys.length > 1 && order >= 0 ? order + 1 : void 0;
+    return {
+      sortable: canSort,
+      sortDirection: sortFor(column),
+      sortOrder: ordinal,
+      sortOrderLabel: ordinal != null ? fillLabel(labels.sortPriority, { n: ordinal }) : void 0,
+      onSort: () => {
+        cycleSort(column, multi && additive.current);
+        additive.current = false;
+      },
+      ...canSort && multi ? {
+        onKeyDownCapture: (event) => {
+          if (event.key === "Enter" || event.key === " ") shiftKey.current = event.shiftKey;
+        },
+        // A click made by Enter or Space has no pointer (detail 0) and may not carry Shift itself.
+        onClickCapture: (event) => {
+          additive.current = event.shiftKey || event.detail === 0 && shiftKey.current;
+          shiftKey.current = false;
+        }
+      } : {}
+    };
+  };
+  const idSortColumn = idColumn ? { id: idColumn.id ?? "id", header: idColumn.header, cell: () => null } : null;
   const renderRow = (row, index) => {
     const rowId = ids[index];
     const isSelected = selected.has(rowId);
@@ -15182,6 +15297,7 @@ function WorkspaceTable({
       {
         row,
         rowId,
+        rowLabel,
         columns,
         idColumn,
         getRowProps,
@@ -15276,7 +15392,7 @@ function WorkspaceTable({
           density,
           zebra,
           pinnedCol: frozen,
-          pinnedActions: hasActions && !cards,
+          pinnedActions: hasActions && !cards && !actionsTooWide,
           fixed: fixedOn || void 0,
           style: tableStyle,
           className: cx(
@@ -15309,36 +15425,16 @@ function WorkspaceTable({
                   onChange: () => toggleMany(ids, onPage < ids.length && !atCap)
                 }
               ) }),
-              idColumn && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Th, { scope: "col", "data-col": ladderOn ? "id" : void 0, children: idColumn.header }),
+              idColumn && (idColumn.sortable && idSortColumn ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Th, { scope: "col", "data-col": ladderOn ? "id" : void 0, ...sortProps(idSortColumn, true), children: idColumn.header }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Th, { scope: "col", "data-col": ladderOn ? "id" : void 0, children: idColumn.header })),
               columns.map((column) => {
-                const order = keys.findIndex((key) => key.columnId === column.id);
-                const canSort = column.sortable && sortable;
                 const style = !fixedOn && (column.width || column.minWidth) ? { width: column.width, minWidth: column.minWidth } : void 0;
-                const ordinal = keys.length > 1 && order >= 0 ? order + 1 : void 0;
                 return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                   Th,
                   {
                     scope: "col",
                     className: cx(column.align === "end" && "uix-col--num", column.className) || void 0,
                     style,
-                    sortable: canSort,
-                    sortDirection: sortFor(column),
-                    sortOrder: ordinal,
-                    sortOrderLabel: ordinal != null ? fillLabel(labels.sortPriority, { n: ordinal }) : void 0,
-                    onSort: () => {
-                      cycleSort(column, multi && additive.current);
-                      additive.current = false;
-                    },
-                    ...canSort && multi ? {
-                      onKeyDownCapture: (event) => {
-                        if (event.key === "Enter" || event.key === " ") shiftKey.current = event.shiftKey;
-                      },
-                      // A click made by Enter or Space has no pointer (detail 0) and may not carry Shift itself.
-                      onClickCapture: (event) => {
-                        additive.current = event.shiftKey || event.detail === 0 && shiftKey.current;
-                        shiftKey.current = false;
-                      }
-                    } : {},
+                    ...sortProps(column, column.sortable === true),
                     ...ladderAttrs(ladderOn, column, false),
                     children: column.header
                   },
@@ -15357,6 +15453,7 @@ function WorkspaceTable({
 function WorkspaceRowInner({
   row,
   rowId,
+  rowLabel,
   columns,
   idColumn,
   getRowProps,
@@ -15374,7 +15471,7 @@ function WorkspaceRowInner({
   tabStop,
   handlers: handlers2
 }) {
-  const text = idColumn?.text(row) ?? rowId;
+  const text = idColumn?.text(row) ?? rowLabel?.(row) ?? rowId;
   const extra = getRowProps?.(row);
   const navProps = nav ? {
     tabIndex: tabStop ? 0 : -1,
@@ -15415,6 +15512,7 @@ function WorkspaceRowInner({
 var WorkspaceRow = (0, import_react89.memo)(WorkspaceRowInner);
 function IdCell({ row, text, idColumn, openLabel }) {
   const rich = idColumn.render ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "uix-data-workspace__id-text", children: idColumn.render(row) }) : null;
+  const label = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "uix-data-workspace__id-label", children: text });
   const arrow = idColumn.href && renderUixLink(idColumn.renderLink, {
     href: idColumn.href(row),
     className: "uix-data-workspace__open",
@@ -15426,18 +15524,20 @@ function IdCell({ row, text, idColumn, openLabel }) {
       href: idColumn.href(row),
       className: "uix-id-cell__btn uix-data-workspace__id-link",
       children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
-        rich ?? text,
+        rich ?? label,
         /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(ArrowUpRight, {})
       ] })
     }) });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("span", { className: "uix-data-workspace__id", children: [
-    idColumn.onPeek ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("button", { type: "button", className: "uix-id-cell__btn", "aria-haspopup": "dialog", onClick: () => idColumn.onPeek?.(row), children: rich ?? text }) : rich ?? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "uix-cell-strong", children: text }),
+    idColumn.onPeek ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("button", { type: "button", className: "uix-id-cell__btn", "aria-haspopup": "dialog", onClick: () => idColumn.onPeek?.(row), children: rich ?? label }) : rich ?? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "uix-cell-strong uix-data-workspace__id-label", children: text }),
     arrow
   ] });
 }
 var cssEscape = (value) => typeof CSS !== "undefined" && CSS.escape ? CSS.escape(value) : value.replace(/["\\]/g, "\\$&");
 function Footer({ pagination, labels, rowCount }) {
+  const provided = useUixLabels().pagination;
+  const pagerLabels = provided || pagination.labels ? { ...provided, ...pagination.labels } : void 0;
   const sizes = pagination.pageSizes;
   const size = pagination.mode === "offset" ? pagination.pageSize : pagination.pageSize;
   const rangeText = pagination.mode === "offset" ? fillLabel(labels.range, {
@@ -15452,7 +15552,7 @@ function Footer({ pagination, labels, rowCount }) {
       /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Select, { size: "sm", value: String(size), onValueChange: (v) => pagination.onPageSizeChange?.(Number(v)), options: sizes.map((s) => ({ value: String(s), label: String(s) })) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "uix-toolbar__spacer" }),
-    pagination.mode === "offset" ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Pagination, { mode: "offset", page: pagination.page, pageCount: Math.max(1, Math.ceil(pagination.total / pagination.pageSize)), onChange: pagination.onPageChange }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Pagination, { mode: "cursor", hasPrevious: pagination.hasPrevious, hasNext: pagination.hasNext, onFirst: pagination.onFirst, onPrevious: pagination.onPrevious, onNext: pagination.onNext, summary: pagination.summary })
+    pagination.mode === "offset" ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Pagination, { mode: "offset", page: pagination.page, pageCount: Math.max(1, Math.ceil(pagination.total / pagination.pageSize)), onChange: pagination.onPageChange, labels: pagerLabels }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Pagination, { mode: "cursor", hasPrevious: pagination.hasPrevious, hasNext: pagination.hasNext, onFirst: pagination.onFirst, onPrevious: pagination.onPrevious, onNext: pagination.onNext, summary: pagination.summary, labels: pagerLabels })
   ] });
 }
 function PopoverButton({ id, label, title, variant, children }) {
@@ -15477,7 +15577,9 @@ function PopoverButton({ id, label, title, variant, children }) {
 }
 function ChipSummary({ field, value, options }) {
   const resolved = useResolvedFilterLabels(field, value);
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_jsx_runtime100.Fragment, { children: summarizeFilter(resolved.field, resolved.value, options) });
+  const provided = useUixLabels().filterSummary;
+  const merged = provided ? { ...options, labels: { ...provided, ...options?.labels, operators: { ...provided.operators, ...options?.labels?.operators } } } : options;
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_jsx_runtime100.Fragment, { children: summarizeFilter(resolved.field, resolved.value, merged) });
 }
 function openInside(root) {
   try {
@@ -24657,6 +24759,7 @@ function TextDiff({
   DiffViewer,
   DisplayPreferences,
   Drawer,
+  ENUM_FILTER_OPERATORS,
   EmptyState,
   EntityPicker,
   ErrorState,
@@ -24851,6 +24954,7 @@ function TextDiff({
   edgeLabelSize,
   emptyFilterValue,
   encodeQr,
+  enumColumnFilter,
   enumerateDateKeys,
   enumerateDateSpan,
   fileKind,