@wordpress/block-editor 8.5.7 → 9.1.0

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 ## Unreleased
 
+## 9.1.0 (2022-05-18)
+
+## 9.0.0 (2022-05-04)
+
+### Breaking change
+
+-   `BlockNavigationDropdown` is now deprecated. Use the `Dropdown` component from the `@wordpress/components` package and the `ListView` component from this package ([#40777](https://github.com/WordPress/gutenberg/pull/40777)).
+-   `ListView` no longer accepts the `__experimentalFeatures`, `__experimentalPersistentListViewFeatures`, `__experimentalHideContainerBlockActions`, and `showNestedBlocks` props. Passing additional undocumented props through to `ListView` is also now disallowed. ([#40777](https://github.com/WordPress/gutenberg/pull/40777)).
+
+## 8.6.0 (2022-04-21)
+
 ## 8.5.0 (2022-04-08)
 
 ## 8.4.0 (2022-03-23)

package/README.md

@@ -724,6 +724,7 @@ _Parameters_
 -   _props_ `Object`: Optional. Props to pass to the element. Must contain the ref if one is defined.
 -   _options_ `Object`: Options for internal use only.
 -   _options.\_\_unstableIsHtml_ `boolean`:
+-   _options.\_\_unstableIsDisabled_ `boolean`: Whether the block should be disabled.
 
 _Returns_
 
@@ -762,8 +763,10 @@ _Parameters_
 
 ### useSetting
 
-Hook that retrieves the editor setting.
-It works with nested objects using by finding the value at path.
+Hook that retrieves the given setting for the block instance in use.
+
+It looks up the settings first in the block instance hierarchy.
+If none is found, it'll look it up in the block editor store.
 
 _Usage_
 

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.POPOVER_PROPS = exports.DEFAULT_CONTROL = exports.BLOCK_ALIGNMENTS_CONTROLS = void 0;
+
+var _i18n = require("@wordpress/i18n");
+
+var _icons = require("@wordpress/icons");
+
+/**
+ * WordPress dependencies
+ */
+const BLOCK_ALIGNMENTS_CONTROLS = {
+  none: {
+    icon: _icons.alignNone,
+    title: (0, _i18n._x)('None', 'Alignment option')
+  },
+  left: {
+    icon: _icons.positionLeft,
+    title: (0, _i18n.__)('Align left')
+  },
+  center: {
+    icon: _icons.positionCenter,
+    title: (0, _i18n.__)('Align center')
+  },
+  right: {
+    icon: _icons.positionRight,
+    title: (0, _i18n.__)('Align right')
+  },
+  wide: {
+    icon: _icons.stretchWide,
+    title: (0, _i18n.__)('Wide width')
+  },
+  full: {
+    icon: _icons.stretchFullWidth,
+    title: (0, _i18n.__)('Full width')
+  }
+};
+exports.BLOCK_ALIGNMENTS_CONTROLS = BLOCK_ALIGNMENTS_CONTROLS;
+const DEFAULT_CONTROL = 'none';
+exports.DEFAULT_CONTROL = DEFAULT_CONTROL;
+const POPOVER_PROPS = {
+  isAlternate: true
+};
+exports.POPOVER_PROPS = POPOVER_PROPS;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-alignment-control/constants.js"],"names":["BLOCK_ALIGNMENTS_CONTROLS","none","icon","alignNone","title","left","positionLeft","center","positionCenter","right","positionRight","wide","stretchWide","full","stretchFullWidth","DEFAULT_CONTROL","POPOVER_PROPS","isAlternate"],"mappings":";;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;AAWO,MAAMA,yBAAyB,GAAG;AACxCC,EAAAA,IAAI,EAAE;AACLC,IAAAA,IAAI,EAAEC,gBADD;AAELC,IAAAA,KAAK,EAAE,cAAI,MAAJ,EAAY,kBAAZ;AAFF,GADkC;AAKxCC,EAAAA,IAAI,EAAE;AACLH,IAAAA,IAAI,EAAEI,mBADD;AAELF,IAAAA,KAAK,EAAE,cAAI,YAAJ;AAFF,GALkC;AASxCG,EAAAA,MAAM,EAAE;AACPL,IAAAA,IAAI,EAAEM,qBADC;AAEPJ,IAAAA,KAAK,EAAE,cAAI,cAAJ;AAFA,GATgC;AAaxCK,EAAAA,KAAK,EAAE;AACNP,IAAAA,IAAI,EAAEQ,oBADA;AAENN,IAAAA,KAAK,EAAE,cAAI,aAAJ;AAFD,GAbiC;AAiBxCO,EAAAA,IAAI,EAAE;AACLT,IAAAA,IAAI,EAAEU,kBADD;AAELR,IAAAA,KAAK,EAAE,cAAI,YAAJ;AAFF,GAjBkC;AAqBxCS,EAAAA,IAAI,EAAE;AACLX,IAAAA,IAAI,EAAEY,uBADD;AAELV,IAAAA,KAAK,EAAE,cAAI,YAAJ;AAFF;AArBkC,CAAlC;;AA2BA,MAAMW,eAAe,GAAG,MAAxB;;AAEA,MAAMC,aAAa,GAAG;AAC5BC,EAAAA,WAAW,EAAE;AADe,CAAtB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\talignNone,\n\tpositionCenter,\n\tpositionLeft,\n\tpositionRight,\n\tstretchFullWidth,\n\tstretchWide,\n} from '@wordpress/icons';\n\nexport const BLOCK_ALIGNMENTS_CONTROLS = {\n\tnone: {\n\t\ticon: alignNone,\n\t\ttitle: _x( 'None', 'Alignment option' ),\n\t},\n\tleft: {\n\t\ticon: positionLeft,\n\t\ttitle: __( 'Align left' ),\n\t},\n\tcenter: {\n\t\ticon: positionCenter,\n\t\ttitle: __( 'Align center' ),\n\t},\n\tright: {\n\t\ticon: positionRight,\n\t\ttitle: __( 'Align right' ),\n\t},\n\twide: {\n\t\ticon: stretchWide,\n\t\ttitle: __( 'Wide width' ),\n\t},\n\tfull: {\n\t\ticon: stretchFullWidth,\n\t\ttitle: __( 'Full width' ),\n\t},\n};\n\nexport const DEFAULT_CONTROL = 'none';\n\nexport const POPOVER_PROPS = {\n\tisAlternate: true,\n};\n"]}

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

@@ -17,10 +17,10 @@ var _i18n = require("@wordpress/i18n");
 
 var _components = require("@wordpress/components");
 
-var _icons = require("@wordpress/icons");
-
 var _useAvailableAlignments = _interopRequireDefault(require("./use-available-alignments"));
 
+var _constants = require("./constants");
+
 /**
  * External dependencies
  */
@@ -32,37 +32,6 @@ var _useAvailableAlignments = _interopRequireDefault(require("./use-available-al
 /**
  * Internal dependencies
  */
-const BLOCK_ALIGNMENTS_CONTROLS = {
-  none: {
-    icon: _icons.alignNone,
-    title: (0, _i18n._x)('None', 'Alignment option')
-  },
-  left: {
-    icon: _icons.positionLeft,
-    title: (0, _i18n.__)('Align left')
-  },
-  center: {
-    icon: _icons.positionCenter,
-    title: (0, _i18n.__)('Align center')
-  },
-  right: {
-    icon: _icons.positionRight,
-    title: (0, _i18n.__)('Align right')
-  },
-  wide: {
-    icon: _icons.stretchWide,
-    title: (0, _i18n.__)('Wide width')
-  },
-  full: {
-    icon: _icons.stretchFullWidth,
-    title: (0, _i18n.__)('Full width')
-  }
-};
-const DEFAULT_CONTROL = 'none';
-const POPOVER_PROPS = {
-  isAlternate: true
-};
-
 function BlockAlignmentUI(_ref) {
   let {
     value,
@@ -82,24 +51,24 @@ function BlockAlignmentUI(_ref) {
     onChange([value, 'none'].includes(align) ? undefined : align);
   }
 
-  const activeAlignmentControl = BLOCK_ALIGNMENTS_CONTROLS[value];
-  const defaultAlignmentControl = BLOCK_ALIGNMENTS_CONTROLS[DEFAULT_CONTROL];
+  const activeAlignmentControl = _constants.BLOCK_ALIGNMENTS_CONTROLS[value];
+  const defaultAlignmentControl = _constants.BLOCK_ALIGNMENTS_CONTROLS[_constants.DEFAULT_CONTROL];
   const UIComponent = isToolbar ? _components.ToolbarGroup : _components.ToolbarDropdownMenu;
   const commonProps = {
-    popoverProps: POPOVER_PROPS,
+    popoverProps: _constants.POPOVER_PROPS,
     icon: activeAlignmentControl ? activeAlignmentControl.icon : defaultAlignmentControl.icon,
     label: (0, _i18n.__)('Align'),
     toggleProps: {
       describedBy: (0, _i18n.__)('Change alignment')
     }
   };
-  const extraProps = isToolbar || _element.Platform.isNative ? {
-    isCollapsed: isToolbar ? isCollapsed : undefined,
+  const extraProps = isToolbar ? {
+    isCollapsed,
     controls: enabledControls.map(_ref2 => {
       let {
         name: controlName
       } = _ref2;
-      return { ...BLOCK_ALIGNMENTS_CONTROLS[controlName],
+      return { ..._constants.BLOCK_ALIGNMENTS_CONTROLS[controlName],
         isActive: value === controlName || !value && controlName === 'none',
         role: isCollapsed ? 'menuitemradio' : undefined,
         onClick: () => onChangeAlignment(controlName)
@@ -120,7 +89,7 @@ function BlockAlignmentUI(_ref) {
         const {
           icon,
           title
-        } = BLOCK_ALIGNMENTS_CONTROLS[controlName]; // If no value is provided, mark as selected the `none` option.
+        } = _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, _element.createElement)(_components.MenuItem, {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-alignment-control/ui.js"],"names":["BLOCK_ALIGNMENTS_CONTROLS","none","icon","alignNone","title","left","positionLeft","center","positionCenter","right","positionRight","wide","stretchWide","full","stretchFullWidth","DEFAULT_CONTROL","POPOVER_PROPS","isAlternate","BlockAlignmentUI","value","onChange","controls","isToolbar","isCollapsed","enabledControls","hasEnabledControls","length","onChangeAlignment","align","includes","undefined","activeAlignmentControl","defaultAlignmentControl","UIComponent","ToolbarGroup","ToolbarDropdownMenu","commonProps","popoverProps","label","toggleProps","describedBy","extraProps","Platform","isNative","map","name","controlName","isActive","role","onClick","children","onClose","info","isSelected"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tToolbarDropdownMenu,\n\tToolbarGroup,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\nimport {\n\talignNone,\n\tpositionCenter,\n\tpositionLeft,\n\tpositionRight,\n\tstretchFullWidth,\n\tstretchWide,\n} from '@wordpress/icons';\nimport { Platform } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useAvailableAlignments from './use-available-alignments';\n\nconst BLOCK_ALIGNMENTS_CONTROLS = {\n\tnone: {\n\t\ticon: alignNone,\n\t\ttitle: _x( 'None', 'Alignment option' ),\n\t},\n\tleft: {\n\t\ticon: positionLeft,\n\t\ttitle: __( 'Align left' ),\n\t},\n\tcenter: {\n\t\ticon: positionCenter,\n\t\ttitle: __( 'Align center' ),\n\t},\n\tright: {\n\t\ticon: positionRight,\n\t\ttitle: __( 'Align right' ),\n\t},\n\twide: {\n\t\ticon: stretchWide,\n\t\ttitle: __( 'Wide width' ),\n\t},\n\tfull: {\n\t\ticon: stretchFullWidth,\n\t\ttitle: __( 'Full width' ),\n\t},\n};\n\nconst DEFAULT_CONTROL = 'none';\n\nconst POPOVER_PROPS = {\n\tisAlternate: true,\n};\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\tpopoverProps: POPOVER_PROPS,\n\t\ticon: activeAlignmentControl\n\t\t\t? activeAlignmentControl.icon\n\t\t\t: defaultAlignmentControl.icon,\n\t\tlabel: __( 'Align' ),\n\t\ttoggleProps: { describedBy: __( 'Change alignment' ) },\n\t};\n\tconst extraProps =\n\t\tisToolbar || Platform.isNative\n\t\t\t? {\n\t\t\t\t\tisCollapsed: isToolbar ? isCollapsed : undefined,\n\t\t\t\t\tcontrols: enabledControls.map(\n\t\t\t\t\t\t( { name: controlName } ) => {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...BLOCK_ALIGNMENTS_CONTROLS[ controlName ],\n\t\t\t\t\t\t\t\tisActive:\n\t\t\t\t\t\t\t\t\tvalue === controlName ||\n\t\t\t\t\t\t\t\t\t( ! value && controlName === 'none' ),\n\t\t\t\t\t\t\t\trole: isCollapsed ? 'menuitemradio' : undefined,\n\t\t\t\t\t\t\t\tonClick: () => onChangeAlignment( controlName ),\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t}\n\t\t\t\t\t),\n\t\t\t  }\n\t\t\t: {\n\t\t\t\t\tchildren: ( { onClose } ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<>\n\t\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\t{ enabledControls.map(\n\t\t\t\t\t\t\t\t\t\t( { name: controlName, info } ) => {\n\t\t\t\t\t\t\t\t\t\t\tconst {\n\t\t\t\t\t\t\t\t\t\t\t\ticon,\n\t\t\t\t\t\t\t\t\t\t\t\ttitle,\n\t\t\t\t\t\t\t\t\t\t\t} = BLOCK_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\t// If no value is provided, mark as selected the `none` option.\n\t\t\t\t\t\t\t\t\t\t\tconst isSelected =\n\t\t\t\t\t\t\t\t\t\t\t\tcontrolName === value ||\n\t\t\t\t\t\t\t\t\t\t\t\t( ! value &&\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontrolName === 'none' );\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\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\t\ticon={ icon }\n\t\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\t\tclassName={ classNames(\n\t\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\t{\n\t\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\t}\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\tisSelected={ isSelected }\n\t\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\t\tonChangeAlignment(\n\t\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\t);\n\t\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\t} }\n\t\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\t\tinfo={ info }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t);\n\t\t\t\t\t},\n\t\t\t  };\n\n\treturn <UIComponent { ...commonProps } { ...extraProps } />;\n}\n\nexport default BlockAlignmentUI;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-alignment-control/ui.js"],"names":["BlockAlignmentUI","value","onChange","controls","isToolbar","isCollapsed","enabledControls","hasEnabledControls","length","onChangeAlignment","align","includes","undefined","activeAlignmentControl","BLOCK_ALIGNMENTS_CONTROLS","defaultAlignmentControl","DEFAULT_CONTROL","UIComponent","ToolbarGroup","ToolbarDropdownMenu","commonProps","popoverProps","POPOVER_PROPS","icon","label","toggleProps","describedBy","extraProps","map","name","controlName","isActive","role","onClick","children","onClose","info","title","isSelected"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\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 {\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} ) {\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\tpopoverProps: POPOVER_PROPS,\n\t\ticon: activeAlignmentControl\n\t\t\t? activeAlignmentControl.icon\n\t\t\t: defaultAlignmentControl.icon,\n\t\tlabel: __( 'Align' ),\n\t\ttoggleProps: { describedBy: __( 'Change alignment' ) },\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\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 {\n\t\t\t\t\t\t\t\t\t\t\ticon,\n\t\t\t\t\t\t\t\t\t\t\ttitle,\n\t\t\t\t\t\t\t\t\t\t} = BLOCK_ALIGNMENTS_CONTROLS[\n\t\t\t\t\t\t\t\t\t\t\tcontrolName\n\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={ classNames(\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"]}

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

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _element = require("@wordpress/element");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _i18n = require("@wordpress/i18n");
+
+var _components = require("@wordpress/components");
+
+var _useAvailableAlignments = _interopRequireDefault(require("./use-available-alignments"));
+
+var _constants = require("./constants");
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function BlockAlignmentUI(_ref) {
+  let {
+    value,
+    onChange,
+    controls,
+    isToolbar,
+    isCollapsed = true,
+    isBottomSheetControl = false
+  } = _ref;
+  const enabledControls = (0, _useAvailableAlignments.default)(controls);
+  const hasEnabledControls = !!enabledControls.length;
+
+  if (!hasEnabledControls) {
+    return null;
+  }
+
+  function onChangeAlignment(align) {
+    onChange([value, 'none'].includes(align) ? undefined : align);
+  }
+
+  const activeAlignmentControl = _constants.BLOCK_ALIGNMENTS_CONTROLS[value];
+  const defaultAlignmentControl = _constants.BLOCK_ALIGNMENTS_CONTROLS[_constants.DEFAULT_CONTROL];
+  const toolbarUIComponent = isToolbar ? _components.ToolbarGroup : _components.ToolbarDropdownMenu;
+  const UIComponent = isBottomSheetControl ? _components.BottomSheetSelectControl : toolbarUIComponent;
+  const commonProps = {
+    label: (0, _i18n.__)('Align')
+  };
+  const extraProps = isBottomSheetControl ? {
+    options: enabledControls.map(_ref2 => {
+      let {
+        name: controlName
+      } = _ref2;
+      const control = _constants.BLOCK_ALIGNMENTS_CONTROLS[controlName];
+      return {
+        value: controlName,
+        label: control.title,
+        icon: control.icon
+      };
+    }),
+    value: activeAlignmentControl ? value : 'none',
+    onChange: align => onChangeAlignment(align)
+  } : {
+    icon: activeAlignmentControl ? activeAlignmentControl.icon : defaultAlignmentControl.icon,
+    isCollapsed: isToolbar ? isCollapsed : undefined,
+    controls: enabledControls.map(_ref3 => {
+      let {
+        name: controlName
+      } = _ref3;
+      return { ..._constants.BLOCK_ALIGNMENTS_CONTROLS[controlName],
+        isActive: value === controlName || !value && controlName === 'none',
+        onClick: () => onChangeAlignment(controlName)
+      };
+    }),
+    popoverProps: _constants.POPOVER_PROPS,
+    toggleProps: {
+      describedBy: (0, _i18n.__)('Change alignment')
+    }
+  };
+  return (0, _element.createElement)(UIComponent, (0, _extends2.default)({}, commonProps, extraProps));
+}
+
+var _default = BlockAlignmentUI;
+exports.default = _default;
+//# sourceMappingURL=ui.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-alignment-control/ui.native.js"],"names":["BlockAlignmentUI","value","onChange","controls","isToolbar","isCollapsed","isBottomSheetControl","enabledControls","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"],"mappings":";;;;;;;;;;;;;AAGA;;AACA;;AASA;;AACA;;AAdA;AACA;AACA;;AAQA;AACA;AACA;AAQA,SAASA,gBAAT,OAOI;AAAA,MAPuB;AAC1BC,IAAAA,KAD0B;AAE1BC,IAAAA,QAF0B;AAG1BC,IAAAA,QAH0B;AAI1BC,IAAAA,SAJ0B;AAK1BC,IAAAA,WAAW,GAAG,IALY;AAM1BC,IAAAA,oBAAoB,GAAG;AANG,GAOvB;AACH,QAAMC,eAAe,GAAG,qCAAwBJ,QAAxB,CAAxB;AACA,QAAMK,kBAAkB,GAAG,CAAC,CAAED,eAAe,CAACE,MAA9C;;AAEA,MAAK,CAAED,kBAAP,EAA4B;AAC3B,WAAO,IAAP;AACA;;AAED,WAASE,iBAAT,CAA4BC,KAA5B,EAAoC;AACnCT,IAAAA,QAAQ,CAAE,CAAED,KAAF,EAAS,MAAT,EAAkBW,QAAlB,CAA4BD,KAA5B,IAAsCE,SAAtC,GAAkDF,KAApD,CAAR;AACA;;AAED,QAAMG,sBAAsB,GAAGC,qCAA2Bd,KAA3B,CAA/B;AACA,QAAMe,uBAAuB,GAC5BD,qCAA2BE,0BAA3B,CADD;AAGA,QAAMC,kBAAkB,GAAGd,SAAS,GAAGe,wBAAH,GAAkBC,+BAAtD;AACA,QAAMC,WAAW,GAAGf,oBAAoB,GACrCgB,oCADqC,GAErCJ,kBAFH;AAIA,QAAMK,WAAW,GAAG;AACnBC,IAAAA,KAAK,EAAE,cAAI,OAAJ;AADY,GAApB;AAGA,QAAMC,UAAU,GAAGnB,oBAAoB,GACpC;AACAoB,IAAAA,OAAO,EAAEnB,eAAe,CAACoB,GAAhB,CAAqB,SAA6B;AAAA,UAA3B;AAAEC,QAAAA,IAAI,EAAEC;AAAR,OAA2B;AAC1D,YAAMC,OAAO,GAAGf,qCAA2Bc,WAA3B,CAAhB;AACA,aAAO;AACN5B,QAAAA,KAAK,EAAE4B,WADD;AAENL,QAAAA,KAAK,EAAEM,OAAO,CAACC,KAFT;AAGNC,QAAAA,IAAI,EAAEF,OAAO,CAACE;AAHR,OAAP;AAKA,KAPQ,CADT;AASA/B,IAAAA,KAAK,EAAEa,sBAAsB,GAAGb,KAAH,GAAW,MATxC;AAUAC,IAAAA,QAAQ,EAAIS,KAAF,IAAaD,iBAAiB,CAAEC,KAAF;AAVxC,GADoC,GAapC;AACAqB,IAAAA,IAAI,EAAElB,sBAAsB,GACzBA,sBAAsB,CAACkB,IADE,GAEzBhB,uBAAuB,CAACgB,IAH3B;AAIA3B,IAAAA,WAAW,EAAED,SAAS,GAAGC,WAAH,GAAiBQ,SAJvC;AAKAV,IAAAA,QAAQ,EAAEI,eAAe,CAACoB,GAAhB,CAAqB,SAA6B;AAAA,UAA3B;AAAEC,QAAAA,IAAI,EAAEC;AAAR,OAA2B;AAC3D,aAAO,EACN,GAAGd,qCAA2Bc,WAA3B,CADG;AAENI,QAAAA,QAAQ,EACPhC,KAAK,KAAK4B,WAAV,IACE,CAAE5B,KAAF,IAAW4B,WAAW,KAAK,MAJxB;AAKNK,QAAAA,OAAO,EAAE,MAAMxB,iBAAiB,CAAEmB,WAAF;AAL1B,OAAP;AAOA,KARS,CALV;AAcAM,IAAAA,YAAY,EAAEC,wBAdd;AAeAC,IAAAA,WAAW,EAAE;AAAEC,MAAAA,WAAW,EAAE,cAAI,kBAAJ;AAAf;AAfb,GAbH;AA+BA,SAAO,4BAAC,WAAD,6BAAkBf,WAAlB,EAAqCE,UAArC,EAAP;AACA;;eAEczB,gB","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"]}

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

@@ -32,15 +32,10 @@ function BlockAlignmentMatrixControl(props) {
   const icon = (0, _element.createElement)(_components.__experimentalAlignmentMatrixControl.Icon, {
     value: value
   });
-  const className = 'block-editor-block-alignment-matrix-control';
-  const popoverClassName = `${className}__popover`;
-  const isAlternate = true;
   return (0, _element.createElement)(_components.Dropdown, {
     position: "bottom right",
-    className: className,
     popoverProps: {
-      className: popoverClassName,
-      isAlternate
+      isAlternate: true
     },
     renderToggle: _ref => {
       let {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-alignment-matrix-control/index.js"],"names":["BlockAlignmentMatrixControl","props","label","onChange","noop","value","isDisabled","icon","className","popoverClassName","isAlternate","onToggle","isOpen","openOnArrowDown","event","keyCode","DOWN","preventDefault"],"mappings":";;;;;;;;;AAGA;;AAIA;;AACA;;AACA;;AATA;AACA;AACA;;AAEA;AACA;AACA;AASA,SAASA,2BAAT,CAAsCC,KAAtC,EAA8C;AAC7C,QAAM;AACLC,IAAAA,KAAK,GAAG,cAAI,yBAAJ,CADH;AAELC,IAAAA,QAAQ,GAAGC,YAFN;AAGLC,IAAAA,KAAK,GAAG,QAHH;AAILC,IAAAA;AAJK,MAKFL,KALJ;AAOA,QAAMM,IAAI,GAAG,4BAAC,gDAAD,CAAwB,IAAxB;AAA6B,IAAA,KAAK,EAAGF;AAArC,IAAb;AACA,QAAMG,SAAS,GAAG,6CAAlB;AACA,QAAMC,gBAAgB,GAAI,GAAGD,SAAW,WAAxC;AACA,QAAME,WAAW,GAAG,IAApB;AAEA,SACC,4BAAC,oBAAD;AACC,IAAA,QAAQ,EAAC,cADV;AAEC,IAAA,SAAS,EAAGF,SAFb;AAGC,IAAA,YAAY,EAAG;AAAEA,MAAAA,SAAS,EAAEC,gBAAb;AAA+BC,MAAAA;AAA/B,KAHhB;AAIC,IAAA,YAAY,EAAG,QAA4B;AAAA,UAA1B;AAAEC,QAAAA,QAAF;AAAYC,QAAAA;AAAZ,OAA0B;;AAC1C,YAAMC,eAAe,GAAKC,KAAF,IAAa;AACpC,YAAK,CAAEF,MAAF,IAAYE,KAAK,CAACC,OAAN,KAAkBC,cAAnC,EAA0C;AACzCF,UAAAA,KAAK,CAACG,cAAN;AACAN,UAAAA,QAAQ;AACR;AACD,OALD;;AAOA,aACC,4BAAC,yBAAD;AACC,QAAA,OAAO,EAAGA,QADX;AAEC,yBAAc,MAFf;AAGC,yBAAgBC,MAHjB;AAIC,QAAA,SAAS,EAAGC,eAJb;AAKC,QAAA,KAAK,EAAGX,KALT;AAMC,QAAA,IAAI,EAAGK,IANR;AAOC,QAAA,WAAW,MAPZ;AAQC,QAAA,QAAQ,EAAGD;AARZ,QADD;AAYA,KAxBF;AAyBC,IAAA,aAAa,EAAG,MACf,4BAAC,gDAAD;AACC,MAAA,cAAc,EAAG,KADlB;AAEC,MAAA,QAAQ,EAAGH,QAFZ;AAGC,MAAA,KAAK,EAAGE;AAHT;AA1BF,IADD;AAmCA;;eAEcL,2B","sourcesContent":["/**\n * External dependencies\n */\nimport { noop } from 'lodash';\n/**\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\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\tconst className = 'block-editor-block-alignment-matrix-control';\n\tconst popoverClassName = `${ className }__popover`;\n\tconst isAlternate = true;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tposition=\"bottom right\"\n\t\t\tclassName={ className }\n\t\t\tpopoverProps={ { className: popoverClassName, isAlternate } }\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"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-alignment-matrix-control/index.js"],"names":["BlockAlignmentMatrixControl","props","label","onChange","noop","value","isDisabled","icon","isAlternate","onToggle","isOpen","openOnArrowDown","event","keyCode","DOWN","preventDefault"],"mappings":";;;;;;;;;AAGA;;AAIA;;AACA;;AACA;;AATA;AACA;AACA;;AAEA;AACA;AACA;AASA,SAASA,2BAAT,CAAsCC,KAAtC,EAA8C;AAC7C,QAAM;AACLC,IAAAA,KAAK,GAAG,cAAI,yBAAJ,CADH;AAELC,IAAAA,QAAQ,GAAGC,YAFN;AAGLC,IAAAA,KAAK,GAAG,QAHH;AAILC,IAAAA;AAJK,MAKFL,KALJ;AAOA,QAAMM,IAAI,GAAG,4BAAC,gDAAD,CAAwB,IAAxB;AAA6B,IAAA,KAAK,EAAGF;AAArC,IAAb;AAEA,SACC,4BAAC,oBAAD;AACC,IAAA,QAAQ,EAAC,cADV;AAEC,IAAA,YAAY,EAAG;AAAEG,MAAAA,WAAW,EAAE;AAAf,KAFhB;AAGC,IAAA,YAAY,EAAG,QAA4B;AAAA,UAA1B;AAAEC,QAAAA,QAAF;AAAYC,QAAAA;AAAZ,OAA0B;;AAC1C,YAAMC,eAAe,GAAKC,KAAF,IAAa;AACpC,YAAK,CAAEF,MAAF,IAAYE,KAAK,CAACC,OAAN,KAAkBC,cAAnC,EAA0C;AACzCF,UAAAA,KAAK,CAACG,cAAN;AACAN,UAAAA,QAAQ;AACR;AACD,OALD;;AAOA,aACC,4BAAC,yBAAD;AACC,QAAA,OAAO,EAAGA,QADX;AAEC,yBAAc,MAFf;AAGC,yBAAgBC,MAHjB;AAIC,QAAA,SAAS,EAAGC,eAJb;AAKC,QAAA,KAAK,EAAGT,KALT;AAMC,QAAA,IAAI,EAAGK,IANR;AAOC,QAAA,WAAW,MAPZ;AAQC,QAAA,QAAQ,EAAGD;AARZ,QADD;AAYA,KAvBF;AAwBC,IAAA,aAAa,EAAG,MACf,4BAAC,gDAAD;AACC,MAAA,cAAc,EAAG,KADlB;AAEC,MAAA,QAAQ,EAAGH,QAFZ;AAGC,MAAA,KAAK,EAAGE;AAHT;AAzBF,IADD;AAkCA;;eAEcL,2B","sourcesContent":["/**\n * External dependencies\n */\nimport { noop } from 'lodash';\n/**\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\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\tposition=\"bottom right\"\n\t\t\tpopoverProps={ { isAlternate: true } }\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"]}

package/build/components/block-content-overlay/index.js

@@ -1,22 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = BlockContentOverlay;
-
-var _element = require("@wordpress/element");
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+exports.default = useBlockOverlayActive;
 
 var _data = require("@wordpress/data");
 
 var _store = require("../../store");
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 /**
  * WordPress dependencies
  */
@@ -24,75 +16,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
 /**
  * Internal dependencies
  */
-
-/**
- * External dependencies
- */
-function BlockContentOverlay(_ref) {
-  let {
-    clientId,
-    tagName: TagName = 'div',
-    wrapperProps,
-    className
-  } = _ref;
-  const baseClassName = 'block-editor-block-content-overlay';
-  const [isOverlayActive, setIsOverlayActive] = (0, _element.useState)(true);
-  const [isHovered, setIsHovered] = (0, _element.useState)(false);
-  const {
-    isParentSelected,
-    hasChildSelected,
-    isDraggingBlocks,
-    isParentHighlighted
-  } = (0, _data.useSelect)(select => {
+function useBlockOverlayActive(clientId) {
+  return (0, _data.useSelect)(select => {
     const {
       isBlockSelected,
       hasSelectedInnerBlock,
-      isDraggingBlocks: _isDraggingBlocks,
-      isBlockHighlighted
+      canEditBlock
     } = select(_store.store);
-    return {
-      isParentSelected: isBlockSelected(clientId),
-      hasChildSelected: hasSelectedInnerBlock(clientId, true),
-      isDraggingBlocks: _isDraggingBlocks(),
-      isParentHighlighted: isBlockHighlighted(clientId)
-    };
+    return !canEditBlock(clientId) || !isBlockSelected(clientId) && !hasSelectedInnerBlock(clientId, true);
   }, [clientId]);
-  const classes = (0, _classnames.default)(baseClassName, wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.className, className, {
-    'overlay-active': isOverlayActive,
-    'parent-highlighted': isParentHighlighted,
-    'is-dragging-blocks': isDraggingBlocks
-  });
-  (0, _element.useEffect)(() => {
-    // Reenable when blocks are not in use.
-    if (!isParentSelected && !hasChildSelected && !isOverlayActive) {
-      setIsOverlayActive(true);
-    } // Disable if parent selected by another means (such as list view).
-    // We check hover to ensure the overlay click interaction is not taking place.
-    // Trying to click the overlay will select the parent block via its 'focusin'
-    // listener on the wrapper, so if the block is selected while hovered we will
-    // let the mouseup disable the overlay instead.
-
-
-    if (isParentSelected && !isHovered && isOverlayActive) {
-      setIsOverlayActive(false);
-    } // Ensure overlay is disabled if a child block is selected.
-
-
-    if (hasChildSelected && isOverlayActive) {
-      setIsOverlayActive(false);
-    }
-  }, [isParentSelected, hasChildSelected, isOverlayActive, isHovered]); // Disabled because the overlay div doesn't actually have a role or functionality
-  // as far as the a11y is concerned. We're just catching the first click so that
-  // the block can be selected without interacting with its contents.
-
-  /* eslint-disable jsx-a11y/no-static-element-interactions */
-
-  return (0, _element.createElement)(TagName, (0, _extends2.default)({}, wrapperProps, {
-    className: classes,
-    onMouseEnter: () => setIsHovered(true),
-    onMouseLeave: () => setIsHovered(false),
-    onMouseUp: isOverlayActive ? () => setIsOverlayActive(false) : undefined
-  }), wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.children);
 }
-/* eslint-enable jsx-a11y/no-static-element-interactions */
 //# sourceMappingURL=index.js.map

package/build/components/block-content-overlay/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-content-overlay/index.js"],"names":["BlockContentOverlay","clientId","tagName","TagName","wrapperProps","className","baseClassName","isOverlayActive","setIsOverlayActive","isHovered","setIsHovered","isParentSelected","hasChildSelected","isDraggingBlocks","isParentHighlighted","select","isBlockSelected","hasSelectedInnerBlock","_isDraggingBlocks","isBlockHighlighted","blockEditorStore","classes","undefined","children"],"mappings":";;;;;;;;;AAIA;;;;AADA;;AAMA;;AAKA;;AAdA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AAGe,SAASA,mBAAT,OAKX;AAAA,MALyC;AAC5CC,IAAAA,QAD4C;AAE5CC,IAAAA,OAAO,EAAEC,OAAO,GAAG,KAFyB;AAG5CC,IAAAA,YAH4C;AAI5CC,IAAAA;AAJ4C,GAKzC;AACH,QAAMC,aAAa,GAAG,oCAAtB;AACA,QAAM,CAAEC,eAAF,EAAmBC,kBAAnB,IAA0C,uBAAU,IAAV,CAAhD;AACA,QAAM,CAAEC,SAAF,EAAaC,YAAb,IAA8B,uBAAU,KAAV,CAApC;AAEA,QAAM;AACLC,IAAAA,gBADK;AAELC,IAAAA,gBAFK;AAGLC,IAAAA,gBAHK;AAILC,IAAAA;AAJK,MAKF,qBACDC,MAAF,IAAc;AACb,UAAM;AACLC,MAAAA,eADK;AAELC,MAAAA,qBAFK;AAGLJ,MAAAA,gBAAgB,EAAEK,iBAHb;AAILC,MAAAA;AAJK,QAKFJ,MAAM,CAAEK,YAAF,CALV;AAMA,WAAO;AACNT,MAAAA,gBAAgB,EAAEK,eAAe,CAAEf,QAAF,CAD3B;AAENW,MAAAA,gBAAgB,EAAEK,qBAAqB,CAAEhB,QAAF,EAAY,IAAZ,CAFjC;AAGNY,MAAAA,gBAAgB,EAAEK,iBAAiB,EAH7B;AAINJ,MAAAA,mBAAmB,EAAEK,kBAAkB,CAAElB,QAAF;AAJjC,KAAP;AAMA,GAdE,EAeH,CAAEA,QAAF,CAfG,CALJ;AAuBA,QAAMoB,OAAO,GAAG,yBACff,aADe,EAEfF,YAFe,aAEfA,YAFe,uBAEfA,YAAY,CAAEC,SAFC,EAGfA,SAHe,EAIf;AACC,sBAAkBE,eADnB;AAEC,0BAAsBO,mBAFvB;AAGC,0BAAsBD;AAHvB,GAJe,CAAhB;AAWA,0BAAW,MAAM;AAChB;AACA,QAAK,CAAEF,gBAAF,IAAsB,CAAEC,gBAAxB,IAA4C,CAAEL,eAAnD,EAAqE;AACpEC,MAAAA,kBAAkB,CAAE,IAAF,CAAlB;AACA,KAJe,CAKhB;AACA;AACA;AACA;AACA;;;AACA,QAAKG,gBAAgB,IAAI,CAAEF,SAAtB,IAAmCF,eAAxC,EAA0D;AACzDC,MAAAA,kBAAkB,CAAE,KAAF,CAAlB;AACA,KAZe,CAahB;;;AACA,QAAKI,gBAAgB,IAAIL,eAAzB,EAA2C;AAC1CC,MAAAA,kBAAkB,CAAE,KAAF,CAAlB;AACA;AACD,GAjBD,EAiBG,CAAEG,gBAAF,EAAoBC,gBAApB,EAAsCL,eAAtC,EAAuDE,SAAvD,CAjBH,EAvCG,CA0DH;AACA;AACA;;AACA;;AACA,SACC,4BAAC,OAAD,6BACML,YADN;AAEC,IAAA,SAAS,EAAGiB,OAFb;AAGC,IAAA,YAAY,EAAG,MAAMX,YAAY,CAAE,IAAF,CAHlC;AAIC,IAAA,YAAY,EAAG,MAAMA,YAAY,CAAE,KAAF,CAJlC;AAKC,IAAA,SAAS,EACRH,eAAe,GAAG,MAAMC,kBAAkB,CAAE,KAAF,CAA3B,GAAuCc;AANxD,MASGlB,YATH,aASGA,YATH,uBASGA,YAAY,CAAEmB,QATjB,CADD;AAaA;AACD","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useState, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\nexport default function BlockContentOverlay( {\n\tclientId,\n\ttagName: TagName = 'div',\n\twrapperProps,\n\tclassName,\n} ) {\n\tconst baseClassName = 'block-editor-block-content-overlay';\n\tconst [ isOverlayActive, setIsOverlayActive ] = useState( true );\n\tconst [ isHovered, setIsHovered ] = useState( false );\n\n\tconst {\n\t\tisParentSelected,\n\t\thasChildSelected,\n\t\tisDraggingBlocks,\n\t\tisParentHighlighted,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tisBlockSelected,\n\t\t\t\thasSelectedInnerBlock,\n\t\t\t\tisDraggingBlocks: _isDraggingBlocks,\n\t\t\t\tisBlockHighlighted,\n\t\t\t} = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\tisParentSelected: isBlockSelected( clientId ),\n\t\t\t\thasChildSelected: hasSelectedInnerBlock( clientId, true ),\n\t\t\t\tisDraggingBlocks: _isDraggingBlocks(),\n\t\t\t\tisParentHighlighted: isBlockHighlighted( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst classes = classnames(\n\t\tbaseClassName,\n\t\twrapperProps?.className,\n\t\tclassName,\n\t\t{\n\t\t\t'overlay-active': isOverlayActive,\n\t\t\t'parent-highlighted': isParentHighlighted,\n\t\t\t'is-dragging-blocks': isDraggingBlocks,\n\t\t}\n\t);\n\n\tuseEffect( () => {\n\t\t// Reenable when blocks are not in use.\n\t\tif ( ! isParentSelected && ! hasChildSelected && ! isOverlayActive ) {\n\t\t\tsetIsOverlayActive( true );\n\t\t}\n\t\t// Disable if parent selected by another means (such as list view).\n\t\t// We check hover to ensure the overlay click interaction is not taking place.\n\t\t// Trying to click the overlay will select the parent block via its 'focusin'\n\t\t// listener on the wrapper, so if the block is selected while hovered we will\n\t\t// let the mouseup disable the overlay instead.\n\t\tif ( isParentSelected && ! isHovered && isOverlayActive ) {\n\t\t\tsetIsOverlayActive( false );\n\t\t}\n\t\t// Ensure overlay is disabled if a child block is selected.\n\t\tif ( hasChildSelected && isOverlayActive ) {\n\t\t\tsetIsOverlayActive( false );\n\t\t}\n\t}, [ isParentSelected, hasChildSelected, isOverlayActive, isHovered ] );\n\n\t// Disabled because the overlay div doesn't actually have a role or functionality\n\t// as far as the a11y is concerned. We're just catching the first click so that\n\t// the block can be selected without interacting with its contents.\n\t/* eslint-disable jsx-a11y/no-static-element-interactions */\n\treturn (\n\t\t<TagName\n\t\t\t{ ...wrapperProps }\n\t\t\tclassName={ classes }\n\t\t\tonMouseEnter={ () => setIsHovered( true ) }\n\t\t\tonMouseLeave={ () => setIsHovered( false ) }\n\t\t\tonMouseUp={\n\t\t\t\tisOverlayActive ? () => setIsOverlayActive( false ) : undefined\n\t\t\t}\n\t\t>\n\t\t\t{ wrapperProps?.children }\n\t\t</TagName>\n\t);\n}\n/* eslint-enable jsx-a11y/no-static-element-interactions */\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-content-overlay/index.js"],"names":["useBlockOverlayActive","clientId","select","isBlockSelected","hasSelectedInnerBlock","canEditBlock","blockEditorStore"],"mappings":";;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGe,SAASA,qBAAT,CAAgCC,QAAhC,EAA2C;AACzD,SAAO,qBACJC,MAAF,IAAc;AACb,UAAM;AACLC,MAAAA,eADK;AAELC,MAAAA,qBAFK;AAGLC,MAAAA;AAHK,QAIFH,MAAM,CAAEI,YAAF,CAJV;AAMA,WACC,CAAED,YAAY,CAAEJ,QAAF,CAAd,IACE,CAAEE,eAAe,CAAEF,QAAF,CAAjB,IACD,CAAEG,qBAAqB,CAAEH,QAAF,EAAY,IAAZ,CAHzB;AAKA,GAbK,EAcN,CAAEA,QAAF,CAdM,CAAP;AAgBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nexport default function useBlockOverlayActive( clientId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tisBlockSelected,\n\t\t\t\thasSelectedInnerBlock,\n\t\t\t\tcanEditBlock,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\treturn (\n\t\t\t\t! canEditBlock( clientId ) ||\n\t\t\t\t( ! isBlockSelected( clientId ) &&\n\t\t\t\t\t! hasSelectedInnerBlock( clientId, true ) )\n\t\t\t);\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n"]}

package/build/components/block-draggable/draggable-chip.native.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockDraggableChip;
+
+var _element = require("@wordpress/element");
+
+var _reactNative = require("react-native");
+
+var _icons = require("@wordpress/icons");
+
+var _compose = require("@wordpress/compose");
+
+var _blockIcon = _interopRequireDefault(require("../block-icon"));
+
+var _style = _interopRequireDefault(require("./style.scss"));
+
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+const shadowStyle = {
+  shadowColor: '#000',
+  shadowOffset: {
+    width: 0,
+    height: 2
+  },
+  shadowOpacity: 0.25,
+  shadowRadius: 3.84,
+  elevation: 5
+};
+/**
+ * Block draggable chip component
+ *
+ * @param {Object} props        Component props.
+ * @param {Object} [props.icon] Block icon.
+ * @return {JSX.Element} Chip component.
+ */
+
+function BlockDraggableChip(_ref) {
+  let {
+    icon
+  } = _ref;
+  const containerStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default['draggable-chip__container'], _style.default['draggable-chip__container--dark']);
+  return (0, _element.createElement)(_reactNative.View, {
+    style: [containerStyle, shadowStyle]
+  }, (0, _element.createElement)(_blockIcon.default, {
+    icon: _icons.dragHandle
+  }), icon && (0, _element.createElement)(_blockIcon.default, {
+    icon: icon
+  }));
+}
+//# sourceMappingURL=draggable-chip.native.js.map

package/build/components/block-draggable/draggable-chip.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-draggable/draggable-chip.native.js"],"names":["shadowStyle","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","BlockDraggableChip","icon","containerStyle","styles","dragHandle"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AACA;;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAIA,MAAMA,WAAW,GAAG;AACnBC,EAAAA,WAAW,EAAE,MADM;AAEnBC,EAAAA,YAAY,EAAE;AACbC,IAAAA,KAAK,EAAE,CADM;AAEbC,IAAAA,MAAM,EAAE;AAFK,GAFK;AAMnBC,EAAAA,aAAa,EAAE,IANI;AAOnBC,EAAAA,YAAY,EAAE,IAPK;AASnBC,EAAAA,SAAS,EAAE;AATQ,CAApB;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;;AACe,SAASC,kBAAT,OAAwC;AAAA,MAAX;AAAEC,IAAAA;AAAF,GAAW;AACtD,QAAMC,cAAc,GAAG,2CACtBC,eAAQ,2BAAR,CADsB,EAEtBA,eAAQ,iCAAR,CAFsB,CAAvB;AAKA,SACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAG,CAAED,cAAF,EAAkBV,WAAlB;AAAd,KACC,4BAAC,kBAAD;AAAW,IAAA,IAAI,EAAGY;AAAlB,IADD,EAEGH,IAAI,IAAI,4BAAC,kBAAD;AAAW,IAAA,IAAI,EAAGA;AAAlB,IAFX,CADD;AAMA","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { dragHandle } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport styles from './style.scss';\n\nconst shadowStyle = {\n\tshadowColor: '#000',\n\tshadowOffset: {\n\t\twidth: 0,\n\t\theight: 2,\n\t},\n\tshadowOpacity: 0.25,\n\tshadowRadius: 3.84,\n\n\televation: 5,\n};\n\n/**\n * Block draggable chip component\n *\n * @param {Object} props        Component props.\n * @param {Object} [props.icon] Block icon.\n * @return {JSX.Element} Chip component.\n */\nexport default function BlockDraggableChip( { icon } ) {\n\tconst containerStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'draggable-chip__container' ],\n\t\tstyles[ 'draggable-chip__container--dark' ]\n\t);\n\n\treturn (\n\t\t<View style={ [ containerStyle, shadowStyle ] }>\n\t\t\t<BlockIcon icon={ dragHandle } />\n\t\t\t{ icon && <BlockIcon icon={ icon } /> }\n\t\t</View>\n\t);\n}\n"]}