@proveanything/smartlinks-utils-ui 0.12.10 → 0.12.11

package/dist/components/RecordsAdmin/index.d.ts

@@ -842,6 +842,25 @@ interface RecordSlotContext {
      * to populate this directly.
      */
     actions?: RecordAction[];
+    /**
+     * Facet keys carried by the row's enclosing group header, when the rail
+     * is grouped by facet identity (Rules tab default). The default row
+     * renderer uses this to drop the facet prefix from chips whose facet is
+     * already named in the group header (so under "BREAD TYPE" you see
+     * "Slice" instead of "Bread Type: Slice"). Empty when ungrouped.
+     */
+    groupFacetKeys?: readonly string[];
+    /**
+     * Number of archived (history) records collapsed under this row's
+     * lifecycle slot. The default row renderer surfaces this as an inline
+     * pill the admin can click to expand/collapse the archived rows
+     * underneath. Undefined when there is no history block.
+     */
+    historyCount?: number;
+    /** Whether the history block for this row is currently expanded. */
+    historyExpanded?: boolean;
+    /** Toggle the history block. Only present when `historyCount > 0`. */
+    onToggleHistory?: () => void;
 }
 /**
  * Declarative column definition for the built-in default item table.
@@ -1110,6 +1129,12 @@ interface RailConfig<TData = unknown> {
         key: string;
         label: string;
         icon?: ReactNode;
+        /**
+         * Optional facet keys this group represents (Rules tab default
+         * grouping populates this). Forwarded to row ctx so the default row
+         * renderer can drop redundant facet prefixes from rule chips.
+         */
+        facetKeys?: readonly string[];
         /**
          * Whether this bucket should be expanded by default (records-driven
          * accordion mode). Last-write-wins per key. Has no effect in the

package/dist/components/RecordsAdmin/index.js

@@ -15,6 +15,7 @@ import { createPortal } from 'react-dom';
 // src/components/RecordsAdmin/data/recordCache.ts
 var RECORD_LIST_QK = ["records-admin", "list"];
 var COLLECTION_ITEMS_QK = ["records-admin", "collection-items"];
+var SCOPE_COUNTS_QK = ["records-admin", "scope-counts"];
 var matchesCtx = (queryKey, prefix, ctx) => {
   if (queryKey.length < prefix.length + 3) return false;
   for (let i = 0; i < prefix.length; i += 1) {
@@ -87,6 +88,54 @@ function patchRecordIntoCaches(queryClient, ctx, record) {
       return replaceOrAppend(prev, record);
     });
   }
+  patchRecordIntoScopeCounts(queryClient, ctx, record);
+}
+var matchesScopeCountsCtx = (queryKey, ctx) => {
+  if (queryKey.length < 5) return false;
+  if (queryKey[0] !== SCOPE_COUNTS_QK[0]) return false;
+  if (queryKey[1] !== SCOPE_COUNTS_QK[1]) return false;
+  if (queryKey[2] !== ctx.collectionId) return false;
+  if (queryKey[3] !== ctx.appId) return false;
+  const slot = queryKey[4];
+  const expected = ctx.recordType ?? null;
+  if (slot !== expected && !(slot == null && expected == null)) return false;
+  return true;
+};
+function patchRecordIntoScopeCounts(queryClient, ctx, record) {
+  if (!record || !record.id) return;
+  const all = queryClient.getQueriesData({
+    queryKey: SCOPE_COUNTS_QK
+  });
+  for (const [key, cache] of all) {
+    if (!cache || !Array.isArray(cache.records)) continue;
+    if (!matchesScopeCountsCtx(key, ctx)) continue;
+    queryClient.setQueryData(key, (prev) => {
+      if (!prev || !Array.isArray(prev.records)) return prev;
+      const idx = prev.records.findIndex((r) => r.id === record.id);
+      if (idx === -1) {
+        return { ...prev, records: [...prev.records, record] };
+      }
+      const next = [...prev.records];
+      next[idx] = record;
+      return { ...prev, records: next };
+    });
+  }
+}
+function removeRecordFromScopeCounts(queryClient, ctx, recordId) {
+  if (!recordId) return;
+  const all = queryClient.getQueriesData({
+    queryKey: SCOPE_COUNTS_QK
+  });
+  for (const [key, cache] of all) {
+    if (!cache || !Array.isArray(cache.records)) continue;
+    if (!matchesScopeCountsCtx(key, ctx)) continue;
+    queryClient.setQueryData(key, (prev) => {
+      if (!prev || !Array.isArray(prev.records)) return prev;
+      const next = prev.records.filter((r) => r.id !== recordId);
+      if (next.length === prev.records.length) return prev;
+      return { ...prev, records: next };
+    });
+  }
 }
 function removeRecordFromCaches(queryClient, ctx, recordId) {
   if (!recordId) return;
@@ -104,6 +153,7 @@ function removeRecordFromCaches(queryClient, ctx, recordId) {
       return next ?? prev;
     });
   }
+  removeRecordFromScopeCounts(queryClient, ctx, recordId);
 }
 var DEFAULT_ICONS = {
   scope: {
@@ -4097,13 +4147,30 @@ var RuleLabelLookupProvider = ({
   return /* @__PURE__ */ jsx(RuleLabelLookupContext.Provider, { value: v, children });
 };
 var DefaultRecordRow = ({ record, ctx, compact = false }) => {
-  const { selected, onSelect, isDirty, hasError, onCopy, onDuplicate, onCopyAndNewRule, actions } = ctx;
+  const {
+    selected,
+    onSelect,
+    isDirty,
+    hasError,
+    onCopy,
+    onDuplicate,
+    onCopyAndNewRule,
+    actions,
+    historyCount,
+    historyExpanded,
+    onToggleHistory
+  } = ctx;
   const ruleLabelLookup = useRuleLabelLookup();
   const ScopeIcon = record.scope.kind && record.scope.kind !== "collection" ? DEFAULT_ICONS.scope[record.scope.kind] : DEFAULT_ICONS.scope.product;
   const tone = resolveTone(void 0, record.status);
   const ruleSummary = formatFacetRule(record.facetRule, ruleLabelLookup);
   const ruleClauses = summarizeFacetRule(record.facetRule, ruleLabelLookup);
   const isRuleRecord = ruleClauses.length > 0;
+  const groupKeys = ctx.groupFacetKeys;
+  const singleGroupFacet = groupKeys && groupKeys.length === 1 ? groupKeys[0] : null;
+  const displayClauses = singleGroupFacet ? ruleClauses.map(
+    (c) => c.facetKey === singleGroupFacet ? { ...c, label: c.values.length <= 3 ? c.values.join(", ") : `${c.values.slice(0, 2).join(", ")} +${c.values.length - 2}` } : c
+  ) : ruleClauses;
   const i18n = ctx.i18n ?? DEFAULT_I18N;
   const subtitle = record.subtitle ?? (isRuleRecord ? null : ruleSummary) ?? (tone === "missing" ? i18n.subtitleEmpty : tone === "own" ? i18n.subtitleConfigured : i18n.subtitleInherited);
   return /* @__PURE__ */ jsxs(
@@ -4111,7 +4178,7 @@ var DefaultRecordRow = ({ record, ctx, compact = false }) => {
     {
       "data-selected": selected ? "true" : "false",
       "data-tone": tone,
-      className: cn("ra-row", compact && "ra-row-compact"),
+      className: cn("ra-row", compact && "ra-row-compact", isRuleRecord && !compact && "ra-row-rule"),
       style: compact ? { paddingTop: "0.4rem", paddingBottom: "0.4rem" } : void 0,
       children: [
         /* @__PURE__ */ jsxs("button", { type: "button", onClick: onSelect, className: "ra-row-hit", children: [
@@ -4125,7 +4192,7 @@ var DefaultRecordRow = ({ record, ctx, compact = false }) => {
             }
           ) }),
           /* @__PURE__ */ jsxs("div", { className: "ra-row-body", children: [
-            /* @__PURE__ */ jsx("div", { className: "ra-row-title", children: record.label }),
+            !(isRuleRecord && !compact) && /* @__PURE__ */ jsx("div", { className: "ra-row-title", children: record.label }),
             !compact && isRuleRecord && /* @__PURE__ */ jsxs(
               "div",
               {
@@ -4133,10 +4200,10 @@ var DefaultRecordRow = ({ record, ctx, compact = false }) => {
                 title: ruleSummary ?? void 0,
                 "aria-label": ruleSummary ?? void 0,
                 children: [
-                  ruleClauses.slice(0, 4).map((clause, i) => /* @__PURE__ */ jsx("span", { className: "ra-rule-chip", children: clause.label }, `${clause.facetKey}-${i}`)),
-                  ruleClauses.length > 4 && /* @__PURE__ */ jsxs("span", { className: "ra-rule-chip ra-rule-chip-more", children: [
+                  displayClauses.slice(0, 4).map((clause, i) => /* @__PURE__ */ jsx("span", { className: "ra-rule-chip", children: clause.label }, `${clause.facetKey}-${i}`)),
+                  displayClauses.length > 4 && /* @__PURE__ */ jsxs("span", { className: "ra-rule-chip ra-rule-chip-more", children: [
                     "+",
-                    ruleClauses.length - 4
+                    displayClauses.length - 4
                   ] })
                 ]
               }
@@ -4171,6 +4238,25 @@ var DefaultRecordRow = ({ record, ctx, compact = false }) => {
             }
           )
         ] }),
+        historyCount && historyCount > 0 && onToggleHistory ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "ra-row-history-pill",
+            "data-expanded": historyExpanded ? "true" : "false",
+            onClick: (e) => {
+              e.stopPropagation();
+              onToggleHistory();
+            },
+            "aria-expanded": historyExpanded,
+            "aria-label": historyExpanded ? `Hide ${historyCount} archived` : `Show ${historyCount} archived`,
+            title: historyExpanded ? `Hide ${historyCount} archived` : `Show ${historyCount} archived`,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "ra-row-history-pill-count", children: historyCount }),
+              /* @__PURE__ */ jsx("span", { className: "ra-row-history-pill-label", children: "archived" })
+            ]
+          }
+        ) : null,
         (onCopy || onDuplicate || onCopyAndNewRule || actions && actions.length > 0) && /* @__PURE__ */ jsx(
           RowContextMenu,
           {
@@ -4232,7 +4318,7 @@ var RecordList = ({
       buttons[nextIdx].scrollIntoView({ block: "nearest" });
     }
   }, []);
-  const buildCtx = (item) => {
+  const buildCtx = (item, groupFacetKeys) => {
     const cb = rowClipboard ? rowClipboard(item) : null;
     const extraActions = rowActions ? rowActions(item) ?? void 0 : void 0;
     const itemAnchorKey = anchorKey(item.scope);
@@ -4249,6 +4335,7 @@ var RecordList = ({
       isDirty: dirtyIdMatch || dirtyAnchorMatch || idInStore || anchorInStore,
       hasError: errorInStore,
       i18n,
+      groupFacetKeys,
       ...cb ?? {},
       actions: extraActions && extraActions.length > 0 ? extraActions : void 0
     };
@@ -4276,43 +4363,30 @@ var RecordList = ({
       return next;
     });
   }, []);
-  const renderItems = (rows) => {
+  const renderItems = (rows, groupFacetKeys) => {
     const compact = presentation === "compact";
     return /* @__PURE__ */ jsx("ul", { children: rows.map((item, idx) => {
-      const ctx = buildCtx(item);
+      const ctx = buildCtx(item, groupFacetKeys);
       const key = item.id ?? (anchorKey(item.scope) || `pos:${idx}`);
       const sKey = historyBySlot ? slotKey(item) : null;
       const history = sKey ? historyBySlot.get(sKey) : void 0;
       const expanded = sKey ? expandedSlots.has(sKey) : false;
-      const showLabel = i18n?.historyDisclosureShow ?? "Show {n} archived";
-      const hideLabel = i18n?.historyDisclosureHide ?? "Hide {n} archived";
-      const label = (expanded ? hideLabel : showLabel).replace("{n}", String(history?.length ?? 0));
+      const historyCount = history?.length ?? 0;
+      const ctxWithHistory = historyCount > 0 && sKey ? { ...ctx, historyCount, historyExpanded: expanded, onToggleHistory: () => toggleSlot(sKey) } : ctx;
       return /* @__PURE__ */ jsxs("li", { children: [
-        renderListRow ? renderListRow(item, ctx) : /* @__PURE__ */ jsx(DefaultRecordRow, { record: item, ctx, compact }),
-        history && history.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "ra-history-block", children: [
-          expanded ? /* @__PURE__ */ jsx("ul", { className: "ra-history-rows", "aria-label": "Archived records", children: history.map((h, hIdx) => {
-            const hCtx = buildCtx(h);
-            const hKey = h.id ?? `hist:${idx}:${hIdx}`;
-            const badged = {
-              ...h,
-              badges: [
-                ...h.badges ?? [],
-                { label: h.lifecycleStatus ?? "archived", tone: "warning" }
-              ]
-            };
-            return /* @__PURE__ */ jsx("li", { className: "ra-history-row", "data-history": "true", children: renderListRow ? renderListRow(badged, hCtx) : /* @__PURE__ */ jsx(DefaultRecordRow, { record: badged, ctx: hCtx, compact }) }, hKey);
-          }) }) : null,
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "ra-history-disclosure",
-              onClick: () => sKey && toggleSlot(sKey),
-              "aria-expanded": expanded,
-              children: label
-            }
-          )
-        ] }) : null
+        renderListRow ? renderListRow(item, ctxWithHistory) : /* @__PURE__ */ jsx(DefaultRecordRow, { record: item, ctx: ctxWithHistory, compact }),
+        history && history.length > 0 ? /* @__PURE__ */ jsx("div", { className: "ra-history-block", children: expanded ? /* @__PURE__ */ jsx("ul", { className: "ra-history-rows", "aria-label": "Archived records", children: history.map((h, hIdx) => {
+          const hCtx = buildCtx(h, groupFacetKeys);
+          const hKey = h.id ?? `hist:${idx}:${hIdx}`;
+          const badged = {
+            ...h,
+            badges: [
+              ...h.badges ?? [],
+              { label: h.lifecycleStatus ?? "archived", tone: "warning" }
+            ]
+          };
+          return /* @__PURE__ */ jsx("li", { className: "ra-history-row", "data-history": "true", children: renderListRow ? renderListRow(badged, hCtx) : /* @__PURE__ */ jsx(DefaultRecordRow, { record: badged, ctx: hCtx, compact }) }, hKey);
+        }) }) : null }) : null
       ] }, key);
     }) });
   };
@@ -4385,7 +4459,7 @@ var GroupedList = ({
           }
         ) : null
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "ra-group-body", children: renderItems(g.items) })
+      /* @__PURE__ */ jsx("div", { className: "ra-group-body", children: renderItems(g.items, g.facetKeys) })
     ] }, g.key);
   }) });
 };
@@ -8964,8 +9038,12 @@ var EditorPoolBody = ({
 }) => {
   const ctx = useEditorSlotContext(editorId);
   if (!ctx) return null;
-  return renderEditor(ctx);
+  return /* @__PURE__ */ jsx(CallbackRenderer, { render: renderEditor, args: ctx });
 };
+var CallbackRenderer = ({
+  render,
+  args
+}) => /* @__PURE__ */ jsx(Fragment, { children: render(args) });
 var TOP_LEVEL_SCOPES = ["collection", "rule", "product"];
 var OPT_IN_TOP_LEVEL_SCOPES = ["all"];
 var DRAFT_ID3 = "__draft__";
@@ -9171,7 +9249,10 @@ function RecordsAdminShellInner(props) {
     labels: actionLabels,
     icons: actionIcons
   } = actions ?? {};
-  const i18n = { ...DEFAULT_I18N, ...i18nOverride ?? {} };
+  const i18n = useMemo(
+    () => ({ ...DEFAULT_I18N, ...i18nOverride ?? {} }),
+    [i18nOverride]
+  );
   const icons = useMemo(() => mergeIcons(iconsOverride), [iconsOverride]);
   const deepLinkState = useDeepLinkState(deepLink);
   const multiOpenWarnedRef = useRef(false);
@@ -9981,7 +10062,13 @@ function RecordsAdminShellInner(props) {
       ] });
     }
     const previewAnchorRef = previewReopenAnchorRef;
-    const previewBody = renderPreview && effectivePreviewScope ? renderPreview({ resolved: editorCtx.value, previewScope: effectivePreviewScope }) : null;
+    const previewBody = renderPreview && effectivePreviewScope ? /* @__PURE__ */ jsx(
+      CallbackRenderer,
+      {
+        render: renderPreview,
+        args: { resolved: editorCtx.value, previewScope: effectivePreviewScope }
+      }
+    ) : null;
     const scopePicker = previewScopePicker && effectivePreviewScope ? /* @__PURE__ */ jsx(
       PreviewScopePicker,
       {
@@ -10139,7 +10226,13 @@ function RecordsAdminShellInner(props) {
                 renderEditor
               }
             ),
-            fallback: renderEditor(editorCtx)
+            fallback: /* @__PURE__ */ jsx(
+              CallbackRenderer,
+              {
+                render: renderEditor,
+                args: editorCtx
+              }
+            )
           }
         )
       }
@@ -10327,7 +10420,7 @@ function RecordsAdminShellInner(props) {
       if (keys.length === 0) return null;
       const key = `facets:${keys.join("|")}`;
       const label2 = keys.map((k) => ruleLabelLookup?.facetLabel?.(k) ?? k).join(" \xB7 ");
-      return { key, label: label2 };
+      return { key, label: label2, facetKeys: keys };
     };
   }, [groupBy, isRuleTab, isAllTab, isCollection, ruleLabelLookup]);
   const [bulkRuleEditTarget, setBulkRuleEditTarget] = useState(null);
@@ -11175,7 +11268,7 @@ function RecordsAdminShellInner(props) {
                     isGlobalTab && !isCollection && !hasSingletonConflicts ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
                       leftLoading && /* @__PURE__ */ jsx(LoadingState, {}),
                       !leftLoading && leftError && /* @__PURE__ */ jsx(ErrorState, { error: leftError }),
-                      !leftLoading && !leftError && decoratedLeftItems.length === 0 && (renderEmptyState ? renderEmptyState({ scope: activeScope }) : /* @__PURE__ */ jsx(
+                      !leftLoading && !leftError && decoratedLeftItems.length === 0 && (renderEmptyState ? /* @__PURE__ */ jsx(CallbackRenderer, { render: renderEmptyState, args: { scope: activeScope } }) : /* @__PURE__ */ jsx(
                         EmptyState,
                         {
                           icon: search ? icons.empty.search : icons.empty.default,