@wordpress/block-library 6.0.1 → 6.0.5

package/build/navigation/edit/index.js

@@ -0,0 +1,372 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _element = require("@wordpress/element");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _blockEditor = require("@wordpress/block-editor");
+
+var _coreData = require("@wordpress/core-data");
+
+var _data = require("@wordpress/data");
+
+var _components = require("@wordpress/components");
+
+var _i18n = require("@wordpress/i18n");
+
+var _useListViewModal = _interopRequireDefault(require("./use-list-view-modal"));
+
+var _useNavigationMenu = _interopRequireDefault(require("../use-navigation-menu"));
+
+var _placeholder = _interopRequireDefault(require("./placeholder"));
+
+var _placeholderPreview = _interopRequireDefault(require("./placeholder/placeholder-preview"));
+
+var _responsiveWrapper = _interopRequireDefault(require("./responsive-wrapper"));
+
+var _innerBlocks = _interopRequireDefault(require("./inner-blocks"));
+
+var _navigationMenuSelector = _interopRequireDefault(require("./navigation-menu-selector"));
+
+var _navigationMenuNameControl = _interopRequireDefault(require("./navigation-menu-name-control"));
+
+var _navigationMenuPublishButton = _interopRequireDefault(require("./navigation-menu-publish-button"));
+
+var _unsavedInnerBlocks = _interopRequireDefault(require("./unsaved-inner-blocks"));
+
+var _navigationMenuDeleteControl = _interopRequireDefault(require("./navigation-menu-delete-control"));
+
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function getComputedStyle(node) {
+  return node.ownerDocument.defaultView.getComputedStyle(node);
+}
+
+function detectColors(colorsDetectionElement, setColor, setBackground) {
+  if (!colorsDetectionElement) {
+    return;
+  }
+
+  setColor(getComputedStyle(colorsDetectionElement).color);
+  let backgroundColorNode = colorsDetectionElement;
+  let backgroundColor = getComputedStyle(backgroundColorNode).backgroundColor;
+
+  while (backgroundColor === 'rgba(0, 0, 0, 0)' && backgroundColorNode.parentNode && backgroundColorNode.parentNode.nodeType === backgroundColorNode.parentNode.ELEMENT_NODE) {
+    backgroundColorNode = backgroundColorNode.parentNode;
+    backgroundColor = getComputedStyle(backgroundColorNode).backgroundColor;
+  }
+
+  setBackground(backgroundColor);
+}
+
+function Navigation({
+  attributes,
+  setAttributes,
+  clientId,
+  isSelected,
+  className,
+  backgroundColor,
+  setBackgroundColor,
+  textColor,
+  setTextColor,
+  overlayBackgroundColor,
+  setOverlayBackgroundColor,
+  overlayTextColor,
+  setOverlayTextColor,
+  context: {
+    navigationArea
+  },
+  // These props are used by the navigation editor to override specific
+  // navigation block settings.
+  hasSubmenuIndicatorSetting = true,
+  hasColorSettings = true,
+  customPlaceholder: CustomPlaceholder = null,
+  customAppender: CustomAppender = null
+}) {
+  const {
+    itemsJustification,
+    openSubmenusOnClick,
+    orientation,
+    overlayMenu,
+    showSubmenuIcon
+  } = attributes;
+  const [areaMenu, setAreaMenu] = (0, _coreData.useEntityProp)('root', 'navigationArea', 'navigation', navigationArea);
+  const navigationAreaMenu = areaMenu === 0 ? undefined : areaMenu;
+  const navigationMenuId = navigationArea ? navigationAreaMenu : attributes.navigationMenuId;
+  const setNavigationMenuId = (0, _element.useCallback)(postId => {
+    setAttributes({
+      navigationMenuId: postId
+    });
+
+    if (navigationArea) {
+      setAreaMenu(postId);
+    }
+  }, [navigationArea]);
+  const [hasAlreadyRendered, RecursionProvider] = (0, _blockEditor.__experimentalUseNoRecursiveRenders)(`navigationMenu/${navigationMenuId}`);
+  const {
+    innerBlocks,
+    isInnerBlockSelected
+  } = (0, _data.useSelect)(select => {
+    const {
+      getBlocks,
+      hasSelectedInnerBlock
+    } = select(_blockEditor.store);
+    return {
+      innerBlocks: getBlocks(clientId),
+      isInnerBlockSelected: hasSelectedInnerBlock(clientId, true)
+    };
+  }, [clientId]);
+  const hasExistingNavItems = !!innerBlocks.length;
+  const {
+    replaceInnerBlocks,
+    selectBlock
+  } = (0, _data.useDispatch)(_blockEditor.store);
+  const [hasSavedUnsavedInnerBlocks, setHasSavedUnsavedInnerBlocks] = (0, _element.useState)(false);
+  const isWithinUnassignedArea = navigationArea && !navigationMenuId;
+  const [isPlaceholderShown, setIsPlaceholderShown] = (0, _element.useState)(!hasExistingNavItems || isWithinUnassignedArea);
+  const [isResponsiveMenuOpen, setResponsiveMenuVisibility] = (0, _element.useState)(false);
+  const {
+    isNavigationMenuResolved,
+    isNavigationMenuMissing,
+    canSwitchNavigationMenu,
+    hasResolvedNavigationMenus,
+    navigationMenus,
+    navigationMenu
+  } = (0, _useNavigationMenu.default)(navigationMenuId);
+  const navRef = (0, _element.useRef)();
+  const isDraftNavigationMenu = (navigationMenu === null || navigationMenu === void 0 ? void 0 : navigationMenu.status) === 'draft';
+  const {
+    listViewToolbarButton,
+    listViewModal
+  } = (0, _useListViewModal.default)(clientId);
+  const isEntityAvailable = !isNavigationMenuMissing && isNavigationMenuResolved;
+  const blockProps = (0, _blockEditor.useBlockProps)({
+    ref: navRef,
+    className: (0, _classnames.default)(className, {
+      [`items-justified-${attributes.itemsJustification}`]: itemsJustification,
+      'is-vertical': orientation === 'vertical',
+      'is-responsive': 'never' !== overlayMenu,
+      'has-text-color': !!textColor.color || !!(textColor !== null && textColor !== void 0 && textColor.class),
+      [(0, _blockEditor.getColorClassName)('color', textColor === null || textColor === void 0 ? void 0 : textColor.slug)]: !!(textColor !== null && textColor !== void 0 && textColor.slug),
+      'has-background': !!backgroundColor.color || backgroundColor.class,
+      [(0, _blockEditor.getColorClassName)('background-color', backgroundColor === null || backgroundColor === void 0 ? void 0 : backgroundColor.slug)]: !!(backgroundColor !== null && backgroundColor !== void 0 && backgroundColor.slug)
+    }),
+    style: {
+      color: !(textColor !== null && textColor !== void 0 && textColor.slug) && (textColor === null || textColor === void 0 ? void 0 : textColor.color),
+      backgroundColor: !(backgroundColor !== null && backgroundColor !== void 0 && backgroundColor.slug) && (backgroundColor === null || backgroundColor === void 0 ? void 0 : backgroundColor.color)
+    }
+  }); // Turn on contrast checker for web only since it's not supported on mobile yet.
+
+  const enableContrastChecking = _element.Platform.OS === 'web';
+  const [detectedBackgroundColor, setDetectedBackgroundColor] = (0, _element.useState)();
+  const [detectedColor, setDetectedColor] = (0, _element.useState)();
+  const [detectedOverlayBackgroundColor, setDetectedOverlayBackgroundColor] = (0, _element.useState)();
+  const [detectedOverlayColor, setDetectedOverlayColor] = (0, _element.useState)();
+  (0, _element.useEffect)(() => {
+    if (!enableContrastChecking) {
+      return;
+    }
+
+    detectColors(navRef.current, setDetectedColor, setDetectedBackgroundColor);
+    const subMenuElement = navRef.current.querySelector('[data-type="core/navigation-link"] [data-type="core/navigation-link"]');
+
+    if (subMenuElement) {
+      detectColors(subMenuElement, setDetectedOverlayColor, setDetectedOverlayBackgroundColor);
+    }
+  }); // Hide the placeholder if an navigation menu entity has loaded.
+
+  (0, _element.useEffect)(() => {
+    setIsPlaceholderShown(!isEntityAvailable);
+  }, [isEntityAvailable]); // If the block has inner blocks, but no menu id, this was an older
+  // navigation block added before the block used a wp_navigation entity.
+  // Either this block was saved in the content or inserted by a pattern.
+  // Consider this 'unsaved'. Offer an uncontrolled version of inner blocks,
+  // that automatically saves the menu.
+
+  const hasUnsavedBlocks = hasExistingNavItems && !isEntityAvailable && !isWithinUnassignedArea;
+
+  if (hasUnsavedBlocks) {
+    return (0, _element.createElement)(_unsavedInnerBlocks.default, {
+      blockProps: blockProps,
+      blocks: innerBlocks,
+      clientId: clientId,
+      navigationMenus: navigationMenus,
+      hasSelection: isSelected || isInnerBlockSelected,
+      hasSavedUnsavedInnerBlocks: hasSavedUnsavedInnerBlocks,
+      onSave: post => {
+        setHasSavedUnsavedInnerBlocks(true); // Switch to using the wp_navigation entity.
+
+        setNavigationMenuId(post.id);
+      }
+    });
+  } // Show a warning if the selected menu is no longer available.
+  // TODO - the user should be able to select a new one?
+
+
+  if (navigationMenuId && isNavigationMenuMissing) {
+    return (0, _element.createElement)("div", blockProps, (0, _element.createElement)(_blockEditor.Warning, null, (0, _i18n.__)('Navigation menu has been deleted or is unavailable')));
+  }
+
+  if (isEntityAvailable && hasAlreadyRendered) {
+    return (0, _element.createElement)("div", blockProps, (0, _element.createElement)(_blockEditor.Warning, null, (0, _i18n.__)('Block cannot be rendered inside itself.')));
+  }
+
+  const PlaceholderComponent = CustomPlaceholder ? CustomPlaceholder : _placeholder.default;
+  return (0, _element.createElement)(_coreData.EntityProvider, {
+    kind: "postType",
+    type: "wp_navigation",
+    id: navigationMenuId
+  }, (0, _element.createElement)(RecursionProvider, null, (0, _element.createElement)(_blockEditor.BlockControls, null, !isDraftNavigationMenu && isEntityAvailable && (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_components.ToolbarDropdownMenu, {
+    label: (0, _i18n.__)('Select Menu'),
+    text: (0, _i18n.__)('Select Menu'),
+    icon: null
+  }, ({
+    onClose
+  }) => (0, _element.createElement)(_navigationMenuSelector.default, {
+    onSelect: ({
+      id
+    }) => {
+      setNavigationMenuId(id);
+      onClose();
+    },
+    onCreateNew: () => {
+      if (navigationArea) {
+        setAreaMenu(0);
+      }
+
+      setAttributes({
+        navigationMenuId: undefined
+      });
+      setIsPlaceholderShown(true);
+    }
+  }))), (0, _element.createElement)(_components.ToolbarGroup, null, listViewToolbarButton), isDraftNavigationMenu && (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_navigationMenuPublishButton.default, null))), listViewModal, (0, _element.createElement)(_blockEditor.InspectorControls, null, hasSubmenuIndicatorSetting && (0, _element.createElement)(_components.PanelBody, {
+    title: (0, _i18n.__)('Display')
+  }, (0, _element.createElement)("h3", null, (0, _i18n.__)('Overlay Menu')), (0, _element.createElement)(_components.__experimentalToggleGroupControl, {
+    label: (0, _i18n.__)('Configure overlay menu'),
+    value: overlayMenu,
+    help: (0, _i18n.__)('Collapses the navigation options in a menu icon opening an overlay.'),
+    onChange: value => setAttributes({
+      overlayMenu: value
+    }),
+    isBlock: true,
+    hideLabelFromVision: true
+  }, (0, _element.createElement)(_components.__experimentalToggleGroupControlOption, {
+    value: "never",
+    label: (0, _i18n.__)('Off')
+  }), (0, _element.createElement)(_components.__experimentalToggleGroupControlOption, {
+    value: "mobile",
+    label: (0, _i18n.__)('Mobile')
+  }), (0, _element.createElement)(_components.__experimentalToggleGroupControlOption, {
+    value: "always",
+    label: (0, _i18n.__)('Always')
+  })), (0, _element.createElement)("h3", null, (0, _i18n.__)('Submenus')), (0, _element.createElement)(_components.ToggleControl, {
+    checked: openSubmenusOnClick,
+    onChange: value => {
+      setAttributes({
+        openSubmenusOnClick: value
+      });
+    },
+    label: (0, _i18n.__)('Open on click')
+  }), !attributes.openSubmenusOnClick && (0, _element.createElement)(_components.ToggleControl, {
+    checked: showSubmenuIcon,
+    onChange: value => {
+      setAttributes({
+        showSubmenuIcon: value
+      });
+    },
+    label: (0, _i18n.__)('Show icons')
+  })), hasColorSettings && (0, _element.createElement)(_blockEditor.PanelColorSettings, {
+    __experimentalHasMultipleOrigins: true,
+    title: (0, _i18n.__)('Color'),
+    initialOpen: false,
+    colorSettings: [{
+      value: textColor.color,
+      onChange: setTextColor,
+      label: (0, _i18n.__)('Text')
+    }, {
+      value: backgroundColor.color,
+      onChange: setBackgroundColor,
+      label: (0, _i18n.__)('Background')
+    }, {
+      value: overlayTextColor.color,
+      onChange: setOverlayTextColor,
+      label: (0, _i18n.__)('Submenu & overlay text')
+    }, {
+      value: overlayBackgroundColor.color,
+      onChange: setOverlayBackgroundColor,
+      label: (0, _i18n.__)('Submenu & overlay background')
+    }]
+  }, enableContrastChecking && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.ContrastChecker, {
+    backgroundColor: detectedBackgroundColor,
+    textColor: detectedColor
+  }), (0, _element.createElement)(_blockEditor.ContrastChecker, {
+    backgroundColor: detectedOverlayBackgroundColor,
+    textColor: detectedOverlayColor
+  })))), isEntityAvailable && (0, _element.createElement)(_blockEditor.InspectorControls, {
+    __experimentalGroup: "advanced"
+  }, (0, _element.createElement)(_navigationMenuNameControl.default, null), (0, _element.createElement)(_navigationMenuDeleteControl.default, {
+    onDelete: () => {
+      replaceInnerBlocks(clientId, []);
+
+      if (navigationArea) {
+        setAreaMenu(0);
+      }
+
+      setAttributes({
+        navigationMenuId: undefined
+      });
+      setIsPlaceholderShown(true);
+    }
+  })), (0, _element.createElement)("nav", blockProps, !isEntityAvailable && isPlaceholderShown && (0, _element.createElement)(PlaceholderComponent, {
+    onFinish: post => {
+      setIsPlaceholderShown(false);
+      setNavigationMenuId(post.id);
+      selectBlock(clientId);
+    },
+    canSwitchNavigationMenu: canSwitchNavigationMenu,
+    hasResolvedNavigationMenus: hasResolvedNavigationMenus
+  }), !isEntityAvailable && !isPlaceholderShown && (0, _element.createElement)(_placeholderPreview.default, {
+    isLoading: true
+  }), !isPlaceholderShown && (0, _element.createElement)(_responsiveWrapper.default, {
+    id: clientId,
+    onToggle: setResponsiveMenuVisibility,
+    isOpen: isResponsiveMenuOpen,
+    isResponsive: 'never' !== overlayMenu,
+    isHiddenByDefault: 'always' === overlayMenu
+  }, isEntityAvailable && (0, _element.createElement)(_innerBlocks.default, {
+    isVisible: !isPlaceholderShown,
+    clientId: clientId,
+    appender: CustomAppender,
+    hasCustomPlaceholder: !!CustomPlaceholder,
+    orientation: orientation
+  })))));
+}
+
+var _default = (0, _blockEditor.withColors)({
+  textColor: 'color'
+}, {
+  backgroundColor: 'color'
+}, {
+  overlayBackgroundColor: 'color'
+}, {
+  overlayTextColor: 'color'
+})(Navigation);
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/index.js"],"names":["getComputedStyle","node","ownerDocument","defaultView","detectColors","colorsDetectionElement","setColor","setBackground","color","backgroundColorNode","backgroundColor","parentNode","nodeType","ELEMENT_NODE","Navigation","attributes","setAttributes","clientId","isSelected","className","setBackgroundColor","textColor","setTextColor","overlayBackgroundColor","setOverlayBackgroundColor","overlayTextColor","setOverlayTextColor","context","navigationArea","hasSubmenuIndicatorSetting","hasColorSettings","customPlaceholder","CustomPlaceholder","customAppender","CustomAppender","itemsJustification","openSubmenusOnClick","orientation","overlayMenu","showSubmenuIcon","areaMenu","setAreaMenu","navigationAreaMenu","undefined","navigationMenuId","setNavigationMenuId","postId","hasAlreadyRendered","RecursionProvider","innerBlocks","isInnerBlockSelected","select","getBlocks","hasSelectedInnerBlock","blockEditorStore","hasExistingNavItems","length","replaceInnerBlocks","selectBlock","hasSavedUnsavedInnerBlocks","setHasSavedUnsavedInnerBlocks","isWithinUnassignedArea","isPlaceholderShown","setIsPlaceholderShown","isResponsiveMenuOpen","setResponsiveMenuVisibility","isNavigationMenuResolved","isNavigationMenuMissing","canSwitchNavigationMenu","hasResolvedNavigationMenus","navigationMenus","navigationMenu","navRef","isDraftNavigationMenu","status","listViewToolbarButton","listViewModal","isEntityAvailable","blockProps","ref","class","slug","style","enableContrastChecking","Platform","OS","detectedBackgroundColor","setDetectedBackgroundColor","detectedColor","setDetectedColor","detectedOverlayBackgroundColor","setDetectedOverlayBackgroundColor","detectedOverlayColor","setDetectedOverlayColor","current","subMenuElement","querySelector","hasUnsavedBlocks","post","id","PlaceholderComponent","Placeholder","onClose","value","onChange","label"],"mappings":";;;;;;;;;AAQA;;AALA;;AAYA;;AAYA;;AACA;;AACA;;AAQA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AApDA;AACA;AACA;;AAGA;AACA;AACA;;AAgCA;AACA;AACA;AAaA,SAASA,gBAAT,CAA2BC,IAA3B,EAAkC;AACjC,SAAOA,IAAI,CAACC,aAAL,CAAmBC,WAAnB,CAA+BH,gBAA/B,CAAiDC,IAAjD,CAAP;AACA;;AAED,SAASG,YAAT,CAAuBC,sBAAvB,EAA+CC,QAA/C,EAAyDC,aAAzD,EAAyE;AACxE,MAAK,CAAEF,sBAAP,EAAgC;AAC/B;AACA;;AACDC,EAAAA,QAAQ,CAAEN,gBAAgB,CAAEK,sBAAF,CAAhB,CAA2CG,KAA7C,CAAR;AAEA,MAAIC,mBAAmB,GAAGJ,sBAA1B;AACA,MAAIK,eAAe,GAAGV,gBAAgB,CAAES,mBAAF,CAAhB,CACpBC,eADF;;AAEA,SACCA,eAAe,KAAK,kBAApB,IACAD,mBAAmB,CAACE,UADpB,IAEAF,mBAAmB,CAACE,UAApB,CAA+BC,QAA/B,KACCH,mBAAmB,CAACE,UAApB,CAA+BE,YAJjC,EAKE;AACDJ,IAAAA,mBAAmB,GAAGA,mBAAmB,CAACE,UAA1C;AACAD,IAAAA,eAAe,GAAGV,gBAAgB,CAAES,mBAAF,CAAhB,CAChBC,eADF;AAEA;;AAEDH,EAAAA,aAAa,CAAEG,eAAF,CAAb;AACA;;AAED,SAASI,UAAT,CAAqB;AACpBC,EAAAA,UADoB;AAEpBC,EAAAA,aAFoB;AAGpBC,EAAAA,QAHoB;AAIpBC,EAAAA,UAJoB;AAKpBC,EAAAA,SALoB;AAMpBT,EAAAA,eANoB;AAOpBU,EAAAA,kBAPoB;AAQpBC,EAAAA,SARoB;AASpBC,EAAAA,YAToB;AAUpBC,EAAAA,sBAVoB;AAWpBC,EAAAA,yBAXoB;AAYpBC,EAAAA,gBAZoB;AAapBC,EAAAA,mBAboB;AAcpBC,EAAAA,OAAO,EAAE;AAAEC,IAAAA;AAAF,GAdW;AAgBpB;AACA;AACAC,EAAAA,0BAA0B,GAAG,IAlBT;AAmBpBC,EAAAA,gBAAgB,GAAG,IAnBC;AAoBpBC,EAAAA,iBAAiB,EAAEC,iBAAiB,GAAG,IApBnB;AAqBpBC,EAAAA,cAAc,EAAEC,cAAc,GAAG;AArBb,CAArB,EAsBI;AACH,QAAM;AACLC,IAAAA,kBADK;AAELC,IAAAA,mBAFK;AAGLC,IAAAA,WAHK;AAILC,IAAAA,WAJK;AAKLC,IAAAA;AALK,MAMFxB,UANJ;AAQA,QAAM,CAAEyB,QAAF,EAAYC,WAAZ,IAA4B,6BACjC,MADiC,EAEjC,gBAFiC,EAGjC,YAHiC,EAIjCb,cAJiC,CAAlC;AAOA,QAAMc,kBAAkB,GAAGF,QAAQ,KAAK,CAAb,GAAiBG,SAAjB,GAA6BH,QAAxD;AAEA,QAAMI,gBAAgB,GAAGhB,cAAc,GACpCc,kBADoC,GAEpC3B,UAAU,CAAC6B,gBAFd;AAIA,QAAMC,mBAAmB,GAAG,0BACzBC,MAAF,IAAc;AACb9B,IAAAA,aAAa,CAAE;AAAE4B,MAAAA,gBAAgB,EAAEE;AAApB,KAAF,CAAb;;AACA,QAAKlB,cAAL,EAAsB;AACrBa,MAAAA,WAAW,CAAEK,MAAF,CAAX;AACA;AACD,GAN0B,EAO3B,CAAElB,cAAF,CAP2B,CAA5B;AAUA,QAAM,CAAEmB,kBAAF,EAAsBC,iBAAtB,IAA4C,sDAChD,kBAAkBJ,gBAAkB,EADY,CAAlD;AAIA,QAAM;AAAEK,IAAAA,WAAF;AAAeC,IAAAA;AAAf,MAAwC,qBAC3CC,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA,SAAF;AAAaC,MAAAA;AAAb,QAAuCF,MAAM,CAClDG,kBADkD,CAAnD;AAGA,WAAO;AACNL,MAAAA,WAAW,EAAEG,SAAS,CAAEnC,QAAF,CADhB;AAENiC,MAAAA,oBAAoB,EAAEG,qBAAqB,CAAEpC,QAAF,EAAY,IAAZ;AAFrC,KAAP;AAIA,GAT4C,EAU7C,CAAEA,QAAF,CAV6C,CAA9C;AAYA,QAAMsC,mBAAmB,GAAG,CAAC,CAAEN,WAAW,CAACO,MAA3C;AACA,QAAM;AAAEC,IAAAA,kBAAF;AAAsBC,IAAAA;AAAtB,MAAsC,uBAAaJ,kBAAb,CAA5C;AAEA,QAAM,CACLK,0BADK,EAELC,6BAFK,IAGF,uBAAU,KAAV,CAHJ;AAKA,QAAMC,sBAAsB,GAAGjC,cAAc,IAAI,CAAEgB,gBAAnD;AAEA,QAAM,CAAEkB,kBAAF,EAAsBC,qBAAtB,IAAgD,uBACrD,CAAER,mBAAF,IAAyBM,sBAD4B,CAAtD;AAIA,QAAM,CAAEG,oBAAF,EAAwBC,2BAAxB,IAAwD,uBAC7D,KAD6D,CAA9D;AAIA,QAAM;AACLC,IAAAA,wBADK;AAELC,IAAAA,uBAFK;AAGLC,IAAAA,uBAHK;AAILC,IAAAA,0BAJK;AAKLC,IAAAA,eALK;AAMLC,IAAAA;AANK,MAOF,gCAAmB3B,gBAAnB,CAPJ;AASA,QAAM4B,MAAM,GAAG,sBAAf;AACA,QAAMC,qBAAqB,GAAG,CAAAF,cAAc,SAAd,IAAAA,cAAc,WAAd,YAAAA,cAAc,CAAEG,MAAhB,MAA2B,OAAzD;AAEA,QAAM;AAAEC,IAAAA,qBAAF;AAAyBC,IAAAA;AAAzB,MAA2C,+BAChD3D,QADgD,CAAjD;AAIA,QAAM4D,iBAAiB,GACtB,CAAEV,uBAAF,IAA6BD,wBAD9B;AAGA,QAAMY,UAAU,GAAG,gCAAe;AACjCC,IAAAA,GAAG,EAAEP,MAD4B;AAEjCrD,IAAAA,SAAS,EAAE,yBAAYA,SAAZ,EAAuB;AACjC,OAAG,mBAAmBJ,UAAU,CAACoB,kBAAoB,EAArD,GAA0DA,kBADzB;AAEjC,qBAAeE,WAAW,KAAK,UAFE;AAGjC,uBAAiB,YAAYC,WAHI;AAIjC,wBAAkB,CAAC,CAAEjB,SAAS,CAACb,KAAb,IAAsB,CAAC,EAAEa,SAAF,aAAEA,SAAF,eAAEA,SAAS,CAAE2D,KAAb,CAJR;AAKjC,OAAE,oCACD,OADC,EAED3D,SAFC,aAEDA,SAFC,uBAEDA,SAAS,CAAE4D,IAFV,CAAF,GAGK,CAAC,EAAE5D,SAAF,aAAEA,SAAF,eAAEA,SAAS,CAAE4D,IAAb,CAR2B;AASjC,wBAAkB,CAAC,CAAEvE,eAAe,CAACF,KAAnB,IAA4BE,eAAe,CAACsE,KAT7B;AAUjC,OAAE,oCACD,kBADC,EAEDtE,eAFC,aAEDA,eAFC,uBAEDA,eAAe,CAAEuE,IAFhB,CAAF,GAGK,CAAC,EAAEvE,eAAF,aAAEA,eAAF,eAAEA,eAAe,CAAEuE,IAAnB;AAb2B,KAAvB,CAFsB;AAiBjCC,IAAAA,KAAK,EAAE;AACN1E,MAAAA,KAAK,EAAE,EAAEa,SAAF,aAAEA,SAAF,eAAEA,SAAS,CAAE4D,IAAb,MAAqB5D,SAArB,aAAqBA,SAArB,uBAAqBA,SAAS,CAAEb,KAAhC,CADD;AAENE,MAAAA,eAAe,EAAE,EAAEA,eAAF,aAAEA,eAAF,eAAEA,eAAe,CAAEuE,IAAnB,MAA2BvE,eAA3B,aAA2BA,eAA3B,uBAA2BA,eAAe,CAAEF,KAA5C;AAFX;AAjB0B,GAAf,CAAnB,CArFG,CA4GH;;AACA,QAAM2E,sBAAsB,GAAGC,kBAASC,EAAT,KAAgB,KAA/C;AAEA,QAAM,CAAEC,uBAAF,EAA2BC,0BAA3B,IAA0D,wBAAhE;AACA,QAAM,CAAEC,aAAF,EAAiBC,gBAAjB,IAAsC,wBAA5C;AACA,QAAM,CACLC,8BADK,EAELC,iCAFK,IAGF,wBAHJ;AAIA,QAAM,CAAEC,oBAAF,EAAwBC,uBAAxB,IAAoD,wBAA1D;AAEA,0BAAW,MAAM;AAChB,QAAK,CAAEV,sBAAP,EAAgC;AAC/B;AACA;;AACD/E,IAAAA,YAAY,CACXoE,MAAM,CAACsB,OADI,EAEXL,gBAFW,EAGXF,0BAHW,CAAZ;AAKA,UAAMQ,cAAc,GAAGvB,MAAM,CAACsB,OAAP,CAAeE,aAAf,CACtB,uEADsB,CAAvB;;AAGA,QAAKD,cAAL,EAAsB;AACrB3F,MAAAA,YAAY,CACX2F,cADW,EAEXF,uBAFW,EAGXF,iCAHW,CAAZ;AAKA;AACD,GAnBD,EAvHG,CA4IH;;AACA,0BAAW,MAAM;AAChB5B,IAAAA,qBAAqB,CAAE,CAAEc,iBAAJ,CAArB;AACA,GAFD,EAEG,CAAEA,iBAAF,CAFH,EA7IG,CAiJH;AACA;AACA;AACA;AACA;;AACA,QAAMoB,gBAAgB,GACrB1C,mBAAmB,IAAI,CAAEsB,iBAAzB,IAA8C,CAAEhB,sBADjD;;AAEA,MAAKoC,gBAAL,EAAwB;AACvB,WACC,4BAAC,2BAAD;AACC,MAAA,UAAU,EAAGnB,UADd;AAEC,MAAA,MAAM,EAAG7B,WAFV;AAGC,MAAA,QAAQ,EAAGhC,QAHZ;AAIC,MAAA,eAAe,EAAGqD,eAJnB;AAKC,MAAA,YAAY,EAAGpD,UAAU,IAAIgC,oBAL9B;AAMC,MAAA,0BAA0B,EAAGS,0BAN9B;AAOC,MAAA,MAAM,EAAKuC,IAAF,IAAY;AACpBtC,QAAAA,6BAA6B,CAAE,IAAF,CAA7B,CADoB,CAEpB;;AACAf,QAAAA,mBAAmB,CAAEqD,IAAI,CAACC,EAAP,CAAnB;AACA;AAXF,MADD;AAeA,GAxKE,CA0KH;AACA;;;AACA,MAAKvD,gBAAgB,IAAIuB,uBAAzB,EAAmD;AAClD,WACC,mCAAUW,UAAV,EACC,4BAAC,oBAAD,QACG,cACD,oDADC,CADH,CADD,CADD;AASA;;AAED,MAAKD,iBAAiB,IAAI9B,kBAA1B,EAA+C;AAC9C,WACC,mCAAU+B,UAAV,EACC,4BAAC,oBAAD,QACG,cAAI,yCAAJ,CADH,CADD,CADD;AAOA;;AAED,QAAMsB,oBAAoB,GAAGpE,iBAAiB,GAC3CA,iBAD2C,GAE3CqE,oBAFH;AAIA,SACC,4BAAC,wBAAD;AACC,IAAA,IAAI,EAAC,UADN;AAEC,IAAA,IAAI,EAAC,eAFN;AAGC,IAAA,EAAE,EAAGzD;AAHN,KAKC,4BAAC,iBAAD,QACC,4BAAC,0BAAD,QACG,CAAE6B,qBAAF,IAA2BI,iBAA3B,IACD,4BAAC,wBAAD,QACC,4BAAC,+BAAD;AACC,IAAA,KAAK,EAAG,cAAI,aAAJ,CADT;AAEC,IAAA,IAAI,EAAG,cAAI,aAAJ,CAFR;AAGC,IAAA,IAAI,EAAG;AAHR,KAKG,CAAE;AAAEyB,IAAAA;AAAF,GAAF,KACD,4BAAC,+BAAD;AACC,IAAA,QAAQ,EAAG,CAAE;AAAEH,MAAAA;AAAF,KAAF,KAAc;AACxBtD,MAAAA,mBAAmB,CAAEsD,EAAF,CAAnB;AACAG,MAAAA,OAAO;AACP,KAJF;AAKC,IAAA,WAAW,EAAG,MAAM;AACnB,UAAK1E,cAAL,EAAsB;AACrBa,QAAAA,WAAW,CAAE,CAAF,CAAX;AACA;;AACDzB,MAAAA,aAAa,CAAE;AACd4B,QAAAA,gBAAgB,EAAED;AADJ,OAAF,CAAb;AAGAoB,MAAAA,qBAAqB,CAAE,IAAF,CAArB;AACA;AAbF,IANF,CADD,CAFF,EA4BC,4BAAC,wBAAD,QAAgBY,qBAAhB,CA5BD,EA6BGF,qBAAqB,IACtB,4BAAC,wBAAD,QACC,4BAAC,oCAAD,OADD,CA9BF,CADD,EAoCGG,aApCH,EAqCC,4BAAC,8BAAD,QACG/C,0BAA0B,IAC3B,4BAAC,qBAAD;AAAW,IAAA,KAAK,EAAG,cAAI,SAAJ;AAAnB,KACC,wCAAM,cAAI,cAAJ,CAAN,CADD,EAEC,4BAAC,4CAAD;AACC,IAAA,KAAK,EAAG,cAAI,wBAAJ,CADT;AAEC,IAAA,KAAK,EAAGS,WAFT;AAGC,IAAA,IAAI,EAAG,cACN,qEADM,CAHR;AAMC,IAAA,QAAQ,EAAKiE,KAAF,IACVvF,aAAa,CAAE;AAAEsB,MAAAA,WAAW,EAAEiE;AAAf,KAAF,CAPf;AASC,IAAA,OAAO,MATR;AAUC,IAAA,mBAAmB;AAVpB,KAYC,4BAAC,kDAAD;AACC,IAAA,KAAK,EAAC,OADP;AAEC,IAAA,KAAK,EAAG,cAAI,KAAJ;AAFT,IAZD,EAgBC,4BAAC,kDAAD;AACC,IAAA,KAAK,EAAC,QADP;AAEC,IAAA,KAAK,EAAG,cAAI,QAAJ;AAFT,IAhBD,EAoBC,4BAAC,kDAAD;AACC,IAAA,KAAK,EAAC,QADP;AAEC,IAAA,KAAK,EAAG,cAAI,QAAJ;AAFT,IApBD,CAFD,EA2BC,wCAAM,cAAI,UAAJ,CAAN,CA3BD,EA4BC,4BAAC,yBAAD;AACC,IAAA,OAAO,EAAGnE,mBADX;AAEC,IAAA,QAAQ,EAAKmE,KAAF,IAAa;AACvBvF,MAAAA,aAAa,CAAE;AACdoB,QAAAA,mBAAmB,EAAEmE;AADP,OAAF,CAAb;AAGA,KANF;AAOC,IAAA,KAAK,EAAG,cAAI,eAAJ;AAPT,IA5BD,EAqCG,CAAExF,UAAU,CAACqB,mBAAb,IACD,4BAAC,yBAAD;AACC,IAAA,OAAO,EAAGG,eADX;AAEC,IAAA,QAAQ,EAAKgE,KAAF,IAAa;AACvBvF,MAAAA,aAAa,CAAE;AACduB,QAAAA,eAAe,EAAEgE;AADH,OAAF,CAAb;AAGA,KANF;AAOC,IAAA,KAAK,EAAG,cAAI,YAAJ;AAPT,IAtCF,CAFF,EAoDGzE,gBAAgB,IACjB,4BAAC,+BAAD;AACC,IAAA,gCAAgC,MADjC;AAEC,IAAA,KAAK,EAAG,cAAI,OAAJ,CAFT;AAGC,IAAA,WAAW,EAAG,KAHf;AAIC,IAAA,aAAa,EAAG,CACf;AACCyE,MAAAA,KAAK,EAAElF,SAAS,CAACb,KADlB;AAECgG,MAAAA,QAAQ,EAAElF,YAFX;AAGCmF,MAAAA,KAAK,EAAE,cAAI,MAAJ;AAHR,KADe,EAMf;AACCF,MAAAA,KAAK,EAAE7F,eAAe,CAACF,KADxB;AAECgG,MAAAA,QAAQ,EAAEpF,kBAFX;AAGCqF,MAAAA,KAAK,EAAE,cAAI,YAAJ;AAHR,KANe,EAWf;AACCF,MAAAA,KAAK,EAAE9E,gBAAgB,CAACjB,KADzB;AAECgG,MAAAA,QAAQ,EAAE9E,mBAFX;AAGC+E,MAAAA,KAAK,EAAE,cAAI,wBAAJ;AAHR,KAXe,EAgBf;AACCF,MAAAA,KAAK,EAAEhF,sBAAsB,CAACf,KAD/B;AAECgG,MAAAA,QAAQ,EAAEhF,yBAFX;AAGCiF,MAAAA,KAAK,EAAE,cAAI,8BAAJ;AAHR,KAhBe;AAJjB,KA2BGtB,sBAAsB,IACvB,qDACC,4BAAC,4BAAD;AACC,IAAA,eAAe,EACdG,uBAFF;AAIC,IAAA,SAAS,EAAGE;AAJb,IADD,EAOC,4BAAC,4BAAD;AACC,IAAA,eAAe,EACdE,8BAFF;AAIC,IAAA,SAAS,EAAGE;AAJb,IAPD,CA5BF,CArDF,CArCD,EAwIGf,iBAAiB,IAClB,4BAAC,8BAAD;AAAmB,IAAA,mBAAmB,EAAC;AAAvC,KACC,4BAAC,kCAAD,OADD,EAEC,4BAAC,oCAAD;AACC,IAAA,QAAQ,EAAG,MAAM;AAChBpB,MAAAA,kBAAkB,CAAExC,QAAF,EAAY,EAAZ,CAAlB;;AACA,UAAKW,cAAL,EAAsB;AACrBa,QAAAA,WAAW,CAAE,CAAF,CAAX;AACA;;AACDzB,MAAAA,aAAa,CAAE;AACd4B,QAAAA,gBAAgB,EAAED;AADJ,OAAF,CAAb;AAGAoB,MAAAA,qBAAqB,CAAE,IAAF,CAArB;AACA;AAVF,IAFD,CAzIF,EAyJC,mCAAUe,UAAV,EACG,CAAED,iBAAF,IAAuBf,kBAAvB,IACD,4BAAC,oBAAD;AACC,IAAA,QAAQ,EAAKoC,IAAF,IAAY;AACtBnC,MAAAA,qBAAqB,CAAE,KAAF,CAArB;AACAlB,MAAAA,mBAAmB,CAAEqD,IAAI,CAACC,EAAP,CAAnB;AACAzC,MAAAA,WAAW,CAAEzC,QAAF,CAAX;AACA,KALF;AAMC,IAAA,uBAAuB,EAAGmD,uBAN3B;AAOC,IAAA,0BAA0B,EACzBC;AARF,IAFF,EAcG,CAAEQ,iBAAF,IAAuB,CAAEf,kBAAzB,IACD,4BAAC,2BAAD;AAAoB,IAAA,SAAS;AAA7B,IAfF,EAiBG,CAAEA,kBAAF,IACD,4BAAC,0BAAD;AACC,IAAA,EAAE,EAAG7C,QADN;AAEC,IAAA,QAAQ,EAAGgD,2BAFZ;AAGC,IAAA,MAAM,EAAGD,oBAHV;AAIC,IAAA,YAAY,EAAG,YAAY1B,WAJ5B;AAKC,IAAA,iBAAiB,EAAG,aAAaA;AALlC,KAOGuC,iBAAiB,IAClB,4BAAC,oBAAD;AACC,IAAA,SAAS,EAAG,CAAEf,kBADf;AAEC,IAAA,QAAQ,EAAG7C,QAFZ;AAGC,IAAA,QAAQ,EAAGiB,cAHZ;AAIC,IAAA,oBAAoB,EACnB,CAAC,CAAEF,iBALL;AAOC,IAAA,WAAW,EAAGK;AAPf,IARF,CAlBF,CAzJD,CALD,CADD;AAyMA;;eAEc,6BACd;AAAEhB,EAAAA,SAAS,EAAE;AAAb,CADc,EAEd;AAAEX,EAAAA,eAAe,EAAE;AAAnB,CAFc,EAGd;AAAEa,EAAAA,sBAAsB,EAAE;AAA1B,CAHc,EAId;AAAEE,EAAAA,gBAAgB,EAAE;AAApB,CAJc,EAKZX,UALY,C","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseState,\n\tuseEffect,\n\tuseRef,\n\tuseCallback,\n\tPlatform,\n} from '@wordpress/element';\nimport {\n\tInspectorControls,\n\tBlockControls,\n\tuseBlockProps,\n\t__experimentalUseNoRecursiveRenders as useNoRecursiveRenders,\n\tstore as blockEditorStore,\n\twithColors,\n\tPanelColorSettings,\n\tContrastChecker,\n\tgetColorClassName,\n\tWarning,\n} from '@wordpress/block-editor';\nimport { EntityProvider, useEntityProp } from '@wordpress/core-data';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tPanelBody,\n\tToggleControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\tToolbarGroup,\n\tToolbarDropdownMenu,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useListViewModal from './use-list-view-modal';\nimport useNavigationMenu from '../use-navigation-menu';\nimport Placeholder from './placeholder';\nimport PlaceholderPreview from './placeholder/placeholder-preview';\nimport ResponsiveWrapper from './responsive-wrapper';\nimport NavigationInnerBlocks from './inner-blocks';\nimport NavigationMenuSelector from './navigation-menu-selector';\nimport NavigationMenuNameControl from './navigation-menu-name-control';\nimport NavigationMenuPublishButton from './navigation-menu-publish-button';\nimport UnsavedInnerBlocks from './unsaved-inner-blocks';\nimport NavigationMenuDeleteControl from './navigation-menu-delete-control';\n\nfunction getComputedStyle( node ) {\n\treturn node.ownerDocument.defaultView.getComputedStyle( node );\n}\n\nfunction detectColors( colorsDetectionElement, setColor, setBackground ) {\n\tif ( ! colorsDetectionElement ) {\n\t\treturn;\n\t}\n\tsetColor( getComputedStyle( colorsDetectionElement ).color );\n\n\tlet backgroundColorNode = colorsDetectionElement;\n\tlet backgroundColor = getComputedStyle( backgroundColorNode )\n\t\t.backgroundColor;\n\twhile (\n\t\tbackgroundColor === 'rgba(0, 0, 0, 0)' &&\n\t\tbackgroundColorNode.parentNode &&\n\t\tbackgroundColorNode.parentNode.nodeType ===\n\t\t\tbackgroundColorNode.parentNode.ELEMENT_NODE\n\t) {\n\t\tbackgroundColorNode = backgroundColorNode.parentNode;\n\t\tbackgroundColor = getComputedStyle( backgroundColorNode )\n\t\t\t.backgroundColor;\n\t}\n\n\tsetBackground( backgroundColor );\n}\n\nfunction Navigation( {\n\tattributes,\n\tsetAttributes,\n\tclientId,\n\tisSelected,\n\tclassName,\n\tbackgroundColor,\n\tsetBackgroundColor,\n\ttextColor,\n\tsetTextColor,\n\toverlayBackgroundColor,\n\tsetOverlayBackgroundColor,\n\toverlayTextColor,\n\tsetOverlayTextColor,\n\tcontext: { navigationArea },\n\n\t// These props are used by the navigation editor to override specific\n\t// navigation block settings.\n\thasSubmenuIndicatorSetting = true,\n\thasColorSettings = true,\n\tcustomPlaceholder: CustomPlaceholder = null,\n\tcustomAppender: CustomAppender = null,\n} ) {\n\tconst {\n\t\titemsJustification,\n\t\topenSubmenusOnClick,\n\t\torientation,\n\t\toverlayMenu,\n\t\tshowSubmenuIcon,\n\t} = attributes;\n\n\tconst [ areaMenu, setAreaMenu ] = useEntityProp(\n\t\t'root',\n\t\t'navigationArea',\n\t\t'navigation',\n\t\tnavigationArea\n\t);\n\n\tconst navigationAreaMenu = areaMenu === 0 ? undefined : areaMenu;\n\n\tconst navigationMenuId = navigationArea\n\t\t? navigationAreaMenu\n\t\t: attributes.navigationMenuId;\n\n\tconst setNavigationMenuId = useCallback(\n\t\t( postId ) => {\n\t\t\tsetAttributes( { navigationMenuId: postId } );\n\t\t\tif ( navigationArea ) {\n\t\t\t\tsetAreaMenu( postId );\n\t\t\t}\n\t\t},\n\t\t[ navigationArea ]\n\t);\n\n\tconst [ hasAlreadyRendered, RecursionProvider ] = useNoRecursiveRenders(\n\t\t`navigationMenu/${ navigationMenuId }`\n\t);\n\n\tconst { innerBlocks, isInnerBlockSelected } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlocks, hasSelectedInnerBlock } = select(\n\t\t\t\tblockEditorStore\n\t\t\t);\n\t\t\treturn {\n\t\t\t\tinnerBlocks: getBlocks( clientId ),\n\t\t\t\tisInnerBlockSelected: hasSelectedInnerBlock( clientId, true ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst hasExistingNavItems = !! innerBlocks.length;\n\tconst { replaceInnerBlocks, selectBlock } = useDispatch( blockEditorStore );\n\n\tconst [\n\t\thasSavedUnsavedInnerBlocks,\n\t\tsetHasSavedUnsavedInnerBlocks,\n\t] = useState( false );\n\n\tconst isWithinUnassignedArea = navigationArea && ! navigationMenuId;\n\n\tconst [ isPlaceholderShown, setIsPlaceholderShown ] = useState(\n\t\t! hasExistingNavItems || isWithinUnassignedArea\n\t);\n\n\tconst [ isResponsiveMenuOpen, setResponsiveMenuVisibility ] = useState(\n\t\tfalse\n\t);\n\n\tconst {\n\t\tisNavigationMenuResolved,\n\t\tisNavigationMenuMissing,\n\t\tcanSwitchNavigationMenu,\n\t\thasResolvedNavigationMenus,\n\t\tnavigationMenus,\n\t\tnavigationMenu,\n\t} = useNavigationMenu( navigationMenuId );\n\n\tconst navRef = useRef();\n\tconst isDraftNavigationMenu = navigationMenu?.status === 'draft';\n\n\tconst { listViewToolbarButton, listViewModal } = useListViewModal(\n\t\tclientId\n\t);\n\n\tconst isEntityAvailable =\n\t\t! isNavigationMenuMissing && isNavigationMenuResolved;\n\n\tconst blockProps = useBlockProps( {\n\t\tref: navRef,\n\t\tclassName: classnames( className, {\n\t\t\t[ `items-justified-${ attributes.itemsJustification }` ]: itemsJustification,\n\t\t\t'is-vertical': orientation === 'vertical',\n\t\t\t'is-responsive': 'never' !== overlayMenu,\n\t\t\t'has-text-color': !! textColor.color || !! textColor?.class,\n\t\t\t[ getColorClassName(\n\t\t\t\t'color',\n\t\t\t\ttextColor?.slug\n\t\t\t) ]: !! textColor?.slug,\n\t\t\t'has-background': !! backgroundColor.color || backgroundColor.class,\n\t\t\t[ getColorClassName(\n\t\t\t\t'background-color',\n\t\t\t\tbackgroundColor?.slug\n\t\t\t) ]: !! backgroundColor?.slug,\n\t\t} ),\n\t\tstyle: {\n\t\t\tcolor: ! textColor?.slug && textColor?.color,\n\t\t\tbackgroundColor: ! backgroundColor?.slug && backgroundColor?.color,\n\t\t},\n\t} );\n\n\t// Turn on contrast checker for web only since it's not supported on mobile yet.\n\tconst enableContrastChecking = Platform.OS === 'web';\n\n\tconst [ detectedBackgroundColor, setDetectedBackgroundColor ] = useState();\n\tconst [ detectedColor, setDetectedColor ] = useState();\n\tconst [\n\t\tdetectedOverlayBackgroundColor,\n\t\tsetDetectedOverlayBackgroundColor,\n\t] = useState();\n\tconst [ detectedOverlayColor, setDetectedOverlayColor ] = useState();\n\n\tuseEffect( () => {\n\t\tif ( ! enableContrastChecking ) {\n\t\t\treturn;\n\t\t}\n\t\tdetectColors(\n\t\t\tnavRef.current,\n\t\t\tsetDetectedColor,\n\t\t\tsetDetectedBackgroundColor\n\t\t);\n\t\tconst subMenuElement = navRef.current.querySelector(\n\t\t\t'[data-type=\"core/navigation-link\"] [data-type=\"core/navigation-link\"]'\n\t\t);\n\t\tif ( subMenuElement ) {\n\t\t\tdetectColors(\n\t\t\t\tsubMenuElement,\n\t\t\t\tsetDetectedOverlayColor,\n\t\t\t\tsetDetectedOverlayBackgroundColor\n\t\t\t);\n\t\t}\n\t} );\n\n\t// Hide the placeholder if an navigation menu entity has loaded.\n\tuseEffect( () => {\n\t\tsetIsPlaceholderShown( ! isEntityAvailable );\n\t}, [ isEntityAvailable ] );\n\n\t// If the block has inner blocks, but no menu id, this was an older\n\t// navigation block added before the block used a wp_navigation entity.\n\t// Either this block was saved in the content or inserted by a pattern.\n\t// Consider this 'unsaved'. Offer an uncontrolled version of inner blocks,\n\t// that automatically saves the menu.\n\tconst hasUnsavedBlocks =\n\t\thasExistingNavItems && ! isEntityAvailable && ! isWithinUnassignedArea;\n\tif ( hasUnsavedBlocks ) {\n\t\treturn (\n\t\t\t<UnsavedInnerBlocks\n\t\t\t\tblockProps={ blockProps }\n\t\t\t\tblocks={ innerBlocks }\n\t\t\t\tclientId={ clientId }\n\t\t\t\tnavigationMenus={ navigationMenus }\n\t\t\t\thasSelection={ isSelected || isInnerBlockSelected }\n\t\t\t\thasSavedUnsavedInnerBlocks={ hasSavedUnsavedInnerBlocks }\n\t\t\t\tonSave={ ( post ) => {\n\t\t\t\t\tsetHasSavedUnsavedInnerBlocks( true );\n\t\t\t\t\t// Switch to using the wp_navigation entity.\n\t\t\t\t\tsetNavigationMenuId( post.id );\n\t\t\t\t} }\n\t\t\t/>\n\t\t);\n\t}\n\n\t// Show a warning if the selected menu is no longer available.\n\t// TODO - the user should be able to select a new one?\n\tif ( navigationMenuId && isNavigationMenuMissing ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Navigation menu has been deleted or is unavailable'\n\t\t\t\t\t) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif ( isEntityAvailable && hasAlreadyRendered ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __( 'Block cannot be rendered inside itself.' ) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst PlaceholderComponent = CustomPlaceholder\n\t\t? CustomPlaceholder\n\t\t: Placeholder;\n\n\treturn (\n\t\t<EntityProvider\n\t\t\tkind=\"postType\"\n\t\t\ttype=\"wp_navigation\"\n\t\t\tid={ navigationMenuId }\n\t\t>\n\t\t\t<RecursionProvider>\n\t\t\t\t<BlockControls>\n\t\t\t\t\t{ ! isDraftNavigationMenu && isEntityAvailable && (\n\t\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t\t<ToolbarDropdownMenu\n\t\t\t\t\t\t\t\tlabel={ __( 'Select Menu' ) }\n\t\t\t\t\t\t\t\ttext={ __( 'Select Menu' ) }\n\t\t\t\t\t\t\t\ticon={ null }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t\t<NavigationMenuSelector\n\t\t\t\t\t\t\t\t\t\tonSelect={ ( { id } ) => {\n\t\t\t\t\t\t\t\t\t\t\tsetNavigationMenuId( id );\n\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tonCreateNew={ () => {\n\t\t\t\t\t\t\t\t\t\t\tif ( navigationArea ) {\n\t\t\t\t\t\t\t\t\t\t\t\tsetAreaMenu( 0 );\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\t\tnavigationMenuId: undefined,\n\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t\tsetIsPlaceholderShown( true );\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</ToolbarDropdownMenu>\n\t\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t<ToolbarGroup>{ listViewToolbarButton }</ToolbarGroup>\n\t\t\t\t\t{ isDraftNavigationMenu && (\n\t\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t\t<NavigationMenuPublishButton />\n\t\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t\t) }\n\t\t\t\t</BlockControls>\n\t\t\t\t{ listViewModal }\n\t\t\t\t<InspectorControls>\n\t\t\t\t\t{ hasSubmenuIndicatorSetting && (\n\t\t\t\t\t\t<PanelBody title={ __( 'Display' ) }>\n\t\t\t\t\t\t\t<h3>{ __( 'Overlay Menu' ) }</h3>\n\t\t\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Configure overlay menu' ) }\n\t\t\t\t\t\t\t\tvalue={ overlayMenu }\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Collapses the navigation options in a menu icon opening an overlay.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( { overlayMenu: value } )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\t\t\tvalue=\"never\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Off' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\t\t\tvalue=\"mobile\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Mobile' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\t\t\tvalue=\"always\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Always' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t\t\t\t<h3>{ __( 'Submenus' ) }</h3>\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\tchecked={ openSubmenusOnClick }\n\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\topenSubmenusOnClick: value,\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tlabel={ __( 'Open on click' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ ! attributes.openSubmenusOnClick && (\n\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\tchecked={ showSubmenuIcon }\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\tshowSubmenuIcon: value,\n\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Show icons' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t) }\n\t\t\t\t\t{ hasColorSettings && (\n\t\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\t\t__experimentalHasMultipleOrigins\n\t\t\t\t\t\t\ttitle={ __( 'Color' ) }\n\t\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\t\tcolorSettings={ [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tvalue: textColor.color,\n\t\t\t\t\t\t\t\t\tonChange: setTextColor,\n\t\t\t\t\t\t\t\t\tlabel: __( 'Text' ),\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tvalue: backgroundColor.color,\n\t\t\t\t\t\t\t\t\tonChange: setBackgroundColor,\n\t\t\t\t\t\t\t\t\tlabel: __( 'Background' ),\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tvalue: overlayTextColor.color,\n\t\t\t\t\t\t\t\t\tonChange: setOverlayTextColor,\n\t\t\t\t\t\t\t\t\tlabel: __( 'Submenu & overlay text' ),\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tvalue: overlayBackgroundColor.color,\n\t\t\t\t\t\t\t\t\tonChange: setOverlayBackgroundColor,\n\t\t\t\t\t\t\t\t\tlabel: __( 'Submenu & overlay background' ),\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ enableContrastChecking && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t\t\t\tbackgroundColor={\n\t\t\t\t\t\t\t\t\t\t\tdetectedBackgroundColor\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\ttextColor={ detectedColor }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t\t\t\tbackgroundColor={\n\t\t\t\t\t\t\t\t\t\t\tdetectedOverlayBackgroundColor\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\ttextColor={ detectedOverlayColor }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</PanelColorSettings>\n\t\t\t\t\t) }\n\t\t\t\t</InspectorControls>\n\t\t\t\t{ isEntityAvailable && (\n\t\t\t\t\t<InspectorControls __experimentalGroup=\"advanced\">\n\t\t\t\t\t\t<NavigationMenuNameControl />\n\t\t\t\t\t\t<NavigationMenuDeleteControl\n\t\t\t\t\t\t\tonDelete={ () => {\n\t\t\t\t\t\t\t\treplaceInnerBlocks( clientId, [] );\n\t\t\t\t\t\t\t\tif ( navigationArea ) {\n\t\t\t\t\t\t\t\t\tsetAreaMenu( 0 );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tnavigationMenuId: undefined,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\tsetIsPlaceholderShown( true );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</InspectorControls>\n\t\t\t\t) }\n\t\t\t\t<nav { ...blockProps }>\n\t\t\t\t\t{ ! isEntityAvailable && isPlaceholderShown && (\n\t\t\t\t\t\t<PlaceholderComponent\n\t\t\t\t\t\t\tonFinish={ ( post ) => {\n\t\t\t\t\t\t\t\tsetIsPlaceholderShown( false );\n\t\t\t\t\t\t\t\tsetNavigationMenuId( post.id );\n\t\t\t\t\t\t\t\tselectBlock( clientId );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tcanSwitchNavigationMenu={ canSwitchNavigationMenu }\n\t\t\t\t\t\t\thasResolvedNavigationMenus={\n\t\t\t\t\t\t\t\thasResolvedNavigationMenus\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isEntityAvailable && ! isPlaceholderShown && (\n\t\t\t\t\t\t<PlaceholderPreview isLoading />\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isPlaceholderShown && (\n\t\t\t\t\t\t<ResponsiveWrapper\n\t\t\t\t\t\t\tid={ clientId }\n\t\t\t\t\t\t\tonToggle={ setResponsiveMenuVisibility }\n\t\t\t\t\t\t\tisOpen={ isResponsiveMenuOpen }\n\t\t\t\t\t\t\tisResponsive={ 'never' !== overlayMenu }\n\t\t\t\t\t\t\tisHiddenByDefault={ 'always' === overlayMenu }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ isEntityAvailable && (\n\t\t\t\t\t\t\t\t<NavigationInnerBlocks\n\t\t\t\t\t\t\t\t\tisVisible={ ! isPlaceholderShown }\n\t\t\t\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\t\t\t\tappender={ CustomAppender }\n\t\t\t\t\t\t\t\t\thasCustomPlaceholder={\n\t\t\t\t\t\t\t\t\t\t!! CustomPlaceholder\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\torientation={ orientation }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</ResponsiveWrapper>\n\t\t\t\t\t) }\n\t\t\t\t</nav>\n\t\t\t</RecursionProvider>\n\t\t</EntityProvider>\n\t);\n}\n\nexport default withColors(\n\t{ textColor: 'color' },\n\t{ backgroundColor: 'color' },\n\t{ overlayBackgroundColor: 'color' },\n\t{ overlayTextColor: 'color' }\n)( Navigation );\n"]}

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

@@ -0,0 +1,100 @@
+"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({
+  isVisible,
+  clientId,
+  appender: CustomAppender,
+  hasCustomPlaceholder,
+  orientation
+}) {
+  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(({
+    name
+  }) => 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":";;;;;;;;;AAUA;;AAPA;;AACA;;AAKA;;AAMA;;AAfA;AACA;AACA;;AAUA;AACA;AACA;AAGA,MAAMA,cAAc,GAAG,CACtB,sBADsB,EAEtB,aAFsB,EAGtB,mBAHsB,EAItB,gBAJsB,EAKtB,aALsB,EAMtB,gBANsB,EAOtB,iBAPsB,EAQtB,gBARsB,EAStB,yBATsB,CAAvB;AAYA,MAAMC,aAAa,GAAG,CAAE,sBAAF,CAAtB;AAEA,MAAMC,MAAM,GAAG;AACdC,EAAAA,IAAI,EAAE,SADQ;AAEdC,EAAAA,UAAU,EAAE;AAFE,CAAf;;AAKe,SAASC,qBAAT,CAAgC;AAC9CC,EAAAA,SAD8C;AAE9CC,EAAAA,QAF8C;AAG9CC,EAAAA,QAAQ,EAAEC,cAHoC;AAI9CC,EAAAA,oBAJ8C;AAK9CC,EAAAA;AAL8C,CAAhC,EAMX;AACH,QAAM;AACLC,IAAAA,gCADK;AAELC,IAAAA,2BAFK;AAGLC,IAAAA;AAHK,MAIF,qBACDC,MAAF,IAAc;AAAA;;AACb,UAAM;AACLC,MAAAA,yBADK;AAELC,MAAAA,qBAFK;AAGLC,MAAAA;AAHK,QAIFH,MAAM,CAAEI,kBAAF,CAJV;AAKA,UAAMC,eAAe,GAAGF,wBAAwB,EAAhD;AAEA,WAAO;AACNN,MAAAA,gCAAgC,EAAEK,qBAAqB,CACtDV,QADsD,EAEtD,KAFsD,CADjD;AAKNM,MAAAA,2BAA2B,EAAE,CAAC,2BAAEG,yBAAyB,CAAE,CAC1DI,eAD0D,CAAF,CAA3B,kDAAE,sBAE3BC,MAFyB,CALxB;AASN;AACA;AACAP,MAAAA,UAAU,EAAEM,eAAe,KAAKb;AAX1B,KAAP;AAaA,GAtBE,EAuBH,CAAEA,QAAF,CAvBG,CAJJ;AA8BA,QAAM,CAAEe,MAAF,EAAUC,OAAV,EAAmBC,QAAnB,IAAgC,oCACrC,UADqC,EAErC,eAFqC,CAAtC;AAKA,QAAMC,kBAAkB,GAAG,sBAC1B,MACCH,MAAM,CAACI,KAAP,CACC,CAAE;AAAEC,IAAAA;AAAF,GAAF,KACCA,IAAI,KAAK,sBAAT,IACAA,IAAI,KAAK,yBAHX,CAFyB,EAO1B,CAAEL,MAAF,CAP0B,CAA3B,CApCG,CA8CH;AACA;AACA;;AACA,QAAMM,yBAAyB,GAC9Bd,UAAU,IACRF,gCAAgC,IAAI,CAAEC,2BAFzC;AAGA,QAAML,QAAQ,GAAGF,SAAS,IAAIsB,yBAAb,GAAyCC,SAAzC,GAAqD,KAAtE;AAEA,QAAMC,WAAW,GAAG,sBAAS,MAAM,4BAAC,2BAAD,OAAf,EAAuC,EAAvC,CAApB;AAEA,QAAMC,gBAAgB,GAAG,sCACxB;AACCC,IAAAA,SAAS,EAAE;AADZ,GADwB,EAIxB;AACCC,IAAAA,KAAK,EAAEX,MADR;AAECC,IAAAA,OAFD;AAGCC,IAAAA,QAHD;AAICU,IAAAA,aAAa,EAAElC,cAJhB;AAKCmC,IAAAA,0BAA0B,EAAElC,aAL7B;AAMCmC,IAAAA,0BAA0B,EAAEX,kBAN7B;AAOCd,IAAAA,WAPD;AAQC0B,IAAAA,cAAc,EAAE5B,cAAc,IAAID,QARnC;AAUC;AACA;AACA;AACA8B,IAAAA,6BAA6B,EAAE3B,WAAW,KAAK,UAbhD;AAcC;AACA;AACA;AACA4B,IAAAA,YAAY,EAAE,KAjBf;AAkBCC,IAAAA,oBAAoB,EAAEtC,MAlBvB;AAmBC4B,IAAAA,WAAW,EACV,CAAExB,SAAF,IAAeI,oBAAf,GAAsCmB,SAAtC,GAAkDC;AApBpD,GAJwB,CAAzB;AA4BA,SACC,4BAAC,8CAAD;AACC,IAAA,QAAQ,EAAGvB,QADZ;AAEC,IAAA,OAAO,EAAG,KAFX;AAGC,IAAA,YAAY,EAAGwB;AAHhB,IADD;AAOA","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,60 @@
+"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({
+  onDelete
+}) {
+  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,CAAsC;AAAEC,EAAAA;AAAF,CAAtC,EAAqD;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"]}