@wordpress/editor 13.35.0 → 14.0.1

package/build-module/components/more-menu/index.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -18,6 +17,9 @@ import ModeSwitcher from '../mode-switcher';
 import ToolsMoreMenuGroup from './tools-more-menu-group';
 import ViewMoreMenuGroup from './view-more-menu-group';
 import { store as editorStore } from '../../store';
+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 MoreMenu() {
   const {
     openModal
@@ -32,80 +34,93 @@ export default function MoreMenu() {
   const turnOffDistractionFree = () => {
     setPreference('core', 'distractionFree', false);
   };
-  return createElement(Fragment, null, createElement(DropdownMenu, {
-    icon: moreVertical,
-    label: __('Options'),
-    popoverProps: {
-      placement: 'bottom-end',
-      className: 'more-menu-dropdown__content'
-    },
-    toggleProps: {
-      showTooltip: !showIconLabels,
-      ...(showIconLabels && {
-        variant: 'tertiary'
-      }),
-      tooltipPosition: 'bottom',
-      size: 'compact'
-    }
-  }, ({
-    onClose
-  }) => createElement(Fragment, null, createElement(MenuGroup, {
-    label: _x('View', 'noun')
-  }, createElement(PreferenceToggleMenuItem, {
-    scope: "core",
-    name: "fixedToolbar",
-    onToggle: turnOffDistractionFree,
-    label: __('Top toolbar'),
-    info: __('Access all block and document tools in a single place'),
-    messageActivated: __('Top toolbar activated'),
-    messageDeactivated: __('Top toolbar deactivated')
-  }), createElement(PreferenceToggleMenuItem, {
-    scope: "core",
-    name: "distractionFree",
-    label: __('Distraction free'),
-    info: __('Write with calmness'),
-    handleToggling: false,
-    onToggle: toggleDistractionFree,
-    messageActivated: __('Distraction free mode activated'),
-    messageDeactivated: __('Distraction free mode deactivated'),
-    shortcut: displayShortcut.primaryShift('\\')
-  }), createElement(PreferenceToggleMenuItem, {
-    scope: "core",
-    name: "focusMode",
-    label: __('Spotlight mode'),
-    info: __('Focus on one block at a time'),
-    messageActivated: __('Spotlight mode activated'),
-    messageDeactivated: __('Spotlight mode deactivated')
-  }), createElement(ViewMoreMenuGroup.Slot, {
-    fillProps: {
-      onClose
-    }
-  })), createElement(ModeSwitcher, null), createElement(ActionItem.Slot, {
-    name: "core/plugin-more-menu",
-    label: __('Plugins'),
-    as: MenuGroup,
-    fillProps: {
-      onClick: onClose
-    }
-  }), createElement(MenuGroup, {
-    label: __('Tools')
-  }, createElement(MenuItem, {
-    onClick: () => openModal('editor/keyboard-shortcut-help'),
-    shortcut: displayShortcut.access('h')
-  }, __('Keyboard shortcuts')), createElement(CopyContentMenuItem, null), createElement(MenuItem, {
-    icon: external,
-    href: __('https://wordpress.org/documentation/article/wordpress-block-editor/'),
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, __('Help'), createElement(VisuallyHidden, {
-    as: "span"
-  }, /* translators: accessibility text */
-  __('(opens in a new tab)'))), createElement(ToolsMoreMenuGroup.Slot, {
-    fillProps: {
-      onClose
-    }
-  })), createElement(MenuGroup, null, createElement(MenuItem, {
-    onClick: () => openModal('editor/preferences')
-  }, __('Preferences'))))));
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(DropdownMenu, {
+      icon: moreVertical,
+      label: __('Options'),
+      popoverProps: {
+        placement: 'bottom-end',
+        className: 'more-menu-dropdown__content'
+      },
+      toggleProps: {
+        showTooltip: !showIconLabels,
+        ...(showIconLabels && {
+          variant: 'tertiary'
+        }),
+        tooltipPosition: 'bottom',
+        size: 'compact'
+      },
+      children: ({
+        onClose
+      }) => /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsxs(MenuGroup, {
+          label: _x('View', 'noun'),
+          children: [/*#__PURE__*/_jsx(PreferenceToggleMenuItem, {
+            scope: "core",
+            name: "fixedToolbar",
+            onToggle: turnOffDistractionFree,
+            label: __('Top toolbar'),
+            info: __('Access all block and document tools in a single place'),
+            messageActivated: __('Top toolbar activated'),
+            messageDeactivated: __('Top toolbar deactivated')
+          }), /*#__PURE__*/_jsx(PreferenceToggleMenuItem, {
+            scope: "core",
+            name: "distractionFree",
+            label: __('Distraction free'),
+            info: __('Write with calmness'),
+            handleToggling: false,
+            onToggle: toggleDistractionFree,
+            messageActivated: __('Distraction free mode activated'),
+            messageDeactivated: __('Distraction free mode deactivated'),
+            shortcut: displayShortcut.primaryShift('\\')
+          }), /*#__PURE__*/_jsx(PreferenceToggleMenuItem, {
+            scope: "core",
+            name: "focusMode",
+            label: __('Spotlight mode'),
+            info: __('Focus on one block at a time'),
+            messageActivated: __('Spotlight mode activated'),
+            messageDeactivated: __('Spotlight mode deactivated')
+          }), /*#__PURE__*/_jsx(ViewMoreMenuGroup.Slot, {
+            fillProps: {
+              onClose
+            }
+          })]
+        }), /*#__PURE__*/_jsx(ModeSwitcher, {}), /*#__PURE__*/_jsx(ActionItem.Slot, {
+          name: "core/plugin-more-menu",
+          label: __('Plugins'),
+          as: MenuGroup,
+          fillProps: {
+            onClick: onClose
+          }
+        }), /*#__PURE__*/_jsxs(MenuGroup, {
+          label: __('Tools'),
+          children: [/*#__PURE__*/_jsx(MenuItem, {
+            onClick: () => openModal('editor/keyboard-shortcut-help'),
+            shortcut: displayShortcut.access('h'),
+            children: __('Keyboard shortcuts')
+          }), /*#__PURE__*/_jsx(CopyContentMenuItem, {}), /*#__PURE__*/_jsxs(MenuItem, {
+            icon: external,
+            href: __('https://wordpress.org/documentation/article/wordpress-block-editor/'),
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: [__('Help'), /*#__PURE__*/_jsx(VisuallyHidden, {
+              as: "span",
+              children: /* translators: accessibility text */
+              __('(opens in a new tab)')
+            })]
+          }), /*#__PURE__*/_jsx(ToolsMoreMenuGroup.Slot, {
+            fillProps: {
+              onClose
+            }
+          })]
+        }), /*#__PURE__*/_jsx(MenuGroup, {
+          children: /*#__PURE__*/_jsx(MenuItem, {
+            onClick: () => openModal('editor/preferences'),
+            children: __('Preferences')
+          })
+        })]
+      })
+    })
+  });
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/more-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","_x","useSelect","useDispatch","displayShortcut","external","moreVertical","MenuGroup","MenuItem","VisuallyHidden","DropdownMenu","PreferenceToggleMenuItem","store","preferencesStore","interfaceStore","ActionItem","CopyContentMenuItem","ModeSwitcher","ToolsMoreMenuGroup","ViewMoreMenuGroup","editorStore","MoreMenu","openModal","set","setPreference","toggleDistractionFree","showIconLabels","select","get","turnOffDistractionFree","createElement","Fragment","icon","label","popoverProps","placement","className","toggleProps","showTooltip","variant","tooltipPosition","size","onClose","scope","name","onToggle","info","messageActivated","messageDeactivated","handleToggling","shortcut","primaryShift","Slot","fillProps","as","onClick","access","href","target","rel"],"sources":["@wordpress/editor/src/components/more-menu/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { external, moreVertical } from '@wordpress/icons';\nimport {\n\tMenuGroup,\n\tMenuItem,\n\tVisuallyHidden,\n\tDropdownMenu,\n} from '@wordpress/components';\nimport {\n\tPreferenceToggleMenuItem,\n\tstore as preferencesStore,\n} from '@wordpress/preferences';\nimport { store as interfaceStore, ActionItem } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport CopyContentMenuItem from './copy-content-menu-item';\nimport ModeSwitcher from '../mode-switcher';\nimport ToolsMoreMenuGroup from './tools-more-menu-group';\nimport ViewMoreMenuGroup from './view-more-menu-group';\nimport { store as editorStore } from '../../store';\n\nexport default function MoreMenu() {\n\tconst { openModal } = useDispatch( interfaceStore );\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\tconst { toggleDistractionFree } = useDispatch( editorStore );\n\tconst showIconLabels = useSelect(\n\t\t( select ) =>\n\t\t\tselect( preferencesStore ).get( 'core', 'showIconLabels' ),\n\t\t[]\n\t);\n\tconst turnOffDistractionFree = () => {\n\t\tsetPreference( 'core', 'distractionFree', false );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tlabel={ __( 'Options' ) }\n\t\t\t\tpopoverProps={ {\n\t\t\t\t\tplacement: 'bottom-end',\n\t\t\t\t\tclassName: 'more-menu-dropdown__content',\n\t\t\t\t} }\n\t\t\t\ttoggleProps={ {\n\t\t\t\t\tshowTooltip: ! showIconLabels,\n\t\t\t\t\t...( showIconLabels && { variant: 'tertiary' } ),\n\t\t\t\t\ttooltipPosition: 'bottom',\n\t\t\t\t\tsize: 'compact',\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<MenuGroup label={ _x( 'View', 'noun' ) }>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core\"\n\t\t\t\t\t\t\t\tname=\"fixedToolbar\"\n\t\t\t\t\t\t\t\tonToggle={ turnOffDistractionFree }\n\t\t\t\t\t\t\t\tlabel={ __( 'Top toolbar' ) }\n\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t'Access all block and document tools in a single place'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Top toolbar activated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t'Top toolbar deactivated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core\"\n\t\t\t\t\t\t\t\tname=\"distractionFree\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Distraction free' ) }\n\t\t\t\t\t\t\t\tinfo={ __( 'Write with calmness' ) }\n\t\t\t\t\t\t\t\thandleToggling={ false }\n\t\t\t\t\t\t\t\tonToggle={ toggleDistractionFree }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Distraction free mode activated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t'Distraction free mode deactivated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.primaryShift(\n\t\t\t\t\t\t\t\t\t'\\\\'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core\"\n\t\t\t\t\t\t\t\tname=\"focusMode\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Spotlight mode' ) }\n\t\t\t\t\t\t\t\tinfo={ __( 'Focus on one block at a time' ) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Spotlight mode activated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t'Spotlight mode deactivated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<ViewMoreMenuGroup.Slot fillProps={ { onClose } } />\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<ModeSwitcher />\n\t\t\t\t\t\t<ActionItem.Slot\n\t\t\t\t\t\t\tname=\"core/plugin-more-menu\"\n\t\t\t\t\t\t\tlabel={ __( 'Plugins' ) }\n\t\t\t\t\t\t\tas={ MenuGroup }\n\t\t\t\t\t\t\tfillProps={ { onClick: onClose } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<MenuGroup label={ __( 'Tools' ) }>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\topenModal( 'editor/keyboard-shortcut-help' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.access( 'h' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Keyboard shortcuts' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<CopyContentMenuItem />\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/wordpress-block-editor/'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Help' ) }\n\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t/* translators: accessibility text */\n\t\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<ToolsMoreMenuGroup.Slot\n\t\t\t\t\t\t\t\tfillProps={ { onClose } }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\topenModal( 'editor/preferences' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Preferences' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t</>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,EAAE,QAAQ,iBAAiB;AACxC,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,QAAQ,EAAEC,YAAY,QAAQ,kBAAkB;AACzD,SACCC,SAAS,EACTC,QAAQ,EACRC,cAAc,EACdC,YAAY,QACN,uBAAuB;AAC9B,SACCC,wBAAwB,EACxBC,KAAK,IAAIC,gBAAgB,QACnB,wBAAwB;AAC/B,SAASD,KAAK,IAAIE,cAAc,EAAEC,UAAU,QAAQ,sBAAsB;;AAE1E;AACA;AACA;AACA,OAAOC,mBAAmB,MAAM,0BAA0B;AAC1D,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,kBAAkB,MAAM,yBAAyB;AACxD,OAAOC,iBAAiB,MAAM,wBAAwB;AACtD,SAASP,KAAK,IAAIQ,WAAW,QAAQ,aAAa;AAElD,eAAe,SAASC,QAAQA,CAAA,EAAG;EAClC,MAAM;IAAEC;EAAU,CAAC,GAAGnB,WAAW,CAAEW,cAAe,CAAC;EACnD,MAAM;IAAES,GAAG,EAAEC;EAAc,CAAC,GAAGrB,WAAW,CAAEU,gBAAiB,CAAC;EAC9D,MAAM;IAAEY;EAAsB,CAAC,GAAGtB,WAAW,CAAEiB,WAAY,CAAC;EAC5D,MAAMM,cAAc,GAAGxB,SAAS,CAC7ByB,MAAM,IACPA,MAAM,CAAEd,gBAAiB,CAAC,CAACe,GAAG,CAAE,MAAM,EAAE,gBAAiB,CAAC,EAC3D,EACD,CAAC;EACD,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;IACpCL,aAAa,CAAE,MAAM,EAAE,iBAAiB,EAAE,KAAM,CAAC;EAClD,CAAC;EAED,OACCM,aAAA,CAAAC,QAAA,QACCD,aAAA,CAACpB,YAAY;IACZsB,IAAI,EAAG1B,YAAc;IACrB2B,KAAK,EAAGjC,EAAE,CAAE,SAAU,CAAG;IACzBkC,YAAY,EAAG;MACdC,SAAS,EAAE,YAAY;MACvBC,SAAS,EAAE;IACZ,CAAG;IACHC,WAAW,EAAG;MACbC,WAAW,EAAE,CAAEZ,cAAc;MAC7B,IAAKA,cAAc,IAAI;QAAEa,OAAO,EAAE;MAAW,CAAC,CAAE;MAChDC,eAAe,EAAE,QAAQ;MACzBC,IAAI,EAAE;IACP;EAAG,GAED,CAAE;IAAEC;EAAQ,CAAC,KACdZ,aAAA,CAAAC,QAAA,QACCD,aAAA,CAACvB,SAAS;IAAC0B,KAAK,EAAGhC,EAAE,CAAE,MAAM,EAAE,MAAO;EAAG,GACxC6B,aAAA,CAACnB,wBAAwB;IACxBgC,KAAK,EAAC,MAAM;IACZC,IAAI,EAAC,cAAc;IACnBC,QAAQ,EAAGhB,sBAAwB;IACnCI,KAAK,EAAGjC,EAAE,CAAE,aAAc,CAAG;IAC7B8C,IAAI,EAAG9C,EAAE,CACR,uDACD,CAAG;IACH+C,gBAAgB,EAAG/C,EAAE,CACpB,uBACD,CAAG;IACHgD,kBAAkB,EAAGhD,EAAE,CACtB,yBACD;EAAG,CACH,CAAC,EACF8B,aAAA,CAACnB,wBAAwB;IACxBgC,KAAK,EAAC,MAAM;IACZC,IAAI,EAAC,iBAAiB;IACtBX,KAAK,EAAGjC,EAAE,CAAE,kBAAmB,CAAG;IAClC8C,IAAI,EAAG9C,EAAE,CAAE,qBAAsB,CAAG;IACpCiD,cAAc,EAAG,KAAO;IACxBJ,QAAQ,EAAGpB,qBAAuB;IAClCsB,gBAAgB,EAAG/C,EAAE,CACpB,iCACD,CAAG;IACHgD,kBAAkB,EAAGhD,EAAE,CACtB,mCACD,CAAG;IACHkD,QAAQ,EAAG9C,eAAe,CAAC+C,YAAY,CACtC,IACD;EAAG,CACH,CAAC,EACFrB,aAAA,CAACnB,wBAAwB;IACxBgC,KAAK,EAAC,MAAM;IACZC,IAAI,EAAC,WAAW;IAChBX,KAAK,EAAGjC,EAAE,CAAE,gBAAiB,CAAG;IAChC8C,IAAI,EAAG9C,EAAE,CAAE,8BAA+B,CAAG;IAC7C+C,gBAAgB,EAAG/C,EAAE,CACpB,0BACD,CAAG;IACHgD,kBAAkB,EAAGhD,EAAE,CACtB,4BACD;EAAG,CACH,CAAC,EACF8B,aAAA,CAACX,iBAAiB,CAACiC,IAAI;IAACC,SAAS,EAAG;MAAEX;IAAQ;EAAG,CAAE,CACzC,CAAC,EACZZ,aAAA,CAACb,YAAY,MAAE,CAAC,EAChBa,aAAA,CAACf,UAAU,CAACqC,IAAI;IACfR,IAAI,EAAC,uBAAuB;IAC5BX,KAAK,EAAGjC,EAAE,CAAE,SAAU,CAAG;IACzBsD,EAAE,EAAG/C,SAAW;IAChB8C,SAAS,EAAG;MAAEE,OAAO,EAAEb;IAAQ;EAAG,CAClC,CAAC,EACFZ,aAAA,CAACvB,SAAS;IAAC0B,KAAK,EAAGjC,EAAE,CAAE,OAAQ;EAAG,GACjC8B,aAAA,CAACtB,QAAQ;IACR+C,OAAO,EAAGA,CAAA,KACTjC,SAAS,CAAE,+BAAgC,CAC3C;IACD4B,QAAQ,EAAG9C,eAAe,CAACoD,MAAM,CAAE,GAAI;EAAG,GAExCxD,EAAE,CAAE,oBAAqB,CAClB,CAAC,EACX8B,aAAA,CAACd,mBAAmB,MAAE,CAAC,EACvBc,aAAA,CAACtB,QAAQ;IACRwB,IAAI,EAAG3B,QAAU;IACjBoD,IAAI,EAAGzD,EAAE,CACR,qEACD,CAAG;IACH0D,MAAM,EAAC,QAAQ;IACfC,GAAG,EAAC;EAAqB,GAEvB3D,EAAE,CAAE,MAAO,CAAC,EACd8B,aAAA,CAACrB,cAAc;IAAC6C,EAAE,EAAC;EAAM,GAEvB;EACAtD,EAAE,CAAE,sBAAuB,CAEb,CACP,CAAC,EACX8B,aAAA,CAACZ,kBAAkB,CAACkC,IAAI;IACvBC,SAAS,EAAG;MAAEX;IAAQ;EAAG,CACzB,CACS,CAAC,EACZZ,aAAA,CAACvB,SAAS,QACTuB,aAAA,CAACtB,QAAQ;IACR+C,OAAO,EAAGA,CAAA,KACTjC,SAAS,CAAE,oBAAqB;EAChC,GAECtB,EAAE,CAAE,aAAc,CACX,CACA,CACV,CAEU,CACb,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["__","_x","useSelect","useDispatch","displayShortcut","external","moreVertical","MenuGroup","MenuItem","VisuallyHidden","DropdownMenu","PreferenceToggleMenuItem","store","preferencesStore","interfaceStore","ActionItem","CopyContentMenuItem","ModeSwitcher","ToolsMoreMenuGroup","ViewMoreMenuGroup","editorStore","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","MoreMenu","openModal","set","setPreference","toggleDistractionFree","showIconLabels","select","get","turnOffDistractionFree","children","icon","label","popoverProps","placement","className","toggleProps","showTooltip","variant","tooltipPosition","size","onClose","scope","name","onToggle","info","messageActivated","messageDeactivated","handleToggling","shortcut","primaryShift","Slot","fillProps","as","onClick","access","href","target","rel"],"sources":["@wordpress/editor/src/components/more-menu/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { external, moreVertical } from '@wordpress/icons';\nimport {\n\tMenuGroup,\n\tMenuItem,\n\tVisuallyHidden,\n\tDropdownMenu,\n} from '@wordpress/components';\nimport {\n\tPreferenceToggleMenuItem,\n\tstore as preferencesStore,\n} from '@wordpress/preferences';\nimport { store as interfaceStore, ActionItem } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport CopyContentMenuItem from './copy-content-menu-item';\nimport ModeSwitcher from '../mode-switcher';\nimport ToolsMoreMenuGroup from './tools-more-menu-group';\nimport ViewMoreMenuGroup from './view-more-menu-group';\nimport { store as editorStore } from '../../store';\n\nexport default function MoreMenu() {\n\tconst { openModal } = useDispatch( interfaceStore );\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\tconst { toggleDistractionFree } = useDispatch( editorStore );\n\tconst showIconLabels = useSelect(\n\t\t( select ) =>\n\t\t\tselect( preferencesStore ).get( 'core', 'showIconLabels' ),\n\t\t[]\n\t);\n\tconst turnOffDistractionFree = () => {\n\t\tsetPreference( 'core', 'distractionFree', false );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tlabel={ __( 'Options' ) }\n\t\t\t\tpopoverProps={ {\n\t\t\t\t\tplacement: 'bottom-end',\n\t\t\t\t\tclassName: 'more-menu-dropdown__content',\n\t\t\t\t} }\n\t\t\t\ttoggleProps={ {\n\t\t\t\t\tshowTooltip: ! showIconLabels,\n\t\t\t\t\t...( showIconLabels && { variant: 'tertiary' } ),\n\t\t\t\t\ttooltipPosition: 'bottom',\n\t\t\t\t\tsize: 'compact',\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<MenuGroup label={ _x( 'View', 'noun' ) }>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core\"\n\t\t\t\t\t\t\t\tname=\"fixedToolbar\"\n\t\t\t\t\t\t\t\tonToggle={ turnOffDistractionFree }\n\t\t\t\t\t\t\t\tlabel={ __( 'Top toolbar' ) }\n\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t'Access all block and document tools in a single place'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Top toolbar activated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t'Top toolbar deactivated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core\"\n\t\t\t\t\t\t\t\tname=\"distractionFree\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Distraction free' ) }\n\t\t\t\t\t\t\t\tinfo={ __( 'Write with calmness' ) }\n\t\t\t\t\t\t\t\thandleToggling={ false }\n\t\t\t\t\t\t\t\tonToggle={ toggleDistractionFree }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Distraction free mode activated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t'Distraction free mode deactivated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.primaryShift(\n\t\t\t\t\t\t\t\t\t'\\\\'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core\"\n\t\t\t\t\t\t\t\tname=\"focusMode\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Spotlight mode' ) }\n\t\t\t\t\t\t\t\tinfo={ __( 'Focus on one block at a time' ) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Spotlight mode activated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t'Spotlight mode deactivated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<ViewMoreMenuGroup.Slot fillProps={ { onClose } } />\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<ModeSwitcher />\n\t\t\t\t\t\t<ActionItem.Slot\n\t\t\t\t\t\t\tname=\"core/plugin-more-menu\"\n\t\t\t\t\t\t\tlabel={ __( 'Plugins' ) }\n\t\t\t\t\t\t\tas={ MenuGroup }\n\t\t\t\t\t\t\tfillProps={ { onClick: onClose } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<MenuGroup label={ __( 'Tools' ) }>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\topenModal( 'editor/keyboard-shortcut-help' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.access( 'h' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Keyboard shortcuts' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<CopyContentMenuItem />\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/wordpress-block-editor/'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Help' ) }\n\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t/* translators: accessibility text */\n\t\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<ToolsMoreMenuGroup.Slot\n\t\t\t\t\t\t\t\tfillProps={ { onClose } }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\topenModal( 'editor/preferences' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Preferences' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/more-menu/tools-more-menu-group.js

@@ -1,15 +1,15 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { createSlotFill } from '@wordpress/components';
+import { jsx as _jsx } from "react/jsx-runtime";
 const {
   Fill: ToolsMoreMenuGroup,
   Slot
 } = createSlotFill('ToolsMoreMenuGroup');
 ToolsMoreMenuGroup.Slot = ({
   fillProps
-}) => createElement(Slot, {
+}) => /*#__PURE__*/_jsx(Slot, {
   fillProps: fillProps
 });
 export default ToolsMoreMenuGroup;

package/build-module/components/more-menu/tools-more-menu-group.js.map

@@ -1 +1 @@
-{"version":3,"names":["createSlotFill","Fill","ToolsMoreMenuGroup","Slot","fillProps","createElement"],"sources":["@wordpress/editor/src/components/more-menu/tools-more-menu-group.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst { Fill: ToolsMoreMenuGroup, Slot } =\n\tcreateSlotFill( 'ToolsMoreMenuGroup' );\n\nToolsMoreMenuGroup.Slot = ( { fillProps } ) => <Slot fillProps={ fillProps } />;\n\nexport default ToolsMoreMenuGroup;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,uBAAuB;AAEtD,MAAM;EAAEC,IAAI,EAAEC,kBAAkB;EAAEC;AAAK,CAAC,GACvCH,cAAc,CAAE,oBAAqB,CAAC;AAEvCE,kBAAkB,CAACC,IAAI,GAAG,CAAE;EAAEC;AAAU,CAAC,KAAMC,aAAA,CAACF,IAAI;EAACC,SAAS,EAAGA;AAAW,CAAE,CAAC;AAE/E,eAAeF,kBAAkB","ignoreList":[]}
+{"version":3,"names":["createSlotFill","jsx","_jsx","Fill","ToolsMoreMenuGroup","Slot","fillProps"],"sources":["@wordpress/editor/src/components/more-menu/tools-more-menu-group.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst { Fill: ToolsMoreMenuGroup, Slot } =\n\tcreateSlotFill( 'ToolsMoreMenuGroup' );\n\nToolsMoreMenuGroup.Slot = ( { fillProps } ) => <Slot fillProps={ fillProps } />;\n\nexport default ToolsMoreMenuGroup;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvD,MAAM;EAAEC,IAAI,EAAEC,kBAAkB;EAAEC;AAAK,CAAC,GACvCL,cAAc,CAAE,oBAAqB,CAAC;AAEvCI,kBAAkB,CAACC,IAAI,GAAG,CAAE;EAAEC;AAAU,CAAC,kBAAMJ,IAAA,CAACG,IAAI;EAACC,SAAS,EAAGA;AAAW,CAAE,CAAC;AAE/E,eAAeF,kBAAkB","ignoreList":[]}

package/build-module/components/more-menu/view-more-menu-group.js

@@ -1,16 +1,16 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { createSlotFill } from '@wordpress/components';
 import { Platform } from '@wordpress/element';
+import { jsx as _jsx } from "react/jsx-runtime";
 const {
   Fill: ViewMoreMenuGroup,
   Slot
 } = createSlotFill(Platform.OS === 'web' ? Symbol('ViewMoreMenuGroup') : 'ViewMoreMenuGroup');
 ViewMoreMenuGroup.Slot = ({
   fillProps
-}) => createElement(Slot, {
+}) => /*#__PURE__*/_jsx(Slot, {
   fillProps: fillProps
 });
 export default ViewMoreMenuGroup;

package/build-module/components/more-menu/view-more-menu-group.js.map

@@ -1 +1 @@
-{"version":3,"names":["createSlotFill","Platform","Fill","ViewMoreMenuGroup","Slot","OS","Symbol","fillProps","createElement"],"sources":["@wordpress/editor/src/components/more-menu/view-more-menu-group.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\nimport { Platform } from '@wordpress/element';\n\nconst { Fill: ViewMoreMenuGroup, Slot } = createSlotFill(\n\tPlatform.OS === 'web' ? Symbol( 'ViewMoreMenuGroup' ) : 'ViewMoreMenuGroup'\n);\n\nViewMoreMenuGroup.Slot = ( { fillProps } ) => <Slot fillProps={ fillProps } />;\n\nexport default ViewMoreMenuGroup;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,uBAAuB;AACtD,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,MAAM;EAAEC,IAAI,EAAEC,iBAAiB;EAAEC;AAAK,CAAC,GAAGJ,cAAc,CACvDC,QAAQ,CAACI,EAAE,KAAK,KAAK,GAAGC,MAAM,CAAE,mBAAoB,CAAC,GAAG,mBACzD,CAAC;AAEDH,iBAAiB,CAACC,IAAI,GAAG,CAAE;EAAEG;AAAU,CAAC,KAAMC,aAAA,CAACJ,IAAI;EAACG,SAAS,EAAGA;AAAW,CAAE,CAAC;AAE9E,eAAeJ,iBAAiB","ignoreList":[]}
+{"version":3,"names":["createSlotFill","Platform","jsx","_jsx","Fill","ViewMoreMenuGroup","Slot","OS","Symbol","fillProps"],"sources":["@wordpress/editor/src/components/more-menu/view-more-menu-group.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\nimport { Platform } from '@wordpress/element';\n\nconst { Fill: ViewMoreMenuGroup, Slot } = createSlotFill(\n\tPlatform.OS === 'web' ? Symbol( 'ViewMoreMenuGroup' ) : 'ViewMoreMenuGroup'\n);\n\nViewMoreMenuGroup.Slot = ( { fillProps } ) => <Slot fillProps={ fillProps } />;\n\nexport default ViewMoreMenuGroup;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,uBAAuB;AACtD,SAASC,QAAQ,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9C,MAAM;EAAEC,IAAI,EAAEC,iBAAiB;EAAEC;AAAK,CAAC,GAAGN,cAAc,CACvDC,QAAQ,CAACM,EAAE,KAAK,KAAK,GAAGC,MAAM,CAAE,mBAAoB,CAAC,GAAG,mBACzD,CAAC;AAEDH,iBAAiB,CAACC,IAAI,GAAG,CAAE;EAAEG;AAAU,CAAC,kBAAMN,IAAA,CAACG,IAAI;EAACG,SAAS,EAAGA;AAAW,CAAE,CAAC;AAE9E,eAAeJ,iBAAiB","ignoreList":[]}

package/build-module/components/offline-status/index.native.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -30,6 +29,8 @@ import styles from './style.native.scss';
  * @param {boolean} [options.isActive]        Whether the message should be announced.
  * @param {string}  [options.inactiveMessage] The message to announce when inactive.
  */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function useAccessibilityLiveRegion(message, {
   isActive,
   inactiveMessage
@@ -59,17 +60,19 @@ const OfflineStatus = () => {
   const containerStyle = usePreferredColorSchemeStyle(styles.offline, styles.offline__dark);
   const textStyle = usePreferredColorSchemeStyle(styles['offline--text'], styles['offline--text__dark']);
   const iconStyle = usePreferredColorSchemeStyle(styles['offline--icon'], styles['offline--icon__dark']);
-  return !isConnected ? createElement(View, {
+  return !isConnected ? /*#__PURE__*/_jsxs(View, {
     accessible: true,
     accessibilityRole: "alert",
     accessibilityLabel: __('Network connection lost, working offline'),
-    style: containerStyle
-  }, createElement(Icon, {
-    fill: iconStyle.fill,
-    icon: offlineIcon
-  }), createElement(Text, {
-    style: textStyle
-  }, __('Working Offline'), " ")) : null;
+    style: containerStyle,
+    children: [/*#__PURE__*/_jsx(Icon, {
+      fill: iconStyle.fill,
+      icon: offlineIcon
+    }), /*#__PURE__*/_jsxs(Text, {
+      style: textStyle,
+      children: [__('Working Offline'), " "]
+    })]
+  }) : null;
 };
 export default OfflineStatus;
 //# sourceMappingURL=index.native.js.map

package/build-module/components/offline-status/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["AccessibilityInfo","Text","View","usePreferredColorSchemeStyle","useNetworkConnectivity","usePrevious","Icon","offline","offlineIcon","__","useEffect","styles","useAccessibilityLiveRegion","message","isActive","inactiveMessage","announceForAccessibility","prevIsActive","unconditionalMessage","initialRender","OfflineStatus","isConnected","containerStyle","offline__dark","textStyle","iconStyle","createElement","accessible","accessibilityRole","accessibilityLabel","style","fill","icon"],"sources":["@wordpress/editor/src/components/offline-status/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { AccessibilityInfo, Text, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tusePreferredColorSchemeStyle,\n\tuseNetworkConnectivity,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { Icon } from '@wordpress/components';\nimport { offline as offlineIcon } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.native.scss';\n\n/**\n * Conditionally announces messages for screen reader users. This Hook provides\n * two benefits over React Native's `accessibilityLiveRegion`:\n *\n * 1. It works on both iOS and Android.\n * 2. It allows announcing a secondary message when the component is inactive.\n *\n * @param {string}  message                   The message to announce.\n * @param {Object}  options                   Options for the Hook.\n * @param {boolean} [options.isActive]        Whether the message should be announced.\n * @param {string}  [options.inactiveMessage] The message to announce when inactive.\n */\nfunction useAccessibilityLiveRegion( message, { isActive, inactiveMessage } ) {\n\tconst { announceForAccessibility } = AccessibilityInfo;\n\tconst prevIsActive = usePrevious( isActive );\n\n\tuseEffect( () => {\n\t\tconst unconditionalMessage = typeof isActive === 'undefined';\n\t\tconst initialRender = typeof prevIsActive === 'undefined';\n\n\t\tif (\n\t\t\tunconditionalMessage ||\n\t\t\t( isActive && ! prevIsActive && ! initialRender )\n\t\t) {\n\t\t\tannounceForAccessibility( message );\n\t\t} else if ( ! isActive && prevIsActive && inactiveMessage ) {\n\t\t\tannounceForAccessibility( inactiveMessage );\n\t\t}\n\t}, [\n\t\tmessage,\n\t\tisActive,\n\t\tprevIsActive,\n\t\tinactiveMessage,\n\t\tannounceForAccessibility,\n\t] );\n}\n\nconst OfflineStatus = () => {\n\tconst { isConnected } = useNetworkConnectivity();\n\n\tuseAccessibilityLiveRegion( __( 'Network connection re-established' ), {\n\t\tisActive: isConnected,\n\t\tinactiveMessage: __( 'Network connection lost, working offline' ),\n\t} );\n\n\tconst containerStyle = usePreferredColorSchemeStyle(\n\t\tstyles.offline,\n\t\tstyles.offline__dark\n\t);\n\n\tconst textStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'offline--text' ],\n\t\tstyles[ 'offline--text__dark' ]\n\t);\n\n\tconst iconStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'offline--icon' ],\n\t\tstyles[ 'offline--icon__dark' ]\n\t);\n\n\treturn ! isConnected ? (\n\t\t<View\n\t\t\taccessible\n\t\t\taccessibilityRole=\"alert\"\n\t\t\taccessibilityLabel={ __(\n\t\t\t\t'Network connection lost, working offline'\n\t\t\t) }\n\t\t\tstyle={ containerStyle }\n\t\t>\n\t\t\t<Icon fill={ iconStyle.fill } icon={ offlineIcon } />\n\t\t\t<Text style={ textStyle }>{ __( 'Working Offline' ) } </Text>\n\t\t</View>\n\t) : null;\n};\n\nexport default OfflineStatus;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,iBAAiB,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;;AAE5D;AACA;AACA;AACA,SACCC,4BAA4B,EAC5BC,sBAAsB,EACtBC,WAAW,QACL,oBAAoB;AAC3B,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,OAAO,IAAIC,WAAW,QAAQ,kBAAkB;AACzD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,oBAAoB;;AAE9C;AACA;AACA;AACA,OAAOC,MAAM,MAAM,qBAAqB;;AAExC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,0BAA0BA,CAAEC,OAAO,EAAE;EAAEC,QAAQ;EAAEC;AAAgB,CAAC,EAAG;EAC7E,MAAM;IAAEC;EAAyB,CAAC,GAAGhB,iBAAiB;EACtD,MAAMiB,YAAY,GAAGZ,WAAW,CAAES,QAAS,CAAC;EAE5CJ,SAAS,CAAE,MAAM;IAChB,MAAMQ,oBAAoB,GAAG,OAAOJ,QAAQ,KAAK,WAAW;IAC5D,MAAMK,aAAa,GAAG,OAAOF,YAAY,KAAK,WAAW;IAEzD,IACCC,oBAAoB,IAClBJ,QAAQ,IAAI,CAAEG,YAAY,IAAI,CAAEE,aAAe,EAChD;MACDH,wBAAwB,CAAEH,OAAQ,CAAC;IACpC,CAAC,MAAM,IAAK,CAAEC,QAAQ,IAAIG,YAAY,IAAIF,eAAe,EAAG;MAC3DC,wBAAwB,CAAED,eAAgB,CAAC;IAC5C;EACD,CAAC,EAAE,CACFF,OAAO,EACPC,QAAQ,EACRG,YAAY,EACZF,eAAe,EACfC,wBAAwB,CACvB,CAAC;AACJ;AAEA,MAAMI,aAAa,GAAGA,CAAA,KAAM;EAC3B,MAAM;IAAEC;EAAY,CAAC,GAAGjB,sBAAsB,CAAC,CAAC;EAEhDQ,0BAA0B,CAAEH,EAAE,CAAE,mCAAoC,CAAC,EAAE;IACtEK,QAAQ,EAAEO,WAAW;IACrBN,eAAe,EAAEN,EAAE,CAAE,0CAA2C;EACjE,CAAE,CAAC;EAEH,MAAMa,cAAc,GAAGnB,4BAA4B,CAClDQ,MAAM,CAACJ,OAAO,EACdI,MAAM,CAACY,aACR,CAAC;EAED,MAAMC,SAAS,GAAGrB,4BAA4B,CAC7CQ,MAAM,CAAE,eAAe,CAAE,EACzBA,MAAM,CAAE,qBAAqB,CAC9B,CAAC;EAED,MAAMc,SAAS,GAAGtB,4BAA4B,CAC7CQ,MAAM,CAAE,eAAe,CAAE,EACzBA,MAAM,CAAE,qBAAqB,CAC9B,CAAC;EAED,OAAO,CAAEU,WAAW,GACnBK,aAAA,CAACxB,IAAI;IACJyB,UAAU;IACVC,iBAAiB,EAAC,OAAO;IACzBC,kBAAkB,EAAGpB,EAAE,CACtB,0CACD,CAAG;IACHqB,KAAK,EAAGR;EAAgB,GAExBI,aAAA,CAACpB,IAAI;IAACyB,IAAI,EAAGN,SAAS,CAACM,IAAM;IAACC,IAAI,EAAGxB;EAAa,CAAE,CAAC,EACrDkB,aAAA,CAACzB,IAAI;IAAC6B,KAAK,EAAGN;EAAW,GAAGf,EAAE,CAAE,iBAAkB,CAAC,EAAE,GAAO,CACvD,CAAC,GACJ,IAAI;AACT,CAAC;AAED,eAAeW,aAAa","ignoreList":[]}
+{"version":3,"names":["AccessibilityInfo","Text","View","usePreferredColorSchemeStyle","useNetworkConnectivity","usePrevious","Icon","offline","offlineIcon","__","useEffect","styles","jsx","_jsx","jsxs","_jsxs","useAccessibilityLiveRegion","message","isActive","inactiveMessage","announceForAccessibility","prevIsActive","unconditionalMessage","initialRender","OfflineStatus","isConnected","containerStyle","offline__dark","textStyle","iconStyle","accessible","accessibilityRole","accessibilityLabel","style","children","fill","icon"],"sources":["@wordpress/editor/src/components/offline-status/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { AccessibilityInfo, Text, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tusePreferredColorSchemeStyle,\n\tuseNetworkConnectivity,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { Icon } from '@wordpress/components';\nimport { offline as offlineIcon } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.native.scss';\n\n/**\n * Conditionally announces messages for screen reader users. This Hook provides\n * two benefits over React Native's `accessibilityLiveRegion`:\n *\n * 1. It works on both iOS and Android.\n * 2. It allows announcing a secondary message when the component is inactive.\n *\n * @param {string}  message                   The message to announce.\n * @param {Object}  options                   Options for the Hook.\n * @param {boolean} [options.isActive]        Whether the message should be announced.\n * @param {string}  [options.inactiveMessage] The message to announce when inactive.\n */\nfunction useAccessibilityLiveRegion( message, { isActive, inactiveMessage } ) {\n\tconst { announceForAccessibility } = AccessibilityInfo;\n\tconst prevIsActive = usePrevious( isActive );\n\n\tuseEffect( () => {\n\t\tconst unconditionalMessage = typeof isActive === 'undefined';\n\t\tconst initialRender = typeof prevIsActive === 'undefined';\n\n\t\tif (\n\t\t\tunconditionalMessage ||\n\t\t\t( isActive && ! prevIsActive && ! initialRender )\n\t\t) {\n\t\t\tannounceForAccessibility( message );\n\t\t} else if ( ! isActive && prevIsActive && inactiveMessage ) {\n\t\t\tannounceForAccessibility( inactiveMessage );\n\t\t}\n\t}, [\n\t\tmessage,\n\t\tisActive,\n\t\tprevIsActive,\n\t\tinactiveMessage,\n\t\tannounceForAccessibility,\n\t] );\n}\n\nconst OfflineStatus = () => {\n\tconst { isConnected } = useNetworkConnectivity();\n\n\tuseAccessibilityLiveRegion( __( 'Network connection re-established' ), {\n\t\tisActive: isConnected,\n\t\tinactiveMessage: __( 'Network connection lost, working offline' ),\n\t} );\n\n\tconst containerStyle = usePreferredColorSchemeStyle(\n\t\tstyles.offline,\n\t\tstyles.offline__dark\n\t);\n\n\tconst textStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'offline--text' ],\n\t\tstyles[ 'offline--text__dark' ]\n\t);\n\n\tconst iconStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'offline--icon' ],\n\t\tstyles[ 'offline--icon__dark' ]\n\t);\n\n\treturn ! isConnected ? (\n\t\t<View\n\t\t\taccessible\n\t\t\taccessibilityRole=\"alert\"\n\t\t\taccessibilityLabel={ __(\n\t\t\t\t'Network connection lost, working offline'\n\t\t\t) }\n\t\t\tstyle={ containerStyle }\n\t\t>\n\t\t\t<Icon fill={ iconStyle.fill } icon={ offlineIcon } />\n\t\t\t<Text style={ textStyle }>{ __( 'Working Offline' ) } </Text>\n\t\t</View>\n\t) : null;\n};\n\nexport default OfflineStatus;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,iBAAiB,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;;AAE5D;AACA;AACA;AACA,SACCC,4BAA4B,EAC5BC,sBAAsB,EACtBC,WAAW,QACL,oBAAoB;AAC3B,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,OAAO,IAAIC,WAAW,QAAQ,kBAAkB;AACzD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,oBAAoB;;AAE9C;AACA;AACA;AACA,OAAOC,MAAM,MAAM,qBAAqB;;AAExC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAXA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAYA,SAASC,0BAA0BA,CAAEC,OAAO,EAAE;EAAEC,QAAQ;EAAEC;AAAgB,CAAC,EAAG;EAC7E,MAAM;IAAEC;EAAyB,CAAC,GAAGpB,iBAAiB;EACtD,MAAMqB,YAAY,GAAGhB,WAAW,CAAEa,QAAS,CAAC;EAE5CR,SAAS,CAAE,MAAM;IAChB,MAAMY,oBAAoB,GAAG,OAAOJ,QAAQ,KAAK,WAAW;IAC5D,MAAMK,aAAa,GAAG,OAAOF,YAAY,KAAK,WAAW;IAEzD,IACCC,oBAAoB,IAClBJ,QAAQ,IAAI,CAAEG,YAAY,IAAI,CAAEE,aAAe,EAChD;MACDH,wBAAwB,CAAEH,OAAQ,CAAC;IACpC,CAAC,MAAM,IAAK,CAAEC,QAAQ,IAAIG,YAAY,IAAIF,eAAe,EAAG;MAC3DC,wBAAwB,CAAED,eAAgB,CAAC;IAC5C;EACD,CAAC,EAAE,CACFF,OAAO,EACPC,QAAQ,EACRG,YAAY,EACZF,eAAe,EACfC,wBAAwB,CACvB,CAAC;AACJ;AAEA,MAAMI,aAAa,GAAGA,CAAA,KAAM;EAC3B,MAAM;IAAEC;EAAY,CAAC,GAAGrB,sBAAsB,CAAC,CAAC;EAEhDY,0BAA0B,CAAEP,EAAE,CAAE,mCAAoC,CAAC,EAAE;IACtES,QAAQ,EAAEO,WAAW;IACrBN,eAAe,EAAEV,EAAE,CAAE,0CAA2C;EACjE,CAAE,CAAC;EAEH,MAAMiB,cAAc,GAAGvB,4BAA4B,CAClDQ,MAAM,CAACJ,OAAO,EACdI,MAAM,CAACgB,aACR,CAAC;EAED,MAAMC,SAAS,GAAGzB,4BAA4B,CAC7CQ,MAAM,CAAE,eAAe,CAAE,EACzBA,MAAM,CAAE,qBAAqB,CAC9B,CAAC;EAED,MAAMkB,SAAS,GAAG1B,4BAA4B,CAC7CQ,MAAM,CAAE,eAAe,CAAE,EACzBA,MAAM,CAAE,qBAAqB,CAC9B,CAAC;EAED,OAAO,CAAEc,WAAW,gBACnBV,KAAA,CAACb,IAAI;IACJ4B,UAAU;IACVC,iBAAiB,EAAC,OAAO;IACzBC,kBAAkB,EAAGvB,EAAE,CACtB,0CACD,CAAG;IACHwB,KAAK,EAAGP,cAAgB;IAAAQ,QAAA,gBAExBrB,IAAA,CAACP,IAAI;MAAC6B,IAAI,EAAGN,SAAS,CAACM,IAAM;MAACC,IAAI,EAAG5B;IAAa,CAAE,CAAC,eACrDO,KAAA,CAACd,IAAI;MAACgC,KAAK,EAAGL,SAAW;MAAAM,QAAA,GAAGzB,EAAE,CAAE,iBAAkB,CAAC,EAAE,GAAC;IAAA,CAAM,CAAC;EAAA,CACxD,CAAC,GACJ,IAAI;AACT,CAAC;AAED,eAAee,aAAa","ignoreList":[]}

package/build-module/components/page-attributes/order.js

@@ -1,17 +1,20 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
-import { __ } from '@wordpress/i18n';
-import { Flex, FlexBlock, __experimentalNumberControl as NumberControl } from '@wordpress/components';
+import { __, sprintf } from '@wordpress/i18n';
+import { Button, Dropdown, Flex, FlexBlock, __experimentalNumberControl as NumberControl } from '@wordpress/components';
 import { useSelect, useDispatch } from '@wordpress/data';
-import { useState } from '@wordpress/element';
+import { useState, useMemo } from '@wordpress/element';
+import { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';
 
 /**
  * Internal dependencies
  */
+import PostPanelRow from '../post-panel-row';
 import PostTypeSupportCheck from '../post-type-support-check';
 import { store as editorStore } from '../../store';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function PageAttributesOrder() {
   const order = useSelect(select => {
     var _select$getEditedPost;
@@ -31,16 +34,21 @@ function PageAttributesOrder() {
     }
   };
   const value = orderInput !== null && orderInput !== void 0 ? orderInput : order;
-  return createElement(Flex, null, createElement(FlexBlock, null, createElement(NumberControl, {
-    __next40pxDefaultSize: true,
-    label: __('Order'),
-    value: value,
-    onChange: setUpdatedOrder,
-    labelPosition: "side",
-    onBlur: () => {
-      setOrderInput(null);
-    }
-  })));
+  return /*#__PURE__*/_jsx(Flex, {
+    children: /*#__PURE__*/_jsx(FlexBlock, {
+      children: /*#__PURE__*/_jsx(NumberControl, {
+        __next40pxDefaultSize: true,
+        label: __('Order'),
+        help: __('Set the page order.'),
+        value: value,
+        onChange: setUpdatedOrder,
+        hideLabelFromVision: true,
+        onBlur: () => {
+          setOrderInput(null);
+        }
+      })
+    })
+  });
 }
 
 /**
@@ -50,8 +58,73 @@ function PageAttributesOrder() {
  * @return {Component} The component to be rendered.
  */
 export default function PageAttributesOrderWithChecks() {
-  return createElement(PostTypeSupportCheck, {
-    supportKeys: "page-attributes"
-  }, createElement(PageAttributesOrder, null));
+  return /*#__PURE__*/_jsx(PostTypeSupportCheck, {
+    supportKeys: "page-attributes",
+    children: /*#__PURE__*/_jsx(PageAttributesOrder, {})
+  });
+}
+function PostOrderToggle({
+  isOpen,
+  onClick
+}) {
+  const order = useSelect(select => {
+    var _select$getEditedPost2;
+    return (_select$getEditedPost2 = select(editorStore).getEditedPostAttribute('menu_order')) !== null && _select$getEditedPost2 !== void 0 ? _select$getEditedPost2 : 0;
+  }, []);
+  return /*#__PURE__*/_jsx(Button, {
+    size: "compact",
+    className: "editor-post-order__panel-toggle",
+    variant: "tertiary",
+    "aria-expanded": isOpen
+    // translators: %s: Current post parent.
+    ,
+    "aria-label": sprintf(__('Change order: %s'), order),
+    onClick: onClick,
+    children: order
+  });
+}
+export function OrderRow() {
+  // Use internal state instead of a ref to make sure that the component
+  // re-renders when the popover's anchor updates.
+  const [popoverAnchor, setPopoverAnchor] = useState(null);
+  // Memoize popoverProps to avoid returning a new object every time.
+  const popoverProps = useMemo(() => ({
+    // Anchor the popover to the middle of the entire row so that it doesn't
+    // move around when the label changes.
+    anchor: popoverAnchor,
+    placement: 'left-start',
+    offset: 36,
+    shift: true
+  }), [popoverAnchor]);
+  return /*#__PURE__*/_jsx(PostPanelRow, {
+    label: __('Order'),
+    ref: setPopoverAnchor,
+    children: /*#__PURE__*/_jsx(Dropdown, {
+      popoverProps: popoverProps,
+      className: "editor-post-order__panel-dropdown",
+      contentClassName: "editor-post-order__panel-dialog",
+      focusOnMount: true,
+      renderToggle: ({
+        isOpen,
+        onToggle
+      }) => /*#__PURE__*/_jsx(PostOrderToggle, {
+        isOpen: isOpen,
+        onClick: onToggle
+      }),
+      renderContent: ({
+        onClose
+      }) => /*#__PURE__*/_jsxs("div", {
+        className: "editor-post-order",
+        children: [/*#__PURE__*/_jsx(InspectorPopoverHeader, {
+          title: __('Order'),
+          onClose: onClose
+        }), /*#__PURE__*/_jsxs("div", {
+          children: [__('This attribute determines the order of pages in the Pages List block.'), /*#__PURE__*/_jsx("p", {
+            children: __('Pages with the same order value will sorted alphabetically. Negative order values are also supported.')
+          })]
+        }), /*#__PURE__*/_jsx(PageAttributesOrder, {})]
+      })
+    })
+  });
 }
 //# sourceMappingURL=order.js.map

package/build-module/components/page-attributes/order.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","Flex","FlexBlock","__experimentalNumberControl","NumberControl","useSelect","useDispatch","useState","PostTypeSupportCheck","store","editorStore","PageAttributesOrder","order","select","_select$getEditedPost","getEditedPostAttribute","editPost","orderInput","setOrderInput","setUpdatedOrder","value","newOrder","Number","isInteger","trim","menu_order","createElement","__next40pxDefaultSize","label","onChange","labelPosition","onBlur","PageAttributesOrderWithChecks","supportKeys"],"sources":["@wordpress/editor/src/components/page-attributes/order.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tFlex,\n\tFlexBlock,\n\t__experimentalNumberControl as NumberControl,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport PostTypeSupportCheck from '../post-type-support-check';\nimport { store as editorStore } from '../../store';\n\nfunction PageAttributesOrder() {\n\tconst order = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).getEditedPostAttribute( 'menu_order' ) ?? 0,\n\t\t[]\n\t);\n\tconst { editPost } = useDispatch( editorStore );\n\tconst [ orderInput, setOrderInput ] = useState( null );\n\n\tconst setUpdatedOrder = ( value ) => {\n\t\tsetOrderInput( value );\n\t\tconst newOrder = Number( value );\n\t\tif ( Number.isInteger( newOrder ) && value.trim?.() !== '' ) {\n\t\t\teditPost( { menu_order: newOrder } );\n\t\t}\n\t};\n\n\tconst value = orderInput ?? order;\n\n\treturn (\n\t\t<Flex>\n\t\t\t<FlexBlock>\n\t\t\t\t<NumberControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tlabel={ __( 'Order' ) }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ setUpdatedOrder }\n\t\t\t\t\tlabelPosition=\"side\"\n\t\t\t\t\tonBlur={ () => {\n\t\t\t\t\t\tsetOrderInput( null );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</FlexBlock>\n\t\t</Flex>\n\t);\n}\n\n/**\n * Renders the Page Attributes Order component. A number input in an editor interface\n * for setting the order of a given page.\n *\n * @return {Component} The component to be rendered.\n */\nexport default function PageAttributesOrderWithChecks() {\n\treturn (\n\t\t<PostTypeSupportCheck supportKeys=\"page-attributes\">\n\t\t\t<PageAttributesOrder />\n\t\t</PostTypeSupportCheck>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SACCC,IAAI,EACJC,SAAS,EACTC,2BAA2B,IAAIC,aAAa,QACtC,uBAAuB;AAC9B,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,QAAQ,QAAQ,oBAAoB;;AAE7C;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,4BAA4B;AAC7D,SAASC,KAAK,IAAIC,WAAW,QAAQ,aAAa;AAElD,SAASC,mBAAmBA,CAAA,EAAG;EAC9B,MAAMC,KAAK,GAAGP,SAAS,CACpBQ,MAAM;IAAA,IAAAC,qBAAA;IAAA,QAAAA,qBAAA,GACPD,MAAM,CAAEH,WAAY,CAAC,CAACK,sBAAsB,CAAE,YAAa,CAAC,cAAAD,qBAAA,cAAAA,qBAAA,GAAI,CAAC;EAAA,GAClE,EACD,CAAC;EACD,MAAM;IAAEE;EAAS,CAAC,GAAGV,WAAW,CAAEI,WAAY,CAAC;EAC/C,MAAM,CAAEO,UAAU,EAAEC,aAAa,CAAE,GAAGX,QAAQ,CAAE,IAAK,CAAC;EAEtD,MAAMY,eAAe,GAAKC,KAAK,IAAM;IACpCF,aAAa,CAAEE,KAAM,CAAC;IACtB,MAAMC,QAAQ,GAAGC,MAAM,CAAEF,KAAM,CAAC;IAChC,IAAKE,MAAM,CAACC,SAAS,CAAEF,QAAS,CAAC,IAAID,KAAK,CAACI,IAAI,GAAG,CAAC,KAAK,EAAE,EAAG;MAC5DR,QAAQ,CAAE;QAAES,UAAU,EAAEJ;MAAS,CAAE,CAAC;IACrC;EACD,CAAC;EAED,MAAMD,KAAK,GAAGH,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAIL,KAAK;EAEjC,OACCc,aAAA,CAACzB,IAAI,QACJyB,aAAA,CAACxB,SAAS,QACTwB,aAAA,CAACtB,aAAa;IACbuB,qBAAqB;IACrBC,KAAK,EAAG5B,EAAE,CAAE,OAAQ,CAAG;IACvBoB,KAAK,EAAGA,KAAO;IACfS,QAAQ,EAAGV,eAAiB;IAC5BW,aAAa,EAAC,MAAM;IACpBC,MAAM,EAAGA,CAAA,KAAM;MACdb,aAAa,CAAE,IAAK,CAAC;IACtB;EAAG,CACH,CACS,CACN,CAAC;AAET;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASc,6BAA6BA,CAAA,EAAG;EACvD,OACCN,aAAA,CAAClB,oBAAoB;IAACyB,WAAW,EAAC;EAAiB,GAClDP,aAAA,CAACf,mBAAmB,MAAE,CACD,CAAC;AAEzB","ignoreList":[]}
+{"version":3,"names":["__","sprintf","Button","Dropdown","Flex","FlexBlock","__experimentalNumberControl","NumberControl","useSelect","useDispatch","useState","useMemo","__experimentalInspectorPopoverHeader","InspectorPopoverHeader","PostPanelRow","PostTypeSupportCheck","store","editorStore","jsx","_jsx","jsxs","_jsxs","PageAttributesOrder","order","select","_select$getEditedPost","getEditedPostAttribute","editPost","orderInput","setOrderInput","setUpdatedOrder","value","newOrder","Number","isInteger","trim","menu_order","children","__next40pxDefaultSize","label","help","onChange","hideLabelFromVision","onBlur","PageAttributesOrderWithChecks","supportKeys","PostOrderToggle","isOpen","onClick","_select$getEditedPost2","size","className","variant","OrderRow","popoverAnchor","setPopoverAnchor","popoverProps","anchor","placement","offset","shift","ref","contentClassName","focusOnMount","renderToggle","onToggle","renderContent","onClose","title"],"sources":["@wordpress/editor/src/components/page-attributes/order.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tButton,\n\tDropdown,\n\tFlex,\n\tFlexBlock,\n\t__experimentalNumberControl as NumberControl,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useState, useMemo } from '@wordpress/element';\nimport { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport PostPanelRow from '../post-panel-row';\nimport PostTypeSupportCheck from '../post-type-support-check';\nimport { store as editorStore } from '../../store';\n\nfunction PageAttributesOrder() {\n\tconst order = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).getEditedPostAttribute( 'menu_order' ) ?? 0,\n\t\t[]\n\t);\n\tconst { editPost } = useDispatch( editorStore );\n\tconst [ orderInput, setOrderInput ] = useState( null );\n\n\tconst setUpdatedOrder = ( value ) => {\n\t\tsetOrderInput( value );\n\t\tconst newOrder = Number( value );\n\t\tif ( Number.isInteger( newOrder ) && value.trim?.() !== '' ) {\n\t\t\teditPost( { menu_order: newOrder } );\n\t\t}\n\t};\n\n\tconst value = orderInput ?? order;\n\n\treturn (\n\t\t<Flex>\n\t\t\t<FlexBlock>\n\t\t\t\t<NumberControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tlabel={ __( 'Order' ) }\n\t\t\t\t\thelp={ __( 'Set the page order.' ) }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ setUpdatedOrder }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tonBlur={ () => {\n\t\t\t\t\t\tsetOrderInput( null );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</FlexBlock>\n\t\t</Flex>\n\t);\n}\n\n/**\n * Renders the Page Attributes Order component. A number input in an editor interface\n * for setting the order of a given page.\n *\n * @return {Component} The component to be rendered.\n */\nexport default function PageAttributesOrderWithChecks() {\n\treturn (\n\t\t<PostTypeSupportCheck supportKeys=\"page-attributes\">\n\t\t\t<PageAttributesOrder />\n\t\t</PostTypeSupportCheck>\n\t);\n}\n\nfunction PostOrderToggle( { isOpen, onClick } ) {\n\tconst order = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).getEditedPostAttribute( 'menu_order' ) ?? 0,\n\t\t[]\n\t);\n\treturn (\n\t\t<Button\n\t\t\tsize=\"compact\"\n\t\t\tclassName=\"editor-post-order__panel-toggle\"\n\t\t\tvariant=\"tertiary\"\n\t\t\taria-expanded={ isOpen }\n\t\t\t// translators: %s: Current post parent.\n\t\t\taria-label={ sprintf( __( 'Change order: %s' ), order ) }\n\t\t\tonClick={ onClick }\n\t\t>\n\t\t\t{ order }\n\t\t</Button>\n\t);\n}\n\nexport function OrderRow() {\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t// Anchor the popover to the middle of the entire row so that it doesn't\n\t\t\t// move around when the label changes.\n\t\t\tanchor: popoverAnchor,\n\t\t\tplacement: 'left-start',\n\t\t\toffset: 36,\n\t\t\tshift: true,\n\t\t} ),\n\t\t[ popoverAnchor ]\n\t);\n\treturn (\n\t\t<PostPanelRow label={ __( 'Order' ) } ref={ setPopoverAnchor }>\n\t\t\t<Dropdown\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\tclassName=\"editor-post-order__panel-dropdown\"\n\t\t\t\tcontentClassName=\"editor-post-order__panel-dialog\"\n\t\t\t\tfocusOnMount\n\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t<PostOrderToggle isOpen={ isOpen } onClick={ onToggle } />\n\t\t\t\t) }\n\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t<div className=\"editor-post-order\">\n\t\t\t\t\t\t<InspectorPopoverHeader\n\t\t\t\t\t\t\ttitle={ __( 'Order' ) }\n\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'This attribute determines the order of pages in the Pages List block.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Pages with the same order value will sorted alphabetically. Negative order values are also supported.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<PageAttributesOrder />\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</PostPanelRow>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/page-attributes/panel.js

@@ -1,52 +1,42 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
-import { __ } from '@wordpress/i18n';
-import { PanelBody, PanelRow } from '@wordpress/components';
-import { useSelect, useDispatch } from '@wordpress/data';
+import { useSelect } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
-
 /**
  * Internal dependencies
  */
 import { store as editorStore } from '../../store';
 import PageAttributesCheck from './check';
-import PageAttributesOrder from './order';
-import PageAttributesParent from './parent';
+import { OrderRow } from './order';
+import { ParentRow } from './parent';
+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 PANEL_NAME = 'page-attributes';
 function AttributesPanel() {
-  var _postType$labels$attr;
   const {
     isEnabled,
-    isOpened,
     postType
   } = useSelect(select => {
     const {
       getEditedPostAttribute,
-      isEditorPanelEnabled,
-      isEditorPanelOpened
+      isEditorPanelEnabled
     } = select(editorStore);
     const {
       getPostType
     } = select(coreStore);
     return {
       isEnabled: isEditorPanelEnabled(PANEL_NAME),
-      isOpened: isEditorPanelOpened(PANEL_NAME),
       postType: getPostType(getEditedPostAttribute('type'))
     };
   }, []);
-  const {
-    toggleEditorPanelOpened
-  } = useDispatch(editorStore);
   if (!isEnabled || !postType) {
     return null;
   }
-  return createElement(PanelBody, {
-    title: (_postType$labels$attr = postType?.labels?.attributes) !== null && _postType$labels$attr !== void 0 ? _postType$labels$attr : __('Page attributes'),
-    opened: isOpened,
-    onToggle: () => toggleEditorPanelOpened(PANEL_NAME)
-  }, createElement(PageAttributesParent, null), createElement(PanelRow, null, createElement(PageAttributesOrder, null)));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ParentRow, {}), /*#__PURE__*/_jsx(OrderRow, {})]
+  });
 }
 
 /**
@@ -55,6 +45,8 @@ function AttributesPanel() {
  * @return {Component} The component to be rendered.
  */
 export default function PageAttributesPanel() {
-  return createElement(PageAttributesCheck, null, createElement(AttributesPanel, null));
+  return /*#__PURE__*/_jsx(PageAttributesCheck, {
+    children: /*#__PURE__*/_jsx(AttributesPanel, {})
+  });
 }
 //# sourceMappingURL=panel.js.map