@wordpress/block-editor 17.0.0 → 17.1.0

package/build-module/hooks/block-fields/media/index.mjs

@@ -1,241 +0,0 @@
-// packages/block-editor/src/hooks/block-fields/media/index.js
-import {
-  Button,
-  Icon as WCIcon,
-  __experimentalGrid as Grid
-} from "@wordpress/components";
-import { useSelect } from "@wordpress/data";
-import { focus } from "@wordpress/dom";
-import { useRef } from "@wordpress/element";
-import { __ } from "@wordpress/i18n";
-import {
-  audio as audioIcon,
-  image as imageIcon,
-  media as mediaIcon,
-  video as videoIcon,
-  reset as resetIcon
-} from "@wordpress/icons";
-import MediaReplaceFlow from "../../../components/media-replace-flow/index.mjs";
-import MediaUploadCheck from "../../../components/media-upload/check.mjs";
-import { useInspectorPopoverPlacement } from "../use-inspector-popover-placement.mjs";
-import { getMediaSelectKey } from "../../../store/private-keys.mjs";
-import { store as blockEditorStore } from "../../../store/index.mjs";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var focusToggleButton = (containerRef) => {
-  window.requestAnimationFrame(() => {
-    const [toggleButton] = focus.tabbable.find(containerRef?.current);
-    if (!toggleButton) {
-      return;
-    }
-    toggleButton.focus();
-  });
-};
-function MediaThumbnail({ data, field, attachment, config }) {
-  const { allowedTypes = [], multiple = false } = config || {};
-  if (multiple) {
-    return "todo multiple";
-  }
-  if (attachment?.media_type === "image" || attachment?.poster) {
-    return /* @__PURE__ */ jsx("div", { className: "block-editor-content-only-controls__media-thumbnail", children: /* @__PURE__ */ jsx(
-      "img",
-      {
-        alt: "",
-        width: 20,
-        height: 20,
-        src: attachment.media_type === "image" ? attachment.source_url : attachment.poster
-      }
-    ) });
-  }
-  if (allowedTypes.length === 1) {
-    const value = field.getValue({ item: data });
-    const url = value?.url;
-    if (allowedTypes[0] === "image" && url) {
-      return /* @__PURE__ */ jsx("div", { className: "block-editor-content-only-controls__media-thumbnail", children: /* @__PURE__ */ jsx("img", { alt: "", width: 20, height: 20, src: url }) });
-    }
-    let icon;
-    if (allowedTypes[0] === "image") {
-      icon = imageIcon;
-    } else if (allowedTypes[0] === "video") {
-      icon = videoIcon;
-    } else if (allowedTypes[0] === "audio") {
-      icon = audioIcon;
-    } else {
-      icon = mediaIcon;
-    }
-    if (icon) {
-      return /* @__PURE__ */ jsx(WCIcon, { icon, size: 20 });
-    }
-  }
-  return /* @__PURE__ */ jsx(WCIcon, { icon: mediaIcon, size: 20 });
-}
-function Media({ data, field, onChange, config = {} }) {
-  const { popoverProps } = useInspectorPopoverPlacement({
-    isControl: true
-  });
-  const value = field.getValue({ item: data });
-  const {
-    allowedTypes = [],
-    multiple = false,
-    useFeaturedImage = false
-  } = config;
-  const id = value?.id;
-  const url = value?.url;
-  const attachment = useSelect(
-    (select) => {
-      if (!id) {
-        return;
-      }
-      const settings = select(blockEditorStore).getSettings();
-      const getMedia = settings[getMediaSelectKey];
-      if (!getMedia) {
-        return;
-      }
-      return getMedia(select, id);
-    },
-    [id]
-  );
-  let chooseItemLabel;
-  if (allowedTypes.length === 1) {
-    const allowedType = allowedTypes[0];
-    if (allowedType === "image") {
-      chooseItemLabel = __("Image");
-    } else if (allowedType === "video") {
-      chooseItemLabel = __("Video");
-    } else if (allowedType === "application") {
-      chooseItemLabel = __("File");
-    } else {
-      chooseItemLabel = __("Media");
-    }
-  } else {
-    chooseItemLabel = __("Media");
-  }
-  const containerRef = useRef();
-  return /* @__PURE__ */ jsx(MediaUploadCheck, { children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: containerRef,
-      className: "block-editor-content-only-controls",
-      children: [
-        /* @__PURE__ */ jsx(
-          MediaReplaceFlow,
-          {
-            className: "block-editor-content-only-controls__media-replace-flow",
-            allowedTypes,
-            mediaId: id,
-            mediaURL: url,
-            multiple,
-            popoverProps,
-            onReset: () => {
-              onChange(
-                field.setValue({
-                  item: data,
-                  value: {}
-                })
-              );
-            },
-            ...useFeaturedImage && {
-              useFeaturedImage: !!value?.featuredImage,
-              onToggleFeaturedImage: () => {
-                onChange(
-                  field.setValue({
-                    item: data,
-                    value: {
-                      featuredImage: !value?.featuredImage
-                    }
-                  })
-                );
-              }
-            },
-            onSelect: (selectedMedia) => {
-              if (selectedMedia.id && selectedMedia.url) {
-                const newValue = {
-                  ...selectedMedia,
-                  mediaType: selectedMedia.media_type
-                };
-                if (useFeaturedImage) {
-                  newValue.featuredImage = false;
-                }
-                onChange(
-                  field.setValue({
-                    item: data,
-                    value: newValue
-                  })
-                );
-              }
-            },
-            renderToggle: (buttonProps) => /* @__PURE__ */ jsx(
-              Button,
-              {
-                __next40pxDefaultSize: true,
-                className: "block-editor-content-only-controls__media",
-                ...buttonProps,
-                children: /* @__PURE__ */ jsxs(
-                  Grid,
-                  {
-                    rowGap: 0,
-                    columnGap: 8,
-                    templateColumns: "20px 1fr",
-                    className: "block-editor-content-only-controls__media-row",
-                    children: [
-                      url && /* @__PURE__ */ jsxs(Fragment, { children: [
-                        /* @__PURE__ */ jsx(
-                          MediaThumbnail,
-                          {
-                            attachment,
-                            field,
-                            data,
-                            config
-                          }
-                        ),
-                        /* @__PURE__ */ jsx("span", {
-                          className: "block-editor-content-only-controls__media-title",
-                          // TODO - truncate long titles or url smartly (e.g. show filename).
-                          children: attachment?.title?.raw && attachment?.title?.raw !== "" ? attachment?.title?.raw : url
-                        })
-                      ] }),
-                      !url && /* @__PURE__ */ jsxs(Fragment, { children: [
-                        /* @__PURE__ */ jsx(
-                          "span",
-                          {
-                            className: "block-editor-content-only-controls__media-placeholder",
-                            style: {
-                              width: "20px",
-                              height: "20px"
-                            }
-                          }
-                        ),
-                        /* @__PURE__ */ jsx("span", { className: "block-editor-content-only-controls__media-title", children: chooseItemLabel })
-                      ] })
-                    ]
-                  }
-                )
-              }
-            )
-          }
-        ),
-        url && /* @__PURE__ */ jsx(
-          Button,
-          {
-            label: __("Reset"),
-            className: "block-editor-content-only-controls__media-reset",
-            size: "small",
-            icon: resetIcon,
-            onClick: () => {
-              onChange(
-                field.setValue({
-                  item: data,
-                  value: {}
-                })
-              );
-              focusToggleButton(containerRef);
-            }
-          }
-        )
-      ]
-    }
-  ) });
-}
-export {
-  Media as default
-};
-//# sourceMappingURL=index.mjs.map

package/build-module/hooks/block-fields/media/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/hooks/block-fields/media/index.js"],
-  "sourcesContent": ["import {\n\tButton,\n\tIcon as WCIcon,\n\t__experimentalGrid as Grid,\n} from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { focus } from '@wordpress/dom';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\taudio as audioIcon,\n\timage as imageIcon,\n\tmedia as mediaIcon,\n\tvideo as videoIcon,\n\treset as resetIcon,\n} from '@wordpress/icons';\nimport MediaReplaceFlow from '../../../components/media-replace-flow';\nimport MediaUploadCheck from '../../../components/media-upload/check';\nimport { useInspectorPopoverPlacement } from '../use-inspector-popover-placement';\nimport { getMediaSelectKey } from '../../../store/private-keys';\nimport { store as blockEditorStore } from '../../../store';\n\n/**\n * Focuses the toggle button.\n *\n * @param {Object} containerRef - ref object containing current element\n */\nconst focusToggleButton = ( containerRef ) => {\n\t// Use requestAnimationFrame to ensure DOM updates are complete.\n\twindow.requestAnimationFrame( () => {\n\t\tconst [ toggleButton ] = focus.tabbable.find( containerRef?.current );\n\t\tif ( ! toggleButton ) {\n\t\t\treturn;\n\t\t}\n\n\t\ttoggleButton.focus();\n\t} );\n};\n\nfunction MediaThumbnail( { data, field, attachment, config } ) {\n\tconst { allowedTypes = [], multiple = false } = config || {};\n\n\tif ( multiple ) {\n\t\treturn 'todo multiple';\n\t}\n\n\tif ( attachment?.media_type === 'image' || attachment?.poster ) {\n\t\treturn (\n\t\t\t<div className=\"block-editor-content-only-controls__media-thumbnail\">\n\t\t\t\t<img\n\t\t\t\t\talt=\"\"\n\t\t\t\t\twidth={ 20 }\n\t\t\t\t\theight={ 20 }\n\t\t\t\t\tsrc={\n\t\t\t\t\t\tattachment.media_type === 'image'\n\t\t\t\t\t\t\t? attachment.source_url\n\t\t\t\t\t\t\t: attachment.poster\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif ( allowedTypes.length === 1 ) {\n\t\tconst value = field.getValue( { item: data } );\n\t\tconst url = value?.url;\n\n\t\tif ( allowedTypes[ 0 ] === 'image' && url ) {\n\t\t\treturn (\n\t\t\t\t<div className=\"block-editor-content-only-controls__media-thumbnail\">\n\t\t\t\t\t<img alt=\"\" width={ 20 } height={ 20 } src={ url } />\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\tlet icon;\n\t\tif ( allowedTypes[ 0 ] === 'image' ) {\n\t\t\ticon = imageIcon;\n\t\t} else if ( allowedTypes[ 0 ] === 'video' ) {\n\t\t\ticon = videoIcon;\n\t\t} else if ( allowedTypes[ 0 ] === 'audio' ) {\n\t\t\ticon = audioIcon;\n\t\t} else {\n\t\t\ticon = mediaIcon;\n\t\t}\n\n\t\tif ( icon ) {\n\t\t\treturn <WCIcon icon={ icon } size={ 20 } />;\n\t\t}\n\t}\n\n\treturn <WCIcon icon={ mediaIcon } size={ 20 } />;\n}\n\nexport default function Media( { data, field, onChange, config = {} } ) {\n\tconst { popoverProps } = useInspectorPopoverPlacement( {\n\t\tisControl: true,\n\t} );\n\tconst value = field.getValue( { item: data } );\n\tconst {\n\t\tallowedTypes = [],\n\t\tmultiple = false,\n\t\tuseFeaturedImage = false,\n\t} = config;\n\n\tconst id = value?.id;\n\tconst url = value?.url;\n\n\tconst attachment = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! id ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst settings = select( blockEditorStore ).getSettings();\n\t\t\tconst getMedia = settings[ getMediaSelectKey ];\n\n\t\t\tif ( ! getMedia ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\treturn getMedia( select, id );\n\t\t},\n\t\t[ id ]\n\t);\n\n\t// TODO - pluralize when multiple.\n\tlet chooseItemLabel;\n\tif ( allowedTypes.length === 1 ) {\n\t\tconst allowedType = allowedTypes[ 0 ];\n\t\tif ( allowedType === 'image' ) {\n\t\t\tchooseItemLabel = __( 'Image' );\n\t\t} else if ( allowedType === 'video' ) {\n\t\t\tchooseItemLabel = __( 'Video' );\n\t\t} else if ( allowedType === 'application' ) {\n\t\t\tchooseItemLabel = __( 'File' );\n\t\t} else {\n\t\t\tchooseItemLabel = __( 'Media' );\n\t\t}\n\t} else {\n\t\tchooseItemLabel = __( 'Media' );\n\t}\n\tconst containerRef = useRef();\n\n\treturn (\n\t\t<MediaUploadCheck>\n\t\t\t<div\n\t\t\t\tref={ containerRef }\n\t\t\t\tclassName=\"block-editor-content-only-controls\"\n\t\t\t>\n\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\tclassName=\"block-editor-content-only-controls__media-replace-flow\"\n\t\t\t\t\tallowedTypes={ allowedTypes }\n\t\t\t\t\tmediaId={ id }\n\t\t\t\t\tmediaURL={ url }\n\t\t\t\t\tmultiple={ multiple }\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\tonReset={ () => {\n\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\tfield.setValue( {\n\t\t\t\t\t\t\t\titem: data,\n\t\t\t\t\t\t\t\tvalue: {},\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t\t{ ...( useFeaturedImage && {\n\t\t\t\t\t\tuseFeaturedImage: !! value?.featuredImage,\n\t\t\t\t\t\tonToggleFeaturedImage: () => {\n\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\tfield.setValue( {\n\t\t\t\t\t\t\t\t\titem: data,\n\t\t\t\t\t\t\t\t\tvalue: {\n\t\t\t\t\t\t\t\t\t\tfeaturedImage: ! value?.featuredImage,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t},\n\t\t\t\t\t} ) }\n\t\t\t\t\tonSelect={ ( selectedMedia ) => {\n\t\t\t\t\t\tif ( selectedMedia.id && selectedMedia.url ) {\n\t\t\t\t\t\t\tconst newValue = {\n\t\t\t\t\t\t\t\t...selectedMedia,\n\t\t\t\t\t\t\t\tmediaType: selectedMedia.media_type,\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t// Turn off featured image when manually selecting media\n\t\t\t\t\t\t\tif ( useFeaturedImage ) {\n\t\t\t\t\t\t\t\tnewValue.featuredImage = false;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\tfield.setValue( {\n\t\t\t\t\t\t\t\t\titem: data,\n\t\t\t\t\t\t\t\t\tvalue: newValue,\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\trenderToggle={ ( buttonProps ) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tclassName=\"block-editor-content-only-controls__media\"\n\t\t\t\t\t\t\t{ ...buttonProps }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Grid\n\t\t\t\t\t\t\t\trowGap={ 0 }\n\t\t\t\t\t\t\t\tcolumnGap={ 8 }\n\t\t\t\t\t\t\t\ttemplateColumns=\"20px 1fr\"\n\t\t\t\t\t\t\t\tclassName=\"block-editor-content-only-controls__media-row\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ url && (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<MediaThumbnail\n\t\t\t\t\t\t\t\t\t\t\tattachment={ attachment }\n\t\t\t\t\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\t\t\t\t\tdata={ data }\n\t\t\t\t\t\t\t\t\t\t\tconfig={ config }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<span className=\"block-editor-content-only-controls__media-title\">\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t// TODO - truncate long titles or url smartly (e.g. show filename).\n\t\t\t\t\t\t\t\t\t\t\t\tattachment?.title?.raw &&\n\t\t\t\t\t\t\t\t\t\t\t\tattachment?.title?.raw !== ''\n\t\t\t\t\t\t\t\t\t\t\t\t\t? attachment?.title?.raw\n\t\t\t\t\t\t\t\t\t\t\t\t\t: url\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ ! url && (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"block-editor-content-only-controls__media-placeholder\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\twidth: '20px',\n\t\t\t\t\t\t\t\t\t\t\t\theight: '20px',\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<span className=\"block-editor-content-only-controls__media-title\">\n\t\t\t\t\t\t\t\t\t\t\t{ chooseItemLabel }\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</Grid>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t{ url && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tlabel={ __( 'Reset' ) }\n\t\t\t\t\t\tclassName=\"block-editor-content-only-controls__media-reset\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\ticon={ resetIcon }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\tfield.setValue( {\n\t\t\t\t\t\t\t\t\titem: data,\n\t\t\t\t\t\t\t\t\tvalue: {},\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tfocusToggleButton( containerRef );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</MediaUploadCheck>\n\t);\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/build-module/hooks/block-fields/rich-text/index.mjs

@@ -1,115 +0,0 @@
-// packages/block-editor/src/hooks/block-fields/rich-text/index.js
-import { BaseControl, useBaseControlProps } from "@wordpress/components";
-import { useMergeRefs } from "@wordpress/compose";
-import { useRegistry } from "@wordpress/data";
-import { useMemo, useRef, useState } from "@wordpress/element";
-import { privateApis as richTextPrivateApis } from "@wordpress/rich-text";
-import { getAllowedFormats } from "../../../components/rich-text/utils.mjs";
-import { useEventListeners } from "../../../components/rich-text/event-listeners/index.mjs";
-import FormatEdit from "../../../components/rich-text/format-edit.mjs";
-import { unlock } from "../../../lock-unlock.mjs";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var { useRichText, KeyboardShortcutContext, InputEventContext } = unlock(richTextPrivateApis);
-function RichTextControl({
-  data,
-  field,
-  hideLabelFromVision,
-  onChange,
-  config = {}
-}) {
-  const registry = useRegistry();
-  const attrValue = field.getValue({ item: data });
-  const fieldConfig = field.config || {};
-  const { clientId } = config;
-  const [selection, setSelection] = useState({
-    start: void 0,
-    end: void 0
-  });
-  const [isSelected, setIsSelected] = useState(false);
-  const anchorRef = useRef();
-  const inputEvents = useRef(/* @__PURE__ */ new Set());
-  const keyboardShortcuts = useRef(/* @__PURE__ */ new Set());
-  const adjustedAllowedFormats = getAllowedFormats({
-    allowedFormats: fieldConfig?.allowedFormats,
-    disableFormats: fieldConfig?.disableFormats
-  });
-  function onFocus() {
-    anchorRef.current?.focus();
-  }
-  const {
-    value,
-    getValue,
-    onChange: onRichTextChange,
-    ref: richTextRef,
-    formatTypes
-  } = useRichText({
-    value: attrValue,
-    onChange(html) {
-      onChange(field.setValue({ item: data, value: html }));
-    },
-    selectionStart: selection.start,
-    selectionEnd: selection.end,
-    onSelectionChange: (start, end) => setSelection({ start, end }),
-    __unstableIsSelected: isSelected,
-    preserveWhiteSpace: !!fieldConfig?.preserveWhiteSpace,
-    placeholder: fieldConfig?.placeholder,
-    __unstableDisableFormats: fieldConfig?.disableFormats,
-    allowedFormats: adjustedAllowedFormats,
-    withoutInteractiveFormatting: fieldConfig?.withoutInteractiveFormatting,
-    __unstableFormatTypeHandlerContext: useMemo(
-      () => ({ richTextIdentifier: field.id, blockClientId: clientId }),
-      [field.id, clientId]
-    )
-  });
-  const { baseControlProps, controlProps } = useBaseControlProps({
-    hideLabelFromVision: hideLabelFromVision ?? field.hideLabelFromVision,
-    label: field.label
-  });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    isSelected && /* @__PURE__ */ jsx(KeyboardShortcutContext.Provider, { value: keyboardShortcuts, children: /* @__PURE__ */ jsx(InputEventContext.Provider, { value: inputEvents, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-      FormatEdit,
-      {
-        value,
-        onChange: onRichTextChange,
-        onFocus,
-        formatTypes,
-        forwardedRef: anchorRef,
-        isVisible: false
-      }
-    ) }) }) }),
-    /* @__PURE__ */ jsx(BaseControl, { ...baseControlProps, children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "block-editor-content-only-controls__rich-text",
-        role: "textbox",
-        "aria-multiline": !fieldConfig?.disableLineBreaks,
-        ref: useMergeRefs([
-          richTextRef,
-          useEventListeners({
-            registry,
-            getValue,
-            onChange: onRichTextChange,
-            formatTypes,
-            selectionChange: setSelection,
-            isSelected,
-            disableFormats: fieldConfig?.disableFormats,
-            value,
-            tagName: "div",
-            disableLineBreaks: fieldConfig?.disableLineBreaks,
-            keyboardShortcuts,
-            inputEvents
-          }),
-          anchorRef
-        ]),
-        onFocus: () => setIsSelected(true),
-        onBlur: () => setIsSelected(false),
-        contentEditable: true,
-        ...controlProps
-      }
-    ) })
-  ] });
-}
-export {
-  RichTextControl as default
-};
-//# sourceMappingURL=index.mjs.map

package/build-module/hooks/block-fields/rich-text/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/hooks/block-fields/rich-text/index.js"],
-  "sourcesContent": ["import { BaseControl, useBaseControlProps } from '@wordpress/components';\nimport { useMergeRefs } from '@wordpress/compose';\nimport { useRegistry } from '@wordpress/data';\nimport { useMemo, useRef, useState } from '@wordpress/element';\nimport { privateApis as richTextPrivateApis } from '@wordpress/rich-text';\nimport { getAllowedFormats } from '../../../components/rich-text/utils';\nimport { useEventListeners } from '../../../components/rich-text/event-listeners';\nimport FormatEdit from '../../../components/rich-text/format-edit';\nimport { unlock } from '../../../lock-unlock';\n\nconst { useRichText, KeyboardShortcutContext, InputEventContext } =\n\tunlock( richTextPrivateApis );\n\nexport default function RichTextControl( {\n\tdata,\n\tfield,\n\thideLabelFromVision,\n\tonChange,\n\tconfig = {},\n} ) {\n\tconst registry = useRegistry();\n\tconst attrValue = field.getValue( { item: data } );\n\tconst fieldConfig = field.config || {};\n\tconst { clientId } = config;\n\tconst [ selection, setSelection ] = useState( {\n\t\tstart: undefined,\n\t\tend: undefined,\n\t} );\n\tconst [ isSelected, setIsSelected ] = useState( false );\n\tconst anchorRef = useRef();\n\tconst inputEvents = useRef( new Set() );\n\tconst keyboardShortcuts = useRef( new Set() );\n\n\tconst adjustedAllowedFormats = getAllowedFormats( {\n\t\tallowedFormats: fieldConfig?.allowedFormats,\n\t\tdisableFormats: fieldConfig?.disableFormats,\n\t} );\n\n\tfunction onFocus() {\n\t\tanchorRef.current?.focus();\n\t}\n\n\tconst {\n\t\tvalue,\n\t\tgetValue,\n\t\tonChange: onRichTextChange,\n\t\tref: richTextRef,\n\t\tformatTypes,\n\t} = useRichText( {\n\t\tvalue: attrValue,\n\t\tonChange( html ) {\n\t\t\tonChange( field.setValue( { item: data, value: html } ) );\n\t\t},\n\t\tselectionStart: selection.start,\n\t\tselectionEnd: selection.end,\n\t\tonSelectionChange: ( start, end ) => setSelection( { start, end } ),\n\t\t__unstableIsSelected: isSelected,\n\t\tpreserveWhiteSpace: !! fieldConfig?.preserveWhiteSpace,\n\t\tplaceholder: fieldConfig?.placeholder,\n\t\t__unstableDisableFormats: fieldConfig?.disableFormats,\n\t\tallowedFormats: adjustedAllowedFormats,\n\t\twithoutInteractiveFormatting: fieldConfig?.withoutInteractiveFormatting,\n\t\t__unstableFormatTypeHandlerContext: useMemo(\n\t\t\t() => ( { richTextIdentifier: field.id, blockClientId: clientId } ),\n\t\t\t[ field.id, clientId ]\n\t\t),\n\t} );\n\n\tconst { baseControlProps, controlProps } = useBaseControlProps( {\n\t\thideLabelFromVision: hideLabelFromVision ?? field.hideLabelFromVision,\n\t\tlabel: field.label,\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t{ isSelected && (\n\t\t\t\t<KeyboardShortcutContext.Provider value={ keyboardShortcuts }>\n\t\t\t\t\t<InputEventContext.Provider value={ inputEvents }>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<FormatEdit\n\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\tonChange={ onRichTextChange }\n\t\t\t\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\t\t\t\tformatTypes={ formatTypes }\n\t\t\t\t\t\t\t\tforwardedRef={ anchorRef }\n\t\t\t\t\t\t\t\tisVisible={ false }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</InputEventContext.Provider>\n\t\t\t\t</KeyboardShortcutContext.Provider>\n\t\t\t) }\n\t\t\t<BaseControl { ...baseControlProps }>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"block-editor-content-only-controls__rich-text\"\n\t\t\t\t\trole=\"textbox\"\n\t\t\t\t\taria-multiline={ ! fieldConfig?.disableLineBreaks }\n\t\t\t\t\tref={ useMergeRefs( [\n\t\t\t\t\t\trichTextRef,\n\t\t\t\t\t\tuseEventListeners( {\n\t\t\t\t\t\t\tregistry,\n\t\t\t\t\t\t\tgetValue,\n\t\t\t\t\t\t\tonChange: onRichTextChange,\n\t\t\t\t\t\t\tformatTypes,\n\t\t\t\t\t\t\tselectionChange: setSelection,\n\t\t\t\t\t\t\tisSelected,\n\t\t\t\t\t\t\tdisableFormats: fieldConfig?.disableFormats,\n\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\ttagName: 'div',\n\t\t\t\t\t\t\tdisableLineBreaks: fieldConfig?.disableLineBreaks,\n\t\t\t\t\t\t\tkeyboardShortcuts,\n\t\t\t\t\t\t\tinputEvents,\n\t\t\t\t\t\t} ),\n\t\t\t\t\t\tanchorRef,\n\t\t\t\t\t] ) }\n\t\t\t\t\tonFocus={ () => setIsSelected( true ) }\n\t\t\t\t\tonBlur={ () => setIsSelected( false ) }\n\t\t\t\t\tcontentEditable\n\t\t\t\t\t{ ...controlProps }\n\t\t\t\t/>\n\t\t\t</BaseControl>\n\t\t</>\n\t);\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/build-module/hooks/block-fields/use-inspector-popover-placement.mjs

@@ -1,16 +0,0 @@
-// packages/block-editor/src/hooks/block-fields/use-inspector-popover-placement.js
-import { useViewportMatch } from "@wordpress/compose";
-function useInspectorPopoverPlacement({ isControl } = { isControl: false }) {
-  const isMobile = useViewportMatch("medium", "<");
-  return !isMobile ? {
-    popoverProps: {
-      placement: "left-start",
-      // For non-mobile, inner sidebar width (248px) - button width (24px) - border (1px) + padding (16px) + spacing (20px)
-      offset: isControl ? 35 : 259
-    }
-  } : {};
-}
-export {
-  useInspectorPopoverPlacement
-};
-//# sourceMappingURL=use-inspector-popover-placement.mjs.map

package/build-module/hooks/block-fields/use-inspector-popover-placement.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/block-fields/use-inspector-popover-placement.js"],
-  "sourcesContent": ["import { useViewportMatch } from '@wordpress/compose';\n\nexport function useInspectorPopoverPlacement(\n\t{ isControl } = { isControl: false }\n) {\n\tconst isMobile = useViewportMatch( 'medium', '<' );\n\treturn ! isMobile\n\t\t? {\n\t\t\t\tpopoverProps: {\n\t\t\t\t\tplacement: 'left-start',\n\t\t\t\t\t// For non-mobile, inner sidebar width (248px) - button width (24px) - border (1px) + padding (16px) + spacing (20px)\n\t\t\t\t\toffset: isControl ? 35 : 259,\n\t\t\t\t},\n\t\t  }\n\t\t: {};\n}\n"],
-  "mappings": ";AAAA,SAAS,wBAAwB;AAE1B,SAAS,6BACf,EAAE,UAAU,IAAI,EAAE,WAAW,MAAM,GAClC;AACD,QAAM,WAAW,iBAAkB,UAAU,GAAI;AACjD,SAAO,CAAE,WACN;AAAA,IACA,cAAc;AAAA,MACb,WAAW;AAAA;AAAA,MAEX,QAAQ,YAAY,KAAK;AAAA,IAC1B;AAAA,EACA,IACA,CAAC;AACL;",
-  "names": []
-}

package/src/components/color-palette/test/__snapshots__/control.js.snap

@@ -1,143 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`ColorPaletteControl matches the snapshot 1`] = `
-<div>
-  <div
-    class="style-wrapper components-base-control block-editor-color-gradient-control"
-  >
-    <div
-      class="style-field components-base-control__field"
-    >
-      <fieldset
-        class="block-editor-color-gradient-control__fieldset"
-      >
-        <div
-          class="style-flex style-items-column components-flex components-h-stack components-v-stack"
-          data-wp-c16t="true"
-          data-wp-component="VStack"
-          style="--wp-components-flex-align: stretch; --wp-components-flex-direction: column; --wp-components-flex-wrap: nowrap; --wp-components-flex-gap: calc(4px * 1); --wp-components-flex-justify: center;"
-        >
-          <legend>
-            <div
-              class="block-editor-color-gradient-control__color-indicator"
-            >
-              <span
-                class="style-label components-base-control__label"
-              >
-                Test Color
-              </span>
-            </div>
-          </legend>
-          <div
-            class="block-editor-color-gradient-control__panel"
-          >
-            <div
-              class="style-flex style-items-column components-flex components-h-stack components-v-stack"
-              data-wp-c16t="true"
-              data-wp-component="VStack"
-              style="--wp-components-flex-align: stretch; --wp-components-flex-direction: column; --wp-components-flex-wrap: nowrap; --wp-components-flex-gap: calc(4px * 3); --wp-components-flex-justify: center;"
-            >
-              <div
-                class="components-dropdown"
-                tabindex="-1"
-              >
-                <div
-                  class="style-flex style-items-column components-flex components-h-stack components-v-stack components-color-palette__custom-color-wrapper"
-                  data-wp-c16t="true"
-                  data-wp-component="VStack"
-                  style="--wp-components-flex-align: stretch; --wp-components-flex-direction: column; --wp-components-flex-wrap: nowrap; --wp-components-flex-gap: 0; --wp-components-flex-justify: center;"
-                >
-                  <button
-                    aria-expanded="false"
-                    aria-haspopup="true"
-                    aria-label="Custom color picker. The currently selected color is called "red" and has a value of "#f00"."
-                    class="components-color-palette__custom-color-button"
-                    style="background: rgb(255, 0, 0);"
-                    type="button"
-                  />
-                  <div
-                    class="style-flex style-items-column components-flex components-h-stack components-v-stack components-color-palette__custom-color-text-wrapper"
-                    data-wp-c16t="true"
-                    data-wp-component="VStack"
-                    style="--wp-components-flex-align: stretch; --wp-components-flex-direction: column; --wp-components-flex-wrap: nowrap; --wp-components-flex-gap: calc(4px * 0.5); --wp-components-flex-justify: center;"
-                  >
-                    <span
-                      class="style-truncate components-truncate components-color-palette__custom-color-name"
-                      data-wp-c16t="true"
-                      data-wp-component="Truncate"
-                    >
-                      red
-                    </span>
-                    <span
-                      class="style-truncate components-truncate components-color-palette__custom-color-value components-color-palette__custom-color-value--is-hex"
-                      data-wp-c16t="true"
-                      data-wp-component="Truncate"
-                    >
-                      #f00
-                    </span>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="components-circular-option-picker"
-              >
-                <div
-                  aria-label="Custom color picker"
-                  id="components-circular-option-picker-0"
-                  role="listbox"
-                >
-                  <div
-                    class="components-circular-option-picker__swatches"
-                  >
-                    <div
-                      class="components-circular-option-picker__option-group components-circular-option-picker__swatches"
-                    >
-                      <div
-                        class="components-circular-option-picker__option-wrapper"
-                      >
-                        <button
-                          aria-label="red"
-                          aria-selected="true"
-                          class="components-button components-circular-option-picker__option is-next-40px-default-size"
-                          data-active-item="true"
-                          id="components-circular-option-picker-0-0"
-                          role="option"
-                          style="background-color: rgb(255, 0, 0); color: rgb(255, 0, 0);"
-                          type="button"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          fill="#000"
-                          focusable="false"
-                          height="24"
-                          viewBox="0 0 24 24"
-                          width="24"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M16.5 7.5 10 13.9l-2.5-2.4-1 1 3.5 3.6 7.5-7.6z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="components-circular-option-picker__custom-clear-wrapper"
-                >
-                  <button
-                    class="components-button components-circular-option-picker__clear is-next-40px-default-size is-tertiary"
-                    type="button"
-                  >
-                    Clear
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </fieldset>
-    </div>
-  </div>
-</div>
-`;

package/src/components/inner-blocks/test/__snapshots__/index.js.snap

@@ -1,15 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`InnerBlocks should force serialize for invalid block with inner blocks 1`] = `
-"<!-- wp:test-block -->
-<p>Invalid<!-- wp:test-block -->
-<p></p>
-<!-- /wp:test-block --></p>
-<!-- /wp:test-block -->"
-`;
-
-exports[`InnerBlocks should return element as string, with inner blocks 1`] = `
-"<div>Bananas<!-- wp:fruit {"fruit":"Apples"} -->
-<div>Apples</div>
-<!-- /wp:fruit --></div>"
-`;

package/src/components/rich-text/event-listeners/undo-automatic-change.js

@@ -1,39 +0,0 @@
-import { BACKSPACE, ESCAPE } from '@wordpress/keycodes';
-import { privateApis as richTextPrivateApis } from '@wordpress/rich-text';
-import { store as blockEditorStore } from '../../../store';
-import { unlock } from '../../../lock-unlock';
-
-const { subscribeOwnedListener } = unlock( richTextPrivateApis );
-
-export default ( props ) => ( element ) => {
-	function onKeyDown( event ) {
-		const { keyCode } = event;
-
-		if ( event.defaultPrevented ) {
-			return;
-		}
-
-		if ( keyCode !== BACKSPACE && keyCode !== ESCAPE ) {
-			return;
-		}
-
-		const { registry } = props.current;
-		const { didAutomaticChange, getSettings } =
-			registry.select( blockEditorStore );
-
-		const { __experimentalUndo } = getSettings();
-
-		if ( ! __experimentalUndo ) {
-			return;
-		}
-
-		if ( ! didAutomaticChange() ) {
-			return;
-		}
-
-		event.preventDefault();
-		__experimentalUndo();
-	}
-
-	return subscribeOwnedListener( element, 'keydown', onKeyDown );
-};