@wordpress/block-editor 12.26.0 → 13.0.1

package/build/components/block-alignment-control/ui.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _useAvailableAlignments = _interopRequireDefault(require("./use-available-alignments"));
 var _constants = require("./constants");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -64,37 +64,40 @@ function BlockAlignmentUI({
     children: ({
       onClose
     }) => {
-      return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.MenuGroup, {
-        className: "block-editor-block-alignment-control__menu-group"
-      }, enabledControls.map(({
-        name: controlName,
-        info
-      }) => {
-        const {
-          icon,
-          title
-        } = _constants.BLOCK_ALIGNMENTS_CONTROLS[controlName];
-        // If no value is provided, mark as selected the `none` option.
-        const isSelected = controlName === value || !value && controlName === 'none';
-        return (0, _react.createElement)(_components.MenuItem, {
-          key: controlName,
-          icon: icon,
-          iconPosition: "left",
-          className: (0, _clsx.default)('components-dropdown-menu__menu-item', {
-            'is-active': isSelected
-          }),
-          isSelected: isSelected,
-          onClick: () => {
-            onChangeAlignment(controlName);
-            onClose();
-          },
-          role: "menuitemradio",
-          info: info
-        }, title);
-      })));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuGroup, {
+          className: "block-editor-block-alignment-control__menu-group",
+          children: enabledControls.map(({
+            name: controlName,
+            info
+          }) => {
+            const {
+              icon,
+              title
+            } = _constants.BLOCK_ALIGNMENTS_CONTROLS[controlName];
+            // If no value is provided, mark as selected the `none` option.
+            const isSelected = controlName === value || !value && controlName === 'none';
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
+              icon: icon,
+              iconPosition: "left",
+              className: (0, _clsx.default)('components-dropdown-menu__menu-item', {
+                'is-active': isSelected
+              }),
+              isSelected: isSelected,
+              onClick: () => {
+                onChangeAlignment(controlName);
+                onClose();
+              },
+              role: "menuitemradio",
+              info: info,
+              children: title
+            }, controlName);
+          })
+        })
+      });
     }
   };
-  return (0, _react.createElement)(UIComponent, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(UIComponent, {
     ...commonProps,
     ...extraProps
   });

package/build/components/block-alignment-control/ui.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_components","_useAvailableAlignments","_constants","BlockAlignmentUI","value","onChange","controls","isToolbar","isCollapsed","enabledControls","useAvailableAlignments","hasEnabledControls","length","onChangeAlignment","align","includes","undefined","activeAlignmentControl","BLOCK_ALIGNMENTS_CONTROLS","defaultAlignmentControl","DEFAULT_CONTROL","UIComponent","ToolbarGroup","ToolbarDropdownMenu","commonProps","icon","label","__","extraProps","map","name","controlName","isActive","role","onClick","toggleProps","describedBy","children","onClose","_react","createElement","Fragment","MenuGroup","className","info","title","isSelected","MenuItem","key","iconPosition","clsx","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-alignment-control/ui.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tToolbarDropdownMenu,\n\tToolbarGroup,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport useAvailableAlignments from './use-available-alignments';\nimport { BLOCK_ALIGNMENTS_CONTROLS, DEFAULT_CONTROL } from './constants';\n\nfunction BlockAlignmentUI( {\n\tvalue,\n\tonChange,\n\tcontrols,\n\tisToolbar,\n\tisCollapsed = true,\n} ) {\n\tconst enabledControls = useAvailableAlignments( controls );\n\tconst hasEnabledControls = !! enabledControls.length;\n\n\tif ( ! hasEnabledControls ) {\n\t\treturn null;\n\t}\n\n\tfunction onChangeAlignment( align ) {\n\t\tonChange( [ value, 'none' ].includes( align ) ? undefined : align );\n\t}\n\n\tconst activeAlignmentControl = BLOCK_ALIGNMENTS_CONTROLS[ value ];\n\tconst defaultAlignmentControl =\n\t\tBLOCK_ALIGNMENTS_CONTROLS[ DEFAULT_CONTROL ];\n\n\tconst UIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst commonProps = {\n\t\ticon: activeAlignmentControl\n\t\t\t? activeAlignmentControl.icon\n\t\t\t: defaultAlignmentControl.icon,\n\t\tlabel: __( 'Align' ),\n\t};\n\tconst extraProps = isToolbar\n\t\t? {\n\t\t\t\tisCollapsed,\n\t\t\t\tcontrols: enabledControls.map( ( { name: controlName } ) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...BLOCK_ALIGNMENTS_CONTROLS[ controlName ],\n\t\t\t\t\t\tisActive:\n\t\t\t\t\t\t\tvalue === controlName ||\n\t\t\t\t\t\t\t( ! value && controlName === 'none' ),\n\t\t\t\t\t\trole: isCollapsed ? 'menuitemradio' : undefined,\n\t\t\t\t\t\tonClick: () => onChangeAlignment( controlName ),\n\t\t\t\t\t};\n\t\t\t\t} ),\n\t\t  }\n\t\t: {\n\t\t\t\ttoggleProps: { describedBy: __( 'Change alignment' ) },\n\t\t\t\tchildren: ( { onClose } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<MenuGroup className=\"block-editor-block-alignment-control__menu-group\">\n\t\t\t\t\t\t\t\t{ enabledControls.map(\n\t\t\t\t\t\t\t\t\t( { name: controlName, info } ) => {\n\t\t\t\t\t\t\t\t\t\tconst { icon, title } =\n\t\t\t\t\t\t\t\t\t\t\tBLOCK_ALIGNMENTS_CONTROLS[\n\t\t\t\t\t\t\t\t\t\t\t\tcontrolName\n\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t// If no value is provided, mark as selected the `none` option.\n\t\t\t\t\t\t\t\t\t\tconst isSelected =\n\t\t\t\t\t\t\t\t\t\t\tcontrolName === value ||\n\t\t\t\t\t\t\t\t\t\t\t( ! value &&\n\t\t\t\t\t\t\t\t\t\t\t\tcontrolName === 'none' );\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\tkey={ controlName }\n\t\t\t\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\t\t\t\ticonPosition=\"left\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'components-dropdown-menu__menu-item',\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'is-active': isSelected,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChangeAlignment(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontrolName\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\t\t\t\t\t\tinfo={ info }\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t</>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t  };\n\n\treturn <UIComponent { ...commonProps } { ...extraProps } />;\n}\n\nexport default BlockAlignmentUI;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_components","_useAvailableAlignments","_constants","_jsxRuntime","BlockAlignmentUI","value","onChange","controls","isToolbar","isCollapsed","enabledControls","useAvailableAlignments","hasEnabledControls","length","onChangeAlignment","align","includes","undefined","activeAlignmentControl","BLOCK_ALIGNMENTS_CONTROLS","defaultAlignmentControl","DEFAULT_CONTROL","UIComponent","ToolbarGroup","ToolbarDropdownMenu","commonProps","icon","label","__","extraProps","map","name","controlName","isActive","role","onClick","toggleProps","describedBy","children","onClose","jsx","Fragment","MenuGroup","className","info","title","isSelected","MenuItem","iconPosition","clsx","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-alignment-control/ui.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tToolbarDropdownMenu,\n\tToolbarGroup,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport useAvailableAlignments from './use-available-alignments';\nimport { BLOCK_ALIGNMENTS_CONTROLS, DEFAULT_CONTROL } from './constants';\n\nfunction BlockAlignmentUI( {\n\tvalue,\n\tonChange,\n\tcontrols,\n\tisToolbar,\n\tisCollapsed = true,\n} ) {\n\tconst enabledControls = useAvailableAlignments( controls );\n\tconst hasEnabledControls = !! enabledControls.length;\n\n\tif ( ! hasEnabledControls ) {\n\t\treturn null;\n\t}\n\n\tfunction onChangeAlignment( align ) {\n\t\tonChange( [ value, 'none' ].includes( align ) ? undefined : align );\n\t}\n\n\tconst activeAlignmentControl = BLOCK_ALIGNMENTS_CONTROLS[ value ];\n\tconst defaultAlignmentControl =\n\t\tBLOCK_ALIGNMENTS_CONTROLS[ DEFAULT_CONTROL ];\n\n\tconst UIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst commonProps = {\n\t\ticon: activeAlignmentControl\n\t\t\t? activeAlignmentControl.icon\n\t\t\t: defaultAlignmentControl.icon,\n\t\tlabel: __( 'Align' ),\n\t};\n\tconst extraProps = isToolbar\n\t\t? {\n\t\t\t\tisCollapsed,\n\t\t\t\tcontrols: enabledControls.map( ( { name: controlName } ) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...BLOCK_ALIGNMENTS_CONTROLS[ controlName ],\n\t\t\t\t\t\tisActive:\n\t\t\t\t\t\t\tvalue === controlName ||\n\t\t\t\t\t\t\t( ! value && controlName === 'none' ),\n\t\t\t\t\t\trole: isCollapsed ? 'menuitemradio' : undefined,\n\t\t\t\t\t\tonClick: () => onChangeAlignment( controlName ),\n\t\t\t\t\t};\n\t\t\t\t} ),\n\t\t  }\n\t\t: {\n\t\t\t\ttoggleProps: { describedBy: __( 'Change alignment' ) },\n\t\t\t\tchildren: ( { onClose } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<MenuGroup className=\"block-editor-block-alignment-control__menu-group\">\n\t\t\t\t\t\t\t\t{ enabledControls.map(\n\t\t\t\t\t\t\t\t\t( { name: controlName, info } ) => {\n\t\t\t\t\t\t\t\t\t\tconst { icon, title } =\n\t\t\t\t\t\t\t\t\t\t\tBLOCK_ALIGNMENTS_CONTROLS[\n\t\t\t\t\t\t\t\t\t\t\t\tcontrolName\n\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t// If no value is provided, mark as selected the `none` option.\n\t\t\t\t\t\t\t\t\t\tconst isSelected =\n\t\t\t\t\t\t\t\t\t\t\tcontrolName === value ||\n\t\t\t\t\t\t\t\t\t\t\t( ! value &&\n\t\t\t\t\t\t\t\t\t\t\t\tcontrolName === 'none' );\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\tkey={ controlName }\n\t\t\t\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\t\t\t\ticonPosition=\"left\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'components-dropdown-menu__menu-item',\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'is-active': isSelected,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChangeAlignment(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontrolName\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\t\t\t\t\t\tinfo={ info }\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t</>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t  };\n\n\treturn <UIComponent { ...commonProps } { ...extraProps } />;\n}\n\nexport default BlockAlignmentUI;\n"],"mappings":"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","ignoreList":[]}

package/build/components/block-alignment-control/ui.native.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _useAvailableAlignments = _interopRequireDefault(require("./use-available-alignments"));
 var _constants = require("./constants");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -71,7 +71,7 @@ function BlockAlignmentUI({
       describedBy: (0, _i18n.__)('Change alignment')
     }
   };
-  return (0, _react.createElement)(UIComponent, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(UIComponent, {
     ...commonProps,
     ...extraProps
   });

package/build/components/block-alignment-control/ui.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_useAvailableAlignments","_interopRequireDefault","_constants","BlockAlignmentUI","value","onChange","controls","isToolbar","isCollapsed","isBottomSheetControl","enabledControls","useAvailableAlignments","hasEnabledControls","length","onChangeAlignment","align","includes","undefined","activeAlignmentControl","BLOCK_ALIGNMENTS_CONTROLS","defaultAlignmentControl","DEFAULT_CONTROL","toolbarUIComponent","ToolbarGroup","ToolbarDropdownMenu","UIComponent","BottomSheetSelectControl","commonProps","label","__","extraProps","options","map","name","controlName","control","title","icon","isActive","onClick","popoverProps","POPOVER_PROPS","toggleProps","describedBy","_react","createElement","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-alignment-control/ui.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tToolbarDropdownMenu,\n\tToolbarGroup,\n\tBottomSheetSelectControl,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport useAvailableAlignments from './use-available-alignments';\nimport {\n\tBLOCK_ALIGNMENTS_CONTROLS,\n\tDEFAULT_CONTROL,\n\tPOPOVER_PROPS,\n} from './constants';\n\nfunction BlockAlignmentUI( {\n\tvalue,\n\tonChange,\n\tcontrols,\n\tisToolbar,\n\tisCollapsed = true,\n\tisBottomSheetControl = false,\n} ) {\n\tconst enabledControls = useAvailableAlignments( controls );\n\tconst hasEnabledControls = !! enabledControls.length;\n\n\tif ( ! hasEnabledControls ) {\n\t\treturn null;\n\t}\n\n\tfunction onChangeAlignment( align ) {\n\t\tonChange( [ value, 'none' ].includes( align ) ? undefined : align );\n\t}\n\n\tconst activeAlignmentControl = BLOCK_ALIGNMENTS_CONTROLS[ value ];\n\tconst defaultAlignmentControl =\n\t\tBLOCK_ALIGNMENTS_CONTROLS[ DEFAULT_CONTROL ];\n\n\tconst toolbarUIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst UIComponent = isBottomSheetControl\n\t\t? BottomSheetSelectControl\n\t\t: toolbarUIComponent;\n\n\tconst commonProps = {\n\t\tlabel: __( 'Align' ),\n\t};\n\tconst extraProps = isBottomSheetControl\n\t\t? {\n\t\t\t\toptions: enabledControls.map( ( { name: controlName } ) => {\n\t\t\t\t\tconst control = BLOCK_ALIGNMENTS_CONTROLS[ controlName ];\n\t\t\t\t\treturn {\n\t\t\t\t\t\tvalue: controlName,\n\t\t\t\t\t\tlabel: control.title,\n\t\t\t\t\t\ticon: control.icon,\n\t\t\t\t\t};\n\t\t\t\t} ),\n\t\t\t\tvalue: activeAlignmentControl ? value : 'none',\n\t\t\t\tonChange: ( align ) => onChangeAlignment( align ),\n\t\t  }\n\t\t: {\n\t\t\t\ticon: activeAlignmentControl\n\t\t\t\t\t? activeAlignmentControl.icon\n\t\t\t\t\t: defaultAlignmentControl.icon,\n\t\t\t\tisCollapsed: isToolbar ? isCollapsed : undefined,\n\t\t\t\tcontrols: enabledControls.map( ( { name: controlName } ) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...BLOCK_ALIGNMENTS_CONTROLS[ controlName ],\n\t\t\t\t\t\tisActive:\n\t\t\t\t\t\t\tvalue === controlName ||\n\t\t\t\t\t\t\t( ! value && controlName === 'none' ),\n\t\t\t\t\t\tonClick: () => onChangeAlignment( controlName ),\n\t\t\t\t\t};\n\t\t\t\t} ),\n\t\t\t\tpopoverProps: POPOVER_PROPS,\n\t\t\t\ttoggleProps: { describedBy: __( 'Change alignment' ) },\n\t\t  };\n\n\treturn <UIComponent { ...commonProps } { ...extraProps } />;\n}\n\nexport default BlockAlignmentUI;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AASA,IAAAE,uBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAdA;AACA;AACA;;AAQA;AACA;AACA;;AAQA,SAASK,gBAAgBA,CAAE;EAC1BC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,SAAS;EACTC,WAAW,GAAG,IAAI;EAClBC,oBAAoB,GAAG;AACxB,CAAC,EAAG;EACH,MAAMC,eAAe,GAAG,IAAAC,+BAAsB,EAAEL,QAAS,CAAC;EAC1D,MAAMM,kBAAkB,GAAG,CAAC,CAAEF,eAAe,CAACG,MAAM;EAEpD,IAAK,CAAED,kBAAkB,EAAG;IAC3B,OAAO,IAAI;EACZ;EAEA,SAASE,iBAAiBA,CAAEC,KAAK,EAAG;IACnCV,QAAQ,CAAE,CAAED,KAAK,EAAE,MAAM,CAAE,CAACY,QAAQ,CAAED,KAAM,CAAC,GAAGE,SAAS,GAAGF,KAAM,CAAC;EACpE;EAEA,MAAMG,sBAAsB,GAAGC,oCAAyB,CAAEf,KAAK,CAAE;EACjE,MAAMgB,uBAAuB,GAC5BD,oCAAyB,CAAEE,0BAAe,CAAE;EAE7C,MAAMC,kBAAkB,GAAGf,SAAS,GAAGgB,wBAAY,GAAGC,+BAAmB;EACzE,MAAMC,WAAW,GAAGhB,oBAAoB,GACrCiB,oCAAwB,GACxBJ,kBAAkB;EAErB,MAAMK,WAAW,GAAG;IACnBC,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ;EACpB,CAAC;EACD,MAAMC,UAAU,GAAGrB,oBAAoB,GACpC;IACAsB,OAAO,EAAErB,eAAe,CAACsB,GAAG,CAAE,CAAE;MAAEC,IAAI,EAAEC;IAAY,CAAC,KAAM;MAC1D,MAAMC,OAAO,GAAGhB,oCAAyB,CAAEe,WAAW,CAAE;MACxD,OAAO;QACN9B,KAAK,EAAE8B,WAAW;QAClBN,KAAK,EAAEO,OAAO,CAACC,KAAK;QACpBC,IAAI,EAAEF,OAAO,CAACE;MACf,CAAC;IACF,CAAE,CAAC;IACHjC,KAAK,EAAEc,sBAAsB,GAAGd,KAAK,GAAG,MAAM;IAC9CC,QAAQ,EAAIU,KAAK,IAAMD,iBAAiB,CAAEC,KAAM;EAChD,CAAC,GACD;IACAsB,IAAI,EAAEnB,sBAAsB,GACzBA,sBAAsB,CAACmB,IAAI,GAC3BjB,uBAAuB,CAACiB,IAAI;IAC/B7B,WAAW,EAAED,SAAS,GAAGC,WAAW,GAAGS,SAAS;IAChDX,QAAQ,EAAEI,eAAe,CAACsB,GAAG,CAAE,CAAE;MAAEC,IAAI,EAAEC;IAAY,CAAC,KAAM;MAC3D,OAAO;QACN,GAAGf,oCAAyB,CAAEe,WAAW,CAAE;QAC3CI,QAAQ,EACPlC,KAAK,KAAK8B,WAAW,IACnB,CAAE9B,KAAK,IAAI8B,WAAW,KAAK,MAAQ;QACtCK,OAAO,EAAEA,CAAA,KAAMzB,iBAAiB,CAAEoB,WAAY;MAC/C,CAAC;IACF,CAAE,CAAC;IACHM,YAAY,EAAEC,wBAAa;IAC3BC,WAAW,EAAE;MAAEC,WAAW,EAAE,IAAAd,QAAE,EAAE,kBAAmB;IAAE;EACrD,CAAC;EAEJ,OAAO,IAAAe,MAAA,CAAAC,aAAA,EAACpB,WAAW;IAAA,GAAME,WAAW;IAAA,GAAQG;EAAU,CAAI,CAAC;AAC5D;AAAC,IAAAgB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc7C,gBAAgB","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_useAvailableAlignments","_interopRequireDefault","_constants","_jsxRuntime","BlockAlignmentUI","value","onChange","controls","isToolbar","isCollapsed","isBottomSheetControl","enabledControls","useAvailableAlignments","hasEnabledControls","length","onChangeAlignment","align","includes","undefined","activeAlignmentControl","BLOCK_ALIGNMENTS_CONTROLS","defaultAlignmentControl","DEFAULT_CONTROL","toolbarUIComponent","ToolbarGroup","ToolbarDropdownMenu","UIComponent","BottomSheetSelectControl","commonProps","label","__","extraProps","options","map","name","controlName","control","title","icon","isActive","onClick","popoverProps","POPOVER_PROPS","toggleProps","describedBy","jsx","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-alignment-control/ui.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tToolbarDropdownMenu,\n\tToolbarGroup,\n\tBottomSheetSelectControl,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport useAvailableAlignments from './use-available-alignments';\nimport {\n\tBLOCK_ALIGNMENTS_CONTROLS,\n\tDEFAULT_CONTROL,\n\tPOPOVER_PROPS,\n} from './constants';\n\nfunction BlockAlignmentUI( {\n\tvalue,\n\tonChange,\n\tcontrols,\n\tisToolbar,\n\tisCollapsed = true,\n\tisBottomSheetControl = false,\n} ) {\n\tconst enabledControls = useAvailableAlignments( controls );\n\tconst hasEnabledControls = !! enabledControls.length;\n\n\tif ( ! hasEnabledControls ) {\n\t\treturn null;\n\t}\n\n\tfunction onChangeAlignment( align ) {\n\t\tonChange( [ value, 'none' ].includes( align ) ? undefined : align );\n\t}\n\n\tconst activeAlignmentControl = BLOCK_ALIGNMENTS_CONTROLS[ value ];\n\tconst defaultAlignmentControl =\n\t\tBLOCK_ALIGNMENTS_CONTROLS[ DEFAULT_CONTROL ];\n\n\tconst toolbarUIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst UIComponent = isBottomSheetControl\n\t\t? BottomSheetSelectControl\n\t\t: toolbarUIComponent;\n\n\tconst commonProps = {\n\t\tlabel: __( 'Align' ),\n\t};\n\tconst extraProps = isBottomSheetControl\n\t\t? {\n\t\t\t\toptions: enabledControls.map( ( { name: controlName } ) => {\n\t\t\t\t\tconst control = BLOCK_ALIGNMENTS_CONTROLS[ controlName ];\n\t\t\t\t\treturn {\n\t\t\t\t\t\tvalue: controlName,\n\t\t\t\t\t\tlabel: control.title,\n\t\t\t\t\t\ticon: control.icon,\n\t\t\t\t\t};\n\t\t\t\t} ),\n\t\t\t\tvalue: activeAlignmentControl ? value : 'none',\n\t\t\t\tonChange: ( align ) => onChangeAlignment( align ),\n\t\t  }\n\t\t: {\n\t\t\t\ticon: activeAlignmentControl\n\t\t\t\t\t? activeAlignmentControl.icon\n\t\t\t\t\t: defaultAlignmentControl.icon,\n\t\t\t\tisCollapsed: isToolbar ? isCollapsed : undefined,\n\t\t\t\tcontrols: enabledControls.map( ( { name: controlName } ) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...BLOCK_ALIGNMENTS_CONTROLS[ controlName ],\n\t\t\t\t\t\tisActive:\n\t\t\t\t\t\t\tvalue === controlName ||\n\t\t\t\t\t\t\t( ! value && controlName === 'none' ),\n\t\t\t\t\t\tonClick: () => onChangeAlignment( controlName ),\n\t\t\t\t\t};\n\t\t\t\t} ),\n\t\t\t\tpopoverProps: POPOVER_PROPS,\n\t\t\t\ttoggleProps: { describedBy: __( 'Change alignment' ) },\n\t\t  };\n\n\treturn <UIComponent { ...commonProps } { ...extraProps } />;\n}\n\nexport default BlockAlignmentUI;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AASA,IAAAE,uBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAIqB,IAAAK,WAAA,GAAAL,OAAA;AAlBrB;AACA;AACA;;AAQA;AACA;AACA;;AAQA,SAASM,gBAAgBA,CAAE;EAC1BC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,SAAS;EACTC,WAAW,GAAG,IAAI;EAClBC,oBAAoB,GAAG;AACxB,CAAC,EAAG;EACH,MAAMC,eAAe,GAAG,IAAAC,+BAAsB,EAAEL,QAAS,CAAC;EAC1D,MAAMM,kBAAkB,GAAG,CAAC,CAAEF,eAAe,CAACG,MAAM;EAEpD,IAAK,CAAED,kBAAkB,EAAG;IAC3B,OAAO,IAAI;EACZ;EAEA,SAASE,iBAAiBA,CAAEC,KAAK,EAAG;IACnCV,QAAQ,CAAE,CAAED,KAAK,EAAE,MAAM,CAAE,CAACY,QAAQ,CAAED,KAAM,CAAC,GAAGE,SAAS,GAAGF,KAAM,CAAC;EACpE;EAEA,MAAMG,sBAAsB,GAAGC,oCAAyB,CAAEf,KAAK,CAAE;EACjE,MAAMgB,uBAAuB,GAC5BD,oCAAyB,CAAEE,0BAAe,CAAE;EAE7C,MAAMC,kBAAkB,GAAGf,SAAS,GAAGgB,wBAAY,GAAGC,+BAAmB;EACzE,MAAMC,WAAW,GAAGhB,oBAAoB,GACrCiB,oCAAwB,GACxBJ,kBAAkB;EAErB,MAAMK,WAAW,GAAG;IACnBC,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ;EACpB,CAAC;EACD,MAAMC,UAAU,GAAGrB,oBAAoB,GACpC;IACAsB,OAAO,EAAErB,eAAe,CAACsB,GAAG,CAAE,CAAE;MAAEC,IAAI,EAAEC;IAAY,CAAC,KAAM;MAC1D,MAAMC,OAAO,GAAGhB,oCAAyB,CAAEe,WAAW,CAAE;MACxD,OAAO;QACN9B,KAAK,EAAE8B,WAAW;QAClBN,KAAK,EAAEO,OAAO,CAACC,KAAK;QACpBC,IAAI,EAAEF,OAAO,CAACE;MACf,CAAC;IACF,CAAE,CAAC;IACHjC,KAAK,EAAEc,sBAAsB,GAAGd,KAAK,GAAG,MAAM;IAC9CC,QAAQ,EAAIU,KAAK,IAAMD,iBAAiB,CAAEC,KAAM;EAChD,CAAC,GACD;IACAsB,IAAI,EAAEnB,sBAAsB,GACzBA,sBAAsB,CAACmB,IAAI,GAC3BjB,uBAAuB,CAACiB,IAAI;IAC/B7B,WAAW,EAAED,SAAS,GAAGC,WAAW,GAAGS,SAAS;IAChDX,QAAQ,EAAEI,eAAe,CAACsB,GAAG,CAAE,CAAE;MAAEC,IAAI,EAAEC;IAAY,CAAC,KAAM;MAC3D,OAAO;QACN,GAAGf,oCAAyB,CAAEe,WAAW,CAAE;QAC3CI,QAAQ,EACPlC,KAAK,KAAK8B,WAAW,IACnB,CAAE9B,KAAK,IAAI8B,WAAW,KAAK,MAAQ;QACtCK,OAAO,EAAEA,CAAA,KAAMzB,iBAAiB,CAAEoB,WAAY;MAC/C,CAAC;IACF,CAAE,CAAC;IACHM,YAAY,EAAEC,wBAAa;IAC3BC,WAAW,EAAE;MAAEC,WAAW,EAAE,IAAAd,QAAE,EAAE,kBAAmB;IAAE;EACrD,CAAC;EAEJ,oBAAO,IAAA3B,WAAA,CAAA0C,GAAA,EAACnB,WAAW;IAAA,GAAME,WAAW;IAAA,GAAQG;EAAU,CAAI,CAAC;AAC5D;AAAC,IAAAe,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc5C,gBAAgB","ignoreList":[]}

package/build/components/block-alignment-matrix-control/index.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _keycodes = require("@wordpress/keycodes");
 var _components = require("@wordpress/components");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -20,10 +20,10 @@ function BlockAlignmentMatrixControl(props) {
     value = 'center',
     isDisabled
   } = props;
-  const icon = (0, _react.createElement)(_components.__experimentalAlignmentMatrixControl.Icon, {
+  const icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalAlignmentMatrixControl.Icon, {
     value: value
   });
-  return (0, _react.createElement)(_components.Dropdown, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, {
     popoverProps: {
       placement: 'bottom-start'
     },
@@ -37,7 +37,7 @@ function BlockAlignmentMatrixControl(props) {
           onToggle();
         }
       };
-      return (0, _react.createElement)(_components.ToolbarButton, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
         onClick: onToggle,
         "aria-haspopup": "true",
         "aria-expanded": isOpen,
@@ -48,7 +48,7 @@ function BlockAlignmentMatrixControl(props) {
         disabled: isDisabled
       });
     },
-    renderContent: () => (0, _react.createElement)(_components.__experimentalAlignmentMatrixControl, {
+    renderContent: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalAlignmentMatrixControl, {
       hasFocusBorder: false,
       onChange: onChange,
       value: value

package/build/components/block-alignment-matrix-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_keycodes","_components","noop","BlockAlignmentMatrixControl","props","label","__","onChange","value","isDisabled","icon","_react","createElement","__experimentalAlignmentMatrixControl","Icon","Dropdown","popoverProps","placement","renderToggle","onToggle","isOpen","openOnArrowDown","event","keyCode","DOWN","preventDefault","ToolbarButton","onClick","onKeyDown","showTooltip","disabled","renderContent","hasFocusBorder","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-alignment-matrix-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { DOWN } from '@wordpress/keycodes';\nimport {\n\tToolbarButton,\n\tDropdown,\n\t__experimentalAlignmentMatrixControl as AlignmentMatrixControl,\n} from '@wordpress/components';\n\nconst noop = () => {};\n\nfunction BlockAlignmentMatrixControl( props ) {\n\tconst {\n\t\tlabel = __( 'Change matrix alignment' ),\n\t\tonChange = noop,\n\t\tvalue = 'center',\n\t\tisDisabled,\n\t} = props;\n\n\tconst icon = <AlignmentMatrixControl.Icon value={ value } />;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst openOnArrowDown = ( event ) => {\n\t\t\t\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tonToggle();\n\t\t\t\t\t}\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<AlignmentMatrixControl\n\t\t\t\t\thasFocusBorder={ false }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t/>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default BlockAlignmentMatrixControl;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AALA;AACA;AACA;;AASA,MAAMG,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,SAASC,2BAA2BA,CAAEC,KAAK,EAAG;EAC7C,MAAM;IACLC,KAAK,GAAG,IAAAC,QAAE,EAAE,yBAA0B,CAAC;IACvCC,QAAQ,GAAGL,IAAI;IACfM,KAAK,GAAG,QAAQ;IAChBC;EACD,CAAC,GAAGL,KAAK;EAET,MAAMM,IAAI,GAAG,IAAAC,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAY,oCAAsB,CAACC,IAAI;IAACN,KAAK,EAAGA;EAAO,CAAE,CAAC;EAE5D,OACC,IAAAG,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAc,QAAQ;IACRC,YAAY,EAAG;MAAEC,SAAS,EAAE;IAAe,CAAG;IAC9CC,YAAY,EAAGA,CAAE;MAAEC,QAAQ;MAAEC;IAAO,CAAC,KAAM;MAC1C,MAAMC,eAAe,GAAKC,KAAK,IAAM;QACpC,IAAK,CAAEF,MAAM,IAAIE,KAAK,CAACC,OAAO,KAAKC,cAAI,EAAG;UACzCF,KAAK,CAACG,cAAc,CAAC,CAAC;UACtBN,QAAQ,CAAC,CAAC;QACX;MACD,CAAC;MAED,OACC,IAAAR,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAyB,aAAa;QACbC,OAAO,EAAGR,QAAU;QACpB,iBAAc,MAAM;QACpB,iBAAgBC,MAAQ;QACxBQ,SAAS,EAAGP,eAAiB;QAC7BhB,KAAK,EAAGA,KAAO;QACfK,IAAI,EAAGA,IAAM;QACbmB,WAAW;QACXC,QAAQ,EAAGrB;MAAY,CACvB,CAAC;IAEJ,CAAG;IACHsB,aAAa,EAAGA,CAAA,KACf,IAAApB,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAY,oCAAsB;MACtBmB,cAAc,EAAG,KAAO;MACxBzB,QAAQ,EAAGA,QAAU;MACrBC,KAAK,EAAGA;IAAO,CACf;EACC,CACH,CAAC;AAEJ;AAAC,IAAAyB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEchC,2BAA2B","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_keycodes","_components","_jsxRuntime","noop","BlockAlignmentMatrixControl","props","label","__","onChange","value","isDisabled","icon","jsx","__experimentalAlignmentMatrixControl","Icon","Dropdown","popoverProps","placement","renderToggle","onToggle","isOpen","openOnArrowDown","event","keyCode","DOWN","preventDefault","ToolbarButton","onClick","onKeyDown","showTooltip","disabled","renderContent","hasFocusBorder","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-alignment-matrix-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { DOWN } from '@wordpress/keycodes';\nimport {\n\tToolbarButton,\n\tDropdown,\n\t__experimentalAlignmentMatrixControl as AlignmentMatrixControl,\n} from '@wordpress/components';\n\nconst noop = () => {};\n\nfunction BlockAlignmentMatrixControl( props ) {\n\tconst {\n\t\tlabel = __( 'Change matrix alignment' ),\n\t\tonChange = noop,\n\t\tvalue = 'center',\n\t\tisDisabled,\n\t} = props;\n\n\tconst icon = <AlignmentMatrixControl.Icon value={ value } />;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst openOnArrowDown = ( event ) => {\n\t\t\t\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tonToggle();\n\t\t\t\t\t}\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<AlignmentMatrixControl\n\t\t\t\t\thasFocusBorder={ false }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t/>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default BlockAlignmentMatrixControl;\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAI+B,IAAAG,WAAA,GAAAH,OAAA;AAT/B;AACA;AACA;;AASA,MAAMI,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,SAASC,2BAA2BA,CAAEC,KAAK,EAAG;EAC7C,MAAM;IACLC,KAAK,GAAG,IAAAC,QAAE,EAAE,yBAA0B,CAAC;IACvCC,QAAQ,GAAGL,IAAI;IACfM,KAAK,GAAG,QAAQ;IAChBC;EACD,CAAC,GAAGL,KAAK;EAET,MAAMM,IAAI,gBAAG,IAAAT,WAAA,CAAAU,GAAA,EAACX,WAAA,CAAAY,oCAAsB,CAACC,IAAI;IAACL,KAAK,EAAGA;EAAO,CAAE,CAAC;EAE5D,oBACC,IAAAP,WAAA,CAAAU,GAAA,EAACX,WAAA,CAAAc,QAAQ;IACRC,YAAY,EAAG;MAAEC,SAAS,EAAE;IAAe,CAAG;IAC9CC,YAAY,EAAGA,CAAE;MAAEC,QAAQ;MAAEC;IAAO,CAAC,KAAM;MAC1C,MAAMC,eAAe,GAAKC,KAAK,IAAM;QACpC,IAAK,CAAEF,MAAM,IAAIE,KAAK,CAACC,OAAO,KAAKC,cAAI,EAAG;UACzCF,KAAK,CAACG,cAAc,CAAC,CAAC;UACtBN,QAAQ,CAAC,CAAC;QACX;MACD,CAAC;MAED,oBACC,IAAAjB,WAAA,CAAAU,GAAA,EAACX,WAAA,CAAAyB,aAAa;QACbC,OAAO,EAAGR,QAAU;QACpB,iBAAc,MAAM;QACpB,iBAAgBC,MAAQ;QACxBQ,SAAS,EAAGP,eAAiB;QAC7Bf,KAAK,EAAGA,KAAO;QACfK,IAAI,EAAGA,IAAM;QACbkB,WAAW;QACXC,QAAQ,EAAGpB;MAAY,CACvB,CAAC;IAEJ,CAAG;IACHqB,aAAa,EAAGA,CAAA,kBACf,IAAA7B,WAAA,CAAAU,GAAA,EAACX,WAAA,CAAAY,oCAAsB;MACtBmB,cAAc,EAAG,KAAO;MACxBxB,QAAQ,EAAGA,QAAU;MACrBC,KAAK,EAAGA;IAAO,CACf;EACC,CACH,CAAC;AAEJ;AAAC,IAAAwB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc/B,2BAA2B","ignoreList":[]}

package/build/components/block-bindings-toolbar-indicator/index.js

@@ -1,25 +1,106 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockBindingsToolbarIndicator;
-var _react = require("react");
+var _element = require("@wordpress/element");
+var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
+var _blocks = require("@wordpress/blocks");
+var _data = require("@wordpress/data");
 var _icons = require("@wordpress/icons");
-var _i18n = require("@wordpress/i18n");
+var _store = require("../../store");
+var _blockIcon = _interopRequireDefault(require("../block-icon"));
+var _useBlockDisplayTitle = _interopRequireDefault(require("../block-title/use-block-display-title"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
 
-function BlockBindingsToolbarIndicator() {
-  return (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_components.ToolbarItem, {
-    as: 'div',
-    "aria-label": (0, _i18n._x)('Connected', 'block toolbar button label'),
-    className: "block-editor-block-bindings-toolbar-indicator"
-  }, (0, _react.createElement)(_components.Icon, {
-    icon: _icons.connection,
-    size: 24
-  })));
+/**
+ * Internal dependencies
+ */
+
+function BlockBindingsToolbarIndicator({
+  clientIds
+}) {
+  const isSingleBlockSelected = clientIds.length === 1;
+  const {
+    icon,
+    firstBlockName,
+    isConnectedToPatternOverrides
+  } = (0, _data.useSelect)(select => {
+    const {
+      getBlockAttributes,
+      getBlockNamesByClientId,
+      getBlocksByClientId
+    } = select(_store.store);
+    const {
+      getBlockType,
+      getActiveBlockVariation
+    } = select(_blocks.store);
+    const blockTypeNames = getBlockNamesByClientId(clientIds);
+    const _firstBlockTypeName = blockTypeNames[0];
+    const firstBlockType = getBlockType(_firstBlockTypeName);
+    let _icon;
+    if (isSingleBlockSelected) {
+      const match = getActiveBlockVariation(_firstBlockTypeName, getBlockAttributes(clientIds[0]));
+      // Take into account active block variations.
+      _icon = match?.icon || firstBlockType.icon;
+    } else {
+      const isSelectionOfSameType = new Set(blockTypeNames).size === 1;
+      // When selection consists of blocks of multiple types, display an
+      // appropriate icon to communicate the non-uniformity.
+      _icon = isSelectionOfSameType ? firstBlockType.icon : _icons.copy;
+    }
+    return {
+      icon: _icon,
+      firstBlockName: getBlockAttributes(clientIds[0]).metadata.name,
+      isConnectedToPatternOverrides: getBlocksByClientId(clientIds).some(block => Object.values(block?.attributes?.metadata?.bindings || {}).some(binding => binding.source === 'core/pattern-overrides'))
+    };
+  }, [clientIds, isSingleBlockSelected]);
+  const firstBlockTitle = (0, _useBlockDisplayTitle.default)({
+    clientId: clientIds[0],
+    maximumLength: 35
+  });
+  let blockDescription = isSingleBlockSelected ? (0, _i18n._x)('This block is connected.', 'block toolbar button label and description') : (0, _i18n._x)('These blocks are connected.', 'block toolbar button label and description');
+  if (isConnectedToPatternOverrides && firstBlockName) {
+    blockDescription = isSingleBlockSelected ? (0, _i18n.sprintf)( /* translators: %1s: The block type's name; %2s: The block's user-provided name (the same as the override name). */
+    (0, _i18n.__)('This %1$s is editable using the "%2$s" override.'), firstBlockTitle.toLowerCase(), firstBlockName) : (0, _i18n.__)('These blocks are editable using overrides.');
+  }
+  const descriptionId = (0, _element.useId)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarGroup, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarItem, {
+      children: toggleProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownMenu, {
+        className: "block-editor-block-bindings-toolbar-indicator",
+        label: firstBlockTitle,
+        popoverProps: {
+          placement: 'bottom-start',
+          className: 'block-editor-block-bindings-toolbar-indicator__popover'
+        },
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockIcon.default, {
+            icon: icon,
+            className: "block-editor-block-bindings-toolbar-indicator-icon",
+            showColors: true
+          })
+        }),
+        toggleProps: {
+          describedBy: blockDescription,
+          ...toggleProps
+        },
+        menuProps: {
+          orientation: 'both',
+          'aria-describedby': descriptionId
+        },
+        children: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+          id: descriptionId,
+          children: blockDescription
+        })
+      })
+    })
+  });
 }
 //# sourceMappingURL=index.js.map

package/build/components/block-bindings-toolbar-indicator/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_icons","_i18n","BlockBindingsToolbarIndicator","_react","createElement","ToolbarGroup","ToolbarItem","as","_x","className","Icon","icon","connection","size"],"sources":["@wordpress/block-editor/src/components/block-bindings-toolbar-indicator/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarItem, ToolbarGroup, Icon } from '@wordpress/components';\nimport { connection } from '@wordpress/icons';\nimport { _x } from '@wordpress/i18n';\n\nexport default function BlockBindingsToolbarIndicator() {\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarItem\n\t\t\t\tas={ 'div' }\n\t\t\t\taria-label={ _x( 'Connected', 'block toolbar button label' ) }\n\t\t\t\tclassName=\"block-editor-block-bindings-toolbar-indicator\"\n\t\t\t>\n\t\t\t\t<Icon icon={ connection } size={ 24 } />\n\t\t\t</ToolbarItem>\n\t\t</ToolbarGroup>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKe,SAASG,6BAA6BA,CAAA,EAAG;EACvD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACN,WAAA,CAAAO,YAAY,QACZ,IAAAF,MAAA,CAAAC,aAAA,EAACN,WAAA,CAAAQ,WAAW;IACXC,EAAE,EAAG,KAAO;IACZ,cAAa,IAAAC,QAAE,EAAE,WAAW,EAAE,4BAA6B,CAAG;IAC9DC,SAAS,EAAC;EAA+C,GAEzD,IAAAN,MAAA,CAAAC,aAAA,EAACN,WAAA,CAAAY,IAAI;IAACC,IAAI,EAAGC,iBAAY;IAACC,IAAI,EAAG;EAAI,CAAE,CAC3B,CACA,CAAC;AAEjB","ignoreList":[]}
+{"version":3,"names":["_element","require","_i18n","_components","_blocks","_data","_icons","_store","_blockIcon","_interopRequireDefault","_useBlockDisplayTitle","_jsxRuntime","BlockBindingsToolbarIndicator","clientIds","isSingleBlockSelected","length","icon","firstBlockName","isConnectedToPatternOverrides","useSelect","select","getBlockAttributes","getBlockNamesByClientId","getBlocksByClientId","blockEditorStore","getBlockType","getActiveBlockVariation","blocksStore","blockTypeNames","_firstBlockTypeName","firstBlockType","_icon","match","isSelectionOfSameType","Set","size","copy","metadata","name","some","block","Object","values","attributes","bindings","binding","source","firstBlockTitle","useBlockDisplayTitle","clientId","maximumLength","blockDescription","_x","sprintf","__","toLowerCase","descriptionId","useId","jsx","ToolbarGroup","children","ToolbarItem","toggleProps","DropdownMenu","className","label","popoverProps","placement","Fragment","default","showColors","describedBy","menuProps","orientation","__experimentalText","id"],"sources":["@wordpress/block-editor/src/components/block-bindings-toolbar-indicator/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useId } from '@wordpress/element';\nimport { __, sprintf, _x } from '@wordpress/i18n';\nimport {\n\tDropdownMenu,\n\tToolbarGroup,\n\tToolbarItem,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\nimport { copy } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport BlockIcon from '../block-icon';\nimport useBlockDisplayTitle from '../block-title/use-block-display-title';\n\nexport default function BlockBindingsToolbarIndicator( { clientIds } ) {\n\tconst isSingleBlockSelected = clientIds.length === 1;\n\tconst { icon, firstBlockName, isConnectedToPatternOverrides } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockAttributes,\n\t\t\t\tgetBlockNamesByClientId,\n\t\t\t\tgetBlocksByClientId,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { getBlockType, getActiveBlockVariation } =\n\t\t\t\tselect( blocksStore );\n\t\t\tconst blockTypeNames = getBlockNamesByClientId( clientIds );\n\t\t\tconst _firstBlockTypeName = blockTypeNames[ 0 ];\n\t\t\tconst firstBlockType = getBlockType( _firstBlockTypeName );\n\t\t\tlet _icon;\n\t\t\tif ( isSingleBlockSelected ) {\n\t\t\t\tconst match = getActiveBlockVariation(\n\t\t\t\t\t_firstBlockTypeName,\n\t\t\t\t\tgetBlockAttributes( clientIds[ 0 ] )\n\t\t\t\t);\n\t\t\t\t// Take into account active block variations.\n\t\t\t\t_icon = match?.icon || firstBlockType.icon;\n\t\t\t} else {\n\t\t\t\tconst isSelectionOfSameType =\n\t\t\t\t\tnew Set( blockTypeNames ).size === 1;\n\t\t\t\t// When selection consists of blocks of multiple types, display an\n\t\t\t\t// appropriate icon to communicate the non-uniformity.\n\t\t\t\t_icon = isSelectionOfSameType ? firstBlockType.icon : copy;\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\ticon: _icon,\n\t\t\t\tfirstBlockName: getBlockAttributes( clientIds[ 0 ] ).metadata\n\t\t\t\t\t.name,\n\t\t\t\tisConnectedToPatternOverrides: getBlocksByClientId(\n\t\t\t\t\tclientIds\n\t\t\t\t).some( ( block ) =>\n\t\t\t\t\tObject.values(\n\t\t\t\t\t\tblock?.attributes?.metadata?.bindings || {}\n\t\t\t\t\t).some(\n\t\t\t\t\t\t( binding ) =>\n\t\t\t\t\t\t\tbinding.source === 'core/pattern-overrides'\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ clientIds, isSingleBlockSelected ]\n\t);\n\tconst firstBlockTitle = useBlockDisplayTitle( {\n\t\tclientId: clientIds[ 0 ],\n\t\tmaximumLength: 35,\n\t} );\n\n\tlet blockDescription = isSingleBlockSelected\n\t\t? _x(\n\t\t\t\t'This block is connected.',\n\t\t\t\t'block toolbar button label and description'\n\t\t  )\n\t\t: _x(\n\t\t\t\t'These blocks are connected.',\n\t\t\t\t'block toolbar button label and description'\n\t\t  );\n\tif ( isConnectedToPatternOverrides && firstBlockName ) {\n\t\tblockDescription = isSingleBlockSelected\n\t\t\t? sprintf(\n\t\t\t\t\t/* translators: %1s: The block type's name; %2s: The block's user-provided name (the same as the override name). */\n\t\t\t\t\t__( 'This %1$s is editable using the \"%2$s\" override.' ),\n\t\t\t\t\tfirstBlockTitle.toLowerCase(),\n\t\t\t\t\tfirstBlockName\n\t\t\t  )\n\t\t\t: __( 'These blocks are editable using overrides.' );\n\t}\n\tconst descriptionId = useId();\n\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarItem>\n\t\t\t\t{ ( toggleProps ) => (\n\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\tclassName=\"block-editor-block-bindings-toolbar-indicator\"\n\t\t\t\t\t\tlabel={ firstBlockTitle }\n\t\t\t\t\t\tpopoverProps={ {\n\t\t\t\t\t\t\tplacement: 'bottom-start',\n\t\t\t\t\t\t\tclassName:\n\t\t\t\t\t\t\t\t'block-editor-block-bindings-toolbar-indicator__popover',\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<BlockIcon\n\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-block-bindings-toolbar-indicator-icon\"\n\t\t\t\t\t\t\t\t\tshowColors\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\tdescribedBy: blockDescription,\n\t\t\t\t\t\t\t...toggleProps,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tmenuProps={ {\n\t\t\t\t\t\t\torientation: 'both',\n\t\t\t\t\t\t\t'aria-describedby': descriptionId,\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ () => (\n\t\t\t\t\t\t\t<Text id={ descriptionId }>\n\t\t\t\t\t\t\t\t{ blockDescription }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</DropdownMenu>\n\t\t\t\t) }\n\t\t\t</ToolbarItem>\n\t\t</ToolbarGroup>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
@@ -13,6 +12,7 @@ var _icons = require("@wordpress/icons");
 var _blockTitle = _interopRequireDefault(require("../block-title"));
 var _store = require("../../store");
 var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -27,8 +27,7 @@ var _lockUnlock = require("../../lock-unlock");
  * @param {Object} props               Component props.
  * @param {string} props.rootLabelText Translated label for the root element of the breadcrumb trail.
  * @return {Element}                   Block Breadcrumb.
- */
-function BlockBreadcrumb({
+ */function BlockBreadcrumb({
   rootLabelText
 }) {
   const {
@@ -59,39 +58,44 @@ function BlockBreadcrumb({
    * Safari+VoiceOver won't announce the list otherwise.
    */
   /* eslint-disable jsx-a11y/no-redundant-roles */
-  return (0, _react.createElement)("ul", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
     className: "block-editor-block-breadcrumb",
     role: "list",
-    "aria-label": (0, _i18n.__)('Block breadcrumb')
-  }, (0, _react.createElement)("li", {
-    className: !hasSelection ? 'block-editor-block-breadcrumb__current' : undefined,
-    "aria-current": !hasSelection ? 'true' : undefined
-  }, hasSelection && (0, _react.createElement)(_components.Button, {
-    className: "block-editor-block-breadcrumb__button",
-    variant: "tertiary",
-    onClick: clearSelectedBlock
-  }, rootLabel), !hasSelection && rootLabel, !!clientId && (0, _react.createElement)(_icons.Icon, {
-    icon: _icons.chevronRightSmall,
-    className: "block-editor-block-breadcrumb__separator"
-  })), parents.map(parentClientId => (0, _react.createElement)("li", {
-    key: parentClientId
-  }, (0, _react.createElement)(_components.Button, {
-    className: "block-editor-block-breadcrumb__button",
-    variant: "tertiary",
-    onClick: () => selectBlock(parentClientId)
-  }, (0, _react.createElement)(_blockTitle.default, {
-    clientId: parentClientId,
-    maximumLength: 35
-  })), (0, _react.createElement)(_icons.Icon, {
-    icon: _icons.chevronRightSmall,
-    className: "block-editor-block-breadcrumb__separator"
-  }))), !!clientId && (0, _react.createElement)("li", {
-    className: "block-editor-block-breadcrumb__current",
-    "aria-current": "true"
-  }, (0, _react.createElement)(_blockTitle.default, {
-    clientId: clientId,
-    maximumLength: 35
-  })))
+    "aria-label": (0, _i18n.__)('Block breadcrumb'),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+      className: !hasSelection ? 'block-editor-block-breadcrumb__current' : undefined,
+      "aria-current": !hasSelection ? 'true' : undefined,
+      children: [hasSelection && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        className: "block-editor-block-breadcrumb__button",
+        variant: "tertiary",
+        onClick: clearSelectedBlock,
+        children: rootLabel
+      }), !hasSelection && rootLabel, !!clientId && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+        icon: _icons.chevronRightSmall,
+        className: "block-editor-block-breadcrumb__separator"
+      })]
+    }), parents.map(parentClientId => /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        className: "block-editor-block-breadcrumb__button",
+        variant: "tertiary",
+        onClick: () => selectBlock(parentClientId),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockTitle.default, {
+          clientId: parentClientId,
+          maximumLength: 35
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+        icon: _icons.chevronRightSmall,
+        className: "block-editor-block-breadcrumb__separator"
+      })]
+    }, parentClientId)), !!clientId && /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+      className: "block-editor-block-breadcrumb__current",
+      "aria-current": "true",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockTitle.default, {
+        clientId: clientId,
+        maximumLength: 35
+      })
+    })]
+  })
   /* eslint-enable jsx-a11y/no-redundant-roles */;
 }
 var _default = exports.default = BlockBreadcrumb;

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_data","_i18n","_icons","_blockTitle","_interopRequireDefault","_store","_lockUnlock","BlockBreadcrumb","rootLabelText","selectBlock","clearSelectedBlock","useDispatch","blockEditorStore","clientId","parents","hasSelection","useSelect","select","getSelectionStart","getSelectedBlockClientId","getEnabledBlockParents","unlock","selectedBlockClientId","rootLabel","__","_react","createElement","className","role","undefined","Button","variant","onClick","Icon","icon","chevronRightSmall","map","parentClientId","key","default","maximumLength","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-breadcrumb/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { chevronRightSmall, Icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport BlockTitle from '../block-title';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\n/**\n * Block breadcrumb component, displaying the hierarchy of the current block selection as a breadcrumb.\n *\n * @param {Object} props               Component props.\n * @param {string} props.rootLabelText Translated label for the root element of the breadcrumb trail.\n * @return {Element}                   Block Breadcrumb.\n */\nfunction BlockBreadcrumb( { rootLabelText } ) {\n\tconst { selectBlock, clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { clientId, parents, hasSelection } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetSelectionStart,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetEnabledBlockParents,\n\t\t} = unlock( select( blockEditorStore ) );\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\treturn {\n\t\t\tparents: getEnabledBlockParents( selectedBlockClientId ),\n\t\t\tclientId: selectedBlockClientId,\n\t\t\thasSelection: !! getSelectionStart().clientId,\n\t\t};\n\t}, [] );\n\tconst rootLabel = rootLabelText || __( 'Document' );\n\n\t/*\n\t * Disable reason: The `list` ARIA role is redundant but\n\t * Safari+VoiceOver won't announce the list otherwise.\n\t */\n\t/* eslint-disable jsx-a11y/no-redundant-roles */\n\treturn (\n\t\t<ul\n\t\t\tclassName=\"block-editor-block-breadcrumb\"\n\t\t\trole=\"list\"\n\t\t\taria-label={ __( 'Block breadcrumb' ) }\n\t\t>\n\t\t\t<li\n\t\t\t\tclassName={\n\t\t\t\t\t! hasSelection\n\t\t\t\t\t\t? 'block-editor-block-breadcrumb__current'\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\taria-current={ ! hasSelection ? 'true' : undefined }\n\t\t\t>\n\t\t\t\t{ hasSelection && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__button\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ clearSelectedBlock }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ rootLabel }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\t{ ! hasSelection && rootLabel }\n\t\t\t\t{ !! clientId && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ chevronRightSmall }\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__separator\"\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</li>\n\n\t\t\t{ parents.map( ( parentClientId ) => (\n\t\t\t\t<li key={ parentClientId }>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__button\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => selectBlock( parentClientId ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<BlockTitle\n\t\t\t\t\t\t\tclientId={ parentClientId }\n\t\t\t\t\t\t\tmaximumLength={ 35 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ chevronRightSmall }\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__separator\"\n\t\t\t\t\t/>\n\t\t\t\t</li>\n\t\t\t) ) }\n\t\t\t{ !! clientId && (\n\t\t\t\t<li\n\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__current\"\n\t\t\t\t\taria-current=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<BlockTitle clientId={ clientId } maximumLength={ 35 } />\n\t\t\t\t</li>\n\t\t\t) }\n\t\t</ul>\n\t\t/* eslint-enable jsx-a11y/no-redundant-roles */\n\t);\n}\n\nexport default BlockBreadcrumb;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_data","_i18n","_icons","_blockTitle","_interopRequireDefault","_store","_lockUnlock","_jsxRuntime","BlockBreadcrumb","rootLabelText","selectBlock","clearSelectedBlock","useDispatch","blockEditorStore","clientId","parents","hasSelection","useSelect","select","getSelectionStart","getSelectedBlockClientId","getEnabledBlockParents","unlock","selectedBlockClientId","rootLabel","__","jsxs","className","role","children","undefined","jsx","Button","variant","onClick","Icon","icon","chevronRightSmall","map","parentClientId","default","maximumLength","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-breadcrumb/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { chevronRightSmall, Icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport BlockTitle from '../block-title';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\n/**\n * Block breadcrumb component, displaying the hierarchy of the current block selection as a breadcrumb.\n *\n * @param {Object} props               Component props.\n * @param {string} props.rootLabelText Translated label for the root element of the breadcrumb trail.\n * @return {Element}                   Block Breadcrumb.\n */\nfunction BlockBreadcrumb( { rootLabelText } ) {\n\tconst { selectBlock, clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { clientId, parents, hasSelection } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetSelectionStart,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetEnabledBlockParents,\n\t\t} = unlock( select( blockEditorStore ) );\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\treturn {\n\t\t\tparents: getEnabledBlockParents( selectedBlockClientId ),\n\t\t\tclientId: selectedBlockClientId,\n\t\t\thasSelection: !! getSelectionStart().clientId,\n\t\t};\n\t}, [] );\n\tconst rootLabel = rootLabelText || __( 'Document' );\n\n\t/*\n\t * Disable reason: The `list` ARIA role is redundant but\n\t * Safari+VoiceOver won't announce the list otherwise.\n\t */\n\t/* eslint-disable jsx-a11y/no-redundant-roles */\n\treturn (\n\t\t<ul\n\t\t\tclassName=\"block-editor-block-breadcrumb\"\n\t\t\trole=\"list\"\n\t\t\taria-label={ __( 'Block breadcrumb' ) }\n\t\t>\n\t\t\t<li\n\t\t\t\tclassName={\n\t\t\t\t\t! hasSelection\n\t\t\t\t\t\t? 'block-editor-block-breadcrumb__current'\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\taria-current={ ! hasSelection ? 'true' : undefined }\n\t\t\t>\n\t\t\t\t{ hasSelection && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__button\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ clearSelectedBlock }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ rootLabel }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\t{ ! hasSelection && rootLabel }\n\t\t\t\t{ !! clientId && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ chevronRightSmall }\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__separator\"\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</li>\n\n\t\t\t{ parents.map( ( parentClientId ) => (\n\t\t\t\t<li key={ parentClientId }>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__button\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => selectBlock( parentClientId ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<BlockTitle\n\t\t\t\t\t\t\tclientId={ parentClientId }\n\t\t\t\t\t\t\tmaximumLength={ 35 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ chevronRightSmall }\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__separator\"\n\t\t\t\t\t/>\n\t\t\t\t</li>\n\t\t\t) ) }\n\t\t\t{ !! clientId && (\n\t\t\t\t<li\n\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__current\"\n\t\t\t\t\taria-current=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<BlockTitle clientId={ clientId } maximumLength={ 35 } />\n\t\t\t\t</li>\n\t\t\t) }\n\t\t</ul>\n\t\t/* eslint-enable jsx-a11y/no-redundant-roles */\n\t);\n}\n\nexport default BlockBreadcrumb;\n"],"mappings":"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","ignoreList":[]}