@wordpress/editor 13.35.0 → 14.0.1

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_i18n","_style","_interopRequireDefault","_viewSections","MoveBlocks","_react","createElement","Fragment","HelpDetailImage","source","sourceDarkMode","View","style","styles","helpDetailContainer","HelpDetailSectionHeadingText","text","__","badge","HelpDetailBodyText","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/move-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 {\n\tHelpDetailBodyText,\n\tHelpDetailImage,\n\tHelpDetailSectionHeadingText,\n} from './view-sections';\n\nconst MoveBlocks = () => {\n\treturn (\n\t\t<>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/drag-and-drop-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/drag-and-drop-dark.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<HelpDetailSectionHeadingText\n\t\t\t\t\ttext={ __( 'Drag & drop' ) }\n\t\t\t\t\tbadge={ __( 'NEW' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Drag & drop makes rearranging blocks a breeze. Press and hold on a block, then drag it to its new location and release.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/move-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/move-dark.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<HelpDetailSectionHeadingText text={ __( 'Arrow buttons' ) } />\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'You can also rearrange blocks by tapping a block and then tapping the up and down arrows that appear on the bottom left side of the block to move it up or down.'\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 MoveBlocks;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAQA,MAAMK,UAAU,GAAGA,CAAA,KAAM;EACxB,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAK,eAAe;IACfC,MAAM,EAAGV,OAAO,CAAE,kCAAmC,CAAG;IACxDW,cAAc,EAAGX,OAAO,CAAE,iCAAkC;EAAG,CAC/D,CAAC,EACF,IAAAM,MAAA,CAAAC,aAAA,EAACR,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAGC,cAAM,CAACC;EAAqB,GACzC,IAAAT,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAY,4BAA4B;IAC5BC,IAAI,EAAG,IAAAC,QAAE,EAAE,aAAc,CAAG;IAC5BC,KAAK,EAAG,IAAAD,QAAE,EAAE,KAAM;EAAG,CACrB,CAAC,EACF,IAAAZ,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAgB,kBAAkB;IAClBH,IAAI,EAAG,IAAAC,QAAE,EACR,yHACD;EAAG,CACH,CACI,CAAC,EACP,IAAAZ,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAK,eAAe;IACfC,MAAM,EAAGV,OAAO,CAAE,yBAA0B,CAAG;IAC/CW,cAAc,EAAGX,OAAO,CAAE,wBAAyB;EAAG,CACtD,CAAC,EACF,IAAAM,MAAA,CAAAC,aAAA,EAACR,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAGC,cAAM,CAACC;EAAqB,GACzC,IAAAT,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAY,4BAA4B;IAACC,IAAI,EAAG,IAAAC,QAAE,EAAE,eAAgB;EAAG,CAAE,CAAC,EAC/D,IAAAZ,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAgB,kBAAkB;IAClBH,IAAI,EAAG,IAAAC,QAAE,EACR,kKACD;EAAG,CACH,CACI,CACL,CAAC;AAEL,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEalB,UAAU","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_i18n","_style","_interopRequireDefault","_viewSections","_jsxRuntime","MoveBlocks","jsxs","Fragment","children","jsx","HelpDetailImage","source","sourceDarkMode","View","style","styles","helpDetailContainer","HelpDetailSectionHeadingText","text","__","badge","HelpDetailBodyText","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/move-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 {\n\tHelpDetailBodyText,\n\tHelpDetailImage,\n\tHelpDetailSectionHeadingText,\n} from './view-sections';\n\nconst MoveBlocks = () => {\n\treturn (\n\t\t<>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/drag-and-drop-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/drag-and-drop-dark.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<HelpDetailSectionHeadingText\n\t\t\t\t\ttext={ __( 'Drag & drop' ) }\n\t\t\t\t\tbadge={ __( 'NEW' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Drag & drop makes rearranging blocks a breeze. Press and hold on a block, then drag it to its new location and release.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/move-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/move-dark.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<HelpDetailSectionHeadingText text={ __( 'Arrow buttons' ) } />\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'You can also rearrange blocks by tapping a block and then tapping the up and down arrows that appear on the bottom left side of the block to move it up or down.'\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 MoveBlocks;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAIyB,IAAAK,WAAA,GAAAL,OAAA;AAlBzB;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAQA,MAAMM,UAAU,GAAGA,CAAA,KAAM;EACxB,oBACC,IAAAD,WAAA,CAAAE,IAAA,EAAAF,WAAA,CAAAG,QAAA;IAAAC,QAAA,gBACC,IAAAJ,WAAA,CAAAK,GAAA,EAACN,aAAA,CAAAO,eAAe;MACfC,MAAM,EAAGZ,OAAO,CAAE,kCAAmC,CAAG;MACxDa,cAAc,EAAGb,OAAO,CAAE,iCAAkC;IAAG,CAC/D,CAAC,eACF,IAAAK,WAAA,CAAAE,IAAA,EAACR,YAAA,CAAAe,IAAI;MAACC,KAAK,EAAGC,cAAM,CAACC,mBAAqB;MAAAR,QAAA,gBACzC,IAAAJ,WAAA,CAAAK,GAAA,EAACN,aAAA,CAAAc,4BAA4B;QAC5BC,IAAI,EAAG,IAAAC,QAAE,EAAE,aAAc,CAAG;QAC5BC,KAAK,EAAG,IAAAD,QAAE,EAAE,KAAM;MAAG,CACrB,CAAC,eACF,IAAAf,WAAA,CAAAK,GAAA,EAACN,aAAA,CAAAkB,kBAAkB;QAClBH,IAAI,EAAG,IAAAC,QAAE,EACR,yHACD;MAAG,CACH,CAAC;IAAA,CACG,CAAC,eACP,IAAAf,WAAA,CAAAK,GAAA,EAACN,aAAA,CAAAO,eAAe;MACfC,MAAM,EAAGZ,OAAO,CAAE,yBAA0B,CAAG;MAC/Ca,cAAc,EAAGb,OAAO,CAAE,wBAAyB;IAAG,CACtD,CAAC,eACF,IAAAK,WAAA,CAAAE,IAAA,EAACR,YAAA,CAAAe,IAAI;MAACC,KAAK,EAAGC,cAAM,CAACC,mBAAqB;MAAAR,QAAA,gBACzC,IAAAJ,WAAA,CAAAK,GAAA,EAACN,aAAA,CAAAc,4BAA4B;QAACC,IAAI,EAAG,IAAAC,QAAE,EAAE,eAAgB;MAAG,CAAE,CAAC,eAC/D,IAAAf,WAAA,CAAAK,GAAA,EAACN,aAAA,CAAAkB,kBAAkB;QAClBH,IAAI,EAAG,IAAAC,QAAE,EACR,kKACD;MAAG,CACH,CAAC;IAAA,CACG,CAAC;EAAA,CACN,CAAC;AAEL,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEanB,UAAU","ignoreList":[]}

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _style = _interopRequireDefault(require("./style.scss"));
 var _viewSections = require("./view-sections");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -23,14 +23,17 @@ var _viewSections = require("./view-sections");
  */
 
 const RemoveBlocks = () => {
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_viewSections.HelpDetailImage, {
-    source: require('./images/options-light.png'),
-    sourceDarkMode: require('./images/options-dark.png')
-  }), (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.helpDetailContainer
-  }, (0, _react.createElement)(_viewSections.HelpDetailBodyText, {
-    text: (0, _i18n.__)('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.')
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_viewSections.HelpDetailImage, {
+      source: require('./images/options-light.png'),
+      sourceDarkMode: require('./images/options-dark.png')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: _style.default.helpDetailContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_viewSections.HelpDetailBodyText, {
+        text: (0, _i18n.__)('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.')
+      })
+    })]
+  });
 };
 var _default = exports.default = RemoveBlocks;
 //# sourceMappingURL=remove-blocks.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_i18n","_style","_interopRequireDefault","_viewSections","RemoveBlocks","_react","createElement","Fragment","HelpDetailImage","source","sourceDarkMode","View","style","styles","helpDetailContainer","HelpDetailBodyText","text","__","_default","exports","default"],"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":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMK,YAAY,GAAGA,CAAA,KAAM;EAC1B,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAK,eAAe;IACfC,MAAM,EAAGV,OAAO,CAAE,4BAA6B,CAAG;IAClDW,cAAc,EAAGX,OAAO,CAAE,2BAA4B;EAAG,CACzD,CAAC,EACF,IAAAM,MAAA,CAAAC,aAAA,EAACR,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAGC,cAAM,CAACC;EAAqB,GACzC,IAAAT,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAY,kBAAkB;IAClBC,IAAI,EAAG,IAAAC,QAAE,EACR,wKACD;EAAG,CACH,CACI,CACL,CAAC;AAEL,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEahB,YAAY","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_i18n","_style","_interopRequireDefault","_viewSections","_jsxRuntime","RemoveBlocks","jsxs","Fragment","children","jsx","HelpDetailImage","source","sourceDarkMode","View","style","styles","helpDetailContainer","HelpDetailBodyText","text","__","_default","exports","default"],"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":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAAsE,IAAAK,WAAA,GAAAL,OAAA;AAdtE;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMM,YAAY,GAAGA,CAAA,KAAM;EAC1B,oBACC,IAAAD,WAAA,CAAAE,IAAA,EAAAF,WAAA,CAAAG,QAAA;IAAAC,QAAA,gBACC,IAAAJ,WAAA,CAAAK,GAAA,EAACN,aAAA,CAAAO,eAAe;MACfC,MAAM,EAAGZ,OAAO,CAAE,4BAA6B,CAAG;MAClDa,cAAc,EAAGb,OAAO,CAAE,2BAA4B;IAAG,CACzD,CAAC,eACF,IAAAK,WAAA,CAAAK,GAAA,EAACX,YAAA,CAAAe,IAAI;MAACC,KAAK,EAAGC,cAAM,CAACC,mBAAqB;MAAAR,QAAA,eACzC,IAAAJ,WAAA,CAAAK,GAAA,EAACN,aAAA,CAAAc,kBAAkB;QAClBC,IAAI,EAAG,IAAAC,QAAE,EACR,wKACD;MAAG,CACH;IAAC,CACG,CAAC;EAAA,CACN,CAAC;AAEL,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEajB,YAAY","ignoreList":[]}

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HelpDetailSectionHeadingText = exports.HelpDetailImage = exports.HelpDetailBodyText = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _compose = require("@wordpress/compose");
 var _style = _interopRequireDefault(require("./style.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -25,10 +25,11 @@ const HelpDetailBodyText = ({
   text
 }) => {
   const bodyStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.helpDetailBody, _style.default.helpDetailBodyDark);
-  return (0, _react.createElement)(_reactNative.Text, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
     selectable: true,
-    style: bodyStyle
-  }, text);
+    style: bodyStyle,
+    children: text
+  });
 };
 exports.HelpDetailBodyText = HelpDetailBodyText;
 const HelpDetailSectionHeadingText = ({
@@ -36,15 +37,17 @@ const HelpDetailSectionHeadingText = ({
   badge
 }) => {
   const headingTextStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.helpDetailSectionHeadingText, _style.default.helpDetailSectionHeadingTextDark);
-  return (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.helpDetailSectionHeading
-  }, badge && (0, _react.createElement)(HelpDetailBadge, {
-    text: badge
-  }), (0, _react.createElement)(_reactNative.Text, {
-    accessibilityRole: "header",
-    selectable: true,
-    style: headingTextStyle
-  }, text));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: _style.default.helpDetailSectionHeading,
+    children: [badge && /*#__PURE__*/(0, _jsxRuntime.jsx)(HelpDetailBadge, {
+      text: badge
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      accessibilityRole: "header",
+      selectable: true,
+      style: headingTextStyle,
+      children: text
+    })]
+  });
 };
 exports.HelpDetailSectionHeadingText = HelpDetailSectionHeadingText;
 const HelpDetailImage = ({
@@ -55,7 +58,7 @@ const HelpDetailImage = ({
 }) => {
   const imageStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.helpDetailImage, _style.default.helpDetailImageDark);
   const darkModeEnabled = (0, _compose.usePreferredColorScheme)() === 'dark';
-  return (0, _react.createElement)(_reactNative.Image, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
     accessible: accessible,
     accessibilityLabel: accessibilityLabel,
     source: darkModeEnabled && sourceDarkMode ? sourceDarkMode : source,
@@ -66,10 +69,12 @@ exports.HelpDetailImage = HelpDetailImage;
 const HelpDetailBadge = ({
   text
 }) => {
-  return (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.helpDetailBadgeContainer
-  }, (0, _react.createElement)(_reactNative.Text, {
-    style: _style.default.helpDetailBadgeText
-  }, text));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: _style.default.helpDetailBadgeContainer,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: _style.default.helpDetailBadgeText,
+      children: text
+    })
+  });
 };
 //# sourceMappingURL=view-sections.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_compose","_style","_interopRequireDefault","HelpDetailBodyText","text","bodyStyle","usePreferredColorSchemeStyle","styles","helpDetailBody","helpDetailBodyDark","_react","createElement","Text","selectable","style","exports","HelpDetailSectionHeadingText","badge","headingTextStyle","helpDetailSectionHeadingText","helpDetailSectionHeadingTextDark","View","helpDetailSectionHeading","HelpDetailBadge","accessibilityRole","HelpDetailImage","accessible","accessibilityLabel","source","sourceDarkMode","imageStyle","helpDetailImage","helpDetailImageDark","darkModeEnabled","usePreferredColorScheme","Image","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":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAQA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAGO,MAAMI,kBAAkB,GAAGA,CAAE;EAAEC;AAAK,CAAC,KAAM;EACjD,MAAMC,SAAS,GAAG,IAAAC,qCAA4B,EAC7CC,cAAM,CAACC,cAAc,EACrBD,cAAM,CAACE,kBACR,CAAC;EACD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACb,YAAA,CAAAc,IAAI;IAACC,UAAU;IAACC,KAAK,EAAGT;EAAW,GACjCD,IACG,CAAC;AAET,CAAC;AAACW,OAAA,CAAAZ,kBAAA,GAAAA,kBAAA;AAEK,MAAMa,4BAA4B,GAAGA,CAAE;EAAEZ,IAAI;EAAEa;AAAM,CAAC,KAAM;EAClE,MAAMC,gBAAgB,GAAG,IAAAZ,qCAA4B,EACpDC,cAAM,CAACY,4BAA4B,EACnCZ,cAAM,CAACa,gCACR,CAAC;EACD,OACC,IAAAV,MAAA,CAAAC,aAAA,EAACb,YAAA,CAAAuB,IAAI;IAACP,KAAK,EAAGP,cAAM,CAACe;EAA0B,GAC5CL,KAAK,IAAI,IAAAP,MAAA,CAAAC,aAAA,EAACY,eAAe;IAACnB,IAAI,EAAGa;EAAO,CAAE,CAAC,EAC7C,IAAAP,MAAA,CAAAC,aAAA,EAACb,YAAA,CAAAc,IAAI;IACJY,iBAAiB,EAAC,QAAQ;IAC1BX,UAAU;IACVC,KAAK,EAAGI;EAAkB,GAExBd,IACG,CACD,CAAC;AAET,CAAC;AAACW,OAAA,CAAAC,4BAAA,GAAAA,4BAAA;AAEK,MAAMS,eAAe,GAAGA,CAAE;EAChCC,UAAU;EACVC,kBAAkB;EAClBC,MAAM;EACNC;AACD,CAAC,KAAM;EACN,MAAMC,UAAU,GAAG,IAAAxB,qCAA4B,EAC9CC,cAAM,CAACwB,eAAe,EACtBxB,cAAM,CAACyB,mBACR,CAAC;EACD,MAAMC,eAAe,GAAG,IAAAC,gCAAuB,EAAC,CAAC,KAAK,MAAM;EAC5D,OACC,IAAAxB,MAAA,CAAAC,aAAA,EAACb,YAAA,CAAAqC,KAAK;IACLT,UAAU,EAAGA,UAAY;IACzBC,kBAAkB,EAAGA,kBAAoB;IACzCC,MAAM,EACLK,eAAe,IAAIJ,cAAc,GAAGA,cAAc,GAAGD,MACrD;IACDd,KAAK,EAAGgB;EAAY,CACpB,CAAC;AAEJ,CAAC;AAACf,OAAA,CAAAU,eAAA,GAAAA,eAAA;AAEF,MAAMF,eAAe,GAAGA,CAAE;EAAEnB;AAAK,CAAC,KAAM;EACvC,OACC,IAAAM,MAAA,CAAAC,aAAA,EAACb,YAAA,CAAAuB,IAAI;IAACP,KAAK,EAAGP,cAAM,CAAC6B;EAA0B,GAC9C,IAAA1B,MAAA,CAAAC,aAAA,EAACb,YAAA,CAAAc,IAAI;IAACE,KAAK,EAAGP,cAAM,CAAC8B;EAAqB,GAAGjC,IAAY,CACpD,CAAC;AAET,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_compose","_style","_interopRequireDefault","_jsxRuntime","HelpDetailBodyText","text","bodyStyle","usePreferredColorSchemeStyle","styles","helpDetailBody","helpDetailBodyDark","jsx","Text","selectable","style","children","exports","HelpDetailSectionHeadingText","badge","headingTextStyle","helpDetailSectionHeadingText","helpDetailSectionHeadingTextDark","jsxs","View","helpDetailSectionHeading","HelpDetailBadge","accessibilityRole","HelpDetailImage","accessible","accessibilityLabel","source","sourceDarkMode","imageStyle","helpDetailImage","helpDetailImageDark","darkModeEnabled","usePreferredColorScheme","Image","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":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAQA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAkC,IAAAI,WAAA,GAAAJ,OAAA;AAhBlC;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAGO,MAAMK,kBAAkB,GAAGA,CAAE;EAAEC;AAAK,CAAC,KAAM;EACjD,MAAMC,SAAS,GAAG,IAAAC,qCAA4B,EAC7CC,cAAM,CAACC,cAAc,EACrBD,cAAM,CAACE,kBACR,CAAC;EACD,oBACC,IAAAP,WAAA,CAAAQ,GAAA,EAACb,YAAA,CAAAc,IAAI;IAACC,UAAU;IAACC,KAAK,EAAGR,SAAW;IAAAS,QAAA,EACjCV;EAAI,CACD,CAAC;AAET,CAAC;AAACW,OAAA,CAAAZ,kBAAA,GAAAA,kBAAA;AAEK,MAAMa,4BAA4B,GAAGA,CAAE;EAAEZ,IAAI;EAAEa;AAAM,CAAC,KAAM;EAClE,MAAMC,gBAAgB,GAAG,IAAAZ,qCAA4B,EACpDC,cAAM,CAACY,4BAA4B,EACnCZ,cAAM,CAACa,gCACR,CAAC;EACD,oBACC,IAAAlB,WAAA,CAAAmB,IAAA,EAACxB,YAAA,CAAAyB,IAAI;IAACT,KAAK,EAAGN,cAAM,CAACgB,wBAA0B;IAAAT,QAAA,GAC5CG,KAAK,iBAAI,IAAAf,WAAA,CAAAQ,GAAA,EAACc,eAAe;MAACpB,IAAI,EAAGa;IAAO,CAAE,CAAC,eAC7C,IAAAf,WAAA,CAAAQ,GAAA,EAACb,YAAA,CAAAc,IAAI;MACJc,iBAAiB,EAAC,QAAQ;MAC1Bb,UAAU;MACVC,KAAK,EAAGK,gBAAkB;MAAAJ,QAAA,EAExBV;IAAI,CACD,CAAC;EAAA,CACF,CAAC;AAET,CAAC;AAACW,OAAA,CAAAC,4BAAA,GAAAA,4BAAA;AAEK,MAAMU,eAAe,GAAGA,CAAE;EAChCC,UAAU;EACVC,kBAAkB;EAClBC,MAAM;EACNC;AACD,CAAC,KAAM;EACN,MAAMC,UAAU,GAAG,IAAAzB,qCAA4B,EAC9CC,cAAM,CAACyB,eAAe,EACtBzB,cAAM,CAAC0B,mBACR,CAAC;EACD,MAAMC,eAAe,GAAG,IAAAC,gCAAuB,EAAC,CAAC,KAAK,MAAM;EAC5D,oBACC,IAAAjC,WAAA,CAAAQ,GAAA,EAACb,YAAA,CAAAuC,KAAK;IACLT,UAAU,EAAGA,UAAY;IACzBC,kBAAkB,EAAGA,kBAAoB;IACzCC,MAAM,EACLK,eAAe,IAAIJ,cAAc,GAAGA,cAAc,GAAGD,MACrD;IACDhB,KAAK,EAAGkB;EAAY,CACpB,CAAC;AAEJ,CAAC;AAAChB,OAAA,CAAAW,eAAA,GAAAA,eAAA;AAEF,MAAMF,eAAe,GAAGA,CAAE;EAAEpB;AAAK,CAAC,KAAM;EACvC,oBACC,IAAAF,WAAA,CAAAQ,GAAA,EAACb,YAAA,CAAAyB,IAAI;IAACT,KAAK,EAAGN,cAAM,CAAC8B,wBAA0B;IAAAvB,QAAA,eAC9C,IAAAZ,WAAA,CAAAQ,GAAA,EAACb,YAAA,CAAAc,IAAI;MAACE,KAAK,EAAGN,cAAM,CAAC+B,mBAAqB;MAAAxB,QAAA,EAAGV;IAAI,CAAQ;EAAC,CACrD,CAAC;AAET,CAAC","ignoreList":[]}

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
@@ -12,6 +11,7 @@ var _keycodes = require("@wordpress/keycodes");
 var _icons = require("@wordpress/icons");
 var _element = require("@wordpress/element");
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -26,7 +26,7 @@ function EditorHistoryRedo(props, ref) {
   const {
     redo
   } = (0, _data.useDispatch)(_store.store);
-  return (0, _react.createElement)(_components.Button, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
     ...props,
     ref: ref,
     icon: !(0, _i18n.isRTL)() ? _icons.redo : _icons.undo

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_data","_keycodes","_icons","_element","_store","EditorHistoryRedo","props","ref","shortcut","isAppleOS","displayShortcut","primaryShift","primary","hasRedo","useSelect","select","editorStore","hasEditorRedo","redo","useDispatch","_react","createElement","Button","icon","isRTL","redoIcon","undoIcon","label","__","onClick","undefined","className","_default","exports","default","forwardRef"],"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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AAbA;AACA;AACA;;AAQA;AACA;AACA;;AAGA,SAASO,iBAAiBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACxC,MAAMC,QAAQ,GAAG,IAAAC,mBAAS,EAAC,CAAC,GACzBC,yBAAe,CAACC,YAAY,CAAE,GAAI,CAAC,GACnCD,yBAAe,CAACE,OAAO,CAAE,GAAI,CAAC;EAEjC,MAAMC,OAAO,GAAG,IAAAC,eAAS,EACtBC,MAAM,IAAMA,MAAM,CAAEC,YAAY,CAAC,CAACC,aAAa,CAAC,CAAC,EACnD,EACD,CAAC;EACD,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAY,CAAC;EAC3C,OACC,IAAAI,MAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAuB,MAAM;IAAA,GACDhB,KAAK;IACVC,GAAG,EAAGA,GAAK;IACXgB,IAAI,EAAG,CAAE,IAAAC,WAAK,EAAC,CAAC,GAAGC,WAAQ,GAAGC;IAC9B;IACAC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;IACtBpB,QAAQ,EAAGA;IACX;IACA;IACA;IAAA;IACA,iBAAgB,CAAEK,OAAS;IAC3BgB,OAAO,EAAGhB,OAAO,GAAGK,IAAI,GAAGY,SAAW;IACtCC,SAAS,EAAC;EAAsB,CAChC,CAAC;AAEJ;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAQe,IAAAC,mBAAU,EAAE9B,iBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_data","_keycodes","_icons","_element","_store","_jsxRuntime","EditorHistoryRedo","props","ref","shortcut","isAppleOS","displayShortcut","primaryShift","primary","hasRedo","useSelect","select","editorStore","hasEditorRedo","redo","useDispatch","jsx","Button","icon","isRTL","redoIcon","undoIcon","label","__","onClick","undefined","className","_default","exports","default","forwardRef"],"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":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AAAmD,IAAAO,WAAA,GAAAP,OAAA;AAbnD;AACA;AACA;;AAQA;AACA;AACA;;AAGA,SAASQ,iBAAiBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACxC,MAAMC,QAAQ,GAAG,IAAAC,mBAAS,EAAC,CAAC,GACzBC,yBAAe,CAACC,YAAY,CAAE,GAAI,CAAC,GACnCD,yBAAe,CAACE,OAAO,CAAE,GAAI,CAAC;EAEjC,MAAMC,OAAO,GAAG,IAAAC,eAAS,EACtBC,MAAM,IAAMA,MAAM,CAAEC,YAAY,CAAC,CAACC,aAAa,CAAC,CAAC,EACnD,EACD,CAAC;EACD,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAY,CAAC;EAC3C,oBACC,IAAAZ,WAAA,CAAAgB,GAAA,EAACtB,WAAA,CAAAuB,MAAM;IAAA,GACDf,KAAK;IACVC,GAAG,EAAGA,GAAK;IACXe,IAAI,EAAG,CAAE,IAAAC,WAAK,EAAC,CAAC,GAAGC,WAAQ,GAAGC;IAC9B;IACAC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;IACtBnB,QAAQ,EAAGA;IACX;IACA;IACA;IAAA;IACA,iBAAgB,CAAEK,OAAS;IAC3Be,OAAO,EAAGf,OAAO,GAAGK,IAAI,GAAGW,SAAW;IACtCC,SAAS,EAAC;EAAsB,CAChC,CAAC;AAEJ;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAQe,IAAAC,mBAAU,EAAE7B,iBAAkB,CAAC","ignoreList":[]}

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
@@ -12,6 +11,7 @@ var _keycodes = require("@wordpress/keycodes");
 var _icons = require("@wordpress/icons");
 var _element = require("@wordpress/element");
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -25,7 +25,7 @@ function EditorHistoryUndo(props, ref) {
   const {
     undo
   } = (0, _data.useDispatch)(_store.store);
-  return (0, _react.createElement)(_components.Button, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
     ...props,
     ref: ref,
     icon: !(0, _i18n.isRTL)() ? _icons.undo : _icons.redo

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_data","_keycodes","_icons","_element","_store","EditorHistoryUndo","props","ref","hasUndo","useSelect","select","editorStore","hasEditorUndo","undo","useDispatch","_react","createElement","Button","icon","isRTL","undoIcon","redoIcon","label","__","shortcut","displayShortcut","primary","onClick","undefined","className","_default","exports","default","forwardRef"],"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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AAbA;AACA;AACA;;AAQA;AACA;AACA;;AAGA,SAASO,iBAAiBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACxC,MAAMC,OAAO,GAAG,IAAAC,eAAS,EACtBC,MAAM,IAAMA,MAAM,CAAEC,YAAY,CAAC,CAACC,aAAa,CAAC,CAAC,EACnD,EACD,CAAC;EACD,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAY,CAAC;EAC3C,OACC,IAAAI,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAAkB,MAAM;IAAA,GACDX,KAAK;IACVC,GAAG,EAAGA,GAAK;IACXW,IAAI,EAAG,CAAE,IAAAC,WAAK,EAAC,CAAC,GAAGC,WAAQ,GAAGC;IAC9B;IACAC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;IACtBC,QAAQ,EAAGC,yBAAe,CAACC,OAAO,CAAE,GAAI;IACxC;IACA;IACA;IAAA;IACA,iBAAgB,CAAElB,OAAS;IAC3BmB,OAAO,EAAGnB,OAAO,GAAGK,IAAI,GAAGe,SAAW;IACtCC,SAAS,EAAC;EAAsB,CAChC,CAAC;AAEJ;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAQe,IAAAC,mBAAU,EAAE5B,iBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_data","_keycodes","_icons","_element","_store","_jsxRuntime","EditorHistoryUndo","props","ref","hasUndo","useSelect","select","editorStore","hasEditorUndo","undo","useDispatch","jsx","Button","icon","isRTL","undoIcon","redoIcon","label","__","shortcut","displayShortcut","primary","onClick","undefined","className","_default","exports","default","forwardRef"],"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":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AAAmD,IAAAO,WAAA,GAAAP,OAAA;AAbnD;AACA;AACA;;AAQA;AACA;AACA;;AAGA,SAASQ,iBAAiBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACxC,MAAMC,OAAO,GAAG,IAAAC,eAAS,EACtBC,MAAM,IAAMA,MAAM,CAAEC,YAAY,CAAC,CAACC,aAAa,CAAC,CAAC,EACnD,EACD,CAAC;EACD,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAY,CAAC;EAC3C,oBACC,IAAAP,WAAA,CAAAW,GAAA,EAACjB,WAAA,CAAAkB,MAAM;IAAA,GACDV,KAAK;IACVC,GAAG,EAAGA,GAAK;IACXU,IAAI,EAAG,CAAE,IAAAC,WAAK,EAAC,CAAC,GAAGC,WAAQ,GAAGC;IAC9B;IACAC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;IACtBC,QAAQ,EAAGC,yBAAe,CAACC,OAAO,CAAE,GAAI;IACxC;IACA;IACA;IAAA;IACA,iBAAgB,CAAEjB,OAAS;IAC3BkB,OAAO,EAAGlB,OAAO,GAAGK,IAAI,GAAGc,SAAW;IACtCC,SAAS,EAAC;EAAsB,CAChC,CAAC;AAEJ;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAQe,IAAAC,mBAAU,EAAE3B,iBAAkB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _components = require("@wordpress/components");
+var _lockUnlock = require("../../lock-unlock");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  createPrivateSlotFill
+} = (0, _lockUnlock.unlock)(_components.privateApis);
+const SLOT_FILL_NAME = 'EditCanvasContainerSlot';
+const EditorContentSlotFill = createPrivateSlotFill(SLOT_FILL_NAME);
+var _default = exports.default = EditorContentSlotFill;
+//# sourceMappingURL=content-slot-fill.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_lockUnlock","createPrivateSlotFill","unlock","componentsPrivateApis","SLOT_FILL_NAME","EditorContentSlotFill","_default","exports","default"],"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":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAM;EAAEE;AAAsB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AACjE,MAAMC,cAAc,GAAG,yBAAyB;AAChD,MAAMC,qBAAqB,GAAGJ,qBAAqB,CAAEG,cAAe,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEvDH,qBAAqB","ignoreList":[]}

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

@@ -0,0 +1,176 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = EditorInterface;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _interface = require("@wordpress/interface");
+var _data = require("@wordpress/data");
+var _i18n = require("@wordpress/i18n");
+var _preferences = require("@wordpress/preferences");
+var _blockEditor = require("@wordpress/block-editor");
+var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
+var _compose = require("@wordpress/compose");
+var _element = require("@wordpress/element");
+var _store = require("../../store");
+var _editorNotices = _interopRequireDefault(require("../editor-notices"));
+var _header = _interopRequireDefault(require("../header"));
+var _inserterSidebar = _interopRequireDefault(require("../inserter-sidebar"));
+var _listViewSidebar = _interopRequireDefault(require("../list-view-sidebar"));
+var _savePublishPanels = _interopRequireDefault(require("../save-publish-panels"));
+var _textEditor = _interopRequireDefault(require("../text-editor"));
+var _visualEditor = _interopRequireDefault(require("../visual-editor"));
+var _contentSlotFill = _interopRequireDefault(require("./content-slot-fill"));
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const interfaceLabels = {
+  /* translators: accessibility text for the editor top bar landmark region. */
+  header: (0, _i18n.__)('Editor top bar'),
+  /* translators: accessibility text for the editor content landmark region. */
+  body: (0, _i18n.__)('Editor content'),
+  /* translators: accessibility text for the editor settings landmark region. */
+  sidebar: (0, _i18n.__)('Editor settings'),
+  /* translators: accessibility text for the editor publish landmark region. */
+  actions: (0, _i18n.__)('Editor publish'),
+  /* translators: accessibility text for the editor footer landmark region. */
+  footer: (0, _i18n.__)('Editor footer')
+};
+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
+  } = (0, _data.useSelect)(select => {
+    const {
+      get
+    } = select(_preferences.store);
+    const {
+      getEditorSettings,
+      getPostTypeLabel
+    } = select(_store.store);
+    const editorSettings = getEditorSettings();
+    const postTypeLabel = getPostTypeLabel();
+    return {
+      mode: select(_store.store).getEditorMode(),
+      isRichEditingEnabled: editorSettings.richEditingEnabled,
+      isInserterOpened: select(_store.store).isInserterOpened(),
+      isListViewOpened: select(_store.store).isListViewOpened(),
+      isDistractionFree: get('core', 'distractionFree'),
+      isPreviewMode: editorSettings.__unstableIsPreviewMode,
+      previousShortcut: select(_keyboardShortcuts.store).getAllShortcutKeyCombinations('core/editor/previous-region'),
+      nextShortcut: select(_keyboardShortcuts.store).getAllShortcutKeyCombinations('core/editor/next-region'),
+      showBlockBreadcrumbs: get('core', 'showBlockBreadcrumbs'),
+      // translators: Default label for the Document in the Block Breadcrumb.
+      documentLabel: postTypeLabel || (0, _i18n._x)('Document', 'noun'),
+      blockEditorMode: select(_blockEditor.store).__unstableGetEditorMode()
+    };
+  }, []);
+  const isWideViewport = (0, _compose.useViewportMatch)('large');
+  const isLargeViewport = (0, _compose.useViewportMatch)('medium');
+  const secondarySidebarLabel = isListViewOpened ? (0, _i18n.__)('Document Overview') : (0, _i18n.__)('Block Library');
+
+  // Local state for save panel.
+  // Note 'truthy' callback implies an open panel.
+  const [entitiesSavedStatesCallback, setEntitiesSavedStatesCallback] = (0, _element.useState)(false);
+  const closeEntitiesSavedStates = (0, _element.useCallback)(arg => {
+    if (typeof entitiesSavedStatesCallback === 'function') {
+      entitiesSavedStatesCallback(arg);
+    }
+    setEntitiesSavedStatesCallback(false);
+  }, [entitiesSavedStatesCallback]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_interface.InterfaceSkeleton, {
+    enableRegionNavigation: enableRegionNavigation,
+    isDistractionFree: isDistractionFree && isWideViewport,
+    className: (0, _clsx.default)('editor-editor-interface', className, {
+      'is-entity-save-view-open': !!entitiesSavedStatesCallback,
+      'is-distraction-free': isDistractionFree && isWideViewport && !isPreviewMode
+    }),
+    labels: {
+      ...interfaceLabels,
+      secondarySidebar: secondarySidebarLabel
+    },
+    header: !isPreviewMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
+      forceIsDirty: forceIsDirty,
+      setEntitiesSavedStatesCallback: setEntitiesSavedStatesCallback,
+      customSaveButton: customSaveButton,
+      forceDisableBlockTools: forceDisableBlockTools,
+      title: title
+    }),
+    editorNotices: /*#__PURE__*/(0, _jsxRuntime.jsx)(_editorNotices.default, {}),
+    secondarySidebar: !isPreviewMode && mode === 'visual' && (isInserterOpened && /*#__PURE__*/(0, _jsxRuntime.jsx)(_inserterSidebar.default, {}) || isListViewOpened && /*#__PURE__*/(0, _jsxRuntime.jsx)(_listViewSidebar.default, {})),
+    sidebar: !isPreviewMode && !isDistractionFree && /*#__PURE__*/(0, _jsxRuntime.jsx)(_interface.ComplementaryArea.Slot, {
+      scope: "core"
+    }),
+    content: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [!isDistractionFree && !isPreviewMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_editorNotices.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_contentSlotFill.default.Slot, {
+        children: ([editorCanvasView]) => editorCanvasView ? editorCanvasView : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [!isPreviewMode && (mode === 'text' || !isRichEditingEnabled) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_textEditor.default
+          // We should auto-focus the canvas (title) on load.
+          // eslint-disable-next-line jsx-a11y/no-autofocus
+          , {
+            autoFocus: autoFocus
+          }), !isPreviewMode && !isLargeViewport && mode === 'visual' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockToolbar, {
+            hideDragHandle: true
+          }), (isPreviewMode || isRichEditingEnabled && mode === 'visual') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_visualEditor.default, {
+            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__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockBreadcrumb, {
+      rootLabelText: documentLabel
+    }),
+    actions: /*#__PURE__*/(0, _jsxRuntime.jsx)(_savePublishPanels.default, {
+      closeEntitiesSavedStates: closeEntitiesSavedStates,
+      isEntitiesSavedStatesOpen: entitiesSavedStatesCallback,
+      setEntitiesSavedStatesCallback: setEntitiesSavedStatesCallback,
+      forceIsDirtyPublishPanel: forceIsDirty
+    }),
+    shortcuts: {
+      previous: previousShortcut,
+      next: nextShortcut
+    }
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_interface","_data","_i18n","_preferences","_blockEditor","_keyboardShortcuts","_compose","_element","_store","_editorNotices","_header","_inserterSidebar","_listViewSidebar","_savePublishPanels","_textEditor","_visualEditor","_contentSlotFill","_jsxRuntime","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","useSelect","select","get","preferencesStore","getEditorSettings","getPostTypeLabel","editorStore","editorSettings","postTypeLabel","getEditorMode","richEditingEnabled","__unstableIsPreviewMode","keyboardShortcutsStore","getAllShortcutKeyCombinations","_x","blockEditorStore","__unstableGetEditorMode","isWideViewport","useViewportMatch","isLargeViewport","secondarySidebarLabel","entitiesSavedStatesCallback","setEntitiesSavedStatesCallback","useState","closeEntitiesSavedStates","useCallback","arg","jsx","InterfaceSkeleton","clsx","labels","secondarySidebar","default","editorNotices","ComplementaryArea","Slot","scope","content","jsxs","Fragment","editorCanvasView","BlockToolbar","hideDragHandle","BlockBreadcrumb","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/components/editor-notices/index.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EditorNotices = EditorNotices;
 exports.default = void 0;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
 var _notices = require("@wordpress/notices");
 var _templateValidationNotice = _interopRequireDefault(require("../template-validation-notice"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -19,6 +19,16 @@ var _templateValidationNotice = _interopRequireDefault(require("../template-vali
  * Internal dependencies
  */
 
+/**
+ * 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.
+ */
 function EditorNotices() {
   const {
     notices
@@ -36,14 +46,17 @@ function EditorNotices() {
     isDismissible,
     type
   }) => !isDismissible && type === 'default');
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.NoticeList, {
-    notices: nonDismissibleNotices,
-    className: "components-editor-notices__pinned"
-  }), (0, _react.createElement)(_components.NoticeList, {
-    notices: dismissibleNotices,
-    className: "components-editor-notices__dismissible",
-    onRemove: removeNotice
-  }, (0, _react.createElement)(_templateValidationNotice.default, null)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NoticeList, {
+      notices: nonDismissibleNotices,
+      className: "components-editor-notices__pinned"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NoticeList, {
+      notices: dismissibleNotices,
+      className: "components-editor-notices__dismissible",
+      onRemove: removeNotice,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_templateValidationNotice.default, {})
+    })]
+  });
 }
 var _default = exports.default = EditorNotices;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_data","_notices","_templateValidationNotice","_interopRequireDefault","EditorNotices","notices","useSelect","select","noticesStore","getNotices","removeNotice","useDispatch","dismissibleNotices","filter","isDismissible","type","nonDismissibleNotices","_react","createElement","Fragment","NoticeList","className","onRemove","default","_default","exports"],"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":";;;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,yBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAVA;AACA;AACA;;AAKA;AACA;AACA;;AAGO,SAASK,aAAaA,CAAA,EAAG;EAC/B,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,eAAS,EAC1BC,MAAM,KAAQ;IACfF,OAAO,EAAEE,MAAM,CAAEC,cAAa,CAAC,CAACC,UAAU,CAAC;EAC5C,CAAC,CAAE,EACH,EACD,CAAC;EACD,MAAM;IAAEC;EAAa,CAAC,GAAG,IAAAC,iBAAW,EAAEH,cAAa,CAAC;EACpD,MAAMI,kBAAkB,GAAGP,OAAO,CAACQ,MAAM,CACxC,CAAE;IAAEC,aAAa;IAAEC;EAAK,CAAC,KAAMD,aAAa,IAAIC,IAAI,KAAK,SAC1D,CAAC;EACD,MAAMC,qBAAqB,GAAGX,OAAO,CAACQ,MAAM,CAC3C,CAAE;IAAEC,aAAa;IAAEC;EAAK,CAAC,KAAM,CAAED,aAAa,IAAIC,IAAI,KAAK,SAC5D,CAAC;EAED,OACC,IAAAE,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAsB,UAAU;IACVf,OAAO,EAAGW,qBAAuB;IACjCK,SAAS,EAAC;EAAmC,CAC7C,CAAC,EACF,IAAAJ,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAsB,UAAU;IACVf,OAAO,EAAGO,kBAAoB;IAC9BS,SAAS,EAAC,wCAAwC;IAClDC,QAAQ,EAAGZ;EAAc,GAEzB,IAAAO,MAAA,CAAAC,aAAA,EAAChB,yBAAA,CAAAqB,OAAwB,MAAE,CAChB,CACX,CAAC;AAEL;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEcnB,aAAa","ignoreList":[]}
+{"version":3,"names":["_components","require","_data","_notices","_templateValidationNotice","_interopRequireDefault","_jsxRuntime","EditorNotices","notices","useSelect","select","noticesStore","getNotices","removeNotice","useDispatch","dismissibleNotices","filter","isDismissible","type","nonDismissibleNotices","jsxs","Fragment","children","jsx","NoticeList","className","onRemove","default","_default","exports"],"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":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,yBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAAqE,IAAAK,WAAA,GAAAL,OAAA;AAVrE;AACA;AACA;;AAKA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASM,aAAaA,CAAA,EAAG;EAC/B,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,eAAS,EAC1BC,MAAM,KAAQ;IACfF,OAAO,EAAEE,MAAM,CAAEC,cAAa,CAAC,CAACC,UAAU,CAAC;EAC5C,CAAC,CAAE,EACH,EACD,CAAC;EACD,MAAM;IAAEC;EAAa,CAAC,GAAG,IAAAC,iBAAW,EAAEH,cAAa,CAAC;EACpD,MAAMI,kBAAkB,GAAGP,OAAO,CAACQ,MAAM,CACxC,CAAE;IAAEC,aAAa;IAAEC;EAAK,CAAC,KAAMD,aAAa,IAAIC,IAAI,KAAK,SAC1D,CAAC;EACD,MAAMC,qBAAqB,GAAGX,OAAO,CAACQ,MAAM,CAC3C,CAAE;IAAEC,aAAa;IAAEC;EAAK,CAAC,KAAM,CAAED,aAAa,IAAIC,IAAI,KAAK,SAC5D,CAAC;EAED,oBACC,IAAAZ,WAAA,CAAAc,IAAA,EAAAd,WAAA,CAAAe,QAAA;IAAAC,QAAA,gBACC,IAAAhB,WAAA,CAAAiB,GAAA,EAACvB,WAAA,CAAAwB,UAAU;MACVhB,OAAO,EAAGW,qBAAuB;MACjCM,SAAS,EAAC;IAAmC,CAC7C,CAAC,eACF,IAAAnB,WAAA,CAAAiB,GAAA,EAACvB,WAAA,CAAAwB,UAAU;MACVhB,OAAO,EAAGO,kBAAoB;MAC9BU,SAAS,EAAC,wCAAwC;MAClDC,QAAQ,EAAGb,YAAc;MAAAS,QAAA,eAEzB,IAAAhB,WAAA,CAAAiB,GAAA,EAACnB,yBAAA,CAAAuB,OAAwB,IAAE;IAAC,CACjB,CAAC;EAAA,CACZ,CAAC;AAEL;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEcpB,aAAa","ignoreList":[]}