@wordpress/block-library 6.0.1 → 6.0.5

package/src/template-part/variations.js

@@ -7,7 +7,7 @@ import {
 	header as headerIcon,
 	footer as footerIcon,
 	sidebar as sidebarIcon,
-	layout as layoutIcon,
+	symbolFilled as symbolFilledIcon,
 } from '@wordpress/icons';
 
 /**
@@ -23,7 +23,7 @@ function getTemplatePartIcon( iconName ) {
 	} else if ( 'sidebar' === iconName ) {
 		return sidebarIcon;
 	}
-	return layoutIcon;
+	return symbolFilledIcon;
 }
 
 export function enhanceTemplatePartVariations( settings, name ) {

package/src/term-description/block.json

@@ -18,7 +18,10 @@
 		},
 		"typography": {
 			"fontSize": true,
-			"lineHeight": true
+			"lineHeight": true,
+			"__experimentalDefaultControls": {
+				"fontSize": true
+			}
 		}
 	},
 	"editorStyle": "wp-block-term-description-editor"

package/src/term-description/edit.js

@@ -37,7 +37,7 @@ export default function TermDescriptionEdit( {
 			</BlockControls>
 			<div { ...blockProps }>
 				<div className="wp-block-term-description__placeholder">
-					<span>{ __( 'Term description.' ) }</span>
+					<span>{ __( 'Term Description' ) }</span>
 				</div>
 			</div>
 		</>

package/src/utils/clean-empty-object.js

@@ -0,0 +1,23 @@
+/**
+ * External dependencies
+ */
+import { isEmpty, isObject, identity, mapValues, pickBy } from 'lodash';
+
+/**
+ * Removed empty nodes from nested objects.
+ *
+ * @param {Object} object
+ * @return {Object} Object cleaned from empty nodes.
+ */
+const cleanEmptyObject = ( object ) => {
+	if ( ! isObject( object ) || Array.isArray( object ) ) {
+		return object;
+	}
+	const cleanedNestedObjects = pickBy(
+		mapValues( object, cleanEmptyObject ),
+		identity
+	);
+	return isEmpty( cleanedNestedObjects ) ? undefined : cleanedNestedObjects;
+};
+
+export default cleanEmptyObject;

package/src/utils/migrate-font-family.js

@@ -0,0 +1,37 @@
+/**
+ * External dependencies
+ */
+import { cloneDeep } from 'lodash';
+
+/**
+ * Internal dependencies
+ */
+import cleanEmptyObject from './clean-empty-object';
+
+/**
+ * Migrates the current style.typography.fontFamily attribute,
+ * whose value was "var:preset|font-family|helvetica-arial",
+ * to the style.fontFamily attribute, whose value will be "helvetica-arial".
+ *
+ * @param {Object} attributes The current attributes
+ * @return {Object} The updated attributes.
+ */
+export default function ( attributes ) {
+	if ( ! attributes?.style?.typography?.fontFamily ) {
+		return attributes;
+	}
+
+	// Clone first so when we delete the fontFamily
+	// below we're not modifying the original
+	// attributes. Because the deprecation may be discarded
+	// we don't want to alter the original attributes.
+	const atts = cloneDeep( attributes );
+	const fontFamily = atts.style.typography.fontFamily.split( '|' ).pop();
+	delete atts.style.typography.fontFamily;
+	atts.style = cleanEmptyObject( atts.style );
+
+	return {
+		...atts,
+		fontFamily,
+	};
+}

package/src/verse/block.json

@@ -27,7 +27,16 @@
 		},
 		"typography": {
 			"fontSize": true,
-			"__experimentalFontFamily": true
+			"__experimentalFontFamily": true,
+			"lineHeight": true,
+			"__experimentalFontStyle": true,
+			"__experimentalFontWeight": true,
+			"__experimentalLetterSpacing": true,
+			"__experimentalTextTransform": true,
+			"__experimentalDefaultControls": {
+				"fontSize": true,
+				"fontAppearance": true
+			}
 		},
 		"spacing": {
 			"padding": true

package/src/verse/deprecated.js

@@ -1,35 +1,96 @@
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
+
 /**
  * WordPress dependencies
  */
-import { RichText } from '@wordpress/block-editor';
-
-const blockAttributes = {
-	content: {
-		type: 'string',
-		source: 'html',
-		selector: 'pre',
-		default: '',
+import { RichText, useBlockProps } from '@wordpress/block-editor';
+
+/**
+ * Internal dependencies
+ */
+import migrateFontFamily from '../utils/migrate-font-family';
+
+const v1 = {
+	attributes: {
+		content: {
+			type: 'string',
+			source: 'html',
+			selector: 'pre',
+			default: '',
+		},
+		textAlign: {
+			type: 'string',
+		},
 	},
-	textAlign: {
-		type: 'string',
+	save( { attributes } ) {
+		const { textAlign, content } = attributes;
+
+		return (
+			<RichText.Content
+				tagName="pre"
+				style={ { textAlign } }
+				value={ content }
+			/>
+		);
 	},
 };
 
-const deprecated = [
-	{
-		attributes: blockAttributes,
-		save( { attributes } ) {
-			const { textAlign, content } = attributes;
-
-			return (
-				<RichText.Content
-					tagName="pre"
-					style={ { textAlign } }
-					value={ content }
-				/>
-			);
+const v2 = {
+	attributes: {
+		content: {
+			type: 'string',
+			source: 'html',
+			selector: 'pre',
+			default: '',
+			__unstablePreserveWhiteSpace: true,
+			__experimentalRole: 'content',
+		},
+		textAlign: {
+			type: 'string',
 		},
 	},
-];
+	supports: {
+		anchor: true,
+		color: {
+			gradients: true,
+			link: true,
+		},
+		typography: {
+			fontSize: true,
+			__experimentalFontFamily: true,
+		},
+		spacing: {
+			padding: true,
+		},
+	},
+	save( { attributes } ) {
+		const { textAlign, content } = attributes;
+
+		const className = classnames( {
+			[ `has-text-align-${ textAlign }` ]: textAlign,
+		} );
 
-export default deprecated;
+		return (
+			<pre { ...useBlockProps.save( { className } ) }>
+				<RichText.Content value={ content } />
+			</pre>
+		);
+	},
+	migrate: migrateFontFamily,
+	isEligible( { style } ) {
+		return style?.typography?.fontFamily;
+	},
+};
+
+/**
+ * New deprecations need to be placed first
+ * for them to have higher priority.
+ *
+ * Old deprecations may need to be updated as well.
+ *
+ * See block-deprecation.md
+ */
+export default [ v2, v1 ];

package/build/buttons/variations.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _i18n = require("@wordpress/i18n");
-
-/**
- * WordPress dependencies
- */
-const variations = [{
-  name: 'buttons-horizontal',
-  isDefault: true,
-  title: (0, _i18n.__)('Horizontal'),
-  description: (0, _i18n.__)('Buttons shown in a row.'),
-  attributes: {
-    orientation: 'horizontal'
-  },
-  scope: ['transform']
-}, {
-  name: 'buttons-vertical',
-  title: (0, _i18n.__)('Vertical'),
-  description: (0, _i18n.__)('Buttons shown in a column.'),
-  attributes: {
-    orientation: 'vertical'
-  },
-  scope: ['transform']
-}];
-var _default = variations;
-exports.default = _default;
-//# sourceMappingURL=variations.js.map

package/build/buttons/variations.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/buttons/variations.js"],"names":["variations","name","isDefault","title","description","attributes","orientation","scope"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,MAAMA,UAAU,GAAG,CAClB;AACCC,EAAAA,IAAI,EAAE,oBADP;AAECC,EAAAA,SAAS,EAAE,IAFZ;AAGCC,EAAAA,KAAK,EAAE,cAAI,YAAJ,CAHR;AAICC,EAAAA,WAAW,EAAE,cAAI,yBAAJ,CAJd;AAKCC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,WAAW,EAAE;AAAf,GALb;AAMCC,EAAAA,KAAK,EAAE,CAAE,WAAF;AANR,CADkB,EASlB;AACCN,EAAAA,IAAI,EAAE,kBADP;AAECE,EAAAA,KAAK,EAAE,cAAI,UAAJ,CAFR;AAGCC,EAAAA,WAAW,EAAE,cAAI,4BAAJ,CAHd;AAICC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,WAAW,EAAE;AAAf,GAJb;AAKCC,EAAAA,KAAK,EAAE,CAAE,WAAF;AALR,CATkB,CAAnB;eAkBeP,U","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nconst variations = [\n\t{\n\t\tname: 'buttons-horizontal',\n\t\tisDefault: true,\n\t\ttitle: __( 'Horizontal' ),\n\t\tdescription: __( 'Buttons shown in a row.' ),\n\t\tattributes: { orientation: 'horizontal' },\n\t\tscope: [ 'transform' ],\n\t},\n\t{\n\t\tname: 'buttons-vertical',\n\t\ttitle: __( 'Vertical' ),\n\t\tdescription: __( 'Buttons shown in a column.' ),\n\t\tattributes: { orientation: 'vertical' },\n\t\tscope: [ 'transform' ],\n\t},\n];\n\nexport default variations;\n"]}

package/build/navigation/block-navigation-list.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/block-navigation-list.js"],"names":["BlockNavigationList","clientId","__experimentalFeatures","blocks","select","blockEditorStore","__unstableGetClientIdsTree","listViewRef","minHeight","setMinHeight","current","clientHeight"],"mappings":";;;;;;;AAQA;;AALA;;AAIA;;AAPA;AACA;AACA;AAQe,SAASA,mBAAT,CAA8B;AAC5CC,EAAAA,QAD4C;AAE5CC,EAAAA;AAF4C,CAA9B,EAGX;AACH,QAAMC,MAAM,GAAG,qBACZC,MAAF,IACCA,MAAM,CAAEC,kBAAF,CAAN,CAA2BC,0BAA3B,CAAuDL,QAAvD,CAFa,EAGd,CAAEA,QAAF,CAHc,CAAf;AAMA,QAAMM,WAAW,GAAG,sBAApB;AACA,QAAM,CAAEC,SAAF,EAAaC,YAAb,IAA8B,uBAAU,GAAV,CAApC;AACA,0BAAW,MAAM;AAAA;;AAChBA,IAAAA,YAAY,0BAAEF,WAAF,aAAEA,WAAF,+CAAEA,WAAW,CAAEG,OAAf,yDAAE,qBAAsBC,YAAxB,yEAAwC,GAAxC,CAAZ;AACA,GAFD,EAEG,EAFH;AAIA,SACC;AAAK,IAAA,KAAK,EAAG;AAAEH,MAAAA;AAAF;AAAb,KACC,4BAAC,mCAAD;AACC,IAAA,GAAG,EAAGD,WADP;AAEC,IAAA,MAAM,EAAGJ,MAFV;AAGC,IAAA,eAAe,MAHhB;AAIC,IAAA,gBAAgB,MAJjB;AAKC,IAAA,sBAAsB,EAAGD;AAL1B,IADD,CADD;AAWA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalListView as ListView,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useRef, useEffect, useState } from '@wordpress/element';\n\nexport default function BlockNavigationList( {\n\tclientId,\n\t__experimentalFeatures,\n} ) {\n\tconst blocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).__unstableGetClientIdsTree( clientId ),\n\t\t[ clientId ]\n\t);\n\n\tconst listViewRef = useRef();\n\tconst [ minHeight, setMinHeight ] = useState( 300 );\n\tuseEffect( () => {\n\t\tsetMinHeight( listViewRef?.current?.clientHeight ?? 300 );\n\t}, [] );\n\n\treturn (\n\t\t<div style={ { minHeight } }>\n\t\t\t<ListView\n\t\t\t\tref={ listViewRef }\n\t\t\t\tblocks={ blocks }\n\t\t\t\tshowBlockMovers\n\t\t\t\tshowNestedBlocks\n\t\t\t\t__experimentalFeatures={ __experimentalFeatures }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"]}

package/build/navigation/edit.js

@@ -1,304 +0,0 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-
-var _blockEditor = require("@wordpress/block-editor");
-
-var _data = require("@wordpress/data");
-
-var _components = require("@wordpress/components");
-
-var _compose = require("@wordpress/compose");
-
-var _i18n = require("@wordpress/i18n");
-
-var _useBlockNavigator = _interopRequireDefault(require("./use-block-navigator"));
-
-var _placeholder = _interopRequireDefault(require("./placeholder"));
-
-var _placeholderPreview = _interopRequireDefault(require("./placeholder-preview"));
-
-var _responsiveWrapper = _interopRequireDefault(require("./responsive-wrapper"));
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-const ALLOWED_BLOCKS = ['core/navigation-link', 'core/search', 'core/social-links', 'core/page-list', 'core/spacer', 'core/home-link', 'core/site-title', 'core/site-logo', 'core/navigation-submenu'];
-const DEFAULT_BLOCK = ['core/navigation-link'];
-
-const DIRECT_INSERT = block => {
-  return block.innerBlocks.every(({
-    name
-  }) => name === 'core/navigation-link' || name === 'core/navigation-submenu');
-};
-
-const LAYOUT = {
-  type: 'default',
-  alignments: []
-};
-
-function getComputedStyle(node) {
-  return node.ownerDocument.defaultView.getComputedStyle(node);
-}
-
-function detectColors(colorsDetectionElement, setColor, setBackground) {
-  if (!colorsDetectionElement) {
-    return;
-  }
-
-  setColor(getComputedStyle(colorsDetectionElement).color);
-  let backgroundColorNode = colorsDetectionElement;
-  let backgroundColor = getComputedStyle(backgroundColorNode).backgroundColor;
-
-  while (backgroundColor === 'rgba(0, 0, 0, 0)' && backgroundColorNode.parentNode && backgroundColorNode.parentNode.nodeType === backgroundColorNode.parentNode.ELEMENT_NODE) {
-    backgroundColorNode = backgroundColorNode.parentNode;
-    backgroundColor = getComputedStyle(backgroundColorNode).backgroundColor;
-  }
-
-  setBackground(backgroundColor);
-}
-
-function Navigation({
-  selectedBlockHasDescendants,
-  attributes,
-  setAttributes,
-  clientId,
-  hasExistingNavItems,
-  isImmediateParentOfSelectedBlock,
-  isSelected,
-  updateInnerBlocks,
-  className,
-  backgroundColor,
-  setBackgroundColor,
-  textColor,
-  setTextColor,
-  overlayBackgroundColor,
-  setOverlayBackgroundColor,
-  overlayTextColor,
-  setOverlayTextColor,
-  // These props are used by the navigation editor to override specific
-  // navigation block settings.
-  hasSubmenuIndicatorSetting = true,
-  hasItemJustificationControls = true,
-  hasColorSettings = true,
-  customPlaceholder: CustomPlaceholder = null,
-  customAppender: CustomAppender = null
-}) {
-  const [isPlaceholderShown, setIsPlaceholderShown] = (0, _element.useState)(!hasExistingNavItems);
-  const [isResponsiveMenuOpen, setResponsiveMenuVisibility] = (0, _element.useState)(false);
-  const {
-    selectBlock
-  } = (0, _data.useDispatch)(_blockEditor.store);
-  const navRef = (0, _element.useRef)();
-  const blockProps = (0, _blockEditor.useBlockProps)({
-    ref: navRef,
-    className: (0, _classnames.default)(className, {
-      [`items-justified-${attributes.itemsJustification}`]: attributes.itemsJustification,
-      'is-vertical': attributes.orientation === 'vertical',
-      'is-responsive': attributes.isResponsive,
-      'has-text-color': !!textColor.color || !!(textColor !== null && textColor !== void 0 && textColor.class),
-      [(0, _blockEditor.getColorClassName)('color', textColor === null || textColor === void 0 ? void 0 : textColor.slug)]: !!(textColor !== null && textColor !== void 0 && textColor.slug),
-      'has-background': !!backgroundColor.color || backgroundColor.class,
-      [(0, _blockEditor.getColorClassName)('background-color', backgroundColor === null || backgroundColor === void 0 ? void 0 : backgroundColor.slug)]: !!(backgroundColor !== null && backgroundColor !== void 0 && backgroundColor.slug)
-    }),
-    style: {
-      color: !(textColor !== null && textColor !== void 0 && textColor.slug) && (textColor === null || textColor === void 0 ? void 0 : textColor.color),
-      backgroundColor: !(backgroundColor !== null && backgroundColor !== void 0 && backgroundColor.slug) && (backgroundColor === null || backgroundColor === void 0 ? void 0 : backgroundColor.color)
-    }
-  });
-  const {
-    navigatorToolbarButton,
-    navigatorModal
-  } = (0, _useBlockNavigator.default)(clientId);
-  const placeholder = (0, _element.useMemo)(() => (0, _element.createElement)(_placeholderPreview.default, null), []); // When the block is selected itself or has a top level item selected that
-  // doesn't itself have children, show the standard appender. Else show no
-  // appender.
-
-  const appender = isSelected || isImmediateParentOfSelectedBlock && !selectedBlockHasDescendants ? undefined : false;
-  const innerBlocksProps = (0, _blockEditor.__experimentalUseInnerBlocksProps)({
-    className: 'wp-block-navigation__container'
-  }, {
-    allowedBlocks: ALLOWED_BLOCKS,
-    __experimentalDefaultBlock: DEFAULT_BLOCK,
-    __experimentalDirectInsert: DIRECT_INSERT,
-    orientation: attributes.orientation,
-    renderAppender: CustomAppender || appender,
-    // Ensure block toolbar is not too far removed from item
-    // being edited when in vertical mode.
-    // see: https://github.com/WordPress/gutenberg/pull/34615.
-    __experimentalCaptureToolbars: attributes.orientation !== 'vertical',
-    // Template lock set to false here so that the Nav
-    // Block on the experimental menus screen does not
-    // inherit templateLock={ 'all' }.
-    templateLock: false,
-    __experimentalLayout: LAYOUT,
-    placeholder: !CustomPlaceholder ? placeholder : undefined
-  }); // Turn on contrast checker for web only since it's not supported on mobile yet.
-
-  const enableContrastChecking = _element.Platform.OS === 'web';
-  const [detectedBackgroundColor, setDetectedBackgroundColor] = (0, _element.useState)();
-  const [detectedColor, setDetectedColor] = (0, _element.useState)();
-  const [detectedOverlayBackgroundColor, setDetectedOverlayBackgroundColor] = (0, _element.useState)();
-  const [detectedOverlayColor, setDetectedOverlayColor] = (0, _element.useState)();
-  (0, _element.useEffect)(() => {
-    if (!enableContrastChecking) {
-      return;
-    }
-
-    detectColors(navRef.current, setDetectedColor, setDetectedBackgroundColor);
-    const subMenuElement = navRef.current.querySelector('[data-type="core/navigation-link"] [data-type="core/navigation-link"]');
-
-    if (subMenuElement) {
-      detectColors(subMenuElement, setDetectedOverlayColor, setDetectedOverlayBackgroundColor);
-    }
-  });
-
-  if (isPlaceholderShown) {
-    const PlaceholderComponent = CustomPlaceholder ? CustomPlaceholder : _placeholder.default;
-    return (0, _element.createElement)("div", blockProps, (0, _element.createElement)(PlaceholderComponent, {
-      onCreate: (blocks, selectNavigationBlock) => {
-        setIsPlaceholderShown(false);
-        updateInnerBlocks(blocks);
-
-        if (selectNavigationBlock) {
-          selectBlock(clientId);
-        }
-      }
-    }));
-  }
-
-  const justifyAllowedControls = attributes.orientation === 'vertical' ? ['left', 'center', 'right'] : ['left', 'center', 'right', 'space-between'];
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.BlockControls, null, hasItemJustificationControls && (0, _element.createElement)(_blockEditor.JustifyToolbar, {
-    value: attributes.itemsJustification,
-    allowedControls: justifyAllowedControls,
-    onChange: value => setAttributes({
-      itemsJustification: value
-    }),
-    popoverProps: {
-      position: 'bottom right',
-      isAlternate: true
-    }
-  }), (0, _element.createElement)(_components.ToolbarGroup, null, navigatorToolbarButton)), navigatorModal, (0, _element.createElement)(_blockEditor.InspectorControls, null, hasSubmenuIndicatorSetting && (0, _element.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Display settings')
-  }, (0, _element.createElement)(_components.ToggleControl, {
-    checked: attributes.isResponsive,
-    onChange: value => {
-      setAttributes({
-        isResponsive: value
-      });
-    },
-    label: (0, _i18n.__)('Enable responsive menu')
-  }), (0, _element.createElement)(_components.ToggleControl, {
-    checked: attributes.openSubmenusOnClick,
-    onChange: value => {
-      setAttributes({
-        openSubmenusOnClick: value
-      });
-    },
-    label: (0, _i18n.__)('Open submenus on click')
-  }), !attributes.openSubmenusOnClick && (0, _element.createElement)(_components.ToggleControl, {
-    checked: attributes.showSubmenuIcon,
-    onChange: value => {
-      setAttributes({
-        showSubmenuIcon: value
-      });
-    },
-    label: (0, _i18n.__)('Show submenu indicator icons')
-  })), hasColorSettings && (0, _element.createElement)(_blockEditor.PanelColorSettings, {
-    title: (0, _i18n.__)('Color'),
-    initialOpen: false,
-    colorSettings: [{
-      value: textColor.color,
-      onChange: setTextColor,
-      label: (0, _i18n.__)('Text')
-    }, {
-      value: backgroundColor.color,
-      onChange: setBackgroundColor,
-      label: (0, _i18n.__)('Background')
-    }, {
-      value: overlayTextColor.color,
-      onChange: setOverlayTextColor,
-      label: (0, _i18n.__)('Overlay text')
-    }, {
-      value: overlayBackgroundColor.color,
-      onChange: setOverlayBackgroundColor,
-      label: (0, _i18n.__)('Overlay background')
-    }]
-  }, enableContrastChecking && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.ContrastChecker, {
-    backgroundColor: detectedBackgroundColor,
-    textColor: detectedColor
-  }), (0, _element.createElement)(_blockEditor.ContrastChecker, {
-    backgroundColor: detectedOverlayBackgroundColor,
-    textColor: detectedOverlayColor
-  })))), (0, _element.createElement)("nav", blockProps, (0, _element.createElement)(_responsiveWrapper.default, {
-    id: clientId,
-    onToggle: setResponsiveMenuVisibility,
-    isOpen: isResponsiveMenuOpen,
-    isResponsive: attributes.isResponsive
-  }, (0, _element.createElement)("div", innerBlocksProps))));
-}
-
-var _default = (0, _compose.compose)([(0, _data.withSelect)((select, {
-  clientId
-}) => {
-  var _getClientIdsOfDescen;
-
-  const innerBlocks = select(_blockEditor.store).getBlocks(clientId);
-  const {
-    getClientIdsOfDescendants,
-    hasSelectedInnerBlock,
-    getSelectedBlockClientId
-  } = select(_blockEditor.store);
-  const isImmediateParentOfSelectedBlock = hasSelectedInnerBlock(clientId, false);
-  const selectedBlockId = getSelectedBlockClientId();
-  const selectedBlockHasDescendants = !!((_getClientIdsOfDescen = getClientIdsOfDescendants([selectedBlockId])) !== null && _getClientIdsOfDescen !== void 0 && _getClientIdsOfDescen.length);
-  return {
-    isImmediateParentOfSelectedBlock,
-    selectedBlockHasDescendants,
-    hasExistingNavItems: !!innerBlocks.length,
-    // This prop is already available but computing it here ensures it's
-    // fresh compared to isImmediateParentOfSelectedBlock
-    isSelected: selectedBlockId === clientId
-  };
-}), (0, _data.withDispatch)((dispatch, {
-  clientId
-}) => {
-  return {
-    updateInnerBlocks(blocks) {
-      if ((blocks === null || blocks === void 0 ? void 0 : blocks.length) === 0) {
-        return false;
-      }
-
-      dispatch(_blockEditor.store).replaceInnerBlocks(clientId, blocks, true);
-    }
-
-  };
-}), (0, _blockEditor.withColors)({
-  textColor: 'color'
-}, {
-  backgroundColor: 'color'
-}, {
-  overlayBackgroundColor: 'color'
-}, {
-  overlayTextColor: 'color'
-})])(Navigation);
-
-exports.default = _default;
-//# sourceMappingURL=edit.js.map

package/build/navigation/edit.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/edit.js"],"names":["ALLOWED_BLOCKS","DEFAULT_BLOCK","DIRECT_INSERT","block","innerBlocks","every","name","LAYOUT","type","alignments","getComputedStyle","node","ownerDocument","defaultView","detectColors","colorsDetectionElement","setColor","setBackground","color","backgroundColorNode","backgroundColor","parentNode","nodeType","ELEMENT_NODE","Navigation","selectedBlockHasDescendants","attributes","setAttributes","clientId","hasExistingNavItems","isImmediateParentOfSelectedBlock","isSelected","updateInnerBlocks","className","setBackgroundColor","textColor","setTextColor","overlayBackgroundColor","setOverlayBackgroundColor","overlayTextColor","setOverlayTextColor","hasSubmenuIndicatorSetting","hasItemJustificationControls","hasColorSettings","customPlaceholder","CustomPlaceholder","customAppender","CustomAppender","isPlaceholderShown","setIsPlaceholderShown","isResponsiveMenuOpen","setResponsiveMenuVisibility","selectBlock","blockEditorStore","navRef","blockProps","ref","itemsJustification","orientation","isResponsive","class","slug","style","navigatorToolbarButton","navigatorModal","placeholder","appender","undefined","innerBlocksProps","allowedBlocks","__experimentalDefaultBlock","__experimentalDirectInsert","renderAppender","__experimentalCaptureToolbars","templateLock","__experimentalLayout","enableContrastChecking","Platform","OS","detectedBackgroundColor","setDetectedBackgroundColor","detectedColor","setDetectedColor","detectedOverlayBackgroundColor","setDetectedOverlayBackgroundColor","detectedOverlayColor","setDetectedOverlayColor","current","subMenuElement","querySelector","PlaceholderComponent","NavigationPlaceholder","blocks","selectNavigationBlock","justifyAllowedControls","value","position","isAlternate","openSubmenusOnClick","showSubmenuIcon","onChange","label","select","getBlocks","getClientIdsOfDescendants","hasSelectedInnerBlock","getSelectedBlockClientId","selectedBlockId","length","dispatch","replaceInnerBlocks"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseState,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tPlatform,\n} from '@wordpress/element';\nimport {\n\t__experimentalUseInnerBlocksProps as useInnerBlocksProps,\n\tInspectorControls,\n\tJustifyToolbar,\n\tBlockControls,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n\twithColors,\n\tPanelColorSettings,\n\tContrastChecker,\n\tgetColorClassName,\n} from '@wordpress/block-editor';\nimport { useDispatch, withSelect, withDispatch } from '@wordpress/data';\nimport { PanelBody, ToggleControl, ToolbarGroup } from '@wordpress/components';\nimport { compose } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useBlockNavigator from './use-block-navigator';\nimport NavigationPlaceholder from './placeholder';\nimport PlaceholderPreview from './placeholder-preview';\nimport ResponsiveWrapper from './responsive-wrapper';\n\nconst ALLOWED_BLOCKS = [\n\t'core/navigation-link',\n\t'core/search',\n\t'core/social-links',\n\t'core/page-list',\n\t'core/spacer',\n\t'core/home-link',\n\t'core/site-title',\n\t'core/site-logo',\n\t'core/navigation-submenu',\n];\n\nconst DEFAULT_BLOCK = [ 'core/navigation-link' ];\n\nconst DIRECT_INSERT = ( block ) => {\n\treturn block.innerBlocks.every(\n\t\t( { name } ) =>\n\t\t\tname === 'core/navigation-link' ||\n\t\t\tname === 'core/navigation-submenu'\n\t);\n};\n\nconst LAYOUT = {\n\ttype: 'default',\n\talignments: [],\n};\n\nfunction getComputedStyle( node ) {\n\treturn node.ownerDocument.defaultView.getComputedStyle( node );\n}\n\nfunction detectColors( colorsDetectionElement, setColor, setBackground ) {\n\tif ( ! colorsDetectionElement ) {\n\t\treturn;\n\t}\n\tsetColor( getComputedStyle( colorsDetectionElement ).color );\n\n\tlet backgroundColorNode = colorsDetectionElement;\n\tlet backgroundColor = getComputedStyle( backgroundColorNode )\n\t\t.backgroundColor;\n\twhile (\n\t\tbackgroundColor === 'rgba(0, 0, 0, 0)' &&\n\t\tbackgroundColorNode.parentNode &&\n\t\tbackgroundColorNode.parentNode.nodeType ===\n\t\t\tbackgroundColorNode.parentNode.ELEMENT_NODE\n\t) {\n\t\tbackgroundColorNode = backgroundColorNode.parentNode;\n\t\tbackgroundColor = getComputedStyle( backgroundColorNode )\n\t\t\t.backgroundColor;\n\t}\n\n\tsetBackground( backgroundColor );\n}\n\nfunction Navigation( {\n\tselectedBlockHasDescendants,\n\tattributes,\n\tsetAttributes,\n\tclientId,\n\thasExistingNavItems,\n\tisImmediateParentOfSelectedBlock,\n\tisSelected,\n\tupdateInnerBlocks,\n\tclassName,\n\tbackgroundColor,\n\tsetBackgroundColor,\n\ttextColor,\n\tsetTextColor,\n\toverlayBackgroundColor,\n\tsetOverlayBackgroundColor,\n\toverlayTextColor,\n\tsetOverlayTextColor,\n\n\t// These props are used by the navigation editor to override specific\n\t// navigation block settings.\n\thasSubmenuIndicatorSetting = true,\n\thasItemJustificationControls = true,\n\thasColorSettings = true,\n\tcustomPlaceholder: CustomPlaceholder = null,\n\tcustomAppender: CustomAppender = null,\n} ) {\n\tconst [ isPlaceholderShown, setIsPlaceholderShown ] = useState(\n\t\t! hasExistingNavItems\n\t);\n\tconst [ isResponsiveMenuOpen, setResponsiveMenuVisibility ] = useState(\n\t\tfalse\n\t);\n\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\tconst navRef = useRef();\n\n\tconst blockProps = useBlockProps( {\n\t\tref: navRef,\n\t\tclassName: classnames( className, {\n\t\t\t[ `items-justified-${ attributes.itemsJustification }` ]: attributes.itemsJustification,\n\t\t\t'is-vertical': attributes.orientation === 'vertical',\n\t\t\t'is-responsive': attributes.isResponsive,\n\t\t\t'has-text-color': !! textColor.color || !! textColor?.class,\n\t\t\t[ getColorClassName(\n\t\t\t\t'color',\n\t\t\t\ttextColor?.slug\n\t\t\t) ]: !! textColor?.slug,\n\t\t\t'has-background': !! backgroundColor.color || backgroundColor.class,\n\t\t\t[ getColorClassName(\n\t\t\t\t'background-color',\n\t\t\t\tbackgroundColor?.slug\n\t\t\t) ]: !! backgroundColor?.slug,\n\t\t} ),\n\t\tstyle: {\n\t\t\tcolor: ! textColor?.slug && textColor?.color,\n\t\t\tbackgroundColor: ! backgroundColor?.slug && backgroundColor?.color,\n\t\t},\n\t} );\n\n\tconst { navigatorToolbarButton, navigatorModal } = useBlockNavigator(\n\t\tclientId\n\t);\n\n\tconst placeholder = useMemo( () => <PlaceholderPreview />, [] );\n\n\t// When the block is selected itself or has a top level item selected that\n\t// doesn't itself have children, show the standard appender. Else show no\n\t// appender.\n\tconst appender =\n\t\tisSelected ||\n\t\t( isImmediateParentOfSelectedBlock && ! selectedBlockHasDescendants )\n\t\t\t? undefined\n\t\t\t: false;\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{\n\t\t\tclassName: 'wp-block-navigation__container',\n\t\t},\n\t\t{\n\t\t\tallowedBlocks: ALLOWED_BLOCKS,\n\t\t\t__experimentalDefaultBlock: DEFAULT_BLOCK,\n\t\t\t__experimentalDirectInsert: DIRECT_INSERT,\n\t\t\torientation: attributes.orientation,\n\t\t\trenderAppender: CustomAppender || appender,\n\n\t\t\t// Ensure block toolbar is not too far removed from item\n\t\t\t// being edited when in vertical mode.\n\t\t\t// see: https://github.com/WordPress/gutenberg/pull/34615.\n\t\t\t__experimentalCaptureToolbars:\n\t\t\t\tattributes.orientation !== 'vertical',\n\t\t\t// Template lock set to false here so that the Nav\n\t\t\t// Block on the experimental menus screen does not\n\t\t\t// inherit templateLock={ 'all' }.\n\t\t\ttemplateLock: false,\n\t\t\t__experimentalLayout: LAYOUT,\n\t\t\tplaceholder: ! CustomPlaceholder ? placeholder : undefined,\n\t\t}\n\t);\n\n\t// Turn on contrast checker for web only since it's not supported on mobile yet.\n\tconst enableContrastChecking = Platform.OS === 'web';\n\n\tconst [ detectedBackgroundColor, setDetectedBackgroundColor ] = useState();\n\tconst [ detectedColor, setDetectedColor ] = useState();\n\tconst [\n\t\tdetectedOverlayBackgroundColor,\n\t\tsetDetectedOverlayBackgroundColor,\n\t] = useState();\n\tconst [ detectedOverlayColor, setDetectedOverlayColor ] = useState();\n\n\tuseEffect( () => {\n\t\tif ( ! enableContrastChecking ) {\n\t\t\treturn;\n\t\t}\n\t\tdetectColors(\n\t\t\tnavRef.current,\n\t\t\tsetDetectedColor,\n\t\t\tsetDetectedBackgroundColor\n\t\t);\n\t\tconst subMenuElement = navRef.current.querySelector(\n\t\t\t'[data-type=\"core/navigation-link\"] [data-type=\"core/navigation-link\"]'\n\t\t);\n\t\tif ( subMenuElement ) {\n\t\t\tdetectColors(\n\t\t\t\tsubMenuElement,\n\t\t\t\tsetDetectedOverlayColor,\n\t\t\t\tsetDetectedOverlayBackgroundColor\n\t\t\t);\n\t\t}\n\t} );\n\n\tif ( isPlaceholderShown ) {\n\t\tconst PlaceholderComponent = CustomPlaceholder\n\t\t\t? CustomPlaceholder\n\t\t\t: NavigationPlaceholder;\n\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<PlaceholderComponent\n\t\t\t\t\tonCreate={ ( blocks, selectNavigationBlock ) => {\n\t\t\t\t\t\tsetIsPlaceholderShown( false );\n\t\t\t\t\t\tupdateInnerBlocks( blocks );\n\t\t\t\t\t\tif ( selectNavigationBlock ) {\n\t\t\t\t\t\t\tselectBlock( clientId );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst justifyAllowedControls =\n\t\tattributes.orientation === 'vertical'\n\t\t\t? [ 'left', 'center', 'right' ]\n\t\t\t: [ 'left', 'center', 'right', 'space-between' ];\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t{ hasItemJustificationControls && (\n\t\t\t\t\t<JustifyToolbar\n\t\t\t\t\t\tvalue={ attributes.itemsJustification }\n\t\t\t\t\t\tallowedControls={ justifyAllowedControls }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { itemsJustification: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tpopoverProps={ {\n\t\t\t\t\t\t\tposition: 'bottom right',\n\t\t\t\t\t\t\tisAlternate: true,\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<ToolbarGroup>{ navigatorToolbarButton }</ToolbarGroup>\n\t\t\t</BlockControls>\n\t\t\t{ navigatorModal }\n\t\t\t<InspectorControls>\n\t\t\t\t{ hasSubmenuIndicatorSetting && (\n\t\t\t\t\t<PanelBody title={ __( 'Display settings' ) }>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tchecked={ attributes.isResponsive }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tisResponsive: value,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tlabel={ __( 'Enable responsive menu' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tchecked={ attributes.openSubmenusOnClick }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\topenSubmenusOnClick: value,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tlabel={ __( 'Open submenus on click' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ ! attributes.openSubmenusOnClick && (\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\tchecked={ attributes.showSubmenuIcon }\n\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tshowSubmenuIcon: value,\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\tlabel={ __( 'Show submenu indicator icons' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</PanelBody>\n\t\t\t\t) }\n\t\t\t\t{ hasColorSettings && (\n\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\ttitle={ __( 'Color' ) }\n\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\tcolorSettings={ [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tvalue: textColor.color,\n\t\t\t\t\t\t\t\tonChange: setTextColor,\n\t\t\t\t\t\t\t\tlabel: __( 'Text' ),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tvalue: backgroundColor.color,\n\t\t\t\t\t\t\t\tonChange: setBackgroundColor,\n\t\t\t\t\t\t\t\tlabel: __( 'Background' ),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tvalue: overlayTextColor.color,\n\t\t\t\t\t\t\t\tonChange: setOverlayTextColor,\n\t\t\t\t\t\t\t\tlabel: __( 'Overlay text' ),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tvalue: overlayBackgroundColor.color,\n\t\t\t\t\t\t\t\tonChange: setOverlayBackgroundColor,\n\t\t\t\t\t\t\t\tlabel: __( 'Overlay background' ),\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\t\t\t{ enableContrastChecking && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t\t\tbackgroundColor={ detectedBackgroundColor }\n\t\t\t\t\t\t\t\t\ttextColor={ detectedColor }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t\t\tbackgroundColor={\n\t\t\t\t\t\t\t\t\t\tdetectedOverlayBackgroundColor\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\ttextColor={ detectedOverlayColor }\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</PanelColorSettings>\n\t\t\t\t) }\n\t\t\t</InspectorControls>\n\t\t\t<nav { ...blockProps }>\n\t\t\t\t<ResponsiveWrapper\n\t\t\t\t\tid={ clientId }\n\t\t\t\t\tonToggle={ setResponsiveMenuVisibility }\n\t\t\t\t\tisOpen={ isResponsiveMenuOpen }\n\t\t\t\t\tisResponsive={ attributes.isResponsive }\n\t\t\t\t>\n\t\t\t\t\t<div { ...innerBlocksProps }></div>\n\t\t\t\t</ResponsiveWrapper>\n\t\t\t</nav>\n\t\t</>\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst innerBlocks = select( blockEditorStore ).getBlocks( clientId );\n\t\tconst {\n\t\t\tgetClientIdsOfDescendants,\n\t\t\thasSelectedInnerBlock,\n\t\t\tgetSelectedBlockClientId,\n\t\t} = select( blockEditorStore );\n\t\tconst isImmediateParentOfSelectedBlock = hasSelectedInnerBlock(\n\t\t\tclientId,\n\t\t\tfalse\n\t\t);\n\t\tconst selectedBlockId = getSelectedBlockClientId();\n\t\tconst selectedBlockHasDescendants = !! getClientIdsOfDescendants( [\n\t\t\tselectedBlockId,\n\t\t] )?.length;\n\n\t\treturn {\n\t\t\tisImmediateParentOfSelectedBlock,\n\t\t\tselectedBlockHasDescendants,\n\t\t\thasExistingNavItems: !! innerBlocks.length,\n\n\t\t\t// This prop is already available but computing it here ensures it's\n\t\t\t// fresh compared to isImmediateParentOfSelectedBlock\n\t\t\tisSelected: selectedBlockId === clientId,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientId } ) => {\n\t\treturn {\n\t\t\tupdateInnerBlocks( blocks ) {\n\t\t\t\tif ( blocks?.length === 0 ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\tdispatch( blockEditorStore ).replaceInnerBlocks(\n\t\t\t\t\tclientId,\n\t\t\t\t\tblocks,\n\t\t\t\t\ttrue\n\t\t\t\t);\n\t\t\t},\n\t\t};\n\t} ),\n\twithColors(\n\t\t{ textColor: 'color' },\n\t\t{ backgroundColor: 'color' },\n\t\t{ overlayBackgroundColor: 'color' },\n\t\t{ overlayTextColor: 'color' }\n\t),\n] )( Navigation );\n"]}

package/build/navigation/placeholder-preview.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/placeholder-preview.js"],"names":["PlaceholderPreview","search"],"mappings":";;;;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,MAAMA,kBAAkB,GAAG,MAAM;AAChC,SACC;AAAI,IAAA,SAAS,EAAC;AAAd,KACC;AAAI,IAAA,SAAS,EAAC;AAAd,cADD,EAEC;AAAI,IAAA,SAAS,EAAC;AAAd,cAFD,EAGC;AAAI,IAAA,SAAS,EAAC;AAAd,cAHD,EAIC;AAAI,IAAA,SAAS,EAAC;AAAd,KACC,4BAAC,WAAD;AAAM,IAAA,IAAI,EAAGC;AAAb,IADD,CAJD,CADD;AAUA,CAXD;;eAaeD,kB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Icon, search } from '@wordpress/icons';\n\nconst PlaceholderPreview = () => {\n\treturn (\n\t\t<ul className=\"wp-block-navigation-placeholder__preview wp-block-navigation__container\">\n\t\t\t<li className=\"wp-block-navigation-item\">&#8203;</li>\n\t\t\t<li className=\"wp-block-navigation-item\">&#8203;</li>\n\t\t\t<li className=\"wp-block-navigation-item\">&#8203;</li>\n\t\t\t<li className=\"wp-block-navigation-placeholder__preview-search-icon\">\n\t\t\t\t<Icon icon={ search } />\n\t\t\t</li>\n\t\t</ul>\n\t);\n};\n\nexport default PlaceholderPreview;\n"]}