sanity 6.2.0-next.2 → 6.2.0-next.4

package/lib/index.js

@@ -81783,8 +81783,19 @@ const SORT_FIELD = "_createdAt", SORT_ORDER = "desc", QUERY_SORT_ORDER = `order(
 };
 function createVariantsStore(context) {
   const {
-    client
-  } = context, dispatch$ = new Subject();
+    client,
+    enabled
+  } = context;
+  if (!enabled)
+    return {
+      state$: of({
+        variants: /* @__PURE__ */ new Map(),
+        state: "loaded"
+      }),
+      dispatch: () => {
+      }
+    };
+  const dispatch$ = new Subject();
   function dispatch(action) {
     dispatch$.next(action);
   }
@@ -81812,18 +81823,19 @@ function createVariantsStore(context) {
   };
 }
 function useVariantsStore() {
-  const $ = c(4), resourceCache = useResourceCache(), workspace = useWorkspace(), studioClient = useClient(VARIANTS_STUDIO_CLIENT_OPTIONS);
+  const $ = c(5), workspace = useWorkspace(), variantsEnabled = !!workspace.beta?.variants?.enabled, resourceCache = useResourceCache(), studioClient = useClient(VARIANTS_STUDIO_CLIENT_OPTIONS);
   let variantStore;
-  return $[0] !== resourceCache || $[1] !== studioClient || $[2] !== workspace ? (variantStore = resourceCache.get({
+  return $[0] !== resourceCache || $[1] !== studioClient || $[2] !== variantsEnabled || $[3] !== workspace ? (variantStore = resourceCache.get({
     dependencies: [workspace],
     namespace: "VariantsStore"
   }) || createVariantsStore({
-    client: studioClient
+    client: studioClient,
+    enabled: variantsEnabled
   }), resourceCache.set({
     dependencies: [workspace],
     namespace: "VariantsStore",
     value: variantStore
-  }), $[0] = resourceCache, $[1] = studioClient, $[2] = workspace, $[3] = variantStore) : variantStore = $[3], variantStore;
+  }), $[0] = resourceCache, $[1] = studioClient, $[2] = variantsEnabled, $[3] = workspace, $[4] = variantStore) : variantStore = $[4], variantStore;
 }
 function useAllVariants() {
   const $ = c(8), {
@@ -83815,6 +83827,17 @@ function CurrentVariantLabel(t0) {
   let t2;
   return $[3] !== animationKey || $[4] !== t1 ? (t2 = /* @__PURE__ */ jsx(AnimatedTextWidth, { text: animationKey, children: t1 }), $[3] = animationKey, $[4] = t1, $[5] = t2) : t2 = $[5], t2;
 }
+function useSetVariant() {
+  const $ = c(2), router = useRouter();
+  let t0;
+  return $[0] !== router ? (t0 = (variant) => {
+    router.navigate({
+      stickyParams: {
+        variant: variant ? getVariantId(variant._id) : null
+      }
+    });
+  }, $[0] = router, $[1] = t0) : t0 = $[1], t0;
+}
 const StyledMenu$3 = styled(Menu).withConfig({
   displayName: "StyledMenu",
   componentId: "sc-1cdn8fr-0"
@@ -83826,9 +83849,9 @@ const StyledMenu$3 = styled(Menu).withConfig({
   componentId: "sc-1cdn8fr-2"
 })`${oversizedButtonStyle}`;
 function VariantsMenu() {
-  const $ = c(44), {
+  const $ = c(42), {
     t
-  } = useTranslation(variantsLocaleNamespace), router = useRouter(), {
+  } = useTranslation(variantsLocaleNamespace), router = useRouter(), setVariant = useSetVariant(), {
     data: variants2
   } = useAllVariants(), [filterQuery, setFilterQuery] = useState(""), t0 = router.stickyParams.variant ?? void 0;
   let t1;
@@ -83841,82 +83864,73 @@ function VariantsMenu() {
   $[5] !== filterQuery || $[6] !== variants2 ? (t3 = filterVariantsForSearch(variants2, filterQuery), $[5] = filterQuery, $[6] = variants2, $[7] = t3) : t3 = $[7];
   const filteredVariants = t3;
   let t4;
-  $[8] !== router ? (t4 = (variant_0) => {
-    router.navigate({
-      stickyParams: {
-        variant: variant_0 ? getVariantId(variant_0._id) : null
-      }
-    });
-  }, $[8] = router, $[9] = t4) : t4 = $[9];
-  const setVariantSelection = t4;
+  $[8] !== setVariant ? (t4 = () => {
+    setVariant(void 0), setFilterQuery("");
+  }, $[8] = setVariant, $[9] = t4) : t4 = $[9];
+  const handleSelectDefault = t4;
   let t5;
-  $[10] !== setVariantSelection ? (t5 = () => {
-    setVariantSelection(void 0), setFilterQuery("");
-  }, $[10] = setVariantSelection, $[11] = t5) : t5 = $[11];
-  const handleSelectDefault = t5;
+  $[10] !== setVariant ? (t5 = (variant_0) => {
+    setVariant(variant_0), setFilterQuery("");
+  }, $[10] = setVariant, $[11] = t5) : t5 = $[11];
+  const handleSelectVariant = t5;
   let t6;
-  $[12] !== setVariantSelection ? (t6 = (variant_1) => {
-    setVariantSelection(variant_1), setFilterQuery("");
-  }, $[12] = setVariantSelection, $[13] = t6) : t6 = $[13];
-  const handleSelectVariant = t6;
-  let t7;
-  $[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t7 = (event) => {
+  $[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t6 = (event) => {
     setFilterQuery(event.currentTarget.value);
-  }, $[14] = t7) : t7 = $[14];
-  const handleFilterChange = t7;
-  let t8;
-  $[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t8 = () => {
+  }, $[12] = t6) : t6 = $[12];
+  const handleFilterChange = t6;
+  let t7;
+  $[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t7 = () => {
     setFilterQuery("");
-  }, $[15] = t8) : t8 = $[15];
-  const handleMenuClose = t8, isDefaultSelected = !selectedVariant;
+  }, $[13] = t7) : t7 = $[13];
+  const handleMenuClose = t7, isDefaultSelected = !selectedVariant;
+  let t8;
+  $[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t8 = /* @__PURE__ */ jsx(OversizedButton, { "data-testid": "variants-nav-menu-button", iconRight: ChevronDownIcon, mode: "bleed", padding: 2, radius: "full" }), $[14] = t8) : t8 = $[14];
   let t9;
-  $[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t9 = /* @__PURE__ */ jsx(OversizedButton, { "data-testid": "variants-nav-menu-button", iconRight: ChevronDownIcon, mode: "bleed", padding: 2, radius: "full" }), $[16] = t9) : t9 = $[16];
+  $[15] !== t ? (t9 = t("navbar.variant.filter-placeholder"), $[15] = t, $[16] = t9) : t9 = $[16];
   let t10;
-  $[17] !== t ? (t10 = t("navbar.variant.filter-placeholder"), $[17] = t, $[18] = t10) : t10 = $[18];
+  $[17] !== filterQuery || $[18] !== t9 ? (t10 = /* @__PURE__ */ jsx(Box, { padding: 2, children: /* @__PURE__ */ jsx(TextInput$1, { fontSize: 1, onChange: handleFilterChange, placeholder: t9, radius: 2, value: filterQuery }) }), $[17] = filterQuery, $[18] = t9, $[19] = t10) : t10 = $[19];
   let t11;
-  $[19] !== filterQuery || $[20] !== t10 ? (t11 = /* @__PURE__ */ jsx(Box, { padding: 2, children: /* @__PURE__ */ jsx(TextInput$1, { fontSize: 1, onChange: handleFilterChange, placeholder: t10, radius: 2, value: filterQuery }) }), $[19] = filterQuery, $[20] = t10, $[21] = t11) : t11 = $[21];
+  $[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t11 = /* @__PURE__ */ jsx(MenuDivider, {}), $[20] = t11) : t11 = $[20];
   let t12;
-  $[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t12 = /* @__PURE__ */ jsx(MenuDivider, {}), $[22] = t12) : t12 = $[22];
+  $[21] !== t ? (t12 = t("navbar.variant.default"), $[21] = t, $[22] = t12) : t12 = $[22];
   let t13;
-  $[23] !== t ? (t13 = t("navbar.variant.default"), $[23] = t, $[24] = t13) : t13 = $[24];
+  $[23] !== handleSelectDefault || $[24] !== isDefaultSelected || $[25] !== t12 ? (t13 = /* @__PURE__ */ jsx(MenuItem, { "data-testid": "variant-default", icon: RhombusIcon, onClick: handleSelectDefault, pressed: isDefaultSelected, selected: isDefaultSelected, text: t12 }), $[23] = handleSelectDefault, $[24] = isDefaultSelected, $[25] = t12, $[26] = t13) : t13 = $[26];
   let t14;
-  $[25] !== handleSelectDefault || $[26] !== isDefaultSelected || $[27] !== t13 ? (t14 = /* @__PURE__ */ jsx(MenuItem, { "data-testid": "variant-default", icon: RhombusIcon, onClick: handleSelectDefault, pressed: isDefaultSelected, selected: isDefaultSelected, text: t13 }), $[25] = handleSelectDefault, $[26] = isDefaultSelected, $[27] = t13, $[28] = t14) : t14 = $[28];
-  let t15;
-  $[29] !== filteredVariants || $[30] !== handleSelectVariant || $[31] !== selectedVariant?._id || $[32] !== t ? (t15 = filteredVariants.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  $[27] !== filteredVariants || $[28] !== handleSelectVariant || $[29] !== selectedVariant?._id || $[30] !== t ? (t14 = filteredVariants.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(Box, { padding: 3, paddingBottom: 2, children: /* @__PURE__ */ jsx(SectionHeader, { muted: !0, size: 0, weight: "medium", children: t("navbar.variant.other") }) }),
-    filteredVariants.map((variant_2) => {
-      const isSelected = selectedVariant?._id === variant_2._id;
-      return /* @__PURE__ */ jsx(MenuItem, { "data-testid": `variant-${getVariantId(variant_2._id)}`, icon: RhombusIcon, onClick: () => handleSelectVariant(variant_2), pressed: isSelected, selected: isSelected, text: getVariantTitle(variant_2) }, variant_2._id);
+    filteredVariants.map((variant_1) => {
+      const isSelected = selectedVariant?._id === variant_1._id;
+      return /* @__PURE__ */ jsx(MenuItem, { "data-testid": `variant-${getVariantId(variant_1._id)}`, icon: RhombusIcon, onClick: () => handleSelectVariant(variant_1), pressed: isSelected, selected: isSelected, text: getVariantTitle(variant_1) }, variant_1._id);
     })
-  ] }), $[29] = filteredVariants, $[30] = handleSelectVariant, $[31] = selectedVariant?._id, $[32] = t, $[33] = t15) : t15 = $[33];
-  let t16;
-  $[34] !== t11 || $[35] !== t14 || $[36] !== t15 ? (t16 = /* @__PURE__ */ jsxs(StyledMenu$3, { "data-testid": "variants-nav-menu", padding: 0, children: [
+  ] }), $[27] = filteredVariants, $[28] = handleSelectVariant, $[29] = selectedVariant?._id, $[30] = t, $[31] = t14) : t14 = $[31];
+  let t15;
+  $[32] !== t10 || $[33] !== t13 || $[34] !== t14 ? (t15 = /* @__PURE__ */ jsxs(StyledMenu$3, { "data-testid": "variants-nav-menu", padding: 0, children: [
+    t10,
     t11,
-    t12,
-    t14,
-    t15
-  ] }), $[34] = t11, $[35] = t14, $[36] = t15, $[37] = t16) : t16 = $[37];
+    t13,
+    t14
+  ] }), $[32] = t10, $[33] = t13, $[34] = t14, $[35] = t15) : t15 = $[35];
+  let t16;
+  $[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t16 = [0, 0, 32, 0], $[36] = t16) : t16 = $[36];
   let t17;
-  $[38] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t17 = [0, 0, 32, 0], $[38] = t17) : t17 = $[38];
+  $[37] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t17 = ["bottom-end"], $[37] = t17) : t17 = $[37];
   let t18;
-  $[39] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t18 = ["bottom-end"], $[39] = t18) : t18 = $[39];
-  let t19;
-  $[40] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t19 = {
+  $[38] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t18 = {
     overflow: "hidden"
-  }, $[40] = t19) : t19 = $[40];
-  let t20;
-  $[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t20 = {
-    __unstable_margins: t17,
+  }, $[38] = t18) : t18 = $[38];
+  let t19;
+  $[39] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t19 = {
+    __unstable_margins: t16,
     constrainSize: !0,
-    fallbackPlacements: t18,
+    fallbackPlacements: t17,
     placement: "bottom-end",
     portal: !0,
-    style: t19,
+    style: t18,
     tone: "default",
     zOffset: 3e3
-  }, $[41] = t20) : t20 = $[41];
-  let t21;
-  return $[42] !== t16 ? (t21 = /* @__PURE__ */ jsx(MenuButton, { button: t9, id: "variants-nav-menu", onClose: handleMenuClose, menu: t16, popover: t20 }), $[42] = t16, $[43] = t21) : t21 = $[43], t21;
+  }, $[39] = t19) : t19 = $[39];
+  let t20;
+  return $[40] !== t15 ? (t20 = /* @__PURE__ */ jsx(MenuButton, { button: t8, id: "variants-nav-menu", onClose: handleMenuClose, menu: t15, popover: t19 }), $[40] = t15, $[41] = t20) : t20 = $[41], t20;
 }
 const VariantsNavContainer = styled(Card).withConfig({
   displayName: "VariantsNavContainer",
@@ -90940,14 +90954,31 @@ const GlobalStyle = () => {
   } = getTheme_v2(theme);
   return css`::-webkit-resizer{background-image:${buildResizeHandleDataUri(color.icon)};background-repeat:no-repeat;background-position:bottom right;}::-webkit-scrollbar{width:${SCROLLBAR_SIZE}px;height:${SCROLLBAR_SIZE}px;}::-webkit-scrollbar-corner{background-color:transparent;}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--card-border-color,${color.border});border:${SCROLLBAR_BORDER_SIZE}px solid transparent;}::-webkit-scrollbar-thumb:hover{background-color:var(--card-muted-fg-color,${color.muted.fg});}::-webkit-scrollbar-track{background:transparent;}*::selection{background-color:${rgba$1(color.focusRing, 0.3)};}html{background-color:${color.bg};}body{scrollbar-gutter:stable;}#sanity{font-family:${font.text.family};}b{font-weight:${font.text.weights.medium};}strong{font-weight:${font.text.weights.medium};}`;
 });
+function getBundleIdFromPerspective(selectedPerspective) {
+  return isPublishedPerspective(selectedPerspective) ? "published" : isDraftPerspective(selectedPerspective) ? "drafts" : isReleaseDocument(selectedPerspective) ? getReleaseIdFromReleaseDocumentId(selectedPerspective._id) : typeof selectedPerspective == "string" ? selectedPerspective : "drafts";
+}
+function getSelectedVariant(options) {
+  const {
+    selectedVariantName,
+    variantsById
+  } = options;
+  if (!selectedVariantName)
+    return;
+  const variantDocumentId = decodeVariantIdFromRoute(selectedVariantName);
+  if (variantDocumentId)
+    return variantsById.get(variantDocumentId);
+}
 function PerspectiveProvider(t0) {
-  const $ = c(20), {
+  const $ = c(27), {
     children,
     selectedPerspectiveName,
+    selectedVariantName,
     excludedPerspectives: t1
   } = t0, excludedPerspectives = t1 === void 0 ? EMPTY_ARRAY$y : t1, {
     data: releases2
   } = useActiveReleases(), {
+    byId: variantsById
+  } = useAllVariants(), {
     document: t2
   } = useWorkspace(), {
     drafts: t3
@@ -90966,24 +90997,34 @@ function PerspectiveProvider(t0) {
   }), $[3] = excludedPerspectives, $[4] = isDraftModelEnabled, $[5] = releases2, $[6] = selectedPerspectiveName, $[7] = t5) : t5 = $[7];
   const perspectiveStack = t5;
   let t6;
-  $[8] !== releases2 || $[9] !== selectedPerspectiveName ? (t6 = isSystemBundleName(selectedPerspectiveName) ? void 0 : releases2.map(_temp$d).find((releaseName) => releaseName === selectedPerspectiveName), $[8] = releases2, $[9] = selectedPerspectiveName, $[10] = t6) : t6 = $[10];
+  $[8] !== selectedVariantName || $[9] !== variantsById ? (t6 = getSelectedVariant({
+    selectedVariantName,
+    variantsById
+  }), $[8] = selectedVariantName, $[9] = variantsById, $[10] = t6) : t6 = $[10];
+  const selectedVariant = t6;
   let t7;
-  $[11] !== excludedPerspectives || $[12] !== perspectiveStack || $[13] !== selectedPerspective || $[14] !== selectedPerspectiveName || $[15] !== t6 ? (t7 = {
+  $[11] !== releases2 || $[12] !== selectedPerspectiveName ? (t7 = isSystemBundleName(selectedPerspectiveName) ? void 0 : releases2.map(_temp$d).find((releaseName) => releaseName === selectedPerspectiveName), $[11] = releases2, $[12] = selectedPerspectiveName, $[13] = t7) : t7 = $[13];
+  let t8;
+  $[14] !== selectedPerspective ? (t8 = getBundleIdFromPerspective(selectedPerspective), $[14] = selectedPerspective, $[15] = t8) : t8 = $[15];
+  let t9;
+  $[16] !== excludedPerspectives || $[17] !== perspectiveStack || $[18] !== selectedPerspective || $[19] !== selectedPerspectiveName || $[20] !== selectedVariant || $[21] !== t7 || $[22] !== t8 ? (t9 = {
     selectedPerspective,
     selectedPerspectiveName,
-    selectedReleaseId: t6,
+    selectedReleaseId: t7,
     perspectiveStack,
-    excludedPerspectives
-  }, $[11] = excludedPerspectives, $[12] = perspectiveStack, $[13] = selectedPerspective, $[14] = selectedPerspectiveName, $[15] = t6, $[16] = t7) : t7 = $[16];
-  const value = t7;
-  let t8;
-  return $[17] !== children || $[18] !== value ? (t8 = /* @__PURE__ */ jsx(PerspectiveContext.Provider, { value, children }), $[17] = children, $[18] = value, $[19] = t8) : t8 = $[19], t8;
+    excludedPerspectives,
+    selectedVariant,
+    bundle: t8
+  }, $[16] = excludedPerspectives, $[17] = perspectiveStack, $[18] = selectedPerspective, $[19] = selectedPerspectiveName, $[20] = selectedVariant, $[21] = t7, $[22] = t8, $[23] = t9) : t9 = $[23];
+  const value = t9;
+  let t10;
+  return $[24] !== children || $[25] !== value ? (t10 = /* @__PURE__ */ jsx(PerspectiveContext.Provider, { value, children }), $[24] = children, $[25] = value, $[26] = t10) : t10 = $[26], t10;
 }
 function _temp$d(release) {
   return getReleaseIdFromReleaseDocumentId(release._id);
 }
 function GlobalPerspectiveProvider(t0) {
-  const $ = c(6), {
+  const $ = c(7), {
     children
   } = t0, router = useRouter(), {
     document: t1
@@ -90996,9 +91037,9 @@ function GlobalPerspectiveProvider(t0) {
   !isDraftModelEnabled && typeof selectedPerspectiveName > "u" && (selectedPerspectiveName = PUBLISHED$1);
   let t3;
   $[0] !== router.stickyParams.excludedPerspectives ? (t3 = router.stickyParams.excludedPerspectives?.split(",") || EMPTY_ARRAY$y, $[0] = router.stickyParams.excludedPerspectives, $[1] = t3) : t3 = $[1];
-  const excludedPerspectives = t3;
+  const excludedPerspectives = t3, selectedVariantName = typeof router.stickyParams.variant == "string" ? router.stickyParams.variant : void 0;
   let t4;
-  return $[2] !== children || $[3] !== excludedPerspectives || $[4] !== selectedPerspectiveName ? (t4 = /* @__PURE__ */ jsx(PerspectiveProvider, { selectedPerspectiveName, excludedPerspectives, children }), $[2] = children, $[3] = excludedPerspectives, $[4] = selectedPerspectiveName, $[5] = t4) : t4 = $[5], t4;
+  return $[2] !== children || $[3] !== excludedPerspectives || $[4] !== selectedPerspectiveName || $[5] !== selectedVariantName ? (t4 = /* @__PURE__ */ jsx(PerspectiveProvider, { selectedPerspectiveName, selectedVariantName, excludedPerspectives, children }), $[2] = children, $[3] = excludedPerspectives, $[4] = selectedPerspectiveName, $[5] = selectedVariantName, $[6] = t4) : t4 = $[6], t4;
 }
 const debug$1 = debug$c("sanity:store");
 function createUserApplicationCache() {
@@ -96136,6 +96177,7 @@ export {
   getReleaseTone,
   getSchemaTypeTitle,
   getSearchableTypes,
+  getSelectedVariant,
   getTemplatePermissions,
   getValueAtPath,
   getValueError,
@@ -96378,6 +96420,7 @@ export {
   useSearchMaxFieldDepth,
   useSearchState,
   useSetPerspective,
+  useSetVariant,
   useSingleDocRelease,
   useSource,
   useStudioFeedbackTags,