@wordpress/block-editor 12.26.0 → 13.0.1

package/build/components/block-settings-menu-controls/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_data","_compose","_i18n","_convertToGroupButtons","_blockLock","_store","_blockModeToggle","_interopRequireDefault","_blockRename","Fill","Slot","createSlotFill","BlockSettingsMenuControlsSlot","fillProps","clientIds","selectedBlocks","selectedClientIds","isContentOnly","useSelect","select","getBlockNamesByClientId","getSelectedBlockClientIds","getBlockEditingMode","blockEditorStore","ids","canLock","useBlockLock","canRename","useBlockRename","showLockButton","length","showRenameButton","convertToGroupButtonProps","useConvertToGroupButtonProps","isGroupable","isUngroupable","showConvertToGroupButton","_react","createElement","fills","MenuGroup","ConvertToGroupButton","onClose","BlockLockMenuItem","clientId","BlockRenameControl","canMove","onlyBlock","MenuItem","onClick","pipe","onMoveTo","__","count","default","firstBlockClientId","onToggle","BlockSettingsMenuControls","props","__experimentalStyleProvider","document","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-settings-menu-controls/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tcreateSlotFill,\n\tMenuGroup,\n\tMenuItem,\n\t__experimentalStyleProvider as StyleProvider,\n} from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { pipe } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tuseConvertToGroupButtonProps,\n\tConvertToGroupButton,\n} from '../convert-to-group-buttons';\nimport { BlockLockMenuItem, useBlockLock } from '../block-lock';\nimport { store as blockEditorStore } from '../../store';\nimport BlockModeToggle from '../block-settings-menu/block-mode-toggle';\n\nimport { BlockRenameControl, useBlockRename } from '../block-rename';\n\nconst { Fill, Slot } = createSlotFill( 'BlockSettingsMenuControls' );\n\nconst BlockSettingsMenuControlsSlot = ( { fillProps, clientIds = null } ) => {\n\tconst { selectedBlocks, selectedClientIds, isContentOnly } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockNamesByClientId,\n\t\t\t\tgetSelectedBlockClientIds,\n\t\t\t\tgetBlockEditingMode,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst ids =\n\t\t\t\tclientIds !== null ? clientIds : getSelectedBlockClientIds();\n\t\t\treturn {\n\t\t\t\tselectedBlocks: getBlockNamesByClientId( ids ),\n\t\t\t\tselectedClientIds: ids,\n\t\t\t\tisContentOnly:\n\t\t\t\t\tgetBlockEditingMode( ids[ 0 ] ) === 'contentOnly',\n\t\t\t};\n\t\t},\n\t\t[ clientIds ]\n\t);\n\n\tconst { canLock } = useBlockLock( selectedClientIds[ 0 ] );\n\tconst { canRename } = useBlockRename( selectedBlocks[ 0 ] );\n\tconst showLockButton =\n\t\tselectedClientIds.length === 1 && canLock && ! isContentOnly;\n\tconst showRenameButton =\n\t\tselectedClientIds.length === 1 && canRename && ! isContentOnly;\n\n\t// Check if current selection of blocks is Groupable or Ungroupable\n\t// and pass this props down to ConvertToGroupButton.\n\tconst convertToGroupButtonProps =\n\t\tuseConvertToGroupButtonProps( selectedClientIds );\n\tconst { isGroupable, isUngroupable } = convertToGroupButtonProps;\n\tconst showConvertToGroupButton = isGroupable || isUngroupable;\n\n\treturn (\n\t\t<Slot\n\t\t\tfillProps={ {\n\t\t\t\t...fillProps,\n\t\t\t\tselectedBlocks,\n\t\t\t\tselectedClientIds,\n\t\t\t} }\n\t\t>\n\t\t\t{ ( fills ) => {\n\t\t\t\tif (\n\t\t\t\t\t! fills?.length > 0 &&\n\t\t\t\t\t! showConvertToGroupButton &&\n\t\t\t\t\t! showLockButton\n\t\t\t\t) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t{ showConvertToGroupButton && (\n\t\t\t\t\t\t\t<ConvertToGroupButton\n\t\t\t\t\t\t\t\t{ ...convertToGroupButtonProps }\n\t\t\t\t\t\t\t\tonClose={ fillProps?.onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ showLockButton && (\n\t\t\t\t\t\t\t<BlockLockMenuItem\n\t\t\t\t\t\t\t\tclientId={ selectedClientIds[ 0 ] }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ showRenameButton && (\n\t\t\t\t\t\t\t<BlockRenameControl\n\t\t\t\t\t\t\t\tclientId={ selectedClientIds[ 0 ] }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ fills }\n\t\t\t\t\t\t{ fillProps?.canMove &&\n\t\t\t\t\t\t\t! fillProps?.onlyBlock &&\n\t\t\t\t\t\t\t! isContentOnly && (\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tonClick={ pipe(\n\t\t\t\t\t\t\t\t\t\tfillProps?.onClose,\n\t\t\t\t\t\t\t\t\t\tfillProps?.onMoveTo\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Move to' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ fillProps?.count === 1 && ! isContentOnly && (\n\t\t\t\t\t\t\t<BlockModeToggle\n\t\t\t\t\t\t\t\tclientId={ fillProps?.firstBlockClientId }\n\t\t\t\t\t\t\t\tonToggle={ fillProps?.onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t);\n\t\t\t} }\n\t\t</Slot>\n\t);\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-settings-menu-controls/README.md\n *\n * @param {Object} props Fill props.\n * @return {Element} Element.\n */\nfunction BlockSettingsMenuControls( { ...props } ) {\n\treturn (\n\t\t<StyleProvider document={ document }>\n\t\t\t<Fill { ...props } />\n\t\t</StyleProvider>\n\t);\n}\n\nBlockSettingsMenuControls.Slot = BlockSettingsMenuControlsSlot;\n\nexport default BlockSettingsMenuControls;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_data","_compose","_i18n","_convertToGroupButtons","_blockLock","_store","_blockModeToggle","_interopRequireDefault","_blockRename","_jsxRuntime","Fill","Slot","createSlotFill","BlockSettingsMenuControlsSlot","fillProps","clientIds","selectedBlocks","selectedClientIds","isContentOnly","useSelect","select","getBlockNamesByClientId","getSelectedBlockClientIds","getBlockEditingMode","blockEditorStore","ids","canLock","useBlockLock","canRename","useBlockRename","showLockButton","length","showRenameButton","convertToGroupButtonProps","useConvertToGroupButtonProps","isGroupable","isUngroupable","showConvertToGroupButton","jsx","children","fills","jsxs","MenuGroup","ConvertToGroupButton","onClose","BlockLockMenuItem","clientId","BlockRenameControl","canMove","onlyBlock","MenuItem","onClick","pipe","onMoveTo","__","count","default","firstBlockClientId","onToggle","BlockSettingsMenuControls","props","__experimentalStyleProvider","document","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-settings-menu-controls/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tcreateSlotFill,\n\tMenuGroup,\n\tMenuItem,\n\t__experimentalStyleProvider as StyleProvider,\n} from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { pipe } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tuseConvertToGroupButtonProps,\n\tConvertToGroupButton,\n} from '../convert-to-group-buttons';\nimport { BlockLockMenuItem, useBlockLock } from '../block-lock';\nimport { store as blockEditorStore } from '../../store';\nimport BlockModeToggle from '../block-settings-menu/block-mode-toggle';\n\nimport { BlockRenameControl, useBlockRename } from '../block-rename';\n\nconst { Fill, Slot } = createSlotFill( 'BlockSettingsMenuControls' );\n\nconst BlockSettingsMenuControlsSlot = ( { fillProps, clientIds = null } ) => {\n\tconst { selectedBlocks, selectedClientIds, isContentOnly } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockNamesByClientId,\n\t\t\t\tgetSelectedBlockClientIds,\n\t\t\t\tgetBlockEditingMode,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst ids =\n\t\t\t\tclientIds !== null ? clientIds : getSelectedBlockClientIds();\n\t\t\treturn {\n\t\t\t\tselectedBlocks: getBlockNamesByClientId( ids ),\n\t\t\t\tselectedClientIds: ids,\n\t\t\t\tisContentOnly:\n\t\t\t\t\tgetBlockEditingMode( ids[ 0 ] ) === 'contentOnly',\n\t\t\t};\n\t\t},\n\t\t[ clientIds ]\n\t);\n\n\tconst { canLock } = useBlockLock( selectedClientIds[ 0 ] );\n\tconst { canRename } = useBlockRename( selectedBlocks[ 0 ] );\n\tconst showLockButton =\n\t\tselectedClientIds.length === 1 && canLock && ! isContentOnly;\n\tconst showRenameButton =\n\t\tselectedClientIds.length === 1 && canRename && ! isContentOnly;\n\n\t// Check if current selection of blocks is Groupable or Ungroupable\n\t// and pass this props down to ConvertToGroupButton.\n\tconst convertToGroupButtonProps =\n\t\tuseConvertToGroupButtonProps( selectedClientIds );\n\tconst { isGroupable, isUngroupable } = convertToGroupButtonProps;\n\tconst showConvertToGroupButton = isGroupable || isUngroupable;\n\n\treturn (\n\t\t<Slot\n\t\t\tfillProps={ {\n\t\t\t\t...fillProps,\n\t\t\t\tselectedBlocks,\n\t\t\t\tselectedClientIds,\n\t\t\t} }\n\t\t>\n\t\t\t{ ( fills ) => {\n\t\t\t\tif (\n\t\t\t\t\t! fills?.length > 0 &&\n\t\t\t\t\t! showConvertToGroupButton &&\n\t\t\t\t\t! showLockButton\n\t\t\t\t) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t{ showConvertToGroupButton && (\n\t\t\t\t\t\t\t<ConvertToGroupButton\n\t\t\t\t\t\t\t\t{ ...convertToGroupButtonProps }\n\t\t\t\t\t\t\t\tonClose={ fillProps?.onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ showLockButton && (\n\t\t\t\t\t\t\t<BlockLockMenuItem\n\t\t\t\t\t\t\t\tclientId={ selectedClientIds[ 0 ] }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ showRenameButton && (\n\t\t\t\t\t\t\t<BlockRenameControl\n\t\t\t\t\t\t\t\tclientId={ selectedClientIds[ 0 ] }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ fills }\n\t\t\t\t\t\t{ fillProps?.canMove &&\n\t\t\t\t\t\t\t! fillProps?.onlyBlock &&\n\t\t\t\t\t\t\t! isContentOnly && (\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tonClick={ pipe(\n\t\t\t\t\t\t\t\t\t\tfillProps?.onClose,\n\t\t\t\t\t\t\t\t\t\tfillProps?.onMoveTo\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Move to' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ fillProps?.count === 1 && ! isContentOnly && (\n\t\t\t\t\t\t\t<BlockModeToggle\n\t\t\t\t\t\t\t\tclientId={ fillProps?.firstBlockClientId }\n\t\t\t\t\t\t\t\tonToggle={ fillProps?.onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t);\n\t\t\t} }\n\t\t</Slot>\n\t);\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-settings-menu-controls/README.md\n *\n * @param {Object} props Fill props.\n * @return {Element} Element.\n */\nfunction BlockSettingsMenuControls( { ...props } ) {\n\treturn (\n\t\t<StyleProvider document={ document }>\n\t\t\t<Fill { ...props } />\n\t\t</StyleProvider>\n\t);\n}\n\nBlockSettingsMenuControls.Slot = BlockSettingsMenuControlsSlot;\n\nexport default BlockSettingsMenuControls;\n"],"mappings":"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","ignoreList":[]}

package/build/components/block-styles/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _element = require("@wordpress/element");
 var _compose = require("@wordpress/compose");
 var _components = require("@wordpress/components");
 var _previewPanel = _interopRequireDefault(require("./preview-panel"));
 var _useStylesForBlock = _interopRequireDefault(require("./use-styles-for-block"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -63,43 +63,48 @@ function BlockStyles({
     debouncedSetHoveredStyle(item);
     onHoverClassName((_item$name = item?.name) !== null && _item$name !== void 0 ? _item$name : null);
   };
-  return (0, _react.createElement)("div", {
-    className: "block-editor-block-styles"
-  }, (0, _react.createElement)("div", {
-    className: "block-editor-block-styles__variants"
-  }, stylesToRender.map(style => {
-    const buttonText = style.label || style.name;
-    return (0, _react.createElement)(_components.Button, {
-      __next40pxDefaultSize: true,
-      className: (0, _clsx.default)('block-editor-block-styles__item', {
-        'is-active': activeStyle.name === style.name
-      }),
-      key: style.name,
-      variant: "secondary",
-      label: buttonText,
-      onMouseEnter: () => styleItemHandler(style),
-      onFocus: () => styleItemHandler(style),
-      onMouseLeave: () => styleItemHandler(null),
-      onBlur: () => styleItemHandler(null),
-      onClick: () => onSelectStylePreview(style),
-      "aria-current": activeStyle.name === style.name
-    }, (0, _react.createElement)(_components.__experimentalTruncate, {
-      numberOfLines: 1,
-      className: "block-editor-block-styles__item-text"
-    }, buttonText));
-  })), hoveredStyle && !isMobileViewport && (0, _react.createElement)(_components.Popover, {
-    placement: "left-start",
-    offset: 34,
-    focusOnMount: false
-  }, (0, _react.createElement)("div", {
-    className: "block-editor-block-styles__preview-panel",
-    onMouseLeave: () => styleItemHandler(null)
-  }, (0, _react.createElement)(_previewPanel.default, {
-    activeStyle: activeStyle,
-    className: previewClassName,
-    genericPreviewBlock: genericPreviewBlock,
-    style: hoveredStyle
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "block-editor-block-styles",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "block-editor-block-styles__variants",
+      children: stylesToRender.map(style => {
+        const buttonText = style.label || style.name;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          __next40pxDefaultSize: true,
+          className: (0, _clsx.default)('block-editor-block-styles__item', {
+            'is-active': activeStyle.name === style.name
+          }),
+          variant: "secondary",
+          label: buttonText,
+          onMouseEnter: () => styleItemHandler(style),
+          onFocus: () => styleItemHandler(style),
+          onMouseLeave: () => styleItemHandler(null),
+          onBlur: () => styleItemHandler(null),
+          onClick: () => onSelectStylePreview(style),
+          "aria-current": activeStyle.name === style.name,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalTruncate, {
+            numberOfLines: 1,
+            className: "block-editor-block-styles__item-text",
+            children: buttonText
+          })
+        }, style.name);
+      })
+    }), hoveredStyle && !isMobileViewport && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popover, {
+      placement: "left-start",
+      offset: 34,
+      focusOnMount: false,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "block-editor-block-styles__preview-panel",
+        onMouseLeave: () => styleItemHandler(null),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_previewPanel.default, {
+          activeStyle: activeStyle,
+          className: previewClassName,
+          genericPreviewBlock: genericPreviewBlock,
+          style: hoveredStyle
+        })
+      })
+    })]
+  });
 }
 var _default = exports.default = BlockStyles;
 //# sourceMappingURL=index.js.map

package/build/components/block-styles/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_compose","_components","_previewPanel","_useStylesForBlock","noop","BlockStyles","clientId","onSwitch","onHoverClassName","onSelect","stylesToRender","activeStyle","genericPreviewBlock","className","previewClassName","useStylesForBlocks","hoveredStyle","setHoveredStyle","useState","isMobileViewport","useViewportMatch","length","debouncedSetHoveredStyle","debounce","onSelectStylePreview","style","cancel","styleItemHandler","item","_item$name","name","_react","createElement","map","buttonText","label","Button","__next40pxDefaultSize","clsx","key","variant","onMouseEnter","onFocus","onMouseLeave","onBlur","onClick","__experimentalTruncate","numberOfLines","Popover","placement","offset","focusOnMount","default","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-styles/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { debounce, useViewportMatch } from '@wordpress/compose';\nimport {\n\tButton,\n\t__experimentalTruncate as Truncate,\n\tPopover,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockStylesPreviewPanel from './preview-panel';\nimport useStylesForBlocks from './use-styles-for-block';\n\nconst noop = () => {};\n\n// Block Styles component for the Settings Sidebar.\nfunction BlockStyles( { clientId, onSwitch = noop, onHoverClassName = noop } ) {\n\tconst {\n\t\tonSelect,\n\t\tstylesToRender,\n\t\tactiveStyle,\n\t\tgenericPreviewBlock,\n\t\tclassName: previewClassName,\n\t} = useStylesForBlocks( {\n\t\tclientId,\n\t\tonSwitch,\n\t} );\n\tconst [ hoveredStyle, setHoveredStyle ] = useState( null );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tif ( ! stylesToRender || stylesToRender.length === 0 ) {\n\t\treturn null;\n\t}\n\n\tconst debouncedSetHoveredStyle = debounce( setHoveredStyle, 250 );\n\n\tconst onSelectStylePreview = ( style ) => {\n\t\tonSelect( style );\n\t\tonHoverClassName( null );\n\t\tsetHoveredStyle( null );\n\t\tdebouncedSetHoveredStyle.cancel();\n\t};\n\n\tconst styleItemHandler = ( item ) => {\n\t\tif ( hoveredStyle === item ) {\n\t\t\tdebouncedSetHoveredStyle.cancel();\n\t\t\treturn;\n\t\t}\n\t\tdebouncedSetHoveredStyle( item );\n\t\tonHoverClassName( item?.name ?? null );\n\t};\n\n\treturn (\n\t\t<div className=\"block-editor-block-styles\">\n\t\t\t<div className=\"block-editor-block-styles__variants\">\n\t\t\t\t{ stylesToRender.map( ( style ) => {\n\t\t\t\t\tconst buttonText = style.label || style.name;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t'block-editor-block-styles__item',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'is-active':\n\t\t\t\t\t\t\t\t\t\tactiveStyle.name === style.name,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tkey={ style.name }\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tlabel={ buttonText }\n\t\t\t\t\t\t\tonMouseEnter={ () => styleItemHandler( style ) }\n\t\t\t\t\t\t\tonFocus={ () => styleItemHandler( style ) }\n\t\t\t\t\t\t\tonMouseLeave={ () => styleItemHandler( null ) }\n\t\t\t\t\t\t\tonBlur={ () => styleItemHandler( null ) }\n\t\t\t\t\t\t\tonClick={ () => onSelectStylePreview( style ) }\n\t\t\t\t\t\t\taria-current={ activeStyle.name === style.name }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Truncate\n\t\t\t\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\t\t\t\tclassName=\"block-editor-block-styles__item-text\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ buttonText }\n\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t\t{ hoveredStyle && ! isMobileViewport && (\n\t\t\t\t<Popover\n\t\t\t\t\tplacement=\"left-start\"\n\t\t\t\t\toffset={ 34 }\n\t\t\t\t\tfocusOnMount={ false }\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"block-editor-block-styles__preview-panel\"\n\t\t\t\t\t\tonMouseLeave={ () => styleItemHandler( null ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<BlockStylesPreviewPanel\n\t\t\t\t\t\t\tactiveStyle={ activeStyle }\n\t\t\t\t\t\t\tclassName={ previewClassName }\n\t\t\t\t\t\t\tgenericPreviewBlock={ genericPreviewBlock }\n\t\t\t\t\t\t\tstyle={ hoveredStyle }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</Popover>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default BlockStyles;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_compose","_components","_previewPanel","_useStylesForBlock","_jsxRuntime","noop","BlockStyles","clientId","onSwitch","onHoverClassName","onSelect","stylesToRender","activeStyle","genericPreviewBlock","className","previewClassName","useStylesForBlocks","hoveredStyle","setHoveredStyle","useState","isMobileViewport","useViewportMatch","length","debouncedSetHoveredStyle","debounce","onSelectStylePreview","style","cancel","styleItemHandler","item","_item$name","name","jsxs","children","jsx","map","buttonText","label","Button","__next40pxDefaultSize","clsx","variant","onMouseEnter","onFocus","onMouseLeave","onBlur","onClick","__experimentalTruncate","numberOfLines","Popover","placement","offset","focusOnMount","default","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-styles/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { debounce, useViewportMatch } from '@wordpress/compose';\nimport {\n\tButton,\n\t__experimentalTruncate as Truncate,\n\tPopover,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockStylesPreviewPanel from './preview-panel';\nimport useStylesForBlocks from './use-styles-for-block';\n\nconst noop = () => {};\n\n// Block Styles component for the Settings Sidebar.\nfunction BlockStyles( { clientId, onSwitch = noop, onHoverClassName = noop } ) {\n\tconst {\n\t\tonSelect,\n\t\tstylesToRender,\n\t\tactiveStyle,\n\t\tgenericPreviewBlock,\n\t\tclassName: previewClassName,\n\t} = useStylesForBlocks( {\n\t\tclientId,\n\t\tonSwitch,\n\t} );\n\tconst [ hoveredStyle, setHoveredStyle ] = useState( null );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tif ( ! stylesToRender || stylesToRender.length === 0 ) {\n\t\treturn null;\n\t}\n\n\tconst debouncedSetHoveredStyle = debounce( setHoveredStyle, 250 );\n\n\tconst onSelectStylePreview = ( style ) => {\n\t\tonSelect( style );\n\t\tonHoverClassName( null );\n\t\tsetHoveredStyle( null );\n\t\tdebouncedSetHoveredStyle.cancel();\n\t};\n\n\tconst styleItemHandler = ( item ) => {\n\t\tif ( hoveredStyle === item ) {\n\t\t\tdebouncedSetHoveredStyle.cancel();\n\t\t\treturn;\n\t\t}\n\t\tdebouncedSetHoveredStyle( item );\n\t\tonHoverClassName( item?.name ?? null );\n\t};\n\n\treturn (\n\t\t<div className=\"block-editor-block-styles\">\n\t\t\t<div className=\"block-editor-block-styles__variants\">\n\t\t\t\t{ stylesToRender.map( ( style ) => {\n\t\t\t\t\tconst buttonText = style.label || style.name;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t'block-editor-block-styles__item',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'is-active':\n\t\t\t\t\t\t\t\t\t\tactiveStyle.name === style.name,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tkey={ style.name }\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tlabel={ buttonText }\n\t\t\t\t\t\t\tonMouseEnter={ () => styleItemHandler( style ) }\n\t\t\t\t\t\t\tonFocus={ () => styleItemHandler( style ) }\n\t\t\t\t\t\t\tonMouseLeave={ () => styleItemHandler( null ) }\n\t\t\t\t\t\t\tonBlur={ () => styleItemHandler( null ) }\n\t\t\t\t\t\t\tonClick={ () => onSelectStylePreview( style ) }\n\t\t\t\t\t\t\taria-current={ activeStyle.name === style.name }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Truncate\n\t\t\t\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\t\t\t\tclassName=\"block-editor-block-styles__item-text\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ buttonText }\n\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t\t{ hoveredStyle && ! isMobileViewport && (\n\t\t\t\t<Popover\n\t\t\t\t\tplacement=\"left-start\"\n\t\t\t\t\toffset={ 34 }\n\t\t\t\t\tfocusOnMount={ false }\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"block-editor-block-styles__preview-panel\"\n\t\t\t\t\t\tonMouseLeave={ () => styleItemHandler( null ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<BlockStylesPreviewPanel\n\t\t\t\t\t\t\tactiveStyle={ activeStyle }\n\t\t\t\t\t\t\tclassName={ previewClassName }\n\t\t\t\t\t\t\tgenericPreviewBlock={ genericPreviewBlock }\n\t\t\t\t\t\t\tstyle={ hoveredStyle }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</Popover>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default BlockStyles;\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _blocks = require("@wordpress/blocks");
 var _data = require("@wordpress/data");
@@ -15,6 +14,7 @@ var _utils = require("./utils");
 var _preview = _interopRequireDefault(require("./preview"));
 var _style = _interopRequireDefault(require("./style.scss"));
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -67,23 +67,23 @@ function BlockStyles({
           className: styleClassName
         });
       };
-      return (0, _react.createElement)(_preview.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_preview.default, {
         onPress: onStylePress,
         isActive: isActive,
-        key: style.name,
         style: style,
         url: url
-      });
+      }, style.name);
     });
   }, [renderedStyles, className, clientId]);
   if (!styles || styles.length === 0) {
     return null;
   }
-  return (0, _react.createElement)(_reactNative.ScrollView, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
     horizontal: true,
     showsHorizontalScrollIndicator: false,
-    contentContainerStyle: _style.default.content
-  }, mappedRenderedStyles);
+    contentContainerStyle: _style.default.content,
+    children: mappedRenderedStyles
+  });
 }
 var _default = exports.default = BlockStyles;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_blocks","_data","_element","_i18n","_utils","_preview","_interopRequireDefault","_style","_store","EMPTY_ARRAY","BlockStyles","clientId","url","selector","select","getBlock","blockEditorStore","getBlockStyles","blocksStore","block","styles","name","className","attributes","useSelect","updateBlockAttributes","useDispatch","renderedStyles","find","style","isDefault","label","_x","mappedRenderedStyles","useMemo","activeStyle","getActiveStyle","map","styleClassName","replaceActiveStyle","isActive","onStylePress","_react","createElement","default","onPress","key","length","ScrollView","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","containerStyles","content","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-styles/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { ScrollView } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { _x } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { getActiveStyle, replaceActiveStyle } from './utils';\nimport StylePreview from './preview';\nimport containerStyles from './style.scss';\nimport { store as blockEditorStore } from '../../store';\n\nconst EMPTY_ARRAY = [];\n\nfunction BlockStyles( { clientId, url } ) {\n\tconst selector = ( select ) => {\n\t\tconst { getBlock } = select( blockEditorStore );\n\t\tconst { getBlockStyles } = select( blocksStore );\n\t\tconst block = getBlock( clientId );\n\t\treturn {\n\t\t\tstyles: getBlockStyles( block?.name ) || EMPTY_ARRAY,\n\t\t\tclassName: block?.attributes?.className || '',\n\t\t};\n\t};\n\n\tconst { styles, className } = useSelect( selector, [ clientId ] );\n\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\tconst renderedStyles = styles?.find( ( style ) => style.isDefault )\n\t\t? styles\n\t\t: [\n\t\t\t\t{\n\t\t\t\t\tname: 'default',\n\t\t\t\t\tlabel: _x( 'Default', 'block style' ),\n\t\t\t\t\tisDefault: true,\n\t\t\t\t},\n\t\t\t\t...styles,\n\t\t  ];\n\n\tconst mappedRenderedStyles = useMemo( () => {\n\t\tconst activeStyle = getActiveStyle( renderedStyles, className );\n\n\t\treturn renderedStyles.map( ( style ) => {\n\t\t\tconst styleClassName = replaceActiveStyle(\n\t\t\t\tclassName,\n\t\t\t\tactiveStyle,\n\t\t\t\tstyle\n\t\t\t);\n\t\t\tconst isActive = activeStyle === style;\n\n\t\t\tconst onStylePress = () => {\n\t\t\t\tupdateBlockAttributes( clientId, {\n\t\t\t\t\tclassName: styleClassName,\n\t\t\t\t} );\n\t\t\t};\n\n\t\t\treturn (\n\t\t\t\t<StylePreview\n\t\t\t\t\tonPress={ onStylePress }\n\t\t\t\t\tisActive={ isActive }\n\t\t\t\t\tkey={ style.name }\n\t\t\t\t\tstyle={ style }\n\t\t\t\t\turl={ url }\n\t\t\t\t/>\n\t\t\t);\n\t\t} );\n\t}, [ renderedStyles, className, clientId ] );\n\n\tif ( ! styles || styles.length === 0 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ScrollView\n\t\t\thorizontal\n\t\t\tshowsHorizontalScrollIndicator={ false }\n\t\t\tcontentContainerStyle={ containerStyles.content }\n\t\t>\n\t\t\t{ mappedRenderedStyles }\n\t\t</ScrollView>\n\t);\n}\n\nexport default BlockStyles;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_blocks","_data","_element","_i18n","_utils","_preview","_interopRequireDefault","_style","_store","_jsxRuntime","EMPTY_ARRAY","BlockStyles","clientId","url","selector","select","getBlock","blockEditorStore","getBlockStyles","blocksStore","block","styles","name","className","attributes","useSelect","updateBlockAttributes","useDispatch","renderedStyles","find","style","isDefault","label","_x","mappedRenderedStyles","useMemo","activeStyle","getActiveStyle","map","styleClassName","replaceActiveStyle","isActive","onStylePress","jsx","default","onPress","length","ScrollView","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","containerStyles","content","children","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-styles/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { ScrollView } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { _x } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { getActiveStyle, replaceActiveStyle } from './utils';\nimport StylePreview from './preview';\nimport containerStyles from './style.scss';\nimport { store as blockEditorStore } from '../../store';\n\nconst EMPTY_ARRAY = [];\n\nfunction BlockStyles( { clientId, url } ) {\n\tconst selector = ( select ) => {\n\t\tconst { getBlock } = select( blockEditorStore );\n\t\tconst { getBlockStyles } = select( blocksStore );\n\t\tconst block = getBlock( clientId );\n\t\treturn {\n\t\t\tstyles: getBlockStyles( block?.name ) || EMPTY_ARRAY,\n\t\t\tclassName: block?.attributes?.className || '',\n\t\t};\n\t};\n\n\tconst { styles, className } = useSelect( selector, [ clientId ] );\n\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\tconst renderedStyles = styles?.find( ( style ) => style.isDefault )\n\t\t? styles\n\t\t: [\n\t\t\t\t{\n\t\t\t\t\tname: 'default',\n\t\t\t\t\tlabel: _x( 'Default', 'block style' ),\n\t\t\t\t\tisDefault: true,\n\t\t\t\t},\n\t\t\t\t...styles,\n\t\t  ];\n\n\tconst mappedRenderedStyles = useMemo( () => {\n\t\tconst activeStyle = getActiveStyle( renderedStyles, className );\n\n\t\treturn renderedStyles.map( ( style ) => {\n\t\t\tconst styleClassName = replaceActiveStyle(\n\t\t\t\tclassName,\n\t\t\t\tactiveStyle,\n\t\t\t\tstyle\n\t\t\t);\n\t\t\tconst isActive = activeStyle === style;\n\n\t\t\tconst onStylePress = () => {\n\t\t\t\tupdateBlockAttributes( clientId, {\n\t\t\t\t\tclassName: styleClassName,\n\t\t\t\t} );\n\t\t\t};\n\n\t\t\treturn (\n\t\t\t\t<StylePreview\n\t\t\t\t\tonPress={ onStylePress }\n\t\t\t\t\tisActive={ isActive }\n\t\t\t\t\tkey={ style.name }\n\t\t\t\t\tstyle={ style }\n\t\t\t\t\turl={ url }\n\t\t\t\t/>\n\t\t\t);\n\t\t} );\n\t}, [ renderedStyles, className, clientId ] );\n\n\tif ( ! styles || styles.length === 0 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ScrollView\n\t\t\thorizontal\n\t\t\tshowsHorizontalScrollIndicator={ false }\n\t\t\tcontentContainerStyle={ containerStyles.content }\n\t\t>\n\t\t\t{ mappedRenderedStyles }\n\t\t</ScrollView>\n\t);\n}\n\nexport default BlockStyles;\n"],"mappings":"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","ignoreList":[]}

package/build/components/block-styles/menu-items.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockStylesMenuItems;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
 var _useStylesForBlock = _interopRequireDefault(require("./use-styles-for-block"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -33,18 +33,21 @@ function BlockStylesMenuItems({
   if (!stylesToRender || stylesToRender.length === 0) {
     return null;
   }
-  return (0, _react.createElement)(_react.Fragment, null, stylesToRender.map(style => {
-    const menuItemText = style.label || style.name;
-    return (0, _react.createElement)(_components.MenuItem, {
-      key: style.name,
-      icon: activeStyle.name === style.name ? _icons.check : null,
-      onClick: () => onSelect(style)
-    }, (0, _react.createElement)(_components.__experimentalText, {
-      as: "span",
-      limit: 18,
-      ellipsizeMode: "tail",
-      truncate: true
-    }, menuItemText));
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: stylesToRender.map(style => {
+      const menuItemText = style.label || style.name;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
+        icon: activeStyle.name === style.name ? _icons.check : null,
+        onClick: () => onSelect(style),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+          as: "span",
+          limit: 18,
+          ellipsizeMode: "tail",
+          truncate: true,
+          children: menuItemText
+        })
+      }, style.name);
+    })
+  });
 }
 //# sourceMappingURL=menu-items.js.map

package/build/components/block-styles/menu-items.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_icons","_useStylesForBlock","_interopRequireDefault","noop","BlockStylesMenuItems","clientId","onSwitch","onSelect","stylesToRender","activeStyle","useStylesForBlocks","length","_react","createElement","Fragment","map","style","menuItemText","label","name","MenuItem","key","icon","check","onClick","__experimentalText","as","limit","ellipsizeMode","truncate"],"sources":["@wordpress/block-editor/src/components/block-styles/menu-items.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuItem, __experimentalText as Text } from '@wordpress/components';\nimport { check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport useStylesForBlocks from './use-styles-for-block';\n\nconst noop = () => {};\n\nexport default function BlockStylesMenuItems( { clientId, onSwitch = noop } ) {\n\tconst { onSelect, stylesToRender, activeStyle } = useStylesForBlocks( {\n\t\tclientId,\n\t\tonSwitch,\n\t} );\n\n\tif ( ! stylesToRender || stylesToRender.length === 0 ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<>\n\t\t\t{ stylesToRender.map( ( style ) => {\n\t\t\t\tconst menuItemText = style.label || style.name;\n\t\t\t\treturn (\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tkey={ style.name }\n\t\t\t\t\t\ticon={ activeStyle.name === style.name ? check : null }\n\t\t\t\t\t\tonClick={ () => onSelect( style ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\tlimit={ 18 }\n\t\t\t\t\t\t\tellipsizeMode=\"tail\"\n\t\t\t\t\t\t\ttruncate\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ menuItemText }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAKA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMI,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAEN,SAASC,oBAAoBA,CAAE;EAAEC,QAAQ;EAAEC,QAAQ,GAAGH;AAAK,CAAC,EAAG;EAC7E,MAAM;IAAEI,QAAQ;IAAEC,cAAc;IAAEC;EAAY,CAAC,GAAG,IAAAC,0BAAkB,EAAE;IACrEL,QAAQ;IACRC;EACD,CAAE,CAAC;EAEH,IAAK,CAAEE,cAAc,IAAIA,cAAc,CAACG,MAAM,KAAK,CAAC,EAAG;IACtD,OAAO,IAAI;EACZ;EACA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGN,cAAc,CAACO,GAAG,CAAIC,KAAK,IAAM;IAClC,MAAMC,YAAY,GAAGD,KAAK,CAACE,KAAK,IAAIF,KAAK,CAACG,IAAI;IAC9C,OACC,IAAAP,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAsB,QAAQ;MACRC,GAAG,EAAGL,KAAK,CAACG,IAAM;MAClBG,IAAI,EAAGb,WAAW,CAACU,IAAI,KAAKH,KAAK,CAACG,IAAI,GAAGI,YAAK,GAAG,IAAM;MACvDC,OAAO,EAAGA,CAAA,KAAMjB,QAAQ,CAAES,KAAM;IAAG,GAEnC,IAAAJ,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAA2B,kBAAI;MACJC,EAAE,EAAC,MAAM;MACTC,KAAK,EAAG,EAAI;MACZC,aAAa,EAAC,MAAM;MACpBC,QAAQ;IAAA,GAENZ,YACG,CACG,CAAC;EAEb,CAAE,CACD,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["_components","require","_icons","_useStylesForBlock","_interopRequireDefault","_jsxRuntime","noop","BlockStylesMenuItems","clientId","onSwitch","onSelect","stylesToRender","activeStyle","useStylesForBlocks","length","jsx","Fragment","children","map","style","menuItemText","label","name","MenuItem","icon","check","onClick","__experimentalText","as","limit","ellipsizeMode","truncate"],"sources":["@wordpress/block-editor/src/components/block-styles/menu-items.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuItem, __experimentalText as Text } from '@wordpress/components';\nimport { check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport useStylesForBlocks from './use-styles-for-block';\n\nconst noop = () => {};\n\nexport default function BlockStylesMenuItems( { clientId, onSwitch = noop } ) {\n\tconst { onSelect, stylesToRender, activeStyle } = useStylesForBlocks( {\n\t\tclientId,\n\t\tonSwitch,\n\t} );\n\n\tif ( ! stylesToRender || stylesToRender.length === 0 ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<>\n\t\t\t{ stylesToRender.map( ( style ) => {\n\t\t\t\tconst menuItemText = style.label || style.name;\n\t\t\t\treturn (\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tkey={ style.name }\n\t\t\t\t\t\ticon={ activeStyle.name === style.name ? check : null }\n\t\t\t\t\t\tonClick={ () => onSelect( style ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\tlimit={ 18 }\n\t\t\t\t\t\t\tellipsizeMode=\"tail\"\n\t\t\t\t\t\t\ttruncate\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ menuItemText }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAKA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAwD,IAAAI,WAAA,GAAAJ,OAAA;AATxD;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMK,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAEN,SAASC,oBAAoBA,CAAE;EAAEC,QAAQ;EAAEC,QAAQ,GAAGH;AAAK,CAAC,EAAG;EAC7E,MAAM;IAAEI,QAAQ;IAAEC,cAAc;IAAEC;EAAY,CAAC,GAAG,IAAAC,0BAAkB,EAAE;IACrEL,QAAQ;IACRC;EACD,CAAE,CAAC;EAEH,IAAK,CAAEE,cAAc,IAAIA,cAAc,CAACG,MAAM,KAAK,CAAC,EAAG;IACtD,OAAO,IAAI;EACZ;EACA,oBACC,IAAAT,WAAA,CAAAU,GAAA,EAAAV,WAAA,CAAAW,QAAA;IAAAC,QAAA,EACGN,cAAc,CAACO,GAAG,CAAIC,KAAK,IAAM;MAClC,MAAMC,YAAY,GAAGD,KAAK,CAACE,KAAK,IAAIF,KAAK,CAACG,IAAI;MAC9C,oBACC,IAAAjB,WAAA,CAAAU,GAAA,EAACf,WAAA,CAAAuB,QAAQ;QAERC,IAAI,EAAGZ,WAAW,CAACU,IAAI,KAAKH,KAAK,CAACG,IAAI,GAAGG,YAAK,GAAG,IAAM;QACvDC,OAAO,EAAGA,CAAA,KAAMhB,QAAQ,CAAES,KAAM,CAAG;QAAAF,QAAA,eAEnC,IAAAZ,WAAA,CAAAU,GAAA,EAACf,WAAA,CAAA2B,kBAAI;UACJC,EAAE,EAAC,MAAM;UACTC,KAAK,EAAG,EAAI;UACZC,aAAa,EAAC,MAAM;UACpBC,QAAQ;UAAAd,QAAA,EAENG;QAAY,CACT;MAAC,GAXDD,KAAK,CAACG,IAYH,CAAC;IAEb,CAAE;EAAC,CACF,CAAC;AAEL","ignoreList":[]}

package/build/components/block-styles/preview-panel.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockStylesPreviewPanel;
-var _react = require("react");
 var _blocks = require("@wordpress/blocks");
 var _element = require("@wordpress/element");
 var _previewPanel = _interopRequireDefault(require("../inserter/preview-panel"));
 var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -38,7 +38,7 @@ function BlockStylesPreviewPanel({
       example
     };
   }, [genericPreviewBlock, styleClassName]);
-  return (0, _react.createElement)(_previewPanel.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_previewPanel.default, {
     item: previewBlocks
   });
 }

package/build/components/block-styles/preview-panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blocks","require","_element","_previewPanel","_interopRequireDefault","_utils","BlockStylesPreviewPanel","genericPreviewBlock","style","className","activeStyle","example","getBlockType","name","styleClassName","replaceActiveStyle","previewBlocks","useMemo","title","label","description","initialAttributes","attributes","_react","createElement","default","item"],"sources":["@wordpress/block-editor/src/components/block-styles/preview-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockType } from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport InserterPreviewPanel from '../inserter/preview-panel';\nimport { replaceActiveStyle } from './utils';\n\nexport default function BlockStylesPreviewPanel( {\n\tgenericPreviewBlock,\n\tstyle,\n\tclassName,\n\tactiveStyle,\n} ) {\n\tconst example = getBlockType( genericPreviewBlock.name )?.example;\n\tconst styleClassName = replaceActiveStyle( className, activeStyle, style );\n\tconst previewBlocks = useMemo( () => {\n\t\treturn {\n\t\t\t...genericPreviewBlock,\n\t\t\ttitle: style.label || style.name,\n\t\t\tdescription: style.description,\n\t\t\tinitialAttributes: {\n\t\t\t\t...genericPreviewBlock.attributes,\n\t\t\t\tclassName:\n\t\t\t\t\tstyleClassName +\n\t\t\t\t\t' block-editor-block-styles__block-preview-container',\n\t\t\t},\n\t\t\texample,\n\t\t};\n\t}, [ genericPreviewBlock, styleClassName ] );\n\n\treturn <InserterPreviewPanel item={ previewBlocks } />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIe,SAASK,uBAAuBA,CAAE;EAChDC,mBAAmB;EACnBC,KAAK;EACLC,SAAS;EACTC;AACD,CAAC,EAAG;EACH,MAAMC,OAAO,GAAG,IAAAC,oBAAY,EAAEL,mBAAmB,CAACM,IAAK,CAAC,EAAEF,OAAO;EACjE,MAAMG,cAAc,GAAG,IAAAC,yBAAkB,EAAEN,SAAS,EAAEC,WAAW,EAAEF,KAAM,CAAC;EAC1E,MAAMQ,aAAa,GAAG,IAAAC,gBAAO,EAAE,MAAM;IACpC,OAAO;MACN,GAAGV,mBAAmB;MACtBW,KAAK,EAAEV,KAAK,CAACW,KAAK,IAAIX,KAAK,CAACK,IAAI;MAChCO,WAAW,EAAEZ,KAAK,CAACY,WAAW;MAC9BC,iBAAiB,EAAE;QAClB,GAAGd,mBAAmB,CAACe,UAAU;QACjCb,SAAS,EACRK,cAAc,GACd;MACF,CAAC;MACDH;IACD,CAAC;EACF,CAAC,EAAE,CAAEJ,mBAAmB,EAAEO,cAAc,CAAG,CAAC;EAE5C,OAAO,IAAAS,MAAA,CAAAC,aAAA,EAACrB,aAAA,CAAAsB,OAAoB;IAACC,IAAI,EAAGV;EAAe,CAAE,CAAC;AACvD","ignoreList":[]}
+{"version":3,"names":["_blocks","require","_element","_previewPanel","_interopRequireDefault","_utils","_jsxRuntime","BlockStylesPreviewPanel","genericPreviewBlock","style","className","activeStyle","example","getBlockType","name","styleClassName","replaceActiveStyle","previewBlocks","useMemo","title","label","description","initialAttributes","attributes","jsx","default","item"],"sources":["@wordpress/block-editor/src/components/block-styles/preview-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockType } from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport InserterPreviewPanel from '../inserter/preview-panel';\nimport { replaceActiveStyle } from './utils';\n\nexport default function BlockStylesPreviewPanel( {\n\tgenericPreviewBlock,\n\tstyle,\n\tclassName,\n\tactiveStyle,\n} ) {\n\tconst example = getBlockType( genericPreviewBlock.name )?.example;\n\tconst styleClassName = replaceActiveStyle( className, activeStyle, style );\n\tconst previewBlocks = useMemo( () => {\n\t\treturn {\n\t\t\t...genericPreviewBlock,\n\t\t\ttitle: style.label || style.name,\n\t\t\tdescription: style.description,\n\t\t\tinitialAttributes: {\n\t\t\t\t...genericPreviewBlock.attributes,\n\t\t\t\tclassName:\n\t\t\t\t\tstyleClassName +\n\t\t\t\t\t' block-editor-block-styles__block-preview-container',\n\t\t\t},\n\t\t\texample,\n\t\t};\n\t}, [ genericPreviewBlock, styleClassName ] );\n\n\treturn <InserterPreviewPanel item={ previewBlocks } />;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA6C,IAAAK,WAAA,GAAAL,OAAA;AAV7C;AACA;AACA;;AAIA;AACA;AACA;;AAIe,SAASM,uBAAuBA,CAAE;EAChDC,mBAAmB;EACnBC,KAAK;EACLC,SAAS;EACTC;AACD,CAAC,EAAG;EACH,MAAMC,OAAO,GAAG,IAAAC,oBAAY,EAAEL,mBAAmB,CAACM,IAAK,CAAC,EAAEF,OAAO;EACjE,MAAMG,cAAc,GAAG,IAAAC,yBAAkB,EAAEN,SAAS,EAAEC,WAAW,EAAEF,KAAM,CAAC;EAC1E,MAAMQ,aAAa,GAAG,IAAAC,gBAAO,EAAE,MAAM;IACpC,OAAO;MACN,GAAGV,mBAAmB;MACtBW,KAAK,EAAEV,KAAK,CAACW,KAAK,IAAIX,KAAK,CAACK,IAAI;MAChCO,WAAW,EAAEZ,KAAK,CAACY,WAAW;MAC9BC,iBAAiB,EAAE;QAClB,GAAGd,mBAAmB,CAACe,UAAU;QACjCb,SAAS,EACRK,cAAc,GACd;MACF,CAAC;MACDH;IACD,CAAC;EACF,CAAC,EAAE,CAAEJ,mBAAmB,EAAEO,cAAc,CAAG,CAAC;EAE5C,oBAAO,IAAAT,WAAA,CAAAkB,GAAA,EAACrB,aAAA,CAAAsB,OAAoB;IAACC,IAAI,EAAGT;EAAe,CAAE,CAAC;AACvD","ignoreList":[]}

package/build/components/block-styles/preview.native.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _compose = require("@wordpress/compose");
 var _style = _interopRequireDefault(require("./style.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -62,32 +62,35 @@ function StylePreview({
   };
   const innerOutlineStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.innerOutline, _style.default.innerOutlineDark);
   const getOutline = outlineStyles => outlineStyles.map((outlineStyle, index) => {
-    return (0, _react.createElement)(_reactNative.Animated.View, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
       style: [outlineStyle, {
         opacity
-      }, _style.default[name]],
-      key: index
-    });
+      }, _style.default[name]]
+    }, index);
   });
-  return (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
     onPress: () => {
       onPress();
       animateOutline();
-    }
-  }, (0, _react.createElement)(_reactNative.View, {
-    style: [_style.default.container, {
-      width: itemWidth
-    }]
-  }, (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.imageWrapper
-  }, isActive && getOutline([_style.default.outline, innerOutlineStyle]), (0, _react.createElement)(_reactNative.Image, {
-    style: [_style.default.image, _style.default[name]],
-    source: {
-      uri: url
-    }
-  })), (0, _react.createElement)(_reactNative.Text, {
-    style: [labelStyle, isActive && _style.default.labelSelected]
-  }, label)));
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [_style.default.container, {
+        width: itemWidth
+      }],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: _style.default.imageWrapper,
+        children: [isActive && getOutline([_style.default.outline, innerOutlineStyle]), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+          style: [_style.default.image, _style.default[name]],
+          source: {
+            uri: url
+          }
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [labelStyle, isActive && _style.default.labelSelected],
+        children: label
+      })]
+    })
+  });
 }
 var _default = exports.default = StylePreview;
 //# sourceMappingURL=preview.native.js.map

package/build/components/block-styles/preview.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_components","_element","_compose","_style","_interopRequireDefault","MAX_ITEM_WIDTH","HALF_COLUMN","StylePreview","onPress","isActive","style","url","itemWidth","setItemWidth","useState","label","name","opacity","useRef","Animated","Value","current","onLayout","columnsNum","Math","floor","BottomSheet","getWidth","useEffect","dimensionsChangeSubscription","Dimensions","addEventListener","remove","labelStyle","usePreferredColorSchemeStyle","styles","labelDark","animateOutline","setValue","timing","toValue","duration","useNativeDriver","easing","Easing","linear","start","innerOutlineStyle","innerOutline","innerOutlineDark","getOutline","outlineStyles","map","outlineStyle","index","_react","createElement","View","key","TouchableWithoutFeedback","container","width","imageWrapper","outline","Image","image","source","uri","Text","labelSelected","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-styles/preview.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tView,\n\tTouchableWithoutFeedback,\n\tText,\n\tDimensions,\n\tAnimated,\n\tEasing,\n\tImage,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { BottomSheet } from '@wordpress/components';\nimport { useState, useEffect, useRef } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst MAX_ITEM_WIDTH = 120;\nconst HALF_COLUMN = 0.5;\n\nfunction StylePreview( { onPress, isActive, style, url } ) {\n\tconst [ itemWidth, setItemWidth ] = useState( MAX_ITEM_WIDTH );\n\tconst { label, name } = style;\n\tconst opacity = useRef( new Animated.Value( 1 ) ).current;\n\n\tfunction onLayout() {\n\t\tconst columnsNum =\n\t\t\t// To indicate scroll availabilty, there is a need to display additional half the column.\n\t\t\tMath.floor( BottomSheet.getWidth() / MAX_ITEM_WIDTH ) + HALF_COLUMN;\n\t\tsetItemWidth( BottomSheet.getWidth() / columnsNum );\n\t}\n\n\tuseEffect( () => {\n\t\tonLayout();\n\t\tconst dimensionsChangeSubscription = Dimensions.addEventListener(\n\t\t\t'change',\n\t\t\tonLayout\n\t\t);\n\n\t\treturn () => {\n\t\t\tdimensionsChangeSubscription.remove();\n\t\t};\n\t}, [] );\n\n\tconst labelStyle = usePreferredColorSchemeStyle(\n\t\tstyles.label,\n\t\tstyles.labelDark\n\t);\n\n\tconst animateOutline = () => {\n\t\topacity.setValue( 0 );\n\t\tAnimated.timing( opacity, {\n\t\t\ttoValue: 1,\n\t\t\tduration: 100,\n\t\t\tuseNativeDriver: true,\n\t\t\teasing: Easing.linear,\n\t\t} ).start();\n\t};\n\n\tconst innerOutlineStyle = usePreferredColorSchemeStyle(\n\t\tstyles.innerOutline,\n\t\tstyles.innerOutlineDark\n\t);\n\n\tconst getOutline = ( outlineStyles ) =>\n\t\toutlineStyles.map( ( outlineStyle, index ) => {\n\t\t\treturn (\n\t\t\t\t<Animated.View\n\t\t\t\t\tstyle={ [ outlineStyle, { opacity }, styles[ name ] ] }\n\t\t\t\t\tkey={ index }\n\t\t\t\t/>\n\t\t\t);\n\t\t} );\n\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\tonPress={ () => {\n\t\t\t\tonPress();\n\t\t\t\tanimateOutline();\n\t\t\t} }\n\t\t>\n\t\t\t<View style={ [ styles.container, { width: itemWidth } ] }>\n\t\t\t\t<View style={ styles.imageWrapper }>\n\t\t\t\t\t{ isActive &&\n\t\t\t\t\t\tgetOutline( [ styles.outline, innerOutlineStyle ] ) }\n\t\t\t\t\t<Image\n\t\t\t\t\t\tstyle={ [ styles.image, styles[ name ] ] }\n\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t\t<Text\n\t\t\t\t\tstyle={ [ labelStyle, isActive && styles.labelSelected ] }\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n}\n\nexport default StylePreview;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_components","_element","_compose","_style","_interopRequireDefault","_jsxRuntime","MAX_ITEM_WIDTH","HALF_COLUMN","StylePreview","onPress","isActive","style","url","itemWidth","setItemWidth","useState","label","name","opacity","useRef","Animated","Value","current","onLayout","columnsNum","Math","floor","BottomSheet","getWidth","useEffect","dimensionsChangeSubscription","Dimensions","addEventListener","remove","labelStyle","usePreferredColorSchemeStyle","styles","labelDark","animateOutline","setValue","timing","toValue","duration","useNativeDriver","easing","Easing","linear","start","innerOutlineStyle","innerOutline","innerOutlineDark","getOutline","outlineStyles","map","outlineStyle","index","jsx","View","TouchableWithoutFeedback","children","jsxs","container","width","imageWrapper","outline","Image","image","source","uri","Text","labelSelected","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-styles/preview.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tView,\n\tTouchableWithoutFeedback,\n\tText,\n\tDimensions,\n\tAnimated,\n\tEasing,\n\tImage,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { BottomSheet } from '@wordpress/components';\nimport { useState, useEffect, useRef } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst MAX_ITEM_WIDTH = 120;\nconst HALF_COLUMN = 0.5;\n\nfunction StylePreview( { onPress, isActive, style, url } ) {\n\tconst [ itemWidth, setItemWidth ] = useState( MAX_ITEM_WIDTH );\n\tconst { label, name } = style;\n\tconst opacity = useRef( new Animated.Value( 1 ) ).current;\n\n\tfunction onLayout() {\n\t\tconst columnsNum =\n\t\t\t// To indicate scroll availabilty, there is a need to display additional half the column.\n\t\t\tMath.floor( BottomSheet.getWidth() / MAX_ITEM_WIDTH ) + HALF_COLUMN;\n\t\tsetItemWidth( BottomSheet.getWidth() / columnsNum );\n\t}\n\n\tuseEffect( () => {\n\t\tonLayout();\n\t\tconst dimensionsChangeSubscription = Dimensions.addEventListener(\n\t\t\t'change',\n\t\t\tonLayout\n\t\t);\n\n\t\treturn () => {\n\t\t\tdimensionsChangeSubscription.remove();\n\t\t};\n\t}, [] );\n\n\tconst labelStyle = usePreferredColorSchemeStyle(\n\t\tstyles.label,\n\t\tstyles.labelDark\n\t);\n\n\tconst animateOutline = () => {\n\t\topacity.setValue( 0 );\n\t\tAnimated.timing( opacity, {\n\t\t\ttoValue: 1,\n\t\t\tduration: 100,\n\t\t\tuseNativeDriver: true,\n\t\t\teasing: Easing.linear,\n\t\t} ).start();\n\t};\n\n\tconst innerOutlineStyle = usePreferredColorSchemeStyle(\n\t\tstyles.innerOutline,\n\t\tstyles.innerOutlineDark\n\t);\n\n\tconst getOutline = ( outlineStyles ) =>\n\t\toutlineStyles.map( ( outlineStyle, index ) => {\n\t\t\treturn (\n\t\t\t\t<Animated.View\n\t\t\t\t\tstyle={ [ outlineStyle, { opacity }, styles[ name ] ] }\n\t\t\t\t\tkey={ index }\n\t\t\t\t/>\n\t\t\t);\n\t\t} );\n\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\tonPress={ () => {\n\t\t\t\tonPress();\n\t\t\t\tanimateOutline();\n\t\t\t} }\n\t\t>\n\t\t\t<View style={ [ styles.container, { width: itemWidth } ] }>\n\t\t\t\t<View style={ styles.imageWrapper }>\n\t\t\t\t\t{ isActive &&\n\t\t\t\t\t\tgetOutline( [ styles.outline, innerOutlineStyle ] ) }\n\t\t\t\t\t<Image\n\t\t\t\t\t\tstyle={ [ styles.image, styles[ name ] ] }\n\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t\t<Text\n\t\t\t\t\tstyle={ [ labelStyle, isActive && styles.labelSelected ] }\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n}\n\nexport default StylePreview;\n"],"mappings":"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","ignoreList":[]}

package/build/components/block-switcher/block-styles-menu.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockStylesMenu;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _menuItems = _interopRequireDefault(require("../block-styles/menu-items"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -24,12 +24,13 @@ function BlockStylesMenu({
   const {
     clientId
   } = hoveredBlock;
-  return (0, _react.createElement)(_components.MenuGroup, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuGroup, {
     label: (0, _i18n.__)('Styles'),
-    className: "block-editor-block-switcher__styles__menugroup"
-  }, (0, _react.createElement)(_menuItems.default, {
-    clientId: clientId,
-    onSwitch: onSwitch
-  }));
+    className: "block-editor-block-switcher__styles__menugroup",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_menuItems.default, {
+      clientId: clientId,
+      onSwitch: onSwitch
+    })
+  });
 }
 //# sourceMappingURL=block-styles-menu.js.map

package/build/components/block-switcher/block-styles-menu.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_menuItems","_interopRequireDefault","BlockStylesMenu","hoveredBlock","onSwitch","clientId","_react","createElement","MenuGroup","label","__","className","default"],"sources":["@wordpress/block-editor/src/components/block-switcher/block-styles-menu.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuGroup } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockStylesMenuItems from '../block-styles/menu-items';\n\nexport default function BlockStylesMenu( { hoveredBlock, onSwitch } ) {\n\tconst { clientId } = hoveredBlock;\n\n\treturn (\n\t\t<MenuGroup\n\t\t\tlabel={ __( 'Styles' ) }\n\t\t\tclassName=\"block-editor-block-switcher__styles__menugroup\"\n\t\t>\n\t\t\t<BlockStylesMenuItems clientId={ clientId } onSwitch={ onSwitch } />\n\t\t</MenuGroup>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGe,SAASI,eAAeA,CAAE;EAAEC,YAAY;EAAEC;AAAS,CAAC,EAAG;EACrE,MAAM;IAAEC;EAAS,CAAC,GAAGF,YAAY;EAEjC,OACC,IAAAG,MAAA,CAAAC,aAAA,EAACR,WAAA,CAAAS,SAAS;IACTC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IACxBC,SAAS,EAAC;EAAgD,GAE1D,IAAAL,MAAA,CAAAC,aAAA,EAACP,UAAA,CAAAY,OAAoB;IAACP,QAAQ,EAAGA,QAAU;IAACD,QAAQ,EAAGA;EAAU,CAAE,CACzD,CAAC;AAEd","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_menuItems","_interopRequireDefault","_jsxRuntime","BlockStylesMenu","hoveredBlock","onSwitch","clientId","jsx","MenuGroup","label","__","className","children","default"],"sources":["@wordpress/block-editor/src/components/block-switcher/block-styles-menu.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuGroup } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockStylesMenuItems from '../block-styles/menu-items';\n\nexport default function BlockStylesMenu( { hoveredBlock, onSwitch } ) {\n\tconst { clientId } = hoveredBlock;\n\n\treturn (\n\t\t<MenuGroup\n\t\t\tlabel={ __( 'Styles' ) }\n\t\t\tclassName=\"block-editor-block-switcher__styles__menugroup\"\n\t\t>\n\t\t\t<BlockStylesMenuItems clientId={ clientId } onSwitch={ onSwitch } />\n\t\t</MenuGroup>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA8D,IAAAI,WAAA,GAAAJ,OAAA;AAT9D;AACA;AACA;;AAIA;AACA;AACA;;AAGe,SAASK,eAAeA,CAAE;EAAEC,YAAY;EAAEC;AAAS,CAAC,EAAG;EACrE,MAAM;IAAEC;EAAS,CAAC,GAAGF,YAAY;EAEjC,oBACC,IAAAF,WAAA,CAAAK,GAAA,EAACR,WAAA,CAAAS,SAAS;IACTC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IACxBC,SAAS,EAAC,gDAAgD;IAAAC,QAAA,eAE1D,IAAAV,WAAA,CAAAK,GAAA,EAACP,UAAA,CAAAa,OAAoB;MAACP,QAAQ,EAAGA,QAAU;MAACD,QAAQ,EAAGA;IAAU,CAAE;EAAC,CAC1D,CAAC;AAEd","ignoreList":[]}