@wordpress/block-library 6.0.2 → 6.0.6

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

@@ -0,0 +1,104 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = NavigationInnerBlocks;
+
+var _element = require("@wordpress/element");
+
+var _coreData = require("@wordpress/core-data");
+
+var _blockEditor = require("@wordpress/block-editor");
+
+var _data = require("@wordpress/data");
+
+var _placeholderPreview = _interopRequireDefault(require("./placeholder/placeholder-preview"));
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+const ALLOWED_BLOCKS = ['core/navigation-link', 'core/search', 'core/social-links', 'core/page-list', 'core/spacer', 'core/home-link', 'core/site-title', 'core/site-logo', 'core/navigation-submenu'];
+const DEFAULT_BLOCK = ['core/navigation-link'];
+const LAYOUT = {
+  type: 'default',
+  alignments: []
+};
+
+function NavigationInnerBlocks(_ref) {
+  let {
+    isVisible,
+    clientId,
+    appender: CustomAppender,
+    hasCustomPlaceholder,
+    orientation
+  } = _ref;
+  const {
+    isImmediateParentOfSelectedBlock,
+    selectedBlockHasDescendants,
+    isSelected
+  } = (0, _data.useSelect)(select => {
+    var _getClientIdsOfDescen;
+
+    const {
+      getClientIdsOfDescendants,
+      hasSelectedInnerBlock,
+      getSelectedBlockClientId
+    } = select(_blockEditor.store);
+    const selectedBlockId = getSelectedBlockClientId();
+    return {
+      isImmediateParentOfSelectedBlock: hasSelectedInnerBlock(clientId, false),
+      selectedBlockHasDescendants: !!((_getClientIdsOfDescen = getClientIdsOfDescendants([selectedBlockId])) !== null && _getClientIdsOfDescen !== void 0 && _getClientIdsOfDescen.length),
+      // This prop is already available but computing it here ensures it's
+      // fresh compared to isImmediateParentOfSelectedBlock
+      isSelected: selectedBlockId === clientId
+    };
+  }, [clientId]);
+  const [blocks, onInput, onChange] = (0, _coreData.useEntityBlockEditor)('postType', 'wp_navigation');
+  const shouldDirectInsert = (0, _element.useMemo)(() => blocks.every(_ref2 => {
+    let {
+      name
+    } = _ref2;
+    return name === 'core/navigation-link' || name === 'core/navigation-submenu';
+  }), [blocks]); // When the block is selected itself or has a top level item selected that
+  // doesn't itself have children, show the standard appender. Else show no
+  // appender.
+
+  const parentOrChildHasSelection = isSelected || isImmediateParentOfSelectedBlock && !selectedBlockHasDescendants;
+  const appender = isVisible && parentOrChildHasSelection ? undefined : false;
+  const placeholder = (0, _element.useMemo)(() => (0, _element.createElement)(_placeholderPreview.default, null), []);
+  const innerBlocksProps = (0, _blockEditor.useInnerBlocksProps)({
+    className: 'wp-block-navigation__container'
+  }, {
+    value: blocks,
+    onInput,
+    onChange,
+    allowedBlocks: ALLOWED_BLOCKS,
+    __experimentalDefaultBlock: DEFAULT_BLOCK,
+    __experimentalDirectInsert: shouldDirectInsert,
+    orientation,
+    renderAppender: CustomAppender || appender,
+    // Ensure block toolbar is not too far removed from item
+    // being edited when in vertical mode.
+    // see: https://github.com/WordPress/gutenberg/pull/34615.
+    __experimentalCaptureToolbars: orientation !== 'vertical',
+    // Template lock set to false here so that the Nav
+    // Block on the experimental menus screen does not
+    // inherit templateLock={ 'all' }.
+    templateLock: false,
+    __experimentalLayout: LAYOUT,
+    placeholder: !isVisible || hasCustomPlaceholder ? undefined : placeholder
+  });
+  return (0, _element.createElement)(_blockEditor.__experimentalBlockContentOverlay, {
+    clientId: clientId,
+    tagName: 'div',
+    wrapperProps: innerBlocksProps
+  });
+}
+//# sourceMappingURL=inner-blocks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/inner-blocks.js"],"names":["ALLOWED_BLOCKS","DEFAULT_BLOCK","LAYOUT","type","alignments","NavigationInnerBlocks","isVisible","clientId","appender","CustomAppender","hasCustomPlaceholder","orientation","isImmediateParentOfSelectedBlock","selectedBlockHasDescendants","isSelected","select","getClientIdsOfDescendants","hasSelectedInnerBlock","getSelectedBlockClientId","blockEditorStore","selectedBlockId","length","blocks","onInput","onChange","shouldDirectInsert","every","name","parentOrChildHasSelection","undefined","placeholder","innerBlocksProps","className","value","allowedBlocks","__experimentalDefaultBlock","__experimentalDirectInsert","renderAppender","__experimentalCaptureToolbars","templateLock","__experimentalLayout"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityBlockEditor } from '@wordpress/core-data';\nimport {\n\tuseInnerBlocksProps,\n\t__experimentalBlockContentOverlay as BlockContentOverlay,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport PlaceholderPreview from './placeholder/placeholder-preview';\n\nconst ALLOWED_BLOCKS = [\n\t'core/navigation-link',\n\t'core/search',\n\t'core/social-links',\n\t'core/page-list',\n\t'core/spacer',\n\t'core/home-link',\n\t'core/site-title',\n\t'core/site-logo',\n\t'core/navigation-submenu',\n];\n\nconst DEFAULT_BLOCK = [ 'core/navigation-link' ];\n\nconst LAYOUT = {\n\ttype: 'default',\n\talignments: [],\n};\n\nexport default function NavigationInnerBlocks( {\n\tisVisible,\n\tclientId,\n\tappender: CustomAppender,\n\thasCustomPlaceholder,\n\torientation,\n} ) {\n\tconst {\n\t\tisImmediateParentOfSelectedBlock,\n\t\tselectedBlockHasDescendants,\n\t\tisSelected,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetClientIdsOfDescendants,\n\t\t\t\thasSelectedInnerBlock,\n\t\t\t\tgetSelectedBlockClientId,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst selectedBlockId = getSelectedBlockClientId();\n\n\t\t\treturn {\n\t\t\t\tisImmediateParentOfSelectedBlock: hasSelectedInnerBlock(\n\t\t\t\t\tclientId,\n\t\t\t\t\tfalse\n\t\t\t\t),\n\t\t\t\tselectedBlockHasDescendants: !! getClientIdsOfDescendants( [\n\t\t\t\t\tselectedBlockId,\n\t\t\t\t] )?.length,\n\n\t\t\t\t// This prop is already available but computing it here ensures it's\n\t\t\t\t// fresh compared to isImmediateParentOfSelectedBlock\n\t\t\t\tisSelected: selectedBlockId === clientId,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\t'wp_navigation'\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),\n\t\t[ blocks ]\n\t);\n\n\t// When the block is selected itself or has a top level item selected that\n\t// doesn't itself have children, show the standard appender. Else show no\n\t// appender.\n\tconst parentOrChildHasSelection =\n\t\tisSelected ||\n\t\t( isImmediateParentOfSelectedBlock && ! selectedBlockHasDescendants );\n\tconst appender = isVisible && parentOrChildHasSelection ? undefined : false;\n\n\tconst placeholder = useMemo( () => <PlaceholderPreview />, [] );\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\tvalue: blocks,\n\t\t\tonInput,\n\t\t\tonChange,\n\t\t\tallowedBlocks: ALLOWED_BLOCKS,\n\t\t\t__experimentalDefaultBlock: DEFAULT_BLOCK,\n\t\t\t__experimentalDirectInsert: shouldDirectInsert,\n\t\t\torientation,\n\t\t\trenderAppender: CustomAppender || appender,\n\n\t\t\t// Ensure block toolbar is not too far removed from item\n\t\t\t// being edited when in vertical mode.\n\t\t\t// see: https://github.com/WordPress/gutenberg/pull/34615.\n\t\t\t__experimentalCaptureToolbars: orientation !== 'vertical',\n\t\t\t// Template lock set to false here so that the Nav\n\t\t\t// Block on the experimental menus screen does not\n\t\t\t// inherit templateLock={ 'all' }.\n\t\t\ttemplateLock: false,\n\t\t\t__experimentalLayout: LAYOUT,\n\t\t\tplaceholder:\n\t\t\t\t! isVisible || hasCustomPlaceholder ? undefined : placeholder,\n\t\t}\n\t);\n\n\treturn (\n\t\t<BlockContentOverlay\n\t\t\tclientId={ clientId }\n\t\t\ttagName={ 'div' }\n\t\t\twrapperProps={ innerBlocksProps }\n\t\t/>\n\t);\n}\n"]}

package/build/navigation/edit/navigation-menu-delete-control.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = NavigationMenuDeleteControl;
+
+var _element = require("@wordpress/element");
+
+var _components = require("@wordpress/components");
+
+var _coreData = require("@wordpress/core-data");
+
+var _data = require("@wordpress/data");
+
+var _i18n = require("@wordpress/i18n");
+
+/**
+ * WordPress dependencies
+ */
+function NavigationMenuDeleteControl(_ref) {
+  let {
+    onDelete
+  } = _ref;
+  const [isConfirmModalVisible, setIsConfirmModalVisible] = (0, _element.useState)(false);
+  const id = (0, _coreData.useEntityId)('postType', 'wp_navigation');
+  const [title] = (0, _coreData.useEntityProp)('postType', 'wp_navigation', 'title');
+  const {
+    deleteEntityRecord
+  } = (0, _data.useDispatch)(_coreData.store);
+  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.Button, {
+    className: "wp-block-navigation-delete-menu-button",
+    variant: "secondary",
+    isDestructive: true,
+    onClick: () => {
+      setIsConfirmModalVisible(true);
+    }
+  }, (0, _i18n.__)('Delete menu')), isConfirmModalVisible && (0, _element.createElement)(_components.Modal, {
+    title: (0, _i18n.sprintf)(
+    /* translators: %s: the name of a menu to delete */
+    (0, _i18n.__)('Delete %s'), title),
+    closeLabel: (0, _i18n.__)('Cancel'),
+    onRequestClose: () => setIsConfirmModalVisible(false)
+  }, (0, _element.createElement)("p", null, (0, _i18n.__)('Are you sure you want to delete this navigation menu?')), (0, _element.createElement)(_components.Flex, {
+    justify: "flex-end"
+  }, (0, _element.createElement)(_components.FlexItem, null, (0, _element.createElement)(_components.Button, {
+    variant: "secondary",
+    onClick: () => {
+      setIsConfirmModalVisible(false);
+    }
+  }, (0, _i18n.__)('Cancel'))), (0, _element.createElement)(_components.FlexItem, null, (0, _element.createElement)(_components.Button, {
+    variant: "primary",
+    onClick: () => {
+      deleteEntityRecord('postType', 'wp_navigation', id, {
+        force: true
+      });
+      onDelete();
+    }
+  }, (0, _i18n.__)('Confirm'))))));
+}
+//# sourceMappingURL=navigation-menu-delete-control.js.map

package/build/navigation/edit/navigation-menu-delete-control.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/navigation-menu-delete-control.js"],"names":["NavigationMenuDeleteControl","onDelete","isConfirmModalVisible","setIsConfirmModalVisible","id","title","deleteEntityRecord","coreStore","force"],"mappings":";;;;;;;AAUA;;AAPA;;AACA;;AAKA;;AAEA;;AAXA;AACA;AACA;AAWe,SAASA,2BAAT,OAAqD;AAAA,MAAf;AAAEC,IAAAA;AAAF,GAAe;AACnE,QAAM,CAAEC,qBAAF,EAAyBC,wBAAzB,IAAsD,uBAC3D,KAD2D,CAA5D;AAGA,QAAMC,EAAE,GAAG,2BAAa,UAAb,EAAyB,eAAzB,CAAX;AACA,QAAM,CAAEC,KAAF,IAAY,6BAAe,UAAf,EAA2B,eAA3B,EAA4C,OAA5C,CAAlB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAyB,uBAAaC,eAAb,CAA/B;AAEA,SACC,qDACC,4BAAC,kBAAD;AACC,IAAA,SAAS,EAAC,wCADX;AAEC,IAAA,OAAO,EAAC,WAFT;AAGC,IAAA,aAAa,MAHd;AAIC,IAAA,OAAO,EAAG,MAAM;AACfJ,MAAAA,wBAAwB,CAAE,IAAF,CAAxB;AACA;AANF,KAQG,cAAI,aAAJ,CARH,CADD,EAWGD,qBAAqB,IACtB,4BAAC,iBAAD;AACC,IAAA,KAAK,EAAG;AACP;AACA,kBAAI,WAAJ,CAFO,EAGPG,KAHO,CADT;AAMC,IAAA,UAAU,EAAG,cAAI,QAAJ,CANd;AAOC,IAAA,cAAc,EAAG,MAAMF,wBAAwB,CAAE,KAAF;AAPhD,KASC,uCACG,cACD,uDADC,CADH,CATD,EAcC,4BAAC,gBAAD;AAAM,IAAA,OAAO,EAAC;AAAd,KACC,4BAAC,oBAAD,QACC,4BAAC,kBAAD;AACC,IAAA,OAAO,EAAC,WADT;AAEC,IAAA,OAAO,EAAG,MAAM;AACfA,MAAAA,wBAAwB,CAAE,KAAF,CAAxB;AACA;AAJF,KAMG,cAAI,QAAJ,CANH,CADD,CADD,EAWC,4BAAC,oBAAD,QACC,4BAAC,kBAAD;AACC,IAAA,OAAO,EAAC,SADT;AAEC,IAAA,OAAO,EAAG,MAAM;AACfG,MAAAA,kBAAkB,CACjB,UADiB,EAEjB,eAFiB,EAGjBF,EAHiB,EAIjB;AAAEI,QAAAA,KAAK,EAAE;AAAT,OAJiB,CAAlB;AAMAP,MAAAA,QAAQ;AACR;AAVF,KAYG,cAAI,SAAJ,CAZH,CADD,CAXD,CAdD,CAZF,CADD;AA2DA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button, Flex, FlexItem, Modal } from '@wordpress/components';\nimport {\n\tstore as coreStore,\n\tuseEntityId,\n\tuseEntityProp,\n} from '@wordpress/core-data';\nimport { useDispatch } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\n\nexport default function NavigationMenuDeleteControl( { onDelete } ) {\n\tconst [ isConfirmModalVisible, setIsConfirmModalVisible ] = useState(\n\t\tfalse\n\t);\n\tconst id = useEntityId( 'postType', 'wp_navigation' );\n\tconst [ title ] = useEntityProp( 'postType', 'wp_navigation', 'title' );\n\tconst { deleteEntityRecord } = useDispatch( coreStore );\n\n\treturn (\n\t\t<>\n\t\t\t<Button\n\t\t\t\tclassName=\"wp-block-navigation-delete-menu-button\"\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\tisDestructive\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsConfirmModalVisible( true );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ __( 'Delete menu' ) }\n\t\t\t</Button>\n\t\t\t{ isConfirmModalVisible && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ sprintf(\n\t\t\t\t\t\t/* translators: %s: the name of a menu to delete */\n\t\t\t\t\t\t__( 'Delete %s' ),\n\t\t\t\t\t\ttitle\n\t\t\t\t\t) }\n\t\t\t\t\tcloseLabel={ __( 'Cancel' ) }\n\t\t\t\t\tonRequestClose={ () => setIsConfirmModalVisible( false ) }\n\t\t\t\t>\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'Are you sure you want to delete this navigation menu?'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</p>\n\t\t\t\t\t<Flex justify=\"flex-end\">\n\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tsetIsConfirmModalVisible( false );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tdeleteEntityRecord(\n\t\t\t\t\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t\t\t\t\t'wp_navigation',\n\t\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t\t{ force: true }\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tonDelete();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Confirm' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t</Flex>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"]}

package/build/navigation/edit/navigation-menu-name-control.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = NavigationMenuNameControl;
+
+var _element = require("@wordpress/element");
+
+var _components = require("@wordpress/components");
+
+var _coreData = require("@wordpress/core-data");
+
+var _i18n = require("@wordpress/i18n");
+
+/**
+ * WordPress dependencies
+ */
+function NavigationMenuNameControl() {
+  const [title, updateTitle] = (0, _coreData.useEntityProp)('postType', 'wp_navigation', 'title');
+  return (0, _element.createElement)(_components.TextControl, {
+    label: (0, _i18n.__)('Menu name'),
+    value: title,
+    onChange: updateTitle
+  });
+}
+//# sourceMappingURL=navigation-menu-name-control.js.map

package/build/navigation/edit/navigation-menu-name-control.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/navigation-menu-name-control.js"],"names":["NavigationMenuNameControl","title","updateTitle"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AALA;AACA;AACA;AAKe,SAASA,yBAAT,GAAqC;AACnD,QAAM,CAAEC,KAAF,EAASC,WAAT,IAAyB,6BAC9B,UAD8B,EAE9B,eAF8B,EAG9B,OAH8B,CAA/B;AAMA,SACC,4BAAC,uBAAD;AACC,IAAA,KAAK,EAAG,cAAI,WAAJ,CADT;AAEC,IAAA,KAAK,EAAGD,KAFT;AAGC,IAAA,QAAQ,EAAGC;AAHZ,IADD;AAOA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { TextControl } from '@wordpress/components';\nimport { useEntityProp } from '@wordpress/core-data';\nimport { __ } from '@wordpress/i18n';\n\nexport default function NavigationMenuNameControl() {\n\tconst [ title, updateTitle ] = useEntityProp(\n\t\t'postType',\n\t\t'wp_navigation',\n\t\t'title'\n\t);\n\n\treturn (\n\t\t<TextControl\n\t\t\tlabel={ __( 'Menu name' ) }\n\t\t\tvalue={ title }\n\t\t\tonChange={ updateTitle }\n\t\t/>\n\t);\n}\n"]}

package/build/navigation/edit/navigation-menu-name-modal.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = NavigationMenuNameModal;
+
+var _element = require("@wordpress/element");
+
+var _components = require("@wordpress/components");
+
+var _i18n = require("@wordpress/i18n");
+
+/**
+ * WordPress dependencies
+ */
+function NavigationMenuNameModal(_ref) {
+  let {
+    title,
+    finishButtonText = (0, _i18n.__)('Create'),
+    onFinish,
+    onRequestClose,
+    value = ''
+  } = _ref;
+  const [name, setName] = (0, _element.useState)(value);
+  return (0, _element.createElement)(_components.Modal, {
+    title: title,
+    closeLabel: (0, _i18n.__)('Cancel'),
+    onRequestClose: onRequestClose,
+    overlayClassName: "wp-block-template-part__placeholder-create-new__title-form"
+  }, (0, _element.createElement)("form", {
+    onSubmit: event => {
+      event.preventDefault();
+      onFinish(name);
+    }
+  }, (0, _element.createElement)(_components.TextControl, {
+    label: (0, _i18n.__)('Name'),
+    value: name,
+    onChange: setName
+  }), (0, _element.createElement)(_components.Flex, {
+    className: "wp-block-template-part__placeholder-create-new__title-form-actions",
+    justify: "flex-end"
+  }, (0, _element.createElement)(_components.FlexItem, null, (0, _element.createElement)(_components.Button, {
+    variant: "secondary",
+    onClick: () => {
+      onRequestClose();
+    }
+  }, (0, _i18n.__)('Cancel'))), (0, _element.createElement)(_components.FlexItem, null, (0, _element.createElement)(_components.Button, {
+    variant: "primary",
+    type: "submit",
+    disabled: !name.length,
+    "aria-disabled": !name.length
+  }, finishButtonText)))));
+}
+//# sourceMappingURL=navigation-menu-name-modal.js.map

package/build/navigation/edit/navigation-menu-name-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/navigation-menu-name-modal.js"],"names":["NavigationMenuNameModal","title","finishButtonText","onFinish","onRequestClose","value","name","setName","event","preventDefault","length"],"mappings":";;;;;;;AAUA;;AAPA;;AAQA;;AAXA;AACA;AACA;AAWe,SAASA,uBAAT,OAMX;AAAA,MAN6C;AAChDC,IAAAA,KADgD;AAEhDC,IAAAA,gBAAgB,GAAG,cAAI,QAAJ,CAF6B;AAGhDC,IAAAA,QAHgD;AAIhDC,IAAAA,cAJgD;AAKhDC,IAAAA,KAAK,GAAG;AALwC,GAM7C;AACH,QAAM,CAAEC,IAAF,EAAQC,OAAR,IAAoB,uBAAUF,KAAV,CAA1B;AAEA,SACC,4BAAC,iBAAD;AACC,IAAA,KAAK,EAAGJ,KADT;AAEC,IAAA,UAAU,EAAG,cAAI,QAAJ,CAFd;AAGC,IAAA,cAAc,EAAGG,cAHlB;AAIC,IAAA,gBAAgB,EAAC;AAJlB,KAMC;AACC,IAAA,QAAQ,EAAKI,KAAF,IAAa;AACvBA,MAAAA,KAAK,CAACC,cAAN;AACAN,MAAAA,QAAQ,CAAEG,IAAF,CAAR;AACA;AAJF,KAMC,4BAAC,uBAAD;AACC,IAAA,KAAK,EAAG,cAAI,MAAJ,CADT;AAEC,IAAA,KAAK,EAAGA,IAFT;AAGC,IAAA,QAAQ,EAAGC;AAHZ,IAND,EAWC,4BAAC,gBAAD;AACC,IAAA,SAAS,EAAC,oEADX;AAEC,IAAA,OAAO,EAAC;AAFT,KAIC,4BAAC,oBAAD,QACC,4BAAC,kBAAD;AACC,IAAA,OAAO,EAAC,WADT;AAEC,IAAA,OAAO,EAAG,MAAM;AACfH,MAAAA,cAAc;AACd;AAJF,KAMG,cAAI,QAAJ,CANH,CADD,CAJD,EAcC,4BAAC,oBAAD,QACC,4BAAC,kBAAD;AACC,IAAA,OAAO,EAAC,SADT;AAEC,IAAA,IAAI,EAAC,QAFN;AAGC,IAAA,QAAQ,EAAG,CAAEE,IAAI,CAACI,MAHnB;AAIC,qBAAgB,CAAEJ,IAAI,CAACI;AAJxB,KAMGR,gBANH,CADD,CAdD,CAXD,CAND,CADD;AA8CA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tFlex,\n\tFlexItem,\n\tModal,\n\tTextControl,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\nexport default function NavigationMenuNameModal( {\n\ttitle,\n\tfinishButtonText = __( 'Create' ),\n\tonFinish,\n\tonRequestClose,\n\tvalue = '',\n} ) {\n\tconst [ name, setName ] = useState( value );\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ title }\n\t\t\tcloseLabel={ __( 'Cancel' ) }\n\t\t\tonRequestClose={ onRequestClose }\n\t\t\toverlayClassName=\"wp-block-template-part__placeholder-create-new__title-form\"\n\t\t>\n\t\t\t<form\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tonFinish( name );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<TextControl\n\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\tvalue={ name }\n\t\t\t\t\tonChange={ setName }\n\t\t\t\t/>\n\t\t\t\t<Flex\n\t\t\t\t\tclassName=\"wp-block-template-part__placeholder-create-new__title-form-actions\"\n\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonRequestClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\tdisabled={ ! name.length }\n\t\t\t\t\t\t\taria-disabled={ ! name.length }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ finishButtonText }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"]}

package/build/navigation/edit/navigation-menu-publish-button.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = NavigationMenuPublishButton;
+
+var _element = require("@wordpress/element");
+
+var _components = require("@wordpress/components");
+
+var _coreData = require("@wordpress/core-data");
+
+var _data = require("@wordpress/data");
+
+var _i18n = require("@wordpress/i18n");
+
+var _navigationMenuNameModal = _interopRequireDefault(require("./navigation-menu-name-modal"));
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function NavigationMenuPublishButton() {
+  const [isNameModalVisible, setIsNameModalVisible] = (0, _element.useState)(false);
+  const id = (0, _coreData.useEntityId)('postType', 'wp_navigation');
+  const [navigationMenuTitle] = (0, _coreData.useEntityProp)('postType', 'wp_navigation', 'title');
+  const {
+    editEntityRecord,
+    saveEditedEntityRecord
+  } = (0, _data.useDispatch)(_coreData.store);
+  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.ToolbarButton, {
+    onClick: () => setIsNameModalVisible(true)
+  }, (0, _i18n.__)('Save as')), isNameModalVisible && (0, _element.createElement)(_navigationMenuNameModal.default, {
+    title: (0, _i18n.__)('Save your new navigation menu'),
+    value: navigationMenuTitle,
+    onRequestClose: () => setIsNameModalVisible(false),
+    finishButtonText: (0, _i18n.__)('Save'),
+    onFinish: updatedTitle => {
+      editEntityRecord('postType', 'wp_navigation', id, {
+        title: updatedTitle,
+        status: 'publish'
+      });
+      saveEditedEntityRecord('postType', 'wp_navigation', id);
+    }
+  }));
+}
+//# sourceMappingURL=navigation-menu-publish-button.js.map

package/build/navigation/edit/navigation-menu-publish-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/navigation-menu-publish-button.js"],"names":["NavigationMenuPublishButton","isNameModalVisible","setIsNameModalVisible","id","navigationMenuTitle","editEntityRecord","saveEditedEntityRecord","coreStore","updatedTitle","title","status"],"mappings":";;;;;;;;;AAUA;;AAPA;;AACA;;AAKA;;AAEA;;AAKA;;AAhBA;AACA;AACA;;AAWA;AACA;AACA;AAGe,SAASA,2BAAT,GAAuC;AACrD,QAAM,CAAEC,kBAAF,EAAsBC,qBAAtB,IAAgD,uBAAU,KAAV,CAAtD;AACA,QAAMC,EAAE,GAAG,2BAAa,UAAb,EAAyB,eAAzB,CAAX;AACA,QAAM,CAAEC,mBAAF,IAA0B,6BAC/B,UAD+B,EAE/B,eAF+B,EAG/B,OAH+B,CAAhC;AAKA,QAAM;AAAEC,IAAAA,gBAAF;AAAoBC,IAAAA;AAApB,MAA+C,uBACpDC,eADoD,CAArD;AAIA,SACC,qDACC,4BAAC,yBAAD;AAAe,IAAA,OAAO,EAAG,MAAML,qBAAqB,CAAE,IAAF;AAApD,KACG,cAAI,SAAJ,CADH,CADD,EAIGD,kBAAkB,IACnB,4BAAC,gCAAD;AACC,IAAA,KAAK,EAAG,cAAI,+BAAJ,CADT;AAEC,IAAA,KAAK,EAAGG,mBAFT;AAGC,IAAA,cAAc,EAAG,MAAMF,qBAAqB,CAAE,KAAF,CAH7C;AAIC,IAAA,gBAAgB,EAAG,cAAI,MAAJ,CAJpB;AAKC,IAAA,QAAQ,EAAKM,YAAF,IAAoB;AAC9BH,MAAAA,gBAAgB,CAAE,UAAF,EAAc,eAAd,EAA+BF,EAA/B,EAAmC;AAClDM,QAAAA,KAAK,EAAED,YAD2C;AAElDE,QAAAA,MAAM,EAAE;AAF0C,OAAnC,CAAhB;AAIAJ,MAAAA,sBAAsB,CACrB,UADqB,EAErB,eAFqB,EAGrBH,EAHqB,CAAtB;AAKA;AAfF,IALF,CADD;AA0BA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarButton } from '@wordpress/components';\nimport {\n\tuseEntityId,\n\tuseEntityProp,\n\tstore as coreStore,\n} from '@wordpress/core-data';\nimport { useDispatch } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport NavigationMenuNameModal from './navigation-menu-name-modal';\n\nexport default function NavigationMenuPublishButton() {\n\tconst [ isNameModalVisible, setIsNameModalVisible ] = useState( false );\n\tconst id = useEntityId( 'postType', 'wp_navigation' );\n\tconst [ navigationMenuTitle ] = useEntityProp(\n\t\t'postType',\n\t\t'wp_navigation',\n\t\t'title'\n\t);\n\tconst { editEntityRecord, saveEditedEntityRecord } = useDispatch(\n\t\tcoreStore\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<ToolbarButton onClick={ () => setIsNameModalVisible( true ) }>\n\t\t\t\t{ __( 'Save as' ) }\n\t\t\t</ToolbarButton>\n\t\t\t{ isNameModalVisible && (\n\t\t\t\t<NavigationMenuNameModal\n\t\t\t\t\ttitle={ __( 'Save your new navigation menu' ) }\n\t\t\t\t\tvalue={ navigationMenuTitle }\n\t\t\t\t\tonRequestClose={ () => setIsNameModalVisible( false ) }\n\t\t\t\t\tfinishButtonText={ __( 'Save' ) }\n\t\t\t\t\tonFinish={ ( updatedTitle ) => {\n\t\t\t\t\t\teditEntityRecord( 'postType', 'wp_navigation', id, {\n\t\t\t\t\t\t\ttitle: updatedTitle,\n\t\t\t\t\t\t\tstatus: 'publish',\n\t\t\t\t\t\t} );\n\t\t\t\t\t\tsaveEditedEntityRecord(\n\t\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t\t'wp_navigation',\n\t\t\t\t\t\t\tid\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"]}

package/build/navigation/edit/navigation-menu-selector.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = NavigationMenuSelector;
+
+var _element = require("@wordpress/element");
+
+var _components = require("@wordpress/components");
+
+var _coreData = require("@wordpress/core-data");
+
+var _i18n = require("@wordpress/i18n");
+
+var _htmlEntities = require("@wordpress/html-entities");
+
+var _useNavigationMenu = _interopRequireDefault(require("../use-navigation-menu"));
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function NavigationMenuSelector(_ref) {
+  let {
+    onSelect,
+    onCreateNew
+  } = _ref;
+  const {
+    navigationMenus
+  } = (0, _useNavigationMenu.default)();
+  const navigationMenuId = (0, _coreData.useEntityId)('postType', 'wp_navigation');
+  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.MenuGroup, null, (0, _element.createElement)(_components.MenuItemsChoice, {
+    value: navigationMenuId,
+    onSelect: selectedId => onSelect(navigationMenus.find(post => post.id === selectedId)),
+    choices: navigationMenus.map(_ref2 => {
+      let {
+        id,
+        title
+      } = _ref2;
+      const label = (0, _htmlEntities.decodeEntities)(title.rendered);
+      return {
+        value: id,
+        label,
+        'aria-label': (0, _i18n.sprintf)(
+        /* translators: %s: The name of a menu. */
+        (0, _i18n.__)("Switch to '%s'"), label)
+      };
+    })
+  })), (0, _element.createElement)(_components.MenuGroup, null, (0, _element.createElement)(_components.MenuItem, {
+    onClick: onCreateNew
+  }, (0, _i18n.__)('Create new menu'))));
+}
+//# sourceMappingURL=navigation-menu-selector.js.map

package/build/navigation/edit/navigation-menu-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/navigation-menu-selector.js"],"names":["NavigationMenuSelector","onSelect","onCreateNew","navigationMenus","navigationMenuId","selectedId","find","post","id","map","title","label","rendered","value"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AAKA;;AAXA;AACA;AACA;;AAMA;AACA;AACA;AAGe,SAASA,sBAAT,OAA6D;AAAA,MAA5B;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,GAA4B;AAC3E,QAAM;AAAEC,IAAAA;AAAF,MAAsB,iCAA5B;AACA,QAAMC,gBAAgB,GAAG,2BAAa,UAAb,EAAyB,eAAzB,CAAzB;AAEA,SACC,qDACC,4BAAC,qBAAD,QACC,4BAAC,2BAAD;AACC,IAAA,KAAK,EAAGA,gBADT;AAEC,IAAA,QAAQ,EAAKC,UAAF,IACVJ,QAAQ,CACPE,eAAe,CAACG,IAAhB,CACGC,IAAF,IAAYA,IAAI,CAACC,EAAL,KAAYH,UADzB,CADO,CAHV;AASC,IAAA,OAAO,EAAGF,eAAe,CAACM,GAAhB,CAAqB,SAAqB;AAAA,UAAnB;AAAED,QAAAA,EAAF;AAAME,QAAAA;AAAN,OAAmB;AACnD,YAAMC,KAAK,GAAG,kCAAgBD,KAAK,CAACE,QAAtB,CAAd;AACA,aAAO;AACNC,QAAAA,KAAK,EAAEL,EADD;AAENG,QAAAA,KAFM;AAGN,sBAAc;AACb;AACA,sBAAI,gBAAJ,CAFa,EAGbA,KAHa;AAHR,OAAP;AASA,KAXS;AATX,IADD,CADD,EAyBC,4BAAC,qBAAD,QACC,4BAAC,oBAAD;AAAU,IAAA,OAAO,EAAGT;AAApB,KACG,cAAI,iBAAJ,CADH,CADD,CAzBD,CADD;AAiCA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuGroup, MenuItem, MenuItemsChoice } from '@wordpress/components';\nimport { useEntityId } from '@wordpress/core-data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport useNavigationMenu from '../use-navigation-menu';\n\nexport default function NavigationMenuSelector( { onSelect, onCreateNew } ) {\n\tconst { navigationMenus } = useNavigationMenu();\n\tconst navigationMenuId = useEntityId( 'postType', 'wp_navigation' );\n\n\treturn (\n\t\t<>\n\t\t\t<MenuGroup>\n\t\t\t\t<MenuItemsChoice\n\t\t\t\t\tvalue={ navigationMenuId }\n\t\t\t\t\tonSelect={ ( selectedId ) =>\n\t\t\t\t\t\tonSelect(\n\t\t\t\t\t\t\tnavigationMenus.find(\n\t\t\t\t\t\t\t\t( post ) => post.id === selectedId\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\tchoices={ navigationMenus.map( ( { id, title } ) => {\n\t\t\t\t\t\tconst label = decodeEntities( title.rendered );\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\tvalue: id,\n\t\t\t\t\t\t\tlabel,\n\t\t\t\t\t\t\t'aria-label': sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: The name of a menu. */\n\t\t\t\t\t\t\t\t__( \"Switch to '%s'\" ),\n\t\t\t\t\t\t\t\tlabel\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</MenuGroup>\n\t\t\t<MenuGroup>\n\t\t\t\t<MenuItem onClick={ onCreateNew }>\n\t\t\t\t\t{ __( 'Create new menu' ) }\n\t\t\t\t</MenuItem>\n\t\t\t</MenuGroup>\n\t\t</>\n\t);\n}\n"]}

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

@@ -0,0 +1,217 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = NavigationPlaceholder;
+
+var _element = require("@wordpress/element");
+
+var _blocks = require("@wordpress/blocks");
+
+var _components = require("@wordpress/components");
+
+var _coreData = require("@wordpress/core-data");
+
+var _data = require("@wordpress/data");
+
+var _i18n = require("@wordpress/i18n");
+
+var _icons = require("@wordpress/icons");
+
+var _htmlEntities = require("@wordpress/html-entities");
+
+var _useNavigationEntities = _interopRequireDefault(require("../../use-navigation-entities"));
+
+var _placeholderPreview = _interopRequireDefault(require("./placeholder-preview"));
+
+var _menuItemsToBlocks = _interopRequireDefault(require("../../menu-items-to-blocks"));
+
+var _navigationMenuNameModal = _interopRequireDefault(require("../navigation-menu-name-modal"));
+
+var _useNavigationMenu = _interopRequireDefault(require("../../use-navigation-menu"));
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+const ExistingMenusDropdown = _ref => {
+  let {
+    canSwitchNavigationMenu,
+    navigationMenus,
+    setSelectedMenu,
+    onFinish,
+    menus,
+    onCreateFromMenu
+  } = _ref;
+  const toggleProps = {
+    variant: 'tertiary',
+    iconPosition: 'right',
+    className: 'wp-block-navigation-placeholder__actions__dropdown'
+  };
+  return (0, _element.createElement)(_components.DropdownMenu, {
+    text: (0, _i18n.__)('Select menu'),
+    icon: null,
+    toggleProps: toggleProps,
+    popoverProps: {
+      isAlternate: true
+    }
+  }, _ref2 => {
+    let {
+      onClose
+    } = _ref2;
+    return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.MenuGroup, {
+      label: (0, _i18n.__)('Menus')
+    }, canSwitchNavigationMenu && (navigationMenus === null || navigationMenus === void 0 ? void 0 : navigationMenus.map(menu => {
+      return (0, _element.createElement)(_components.MenuItem, {
+        onClick: () => {
+          setSelectedMenu(menu.id);
+          onFinish(menu);
+        },
+        onClose: onClose,
+        key: menu.id
+      }, (0, _htmlEntities.decodeEntities)(menu.title.rendered));
+    }))), (0, _element.createElement)(_components.MenuGroup, {
+      label: (0, _i18n.__)('Classic Menus')
+    }, menus === null || menus === void 0 ? void 0 : menus.map(menu => {
+      return (0, _element.createElement)(_components.MenuItem, {
+        onClick: () => {
+          setSelectedMenu(menu.id);
+          onCreateFromMenu(menu.name);
+        },
+        onClose: onClose,
+        key: menu.id
+      }, (0, _htmlEntities.decodeEntities)(menu.name));
+    })));
+  });
+};
+
+function NavigationPlaceholder(_ref3) {
+  let {
+    onFinish,
+    canSwitchNavigationMenu,
+    hasResolvedNavigationMenus
+  } = _ref3;
+  const [selectedMenu, setSelectedMenu] = (0, _element.useState)();
+  const [isCreatingFromMenu, setIsCreatingFromMenu] = (0, _element.useState)(false);
+  const [menuName, setMenuName] = (0, _element.useState)('');
+  const [isNewMenuModalVisible, setIsNewMenuModalVisible] = (0, _element.useState)(false);
+  const [createEmpty, setCreateEmpty] = (0, _element.useState)(false);
+  const {
+    saveEntityRecord
+  } = (0, _data.useDispatch)(_coreData.store); // This callback uses data from the two placeholder steps and only creates
+  // a new navigation menu when the user completes the final step.
+
+  const createNavigationMenu = (0, _element.useCallback)(async function () {
+    let title = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : (0, _i18n.__)('Untitled Navigation Menu');
+    let blocks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    const record = {
+      title,
+      content: (0, _blocks.serialize)(blocks),
+      status: 'publish'
+    };
+    const navigationMenu = await saveEntityRecord('postType', 'wp_navigation', record);
+    return navigationMenu;
+  }, [_blocks.serialize, saveEntityRecord]);
+
+  const onFinishMenuCreation = async (navigationMenuTitle, blocks) => {
+    const navigationMenu = await createNavigationMenu(navigationMenuTitle, blocks);
+    onFinish(navigationMenu);
+  };
+
+  const {
+    isResolvingPages,
+    menus,
+    isResolvingMenus,
+    menuItems,
+    hasResolvedMenuItems,
+    hasPages,
+    hasMenus
+  } = (0, _useNavigationEntities.default)(selectedMenu);
+  const isStillLoading = isResolvingPages || isResolvingMenus;
+  const createFromMenu = (0, _element.useCallback)(name => {
+    const {
+      innerBlocks: blocks
+    } = (0, _menuItemsToBlocks.default)(menuItems);
+    onFinishMenuCreation(name, blocks);
+  }, [menuItems, _menuItemsToBlocks.default, onFinish]);
+
+  const onCreateFromMenu = name => {
+    // If we have menu items, create the block right away.
+    if (hasResolvedMenuItems) {
+      createFromMenu(name);
+      return;
+    } // Otherwise, create the block when resolution finishes.
+
+
+    setIsCreatingFromMenu(true); // Store the name to use later.
+
+    setMenuName(name);
+  };
+
+  const onCreateEmptyMenu = name => {
+    onFinishMenuCreation(name, []);
+  };
+
+  const onCreateAllPages = name => {
+    const block = [(0, _blocks.createBlock)('core/page-list')];
+    onFinishMenuCreation(name, block);
+    setIsNewMenuModalVisible(true);
+  };
+
+  (0, _element.useEffect)(() => {
+    // If the user selected a menu but we had to wait for menu items to
+    // finish resolving, then create the block once resolution finishes.
+    if (isCreatingFromMenu && hasResolvedMenuItems) {
+      createFromMenu(menuName);
+      setIsCreatingFromMenu(false);
+    }
+  }, [isCreatingFromMenu, hasResolvedMenuItems, menuName]);
+  const {
+    navigationMenus
+  } = (0, _useNavigationMenu.default)();
+  return (0, _element.createElement)(_element.Fragment, null, (!hasResolvedNavigationMenus || isStillLoading) && (0, _element.createElement)(_placeholderPreview.default, {
+    isLoading: true
+  }), hasResolvedNavigationMenus && !isStillLoading && (0, _element.createElement)(_components.Placeholder, {
+    className: "wp-block-navigation-placeholder"
+  }, (0, _element.createElement)(_placeholderPreview.default, null), (0, _element.createElement)("div", {
+    className: "wp-block-navigation-placeholder__controls"
+  }, (0, _element.createElement)("div", {
+    className: "wp-block-navigation-placeholder__actions"
+  }, (0, _element.createElement)("div", {
+    className: "wp-block-navigation-placeholder__actions__indicator"
+  }, (0, _element.createElement)(_icons.Icon, {
+    icon: _icons.navigation
+  }), ' ', (0, _i18n.__)('Navigation')), (0, _element.createElement)("hr", null), hasMenus || navigationMenus.length ? (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(ExistingMenusDropdown, {
+    canSwitchNavigationMenu: canSwitchNavigationMenu,
+    navigationMenus: navigationMenus,
+    setSelectedMenu: setSelectedMenu,
+    onFinish: onFinish,
+    menus: menus,
+    onCreateFromMenu: onCreateFromMenu
+  }), (0, _element.createElement)("hr", null)) : undefined, hasPages ? (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.Button, {
+    variant: "tertiary",
+    onClick: () => {
+      setIsNewMenuModalVisible(true);
+      setCreateEmpty(false);
+    }
+  }, (0, _i18n.__)('Add all pages')), (0, _element.createElement)("hr", null)) : undefined, (0, _element.createElement)(_components.Button, {
+    variant: "tertiary",
+    onClick: () => {
+      setIsNewMenuModalVisible(true);
+      setCreateEmpty(true);
+    }
+  }, (0, _i18n.__)('Start empty'))))), isNewMenuModalVisible && (0, _element.createElement)(_navigationMenuNameModal.default, {
+    title: (0, _i18n.__)('Create your new navigation menu'),
+    onRequestClose: () => {
+      setIsNewMenuModalVisible(false);
+    },
+    onFinish: createEmpty ? onCreateEmptyMenu : onCreateAllPages
+  }));
+}
+//# sourceMappingURL=index.js.map