@wordpress/block-library 8.19.2 → 8.20.0

package/build/navigation/edit/overlay-menu-preview.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = OverlayMenuPreview;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _overlayMenuIcon = _interopRequireDefault(require("./overlay-menu-icon"));
@@ -22,7 +22,7 @@ function OverlayMenuPreview({
   hasIcon,
   icon
 }) {
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.ToggleControl, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Show icon button'),
     help: (0, _i18n.__)('Configure the visual appearance of the button opening the overlay menu.'),
@@ -30,7 +30,7 @@ function OverlayMenuPreview({
       hasIcon: value
     }),
     checked: hasIcon
-  }), (0, _element.createElement)(_components.__experimentalToggleGroupControl, {
+  }), (0, _react.createElement)(_components.__experimentalToggleGroupControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Icon'),
     value: icon,
@@ -38,16 +38,16 @@ function OverlayMenuPreview({
       icon: value
     }),
     isBlock: true
-  }, (0, _element.createElement)(_components.__experimentalToggleGroupControlOption, {
+  }, (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
     value: "handle",
     "aria-label": (0, _i18n.__)('handle'),
-    label: (0, _element.createElement)(_overlayMenuIcon.default, {
+    label: (0, _react.createElement)(_overlayMenuIcon.default, {
       icon: "handle"
     })
-  }), (0, _element.createElement)(_components.__experimentalToggleGroupControlOption, {
+  }), (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
     value: "menu",
     "aria-label": (0, _i18n.__)('menu'),
-    label: (0, _element.createElement)(_overlayMenuIcon.default, {
+    label: (0, _react.createElement)(_overlayMenuIcon.default, {
       icon: "menu"
     })
   })));

package/build/navigation/edit/overlay-menu-preview.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_overlayMenuIcon","_interopRequireDefault","OverlayMenuPreview","setAttributes","hasIcon","icon","_element","createElement","Fragment","ToggleControl","__nextHasNoMarginBottom","label","__","help","onChange","value","checked","__experimentalToggleGroupControl","isBlock","__experimentalToggleGroupControlOption","default"],"sources":["@wordpress/block-library/src/navigation/edit/overlay-menu-preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tToggleControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport OverlayMenuIcon from './overlay-menu-icon';\n\nexport default function OverlayMenuPreview( { setAttributes, hasIcon, icon } ) {\n\treturn (\n\t\t<>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Show icon button' ) }\n\t\t\t\thelp={ __(\n\t\t\t\t\t'Configure the visual appearance of the button opening the overlay menu.'\n\t\t\t\t) }\n\t\t\t\tonChange={ ( value ) => setAttributes( { hasIcon: value } ) }\n\t\t\t\tchecked={ hasIcon }\n\t\t\t/>\n\n\t\t\t<ToggleGroupControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Icon' ) }\n\t\t\t\tvalue={ icon }\n\t\t\t\tonChange={ ( value ) => setAttributes( { icon: value } ) }\n\t\t\t\tisBlock\n\t\t\t>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"handle\"\n\t\t\t\t\taria-label={ __( 'handle' ) }\n\t\t\t\t\tlabel={ <OverlayMenuIcon icon=\"handle\" /> }\n\t\t\t\t/>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"menu\"\n\t\t\t\t\taria-label={ __( 'menu' ) }\n\t\t\t\t\tlabel={ <OverlayMenuIcon icon=\"menu\" /> }\n\t\t\t\t/>\n\t\t\t</ToggleGroupControl>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAQA;AACA;AACA;;AAGe,SAASI,kBAAkBA,CAAE;EAAEC,aAAa;EAAEC,OAAO;EAAEC;AAAK,CAAC,EAAG;EAC9E,OACC,IAAAC,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA,EAACV,WAAA,CAAAY,aAAa;IACbC,uBAAuB;IACvBC,KAAK,EAAG,IAAAC,QAAE,EAAE,kBAAmB,CAAG;IAClCC,IAAI,EAAG,IAAAD,QAAE,EACR,yEACD,CAAG;IACHE,QAAQ,EAAKC,KAAK,IAAMZ,aAAa,CAAE;MAAEC,OAAO,EAAEW;IAAM,CAAE,CAAG;IAC7DC,OAAO,EAAGZ;EAAS,CACnB,CAAC,EAEF,IAAAE,QAAA,CAAAC,aAAA,EAACV,WAAA,CAAAoB,gCAAkB;IAClBP,uBAAuB;IACvBC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;IACtBG,KAAK,EAAGV,IAAM;IACdS,QAAQ,EAAKC,KAAK,IAAMZ,aAAa,CAAE;MAAEE,IAAI,EAAEU;IAAM,CAAE,CAAG;IAC1DG,OAAO;EAAA,GAEP,IAAAZ,QAAA,CAAAC,aAAA,EAACV,WAAA,CAAAsB,sCAAwB;IACxBJ,KAAK,EAAC,QAAQ;IACd,cAAa,IAAAH,QAAE,EAAE,QAAS,CAAG;IAC7BD,KAAK,EAAG,IAAAL,QAAA,CAAAC,aAAA,EAACP,gBAAA,CAAAoB,OAAe;MAACf,IAAI,EAAC;IAAQ,CAAE;EAAG,CAC3C,CAAC,EACF,IAAAC,QAAA,CAAAC,aAAA,EAACV,WAAA,CAAAsB,sCAAwB;IACxBJ,KAAK,EAAC,MAAM;IACZ,cAAa,IAAAH,QAAE,EAAE,MAAO,CAAG;IAC3BD,KAAK,EAAG,IAAAL,QAAA,CAAAC,aAAA,EAACP,gBAAA,CAAAoB,OAAe;MAACf,IAAI,EAAC;IAAM,CAAE;EAAG,CACzC,CACkB,CACnB,CAAC;AAEL"}
+{"version":3,"names":["_components","require","_i18n","_overlayMenuIcon","_interopRequireDefault","OverlayMenuPreview","setAttributes","hasIcon","icon","_react","createElement","Fragment","ToggleControl","__nextHasNoMarginBottom","label","__","help","onChange","value","checked","__experimentalToggleGroupControl","isBlock","__experimentalToggleGroupControlOption","default"],"sources":["@wordpress/block-library/src/navigation/edit/overlay-menu-preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tToggleControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport OverlayMenuIcon from './overlay-menu-icon';\n\nexport default function OverlayMenuPreview( { setAttributes, hasIcon, icon } ) {\n\treturn (\n\t\t<>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Show icon button' ) }\n\t\t\t\thelp={ __(\n\t\t\t\t\t'Configure the visual appearance of the button opening the overlay menu.'\n\t\t\t\t) }\n\t\t\t\tonChange={ ( value ) => setAttributes( { hasIcon: value } ) }\n\t\t\t\tchecked={ hasIcon }\n\t\t\t/>\n\n\t\t\t<ToggleGroupControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Icon' ) }\n\t\t\t\tvalue={ icon }\n\t\t\t\tonChange={ ( value ) => setAttributes( { icon: value } ) }\n\t\t\t\tisBlock\n\t\t\t>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"handle\"\n\t\t\t\t\taria-label={ __( 'handle' ) }\n\t\t\t\t\tlabel={ <OverlayMenuIcon icon=\"handle\" /> }\n\t\t\t\t/>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"menu\"\n\t\t\t\t\taria-label={ __( 'menu' ) }\n\t\t\t\t\tlabel={ <OverlayMenuIcon icon=\"menu\" /> }\n\t\t\t\t/>\n\t\t\t</ToggleGroupControl>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAQA;AACA;AACA;;AAGe,SAASI,kBAAkBA,CAAE;EAAEC,aAAa;EAAEC,OAAO;EAAEC;AAAK,CAAC,EAAG;EAC9E,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAY,aAAa;IACbC,uBAAuB;IACvBC,KAAK,EAAG,IAAAC,QAAE,EAAE,kBAAmB,CAAG;IAClCC,IAAI,EAAG,IAAAD,QAAE,EACR,yEACD,CAAG;IACHE,QAAQ,EAAKC,KAAK,IAAMZ,aAAa,CAAE;MAAEC,OAAO,EAAEW;IAAM,CAAE,CAAG;IAC7DC,OAAO,EAAGZ;EAAS,CACnB,CAAC,EAEF,IAAAE,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAoB,gCAAkB;IAClBP,uBAAuB;IACvBC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;IACtBG,KAAK,EAAGV,IAAM;IACdS,QAAQ,EAAKC,KAAK,IAAMZ,aAAa,CAAE;MAAEE,IAAI,EAAEU;IAAM,CAAE,CAAG;IAC1DG,OAAO;EAAA,GAEP,IAAAZ,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAsB,sCAAwB;IACxBJ,KAAK,EAAC,QAAQ;IACd,cAAa,IAAAH,QAAE,EAAE,QAAS,CAAG;IAC7BD,KAAK,EAAG,IAAAL,MAAA,CAAAC,aAAA,EAACP,gBAAA,CAAAoB,OAAe;MAACf,IAAI,EAAC;IAAQ,CAAE;EAAG,CAC3C,CAAC,EACF,IAAAC,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAsB,sCAAwB;IACxBJ,KAAK,EAAC,MAAM;IACZ,cAAa,IAAAH,QAAE,EAAE,MAAO,CAAG;IAC3BD,KAAK,EAAG,IAAAL,MAAA,CAAAC,aAAA,EAACP,gBAAA,CAAAoB,OAAe;MAACf,IAAI,EAAC;IAAM,CAAE;EAAG,CACzC,CACkB,CACnB,CAAC;AAEL"}

package/build/navigation/edit/placeholder/index.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = NavigationPlaceholder;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
 var _a11y = require("@wordpress/a11y");
+var _element = require("@wordpress/element");
 var _useNavigationEntities = _interopRequireDefault(require("../../use-navigation-entities"));
 var _placeholderPreview = _interopRequireDefault(require("./placeholder-preview"));
 var _navigationMenuSelector = _interopRequireDefault(require("../navigation-menu-selector"));
@@ -47,25 +48,25 @@ function NavigationPlaceholder({
     }
   }, [hasResolvedMenus, isResolvingMenus, isSelected]);
   const isResolvingActions = isResolvingMenus && isResolvingCanUserCreateNavigationMenu;
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.Placeholder, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.Placeholder, {
     className: "wp-block-navigation-placeholder"
-  }, (0, _element.createElement)(_placeholderPreview.default, {
+  }, (0, _react.createElement)(_placeholderPreview.default, {
     isVisible: !isSelected
-  }), (0, _element.createElement)("div", {
+  }), (0, _react.createElement)("div", {
     "aria-hidden": !isSelected ? true : undefined,
     className: "wp-block-navigation-placeholder__controls"
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     className: "wp-block-navigation-placeholder__actions"
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     className: "wp-block-navigation-placeholder__actions__indicator"
-  }, (0, _element.createElement)(_icons.Icon, {
+  }, (0, _react.createElement)(_icons.Icon, {
     icon: _icons.navigation
-  }), " ", (0, _i18n.__)('Navigation')), (0, _element.createElement)("hr", null), isResolvingActions && (0, _element.createElement)(_components.Spinner, null), (0, _element.createElement)(_navigationMenuSelector.default, {
+  }), " ", (0, _i18n.__)('Navigation')), (0, _react.createElement)("hr", null), isResolvingActions && (0, _react.createElement)(_components.Spinner, null), (0, _react.createElement)(_navigationMenuSelector.default, {
     currentMenuId: currentMenuId,
     clientId: clientId,
     onSelectNavigationMenu: onSelectNavigationMenu,
     onSelectClassicMenu: onSelectClassicMenu
-  }), (0, _element.createElement)("hr", null), canUserCreateNavigationMenu && (0, _element.createElement)(_components.Button, {
+  }), (0, _react.createElement)("hr", null), canUserCreateNavigationMenu && (0, _react.createElement)(_components.Button, {
     variant: "tertiary",
     onClick: onCreateEmpty
   }, (0, _i18n.__)('Start empty'))))));

package/build/navigation/edit/placeholder/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_i18n","_icons","_a11y","_useNavigationEntities","_interopRequireDefault","_placeholderPreview","_navigationMenuSelector","NavigationPlaceholder","isSelected","currentMenuId","clientId","canUserCreateNavigationMenu","isResolvingCanUserCreateNavigationMenu","onSelectNavigationMenu","onSelectClassicMenu","onCreateEmpty","isResolvingMenus","hasResolvedMenus","useNavigationEntities","useEffect","speak","__","isResolvingActions","createElement","Fragment","Placeholder","className","default","isVisible","undefined","Icon","icon","navigation","Spinner","Button","variant","onClick"],"sources":["@wordpress/block-library/src/navigation/edit/placeholder/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Placeholder, Button, Spinner } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { navigation, Icon } from '@wordpress/icons';\nimport { speak } from '@wordpress/a11y';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useNavigationEntities from '../../use-navigation-entities';\nimport PlaceholderPreview from './placeholder-preview';\nimport NavigationMenuSelector from '../navigation-menu-selector';\n\nexport default function NavigationPlaceholder( {\n\tisSelected,\n\tcurrentMenuId,\n\tclientId,\n\tcanUserCreateNavigationMenu = false,\n\tisResolvingCanUserCreateNavigationMenu,\n\tonSelectNavigationMenu,\n\tonSelectClassicMenu,\n\tonCreateEmpty,\n} ) {\n\tconst { isResolvingMenus, hasResolvedMenus } = useNavigationEntities();\n\n\tuseEffect( () => {\n\t\tif ( ! isSelected ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isResolvingMenus ) {\n\t\t\tspeak( __( 'Loading navigation block setup options…' ) );\n\t\t}\n\n\t\tif ( hasResolvedMenus ) {\n\t\t\tspeak( __( 'Navigation block setup options ready.' ) );\n\t\t}\n\t}, [ hasResolvedMenus, isResolvingMenus, isSelected ] );\n\n\tconst isResolvingActions =\n\t\tisResolvingMenus && isResolvingCanUserCreateNavigationMenu;\n\n\treturn (\n\t\t<>\n\t\t\t<Placeholder className=\"wp-block-navigation-placeholder\">\n\t\t\t\t{\n\t\t\t\t\t// The <PlaceholderPreview> component is displayed conditionally via CSS depending on\n\t\t\t\t\t// whether the block is selected or not. This is achieved via CSS to avoid\n\t\t\t\t\t// component re-renders\n\t\t\t\t }\n\t\t\t\t<PlaceholderPreview isVisible={ ! isSelected } />\n\t\t\t\t<div\n\t\t\t\t\taria-hidden={ ! isSelected ? true : undefined }\n\t\t\t\t\tclassName=\"wp-block-navigation-placeholder__controls\"\n\t\t\t\t>\n\t\t\t\t\t<div className=\"wp-block-navigation-placeholder__actions\">\n\t\t\t\t\t\t<div className=\"wp-block-navigation-placeholder__actions__indicator\">\n\t\t\t\t\t\t\t<Icon icon={ navigation } /> { __( 'Navigation' ) }\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<hr />\n\n\t\t\t\t\t\t{ isResolvingActions && <Spinner /> }\n\n\t\t\t\t\t\t<NavigationMenuSelector\n\t\t\t\t\t\t\tcurrentMenuId={ currentMenuId }\n\t\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\t\tonSelectNavigationMenu={ onSelectNavigationMenu }\n\t\t\t\t\t\t\tonSelectClassicMenu={ onSelectClassicMenu }\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<hr />\n\n\t\t\t\t\t\t{ canUserCreateNavigationMenu && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\tonClick={ onCreateEmpty }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Start empty' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Placeholder>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAOA,IAAAA,QAAA,GAAAC,OAAA;AAJA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAMA,IAAAK,sBAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,mBAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,uBAAA,GAAAF,sBAAA,CAAAN,OAAA;AAdA;AACA;AACA;;AAOA;AACA;AACA;;AAKe,SAASS,qBAAqBA,CAAE;EAC9CC,UAAU;EACVC,aAAa;EACbC,QAAQ;EACRC,2BAA2B,GAAG,KAAK;EACnCC,sCAAsC;EACtCC,sBAAsB;EACtBC,mBAAmB;EACnBC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC,gBAAgB;IAAEC;EAAiB,CAAC,GAAG,IAAAC,8BAAqB,EAAC,CAAC;EAEtE,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAK,CAAEX,UAAU,EAAG;MACnB;IACD;IAEA,IAAKQ,gBAAgB,EAAG;MACvB,IAAAI,WAAK,EAAE,IAAAC,QAAE,EAAE,yCAA0C,CAAE,CAAC;IACzD;IAEA,IAAKJ,gBAAgB,EAAG;MACvB,IAAAG,WAAK,EAAE,IAAAC,QAAE,EAAE,uCAAwC,CAAE,CAAC;IACvD;EACD,CAAC,EAAE,CAAEJ,gBAAgB,EAAED,gBAAgB,EAAER,UAAU,CAAG,CAAC;EAEvD,MAAMc,kBAAkB,GACvBN,gBAAgB,IAAIJ,sCAAsC;EAE3D,OACC,IAAAf,QAAA,CAAA0B,aAAA,EAAA1B,QAAA,CAAA2B,QAAA,QACC,IAAA3B,QAAA,CAAA0B,aAAA,EAACxB,WAAA,CAAA0B,WAAW;IAACC,SAAS,EAAC;EAAiC,GAMvD,IAAA7B,QAAA,CAAA0B,aAAA,EAAClB,mBAAA,CAAAsB,OAAkB;IAACC,SAAS,EAAG,CAAEpB;EAAY,CAAE,CAAC,EACjD,IAAAX,QAAA,CAAA0B,aAAA;IACC,eAAc,CAAEf,UAAU,GAAG,IAAI,GAAGqB,SAAW;IAC/CH,SAAS,EAAC;EAA2C,GAErD,IAAA7B,QAAA,CAAA0B,aAAA;IAAKG,SAAS,EAAC;EAA0C,GACxD,IAAA7B,QAAA,CAAA0B,aAAA;IAAKG,SAAS,EAAC;EAAqD,GACnE,IAAA7B,QAAA,CAAA0B,aAAA,EAACtB,MAAA,CAAA6B,IAAI;IAACC,IAAI,EAAGC;EAAY,CAAE,CAAC,KAAC,EAAE,IAAAX,QAAE,EAAE,YAAa,CAC5C,CAAC,EAEN,IAAAxB,QAAA,CAAA0B,aAAA,YAAK,CAAC,EAEJD,kBAAkB,IAAI,IAAAzB,QAAA,CAAA0B,aAAA,EAACxB,WAAA,CAAAkC,OAAO,MAAE,CAAC,EAEnC,IAAApC,QAAA,CAAA0B,aAAA,EAACjB,uBAAA,CAAAqB,OAAsB;IACtBlB,aAAa,EAAGA,aAAe;IAC/BC,QAAQ,EAAGA,QAAU;IACrBG,sBAAsB,EAAGA,sBAAwB;IACjDC,mBAAmB,EAAGA;EAAqB,CAC3C,CAAC,EAEF,IAAAjB,QAAA,CAAA0B,aAAA,YAAK,CAAC,EAEJZ,2BAA2B,IAC5B,IAAAd,QAAA,CAAA0B,aAAA,EAACxB,WAAA,CAAAmC,MAAM;IACNC,OAAO,EAAC,UAAU;IAClBC,OAAO,EAAGrB;EAAe,GAEvB,IAAAM,QAAE,EAAE,aAAc,CACb,CAEL,CACD,CACO,CACZ,CAAC;AAEL"}
+{"version":3,"names":["_components","require","_i18n","_icons","_a11y","_element","_useNavigationEntities","_interopRequireDefault","_placeholderPreview","_navigationMenuSelector","NavigationPlaceholder","isSelected","currentMenuId","clientId","canUserCreateNavigationMenu","isResolvingCanUserCreateNavigationMenu","onSelectNavigationMenu","onSelectClassicMenu","onCreateEmpty","isResolvingMenus","hasResolvedMenus","useNavigationEntities","useEffect","speak","__","isResolvingActions","_react","createElement","Fragment","Placeholder","className","default","isVisible","undefined","Icon","icon","navigation","Spinner","Button","variant","onClick"],"sources":["@wordpress/block-library/src/navigation/edit/placeholder/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Placeholder, Button, Spinner } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { navigation, Icon } from '@wordpress/icons';\nimport { speak } from '@wordpress/a11y';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useNavigationEntities from '../../use-navigation-entities';\nimport PlaceholderPreview from './placeholder-preview';\nimport NavigationMenuSelector from '../navigation-menu-selector';\n\nexport default function NavigationPlaceholder( {\n\tisSelected,\n\tcurrentMenuId,\n\tclientId,\n\tcanUserCreateNavigationMenu = false,\n\tisResolvingCanUserCreateNavigationMenu,\n\tonSelectNavigationMenu,\n\tonSelectClassicMenu,\n\tonCreateEmpty,\n} ) {\n\tconst { isResolvingMenus, hasResolvedMenus } = useNavigationEntities();\n\n\tuseEffect( () => {\n\t\tif ( ! isSelected ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isResolvingMenus ) {\n\t\t\tspeak( __( 'Loading navigation block setup options…' ) );\n\t\t}\n\n\t\tif ( hasResolvedMenus ) {\n\t\t\tspeak( __( 'Navigation block setup options ready.' ) );\n\t\t}\n\t}, [ hasResolvedMenus, isResolvingMenus, isSelected ] );\n\n\tconst isResolvingActions =\n\t\tisResolvingMenus && isResolvingCanUserCreateNavigationMenu;\n\n\treturn (\n\t\t<>\n\t\t\t<Placeholder className=\"wp-block-navigation-placeholder\">\n\t\t\t\t{\n\t\t\t\t\t// The <PlaceholderPreview> component is displayed conditionally via CSS depending on\n\t\t\t\t\t// whether the block is selected or not. This is achieved via CSS to avoid\n\t\t\t\t\t// component re-renders\n\t\t\t\t }\n\t\t\t\t<PlaceholderPreview isVisible={ ! isSelected } />\n\t\t\t\t<div\n\t\t\t\t\taria-hidden={ ! isSelected ? true : undefined }\n\t\t\t\t\tclassName=\"wp-block-navigation-placeholder__controls\"\n\t\t\t\t>\n\t\t\t\t\t<div className=\"wp-block-navigation-placeholder__actions\">\n\t\t\t\t\t\t<div className=\"wp-block-navigation-placeholder__actions__indicator\">\n\t\t\t\t\t\t\t<Icon icon={ navigation } /> { __( 'Navigation' ) }\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<hr />\n\n\t\t\t\t\t\t{ isResolvingActions && <Spinner /> }\n\n\t\t\t\t\t\t<NavigationMenuSelector\n\t\t\t\t\t\t\tcurrentMenuId={ currentMenuId }\n\t\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\t\tonSelectNavigationMenu={ onSelectNavigationMenu }\n\t\t\t\t\t\t\tonSelectClassicMenu={ onSelectClassicMenu }\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<hr />\n\n\t\t\t\t\t\t{ canUserCreateNavigationMenu && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\tonClick={ onCreateEmpty }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Start empty' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Placeholder>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,sBAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,mBAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,uBAAA,GAAAF,sBAAA,CAAAN,OAAA;AAdA;AACA;AACA;;AAOA;AACA;AACA;;AAKe,SAASS,qBAAqBA,CAAE;EAC9CC,UAAU;EACVC,aAAa;EACbC,QAAQ;EACRC,2BAA2B,GAAG,KAAK;EACnCC,sCAAsC;EACtCC,sBAAsB;EACtBC,mBAAmB;EACnBC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC,gBAAgB;IAAEC;EAAiB,CAAC,GAAG,IAAAC,8BAAqB,EAAC,CAAC;EAEtE,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAK,CAAEX,UAAU,EAAG;MACnB;IACD;IAEA,IAAKQ,gBAAgB,EAAG;MACvB,IAAAI,WAAK,EAAE,IAAAC,QAAE,EAAE,yCAA0C,CAAE,CAAC;IACzD;IAEA,IAAKJ,gBAAgB,EAAG;MACvB,IAAAG,WAAK,EAAE,IAAAC,QAAE,EAAE,uCAAwC,CAAE,CAAC;IACvD;EACD,CAAC,EAAE,CAAEJ,gBAAgB,EAAED,gBAAgB,EAAER,UAAU,CAAG,CAAC;EAEvD,MAAMc,kBAAkB,GACvBN,gBAAgB,IAAIJ,sCAAsC;EAE3D,OACC,IAAAW,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAAC3B,WAAA,CAAA6B,WAAW;IAACC,SAAS,EAAC;EAAiC,GAMvD,IAAAJ,MAAA,CAAAC,aAAA,EAACnB,mBAAA,CAAAuB,OAAkB;IAACC,SAAS,EAAG,CAAErB;EAAY,CAAE,CAAC,EACjD,IAAAe,MAAA,CAAAC,aAAA;IACC,eAAc,CAAEhB,UAAU,GAAG,IAAI,GAAGsB,SAAW;IAC/CH,SAAS,EAAC;EAA2C,GAErD,IAAAJ,MAAA,CAAAC,aAAA;IAAKG,SAAS,EAAC;EAA0C,GACxD,IAAAJ,MAAA,CAAAC,aAAA;IAAKG,SAAS,EAAC;EAAqD,GACnE,IAAAJ,MAAA,CAAAC,aAAA,EAACxB,MAAA,CAAA+B,IAAI;IAACC,IAAI,EAAGC;EAAY,CAAE,CAAC,KAAC,EAAE,IAAAZ,QAAE,EAAE,YAAa,CAC5C,CAAC,EAEN,IAAAE,MAAA,CAAAC,aAAA,YAAK,CAAC,EAEJF,kBAAkB,IAAI,IAAAC,MAAA,CAAAC,aAAA,EAAC3B,WAAA,CAAAqC,OAAO,MAAE,CAAC,EAEnC,IAAAX,MAAA,CAAAC,aAAA,EAAClB,uBAAA,CAAAsB,OAAsB;IACtBnB,aAAa,EAAGA,aAAe;IAC/BC,QAAQ,EAAGA,QAAU;IACrBG,sBAAsB,EAAGA,sBAAwB;IACjDC,mBAAmB,EAAGA;EAAqB,CAC3C,CAAC,EAEF,IAAAS,MAAA,CAAAC,aAAA,YAAK,CAAC,EAEJb,2BAA2B,IAC5B,IAAAY,MAAA,CAAAC,aAAA,EAAC3B,WAAA,CAAAsC,MAAM;IACNC,OAAO,EAAC,UAAU;IAClBC,OAAO,EAAGtB;EAAe,GAEvB,IAAAM,QAAE,EAAE,aAAc,CACb,CAEL,CACD,CACO,CACZ,CAAC;AAEL"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _icons = require("@wordpress/icons");
 var _i18n = require("@wordpress/i18n");
 /**
@@ -14,12 +14,12 @@ var _i18n = require("@wordpress/i18n");
 const PlaceholderPreview = ({
   isVisible = true
 }) => {
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     "aria-hidden": !isVisible ? true : undefined,
     className: "wp-block-navigation-placeholder__preview"
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     className: "wp-block-navigation-placeholder__actions__indicator"
-  }, (0, _element.createElement)(_icons.Icon, {
+  }, (0, _react.createElement)(_icons.Icon, {
     icon: _icons.navigation
   }), (0, _i18n.__)('Navigation')));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_icons","require","_i18n","PlaceholderPreview","isVisible","_element","createElement","undefined","className","Icon","icon","navigation","__","_default","exports","default"],"sources":["@wordpress/block-library/src/navigation/edit/placeholder/placeholder-preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Icon, navigation } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nconst PlaceholderPreview = ( { isVisible = true } ) => {\n\treturn (\n\t\t<div\n\t\t\taria-hidden={ ! isVisible ? true : undefined }\n\t\t\tclassName=\"wp-block-navigation-placeholder__preview\"\n\t\t>\n\t\t\t<div className=\"wp-block-navigation-placeholder__actions__indicator\">\n\t\t\t\t<Icon icon={ navigation } />\n\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default PlaceholderPreview;\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIA,MAAME,kBAAkB,GAAGA,CAAE;EAAEC,SAAS,GAAG;AAAK,CAAC,KAAM;EACtD,OACC,IAAAC,QAAA,CAAAC,aAAA;IACC,eAAc,CAAEF,SAAS,GAAG,IAAI,GAAGG,SAAW;IAC9CC,SAAS,EAAC;EAA0C,GAEpD,IAAAH,QAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAAqD,GACnE,IAAAH,QAAA,CAAAC,aAAA,EAACN,MAAA,CAAAS,IAAI;IAACC,IAAI,EAAGC;EAAY,CAAE,CAAC,EAC1B,IAAAC,QAAE,EAAE,YAAa,CACf,CACD,CAAC;AAER,CAAC;AAAC,IAAAC,QAAA,GAEaV,kBAAkB;AAAAW,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_icons","require","_i18n","PlaceholderPreview","isVisible","_react","createElement","undefined","className","Icon","icon","navigation","__","_default","exports","default"],"sources":["@wordpress/block-library/src/navigation/edit/placeholder/placeholder-preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Icon, navigation } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nconst PlaceholderPreview = ( { isVisible = true } ) => {\n\treturn (\n\t\t<div\n\t\t\taria-hidden={ ! isVisible ? true : undefined }\n\t\t\tclassName=\"wp-block-navigation-placeholder__preview\"\n\t\t>\n\t\t\t<div className=\"wp-block-navigation-placeholder__actions__indicator\">\n\t\t\t\t<Icon icon={ navigation } />\n\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default PlaceholderPreview;\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIA,MAAME,kBAAkB,GAAGA,CAAE;EAAEC,SAAS,GAAG;AAAK,CAAC,KAAM;EACtD,OACC,IAAAC,MAAA,CAAAC,aAAA;IACC,eAAc,CAAEF,SAAS,GAAG,IAAI,GAAGG,SAAW;IAC9CC,SAAS,EAAC;EAA0C,GAEpD,IAAAH,MAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAAqD,GACnE,IAAAH,MAAA,CAAAC,aAAA,EAACN,MAAA,CAAAS,IAAI;IAACC,IAAI,EAAGC;EAAY,CAAE,CAAC,EAC1B,IAAAC,QAAE,EAAE,YAAa,CACf,CACD,CAAC;AAER,CAAC;AAAC,IAAAC,QAAA,GAEaV,kBAAkB;AAAAW,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/navigation/edit/responsive-wrapper.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ResponsiveWrapper;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _icons = require("@wordpress/icons");
 var _components = require("@wordpress/components");
@@ -63,29 +63,29 @@ function ResponsiveWrapper({
       'aria-label': (0, _i18n.__)('Menu')
     })
   };
-  return (0, _element.createElement)(_element.Fragment, null, !isOpen && (0, _element.createElement)(_components.Button, {
+  return (0, _react.createElement)(_react.Fragment, null, !isOpen && (0, _react.createElement)(_components.Button, {
     "aria-haspopup": "true",
     "aria-label": hasIcon && (0, _i18n.__)('Open menu'),
     className: openButtonClasses,
     onClick: () => onToggle(true)
-  }, hasIcon && (0, _element.createElement)(_overlayMenuIcon.default, {
+  }, hasIcon && (0, _react.createElement)(_overlayMenuIcon.default, {
     icon: icon
-  }), !hasIcon && (0, _i18n.__)('Menu')), (0, _element.createElement)("div", {
+  }), !hasIcon && (0, _i18n.__)('Menu')), (0, _react.createElement)("div", {
     className: responsiveContainerClasses,
     style: styles,
     id: modalId
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     className: "wp-block-navigation__responsive-close",
     tabIndex: "-1"
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     ...dialogProps
-  }, (0, _element.createElement)(_components.Button, {
+  }, (0, _react.createElement)(_components.Button, {
     className: "wp-block-navigation__responsive-container-close",
     "aria-label": hasIcon && (0, _i18n.__)('Close menu'),
     onClick: () => onToggle(false)
-  }, hasIcon && (0, _element.createElement)(_icons.Icon, {
+  }, hasIcon && (0, _react.createElement)(_icons.Icon, {
     icon: _icons.close
-  }), !hasIcon && (0, _i18n.__)('Close')), (0, _element.createElement)("div", {
+  }), !hasIcon && (0, _i18n.__)('Close')), (0, _react.createElement)("div", {
     className: "wp-block-navigation__responsive-container-content",
     id: `${modalId}-content`
   }, children)))));

package/build/navigation/edit/responsive-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_icons","_components","_i18n","_blockEditor","_overlayMenuIcon","ResponsiveWrapper","children","id","isOpen","isResponsive","onToggle","isHiddenByDefault","overlayBackgroundColor","overlayTextColor","hasIcon","icon","responsiveContainerClasses","classnames","color","class","getColorClassName","slug","styles","backgroundColor","openButtonClasses","modalId","dialogProps","className","role","__","_element","createElement","Fragment","Button","onClick","default","style","tabIndex","Icon","close"],"sources":["@wordpress/block-library/src/navigation/edit/responsive-wrapper.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { close, Icon } from '@wordpress/icons';\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { getColorClassName } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport OverlayMenuIcon from './overlay-menu-icon';\n\nexport default function ResponsiveWrapper( {\n\tchildren,\n\tid,\n\tisOpen,\n\tisResponsive,\n\tonToggle,\n\tisHiddenByDefault,\n\toverlayBackgroundColor,\n\toverlayTextColor,\n\thasIcon,\n\ticon,\n} ) {\n\tif ( ! isResponsive ) {\n\t\treturn children;\n\t}\n\n\tconst responsiveContainerClasses = classnames(\n\t\t'wp-block-navigation__responsive-container',\n\t\t{\n\t\t\t'has-text-color':\n\t\t\t\t!! overlayTextColor.color || !! overlayTextColor?.class,\n\t\t\t[ getColorClassName( 'color', overlayTextColor?.slug ) ]:\n\t\t\t\t!! overlayTextColor?.slug,\n\t\t\t'has-background':\n\t\t\t\t!! overlayBackgroundColor.color ||\n\t\t\t\toverlayBackgroundColor?.class,\n\t\t\t[ getColorClassName(\n\t\t\t\t'background-color',\n\t\t\t\toverlayBackgroundColor?.slug\n\t\t\t) ]: !! overlayBackgroundColor?.slug,\n\t\t\t'is-menu-open': isOpen,\n\t\t\t'hidden-by-default': isHiddenByDefault,\n\t\t}\n\t);\n\n\tconst styles = {\n\t\tcolor: ! overlayTextColor?.slug && overlayTextColor?.color,\n\t\tbackgroundColor:\n\t\t\t! overlayBackgroundColor?.slug &&\n\t\t\toverlayBackgroundColor?.color &&\n\t\t\toverlayBackgroundColor.color,\n\t};\n\n\tconst openButtonClasses = classnames(\n\t\t'wp-block-navigation__responsive-container-open',\n\t\t{ 'always-shown': isHiddenByDefault }\n\t);\n\n\tconst modalId = `${ id }-modal`;\n\n\tconst dialogProps = {\n\t\tclassName: 'wp-block-navigation__responsive-dialog',\n\t\t...( isOpen && {\n\t\t\trole: 'dialog',\n\t\t\t'aria-modal': true,\n\t\t\t'aria-label': __( 'Menu' ),\n\t\t} ),\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{ ! isOpen && (\n\t\t\t\t<Button\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\taria-label={ hasIcon && __( 'Open menu' ) }\n\t\t\t\t\tclassName={ openButtonClasses }\n\t\t\t\t\tonClick={ () => onToggle( true ) }\n\t\t\t\t>\n\t\t\t\t\t{ hasIcon && <OverlayMenuIcon icon={ icon } /> }\n\t\t\t\t\t{ ! hasIcon && __( 'Menu' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\n\t\t\t<div\n\t\t\t\tclassName={ responsiveContainerClasses }\n\t\t\t\tstyle={ styles }\n\t\t\t\tid={ modalId }\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"wp-block-navigation__responsive-close\"\n\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t>\n\t\t\t\t\t<div { ...dialogProps }>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"wp-block-navigation__responsive-container-close\"\n\t\t\t\t\t\t\taria-label={ hasIcon && __( 'Close menu' ) }\n\t\t\t\t\t\t\tonClick={ () => onToggle( false ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ hasIcon && <Icon icon={ close } /> }\n\t\t\t\t\t\t\t{ ! hasIcon && __( 'Close' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"wp-block-navigation__responsive-container-content\"\n\t\t\t\t\t\t\tid={ `${ modalId }-content` }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_icons","_components","_i18n","_blockEditor","_overlayMenuIcon","ResponsiveWrapper","children","id","isOpen","isResponsive","onToggle","isHiddenByDefault","overlayBackgroundColor","overlayTextColor","hasIcon","icon","responsiveContainerClasses","classnames","color","class","getColorClassName","slug","styles","backgroundColor","openButtonClasses","modalId","dialogProps","className","role","__","_react","createElement","Fragment","Button","onClick","default","style","tabIndex","Icon","close"],"sources":["@wordpress/block-library/src/navigation/edit/responsive-wrapper.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { close, Icon } from '@wordpress/icons';\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { getColorClassName } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport OverlayMenuIcon from './overlay-menu-icon';\n\nexport default function ResponsiveWrapper( {\n\tchildren,\n\tid,\n\tisOpen,\n\tisResponsive,\n\tonToggle,\n\tisHiddenByDefault,\n\toverlayBackgroundColor,\n\toverlayTextColor,\n\thasIcon,\n\ticon,\n} ) {\n\tif ( ! isResponsive ) {\n\t\treturn children;\n\t}\n\n\tconst responsiveContainerClasses = classnames(\n\t\t'wp-block-navigation__responsive-container',\n\t\t{\n\t\t\t'has-text-color':\n\t\t\t\t!! overlayTextColor.color || !! overlayTextColor?.class,\n\t\t\t[ getColorClassName( 'color', overlayTextColor?.slug ) ]:\n\t\t\t\t!! overlayTextColor?.slug,\n\t\t\t'has-background':\n\t\t\t\t!! overlayBackgroundColor.color ||\n\t\t\t\toverlayBackgroundColor?.class,\n\t\t\t[ getColorClassName(\n\t\t\t\t'background-color',\n\t\t\t\toverlayBackgroundColor?.slug\n\t\t\t) ]: !! overlayBackgroundColor?.slug,\n\t\t\t'is-menu-open': isOpen,\n\t\t\t'hidden-by-default': isHiddenByDefault,\n\t\t}\n\t);\n\n\tconst styles = {\n\t\tcolor: ! overlayTextColor?.slug && overlayTextColor?.color,\n\t\tbackgroundColor:\n\t\t\t! overlayBackgroundColor?.slug &&\n\t\t\toverlayBackgroundColor?.color &&\n\t\t\toverlayBackgroundColor.color,\n\t};\n\n\tconst openButtonClasses = classnames(\n\t\t'wp-block-navigation__responsive-container-open',\n\t\t{ 'always-shown': isHiddenByDefault }\n\t);\n\n\tconst modalId = `${ id }-modal`;\n\n\tconst dialogProps = {\n\t\tclassName: 'wp-block-navigation__responsive-dialog',\n\t\t...( isOpen && {\n\t\t\trole: 'dialog',\n\t\t\t'aria-modal': true,\n\t\t\t'aria-label': __( 'Menu' ),\n\t\t} ),\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{ ! isOpen && (\n\t\t\t\t<Button\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\taria-label={ hasIcon && __( 'Open menu' ) }\n\t\t\t\t\tclassName={ openButtonClasses }\n\t\t\t\t\tonClick={ () => onToggle( true ) }\n\t\t\t\t>\n\t\t\t\t\t{ hasIcon && <OverlayMenuIcon icon={ icon } /> }\n\t\t\t\t\t{ ! hasIcon && __( 'Menu' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\n\t\t\t<div\n\t\t\t\tclassName={ responsiveContainerClasses }\n\t\t\t\tstyle={ styles }\n\t\t\t\tid={ modalId }\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"wp-block-navigation__responsive-close\"\n\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t>\n\t\t\t\t\t<div { ...dialogProps }>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"wp-block-navigation__responsive-container-close\"\n\t\t\t\t\t\t\taria-label={ hasIcon && __( 'Close menu' ) }\n\t\t\t\t\t\t\tonClick={ () => onToggle( false ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ hasIcon && <Icon icon={ close } /> }\n\t\t\t\t\t\t\t{ ! hasIcon && __( 'Close' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"wp-block-navigation__responsive-container-content\"\n\t\t\t\t\t\t\tid={ `${ modalId }-content` }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build/navigation/edit/unsaved-inner-blocks.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = UnsavedInnerBlocks;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _coreData = require("@wordpress/core-data");
 var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
 var _areBlocksDirty = require("./are-blocks-dirty");
 var _constants = require("../constants");
 /**
@@ -94,7 +95,7 @@ function UnsavedInnerBlocks({
     createNavigationMenu(null, blocks);
   }, [blocks, createNavigationMenu, isDisabled, isSaving, hasResolvedAllNavigationMenus, innerBlocksAreDirty, hasSelection]);
   const Wrapper = isSaving ? _components.Disabled : 'div';
-  return (0, _element.createElement)(Wrapper, {
+  return (0, _react.createElement)(Wrapper, {
     ...innerBlocksProps
   });
 }

package/build/navigation/edit/unsaved-inner-blocks.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_blockEditor","_components","_coreData","_data","_areBlocksDirty","_constants","EMPTY_OBJECT","UnsavedInnerBlocks","blocks","createNavigationMenu","hasSelection","originalBlocks","useRef","useEffect","current","innerBlocksAreDirty","areBlocksDirty","shouldDirectInsert","useMemo","every","name","isDisabled","useContext","Disabled","Context","innerBlocksProps","useInnerBlocksProps","className","renderAppender","undefined","allowedBlocks","ALLOWED_BLOCKS","defaultBlock","DEFAULT_BLOCK","directInsert","isSaving","hasResolvedAllNavigationMenus","useSelect","select","hasFinishedResolution","isSavingEntityRecord","coreStore","SELECT_NAVIGATION_MENUS_ARGS","Wrapper","createElement"],"sources":["@wordpress/block-library/src/navigation/edit/unsaved-inner-blocks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps } from '@wordpress/block-editor';\nimport { Disabled } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useContext, useEffect, useRef, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { areBlocksDirty } from './are-blocks-dirty';\nimport {\n\tDEFAULT_BLOCK,\n\tALLOWED_BLOCKS,\n\tSELECT_NAVIGATION_MENUS_ARGS,\n} from '../constants';\n\nconst EMPTY_OBJECT = {};\n\nexport default function UnsavedInnerBlocks( {\n\tblocks,\n\tcreateNavigationMenu,\n\thasSelection,\n} ) {\n\tconst originalBlocks = useRef();\n\n\tuseEffect( () => {\n\t\t// Initially store the uncontrolled inner blocks for\n\t\t// dirty state comparison.\n\t\tif ( ! originalBlocks?.current ) {\n\t\t\toriginalBlocks.current = blocks;\n\t\t}\n\t}, [ blocks ] );\n\n\t// If the current inner blocks are different from the original inner blocks\n\t// from the post content then the user has made changes to the inner blocks.\n\t// At this point the inner blocks can be considered \"dirty\".\n\t// Note: referential equality is not sufficient for comparison as the inner blocks\n\t// of the page list are controlled and may be updated async due to syncing with\n\t// entity records. As a result we need to perform a deep equality check skipping\n\t// the page list's inner blocks.\n\tconst innerBlocksAreDirty = areBlocksDirty(\n\t\toriginalBlocks?.current,\n\t\tblocks\n\t);\n\n\tconst shouldDirectInsert = useMemo(\n\t\t() =>\n\t\t\tblocks.every(\n\t\t\t\t( { name } ) =>\n\t\t\t\t\tname === 'core/navigation-link' ||\n\t\t\t\t\tname === 'core/navigation-submenu' ||\n\t\t\t\t\tname === 'core/page-list'\n\t\t\t),\n\t\t[ blocks ]\n\t);\n\n\t// The block will be disabled in a block preview, use this as a way of\n\t// avoiding the side-effects of this component for block previews.\n\tconst isDisabled = useContext( Disabled.Context );\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\trenderAppender: hasSelection ? undefined : false,\n\t\t\tallowedBlocks: ALLOWED_BLOCKS,\n\t\t\tdefaultBlock: DEFAULT_BLOCK,\n\t\t\tdirectInsert: shouldDirectInsert,\n\t\t}\n\t);\n\n\tconst { isSaving, hasResolvedAllNavigationMenus } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( isDisabled ) {\n\t\t\t\treturn EMPTY_OBJECT;\n\t\t\t}\n\n\t\t\tconst { hasFinishedResolution, isSavingEntityRecord } =\n\t\t\t\tselect( coreStore );\n\n\t\t\treturn {\n\t\t\t\tisSaving: isSavingEntityRecord( 'postType', 'wp_navigation' ),\n\t\t\t\thasResolvedAllNavigationMenus: hasFinishedResolution(\n\t\t\t\t\t'getEntityRecords',\n\t\t\t\t\tSELECT_NAVIGATION_MENUS_ARGS\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ isDisabled ]\n\t);\n\n\t// Automatically save the uncontrolled blocks.\n\tuseEffect( () => {\n\t\t// The block will be disabled when used in a BlockPreview.\n\t\t// In this case avoid automatic creation of a wp_navigation post.\n\t\t// Otherwise the user will be spammed with lots of menus!\n\t\t//\n\t\t// Also ensure other navigation menus have loaded so an\n\t\t// accurate name can be created.\n\t\t//\n\t\t// Don't try saving when another save is already\n\t\t// in progress.\n\t\t//\n\t\t// And finally only create the menu when the block is selected,\n\t\t// which is an indication they want to start editing.\n\t\tif (\n\t\t\tisDisabled ||\n\t\t\tisSaving ||\n\t\t\t! hasResolvedAllNavigationMenus ||\n\t\t\t! hasSelection ||\n\t\t\t! innerBlocksAreDirty\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tcreateNavigationMenu( null, blocks );\n\t}, [\n\t\tblocks,\n\t\tcreateNavigationMenu,\n\t\tisDisabled,\n\t\tisSaving,\n\t\thasResolvedAllNavigationMenus,\n\t\tinnerBlocksAreDirty,\n\t\thasSelection,\n\t] );\n\n\tconst Wrapper = isSaving ? Disabled : 'div';\n\n\treturn <Wrapper { ...innerBlocksProps } />;\n}\n"],"mappings":";;;;;;AAOA,IAAAA,QAAA,GAAAC,OAAA;AAJA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAMA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAbA;AACA;AACA;;AAOA;AACA;AACA;;AAQA,MAAMO,YAAY,GAAG,CAAC,CAAC;AAER,SAASC,kBAAkBA,CAAE;EAC3CC,MAAM;EACNC,oBAAoB;EACpBC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAG,IAAAC,eAAM,EAAC,CAAC;EAE/B,IAAAC,kBAAS,EAAE,MAAM;IAChB;IACA;IACA,IAAK,CAAEF,cAAc,EAAEG,OAAO,EAAG;MAChCH,cAAc,CAACG,OAAO,GAAGN,MAAM;IAChC;EACD,CAAC,EAAE,CAAEA,MAAM,CAAG,CAAC;;EAEf;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAMO,mBAAmB,GAAG,IAAAC,8BAAc,EACzCL,cAAc,EAAEG,OAAO,EACvBN,MACD,CAAC;EAED,MAAMS,kBAAkB,GAAG,IAAAC,gBAAO,EACjC,MACCV,MAAM,CAACW,KAAK,CACX,CAAE;IAAEC;EAAK,CAAC,KACTA,IAAI,KAAK,sBAAsB,IAC/BA,IAAI,KAAK,yBAAyB,IAClCA,IAAI,KAAK,gBACX,CAAC,EACF,CAAEZ,MAAM,CACT,CAAC;;EAED;EACA;EACA,MAAMa,UAAU,GAAG,IAAAC,mBAAU,EAAEC,oBAAQ,CAACC,OAAQ,CAAC;EAEjD,MAAMC,gBAAgB,GAAG,IAAAC,gCAAmB,EAC3C;IACCC,SAAS,EAAE;EACZ,CAAC,EACD;IACCC,cAAc,EAAElB,YAAY,GAAGmB,SAAS,GAAG,KAAK;IAChDC,aAAa,EAAEC,yBAAc;IAC7BC,YAAY,EAAEC,wBAAa;IAC3BC,YAAY,EAAEjB;EACf,CACD,CAAC;EAED,MAAM;IAAEkB,QAAQ;IAAEC;EAA8B,CAAC,GAAG,IAAAC,eAAS,EAC1DC,MAAM,IAAM;IACb,IAAKjB,UAAU,EAAG;MACjB,OAAOf,YAAY;IACpB;IAEA,MAAM;MAAEiC,qBAAqB;MAAEC;IAAqB,CAAC,GACpDF,MAAM,CAAEG,eAAU,CAAC;IAEpB,OAAO;MACNN,QAAQ,EAAEK,oBAAoB,CAAE,UAAU,EAAE,eAAgB,CAAC;MAC7DJ,6BAA6B,EAAEG,qBAAqB,CACnD,kBAAkB,EAClBG,uCACD;IACD,CAAC;EACF,CAAC,EACD,CAAErB,UAAU,CACb,CAAC;;EAED;EACA,IAAAR,kBAAS,EAAE,MAAM;IAChB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,IACCQ,UAAU,IACVc,QAAQ,IACR,CAAEC,6BAA6B,IAC/B,CAAE1B,YAAY,IACd,CAAEK,mBAAmB,EACpB;MACD;IACD;IAEAN,oBAAoB,CAAE,IAAI,EAAED,MAAO,CAAC;EACrC,CAAC,EAAE,CACFA,MAAM,EACNC,oBAAoB,EACpBY,UAAU,EACVc,QAAQ,EACRC,6BAA6B,EAC7BrB,mBAAmB,EACnBL,YAAY,CACX,CAAC;EAEH,MAAMiC,OAAO,GAAGR,QAAQ,GAAGZ,oBAAQ,GAAG,KAAK;EAE3C,OAAO,IAAAzB,QAAA,CAAA8C,aAAA,EAACD,OAAO;IAAA,GAAMlB;EAAgB,CAAI,CAAC;AAC3C"}
+{"version":3,"names":["_blockEditor","require","_components","_coreData","_data","_element","_areBlocksDirty","_constants","EMPTY_OBJECT","UnsavedInnerBlocks","blocks","createNavigationMenu","hasSelection","originalBlocks","useRef","useEffect","current","innerBlocksAreDirty","areBlocksDirty","shouldDirectInsert","useMemo","every","name","isDisabled","useContext","Disabled","Context","innerBlocksProps","useInnerBlocksProps","className","renderAppender","undefined","allowedBlocks","ALLOWED_BLOCKS","defaultBlock","DEFAULT_BLOCK","directInsert","isSaving","hasResolvedAllNavigationMenus","useSelect","select","hasFinishedResolution","isSavingEntityRecord","coreStore","SELECT_NAVIGATION_MENUS_ARGS","Wrapper","_react","createElement"],"sources":["@wordpress/block-library/src/navigation/edit/unsaved-inner-blocks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps } from '@wordpress/block-editor';\nimport { Disabled } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useContext, useEffect, useRef, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { areBlocksDirty } from './are-blocks-dirty';\nimport {\n\tDEFAULT_BLOCK,\n\tALLOWED_BLOCKS,\n\tSELECT_NAVIGATION_MENUS_ARGS,\n} from '../constants';\n\nconst EMPTY_OBJECT = {};\n\nexport default function UnsavedInnerBlocks( {\n\tblocks,\n\tcreateNavigationMenu,\n\thasSelection,\n} ) {\n\tconst originalBlocks = useRef();\n\n\tuseEffect( () => {\n\t\t// Initially store the uncontrolled inner blocks for\n\t\t// dirty state comparison.\n\t\tif ( ! originalBlocks?.current ) {\n\t\t\toriginalBlocks.current = blocks;\n\t\t}\n\t}, [ blocks ] );\n\n\t// If the current inner blocks are different from the original inner blocks\n\t// from the post content then the user has made changes to the inner blocks.\n\t// At this point the inner blocks can be considered \"dirty\".\n\t// Note: referential equality is not sufficient for comparison as the inner blocks\n\t// of the page list are controlled and may be updated async due to syncing with\n\t// entity records. As a result we need to perform a deep equality check skipping\n\t// the page list's inner blocks.\n\tconst innerBlocksAreDirty = areBlocksDirty(\n\t\toriginalBlocks?.current,\n\t\tblocks\n\t);\n\n\tconst shouldDirectInsert = useMemo(\n\t\t() =>\n\t\t\tblocks.every(\n\t\t\t\t( { name } ) =>\n\t\t\t\t\tname === 'core/navigation-link' ||\n\t\t\t\t\tname === 'core/navigation-submenu' ||\n\t\t\t\t\tname === 'core/page-list'\n\t\t\t),\n\t\t[ blocks ]\n\t);\n\n\t// The block will be disabled in a block preview, use this as a way of\n\t// avoiding the side-effects of this component for block previews.\n\tconst isDisabled = useContext( Disabled.Context );\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\trenderAppender: hasSelection ? undefined : false,\n\t\t\tallowedBlocks: ALLOWED_BLOCKS,\n\t\t\tdefaultBlock: DEFAULT_BLOCK,\n\t\t\tdirectInsert: shouldDirectInsert,\n\t\t}\n\t);\n\n\tconst { isSaving, hasResolvedAllNavigationMenus } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( isDisabled ) {\n\t\t\t\treturn EMPTY_OBJECT;\n\t\t\t}\n\n\t\t\tconst { hasFinishedResolution, isSavingEntityRecord } =\n\t\t\t\tselect( coreStore );\n\n\t\t\treturn {\n\t\t\t\tisSaving: isSavingEntityRecord( 'postType', 'wp_navigation' ),\n\t\t\t\thasResolvedAllNavigationMenus: hasFinishedResolution(\n\t\t\t\t\t'getEntityRecords',\n\t\t\t\t\tSELECT_NAVIGATION_MENUS_ARGS\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ isDisabled ]\n\t);\n\n\t// Automatically save the uncontrolled blocks.\n\tuseEffect( () => {\n\t\t// The block will be disabled when used in a BlockPreview.\n\t\t// In this case avoid automatic creation of a wp_navigation post.\n\t\t// Otherwise the user will be spammed with lots of menus!\n\t\t//\n\t\t// Also ensure other navigation menus have loaded so an\n\t\t// accurate name can be created.\n\t\t//\n\t\t// Don't try saving when another save is already\n\t\t// in progress.\n\t\t//\n\t\t// And finally only create the menu when the block is selected,\n\t\t// which is an indication they want to start editing.\n\t\tif (\n\t\t\tisDisabled ||\n\t\t\tisSaving ||\n\t\t\t! hasResolvedAllNavigationMenus ||\n\t\t\t! hasSelection ||\n\t\t\t! innerBlocksAreDirty\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tcreateNavigationMenu( null, blocks );\n\t}, [\n\t\tblocks,\n\t\tcreateNavigationMenu,\n\t\tisDisabled,\n\t\tisSaving,\n\t\thasResolvedAllNavigationMenus,\n\t\tinnerBlocksAreDirty,\n\t\thasSelection,\n\t] );\n\n\tconst Wrapper = isSaving ? Disabled : 'div';\n\n\treturn <Wrapper { ...innerBlocksProps } />;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAbA;AACA;AACA;;AAOA;AACA;AACA;;AAQA,MAAMO,YAAY,GAAG,CAAC,CAAC;AAER,SAASC,kBAAkBA,CAAE;EAC3CC,MAAM;EACNC,oBAAoB;EACpBC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAG,IAAAC,eAAM,EAAC,CAAC;EAE/B,IAAAC,kBAAS,EAAE,MAAM;IAChB;IACA;IACA,IAAK,CAAEF,cAAc,EAAEG,OAAO,EAAG;MAChCH,cAAc,CAACG,OAAO,GAAGN,MAAM;IAChC;EACD,CAAC,EAAE,CAAEA,MAAM,CAAG,CAAC;;EAEf;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAMO,mBAAmB,GAAG,IAAAC,8BAAc,EACzCL,cAAc,EAAEG,OAAO,EACvBN,MACD,CAAC;EAED,MAAMS,kBAAkB,GAAG,IAAAC,gBAAO,EACjC,MACCV,MAAM,CAACW,KAAK,CACX,CAAE;IAAEC;EAAK,CAAC,KACTA,IAAI,KAAK,sBAAsB,IAC/BA,IAAI,KAAK,yBAAyB,IAClCA,IAAI,KAAK,gBACX,CAAC,EACF,CAAEZ,MAAM,CACT,CAAC;;EAED;EACA;EACA,MAAMa,UAAU,GAAG,IAAAC,mBAAU,EAAEC,oBAAQ,CAACC,OAAQ,CAAC;EAEjD,MAAMC,gBAAgB,GAAG,IAAAC,gCAAmB,EAC3C;IACCC,SAAS,EAAE;EACZ,CAAC,EACD;IACCC,cAAc,EAAElB,YAAY,GAAGmB,SAAS,GAAG,KAAK;IAChDC,aAAa,EAAEC,yBAAc;IAC7BC,YAAY,EAAEC,wBAAa;IAC3BC,YAAY,EAAEjB;EACf,CACD,CAAC;EAED,MAAM;IAAEkB,QAAQ;IAAEC;EAA8B,CAAC,GAAG,IAAAC,eAAS,EAC1DC,MAAM,IAAM;IACb,IAAKjB,UAAU,EAAG;MACjB,OAAOf,YAAY;IACpB;IAEA,MAAM;MAAEiC,qBAAqB;MAAEC;IAAqB,CAAC,GACpDF,MAAM,CAAEG,eAAU,CAAC;IAEpB,OAAO;MACNN,QAAQ,EAAEK,oBAAoB,CAAE,UAAU,EAAE,eAAgB,CAAC;MAC7DJ,6BAA6B,EAAEG,qBAAqB,CACnD,kBAAkB,EAClBG,uCACD;IACD,CAAC;EACF,CAAC,EACD,CAAErB,UAAU,CACb,CAAC;;EAED;EACA,IAAAR,kBAAS,EAAE,MAAM;IAChB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,IACCQ,UAAU,IACVc,QAAQ,IACR,CAAEC,6BAA6B,IAC/B,CAAE1B,YAAY,IACd,CAAEK,mBAAmB,EACpB;MACD;IACD;IAEAN,oBAAoB,CAAE,IAAI,EAAED,MAAO,CAAC;EACrC,CAAC,EAAE,CACFA,MAAM,EACNC,oBAAoB,EACpBY,UAAU,EACVc,QAAQ,EACRC,6BAA6B,EAC7BrB,mBAAmB,EACnBL,YAAY,CACX,CAAC;EAEH,MAAMiC,OAAO,GAAGR,QAAQ,GAAGZ,oBAAQ,GAAG,KAAK;EAE3C,OAAO,IAAAqB,MAAA,CAAAC,aAAA,EAACF,OAAO;IAAA,GAAMlB;EAAgB,CAAI,CAAC;AAC3C"}

package/build/navigation/save.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = save;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 /**
  * WordPress dependencies
@@ -19,6 +19,6 @@ function save({
     // `wp_navigation` entity rather than the hard-coded block html.
     return;
   }
-  return (0, _element.createElement)(_blockEditor.InnerBlocks.Content, null);
+  return (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null);
 }
 //# sourceMappingURL=save.js.map

package/build/navigation/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","save","attributes","ref","_element","createElement","InnerBlocks","Content"],"sources":["@wordpress/block-library/src/navigation/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tif ( attributes.ref ) {\n\t\t// Avoid rendering inner blocks when a ref is defined.\n\t\t// When this id is defined the inner blocks are loaded from the\n\t\t// `wp_navigation` entity rather than the hard-coded block html.\n\t\treturn;\n\t}\n\treturn <InnerBlocks.Content />;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,IAAKA,UAAU,CAACC,GAAG,EAAG;IACrB;IACA;IACA;IACA;EACD;EACA,OAAO,IAAAC,QAAA,CAAAC,aAAA,EAACN,YAAA,CAAAO,WAAW,CAACC,OAAO,MAAE,CAAC;AAC/B"}
+{"version":3,"names":["_blockEditor","require","save","attributes","ref","_react","createElement","InnerBlocks","Content"],"sources":["@wordpress/block-library/src/navigation/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tif ( attributes.ref ) {\n\t\t// Avoid rendering inner blocks when a ref is defined.\n\t\t// When this id is defined the inner blocks are loaded from the\n\t\t// `wp_navigation` entity rather than the hard-coded block html.\n\t\treturn;\n\t}\n\treturn <InnerBlocks.Content />;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,IAAKA,UAAU,CAACC,GAAG,EAAG;IACrB;IACA;IACA;IACA;EACD;EACA,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACN,YAAA,CAAAO,WAAW,CAACC,OAAO,MAAE,CAAC;AAC/B"}

package/build/navigation-link/edit.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = NavigationLinkEdit;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _blocks = require("@wordpress/blocks");
 var _data = require("@wordpress/data");
@@ -14,6 +14,7 @@ var _keycodes = require("@wordpress/keycodes");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
 var _url = require("@wordpress/url");
+var _element = require("@wordpress/element");
 var _dom = require("@wordpress/dom");
 var _htmlEntities = require("@wordpress/html-entities");
 var _icons = require("@wordpress/icons");
@@ -337,20 +338,20 @@ function NavigationLinkEdit({
   /* translators: Whether the navigation link is Invalid or a Draft. */
   const placeholderText = `(${isInvalid ? (0, _i18n.__)('Invalid') : (0, _i18n.__)('Draft')})`;
   const tooltipText = isInvalid || isDraft ? (0, _i18n.__)('This item has been deleted, or is a draft') : (0, _i18n.__)('This item is missing a link');
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.BlockControls, null, (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_components.ToolbarButton, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_components.ToolbarButton, {
     name: "link",
     icon: _icons.link,
     title: (0, _i18n.__)('Link'),
     shortcut: _keycodes.displayShortcut.primary('k'),
     onClick: () => setIsLinkOpen(true)
-  }), !isAtMaxNesting && (0, _element.createElement)(_components.ToolbarButton, {
+  }), !isAtMaxNesting && (0, _react.createElement)(_components.ToolbarButton, {
     name: "submenu",
     icon: _icons.addSubmenu,
     title: (0, _i18n.__)('Add submenu'),
     onClick: transformToSubmenu
-  }))), (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+  }))), (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Settings')
-  }, (0, _element.createElement)(_components.TextControl, {
+  }, (0, _react.createElement)(_components.TextControl, {
     __nextHasNoMarginBottom: true,
     value: label ? (0, _dom.__unstableStripHTML)(label) : '',
     onChange: labelValue => {
@@ -362,7 +363,7 @@ function NavigationLinkEdit({
     autoComplete: "off",
     onFocus: () => setIsLabelFieldFocused(true),
     onBlur: () => setIsLabelFieldFocused(false)
-  }), (0, _element.createElement)(_components.TextControl, {
+  }), (0, _react.createElement)(_components.TextControl, {
     __nextHasNoMarginBottom: true,
     value: url || '',
     onChange: urlValue => {
@@ -372,7 +373,7 @@ function NavigationLinkEdit({
     },
     label: (0, _i18n.__)('URL'),
     autoComplete: "off"
-  }), (0, _element.createElement)(_components.TextareaControl, {
+  }), (0, _react.createElement)(_components.TextareaControl, {
     __nextHasNoMarginBottom: true,
     value: description || '',
     onChange: descriptionValue => {
@@ -382,7 +383,7 @@ function NavigationLinkEdit({
     },
     label: (0, _i18n.__)('Description'),
     help: (0, _i18n.__)('The description will be displayed in the menu if the current theme supports it.')
-  }), (0, _element.createElement)(_components.TextControl, {
+  }), (0, _react.createElement)(_components.TextControl, {
     __nextHasNoMarginBottom: true,
     value: title || '',
     onChange: titleValue => {
@@ -393,7 +394,7 @@ function NavigationLinkEdit({
     label: (0, _i18n.__)('Title attribute'),
     autoComplete: "off",
     help: (0, _i18n.__)('Additional information to help clarify the purpose of the link.')
-  }), (0, _element.createElement)(_components.TextControl, {
+  }), (0, _react.createElement)(_components.TextControl, {
     __nextHasNoMarginBottom: true,
     value: rel || '',
     onChange: relValue => {
@@ -404,15 +405,15 @@ function NavigationLinkEdit({
     label: (0, _i18n.__)('Rel attribute'),
     autoComplete: "off",
     help: (0, _i18n.__)('The relationship of the linked URL as space-separated link types.')
-  }))), (0, _element.createElement)("div", {
+  }))), (0, _react.createElement)("div", {
     ...blockProps
-  }, (0, _element.createElement)("a", {
+  }, (0, _react.createElement)("a", {
     className: classes
-  }, !url ? (0, _element.createElement)("div", {
+  }, !url ? (0, _react.createElement)("div", {
     className: "wp-block-navigation-link__placeholder-text"
-  }, (0, _element.createElement)(_components.Tooltip, {
+  }, (0, _react.createElement)(_components.Tooltip, {
     text: tooltipText
-  }, (0, _element.createElement)("span", null, missingText))) : (0, _element.createElement)(_element.Fragment, null, !isInvalid && !isDraft && !isLabelFieldFocused && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.RichText, {
+  }, (0, _react.createElement)("span", null, missingText))) : (0, _react.createElement)(_react.Fragment, null, !isInvalid && !isDraft && !isLabelFieldFocused && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.RichText, {
     ref: ref,
     identifier: "label",
     className: "wp-block-navigation-item__label",
@@ -432,13 +433,13 @@ function NavigationLinkEdit({
         setIsLinkOpen(true);
       }
     }
-  }), description && (0, _element.createElement)("span", {
+  }), description && (0, _react.createElement)("span", {
     className: "wp-block-navigation-item__description"
-  }, description)), (isInvalid || isDraft || isLabelFieldFocused) && (0, _element.createElement)("div", {
+  }, description)), (isInvalid || isDraft || isLabelFieldFocused) && (0, _react.createElement)("div", {
     className: "wp-block-navigation-link__placeholder-text wp-block-navigation-link__label"
-  }, (0, _element.createElement)(_components.Tooltip, {
+  }, (0, _react.createElement)(_components.Tooltip, {
     text: tooltipText
-  }, (0, _element.createElement)("span", {
+  }, (0, _react.createElement)("span", {
     "aria-label": (0, _i18n.__)('Navigation link text')
   },
   // Some attributes are stored in an escaped form. It's a legacy issue.
@@ -446,7 +447,7 @@ function NavigationLinkEdit({
   // Unescape is used here to "recover" the escaped characters
   // so they display without encoding.
   // See `updateAttributes` for more details.
-  `${(0, _htmlEntities.decodeEntities)(label)} ${isInvalid || isDraft ? placeholderText : ''}`.trim())))), isLinkOpen && (0, _element.createElement)(_linkUi.LinkUI, {
+  `${(0, _htmlEntities.decodeEntities)(label)} ${isInvalid || isDraft ? placeholderText : ''}`.trim())))), isLinkOpen && (0, _react.createElement)(_linkUi.LinkUI, {
     clientId: clientId,
     link: attributes,
     onClose: () => setIsLinkOpen(false),
@@ -455,7 +456,7 @@ function NavigationLinkEdit({
     onChange: updatedValue => {
       (0, _updateAttributes.updateAttributes)(updatedValue, setAttributes, attributes);
     }
-  })), (0, _element.createElement)("div", {
+  })), (0, _react.createElement)("div", {
     ...innerBlocksProps
   })));
 }