@proveanything/smartlinks-utils-ui 0.10.3 → 0.10.5

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

@@ -336,6 +336,10 @@ interface RecordsAdminI18n {
     previewAs: string;
     previewAsDefault: string;
     confirmDelete: string;
+    /** Confirm dialog title shown when the row trash is clicked in the item list. */
+    deleteConfirmTitle: string;
+    /** Confirm dialog body. `{name}` is replaced with the record's friendly label. */
+    deleteConfirmBody: string;
     unsavedBadge: string;
     unsavedPromptTitle: string;
     unsavedPromptBody: string;
@@ -2454,6 +2458,15 @@ interface Props<T> {
     contextKind?: string;
     contextSummary?: string | null;
     onSelect: (itemId: string) => void;
+    /**
+     * Optional sticky "+ New {noun}" affordance pinned to the bottom of the
+     * rail. When supplied the rail renders a footer button that calls this
+     * callback. Mirrors the toolbar `+ New` in the list view so admins can
+     * add another record without first navigating back to the list.
+     */
+    onCreate?: () => void;
+    /** Noun used in the "+ New {noun}" footer label. */
+    itemNoun?: string;
     /**
      * Set of keys (recordIds + scope refs) currently dirty in the shell-level
      * draft store. Used to paint a per-row pip on items the user has edited
@@ -2463,9 +2476,9 @@ interface Props<T> {
     dirtyKeys?: ReadonlySet<string>;
     /** Subset of `dirtyKeys` whose last save attempt failed. */
     errorKeys?: ReadonlySet<string>;
-    i18n: Pick<RecordsAdminI18n, 'backToScopes' | 'siblingsHeading' | 'noItemsTitle' | 'noItemsBody' | 'backToList'>;
+    i18n: Pick<RecordsAdminI18n, 'backToScopes' | 'siblingsHeading' | 'noItemsTitle' | 'noItemsBody' | 'backToList' | 'newItem'>;
 }
-declare function SiblingRail<T>({ items, selectedItemId, isLoading, error, onBack, onSelect, contextKind, contextSummary, dirtyKeys, errorKeys, i18n, }: Props<T>): react_jsx_runtime.JSX.Element;
+declare function SiblingRail<T>({ items, selectedItemId, isLoading, error, onBack, onSelect, contextKind, contextSummary, onCreate, itemNoun, dirtyKeys, errorKeys, i18n, }: Props<T>): react_jsx_runtime.JSX.Element;
 
 interface ClipboardEntry<T = unknown> {
     value: T;

package/dist/components/RecordsAdmin/index.js

@@ -92,6 +92,8 @@ var DEFAULT_I18N = {
   previewAs: "Preview as",
   previewAsDefault: "Same as edited",
   confirmDelete: "Confirm delete",
+  deleteConfirmTitle: "Delete this record?",
+  deleteConfirmBody: "Are you sure you want to delete \u201C{name}\u201D? This cannot be undone.",
   unsavedBadge: "Unsaved",
   unsavedPromptTitle: "Unsaved changes",
   unsavedPromptBody: "You have unsaved changes. What would you like to do?",
@@ -2949,9 +2951,9 @@ function useEditorBridge(args) {
     const next = session?.status ?? null;
     prevStatusRef.current = next;
     if (next === "saved" && prev !== "saved") {
-      onSaved?.();
+      onSaved?.(session?.recordId);
     }
-  }, [session?.status]);
+  }, [session?.status, session?.recordId]);
   const remove = useMemo(() => async () => {
     if (!session) return;
     await session.remove();
@@ -3077,7 +3079,7 @@ function useShellEditorTarget(args) {
       facetRule: resolved.facetRule
     },
     defaultData,
-    onSaved: () => onSaved(resolved.source !== "self"),
+    onSaved: (recordId) => onSaved(resolved.source !== "self", recordId),
     onDeleted
   });
   return { editorTargetSpec, editorCtx };
@@ -5830,6 +5832,17 @@ function ItemListView({
   i18n
 }) {
   const newLabel = i18n.newItem.includes("{noun}") ? i18n.newItem.replace("{noun}", itemNoun) : i18n.newItem;
+  const [pendingDeleteId, setPendingDeleteId] = useState(null);
+  const pendingRecord = useMemo(
+    () => pendingDeleteId ? items.find((it) => (it.itemId ?? "") === pendingDeleteId) ?? null : null,
+    [pendingDeleteId, items]
+  );
+  const guardedCtx = useMemo(() => ({
+    ...ctx,
+    onDelete: (id) => setPendingDeleteId(id)
+  }), [ctx]);
+  const confirmName = pendingRecord?.label ?? itemNoun;
+  const confirmBody = i18n.deleteConfirmBody.includes("{name}") ? i18n.deleteConfirmBody.replace("{name}", confirmName) : i18n.deleteConfirmBody;
   const toolbar = /* @__PURE__ */ jsxs("div", { className: "ra-item-toolbar", children: [
     /* @__PURE__ */ jsxs("div", { className: "ra-item-toolbar-title", children: [
       /* @__PURE__ */ jsx("h2", { className: "ra-display", style: { fontSize: "0.95rem", margin: 0 }, children: i18n.itemListTitle }),
@@ -5887,16 +5900,16 @@ function ItemListView({
       }
     );
   } else if (renderItemList) {
-    body = renderItemList(items, ctx);
+    body = renderItemList(items, guardedCtx);
   } else if (view === "table") {
     body = /* @__PURE__ */ jsx(
       DefaultItemTable,
       {
         items,
         columns: itemColumns,
-        selectedId: ctx.selectedId,
-        onOpen: ctx.onOpen,
-        onDelete: ctx.onDelete,
+        selectedId: guardedCtx.selectedId,
+        onOpen: guardedCtx.onOpen,
+        onDelete: guardedCtx.onDelete,
         rowActions,
         rowClipboard,
         i18n
@@ -5908,8 +5921,8 @@ function ItemListView({
       {
         items,
         variant: view,
-        selectedId: ctx.selectedId,
-        ctx,
+        selectedId: guardedCtx.selectedId,
+        ctx: guardedCtx,
         renderCard: renderItemCard,
         cardSize,
         rowActions,
@@ -5941,7 +5954,23 @@ function ItemListView({
         ]
       }
     ) : null,
-    /* @__PURE__ */ jsx("div", { className: "ra-item-list-body", children: body })
+    /* @__PURE__ */ jsx("div", { className: "ra-item-list-body", children: body }),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        open: pendingDeleteId !== null,
+        title: i18n.deleteConfirmTitle,
+        body: confirmBody,
+        saveLabel: "",
+        discardLabel: i18n.delete,
+        cancelLabel: i18n.pasteConfirmCancel,
+        onChoice: (choice) => {
+          const id = pendingDeleteId;
+          setPendingDeleteId(null);
+          if (choice === "discard" && id !== null) ctx.onDelete(id);
+        }
+      }
+    )
   ] });
 }
 var EditorItemNav = ({
@@ -6010,11 +6039,14 @@ function SiblingRail({
   onSelect,
   contextKind,
   contextSummary,
+  onCreate,
+  itemNoun,
   dirtyKeys,
   errorKeys,
   i18n
 }) {
   const ruleLabelLookup = useRuleLabelLookup();
+  const newLabel = i18n.newItem.includes("{noun}") ? i18n.newItem.replace("{noun}", itemNoun ?? "item") : i18n.newItem;
   return /* @__PURE__ */ jsxs("div", { className: "ra-sibling-rail", children: [
     (onBack || contextKind) && /* @__PURE__ */ jsxs("div", { className: "ra-sibling-context", children: [
       onBack && /* @__PURE__ */ jsx(
@@ -6090,7 +6122,20 @@ function SiblingRail({
           }
         ) }, key);
       }) })
-    ] })
+    ] }),
+    onCreate && /* @__PURE__ */ jsx("div", { className: "ra-sibling-footer", children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: onCreate,
+        className: "ra-sibling-create",
+        title: newLabel,
+        children: [
+          /* @__PURE__ */ jsx(Plus, { className: "w-3.5 h-3.5", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { children: newLabel })
+        ]
+      }
+    ) })
   ] });
 }
 var TONE_ICON = {
@@ -7740,7 +7785,7 @@ function RecordsAdminShellInner(props) {
     },
     defaultData,
     deriveDraftLabel,
-    onSaved: (isCreate) => {
+    onSaved: (isCreate, savedRecordId) => {
       onTelemetry?.({ type: "record.save", recordType, ref: editingTargetScope?.raw ?? "", isCreate });
       if (ruleWizardStep !== null) {
         setRuleWizardStep(null);
@@ -7751,6 +7796,9 @@ function RecordsAdminShellInner(props) {
         setSelectedRecordId(null);
         setDraftKind(null);
       }
+      if (isCreate && isCollection && savedRecordId && isDraftId3(selectedItemId)) {
+        setSelectedItemId(savedRecordId);
+      }
       refetchAll();
     },
     onDeleted: () => {
@@ -8565,6 +8613,8 @@ function RecordsAdminShellInner(props) {
                   error: collectionItems.error,
                   onBack: onItemBack,
                   onSelect: onItemOpen,
+                  onCreate: onItemCreate,
+                  itemNoun: itemNounLabel,
                   dirtyKeys,
                   errorKeys,
                   contextKind: activeScope === "rule" ? "Rule" : activeScope === "product" ? "Product" : activeScope === "collection" ? "Global" : activeScope === "all" ? "All records" : activeScope === "variant" ? "Variant" : activeScope === "batch" ? "Batch" : activeScope === "facet" ? "Facet" : void 0,