@wordpress/block-library 8.35.0 → 9.0.0

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -41,6 +40,9 @@ import DeletedNavigationWarning from './deleted-navigation-warning';
 import AccessibleDescription from './accessible-description';
 import AccessibleMenuDescription from './accessible-menu-description';
 import { unlock } from '../../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function ColorTools({
   textColor,
   setTextColor,
@@ -80,40 +82,44 @@ function ColorTools({
   if (!colorGradientSettings.hasColorsOrGradients) {
     return null;
   }
-  return createElement(Fragment, null, createElement(ColorGradientSettingsDropdown, {
-    __experimentalIsRenderedInSidebar: true,
-    settings: [{
-      colorValue: textColor.color,
-      label: __('Text'),
-      onColorChange: setTextColor,
-      resetAllFilter: () => setTextColor()
-    }, {
-      colorValue: backgroundColor.color,
-      label: __('Background'),
-      onColorChange: setBackgroundColor,
-      resetAllFilter: () => setBackgroundColor()
-    }, {
-      colorValue: overlayTextColor.color,
-      label: __('Submenu & overlay text'),
-      onColorChange: setOverlayTextColor,
-      resetAllFilter: () => setOverlayTextColor()
-    }, {
-      colorValue: overlayBackgroundColor.color,
-      label: __('Submenu & overlay background'),
-      onColorChange: setOverlayBackgroundColor,
-      resetAllFilter: () => setOverlayBackgroundColor()
-    }],
-    panelId: clientId,
-    ...colorGradientSettings,
-    gradients: [],
-    disableCustomGradients: true
-  }), enableContrastChecking && createElement(Fragment, null, createElement(ContrastChecker, {
-    backgroundColor: detectedBackgroundColor,
-    textColor: detectedColor
-  }), createElement(ContrastChecker, {
-    backgroundColor: detectedOverlayBackgroundColor,
-    textColor: detectedOverlayColor
-  })));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ColorGradientSettingsDropdown, {
+      __experimentalIsRenderedInSidebar: true,
+      settings: [{
+        colorValue: textColor.color,
+        label: __('Text'),
+        onColorChange: setTextColor,
+        resetAllFilter: () => setTextColor()
+      }, {
+        colorValue: backgroundColor.color,
+        label: __('Background'),
+        onColorChange: setBackgroundColor,
+        resetAllFilter: () => setBackgroundColor()
+      }, {
+        colorValue: overlayTextColor.color,
+        label: __('Submenu & overlay text'),
+        onColorChange: setOverlayTextColor,
+        resetAllFilter: () => setOverlayTextColor()
+      }, {
+        colorValue: overlayBackgroundColor.color,
+        label: __('Submenu & overlay background'),
+        onColorChange: setOverlayBackgroundColor,
+        resetAllFilter: () => setOverlayBackgroundColor()
+      }],
+      panelId: clientId,
+      ...colorGradientSettings,
+      gradients: [],
+      disableCustomGradients: true
+    }), enableContrastChecking && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(ContrastChecker, {
+        backgroundColor: detectedBackgroundColor,
+        textColor: detectedColor
+      }), /*#__PURE__*/_jsx(ContrastChecker, {
+        backgroundColor: detectedOverlayBackgroundColor,
+        textColor: detectedOverlayColor
+      })]
+    })]
+  });
 }
 function Navigation({
   attributes,
@@ -365,148 +371,183 @@ function Navigation({
     isFirstRender.current = false;
   }, [submenuAccessibilityNotice]);
   const overlayMenuPreviewId = useInstanceId(OverlayMenuPreview, `overlay-menu-preview`);
-  const stylingInspectorControls = createElement(Fragment, null, createElement(InspectorControls, null, hasSubmenuIndicatorSetting && createElement(PanelBody, {
-    title: __('Display')
-  }, isResponsive && createElement(Fragment, null, createElement(Button, {
-    className: overlayMenuPreviewClasses,
-    onClick: () => {
-      setOverlayMenuPreview(!overlayMenuPreview);
-    },
-    "aria-label": __('Overlay menu controls'),
-    "aria-controls": overlayMenuPreviewId,
-    "aria-expanded": overlayMenuPreview
-  }, hasIcon && createElement(Fragment, null, createElement(OverlayMenuIcon, {
-    icon: icon
-  }), createElement(Icon, {
-    icon: close
-  })), !hasIcon && createElement(Fragment, null, createElement("span", null, __('Menu')), createElement("span", null, __('Close')))), createElement("div", {
-    id: overlayMenuPreviewId
-  }, overlayMenuPreview && createElement(OverlayMenuPreview, {
-    setAttributes: setAttributes,
-    hasIcon: hasIcon,
-    icon: icon,
-    hidden: !overlayMenuPreview
-  }))), createElement("h3", null, __('Overlay Menu')), createElement(ToggleGroupControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Configure overlay menu'),
-    value: overlayMenu,
-    help: __('Collapses the navigation options in a menu icon opening an overlay.'),
-    onChange: value => setAttributes({
-      overlayMenu: value
-    }),
-    isBlock: true,
-    hideLabelFromVision: true
-  }, createElement(ToggleGroupControlOption, {
-    value: "never",
-    label: __('Off')
-  }), createElement(ToggleGroupControlOption, {
-    value: "mobile",
-    label: __('Mobile')
-  }), createElement(ToggleGroupControlOption, {
-    value: "always",
-    label: __('Always')
-  })), hasSubmenus && createElement(Fragment, null, createElement("h3", null, __('Submenus')), createElement(ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    checked: openSubmenusOnClick,
-    onChange: value => {
-      setAttributes({
-        openSubmenusOnClick: value,
-        ...(value && {
-          showSubmenuIcon: true
-        }) // Make sure arrows are shown when we toggle this on.
-      });
-    },
-    label: __('Open on click')
-  }), createElement(ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    checked: showSubmenuIcon,
-    onChange: value => {
-      setAttributes({
-        showSubmenuIcon: value
-      });
-    },
-    disabled: attributes.openSubmenusOnClick,
-    label: __('Show arrow')
-  }), submenuAccessibilityNotice && createElement("div", null, createElement(Notice, {
-    spokenMessage: null,
-    status: "warning",
-    isDismissible: false
-  }, submenuAccessibilityNotice))))), createElement(InspectorControls, {
-    group: "color"
-  }, createElement(ColorTools, {
-    textColor: textColor,
-    setTextColor: setTextColor,
-    backgroundColor: backgroundColor,
-    setBackgroundColor: setBackgroundColor,
-    overlayTextColor: overlayTextColor,
-    setOverlayTextColor: setOverlayTextColor,
-    overlayBackgroundColor: overlayBackgroundColor,
-    setOverlayBackgroundColor: setOverlayBackgroundColor,
-    clientId: clientId,
-    navRef: navRef
-  })));
+  const stylingInspectorControls = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(InspectorControls, {
+      children: hasSubmenuIndicatorSetting && /*#__PURE__*/_jsxs(PanelBody, {
+        title: __('Display'),
+        children: [isResponsive && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsxs(Button, {
+            className: overlayMenuPreviewClasses,
+            onClick: () => {
+              setOverlayMenuPreview(!overlayMenuPreview);
+            },
+            "aria-label": __('Overlay menu controls'),
+            "aria-controls": overlayMenuPreviewId,
+            "aria-expanded": overlayMenuPreview,
+            children: [hasIcon && /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx(OverlayMenuIcon, {
+                icon: icon
+              }), /*#__PURE__*/_jsx(Icon, {
+                icon: close
+              })]
+            }), !hasIcon && /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx("span", {
+                children: __('Menu')
+              }), /*#__PURE__*/_jsx("span", {
+                children: __('Close')
+              })]
+            })]
+          }), /*#__PURE__*/_jsx("div", {
+            id: overlayMenuPreviewId,
+            children: overlayMenuPreview && /*#__PURE__*/_jsx(OverlayMenuPreview, {
+              setAttributes: setAttributes,
+              hasIcon: hasIcon,
+              icon: icon,
+              hidden: !overlayMenuPreview
+            })
+          })]
+        }), /*#__PURE__*/_jsx("h3", {
+          children: __('Overlay Menu')
+        }), /*#__PURE__*/_jsxs(ToggleGroupControl, {
+          __nextHasNoMarginBottom: true,
+          label: __('Configure overlay menu'),
+          value: overlayMenu,
+          help: __('Collapses the navigation options in a menu icon opening an overlay.'),
+          onChange: value => setAttributes({
+            overlayMenu: value
+          }),
+          isBlock: true,
+          hideLabelFromVision: true,
+          children: [/*#__PURE__*/_jsx(ToggleGroupControlOption, {
+            value: "never",
+            label: __('Off')
+          }), /*#__PURE__*/_jsx(ToggleGroupControlOption, {
+            value: "mobile",
+            label: __('Mobile')
+          }), /*#__PURE__*/_jsx(ToggleGroupControlOption, {
+            value: "always",
+            label: __('Always')
+          })]
+        }), hasSubmenus && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx("h3", {
+            children: __('Submenus')
+          }), /*#__PURE__*/_jsx(ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            checked: openSubmenusOnClick,
+            onChange: value => {
+              setAttributes({
+                openSubmenusOnClick: value,
+                ...(value && {
+                  showSubmenuIcon: true
+                }) // Make sure arrows are shown when we toggle this on.
+              });
+            },
+            label: __('Open on click')
+          }), /*#__PURE__*/_jsx(ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            checked: showSubmenuIcon,
+            onChange: value => {
+              setAttributes({
+                showSubmenuIcon: value
+              });
+            },
+            disabled: attributes.openSubmenusOnClick,
+            label: __('Show arrow')
+          }), submenuAccessibilityNotice && /*#__PURE__*/_jsx("div", {
+            children: /*#__PURE__*/_jsx(Notice, {
+              spokenMessage: null,
+              status: "warning",
+              isDismissible: false,
+              children: submenuAccessibilityNotice
+            })
+          })]
+        })]
+      })
+    }), /*#__PURE__*/_jsx(InspectorControls, {
+      group: "color",
+      children: /*#__PURE__*/_jsx(ColorTools, {
+        textColor: textColor,
+        setTextColor: setTextColor,
+        backgroundColor: backgroundColor,
+        setBackgroundColor: setBackgroundColor,
+        overlayTextColor: overlayTextColor,
+        setOverlayTextColor: setOverlayTextColor,
+        overlayBackgroundColor: overlayBackgroundColor,
+        setOverlayBackgroundColor: setOverlayBackgroundColor,
+        clientId: clientId,
+        navRef: navRef
+      })
+    })]
+  });
   const accessibleDescriptionId = `${clientId}-desc`;
   const isManageMenusButtonDisabled = !hasManagePermissions || !hasResolvedNavigationMenus;
   if (hasUnsavedBlocks && !isCreatingNavigationMenu) {
-    return createElement(TagName, {
+    return /*#__PURE__*/_jsxs(TagName, {
       ...blockProps,
-      "aria-describedby": !isPlaceholder ? accessibleDescriptionId : undefined
-    }, createElement(AccessibleDescription, {
-      id: accessibleDescriptionId
-    }, __('Unsaved Navigation Menu.')), createElement(MenuInspectorControls, {
-      clientId: clientId,
-      createNavigationMenuIsSuccess: createNavigationMenuIsSuccess,
-      createNavigationMenuIsError: createNavigationMenuIsError,
-      currentMenuId: ref,
-      isNavigationMenuMissing: isNavigationMenuMissing,
-      isManageMenusButtonDisabled: isManageMenusButtonDisabled,
-      onCreateNew: createUntitledEmptyNavigationMenu,
-      onSelectClassicMenu: onSelectClassicMenu,
-      onSelectNavigationMenu: onSelectNavigationMenu,
-      isLoading: isLoading,
-      blockEditingMode: blockEditingMode
-    }), blockEditingMode === 'default' && stylingInspectorControls, createElement(ResponsiveWrapper, {
-      id: clientId,
-      onToggle: setResponsiveMenuVisibility,
-      isOpen: isResponsiveMenuOpen,
-      hasIcon: hasIcon,
-      icon: icon,
-      isResponsive: isResponsive,
-      isHiddenByDefault: 'always' === overlayMenu,
-      overlayBackgroundColor: overlayBackgroundColor,
-      overlayTextColor: overlayTextColor
-    }, createElement(UnsavedInnerBlocks, {
-      createNavigationMenu: createNavigationMenu,
-      blocks: uncontrolledInnerBlocks,
-      hasSelection: isSelected || isInnerBlockSelected
-    })));
+      "aria-describedby": !isPlaceholder ? accessibleDescriptionId : undefined,
+      children: [/*#__PURE__*/_jsx(AccessibleDescription, {
+        id: accessibleDescriptionId,
+        children: __('Unsaved Navigation Menu.')
+      }), /*#__PURE__*/_jsx(MenuInspectorControls, {
+        clientId: clientId,
+        createNavigationMenuIsSuccess: createNavigationMenuIsSuccess,
+        createNavigationMenuIsError: createNavigationMenuIsError,
+        currentMenuId: ref,
+        isNavigationMenuMissing: isNavigationMenuMissing,
+        isManageMenusButtonDisabled: isManageMenusButtonDisabled,
+        onCreateNew: createUntitledEmptyNavigationMenu,
+        onSelectClassicMenu: onSelectClassicMenu,
+        onSelectNavigationMenu: onSelectNavigationMenu,
+        isLoading: isLoading,
+        blockEditingMode: blockEditingMode
+      }), blockEditingMode === 'default' && stylingInspectorControls, /*#__PURE__*/_jsx(ResponsiveWrapper, {
+        id: clientId,
+        onToggle: setResponsiveMenuVisibility,
+        isOpen: isResponsiveMenuOpen,
+        hasIcon: hasIcon,
+        icon: icon,
+        isResponsive: isResponsive,
+        isHiddenByDefault: 'always' === overlayMenu,
+        overlayBackgroundColor: overlayBackgroundColor,
+        overlayTextColor: overlayTextColor,
+        children: /*#__PURE__*/_jsx(UnsavedInnerBlocks, {
+          createNavigationMenu: createNavigationMenu,
+          blocks: uncontrolledInnerBlocks,
+          hasSelection: isSelected || isInnerBlockSelected
+        })
+      })]
+    });
   }
 
   // Show a warning if the selected menu is no longer available.
   // TODO - the user should be able to select a new one?
   if (ref && isNavigationMenuMissing) {
-    return createElement(TagName, {
-      ...blockProps
-    }, createElement(MenuInspectorControls, {
-      clientId: clientId,
-      createNavigationMenuIsSuccess: createNavigationMenuIsSuccess,
-      createNavigationMenuIsError: createNavigationMenuIsError,
-      currentMenuId: ref,
-      isNavigationMenuMissing: isNavigationMenuMissing,
-      isManageMenusButtonDisabled: isManageMenusButtonDisabled,
-      onCreateNew: createUntitledEmptyNavigationMenu,
-      onSelectClassicMenu: onSelectClassicMenu,
-      onSelectNavigationMenu: onSelectNavigationMenu,
-      isLoading: isLoading,
-      blockEditingMode: blockEditingMode
-    }), createElement(DeletedNavigationWarning, {
-      onCreateNew: createUntitledEmptyNavigationMenu
-    }));
+    return /*#__PURE__*/_jsxs(TagName, {
+      ...blockProps,
+      children: [/*#__PURE__*/_jsx(MenuInspectorControls, {
+        clientId: clientId,
+        createNavigationMenuIsSuccess: createNavigationMenuIsSuccess,
+        createNavigationMenuIsError: createNavigationMenuIsError,
+        currentMenuId: ref,
+        isNavigationMenuMissing: isNavigationMenuMissing,
+        isManageMenusButtonDisabled: isManageMenusButtonDisabled,
+        onCreateNew: createUntitledEmptyNavigationMenu,
+        onSelectClassicMenu: onSelectClassicMenu,
+        onSelectNavigationMenu: onSelectNavigationMenu,
+        isLoading: isLoading,
+        blockEditingMode: blockEditingMode
+      }), /*#__PURE__*/_jsx(DeletedNavigationWarning, {
+        onCreateNew: createUntitledEmptyNavigationMenu
+      })]
+    });
   }
   if (isEntityAvailable && hasAlreadyRendered) {
-    return createElement("div", {
-      ...blockProps
-    }, createElement(Warning, null, __('Block cannot be rendered inside itself.')));
+    return /*#__PURE__*/_jsx("div", {
+      ...blockProps,
+      children: /*#__PURE__*/_jsx(Warning, {
+        children: __('Block cannot be rendered inside itself.')
+      })
+    });
   }
   const PlaceholderComponent = CustomPlaceholder ? CustomPlaceholder : Placeholder;
 
@@ -521,72 +562,81 @@ function Navigation({
    */
 
   if (isPlaceholder && CustomPlaceholder) {
-    return createElement(TagName, {
-      ...blockProps
-    }, createElement(PlaceholderComponent, {
-      isSelected: isSelected,
-      currentMenuId: ref,
-      clientId: clientId,
-      canUserCreateNavigationMenus: canUserCreateNavigationMenus,
-      isResolvingCanUserCreateNavigationMenus: isResolvingCanUserCreateNavigationMenus,
-      onSelectNavigationMenu: onSelectNavigationMenu,
-      onSelectClassicMenu: onSelectClassicMenu,
-      onCreateEmpty: createUntitledEmptyNavigationMenu
-    }));
+    return /*#__PURE__*/_jsx(TagName, {
+      ...blockProps,
+      children: /*#__PURE__*/_jsx(PlaceholderComponent, {
+        isSelected: isSelected,
+        currentMenuId: ref,
+        clientId: clientId,
+        canUserCreateNavigationMenus: canUserCreateNavigationMenus,
+        isResolvingCanUserCreateNavigationMenus: isResolvingCanUserCreateNavigationMenus,
+        onSelectNavigationMenu: onSelectNavigationMenu,
+        onSelectClassicMenu: onSelectClassicMenu,
+        onCreateEmpty: createUntitledEmptyNavigationMenu
+      })
+    });
   }
-  return createElement(EntityProvider, {
+  return /*#__PURE__*/_jsx(EntityProvider, {
     kind: "postType",
     type: "wp_navigation",
-    id: ref
-  }, createElement(RecursionProvider, {
-    uniqueId: recursionId
-  }, createElement(MenuInspectorControls, {
-    clientId: clientId,
-    createNavigationMenuIsSuccess: createNavigationMenuIsSuccess,
-    createNavigationMenuIsError: createNavigationMenuIsError,
-    currentMenuId: ref,
-    isNavigationMenuMissing: isNavigationMenuMissing,
-    isManageMenusButtonDisabled: isManageMenusButtonDisabled,
-    onCreateNew: createUntitledEmptyNavigationMenu,
-    onSelectClassicMenu: onSelectClassicMenu,
-    onSelectNavigationMenu: onSelectNavigationMenu,
-    isLoading: isLoading,
-    blockEditingMode: blockEditingMode
-  }), blockEditingMode === 'default' && stylingInspectorControls, blockEditingMode === 'default' && isEntityAvailable && createElement(InspectorControls, {
-    group: "advanced"
-  }, hasResolvedCanUserUpdateNavigationMenu && canUserUpdateNavigationMenu && createElement(NavigationMenuNameControl, null), hasResolvedCanUserDeleteNavigationMenu && canUserDeleteNavigationMenu && createElement(NavigationMenuDeleteControl, {
-    onDelete: () => {
-      replaceInnerBlocks(clientId, []);
-      showNavigationMenuStatusNotice(__('Navigation Menu successfully deleted.'));
-    }
-  }), createElement(ManageMenusButton, {
-    disabled: isManageMenusButtonDisabled,
-    className: "wp-block-navigation-manage-menus-button"
-  })), createElement(TagName, {
-    ...blockProps,
-    "aria-describedby": !isPlaceholder && !isLoading ? accessibleDescriptionId : undefined
-  }, isLoading && createElement("div", {
-    className: "wp-block-navigation__loading-indicator-container"
-  }, createElement(Spinner, {
-    className: "wp-block-navigation__loading-indicator"
-  })), !isLoading && createElement(Fragment, null, createElement(AccessibleMenuDescription, {
-    id: accessibleDescriptionId
-  }), createElement(ResponsiveWrapper, {
-    id: clientId,
-    onToggle: setResponsiveMenuVisibility,
-    hasIcon: hasIcon,
-    icon: icon,
-    isOpen: isResponsiveMenuOpen,
-    isResponsive: isResponsive,
-    isHiddenByDefault: 'always' === overlayMenu,
-    overlayBackgroundColor: overlayBackgroundColor,
-    overlayTextColor: overlayTextColor
-  }, isEntityAvailable && createElement(NavigationInnerBlocks, {
-    clientId: clientId,
-    hasCustomPlaceholder: !!CustomPlaceholder,
-    templateLock: templateLock,
-    orientation: orientation
-  }))))));
+    id: ref,
+    children: /*#__PURE__*/_jsxs(RecursionProvider, {
+      uniqueId: recursionId,
+      children: [/*#__PURE__*/_jsx(MenuInspectorControls, {
+        clientId: clientId,
+        createNavigationMenuIsSuccess: createNavigationMenuIsSuccess,
+        createNavigationMenuIsError: createNavigationMenuIsError,
+        currentMenuId: ref,
+        isNavigationMenuMissing: isNavigationMenuMissing,
+        isManageMenusButtonDisabled: isManageMenusButtonDisabled,
+        onCreateNew: createUntitledEmptyNavigationMenu,
+        onSelectClassicMenu: onSelectClassicMenu,
+        onSelectNavigationMenu: onSelectNavigationMenu,
+        isLoading: isLoading,
+        blockEditingMode: blockEditingMode
+      }), blockEditingMode === 'default' && stylingInspectorControls, blockEditingMode === 'default' && isEntityAvailable && /*#__PURE__*/_jsxs(InspectorControls, {
+        group: "advanced",
+        children: [hasResolvedCanUserUpdateNavigationMenu && canUserUpdateNavigationMenu && /*#__PURE__*/_jsx(NavigationMenuNameControl, {}), hasResolvedCanUserDeleteNavigationMenu && canUserDeleteNavigationMenu && /*#__PURE__*/_jsx(NavigationMenuDeleteControl, {
+          onDelete: () => {
+            replaceInnerBlocks(clientId, []);
+            showNavigationMenuStatusNotice(__('Navigation Menu successfully deleted.'));
+          }
+        }), /*#__PURE__*/_jsx(ManageMenusButton, {
+          disabled: isManageMenusButtonDisabled,
+          className: "wp-block-navigation-manage-menus-button"
+        })]
+      }), /*#__PURE__*/_jsxs(TagName, {
+        ...blockProps,
+        "aria-describedby": !isPlaceholder && !isLoading ? accessibleDescriptionId : undefined,
+        children: [isLoading && /*#__PURE__*/_jsx("div", {
+          className: "wp-block-navigation__loading-indicator-container",
+          children: /*#__PURE__*/_jsx(Spinner, {
+            className: "wp-block-navigation__loading-indicator"
+          })
+        }), !isLoading && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(AccessibleMenuDescription, {
+            id: accessibleDescriptionId
+          }), /*#__PURE__*/_jsx(ResponsiveWrapper, {
+            id: clientId,
+            onToggle: setResponsiveMenuVisibility,
+            hasIcon: hasIcon,
+            icon: icon,
+            isOpen: isResponsiveMenuOpen,
+            isResponsive: isResponsive,
+            isHiddenByDefault: 'always' === overlayMenu,
+            overlayBackgroundColor: overlayBackgroundColor,
+            overlayTextColor: overlayTextColor,
+            children: isEntityAvailable && /*#__PURE__*/_jsx(NavigationInnerBlocks, {
+              clientId: clientId,
+              hasCustomPlaceholder: !!CustomPlaceholder,
+              templateLock: templateLock,
+              orientation: orientation
+            })
+          })]
+        })]
+      })]
+    })
+  });
 }
 export default withColors({
   textColor: 'color'