@wordpress/block-library 8.11.0 → 8.12.1

package/build-module/navigation/edit/use-inner-blocks.js

@@ -17,7 +17,7 @@ export function useInnerBlocks(clientId) {
 
     const _uncontrolledInnerBlocks = getBlock(clientId).innerBlocks;
 
-    const _hasUncontrolledInnerBlocks = !!(_uncontrolledInnerBlocks !== null && _uncontrolledInnerBlocks !== void 0 && _uncontrolledInnerBlocks.length);
+    const _hasUncontrolledInnerBlocks = !!_uncontrolledInnerBlocks?.length;
 
     const _controlledInnerBlocks = _hasUncontrolledInnerBlocks ? EMPTY_ARRAY : getBlocks(clientId);
 

package/build-module/navigation/edit/use-inner-blocks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/use-inner-blocks.js"],"names":["useSelect","store","blockEditorStore","EMPTY_ARRAY","useInnerBlocks","clientId","select","getBlock","getBlocks","hasSelectedInnerBlock","_uncontrolledInnerBlocks","innerBlocks","_hasUncontrolledInnerBlocks","length","_controlledInnerBlocks","hasUncontrolledInnerBlocks","uncontrolledInnerBlocks","controlledInnerBlocks","isInnerBlockSelected"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,iBAA1B;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,yBAA1C;AAEA,MAAMC,WAAW,GAAG,EAApB;AAEA,OAAO,SAASC,cAAT,CAAyBC,QAAzB,EAAoC;AAC1C,SAAOL,SAAS,CACbM,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA,QAAF;AAAYC,MAAAA,SAAZ;AAAuBC,MAAAA;AAAvB,QACLH,MAAM,CAAEJ,gBAAF,CADP,CADa,CAIb;AACA;AACA;AACA;;AACA,UAAMQ,wBAAwB,GAAGH,QAAQ,CAAEF,QAAF,CAAR,CAAqBM,WAAtD;;AAEA,UAAMC,2BAA2B,GAChC,CAAC,EAAEF,wBAAF,aAAEA,wBAAF,eAAEA,wBAAwB,CAAEG,MAA5B,CADF;;AAEA,UAAMC,sBAAsB,GAAGF,2BAA2B,GACvDT,WADuD,GAEvDK,SAAS,CAAEH,QAAF,CAFZ;;AAIA,WAAO;AACNM,MAAAA,WAAW,EAAEC,2BAA2B,GACrCF,wBADqC,GAErCI,sBAHG;AAINC,MAAAA,0BAA0B,EAAEH,2BAJtB;AAKNI,MAAAA,uBAAuB,EAAEN,wBALnB;AAMNO,MAAAA,qBAAqB,EAAEH,sBANjB;AAONI,MAAAA,oBAAoB,EAAET,qBAAqB,CAAEJ,QAAF,EAAY,IAAZ;AAPrC,KAAP;AASA,GA1Bc,EA2Bf,CAAEA,QAAF,CA3Be,CAAhB;AA6BA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\nconst EMPTY_ARRAY = [];\n\nexport function useInnerBlocks( clientId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlock, getBlocks, hasSelectedInnerBlock } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\t// This relies on the fact that `getBlock` won't return controlled\n\t\t\t// inner blocks, while `getBlocks` does. It might be more stable to\n\t\t\t// introduce a selector like `getUncontrolledInnerBlocks`, just in\n\t\t\t// case `getBlock` is fixed.\n\t\t\tconst _uncontrolledInnerBlocks = getBlock( clientId ).innerBlocks;\n\n\t\t\tconst _hasUncontrolledInnerBlocks =\n\t\t\t\t!! _uncontrolledInnerBlocks?.length;\n\t\t\tconst _controlledInnerBlocks = _hasUncontrolledInnerBlocks\n\t\t\t\t? EMPTY_ARRAY\n\t\t\t\t: getBlocks( clientId );\n\n\t\t\treturn {\n\t\t\t\tinnerBlocks: _hasUncontrolledInnerBlocks\n\t\t\t\t\t? _uncontrolledInnerBlocks\n\t\t\t\t\t: _controlledInnerBlocks,\n\t\t\t\thasUncontrolledInnerBlocks: _hasUncontrolledInnerBlocks,\n\t\t\t\tuncontrolledInnerBlocks: _uncontrolledInnerBlocks,\n\t\t\t\tcontrolledInnerBlocks: _controlledInnerBlocks,\n\t\t\t\tisInnerBlockSelected: hasSelectedInnerBlock( clientId, true ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/use-inner-blocks.js"],"names":["useSelect","store","blockEditorStore","EMPTY_ARRAY","useInnerBlocks","clientId","select","getBlock","getBlocks","hasSelectedInnerBlock","_uncontrolledInnerBlocks","innerBlocks","_hasUncontrolledInnerBlocks","length","_controlledInnerBlocks","hasUncontrolledInnerBlocks","uncontrolledInnerBlocks","controlledInnerBlocks","isInnerBlockSelected"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,iBAA1B;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,yBAA1C;AAEA,MAAMC,WAAW,GAAG,EAApB;AAEA,OAAO,SAASC,cAAT,CAAyBC,QAAzB,EAAoC;AAC1C,SAAOL,SAAS,CACbM,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA,QAAF;AAAYC,MAAAA,SAAZ;AAAuBC,MAAAA;AAAvB,QACLH,MAAM,CAAEJ,gBAAF,CADP,CADa,CAIb;AACA;AACA;AACA;;AACA,UAAMQ,wBAAwB,GAAGH,QAAQ,CAAEF,QAAF,CAAR,CAAqBM,WAAtD;;AAEA,UAAMC,2BAA2B,GAChC,CAAC,CAAEF,wBAAwB,EAAEG,MAD9B;;AAEA,UAAMC,sBAAsB,GAAGF,2BAA2B,GACvDT,WADuD,GAEvDK,SAAS,CAAEH,QAAF,CAFZ;;AAIA,WAAO;AACNM,MAAAA,WAAW,EAAEC,2BAA2B,GACrCF,wBADqC,GAErCI,sBAHG;AAINC,MAAAA,0BAA0B,EAAEH,2BAJtB;AAKNI,MAAAA,uBAAuB,EAAEN,wBALnB;AAMNO,MAAAA,qBAAqB,EAAEH,sBANjB;AAONI,MAAAA,oBAAoB,EAAET,qBAAqB,CAAEJ,QAAF,EAAY,IAAZ;AAPrC,KAAP;AASA,GA1Bc,EA2Bf,CAAEA,QAAF,CA3Be,CAAhB;AA6BA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\nconst EMPTY_ARRAY = [];\n\nexport function useInnerBlocks( clientId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlock, getBlocks, hasSelectedInnerBlock } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\t// This relies on the fact that `getBlock` won't return controlled\n\t\t\t// inner blocks, while `getBlocks` does. It might be more stable to\n\t\t\t// introduce a selector like `getUncontrolledInnerBlocks`, just in\n\t\t\t// case `getBlock` is fixed.\n\t\t\tconst _uncontrolledInnerBlocks = getBlock( clientId ).innerBlocks;\n\n\t\t\tconst _hasUncontrolledInnerBlocks =\n\t\t\t\t!! _uncontrolledInnerBlocks?.length;\n\t\t\tconst _controlledInnerBlocks = _hasUncontrolledInnerBlocks\n\t\t\t\t? EMPTY_ARRAY\n\t\t\t\t: getBlocks( clientId );\n\n\t\t\treturn {\n\t\t\t\tinnerBlocks: _hasUncontrolledInnerBlocks\n\t\t\t\t\t? _uncontrolledInnerBlocks\n\t\t\t\t\t: _controlledInnerBlocks,\n\t\t\t\thasUncontrolledInnerBlocks: _hasUncontrolledInnerBlocks,\n\t\t\t\tuncontrolledInnerBlocks: _uncontrolledInnerBlocks,\n\t\t\t\tcontrolledInnerBlocks: _controlledInnerBlocks,\n\t\t\t\tisInnerBlockSelected: hasSelectedInnerBlock( clientId, true ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n"]}

package/build-module/navigation/edit/use-navigation-notice.js

@@ -5,11 +5,10 @@ import { useCallback, useRef } from '@wordpress/element';
 import { useDispatch } from '@wordpress/data';
 import { store as noticeStore } from '@wordpress/notices';
 
-function useNavigationNotice() {
-  let {
-    name,
-    message = ''
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function useNavigationNotice({
+  name,
+  message = ''
+} = {}) {
   const noticeRef = useRef();
   const {
     createWarningNotice,

package/build-module/navigation/edit/use-navigation-notice.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/use-navigation-notice.js"],"names":["useCallback","useRef","useDispatch","store","noticeStore","useNavigationNotice","name","message","noticeRef","createWarningNotice","removeNotice","showNotice","customMsg","current","id","type","hideNotice"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAT,EAAsBC,MAAtB,QAAoC,oBAApC;AACA,SAASC,WAAT,QAA4B,iBAA5B;AACA,SAASC,KAAK,IAAIC,WAAlB,QAAqC,oBAArC;;AAEA,SAASC,mBAAT,GAA4D;AAAA,MAA9B;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,OAAO,GAAG;AAAlB,GAA8B,uEAAL,EAAK;AAC3D,QAAMC,SAAS,GAAGP,MAAM,EAAxB;AAEA,QAAM;AAAEQ,IAAAA,mBAAF;AAAuBC,IAAAA;AAAvB,MAAwCR,WAAW,CAAEE,WAAF,CAAzD;AAEA,QAAMO,UAAU,GAAGX,WAAW,CAC3BY,SAAF,IAAiB;AAChB,QAAKJ,SAAS,CAACK,OAAf,EAAyB;AACxB;AACA;;AAEDL,IAAAA,SAAS,CAACK,OAAV,GAAoBP,IAApB;AAEAG,IAAAA,mBAAmB,CAAEG,SAAS,IAAIL,OAAf,EAAwB;AAC1CO,MAAAA,EAAE,EAAEN,SAAS,CAACK,OAD4B;AAE1CE,MAAAA,IAAI,EAAE;AAFoC,KAAxB,CAAnB;AAIA,GAZ4B,EAa7B,CAAEP,SAAF,EAAaC,mBAAb,EAAkCF,OAAlC,EAA2CD,IAA3C,CAb6B,CAA9B;AAgBA,QAAMU,UAAU,GAAGhB,WAAW,CAAE,MAAM;AACrC,QAAK,CAAEQ,SAAS,CAACK,OAAjB,EAA2B;AAC1B;AACA;;AACDH,IAAAA,YAAY,CAAEF,SAAS,CAACK,OAAZ,CAAZ;AACAL,IAAAA,SAAS,CAACK,OAAV,GAAoB,IAApB;AACA,GAN6B,EAM3B,CAAEL,SAAF,EAAaE,YAAb,CAN2B,CAA9B;AAQA,SAAO,CAAEC,UAAF,EAAcK,UAAd,CAAP;AACA;;AAED,eAAeX,mBAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { store as noticeStore } from '@wordpress/notices';\n\nfunction useNavigationNotice( { name, message = '' } = {} ) {\n\tconst noticeRef = useRef();\n\n\tconst { createWarningNotice, removeNotice } = useDispatch( noticeStore );\n\n\tconst showNotice = useCallback(\n\t\t( customMsg ) => {\n\t\t\tif ( noticeRef.current ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tnoticeRef.current = name;\n\n\t\t\tcreateWarningNotice( customMsg || message, {\n\t\t\t\tid: noticeRef.current,\n\t\t\t\ttype: 'snackbar',\n\t\t\t} );\n\t\t},\n\t\t[ noticeRef, createWarningNotice, message, name ]\n\t);\n\n\tconst hideNotice = useCallback( () => {\n\t\tif ( ! noticeRef.current ) {\n\t\t\treturn;\n\t\t}\n\t\tremoveNotice( noticeRef.current );\n\t\tnoticeRef.current = null;\n\t}, [ noticeRef, removeNotice ] );\n\n\treturn [ showNotice, hideNotice ];\n}\n\nexport default useNavigationNotice;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/use-navigation-notice.js"],"names":["useCallback","useRef","useDispatch","store","noticeStore","useNavigationNotice","name","message","noticeRef","createWarningNotice","removeNotice","showNotice","customMsg","current","id","type","hideNotice"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAT,EAAsBC,MAAtB,QAAoC,oBAApC;AACA,SAASC,WAAT,QAA4B,iBAA5B;AACA,SAASC,KAAK,IAAIC,WAAlB,QAAqC,oBAArC;;AAEA,SAASC,mBAAT,CAA8B;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,OAAO,GAAG;AAAlB,IAAyB,EAAvD,EAA4D;AAC3D,QAAMC,SAAS,GAAGP,MAAM,EAAxB;AAEA,QAAM;AAAEQ,IAAAA,mBAAF;AAAuBC,IAAAA;AAAvB,MAAwCR,WAAW,CAAEE,WAAF,CAAzD;AAEA,QAAMO,UAAU,GAAGX,WAAW,CAC3BY,SAAF,IAAiB;AAChB,QAAKJ,SAAS,CAACK,OAAf,EAAyB;AACxB;AACA;;AAEDL,IAAAA,SAAS,CAACK,OAAV,GAAoBP,IAApB;AAEAG,IAAAA,mBAAmB,CAAEG,SAAS,IAAIL,OAAf,EAAwB;AAC1CO,MAAAA,EAAE,EAAEN,SAAS,CAACK,OAD4B;AAE1CE,MAAAA,IAAI,EAAE;AAFoC,KAAxB,CAAnB;AAIA,GAZ4B,EAa7B,CAAEP,SAAF,EAAaC,mBAAb,EAAkCF,OAAlC,EAA2CD,IAA3C,CAb6B,CAA9B;AAgBA,QAAMU,UAAU,GAAGhB,WAAW,CAAE,MAAM;AACrC,QAAK,CAAEQ,SAAS,CAACK,OAAjB,EAA2B;AAC1B;AACA;;AACDH,IAAAA,YAAY,CAAEF,SAAS,CAACK,OAAZ,CAAZ;AACAL,IAAAA,SAAS,CAACK,OAAV,GAAoB,IAApB;AACA,GAN6B,EAM3B,CAAEL,SAAF,EAAaE,YAAb,CAN2B,CAA9B;AAQA,SAAO,CAAEC,UAAF,EAAcK,UAAd,CAAP;AACA;;AAED,eAAeX,mBAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { store as noticeStore } from '@wordpress/notices';\n\nfunction useNavigationNotice( { name, message = '' } = {} ) {\n\tconst noticeRef = useRef();\n\n\tconst { createWarningNotice, removeNotice } = useDispatch( noticeStore );\n\n\tconst showNotice = useCallback(\n\t\t( customMsg ) => {\n\t\t\tif ( noticeRef.current ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tnoticeRef.current = name;\n\n\t\t\tcreateWarningNotice( customMsg || message, {\n\t\t\t\tid: noticeRef.current,\n\t\t\t\ttype: 'snackbar',\n\t\t\t} );\n\t\t},\n\t\t[ noticeRef, createWarningNotice, message, name ]\n\t);\n\n\tconst hideNotice = useCallback( () => {\n\t\tif ( ! noticeRef.current ) {\n\t\t\treturn;\n\t\t}\n\t\tremoveNotice( noticeRef.current );\n\t\tnoticeRef.current = null;\n\t}, [ noticeRef, removeNotice ] );\n\n\treturn [ showNotice, hideNotice ];\n}\n\nexport default useNavigationNotice;\n"]}

package/build-module/navigation/edit/utils.js

@@ -38,8 +38,6 @@ export function detectColors(colorsDetectionElement, setColor, setBackground) {
  */
 
 export function getColors(context, isSubMenu) {
-  var _style$color, _style$color2;
-
   const {
     textColor,
     customTextColor,
@@ -61,7 +59,7 @@ export function getColors(context, isSubMenu) {
     colors.customTextColor = customTextColor;
   } else if (!!textColor) {
     colors.textColor = textColor;
-  } else if (!!(style !== null && style !== void 0 && (_style$color = style.color) !== null && _style$color !== void 0 && _style$color.text)) {
+  } else if (!!style?.color?.text) {
     colors.customTextColor = style.color.text;
   }
 
@@ -73,7 +71,7 @@ export function getColors(context, isSubMenu) {
     colors.customBackgroundColor = customBackgroundColor;
   } else if (!!backgroundColor) {
     colors.backgroundColor = backgroundColor;
-  } else if (!!(style !== null && style !== void 0 && (_style$color2 = style.color) !== null && _style$color2 !== void 0 && _style$color2.background)) {
+  } else if (!!style?.color?.background) {
     colors.customTextColor = style.color.background;
   }
 

package/build-module/navigation/edit/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/utils.js"],"names":["classnames","getComputedStyle","node","ownerDocument","defaultView","detectColors","colorsDetectionElement","setColor","setBackground","color","backgroundColorNode","backgroundColor","parentNode","nodeType","ELEMENT_NODE","getColors","context","isSubMenu","textColor","customTextColor","customBackgroundColor","overlayTextColor","customOverlayTextColor","overlayBackgroundColor","customOverlayBackgroundColor","style","colors","text","background","getNavigationChildBlockProps","innerBlocksColors","className"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\nfunction getComputedStyle( node ) {\n\treturn node.ownerDocument.defaultView.getComputedStyle( node );\n}\n\nexport function detectColors(\n\tcolorsDetectionElement,\n\tsetColor,\n\tsetBackground\n) {\n\tif ( ! colorsDetectionElement ) {\n\t\treturn;\n\t}\n\tsetColor( getComputedStyle( colorsDetectionElement ).color );\n\n\tlet backgroundColorNode = colorsDetectionElement;\n\tlet backgroundColor =\n\t\tgetComputedStyle( backgroundColorNode ).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 =\n\t\t\tgetComputedStyle( backgroundColorNode ).backgroundColor;\n\t}\n\n\tsetBackground( backgroundColor );\n}\n\n/**\n * Determine the colors for a menu.\n *\n * Order of priority is:\n * 1: Overlay custom colors (if submenu)\n * 2: Overlay theme colors (if submenu)\n * 3: Custom colors\n * 4: Theme colors\n * 5: Global styles\n *\n * @param {Object}  context\n * @param {boolean} isSubMenu\n */\nexport function getColors( context, isSubMenu ) {\n\tconst {\n\t\ttextColor,\n\t\tcustomTextColor,\n\t\tbackgroundColor,\n\t\tcustomBackgroundColor,\n\t\toverlayTextColor,\n\t\tcustomOverlayTextColor,\n\t\toverlayBackgroundColor,\n\t\tcustomOverlayBackgroundColor,\n\t\tstyle,\n\t} = context;\n\n\tconst colors = {};\n\n\tif ( isSubMenu && !! customOverlayTextColor ) {\n\t\tcolors.customTextColor = customOverlayTextColor;\n\t} else if ( isSubMenu && !! overlayTextColor ) {\n\t\tcolors.textColor = overlayTextColor;\n\t} else if ( !! customTextColor ) {\n\t\tcolors.customTextColor = customTextColor;\n\t} else if ( !! textColor ) {\n\t\tcolors.textColor = textColor;\n\t} else if ( !! style?.color?.text ) {\n\t\tcolors.customTextColor = style.color.text;\n\t}\n\n\tif ( isSubMenu && !! customOverlayBackgroundColor ) {\n\t\tcolors.customBackgroundColor = customOverlayBackgroundColor;\n\t} else if ( isSubMenu && !! overlayBackgroundColor ) {\n\t\tcolors.backgroundColor = overlayBackgroundColor;\n\t} else if ( !! customBackgroundColor ) {\n\t\tcolors.customBackgroundColor = customBackgroundColor;\n\t} else if ( !! backgroundColor ) {\n\t\tcolors.backgroundColor = backgroundColor;\n\t} else if ( !! style?.color?.background ) {\n\t\tcolors.customTextColor = style.color.background;\n\t}\n\n\treturn colors;\n}\n\nexport function getNavigationChildBlockProps( innerBlocksColors ) {\n\treturn {\n\t\tclassName: classnames( 'wp-block-navigation__submenu-container', {\n\t\t\t'has-text-color': !! (\n\t\t\t\tinnerBlocksColors.textColor || innerBlocksColors.customTextColor\n\t\t\t),\n\t\t\t[ `has-${ innerBlocksColors.textColor }-color` ]:\n\t\t\t\t!! innerBlocksColors.textColor,\n\t\t\t'has-background': !! (\n\t\t\t\tinnerBlocksColors.backgroundColor ||\n\t\t\t\tinnerBlocksColors.customBackgroundColor\n\t\t\t),\n\t\t\t[ `has-${ innerBlocksColors.backgroundColor }-background-color` ]:\n\t\t\t\t!! innerBlocksColors.backgroundColor,\n\t\t} ),\n\t\tstyle: {\n\t\t\tcolor: innerBlocksColors.customTextColor,\n\t\t\tbackgroundColor: innerBlocksColors.customBackgroundColor,\n\t\t},\n\t};\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/utils.js"],"names":["classnames","getComputedStyle","node","ownerDocument","defaultView","detectColors","colorsDetectionElement","setColor","setBackground","color","backgroundColorNode","backgroundColor","parentNode","nodeType","ELEMENT_NODE","getColors","context","isSubMenu","textColor","customTextColor","customBackgroundColor","overlayTextColor","customOverlayTextColor","overlayBackgroundColor","customOverlayBackgroundColor","style","colors","text","background","getNavigationChildBlockProps","innerBlocksColors","className"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\nfunction getComputedStyle( node ) {\n\treturn node.ownerDocument.defaultView.getComputedStyle( node );\n}\n\nexport function detectColors(\n\tcolorsDetectionElement,\n\tsetColor,\n\tsetBackground\n) {\n\tif ( ! colorsDetectionElement ) {\n\t\treturn;\n\t}\n\tsetColor( getComputedStyle( colorsDetectionElement ).color );\n\n\tlet backgroundColorNode = colorsDetectionElement;\n\tlet backgroundColor =\n\t\tgetComputedStyle( backgroundColorNode ).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 =\n\t\t\tgetComputedStyle( backgroundColorNode ).backgroundColor;\n\t}\n\n\tsetBackground( backgroundColor );\n}\n\n/**\n * Determine the colors for a menu.\n *\n * Order of priority is:\n * 1: Overlay custom colors (if submenu)\n * 2: Overlay theme colors (if submenu)\n * 3: Custom colors\n * 4: Theme colors\n * 5: Global styles\n *\n * @param {Object}  context\n * @param {boolean} isSubMenu\n */\nexport function getColors( context, isSubMenu ) {\n\tconst {\n\t\ttextColor,\n\t\tcustomTextColor,\n\t\tbackgroundColor,\n\t\tcustomBackgroundColor,\n\t\toverlayTextColor,\n\t\tcustomOverlayTextColor,\n\t\toverlayBackgroundColor,\n\t\tcustomOverlayBackgroundColor,\n\t\tstyle,\n\t} = context;\n\n\tconst colors = {};\n\n\tif ( isSubMenu && !! customOverlayTextColor ) {\n\t\tcolors.customTextColor = customOverlayTextColor;\n\t} else if ( isSubMenu && !! overlayTextColor ) {\n\t\tcolors.textColor = overlayTextColor;\n\t} else if ( !! customTextColor ) {\n\t\tcolors.customTextColor = customTextColor;\n\t} else if ( !! textColor ) {\n\t\tcolors.textColor = textColor;\n\t} else if ( !! style?.color?.text ) {\n\t\tcolors.customTextColor = style.color.text;\n\t}\n\n\tif ( isSubMenu && !! customOverlayBackgroundColor ) {\n\t\tcolors.customBackgroundColor = customOverlayBackgroundColor;\n\t} else if ( isSubMenu && !! overlayBackgroundColor ) {\n\t\tcolors.backgroundColor = overlayBackgroundColor;\n\t} else if ( !! customBackgroundColor ) {\n\t\tcolors.customBackgroundColor = customBackgroundColor;\n\t} else if ( !! backgroundColor ) {\n\t\tcolors.backgroundColor = backgroundColor;\n\t} else if ( !! style?.color?.background ) {\n\t\tcolors.customTextColor = style.color.background;\n\t}\n\n\treturn colors;\n}\n\nexport function getNavigationChildBlockProps( innerBlocksColors ) {\n\treturn {\n\t\tclassName: classnames( 'wp-block-navigation__submenu-container', {\n\t\t\t'has-text-color': !! (\n\t\t\t\tinnerBlocksColors.textColor || innerBlocksColors.customTextColor\n\t\t\t),\n\t\t\t[ `has-${ innerBlocksColors.textColor }-color` ]:\n\t\t\t\t!! innerBlocksColors.textColor,\n\t\t\t'has-background': !! (\n\t\t\t\tinnerBlocksColors.backgroundColor ||\n\t\t\t\tinnerBlocksColors.customBackgroundColor\n\t\t\t),\n\t\t\t[ `has-${ innerBlocksColors.backgroundColor }-background-color` ]:\n\t\t\t\t!! innerBlocksColors.backgroundColor,\n\t\t} ),\n\t\tstyle: {\n\t\t\tcolor: innerBlocksColors.customTextColor,\n\t\t\tbackgroundColor: innerBlocksColors.customBackgroundColor,\n\t\t},\n\t};\n}\n"]}

package/build-module/navigation/index.js

@@ -10,7 +10,7 @@ import { navigation as icon } from '@wordpress/icons';
 import initBlock from '../utils/init-block';
 const metadata = {
   $schema: "https://schemas.wp.org/trunk/block.json",
-  apiVersion: 2,
+  apiVersion: 3,
   name: "core/navigation",
   title: "Navigation",
   category: "theme",
@@ -101,7 +101,6 @@ const metadata = {
   },
   supports: {
     align: ["wide", "full"],
-    anchor: true,
     html: false,
     inserter: true,
     typography: {
@@ -125,7 +124,7 @@ const metadata = {
         blockGap: true
       }
     },
-    __experimentalLayout: {
+    layout: {
       allowSwitching: false,
       allowInheriting: false,
       allowVerticalAlignment: false,

package/build-module/navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/index.js"],"names":["__","navigation","icon","initBlock","edit","save","deprecated","name","metadata","settings","example","attributes","overlayMenu","innerBlocks","label","url","init"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,UAAU,IAAIC,IAAvB,QAAmC,kBAAnC;AAEA;AACA;AACA;;AACA,OAAOC,SAAP,MAAsB,qBAAtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AAEA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBP,EAAAA,IADuB;AAEvBQ,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,WAAW,EAAE;AADF,KADJ;AAIRC,IAAAA,WAAW,EAAE,CACZ;AACCN,MAAAA,IAAI,EAAE,sBADP;AAECI,MAAAA,UAAU,EAAE;AACX;AACAG,QAAAA,KAAK,EAAEd,EAAE,CAAE,MAAF,CAFE;AAGXe,QAAAA,GAAG,EAAE;AAHM;AAFb,KADY,EASZ;AACCR,MAAAA,IAAI,EAAE,sBADP;AAECI,MAAAA,UAAU,EAAE;AACX;AACAG,QAAAA,KAAK,EAAEd,EAAE,CAAE,OAAF,CAFE;AAGXe,QAAAA,GAAG,EAAE;AAHM;AAFb,KATY,EAiBZ;AACCR,MAAAA,IAAI,EAAE,sBADP;AAECI,MAAAA,UAAU,EAAE;AACX;AACAG,QAAAA,KAAK,EAAEd,EAAE,CAAE,SAAF,CAFE;AAGXe,QAAAA,GAAG,EAAE;AAHM;AAFb,KAjBY;AAJL,GAFc;AAiCvBX,EAAAA,IAjCuB;AAkCvBC,EAAAA,IAlCuB;AAmCvBC,EAAAA;AAnCuB,CAAjB;AAsCP,OAAO,MAAMU,IAAI,GAAG,MAAMb,SAAS,CAAE;AAAEI,EAAAA,IAAF;AAAQC,EAAAA,QAAR;AAAkBC,EAAAA;AAAlB,CAAF,CAA5B","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { navigation as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\nimport deprecated from './deprecated';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\toverlayMenu: 'never',\n\t\t},\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/navigation-link',\n\t\t\t\tattributes: {\n\t\t\t\t\t// translators: 'Home' as in a website's home page.\n\t\t\t\t\tlabel: __( 'Home' ),\n\t\t\t\t\turl: 'https://make.wordpress.org/',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/navigation-link',\n\t\t\t\tattributes: {\n\t\t\t\t\t// translators: 'About' as in a website's about page.\n\t\t\t\t\tlabel: __( 'About' ),\n\t\t\t\t\turl: 'https://make.wordpress.org/',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/navigation-link',\n\t\t\t\tattributes: {\n\t\t\t\t\t// translators: 'Contact' as in a website's contact page.\n\t\t\t\t\tlabel: __( 'Contact' ),\n\t\t\t\t\turl: 'https://make.wordpress.org/',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\tedit,\n\tsave,\n\tdeprecated,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/index.js"],"names":["__","navigation","icon","initBlock","edit","save","deprecated","name","metadata","settings","example","attributes","overlayMenu","innerBlocks","label","url","init"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,UAAU,IAAIC,IAAvB,QAAmC,kBAAnC;AAEA;AACA;AACA;;AACA,OAAOC,SAAP,MAAsB,qBAAtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AAEA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBP,EAAAA,IADuB;AAEvBQ,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,WAAW,EAAE;AADF,KADJ;AAIRC,IAAAA,WAAW,EAAE,CACZ;AACCN,MAAAA,IAAI,EAAE,sBADP;AAECI,MAAAA,UAAU,EAAE;AACX;AACAG,QAAAA,KAAK,EAAEd,EAAE,CAAE,MAAF,CAFE;AAGXe,QAAAA,GAAG,EAAE;AAHM;AAFb,KADY,EASZ;AACCR,MAAAA,IAAI,EAAE,sBADP;AAECI,MAAAA,UAAU,EAAE;AACX;AACAG,QAAAA,KAAK,EAAEd,EAAE,CAAE,OAAF,CAFE;AAGXe,QAAAA,GAAG,EAAE;AAHM;AAFb,KATY,EAiBZ;AACCR,MAAAA,IAAI,EAAE,sBADP;AAECI,MAAAA,UAAU,EAAE;AACX;AACAG,QAAAA,KAAK,EAAEd,EAAE,CAAE,SAAF,CAFE;AAGXe,QAAAA,GAAG,EAAE;AAHM;AAFb,KAjBY;AAJL,GAFc;AAiCvBX,EAAAA,IAjCuB;AAkCvBC,EAAAA,IAlCuB;AAmCvBC,EAAAA;AAnCuB,CAAjB;AAsCP,OAAO,MAAMU,IAAI,GAAG,MAAMb,SAAS,CAAE;AAAEI,EAAAA,IAAF;AAAQC,EAAAA,QAAR;AAAkBC,EAAAA;AAAlB,CAAF,CAA5B","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { navigation as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\nimport deprecated from './deprecated';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\toverlayMenu: 'never',\n\t\t},\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/navigation-link',\n\t\t\t\tattributes: {\n\t\t\t\t\t// translators: 'Home' as in a website's home page.\n\t\t\t\t\tlabel: __( 'Home' ),\n\t\t\t\t\turl: 'https://make.wordpress.org/',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/navigation-link',\n\t\t\t\tattributes: {\n\t\t\t\t\t// translators: 'About' as in a website's about page.\n\t\t\t\t\tlabel: __( 'About' ),\n\t\t\t\t\turl: 'https://make.wordpress.org/',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/navigation-link',\n\t\t\t\tattributes: {\n\t\t\t\t\t// translators: 'Contact' as in a website's contact page.\n\t\t\t\t\tlabel: __( 'Contact' ),\n\t\t\t\t\turl: 'https://make.wordpress.org/',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\tedit,\n\tsave,\n\tdeprecated,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"]}

package/build-module/navigation/interactivity.js

@@ -3,30 +3,68 @@
  */
 import { store } from '../utils/interactivity';
 const focusableSelectors = ['a[href]', 'area[href]', 'input:not([disabled]):not([type="hidden"]):not([aria-hidden])', 'select:not([disabled]):not([aria-hidden])', 'textarea:not([disabled]):not([aria-hidden])', 'button:not([disabled]):not([aria-hidden])', 'iframe', 'object', 'embed', '[contenteditable]', '[tabindex]:not([tabindex^="-"])'];
+
+const openMenu = ({
+  context,
+  ref
+}, menuOpenedOn) => {
+  context.core.navigation.isMenuOpen[menuOpenedOn] = true;
+  context.core.navigation.previousFocus = ref;
+
+  if (context.core.navigation.overlay) {
+    // Add a `has-modal-open` class to the <html> root.
+    document.documentElement.classList.add('has-modal-open');
+  }
+};
+
+const closeMenu = ({
+  context,
+  selectors
+}, menuClosedOn) => {
+  context.core.navigation.isMenuOpen[menuClosedOn] = false; // Check if the menu is still open or not.
+
+  if (!selectors.core.navigation.isMenuOpen({
+    context
+  })) {
+    if (context.core.navigation.modal.contains(window.document.activeElement)) {
+      context.core.navigation.previousFocus.focus();
+    }
+
+    context.core.navigation.modal = null;
+    context.core.navigation.previousFocus = null;
+
+    if (context.core.navigation.overlay) {
+      document.documentElement.classList.remove('has-modal-open');
+    }
+  }
+};
+
 store({
   effects: {
     core: {
       navigation: {
-        initMenu: _ref => {
-          let {
-            context,
-            ref
-          } = _ref;
-
-          if (context.core.navigation.isMenuOpen) {
+        initMenu: ({
+          context,
+          selectors,
+          ref
+        }) => {
+          if (selectors.core.navigation.isMenuOpen({
+            context
+          })) {
             const focusableElements = ref.querySelectorAll(focusableSelectors);
             context.core.navigation.modal = ref;
             context.core.navigation.firstFocusableElement = focusableElements[0];
             context.core.navigation.lastFocusableElement = focusableElements[focusableElements.length - 1];
           }
         },
-        focusFirstElement: _ref2 => {
-          let {
-            context,
-            ref
-          } = _ref2;
-
-          if (context.core.navigation.isMenuOpen) {
+        focusFirstElement: ({
+          context,
+          selectors,
+          ref
+        }) => {
+          if (selectors.core.navigation.isMenuOpen({
+            context
+          })) {
             ref.querySelector('.wp-block-navigation-item > *:first-child').focus();
           }
         }
@@ -36,82 +74,59 @@ store({
   selectors: {
     core: {
       navigation: {
-        roleAttribute: _ref3 => {
-          let {
-            context
-          } = _ref3;
-          return context.core.navigation.overlay && context.core.navigation.isMenuOpen ? 'dialog' : '';
-        }
+        roleAttribute: ({
+          context,
+          selectors
+        }) => context.core.navigation.overlay && selectors.core.navigation.isMenuOpen({
+          context
+        }) ? 'dialog' : '',
+        isMenuOpen: ({
+          context
+        }) => // The menu is opened if either `click` or `hover` is true.
+        Object.values(context.core.navigation.isMenuOpen).filter(Boolean).length > 0
       }
     }
   },
   actions: {
     core: {
       navigation: {
-        openMenu: _ref4 => {
-          let {
-            context,
-            ref
-          } = _ref4;
-          context.core.navigation.isMenuOpen = true;
-          context.core.navigation.previousFocus = ref;
-
-          if (context.core.navigation.overlay) {
-            // It adds a `has-modal-open` class to the <html> root
-            document.documentElement.classList.add('has-modal-open');
-          }
+        openMenuOnHover(args) {
+          openMenu(args, 'hover');
         },
-        closeMenu: _ref5 => {
-          let {
-            context
-          } = _ref5;
 
-          if (context.core.navigation.isMenuOpen) {
-            context.core.navigation.isMenuOpen = false;
-
-            if (context.core.navigation.modal.contains(window.document.activeElement)) {
-              context.core.navigation.previousFocus.focus();
-            }
+        closeMenuOnHover(args) {
+          closeMenu(args, 'hover');
+        },
 
-            context.core.navigation.modal = null;
-            context.core.navigation.previousFocus = null;
+        openMenuOnClick(args) {
+          openMenu(args, 'click');
+        },
 
-            if (context.core.navigation.overlay) {
-              document.documentElement.classList.remove('has-modal-open');
-            }
-          }
+        closeMenuOnClick(args) {
+          closeMenu(args, 'click');
         },
-        toggleMenu: _ref6 => {
-          let {
-            context,
-            actions,
-            ref
-          } = _ref6;
-
-          if (context.core.navigation.isMenuOpen) {
-            actions.core.navigation.closeMenu({
-              context
-            });
+
+        toggleMenuOnClick: args => {
+          const {
+            context
+          } = args;
+
+          if (context.core.navigation.isMenuOpen.click) {
+            closeMenu(args, 'click');
           } else {
-            actions.core.navigation.openMenu({
-              context,
-              ref
-            });
+            openMenu(args, 'click');
           }
         },
-        handleMenuKeydown: _ref7 => {
-          let {
-            actions,
+        handleMenuKeydown: args => {
+          const {
             context,
             event
-          } = _ref7;
+          } = args;
 
-          if (context.core.navigation.isMenuOpen) {
+          if (context.core.navigation.isMenuOpen.click) {
             // If Escape close the menu
-            if ((event === null || event === void 0 ? void 0 : event.key) === 'Escape' || (event === null || event === void 0 ? void 0 : event.keyCode) === 27) {
-              actions.core.navigation.closeMenu({
-                context
-              });
+            if (event?.key === 'Escape' || event?.keyCode === 27) {
+              closeMenu(args, 'click');
               return;
             } // Trap focus if it is an overlay (main menu)
 
@@ -128,23 +143,18 @@ store({
             }
           }
         },
-        handleMenuFocusout: _ref8 => {
-          let {
-            actions,
+        handleMenuFocusout: args => {
+          const {
             context,
             event
-          } = _ref8;
-
-          if (context.core.navigation.isMenuOpen) {
-            // If focus is outside modal, and in the document, close menu
-            // event.target === The element losing focus
-            // event.relatedTarget === The element receiving focus (if any)
-            // When focusout is outsite the document, `window.document.activeElement` doesn't change
-            if (!context.core.navigation.modal.contains(event.relatedTarget) && event.target !== window.document.activeElement) {
-              actions.core.navigation.closeMenu({
-                context
-              });
-            }
+          } = args; // If focus is outside modal, and in the document, close menu
+          // event.target === The element losing focus
+          // event.relatedTarget === The element receiving focus (if any)
+          // When focusout is outsite the document,
+          // `window.document.activeElement` doesn't change
+
+          if (context.core.navigation.isMenuOpen.click && !context.core.navigation.modal.contains(event.relatedTarget) && event.target !== window.document.activeElement) {
+            closeMenu(args, 'click');
           }
         }
       }

package/build-module/navigation/interactivity.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/interactivity.js"],"names":["store","focusableSelectors","effects","core","navigation","initMenu","context","ref","isMenuOpen","focusableElements","querySelectorAll","modal","firstFocusableElement","lastFocusableElement","length","focusFirstElement","querySelector","focus","selectors","roleAttribute","overlay","actions","openMenu","previousFocus","document","documentElement","classList","add","closeMenu","contains","window","activeElement","remove","toggleMenu","handleMenuKeydown","event","key","keyCode","shiftKey","preventDefault","handleMenuFocusout","relatedTarget","target"],"mappings":"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","sourcesContent":["/**\n * Internal dependencies\n */\nimport { store } from '../utils/interactivity';\n\nconst focusableSelectors = [\n\t'a[href]',\n\t'area[href]',\n\t'input:not([disabled]):not([type=\"hidden\"]):not([aria-hidden])',\n\t'select:not([disabled]):not([aria-hidden])',\n\t'textarea:not([disabled]):not([aria-hidden])',\n\t'button:not([disabled]):not([aria-hidden])',\n\t'iframe',\n\t'object',\n\t'embed',\n\t'[contenteditable]',\n\t'[tabindex]:not([tabindex^=\"-\"])',\n];\n\nstore( {\n\teffects: {\n\t\tcore: {\n\t\t\tnavigation: {\n\t\t\t\tinitMenu: ( { context, ref } ) => {\n\t\t\t\t\tif ( context.core.navigation.isMenuOpen ) {\n\t\t\t\t\t\tconst focusableElements =\n\t\t\t\t\t\t\tref.querySelectorAll( focusableSelectors );\n\t\t\t\t\t\tcontext.core.navigation.modal = ref;\n\t\t\t\t\t\tcontext.core.navigation.firstFocusableElement =\n\t\t\t\t\t\t\tfocusableElements[ 0 ];\n\t\t\t\t\t\tcontext.core.navigation.lastFocusableElement =\n\t\t\t\t\t\t\tfocusableElements[ focusableElements.length - 1 ];\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tfocusFirstElement: ( { context, ref } ) => {\n\t\t\t\t\tif ( context.core.navigation.isMenuOpen ) {\n\t\t\t\t\t\tref.querySelector(\n\t\t\t\t\t\t\t'.wp-block-navigation-item > *:first-child'\n\t\t\t\t\t\t).focus();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n\tselectors: {\n\t\tcore: {\n\t\t\tnavigation: {\n\t\t\t\troleAttribute: ( { context } ) => {\n\t\t\t\t\treturn context.core.navigation.overlay &&\n\t\t\t\t\t\tcontext.core.navigation.isMenuOpen\n\t\t\t\t\t\t? 'dialog'\n\t\t\t\t\t\t: '';\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n\tactions: {\n\t\tcore: {\n\t\t\tnavigation: {\n\t\t\t\topenMenu: ( { context, ref } ) => {\n\t\t\t\t\tcontext.core.navigation.isMenuOpen = true;\n\t\t\t\t\tcontext.core.navigation.previousFocus = ref;\n\t\t\t\t\tif ( context.core.navigation.overlay ) {\n\t\t\t\t\t\t// It adds a `has-modal-open` class to the <html> root\n\t\t\t\t\t\tdocument.documentElement.classList.add(\n\t\t\t\t\t\t\t'has-modal-open'\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tcloseMenu: ( { context } ) => {\n\t\t\t\t\tif ( context.core.navigation.isMenuOpen ) {\n\t\t\t\t\t\tcontext.core.navigation.isMenuOpen = false;\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tcontext.core.navigation.modal.contains(\n\t\t\t\t\t\t\t\twindow.document.activeElement\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tcontext.core.navigation.previousFocus.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcontext.core.navigation.modal = null;\n\t\t\t\t\t\tcontext.core.navigation.previousFocus = null;\n\t\t\t\t\t\tif ( context.core.navigation.overlay ) {\n\t\t\t\t\t\t\tdocument.documentElement.classList.remove(\n\t\t\t\t\t\t\t\t'has-modal-open'\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},\n\t\t\t\ttoggleMenu: ( { context, actions, ref } ) => {\n\t\t\t\t\tif ( context.core.navigation.isMenuOpen ) {\n\t\t\t\t\t\tactions.core.navigation.closeMenu( { context } );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tactions.core.navigation.openMenu( { context, ref } );\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\thandleMenuKeydown: ( { actions, context, event } ) => {\n\t\t\t\t\tif ( context.core.navigation.isMenuOpen ) {\n\t\t\t\t\t\t// If Escape close the menu\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tevent?.key === 'Escape' ||\n\t\t\t\t\t\t\tevent?.keyCode === 27\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tactions.core.navigation.closeMenu( { context } );\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Trap focus if it is an overlay (main menu)\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tcontext.core.navigation.overlay &&\n\t\t\t\t\t\t\t( event.key === 'Tab' || event.keyCode === 9 )\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t// If shift + tab it change the direction\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tevent.shiftKey &&\n\t\t\t\t\t\t\t\twindow.document.activeElement ===\n\t\t\t\t\t\t\t\t\tcontext.core.navigation\n\t\t\t\t\t\t\t\t\t\t.firstFocusableElement\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tcontext.core.navigation.lastFocusableElement.focus();\n\t\t\t\t\t\t\t} else if (\n\t\t\t\t\t\t\t\t! event.shiftKey &&\n\t\t\t\t\t\t\t\twindow.document.activeElement ===\n\t\t\t\t\t\t\t\t\tcontext.core.navigation.lastFocusableElement\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tcontext.core.navigation.firstFocusableElement.focus();\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},\n\t\t\t\thandleMenuFocusout: ( { actions, context, event } ) => {\n\t\t\t\t\tif ( context.core.navigation.isMenuOpen ) {\n\t\t\t\t\t\t// If focus is outside modal, and in the document, close menu\n\t\t\t\t\t\t// event.target === The element losing focus\n\t\t\t\t\t\t// event.relatedTarget === The element receiving focus (if any)\n\t\t\t\t\t\t// When focusout is outsite the document, `window.document.activeElement` doesn't change\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t! context.core.navigation.modal.contains(\n\t\t\t\t\t\t\t\tevent.relatedTarget\n\t\t\t\t\t\t\t) &&\n\t\t\t\t\t\t\tevent.target !== window.document.activeElement\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tactions.core.navigation.closeMenu( { context } );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n} );\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/interactivity.js"],"names":["store","focusableSelectors","openMenu","context","ref","menuOpenedOn","core","navigation","isMenuOpen","previousFocus","overlay","document","documentElement","classList","add","closeMenu","selectors","menuClosedOn","modal","contains","window","activeElement","focus","remove","effects","initMenu","focusableElements","querySelectorAll","firstFocusableElement","lastFocusableElement","length","focusFirstElement","querySelector","roleAttribute","Object","values","filter","Boolean","actions","openMenuOnHover","args","closeMenuOnHover","openMenuOnClick","closeMenuOnClick","toggleMenuOnClick","click","handleMenuKeydown","event","key","keyCode","shiftKey","preventDefault","handleMenuFocusout","relatedTarget","target"],"mappings":"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","sourcesContent":["/**\n * Internal dependencies\n */\nimport { store } from '../utils/interactivity';\n\nconst focusableSelectors = [\n\t'a[href]',\n\t'area[href]',\n\t'input:not([disabled]):not([type=\"hidden\"]):not([aria-hidden])',\n\t'select:not([disabled]):not([aria-hidden])',\n\t'textarea:not([disabled]):not([aria-hidden])',\n\t'button:not([disabled]):not([aria-hidden])',\n\t'iframe',\n\t'object',\n\t'embed',\n\t'[contenteditable]',\n\t'[tabindex]:not([tabindex^=\"-\"])',\n];\n\nconst openMenu = ( { context, ref }, menuOpenedOn ) => {\n\tcontext.core.navigation.isMenuOpen[ menuOpenedOn ] = true;\n\tcontext.core.navigation.previousFocus = ref;\n\tif ( context.core.navigation.overlay ) {\n\t\t// Add a `has-modal-open` class to the <html> root.\n\t\tdocument.documentElement.classList.add( 'has-modal-open' );\n\t}\n};\n\nconst closeMenu = ( { context, selectors }, menuClosedOn ) => {\n\tcontext.core.navigation.isMenuOpen[ menuClosedOn ] = false;\n\t// Check if the menu is still open or not.\n\tif ( ! selectors.core.navigation.isMenuOpen( { context } ) ) {\n\t\tif (\n\t\t\tcontext.core.navigation.modal.contains(\n\t\t\t\twindow.document.activeElement\n\t\t\t)\n\t\t) {\n\t\t\tcontext.core.navigation.previousFocus.focus();\n\t\t}\n\t\tcontext.core.navigation.modal = null;\n\t\tcontext.core.navigation.previousFocus = null;\n\t\tif ( context.core.navigation.overlay ) {\n\t\t\tdocument.documentElement.classList.remove( 'has-modal-open' );\n\t\t}\n\t}\n};\n\nstore( {\n\teffects: {\n\t\tcore: {\n\t\t\tnavigation: {\n\t\t\t\tinitMenu: ( { context, selectors, ref } ) => {\n\t\t\t\t\tif ( selectors.core.navigation.isMenuOpen( { context } ) ) {\n\t\t\t\t\t\tconst focusableElements =\n\t\t\t\t\t\t\tref.querySelectorAll( focusableSelectors );\n\t\t\t\t\t\tcontext.core.navigation.modal = ref;\n\t\t\t\t\t\tcontext.core.navigation.firstFocusableElement =\n\t\t\t\t\t\t\tfocusableElements[ 0 ];\n\t\t\t\t\t\tcontext.core.navigation.lastFocusableElement =\n\t\t\t\t\t\t\tfocusableElements[ focusableElements.length - 1 ];\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tfocusFirstElement: ( { context, selectors, ref } ) => {\n\t\t\t\t\tif ( selectors.core.navigation.isMenuOpen( { context } ) ) {\n\t\t\t\t\t\tref.querySelector(\n\t\t\t\t\t\t\t'.wp-block-navigation-item > *:first-child'\n\t\t\t\t\t\t).focus();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n\tselectors: {\n\t\tcore: {\n\t\t\tnavigation: {\n\t\t\t\troleAttribute: ( { context, selectors } ) =>\n\t\t\t\t\tcontext.core.navigation.overlay &&\n\t\t\t\t\tselectors.core.navigation.isMenuOpen( { context } )\n\t\t\t\t\t\t? 'dialog'\n\t\t\t\t\t\t: '',\n\t\t\t\tisMenuOpen: ( { context } ) =>\n\t\t\t\t\t// The menu is opened if either `click` or `hover` is true.\n\t\t\t\t\tObject.values( context.core.navigation.isMenuOpen ).filter(\n\t\t\t\t\t\tBoolean\n\t\t\t\t\t).length > 0,\n\t\t\t},\n\t\t},\n\t},\n\tactions: {\n\t\tcore: {\n\t\t\tnavigation: {\n\t\t\t\topenMenuOnHover( args ) {\n\t\t\t\t\topenMenu( args, 'hover' );\n\t\t\t\t},\n\t\t\t\tcloseMenuOnHover( args ) {\n\t\t\t\t\tcloseMenu( args, 'hover' );\n\t\t\t\t},\n\t\t\t\topenMenuOnClick( args ) {\n\t\t\t\t\topenMenu( args, 'click' );\n\t\t\t\t},\n\t\t\t\tcloseMenuOnClick( args ) {\n\t\t\t\t\tcloseMenu( args, 'click' );\n\t\t\t\t},\n\t\t\t\ttoggleMenuOnClick: ( args ) => {\n\t\t\t\t\tconst { context } = args;\n\t\t\t\t\tif ( context.core.navigation.isMenuOpen.click ) {\n\t\t\t\t\t\tcloseMenu( args, 'click' );\n\t\t\t\t\t} else {\n\t\t\t\t\t\topenMenu( args, 'click' );\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\thandleMenuKeydown: ( args ) => {\n\t\t\t\t\tconst { context, event } = args;\n\t\t\t\t\tif ( context.core.navigation.isMenuOpen.click ) {\n\t\t\t\t\t\t// If Escape close the menu\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tevent?.key === 'Escape' ||\n\t\t\t\t\t\t\tevent?.keyCode === 27\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tcloseMenu( args, 'click' );\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Trap focus if it is an overlay (main menu)\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tcontext.core.navigation.overlay &&\n\t\t\t\t\t\t\t( event.key === 'Tab' || event.keyCode === 9 )\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t// If shift + tab it change the direction\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tevent.shiftKey &&\n\t\t\t\t\t\t\t\twindow.document.activeElement ===\n\t\t\t\t\t\t\t\t\tcontext.core.navigation\n\t\t\t\t\t\t\t\t\t\t.firstFocusableElement\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tcontext.core.navigation.lastFocusableElement.focus();\n\t\t\t\t\t\t\t} else if (\n\t\t\t\t\t\t\t\t! event.shiftKey &&\n\t\t\t\t\t\t\t\twindow.document.activeElement ===\n\t\t\t\t\t\t\t\t\tcontext.core.navigation.lastFocusableElement\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tcontext.core.navigation.firstFocusableElement.focus();\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},\n\t\t\t\thandleMenuFocusout: ( args ) => {\n\t\t\t\t\tconst { context, event } = args;\n\t\t\t\t\t// If focus is outside modal, and in the document, close menu\n\t\t\t\t\t// event.target === The element losing focus\n\t\t\t\t\t// event.relatedTarget === The element receiving focus (if any)\n\t\t\t\t\t// When focusout is outsite the document,\n\t\t\t\t\t// `window.document.activeElement` doesn't change\n\t\t\t\t\tif (\n\t\t\t\t\t\tcontext.core.navigation.isMenuOpen.click &&\n\t\t\t\t\t\t! context.core.navigation.modal.contains(\n\t\t\t\t\t\t\tevent.relatedTarget\n\t\t\t\t\t\t) &&\n\t\t\t\t\t\tevent.target !== window.document.activeElement\n\t\t\t\t\t) {\n\t\t\t\t\t\tcloseMenu( args, 'click' );\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n} );\n"]}

package/build-module/navigation/menu-items-to-blocks.js

@@ -28,14 +28,11 @@ export default function menuItemsToBlocks(menuItems) {
  * @return {Object} Object containing innerBlocks and mapping.
  */
 
-function mapMenuItemsToBlocks(menuItems) {
-  let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+function mapMenuItemsToBlocks(menuItems, level = 0) {
   let mapping = {}; // The menuItem should be in menu_order sort order.
 
   const sortedItems = [...menuItems].sort((a, b) => a.menu_order - b.menu_order);
   const innerBlocks = sortedItems.map(menuItem => {
-    var _menuItem$children, _menuItem$children2;
-
     if (menuItem.type === 'block') {
       const [block] = parse(menuItem.content.raw);
 
@@ -48,7 +45,7 @@ function mapMenuItemsToBlocks(menuItems) {
       return block;
     }
 
-    const blockType = (_menuItem$children = menuItem.children) !== null && _menuItem$children !== void 0 && _menuItem$children.length ? 'core/navigation-submenu' : 'core/navigation-link';
+    const blockType = menuItem.children?.length ? 'core/navigation-submenu' : 'core/navigation-link';
     const attributes = menuItemToBlockAttributes(menuItem, blockType, level); // If there are children recurse to build those nested blocks.
 
     const {
@@ -56,7 +53,7 @@ function mapMenuItemsToBlocks(menuItems) {
       // alias to avoid shadowing
       mapping: nestedMapping = {} // alias to avoid shadowing
 
-    } = (_menuItem$children2 = menuItem.children) !== null && _menuItem$children2 !== void 0 && _menuItem$children2.length ? mapMenuItemsToBlocks(menuItem.children, level + 1) : {}; // Update parent mapping with nested mapping.
+    } = menuItem.children?.length ? mapMenuItemsToBlocks(menuItem.children, level + 1) : {}; // Update parent mapping with nested mapping.
 
     mapping = { ...mapping,
       ...nestedMapping
@@ -101,24 +98,20 @@ function mapMenuItemsToBlocks(menuItems) {
  */
 
 
-function menuItemToBlockAttributes(_ref, blockType, level) {
-  var _object;
-
-  let {
-    title: menuItemTitleField,
-    xfn,
-    classes,
-    // eslint-disable-next-line camelcase
-    attr_title,
-    object,
-    // eslint-disable-next-line camelcase
-    object_id,
-    description,
-    url,
-    type: menuItemTypeField,
-    target
-  } = _ref;
-
+function menuItemToBlockAttributes({
+  title: menuItemTitleField,
+  xfn,
+  classes,
+  // eslint-disable-next-line camelcase
+  attr_title,
+  object,
+  // eslint-disable-next-line camelcase
+  object_id,
+  description,
+  url,
+  type: menuItemTypeField,
+  target
+}, blockType, level) {
   // For historical reasons, the `core/navigation-link` variation type is `tag`
   // whereas WP Core expects `post_tag` as the `object` type.
   // To avoid writing a block migration we perform a conversion here.
@@ -128,21 +121,21 @@ function menuItemToBlockAttributes(_ref, blockType, level) {
   }
 
   return {
-    label: (menuItemTitleField === null || menuItemTitleField === void 0 ? void 0 : menuItemTitleField.rendered) || '',
-    ...(((_object = object) === null || _object === void 0 ? void 0 : _object.length) && {
+    label: menuItemTitleField?.rendered || '',
+    ...(object?.length && {
       type: object
     }),
-    kind: (menuItemTypeField === null || menuItemTypeField === void 0 ? void 0 : menuItemTypeField.replace('_', '-')) || 'custom',
+    kind: menuItemTypeField?.replace('_', '-') || 'custom',
     url: url || '',
-    ...((xfn === null || xfn === void 0 ? void 0 : xfn.length) && xfn.join(' ').trim() && {
+    ...(xfn?.length && xfn.join(' ').trim() && {
       rel: xfn.join(' ').trim()
     }),
-    ...((classes === null || classes === void 0 ? void 0 : classes.length) && classes.join(' ').trim() && {
+    ...(classes?.length && classes.join(' ').trim() && {
       className: classes.join(' ').trim()
     }),
 
     /* eslint-disable camelcase */
-    ...((attr_title === null || attr_title === void 0 ? void 0 : attr_title.length) && {
+    ...(attr_title?.length && {
       title: attr_title
     }),
     ...(object_id && 'custom' !== object && {
@@ -150,7 +143,7 @@ function menuItemToBlockAttributes(_ref, blockType, level) {
     }),
 
     /* eslint-enable camelcase */
-    ...((description === null || description === void 0 ? void 0 : description.length) && {
+    ...(description?.length && {
       description
     }),
     ...(target === '_blank' && {
@@ -181,9 +174,7 @@ function menuItemToBlockAttributes(_ref, blockType, level) {
  */
 
 
-function createDataTree(dataset) {
-  let id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'id';
-  let relation = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'parent';
+function createDataTree(dataset, id = 'id', relation = 'parent') {
   const hashTable = Object.create(null);
   const dataTree = [];