@wordpress/editor 13.35.0 → 14.0.1

package/build-module/components/editor-help/remove-blocks.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","__","styles","HelpDetailBodyText","HelpDetailImage","RemoveBlocks","createElement","Fragment","source","require","sourceDarkMode","style","helpDetailContainer","text"],"sources":["@wordpress/editor/src/components/editor-help/remove-blocks.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport { HelpDetailBodyText, HelpDetailImage } from './view-sections';\n\nconst RemoveBlocks = () => {\n\treturn (\n\t\t<>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/options-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/options-dark.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'To remove a block, select the block and click the three dots in the bottom right of the block to view the settings. From there, choose the option to remove the block.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default RemoveBlocks;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AACjC,SAASC,kBAAkB,EAAEC,eAAe,QAAQ,iBAAiB;AAErE,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC1B,OACCC,aAAA,CAAAC,QAAA,QACCD,aAAA,CAACF,eAAe;IACfI,MAAM,EAAGC,OAAO,CAAE,4BAA6B,CAAG;IAClDC,cAAc,EAAGD,OAAO,CAAE,2BAA4B;EAAG,CACzD,CAAC,EACFH,aAAA,CAACN,IAAI;IAACW,KAAK,EAAGT,MAAM,CAACU;EAAqB,GACzCN,aAAA,CAACH,kBAAkB;IAClBU,IAAI,EAAGZ,EAAE,CACR,wKACD;EAAG,CACH,CACI,CACL,CAAC;AAEL,CAAC;AAED,eAAeI,YAAY","ignoreList":[]}
+{"version":3,"names":["View","__","styles","HelpDetailBodyText","HelpDetailImage","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","RemoveBlocks","children","source","require","sourceDarkMode","style","helpDetailContainer","text"],"sources":["@wordpress/editor/src/components/editor-help/remove-blocks.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport { HelpDetailBodyText, HelpDetailImage } from './view-sections';\n\nconst RemoveBlocks = () => {\n\treturn (\n\t\t<>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/options-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/options-dark.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'To remove a block, select the block and click the three dots in the bottom right of the block to view the settings. From there, choose the option to remove the block.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default RemoveBlocks;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AACjC,SAASC,kBAAkB,EAAEC,eAAe,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEtE,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC1B,oBACCD,KAAA,CAAAF,SAAA;IAAAI,QAAA,gBACCN,IAAA,CAACF,eAAe;MACfS,MAAM,EAAGC,OAAO,CAAE,4BAA6B,CAAG;MAClDC,cAAc,EAAGD,OAAO,CAAE,2BAA4B;IAAG,CACzD,CAAC,eACFR,IAAA,CAACN,IAAI;MAACgB,KAAK,EAAGd,MAAM,CAACe,mBAAqB;MAAAL,QAAA,eACzCN,IAAA,CAACH,kBAAkB;QAClBe,IAAI,EAAGjB,EAAE,CACR,wKACD;MAAG,CACH;IAAC,CACG,CAAC;EAAA,CACN,CAAC;AAEL,CAAC;AAED,eAAeU,YAAY","ignoreList":[]}

package/build-module/components/editor-help/view-sections.native.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -13,29 +12,34 @@ import { usePreferredColorScheme, usePreferredColorSchemeStyle } from '@wordpres
  * Internal dependencies
  */
 import styles from './style.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export const HelpDetailBodyText = ({
   text
 }) => {
   const bodyStyle = usePreferredColorSchemeStyle(styles.helpDetailBody, styles.helpDetailBodyDark);
-  return createElement(Text, {
+  return /*#__PURE__*/_jsx(Text, {
     selectable: true,
-    style: bodyStyle
-  }, text);
+    style: bodyStyle,
+    children: text
+  });
 };
 export const HelpDetailSectionHeadingText = ({
   text,
   badge
 }) => {
   const headingTextStyle = usePreferredColorSchemeStyle(styles.helpDetailSectionHeadingText, styles.helpDetailSectionHeadingTextDark);
-  return createElement(View, {
-    style: styles.helpDetailSectionHeading
-  }, badge && createElement(HelpDetailBadge, {
-    text: badge
-  }), createElement(Text, {
-    accessibilityRole: "header",
-    selectable: true,
-    style: headingTextStyle
-  }, text));
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.helpDetailSectionHeading,
+    children: [badge && /*#__PURE__*/_jsx(HelpDetailBadge, {
+      text: badge
+    }), /*#__PURE__*/_jsx(Text, {
+      accessibilityRole: "header",
+      selectable: true,
+      style: headingTextStyle,
+      children: text
+    })]
+  });
 };
 export const HelpDetailImage = ({
   accessible,
@@ -45,7 +49,7 @@ export const HelpDetailImage = ({
 }) => {
   const imageStyle = usePreferredColorSchemeStyle(styles.helpDetailImage, styles.helpDetailImageDark);
   const darkModeEnabled = usePreferredColorScheme() === 'dark';
-  return createElement(Image, {
+  return /*#__PURE__*/_jsx(Image, {
     accessible: accessible,
     accessibilityLabel: accessibilityLabel,
     source: darkModeEnabled && sourceDarkMode ? sourceDarkMode : source,
@@ -55,10 +59,12 @@ export const HelpDetailImage = ({
 const HelpDetailBadge = ({
   text
 }) => {
-  return createElement(View, {
-    style: styles.helpDetailBadgeContainer
-  }, createElement(Text, {
-    style: styles.helpDetailBadgeText
-  }, text));
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.helpDetailBadgeContainer,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: styles.helpDetailBadgeText,
+      children: text
+    })
+  });
 };
 //# sourceMappingURL=view-sections.native.js.map

package/build-module/components/editor-help/view-sections.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["Text","Image","View","usePreferredColorScheme","usePreferredColorSchemeStyle","styles","HelpDetailBodyText","text","bodyStyle","helpDetailBody","helpDetailBodyDark","createElement","selectable","style","HelpDetailSectionHeadingText","badge","headingTextStyle","helpDetailSectionHeadingText","helpDetailSectionHeadingTextDark","helpDetailSectionHeading","HelpDetailBadge","accessibilityRole","HelpDetailImage","accessible","accessibilityLabel","source","sourceDarkMode","imageStyle","helpDetailImage","helpDetailImageDark","darkModeEnabled","helpDetailBadgeContainer","helpDetailBadgeText"],"sources":["@wordpress/editor/src/components/editor-help/view-sections.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text, Image, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tusePreferredColorScheme,\n\tusePreferredColorSchemeStyle,\n} from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nexport const HelpDetailBodyText = ( { text } ) => {\n\tconst bodyStyle = usePreferredColorSchemeStyle(\n\t\tstyles.helpDetailBody,\n\t\tstyles.helpDetailBodyDark\n\t);\n\treturn (\n\t\t<Text selectable style={ bodyStyle }>\n\t\t\t{ text }\n\t\t</Text>\n\t);\n};\n\nexport const HelpDetailSectionHeadingText = ( { text, badge } ) => {\n\tconst headingTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles.helpDetailSectionHeadingText,\n\t\tstyles.helpDetailSectionHeadingTextDark\n\t);\n\treturn (\n\t\t<View style={ styles.helpDetailSectionHeading }>\n\t\t\t{ badge && <HelpDetailBadge text={ badge } /> }\n\t\t\t<Text\n\t\t\t\taccessibilityRole=\"header\"\n\t\t\t\tselectable\n\t\t\t\tstyle={ headingTextStyle }\n\t\t\t>\n\t\t\t\t{ text }\n\t\t\t</Text>\n\t\t</View>\n\t);\n};\n\nexport const HelpDetailImage = ( {\n\taccessible,\n\taccessibilityLabel,\n\tsource,\n\tsourceDarkMode,\n} ) => {\n\tconst imageStyle = usePreferredColorSchemeStyle(\n\t\tstyles.helpDetailImage,\n\t\tstyles.helpDetailImageDark\n\t);\n\tconst darkModeEnabled = usePreferredColorScheme() === 'dark';\n\treturn (\n\t\t<Image\n\t\t\taccessible={ accessible }\n\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\tsource={\n\t\t\t\tdarkModeEnabled && sourceDarkMode ? sourceDarkMode : source\n\t\t\t}\n\t\t\tstyle={ imageStyle }\n\t\t/>\n\t);\n};\n\nconst HelpDetailBadge = ( { text } ) => {\n\treturn (\n\t\t<View style={ styles.helpDetailBadgeContainer }>\n\t\t\t<Text style={ styles.helpDetailBadgeText }>{ text }</Text>\n\t\t</View>\n\t);\n};\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,KAAK,EAAEC,IAAI,QAAQ,cAAc;;AAEhD;AACA;AACA;AACA,SACCC,uBAAuB,EACvBC,4BAA4B,QACtB,oBAAoB;;AAE3B;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AAEjC,OAAO,MAAMC,kBAAkB,GAAGA,CAAE;EAAEC;AAAK,CAAC,KAAM;EACjD,MAAMC,SAAS,GAAGJ,4BAA4B,CAC7CC,MAAM,CAACI,cAAc,EACrBJ,MAAM,CAACK,kBACR,CAAC;EACD,OACCC,aAAA,CAACX,IAAI;IAACY,UAAU;IAACC,KAAK,EAAGL;EAAW,GACjCD,IACG,CAAC;AAET,CAAC;AAED,OAAO,MAAMO,4BAA4B,GAAGA,CAAE;EAAEP,IAAI;EAAEQ;AAAM,CAAC,KAAM;EAClE,MAAMC,gBAAgB,GAAGZ,4BAA4B,CACpDC,MAAM,CAACY,4BAA4B,EACnCZ,MAAM,CAACa,gCACR,CAAC;EACD,OACCP,aAAA,CAACT,IAAI;IAACW,KAAK,EAAGR,MAAM,CAACc;EAA0B,GAC5CJ,KAAK,IAAIJ,aAAA,CAACS,eAAe;IAACb,IAAI,EAAGQ;EAAO,CAAE,CAAC,EAC7CJ,aAAA,CAACX,IAAI;IACJqB,iBAAiB,EAAC,QAAQ;IAC1BT,UAAU;IACVC,KAAK,EAAGG;EAAkB,GAExBT,IACG,CACD,CAAC;AAET,CAAC;AAED,OAAO,MAAMe,eAAe,GAAGA,CAAE;EAChCC,UAAU;EACVC,kBAAkB;EAClBC,MAAM;EACNC;AACD,CAAC,KAAM;EACN,MAAMC,UAAU,GAAGvB,4BAA4B,CAC9CC,MAAM,CAACuB,eAAe,EACtBvB,MAAM,CAACwB,mBACR,CAAC;EACD,MAAMC,eAAe,GAAG3B,uBAAuB,CAAC,CAAC,KAAK,MAAM;EAC5D,OACCQ,aAAA,CAACV,KAAK;IACLsB,UAAU,EAAGA,UAAY;IACzBC,kBAAkB,EAAGA,kBAAoB;IACzCC,MAAM,EACLK,eAAe,IAAIJ,cAAc,GAAGA,cAAc,GAAGD,MACrD;IACDZ,KAAK,EAAGc;EAAY,CACpB,CAAC;AAEJ,CAAC;AAED,MAAMP,eAAe,GAAGA,CAAE;EAAEb;AAAK,CAAC,KAAM;EACvC,OACCI,aAAA,CAACT,IAAI;IAACW,KAAK,EAAGR,MAAM,CAAC0B;EAA0B,GAC9CpB,aAAA,CAACX,IAAI;IAACa,KAAK,EAAGR,MAAM,CAAC2B;EAAqB,GAAGzB,IAAY,CACpD,CAAC;AAET,CAAC","ignoreList":[]}
+{"version":3,"names":["Text","Image","View","usePreferredColorScheme","usePreferredColorSchemeStyle","styles","jsx","_jsx","jsxs","_jsxs","HelpDetailBodyText","text","bodyStyle","helpDetailBody","helpDetailBodyDark","selectable","style","children","HelpDetailSectionHeadingText","badge","headingTextStyle","helpDetailSectionHeadingText","helpDetailSectionHeadingTextDark","helpDetailSectionHeading","HelpDetailBadge","accessibilityRole","HelpDetailImage","accessible","accessibilityLabel","source","sourceDarkMode","imageStyle","helpDetailImage","helpDetailImageDark","darkModeEnabled","helpDetailBadgeContainer","helpDetailBadgeText"],"sources":["@wordpress/editor/src/components/editor-help/view-sections.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text, Image, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tusePreferredColorScheme,\n\tusePreferredColorSchemeStyle,\n} from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nexport const HelpDetailBodyText = ( { text } ) => {\n\tconst bodyStyle = usePreferredColorSchemeStyle(\n\t\tstyles.helpDetailBody,\n\t\tstyles.helpDetailBodyDark\n\t);\n\treturn (\n\t\t<Text selectable style={ bodyStyle }>\n\t\t\t{ text }\n\t\t</Text>\n\t);\n};\n\nexport const HelpDetailSectionHeadingText = ( { text, badge } ) => {\n\tconst headingTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles.helpDetailSectionHeadingText,\n\t\tstyles.helpDetailSectionHeadingTextDark\n\t);\n\treturn (\n\t\t<View style={ styles.helpDetailSectionHeading }>\n\t\t\t{ badge && <HelpDetailBadge text={ badge } /> }\n\t\t\t<Text\n\t\t\t\taccessibilityRole=\"header\"\n\t\t\t\tselectable\n\t\t\t\tstyle={ headingTextStyle }\n\t\t\t>\n\t\t\t\t{ text }\n\t\t\t</Text>\n\t\t</View>\n\t);\n};\n\nexport const HelpDetailImage = ( {\n\taccessible,\n\taccessibilityLabel,\n\tsource,\n\tsourceDarkMode,\n} ) => {\n\tconst imageStyle = usePreferredColorSchemeStyle(\n\t\tstyles.helpDetailImage,\n\t\tstyles.helpDetailImageDark\n\t);\n\tconst darkModeEnabled = usePreferredColorScheme() === 'dark';\n\treturn (\n\t\t<Image\n\t\t\taccessible={ accessible }\n\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\tsource={\n\t\t\t\tdarkModeEnabled && sourceDarkMode ? sourceDarkMode : source\n\t\t\t}\n\t\t\tstyle={ imageStyle }\n\t\t/>\n\t);\n};\n\nconst HelpDetailBadge = ( { text } ) => {\n\treturn (\n\t\t<View style={ styles.helpDetailBadgeContainer }>\n\t\t\t<Text style={ styles.helpDetailBadgeText }>{ text }</Text>\n\t\t</View>\n\t);\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,KAAK,EAAEC,IAAI,QAAQ,cAAc;;AAEhD;AACA;AACA;AACA,SACCC,uBAAuB,EACvBC,4BAA4B,QACtB,oBAAoB;;AAE3B;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAElC,OAAO,MAAMC,kBAAkB,GAAGA,CAAE;EAAEC;AAAK,CAAC,KAAM;EACjD,MAAMC,SAAS,GAAGR,4BAA4B,CAC7CC,MAAM,CAACQ,cAAc,EACrBR,MAAM,CAACS,kBACR,CAAC;EACD,oBACCP,IAAA,CAACP,IAAI;IAACe,UAAU;IAACC,KAAK,EAAGJ,SAAW;IAAAK,QAAA,EACjCN;EAAI,CACD,CAAC;AAET,CAAC;AAED,OAAO,MAAMO,4BAA4B,GAAGA,CAAE;EAAEP,IAAI;EAAEQ;AAAM,CAAC,KAAM;EAClE,MAAMC,gBAAgB,GAAGhB,4BAA4B,CACpDC,MAAM,CAACgB,4BAA4B,EACnChB,MAAM,CAACiB,gCACR,CAAC;EACD,oBACCb,KAAA,CAACP,IAAI;IAACc,KAAK,EAAGX,MAAM,CAACkB,wBAA0B;IAAAN,QAAA,GAC5CE,KAAK,iBAAIZ,IAAA,CAACiB,eAAe;MAACb,IAAI,EAAGQ;IAAO,CAAE,CAAC,eAC7CZ,IAAA,CAACP,IAAI;MACJyB,iBAAiB,EAAC,QAAQ;MAC1BV,UAAU;MACVC,KAAK,EAAGI,gBAAkB;MAAAH,QAAA,EAExBN;IAAI,CACD,CAAC;EAAA,CACF,CAAC;AAET,CAAC;AAED,OAAO,MAAMe,eAAe,GAAGA,CAAE;EAChCC,UAAU;EACVC,kBAAkB;EAClBC,MAAM;EACNC;AACD,CAAC,KAAM;EACN,MAAMC,UAAU,GAAG3B,4BAA4B,CAC9CC,MAAM,CAAC2B,eAAe,EACtB3B,MAAM,CAAC4B,mBACR,CAAC;EACD,MAAMC,eAAe,GAAG/B,uBAAuB,CAAC,CAAC,KAAK,MAAM;EAC5D,oBACCI,IAAA,CAACN,KAAK;IACL0B,UAAU,EAAGA,UAAY;IACzBC,kBAAkB,EAAGA,kBAAoB;IACzCC,MAAM,EACLK,eAAe,IAAIJ,cAAc,GAAGA,cAAc,GAAGD,MACrD;IACDb,KAAK,EAAGe;EAAY,CACpB,CAAC;AAEJ,CAAC;AAED,MAAMP,eAAe,GAAGA,CAAE;EAAEb;AAAK,CAAC,KAAM;EACvC,oBACCJ,IAAA,CAACL,IAAI;IAACc,KAAK,EAAGX,MAAM,CAAC8B,wBAA0B;IAAAlB,QAAA,eAC9CV,IAAA,CAACP,IAAI;MAACgB,KAAK,EAAGX,MAAM,CAAC+B,mBAAqB;MAAAnB,QAAA,EAAGN;IAAI,CAAQ;EAAC,CACrD,CAAC;AAET,CAAC","ignoreList":[]}

package/build-module/components/editor-history/redo.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -13,13 +12,14 @@ import { forwardRef } from '@wordpress/element';
  * Internal dependencies
  */
 import { store as editorStore } from '../../store';
+import { jsx as _jsx } from "react/jsx-runtime";
 function EditorHistoryRedo(props, ref) {
   const shortcut = isAppleOS() ? displayShortcut.primaryShift('z') : displayShortcut.primary('y');
   const hasRedo = useSelect(select => select(editorStore).hasEditorRedo(), []);
   const {
     redo
   } = useDispatch(editorStore);
-  return createElement(Button, {
+  return /*#__PURE__*/_jsx(Button, {
     ...props,
     ref: ref,
     icon: !isRTL() ? redoIcon : undoIcon

package/build-module/components/editor-history/redo.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","isRTL","Button","useSelect","useDispatch","displayShortcut","isAppleOS","redo","redoIcon","undo","undoIcon","forwardRef","store","editorStore","EditorHistoryRedo","props","ref","shortcut","primaryShift","primary","hasRedo","select","hasEditorRedo","createElement","icon","label","onClick","undefined","className"],"sources":["@wordpress/editor/src/components/editor-history/redo.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { displayShortcut, isAppleOS } from '@wordpress/keycodes';\nimport { redo as redoIcon, undo as undoIcon } from '@wordpress/icons';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nfunction EditorHistoryRedo( props, ref ) {\n\tconst shortcut = isAppleOS()\n\t\t? displayShortcut.primaryShift( 'z' )\n\t\t: displayShortcut.primary( 'y' );\n\n\tconst hasRedo = useSelect(\n\t\t( select ) => select( editorStore ).hasEditorRedo(),\n\t\t[]\n\t);\n\tconst { redo } = useDispatch( editorStore );\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t\ticon={ ! isRTL() ? redoIcon : undoIcon }\n\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\tlabel={ __( 'Redo' ) }\n\t\t\tshortcut={ shortcut }\n\t\t\t// If there are no redo levels we don't want to actually disable this\n\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\taria-disabled={ ! hasRedo }\n\t\t\tonClick={ hasRedo ? redo : undefined }\n\t\t\tclassName=\"editor-history__redo\"\n\t\t/>\n\t);\n}\n\n/** @typedef {import('react').Ref<HTMLElement>} Ref */\n\n/**\n * Renders the redo button for the editor history.\n *\n * @param {Object} props - Props.\n * @param {Ref}    ref   - Forwarded ref.\n *\n * @return {Component} The component to be rendered.\n */\nexport default forwardRef( EditorHistoryRedo );\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,KAAK,QAAQ,iBAAiB;AAC3C,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,eAAe,EAAEC,SAAS,QAAQ,qBAAqB;AAChE,SAASC,IAAI,IAAIC,QAAQ,EAAEC,IAAI,IAAIC,QAAQ,QAAQ,kBAAkB;AACrE,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,WAAW,QAAQ,aAAa;AAElD,SAASC,iBAAiBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACxC,MAAMC,QAAQ,GAAGX,SAAS,CAAC,CAAC,GACzBD,eAAe,CAACa,YAAY,CAAE,GAAI,CAAC,GACnCb,eAAe,CAACc,OAAO,CAAE,GAAI,CAAC;EAEjC,MAAMC,OAAO,GAAGjB,SAAS,CACtBkB,MAAM,IAAMA,MAAM,CAAER,WAAY,CAAC,CAACS,aAAa,CAAC,CAAC,EACnD,EACD,CAAC;EACD,MAAM;IAAEf;EAAK,CAAC,GAAGH,WAAW,CAAES,WAAY,CAAC;EAC3C,OACCU,aAAA,CAACrB,MAAM;IAAA,GACDa,KAAK;IACVC,GAAG,EAAGA,GAAK;IACXQ,IAAI,EAAG,CAAEvB,KAAK,CAAC,CAAC,GAAGO,QAAQ,GAAGE;IAC9B;IACAe,KAAK,EAAGzB,EAAE,CAAE,MAAO,CAAG;IACtBiB,QAAQ,EAAGA;IACX;IACA;IACA;IAAA;IACA,iBAAgB,CAAEG,OAAS;IAC3BM,OAAO,EAAGN,OAAO,GAAGb,IAAI,GAAGoB,SAAW;IACtCC,SAAS,EAAC;EAAsB,CAChC,CAAC;AAEJ;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAejB,UAAU,CAAEG,iBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["__","isRTL","Button","useSelect","useDispatch","displayShortcut","isAppleOS","redo","redoIcon","undo","undoIcon","forwardRef","store","editorStore","jsx","_jsx","EditorHistoryRedo","props","ref","shortcut","primaryShift","primary","hasRedo","select","hasEditorRedo","icon","label","onClick","undefined","className"],"sources":["@wordpress/editor/src/components/editor-history/redo.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { displayShortcut, isAppleOS } from '@wordpress/keycodes';\nimport { redo as redoIcon, undo as undoIcon } from '@wordpress/icons';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nfunction EditorHistoryRedo( props, ref ) {\n\tconst shortcut = isAppleOS()\n\t\t? displayShortcut.primaryShift( 'z' )\n\t\t: displayShortcut.primary( 'y' );\n\n\tconst hasRedo = useSelect(\n\t\t( select ) => select( editorStore ).hasEditorRedo(),\n\t\t[]\n\t);\n\tconst { redo } = useDispatch( editorStore );\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t\ticon={ ! isRTL() ? redoIcon : undoIcon }\n\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\tlabel={ __( 'Redo' ) }\n\t\t\tshortcut={ shortcut }\n\t\t\t// If there are no redo levels we don't want to actually disable this\n\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\taria-disabled={ ! hasRedo }\n\t\t\tonClick={ hasRedo ? redo : undefined }\n\t\t\tclassName=\"editor-history__redo\"\n\t\t/>\n\t);\n}\n\n/** @typedef {import('react').Ref<HTMLElement>} Ref */\n\n/**\n * Renders the redo button for the editor history.\n *\n * @param {Object} props - Props.\n * @param {Ref}    ref   - Forwarded ref.\n *\n * @return {Component} The component to be rendered.\n */\nexport default forwardRef( EditorHistoryRedo );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,KAAK,QAAQ,iBAAiB;AAC3C,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,eAAe,EAAEC,SAAS,QAAQ,qBAAqB;AAChE,SAASC,IAAI,IAAIC,QAAQ,EAAEC,IAAI,IAAIC,QAAQ,QAAQ,kBAAkB;AACrE,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,WAAW,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnD,SAASC,iBAAiBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACxC,MAAMC,QAAQ,GAAGb,SAAS,CAAC,CAAC,GACzBD,eAAe,CAACe,YAAY,CAAE,GAAI,CAAC,GACnCf,eAAe,CAACgB,OAAO,CAAE,GAAI,CAAC;EAEjC,MAAMC,OAAO,GAAGnB,SAAS,CACtBoB,MAAM,IAAMA,MAAM,CAAEV,WAAY,CAAC,CAACW,aAAa,CAAC,CAAC,EACnD,EACD,CAAC;EACD,MAAM;IAAEjB;EAAK,CAAC,GAAGH,WAAW,CAAES,WAAY,CAAC;EAC3C,oBACCE,IAAA,CAACb,MAAM;IAAA,GACDe,KAAK;IACVC,GAAG,EAAGA,GAAK;IACXO,IAAI,EAAG,CAAExB,KAAK,CAAC,CAAC,GAAGO,QAAQ,GAAGE;IAC9B;IACAgB,KAAK,EAAG1B,EAAE,CAAE,MAAO,CAAG;IACtBmB,QAAQ,EAAGA;IACX;IACA;IACA;IAAA;IACA,iBAAgB,CAAEG,OAAS;IAC3BK,OAAO,EAAGL,OAAO,GAAGf,IAAI,GAAGqB,SAAW;IACtCC,SAAS,EAAC;EAAsB,CAChC,CAAC;AAEJ;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAelB,UAAU,CAAEK,iBAAkB,CAAC","ignoreList":[]}

package/build-module/components/editor-history/undo.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -13,12 +12,13 @@ import { forwardRef } from '@wordpress/element';
  * Internal dependencies
  */
 import { store as editorStore } from '../../store';
+import { jsx as _jsx } from "react/jsx-runtime";
 function EditorHistoryUndo(props, ref) {
   const hasUndo = useSelect(select => select(editorStore).hasEditorUndo(), []);
   const {
     undo
   } = useDispatch(editorStore);
-  return createElement(Button, {
+  return /*#__PURE__*/_jsx(Button, {
     ...props,
     ref: ref,
     icon: !isRTL() ? undoIcon : redoIcon

package/build-module/components/editor-history/undo.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","isRTL","Button","useSelect","useDispatch","displayShortcut","undo","undoIcon","redo","redoIcon","forwardRef","store","editorStore","EditorHistoryUndo","props","ref","hasUndo","select","hasEditorUndo","createElement","icon","label","shortcut","primary","onClick","undefined","className"],"sources":["@wordpress/editor/src/components/editor-history/undo.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { undo as undoIcon, redo as redoIcon } from '@wordpress/icons';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nfunction EditorHistoryUndo( props, ref ) {\n\tconst hasUndo = useSelect(\n\t\t( select ) => select( editorStore ).hasEditorUndo(),\n\t\t[]\n\t);\n\tconst { undo } = useDispatch( editorStore );\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t\ticon={ ! isRTL() ? undoIcon : redoIcon }\n\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\tlabel={ __( 'Undo' ) }\n\t\t\tshortcut={ displayShortcut.primary( 'z' ) }\n\t\t\t// If there are no undo levels we don't want to actually disable this\n\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\taria-disabled={ ! hasUndo }\n\t\t\tonClick={ hasUndo ? undo : undefined }\n\t\t\tclassName=\"editor-history__undo\"\n\t\t/>\n\t);\n}\n\n/** @typedef {import('react').Ref<HTMLElement>} Ref */\n\n/**\n * Renders the undo button for the editor history.\n *\n * @param {Object} props - Props.\n * @param {Ref}    ref   - Forwarded ref.\n *\n * @return {Component} The component to be rendered.\n */\nexport default forwardRef( EditorHistoryUndo );\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,KAAK,QAAQ,iBAAiB;AAC3C,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,IAAI,IAAIC,QAAQ,EAAEC,IAAI,IAAIC,QAAQ,QAAQ,kBAAkB;AACrE,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,WAAW,QAAQ,aAAa;AAElD,SAASC,iBAAiBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACxC,MAAMC,OAAO,GAAGb,SAAS,CACtBc,MAAM,IAAMA,MAAM,CAAEL,WAAY,CAAC,CAACM,aAAa,CAAC,CAAC,EACnD,EACD,CAAC;EACD,MAAM;IAAEZ;EAAK,CAAC,GAAGF,WAAW,CAAEQ,WAAY,CAAC;EAC3C,OACCO,aAAA,CAACjB,MAAM;IAAA,GACDY,KAAK;IACVC,GAAG,EAAGA,GAAK;IACXK,IAAI,EAAG,CAAEnB,KAAK,CAAC,CAAC,GAAGM,QAAQ,GAAGE;IAC9B;IACAY,KAAK,EAAGrB,EAAE,CAAE,MAAO,CAAG;IACtBsB,QAAQ,EAAGjB,eAAe,CAACkB,OAAO,CAAE,GAAI;IACxC;IACA;IACA;IAAA;IACA,iBAAgB,CAAEP,OAAS;IAC3BQ,OAAO,EAAGR,OAAO,GAAGV,IAAI,GAAGmB,SAAW;IACtCC,SAAS,EAAC;EAAsB,CAChC,CAAC;AAEJ;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAehB,UAAU,CAAEG,iBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["__","isRTL","Button","useSelect","useDispatch","displayShortcut","undo","undoIcon","redo","redoIcon","forwardRef","store","editorStore","jsx","_jsx","EditorHistoryUndo","props","ref","hasUndo","select","hasEditorUndo","icon","label","shortcut","primary","onClick","undefined","className"],"sources":["@wordpress/editor/src/components/editor-history/undo.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { undo as undoIcon, redo as redoIcon } from '@wordpress/icons';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nfunction EditorHistoryUndo( props, ref ) {\n\tconst hasUndo = useSelect(\n\t\t( select ) => select( editorStore ).hasEditorUndo(),\n\t\t[]\n\t);\n\tconst { undo } = useDispatch( editorStore );\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t\ticon={ ! isRTL() ? undoIcon : redoIcon }\n\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\tlabel={ __( 'Undo' ) }\n\t\t\tshortcut={ displayShortcut.primary( 'z' ) }\n\t\t\t// If there are no undo levels we don't want to actually disable this\n\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\taria-disabled={ ! hasUndo }\n\t\t\tonClick={ hasUndo ? undo : undefined }\n\t\t\tclassName=\"editor-history__undo\"\n\t\t/>\n\t);\n}\n\n/** @typedef {import('react').Ref<HTMLElement>} Ref */\n\n/**\n * Renders the undo button for the editor history.\n *\n * @param {Object} props - Props.\n * @param {Ref}    ref   - Forwarded ref.\n *\n * @return {Component} The component to be rendered.\n */\nexport default forwardRef( EditorHistoryUndo );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,KAAK,QAAQ,iBAAiB;AAC3C,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,IAAI,IAAIC,QAAQ,EAAEC,IAAI,IAAIC,QAAQ,QAAQ,kBAAkB;AACrE,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,WAAW,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnD,SAASC,iBAAiBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACxC,MAAMC,OAAO,GAAGf,SAAS,CACtBgB,MAAM,IAAMA,MAAM,CAAEP,WAAY,CAAC,CAACQ,aAAa,CAAC,CAAC,EACnD,EACD,CAAC;EACD,MAAM;IAAEd;EAAK,CAAC,GAAGF,WAAW,CAAEQ,WAAY,CAAC;EAC3C,oBACCE,IAAA,CAACZ,MAAM;IAAA,GACDc,KAAK;IACVC,GAAG,EAAGA,GAAK;IACXI,IAAI,EAAG,CAAEpB,KAAK,CAAC,CAAC,GAAGM,QAAQ,GAAGE;IAC9B;IACAa,KAAK,EAAGtB,EAAE,CAAE,MAAO,CAAG;IACtBuB,QAAQ,EAAGlB,eAAe,CAACmB,OAAO,CAAE,GAAI;IACxC;IACA;IACA;IAAA;IACA,iBAAgB,CAAEN,OAAS;IAC3BO,OAAO,EAAGP,OAAO,GAAGZ,IAAI,GAAGoB,SAAW;IACtCC,SAAS,EAAC;EAAsB,CAChC,CAAC;AAEJ;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAejB,UAAU,CAAEK,iBAAkB,CAAC","ignoreList":[]}

package/build-module/components/editor-interface/content-slot-fill.js

@@ -0,0 +1,16 @@
+/**
+ * WordPress dependencies
+ */
+import { privateApis as componentsPrivateApis } from '@wordpress/components';
+
+/**
+ * Internal dependencies
+ */
+import { unlock } from '../../lock-unlock';
+const {
+  createPrivateSlotFill
+} = unlock(componentsPrivateApis);
+const SLOT_FILL_NAME = 'EditCanvasContainerSlot';
+const EditorContentSlotFill = createPrivateSlotFill(SLOT_FILL_NAME);
+export default EditorContentSlotFill;
+//# sourceMappingURL=content-slot-fill.js.map

package/build-module/components/editor-interface/content-slot-fill.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["privateApis","componentsPrivateApis","unlock","createPrivateSlotFill","SLOT_FILL_NAME","EditorContentSlotFill"],"sources":["@wordpress/editor/src/components/editor-interface/content-slot-fill.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { createPrivateSlotFill } = unlock( componentsPrivateApis );\nconst SLOT_FILL_NAME = 'EditCanvasContainerSlot';\nconst EditorContentSlotFill = createPrivateSlotFill( SLOT_FILL_NAME );\n\nexport default EditorContentSlotFill;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,qBAAqB,QAAQ,uBAAuB;;AAE5E;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAM;EAAEC;AAAsB,CAAC,GAAGD,MAAM,CAAED,qBAAsB,CAAC;AACjE,MAAMG,cAAc,GAAG,yBAAyB;AAChD,MAAMC,qBAAqB,GAAGF,qBAAqB,CAAEC,cAAe,CAAC;AAErE,eAAeC,qBAAqB","ignoreList":[]}

package/build-module/components/editor-interface/index.js

@@ -0,0 +1,170 @@
+/**
+ * External dependencies
+ */
+import clsx from 'clsx';
+
+/**
+ * WordPress dependencies
+ */
+import { InterfaceSkeleton, ComplementaryArea } from '@wordpress/interface';
+import { useSelect } from '@wordpress/data';
+import { __, _x } from '@wordpress/i18n';
+import { store as preferencesStore } from '@wordpress/preferences';
+import { store as blockEditorStore, BlockBreadcrumb, BlockToolbar } from '@wordpress/block-editor';
+import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
+import { useViewportMatch } from '@wordpress/compose';
+import { useState, useCallback } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+import { store as editorStore } from '../../store';
+import EditorNotices from '../editor-notices';
+import Header from '../header';
+import InserterSidebar from '../inserter-sidebar';
+import ListViewSidebar from '../list-view-sidebar';
+import SavePublishPanels from '../save-publish-panels';
+import TextEditor from '../text-editor';
+import VisualEditor from '../visual-editor';
+import EditorContentSlotFill from './content-slot-fill';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+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')
+};
+export default function EditorInterface({
+  className,
+  enableRegionNavigation,
+  styles,
+  children,
+  forceIsDirty,
+  contentRef,
+  disableIframe,
+  autoFocus,
+  customSaveButton,
+  forceDisableBlockTools,
+  title,
+  iframeProps
+}) {
+  const {
+    mode,
+    isRichEditingEnabled,
+    isInserterOpened,
+    isListViewOpened,
+    isDistractionFree,
+    isPreviewMode,
+    previousShortcut,
+    nextShortcut,
+    showBlockBreadcrumbs,
+    documentLabel,
+    blockEditorMode
+  } = useSelect(select => {
+    const {
+      get
+    } = select(preferencesStore);
+    const {
+      getEditorSettings,
+      getPostTypeLabel
+    } = select(editorStore);
+    const editorSettings = getEditorSettings();
+    const postTypeLabel = getPostTypeLabel();
+    return {
+      mode: select(editorStore).getEditorMode(),
+      isRichEditingEnabled: editorSettings.richEditingEnabled,
+      isInserterOpened: select(editorStore).isInserterOpened(),
+      isListViewOpened: select(editorStore).isListViewOpened(),
+      isDistractionFree: get('core', 'distractionFree'),
+      isPreviewMode: editorSettings.__unstableIsPreviewMode,
+      previousShortcut: select(keyboardShortcutsStore).getAllShortcutKeyCombinations('core/editor/previous-region'),
+      nextShortcut: select(keyboardShortcutsStore).getAllShortcutKeyCombinations('core/editor/next-region'),
+      showBlockBreadcrumbs: get('core', 'showBlockBreadcrumbs'),
+      // translators: Default label for the Document in the Block Breadcrumb.
+      documentLabel: postTypeLabel || _x('Document', 'noun'),
+      blockEditorMode: select(blockEditorStore).__unstableGetEditorMode()
+    };
+  }, []);
+  const isWideViewport = useViewportMatch('large');
+  const isLargeViewport = useViewportMatch('medium');
+  const secondarySidebarLabel = isListViewOpened ? __('Document Overview') : __('Block Library');
+
+  // 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]);
+  return /*#__PURE__*/_jsx(InterfaceSkeleton, {
+    enableRegionNavigation: enableRegionNavigation,
+    isDistractionFree: isDistractionFree && isWideViewport,
+    className: clsx('editor-editor-interface', className, {
+      'is-entity-save-view-open': !!entitiesSavedStatesCallback,
+      'is-distraction-free': isDistractionFree && isWideViewport && !isPreviewMode
+    }),
+    labels: {
+      ...interfaceLabels,
+      secondarySidebar: secondarySidebarLabel
+    },
+    header: !isPreviewMode && /*#__PURE__*/_jsx(Header, {
+      forceIsDirty: forceIsDirty,
+      setEntitiesSavedStatesCallback: setEntitiesSavedStatesCallback,
+      customSaveButton: customSaveButton,
+      forceDisableBlockTools: forceDisableBlockTools,
+      title: title
+    }),
+    editorNotices: /*#__PURE__*/_jsx(EditorNotices, {}),
+    secondarySidebar: !isPreviewMode && mode === 'visual' && (isInserterOpened && /*#__PURE__*/_jsx(InserterSidebar, {}) || isListViewOpened && /*#__PURE__*/_jsx(ListViewSidebar, {})),
+    sidebar: !isPreviewMode && !isDistractionFree && /*#__PURE__*/_jsx(ComplementaryArea.Slot, {
+      scope: "core"
+    }),
+    content: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [!isDistractionFree && !isPreviewMode && /*#__PURE__*/_jsx(EditorNotices, {}), /*#__PURE__*/_jsx(EditorContentSlotFill.Slot, {
+        children: ([editorCanvasView]) => editorCanvasView ? editorCanvasView : /*#__PURE__*/_jsxs(_Fragment, {
+          children: [!isPreviewMode && (mode === 'text' || !isRichEditingEnabled) && /*#__PURE__*/_jsx(TextEditor
+          // We should auto-focus the canvas (title) on load.
+          // eslint-disable-next-line jsx-a11y/no-autofocus
+          , {
+            autoFocus: autoFocus
+          }), !isPreviewMode && !isLargeViewport && mode === 'visual' && /*#__PURE__*/_jsx(BlockToolbar, {
+            hideDragHandle: true
+          }), (isPreviewMode || isRichEditingEnabled && mode === 'visual') && /*#__PURE__*/_jsx(VisualEditor, {
+            styles: styles,
+            contentRef: contentRef,
+            disableIframe: disableIframe
+            // We should auto-focus the canvas (title) on load.
+            // eslint-disable-next-line jsx-a11y/no-autofocus
+            ,
+            autoFocus: autoFocus,
+            iframeProps: iframeProps
+          }), children]
+        })
+      })]
+    }),
+    footer: !isPreviewMode && !isDistractionFree && isLargeViewport && showBlockBreadcrumbs && isRichEditingEnabled && blockEditorMode !== 'zoom-out' && mode === 'visual' && /*#__PURE__*/_jsx(BlockBreadcrumb, {
+      rootLabelText: documentLabel
+    }),
+    actions: /*#__PURE__*/_jsx(SavePublishPanels, {
+      closeEntitiesSavedStates: closeEntitiesSavedStates,
+      isEntitiesSavedStatesOpen: entitiesSavedStatesCallback,
+      setEntitiesSavedStatesCallback: setEntitiesSavedStatesCallback,
+      forceIsDirtyPublishPanel: forceIsDirty
+    }),
+    shortcuts: {
+      previous: previousShortcut,
+      next: nextShortcut
+    }
+  });
+}
+//# sourceMappingURL=index.js.map

package/build-module/components/editor-interface/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["clsx","InterfaceSkeleton","ComplementaryArea","useSelect","__","_x","store","preferencesStore","blockEditorStore","BlockBreadcrumb","BlockToolbar","keyboardShortcutsStore","useViewportMatch","useState","useCallback","editorStore","EditorNotices","Header","InserterSidebar","ListViewSidebar","SavePublishPanels","TextEditor","VisualEditor","EditorContentSlotFill","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","interfaceLabels","header","body","sidebar","actions","footer","EditorInterface","className","enableRegionNavigation","styles","children","forceIsDirty","contentRef","disableIframe","autoFocus","customSaveButton","forceDisableBlockTools","title","iframeProps","mode","isRichEditingEnabled","isInserterOpened","isListViewOpened","isDistractionFree","isPreviewMode","previousShortcut","nextShortcut","showBlockBreadcrumbs","documentLabel","blockEditorMode","select","get","getEditorSettings","getPostTypeLabel","editorSettings","postTypeLabel","getEditorMode","richEditingEnabled","__unstableIsPreviewMode","getAllShortcutKeyCombinations","__unstableGetEditorMode","isWideViewport","isLargeViewport","secondarySidebarLabel","entitiesSavedStatesCallback","setEntitiesSavedStatesCallback","closeEntitiesSavedStates","arg","labels","secondarySidebar","editorNotices","Slot","scope","content","editorCanvasView","hideDragHandle","rootLabelText","isEntitiesSavedStatesOpen","forceIsDirtyPublishPanel","shortcuts","previous","next"],"sources":["@wordpress/editor/src/components/editor-interface/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { InterfaceSkeleton, ComplementaryArea } from '@wordpress/interface';\nimport { useSelect } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as blockEditorStore,\n\tBlockBreadcrumb,\n\tBlockToolbar,\n} from '@wordpress/block-editor';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useState, useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\nimport EditorNotices from '../editor-notices';\nimport Header from '../header';\nimport InserterSidebar from '../inserter-sidebar';\nimport ListViewSidebar from '../list-view-sidebar';\nimport SavePublishPanels from '../save-publish-panels';\nimport TextEditor from '../text-editor';\nimport VisualEditor from '../visual-editor';\nimport EditorContentSlotFill from './content-slot-fill';\n\nconst interfaceLabels = {\n\t/* translators: accessibility text for the editor top bar landmark region. */\n\theader: __( 'Editor top bar' ),\n\t/* translators: accessibility text for the editor content landmark region. */\n\tbody: __( 'Editor content' ),\n\t/* translators: accessibility text for the editor settings landmark region. */\n\tsidebar: __( 'Editor settings' ),\n\t/* translators: accessibility text for the editor publish landmark region. */\n\tactions: __( 'Editor publish' ),\n\t/* translators: accessibility text for the editor footer landmark region. */\n\tfooter: __( 'Editor footer' ),\n};\n\nexport default function EditorInterface( {\n\tclassName,\n\tenableRegionNavigation,\n\tstyles,\n\tchildren,\n\tforceIsDirty,\n\tcontentRef,\n\tdisableIframe,\n\tautoFocus,\n\tcustomSaveButton,\n\tforceDisableBlockTools,\n\ttitle,\n\tiframeProps,\n} ) {\n\tconst {\n\t\tmode,\n\t\tisRichEditingEnabled,\n\t\tisInserterOpened,\n\t\tisListViewOpened,\n\t\tisDistractionFree,\n\t\tisPreviewMode,\n\t\tpreviousShortcut,\n\t\tnextShortcut,\n\t\tshowBlockBreadcrumbs,\n\t\tdocumentLabel,\n\t\tblockEditorMode,\n\t} = useSelect( ( select ) => {\n\t\tconst { get } = select( preferencesStore );\n\t\tconst { getEditorSettings, getPostTypeLabel } = select( editorStore );\n\t\tconst editorSettings = getEditorSettings();\n\t\tconst postTypeLabel = getPostTypeLabel();\n\n\t\treturn {\n\t\t\tmode: select( editorStore ).getEditorMode(),\n\t\t\tisRichEditingEnabled: editorSettings.richEditingEnabled,\n\t\t\tisInserterOpened: select( editorStore ).isInserterOpened(),\n\t\t\tisListViewOpened: select( editorStore ).isListViewOpened(),\n\t\t\tisDistractionFree: get( 'core', 'distractionFree' ),\n\t\t\tisPreviewMode: editorSettings.__unstableIsPreviewMode,\n\t\t\tpreviousShortcut: select(\n\t\t\t\tkeyboardShortcutsStore\n\t\t\t).getAllShortcutKeyCombinations( 'core/editor/previous-region' ),\n\t\t\tnextShortcut: select(\n\t\t\t\tkeyboardShortcutsStore\n\t\t\t).getAllShortcutKeyCombinations( 'core/editor/next-region' ),\n\t\t\tshowBlockBreadcrumbs: get( 'core', 'showBlockBreadcrumbs' ),\n\t\t\t// translators: Default label for the Document in the Block Breadcrumb.\n\t\t\tdocumentLabel: postTypeLabel || _x( 'Document', 'noun' ),\n\t\t\tblockEditorMode:\n\t\t\t\tselect( blockEditorStore ).__unstableGetEditorMode(),\n\t\t};\n\t}, [] );\n\tconst isWideViewport = useViewportMatch( 'large' );\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst secondarySidebarLabel = isListViewOpened\n\t\t? __( 'Document Overview' )\n\t\t: __( 'Block Library' );\n\n\t// Local state for save panel.\n\t// Note 'truthy' callback implies an open panel.\n\tconst [ entitiesSavedStatesCallback, setEntitiesSavedStatesCallback ] =\n\t\tuseState( false );\n\tconst closeEntitiesSavedStates = useCallback(\n\t\t( arg ) => {\n\t\t\tif ( typeof entitiesSavedStatesCallback === 'function' ) {\n\t\t\t\tentitiesSavedStatesCallback( arg );\n\t\t\t}\n\t\t\tsetEntitiesSavedStatesCallback( false );\n\t\t},\n\t\t[ entitiesSavedStatesCallback ]\n\t);\n\n\treturn (\n\t\t<InterfaceSkeleton\n\t\t\tenableRegionNavigation={ enableRegionNavigation }\n\t\t\tisDistractionFree={ isDistractionFree && isWideViewport }\n\t\t\tclassName={ clsx( 'editor-editor-interface', className, {\n\t\t\t\t'is-entity-save-view-open': !! entitiesSavedStatesCallback,\n\t\t\t\t'is-distraction-free':\n\t\t\t\t\tisDistractionFree && isWideViewport && ! isPreviewMode,\n\t\t\t} ) }\n\t\t\tlabels={ {\n\t\t\t\t...interfaceLabels,\n\t\t\t\tsecondarySidebar: secondarySidebarLabel,\n\t\t\t} }\n\t\t\theader={\n\t\t\t\t! isPreviewMode && (\n\t\t\t\t\t<Header\n\t\t\t\t\t\tforceIsDirty={ forceIsDirty }\n\t\t\t\t\t\tsetEntitiesSavedStatesCallback={\n\t\t\t\t\t\t\tsetEntitiesSavedStatesCallback\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcustomSaveButton={ customSaveButton }\n\t\t\t\t\t\tforceDisableBlockTools={ forceDisableBlockTools }\n\t\t\t\t\t\ttitle={ title }\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t}\n\t\t\teditorNotices={ <EditorNotices /> }\n\t\t\tsecondarySidebar={\n\t\t\t\t! isPreviewMode &&\n\t\t\t\tmode === 'visual' &&\n\t\t\t\t( ( isInserterOpened && <InserterSidebar /> ) ||\n\t\t\t\t\t( isListViewOpened && <ListViewSidebar /> ) )\n\t\t\t}\n\t\t\tsidebar={\n\t\t\t\t! isPreviewMode &&\n\t\t\t\t! isDistractionFree && <ComplementaryArea.Slot scope=\"core\" />\n\t\t\t}\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t{ ! isDistractionFree && ! isPreviewMode && (\n\t\t\t\t\t\t<EditorNotices />\n\t\t\t\t\t) }\n\n\t\t\t\t\t<EditorContentSlotFill.Slot>\n\t\t\t\t\t\t{ ( [ editorCanvasView ] ) =>\n\t\t\t\t\t\t\teditorCanvasView ? (\n\t\t\t\t\t\t\t\teditorCanvasView\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{ ! isPreviewMode &&\n\t\t\t\t\t\t\t\t\t\t( mode === 'text' ||\n\t\t\t\t\t\t\t\t\t\t\t! isRichEditingEnabled ) && (\n\t\t\t\t\t\t\t\t\t\t\t<TextEditor\n\t\t\t\t\t\t\t\t\t\t\t\t// We should auto-focus the canvas (title) on load.\n\t\t\t\t\t\t\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/no-autofocus\n\t\t\t\t\t\t\t\t\t\t\t\tautoFocus={ autoFocus }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ ! isPreviewMode &&\n\t\t\t\t\t\t\t\t\t\t! isLargeViewport &&\n\t\t\t\t\t\t\t\t\t\tmode === 'visual' && (\n\t\t\t\t\t\t\t\t\t\t\t<BlockToolbar hideDragHandle />\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ ( isPreviewMode ||\n\t\t\t\t\t\t\t\t\t\t( isRichEditingEnabled &&\n\t\t\t\t\t\t\t\t\t\t\tmode === 'visual' ) ) && (\n\t\t\t\t\t\t\t\t\t\t<VisualEditor\n\t\t\t\t\t\t\t\t\t\t\tstyles={ styles }\n\t\t\t\t\t\t\t\t\t\t\tcontentRef={ contentRef }\n\t\t\t\t\t\t\t\t\t\t\tdisableIframe={ disableIframe }\n\t\t\t\t\t\t\t\t\t\t\t// We should auto-focus the canvas (title) on load.\n\t\t\t\t\t\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/no-autofocus\n\t\t\t\t\t\t\t\t\t\t\tautoFocus={ autoFocus }\n\t\t\t\t\t\t\t\t\t\t\tiframeProps={ iframeProps }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ children }\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</EditorContentSlotFill.Slot>\n\t\t\t\t</>\n\t\t\t}\n\t\t\tfooter={\n\t\t\t\t! isPreviewMode &&\n\t\t\t\t! isDistractionFree &&\n\t\t\t\tisLargeViewport &&\n\t\t\t\tshowBlockBreadcrumbs &&\n\t\t\t\tisRichEditingEnabled &&\n\t\t\t\tblockEditorMode !== 'zoom-out' &&\n\t\t\t\tmode === 'visual' && (\n\t\t\t\t\t<BlockBreadcrumb rootLabelText={ documentLabel } />\n\t\t\t\t)\n\t\t\t}\n\t\t\tactions={\n\t\t\t\t<SavePublishPanels\n\t\t\t\t\tcloseEntitiesSavedStates={ closeEntitiesSavedStates }\n\t\t\t\t\tisEntitiesSavedStatesOpen={ entitiesSavedStatesCallback }\n\t\t\t\t\tsetEntitiesSavedStatesCallback={\n\t\t\t\t\t\tsetEntitiesSavedStatesCallback\n\t\t\t\t\t}\n\t\t\t\t\tforceIsDirtyPublishPanel={ forceIsDirty }\n\t\t\t\t/>\n\t\t\t}\n\t\t\tshortcuts={ {\n\t\t\t\tprevious: previousShortcut,\n\t\t\t\tnext: nextShortcut,\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/editor-notices/index.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -10,6 +9,20 @@ import { store as noticesStore } from '@wordpress/notices';
  * Internal dependencies
  */
 import TemplateValidationNotice from '../template-validation-notice';
+
+/**
+ * This component renders the notices displayed in the editor. It displays pinned notices first, followed by dismissible
+ *
+ * @example
+ * ```jsx
+ * <EditorNotices />
+ * ```
+ *
+ * @return {JSX.Element} The rendered EditorNotices component.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export function EditorNotices() {
   const {
     notices
@@ -27,14 +40,17 @@ export function EditorNotices() {
     isDismissible,
     type
   }) => !isDismissible && type === 'default');
-  return createElement(Fragment, null, createElement(NoticeList, {
-    notices: nonDismissibleNotices,
-    className: "components-editor-notices__pinned"
-  }), createElement(NoticeList, {
-    notices: dismissibleNotices,
-    className: "components-editor-notices__dismissible",
-    onRemove: removeNotice
-  }, createElement(TemplateValidationNotice, null)));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(NoticeList, {
+      notices: nonDismissibleNotices,
+      className: "components-editor-notices__pinned"
+    }), /*#__PURE__*/_jsx(NoticeList, {
+      notices: dismissibleNotices,
+      className: "components-editor-notices__dismissible",
+      onRemove: removeNotice,
+      children: /*#__PURE__*/_jsx(TemplateValidationNotice, {})
+    })]
+  });
 }
 export default EditorNotices;
 //# sourceMappingURL=index.js.map

package/build-module/components/editor-notices/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["NoticeList","useDispatch","useSelect","store","noticesStore","TemplateValidationNotice","EditorNotices","notices","select","getNotices","removeNotice","dismissibleNotices","filter","isDismissible","type","nonDismissibleNotices","createElement","Fragment","className","onRemove"],"sources":["@wordpress/editor/src/components/editor-notices/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { NoticeList } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport TemplateValidationNotice from '../template-validation-notice';\n\nexport function EditorNotices() {\n\tconst { notices } = useSelect(\n\t\t( select ) => ( {\n\t\t\tnotices: select( noticesStore ).getNotices(),\n\t\t} ),\n\t\t[]\n\t);\n\tconst { removeNotice } = useDispatch( noticesStore );\n\tconst dismissibleNotices = notices.filter(\n\t\t( { isDismissible, type } ) => isDismissible && type === 'default'\n\t);\n\tconst nonDismissibleNotices = notices.filter(\n\t\t( { isDismissible, type } ) => ! isDismissible && type === 'default'\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<NoticeList\n\t\t\t\tnotices={ nonDismissibleNotices }\n\t\t\t\tclassName=\"components-editor-notices__pinned\"\n\t\t\t/>\n\t\t\t<NoticeList\n\t\t\t\tnotices={ dismissibleNotices }\n\t\t\t\tclassName=\"components-editor-notices__dismissible\"\n\t\t\t\tonRemove={ removeNotice }\n\t\t\t>\n\t\t\t\t<TemplateValidationNotice />\n\t\t\t</NoticeList>\n\t\t</>\n\t);\n}\n\nexport default EditorNotices;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,uBAAuB;AAClD,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;;AAE1D;AACA;AACA;AACA,OAAOC,wBAAwB,MAAM,+BAA+B;AAEpE,OAAO,SAASC,aAAaA,CAAA,EAAG;EAC/B,MAAM;IAAEC;EAAQ,CAAC,GAAGL,SAAS,CAC1BM,MAAM,KAAQ;IACfD,OAAO,EAAEC,MAAM,CAAEJ,YAAa,CAAC,CAACK,UAAU,CAAC;EAC5C,CAAC,CAAE,EACH,EACD,CAAC;EACD,MAAM;IAAEC;EAAa,CAAC,GAAGT,WAAW,CAAEG,YAAa,CAAC;EACpD,MAAMO,kBAAkB,GAAGJ,OAAO,CAACK,MAAM,CACxC,CAAE;IAAEC,aAAa;IAAEC;EAAK,CAAC,KAAMD,aAAa,IAAIC,IAAI,KAAK,SAC1D,CAAC;EACD,MAAMC,qBAAqB,GAAGR,OAAO,CAACK,MAAM,CAC3C,CAAE;IAAEC,aAAa;IAAEC;EAAK,CAAC,KAAM,CAAED,aAAa,IAAIC,IAAI,KAAK,SAC5D,CAAC;EAED,OACCE,aAAA,CAAAC,QAAA,QACCD,aAAA,CAAChB,UAAU;IACVO,OAAO,EAAGQ,qBAAuB;IACjCG,SAAS,EAAC;EAAmC,CAC7C,CAAC,EACFF,aAAA,CAAChB,UAAU;IACVO,OAAO,EAAGI,kBAAoB;IAC9BO,SAAS,EAAC,wCAAwC;IAClDC,QAAQ,EAAGT;EAAc,GAEzBM,aAAA,CAACX,wBAAwB,MAAE,CAChB,CACX,CAAC;AAEL;AAEA,eAAeC,aAAa","ignoreList":[]}
+{"version":3,"names":["NoticeList","useDispatch","useSelect","store","noticesStore","TemplateValidationNotice","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","EditorNotices","notices","select","getNotices","removeNotice","dismissibleNotices","filter","isDismissible","type","nonDismissibleNotices","children","className","onRemove"],"sources":["@wordpress/editor/src/components/editor-notices/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { NoticeList } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport TemplateValidationNotice from '../template-validation-notice';\n\n/**\n * This component renders the notices displayed in the editor. It displays pinned notices first, followed by dismissible\n *\n * @example\n * ```jsx\n * <EditorNotices />\n * ```\n *\n * @return {JSX.Element} The rendered EditorNotices component.\n */\nexport function EditorNotices() {\n\tconst { notices } = useSelect(\n\t\t( select ) => ( {\n\t\t\tnotices: select( noticesStore ).getNotices(),\n\t\t} ),\n\t\t[]\n\t);\n\tconst { removeNotice } = useDispatch( noticesStore );\n\tconst dismissibleNotices = notices.filter(\n\t\t( { isDismissible, type } ) => isDismissible && type === 'default'\n\t);\n\tconst nonDismissibleNotices = notices.filter(\n\t\t( { isDismissible, type } ) => ! isDismissible && type === 'default'\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<NoticeList\n\t\t\t\tnotices={ nonDismissibleNotices }\n\t\t\t\tclassName=\"components-editor-notices__pinned\"\n\t\t\t/>\n\t\t\t<NoticeList\n\t\t\t\tnotices={ dismissibleNotices }\n\t\t\t\tclassName=\"components-editor-notices__dismissible\"\n\t\t\t\tonRemove={ removeNotice }\n\t\t\t>\n\t\t\t\t<TemplateValidationNotice />\n\t\t\t</NoticeList>\n\t\t</>\n\t);\n}\n\nexport default EditorNotices;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,uBAAuB;AAClD,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;;AAE1D;AACA;AACA;AACA,OAAOC,wBAAwB,MAAM,+BAA+B;;AAEpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AATA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAUA,OAAO,SAASC,aAAaA,CAAA,EAAG;EAC/B,MAAM;IAAEC;EAAQ,CAAC,GAAGX,SAAS,CAC1BY,MAAM,KAAQ;IACfD,OAAO,EAAEC,MAAM,CAAEV,YAAa,CAAC,CAACW,UAAU,CAAC;EAC5C,CAAC,CAAE,EACH,EACD,CAAC;EACD,MAAM;IAAEC;EAAa,CAAC,GAAGf,WAAW,CAAEG,YAAa,CAAC;EACpD,MAAMa,kBAAkB,GAAGJ,OAAO,CAACK,MAAM,CACxC,CAAE;IAAEC,aAAa;IAAEC;EAAK,CAAC,KAAMD,aAAa,IAAIC,IAAI,KAAK,SAC1D,CAAC;EACD,MAAMC,qBAAqB,GAAGR,OAAO,CAACK,MAAM,CAC3C,CAAE;IAAEC,aAAa;IAAEC;EAAK,CAAC,KAAM,CAAED,aAAa,IAAIC,IAAI,KAAK,SAC5D,CAAC;EAED,oBACCT,KAAA,CAAAF,SAAA;IAAAa,QAAA,gBACCf,IAAA,CAACP,UAAU;MACVa,OAAO,EAAGQ,qBAAuB;MACjCE,SAAS,EAAC;IAAmC,CAC7C,CAAC,eACFhB,IAAA,CAACP,UAAU;MACVa,OAAO,EAAGI,kBAAoB;MAC9BM,SAAS,EAAC,wCAAwC;MAClDC,QAAQ,EAAGR,YAAc;MAAAM,QAAA,eAEzBf,IAAA,CAACF,wBAAwB,IAAE;IAAC,CACjB,CAAC;EAAA,CACZ,CAAC;AAEL;AAEA,eAAeO,aAAa","ignoreList":[]}

package/build-module/components/editor-snackbars/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -7,6 +6,7 @@ import { useSelect, useDispatch } from '@wordpress/data';
 import { store as noticesStore } from '@wordpress/notices';
 
 // Last three notices. Slices from the tail end of the list.
+import { jsx as _jsx } from "react/jsx-runtime";
 const MAX_VISIBLE_NOTICES = -3;
 
 /**
@@ -22,7 +22,7 @@ export default function EditorSnackbars() {
   const snackbarNotices = notices.filter(({
     type
   }) => type === 'snackbar').slice(MAX_VISIBLE_NOTICES);
-  return createElement(SnackbarList, {
+  return /*#__PURE__*/_jsx(SnackbarList, {
     notices: snackbarNotices,
     className: "components-editor-notices__snackbar",
     onRemove: removeNotice

package/build-module/components/editor-snackbars/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["SnackbarList","useSelect","useDispatch","store","noticesStore","MAX_VISIBLE_NOTICES","EditorSnackbars","notices","select","getNotices","removeNotice","snackbarNotices","filter","type","slice","createElement","className","onRemove"],"sources":["@wordpress/editor/src/components/editor-snackbars/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SnackbarList } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n// Last three notices. Slices from the tail end of the list.\nconst MAX_VISIBLE_NOTICES = -3;\n\n/**\n * Renders the editor snackbars component.\n *\n * @return {JSX.Element} The rendered component.\n */\nexport default function EditorSnackbars() {\n\tconst notices = useSelect(\n\t\t( select ) => select( noticesStore ).getNotices(),\n\t\t[]\n\t);\n\tconst { removeNotice } = useDispatch( noticesStore );\n\tconst snackbarNotices = notices\n\t\t.filter( ( { type } ) => type === 'snackbar' )\n\t\t.slice( MAX_VISIBLE_NOTICES );\n\n\treturn (\n\t\t<SnackbarList\n\t\t\tnotices={ snackbarNotices }\n\t\t\tclassName=\"components-editor-notices__snackbar\"\n\t\t\tonRemove={ removeNotice }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,uBAAuB;AACpD,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;;AAE1D;AACA,MAAMC,mBAAmB,GAAG,CAAC,CAAC;;AAE9B;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,eAAeA,CAAA,EAAG;EACzC,MAAMC,OAAO,GAAGN,SAAS,CACtBO,MAAM,IAAMA,MAAM,CAAEJ,YAAa,CAAC,CAACK,UAAU,CAAC,CAAC,EACjD,EACD,CAAC;EACD,MAAM;IAAEC;EAAa,CAAC,GAAGR,WAAW,CAAEE,YAAa,CAAC;EACpD,MAAMO,eAAe,GAAGJ,OAAO,CAC7BK,MAAM,CAAE,CAAE;IAAEC;EAAK,CAAC,KAAMA,IAAI,KAAK,UAAW,CAAC,CAC7CC,KAAK,CAAET,mBAAoB,CAAC;EAE9B,OACCU,aAAA,CAACf,YAAY;IACZO,OAAO,EAAGI,eAAiB;IAC3BK,SAAS,EAAC,qCAAqC;IAC/CC,QAAQ,EAAGP;EAAc,CACzB,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["SnackbarList","useSelect","useDispatch","store","noticesStore","jsx","_jsx","MAX_VISIBLE_NOTICES","EditorSnackbars","notices","select","getNotices","removeNotice","snackbarNotices","filter","type","slice","className","onRemove"],"sources":["@wordpress/editor/src/components/editor-snackbars/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SnackbarList } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n// Last three notices. Slices from the tail end of the list.\nconst MAX_VISIBLE_NOTICES = -3;\n\n/**\n * Renders the editor snackbars component.\n *\n * @return {JSX.Element} The rendered component.\n */\nexport default function EditorSnackbars() {\n\tconst notices = useSelect(\n\t\t( select ) => select( noticesStore ).getNotices(),\n\t\t[]\n\t);\n\tconst { removeNotice } = useDispatch( noticesStore );\n\tconst snackbarNotices = notices\n\t\t.filter( ( { type } ) => type === 'snackbar' )\n\t\t.slice( MAX_VISIBLE_NOTICES );\n\n\treturn (\n\t\t<SnackbarList\n\t\t\tnotices={ snackbarNotices }\n\t\t\tclassName=\"components-editor-notices__snackbar\"\n\t\t\tonRemove={ removeNotice }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,uBAAuB;AACpD,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;;AAE1D;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,MAAMC,mBAAmB,GAAG,CAAC,CAAC;;AAE9B;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,eAAeA,CAAA,EAAG;EACzC,MAAMC,OAAO,GAAGR,SAAS,CACtBS,MAAM,IAAMA,MAAM,CAAEN,YAAa,CAAC,CAACO,UAAU,CAAC,CAAC,EACjD,EACD,CAAC;EACD,MAAM;IAAEC;EAAa,CAAC,GAAGV,WAAW,CAAEE,YAAa,CAAC;EACpD,MAAMS,eAAe,GAAGJ,OAAO,CAC7BK,MAAM,CAAE,CAAE;IAAEC;EAAK,CAAC,KAAMA,IAAI,KAAK,UAAW,CAAC,CAC7CC,KAAK,CAAET,mBAAoB,CAAC;EAE9B,oBACCD,IAAA,CAACN,YAAY;IACZS,OAAO,EAAGI,eAAiB;IAC3BI,SAAS,EAAC,qCAAqC;IAC/CC,QAAQ,EAAGN;EAAc,CACzB,CAAC;AAEJ","ignoreList":[]}

package/build-module/components/entities-saved-states/entity-record-item.js

@@ -1,17 +1,21 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
-import { CheckboxControl, PanelRow } from '@wordpress/components';
+import { Icon, CheckboxControl, Flex, PanelRow } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { useSelect } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
 import { decodeEntities } from '@wordpress/html-entities';
+import { connection } from '@wordpress/icons';
 
 /**
  * Internal dependencies
  */
 import { store as editorStore } from '../../store';
+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";
 export default function EntityRecordItem({
   record,
   checked,
@@ -25,18 +29,43 @@ export default function EntityRecordItem({
   } = record;
 
   // Handle templates that might use default descriptive titles.
-  const entityRecordTitle = useSelect(select => {
+  const {
+    entityRecordTitle,
+    hasPostMetaChanges
+  } = useSelect(select => {
     if ('postType' !== kind || 'wp_template' !== name) {
-      return title;
+      return {
+        entityRecordTitle: title,
+        hasPostMetaChanges: unlock(select(editorStore)).hasPostMetaChanges(name, key)
+      };
     }
     const template = select(coreStore).getEditedEntityRecord(kind, name, key);
-    return select(editorStore).__experimentalGetTemplateInfo(template).title;
+    return {
+      entityRecordTitle: select(editorStore).__experimentalGetTemplateInfo(template).title,
+      hasPostMetaChanges: unlock(select(editorStore)).hasPostMetaChanges(name, key)
+    };
   }, [name, kind, title, key]);
-  return createElement(PanelRow, null, createElement(CheckboxControl, {
-    __nextHasNoMarginBottom: true,
-    label: decodeEntities(entityRecordTitle) || __('Untitled'),
-    checked: checked,
-    onChange: onChange
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(PanelRow, {
+      children: /*#__PURE__*/_jsx(CheckboxControl, {
+        __nextHasNoMarginBottom: true,
+        label: decodeEntities(entityRecordTitle) || __('Untitled'),
+        checked: checked,
+        onChange: onChange
+      })
+    }), hasPostMetaChanges && /*#__PURE__*/_jsx(PanelRow, {
+      children: /*#__PURE__*/_jsxs(Flex, {
+        className: "entities-saved-states__post-meta",
+        children: [/*#__PURE__*/_jsx(Icon, {
+          className: "entities-saved-states__connections-icon",
+          icon: connection,
+          size: 24
+        }), /*#__PURE__*/_jsx("span", {
+          className: "entities-saved-states__bindings-text",
+          children: __('Post Meta.')
+        })]
+      })
+    })]
+  });
 }
 //# sourceMappingURL=entity-record-item.js.map