@wordpress/block-editor 12.25.0 → 13.0.0

package/build/components/block-mover/index.native.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BlockMover = exports.BLOCK_MOVER_DIRECTION_TOP = exports.BLOCK_MOVER_DIRECTION_BOTTOM = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
@@ -13,6 +12,7 @@ var _data = require("@wordpress/data");
 var _element = require("@wordpress/element");
 var _moverDescription = require("./mover-description");
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -102,32 +102,34 @@ const BlockMover = ({
   if (!canMove || isFirst && isLast && !rootClientId) {
     return null;
   }
-  return (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_components.ToolbarButton, {
-    title: !isFirst ? backwardButtonTitle : firstBlockTitle,
-    isDisabled: isFirst,
-    onClick: onMoveUp,
-    onLongPress: onLongPressMoveUp,
-    icon: backwardButtonIcon,
-    extraProps: {
-      hint: backwardButtonHint
-    }
-  }), (0, _react.createElement)(_components.ToolbarButton, {
-    title: !isLast ? forwardButtonTitle : lastBlockTitle,
-    isDisabled: isLast,
-    onClick: onMoveDown,
-    onLongPress: onLongPressMoveDown,
-    icon: forwardButtonIcon,
-    extraProps: {
-      hint: forwardButtonHint
-    }
-  }), (0, _react.createElement)(_components.Picker, {
-    ref: pickerRef,
-    options: blockPageMoverOptions,
-    onChange: onPickerSelect,
-    title: (0, _i18n.__)('Change block position'),
-    leftAlign: true,
-    hideCancelButton: _reactNative.Platform.OS !== 'ios'
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.ToolbarGroup, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
+      title: !isFirst ? backwardButtonTitle : firstBlockTitle,
+      isDisabled: isFirst,
+      onClick: onMoveUp,
+      onLongPress: onLongPressMoveUp,
+      icon: backwardButtonIcon,
+      extraProps: {
+        hint: backwardButtonHint
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
+      title: !isLast ? forwardButtonTitle : lastBlockTitle,
+      isDisabled: isLast,
+      onClick: onMoveDown,
+      onLongPress: onLongPressMoveDown,
+      icon: forwardButtonIcon,
+      extraProps: {
+        hint: forwardButtonHint
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Picker, {
+      ref: pickerRef,
+      options: blockPageMoverOptions,
+      onChange: onPickerSelect,
+      title: (0, _i18n.__)('Change block position'),
+      leftAlign: true,
+      hideCancelButton: _reactNative.Platform.OS !== 'ios'
+    })]
+  });
 };
 exports.BlockMover = BlockMover;
 var _default = exports.default = (0, _compose.compose)((0, _data.withSelect)((select, {

package/build/components/block-mover/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_i18n","_components","_compose","_data","_element","_moverDescription","_store","BLOCK_MOVER_DIRECTION_TOP","exports","BLOCK_MOVER_DIRECTION_BOTTOM","BlockMover","isFirst","isLast","canMove","onMoveDown","onMoveUp","onLongMove","firstIndex","numberOfBlocks","rootClientId","isStackedHorizontally","pickerRef","useRef","shouldPresentPicker","setShouldPresentPicker","useState","blockPageMoverState","setBlockPageMoverState","undefined","showBlockPageMover","direction","current","useEffect","presentPicker","description","backwardButtonHint","forwardButtonHint","firstBlockTitle","lastBlockTitle","icon","backward","backwardButtonIcon","forward","forwardButtonIcon","title","backwardButtonTitle","forwardButtonTitle","getMoversSetup","blockPageMoverOptions","label","__","value","onSelect","filter","el","onPickerSelect","option","find","onLongPressMoveUp","useCallback","onLongPressMoveDown","_react","createElement","ToolbarGroup","ToolbarButton","isDisabled","onClick","onLongPress","extraProps","hint","Picker","ref","options","onChange","leftAlign","hideCancelButton","Platform","OS","_default","default","compose","withSelect","select","clientIds","getBlockIndex","canMoveBlocks","getBlockRootClientId","getBlockOrder","blockEditorStore","normalizedClientIds","Array","isArray","firstClientId","blockOrder","lastIndex","length","withDispatch","dispatch","moveBlocksDown","moveBlocksUp","moveBlocksToPosition","args","targetIndex","withInstanceId"],"sources":["@wordpress/block-editor/src/components/block-mover/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Platform } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Picker, ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { withInstanceId, compose } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { useCallback, useEffect, useRef, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getMoversSetup } from './mover-description';\nimport { store as blockEditorStore } from '../../store';\n\nexport const BLOCK_MOVER_DIRECTION_TOP = 'blockPageMoverOptions-moveToTop';\nexport const BLOCK_MOVER_DIRECTION_BOTTOM =\n\t'blockPageMoverOptions-moveToBottom';\n\nexport const BlockMover = ( {\n\tisFirst,\n\tisLast,\n\tcanMove,\n\tonMoveDown,\n\tonMoveUp,\n\tonLongMove,\n\tfirstIndex,\n\tnumberOfBlocks,\n\trootClientId,\n\tisStackedHorizontally,\n} ) => {\n\tconst pickerRef = useRef();\n\tconst [ shouldPresentPicker, setShouldPresentPicker ] = useState( false );\n\tconst [ blockPageMoverState, setBlockPageMoverState ] =\n\t\tuseState( undefined );\n\tconst showBlockPageMover = ( direction ) => () => {\n\t\tif ( ! pickerRef.current ) {\n\t\t\tsetBlockPageMoverState( undefined );\n\t\t\treturn;\n\t\t}\n\n\t\tsetBlockPageMoverState( direction );\n\t\tsetShouldPresentPicker( true );\n\t};\n\n\t// Ensure that the picker is only presented after state updates.\n\tuseEffect( () => {\n\t\tif ( shouldPresentPicker ) {\n\t\t\tpickerRef.current?.presentPicker();\n\t\t\tsetShouldPresentPicker( false );\n\t\t}\n\t}, [ shouldPresentPicker ] );\n\n\tconst {\n\t\tdescription: {\n\t\t\tbackwardButtonHint,\n\t\t\tforwardButtonHint,\n\t\t\tfirstBlockTitle,\n\t\t\tlastBlockTitle,\n\t\t},\n\t\ticon: { backward: backwardButtonIcon, forward: forwardButtonIcon },\n\t\ttitle: { backward: backwardButtonTitle, forward: forwardButtonTitle },\n\t} = getMoversSetup( isStackedHorizontally, { firstIndex } );\n\n\tconst blockPageMoverOptions = [\n\t\t{\n\t\t\ticon: backwardButtonIcon,\n\t\t\tlabel: __( 'Move to top' ),\n\t\t\tvalue: BLOCK_MOVER_DIRECTION_TOP,\n\t\t\tonSelect: () => {\n\t\t\t\tonLongMove()( 0 );\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\ticon: forwardButtonIcon,\n\t\t\tlabel: __( 'Move to bottom' ),\n\t\t\tvalue: BLOCK_MOVER_DIRECTION_BOTTOM,\n\t\t\tonSelect: () => {\n\t\t\t\tonLongMove()( numberOfBlocks );\n\t\t\t},\n\t\t},\n\t].filter( ( el ) => el.value === blockPageMoverState );\n\n\tconst onPickerSelect = ( value ) => {\n\t\tconst option = blockPageMoverOptions.find(\n\t\t\t( el ) => el.value === value\n\t\t);\n\t\tif ( option && option.onSelect ) {\n\t\t\toption.onSelect();\n\t\t}\n\t};\n\n\tconst onLongPressMoveUp = useCallback(\n\t\tshowBlockPageMover( BLOCK_MOVER_DIRECTION_TOP ),\n\t\t[]\n\t);\n\tconst onLongPressMoveDown = useCallback(\n\t\tshowBlockPageMover( BLOCK_MOVER_DIRECTION_BOTTOM ),\n\t\t[]\n\t);\n\n\tif ( ! canMove || ( isFirst && isLast && ! rootClientId ) ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarButton\n\t\t\t\ttitle={ ! isFirst ? backwardButtonTitle : firstBlockTitle }\n\t\t\t\tisDisabled={ isFirst }\n\t\t\t\tonClick={ onMoveUp }\n\t\t\t\tonLongPress={ onLongPressMoveUp }\n\t\t\t\ticon={ backwardButtonIcon }\n\t\t\t\textraProps={ { hint: backwardButtonHint } }\n\t\t\t/>\n\n\t\t\t<ToolbarButton\n\t\t\t\ttitle={ ! isLast ? forwardButtonTitle : lastBlockTitle }\n\t\t\t\tisDisabled={ isLast }\n\t\t\t\tonClick={ onMoveDown }\n\t\t\t\tonLongPress={ onLongPressMoveDown }\n\t\t\t\ticon={ forwardButtonIcon }\n\t\t\t\textraProps={ {\n\t\t\t\t\thint: forwardButtonHint,\n\t\t\t\t} }\n\t\t\t/>\n\n\t\t\t<Picker\n\t\t\t\tref={ pickerRef }\n\t\t\t\toptions={ blockPageMoverOptions }\n\t\t\t\tonChange={ onPickerSelect }\n\t\t\t\ttitle={ __( 'Change block position' ) }\n\t\t\t\tleftAlign\n\t\t\t\thideCancelButton={ Platform.OS !== 'ios' }\n\t\t\t/>\n\t\t</ToolbarGroup>\n\t);\n};\n\nexport default compose(\n\twithSelect( ( select, { clientIds } ) => {\n\t\tconst {\n\t\t\tgetBlockIndex,\n\t\t\tcanMoveBlocks,\n\t\t\tgetBlockRootClientId,\n\t\t\tgetBlockOrder,\n\t\t} = select( blockEditorStore );\n\t\tconst normalizedClientIds = Array.isArray( clientIds )\n\t\t\t? clientIds\n\t\t\t: [ clientIds ];\n\t\tconst firstClientId = normalizedClientIds[ 0 ];\n\t\tconst rootClientId = getBlockRootClientId( firstClientId );\n\t\tconst blockOrder = getBlockOrder( rootClientId );\n\t\tconst firstIndex = getBlockIndex( firstClientId );\n\t\tconst lastIndex = getBlockIndex(\n\t\t\tnormalizedClientIds[ normalizedClientIds.length - 1 ]\n\t\t);\n\n\t\treturn {\n\t\t\tfirstIndex,\n\t\t\tnumberOfBlocks: blockOrder.length - 1,\n\t\t\tisFirst: firstIndex === 0,\n\t\t\tisLast: lastIndex === blockOrder.length - 1,\n\t\t\tcanMove: canMoveBlocks( clientIds, rootClientId ),\n\t\t\trootClientId,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientIds, rootClientId } ) => {\n\t\tconst { moveBlocksDown, moveBlocksUp, moveBlocksToPosition } =\n\t\t\tdispatch( blockEditorStore );\n\t\treturn {\n\t\t\tonMoveDown: ( ...args ) =>\n\t\t\t\tmoveBlocksDown( clientIds, rootClientId, ...args ),\n\t\t\tonMoveUp: ( ...args ) =>\n\t\t\t\tmoveBlocksUp( clientIds, rootClientId, ...args ),\n\t\t\tonLongMove:\n\t\t\t\t( targetIndex ) =>\n\t\t\t\t( ...args ) =>\n\t\t\t\t\tmoveBlocksToPosition(\n\t\t\t\t\t\tclientIds,\n\t\t\t\t\t\trootClientId,\n\t\t\t\t\t\ttargetIndex,\n\t\t\t\t\t\t...args\n\t\t\t\t\t),\n\t\t};\n\t} ),\n\twithInstanceId\n)( BlockMover );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_i18n","_components","_compose","_data","_element","_moverDescription","_store","_jsxRuntime","BLOCK_MOVER_DIRECTION_TOP","exports","BLOCK_MOVER_DIRECTION_BOTTOM","BlockMover","isFirst","isLast","canMove","onMoveDown","onMoveUp","onLongMove","firstIndex","numberOfBlocks","rootClientId","isStackedHorizontally","pickerRef","useRef","shouldPresentPicker","setShouldPresentPicker","useState","blockPageMoverState","setBlockPageMoverState","undefined","showBlockPageMover","direction","current","useEffect","presentPicker","description","backwardButtonHint","forwardButtonHint","firstBlockTitle","lastBlockTitle","icon","backward","backwardButtonIcon","forward","forwardButtonIcon","title","backwardButtonTitle","forwardButtonTitle","getMoversSetup","blockPageMoverOptions","label","__","value","onSelect","filter","el","onPickerSelect","option","find","onLongPressMoveUp","useCallback","onLongPressMoveDown","jsxs","ToolbarGroup","children","jsx","ToolbarButton","isDisabled","onClick","onLongPress","extraProps","hint","Picker","ref","options","onChange","leftAlign","hideCancelButton","Platform","OS","_default","default","compose","withSelect","select","clientIds","getBlockIndex","canMoveBlocks","getBlockRootClientId","getBlockOrder","blockEditorStore","normalizedClientIds","Array","isArray","firstClientId","blockOrder","lastIndex","length","withDispatch","dispatch","moveBlocksDown","moveBlocksUp","moveBlocksToPosition","args","targetIndex","withInstanceId"],"sources":["@wordpress/block-editor/src/components/block-mover/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Platform } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Picker, ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { withInstanceId, compose } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { useCallback, useEffect, useRef, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getMoversSetup } from './mover-description';\nimport { store as blockEditorStore } from '../../store';\n\nexport const BLOCK_MOVER_DIRECTION_TOP = 'blockPageMoverOptions-moveToTop';\nexport const BLOCK_MOVER_DIRECTION_BOTTOM =\n\t'blockPageMoverOptions-moveToBottom';\n\nexport const BlockMover = ( {\n\tisFirst,\n\tisLast,\n\tcanMove,\n\tonMoveDown,\n\tonMoveUp,\n\tonLongMove,\n\tfirstIndex,\n\tnumberOfBlocks,\n\trootClientId,\n\tisStackedHorizontally,\n} ) => {\n\tconst pickerRef = useRef();\n\tconst [ shouldPresentPicker, setShouldPresentPicker ] = useState( false );\n\tconst [ blockPageMoverState, setBlockPageMoverState ] =\n\t\tuseState( undefined );\n\tconst showBlockPageMover = ( direction ) => () => {\n\t\tif ( ! pickerRef.current ) {\n\t\t\tsetBlockPageMoverState( undefined );\n\t\t\treturn;\n\t\t}\n\n\t\tsetBlockPageMoverState( direction );\n\t\tsetShouldPresentPicker( true );\n\t};\n\n\t// Ensure that the picker is only presented after state updates.\n\tuseEffect( () => {\n\t\tif ( shouldPresentPicker ) {\n\t\t\tpickerRef.current?.presentPicker();\n\t\t\tsetShouldPresentPicker( false );\n\t\t}\n\t}, [ shouldPresentPicker ] );\n\n\tconst {\n\t\tdescription: {\n\t\t\tbackwardButtonHint,\n\t\t\tforwardButtonHint,\n\t\t\tfirstBlockTitle,\n\t\t\tlastBlockTitle,\n\t\t},\n\t\ticon: { backward: backwardButtonIcon, forward: forwardButtonIcon },\n\t\ttitle: { backward: backwardButtonTitle, forward: forwardButtonTitle },\n\t} = getMoversSetup( isStackedHorizontally, { firstIndex } );\n\n\tconst blockPageMoverOptions = [\n\t\t{\n\t\t\ticon: backwardButtonIcon,\n\t\t\tlabel: __( 'Move to top' ),\n\t\t\tvalue: BLOCK_MOVER_DIRECTION_TOP,\n\t\t\tonSelect: () => {\n\t\t\t\tonLongMove()( 0 );\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\ticon: forwardButtonIcon,\n\t\t\tlabel: __( 'Move to bottom' ),\n\t\t\tvalue: BLOCK_MOVER_DIRECTION_BOTTOM,\n\t\t\tonSelect: () => {\n\t\t\t\tonLongMove()( numberOfBlocks );\n\t\t\t},\n\t\t},\n\t].filter( ( el ) => el.value === blockPageMoverState );\n\n\tconst onPickerSelect = ( value ) => {\n\t\tconst option = blockPageMoverOptions.find(\n\t\t\t( el ) => el.value === value\n\t\t);\n\t\tif ( option && option.onSelect ) {\n\t\t\toption.onSelect();\n\t\t}\n\t};\n\n\tconst onLongPressMoveUp = useCallback(\n\t\tshowBlockPageMover( BLOCK_MOVER_DIRECTION_TOP ),\n\t\t[]\n\t);\n\tconst onLongPressMoveDown = useCallback(\n\t\tshowBlockPageMover( BLOCK_MOVER_DIRECTION_BOTTOM ),\n\t\t[]\n\t);\n\n\tif ( ! canMove || ( isFirst && isLast && ! rootClientId ) ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarButton\n\t\t\t\ttitle={ ! isFirst ? backwardButtonTitle : firstBlockTitle }\n\t\t\t\tisDisabled={ isFirst }\n\t\t\t\tonClick={ onMoveUp }\n\t\t\t\tonLongPress={ onLongPressMoveUp }\n\t\t\t\ticon={ backwardButtonIcon }\n\t\t\t\textraProps={ { hint: backwardButtonHint } }\n\t\t\t/>\n\n\t\t\t<ToolbarButton\n\t\t\t\ttitle={ ! isLast ? forwardButtonTitle : lastBlockTitle }\n\t\t\t\tisDisabled={ isLast }\n\t\t\t\tonClick={ onMoveDown }\n\t\t\t\tonLongPress={ onLongPressMoveDown }\n\t\t\t\ticon={ forwardButtonIcon }\n\t\t\t\textraProps={ {\n\t\t\t\t\thint: forwardButtonHint,\n\t\t\t\t} }\n\t\t\t/>\n\n\t\t\t<Picker\n\t\t\t\tref={ pickerRef }\n\t\t\t\toptions={ blockPageMoverOptions }\n\t\t\t\tonChange={ onPickerSelect }\n\t\t\t\ttitle={ __( 'Change block position' ) }\n\t\t\t\tleftAlign\n\t\t\t\thideCancelButton={ Platform.OS !== 'ios' }\n\t\t\t/>\n\t\t</ToolbarGroup>\n\t);\n};\n\nexport default compose(\n\twithSelect( ( select, { clientIds } ) => {\n\t\tconst {\n\t\t\tgetBlockIndex,\n\t\t\tcanMoveBlocks,\n\t\t\tgetBlockRootClientId,\n\t\t\tgetBlockOrder,\n\t\t} = select( blockEditorStore );\n\t\tconst normalizedClientIds = Array.isArray( clientIds )\n\t\t\t? clientIds\n\t\t\t: [ clientIds ];\n\t\tconst firstClientId = normalizedClientIds[ 0 ];\n\t\tconst rootClientId = getBlockRootClientId( firstClientId );\n\t\tconst blockOrder = getBlockOrder( rootClientId );\n\t\tconst firstIndex = getBlockIndex( firstClientId );\n\t\tconst lastIndex = getBlockIndex(\n\t\t\tnormalizedClientIds[ normalizedClientIds.length - 1 ]\n\t\t);\n\n\t\treturn {\n\t\t\tfirstIndex,\n\t\t\tnumberOfBlocks: blockOrder.length - 1,\n\t\t\tisFirst: firstIndex === 0,\n\t\t\tisLast: lastIndex === blockOrder.length - 1,\n\t\t\tcanMove: canMoveBlocks( clientIds, rootClientId ),\n\t\t\trootClientId,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientIds, rootClientId } ) => {\n\t\tconst { moveBlocksDown, moveBlocksUp, moveBlocksToPosition } =\n\t\t\tdispatch( blockEditorStore );\n\t\treturn {\n\t\t\tonMoveDown: ( ...args ) =>\n\t\t\t\tmoveBlocksDown( clientIds, rootClientId, ...args ),\n\t\t\tonMoveUp: ( ...args ) =>\n\t\t\t\tmoveBlocksUp( clientIds, rootClientId, ...args ),\n\t\t\tonLongMove:\n\t\t\t\t( targetIndex ) =>\n\t\t\t\t( ...args ) =>\n\t\t\t\t\tmoveBlocksToPosition(\n\t\t\t\t\t\tclientIds,\n\t\t\t\t\t\trootClientId,\n\t\t\t\t\t\ttargetIndex,\n\t\t\t\t\t\t...args\n\t\t\t\t\t),\n\t\t};\n\t} ),\n\twithInstanceId\n)( BlockMover );\n"],"mappings":"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","ignoreList":[]}

package/build/components/block-navigation/dropdown.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -14,6 +13,7 @@ var _element = require("@wordpress/element");
 var _icons = require("@wordpress/icons");
 var _listView = _interopRequireDefault(require("../list-view"));
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -33,7 +33,7 @@ function BlockNavigationDropdownToggle({
   innerRef,
   ...props
 }) {
-  return (0, _react.createElement)(_components.Button, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
     ...props,
     ref: innerRef,
     icon: _icons.listView,
@@ -56,7 +56,7 @@ function BlockNavigationDropdown({
   });
   const hasBlocks = (0, _data.useSelect)(select => !!select(_store.store).getBlockCount(), []);
   const isEnabled = hasBlocks && !isDisabled;
-  return (0, _react.createElement)(_components.Dropdown, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, {
     contentClassName: "block-editor-block-navigation__popover",
     popoverProps: {
       placement: 'bottom-start'
@@ -64,18 +64,20 @@ function BlockNavigationDropdown({
     renderToggle: ({
       isOpen,
       onToggle
-    }) => (0, _react.createElement)(BlockNavigationDropdownToggle, {
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockNavigationDropdownToggle, {
       ...props,
       innerRef: ref,
       isOpen: isOpen,
       onToggle: onToggle,
       isEnabled: isEnabled
     }),
-    renderContent: () => (0, _react.createElement)("div", {
-      className: "block-editor-block-navigation__container"
-    }, (0, _react.createElement)("p", {
-      className: "block-editor-block-navigation__label"
-    }, (0, _i18n.__)('List view')), (0, _react.createElement)(_listView.default, null))
+    renderContent: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "block-editor-block-navigation__container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "block-editor-block-navigation__label",
+        children: (0, _i18n.__)('List view')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_listView.default, {})]
+    })
   });
 }
 var _default = exports.default = (0, _element.forwardRef)(BlockNavigationDropdown);

package/build/components/block-navigation/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["_deprecated","_interopRequireDefault","require","_components","_i18n","_data","_element","_icons","_listView","_store","BlockNavigationDropdownToggle","isEnabled","onToggle","isOpen","innerRef","props","_react","createElement","Button","ref","icon","listView","onClick","undefined","label","__","className","BlockNavigationDropdown","isDisabled","deprecated","since","alternative","hasBlocks","useSelect","select","blockEditorStore","getBlockCount","Dropdown","contentClassName","popoverProps","placement","renderToggle","renderContent","default","_default","exports","forwardRef"],"sources":["@wordpress/block-editor/src/components/block-navigation/dropdown.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Dropdown } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { listView } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport ListView from '../list-view';\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockNavigationDropdownToggle( {\n\tisEnabled,\n\tonToggle,\n\tisOpen,\n\tinnerRef,\n\t...props\n} ) {\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tref={ innerRef }\n\t\t\ticon={ listView }\n\t\t\taria-expanded={ isOpen }\n\t\t\taria-haspopup=\"true\"\n\t\t\tonClick={ isEnabled ? onToggle : undefined }\n\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\tlabel={ __( 'List view' ) }\n\t\t\tclassName=\"block-editor-block-navigation\"\n\t\t\taria-disabled={ ! isEnabled }\n\t\t/>\n\t);\n}\n\nfunction BlockNavigationDropdown( { isDisabled, ...props }, ref ) {\n\tdeprecated( 'wp.blockEditor.BlockNavigationDropdown', {\n\t\tsince: '6.1',\n\t\talternative: 'wp.components.Dropdown and wp.blockEditor.ListView',\n\t} );\n\n\tconst hasBlocks = useSelect(\n\t\t( select ) => !! select( blockEditorStore ).getBlockCount(),\n\t\t[]\n\t);\n\tconst isEnabled = hasBlocks && ! isDisabled;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tcontentClassName=\"block-editor-block-navigation__popover\"\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<BlockNavigationDropdownToggle\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tinnerRef={ ref }\n\t\t\t\t\tisOpen={ isOpen }\n\t\t\t\t\tonToggle={ onToggle }\n\t\t\t\t\tisEnabled={ isEnabled }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\trenderContent={ () => (\n\t\t\t\t<div className=\"block-editor-block-navigation__container\">\n\t\t\t\t\t<p className=\"block-editor-block-navigation__label\">\n\t\t\t\t\t\t{ __( 'List view' ) }\n\t\t\t\t\t</p>\n\n\t\t\t\t\t<ListView />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( BlockNavigationDropdown );\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAKA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;;AAIA,SAASQ,6BAA6BA,CAAE;EACvCC,SAAS;EACTC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACJ,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACd,WAAA,CAAAe,MAAM;IAAA,GACDH,KAAK;IACVI,GAAG,EAAGL,QAAU;IAChBM,IAAI,EAAGC,eAAU;IACjB,iBAAgBR,MAAQ;IACxB,iBAAc,MAAM;IACpBS,OAAO,EAAGX,SAAS,GAAGC,QAAQ,GAAGW;IACjC;IACAC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BC,SAAS,EAAC,+BAA+B;IACzC,iBAAgB,CAAEf;EAAW,CAC7B,CAAC;AAEJ;AAEA,SAASgB,uBAAuBA,CAAE;EAAEC,UAAU;EAAE,GAAGb;AAAM,CAAC,EAAEI,GAAG,EAAG;EACjE,IAAAU,mBAAU,EAAE,wCAAwC,EAAE;IACrDC,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EAEH,MAAMC,SAAS,GAAG,IAAAC,eAAS,EACxBC,MAAM,IAAM,CAAC,CAAEA,MAAM,CAAEC,YAAiB,CAAC,CAACC,aAAa,CAAC,CAAC,EAC3D,EACD,CAAC;EACD,MAAMzB,SAAS,GAAGqB,SAAS,IAAI,CAAEJ,UAAU;EAE3C,OACC,IAAAZ,MAAA,CAAAC,aAAA,EAACd,WAAA,CAAAkC,QAAQ;IACRC,gBAAgB,EAAC,wCAAwC;IACzDC,YAAY,EAAG;MAAEC,SAAS,EAAE;IAAe,CAAG;IAC9CC,YAAY,EAAGA,CAAE;MAAE5B,MAAM;MAAED;IAAS,CAAC,KACpC,IAAAI,MAAA,CAAAC,aAAA,EAACP,6BAA6B;MAAA,GACxBK,KAAK;MACVD,QAAQ,EAAGK,GAAK;MAChBN,MAAM,EAAGA,MAAQ;MACjBD,QAAQ,EAAGA,QAAU;MACrBD,SAAS,EAAGA;IAAW,CACvB,CACC;IACH+B,aAAa,EAAGA,CAAA,KACf,IAAA1B,MAAA,CAAAC,aAAA;MAAKS,SAAS,EAAC;IAA0C,GACxD,IAAAV,MAAA,CAAAC,aAAA;MAAGS,SAAS,EAAC;IAAsC,GAChD,IAAAD,QAAE,EAAE,WAAY,CAChB,CAAC,EAEJ,IAAAT,MAAA,CAAAC,aAAA,EAACT,SAAA,CAAAmC,OAAQ,MAAE,CACP;EACH,CACH,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEc,IAAAG,mBAAU,EAAEnB,uBAAwB,CAAC","ignoreList":[]}
+{"version":3,"names":["_deprecated","_interopRequireDefault","require","_components","_i18n","_data","_element","_icons","_listView","_store","_jsxRuntime","BlockNavigationDropdownToggle","isEnabled","onToggle","isOpen","innerRef","props","jsx","Button","ref","icon","listView","onClick","undefined","label","__","className","BlockNavigationDropdown","isDisabled","deprecated","since","alternative","hasBlocks","useSelect","select","blockEditorStore","getBlockCount","Dropdown","contentClassName","popoverProps","placement","renderToggle","renderContent","jsxs","children","default","_default","exports","forwardRef"],"sources":["@wordpress/block-editor/src/components/block-navigation/dropdown.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Dropdown } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { listView } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport ListView from '../list-view';\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockNavigationDropdownToggle( {\n\tisEnabled,\n\tonToggle,\n\tisOpen,\n\tinnerRef,\n\t...props\n} ) {\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tref={ innerRef }\n\t\t\ticon={ listView }\n\t\t\taria-expanded={ isOpen }\n\t\t\taria-haspopup=\"true\"\n\t\t\tonClick={ isEnabled ? onToggle : undefined }\n\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\tlabel={ __( 'List view' ) }\n\t\t\tclassName=\"block-editor-block-navigation\"\n\t\t\taria-disabled={ ! isEnabled }\n\t\t/>\n\t);\n}\n\nfunction BlockNavigationDropdown( { isDisabled, ...props }, ref ) {\n\tdeprecated( 'wp.blockEditor.BlockNavigationDropdown', {\n\t\tsince: '6.1',\n\t\talternative: 'wp.components.Dropdown and wp.blockEditor.ListView',\n\t} );\n\n\tconst hasBlocks = useSelect(\n\t\t( select ) => !! select( blockEditorStore ).getBlockCount(),\n\t\t[]\n\t);\n\tconst isEnabled = hasBlocks && ! isDisabled;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tcontentClassName=\"block-editor-block-navigation__popover\"\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<BlockNavigationDropdownToggle\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tinnerRef={ ref }\n\t\t\t\t\tisOpen={ isOpen }\n\t\t\t\t\tonToggle={ onToggle }\n\t\t\t\t\tisEnabled={ isEnabled }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\trenderContent={ () => (\n\t\t\t\t<div className=\"block-editor-block-navigation__container\">\n\t\t\t\t\t<p className=\"block-editor-block-navigation__label\">\n\t\t\t\t\t\t{ __( 'List view' ) }\n\t\t\t\t\t</p>\n\n\t\t\t\t\t<ListView />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( BlockNavigationDropdown );\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAKA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAwD,IAAAQ,WAAA,GAAAR,OAAA;AAlBxD;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;;AAIA,SAASS,6BAA6BA,CAAE;EACvCC,SAAS;EACTC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACJ,CAAC,EAAG;EACH,oBACC,IAAAN,WAAA,CAAAO,GAAA,EAACd,WAAA,CAAAe,MAAM;IAAA,GACDF,KAAK;IACVG,GAAG,EAAGJ,QAAU;IAChBK,IAAI,EAAGC,eAAU;IACjB,iBAAgBP,MAAQ;IACxB,iBAAc,MAAM;IACpBQ,OAAO,EAAGV,SAAS,GAAGC,QAAQ,GAAGU;IACjC;IACAC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BC,SAAS,EAAC,+BAA+B;IACzC,iBAAgB,CAAEd;EAAW,CAC7B,CAAC;AAEJ;AAEA,SAASe,uBAAuBA,CAAE;EAAEC,UAAU;EAAE,GAAGZ;AAAM,CAAC,EAAEG,GAAG,EAAG;EACjE,IAAAU,mBAAU,EAAE,wCAAwC,EAAE;IACrDC,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EAEH,MAAMC,SAAS,GAAG,IAAAC,eAAS,EACxBC,MAAM,IAAM,CAAC,CAAEA,MAAM,CAAEC,YAAiB,CAAC,CAACC,aAAa,CAAC,CAAC,EAC3D,EACD,CAAC;EACD,MAAMxB,SAAS,GAAGoB,SAAS,IAAI,CAAEJ,UAAU;EAE3C,oBACC,IAAAlB,WAAA,CAAAO,GAAA,EAACd,WAAA,CAAAkC,QAAQ;IACRC,gBAAgB,EAAC,wCAAwC;IACzDC,YAAY,EAAG;MAAEC,SAAS,EAAE;IAAe,CAAG;IAC9CC,YAAY,EAAGA,CAAE;MAAE3B,MAAM;MAAED;IAAS,CAAC,kBACpC,IAAAH,WAAA,CAAAO,GAAA,EAACN,6BAA6B;MAAA,GACxBK,KAAK;MACVD,QAAQ,EAAGI,GAAK;MAChBL,MAAM,EAAGA,MAAQ;MACjBD,QAAQ,EAAGA,QAAU;MACrBD,SAAS,EAAGA;IAAW,CACvB,CACC;IACH8B,aAAa,EAAGA,CAAA,kBACf,IAAAhC,WAAA,CAAAiC,IAAA;MAAKjB,SAAS,EAAC,0CAA0C;MAAAkB,QAAA,gBACxD,IAAAlC,WAAA,CAAAO,GAAA;QAAGS,SAAS,EAAC,sCAAsC;QAAAkB,QAAA,EAChD,IAAAnB,QAAE,EAAE,WAAY;MAAC,CACjB,CAAC,eAEJ,IAAAf,WAAA,CAAAO,GAAA,EAACT,SAAA,CAAAqC,OAAQ,IAAE,CAAC;IAAA,CACR;EACH,CACH,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEc,IAAAG,mBAAU,EAAErB,uBAAwB,CAAC","ignoreList":[]}

package/build/components/block-parent-selector/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockParentSelector;
-var _react = require("react");
 var _blocks = require("@wordpress/blocks");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
@@ -15,6 +14,7 @@ var _useBlockDisplayInformation = _interopRequireDefault(require("../use-block-d
 var _blockIcon = _interopRequireDefault(require("../block-icon"));
 var _utils = require("../block-toolbar/utils");
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -28,8 +28,7 @@ var _store = require("../../store");
  * current block selection as a single icon to "go up" a level.
  *
  * @return {Component} Parent block selector.
- */
-function BlockParentSelector() {
+ */function BlockParentSelector() {
   const {
     selectBlock
   } = (0, _data.useDispatch)(_store.store);
@@ -68,20 +67,20 @@ function BlockParentSelector() {
   if (!isVisible) {
     return null;
   }
-  return (0, _react.createElement)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "block-editor-block-parent-selector",
-    key: firstParentClientId,
     ref: nodeRef,
-    ...showHoveredOrFocusedGestures
-  }, (0, _react.createElement)(_components.ToolbarButton, {
-    className: "block-editor-block-parent-selector__button",
-    onClick: () => selectBlock(firstParentClientId),
-    label: (0, _i18n.sprintf)( /* translators: %s: Name of the block's parent. */
-    (0, _i18n.__)('Select parent block: %s'), blockInformation?.title),
-    showTooltip: true,
-    icon: (0, _react.createElement)(_blockIcon.default, {
-      icon: blockInformation?.icon
+    ...showHoveredOrFocusedGestures,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
+      className: "block-editor-block-parent-selector__button",
+      onClick: () => selectBlock(firstParentClientId),
+      label: (0, _i18n.sprintf)( /* translators: %s: Name of the block's parent. */
+      (0, _i18n.__)('Select parent block: %s'), blockInformation?.title),
+      showTooltip: true,
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockIcon.default, {
+        icon: blockInformation?.icon
+      })
     })
-  }));
+  }, firstParentClientId);
 }
 //# sourceMappingURL=index.js.map

package/build/components/block-parent-selector/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blocks","require","_components","_data","_i18n","_element","_useBlockDisplayInformation","_interopRequireDefault","_blockIcon","_utils","_store","BlockParentSelector","selectBlock","useDispatch","blockEditorStore","firstParentClientId","isVisible","useSelect","select","getBlockName","getBlockParents","getSelectedBlockClientId","getBlockEditingMode","hasBlockSupport","blocksStore","selectedBlockClientId","parents","_firstParentClientId","length","parentBlockName","_parentBlockType","getBlockType","blockInformation","useBlockDisplayInformation","nodeRef","useRef","showHoveredOrFocusedGestures","useShowHoveredOrFocusedGestures","ref","highlightParent","_react","createElement","className","key","ToolbarButton","onClick","label","sprintf","__","title","showTooltip","icon","default"],"sources":["@wordpress/block-editor/src/components/block-parent-selector/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockType, store as blocksStore } from '@wordpress/blocks';\nimport { ToolbarButton } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport BlockIcon from '../block-icon';\nimport { useShowHoveredOrFocusedGestures } from '../block-toolbar/utils';\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * Block parent selector component, displaying the hierarchy of the\n * current block selection as a single icon to \"go up\" a level.\n *\n * @return {Component} Parent block selector.\n */\nexport default function BlockParentSelector() {\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\tconst { firstParentClientId, isVisible } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetBlockName,\n\t\t\tgetBlockParents,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetBlockEditingMode,\n\t\t} = select( blockEditorStore );\n\t\tconst { hasBlockSupport } = select( blocksStore );\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\tconst parents = getBlockParents( selectedBlockClientId );\n\t\tconst _firstParentClientId = parents[ parents.length - 1 ];\n\t\tconst parentBlockName = getBlockName( _firstParentClientId );\n\t\tconst _parentBlockType = getBlockType( parentBlockName );\n\t\treturn {\n\t\t\tfirstParentClientId: _firstParentClientId,\n\t\t\tisVisible:\n\t\t\t\t_firstParentClientId &&\n\t\t\t\tgetBlockEditingMode( _firstParentClientId ) === 'default' &&\n\t\t\t\thasBlockSupport(\n\t\t\t\t\t_parentBlockType,\n\t\t\t\t\t'__experimentalParentSelector',\n\t\t\t\t\ttrue\n\t\t\t\t),\n\t\t};\n\t}, [] );\n\tconst blockInformation = useBlockDisplayInformation( firstParentClientId );\n\n\t// Allows highlighting the parent block outline when focusing or hovering\n\t// the parent block selector within the child.\n\tconst nodeRef = useRef();\n\tconst showHoveredOrFocusedGestures = useShowHoveredOrFocusedGestures( {\n\t\tref: nodeRef,\n\t\thighlightParent: true,\n\t} );\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"block-editor-block-parent-selector\"\n\t\t\tkey={ firstParentClientId }\n\t\t\tref={ nodeRef }\n\t\t\t{ ...showHoveredOrFocusedGestures }\n\t\t>\n\t\t\t<ToolbarButton\n\t\t\t\tclassName=\"block-editor-block-parent-selector__button\"\n\t\t\t\tonClick={ () => selectBlock( firstParentClientId ) }\n\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t/* translators: %s: Name of the block's parent. */\n\t\t\t\t\t__( 'Select parent block: %s' ),\n\t\t\t\t\tblockInformation?.title\n\t\t\t\t) }\n\t\t\t\tshowTooltip\n\t\t\t\ticon={ <BlockIcon icon={ blockInformation?.icon } /> }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,2BAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,UAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AAfA;AACA;AACA;;AAOA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACe,SAASU,mBAAmBA,CAAA,EAAG;EAC7C,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;EACvD,MAAM;IAAEC,mBAAmB;IAAEC;EAAU,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACnE,MAAM;MACLC,YAAY;MACZC,eAAe;MACfC,wBAAwB;MACxBC;IACD,CAAC,GAAGJ,MAAM,CAAEJ,YAAiB,CAAC;IAC9B,MAAM;MAAES;IAAgB,CAAC,GAAGL,MAAM,CAAEM,aAAY,CAAC;IACjD,MAAMC,qBAAqB,GAAGJ,wBAAwB,CAAC,CAAC;IACxD,MAAMK,OAAO,GAAGN,eAAe,CAAEK,qBAAsB,CAAC;IACxD,MAAME,oBAAoB,GAAGD,OAAO,CAAEA,OAAO,CAACE,MAAM,GAAG,CAAC,CAAE;IAC1D,MAAMC,eAAe,GAAGV,YAAY,CAAEQ,oBAAqB,CAAC;IAC5D,MAAMG,gBAAgB,GAAG,IAAAC,oBAAY,EAAEF,eAAgB,CAAC;IACxD,OAAO;MACNd,mBAAmB,EAAEY,oBAAoB;MACzCX,SAAS,EACRW,oBAAoB,IACpBL,mBAAmB,CAAEK,oBAAqB,CAAC,KAAK,SAAS,IACzDJ,eAAe,CACdO,gBAAgB,EAChB,8BAA8B,EAC9B,IACD;IACF,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAME,gBAAgB,GAAG,IAAAC,mCAA0B,EAAElB,mBAAoB,CAAC;;EAE1E;EACA;EACA,MAAMmB,OAAO,GAAG,IAAAC,eAAM,EAAC,CAAC;EACxB,MAAMC,4BAA4B,GAAG,IAAAC,sCAA+B,EAAE;IACrEC,GAAG,EAAEJ,OAAO;IACZK,eAAe,EAAE;EAClB,CAAE,CAAC;EAEH,IAAK,CAAEvB,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAwB,MAAA,CAAAC,aAAA;IACCC,SAAS,EAAC,oCAAoC;IAC9CC,GAAG,EAAG5B,mBAAqB;IAC3BuB,GAAG,EAAGJ,OAAS;IAAA,GACVE;EAA4B,GAEjC,IAAAI,MAAA,CAAAC,aAAA,EAACvC,WAAA,CAAA0C,aAAa;IACbF,SAAS,EAAC,4CAA4C;IACtDG,OAAO,EAAGA,CAAA,KAAMjC,WAAW,CAAEG,mBAAoB,CAAG;IACpD+B,KAAK,EAAG,IAAAC,aAAO,GACd;IACA,IAAAC,QAAE,EAAE,yBAA0B,CAAC,EAC/BhB,gBAAgB,EAAEiB,KACnB,CAAG;IACHC,WAAW;IACXC,IAAI,EAAG,IAAAX,MAAA,CAAAC,aAAA,EAACjC,UAAA,CAAA4C,OAAS;MAACD,IAAI,EAAGnB,gBAAgB,EAAEmB;IAAM,CAAE;EAAG,CACtD,CACG,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["_blocks","require","_components","_data","_i18n","_element","_useBlockDisplayInformation","_interopRequireDefault","_blockIcon","_utils","_store","_jsxRuntime","BlockParentSelector","selectBlock","useDispatch","blockEditorStore","firstParentClientId","isVisible","useSelect","select","getBlockName","getBlockParents","getSelectedBlockClientId","getBlockEditingMode","hasBlockSupport","blocksStore","selectedBlockClientId","parents","_firstParentClientId","length","parentBlockName","_parentBlockType","getBlockType","blockInformation","useBlockDisplayInformation","nodeRef","useRef","showHoveredOrFocusedGestures","useShowHoveredOrFocusedGestures","ref","highlightParent","jsx","className","children","ToolbarButton","onClick","label","sprintf","__","title","showTooltip","icon","default"],"sources":["@wordpress/block-editor/src/components/block-parent-selector/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockType, store as blocksStore } from '@wordpress/blocks';\nimport { ToolbarButton } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport BlockIcon from '../block-icon';\nimport { useShowHoveredOrFocusedGestures } from '../block-toolbar/utils';\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * Block parent selector component, displaying the hierarchy of the\n * current block selection as a single icon to \"go up\" a level.\n *\n * @return {Component} Parent block selector.\n */\nexport default function BlockParentSelector() {\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\tconst { firstParentClientId, isVisible } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetBlockName,\n\t\t\tgetBlockParents,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetBlockEditingMode,\n\t\t} = select( blockEditorStore );\n\t\tconst { hasBlockSupport } = select( blocksStore );\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\tconst parents = getBlockParents( selectedBlockClientId );\n\t\tconst _firstParentClientId = parents[ parents.length - 1 ];\n\t\tconst parentBlockName = getBlockName( _firstParentClientId );\n\t\tconst _parentBlockType = getBlockType( parentBlockName );\n\t\treturn {\n\t\t\tfirstParentClientId: _firstParentClientId,\n\t\t\tisVisible:\n\t\t\t\t_firstParentClientId &&\n\t\t\t\tgetBlockEditingMode( _firstParentClientId ) === 'default' &&\n\t\t\t\thasBlockSupport(\n\t\t\t\t\t_parentBlockType,\n\t\t\t\t\t'__experimentalParentSelector',\n\t\t\t\t\ttrue\n\t\t\t\t),\n\t\t};\n\t}, [] );\n\tconst blockInformation = useBlockDisplayInformation( firstParentClientId );\n\n\t// Allows highlighting the parent block outline when focusing or hovering\n\t// the parent block selector within the child.\n\tconst nodeRef = useRef();\n\tconst showHoveredOrFocusedGestures = useShowHoveredOrFocusedGestures( {\n\t\tref: nodeRef,\n\t\thighlightParent: true,\n\t} );\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"block-editor-block-parent-selector\"\n\t\t\tkey={ firstParentClientId }\n\t\t\tref={ nodeRef }\n\t\t\t{ ...showHoveredOrFocusedGestures }\n\t\t>\n\t\t\t<ToolbarButton\n\t\t\t\tclassName=\"block-editor-block-parent-selector__button\"\n\t\t\t\tonClick={ () => selectBlock( firstParentClientId ) }\n\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t/* translators: %s: Name of the block's parent. */\n\t\t\t\t\t__( 'Select parent block: %s' ),\n\t\t\t\t\tblockInformation?.title\n\t\t\t\t) }\n\t\t\t\tshowTooltip\n\t\t\t\ticon={ <BlockIcon icon={ blockInformation?.icon } /> }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,2BAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,UAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AAAwD,IAAAU,WAAA,GAAAV,OAAA;AAfxD;AACA;AACA;;AAOA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA,GACe,SAASW,mBAAmBA,CAAA,EAAG;EAC7C,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;EACvD,MAAM;IAAEC,mBAAmB;IAAEC;EAAU,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACnE,MAAM;MACLC,YAAY;MACZC,eAAe;MACfC,wBAAwB;MACxBC;IACD,CAAC,GAAGJ,MAAM,CAAEJ,YAAiB,CAAC;IAC9B,MAAM;MAAES;IAAgB,CAAC,GAAGL,MAAM,CAAEM,aAAY,CAAC;IACjD,MAAMC,qBAAqB,GAAGJ,wBAAwB,CAAC,CAAC;IACxD,MAAMK,OAAO,GAAGN,eAAe,CAAEK,qBAAsB,CAAC;IACxD,MAAME,oBAAoB,GAAGD,OAAO,CAAEA,OAAO,CAACE,MAAM,GAAG,CAAC,CAAE;IAC1D,MAAMC,eAAe,GAAGV,YAAY,CAAEQ,oBAAqB,CAAC;IAC5D,MAAMG,gBAAgB,GAAG,IAAAC,oBAAY,EAAEF,eAAgB,CAAC;IACxD,OAAO;MACNd,mBAAmB,EAAEY,oBAAoB;MACzCX,SAAS,EACRW,oBAAoB,IACpBL,mBAAmB,CAAEK,oBAAqB,CAAC,KAAK,SAAS,IACzDJ,eAAe,CACdO,gBAAgB,EAChB,8BAA8B,EAC9B,IACD;IACF,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAME,gBAAgB,GAAG,IAAAC,mCAA0B,EAAElB,mBAAoB,CAAC;;EAE1E;EACA;EACA,MAAMmB,OAAO,GAAG,IAAAC,eAAM,EAAC,CAAC;EACxB,MAAMC,4BAA4B,GAAG,IAAAC,sCAA+B,EAAE;IACrEC,GAAG,EAAEJ,OAAO;IACZK,eAAe,EAAE;EAClB,CAAE,CAAC;EAEH,IAAK,CAAEvB,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAN,WAAA,CAAA8B,GAAA;IACCC,SAAS,EAAC,oCAAoC;IAE9CH,GAAG,EAAGJ,OAAS;IAAA,GACVE,4BAA4B;IAAAM,QAAA,eAEjC,IAAAhC,WAAA,CAAA8B,GAAA,EAACvC,WAAA,CAAA0C,aAAa;MACbF,SAAS,EAAC,4CAA4C;MACtDG,OAAO,EAAGA,CAAA,KAAMhC,WAAW,CAAEG,mBAAoB,CAAG;MACpD8B,KAAK,EAAG,IAAAC,aAAO,GACd;MACA,IAAAC,QAAE,EAAE,yBAA0B,CAAC,EAC/Bf,gBAAgB,EAAEgB,KACnB,CAAG;MACHC,WAAW;MACXC,IAAI,eAAG,IAAAxC,WAAA,CAAA8B,GAAA,EAACjC,UAAA,CAAA4C,OAAS;QAACD,IAAI,EAAGlB,gBAAgB,EAAEkB;MAAM,CAAE;IAAG,CACtD;EAAC,GAdInC,mBAeF,CAAC;AAER","ignoreList":[]}

package/build/components/block-pattern-setup/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _data = require("@wordpress/data");
 var _blocks = require("@wordpress/blocks");
 var _components = require("@wordpress/components");
@@ -18,6 +17,7 @@ var _setupToolbar = _interopRequireDefault(require("./setup-toolbar"));
 var _usePatternsSetup = _interopRequireDefault(require("./use-patterns-setup"));
 var _constants = require("./constants");
 var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -42,32 +42,35 @@ const SetupContent = ({
   const containerClass = 'block-editor-block-pattern-setup__container';
   if (viewMode === _constants.VIEWMODES.carousel) {
     const slideClass = new Map([[activeSlide, 'active-slide'], [activeSlide - 1, 'previous-slide'], [activeSlide + 1, 'next-slide']]);
-    return (0, _react.createElement)("div", {
-      className: "block-editor-block-pattern-setup__carousel"
-    }, (0, _react.createElement)("div", {
-      className: containerClass
-    }, (0, _react.createElement)("div", {
-      className: "carousel-container"
-    }, patterns.map((pattern, index) => (0, _react.createElement)(BlockPatternSlide, {
-      active: index === activeSlide,
-      className: slideClass.get(index) || '',
-      key: pattern.name,
-      pattern: pattern
-    })))));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "block-editor-block-pattern-setup__carousel",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: containerClass,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "carousel-container",
+          children: patterns.map((pattern, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockPatternSlide, {
+            active: index === activeSlide,
+            className: slideClass.get(index) || '',
+            pattern: pattern
+          }, pattern.name))
+        })
+      })
+    });
   }
-  return (0, _react.createElement)("div", {
-    className: "block-editor-block-pattern-setup__grid"
-  }, (0, _react.createElement)(Composite, {
-    store: compositeStore,
-    role: "listbox",
-    className: containerClass,
-    "aria-label": (0, _i18n.__)('Patterns list')
-  }, patterns.map(pattern => (0, _react.createElement)(BlockPattern, {
-    key: pattern.name,
-    pattern: pattern,
-    onSelect: onBlockPatternSelect,
-    showTitles: showTitles
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "block-editor-block-pattern-setup__grid",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Composite, {
+      store: compositeStore,
+      role: "listbox",
+      className: containerClass,
+      "aria-label": (0, _i18n.__)('Patterns list'),
+      children: patterns.map(pattern => /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockPattern, {
+        pattern: pattern,
+        onSelect: onBlockPatternSelect,
+        showTitles: showTitles
+      }, pattern.name))
+    })
+  });
 };
 function BlockPattern({
   pattern,
@@ -81,25 +84,29 @@ function BlockPattern({
     viewportWidth = 700
   } = pattern;
   const descriptionId = (0, _compose.useInstanceId)(BlockPattern, `${baseClassName}__item-description`);
-  return (0, _react.createElement)("div", {
-    className: `${baseClassName}__list-item`
-  }, (0, _react.createElement)(CompositeItem, {
-    render: (0, _react.createElement)("div", {
-      "aria-describedby": description ? descriptionId : undefined,
-      "aria-label": pattern.title,
-      className: `${baseClassName}__item`
-    }),
-    id: `${baseClassName}__pattern__${pattern.name}`,
-    role: "option",
-    onClick: () => onSelect(blocks)
-  }, (0, _react.createElement)(_blockPreview.default, {
-    blocks: blocks,
-    viewportWidth: viewportWidth
-  }), showTitles && (0, _react.createElement)("div", {
-    className: `${baseClassName}__item-title`
-  }, pattern.title), !!description && (0, _react.createElement)(_components.VisuallyHidden, {
-    id: descriptionId
-  }, description)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: `${baseClassName}__list-item`,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(CompositeItem, {
+      render: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        "aria-describedby": description ? descriptionId : undefined,
+        "aria-label": pattern.title,
+        className: `${baseClassName}__item`
+      }),
+      id: `${baseClassName}__pattern__${pattern.name}`,
+      role: "option",
+      onClick: () => onSelect(blocks),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockPreview.default, {
+        blocks: blocks,
+        viewportWidth: viewportWidth
+      }), showTitles && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__item-title`,
+        children: pattern.title
+      }), !!description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
+        id: descriptionId,
+        children: description
+      })]
+    })
+  });
 }
 function BlockPatternSlide({
   active,
@@ -113,18 +120,20 @@ function BlockPatternSlide({
     description
   } = pattern;
   const descriptionId = (0, _compose.useInstanceId)(BlockPatternSlide, 'block-editor-block-pattern-setup-list__item-description');
-  return (0, _react.createElement)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     "aria-hidden": !active,
     role: "img",
     className: `pattern-slide ${className}`,
     "aria-label": title,
-    "aria-describedby": description ? descriptionId : undefined
-  }, (0, _react.createElement)(_blockPreview.default, {
-    blocks: blocks,
-    minHeight: minHeight
-  }), !!description && (0, _react.createElement)(_components.VisuallyHidden, {
-    id: descriptionId
-  }, description));
+    "aria-describedby": description ? descriptionId : undefined,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockPreview.default, {
+      blocks: blocks,
+      minHeight: minHeight
+    }), !!description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
+      id: descriptionId,
+      children: description
+    })]
+  });
 }
 const BlockPatternSetup = ({
   clientId,
@@ -148,29 +157,32 @@ const BlockPatternSetup = ({
     replaceBlock(clientId, clonedBlocks);
   };
   const onPatternSelectCallback = onBlockPatternSelect || onBlockPatternSelectDefault;
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("div", {
-    className: `block-editor-block-pattern-setup view-mode-${viewMode}`
-  }, (0, _react.createElement)(SetupContent, {
-    viewMode: viewMode,
-    activeSlide: activeSlide,
-    patterns: patterns,
-    onBlockPatternSelect: onPatternSelectCallback,
-    showTitles: showTitles
-  }), (0, _react.createElement)(_setupToolbar.default, {
-    viewMode: viewMode,
-    setViewMode: setViewMode,
-    activeSlide: activeSlide,
-    totalSlides: patterns.length,
-    handleNext: () => {
-      setActiveSlide(active => Math.min(active + 1, patterns.length - 1));
-    },
-    handlePrevious: () => {
-      setActiveSlide(active => Math.max(active - 1, 0));
-    },
-    onBlockPatternSelect: () => {
-      onPatternSelectCallback(patterns[activeSlide].blocks);
-    }
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: `block-editor-block-pattern-setup view-mode-${viewMode}`,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SetupContent, {
+        viewMode: viewMode,
+        activeSlide: activeSlide,
+        patterns: patterns,
+        onBlockPatternSelect: onPatternSelectCallback,
+        showTitles: showTitles
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_setupToolbar.default, {
+        viewMode: viewMode,
+        setViewMode: setViewMode,
+        activeSlide: activeSlide,
+        totalSlides: patterns.length,
+        handleNext: () => {
+          setActiveSlide(active => Math.min(active + 1, patterns.length - 1));
+        },
+        handlePrevious: () => {
+          setActiveSlide(active => Math.max(active - 1, 0));
+        },
+        onBlockPatternSelect: () => {
+          onPatternSelectCallback(patterns[activeSlide].blocks);
+        }
+      })]
+    })
+  });
 };
 var _default = exports.default = BlockPatternSetup;
 //# sourceMappingURL=index.js.map

package/build/components/block-pattern-setup/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_blocks","_components","_element","_compose","_i18n","_store","_blockPreview","_interopRequireDefault","_setupToolbar","_usePatternsSetup","_constants","_lockUnlock","CompositeV2","Composite","CompositeItemV2","CompositeItem","useCompositeStoreV2","useCompositeStore","unlock","componentsPrivateApis","SetupContent","viewMode","activeSlide","patterns","onBlockPatternSelect","showTitles","compositeStore","containerClass","VIEWMODES","carousel","slideClass","Map","_react","createElement","className","map","pattern","index","BlockPatternSlide","active","get","key","name","store","role","__","BlockPattern","onSelect","baseClassName","blocks","description","viewportWidth","descriptionId","useInstanceId","render","undefined","title","id","onClick","default","VisuallyHidden","minHeight","BlockPatternSetup","clientId","blockName","filterPatternsFn","initialViewMode","setViewMode","useState","setActiveSlide","replaceBlock","useDispatch","blockEditorStore","usePatternsSetup","length","onBlockPatternSelectDefault","clonedBlocks","block","cloneBlock","onPatternSelectCallback","Fragment","totalSlides","handleNext","Math","min","handlePrevious","max","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-pattern-setup/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch } from '@wordpress/data';\nimport { cloneBlock } from '@wordpress/blocks';\nimport {\n\tVisuallyHidden,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\n\nimport { useState } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport BlockPreview from '../block-preview';\nimport SetupToolbar from './setup-toolbar';\nimport usePatternsSetup from './use-patterns-setup';\nimport { VIEWMODES } from './constants';\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tCompositeV2: Composite,\n\tCompositeItemV2: CompositeItem,\n\tuseCompositeStoreV2: useCompositeStore,\n} = unlock( componentsPrivateApis );\n\nconst SetupContent = ( {\n\tviewMode,\n\tactiveSlide,\n\tpatterns,\n\tonBlockPatternSelect,\n\tshowTitles,\n} ) => {\n\tconst compositeStore = useCompositeStore();\n\tconst containerClass = 'block-editor-block-pattern-setup__container';\n\n\tif ( viewMode === VIEWMODES.carousel ) {\n\t\tconst slideClass = new Map( [\n\t\t\t[ activeSlide, 'active-slide' ],\n\t\t\t[ activeSlide - 1, 'previous-slide' ],\n\t\t\t[ activeSlide + 1, 'next-slide' ],\n\t\t] );\n\t\treturn (\n\t\t\t<div className=\"block-editor-block-pattern-setup__carousel\">\n\t\t\t\t<div className={ containerClass }>\n\t\t\t\t\t<div className=\"carousel-container\">\n\t\t\t\t\t\t{ patterns.map( ( pattern, index ) => (\n\t\t\t\t\t\t\t<BlockPatternSlide\n\t\t\t\t\t\t\t\tactive={ index === activeSlide }\n\t\t\t\t\t\t\t\tclassName={ slideClass.get( index ) || '' }\n\t\t\t\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className=\"block-editor-block-pattern-setup__grid\">\n\t\t\t<Composite\n\t\t\t\tstore={ compositeStore }\n\t\t\t\trole=\"listbox\"\n\t\t\t\tclassName={ containerClass }\n\t\t\t\taria-label={ __( 'Patterns list' ) }\n\t\t\t>\n\t\t\t\t{ patterns.map( ( pattern ) => (\n\t\t\t\t\t<BlockPattern\n\t\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\t\tonSelect={ onBlockPatternSelect }\n\t\t\t\t\t\tshowTitles={ showTitles }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</Composite>\n\t\t</div>\n\t);\n};\n\nfunction BlockPattern( { pattern, onSelect, showTitles } ) {\n\tconst baseClassName = 'block-editor-block-pattern-setup-list';\n\tconst { blocks, description, viewportWidth = 700 } = pattern;\n\tconst descriptionId = useInstanceId(\n\t\tBlockPattern,\n\t\t`${ baseClassName }__item-description`\n\t);\n\treturn (\n\t\t<div className={ `${ baseClassName }__list-item` }>\n\t\t\t<CompositeItem\n\t\t\t\trender={\n\t\t\t\t\t<div\n\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\tdescription ? descriptionId : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\taria-label={ pattern.title }\n\t\t\t\t\t\tclassName={ `${ baseClassName }__item` }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tid={ `${ baseClassName }__pattern__${ pattern.name }` }\n\t\t\t\trole=\"option\"\n\t\t\t\tonClick={ () => onSelect( blocks ) }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t/>\n\t\t\t\t{ showTitles && (\n\t\t\t\t\t<div className={ `${ baseClassName }__item-title` }>\n\t\t\t\t\t\t{ pattern.title }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t{ !! description && (\n\t\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t) }\n\t\t\t</CompositeItem>\n\t\t</div>\n\t);\n}\n\nfunction BlockPatternSlide( { active, className, pattern, minHeight } ) {\n\tconst { blocks, title, description } = pattern;\n\tconst descriptionId = useInstanceId(\n\t\tBlockPatternSlide,\n\t\t'block-editor-block-pattern-setup-list__item-description'\n\t);\n\treturn (\n\t\t<div\n\t\t\taria-hidden={ ! active }\n\t\t\trole=\"img\"\n\t\t\tclassName={ `pattern-slide ${ className }` }\n\t\t\taria-label={ title }\n\t\t\taria-describedby={ description ? descriptionId : undefined }\n\t\t>\n\t\t\t<BlockPreview blocks={ blocks } minHeight={ minHeight } />\n\t\t\t{ !! description && (\n\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t{ description }\n\t\t\t\t</VisuallyHidden>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nconst BlockPatternSetup = ( {\n\tclientId,\n\tblockName,\n\tfilterPatternsFn,\n\tonBlockPatternSelect,\n\tinitialViewMode = VIEWMODES.carousel,\n\tshowTitles = false,\n} ) => {\n\tconst [ viewMode, setViewMode ] = useState( initialViewMode );\n\tconst [ activeSlide, setActiveSlide ] = useState( 0 );\n\tconst { replaceBlock } = useDispatch( blockEditorStore );\n\tconst patterns = usePatternsSetup( clientId, blockName, filterPatternsFn );\n\n\tif ( ! patterns?.length ) {\n\t\treturn null;\n\t}\n\n\tconst onBlockPatternSelectDefault = ( blocks ) => {\n\t\tconst clonedBlocks = blocks.map( ( block ) => cloneBlock( block ) );\n\t\treplaceBlock( clientId, clonedBlocks );\n\t};\n\tconst onPatternSelectCallback =\n\t\tonBlockPatternSelect || onBlockPatternSelectDefault;\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclassName={ `block-editor-block-pattern-setup view-mode-${ viewMode }` }\n\t\t\t>\n\t\t\t\t<SetupContent\n\t\t\t\t\tviewMode={ viewMode }\n\t\t\t\t\tactiveSlide={ activeSlide }\n\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\tonBlockPatternSelect={ onPatternSelectCallback }\n\t\t\t\t\tshowTitles={ showTitles }\n\t\t\t\t/>\n\t\t\t\t<SetupToolbar\n\t\t\t\t\tviewMode={ viewMode }\n\t\t\t\t\tsetViewMode={ setViewMode }\n\t\t\t\t\tactiveSlide={ activeSlide }\n\t\t\t\t\ttotalSlides={ patterns.length }\n\t\t\t\t\thandleNext={ () => {\n\t\t\t\t\t\tsetActiveSlide( ( active ) =>\n\t\t\t\t\t\t\tMath.min( active + 1, patterns.length - 1 )\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t\thandlePrevious={ () => {\n\t\t\t\t\t\tsetActiveSlide( ( active ) =>\n\t\t\t\t\t\t\tMath.max( active - 1, 0 )\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t\tonBlockPatternSelect={ () => {\n\t\t\t\t\t\tonPatternSelectCallback(\n\t\t\t\t\t\t\tpatterns[ activeSlide ].blocks\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</>\n\t);\n};\n\nexport default BlockPatternSetup;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAC,sBAAA,CAAAR,OAAA;AACA,IAAAS,aAAA,GAAAD,sBAAA,CAAAR,OAAA;AACA,IAAAU,iBAAA,GAAAF,sBAAA,CAAAR,OAAA;AACA,IAAAW,UAAA,GAAAX,OAAA;AACA,IAAAY,WAAA,GAAAZ,OAAA;AAtBA;AACA;AACA;;AAYA;AACA;AACA;;AAQA,MAAM;EACLa,WAAW,EAAEC,SAAS;EACtBC,eAAe,EAAEC,aAAa;EAC9BC,mBAAmB,EAAEC;AACtB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAEnC,MAAMC,YAAY,GAAGA,CAAE;EACtBC,QAAQ;EACRC,WAAW;EACXC,QAAQ;EACRC,oBAAoB;EACpBC;AACD,CAAC,KAAM;EACN,MAAMC,cAAc,GAAGT,iBAAiB,CAAC,CAAC;EAC1C,MAAMU,cAAc,GAAG,6CAA6C;EAEpE,IAAKN,QAAQ,KAAKO,oBAAS,CAACC,QAAQ,EAAG;IACtC,MAAMC,UAAU,GAAG,IAAIC,GAAG,CAAE,CAC3B,CAAET,WAAW,EAAE,cAAc,CAAE,EAC/B,CAAEA,WAAW,GAAG,CAAC,EAAE,gBAAgB,CAAE,EACrC,CAAEA,WAAW,GAAG,CAAC,EAAE,YAAY,CAAE,CAChC,CAAC;IACH,OACC,IAAAU,MAAA,CAAAC,aAAA;MAAKC,SAAS,EAAC;IAA4C,GAC1D,IAAAF,MAAA,CAAAC,aAAA;MAAKC,SAAS,EAAGP;IAAgB,GAChC,IAAAK,MAAA,CAAAC,aAAA;MAAKC,SAAS,EAAC;IAAoB,GAChCX,QAAQ,CAACY,GAAG,CAAE,CAAEC,OAAO,EAAEC,KAAK,KAC/B,IAAAL,MAAA,CAAAC,aAAA,EAACK,iBAAiB;MACjBC,MAAM,EAAGF,KAAK,KAAKf,WAAa;MAChCY,SAAS,EAAGJ,UAAU,CAACU,GAAG,CAAEH,KAAM,CAAC,IAAI,EAAI;MAC3CI,GAAG,EAAGL,OAAO,CAACM,IAAM;MACpBN,OAAO,EAAGA;IAAS,CACnB,CACA,CACE,CACD,CACD,CAAC;EAER;EAEA,OACC,IAAAJ,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAwC,GACtD,IAAAF,MAAA,CAAAC,aAAA,EAACpB,SAAS;IACT8B,KAAK,EAAGjB,cAAgB;IACxBkB,IAAI,EAAC,SAAS;IACdV,SAAS,EAAGP,cAAgB;IAC5B,cAAa,IAAAkB,QAAE,EAAE,eAAgB;EAAG,GAElCtB,QAAQ,CAACY,GAAG,CAAIC,OAAO,IACxB,IAAAJ,MAAA,CAAAC,aAAA,EAACa,YAAY;IACZL,GAAG,EAAGL,OAAO,CAACM,IAAM;IACpBN,OAAO,EAAGA,OAAS;IACnBW,QAAQ,EAAGvB,oBAAsB;IACjCC,UAAU,EAAGA;EAAY,CACzB,CACA,CACQ,CACP,CAAC;AAER,CAAC;AAED,SAASqB,YAAYA,CAAE;EAAEV,OAAO;EAAEW,QAAQ;EAAEtB;AAAW,CAAC,EAAG;EAC1D,MAAMuB,aAAa,GAAG,uCAAuC;EAC7D,MAAM;IAAEC,MAAM;IAAEC,WAAW;IAAEC,aAAa,GAAG;EAAI,CAAC,GAAGf,OAAO;EAC5D,MAAMgB,aAAa,GAAG,IAAAC,sBAAa,EAClCP,YAAY,EACX,GAAGE,aAAe,oBACpB,CAAC;EACD,OACC,IAAAhB,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAI,GAAGc,aAAe;EAAc,GACjD,IAAAhB,MAAA,CAAAC,aAAA,EAAClB,aAAa;IACbuC,MAAM,EACL,IAAAtB,MAAA,CAAAC,aAAA;MACC,oBACCiB,WAAW,GAAGE,aAAa,GAAGG,SAC9B;MACD,cAAanB,OAAO,CAACoB,KAAO;MAC5BtB,SAAS,EAAI,GAAGc,aAAe;IAAS,CACxC,CACD;IACDS,EAAE,EAAI,GAAGT,aAAe,cAAcZ,OAAO,CAACM,IAAM,EAAG;IACvDE,IAAI,EAAC,QAAQ;IACbc,OAAO,EAAGA,CAAA,KAAMX,QAAQ,CAAEE,MAAO;EAAG,GAEpC,IAAAjB,MAAA,CAAAC,aAAA,EAAC3B,aAAA,CAAAqD,OAAY;IACZV,MAAM,EAAGA,MAAQ;IACjBE,aAAa,EAAGA;EAAe,CAC/B,CAAC,EACA1B,UAAU,IACX,IAAAO,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAI,GAAGc,aAAe;EAAe,GAChDZ,OAAO,CAACoB,KACN,CACL,EACC,CAAC,CAAEN,WAAW,IACf,IAAAlB,MAAA,CAAAC,aAAA,EAAChC,WAAA,CAAA2D,cAAc;IAACH,EAAE,EAAGL;EAAe,GACjCF,WACa,CAEH,CACX,CAAC;AAER;AAEA,SAASZ,iBAAiBA,CAAE;EAAEC,MAAM;EAAEL,SAAS;EAAEE,OAAO;EAAEyB;AAAU,CAAC,EAAG;EACvE,MAAM;IAAEZ,MAAM;IAAEO,KAAK;IAAEN;EAAY,CAAC,GAAGd,OAAO;EAC9C,MAAMgB,aAAa,GAAG,IAAAC,sBAAa,EAClCf,iBAAiB,EACjB,yDACD,CAAC;EACD,OACC,IAAAN,MAAA,CAAAC,aAAA;IACC,eAAc,CAAEM,MAAQ;IACxBK,IAAI,EAAC,KAAK;IACVV,SAAS,EAAI,iBAAiBA,SAAW,EAAG;IAC5C,cAAasB,KAAO;IACpB,oBAAmBN,WAAW,GAAGE,aAAa,GAAGG;EAAW,GAE5D,IAAAvB,MAAA,CAAAC,aAAA,EAAC3B,aAAA,CAAAqD,OAAY;IAACV,MAAM,EAAGA,MAAQ;IAACY,SAAS,EAAGA;EAAW,CAAE,CAAC,EACxD,CAAC,CAAEX,WAAW,IACf,IAAAlB,MAAA,CAAAC,aAAA,EAAChC,WAAA,CAAA2D,cAAc;IAACH,EAAE,EAAGL;EAAe,GACjCF,WACa,CAEb,CAAC;AAER;AAEA,MAAMY,iBAAiB,GAAGA,CAAE;EAC3BC,QAAQ;EACRC,SAAS;EACTC,gBAAgB;EAChBzC,oBAAoB;EACpB0C,eAAe,GAAGtC,oBAAS,CAACC,QAAQ;EACpCJ,UAAU,GAAG;AACd,CAAC,KAAM;EACN,MAAM,CAAEJ,QAAQ,EAAE8C,WAAW,CAAE,GAAG,IAAAC,iBAAQ,EAAEF,eAAgB,CAAC;EAC7D,MAAM,CAAE5C,WAAW,EAAE+C,cAAc,CAAE,GAAG,IAAAD,iBAAQ,EAAE,CAAE,CAAC;EACrD,MAAM;IAAEE;EAAa,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;EACxD,MAAMjD,QAAQ,GAAG,IAAAkD,yBAAgB,EAAEV,QAAQ,EAAEC,SAAS,EAAEC,gBAAiB,CAAC;EAE1E,IAAK,CAAE1C,QAAQ,EAAEmD,MAAM,EAAG;IACzB,OAAO,IAAI;EACZ;EAEA,MAAMC,2BAA2B,GAAK1B,MAAM,IAAM;IACjD,MAAM2B,YAAY,GAAG3B,MAAM,CAACd,GAAG,CAAI0C,KAAK,IAAM,IAAAC,kBAAU,EAAED,KAAM,CAAE,CAAC;IACnEP,YAAY,CAAEP,QAAQ,EAAEa,YAAa,CAAC;EACvC,CAAC;EACD,MAAMG,uBAAuB,GAC5BvD,oBAAoB,IAAImD,2BAA2B;EACpD,OACC,IAAA3C,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAgD,QAAA,QACC,IAAAhD,MAAA,CAAAC,aAAA;IACCC,SAAS,EAAI,8CAA8Cb,QAAU;EAAG,GAExE,IAAAW,MAAA,CAAAC,aAAA,EAACb,YAAY;IACZC,QAAQ,EAAGA,QAAU;IACrBC,WAAW,EAAGA,WAAa;IAC3BC,QAAQ,EAAGA,QAAU;IACrBC,oBAAoB,EAAGuD,uBAAyB;IAChDtD,UAAU,EAAGA;EAAY,CACzB,CAAC,EACF,IAAAO,MAAA,CAAAC,aAAA,EAACzB,aAAA,CAAAmD,OAAY;IACZtC,QAAQ,EAAGA,QAAU;IACrB8C,WAAW,EAAGA,WAAa;IAC3B7C,WAAW,EAAGA,WAAa;IAC3B2D,WAAW,EAAG1D,QAAQ,CAACmD,MAAQ;IAC/BQ,UAAU,EAAGA,CAAA,KAAM;MAClBb,cAAc,CAAI9B,MAAM,IACvB4C,IAAI,CAACC,GAAG,CAAE7C,MAAM,GAAG,CAAC,EAAEhB,QAAQ,CAACmD,MAAM,GAAG,CAAE,CAC3C,CAAC;IACF,CAAG;IACHW,cAAc,EAAGA,CAAA,KAAM;MACtBhB,cAAc,CAAI9B,MAAM,IACvB4C,IAAI,CAACG,GAAG,CAAE/C,MAAM,GAAG,CAAC,EAAE,CAAE,CACzB,CAAC;IACF,CAAG;IACHf,oBAAoB,EAAGA,CAAA,KAAM;MAC5BuD,uBAAuB,CACtBxD,QAAQ,CAAED,WAAW,CAAE,CAAC2B,MACzB,CAAC;IACF;EAAG,CACH,CACG,CACJ,CAAC;AAEL,CAAC;AAAC,IAAAsC,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAEaG,iBAAiB","ignoreList":[]}
+{"version":3,"names":["_data","require","_blocks","_components","_element","_compose","_i18n","_store","_blockPreview","_interopRequireDefault","_setupToolbar","_usePatternsSetup","_constants","_lockUnlock","_jsxRuntime","CompositeV2","Composite","CompositeItemV2","CompositeItem","useCompositeStoreV2","useCompositeStore","unlock","componentsPrivateApis","SetupContent","viewMode","activeSlide","patterns","onBlockPatternSelect","showTitles","compositeStore","containerClass","VIEWMODES","carousel","slideClass","Map","jsx","className","children","map","pattern","index","BlockPatternSlide","active","get","name","store","role","__","BlockPattern","onSelect","baseClassName","blocks","description","viewportWidth","descriptionId","useInstanceId","jsxs","render","undefined","title","id","onClick","default","VisuallyHidden","minHeight","BlockPatternSetup","clientId","blockName","filterPatternsFn","initialViewMode","setViewMode","useState","setActiveSlide","replaceBlock","useDispatch","blockEditorStore","usePatternsSetup","length","onBlockPatternSelectDefault","clonedBlocks","block","cloneBlock","onPatternSelectCallback","Fragment","totalSlides","handleNext","Math","min","handlePrevious","max","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-pattern-setup/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch } from '@wordpress/data';\nimport { cloneBlock } from '@wordpress/blocks';\nimport {\n\tVisuallyHidden,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\n\nimport { useState } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport BlockPreview from '../block-preview';\nimport SetupToolbar from './setup-toolbar';\nimport usePatternsSetup from './use-patterns-setup';\nimport { VIEWMODES } from './constants';\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tCompositeV2: Composite,\n\tCompositeItemV2: CompositeItem,\n\tuseCompositeStoreV2: useCompositeStore,\n} = unlock( componentsPrivateApis );\n\nconst SetupContent = ( {\n\tviewMode,\n\tactiveSlide,\n\tpatterns,\n\tonBlockPatternSelect,\n\tshowTitles,\n} ) => {\n\tconst compositeStore = useCompositeStore();\n\tconst containerClass = 'block-editor-block-pattern-setup__container';\n\n\tif ( viewMode === VIEWMODES.carousel ) {\n\t\tconst slideClass = new Map( [\n\t\t\t[ activeSlide, 'active-slide' ],\n\t\t\t[ activeSlide - 1, 'previous-slide' ],\n\t\t\t[ activeSlide + 1, 'next-slide' ],\n\t\t] );\n\t\treturn (\n\t\t\t<div className=\"block-editor-block-pattern-setup__carousel\">\n\t\t\t\t<div className={ containerClass }>\n\t\t\t\t\t<div className=\"carousel-container\">\n\t\t\t\t\t\t{ patterns.map( ( pattern, index ) => (\n\t\t\t\t\t\t\t<BlockPatternSlide\n\t\t\t\t\t\t\t\tactive={ index === activeSlide }\n\t\t\t\t\t\t\t\tclassName={ slideClass.get( index ) || '' }\n\t\t\t\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className=\"block-editor-block-pattern-setup__grid\">\n\t\t\t<Composite\n\t\t\t\tstore={ compositeStore }\n\t\t\t\trole=\"listbox\"\n\t\t\t\tclassName={ containerClass }\n\t\t\t\taria-label={ __( 'Patterns list' ) }\n\t\t\t>\n\t\t\t\t{ patterns.map( ( pattern ) => (\n\t\t\t\t\t<BlockPattern\n\t\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\t\tonSelect={ onBlockPatternSelect }\n\t\t\t\t\t\tshowTitles={ showTitles }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</Composite>\n\t\t</div>\n\t);\n};\n\nfunction BlockPattern( { pattern, onSelect, showTitles } ) {\n\tconst baseClassName = 'block-editor-block-pattern-setup-list';\n\tconst { blocks, description, viewportWidth = 700 } = pattern;\n\tconst descriptionId = useInstanceId(\n\t\tBlockPattern,\n\t\t`${ baseClassName }__item-description`\n\t);\n\treturn (\n\t\t<div className={ `${ baseClassName }__list-item` }>\n\t\t\t<CompositeItem\n\t\t\t\trender={\n\t\t\t\t\t<div\n\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\tdescription ? descriptionId : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\taria-label={ pattern.title }\n\t\t\t\t\t\tclassName={ `${ baseClassName }__item` }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tid={ `${ baseClassName }__pattern__${ pattern.name }` }\n\t\t\t\trole=\"option\"\n\t\t\t\tonClick={ () => onSelect( blocks ) }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t/>\n\t\t\t\t{ showTitles && (\n\t\t\t\t\t<div className={ `${ baseClassName }__item-title` }>\n\t\t\t\t\t\t{ pattern.title }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t{ !! description && (\n\t\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t) }\n\t\t\t</CompositeItem>\n\t\t</div>\n\t);\n}\n\nfunction BlockPatternSlide( { active, className, pattern, minHeight } ) {\n\tconst { blocks, title, description } = pattern;\n\tconst descriptionId = useInstanceId(\n\t\tBlockPatternSlide,\n\t\t'block-editor-block-pattern-setup-list__item-description'\n\t);\n\treturn (\n\t\t<div\n\t\t\taria-hidden={ ! active }\n\t\t\trole=\"img\"\n\t\t\tclassName={ `pattern-slide ${ className }` }\n\t\t\taria-label={ title }\n\t\t\taria-describedby={ description ? descriptionId : undefined }\n\t\t>\n\t\t\t<BlockPreview blocks={ blocks } minHeight={ minHeight } />\n\t\t\t{ !! description && (\n\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t{ description }\n\t\t\t\t</VisuallyHidden>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nconst BlockPatternSetup = ( {\n\tclientId,\n\tblockName,\n\tfilterPatternsFn,\n\tonBlockPatternSelect,\n\tinitialViewMode = VIEWMODES.carousel,\n\tshowTitles = false,\n} ) => {\n\tconst [ viewMode, setViewMode ] = useState( initialViewMode );\n\tconst [ activeSlide, setActiveSlide ] = useState( 0 );\n\tconst { replaceBlock } = useDispatch( blockEditorStore );\n\tconst patterns = usePatternsSetup( clientId, blockName, filterPatternsFn );\n\n\tif ( ! patterns?.length ) {\n\t\treturn null;\n\t}\n\n\tconst onBlockPatternSelectDefault = ( blocks ) => {\n\t\tconst clonedBlocks = blocks.map( ( block ) => cloneBlock( block ) );\n\t\treplaceBlock( clientId, clonedBlocks );\n\t};\n\tconst onPatternSelectCallback =\n\t\tonBlockPatternSelect || onBlockPatternSelectDefault;\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclassName={ `block-editor-block-pattern-setup view-mode-${ viewMode }` }\n\t\t\t>\n\t\t\t\t<SetupContent\n\t\t\t\t\tviewMode={ viewMode }\n\t\t\t\t\tactiveSlide={ activeSlide }\n\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\tonBlockPatternSelect={ onPatternSelectCallback }\n\t\t\t\t\tshowTitles={ showTitles }\n\t\t\t\t/>\n\t\t\t\t<SetupToolbar\n\t\t\t\t\tviewMode={ viewMode }\n\t\t\t\t\tsetViewMode={ setViewMode }\n\t\t\t\t\tactiveSlide={ activeSlide }\n\t\t\t\t\ttotalSlides={ patterns.length }\n\t\t\t\t\thandleNext={ () => {\n\t\t\t\t\t\tsetActiveSlide( ( active ) =>\n\t\t\t\t\t\t\tMath.min( active + 1, patterns.length - 1 )\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t\thandlePrevious={ () => {\n\t\t\t\t\t\tsetActiveSlide( ( active ) =>\n\t\t\t\t\t\t\tMath.max( active - 1, 0 )\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t\tonBlockPatternSelect={ () => {\n\t\t\t\t\t\tonPatternSelectCallback(\n\t\t\t\t\t\t\tpatterns[ activeSlide ].blocks\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</>\n\t);\n};\n\nexport default BlockPatternSetup;\n"],"mappings":"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","ignoreList":[]}