@wordpress/edit-post 7.34.0 → 8.0.0

package/build-module/components/header/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["Keyboard","Component","HeaderToolbar","Header","constructor","arguments","keyboardDidShow","bind","keyboardDidHide","state","isKeyboardVisible","componentDidMount","keyboardShowSubscription","addListener","keyboardHideSubscription","componentWillUnmount","remove","setState","render","createElement","showKeyboardHideButton"],"sources":["@wordpress/edit-post/src/components/header/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Keyboard } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport HeaderToolbar from './header-toolbar';\n\nexport default class Header extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.keyboardDidShow = this.keyboardDidShow.bind( this );\n\t\tthis.keyboardDidHide = this.keyboardDidHide.bind( this );\n\n\t\tthis.state = {\n\t\t\tisKeyboardVisible: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.keyboardShowSubscription = Keyboard.addListener(\n\t\t\t'keyboardDidShow',\n\t\t\tthis.keyboardDidShow\n\t\t);\n\t\tthis.keyboardHideSubscription = Keyboard.addListener(\n\t\t\t'keyboardDidHide',\n\t\t\tthis.keyboardDidHide\n\t\t);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.keyboardShowSubscription.remove();\n\t\tthis.keyboardHideSubscription.remove();\n\t}\n\n\tkeyboardDidShow() {\n\t\tthis.setState( { isKeyboardVisible: true } );\n\t}\n\n\tkeyboardDidHide() {\n\t\tthis.setState( { isKeyboardVisible: false } );\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<HeaderToolbar\n\t\t\t\tshowKeyboardHideButton={ this.state.isKeyboardVisible }\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,cAAc;;AAEvC;AACA;AACA;AACA,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,OAAO,mBAAmB;;AAE1B;AACA;AACA;AACA,OAAOC,aAAa,MAAM,kBAAkB;AAE5C,eAAe,MAAMC,MAAM,SAASF,SAAS,CAAC;EAC7CG,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IAErB,IAAI,CAACC,eAAe,GAAG,IAAI,CAACA,eAAe,CAACC,IAAI,CAAE,IAAK,CAAC;IACxD,IAAI,CAACC,eAAe,GAAG,IAAI,CAACA,eAAe,CAACD,IAAI,CAAE,IAAK,CAAC;IAExD,IAAI,CAACE,KAAK,GAAG;MACZC,iBAAiB,EAAE;IACpB,CAAC;EACF;EAEAC,iBAAiBA,CAAA,EAAG;IACnB,IAAI,CAACC,wBAAwB,GAAGZ,QAAQ,CAACa,WAAW,CACnD,iBAAiB,EACjB,IAAI,CAACP,eACN,CAAC;IACD,IAAI,CAACQ,wBAAwB,GAAGd,QAAQ,CAACa,WAAW,CACnD,iBAAiB,EACjB,IAAI,CAACL,eACN,CAAC;EACF;EAEAO,oBAAoBA,CAAA,EAAG;IACtB,IAAI,CAACH,wBAAwB,CAACI,MAAM,CAAC,CAAC;IACtC,IAAI,CAACF,wBAAwB,CAACE,MAAM,CAAC,CAAC;EACvC;EAEAV,eAAeA,CAAA,EAAG;IACjB,IAAI,CAACW,QAAQ,CAAE;MAAEP,iBAAiB,EAAE;IAAK,CAAE,CAAC;EAC7C;EAEAF,eAAeA,CAAA,EAAG;IACjB,IAAI,CAACS,QAAQ,CAAE;MAAEP,iBAAiB,EAAE;IAAM,CAAE,CAAC;EAC9C;EAEAQ,MAAMA,CAAA,EAAG;IACR,OACCC,aAAA,CAACjB,aAAa;MACbkB,sBAAsB,EAAG,IAAI,CAACX,KAAK,CAACC;IAAmB,CACvD,CAAC;EAEJ;AACD","ignoreList":[]}
+{"version":3,"names":["Keyboard","Component","HeaderToolbar","jsx","_jsx","Header","constructor","arguments","keyboardDidShow","bind","keyboardDidHide","state","isKeyboardVisible","componentDidMount","keyboardShowSubscription","addListener","keyboardHideSubscription","componentWillUnmount","remove","setState","render","showKeyboardHideButton"],"sources":["@wordpress/edit-post/src/components/header/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Keyboard } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport HeaderToolbar from './header-toolbar';\n\nexport default class Header extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.keyboardDidShow = this.keyboardDidShow.bind( this );\n\t\tthis.keyboardDidHide = this.keyboardDidHide.bind( this );\n\n\t\tthis.state = {\n\t\t\tisKeyboardVisible: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.keyboardShowSubscription = Keyboard.addListener(\n\t\t\t'keyboardDidShow',\n\t\t\tthis.keyboardDidShow\n\t\t);\n\t\tthis.keyboardHideSubscription = Keyboard.addListener(\n\t\t\t'keyboardDidHide',\n\t\t\tthis.keyboardDidHide\n\t\t);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.keyboardShowSubscription.remove();\n\t\tthis.keyboardHideSubscription.remove();\n\t}\n\n\tkeyboardDidShow() {\n\t\tthis.setState( { isKeyboardVisible: true } );\n\t}\n\n\tkeyboardDidHide() {\n\t\tthis.setState( { isKeyboardVisible: false } );\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<HeaderToolbar\n\t\t\t\tshowKeyboardHideButton={ this.state.isKeyboardVisible }\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,cAAc;;AAEvC;AACA;AACA;AACA,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,OAAO,mBAAmB;;AAE1B;AACA;AACA;AACA,OAAOC,aAAa,MAAM,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,eAAe,MAAMC,MAAM,SAASJ,SAAS,CAAC;EAC7CK,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IAErB,IAAI,CAACC,eAAe,GAAG,IAAI,CAACA,eAAe,CAACC,IAAI,CAAE,IAAK,CAAC;IACxD,IAAI,CAACC,eAAe,GAAG,IAAI,CAACA,eAAe,CAACD,IAAI,CAAE,IAAK,CAAC;IAExD,IAAI,CAACE,KAAK,GAAG;MACZC,iBAAiB,EAAE;IACpB,CAAC;EACF;EAEAC,iBAAiBA,CAAA,EAAG;IACnB,IAAI,CAACC,wBAAwB,GAAGd,QAAQ,CAACe,WAAW,CACnD,iBAAiB,EACjB,IAAI,CAACP,eACN,CAAC;IACD,IAAI,CAACQ,wBAAwB,GAAGhB,QAAQ,CAACe,WAAW,CACnD,iBAAiB,EACjB,IAAI,CAACL,eACN,CAAC;EACF;EAEAO,oBAAoBA,CAAA,EAAG;IACtB,IAAI,CAACH,wBAAwB,CAACI,MAAM,CAAC,CAAC;IACtC,IAAI,CAACF,wBAAwB,CAACE,MAAM,CAAC,CAAC;EACvC;EAEAV,eAAeA,CAAA,EAAG;IACjB,IAAI,CAACW,QAAQ,CAAE;MAAEP,iBAAiB,EAAE;IAAK,CAAE,CAAC;EAC7C;EAEAF,eAAeA,CAAA,EAAG;IACjB,IAAI,CAACS,QAAQ,CAAE;MAAEP,iBAAiB,EAAE;IAAM,CAAE,CAAC;EAC9C;EAEAQ,MAAMA,CAAA,EAAG;IACR,oBACChB,IAAA,CAACF,aAAa;MACbmB,sBAAsB,EAAG,IAAI,CAACV,KAAK,CAACC;IAAmB,CACvD,CAAC;EAEJ;AACD","ignoreList":[]}

package/build-module/components/init-pattern-modal/index.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -14,6 +13,9 @@ import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
  */
 
 import { unlock } from '../../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const {
   ReusableBlocksRenameHint
 } = unlock(blockEditorPrivateApis);
@@ -47,47 +49,54 @@ export default function InitPatternModal() {
   if (postType !== 'wp_block' || !isNewPost) {
     return null;
   }
-  return createElement(Fragment, null, isModalOpen && createElement(Modal, {
-    title: __('Create pattern'),
-    onRequestClose: () => {
-      setIsModalOpen(false);
-    },
-    overlayClassName: "reusable-blocks-menu-items__convert-modal"
-  }, createElement("form", {
-    onSubmit: event => {
-      event.preventDefault();
-      setIsModalOpen(false);
-      editPost({
-        title,
-        meta: {
-          wp_pattern_sync_status: syncType
-        }
-      });
-    }
-  }, createElement(VStack, {
-    spacing: "5"
-  }, createElement(TextControl, {
-    label: __('Name'),
-    value: title,
-    onChange: setTitle,
-    placeholder: __('My pattern'),
-    className: "patterns-create-modal__name-input",
-    __nextHasNoMarginBottom: true,
-    __next40pxDefaultSize: true
-  }), createElement(ReusableBlocksRenameHint, null), createElement(ToggleControl, {
-    label: _x('Synced', 'Option that makes an individual pattern synchronized'),
-    help: __('Sync this pattern across multiple locations.'),
-    checked: !syncType,
-    onChange: () => {
-      setSyncType(!syncType ? 'unsynced' : undefined);
-    }
-  }), createElement(HStack, {
-    justify: "right"
-  }, createElement(Button, {
-    variant: "primary",
-    type: "submit",
-    disabled: !title,
-    __experimentalIsFocusable: true
-  }, __('Create')))))));
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: isModalOpen && /*#__PURE__*/_jsx(Modal, {
+      title: __('Create pattern'),
+      onRequestClose: () => {
+        setIsModalOpen(false);
+      },
+      overlayClassName: "reusable-blocks-menu-items__convert-modal",
+      children: /*#__PURE__*/_jsx("form", {
+        onSubmit: event => {
+          event.preventDefault();
+          setIsModalOpen(false);
+          editPost({
+            title,
+            meta: {
+              wp_pattern_sync_status: syncType
+            }
+          });
+        },
+        children: /*#__PURE__*/_jsxs(VStack, {
+          spacing: "5",
+          children: [/*#__PURE__*/_jsx(TextControl, {
+            label: __('Name'),
+            value: title,
+            onChange: setTitle,
+            placeholder: __('My pattern'),
+            className: "patterns-create-modal__name-input",
+            __nextHasNoMarginBottom: true,
+            __next40pxDefaultSize: true
+          }), /*#__PURE__*/_jsx(ReusableBlocksRenameHint, {}), /*#__PURE__*/_jsx(ToggleControl, {
+            label: _x('Synced', 'Option that makes an individual pattern synchronized'),
+            help: __('Sync this pattern across multiple locations.'),
+            checked: !syncType,
+            onChange: () => {
+              setSyncType(!syncType ? 'unsynced' : undefined);
+            }
+          }), /*#__PURE__*/_jsx(HStack, {
+            justify: "right",
+            children: /*#__PURE__*/_jsx(Button, {
+              variant: "primary",
+              type: "submit",
+              disabled: !title,
+              __experimentalIsFocusable: true,
+              children: __('Create')
+            })
+          })]
+        })
+      })
+    })
+  });
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/init-pattern-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useSelect","useDispatch","__","_x","Modal","Button","__experimentalHStack","HStack","__experimentalVStack","VStack","ToggleControl","TextControl","useEffect","useState","store","editorStore","privateApis","blockEditorPrivateApis","unlock","ReusableBlocksRenameHint","InitPatternModal","editPost","isModalOpen","setIsModalOpen","syncType","setSyncType","undefined","title","setTitle","postType","isNewPost","select","getEditedPostAttribute","isCleanNewPost","createElement","Fragment","onRequestClose","overlayClassName","onSubmit","event","preventDefault","meta","wp_pattern_sync_status","spacing","label","value","onChange","placeholder","className","__nextHasNoMarginBottom","__next40pxDefaultSize","help","checked","justify","variant","type","disabled","__experimentalIsFocusable"],"sources":["@wordpress/edit-post/src/components/init-pattern-modal/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tModal,\n\tButton,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tToggleControl,\n\tTextControl,\n} from '@wordpress/components';\nimport { useEffect, useState } from '@wordpress/element';\nimport { store as editorStore } from '@wordpress/editor';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\n\nimport { unlock } from '../../lock-unlock';\n\nconst { ReusableBlocksRenameHint } = unlock( blockEditorPrivateApis );\n\nexport default function InitPatternModal() {\n\tconst { editPost } = useDispatch( editorStore );\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst [ syncType, setSyncType ] = useState( undefined );\n\tconst [ title, setTitle ] = useState( '' );\n\n\tconst { postType, isNewPost } = useSelect( ( select ) => {\n\t\tconst { getEditedPostAttribute, isCleanNewPost } =\n\t\t\tselect( editorStore );\n\t\treturn {\n\t\t\tpostType: getEditedPostAttribute( 'type' ),\n\t\t\tisNewPost: isCleanNewPost(),\n\t\t};\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( isNewPost && postType === 'wp_block' ) {\n\t\t\tsetIsModalOpen( true );\n\t\t}\n\t\t// We only want the modal to open when the page is first loaded.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n\n\tif ( postType !== 'wp_block' || ! isNewPost ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Create pattern' ) }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t\toverlayClassName=\"reusable-blocks-menu-items__convert-modal\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t\t\teditPost( {\n\t\t\t\t\t\t\t\ttitle,\n\t\t\t\t\t\t\t\tmeta: {\n\t\t\t\t\t\t\t\t\twp_pattern_sync_status: syncType,\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>\n\t\t\t\t\t\t<VStack spacing=\"5\">\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t\t\t\tplaceholder={ __( 'My pattern' ) }\n\t\t\t\t\t\t\t\tclassName=\"patterns-create-modal__name-input\"\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<ReusableBlocksRenameHint />\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t\t'Synced',\n\t\t\t\t\t\t\t\t\t'Option that makes an individual pattern synchronized'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Sync this pattern across multiple locations.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tchecked={ ! syncType }\n\t\t\t\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\t\t\t\tsetSyncType(\n\t\t\t\t\t\t\t\t\t\t! syncType ? 'unsynced' : undefined\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\t<HStack justify=\"right\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t\tdisabled={ ! title }\n\t\t\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useSelect","useDispatch","__","_x","Modal","Button","__experimentalHStack","HStack","__experimentalVStack","VStack","ToggleControl","TextControl","useEffect","useState","store","editorStore","privateApis","blockEditorPrivateApis","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ReusableBlocksRenameHint","InitPatternModal","editPost","isModalOpen","setIsModalOpen","syncType","setSyncType","undefined","title","setTitle","postType","isNewPost","select","getEditedPostAttribute","isCleanNewPost","children","onRequestClose","overlayClassName","onSubmit","event","preventDefault","meta","wp_pattern_sync_status","spacing","label","value","onChange","placeholder","className","__nextHasNoMarginBottom","__next40pxDefaultSize","help","checked","justify","variant","type","disabled","__experimentalIsFocusable"],"sources":["@wordpress/edit-post/src/components/init-pattern-modal/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tModal,\n\tButton,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tToggleControl,\n\tTextControl,\n} from '@wordpress/components';\nimport { useEffect, useState } from '@wordpress/element';\nimport { store as editorStore } from '@wordpress/editor';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\n\nimport { unlock } from '../../lock-unlock';\n\nconst { ReusableBlocksRenameHint } = unlock( blockEditorPrivateApis );\n\nexport default function InitPatternModal() {\n\tconst { editPost } = useDispatch( editorStore );\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst [ syncType, setSyncType ] = useState( undefined );\n\tconst [ title, setTitle ] = useState( '' );\n\n\tconst { postType, isNewPost } = useSelect( ( select ) => {\n\t\tconst { getEditedPostAttribute, isCleanNewPost } =\n\t\t\tselect( editorStore );\n\t\treturn {\n\t\t\tpostType: getEditedPostAttribute( 'type' ),\n\t\t\tisNewPost: isCleanNewPost(),\n\t\t};\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( isNewPost && postType === 'wp_block' ) {\n\t\t\tsetIsModalOpen( true );\n\t\t}\n\t\t// We only want the modal to open when the page is first loaded.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n\n\tif ( postType !== 'wp_block' || ! isNewPost ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Create pattern' ) }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t\toverlayClassName=\"reusable-blocks-menu-items__convert-modal\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t\t\teditPost( {\n\t\t\t\t\t\t\t\ttitle,\n\t\t\t\t\t\t\t\tmeta: {\n\t\t\t\t\t\t\t\t\twp_pattern_sync_status: syncType,\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>\n\t\t\t\t\t\t<VStack spacing=\"5\">\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t\t\t\tplaceholder={ __( 'My pattern' ) }\n\t\t\t\t\t\t\t\tclassName=\"patterns-create-modal__name-input\"\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<ReusableBlocksRenameHint />\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t\t'Synced',\n\t\t\t\t\t\t\t\t\t'Option that makes an individual pattern synchronized'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Sync this pattern across multiple locations.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tchecked={ ! syncType }\n\t\t\t\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\t\t\t\tsetSyncType(\n\t\t\t\t\t\t\t\t\t\t! syncType ? 'unsynced' : undefined\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\t<HStack justify=\"right\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t\tdisabled={ ! title }\n\t\t\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/layout/index.js

@@ -1,42 +1,43 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
  */
-import { AutosaveMonitor, LocalAutosaveMonitor, UnsavedChangesWarning, EditorNotices, EditorKeyboardShortcutsRegister, EditorKeyboardShortcuts, EditorSnackbars, store as editorStore, privateApis as editorPrivateApis } from '@wordpress/editor';
+import { AutosaveMonitor, LocalAutosaveMonitor, UnsavedChangesWarning, EditorKeyboardShortcutsRegister, EditorSnackbars, store as editorStore, privateApis as editorPrivateApis } from '@wordpress/editor';
 import { useSelect, useDispatch } from '@wordpress/data';
-import { BlockBreadcrumb, BlockToolbar, privateApis as blockEditorPrivateApis, store as blockEditorStore } from '@wordpress/block-editor';
-import { ScrollLock } from '@wordpress/components';
+import { privateApis as blockEditorPrivateApis, store as blockEditorStore } from '@wordpress/block-editor';
 import { useViewportMatch } from '@wordpress/compose';
 import { PluginArea } from '@wordpress/plugins';
-import { __, _x, sprintf } from '@wordpress/i18n';
-import { useState, useEffect, useCallback, useMemo } from '@wordpress/element';
-import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
+import { __, sprintf } from '@wordpress/i18n';
+import { useCallback, useMemo } from '@wordpress/element';
 import { store as noticesStore } from '@wordpress/notices';
 import { store as preferencesStore } from '@wordpress/preferences';
 import { privateApis as commandsPrivateApis } from '@wordpress/commands';
 import { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';
 import { privateApis as blockLibraryPrivateApis } from '@wordpress/block-library';
+import { addQueryArgs } from '@wordpress/url';
 
 /**
  * Internal dependencies
  */
-import TextEditor from '../text-editor';
-import VisualEditor from '../visual-editor';
+import BackButton from '../back-button';
 import EditPostKeyboardShortcuts from '../keyboard-shortcuts';
 import InitPatternModal from '../init-pattern-modal';
 import BrowserURL from '../browser-url';
-import Header from '../header';
-import SettingsSidebar from '../sidebar/settings-sidebar';
 import MetaBoxes from '../meta-boxes';
+import PostEditorMoreMenu from '../more-menu';
 import WelcomeGuide from '../welcome-guide';
 import { store as editPostStore } from '../../store';
 import { unlock } from '../../lock-unlock';
-import useCommonCommands from '../../hooks/commands/use-common-commands';
+import useEditPostCommands from '../../commands/use-commands';
+import { usePaddingAppender } from './use-padding-appender';
+import { useShouldIframe } from './use-should-iframe';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const {
   getLayoutStyles
 } = unlock(blockEditorPrivateApis);
@@ -47,41 +48,44 @@ const {
   useCommandContext
 } = unlock(commandsPrivateApis);
 const {
-  InserterSidebar,
-  ListViewSidebar,
-  ComplementaryArea,
+  EditorInterface,
   FullscreenMode,
-  SavePublishPanels,
-  InterfaceSkeleton,
-  interfaceStore
+  Sidebar
 } = unlock(editorPrivateApis);
 const {
   BlockKeyboardShortcuts
 } = unlock(blockLibraryPrivateApis);
-const interfaceLabels = {
-  /* translators: accessibility text for the editor top bar landmark region. */
-  header: __('Editor top bar'),
-  /* translators: accessibility text for the editor content landmark region. */
-  body: __('Editor content'),
-  /* translators: accessibility text for the editor settings landmark region. */
-  sidebar: __('Editor settings'),
-  /* translators: accessibility text for the editor publish landmark region. */
-  actions: __('Editor publish'),
-  /* translators: accessibility text for the editor footer landmark region. */
-  footer: __('Editor footer')
-};
+const DESIGN_POST_TYPES = ['wp_template', 'wp_template_part', 'wp_block', 'wp_navigation'];
 function useEditorStyles() {
   const {
     hasThemeStyleSupport,
-    editorSettings
-  } = useSelect(select => ({
-    hasThemeStyleSupport: select(editPostStore).isFeatureActive('themeStyles'),
-    editorSettings: select(editorStore).getEditorSettings()
-  }), []);
+    editorSettings,
+    isZoomedOutView,
+    hasMetaBoxes,
+    renderingMode,
+    postType
+  } = useSelect(select => {
+    const {
+      __unstableGetEditorMode
+    } = select(blockEditorStore);
+    const {
+      getCurrentPostType,
+      getRenderingMode
+    } = select(editorStore);
+    const _postType = getCurrentPostType();
+    return {
+      hasThemeStyleSupport: select(editPostStore).isFeatureActive('themeStyles'),
+      editorSettings: select(editorStore).getEditorSettings(),
+      isZoomedOutView: __unstableGetEditorMode() === 'zoom-out',
+      hasMetaBoxes: select(editPostStore).hasMetaBoxes(),
+      renderingMode: getRenderingMode(),
+      postType: _postType
+    };
+  }, []);
 
   // Compute the default styles.
   return useMemo(() => {
-    var _editorSettings$style, _editorSettings$style2;
+    var _editorSettings$style, _editorSettings$style2, _editorSettings$style3;
     const presetStyles = (_editorSettings$style = editorSettings.styles?.filter(style => style.__unstableType && style.__unstableType !== 'theme')) !== null && _editorSettings$style !== void 0 ? _editorSettings$style : [];
     const defaultEditorStyles = [...editorSettings.defaultEditorStyles, ...presetStyles];
 
@@ -101,184 +105,160 @@ function useEditorStyles() {
         })
       });
     }
-    return hasThemeStyles ? editorSettings.styles : defaultEditorStyles;
+    const baseStyles = hasThemeStyles ? (_editorSettings$style3 = editorSettings.styles) !== null && _editorSettings$style3 !== void 0 ? _editorSettings$style3 : [] : defaultEditorStyles;
+
+    // Add a constant padding for the typewritter effect. When typing at the
+    // bottom, there needs to be room to scroll up.
+    if (!isZoomedOutView && !hasMetaBoxes && renderingMode === 'post-only' && !DESIGN_POST_TYPES.includes(postType)) {
+      baseStyles.push({
+        css: 'body{padding-bottom: 40vh}'
+      });
+    }
+    return baseStyles;
   }, [editorSettings.defaultEditorStyles, editorSettings.disableLayoutStyles, editorSettings.styles, hasThemeStyleSupport]);
 }
 function Layout({
   initialPost
 }) {
   useCommands();
-  useCommonCommands();
-  const isMobileViewport = useViewportMatch('medium', '<');
-  const isHugeViewport = useViewportMatch('huge', '>=');
+  useEditPostCommands();
   const isWideViewport = useViewportMatch('large');
-  const isLargeViewport = useViewportMatch('medium');
-  const {
-    closeGeneralSidebar
-  } = useDispatch(editPostStore);
+  const paddingAppenderRef = usePaddingAppender();
+  const shouldIframe = useShouldIframe();
   const {
     createErrorNotice
   } = useDispatch(noticesStore);
-  const {
-    setIsInserterOpened
-  } = useDispatch(editorStore);
   const {
     mode,
     isFullscreenActive,
-    isRichEditingEnabled,
     sidebarIsOpened,
     hasActiveMetaboxes,
-    previousShortcut,
-    nextShortcut,
     hasBlockSelected,
-    isInserterOpened,
-    isListViewOpened,
     showIconLabels,
     isDistractionFree,
     showBlockBreadcrumbs,
     showMetaBoxes,
-    documentLabel,
     hasHistory,
-    hasBlockBreadcrumbs
+    isEditingTemplate,
+    isWelcomeGuideVisible
   } = useSelect(select => {
     const {
       get
     } = select(preferencesStore);
     const {
-      getEditorSettings,
-      getPostTypeLabel
+      getEditorSettings
     } = select(editorStore);
-    const editorSettings = getEditorSettings();
-    const postTypeLabel = getPostTypeLabel();
+    const {
+      isFeatureActive
+    } = select(editPostStore);
     return {
-      showMetaBoxes: select(editorStore).getRenderingMode() === 'post-only',
-      sidebarIsOpened: !!(select(interfaceStore).getActiveComplementaryArea('core') || select(editorStore).isPublishSidebarOpened()),
-      isFullscreenActive: select(editPostStore).isFeatureActive('fullscreenMode'),
-      isInserterOpened: select(editorStore).isInserterOpened(),
-      isListViewOpened: select(editorStore).isListViewOpened(),
       mode: select(editorStore).getEditorMode(),
-      isRichEditingEnabled: editorSettings.richEditingEnabled,
+      isFullscreenActive: select(editPostStore).isFeatureActive('fullscreenMode'),
       hasActiveMetaboxes: select(editPostStore).hasMetaBoxes(),
-      previousShortcut: select(keyboardShortcutsStore).getAllShortcutKeyCombinations('core/editor/previous-region'),
-      nextShortcut: select(keyboardShortcutsStore).getAllShortcutKeyCombinations('core/editor/next-region'),
+      hasBlockSelected: !!select(blockEditorStore).getBlockSelectionStart(),
       showIconLabels: get('core', 'showIconLabels'),
       isDistractionFree: get('core', 'distractionFree'),
       showBlockBreadcrumbs: get('core', 'showBlockBreadcrumbs'),
-      // translators: Default label for the Document in the Block Breadcrumb.
-      documentLabel: postTypeLabel || _x('Document', 'noun'),
-      hasBlockSelected: !!select(blockEditorStore).getBlockSelectionStart(),
+      showMetaBoxes: select(editorStore).getRenderingMode() === 'post-only',
       hasHistory: !!getEditorSettings().onNavigateToPreviousEntityRecord,
-      hasBlockBreadcrumbs: get('core', 'showBlockBreadcrumbs')
+      isEditingTemplate: select(editorStore).getCurrentPostType() === 'wp_template',
+      isWelcomeGuideVisible: isFeatureActive('welcomeGuide')
     };
   }, []);
 
   // Set the right context for the command palette
-  const commandContext = hasBlockSelected ? 'block-selection-edit' : 'post-editor-edit';
+  const commandContext = hasBlockSelected ? 'block-selection-edit' : 'entity-edit';
   useCommandContext(commandContext);
   const styles = useEditorStyles();
 
-  // Inserter and Sidebars are mutually exclusive
-  useEffect(() => {
-    if (sidebarIsOpened && !isHugeViewport) {
-      setIsInserterOpened(false);
-    }
-  }, [isHugeViewport, setIsInserterOpened, sidebarIsOpened]);
-  useEffect(() => {
-    if (isInserterOpened && !isHugeViewport) {
-      closeGeneralSidebar();
-    }
-  }, [closeGeneralSidebar, isInserterOpened, isHugeViewport]);
-
-  // Local state for save panel.
-  // Note 'truthy' callback implies an open panel.
-  const [entitiesSavedStatesCallback, setEntitiesSavedStatesCallback] = useState(false);
-  const closeEntitiesSavedStates = useCallback(arg => {
-    if (typeof entitiesSavedStatesCallback === 'function') {
-      entitiesSavedStatesCallback(arg);
-    }
-    setEntitiesSavedStatesCallback(false);
-  }, [entitiesSavedStatesCallback]);
-
   // We need to add the show-icon-labels class to the body element so it is applied to modals.
   if (showIconLabels) {
     document.body.classList.add('show-icon-labels');
   } else {
     document.body.classList.remove('show-icon-labels');
   }
-  const className = classnames('edit-post-layout', 'is-mode-' + mode, {
+  const className = clsx('edit-post-layout', 'is-mode-' + mode, {
     'is-sidebar-opened': sidebarIsOpened,
     'has-metaboxes': hasActiveMetaboxes,
     'is-distraction-free': isDistractionFree && isWideViewport,
-    'is-entity-save-view-open': !!entitiesSavedStatesCallback,
-    'has-block-breadcrumbs': hasBlockBreadcrumbs && !isDistractionFree && isWideViewport
+    'has-block-breadcrumbs': showBlockBreadcrumbs && !isDistractionFree && isWideViewport
   });
-  const secondarySidebarLabel = isListViewOpened ? __('Document Overview') : __('Block Library');
-  const secondarySidebar = () => {
-    if (mode === 'visual' && isInserterOpened) {
-      return createElement(InserterSidebar, {
-        closeGeneralSidebar: closeGeneralSidebar,
-        isRightSidebarOpen: sidebarIsOpened
-      });
-    }
-    if (mode === 'visual' && isListViewOpened) {
-      return createElement(ListViewSidebar, null);
-    }
-    return null;
-  };
   function onPluginAreaError(name) {
     createErrorNotice(sprintf( /* translators: %s: plugin name */
     __('The "%s" plugin has encountered an error and cannot be rendered.'), name));
   }
-  return createElement(Fragment, null, createElement(FullscreenMode, {
-    isActive: isFullscreenActive
-  }), createElement(BrowserURL, {
-    hasHistory: hasHistory
-  }), createElement(UnsavedChangesWarning, null), createElement(AutosaveMonitor, null), createElement(LocalAutosaveMonitor, null), createElement(EditPostKeyboardShortcuts, null), createElement(EditorKeyboardShortcutsRegister, null), createElement(EditorKeyboardShortcuts, null), createElement(BlockKeyboardShortcuts, null), createElement(InterfaceSkeleton, {
-    isDistractionFree: isDistractionFree && isWideViewport,
-    className: className,
-    labels: {
-      ...interfaceLabels,
-      secondarySidebar: secondarySidebarLabel
-    },
-    header: createElement(Header, {
-      setEntitiesSavedStatesCallback: setEntitiesSavedStatesCallback,
-      initialPost: initialPost
-    }),
-    editorNotices: createElement(EditorNotices, null),
-    secondarySidebar: secondarySidebar(),
-    sidebar: !isDistractionFree && createElement(ComplementaryArea.Slot, {
-      scope: "core"
-    }),
-    notices: createElement(EditorSnackbars, null),
-    content: createElement(Fragment, null, !isDistractionFree && createElement(EditorNotices, null), (mode === 'text' || !isRichEditingEnabled) && createElement(TextEditor, null), !isLargeViewport && createElement(BlockToolbar, {
-      hideDragHandle: true
-    }), isRichEditingEnabled && mode === 'visual' && createElement(VisualEditor, {
-      styles: styles
-    }), !isDistractionFree && showMetaBoxes && createElement("div", {
-      className: "edit-post-layout__metaboxes"
-    }, createElement(MetaBoxes, {
-      location: "normal"
-    }), createElement(MetaBoxes, {
-      location: "advanced"
-    })), isMobileViewport && sidebarIsOpened && createElement(ScrollLock, null)),
-    footer: !isDistractionFree && !isMobileViewport && showBlockBreadcrumbs && isRichEditingEnabled && mode === 'visual' && createElement("div", {
-      className: "edit-post-layout__footer"
-    }, createElement(BlockBreadcrumb, {
-      rootLabelText: documentLabel
-    })),
-    actions: createElement(SavePublishPanels, {
-      closeEntitiesSavedStates: closeEntitiesSavedStates,
-      isEntitiesSavedStatesOpen: entitiesSavedStatesCallback,
-      setEntitiesSavedStatesCallback: setEntitiesSavedStatesCallback,
-      forceIsDirtyPublishPanel: hasActiveMetaboxes
-    }),
-    shortcuts: {
-      previous: previousShortcut,
-      next: nextShortcut
+  const {
+    createSuccessNotice
+  } = useDispatch(noticesStore);
+  const onActionPerformed = useCallback((actionId, items) => {
+    switch (actionId) {
+      case 'move-to-trash':
+        {
+          document.location.href = addQueryArgs('edit.php', {
+            trashed: 1,
+            post_type: items[0].type,
+            ids: items[0].id
+          });
+        }
+        break;
+      case 'duplicate-post':
+        {
+          const newItem = items[0];
+          const title = typeof newItem.title === 'string' ? newItem.title : newItem.title?.rendered;
+          createSuccessNotice(sprintf(
+          // translators: %s: Title of the created post e.g: "Post 1".
+          __('"%s" successfully created.'), title), {
+            type: 'snackbar',
+            id: 'duplicate-post-action',
+            actions: [{
+              label: __('Edit'),
+              onClick: () => {
+                const postId = newItem.id;
+                document.location.href = addQueryArgs('post.php', {
+                  post: postId,
+                  action: 'edit'
+                });
+              }
+            }]
+          });
+        }
+        break;
     }
-  }), createElement(WelcomeGuide, null), createElement(InitPatternModal, null), createElement(PluginArea, {
-    onError: onPluginAreaError
-  }), !isDistractionFree && createElement(SettingsSidebar, null));
+  }, [createSuccessNotice]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(FullscreenMode, {
+      isActive: isFullscreenActive
+    }), /*#__PURE__*/_jsx(BrowserURL, {
+      hasHistory: hasHistory
+    }), /*#__PURE__*/_jsx(UnsavedChangesWarning, {}), /*#__PURE__*/_jsx(AutosaveMonitor, {}), /*#__PURE__*/_jsx(LocalAutosaveMonitor, {}), /*#__PURE__*/_jsx(EditPostKeyboardShortcuts, {}), /*#__PURE__*/_jsx(EditorKeyboardShortcutsRegister, {}), /*#__PURE__*/_jsx(BlockKeyboardShortcuts, {}), /*#__PURE__*/_jsx(WelcomeGuide, {}), /*#__PURE__*/_jsx(InitPatternModal, {}), /*#__PURE__*/_jsx(PluginArea, {
+      onError: onPluginAreaError
+    }), !isDistractionFree && /*#__PURE__*/_jsx(Sidebar, {
+      onActionPerformed: onActionPerformed,
+      extraPanels: !isEditingTemplate && /*#__PURE__*/_jsx(MetaBoxes, {
+        location: "side"
+      })
+    }), /*#__PURE__*/_jsx(PostEditorMoreMenu, {}), /*#__PURE__*/_jsx(BackButton, {
+      initialPost: initialPost
+    }), /*#__PURE__*/_jsx(EditorSnackbars, {}), /*#__PURE__*/_jsx(EditorInterface, {
+      className: className,
+      styles: styles,
+      forceIsDirty: hasActiveMetaboxes,
+      contentRef: paddingAppenderRef,
+      disableIframe: !shouldIframe
+      // We should auto-focus the canvas (title) on load.
+      // eslint-disable-next-line jsx-a11y/no-autofocus
+      ,
+      autoFocus: !isWelcomeGuideVisible,
+      children: !isDistractionFree && showMetaBoxes && /*#__PURE__*/_jsxs("div", {
+        className: "edit-post-layout__metaboxes",
+        children: [/*#__PURE__*/_jsx(MetaBoxes, {
+          location: "normal"
+        }), /*#__PURE__*/_jsx(MetaBoxes, {
+          location: "advanced"
+        })]
+      })
+    })]
+  });
 }
 export default Layout;
 //# sourceMappingURL=index.js.map