sanity 6.6.0-next.29 → 6.6.0-next.30

package/lib/_chunks-es/VariantsTool.js

@@ -1,9 +1,9 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import { useRouter, IntentLink, StateLink } from "sanity/router";
 import { Autocomplete, Stack, Flex, Box, Text, TextInput, TextArea, useToast, Card, Menu, Badge, Container, rem, Skeleton } from "@sanity/ui";
 import { useId, useState, useMemo, useCallback, forwardRef, memo } from "react";
-import { Button, Dialog, MenuButton, MenuItem, Tooltip } from "./index.js";
+import { Button, Dialog, MenuItem, MenuButton, Tooltip } from "./index.js";
 import { getVariantId, variantsClient, useClient, VARIANTS_STUDIO_CLIENT_OPTIONS, VARIANT_DOCUMENTS_PATH, useTranslation, variantsLocaleNamespace, useAllVariants, TextWithTone, DOCUMENT_SYSTEM_FIELD, useBundleDocuments, usePerspective, useSetVariant, getVariantTitle, isPublishedBundleId, ContextMenuButton, RelativeTime, isReleaseBundle, getReleaseDocumentIdFromReleaseId, getReleaseIdFromReleaseDocumentId, ReleaseTitle, RELEASES_INTENT, useDocumentPresence, DocumentPreviewPresence, useDocumentPreviewValues, SanityDefaultPreview, useSchema, ToneIcon, useActiveReleases, decodeVariantIdFromRoute, LoadingBlock, getVariantDescription, getVariantConditionsText, useVariantsStore, listenQuery, filterVariantsForSearch } from "./index2.js";
 import "history";
 import "sanity/_singletons";
@@ -812,25 +812,70 @@ function groupVariantDocumentsByGroup(documents) {
     };
   });
 }
+function DeleteVariantDialog(t0) {
+  const $ = c(23), {
+    isDeleting,
+    onClose,
+    onConfirm,
+    variantTitle
+  } = t0, {
+    t
+  } = useTranslation(variantsLocaleNamespace);
+  let t1;
+  $[0] !== isDeleting ? (t1 = {
+    disabled: isDeleting
+  }, $[0] = isDeleting, $[1] = t1) : t1 = $[1];
+  let t2;
+  $[2] !== t ? (t2 = t("dialog.delete.action.confirm"), $[2] = t, $[3] = t2) : t2 = $[3];
+  let t3;
+  $[4] !== isDeleting || $[5] !== onConfirm || $[6] !== t2 ? (t3 = {
+    disabled: isDeleting,
+    loading: isDeleting,
+    onClick: onConfirm,
+    text: t2,
+    tone: "critical"
+  }, $[4] = isDeleting, $[5] = onConfirm, $[6] = t2, $[7] = t3) : t3 = $[7];
+  let t4;
+  $[8] !== t1 || $[9] !== t3 ? (t4 = {
+    cancelButton: t1,
+    confirmButton: t3
+  }, $[8] = t1, $[9] = t3, $[10] = t4) : t4 = $[10];
+  let t5;
+  $[11] !== t ? (t5 = t("dialog.delete.title"), $[11] = t, $[12] = t5) : t5 = $[12];
+  const t6 = isDeleting ? void 0 : onClose;
+  let t7;
+  $[13] !== t || $[14] !== variantTitle ? (t7 = t("dialog.delete.description", {
+    title: variantTitle
+  }), $[13] = t, $[14] = variantTitle, $[15] = t7) : t7 = $[15];
+  let t8;
+  $[16] !== t7 ? (t8 = /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: t7 }), $[16] = t7, $[17] = t8) : t8 = $[17];
+  let t9;
+  return $[18] !== t4 || $[19] !== t5 || $[20] !== t6 || $[21] !== t8 ? (t9 = /* @__PURE__ */ jsx(Dialog, { "data-testid": "delete-variant-dialog", footer: t4, header: t5, id: "delete-variant-dialog", onClose: t6, children: t8 }), $[18] = t4, $[19] = t5, $[20] = t6, $[21] = t8, $[22] = t9) : t9 = $[22], t9;
+}
 function useVariantDeleteAction(variantId, options) {
   const {
     documentCount,
     documentsLoading = !1,
-    onDeleted
+    onDeleted,
+    variantTitle = ""
   } = options ?? {}, {
     t
   } = useTranslation(variantsLocaleNamespace), toast = useToast(), {
     deleteVariant
-  } = useVariantOperations(), [isDeleting, setIsDeleting] = useState(!1), hasDocuments = typeof documentCount == "number" && documentCount > 0, countUnknown = documentsLoading || documentCount === void 0 || documentCount === null, deleteDisabled = isDeleting || countUnknown || hasDocuments, deleteDisabledTooltip = useMemo(() => {
+  } = useVariantOperations(), [isDeleting, setIsDeleting] = useState(!1), [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(!1), hasDocuments = typeof documentCount == "number" && documentCount > 0, countUnknown = documentsLoading || documentCount === void 0 || documentCount === null, deleteDisabled = isDeleting || countUnknown || hasDocuments, deleteDisabledTooltip = useMemo(() => {
     if (!(!hasDocuments || typeof documentCount != "number"))
       return t(documentCount === 1 ? "overview.action.delete-variant.disabled-hint_one" : "overview.action.delete-variant.disabled-hint_other", {
         count: documentCount
       });
-  }, [documentCount, hasDocuments, t]), handleDelete = useCallback(async () => {
+  }, [documentCount, hasDocuments, t]), handleDelete = useCallback(() => {
+    countUnknown || hasDocuments || setIsDeleteDialogOpen(!0);
+  }, [countUnknown, hasDocuments]), handleCloseDeleteDialog = useCallback(() => {
+    isDeleting || setIsDeleteDialogOpen(!1);
+  }, [isDeleting]), handleConfirmDelete = useCallback(async () => {
     if (!(countUnknown || hasDocuments)) {
       setIsDeleting(!0);
       try {
-        await deleteVariant(variantId), setIsDeleting(!1), onDeleted?.();
+        await deleteVariant(variantId), setIsDeleting(!1), setIsDeleteDialogOpen(!1), onDeleted?.();
       } catch (error) {
         console.error(error), toast.push({
           closable: !0,
@@ -843,12 +888,16 @@ function useVariantDeleteAction(variantId, options) {
   return {
     deleteDisabled,
     deleteDisabledTooltip,
+    handleCloseDeleteDialog,
+    handleConfirmDelete,
     handleDelete,
-    isDeleting
+    isDeleteDialogOpen,
+    isDeleting,
+    variantTitle
   };
 }
 function VariantDetailMenuButton(t0) {
-  const $ = c(24), {
+  const $ = c(36), {
     documentCount,
     documentsLoading: t1,
     variant
@@ -856,39 +905,54 @@ function VariantDetailMenuButton(t0) {
     t
   } = useTranslation(variantsLocaleNamespace), router = useRouter();
   let t2;
-  $[0] !== router ? (t2 = () => router.navigate({}), $[0] = router, $[1] = t2) : t2 = $[1];
+  $[0] !== variant ? (t2 = getVariantTitle(variant), $[0] = variant, $[1] = t2) : t2 = $[1];
+  const variantTitle = t2;
   let t3;
-  $[2] !== documentCount || $[3] !== documentsLoading || $[4] !== t2 ? (t3 = {
+  $[2] !== router ? (t3 = () => router.navigate({}), $[2] = router, $[3] = t3) : t3 = $[3];
+  let t4;
+  $[4] !== documentCount || $[5] !== documentsLoading || $[6] !== t3 || $[7] !== variantTitle ? (t4 = {
     documentCount,
     documentsLoading,
-    onDeleted: t2
-  }, $[2] = documentCount, $[3] = documentsLoading, $[4] = t2, $[5] = t3) : t3 = $[5];
+    onDeleted: t3,
+    variantTitle
+  }, $[4] = documentCount, $[5] = documentsLoading, $[6] = t3, $[7] = variantTitle, $[8] = t4) : t4 = $[8];
   const {
     deleteDisabled,
     deleteDisabledTooltip,
+    handleCloseDeleteDialog,
+    handleConfirmDelete,
     handleDelete,
-    isDeleting
-  } = useVariantDeleteAction(variant._id, t3);
-  let t4;
-  $[6] !== isDeleting ? (t4 = /* @__PURE__ */ jsx(ContextMenuButton, { disabled: isDeleting, loading: isDeleting }), $[6] = isDeleting, $[7] = t4) : t4 = $[7];
+    isDeleteDialogOpen,
+    isDeleting,
+    variantTitle: dialogVariantTitle
+  } = useVariantDeleteAction(variant._id, t4);
   let t5;
-  $[8] !== variant._id ? (t5 = getVariantId(variant._id), $[8] = variant._id, $[9] = t5) : t5 = $[9];
-  const t6 = `variant-detail-actions-${t5}`;
-  let t7;
-  $[10] !== t ? (t7 = t("overview.action.delete-variant"), $[10] = t, $[11] = t7) : t7 = $[11];
+  $[9] !== isDeleting ? (t5 = /* @__PURE__ */ jsx(ContextMenuButton, { disabled: isDeleting, loading: isDeleting }), $[9] = isDeleting, $[10] = t5) : t5 = $[10];
+  let t6;
+  $[11] !== variant._id ? (t6 = getVariantId(variant._id), $[11] = variant._id, $[12] = t6) : t6 = $[12];
+  const t7 = `variant-detail-actions-${t6}`;
   let t8;
-  $[12] !== deleteDisabledTooltip ? (t8 = deleteDisabledTooltip ? {
-    content: deleteDisabledTooltip
-  } : void 0, $[12] = deleteDisabledTooltip, $[13] = t8) : t8 = $[13];
+  $[13] !== t ? (t8 = t("overview.action.delete-variant"), $[13] = t, $[14] = t8) : t8 = $[14];
   let t9;
-  $[14] !== deleteDisabled || $[15] !== handleDelete || $[16] !== t7 || $[17] !== t8 ? (t9 = /* @__PURE__ */ jsx(Menu, { children: /* @__PURE__ */ jsx(MenuItem, { disabled: deleteDisabled, onClick: handleDelete, text: t7, tone: "critical", tooltipProps: t8 }) }), $[14] = deleteDisabled, $[15] = handleDelete, $[16] = t7, $[17] = t8, $[18] = t9) : t9 = $[18];
+  $[15] !== deleteDisabledTooltip ? (t9 = deleteDisabledTooltip ? {
+    content: deleteDisabledTooltip
+  } : void 0, $[15] = deleteDisabledTooltip, $[16] = t9) : t9 = $[16];
   let t10;
-  $[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t10 = {
+  $[17] !== deleteDisabled || $[18] !== handleDelete || $[19] !== t8 || $[20] !== t9 ? (t10 = /* @__PURE__ */ jsx(Menu, { children: /* @__PURE__ */ jsx(MenuItem, { disabled: deleteDisabled, onClick: handleDelete, text: t8, tone: "critical", tooltipProps: t9 }) }), $[17] = deleteDisabled, $[18] = handleDelete, $[19] = t8, $[20] = t9, $[21] = t10) : t10 = $[21];
+  let t11;
+  $[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t11 = {
     placement: "bottom-end",
     portal: !0
-  }, $[19] = t10) : t10 = $[19];
-  let t11;
-  return $[20] !== t4 || $[21] !== t6 || $[22] !== t9 ? (t11 = /* @__PURE__ */ jsx(MenuButton, { button: t4, id: t6, menu: t9, popover: t10 }), $[20] = t4, $[21] = t6, $[22] = t9, $[23] = t11) : t11 = $[23], t11;
+  }, $[22] = t11) : t11 = $[22];
+  let t12;
+  $[23] !== t10 || $[24] !== t5 || $[25] !== t7 ? (t12 = /* @__PURE__ */ jsx(MenuButton, { button: t5, id: t7, menu: t10, popover: t11 }), $[23] = t10, $[24] = t5, $[25] = t7, $[26] = t12) : t12 = $[26];
+  let t13;
+  $[27] !== dialogVariantTitle || $[28] !== handleCloseDeleteDialog || $[29] !== handleConfirmDelete || $[30] !== isDeleteDialogOpen || $[31] !== isDeleting ? (t13 = isDeleteDialogOpen && /* @__PURE__ */ jsx(DeleteVariantDialog, { isDeleting, onClose: handleCloseDeleteDialog, onConfirm: handleConfirmDelete, variantTitle: dialogVariantTitle }), $[27] = dialogVariantTitle, $[28] = handleCloseDeleteDialog, $[29] = handleConfirmDelete, $[30] = isDeleteDialogOpen, $[31] = isDeleting, $[32] = t13) : t13 = $[32];
+  let t14;
+  return $[33] !== t12 || $[34] !== t13 ? (t14 = /* @__PURE__ */ jsxs(Fragment, { children: [
+    t12,
+    t13
+  ] }), $[33] = t12, $[34] = t13, $[35] = t14) : t14 = $[35], t14;
 }
 function VariantDetailFooter(t0) {
   const $ = c(16), {
@@ -1448,42 +1512,57 @@ function useVariantsDocumentCounts() {
   return $[0] !== client || $[1] !== state$ ? (t0 = getVariantsDocumentCounts(client, state$), $[0] = client, $[1] = state$, $[2] = t0) : t0 = $[2], useObservable(t0, INITIAL_STATE);
 }
 function VariantMenuButton(t0) {
-  const $ = c(20), {
+  const $ = c(32), {
     documentCount,
     variant
   } = t0, {
     t
   } = useTranslation(variantsLocaleNamespace);
   let t1;
-  $[0] !== documentCount ? (t1 = {
-    documentCount
-  }, $[0] = documentCount, $[1] = t1) : t1 = $[1];
+  $[0] !== variant ? (t1 = getVariantTitle(variant), $[0] = variant, $[1] = t1) : t1 = $[1];
+  const variantTitle = t1;
+  let t2;
+  $[2] !== documentCount || $[3] !== variantTitle ? (t2 = {
+    documentCount,
+    variantTitle
+  }, $[2] = documentCount, $[3] = variantTitle, $[4] = t2) : t2 = $[4];
   const {
     deleteDisabled,
     deleteDisabledTooltip,
+    handleCloseDeleteDialog,
+    handleConfirmDelete,
     handleDelete,
-    isDeleting
-  } = useVariantDeleteAction(variant._id, t1);
-  let t2;
-  $[2] !== isDeleting ? (t2 = /* @__PURE__ */ jsx(ContextMenuButton, { disabled: isDeleting, loading: isDeleting }), $[2] = isDeleting, $[3] = t2) : t2 = $[3];
+    isDeleteDialogOpen,
+    isDeleting,
+    variantTitle: dialogVariantTitle
+  } = useVariantDeleteAction(variant._id, t2);
   let t3;
-  $[4] !== variant._id ? (t3 = getVariantId(variant._id), $[4] = variant._id, $[5] = t3) : t3 = $[5];
-  const t4 = `variant-actions-${t3}`;
-  let t5;
-  $[6] !== t ? (t5 = t("overview.action.delete-variant"), $[6] = t, $[7] = t5) : t5 = $[7];
+  $[5] !== isDeleting ? (t3 = /* @__PURE__ */ jsx(ContextMenuButton, { disabled: isDeleting, loading: isDeleting }), $[5] = isDeleting, $[6] = t3) : t3 = $[6];
+  let t4;
+  $[7] !== variant._id ? (t4 = getVariantId(variant._id), $[7] = variant._id, $[8] = t4) : t4 = $[8];
+  const t5 = `variant-actions-${t4}`;
   let t6;
-  $[8] !== deleteDisabledTooltip ? (t6 = deleteDisabledTooltip ? {
-    content: deleteDisabledTooltip
-  } : void 0, $[8] = deleteDisabledTooltip, $[9] = t6) : t6 = $[9];
+  $[9] !== t ? (t6 = t("overview.action.delete-variant"), $[9] = t, $[10] = t6) : t6 = $[10];
   let t7;
-  $[10] !== deleteDisabled || $[11] !== handleDelete || $[12] !== t5 || $[13] !== t6 ? (t7 = /* @__PURE__ */ jsx(Menu, { children: /* @__PURE__ */ jsx(MenuItem, { disabled: deleteDisabled, onClick: handleDelete, text: t5, tone: "critical", tooltipProps: t6 }) }), $[10] = deleteDisabled, $[11] = handleDelete, $[12] = t5, $[13] = t6, $[14] = t7) : t7 = $[14];
+  $[11] !== deleteDisabledTooltip ? (t7 = deleteDisabledTooltip ? {
+    content: deleteDisabledTooltip
+  } : void 0, $[11] = deleteDisabledTooltip, $[12] = t7) : t7 = $[12];
   let t8;
-  $[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t8 = {
+  $[13] !== deleteDisabled || $[14] !== handleDelete || $[15] !== t6 || $[16] !== t7 ? (t8 = /* @__PURE__ */ jsx(Menu, { children: /* @__PURE__ */ jsx(MenuItem, { disabled: deleteDisabled, onClick: handleDelete, text: t6, tone: "critical", tooltipProps: t7 }) }), $[13] = deleteDisabled, $[14] = handleDelete, $[15] = t6, $[16] = t7, $[17] = t8) : t8 = $[17];
+  let t9;
+  $[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t9 = {
     placement: "bottom-end",
     portal: !0
-  }, $[15] = t8) : t8 = $[15];
-  let t9;
-  return $[16] !== t2 || $[17] !== t4 || $[18] !== t7 ? (t9 = /* @__PURE__ */ jsx(MenuButton, { button: t2, id: t4, menu: t7, popover: t8 }), $[16] = t2, $[17] = t4, $[18] = t7, $[19] = t9) : t9 = $[19], t9;
+  }, $[18] = t9) : t9 = $[18];
+  let t10;
+  $[19] !== t3 || $[20] !== t5 || $[21] !== t8 ? (t10 = /* @__PURE__ */ jsx(MenuButton, { button: t3, id: t5, menu: t8, popover: t9 }), $[19] = t3, $[20] = t5, $[21] = t8, $[22] = t10) : t10 = $[22];
+  let t11;
+  $[23] !== dialogVariantTitle || $[24] !== handleCloseDeleteDialog || $[25] !== handleConfirmDelete || $[26] !== isDeleteDialogOpen || $[27] !== isDeleting ? (t11 = isDeleteDialogOpen && /* @__PURE__ */ jsx(DeleteVariantDialog, { isDeleting, onClose: handleCloseDeleteDialog, onConfirm: handleConfirmDelete, variantTitle: dialogVariantTitle }), $[23] = dialogVariantTitle, $[24] = handleCloseDeleteDialog, $[25] = handleConfirmDelete, $[26] = isDeleteDialogOpen, $[27] = isDeleting, $[28] = t11) : t11 = $[28];
+  let t12;
+  return $[29] !== t10 || $[30] !== t11 ? (t12 = /* @__PURE__ */ jsxs(Fragment, { children: [
+    t10,
+    t11
+  ] }), $[29] = t10, $[30] = t11, $[31] = t12) : t12 = $[31], t12;
 }
 const BASE_PANEL = "M64 150.174V81.8262C64 79.1748 65.498 76.751 67.8695 75.5653L103.87 57.5652C108.524 55.2381 114 58.6226 114 63.8262V132.174C114 134.825 112.502 137.249 110.131 138.435L74.1305 156.435C69.4762 158.762 64 155.377 64 150.174Z", LINES_FULL = ["M72 86 L106 86", "M72 96 L102 96", "M72 106 L104 106", "M72 116 L98 116"], LINES_MEDIUM = ["M72 88 L100 88", "M72 98 L96 98", "M72 108 L102 108"], LINES_SHORT = ["M72 90 L94 90", "M72 100 L92 100"], VariantIllustration = () => {
   const $ = c(6);