@wordpress/block-editor 12.9.1-next.5a1d1283.0 → 12.10.0

package/build/hooks/background.js

@@ -0,0 +1,258 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BACKGROUND_SUPPORT_KEY = void 0;
+exports.BackgroundImagePanel = BackgroundImagePanel;
+exports.IMAGE_BACKGROUND_TYPE = void 0;
+exports.hasBackgroundImageValue = hasBackgroundImageValue;
+exports.hasBackgroundSupport = hasBackgroundSupport;
+exports.resetBackgroundImage = resetBackgroundImage;
+var _element = require("@wordpress/element");
+var _blob = require("@wordpress/blob");
+var _blocks = require("@wordpress/blocks");
+var _components = require("@wordpress/components");
+var _data = require("@wordpress/data");
+var _i18n = require("@wordpress/i18n");
+var _notices = require("@wordpress/notices");
+var _url = require("@wordpress/url");
+var _inspectorControls = _interopRequireDefault(require("../components/inspector-controls"));
+var _mediaReplaceFlow = _interopRequireDefault(require("../components/media-replace-flow"));
+var _mediaUpload = _interopRequireDefault(require("../components/media-upload"));
+var _check = _interopRequireDefault(require("../components/media-upload/check"));
+var _useSetting = _interopRequireDefault(require("../components/use-setting"));
+var _utils = require("./utils");
+var _store = require("../store");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const BACKGROUND_SUPPORT_KEY = 'background';
+exports.BACKGROUND_SUPPORT_KEY = BACKGROUND_SUPPORT_KEY;
+const IMAGE_BACKGROUND_TYPE = 'image';
+
+/**
+ * Checks if there is a current value in the background image block support
+ * attributes.
+ *
+ * @param {Object} props Block props.
+ * @return {boolean}     Whether or not the block has a background image value set.
+ */
+exports.IMAGE_BACKGROUND_TYPE = IMAGE_BACKGROUND_TYPE;
+function hasBackgroundImageValue(props) {
+  const hasValue = !!props.attributes.style?.background?.backgroundImage?.id || !!props.attributes.style?.background?.backgroundImage?.url;
+  return hasValue;
+}
+
+/**
+ * Determine whether there is block support for background.
+ *
+ * @param {string} blockName Block name.
+ * @param {string} feature   Background image feature to check for.
+ *
+ * @return {boolean} Whether there is support.
+ */
+function hasBackgroundSupport(blockName, feature = 'any') {
+  if (_element.Platform.OS !== 'web') {
+    return false;
+  }
+  const support = (0, _blocks.getBlockSupport)(blockName, BACKGROUND_SUPPORT_KEY);
+  if (support === true) {
+    return true;
+  }
+  if (feature === 'any') {
+    return !!support?.backgroundImage;
+  }
+  return !!support?.[feature];
+}
+
+/**
+ * Resets the background image block support attributes. This can be used when disabling
+ * the background image controls for a block via a `ToolsPanel`.
+ *
+ * @param {Object} props               Block props.
+ * @param {Object} props.attributes    Block's attributes.
+ * @param {Object} props.setAttributes Function to set block's attributes.
+ */
+function resetBackgroundImage({
+  attributes = {},
+  setAttributes
+}) {
+  const {
+    style = {}
+  } = attributes;
+  setAttributes({
+    style: (0, _utils.cleanEmptyObject)({
+      ...style,
+      background: {
+        ...style?.background,
+        backgroundImage: undefined
+      }
+    })
+  });
+}
+function InspectorImagePreview({
+  label,
+  url: imgUrl
+}) {
+  const imgLabel = label || (0, _url.getFilename)(imgUrl);
+  return (0, _element.createElement)(_components.__experimentalItemGroup, {
+    as: "span"
+  }, (0, _element.createElement)(_components.__experimentalHStack, {
+    justify: "flex-start",
+    as: "span"
+  }, (0, _element.createElement)("img", {
+    src: imgUrl,
+    alt: ""
+  }), (0, _element.createElement)(_components.FlexItem, {
+    as: "span"
+  }, (0, _element.createElement)(_components.__experimentalTruncate, {
+    numberOfLines: 1,
+    className: "block-editor-hooks__background__inspector-media-replace-title"
+  }, imgLabel))));
+}
+function BackgroundImagePanelItem(props) {
+  const {
+    attributes,
+    clientId,
+    setAttributes
+  } = props;
+  const {
+    id,
+    title,
+    url
+  } = attributes.style?.background?.backgroundImage || {};
+  const {
+    mediaUpload
+  } = (0, _data.useSelect)(select => {
+    return {
+      mediaUpload: select(_store.store).getSettings().mediaUpload
+    };
+  });
+  const {
+    createErrorNotice
+  } = (0, _data.useDispatch)(_notices.store);
+  const onUploadError = message => {
+    createErrorNotice(message, {
+      type: 'snackbar'
+    });
+  };
+  const onSelectMedia = media => {
+    if (!media || !media.url) {
+      const newStyle = {
+        ...attributes.style,
+        background: {
+          ...attributes.style?.background,
+          backgroundImage: undefined
+        }
+      };
+      const newAttributes = {
+        style: (0, _utils.cleanEmptyObject)(newStyle)
+      };
+      setAttributes(newAttributes);
+      return;
+    }
+    if ((0, _blob.isBlobURL)(media.url)) {
+      return;
+    }
+
+    // For media selections originated from a file upload.
+    if (media.media_type && media.media_type !== IMAGE_BACKGROUND_TYPE || !media.media_type && media.type && media.type !== IMAGE_BACKGROUND_TYPE) {
+      onUploadError((0, _i18n.__)('Only images can be used as a background image.'));
+      return;
+    }
+    const newStyle = {
+      ...attributes.style,
+      background: {
+        ...attributes.style?.background,
+        backgroundImage: {
+          url: media.url,
+          id: media.id,
+          source: 'file',
+          title: media.title || undefined
+        }
+      }
+    };
+    const newAttributes = {
+      style: (0, _utils.cleanEmptyObject)(newStyle)
+    };
+    setAttributes(newAttributes);
+  };
+  const onFilesDrop = filesList => {
+    mediaUpload({
+      allowedTypes: ['image'],
+      filesList,
+      onFileChange([image]) {
+        if ((0, _blob.isBlobURL)(image?.url)) {
+          return;
+        }
+        onSelectMedia(image);
+      },
+      onError: onUploadError
+    });
+  };
+  const resetAllFilter = (0, _element.useCallback)(previousValue => {
+    return {
+      ...previousValue,
+      style: {
+        ...previousValue.style,
+        background: undefined
+      }
+    };
+  }, []);
+  return (0, _element.createElement)(_components.__experimentalToolsPanelItem, {
+    className: "single-column",
+    hasValue: () => hasBackgroundImageValue(props),
+    label: (0, _i18n.__)('Background image'),
+    onDeselect: () => resetBackgroundImage(props),
+    isShownByDefault: true,
+    resetAllFilter: resetAllFilter,
+    panelId: clientId
+  }, (0, _element.createElement)("div", {
+    className: "block-editor-hooks__background__inspector-media-replace-container"
+  }, !!url && (0, _element.createElement)(_mediaReplaceFlow.default, {
+    mediaId: id,
+    mediaURL: url,
+    allowedTypes: [IMAGE_BACKGROUND_TYPE],
+    accept: "image/*",
+    onSelect: onSelectMedia,
+    name: (0, _element.createElement)(InspectorImagePreview, {
+      label: title,
+      url: url
+    }),
+    variant: "secondary"
+  }, (0, _element.createElement)(_components.MenuItem, {
+    onClick: () => resetBackgroundImage(props)
+  }, (0, _i18n.__)('Reset '))), !url && (0, _element.createElement)(_check.default, null, (0, _element.createElement)(_mediaUpload.default, {
+    onSelect: onSelectMedia,
+    allowedTypes: [IMAGE_BACKGROUND_TYPE],
+    render: ({
+      open
+    }) => (0, _element.createElement)("div", {
+      className: "block-editor-hooks__background__inspector-upload-container"
+    }, (0, _element.createElement)(_components.Button, {
+      onClick: open,
+      variant: "secondary"
+    }, (0, _i18n.__)('Add background image')), (0, _element.createElement)(_components.DropZone, {
+      onFilesDrop: onFilesDrop
+    }))
+  }))));
+}
+function BackgroundImagePanel(props) {
+  const isBackgroundImageSupported = (0, _useSetting.default)('background.backgroundImage') && hasBackgroundSupport(props.name, 'backgroundImage');
+  if (!isBackgroundImageSupported) {
+    return null;
+  }
+  return (0, _element.createElement)(_inspectorControls.default, {
+    group: "background"
+  }, isBackgroundImageSupported && (0, _element.createElement)(BackgroundImagePanelItem, {
+    ...props
+  }));
+}
+//# sourceMappingURL=background.js.map

package/build/hooks/background.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_element","require","_blob","_blocks","_components","_data","_i18n","_notices","_url","_inspectorControls","_interopRequireDefault","_mediaReplaceFlow","_mediaUpload","_check","_useSetting","_utils","_store","BACKGROUND_SUPPORT_KEY","exports","IMAGE_BACKGROUND_TYPE","hasBackgroundImageValue","props","hasValue","attributes","style","background","backgroundImage","id","url","hasBackgroundSupport","blockName","feature","Platform","OS","support","getBlockSupport","resetBackgroundImage","setAttributes","cleanEmptyObject","undefined","InspectorImagePreview","label","imgUrl","imgLabel","getFilename","createElement","__experimentalItemGroup","as","__experimentalHStack","justify","src","alt","FlexItem","__experimentalTruncate","numberOfLines","className","BackgroundImagePanelItem","clientId","title","mediaUpload","useSelect","select","blockEditorStore","getSettings","createErrorNotice","useDispatch","noticesStore","onUploadError","message","type","onSelectMedia","media","newStyle","newAttributes","isBlobURL","media_type","__","source","onFilesDrop","filesList","allowedTypes","onFileChange","image","onError","resetAllFilter","useCallback","previousValue","__experimentalToolsPanelItem","onDeselect","isShownByDefault","panelId","default","mediaId","mediaURL","accept","onSelect","name","variant","MenuItem","onClick","render","open","Button","DropZone","BackgroundImagePanel","isBackgroundImageSupported","useSetting","group"],"sources":["@wordpress/block-editor/src/hooks/background.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { isBlobURL } from '@wordpress/blob';\nimport { getBlockSupport } from '@wordpress/blocks';\nimport {\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\tButton,\n\tDropZone,\n\tFlexItem,\n\tMenuItem,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalTruncate as Truncate,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { Platform, useCallback } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { getFilename } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport InspectorControls from '../components/inspector-controls';\nimport MediaReplaceFlow from '../components/media-replace-flow';\nimport MediaUpload from '../components/media-upload';\nimport MediaUploadCheck from '../components/media-upload/check';\nimport useSetting from '../components/use-setting';\nimport { cleanEmptyObject } from './utils';\nimport { store as blockEditorStore } from '../store';\n\nexport const BACKGROUND_SUPPORT_KEY = 'background';\nexport const IMAGE_BACKGROUND_TYPE = 'image';\n\n/**\n * Checks if there is a current value in the background image block support\n * attributes.\n *\n * @param {Object} props Block props.\n * @return {boolean}     Whether or not the block has a background image value set.\n */\nexport function hasBackgroundImageValue( props ) {\n\tconst hasValue =\n\t\t!! props.attributes.style?.background?.backgroundImage?.id ||\n\t\t!! props.attributes.style?.background?.backgroundImage?.url;\n\n\treturn hasValue;\n}\n\n/**\n * Determine whether there is block support for background.\n *\n * @param {string} blockName Block name.\n * @param {string} feature   Background image feature to check for.\n *\n * @return {boolean} Whether there is support.\n */\nexport function hasBackgroundSupport( blockName, feature = 'any' ) {\n\tif ( Platform.OS !== 'web' ) {\n\t\treturn false;\n\t}\n\n\tconst support = getBlockSupport( blockName, BACKGROUND_SUPPORT_KEY );\n\n\tif ( support === true ) {\n\t\treturn true;\n\t}\n\n\tif ( feature === 'any' ) {\n\t\treturn !! support?.backgroundImage;\n\t}\n\n\treturn !! support?.[ feature ];\n}\n\n/**\n * Resets the background image block support attributes. This can be used when disabling\n * the background image controls for a block via a `ToolsPanel`.\n *\n * @param {Object} props               Block props.\n * @param {Object} props.attributes    Block's attributes.\n * @param {Object} props.setAttributes Function to set block's attributes.\n */\nexport function resetBackgroundImage( { attributes = {}, setAttributes } ) {\n\tconst { style = {} } = attributes;\n\n\tsetAttributes( {\n\t\tstyle: cleanEmptyObject( {\n\t\t\t...style,\n\t\t\tbackground: {\n\t\t\t\t...style?.background,\n\t\t\t\tbackgroundImage: undefined,\n\t\t\t},\n\t\t} ),\n\t} );\n}\n\nfunction InspectorImagePreview( { label, url: imgUrl } ) {\n\tconst imgLabel = label || getFilename( imgUrl );\n\treturn (\n\t\t<ItemGroup as=\"span\">\n\t\t\t<HStack justify=\"flex-start\" as=\"span\">\n\t\t\t\t<img src={ imgUrl } alt=\"\" />\n\t\t\t\t<FlexItem as=\"span\">\n\t\t\t\t\t<Truncate\n\t\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\t\tclassName=\"block-editor-hooks__background__inspector-media-replace-title\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ imgLabel }\n\t\t\t\t\t</Truncate>\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t</ItemGroup>\n\t);\n}\n\nfunction BackgroundImagePanelItem( props ) {\n\tconst { attributes, clientId, setAttributes } = props;\n\n\tconst { id, title, url } =\n\t\tattributes.style?.background?.backgroundImage || {};\n\n\tconst { mediaUpload } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tmediaUpload: select( blockEditorStore ).getSettings().mediaUpload,\n\t\t};\n\t} );\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\tconst onSelectMedia = ( media ) => {\n\t\tif ( ! media || ! media.url ) {\n\t\t\tconst newStyle = {\n\t\t\t\t...attributes.style,\n\t\t\t\tbackground: {\n\t\t\t\t\t...attributes.style?.background,\n\t\t\t\t\tbackgroundImage: undefined,\n\t\t\t\t},\n\t\t\t};\n\n\t\t\tconst newAttributes = {\n\t\t\t\tstyle: cleanEmptyObject( newStyle ),\n\t\t\t};\n\n\t\t\tsetAttributes( newAttributes );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isBlobURL( media.url ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// For media selections originated from a file upload.\n\t\tif (\n\t\t\t( media.media_type &&\n\t\t\t\tmedia.media_type !== IMAGE_BACKGROUND_TYPE ) ||\n\t\t\t( ! media.media_type &&\n\t\t\t\tmedia.type &&\n\t\t\t\tmedia.type !== IMAGE_BACKGROUND_TYPE )\n\t\t) {\n\t\t\tonUploadError(\n\t\t\t\t__( 'Only images can be used as a background image.' )\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tconst newStyle = {\n\t\t\t...attributes.style,\n\t\t\tbackground: {\n\t\t\t\t...attributes.style?.background,\n\t\t\t\tbackgroundImage: {\n\t\t\t\t\turl: media.url,\n\t\t\t\t\tid: media.id,\n\t\t\t\t\tsource: 'file',\n\t\t\t\t\ttitle: media.title || undefined,\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\n\t\tconst newAttributes = {\n\t\t\tstyle: cleanEmptyObject( newStyle ),\n\t\t};\n\n\t\tsetAttributes( newAttributes );\n\t};\n\n\tconst onFilesDrop = ( filesList ) => {\n\t\tmediaUpload( {\n\t\t\tallowedTypes: [ 'image' ],\n\t\t\tfilesList,\n\t\t\tonFileChange( [ image ] ) {\n\t\t\t\tif ( isBlobURL( image?.url ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tonSelectMedia( image );\n\t\t\t},\n\t\t\tonError: onUploadError,\n\t\t} );\n\t};\n\n\tconst resetAllFilter = useCallback( ( previousValue ) => {\n\t\treturn {\n\t\t\t...previousValue,\n\t\t\tstyle: {\n\t\t\t\t...previousValue.style,\n\t\t\t\tbackground: undefined,\n\t\t\t},\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<ToolsPanelItem\n\t\t\tclassName=\"single-column\"\n\t\t\thasValue={ () => hasBackgroundImageValue( props ) }\n\t\t\tlabel={ __( 'Background image' ) }\n\t\t\tonDeselect={ () => resetBackgroundImage( props ) }\n\t\t\tisShownByDefault={ true }\n\t\t\tresetAllFilter={ resetAllFilter }\n\t\t\tpanelId={ clientId }\n\t\t>\n\t\t\t<div className=\"block-editor-hooks__background__inspector-media-replace-container\">\n\t\t\t\t{ !! url && (\n\t\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\t\tmediaId={ id }\n\t\t\t\t\t\tmediaURL={ url }\n\t\t\t\t\t\tallowedTypes={ [ IMAGE_BACKGROUND_TYPE ] }\n\t\t\t\t\t\taccept=\"image/*\"\n\t\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\t\tname={\n\t\t\t\t\t\t\t<InspectorImagePreview\n\t\t\t\t\t\t\t\tlabel={ title }\n\t\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => resetBackgroundImage( props ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Reset ' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MediaReplaceFlow>\n\t\t\t\t) }\n\t\t\t\t{ ! url && (\n\t\t\t\t\t<MediaUploadCheck>\n\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\t\t\tallowedTypes={ [ IMAGE_BACKGROUND_TYPE ] }\n\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t<div className=\"block-editor-hooks__background__inspector-upload-container\">\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Add background image' ) }\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t<DropZone onFilesDrop={ onFilesDrop } />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</MediaUploadCheck>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</ToolsPanelItem>\n\t);\n}\n\nexport function BackgroundImagePanel( props ) {\n\tconst isBackgroundImageSupported =\n\t\tuseSetting( 'background.backgroundImage' ) &&\n\t\thasBackgroundSupport( props.name, 'backgroundImage' );\n\n\tif ( ! isBackgroundImageSupported ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<InspectorControls group=\"background\">\n\t\t\t{ isBackgroundImageSupported && (\n\t\t\t\t<BackgroundImagePanelItem { ...props } />\n\t\t\t) }\n\t\t</InspectorControls>\n\t);\n}\n"],"mappings":"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"}

package/build/hooks/block-hooks.js

@@ -0,0 +1,188 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withBlockHooks = void 0;
+var _element = require("@wordpress/element");
+var _i18n = require("@wordpress/i18n");
+var _hooks = require("@wordpress/hooks");
+var _components = require("@wordpress/components");
+var _compose = require("@wordpress/compose");
+var _blocks = require("@wordpress/blocks");
+var _data = require("@wordpress/data");
+var _components2 = require("../components");
+var _store = require("../store");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const EMPTY_OBJECT = {};
+function BlockHooksControl(props) {
+  const blockTypes = (0, _data.useSelect)(select => select(_blocks.store).getBlockTypes(), []);
+  const hookedBlocksForCurrentBlock = (0, _element.useMemo)(() => blockTypes?.filter(({
+    blockHooks
+  }) => blockHooks && props.blockName in blockHooks), [blockTypes, props.blockName]);
+  const {
+    blockIndex,
+    rootClientId,
+    innerBlocksLength
+  } = (0, _data.useSelect)(select => {
+    const {
+      getBlock,
+      getBlockIndex,
+      getBlockRootClientId
+    } = select(_store.store);
+    return {
+      blockIndex: getBlockIndex(props.clientId),
+      innerBlocksLength: getBlock(props.clientId)?.innerBlocks?.length,
+      rootClientId: getBlockRootClientId(props.clientId)
+    };
+  }, [props.clientId]);
+  const hookedBlockClientIds = (0, _data.useSelect)(select => {
+    const {
+      getBlock,
+      getGlobalBlockCount
+    } = select(_store.store);
+    const _hookedBlockClientIds = hookedBlocksForCurrentBlock.reduce((clientIds, block) => {
+      // If the block doesn't exist anywhere in the block tree,
+      // we know that we have to display the toggle for it, and set
+      // it to disabled.
+      if (getGlobalBlockCount(block.name) === 0) {
+        return clientIds;
+      }
+      const relativePosition = block?.blockHooks?.[props.blockName];
+      let candidates;
+      switch (relativePosition) {
+        case 'before':
+        case 'after':
+          // Any of the current block's siblings (with the right block type) qualifies
+          // as a hooked block (inserted `before` or `after` the current one), as the block
+          // might've been automatically inserted and then moved around a bit by the user.
+          candidates = getBlock(rootClientId)?.innerBlocks;
+          break;
+        case 'first_child':
+        case 'last_child':
+          // Any of the current block's child blocks (with the right block type) qualifies
+          // as a hooked first or last child block, as the block might've been automatically
+          // inserted and then moved around a bit by the user.
+          candidates = getBlock(props.clientId).innerBlocks;
+          break;
+      }
+      const hookedBlock = candidates?.find(({
+        name
+      }) => name === block.name);
+
+      // If the block exists in the designated location, we consider it hooked
+      // and show the toggle as enabled.
+      if (hookedBlock) {
+        return {
+          ...clientIds,
+          [block.name]: hookedBlock.clientId
+        };
+      }
+
+      // If no hooked block was found in any of its designated locations,
+      // but it exists elsewhere in the block tree, we consider it manually inserted.
+      // In this case, we take note and will remove the corresponding toggle from the
+      // block inspector panel.
+      return {
+        ...clientIds,
+        [block.name]: false
+      };
+    }, {});
+    if (Object.values(_hookedBlockClientIds).length > 0) {
+      return _hookedBlockClientIds;
+    }
+    return EMPTY_OBJECT;
+  }, [hookedBlocksForCurrentBlock, props.blockName, props.clientId, rootClientId]);
+  const {
+    insertBlock,
+    removeBlock
+  } = (0, _data.useDispatch)(_store.store);
+
+  // Remove toggle if block isn't present in the designated location but elsewhere in the block tree.
+  const hookedBlocksForCurrentBlockIfNotPresentElsewhere = hookedBlocksForCurrentBlock?.filter(block => hookedBlockClientIds?.[block.name] !== false);
+  if (!hookedBlocksForCurrentBlockIfNotPresentElsewhere.length) {
+    return null;
+  }
+
+  // Group by block namespace (i.e. prefix before the slash).
+  const groupedHookedBlocks = hookedBlocksForCurrentBlock.reduce((groups, block) => {
+    const [namespace] = block.name.split('/');
+    if (!groups[namespace]) {
+      groups[namespace] = [];
+    }
+    groups[namespace].push(block);
+    return groups;
+  }, {});
+  const insertBlockIntoDesignatedLocation = (block, relativePosition) => {
+    switch (relativePosition) {
+      case 'before':
+      case 'after':
+        insertBlock(block, relativePosition === 'after' ? blockIndex + 1 : blockIndex, rootClientId,
+        // Insert as a child of the current block's parent
+        false);
+        break;
+      case 'first_child':
+      case 'last_child':
+        insertBlock(block,
+        // TODO: It'd be great if insertBlock() would accept negative indices for insertion.
+        relativePosition === 'first_child' ? 0 : innerBlocksLength, props.clientId,
+        // Insert as a child of the current block.
+        false);
+        break;
+    }
+  };
+  return (0, _element.createElement)(_components2.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+    className: "block-editor-hooks__block-hooks",
+    title: (0, _i18n.__)('Plugins'),
+    initialOpen: true
+  }, Object.keys(groupedHookedBlocks).map(vendor => {
+    return (0, _element.createElement)(_element.Fragment, {
+      key: vendor
+    }, (0, _element.createElement)("h3", null, vendor), groupedHookedBlocks[vendor].map(block => {
+      const checked = (block.name in hookedBlockClientIds);
+      return (0, _element.createElement)(_components.ToggleControl, {
+        checked: checked,
+        key: block.title,
+        label: (0, _element.createElement)(_components.__experimentalHStack, {
+          justify: "flex-start"
+        }, (0, _element.createElement)(_components2.BlockIcon, {
+          icon: block.icon
+        }), (0, _element.createElement)("span", null, block.title)),
+        onChange: () => {
+          if (!checked) {
+            // Create and insert block.
+            const relativePosition = block.blockHooks[props.blockName];
+            insertBlockIntoDesignatedLocation((0, _blocks.createBlock)(block.name), relativePosition);
+            return;
+          }
+
+          // Remove block.
+          const clientId = hookedBlockClientIds[block.name];
+          removeBlock(clientId, false);
+        }
+      });
+    }));
+  })));
+}
+const withBlockHooks = (0, _compose.createHigherOrderComponent)(BlockEdit => {
+  return props => {
+    const blockEdit = (0, _element.createElement)(BlockEdit, {
+      key: "edit",
+      ...props
+    });
+    return (0, _element.createElement)(_element.Fragment, null, blockEdit, (0, _element.createElement)(BlockHooksControl, {
+      blockName: props.name,
+      clientId: props.clientId
+    }));
+  };
+}, 'withBlockHooks');
+exports.withBlockHooks = withBlockHooks;
+(0, _hooks.addFilter)('editor.BlockEdit', 'core/block-hooks/with-inspector-control', withBlockHooks);
+//# sourceMappingURL=block-hooks.js.map

package/build/hooks/block-hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_element","require","_i18n","_hooks","_components","_compose","_blocks","_data","_components2","_store","EMPTY_OBJECT","BlockHooksControl","props","blockTypes","useSelect","select","blocksStore","getBlockTypes","hookedBlocksForCurrentBlock","useMemo","filter","blockHooks","blockName","blockIndex","rootClientId","innerBlocksLength","getBlock","getBlockIndex","getBlockRootClientId","blockEditorStore","clientId","innerBlocks","length","hookedBlockClientIds","getGlobalBlockCount","_hookedBlockClientIds","reduce","clientIds","block","name","relativePosition","candidates","hookedBlock","find","Object","values","insertBlock","removeBlock","useDispatch","hookedBlocksForCurrentBlockIfNotPresentElsewhere","groupedHookedBlocks","groups","namespace","split","push","insertBlockIntoDesignatedLocation","createElement","InspectorControls","PanelBody","className","title","__","initialOpen","keys","map","vendor","Fragment","key","checked","ToggleControl","label","__experimentalHStack","justify","BlockIcon","icon","onChange","createBlock","withBlockHooks","createHigherOrderComponent","BlockEdit","blockEdit","exports","addFilter"],"sources":["@wordpress/block-editor/src/hooks/block-hooks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { addFilter } from '@wordpress/hooks';\nimport { Fragment, useMemo } from '@wordpress/element';\nimport {\n\t__experimentalHStack as HStack,\n\tPanelBody,\n\tToggleControl,\n} from '@wordpress/components';\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport { createBlock, store as blocksStore } from '@wordpress/blocks';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { BlockIcon, InspectorControls } from '../components';\nimport { store as blockEditorStore } from '../store';\n\nconst EMPTY_OBJECT = {};\n\nfunction BlockHooksControl( props ) {\n\tconst blockTypes = useSelect(\n\t\t( select ) => select( blocksStore ).getBlockTypes(),\n\t\t[]\n\t);\n\n\tconst hookedBlocksForCurrentBlock = useMemo(\n\t\t() =>\n\t\t\tblockTypes?.filter(\n\t\t\t\t( { blockHooks } ) =>\n\t\t\t\t\tblockHooks && props.blockName in blockHooks\n\t\t\t),\n\t\t[ blockTypes, props.blockName ]\n\t);\n\n\tconst { blockIndex, rootClientId, innerBlocksLength } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlock, getBlockIndex, getBlockRootClientId } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\treturn {\n\t\t\t\tblockIndex: getBlockIndex( props.clientId ),\n\t\t\t\tinnerBlocksLength: getBlock( props.clientId )?.innerBlocks\n\t\t\t\t\t?.length,\n\t\t\t\trootClientId: getBlockRootClientId( props.clientId ),\n\t\t\t};\n\t\t},\n\t\t[ props.clientId ]\n\t);\n\n\tconst hookedBlockClientIds = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlock, getGlobalBlockCount } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\tconst _hookedBlockClientIds = hookedBlocksForCurrentBlock.reduce(\n\t\t\t\t( clientIds, block ) => {\n\t\t\t\t\t// If the block doesn't exist anywhere in the block tree,\n\t\t\t\t\t// we know that we have to display the toggle for it, and set\n\t\t\t\t\t// it to disabled.\n\t\t\t\t\tif ( getGlobalBlockCount( block.name ) === 0 ) {\n\t\t\t\t\t\treturn clientIds;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst relativePosition =\n\t\t\t\t\t\tblock?.blockHooks?.[ props.blockName ];\n\t\t\t\t\tlet candidates;\n\n\t\t\t\t\tswitch ( relativePosition ) {\n\t\t\t\t\t\tcase 'before':\n\t\t\t\t\t\tcase 'after':\n\t\t\t\t\t\t\t// Any of the current block's siblings (with the right block type) qualifies\n\t\t\t\t\t\t\t// as a hooked block (inserted `before` or `after` the current one), as the block\n\t\t\t\t\t\t\t// might've been automatically inserted and then moved around a bit by the user.\n\t\t\t\t\t\t\tcandidates = getBlock( rootClientId )?.innerBlocks;\n\t\t\t\t\t\t\tbreak;\n\n\t\t\t\t\t\tcase 'first_child':\n\t\t\t\t\t\tcase 'last_child':\n\t\t\t\t\t\t\t// Any of the current block's child blocks (with the right block type) qualifies\n\t\t\t\t\t\t\t// as a hooked first or last child block, as the block might've been automatically\n\t\t\t\t\t\t\t// inserted and then moved around a bit by the user.\n\t\t\t\t\t\t\tcandidates = getBlock( props.clientId ).innerBlocks;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst hookedBlock = candidates?.find(\n\t\t\t\t\t\t( { name } ) => name === block.name\n\t\t\t\t\t);\n\n\t\t\t\t\t// If the block exists in the designated location, we consider it hooked\n\t\t\t\t\t// and show the toggle as enabled.\n\t\t\t\t\tif ( hookedBlock ) {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...clientIds,\n\t\t\t\t\t\t\t[ block.name ]: hookedBlock.clientId,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\n\t\t\t\t\t// If no hooked block was found in any of its designated locations,\n\t\t\t\t\t// but it exists elsewhere in the block tree, we consider it manually inserted.\n\t\t\t\t\t// In this case, we take note and will remove the corresponding toggle from the\n\t\t\t\t\t// block inspector panel.\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...clientIds,\n\t\t\t\t\t\t[ block.name ]: false,\n\t\t\t\t\t};\n\t\t\t\t},\n\t\t\t\t{}\n\t\t\t);\n\n\t\t\tif ( Object.values( _hookedBlockClientIds ).length > 0 ) {\n\t\t\t\treturn _hookedBlockClientIds;\n\t\t\t}\n\n\t\t\treturn EMPTY_OBJECT;\n\t\t},\n\t\t[\n\t\t\thookedBlocksForCurrentBlock,\n\t\t\tprops.blockName,\n\t\t\tprops.clientId,\n\t\t\trootClientId,\n\t\t]\n\t);\n\n\tconst { insertBlock, removeBlock } = useDispatch( blockEditorStore );\n\n\t// Remove toggle if block isn't present in the designated location but elsewhere in the block tree.\n\tconst hookedBlocksForCurrentBlockIfNotPresentElsewhere =\n\t\thookedBlocksForCurrentBlock?.filter(\n\t\t\t( block ) => hookedBlockClientIds?.[ block.name ] !== false\n\t\t);\n\n\tif ( ! hookedBlocksForCurrentBlockIfNotPresentElsewhere.length ) {\n\t\treturn null;\n\t}\n\n\t// Group by block namespace (i.e. prefix before the slash).\n\tconst groupedHookedBlocks = hookedBlocksForCurrentBlock.reduce(\n\t\t( groups, block ) => {\n\t\t\tconst [ namespace ] = block.name.split( '/' );\n\t\t\tif ( ! groups[ namespace ] ) {\n\t\t\t\tgroups[ namespace ] = [];\n\t\t\t}\n\t\t\tgroups[ namespace ].push( block );\n\t\t\treturn groups;\n\t\t},\n\t\t{}\n\t);\n\n\tconst insertBlockIntoDesignatedLocation = ( block, relativePosition ) => {\n\t\tswitch ( relativePosition ) {\n\t\t\tcase 'before':\n\t\t\tcase 'after':\n\t\t\t\tinsertBlock(\n\t\t\t\t\tblock,\n\t\t\t\t\trelativePosition === 'after' ? blockIndex + 1 : blockIndex,\n\t\t\t\t\trootClientId, // Insert as a child of the current block's parent\n\t\t\t\t\tfalse\n\t\t\t\t);\n\t\t\t\tbreak;\n\n\t\t\tcase 'first_child':\n\t\t\tcase 'last_child':\n\t\t\t\tinsertBlock(\n\t\t\t\t\tblock,\n\t\t\t\t\t// TODO: It'd be great if insertBlock() would accept negative indices for insertion.\n\t\t\t\t\trelativePosition === 'first_child' ? 0 : innerBlocksLength,\n\t\t\t\t\tprops.clientId, // Insert as a child of the current block.\n\t\t\t\t\tfalse\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t}\n\t};\n\n\treturn (\n\t\t<InspectorControls>\n\t\t\t<PanelBody\n\t\t\t\tclassName=\"block-editor-hooks__block-hooks\"\n\t\t\t\ttitle={ __( 'Plugins' ) }\n\t\t\t\tinitialOpen={ true }\n\t\t\t>\n\t\t\t\t{ Object.keys( groupedHookedBlocks ).map( ( vendor ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Fragment key={ vendor }>\n\t\t\t\t\t\t\t<h3>{ vendor }</h3>\n\t\t\t\t\t\t\t{ groupedHookedBlocks[ vendor ].map( ( block ) => {\n\t\t\t\t\t\t\t\tconst checked =\n\t\t\t\t\t\t\t\t\tblock.name in hookedBlockClientIds;\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t\tchecked={ checked }\n\t\t\t\t\t\t\t\t\t\tkey={ block.title }\n\t\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t\t\t\t\t\t\t\t\t<BlockIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon={ block.icon }\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>{ block.title }</span>\n\t\t\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\t\t\t\t\t\tif ( ! checked ) {\n\t\t\t\t\t\t\t\t\t\t\t\t// Create and insert block.\n\t\t\t\t\t\t\t\t\t\t\t\tconst relativePosition =\n\t\t\t\t\t\t\t\t\t\t\t\t\tblock.blockHooks[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.blockName\n\t\t\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t\t\tinsertBlockIntoDesignatedLocation(\n\t\t\t\t\t\t\t\t\t\t\t\t\tcreateBlock( block.name ),\n\t\t\t\t\t\t\t\t\t\t\t\t\trelativePosition\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t// Remove block.\n\t\t\t\t\t\t\t\t\t\t\tconst clientId =\n\t\t\t\t\t\t\t\t\t\t\t\thookedBlockClientIds[\n\t\t\t\t\t\t\t\t\t\t\t\t\tblock.name\n\t\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t\tremoveBlock( clientId, false );\n\t\t\t\t\t\t\t\t\t\t} }\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</Fragment>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n}\n\nexport const withBlockHooks = createHigherOrderComponent( ( BlockEdit ) => {\n\treturn ( props ) => {\n\t\tconst blockEdit = <BlockEdit key=\"edit\" { ...props } />;\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ blockEdit }\n\t\t\t\t<BlockHooksControl\n\t\t\t\t\tblockName={ props.name }\n\t\t\t\t\tclientId={ props.clientId }\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t};\n}, 'withBlockHooks' );\n\naddFilter(\n\t'editor.BlockEdit',\n\t'core/block-hooks/with-inspector-control',\n\twithBlockHooks\n);\n"],"mappings":"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"}

package/build/hooks/block-rename-ui.js

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withBlockRenameControl = void 0;
+var _element = require("@wordpress/element");
+var _compose = require("@wordpress/compose");
+var _hooks = require("@wordpress/hooks");
+var _i18n = require("@wordpress/i18n");
+var _blocks = require("@wordpress/blocks");
+var _components = require("@wordpress/components");
+var _a11y = require("@wordpress/a11y");
+var _components2 = require("../components");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const emptyString = testString => testString?.trim()?.length === 0;
+function RenameModal({
+  blockName,
+  originalBlockName,
+  onClose,
+  onSave
+}) {
+  const [editedBlockName, setEditedBlockName] = (0, _element.useState)(blockName);
+  const nameHasChanged = editedBlockName !== blockName;
+  const nameIsOriginal = editedBlockName === originalBlockName;
+  const nameIsEmpty = emptyString(editedBlockName);
+  const isNameValid = nameHasChanged || nameIsOriginal;
+  const autoSelectInputText = event => event.target.select();
+  const dialogDescription = (0, _compose.useInstanceId)(RenameModal, `block-editor-rename-modal__description`);
+  const handleSubmit = () => {
+    // Must be assertive to immediately announce change.
+    (0, _a11y.speak)((0, _i18n.sprintf)( /* translators: %1$s: type of update (either reset of changed). %2$s: new name/label for the block */
+    (0, _i18n.__)('Block name %1$s to: "%2$s".'), nameIsOriginal || nameIsEmpty ? (0, _i18n.__)('reset') : (0, _i18n.__)('changed'), editedBlockName), 'assertive');
+    onSave(editedBlockName);
+
+    // Immediate close avoids ability to hit save multiple times.
+    onClose();
+  };
+  return (0, _element.createElement)(_components.Modal, {
+    title: (0, _i18n.__)('Rename'),
+    onRequestClose: onClose,
+    overlayClassName: "block-editor-block-rename-modal",
+    aria: {
+      describedby: dialogDescription
+    }
+  }, (0, _element.createElement)("p", {
+    id: dialogDescription
+  }, (0, _i18n.__)('Enter a custom name for this block.')), (0, _element.createElement)("form", {
+    onSubmit: e => {
+      e.preventDefault();
+      if (!isNameValid) {
+        return;
+      }
+      handleSubmit();
+    }
+  }, (0, _element.createElement)(_components.__experimentalVStack, {
+    spacing: "3"
+  }, (0, _element.createElement)(_components.TextControl, {
+    __nextHasNoMarginBottom: true,
+    value: editedBlockName,
+    label: (0, _i18n.__)('Block name'),
+    hideLabelFromVision: true,
+    placeholder: originalBlockName,
+    onChange: setEditedBlockName,
+    onFocus: autoSelectInputText
+  }), (0, _element.createElement)(_components.__experimentalHStack, {
+    justify: "right"
+  }, (0, _element.createElement)(_components.Button, {
+    variant: "tertiary",
+    onClick: onClose
+  }, (0, _i18n.__)('Cancel')), (0, _element.createElement)(_components.Button, {
+    "aria-disabled": !isNameValid,
+    variant: "primary",
+    type: "submit"
+  }, (0, _i18n.__)('Save'))))));
+}
+function BlockRenameControl(props) {
+  const [renamingBlock, setRenamingBlock] = (0, _element.useState)(false);
+  const {
+    clientId,
+    customName,
+    onChange
+  } = props;
+  const blockInformation = (0, _components2.useBlockDisplayInformation)(clientId);
+  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components2.InspectorControls, {
+    group: "advanced"
+  }, (0, _element.createElement)(_components.TextControl, {
+    __nextHasNoMarginBottom: true,
+    label: (0, _i18n.__)('Block name'),
+    value: customName || '',
+    onChange: onChange
+  })), (0, _element.createElement)(_components2.BlockSettingsMenuControls, null, ({
+    selectedClientIds
+  }) => {
+    // Only enabled for single selections.
+    const canRename = selectedClientIds.length === 1 && clientId === selectedClientIds[0];
+
+    // This check ensures the `BlockSettingsMenuControls` fill
+    // doesn't render multiple times and also that it renders for
+    // the block from which the menu was triggered.
+    if (!canRename) {
+      return null;
+    }
+    return (0, _element.createElement)(_components.MenuItem, {
+      onClick: () => {
+        setRenamingBlock(true);
+      },
+      "aria-expanded": renamingBlock,
+      "aria-haspopup": "dialog"
+    }, (0, _i18n.__)('Rename'));
+  }), renamingBlock && (0, _element.createElement)(RenameModal, {
+    blockName: customName || '',
+    originalBlockName: blockInformation?.title,
+    onClose: () => setRenamingBlock(false),
+    onSave: newName => {
+      // If the new value is the block's original name (e.g. `Group`)
+      // or it is an empty string then assume the intent is to reset
+      // the value. Therefore reset the metadata.
+      if (newName === blockInformation?.title || emptyString(newName)) {
+        newName = undefined;
+      }
+      onChange(newName);
+    }
+  }));
+}
+const withBlockRenameControl = (0, _compose.createHigherOrderComponent)(BlockEdit => props => {
+  const {
+    clientId,
+    name,
+    attributes,
+    setAttributes
+  } = props;
+  const metaDataSupport = (0, _blocks.getBlockSupport)(name, '__experimentalMetadata', false);
+  const supportsBlockNaming = !!(true === metaDataSupport || metaDataSupport?.name);
+  return (0, _element.createElement)(_element.Fragment, null, supportsBlockNaming && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(BlockRenameControl, {
+    clientId: clientId,
+    customName: attributes?.metadata?.name,
+    onChange: newName => {
+      setAttributes({
+        metadata: {
+          ...(attributes?.metadata && attributes?.metadata),
+          name: newName
+        }
+      });
+    }
+  })), (0, _element.createElement)(BlockEdit, {
+    key: "edit",
+    ...props
+  }));
+}, 'withToolbarControls');
+exports.withBlockRenameControl = withBlockRenameControl;
+(0, _hooks.addFilter)('editor.BlockEdit', 'core/block-rename-ui/with-block-rename-control', withBlockRenameControl);
+//# sourceMappingURL=block-rename-ui.js.map