@wordpress/editor 14.36.1-next.8fd3f8831.0 → 14.37.0

package/build/components/global-styles-sidebar/welcome-guide.cjs

@@ -1,145 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/editor/src/components/global-styles-sidebar/welcome-guide.js
-var welcome_guide_exports = {};
-__export(welcome_guide_exports, {
-  default: () => WelcomeGuideStyles
-});
-module.exports = __toCommonJS(welcome_guide_exports);
-var import_data = require("@wordpress/data");
-var import_components = require("@wordpress/components");
-var import_i18n = require("@wordpress/i18n");
-var import_preferences = require("@wordpress/preferences");
-var import_interface = require("@wordpress/interface");
-var import_welcome_guide_image = __toESM(require("./welcome-guide-image.cjs"), 1);
-var import_jsx_runtime = require("react/jsx-runtime");
-function WelcomeGuideStyles() {
-  const { toggle } = (0, import_data.useDispatch)(import_preferences.store);
-  const { isActive, isStylesOpen } = (0, import_data.useSelect)((select) => {
-    const sidebar = select(import_interface.store).getActiveComplementaryArea("core");
-    return {
-      isActive: !!select(import_preferences.store).get(
-        "core/edit-site",
-        "welcomeGuideStyles"
-      ),
-      isStylesOpen: sidebar === "edit-site/global-styles"
-    };
-  }, []);
-  if (!isActive || !isStylesOpen) {
-    return null;
-  }
-  const welcomeLabel = (0, import_i18n.__)("Welcome to Styles");
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_components.Guide,
-    {
-      className: "editor-welcome-guide guide-styles",
-      contentLabel: welcomeLabel,
-      finishButtonText: (0, import_i18n.__)("Get started"),
-      onFinish: () => toggle("core/edit-site", "welcomeGuideStyles"),
-      pages: [
-        {
-          image: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_welcome_guide_image.default,
-            {
-              nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-to-styles.svg?1",
-              animatedSrc: "https://s.w.org/images/block-editor/welcome-to-styles.gif?1"
-            }
-          ),
-          content: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "editor-welcome-guide__heading", children: welcomeLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "editor-welcome-guide__text", children: (0, import_i18n.__)(
-              "Tweak your site, or give it a whole new look! Get creative \u2014 how about a new color palette for your buttons, or choosing a new font? Take a look at what you can do here."
-            ) })
-          ] })
-        },
-        {
-          image: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_welcome_guide_image.default,
-            {
-              nonAnimatedSrc: "https://s.w.org/images/block-editor/set-the-design.svg?1",
-              animatedSrc: "https://s.w.org/images/block-editor/set-the-design.gif?1"
-            }
-          ),
-          content: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "editor-welcome-guide__heading", children: (0, import_i18n.__)("Set the design") }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "editor-welcome-guide__text", children: (0, import_i18n.__)(
-              "You can customize your site as much as you like with different colors, typography, and layouts. Or if you prefer, just leave it up to your theme to handle!"
-            ) })
-          ] })
-        },
-        {
-          image: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_welcome_guide_image.default,
-            {
-              nonAnimatedSrc: "https://s.w.org/images/block-editor/personalize-blocks.svg?1",
-              animatedSrc: "https://s.w.org/images/block-editor/personalize-blocks.gif?1"
-            }
-          ),
-          content: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "editor-welcome-guide__heading", children: (0, import_i18n.__)("Personalize blocks") }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "editor-welcome-guide__text", children: (0, import_i18n.__)(
-              "You can adjust your blocks to ensure a cohesive experience across your site \u2014 add your unique colors to a branded Button block, or adjust the Heading block to your preferred size."
-            ) })
-          ] })
-        },
-        {
-          image: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_welcome_guide_image.default,
-            {
-              nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-documentation.svg",
-              animatedSrc: "https://s.w.org/images/block-editor/welcome-documentation.gif"
-            }
-          ),
-          content: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "editor-welcome-guide__heading", children: (0, import_i18n.__)("Learn more") }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "editor-welcome-guide__text", children: [
-              (0, import_i18n.__)(
-                "New to block themes and styling your site?"
-              ),
-              " ",
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_components.ExternalLink,
-                {
-                  href: (0, import_i18n.__)(
-                    "https://wordpress.org/documentation/article/styles-overview/"
-                  ),
-                  children: (0, import_i18n.__)(
-                    "Here\u2019s a detailed guide to learn how to make the most of it."
-                  )
-                }
-              )
-            ] })
-          ] })
-        }
-      ]
-    }
-  );
-}
-//# sourceMappingURL=welcome-guide.cjs.map

package/build/components/header/back-button.cjs

@@ -1,52 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/editor/src/components/header/back-button.js
-var back_button_exports = {};
-__export(back_button_exports, {
-  default: () => back_button_default,
-  useHasBackButton: () => useHasBackButton
-});
-module.exports = __toCommonJS(back_button_exports);
-var import_components = require("@wordpress/components");
-var import_jsx_runtime = require("react/jsx-runtime");
-var slotName = "__experimentalMainDashboardButton";
-var useHasBackButton = () => {
-  const fills = (0, import_components.__experimentalUseSlotFills)(slotName);
-  return Boolean(fills && fills.length);
-};
-var { Fill, Slot } = (0, import_components.createSlotFill)(slotName);
-var BackButton = Fill;
-var BackButtonSlot = () => {
-  const fills = (0, import_components.__experimentalUseSlotFills)(slotName);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    Slot,
-    {
-      bubblesVirtually: true,
-      fillProps: { length: !fills ? 0 : fills.length }
-    }
-  );
-};
-BackButton.Slot = BackButtonSlot;
-var back_button_default = BackButton;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useHasBackButton
-});
-//# sourceMappingURL=back-button.cjs.map

package/build/components/header/index.cjs

@@ -1,211 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/editor/src/components/header/index.js
-var header_exports = {};
-__export(header_exports, {
-  default: () => header_default
-});
-module.exports = __toCommonJS(header_exports);
-var import_block_editor = require("@wordpress/block-editor");
-var import_data = require("@wordpress/data");
-var import_compose = require("@wordpress/compose");
-var import_components = require("@wordpress/components");
-var import_preferences = require("@wordpress/preferences");
-var import_element = require("@wordpress/element");
-var import_interface = require("@wordpress/interface");
-var import_back_button = __toESM(require("./back-button.cjs"), 1);
-var import_collapsible_block_toolbar = __toESM(require("../collapsible-block-toolbar/index.cjs"), 1);
-var import_document_bar = __toESM(require("../document-bar/index.cjs"), 1);
-var import_document_tools = __toESM(require("../document-tools/index.cjs"), 1);
-var import_more_menu = __toESM(require("../more-menu/index.cjs"), 1);
-var import_post_preview_button = __toESM(require("../post-preview-button/index.cjs"), 1);
-var import_post_publish_button_or_toggle = __toESM(require("../post-publish-button/post-publish-button-or-toggle.cjs"), 1);
-var import_post_saved_state = __toESM(require("../post-saved-state/index.cjs"), 1);
-var import_post_view_link = __toESM(require("../post-view-link/index.cjs"), 1);
-var import_preview_dropdown = __toESM(require("../preview-dropdown/index.cjs"), 1);
-var import_zoom_out_toggle = __toESM(require("../zoom-out-toggle/index.cjs"), 1);
-var import_store = require("../../store/index.cjs");
-var import_constants = require("../../store/constants.cjs");
-var import_lock_unlock = require("../../lock-unlock.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-var toolbarVariations = {
-  distractionFreeDisabled: { y: "-50px" },
-  distractionFreeHover: { y: 0 },
-  distractionFreeHidden: { y: "-50px" },
-  visible: { y: 0 },
-  hidden: { y: 0 }
-};
-var backButtonVariations = {
-  distractionFreeDisabled: { x: "-100%" },
-  distractionFreeHover: { x: 0 },
-  distractionFreeHidden: { x: "-100%" },
-  visible: { x: 0 },
-  hidden: { x: 0 }
-};
-function Header({
-  customSaveButton,
-  forceIsDirty,
-  setEntitiesSavedStatesCallback
-}) {
-  const isWideViewport = (0, import_compose.useViewportMatch)("large");
-  const isLargeViewport = (0, import_compose.useViewportMatch)("medium");
-  const isTooNarrowForDocumentBar = (0, import_compose.useMediaQuery)("(max-width: 403px)");
-  const {
-    postType,
-    isTextEditor,
-    isPublishSidebarOpened,
-    showIconLabels,
-    hasFixedToolbar,
-    hasBlockSelection,
-    hasSectionRootClientId,
-    isStylesCanvasActive
-  } = (0, import_data.useSelect)((select) => {
-    const { get: getPreference } = select(import_preferences.store);
-    const {
-      getEditorMode,
-      getCurrentPostType,
-      isPublishSidebarOpened: _isPublishSidebarOpened
-    } = select(import_store.store);
-    const { getStylesPath, getShowStylebook } = (0, import_lock_unlock.unlock)(
-      select(import_store.store)
-    );
-    const { getBlockSelectionStart, getSectionRootClientId } = (0, import_lock_unlock.unlock)(
-      select(import_block_editor.store)
-    );
-    return {
-      postType: getCurrentPostType(),
-      isTextEditor: getEditorMode() === "text",
-      isPublishSidebarOpened: _isPublishSidebarOpened(),
-      showIconLabels: getPreference("core", "showIconLabels"),
-      hasFixedToolbar: getPreference("core", "fixedToolbar"),
-      hasBlockSelection: !!getBlockSelectionStart(),
-      hasSectionRootClientId: !!getSectionRootClientId(),
-      isStylesCanvasActive: !!getStylesPath()?.startsWith("/revisions") || getShowStylebook()
-    };
-  }, []);
-  const canBeZoomedOut = ["post", "page", "wp_template"].includes(postType) && hasSectionRootClientId;
-  const disablePreviewOption = [
-    import_constants.NAVIGATION_POST_TYPE,
-    import_constants.TEMPLATE_PART_POST_TYPE,
-    import_constants.PATTERN_POST_TYPE
-  ].includes(postType) || isStylesCanvasActive;
-  const [isBlockToolsCollapsed, setIsBlockToolsCollapsed] = (0, import_element.useState)(true);
-  const hasCenter = !isTooNarrowForDocumentBar && (!hasFixedToolbar || hasFixedToolbar && (!hasBlockSelection || isBlockToolsCollapsed));
-  const hasBackButton = (0, import_back_button.useHasBackButton)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "editor-header edit-post-header", children: [
-    hasBackButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_components.__unstableMotion.div,
-      {
-        className: "editor-header__back-button",
-        variants: backButtonVariations,
-        transition: { type: "tween" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_back_button.default.Slot, {})
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      import_components.__unstableMotion.div,
-      {
-        variants: toolbarVariations,
-        className: "editor-header__toolbar",
-        transition: { type: "tween" },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_document_tools.default,
-            {
-              disableBlockTools: isStylesCanvasActive || isTextEditor
-            }
-          ),
-          hasFixedToolbar && isLargeViewport && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_collapsible_block_toolbar.default,
-            {
-              isCollapsed: isBlockToolsCollapsed,
-              onToggle: setIsBlockToolsCollapsed
-            }
-          )
-        ]
-      }
-    ),
-    hasCenter && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_components.__unstableMotion.div,
-      {
-        className: "editor-header__center",
-        variants: toolbarVariations,
-        transition: { type: "tween" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_document_bar.default, {})
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      import_components.__unstableMotion.div,
-      {
-        variants: toolbarVariations,
-        transition: { type: "tween" },
-        className: "editor-header__settings",
-        children: [
-          !customSaveButton && !isPublishSidebarOpened && /*
-           * This button isn't completely hidden by the publish sidebar.
-           * We can't hide the whole toolbar when the publish sidebar is open because
-           * we want to prevent mounting/unmounting the PostPublishButtonOrToggle DOM node.
-           * We track that DOM node to return focus to the PostPublishButtonOrToggle
-           * when the publish sidebar has been closed.
-           */
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_post_saved_state.default, { forceIsDirty }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_post_view_link.default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_preview_dropdown.default,
-            {
-              forceIsAutosaveable: forceIsDirty,
-              disabled: disablePreviewOption
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_post_preview_button.default,
-            {
-              className: "editor-header__post-preview-button",
-              forceIsAutosaveable: forceIsDirty
-            }
-          ),
-          isWideViewport && canBeZoomedOut && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_zoom_out_toggle.default, { disabled: isStylesCanvasActive }),
-          (isWideViewport || !showIconLabels) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_interface.PinnedItems.Slot, { scope: "core" }),
-          !customSaveButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_post_publish_button_or_toggle.default,
-            {
-              forceIsDirty,
-              setEntitiesSavedStatesCallback
-            }
-          ),
-          customSaveButton,
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_more_menu.default, {})
-        ]
-      }
-    )
-  ] });
-}
-var header_default = Header;
-//# sourceMappingURL=index.cjs.map