@wordpress/editor 14.32.0 → 14.32.1-next.ff1cebbba.0

package/build-module/components/start-page-options/index.js

@@ -1,98 +1,69 @@
-/**
- * WordPress dependencies
- */
-import { Flex, FlexItem, Modal, ToggleControl } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { useState, useMemo, useEffect } from '@wordpress/element';
-import { store as blockEditorStore, __experimentalBlockPatternsList as BlockPatternsList } from '@wordpress/block-editor';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-import { __unstableSerializeAndClean } from '@wordpress/blocks';
-import { store as preferencesStore } from '@wordpress/preferences';
-import { store as interfaceStore } from '@wordpress/interface';
-
-/**
- * Internal dependencies
- */
-import { TEMPLATE_POST_TYPE } from '../../store/constants';
-import { store as editorStore } from '../../store';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function useStartPatterns() {
-  // A pattern is a start pattern if it includes 'core/post-content' in its blockTypes,
-  // and it has no postTypes declared and the current post type is page or if
-  // the current post type is part of the postTypes declared.
-  const {
-    blockPatternsWithPostContentBlockType,
-    postType
-  } = useSelect(select => {
-    const {
-      getPatternsByBlockTypes,
-      getBlocksByName
-    } = select(blockEditorStore);
-    const {
-      getCurrentPostType,
-      getRenderingMode
-    } = select(editorStore);
-    const rootClientId = getRenderingMode() === 'post-only' ? '' : getBlocksByName('core/post-content')?.[0];
-    return {
-      blockPatternsWithPostContentBlockType: getPatternsByBlockTypes('core/post-content', rootClientId),
-      postType: getCurrentPostType()
-    };
-  }, []);
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Flex, FlexItem, Modal, ToggleControl } from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+import { useState, useMemo, useEffect } from "@wordpress/element";
+import {
+  store as blockEditorStore,
+  __experimentalBlockPatternsList as BlockPatternsList
+} from "@wordpress/block-editor";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { store as coreStore } from "@wordpress/core-data";
+import { __unstableSerializeAndClean } from "@wordpress/blocks";
+import { store as preferencesStore } from "@wordpress/preferences";
+import { store as interfaceStore } from "@wordpress/interface";
+import { TEMPLATE_POST_TYPE } from "../../store/constants";
+import { store as editorStore } from "../../store";
+function useStartPatterns() {
+  const { blockPatternsWithPostContentBlockType, postType } = useSelect(
+    (select) => {
+      const { getPatternsByBlockTypes, getBlocksByName } = select(blockEditorStore);
+      const { getCurrentPostType, getRenderingMode } = select(editorStore);
+      const rootClientId = getRenderingMode() === "post-only" ? "" : getBlocksByName("core/post-content")?.[0];
+      return {
+        blockPatternsWithPostContentBlockType: getPatternsByBlockTypes(
+          "core/post-content",
+          rootClientId
+        ),
+        postType: getCurrentPostType()
+      };
+    },
+    []
+  );
   return useMemo(() => {
     if (!blockPatternsWithPostContentBlockType?.length) {
       return [];
     }
-
-    /*
-     * Filter patterns without postTypes declared if the current postType is page
-     * or patterns that declare the current postType in its post type array.
-     */
-    return blockPatternsWithPostContentBlockType.filter(pattern => {
-      return postType === 'page' && !pattern.postTypes || Array.isArray(pattern.postTypes) && pattern.postTypes.includes(postType);
+    return blockPatternsWithPostContentBlockType.filter((pattern) => {
+      return postType === "page" && !pattern.postTypes || Array.isArray(pattern.postTypes) && pattern.postTypes.includes(postType);
     });
   }, [postType, blockPatternsWithPostContentBlockType]);
 }
-function PatternSelection({
-  blockPatterns,
-  onChoosePattern
-}) {
-  const {
-    editEntityRecord
-  } = useDispatch(coreStore);
-  const {
-    postType,
-    postId
-  } = useSelect(select => {
-    const {
-      getCurrentPostType,
-      getCurrentPostId
-    } = select(editorStore);
+function PatternSelection({ blockPatterns, onChoosePattern }) {
+  const { editEntityRecord } = useDispatch(coreStore);
+  const { postType, postId } = useSelect((select) => {
+    const { getCurrentPostType, getCurrentPostId } = select(editorStore);
     return {
       postType: getCurrentPostType(),
       postId: getCurrentPostId()
     };
   }, []);
-  return /*#__PURE__*/_jsx(BlockPatternsList, {
-    blockPatterns: blockPatterns,
-    onClickPattern: (_pattern, blocks) => {
-      editEntityRecord('postType', postType, postId, {
-        blocks,
-        content: ({
-          blocks: blocksForSerialization = []
-        }) => __unstableSerializeAndClean(blocksForSerialization)
-      });
-      onChoosePattern();
+  return /* @__PURE__ */ jsx(
+    BlockPatternsList,
+    {
+      blockPatterns,
+      onClickPattern: (_pattern, blocks) => {
+        editEntityRecord("postType", postType, postId, {
+          blocks,
+          content: ({ blocks: blocksForSerialization = [] }) => __unstableSerializeAndClean(blocksForSerialization)
+        });
+        onChoosePattern();
+      }
     }
-  });
+  );
 }
-function StartPageOptionsModal({
-  onClose
-}) {
+function StartPageOptionsModal({ onClose }) {
   const [showStartPatterns, setShowStartPatterns] = useState(true);
-  const {
-    set: setPreference
-  } = useDispatch(preferencesStore);
+  const { set: setPreference } = useDispatch(preferencesStore);
   const startPatterns = useStartPatterns();
   const hasStartPattern = startPatterns.length > 0;
   if (!hasStartPattern) {
@@ -100,79 +71,85 @@ function StartPageOptionsModal({
   }
   function handleClose() {
     onClose();
-    setPreference('core', 'enableChoosePatternModal', showStartPatterns);
+    setPreference("core", "enableChoosePatternModal", showStartPatterns);
   }
-  return /*#__PURE__*/_jsxs(Modal, {
-    className: "editor-start-page-options__modal",
-    title: __('Choose a pattern'),
-    isFullScreen: true,
-    onRequestClose: handleClose,
-    children: [/*#__PURE__*/_jsx("div", {
-      className: "editor-start-page-options__modal-content",
-      children: /*#__PURE__*/_jsx(PatternSelection, {
-        blockPatterns: startPatterns,
-        onChoosePattern: handleClose
-      })
-    }), /*#__PURE__*/_jsx(Flex, {
-      className: "editor-start-page-options__modal__actions",
-      justify: "flex-end",
-      expanded: false,
-      children: /*#__PURE__*/_jsx(FlexItem, {
-        children: /*#__PURE__*/_jsx(ToggleControl, {
-          __nextHasNoMarginBottom: true,
-          checked: showStartPatterns,
-          label: __('Show starter patterns'),
-          help: __('Shows starter patterns when creating a new page.'),
-          onChange: newValue => {
-            setShowStartPatterns(newValue);
+  return /* @__PURE__ */ jsxs(
+    Modal,
+    {
+      className: "editor-start-page-options__modal",
+      title: __("Choose a pattern"),
+      isFullScreen: true,
+      onRequestClose: handleClose,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "editor-start-page-options__modal-content", children: /* @__PURE__ */ jsx(
+          PatternSelection,
+          {
+            blockPatterns: startPatterns,
+            onChoosePattern: handleClose
           }
-        })
-      })
-    })]
-  });
+        ) }),
+        /* @__PURE__ */ jsx(
+          Flex,
+          {
+            className: "editor-start-page-options__modal__actions",
+            justify: "flex-end",
+            expanded: false,
+            children: /* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsx(
+              ToggleControl,
+              {
+                __nextHasNoMarginBottom: true,
+                checked: showStartPatterns,
+                label: __("Show starter patterns"),
+                help: __(
+                  "Shows starter patterns when creating a new page."
+                ),
+                onChange: (newValue) => {
+                  setShowStartPatterns(newValue);
+                }
+              }
+            ) })
+          }
+        )
+      ]
+    }
+  );
 }
-export default function StartPageOptions() {
+function StartPageOptions() {
   const [isOpen, setIsOpen] = useState(false);
-  const {
-    isEditedPostDirty,
-    isEditedPostEmpty
-  } = useSelect(editorStore);
-  const {
-    isModalActive
-  } = useSelect(interfaceStore);
-  const {
-    enabled,
-    postId
-  } = useSelect(select => {
-    const {
-      getCurrentPostId,
-      getCurrentPostType
-    } = select(editorStore);
-    const choosePatternModalEnabled = select(preferencesStore).get('core', 'enableChoosePatternModal');
+  const { isEditedPostDirty, isEditedPostEmpty } = useSelect(editorStore);
+  const { isModalActive } = useSelect(interfaceStore);
+  const { enabled, postId } = useSelect((select) => {
+    const { getCurrentPostId, getCurrentPostType } = select(editorStore);
+    const choosePatternModalEnabled = select(preferencesStore).get(
+      "core",
+      "enableChoosePatternModal"
+    );
     return {
       postId: getCurrentPostId(),
       enabled: choosePatternModalEnabled && TEMPLATE_POST_TYPE !== getCurrentPostType()
     };
   }, []);
-
-  // Note: The `postId` ensures the effect re-runs when pages are switched without remounting the component.
-  // Examples: changing pages in the List View, creating a new page via Command Palette.
   useEffect(() => {
     const isFreshPage = !isEditedPostDirty() && isEditedPostEmpty();
-    // Prevents immediately opening when features is enabled via preferences modal.
-    const isPreferencesModalActive = isModalActive('editor/preferences');
+    const isPreferencesModalActive = isModalActive("editor/preferences");
     if (!enabled || !isFreshPage || isPreferencesModalActive) {
       return;
     }
-
-    // Open the modal after the initial render for a new page.
     setIsOpen(true);
-  }, [enabled, postId, isEditedPostDirty, isEditedPostEmpty, isModalActive]);
+  }, [
+    enabled,
+    postId,
+    isEditedPostDirty,
+    isEditedPostEmpty,
+    isModalActive
+  ]);
   if (!isOpen) {
     return null;
   }
-  return /*#__PURE__*/_jsx(StartPageOptionsModal, {
-    onClose: () => setIsOpen(false)
-  });
+  return /* @__PURE__ */ jsx(StartPageOptionsModal, { onClose: () => setIsOpen(false) });
 }
-//# sourceMappingURL=index.js.map
+export {
+  StartPageOptions as default,
+  useStartPatterns
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/start-page-options/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Flex","FlexItem","Modal","ToggleControl","__","useState","useMemo","useEffect","store","blockEditorStore","__experimentalBlockPatternsList","BlockPatternsList","useSelect","useDispatch","coreStore","__unstableSerializeAndClean","preferencesStore","interfaceStore","TEMPLATE_POST_TYPE","editorStore","jsx","_jsx","jsxs","_jsxs","useStartPatterns","blockPatternsWithPostContentBlockType","postType","select","getPatternsByBlockTypes","getBlocksByName","getCurrentPostType","getRenderingMode","rootClientId","length","filter","pattern","postTypes","Array","isArray","includes","PatternSelection","blockPatterns","onChoosePattern","editEntityRecord","postId","getCurrentPostId","onClickPattern","_pattern","blocks","content","blocksForSerialization","StartPageOptionsModal","onClose","showStartPatterns","setShowStartPatterns","set","setPreference","startPatterns","hasStartPattern","handleClose","className","title","isFullScreen","onRequestClose","children","justify","expanded","__nextHasNoMarginBottom","checked","label","help","onChange","newValue","StartPageOptions","isOpen","setIsOpen","isEditedPostDirty","isEditedPostEmpty","isModalActive","enabled","choosePatternModalEnabled","get","isFreshPage","isPreferencesModalActive"],"sources":["@wordpress/editor/src/components/start-page-options/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Flex, FlexItem, Modal, ToggleControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useMemo, useEffect } from '@wordpress/element';\nimport {\n\tstore as blockEditorStore,\n\t__experimentalBlockPatternsList as BlockPatternsList,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __unstableSerializeAndClean } from '@wordpress/blocks';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as interfaceStore } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { TEMPLATE_POST_TYPE } from '../../store/constants';\nimport { store as editorStore } from '../../store';\n\nexport function useStartPatterns() {\n\t// A pattern is a start pattern if it includes 'core/post-content' in its blockTypes,\n\t// and it has no postTypes declared and the current post type is page or if\n\t// the current post type is part of the postTypes declared.\n\tconst { blockPatternsWithPostContentBlockType, postType } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getPatternsByBlockTypes, getBlocksByName } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst { getCurrentPostType, getRenderingMode } =\n\t\t\t\tselect( editorStore );\n\t\t\tconst rootClientId =\n\t\t\t\tgetRenderingMode() === 'post-only'\n\t\t\t\t\t? ''\n\t\t\t\t\t: getBlocksByName( 'core/post-content' )?.[ 0 ];\n\t\t\treturn {\n\t\t\t\tblockPatternsWithPostContentBlockType: getPatternsByBlockTypes(\n\t\t\t\t\t'core/post-content',\n\t\t\t\t\trootClientId\n\t\t\t\t),\n\t\t\t\tpostType: getCurrentPostType(),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\treturn useMemo( () => {\n\t\tif ( ! blockPatternsWithPostContentBlockType?.length ) {\n\t\t\treturn [];\n\t\t}\n\n\t\t/*\n\t\t * Filter patterns without postTypes declared if the current postType is page\n\t\t * or patterns that declare the current postType in its post type array.\n\t\t */\n\t\treturn blockPatternsWithPostContentBlockType.filter( ( pattern ) => {\n\t\t\treturn (\n\t\t\t\t( postType === 'page' && ! pattern.postTypes ) ||\n\t\t\t\t( Array.isArray( pattern.postTypes ) &&\n\t\t\t\t\tpattern.postTypes.includes( postType ) )\n\t\t\t);\n\t\t} );\n\t}, [ postType, blockPatternsWithPostContentBlockType ] );\n}\n\nfunction PatternSelection( { blockPatterns, onChoosePattern } ) {\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\tconst { postType, postId } = useSelect( ( select ) => {\n\t\tconst { getCurrentPostType, getCurrentPostId } = select( editorStore );\n\n\t\treturn {\n\t\t\tpostType: getCurrentPostType(),\n\t\t\tpostId: getCurrentPostId(),\n\t\t};\n\t}, [] );\n\treturn (\n\t\t<BlockPatternsList\n\t\t\tblockPatterns={ blockPatterns }\n\t\t\tonClickPattern={ ( _pattern, blocks ) => {\n\t\t\t\teditEntityRecord( 'postType', postType, postId, {\n\t\t\t\t\tblocks,\n\t\t\t\t\tcontent: ( { blocks: blocksForSerialization = [] } ) =>\n\t\t\t\t\t\t__unstableSerializeAndClean( blocksForSerialization ),\n\t\t\t\t} );\n\t\t\t\tonChoosePattern();\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction StartPageOptionsModal( { onClose } ) {\n\tconst [ showStartPatterns, setShowStartPatterns ] = useState( true );\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\tconst startPatterns = useStartPatterns();\n\tconst hasStartPattern = startPatterns.length > 0;\n\n\tif ( ! hasStartPattern ) {\n\t\treturn null;\n\t}\n\n\tfunction handleClose() {\n\t\tonClose();\n\t\tsetPreference( 'core', 'enableChoosePatternModal', showStartPatterns );\n\t}\n\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"editor-start-page-options__modal\"\n\t\t\ttitle={ __( 'Choose a pattern' ) }\n\t\t\tisFullScreen\n\t\t\tonRequestClose={ handleClose }\n\t\t>\n\t\t\t<div className=\"editor-start-page-options__modal-content\">\n\t\t\t\t<PatternSelection\n\t\t\t\t\tblockPatterns={ startPatterns }\n\t\t\t\t\tonChoosePattern={ handleClose }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<Flex\n\t\t\t\tclassName=\"editor-start-page-options__modal__actions\"\n\t\t\t\tjustify=\"flex-end\"\n\t\t\t\texpanded={ false }\n\t\t\t>\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tchecked={ showStartPatterns }\n\t\t\t\t\t\tlabel={ __( 'Show starter patterns' ) }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Shows starter patterns when creating a new page.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\tsetShowStartPatterns( newValue );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t</Flex>\n\t\t</Modal>\n\t);\n}\n\nexport default function StartPageOptions() {\n\tconst [ isOpen, setIsOpen ] = useState( false );\n\tconst { isEditedPostDirty, isEditedPostEmpty } = useSelect( editorStore );\n\tconst { isModalActive } = useSelect( interfaceStore );\n\tconst { enabled, postId } = useSelect( ( select ) => {\n\t\tconst { getCurrentPostId, getCurrentPostType } = select( editorStore );\n\t\tconst choosePatternModalEnabled = select( preferencesStore ).get(\n\t\t\t'core',\n\t\t\t'enableChoosePatternModal'\n\t\t);\n\t\treturn {\n\t\t\tpostId: getCurrentPostId(),\n\t\t\tenabled:\n\t\t\t\tchoosePatternModalEnabled &&\n\t\t\t\tTEMPLATE_POST_TYPE !== getCurrentPostType(),\n\t\t};\n\t}, [] );\n\n\t// Note: The `postId` ensures the effect re-runs when pages are switched without remounting the component.\n\t// Examples: changing pages in the List View, creating a new page via Command Palette.\n\tuseEffect( () => {\n\t\tconst isFreshPage = ! isEditedPostDirty() && isEditedPostEmpty();\n\t\t// Prevents immediately opening when features is enabled via preferences modal.\n\t\tconst isPreferencesModalActive = isModalActive( 'editor/preferences' );\n\t\tif ( ! enabled || ! isFreshPage || isPreferencesModalActive ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Open the modal after the initial render for a new page.\n\t\tsetIsOpen( true );\n\t}, [\n\t\tenabled,\n\t\tpostId,\n\t\tisEditedPostDirty,\n\t\tisEditedPostEmpty,\n\t\tisModalActive,\n\t] );\n\n\tif ( ! isOpen ) {\n\t\treturn null;\n\t}\n\n\treturn <StartPageOptionsModal onClose={ () => setIsOpen( false ) } />;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,aAAa,QAAQ,uBAAuB;AAC5E,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,QAAQ,oBAAoB;AACjE,SACCC,KAAK,IAAIC,gBAAgB,EACzBC,+BAA+B,IAAIC,iBAAiB,QAC9C,yBAAyB;AAChC,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASL,KAAK,IAAIM,SAAS,QAAQ,sBAAsB;AACzD,SAASC,2BAA2B,QAAQ,mBAAmB;AAC/D,SAASP,KAAK,IAAIQ,gBAAgB,QAAQ,wBAAwB;AAClE,SAASR,KAAK,IAAIS,cAAc,QAAQ,sBAAsB;;AAE9D;AACA;AACA;AACA,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,SAASV,KAAK,IAAIW,WAAW,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnD,OAAO,SAASC,gBAAgBA,CAAA,EAAG;EAClC;EACA;EACA;EACA,MAAM;IAAEC,qCAAqC;IAAEC;EAAS,CAAC,GAAGd,SAAS,CAClEe,MAAM,IAAM;IACb,MAAM;MAAEC,uBAAuB;MAAEC;IAAgB,CAAC,GACjDF,MAAM,CAAElB,gBAAiB,CAAC;IAC3B,MAAM;MAAEqB,kBAAkB;MAAEC;IAAiB,CAAC,GAC7CJ,MAAM,CAAER,WAAY,CAAC;IACtB,MAAMa,YAAY,GACjBD,gBAAgB,CAAC,CAAC,KAAK,WAAW,GAC/B,EAAE,GACFF,eAAe,CAAE,mBAAoB,CAAC,GAAI,CAAC,CAAE;IACjD,OAAO;MACNJ,qCAAqC,EAAEG,uBAAuB,CAC7D,mBAAmB,EACnBI,YACD,CAAC;MACDN,QAAQ,EAAEI,kBAAkB,CAAC;IAC9B,CAAC;EACF,CAAC,EACD,EACD,CAAC;EAED,OAAOxB,OAAO,CAAE,MAAM;IACrB,IAAK,CAAEmB,qCAAqC,EAAEQ,MAAM,EAAG;MACtD,OAAO,EAAE;IACV;;IAEA;AACF;AACA;AACA;IACE,OAAOR,qCAAqC,CAACS,MAAM,CAAIC,OAAO,IAAM;MACnE,OACGT,QAAQ,KAAK,MAAM,IAAI,CAAES,OAAO,CAACC,SAAS,IAC1CC,KAAK,CAACC,OAAO,CAAEH,OAAO,CAACC,SAAU,CAAC,IACnCD,OAAO,CAACC,SAAS,CAACG,QAAQ,CAAEb,QAAS,CAAG;IAE3C,CAAE,CAAC;EACJ,CAAC,EAAE,CAAEA,QAAQ,EAAED,qCAAqC,CAAG,CAAC;AACzD;AAEA,SAASe,gBAAgBA,CAAE;EAAEC,aAAa;EAAEC;AAAgB,CAAC,EAAG;EAC/D,MAAM;IAAEC;EAAiB,CAAC,GAAG9B,WAAW,CAAEC,SAAU,CAAC;EACrD,MAAM;IAAEY,QAAQ;IAAEkB;EAAO,CAAC,GAAGhC,SAAS,CAAIe,MAAM,IAAM;IACrD,MAAM;MAAEG,kBAAkB;MAAEe;IAAiB,CAAC,GAAGlB,MAAM,CAAER,WAAY,CAAC;IAEtE,OAAO;MACNO,QAAQ,EAAEI,kBAAkB,CAAC,CAAC;MAC9Bc,MAAM,EAAEC,gBAAgB,CAAC;IAC1B,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,oBACCxB,IAAA,CAACV,iBAAiB;IACjB8B,aAAa,EAAGA,aAAe;IAC/BK,cAAc,EAAGA,CAAEC,QAAQ,EAAEC,MAAM,KAAM;MACxCL,gBAAgB,CAAE,UAAU,EAAEjB,QAAQ,EAAEkB,MAAM,EAAE;QAC/CI,MAAM;QACNC,OAAO,EAAEA,CAAE;UAAED,MAAM,EAAEE,sBAAsB,GAAG;QAAG,CAAC,KACjDnC,2BAA2B,CAAEmC,sBAAuB;MACtD,CAAE,CAAC;MACHR,eAAe,CAAC,CAAC;IAClB;EAAG,CACH,CAAC;AAEJ;AAEA,SAASS,qBAAqBA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EAC7C,MAAM,CAAEC,iBAAiB,EAAEC,oBAAoB,CAAE,GAAGjD,QAAQ,CAAE,IAAK,CAAC;EACpE,MAAM;IAAEkD,GAAG,EAAEC;EAAc,CAAC,GAAG3C,WAAW,CAAEG,gBAAiB,CAAC;EAC9D,MAAMyC,aAAa,GAAGjC,gBAAgB,CAAC,CAAC;EACxC,MAAMkC,eAAe,GAAGD,aAAa,CAACxB,MAAM,GAAG,CAAC;EAEhD,IAAK,CAAEyB,eAAe,EAAG;IACxB,OAAO,IAAI;EACZ;EAEA,SAASC,WAAWA,CAAA,EAAG;IACtBP,OAAO,CAAC,CAAC;IACTI,aAAa,CAAE,MAAM,EAAE,0BAA0B,EAAEH,iBAAkB,CAAC;EACvE;EAEA,oBACC9B,KAAA,CAACrB,KAAK;IACL0D,SAAS,EAAC,kCAAkC;IAC5CC,KAAK,EAAGzD,EAAE,CAAE,kBAAmB,CAAG;IAClC0D,YAAY;IACZC,cAAc,EAAGJ,WAAa;IAAAK,QAAA,gBAE9B3C,IAAA;MAAKuC,SAAS,EAAC,0CAA0C;MAAAI,QAAA,eACxD3C,IAAA,CAACmB,gBAAgB;QAChBC,aAAa,EAAGgB,aAAe;QAC/Bf,eAAe,EAAGiB;MAAa,CAC/B;IAAC,CACE,CAAC,eACNtC,IAAA,CAACrB,IAAI;MACJ4D,SAAS,EAAC,2CAA2C;MACrDK,OAAO,EAAC,UAAU;MAClBC,QAAQ,EAAG,KAAO;MAAAF,QAAA,eAElB3C,IAAA,CAACpB,QAAQ;QAAA+D,QAAA,eACR3C,IAAA,CAAClB,aAAa;UACbgE,uBAAuB;UACvBC,OAAO,EAAGf,iBAAmB;UAC7BgB,KAAK,EAAGjE,EAAE,CAAE,uBAAwB,CAAG;UACvCkE,IAAI,EAAGlE,EAAE,CACR,kDACD,CAAG;UACHmE,QAAQ,EAAKC,QAAQ,IAAM;YAC1BlB,oBAAoB,CAAEkB,QAAS,CAAC;UACjC;QAAG,CACH;MAAC,CACO;IAAC,CACN,CAAC;EAAA,CACD,CAAC;AAEV;AAEA,eAAe,SAASC,gBAAgBA,CAAA,EAAG;EAC1C,MAAM,CAAEC,MAAM,EAAEC,SAAS,CAAE,GAAGtE,QAAQ,CAAE,KAAM,CAAC;EAC/C,MAAM;IAAEuE,iBAAiB;IAAEC;EAAkB,CAAC,GAAGjE,SAAS,CAAEO,WAAY,CAAC;EACzE,MAAM;IAAE2D;EAAc,CAAC,GAAGlE,SAAS,CAAEK,cAAe,CAAC;EACrD,MAAM;IAAE8D,OAAO;IAAEnC;EAAO,CAAC,GAAGhC,SAAS,CAAIe,MAAM,IAAM;IACpD,MAAM;MAAEkB,gBAAgB;MAAEf;IAAmB,CAAC,GAAGH,MAAM,CAAER,WAAY,CAAC;IACtE,MAAM6D,yBAAyB,GAAGrD,MAAM,CAAEX,gBAAiB,CAAC,CAACiE,GAAG,CAC/D,MAAM,EACN,0BACD,CAAC;IACD,OAAO;MACNrC,MAAM,EAAEC,gBAAgB,CAAC,CAAC;MAC1BkC,OAAO,EACNC,yBAAyB,IACzB9D,kBAAkB,KAAKY,kBAAkB,CAAC;IAC5C,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;;EAEP;EACA;EACAvB,SAAS,CAAE,MAAM;IAChB,MAAM2E,WAAW,GAAG,CAAEN,iBAAiB,CAAC,CAAC,IAAIC,iBAAiB,CAAC,CAAC;IAChE;IACA,MAAMM,wBAAwB,GAAGL,aAAa,CAAE,oBAAqB,CAAC;IACtE,IAAK,CAAEC,OAAO,IAAI,CAAEG,WAAW,IAAIC,wBAAwB,EAAG;MAC7D;IACD;;IAEA;IACAR,SAAS,CAAE,IAAK,CAAC;EAClB,CAAC,EAAE,CACFI,OAAO,EACPnC,MAAM,EACNgC,iBAAiB,EACjBC,iBAAiB,EACjBC,aAAa,CACZ,CAAC;EAEH,IAAK,CAAEJ,MAAM,EAAG;IACf,OAAO,IAAI;EACZ;EAEA,oBAAOrD,IAAA,CAAC8B,qBAAqB;IAACC,OAAO,EAAGA,CAAA,KAAMuB,SAAS,CAAE,KAAM;EAAG,CAAE,CAAC;AACtE","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/start-page-options/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Flex, FlexItem, Modal, ToggleControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useMemo, useEffect } from '@wordpress/element';\nimport {\n\tstore as blockEditorStore,\n\t__experimentalBlockPatternsList as BlockPatternsList,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __unstableSerializeAndClean } from '@wordpress/blocks';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as interfaceStore } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { TEMPLATE_POST_TYPE } from '../../store/constants';\nimport { store as editorStore } from '../../store';\n\nexport function useStartPatterns() {\n\t// A pattern is a start pattern if it includes 'core/post-content' in its blockTypes,\n\t// and it has no postTypes declared and the current post type is page or if\n\t// the current post type is part of the postTypes declared.\n\tconst { blockPatternsWithPostContentBlockType, postType } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getPatternsByBlockTypes, getBlocksByName } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst { getCurrentPostType, getRenderingMode } =\n\t\t\t\tselect( editorStore );\n\t\t\tconst rootClientId =\n\t\t\t\tgetRenderingMode() === 'post-only'\n\t\t\t\t\t? ''\n\t\t\t\t\t: getBlocksByName( 'core/post-content' )?.[ 0 ];\n\t\t\treturn {\n\t\t\t\tblockPatternsWithPostContentBlockType: getPatternsByBlockTypes(\n\t\t\t\t\t'core/post-content',\n\t\t\t\t\trootClientId\n\t\t\t\t),\n\t\t\t\tpostType: getCurrentPostType(),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\treturn useMemo( () => {\n\t\tif ( ! blockPatternsWithPostContentBlockType?.length ) {\n\t\t\treturn [];\n\t\t}\n\n\t\t/*\n\t\t * Filter patterns without postTypes declared if the current postType is page\n\t\t * or patterns that declare the current postType in its post type array.\n\t\t */\n\t\treturn blockPatternsWithPostContentBlockType.filter( ( pattern ) => {\n\t\t\treturn (\n\t\t\t\t( postType === 'page' && ! pattern.postTypes ) ||\n\t\t\t\t( Array.isArray( pattern.postTypes ) &&\n\t\t\t\t\tpattern.postTypes.includes( postType ) )\n\t\t\t);\n\t\t} );\n\t}, [ postType, blockPatternsWithPostContentBlockType ] );\n}\n\nfunction PatternSelection( { blockPatterns, onChoosePattern } ) {\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\tconst { postType, postId } = useSelect( ( select ) => {\n\t\tconst { getCurrentPostType, getCurrentPostId } = select( editorStore );\n\n\t\treturn {\n\t\t\tpostType: getCurrentPostType(),\n\t\t\tpostId: getCurrentPostId(),\n\t\t};\n\t}, [] );\n\treturn (\n\t\t<BlockPatternsList\n\t\t\tblockPatterns={ blockPatterns }\n\t\t\tonClickPattern={ ( _pattern, blocks ) => {\n\t\t\t\teditEntityRecord( 'postType', postType, postId, {\n\t\t\t\t\tblocks,\n\t\t\t\t\tcontent: ( { blocks: blocksForSerialization = [] } ) =>\n\t\t\t\t\t\t__unstableSerializeAndClean( blocksForSerialization ),\n\t\t\t\t} );\n\t\t\t\tonChoosePattern();\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction StartPageOptionsModal( { onClose } ) {\n\tconst [ showStartPatterns, setShowStartPatterns ] = useState( true );\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\tconst startPatterns = useStartPatterns();\n\tconst hasStartPattern = startPatterns.length > 0;\n\n\tif ( ! hasStartPattern ) {\n\t\treturn null;\n\t}\n\n\tfunction handleClose() {\n\t\tonClose();\n\t\tsetPreference( 'core', 'enableChoosePatternModal', showStartPatterns );\n\t}\n\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"editor-start-page-options__modal\"\n\t\t\ttitle={ __( 'Choose a pattern' ) }\n\t\t\tisFullScreen\n\t\t\tonRequestClose={ handleClose }\n\t\t>\n\t\t\t<div className=\"editor-start-page-options__modal-content\">\n\t\t\t\t<PatternSelection\n\t\t\t\t\tblockPatterns={ startPatterns }\n\t\t\t\t\tonChoosePattern={ handleClose }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<Flex\n\t\t\t\tclassName=\"editor-start-page-options__modal__actions\"\n\t\t\t\tjustify=\"flex-end\"\n\t\t\t\texpanded={ false }\n\t\t\t>\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tchecked={ showStartPatterns }\n\t\t\t\t\t\tlabel={ __( 'Show starter patterns' ) }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Shows starter patterns when creating a new page.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\tsetShowStartPatterns( newValue );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t</Flex>\n\t\t</Modal>\n\t);\n}\n\nexport default function StartPageOptions() {\n\tconst [ isOpen, setIsOpen ] = useState( false );\n\tconst { isEditedPostDirty, isEditedPostEmpty } = useSelect( editorStore );\n\tconst { isModalActive } = useSelect( interfaceStore );\n\tconst { enabled, postId } = useSelect( ( select ) => {\n\t\tconst { getCurrentPostId, getCurrentPostType } = select( editorStore );\n\t\tconst choosePatternModalEnabled = select( preferencesStore ).get(\n\t\t\t'core',\n\t\t\t'enableChoosePatternModal'\n\t\t);\n\t\treturn {\n\t\t\tpostId: getCurrentPostId(),\n\t\t\tenabled:\n\t\t\t\tchoosePatternModalEnabled &&\n\t\t\t\tTEMPLATE_POST_TYPE !== getCurrentPostType(),\n\t\t};\n\t}, [] );\n\n\t// Note: The `postId` ensures the effect re-runs when pages are switched without remounting the component.\n\t// Examples: changing pages in the List View, creating a new page via Command Palette.\n\tuseEffect( () => {\n\t\tconst isFreshPage = ! isEditedPostDirty() && isEditedPostEmpty();\n\t\t// Prevents immediately opening when features is enabled via preferences modal.\n\t\tconst isPreferencesModalActive = isModalActive( 'editor/preferences' );\n\t\tif ( ! enabled || ! isFreshPage || isPreferencesModalActive ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Open the modal after the initial render for a new page.\n\t\tsetIsOpen( true );\n\t}, [\n\t\tenabled,\n\t\tpostId,\n\t\tisEditedPostDirty,\n\t\tisEditedPostEmpty,\n\t\tisModalActive,\n\t] );\n\n\tif ( ! isOpen ) {\n\t\treturn null;\n\t}\n\n\treturn <StartPageOptionsModal onClose={ () => setIsOpen( false ) } />;\n}\n"],
+  "mappings": "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",
+  "names": []
+}