@proveanything/smartlinks-utils-ui 0.10.3 → 0.10.4

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;

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 = ({
@@ -7740,7 +7769,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 +7780,9 @@ function RecordsAdminShellInner(props) {
         setSelectedRecordId(null);
         setDraftKind(null);
       }
+      if (isCreate && isCollection && savedRecordId && isDraftId3(selectedItemId)) {
+        setSelectedItemId(savedRecordId);
+      }
       refetchAll();
     },
     onDeleted: () => {