sanity 6.6.0-next.118 → 6.6.0-next.121

package/lib/_chunks-es/index2.js

@@ -48,7 +48,7 @@ import { isIndexSegment, isKeySegment, isIndexTuple, isKeyedObject, isTypedObjec
 import { observableCallback } from "observable-callback";
 import { useTelemetry, TelemetryProvider, DeferredTelemetryProvider } from "@sanity/telemetry/react";
 import { ClipboardIcon } from "@sanity/icons/Clipboard";
-import { usePortableTextEditor, PortableTextEditor, usePortableTextEditorSelection, useEditor, useEditorSelector, PortableTextEditable, defineTextBlock, defineBlockObject, defineInlineObject, EditorProvider, defineSchema, keyGenerator as keyGenerator$1 } from "@portabletext/editor";
+import { usePortableTextEditor, PortableTextEditor, useEditor, useEditorSelector, usePortableTextEditorSelection, PortableTextEditable, defineTextBlock, defineBlockObject, defineInlineObject, EditorProvider, defineSchema, keyGenerator as keyGenerator$1 } from "@portabletext/editor";
 import { fromUrl } from "@sanity/bifur-client";
 import debug$c from "debug";
 import startCase from "lodash-es/startCase.js";
@@ -250,7 +250,7 @@ import { createRoot } from "react-dom/client";
 import { addWeeks } from "date-fns/addWeeks";
 import { isAfter } from "date-fns/isAfter";
 import { isBefore } from "date-fns/isBefore";
-import { getSelectionStartBlock, getSelectionEndBlock, getValue as getValue$1 } from "@portabletext/editor/selectors";
+import { getApplicableSchema, compareApplicableSchema, getSelectionStartBlock, getSelectionEndBlock, getValue as getValue$1 } from "@portabletext/editor/selectors";
 import { getLuminance, parseToRgb, rgb, mix } from "polished";
 import findIndex$1 from "lodash-es/findIndex.js";
 import { ChevronUpIcon } from "@sanity/icons/ChevronUp";
@@ -29736,13 +29736,13 @@ function CustomIcon(props2) {
   let t3;
   return $[3] !== inlineStyle ? (t3 = /* @__PURE__ */ jsx(CustomIconDiv, { style: inlineStyle }), $[3] = inlineStyle, $[4] = t3) : t3 = $[4], t3;
 }
-function getPTEFormatActions(editor2, schemaTypes, disabled, hotkeyOpts, t) {
+function getPTEFormatActions(editor2, schemaTypes, disabled, applicable, hotkeyOpts, t) {
   return schemaTypes.decorators.map((decorator) => {
     const shortCutKey = Object.keys(hotkeyOpts.marks || {}).find((key) => hotkeyOpts.marks?.[key] === decorator.value);
     let hotkeys = [];
     return shortCutKey && (hotkeys = [shortCutKey]), {
       type: "format",
-      disabled,
+      disabled: disabled || !applicable.decorators.has(decorator.value),
       icon: decorator?.icon,
       key: decorator.value,
       handle: () => {
@@ -29753,11 +29753,11 @@ function getPTEFormatActions(editor2, schemaTypes, disabled, hotkeyOpts, t) {
     };
   });
 }
-function getPTEListActions(editor2, schemaTypes, disabled, t) {
+function getPTEListActions(editor2, schemaTypes, disabled, applicable, t) {
   return schemaTypes.lists.map((listItem) => ({
     type: "listStyle",
     key: listItem.value,
-    disabled,
+    disabled: disabled || !applicable.lists.has(listItem.value),
     icon: listItem?.icon,
     handle: () => {
       PortableTextEditor.toggleList(editor2, listItem.value);
@@ -29768,11 +29768,13 @@ function getPTEListActions(editor2, schemaTypes, disabled, t) {
 function getAnnotationIcon(type) {
   return get(type, "icon") || get(type, "type.icon") || get(type, "type.to.icon") || get(type, "type.to[0].icon");
 }
-function getPTEAnnotationActions(editor2, schemaTypes, disabled, onInsert, t) {
-  const focusChild = PortableTextEditor.focusChild(editor2), hasText = focusChild && focusChild.text;
+function getPTEAnnotationActions(editor2, schemaTypes, disabled, applicable, onInsert, t) {
   return schemaTypes.annotations.map((aType) => ({
     type: "annotation",
-    disabled: !hasText || disabled,
+    // Empty-block and cross-block disabling live at the render site
+    // (`ActionMenu`), which re-renders with the focused block; anything
+    // read here is frozen until the memoized action groups rebuild.
+    disabled: disabled || !applicable.annotations.has(aType.name),
     icon: getAnnotationIcon(aType),
     key: aType.name,
     handle: (active) => {
@@ -29785,19 +29787,20 @@ function getPTEToolbarActionGroups(editor2, options) {
   const {
     schemaTypes,
     disabled,
+    applicable,
     onInsertAnnotation,
     hotkeyOpts,
     t
   } = options;
   return [{
     name: "format",
-    actions: getPTEFormatActions(editor2, schemaTypes, disabled, hotkeyOpts, t)
+    actions: getPTEFormatActions(editor2, schemaTypes, disabled, applicable, hotkeyOpts, t)
   }, {
     name: "list",
-    actions: getPTEListActions(editor2, schemaTypes, disabled, t)
+    actions: getPTEListActions(editor2, schemaTypes, disabled, applicable, t)
   }, {
     name: "annotation",
-    actions: getPTEAnnotationActions(editor2, schemaTypes, disabled, onInsertAnnotation, t)
+    actions: getPTEAnnotationActions(editor2, schemaTypes, disabled, applicable, onInsertAnnotation, t)
   }];
 }
 function getBlockStyles(types) {
@@ -29855,18 +29858,22 @@ function getActionIcon(action, active) {
     display: "contents"
   }, children: /* @__PURE__ */ jsx(ActionIcon, { action }) }) : action.type === "annotation" ? annotationIcons[action.key] || UnknownIcon : action.type === "listStyle" ? listStyleIcons[action.key] || UnknownIcon : formatIcons[action.key] || UnknownIcon;
 }
+function useApplicableSchema() {
+  const editor2 = useEditor();
+  return useEditorSelector(editor2, getApplicableSchema, compareApplicableSchema);
+}
 function useFocusBlock() {
   const $ = c(3), editor2 = usePortableTextEditor(), selection = usePortableTextEditorSelection();
   let t0;
   return $[0] !== editor2 || $[1] !== selection ? (t0 = selection ? PortableTextEditor.focusBlock(editor2) : void 0, $[0] = editor2, $[1] = selection, $[2] = t0) : t0 = $[2], t0;
 }
 function useActionGroups(t0) {
-  const $ = c(11), {
+  const $ = c(12), {
     hotkeys,
     onMemberOpen,
     resolveInitialValue: resolveInitialValue2,
     disabled
-  } = t0, editor2 = usePortableTextEditor(), schemaTypes = usePortableTextMemberSchemaTypes(), {
+  } = t0, editor2 = usePortableTextEditor(), schemaTypes = usePortableTextMemberSchemaTypes(), applicable = useApplicableSchema(), {
     t
   } = useTranslation();
   let t1;
@@ -29876,13 +29883,14 @@ function useActionGroups(t0) {
   }, $[0] = editor2, $[1] = onMemberOpen, $[2] = resolveInitialValue2, $[3] = t1) : t1 = $[3];
   const handleInsertAnnotation = t1;
   let t2;
-  return $[4] !== disabled || $[5] !== editor2 || $[6] !== handleInsertAnnotation || $[7] !== hotkeys || $[8] !== schemaTypes || $[9] !== t ? (t2 = editor2 ? getPTEToolbarActionGroups(editor2, {
+  return $[4] !== applicable || $[5] !== disabled || $[6] !== editor2 || $[7] !== handleInsertAnnotation || $[8] !== hotkeys || $[9] !== schemaTypes || $[10] !== t ? (t2 = editor2 ? getPTEToolbarActionGroups(editor2, {
     schemaTypes,
     disabled,
+    applicable,
     onInsertAnnotation: handleInsertAnnotation,
     hotkeyOpts: hotkeys,
     t
-  }) : [], $[4] = disabled, $[5] = editor2, $[6] = handleInsertAnnotation, $[7] = hotkeys, $[8] = schemaTypes, $[9] = t, $[10] = t2) : t2 = $[10], t2;
+  }) : [], $[4] = applicable, $[5] = disabled, $[6] = editor2, $[7] = handleInsertAnnotation, $[8] = hotkeys, $[9] = schemaTypes, $[10] = t, $[11] = t2) : t2 = $[11], t2;
 }
 function useActiveActionKeys(t0) {
   const $ = c(4), {
@@ -29940,7 +29948,7 @@ const CollapseMenuMemo$1 = memo(CollapseMenu), MENU_POPOVER_PROPS$3 = {
       }), active = activeKeys.includes(action_0.key);
       return /* @__PURE__ */ jsx(CollapseMenuButton, { "aria-label": t("toolbar.portable-text.action-button-aria-label", {
         action: action_0.title || action_0.key
-      }), "data-testid": `action-button-${action_0.key}`, disabled: disabled || annotationDisabled, mode: "bleed", dividerBefore: action_0.firstInGroup, icon: getActionIcon(action_0, active), onClick: () => action_0.handle(active), selected: active, text: action_0.title || action_0.key, tooltipText: annotationDisabled ? annotationDisabledText : action_0.title || action_0.key, tooltipProps: {
+      }), "data-testid": `action-button-${action_0.key}`, disabled: disabled || action_0.disabled || annotationDisabled, mode: "bleed", dividerBefore: action_0.firstInGroup, icon: getActionIcon(action_0, active), onClick: () => action_0.handle(active), selected: active, text: action_0.title || action_0.key, tooltipText: annotationDisabled ? annotationDisabledText : action_0.title || action_0.key, tooltipProps: {
         disabled,
         placement: tooltipPlacement,
         portal: "default"
@@ -29993,11 +30001,11 @@ const MenuButtonMemo = memo(MenuButton), StyledMenuItem = /* @__PURE__ */ styled
   title: "No style",
   i18nTitleKey: "inputs.portable-text.style.none"
 }, BlockStyleSelect = memo(function(props2) {
-  const $ = c(49), {
+  const $ = c(51), {
     disabled,
     items: itemsProp,
     boundaryElement
-  } = props2, editor2 = usePortableTextEditor(), schemaTypes = usePortableTextMemberSchemaTypes(), focusBlock = useFocusBlock(), {
+  } = props2, applicable = useApplicableSchema(), editor2 = usePortableTextEditor(), schemaTypes = usePortableTextMemberSchemaTypes(), focusBlock = useFocusBlock(), {
     t
   } = useTranslation();
   let t0;
@@ -30066,26 +30074,29 @@ const MenuButtonMemo = memo(MenuButton), StyledMenuItem = /* @__PURE__ */ styled
   $[28] !== _disabled || $[29] !== menuButtonText ? (t6 = /* @__PURE__ */ jsx(Button$1, { disabled: _disabled, iconRight: ChevronDownIcon, justify: "space-between", mode: "bleed", onClick: preventDefault, text: menuButtonText, width: "fill" }), $[28] = _disabled, $[29] = menuButtonText, $[30] = t6) : t6 = $[30];
   const button = t6;
   let t7;
-  if ($[31] !== _disabled || $[32] !== activeItems || $[33] !== handleChange || $[34] !== items || $[35] !== renderOption) {
+  if ($[31] !== _disabled || $[32] !== activeItems || $[33] !== applicable || $[34] !== handleChange || $[35] !== items || $[36] !== renderOption) {
     let t82;
-    $[37] !== _disabled || $[38] !== activeItems || $[39] !== handleChange || $[40] !== renderOption ? (t82 = (item_2) => /* @__PURE__ */ jsx(StyledMenuItem, { pressed: activeItems.includes(item_2), onClick: _disabled ? void 0 : () => handleChange(item_2), children: renderOption(item_2) }, item_2.key), $[37] = _disabled, $[38] = activeItems, $[39] = handleChange, $[40] = renderOption, $[41] = t82) : t82 = $[41], t7 = items.map(t82), $[31] = _disabled, $[32] = activeItems, $[33] = handleChange, $[34] = items, $[35] = renderOption, $[36] = t7;
+    $[38] !== _disabled || $[39] !== activeItems || $[40] !== applicable || $[41] !== handleChange || $[42] !== renderOption ? (t82 = (item_2) => {
+      const itemDisabled = _disabled || !applicable.styles.has(item_2.style);
+      return /* @__PURE__ */ jsx(StyledMenuItem, { disabled: itemDisabled, pressed: activeItems.includes(item_2), onClick: itemDisabled ? void 0 : () => handleChange(item_2), children: renderOption(item_2) }, item_2.key);
+    }, $[38] = _disabled, $[39] = activeItems, $[40] = applicable, $[41] = handleChange, $[42] = renderOption, $[43] = t82) : t82 = $[43], t7 = items.map(t82), $[31] = _disabled, $[32] = activeItems, $[33] = applicable, $[34] = handleChange, $[35] = items, $[36] = renderOption, $[37] = t7;
   } else
-    t7 = $[36];
+    t7 = $[37];
   let t8;
-  $[42] !== _disabled || $[43] !== t7 ? (t8 = /* @__PURE__ */ jsx(Menu, { disabled: _disabled, children: t7 }), $[42] = _disabled, $[43] = t7, $[44] = t8) : t8 = $[44];
+  $[44] !== _disabled || $[45] !== t7 ? (t8 = /* @__PURE__ */ jsx(Menu, { disabled: _disabled, children: t7 }), $[44] = _disabled, $[45] = t7, $[46] = t8) : t8 = $[46];
   const menu = t8;
   let t9;
-  return $[45] !== button || $[46] !== menu || $[47] !== popoverProperties ? (t9 = /* @__PURE__ */ jsx(MenuButtonMemo, { popover: popoverProperties, id: "block-style-select", button, menu }), $[45] = button, $[46] = menu, $[47] = popoverProperties, $[48] = t9) : t9 = $[48], t9;
+  return $[47] !== button || $[48] !== menu || $[49] !== popoverProperties ? (t9 = /* @__PURE__ */ jsx(MenuButtonMemo, { popover: popoverProperties, id: "block-style-select", button, menu }), $[47] = button, $[48] = menu, $[49] = popoverProperties, $[50] = t9) : t9 = $[50], t9;
 }), CollapseMenuMemo = memo(CollapseMenu), MENU_POPOVER_PROPS$2 = {
   constrainSize: !0,
   portal: !0
 }, InsertMenu = memo(function(props2) {
-  const $ = c(23), {
+  const $ = c(25), {
     disabled,
     items,
     isFullscreen,
     collapsed
-  } = props2, {
+  } = props2, applicable = useApplicableSchema(), {
     t
   } = useTranslation(), focusBlock = useFocusBlock(), editor2 = usePortableTextEditor(), schemaTypes = usePortableTextMemberSchemaTypes(), isVoidFocus = focusBlock && focusBlock._type !== schemaTypes.block.name;
   let t0;
@@ -30094,35 +30105,35 @@ const MenuButtonMemo = memo(MenuButton), StyledMenuItem = /* @__PURE__ */ styled
   }, $[0] = editor2, $[1] = t0) : t0 = $[1];
   const handleMenuClose = t0, tooltipPlacement = isFullscreen ? "bottom" : "top";
   let t1;
-  if ($[2] !== disabled || $[3] !== isVoidFocus || $[4] !== items || $[5] !== t || $[6] !== tooltipPlacement) {
+  if ($[2] !== applicable || $[3] !== disabled || $[4] !== isVoidFocus || $[5] !== items || $[6] !== t || $[7] !== tooltipPlacement) {
     let t22;
-    $[8] !== disabled || $[9] !== isVoidFocus || $[10] !== t || $[11] !== tooltipPlacement ? (t22 = (item) => {
+    $[9] !== applicable || $[10] !== disabled || $[11] !== isVoidFocus || $[12] !== t || $[13] !== tooltipPlacement ? (t22 = (item) => {
       const title = item.type.title || upperFirst(item.type.name);
       return /* @__PURE__ */ jsx(CollapseMenuButton, { "aria-label": t(item.inline ? "inputs.portable-text.action.insert-inline-object-aria-label" : "inputs.portable-text.action.insert-block-aria-label", {
         typeName: title
-      }), mode: "bleed", disabled: disabled || isVoidFocus && item.inline || !!item.type.deprecated, "data-testid": `${item.type.name}-insert-menu-button`, icon: item.icon, onClick: item.handle, text: title, tooltipText: t(item.type.deprecated ? item.type.deprecated.reason : item.inline ? "inputs.portable-text.action.insert-inline-object" : "inputs.portable-text.action.insert-block", {
+      }), mode: "bleed", disabled: disabled || isVoidFocus && item.inline || !!item.type.deprecated || !applicable[item.inline ? "inlineObjects" : "blockObjects"].has(item.type.name), "data-testid": `${item.type.name}-insert-menu-button`, icon: item.icon, onClick: item.handle, text: title, tooltipText: t(item.type.deprecated ? item.type.deprecated.reason : item.inline ? "inputs.portable-text.action.insert-inline-object" : "inputs.portable-text.action.insert-block", {
         typeName: title
       }), tooltipProps: {
         disabled,
         placement: tooltipPlacement,
         portal: "default"
       } }, item.key);
-    }, $[8] = disabled, $[9] = isVoidFocus, $[10] = t, $[11] = tooltipPlacement, $[12] = t22) : t22 = $[12], t1 = items.map(t22), $[2] = disabled, $[3] = isVoidFocus, $[4] = items, $[5] = t, $[6] = tooltipPlacement, $[7] = t1;
+    }, $[9] = applicable, $[10] = disabled, $[11] = isVoidFocus, $[12] = t, $[13] = tooltipPlacement, $[14] = t22) : t22 = $[14], t1 = items.map(t22), $[2] = applicable, $[3] = disabled, $[4] = isVoidFocus, $[5] = items, $[6] = t, $[7] = tooltipPlacement, $[8] = t1;
   } else
-    t1 = $[7];
+    t1 = $[8];
   const children = t1;
   let t2;
-  $[13] !== tooltipPlacement ? (t2 = {
+  $[15] !== tooltipPlacement ? (t2 = {
     placement: tooltipPlacement
-  }, $[13] = tooltipPlacement, $[14] = t2) : t2 = $[14];
+  }, $[15] = tooltipPlacement, $[16] = t2) : t2 = $[16];
   let t3;
-  $[15] !== disabled || $[16] !== t2 ? (t3 = {
+  $[17] !== disabled || $[18] !== t2 ? (t3 = {
     button: /* @__PURE__ */ jsx(ContextMenuButton, { "data-testid": "insert-menu-button", disabled, tooltipProps: t2 }),
     popover: MENU_POPOVER_PROPS$2
-  }, $[15] = disabled, $[16] = t2, $[17] = t3) : t3 = $[17];
+  }, $[17] = disabled, $[18] = t2, $[19] = t3) : t3 = $[19];
   const menuButtonProps = t3;
   let t4;
-  return $[18] !== children || $[19] !== collapsed || $[20] !== handleMenuClose || $[21] !== menuButtonProps ? (t4 = /* @__PURE__ */ jsx(CollapseMenuMemo, { "data-testid": "insert-menu-auto-collapse-menu", collapsed, collapseText: !1, disableRestoreFocusOnClose: !0, gap: 1, menuButtonProps, onMenuClose: handleMenuClose, children }), $[18] = children, $[19] = collapsed, $[20] = handleMenuClose, $[21] = menuButtonProps, $[22] = t4) : t4 = $[22], t4;
+  return $[20] !== children || $[21] !== collapsed || $[22] !== handleMenuClose || $[23] !== menuButtonProps ? (t4 = /* @__PURE__ */ jsx(CollapseMenuMemo, { "data-testid": "insert-menu-auto-collapse-menu", collapsed, collapseText: !1, disableRestoreFocusOnClose: !0, gap: 1, menuButtonProps, onMenuClose: handleMenuClose, children }), $[20] = children, $[21] = collapsed, $[22] = handleMenuClose, $[23] = menuButtonProps, $[24] = t4) : t4 = $[24], t4;
 }), RootFlex$3 = /* @__PURE__ */ styled(Flex).withConfig({
   displayName: "RootFlex",
   componentId: "sc-1wan29s-0"
@@ -30199,7 +30210,7 @@ const MenuButtonMemo = memo(MenuButton), StyledMenuItem = /* @__PURE__ */ styled
   ] }), $[43] = t16, $[44] = t2, $[45] = t5, $[46] = t17) : t17 = $[46], t17;
 });
 function Toolbar(props2) {
-  const $ = c(30), {
+  const $ = c(31), {
     collapsible,
     hotkeys,
     isFullscreen,
@@ -30247,21 +30258,21 @@ function Toolbar(props2) {
   }, $[7] = editor2, $[8] = onMemberOpen, $[9] = resolveInitialValue2, $[10] = t2) : t2 = $[10];
   const handleInsertInline = t2;
   let t3;
-  $[11] !== hotkeys || $[12] !== onMemberOpen || $[13] !== resolveInitialValue2 ? (t3 = {
+  $[11] !== disabled || $[12] !== hotkeys || $[13] !== onMemberOpen || $[14] !== resolveInitialValue2 ? (t3 = {
     hotkeys,
     onMemberOpen,
     resolveInitialValue: resolveInitialValue2,
-    disabled: !0
-  }, $[11] = hotkeys, $[12] = onMemberOpen, $[13] = resolveInitialValue2, $[14] = t3) : t3 = $[14];
+    disabled
+  }, $[11] = disabled, $[12] = hotkeys, $[13] = onMemberOpen, $[14] = resolveInitialValue2, $[15] = t3) : t3 = $[15];
   const actionGroups = useActionGroups(t3);
   let t4;
-  $[15] !== schemaTypes ? (t4 = getBlockStyles(schemaTypes), $[15] = schemaTypes, $[16] = t4) : t4 = $[16];
+  $[16] !== schemaTypes ? (t4 = getBlockStyles(schemaTypes), $[16] = schemaTypes, $[17] = t4) : t4 = $[17];
   const blockStyles = t4;
   let t5;
-  $[17] !== disabled || $[18] !== handleInsertBlock || $[19] !== handleInsertInline || $[20] !== schemaTypes ? (t5 = getInsertMenuItems(schemaTypes, disabled, handleInsertBlock, handleInsertInline), $[17] = disabled, $[18] = handleInsertBlock, $[19] = handleInsertInline, $[20] = schemaTypes, $[21] = t5) : t5 = $[21];
+  $[18] !== disabled || $[19] !== handleInsertBlock || $[20] !== handleInsertInline || $[21] !== schemaTypes ? (t5 = getInsertMenuItems(schemaTypes, disabled, handleInsertBlock, handleInsertInline), $[18] = disabled, $[19] = handleInsertBlock, $[20] = handleInsertInline, $[21] = schemaTypes, $[22] = t5) : t5 = $[22];
   const insertMenuItems = t5;
   let t6;
-  return $[22] !== actionGroups || $[23] !== blockStyles || $[24] !== collapsible || $[25] !== disabled || $[26] !== insertMenuItems || $[27] !== isFullscreen || $[28] !== onToggleFullscreen ? (t6 = /* @__PURE__ */ jsx(InnerToolbar, { actionGroups, blockStyles, collapsible, disabled, insertMenuItems, isFullscreen, onToggleFullscreen }), $[22] = actionGroups, $[23] = blockStyles, $[24] = collapsible, $[25] = disabled, $[26] = insertMenuItems, $[27] = isFullscreen, $[28] = onToggleFullscreen, $[29] = t6) : t6 = $[29], t6;
+  return $[23] !== actionGroups || $[24] !== blockStyles || $[25] !== collapsible || $[26] !== disabled || $[27] !== insertMenuItems || $[28] !== isFullscreen || $[29] !== onToggleFullscreen ? (t6 = /* @__PURE__ */ jsx(InnerToolbar, { actionGroups, blockStyles, collapsible, disabled, insertMenuItems, isFullscreen, onToggleFullscreen }), $[23] = actionGroups, $[24] = blockStyles, $[25] = collapsible, $[26] = disabled, $[27] = insertMenuItems, $[28] = isFullscreen, $[29] = onToggleFullscreen, $[30] = t6) : t6 = $[30], t6;
 }
 function _temp$2x(acc, x) {
   return acc + x.actions.length;