@wordpress/editor 13.35.0 → 14.0.1

package/build/components/keyboard-shortcut-help-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_keyboardShortcuts","_data","_interface","_config","_shortcut","_dynamicShortcut","KEYBOARD_SHORTCUT_HELP_MODAL_NAME","ShortcutList","shortcuts","_react","createElement","className","role","map","shortcut","index","key","default","name","ShortcutSection","title","clsx","ShortcutCategorySection","categoryName","additionalShortcuts","categoryShortcuts","useSelect","select","keyboardShortcutsStore","getCategoryShortcuts","concat","KeyboardShortcutHelpModal","isModalActive","interfaceStore","openModal","closeModal","useDispatch","toggleModal","useShortcut","Modal","__","closeButtonLabel","onRequestClose","keyCombination","character","description","ariaLabel","textFormattingShortcuts","_default","exports"],"sources":["@wordpress/editor/src/components/keyboard-shortcut-help-modal/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Modal } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseShortcut,\n\tstore as keyboardShortcutsStore,\n} from '@wordpress/keyboard-shortcuts';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as interfaceStore } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { textFormattingShortcuts } from './config';\nimport Shortcut from './shortcut';\nimport DynamicShortcut from './dynamic-shortcut';\n\nconst KEYBOARD_SHORTCUT_HELP_MODAL_NAME = 'editor/keyboard-shortcut-help';\n\nconst ShortcutList = ( { shortcuts } ) => (\n\t/*\n\t * Disable reason: The `list` ARIA role is redundant but\n\t * Safari+VoiceOver won't announce the list otherwise.\n\t */\n\t/* eslint-disable jsx-a11y/no-redundant-roles */\n\t<ul\n\t\tclassName=\"editor-keyboard-shortcut-help-modal__shortcut-list\"\n\t\trole=\"list\"\n\t>\n\t\t{ shortcuts.map( ( shortcut, index ) => (\n\t\t\t<li\n\t\t\t\tclassName=\"editor-keyboard-shortcut-help-modal__shortcut\"\n\t\t\t\tkey={ index }\n\t\t\t>\n\t\t\t\t{ typeof shortcut === 'string' ? (\n\t\t\t\t\t<DynamicShortcut name={ shortcut } />\n\t\t\t\t) : (\n\t\t\t\t\t<Shortcut { ...shortcut } />\n\t\t\t\t) }\n\t\t\t</li>\n\t\t) ) }\n\t</ul>\n\t/* eslint-enable jsx-a11y/no-redundant-roles */\n);\n\nconst ShortcutSection = ( { title, shortcuts, className } ) => (\n\t<section\n\t\tclassName={ clsx(\n\t\t\t'editor-keyboard-shortcut-help-modal__section',\n\t\t\tclassName\n\t\t) }\n\t>\n\t\t{ !! title && (\n\t\t\t<h2 className=\"editor-keyboard-shortcut-help-modal__section-title\">\n\t\t\t\t{ title }\n\t\t\t</h2>\n\t\t) }\n\t\t<ShortcutList shortcuts={ shortcuts } />\n\t</section>\n);\n\nconst ShortcutCategorySection = ( {\n\ttitle,\n\tcategoryName,\n\tadditionalShortcuts = [],\n} ) => {\n\tconst categoryShortcuts = useSelect(\n\t\t( select ) => {\n\t\t\treturn select( keyboardShortcutsStore ).getCategoryShortcuts(\n\t\t\t\tcategoryName\n\t\t\t);\n\t\t},\n\t\t[ categoryName ]\n\t);\n\n\treturn (\n\t\t<ShortcutSection\n\t\t\ttitle={ title }\n\t\t\tshortcuts={ categoryShortcuts.concat( additionalShortcuts ) }\n\t\t/>\n\t);\n};\n\nfunction KeyboardShortcutHelpModal() {\n\tconst isModalActive = useSelect(\n\t\t( select ) =>\n\t\t\tselect( interfaceStore ).isModalActive(\n\t\t\t\tKEYBOARD_SHORTCUT_HELP_MODAL_NAME\n\t\t\t),\n\t\t[]\n\t);\n\tconst { openModal, closeModal } = useDispatch( interfaceStore );\n\tconst toggleModal = () => {\n\t\tif ( isModalActive ) {\n\t\t\tcloseModal();\n\t\t} else {\n\t\t\topenModal( KEYBOARD_SHORTCUT_HELP_MODAL_NAME );\n\t\t}\n\t};\n\tuseShortcut( 'core/editor/keyboard-shortcuts', toggleModal );\n\n\tif ( ! isModalActive ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"editor-keyboard-shortcut-help-modal\"\n\t\t\ttitle={ __( 'Keyboard shortcuts' ) }\n\t\t\tcloseButtonLabel={ __( 'Close' ) }\n\t\t\tonRequestClose={ toggleModal }\n\t\t>\n\t\t\t<ShortcutSection\n\t\t\t\tclassName=\"editor-keyboard-shortcut-help-modal__main-shortcuts\"\n\t\t\t\tshortcuts={ [ 'core/editor/keyboard-shortcuts' ] }\n\t\t\t/>\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Global shortcuts' ) }\n\t\t\t\tcategoryName=\"global\"\n\t\t\t/>\n\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Selection shortcuts' ) }\n\t\t\t\tcategoryName=\"selection\"\n\t\t\t/>\n\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Block shortcuts' ) }\n\t\t\t\tcategoryName=\"block\"\n\t\t\t\tadditionalShortcuts={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tkeyCombination: { character: '/' },\n\t\t\t\t\t\tdescription: __(\n\t\t\t\t\t\t\t'Change the block type after adding a new paragraph.'\n\t\t\t\t\t\t),\n\t\t\t\t\t\t/* translators: The forward-slash character. e.g. '/'. */\n\t\t\t\t\t\tariaLabel: __( 'Forward-slash' ),\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t/>\n\t\t\t<ShortcutSection\n\t\t\t\ttitle={ __( 'Text formatting' ) }\n\t\t\t\tshortcuts={ textFormattingShortcuts }\n\t\t\t/>\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'List View shortcuts' ) }\n\t\t\t\tcategoryName=\"list-view\"\n\t\t\t/>\n\t\t</Modal>\n\t);\n}\n\nexport default KeyboardShortcutHelpModal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_keyboardShortcuts","_data","_interface","_config","_shortcut","_dynamicShortcut","_jsxRuntime","KEYBOARD_SHORTCUT_HELP_MODAL_NAME","ShortcutList","shortcuts","jsx","className","role","children","map","shortcut","index","default","name","ShortcutSection","title","jsxs","clsx","ShortcutCategorySection","categoryName","additionalShortcuts","categoryShortcuts","useSelect","select","keyboardShortcutsStore","getCategoryShortcuts","concat","KeyboardShortcutHelpModal","isModalActive","interfaceStore","openModal","closeModal","useDispatch","toggleModal","useShortcut","Modal","__","closeButtonLabel","onRequestClose","keyCombination","character","description","ariaLabel","textFormattingShortcuts","_default","exports"],"sources":["@wordpress/editor/src/components/keyboard-shortcut-help-modal/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Modal } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseShortcut,\n\tstore as keyboardShortcutsStore,\n} from '@wordpress/keyboard-shortcuts';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as interfaceStore } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { textFormattingShortcuts } from './config';\nimport Shortcut from './shortcut';\nimport DynamicShortcut from './dynamic-shortcut';\n\nconst KEYBOARD_SHORTCUT_HELP_MODAL_NAME = 'editor/keyboard-shortcut-help';\n\nconst ShortcutList = ( { shortcuts } ) => (\n\t/*\n\t * Disable reason: The `list` ARIA role is redundant but\n\t * Safari+VoiceOver won't announce the list otherwise.\n\t */\n\t/* eslint-disable jsx-a11y/no-redundant-roles */\n\t<ul\n\t\tclassName=\"editor-keyboard-shortcut-help-modal__shortcut-list\"\n\t\trole=\"list\"\n\t>\n\t\t{ shortcuts.map( ( shortcut, index ) => (\n\t\t\t<li\n\t\t\t\tclassName=\"editor-keyboard-shortcut-help-modal__shortcut\"\n\t\t\t\tkey={ index }\n\t\t\t>\n\t\t\t\t{ typeof shortcut === 'string' ? (\n\t\t\t\t\t<DynamicShortcut name={ shortcut } />\n\t\t\t\t) : (\n\t\t\t\t\t<Shortcut { ...shortcut } />\n\t\t\t\t) }\n\t\t\t</li>\n\t\t) ) }\n\t</ul>\n\t/* eslint-enable jsx-a11y/no-redundant-roles */\n);\n\nconst ShortcutSection = ( { title, shortcuts, className } ) => (\n\t<section\n\t\tclassName={ clsx(\n\t\t\t'editor-keyboard-shortcut-help-modal__section',\n\t\t\tclassName\n\t\t) }\n\t>\n\t\t{ !! title && (\n\t\t\t<h2 className=\"editor-keyboard-shortcut-help-modal__section-title\">\n\t\t\t\t{ title }\n\t\t\t</h2>\n\t\t) }\n\t\t<ShortcutList shortcuts={ shortcuts } />\n\t</section>\n);\n\nconst ShortcutCategorySection = ( {\n\ttitle,\n\tcategoryName,\n\tadditionalShortcuts = [],\n} ) => {\n\tconst categoryShortcuts = useSelect(\n\t\t( select ) => {\n\t\t\treturn select( keyboardShortcutsStore ).getCategoryShortcuts(\n\t\t\t\tcategoryName\n\t\t\t);\n\t\t},\n\t\t[ categoryName ]\n\t);\n\n\treturn (\n\t\t<ShortcutSection\n\t\t\ttitle={ title }\n\t\t\tshortcuts={ categoryShortcuts.concat( additionalShortcuts ) }\n\t\t/>\n\t);\n};\n\nfunction KeyboardShortcutHelpModal() {\n\tconst isModalActive = useSelect(\n\t\t( select ) =>\n\t\t\tselect( interfaceStore ).isModalActive(\n\t\t\t\tKEYBOARD_SHORTCUT_HELP_MODAL_NAME\n\t\t\t),\n\t\t[]\n\t);\n\tconst { openModal, closeModal } = useDispatch( interfaceStore );\n\tconst toggleModal = () => {\n\t\tif ( isModalActive ) {\n\t\t\tcloseModal();\n\t\t} else {\n\t\t\topenModal( KEYBOARD_SHORTCUT_HELP_MODAL_NAME );\n\t\t}\n\t};\n\tuseShortcut( 'core/editor/keyboard-shortcuts', toggleModal );\n\n\tif ( ! isModalActive ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"editor-keyboard-shortcut-help-modal\"\n\t\t\ttitle={ __( 'Keyboard shortcuts' ) }\n\t\t\tcloseButtonLabel={ __( 'Close' ) }\n\t\t\tonRequestClose={ toggleModal }\n\t\t>\n\t\t\t<ShortcutSection\n\t\t\t\tclassName=\"editor-keyboard-shortcut-help-modal__main-shortcuts\"\n\t\t\t\tshortcuts={ [ 'core/editor/keyboard-shortcuts' ] }\n\t\t\t/>\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Global shortcuts' ) }\n\t\t\t\tcategoryName=\"global\"\n\t\t\t/>\n\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Selection shortcuts' ) }\n\t\t\t\tcategoryName=\"selection\"\n\t\t\t/>\n\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Block shortcuts' ) }\n\t\t\t\tcategoryName=\"block\"\n\t\t\t\tadditionalShortcuts={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tkeyCombination: { character: '/' },\n\t\t\t\t\t\tdescription: __(\n\t\t\t\t\t\t\t'Change the block type after adding a new paragraph.'\n\t\t\t\t\t\t),\n\t\t\t\t\t\t/* translators: The forward-slash character. e.g. '/'. */\n\t\t\t\t\t\tariaLabel: __( 'Forward-slash' ),\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t/>\n\t\t\t<ShortcutSection\n\t\t\t\ttitle={ __( 'Text formatting' ) }\n\t\t\t\tshortcuts={ textFormattingShortcuts }\n\t\t\t/>\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'List View shortcuts' ) }\n\t\t\t\tcategoryName=\"list-view\"\n\t\t\t/>\n\t\t</Modal>\n\t);\n}\n\nexport default KeyboardShortcutHelpModal;\n"],"mappings":"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","ignoreList":[]}

package/build/components/keyboard-shortcut-help-modal/shortcut.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _keycodes = require("@wordpress/keycodes");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -17,20 +17,21 @@ function KeyCombination({
 }) {
   const shortcut = keyCombination.modifier ? _keycodes.displayShortcutList[keyCombination.modifier](keyCombination.character) : keyCombination.character;
   const ariaLabel = keyCombination.modifier ? _keycodes.shortcutAriaLabel[keyCombination.modifier](keyCombination.character) : keyCombination.character;
-  return (0, _react.createElement)("kbd", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("kbd", {
     className: "editor-keyboard-shortcut-help-modal__shortcut-key-combination",
-    "aria-label": forceAriaLabel || ariaLabel
-  }, (Array.isArray(shortcut) ? shortcut : [shortcut]).map((character, index) => {
-    if (character === '+') {
-      return (0, _react.createElement)(_element.Fragment, {
-        key: index
-      }, character);
-    }
-    return (0, _react.createElement)("kbd", {
-      key: index,
-      className: "editor-keyboard-shortcut-help-modal__shortcut-key"
-    }, character);
-  }));
+    "aria-label": forceAriaLabel || ariaLabel,
+    children: (Array.isArray(shortcut) ? shortcut : [shortcut]).map((character, index) => {
+      if (character === '+') {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_element.Fragment, {
+          children: character
+        }, index);
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("kbd", {
+        className: "editor-keyboard-shortcut-help-modal__shortcut-key",
+        children: character
+      }, index);
+    })
+  });
 }
 function Shortcut({
   description,
@@ -38,18 +39,21 @@ function Shortcut({
   aliases = [],
   ariaLabel
 }) {
-  return (0, _react.createElement)(_element.Fragment, null, (0, _react.createElement)("div", {
-    className: "editor-keyboard-shortcut-help-modal__shortcut-description"
-  }, description), (0, _react.createElement)("div", {
-    className: "editor-keyboard-shortcut-help-modal__shortcut-term"
-  }, (0, _react.createElement)(KeyCombination, {
-    keyCombination: keyCombination,
-    forceAriaLabel: ariaLabel
-  }), aliases.map((alias, index) => (0, _react.createElement)(KeyCombination, {
-    keyCombination: alias,
-    forceAriaLabel: ariaLabel,
-    key: index
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "editor-keyboard-shortcut-help-modal__shortcut-description",
+      children: description
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "editor-keyboard-shortcut-help-modal__shortcut-term",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(KeyCombination, {
+        keyCombination: keyCombination,
+        forceAriaLabel: ariaLabel
+      }), aliases.map((alias, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(KeyCombination, {
+        keyCombination: alias,
+        forceAriaLabel: ariaLabel
+      }, index))]
+    })]
+  });
 }
 var _default = exports.default = Shortcut;
 //# sourceMappingURL=shortcut.js.map

package/build/components/keyboard-shortcut-help-modal/shortcut.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_keycodes","KeyCombination","keyCombination","forceAriaLabel","shortcut","modifier","displayShortcutList","character","ariaLabel","shortcutAriaLabel","_react","createElement","className","Array","isArray","map","index","Fragment","key","Shortcut","description","aliases","alias","_default","exports","default"],"sources":["@wordpress/editor/src/components/keyboard-shortcut-help-modal/shortcut.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Fragment } from '@wordpress/element';\nimport { displayShortcutList, shortcutAriaLabel } from '@wordpress/keycodes';\n\nfunction KeyCombination( { keyCombination, forceAriaLabel } ) {\n\tconst shortcut = keyCombination.modifier\n\t\t? displayShortcutList[ keyCombination.modifier ](\n\t\t\t\tkeyCombination.character\n\t\t  )\n\t\t: keyCombination.character;\n\tconst ariaLabel = keyCombination.modifier\n\t\t? shortcutAriaLabel[ keyCombination.modifier ](\n\t\t\t\tkeyCombination.character\n\t\t  )\n\t\t: keyCombination.character;\n\n\treturn (\n\t\t<kbd\n\t\t\tclassName=\"editor-keyboard-shortcut-help-modal__shortcut-key-combination\"\n\t\t\taria-label={ forceAriaLabel || ariaLabel }\n\t\t>\n\t\t\t{ ( Array.isArray( shortcut ) ? shortcut : [ shortcut ] ).map(\n\t\t\t\t( character, index ) => {\n\t\t\t\t\tif ( character === '+' ) {\n\t\t\t\t\t\treturn <Fragment key={ index }>{ character }</Fragment>;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<kbd\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tclassName=\"editor-keyboard-shortcut-help-modal__shortcut-key\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ character }\n\t\t\t\t\t\t</kbd>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t) }\n\t\t</kbd>\n\t);\n}\n\nfunction Shortcut( { description, keyCombination, aliases = [], ariaLabel } ) {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"editor-keyboard-shortcut-help-modal__shortcut-description\">\n\t\t\t\t{ description }\n\t\t\t</div>\n\t\t\t<div className=\"editor-keyboard-shortcut-help-modal__shortcut-term\">\n\t\t\t\t<KeyCombination\n\t\t\t\t\tkeyCombination={ keyCombination }\n\t\t\t\t\tforceAriaLabel={ ariaLabel }\n\t\t\t\t/>\n\t\t\t\t{ aliases.map( ( alias, index ) => (\n\t\t\t\t\t<KeyCombination\n\t\t\t\t\t\tkeyCombination={ alias }\n\t\t\t\t\t\tforceAriaLabel={ ariaLabel }\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Shortcut;\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIA,SAASE,cAAcA,CAAE;EAAEC,cAAc;EAAEC;AAAe,CAAC,EAAG;EAC7D,MAAMC,QAAQ,GAAGF,cAAc,CAACG,QAAQ,GACrCC,6BAAmB,CAAEJ,cAAc,CAACG,QAAQ,CAAE,CAC9CH,cAAc,CAACK,SACf,CAAC,GACDL,cAAc,CAACK,SAAS;EAC3B,MAAMC,SAAS,GAAGN,cAAc,CAACG,QAAQ,GACtCI,2BAAiB,CAAEP,cAAc,CAACG,QAAQ,CAAE,CAC5CH,cAAc,CAACK,SACf,CAAC,GACDL,cAAc,CAACK,SAAS;EAE3B,OACC,IAAAG,MAAA,CAAAC,aAAA;IACCC,SAAS,EAAC,+DAA+D;IACzE,cAAaT,cAAc,IAAIK;EAAW,GAExC,CAAEK,KAAK,CAACC,OAAO,CAAEV,QAAS,CAAC,GAAGA,QAAQ,GAAG,CAAEA,QAAQ,CAAE,EAAGW,GAAG,CAC5D,CAAER,SAAS,EAAES,KAAK,KAAM;IACvB,IAAKT,SAAS,KAAK,GAAG,EAAG;MACxB,OAAO,IAAAG,MAAA,CAAAC,aAAA,EAACb,QAAA,CAAAmB,QAAQ;QAACC,GAAG,EAAGF;MAAO,GAAGT,SAAqB,CAAC;IACxD;IAEA,OACC,IAAAG,MAAA,CAAAC,aAAA;MACCO,GAAG,EAAGF,KAAO;MACbJ,SAAS,EAAC;IAAmD,GAE3DL,SACE,CAAC;EAER,CACD,CACI,CAAC;AAER;AAEA,SAASY,QAAQA,CAAE;EAAEC,WAAW;EAAElB,cAAc;EAAEmB,OAAO,GAAG,EAAE;EAAEb;AAAU,CAAC,EAAG;EAC7E,OACC,IAAAE,MAAA,CAAAC,aAAA,EAAAb,QAAA,CAAAmB,QAAA,QACC,IAAAP,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA2D,GACvEQ,WACE,CAAC,EACN,IAAAV,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAoD,GAClE,IAAAF,MAAA,CAAAC,aAAA,EAACV,cAAc;IACdC,cAAc,EAAGA,cAAgB;IACjCC,cAAc,EAAGK;EAAW,CAC5B,CAAC,EACAa,OAAO,CAACN,GAAG,CAAE,CAAEO,KAAK,EAAEN,KAAK,KAC5B,IAAAN,MAAA,CAAAC,aAAA,EAACV,cAAc;IACdC,cAAc,EAAGoB,KAAO;IACxBnB,cAAc,EAAGK,SAAW;IAC5BU,GAAG,EAAGF;EAAO,CACb,CACA,CACE,CACJ,CAAC;AAEL;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcN,QAAQ","ignoreList":[]}
+{"version":3,"names":["_element","require","_keycodes","_jsxRuntime","KeyCombination","keyCombination","forceAriaLabel","shortcut","modifier","displayShortcutList","character","ariaLabel","shortcutAriaLabel","jsx","className","children","Array","isArray","map","index","Fragment","Shortcut","description","aliases","jsxs","alias","_default","exports","default"],"sources":["@wordpress/editor/src/components/keyboard-shortcut-help-modal/shortcut.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Fragment } from '@wordpress/element';\nimport { displayShortcutList, shortcutAriaLabel } from '@wordpress/keycodes';\n\nfunction KeyCombination( { keyCombination, forceAriaLabel } ) {\n\tconst shortcut = keyCombination.modifier\n\t\t? displayShortcutList[ keyCombination.modifier ](\n\t\t\t\tkeyCombination.character\n\t\t  )\n\t\t: keyCombination.character;\n\tconst ariaLabel = keyCombination.modifier\n\t\t? shortcutAriaLabel[ keyCombination.modifier ](\n\t\t\t\tkeyCombination.character\n\t\t  )\n\t\t: keyCombination.character;\n\n\treturn (\n\t\t<kbd\n\t\t\tclassName=\"editor-keyboard-shortcut-help-modal__shortcut-key-combination\"\n\t\t\taria-label={ forceAriaLabel || ariaLabel }\n\t\t>\n\t\t\t{ ( Array.isArray( shortcut ) ? shortcut : [ shortcut ] ).map(\n\t\t\t\t( character, index ) => {\n\t\t\t\t\tif ( character === '+' ) {\n\t\t\t\t\t\treturn <Fragment key={ index }>{ character }</Fragment>;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<kbd\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tclassName=\"editor-keyboard-shortcut-help-modal__shortcut-key\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ character }\n\t\t\t\t\t\t</kbd>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t) }\n\t\t</kbd>\n\t);\n}\n\nfunction Shortcut( { description, keyCombination, aliases = [], ariaLabel } ) {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"editor-keyboard-shortcut-help-modal__shortcut-description\">\n\t\t\t\t{ description }\n\t\t\t</div>\n\t\t\t<div className=\"editor-keyboard-shortcut-help-modal__shortcut-term\">\n\t\t\t\t<KeyCombination\n\t\t\t\t\tkeyCombination={ keyCombination }\n\t\t\t\t\tforceAriaLabel={ ariaLabel }\n\t\t\t\t/>\n\t\t\t\t{ aliases.map( ( alias, index ) => (\n\t\t\t\t\t<KeyCombination\n\t\t\t\t\t\tkeyCombination={ alias }\n\t\t\t\t\t\tforceAriaLabel={ ariaLabel }\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Shortcut;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAA6E,IAAAE,WAAA,GAAAF,OAAA;AAJ7E;AACA;AACA;;AAIA,SAASG,cAAcA,CAAE;EAAEC,cAAc;EAAEC;AAAe,CAAC,EAAG;EAC7D,MAAMC,QAAQ,GAAGF,cAAc,CAACG,QAAQ,GACrCC,6BAAmB,CAAEJ,cAAc,CAACG,QAAQ,CAAE,CAC9CH,cAAc,CAACK,SACf,CAAC,GACDL,cAAc,CAACK,SAAS;EAC3B,MAAMC,SAAS,GAAGN,cAAc,CAACG,QAAQ,GACtCI,2BAAiB,CAAEP,cAAc,CAACG,QAAQ,CAAE,CAC5CH,cAAc,CAACK,SACf,CAAC,GACDL,cAAc,CAACK,SAAS;EAE3B,oBACC,IAAAP,WAAA,CAAAU,GAAA;IACCC,SAAS,EAAC,+DAA+D;IACzE,cAAaR,cAAc,IAAIK,SAAW;IAAAI,QAAA,EAExC,CAAEC,KAAK,CAACC,OAAO,CAAEV,QAAS,CAAC,GAAGA,QAAQ,GAAG,CAAEA,QAAQ,CAAE,EAAGW,GAAG,CAC5D,CAAER,SAAS,EAAES,KAAK,KAAM;MACvB,IAAKT,SAAS,KAAK,GAAG,EAAG;QACxB,oBAAO,IAAAP,WAAA,CAAAU,GAAA,EAACb,QAAA,CAAAoB,QAAQ;UAAAL,QAAA,EAAiBL;QAAS,GAAnBS,KAA+B,CAAC;MACxD;MAEA,oBACC,IAAAhB,WAAA,CAAAU,GAAA;QAECC,SAAS,EAAC,mDAAmD;QAAAC,QAAA,EAE3DL;MAAS,GAHLS,KAIF,CAAC;IAER,CACD;EAAC,CACG,CAAC;AAER;AAEA,SAASE,QAAQA,CAAE;EAAEC,WAAW;EAAEjB,cAAc;EAAEkB,OAAO,GAAG,EAAE;EAAEZ;AAAU,CAAC,EAAG;EAC7E,oBACC,IAAAR,WAAA,CAAAqB,IAAA,EAAArB,WAAA,CAAAiB,QAAA;IAAAL,QAAA,gBACC,IAAAZ,WAAA,CAAAU,GAAA;MAAKC,SAAS,EAAC,2DAA2D;MAAAC,QAAA,EACvEO;IAAW,CACT,CAAC,eACN,IAAAnB,WAAA,CAAAqB,IAAA;MAAKV,SAAS,EAAC,oDAAoD;MAAAC,QAAA,gBAClE,IAAAZ,WAAA,CAAAU,GAAA,EAACT,cAAc;QACdC,cAAc,EAAGA,cAAgB;QACjCC,cAAc,EAAGK;MAAW,CAC5B,CAAC,EACAY,OAAO,CAACL,GAAG,CAAE,CAAEO,KAAK,EAAEN,KAAK,kBAC5B,IAAAhB,WAAA,CAAAU,GAAA,EAACT,cAAc;QACdC,cAAc,EAAGoB,KAAO;QACxBnB,cAAc,EAAGK;MAAW,GACtBQ,KACN,CACA,CAAC;IAAA,CACC,CAAC;EAAA,CACL,CAAC;AAEL;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcP,QAAQ","ignoreList":[]}

package/build/components/list-view-sidebar/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ListViewSidebar;
-var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
@@ -19,6 +18,7 @@ var _keycodes = require("@wordpress/keycodes");
 var _listViewOutline = _interopRequireDefault(require("./list-view-outline"));
 var _lockUnlock = require("../../lock-unlock");
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -104,55 +104,67 @@ function ListViewSidebar() {
   // It is the same shortcut to open but that is defined as a global shortcut and only fires when the sidebar is closed.
   (0, _keyboardShortcuts.useShortcut)('core/editor/toggle-list-view', handleToggleListViewShortcut);
   return (
+    /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    (0, _react.createElement)("div", {
+    (0, _jsxRuntime.jsx)("div", {
       className: "editor-list-view-sidebar",
       onKeyDown: closeOnEscape,
-      ref: sidebarRef
-    }, (0, _react.createElement)(Tabs, {
-      onSelect: tabName => setTab(tabName),
-      selectOnMove: false
-      // The initial tab value is set explicitly to avoid an initial
-      // render where no tab is selected. This ensures that the
-      // tabpanel height is correct so the relevant scroll container
-      // can be rendered internally.
-      ,
-      defaultTabId: "list-view"
-    }, (0, _react.createElement)("div", {
-      className: "editor-list-view-sidebar__header"
-    }, (0, _react.createElement)(_components.Button, {
-      className: "editor-list-view-sidebar__close-button",
-      icon: _icons.closeSmall,
-      label: (0, _i18n.__)('Close'),
-      onClick: closeListView,
-      size: "small"
-    }), (0, _react.createElement)(Tabs.TabList, {
-      className: "editor-list-view-sidebar__tabs-tablist",
-      ref: tabsRef
-    }, (0, _react.createElement)(Tabs.Tab, {
-      className: "editor-list-view-sidebar__tabs-tab",
-      tabId: "list-view"
-    }, (0, _i18n._x)('List View', 'Post overview')), (0, _react.createElement)(Tabs.Tab, {
-      className: "editor-list-view-sidebar__tabs-tab",
-      tabId: "outline"
-    }, (0, _i18n._x)('Outline', 'Post overview')))), (0, _react.createElement)(Tabs.TabPanel, {
-      ref: listViewContainerRef,
-      className: "editor-list-view-sidebar__tabs-tabpanel",
-      tabId: "list-view",
-      focusable: false
-    }, (0, _react.createElement)("div", {
-      className: "editor-list-view-sidebar__list-view-container"
-    }, (0, _react.createElement)("div", {
-      className: "editor-list-view-sidebar__list-view-panel-content"
-    }, (0, _react.createElement)(_blockEditor.__experimentalListView, {
-      dropZoneElement: dropZoneElement
-    })))), (0, _react.createElement)(Tabs.TabPanel, {
-      className: "editor-list-view-sidebar__tabs-tabpanel",
-      tabId: "outline",
-      focusable: false
-    }, (0, _react.createElement)("div", {
-      className: "editor-list-view-sidebar__list-view-container"
-    }, (0, _react.createElement)(_listViewOutline.default, null)))))
+      ref: sidebarRef,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tabs, {
+        onSelect: tabName => setTab(tabName),
+        selectOnMove: false
+        // The initial tab value is set explicitly to avoid an initial
+        // render where no tab is selected. This ensures that the
+        // tabpanel height is correct so the relevant scroll container
+        // can be rendered internally.
+        ,
+        defaultTabId: "list-view",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "editor-list-view-sidebar__header",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            className: "editor-list-view-sidebar__close-button",
+            icon: _icons.closeSmall,
+            label: (0, _i18n.__)('Close'),
+            onClick: closeListView,
+            size: "small"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tabs.TabList, {
+            className: "editor-list-view-sidebar__tabs-tablist",
+            ref: tabsRef,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.Tab, {
+              className: "editor-list-view-sidebar__tabs-tab",
+              tabId: "list-view",
+              children: (0, _i18n._x)('List View', 'Post overview')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.Tab, {
+              className: "editor-list-view-sidebar__tabs-tab",
+              tabId: "outline",
+              children: (0, _i18n._x)('Outline', 'Post overview')
+            })]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabPanel, {
+          ref: listViewContainerRef,
+          className: "editor-list-view-sidebar__tabs-tabpanel",
+          tabId: "list-view",
+          focusable: false,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "editor-list-view-sidebar__list-view-container",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "editor-list-view-sidebar__list-view-panel-content",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__experimentalListView, {
+                dropZoneElement: dropZoneElement
+              })
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabPanel, {
+          className: "editor-list-view-sidebar__tabs-tabpanel",
+          tabId: "outline",
+          focusable: false,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "editor-list-view-sidebar__list-view-container",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_listViewOutline.default, {})
+          })
+        })]
+      })
+    })
   );
 }
 //# sourceMappingURL=index.js.map

package/build/components/list-view-sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_components","_compose","_data","_dom","_element","_i18n","_icons","_keyboardShortcuts","_keycodes","_listViewOutline","_interopRequireDefault","_lockUnlock","_store","Tabs","unlock","componentsPrivateApis","ListViewSidebar","setIsListViewOpened","useDispatch","editorStore","getListViewToggleRef","useSelect","focusOnMountRef","useFocusOnMount","closeListView","useCallback","current","focus","closeOnEscape","event","keyCode","ESCAPE","defaultPrevented","preventDefault","dropZoneElement","setDropZoneElement","useState","tab","setTab","sidebarRef","useRef","tabsRef","listViewRef","listViewContainerRef","useMergeRefs","handleSidebarFocus","currentTab","tabPanelFocus","tabbable","find","listViewApplicationFocus","listViewFocusArea","contains","handleToggleListViewShortcut","ownerDocument","activeElement","useShortcut","_react","createElement","className","onKeyDown","ref","onSelect","tabName","selectOnMove","defaultTabId","Button","icon","closeSmall","label","__","onClick","size","TabList","Tab","tabId","_x","TabPanel","focusable","__experimentalListView","default"],"sources":["@wordpress/editor/src/components/list-view-sidebar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalListView as ListView } from '@wordpress/block-editor';\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { focus } from '@wordpress/dom';\nimport { useCallback, useRef, useState } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport ListViewOutline from './list-view-outline';\nimport { unlock } from '../../lock-unlock';\nimport { store as editorStore } from '../../store';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nexport default function ListViewSidebar() {\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\tconst { getListViewToggleRef } = unlock( useSelect( editorStore ) );\n\n\t// This hook handles focus when the sidebar first renders.\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// When closing the list view, focus should return to the toggle button.\n\tconst closeListView = useCallback( () => {\n\t\tsetIsListViewOpened( false );\n\t\tgetListViewToggleRef().current?.focus();\n\t}, [ getListViewToggleRef, setIsListViewOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseListView();\n\t\t\t}\n\t\t},\n\t\t[ closeListView ]\n\t);\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the dropZoneElement updates.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\t// Tracks our current tab.\n\tconst [ tab, setTab ] = useState( 'list-view' );\n\n\t// This ref refers to the sidebar as a whole.\n\tconst sidebarRef = useRef();\n\t// This ref refers to the tab panel.\n\tconst tabsRef = useRef();\n\t// This ref refers to the list view application area.\n\tconst listViewRef = useRef();\n\n\t// Must merge the refs together so focus can be handled properly in the next function.\n\tconst listViewContainerRef = useMergeRefs( [\n\t\tfocusOnMountRef,\n\t\tlistViewRef,\n\t\tsetDropZoneElement,\n\t] );\n\n\t/*\n\t * Callback function to handle list view or outline focus.\n\t *\n\t * @param {string} currentTab The current tab. Either list view or outline.\n\t *\n\t * @return void\n\t */\n\tfunction handleSidebarFocus( currentTab ) {\n\t\t// Tab panel focus.\n\t\tconst tabPanelFocus = focus.tabbable.find( tabsRef.current )[ 0 ];\n\t\t// List view tab is selected.\n\t\tif ( currentTab === 'list-view' ) {\n\t\t\t// Either focus the list view or the tab panel. Must have a fallback because the list view does not render when there are no blocks.\n\t\t\tconst listViewApplicationFocus = focus.tabbable.find(\n\t\t\t\tlistViewRef.current\n\t\t\t)[ 0 ];\n\t\t\tconst listViewFocusArea = sidebarRef.current.contains(\n\t\t\t\tlistViewApplicationFocus\n\t\t\t)\n\t\t\t\t? listViewApplicationFocus\n\t\t\t\t: tabPanelFocus;\n\t\t\tlistViewFocusArea.focus();\n\t\t\t// Outline tab is selected.\n\t\t} else {\n\t\t\ttabPanelFocus.focus();\n\t\t}\n\t}\n\n\tconst handleToggleListViewShortcut = useCallback( () => {\n\t\t// If the sidebar has focus, it is safe to close.\n\t\tif (\n\t\t\tsidebarRef.current.contains(\n\t\t\t\tsidebarRef.current.ownerDocument.activeElement\n\t\t\t)\n\t\t) {\n\t\t\tcloseListView();\n\t\t} else {\n\t\t\t// If the list view or outline does not have focus, focus should be moved to it.\n\t\t\thandleSidebarFocus( tab );\n\t\t}\n\t}, [ closeListView, tab ] );\n\n\t// This only fires when the sidebar is open because of the conditional rendering.\n\t// It is the same shortcut to open but that is defined as a global shortcut and only fires when the sidebar is closed.\n\tuseShortcut( 'core/editor/toggle-list-view', handleToggleListViewShortcut );\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"editor-list-view-sidebar\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t\tref={ sidebarRef }\n\t\t>\n\t\t\t<Tabs\n\t\t\t\tonSelect={ ( tabName ) => setTab( tabName ) }\n\t\t\t\tselectOnMove={ false }\n\t\t\t\t// The initial tab value is set explicitly to avoid an initial\n\t\t\t\t// render where no tab is selected. This ensures that the\n\t\t\t\t// tabpanel height is correct so the relevant scroll container\n\t\t\t\t// can be rendered internally.\n\t\t\t\tdefaultTabId=\"list-view\"\n\t\t\t>\n\t\t\t\t<div className=\"editor-list-view-sidebar__header\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"editor-list-view-sidebar__close-button\"\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\t\tonClick={ closeListView }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t/>\n\t\t\t\t\t<Tabs.TabList\n\t\t\t\t\t\tclassName=\"editor-list-view-sidebar__tabs-tablist\"\n\t\t\t\t\t\tref={ tabsRef }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\tclassName=\"editor-list-view-sidebar__tabs-tab\"\n\t\t\t\t\t\t\ttabId=\"list-view\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ _x( 'List View', 'Post overview' ) }\n\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\tclassName=\"editor-list-view-sidebar__tabs-tab\"\n\t\t\t\t\t\t\ttabId=\"outline\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ _x( 'Outline', 'Post overview' ) }\n\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t</div>\n\n\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\tref={ listViewContainerRef }\n\t\t\t\t\tclassName=\"editor-list-view-sidebar__tabs-tabpanel\"\n\t\t\t\t\ttabId=\"list-view\"\n\t\t\t\t\tfocusable={ false }\n\t\t\t\t>\n\t\t\t\t\t<div className=\"editor-list-view-sidebar__list-view-container\">\n\t\t\t\t\t\t<div className=\"editor-list-view-sidebar__list-view-panel-content\">\n\t\t\t\t\t\t\t<ListView dropZoneElement={ dropZoneElement } />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\tclassName=\"editor-list-view-sidebar__tabs-tabpanel\"\n\t\t\t\t\ttabId=\"outline\"\n\t\t\t\t\tfocusable={ false }\n\t\t\t\t>\n\t\t\t\t\t<div className=\"editor-list-view-sidebar__list-view-container\">\n\t\t\t\t\t\t<ListViewOutline />\n\t\t\t\t\t</div>\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t</Tabs>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_blockEditor","require","_components","_compose","_data","_dom","_element","_i18n","_icons","_keyboardShortcuts","_keycodes","_listViewOutline","_interopRequireDefault","_lockUnlock","_store","_jsxRuntime","Tabs","unlock","componentsPrivateApis","ListViewSidebar","setIsListViewOpened","useDispatch","editorStore","getListViewToggleRef","useSelect","focusOnMountRef","useFocusOnMount","closeListView","useCallback","current","focus","closeOnEscape","event","keyCode","ESCAPE","defaultPrevented","preventDefault","dropZoneElement","setDropZoneElement","useState","tab","setTab","sidebarRef","useRef","tabsRef","listViewRef","listViewContainerRef","useMergeRefs","handleSidebarFocus","currentTab","tabPanelFocus","tabbable","find","listViewApplicationFocus","listViewFocusArea","contains","handleToggleListViewShortcut","ownerDocument","activeElement","useShortcut","jsx","className","onKeyDown","ref","children","jsxs","onSelect","tabName","selectOnMove","defaultTabId","Button","icon","closeSmall","label","__","onClick","size","TabList","Tab","tabId","_x","TabPanel","focusable","__experimentalListView","default"],"sources":["@wordpress/editor/src/components/list-view-sidebar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalListView as ListView } from '@wordpress/block-editor';\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { focus } from '@wordpress/dom';\nimport { useCallback, useRef, useState } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport ListViewOutline from './list-view-outline';\nimport { unlock } from '../../lock-unlock';\nimport { store as editorStore } from '../../store';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nexport default function ListViewSidebar() {\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\tconst { getListViewToggleRef } = unlock( useSelect( editorStore ) );\n\n\t// This hook handles focus when the sidebar first renders.\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// When closing the list view, focus should return to the toggle button.\n\tconst closeListView = useCallback( () => {\n\t\tsetIsListViewOpened( false );\n\t\tgetListViewToggleRef().current?.focus();\n\t}, [ getListViewToggleRef, setIsListViewOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseListView();\n\t\t\t}\n\t\t},\n\t\t[ closeListView ]\n\t);\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the dropZoneElement updates.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\t// Tracks our current tab.\n\tconst [ tab, setTab ] = useState( 'list-view' );\n\n\t// This ref refers to the sidebar as a whole.\n\tconst sidebarRef = useRef();\n\t// This ref refers to the tab panel.\n\tconst tabsRef = useRef();\n\t// This ref refers to the list view application area.\n\tconst listViewRef = useRef();\n\n\t// Must merge the refs together so focus can be handled properly in the next function.\n\tconst listViewContainerRef = useMergeRefs( [\n\t\tfocusOnMountRef,\n\t\tlistViewRef,\n\t\tsetDropZoneElement,\n\t] );\n\n\t/*\n\t * Callback function to handle list view or outline focus.\n\t *\n\t * @param {string} currentTab The current tab. Either list view or outline.\n\t *\n\t * @return void\n\t */\n\tfunction handleSidebarFocus( currentTab ) {\n\t\t// Tab panel focus.\n\t\tconst tabPanelFocus = focus.tabbable.find( tabsRef.current )[ 0 ];\n\t\t// List view tab is selected.\n\t\tif ( currentTab === 'list-view' ) {\n\t\t\t// Either focus the list view or the tab panel. Must have a fallback because the list view does not render when there are no blocks.\n\t\t\tconst listViewApplicationFocus = focus.tabbable.find(\n\t\t\t\tlistViewRef.current\n\t\t\t)[ 0 ];\n\t\t\tconst listViewFocusArea = sidebarRef.current.contains(\n\t\t\t\tlistViewApplicationFocus\n\t\t\t)\n\t\t\t\t? listViewApplicationFocus\n\t\t\t\t: tabPanelFocus;\n\t\t\tlistViewFocusArea.focus();\n\t\t\t// Outline tab is selected.\n\t\t} else {\n\t\t\ttabPanelFocus.focus();\n\t\t}\n\t}\n\n\tconst handleToggleListViewShortcut = useCallback( () => {\n\t\t// If the sidebar has focus, it is safe to close.\n\t\tif (\n\t\t\tsidebarRef.current.contains(\n\t\t\t\tsidebarRef.current.ownerDocument.activeElement\n\t\t\t)\n\t\t) {\n\t\t\tcloseListView();\n\t\t} else {\n\t\t\t// If the list view or outline does not have focus, focus should be moved to it.\n\t\t\thandleSidebarFocus( tab );\n\t\t}\n\t}, [ closeListView, tab ] );\n\n\t// This only fires when the sidebar is open because of the conditional rendering.\n\t// It is the same shortcut to open but that is defined as a global shortcut and only fires when the sidebar is closed.\n\tuseShortcut( 'core/editor/toggle-list-view', handleToggleListViewShortcut );\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"editor-list-view-sidebar\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t\tref={ sidebarRef }\n\t\t>\n\t\t\t<Tabs\n\t\t\t\tonSelect={ ( tabName ) => setTab( tabName ) }\n\t\t\t\tselectOnMove={ false }\n\t\t\t\t// The initial tab value is set explicitly to avoid an initial\n\t\t\t\t// render where no tab is selected. This ensures that the\n\t\t\t\t// tabpanel height is correct so the relevant scroll container\n\t\t\t\t// can be rendered internally.\n\t\t\t\tdefaultTabId=\"list-view\"\n\t\t\t>\n\t\t\t\t<div className=\"editor-list-view-sidebar__header\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"editor-list-view-sidebar__close-button\"\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\t\tonClick={ closeListView }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t/>\n\t\t\t\t\t<Tabs.TabList\n\t\t\t\t\t\tclassName=\"editor-list-view-sidebar__tabs-tablist\"\n\t\t\t\t\t\tref={ tabsRef }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\tclassName=\"editor-list-view-sidebar__tabs-tab\"\n\t\t\t\t\t\t\ttabId=\"list-view\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ _x( 'List View', 'Post overview' ) }\n\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\tclassName=\"editor-list-view-sidebar__tabs-tab\"\n\t\t\t\t\t\t\ttabId=\"outline\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ _x( 'Outline', 'Post overview' ) }\n\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t</div>\n\n\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\tref={ listViewContainerRef }\n\t\t\t\t\tclassName=\"editor-list-view-sidebar__tabs-tabpanel\"\n\t\t\t\t\ttabId=\"list-view\"\n\t\t\t\t\tfocusable={ false }\n\t\t\t\t>\n\t\t\t\t\t<div className=\"editor-list-view-sidebar__list-view-container\">\n\t\t\t\t\t\t<div className=\"editor-list-view-sidebar__list-view-panel-content\">\n\t\t\t\t\t\t\t<ListView dropZoneElement={ dropZoneElement } />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\tclassName=\"editor-list-view-sidebar__tabs-tabpanel\"\n\t\t\t\t\ttabId=\"outline\"\n\t\t\t\t\tfocusable={ false }\n\t\t\t\t>\n\t\t\t\t\t<div className=\"editor-list-view-sidebar__list-view-container\">\n\t\t\t\t\t\t<ListViewOutline />\n\t\t\t\t\t</div>\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t</Tabs>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/list-view-sidebar/list-view-outline.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ListViewOutline;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _characterCount = _interopRequireDefault(require("../character-count"));
 var _wordCount = _interopRequireDefault(require("../word-count"));
 var _timeToRead = _interopRequireDefault(require("../time-to-read"));
 var _documentOutline = _interopRequireDefault(require("../document-outline"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -21,8 +21,25 @@ var _documentOutline = _interopRequireDefault(require("../document-outline"));
  */
 
 function ListViewOutline() {
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("div", {
-    className: "editor-list-view-sidebar__outline"
-  }, (0, _react.createElement)("div", null, (0, _react.createElement)(_components.__experimentalText, null, (0, _i18n.__)('Characters:')), (0, _react.createElement)(_components.__experimentalText, null, (0, _react.createElement)(_characterCount.default, null))), (0, _react.createElement)("div", null, (0, _react.createElement)(_components.__experimentalText, null, (0, _i18n.__)('Words:')), (0, _react.createElement)(_wordCount.default, null)), (0, _react.createElement)("div", null, (0, _react.createElement)(_components.__experimentalText, null, (0, _i18n.__)('Time to read:')), (0, _react.createElement)(_timeToRead.default, null))), (0, _react.createElement)(_documentOutline.default, null));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "editor-list-view-sidebar__outline",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+          children: (0, _i18n.__)('Characters:')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_characterCount.default, {})
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+          children: (0, _i18n.__)('Words:')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_wordCount.default, {})]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+          children: (0, _i18n.__)('Time to read:')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_timeToRead.default, {})]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_documentOutline.default, {})]
+  });
 }
 //# sourceMappingURL=list-view-outline.js.map

package/build/components/list-view-sidebar/list-view-outline.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_characterCount","_interopRequireDefault","_wordCount","_timeToRead","_documentOutline","ListViewOutline","_react","createElement","Fragment","className","__experimentalText","__","default"],"sources":["@wordpress/editor/src/components/list-view-sidebar/list-view-outline.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalText as Text } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport CharacterCount from '../character-count';\nimport WordCount from '../word-count';\nimport TimeToRead from '../time-to-read';\nimport DocumentOutline from '../document-outline';\n\nexport default function ListViewOutline() {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"editor-list-view-sidebar__outline\">\n\t\t\t\t<div>\n\t\t\t\t\t<Text>{ __( 'Characters:' ) }</Text>\n\t\t\t\t\t<Text>\n\t\t\t\t\t\t<CharacterCount />\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<Text>{ __( 'Words:' ) }</Text>\n\t\t\t\t\t<WordCount />\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<Text>{ __( 'Time to read:' ) }</Text>\n\t\t\t\t\t<TimeToRead />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<DocumentOutline />\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,eAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,UAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,WAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,gBAAA,GAAAH,sBAAA,CAAAH,OAAA;AAZA;AACA;AACA;;AAIA;AACA;AACA;;AAMe,SAASO,eAAeA,CAAA,EAAG;EACzC,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAAmC,GACjD,IAAAH,MAAA,CAAAC,aAAA,eACC,IAAAD,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAa,kBAAI,QAAG,IAAAC,QAAE,EAAE,aAAc,CAAS,CAAC,EACpC,IAAAL,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAa,kBAAI,QACJ,IAAAJ,MAAA,CAAAC,aAAA,EAACP,eAAA,CAAAY,OAAc,MAAE,CACZ,CACF,CAAC,EACN,IAAAN,MAAA,CAAAC,aAAA,eACC,IAAAD,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAa,kBAAI,QAAG,IAAAC,QAAE,EAAE,QAAS,CAAS,CAAC,EAC/B,IAAAL,MAAA,CAAAC,aAAA,EAACL,UAAA,CAAAU,OAAS,MAAE,CACR,CAAC,EACN,IAAAN,MAAA,CAAAC,aAAA,eACC,IAAAD,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAa,kBAAI,QAAG,IAAAC,QAAE,EAAE,eAAgB,CAAS,CAAC,EACtC,IAAAL,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAS,OAAU,MAAE,CACT,CACD,CAAC,EACN,IAAAN,MAAA,CAAAC,aAAA,EAACH,gBAAA,CAAAQ,OAAe,MAAE,CACjB,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_characterCount","_interopRequireDefault","_wordCount","_timeToRead","_documentOutline","_jsxRuntime","ListViewOutline","jsxs","Fragment","children","className","jsx","__experimentalText","__","default"],"sources":["@wordpress/editor/src/components/list-view-sidebar/list-view-outline.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalText as Text } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport CharacterCount from '../character-count';\nimport WordCount from '../word-count';\nimport TimeToRead from '../time-to-read';\nimport DocumentOutline from '../document-outline';\n\nexport default function ListViewOutline() {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"editor-list-view-sidebar__outline\">\n\t\t\t\t<div>\n\t\t\t\t\t<Text>{ __( 'Characters:' ) }</Text>\n\t\t\t\t\t<Text>\n\t\t\t\t\t\t<CharacterCount />\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<Text>{ __( 'Words:' ) }</Text>\n\t\t\t\t\t<WordCount />\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<Text>{ __( 'Time to read:' ) }</Text>\n\t\t\t\t\t<TimeToRead />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<DocumentOutline />\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,eAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,UAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,WAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,gBAAA,GAAAH,sBAAA,CAAAH,OAAA;AAAkD,IAAAO,WAAA,GAAAP,OAAA;AAZlD;AACA;AACA;;AAIA;AACA;AACA;;AAMe,SAASQ,eAAeA,CAAA,EAAG;EACzC,oBACC,IAAAD,WAAA,CAAAE,IAAA,EAAAF,WAAA,CAAAG,QAAA;IAAAC,QAAA,gBACC,IAAAJ,WAAA,CAAAE,IAAA;MAAKG,SAAS,EAAC,mCAAmC;MAAAD,QAAA,gBACjD,IAAAJ,WAAA,CAAAE,IAAA;QAAAE,QAAA,gBACC,IAAAJ,WAAA,CAAAM,GAAA,EAACd,WAAA,CAAAe,kBAAI;UAAAH,QAAA,EAAG,IAAAI,QAAE,EAAE,aAAc;QAAC,CAAQ,CAAC,eACpC,IAAAR,WAAA,CAAAM,GAAA,EAACd,WAAA,CAAAe,kBAAI;UAAAH,QAAA,eACJ,IAAAJ,WAAA,CAAAM,GAAA,EAACX,eAAA,CAAAc,OAAc,IAAE;QAAC,CACb,CAAC;MAAA,CACH,CAAC,eACN,IAAAT,WAAA,CAAAE,IAAA;QAAAE,QAAA,gBACC,IAAAJ,WAAA,CAAAM,GAAA,EAACd,WAAA,CAAAe,kBAAI;UAAAH,QAAA,EAAG,IAAAI,QAAE,EAAE,QAAS;QAAC,CAAQ,CAAC,eAC/B,IAAAR,WAAA,CAAAM,GAAA,EAACT,UAAA,CAAAY,OAAS,IAAE,CAAC;MAAA,CACT,CAAC,eACN,IAAAT,WAAA,CAAAE,IAAA;QAAAE,QAAA,gBACC,IAAAJ,WAAA,CAAAM,GAAA,EAACd,WAAA,CAAAe,kBAAI;UAAAH,QAAA,EAAG,IAAAI,QAAE,EAAE,eAAgB;QAAC,CAAQ,CAAC,eACtC,IAAAR,WAAA,CAAAM,GAAA,EAACR,WAAA,CAAAW,OAAU,IAAE,CAAC;MAAA,CACV,CAAC;IAAA,CACF,CAAC,eACN,IAAAT,WAAA,CAAAM,GAAA,EAACP,gBAAA,CAAAU,OAAe,IAAE,CAAC;EAAA,CAClB,CAAC;AAEL","ignoreList":[]}

package/build/components/local-autosave-monitor/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _compose = require("@wordpress/compose");
 var _data = require("@wordpress/data");
@@ -15,6 +14,7 @@ var _notices = require("@wordpress/notices");
 var _autosaveMonitor = _interopRequireDefault(require("../autosave-monitor"));
 var _localAutosave = require("../../store/local-autosave");
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -176,10 +176,23 @@ function LocalAutosaveMonitor() {
   useAutosaveNotice();
   useAutosavePurge();
   const localAutosaveInterval = (0, _data.useSelect)(select => select(_store.store).getEditorSettings().localAutosaveInterval, []);
-  return (0, _react.createElement)(_autosaveMonitor.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_autosaveMonitor.default, {
     interval: localAutosaveInterval,
     autosave: deferredAutosave
   });
 }
+
+/**
+ * Monitors local autosaves of a post in the editor.
+ * It uses several hooks and functions to manage autosave behavior:
+ * - `useAutosaveNotice` hook: Manages the creation of a notice prompting the user to restore a local autosave, if one exists.
+ * - `useAutosavePurge` hook: Ejects a local autosave after a successful save occurs.
+ * - `hasSessionStorageSupport` function: Checks if the current environment supports browser sessionStorage.
+ * - `LocalAutosaveMonitor` component: Uses the `AutosaveMonitor` component to perform autosaves at a specified interval.
+ *
+ * The module also checks for sessionStorage support and conditionally exports the `LocalAutosaveMonitor` component based on that.
+ *
+ * @module LocalAutosaveMonitor
+ */
 var _default = exports.default = (0, _compose.ifCondition)(hasSessionStorageSupport)(LocalAutosaveMonitor);
 //# sourceMappingURL=index.js.map

package/build/components/local-autosave-monitor/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_compose","_data","_i18n","_blocks","_notices","_autosaveMonitor","_interopRequireDefault","_localAutosave","_store","requestIdleCallback","window","requestAnimationFrame","hasStorageSupport","hasSessionStorageSupport","undefined","sessionStorage","setItem","removeItem","useAutosaveNotice","postId","isEditedPostNew","hasRemoteAutosave","useSelect","select","editorStore","getCurrentPostId","getEditorSettings","autosave","getEditedPostAttribute","createWarningNotice","removeNotice","useDispatch","noticesStore","editPost","resetEditorBlocks","useEffect","localAutosave","localAutosaveGet","JSON","parse","post_title","title","content","excerpt","edits","hasDifference","Object","keys","some","key","localAutosaveClear","id","__","actions","label","onClick","editsContent","editsWithoutContent","useAutosavePurge","isDirty","isAutosaving","didError","isEditedPostDirty","isAutosavingPost","didPostSaveRequestFail","lastIsDirty","useRef","lastIsAutosaving","current","wasEditedPostNew","usePrevious","prevPostId","LocalAutosaveMonitor","deferredAutosave","useCallback","local","localAutosaveInterval","_react","createElement","default","interval","_default","exports","ifCondition"],"sources":["@wordpress/editor/src/components/local-autosave-monitor/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useCallback, useEffect, useRef } from '@wordpress/element';\nimport { ifCondition, usePrevious } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { parse } from '@wordpress/blocks';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport AutosaveMonitor from '../autosave-monitor';\nimport {\n\tlocalAutosaveGet,\n\tlocalAutosaveClear,\n} from '../../store/local-autosave';\nimport { store as editorStore } from '../../store';\n\nconst requestIdleCallback = window.requestIdleCallback\n\t? window.requestIdleCallback\n\t: window.requestAnimationFrame;\n\nlet hasStorageSupport;\n\n/**\n * Function which returns true if the current environment supports browser\n * sessionStorage, or false otherwise. The result of this function is cached and\n * reused in subsequent invocations.\n */\nconst hasSessionStorageSupport = () => {\n\tif ( hasStorageSupport !== undefined ) {\n\t\treturn hasStorageSupport;\n\t}\n\n\ttry {\n\t\t// Private Browsing in Safari 10 and earlier will throw an error when\n\t\t// attempting to set into sessionStorage. The test here is intentional in\n\t\t// causing a thrown error as condition bailing from local autosave.\n\t\twindow.sessionStorage.setItem( '__wpEditorTestSessionStorage', '' );\n\t\twindow.sessionStorage.removeItem( '__wpEditorTestSessionStorage' );\n\t\thasStorageSupport = true;\n\t} catch {\n\t\thasStorageSupport = false;\n\t}\n\n\treturn hasStorageSupport;\n};\n\n/**\n * Custom hook which manages the creation of a notice prompting the user to\n * restore a local autosave, if one exists.\n */\nfunction useAutosaveNotice() {\n\tconst { postId, isEditedPostNew, hasRemoteAutosave } = useSelect(\n\t\t( select ) => ( {\n\t\t\tpostId: select( editorStore ).getCurrentPostId(),\n\t\t\tisEditedPostNew: select( editorStore ).isEditedPostNew(),\n\t\t\thasRemoteAutosave:\n\t\t\t\t!! select( editorStore ).getEditorSettings().autosave,\n\t\t} ),\n\t\t[]\n\t);\n\tconst { getEditedPostAttribute } = useSelect( editorStore );\n\n\tconst { createWarningNotice, removeNotice } = useDispatch( noticesStore );\n\tconst { editPost, resetEditorBlocks } = useDispatch( editorStore );\n\n\tuseEffect( () => {\n\t\tlet localAutosave = localAutosaveGet( postId, isEditedPostNew );\n\t\tif ( ! localAutosave ) {\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tlocalAutosave = JSON.parse( localAutosave );\n\t\t} catch {\n\t\t\t// Not usable if it can't be parsed.\n\t\t\treturn;\n\t\t}\n\n\t\tconst { post_title: title, content, excerpt } = localAutosave;\n\t\tconst edits = { title, content, excerpt };\n\n\t\t{\n\t\t\t// Only display a notice if there is a difference between what has been\n\t\t\t// saved and that which is stored in sessionStorage.\n\t\t\tconst hasDifference = Object.keys( edits ).some( ( key ) => {\n\t\t\t\treturn edits[ key ] !== getEditedPostAttribute( key );\n\t\t\t} );\n\n\t\t\tif ( ! hasDifference ) {\n\t\t\t\t// If there is no difference, it can be safely ejected from storage.\n\t\t\t\tlocalAutosaveClear( postId, isEditedPostNew );\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tif ( hasRemoteAutosave ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst id = 'wpEditorAutosaveRestore';\n\n\t\tcreateWarningNotice(\n\t\t\t__(\n\t\t\t\t'The backup of this post in your browser is different from the version below.'\n\t\t\t),\n\t\t\t{\n\t\t\t\tid,\n\t\t\t\tactions: [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'Restore the backup' ),\n\t\t\t\t\t\tonClick() {\n\t\t\t\t\t\t\tconst {\n\t\t\t\t\t\t\t\tcontent: editsContent,\n\t\t\t\t\t\t\t\t...editsWithoutContent\n\t\t\t\t\t\t\t} = edits;\n\t\t\t\t\t\t\teditPost( editsWithoutContent );\n\t\t\t\t\t\t\tresetEditorBlocks( parse( edits.content ) );\n\t\t\t\t\t\t\tremoveNotice( id );\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t}\n\t\t);\n\t}, [ isEditedPostNew, postId ] );\n}\n\n/**\n * Custom hook which ejects a local autosave after a successful save occurs.\n */\nfunction useAutosavePurge() {\n\tconst { postId, isEditedPostNew, isDirty, isAutosaving, didError } =\n\t\tuseSelect(\n\t\t\t( select ) => ( {\n\t\t\t\tpostId: select( editorStore ).getCurrentPostId(),\n\t\t\t\tisEditedPostNew: select( editorStore ).isEditedPostNew(),\n\t\t\t\tisDirty: select( editorStore ).isEditedPostDirty(),\n\t\t\t\tisAutosaving: select( editorStore ).isAutosavingPost(),\n\t\t\t\tdidError: select( editorStore ).didPostSaveRequestFail(),\n\t\t\t} ),\n\t\t\t[]\n\t\t);\n\n\tconst lastIsDirty = useRef( isDirty );\n\tconst lastIsAutosaving = useRef( isAutosaving );\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\t! didError &&\n\t\t\t( ( lastIsAutosaving.current && ! isAutosaving ) ||\n\t\t\t\t( lastIsDirty.current && ! isDirty ) )\n\t\t) {\n\t\t\tlocalAutosaveClear( postId, isEditedPostNew );\n\t\t}\n\n\t\tlastIsDirty.current = isDirty;\n\t\tlastIsAutosaving.current = isAutosaving;\n\t}, [ isDirty, isAutosaving, didError ] );\n\n\t// Once the isEditedPostNew changes from true to false, let's clear the auto-draft autosave.\n\tconst wasEditedPostNew = usePrevious( isEditedPostNew );\n\tconst prevPostId = usePrevious( postId );\n\tuseEffect( () => {\n\t\tif ( prevPostId === postId && wasEditedPostNew && ! isEditedPostNew ) {\n\t\t\tlocalAutosaveClear( postId, true );\n\t\t}\n\t}, [ isEditedPostNew, postId ] );\n}\n\nfunction LocalAutosaveMonitor() {\n\tconst { autosave } = useDispatch( editorStore );\n\tconst deferredAutosave = useCallback( () => {\n\t\trequestIdleCallback( () => autosave( { local: true } ) );\n\t}, [] );\n\tuseAutosaveNotice();\n\tuseAutosavePurge();\n\n\tconst localAutosaveInterval = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).getEditorSettings().localAutosaveInterval,\n\t\t[]\n\t);\n\n\treturn (\n\t\t<AutosaveMonitor\n\t\t\tinterval={ localAutosaveInterval }\n\t\t\tautosave={ deferredAutosave }\n\t\t/>\n\t);\n}\n\nexport default ifCondition( hasSessionStorageSupport )( LocalAutosaveMonitor );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_element","require","_compose","_data","_i18n","_blocks","_notices","_autosaveMonitor","_interopRequireDefault","_localAutosave","_store","_jsxRuntime","requestIdleCallback","window","requestAnimationFrame","hasStorageSupport","hasSessionStorageSupport","undefined","sessionStorage","setItem","removeItem","useAutosaveNotice","postId","isEditedPostNew","hasRemoteAutosave","useSelect","select","editorStore","getCurrentPostId","getEditorSettings","autosave","getEditedPostAttribute","createWarningNotice","removeNotice","useDispatch","noticesStore","editPost","resetEditorBlocks","useEffect","localAutosave","localAutosaveGet","JSON","parse","post_title","title","content","excerpt","edits","hasDifference","Object","keys","some","key","localAutosaveClear","id","__","actions","label","onClick","editsContent","editsWithoutContent","useAutosavePurge","isDirty","isAutosaving","didError","isEditedPostDirty","isAutosavingPost","didPostSaveRequestFail","lastIsDirty","useRef","lastIsAutosaving","current","wasEditedPostNew","usePrevious","prevPostId","LocalAutosaveMonitor","deferredAutosave","useCallback","local","localAutosaveInterval","jsx","default","interval","_default","exports","ifCondition"],"sources":["@wordpress/editor/src/components/local-autosave-monitor/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useCallback, useEffect, useRef } from '@wordpress/element';\nimport { ifCondition, usePrevious } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { parse } from '@wordpress/blocks';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport AutosaveMonitor from '../autosave-monitor';\nimport {\n\tlocalAutosaveGet,\n\tlocalAutosaveClear,\n} from '../../store/local-autosave';\nimport { store as editorStore } from '../../store';\n\nconst requestIdleCallback = window.requestIdleCallback\n\t? window.requestIdleCallback\n\t: window.requestAnimationFrame;\n\nlet hasStorageSupport;\n\n/**\n * Function which returns true if the current environment supports browser\n * sessionStorage, or false otherwise. The result of this function is cached and\n * reused in subsequent invocations.\n */\nconst hasSessionStorageSupport = () => {\n\tif ( hasStorageSupport !== undefined ) {\n\t\treturn hasStorageSupport;\n\t}\n\n\ttry {\n\t\t// Private Browsing in Safari 10 and earlier will throw an error when\n\t\t// attempting to set into sessionStorage. The test here is intentional in\n\t\t// causing a thrown error as condition bailing from local autosave.\n\t\twindow.sessionStorage.setItem( '__wpEditorTestSessionStorage', '' );\n\t\twindow.sessionStorage.removeItem( '__wpEditorTestSessionStorage' );\n\t\thasStorageSupport = true;\n\t} catch {\n\t\thasStorageSupport = false;\n\t}\n\n\treturn hasStorageSupport;\n};\n\n/**\n * Custom hook which manages the creation of a notice prompting the user to\n * restore a local autosave, if one exists.\n */\nfunction useAutosaveNotice() {\n\tconst { postId, isEditedPostNew, hasRemoteAutosave } = useSelect(\n\t\t( select ) => ( {\n\t\t\tpostId: select( editorStore ).getCurrentPostId(),\n\t\t\tisEditedPostNew: select( editorStore ).isEditedPostNew(),\n\t\t\thasRemoteAutosave:\n\t\t\t\t!! select( editorStore ).getEditorSettings().autosave,\n\t\t} ),\n\t\t[]\n\t);\n\tconst { getEditedPostAttribute } = useSelect( editorStore );\n\n\tconst { createWarningNotice, removeNotice } = useDispatch( noticesStore );\n\tconst { editPost, resetEditorBlocks } = useDispatch( editorStore );\n\n\tuseEffect( () => {\n\t\tlet localAutosave = localAutosaveGet( postId, isEditedPostNew );\n\t\tif ( ! localAutosave ) {\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tlocalAutosave = JSON.parse( localAutosave );\n\t\t} catch {\n\t\t\t// Not usable if it can't be parsed.\n\t\t\treturn;\n\t\t}\n\n\t\tconst { post_title: title, content, excerpt } = localAutosave;\n\t\tconst edits = { title, content, excerpt };\n\n\t\t{\n\t\t\t// Only display a notice if there is a difference between what has been\n\t\t\t// saved and that which is stored in sessionStorage.\n\t\t\tconst hasDifference = Object.keys( edits ).some( ( key ) => {\n\t\t\t\treturn edits[ key ] !== getEditedPostAttribute( key );\n\t\t\t} );\n\n\t\t\tif ( ! hasDifference ) {\n\t\t\t\t// If there is no difference, it can be safely ejected from storage.\n\t\t\t\tlocalAutosaveClear( postId, isEditedPostNew );\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tif ( hasRemoteAutosave ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst id = 'wpEditorAutosaveRestore';\n\n\t\tcreateWarningNotice(\n\t\t\t__(\n\t\t\t\t'The backup of this post in your browser is different from the version below.'\n\t\t\t),\n\t\t\t{\n\t\t\t\tid,\n\t\t\t\tactions: [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'Restore the backup' ),\n\t\t\t\t\t\tonClick() {\n\t\t\t\t\t\t\tconst {\n\t\t\t\t\t\t\t\tcontent: editsContent,\n\t\t\t\t\t\t\t\t...editsWithoutContent\n\t\t\t\t\t\t\t} = edits;\n\t\t\t\t\t\t\teditPost( editsWithoutContent );\n\t\t\t\t\t\t\tresetEditorBlocks( parse( edits.content ) );\n\t\t\t\t\t\t\tremoveNotice( id );\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t}\n\t\t);\n\t}, [ isEditedPostNew, postId ] );\n}\n\n/**\n * Custom hook which ejects a local autosave after a successful save occurs.\n */\nfunction useAutosavePurge() {\n\tconst { postId, isEditedPostNew, isDirty, isAutosaving, didError } =\n\t\tuseSelect(\n\t\t\t( select ) => ( {\n\t\t\t\tpostId: select( editorStore ).getCurrentPostId(),\n\t\t\t\tisEditedPostNew: select( editorStore ).isEditedPostNew(),\n\t\t\t\tisDirty: select( editorStore ).isEditedPostDirty(),\n\t\t\t\tisAutosaving: select( editorStore ).isAutosavingPost(),\n\t\t\t\tdidError: select( editorStore ).didPostSaveRequestFail(),\n\t\t\t} ),\n\t\t\t[]\n\t\t);\n\n\tconst lastIsDirty = useRef( isDirty );\n\tconst lastIsAutosaving = useRef( isAutosaving );\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\t! didError &&\n\t\t\t( ( lastIsAutosaving.current && ! isAutosaving ) ||\n\t\t\t\t( lastIsDirty.current && ! isDirty ) )\n\t\t) {\n\t\t\tlocalAutosaveClear( postId, isEditedPostNew );\n\t\t}\n\n\t\tlastIsDirty.current = isDirty;\n\t\tlastIsAutosaving.current = isAutosaving;\n\t}, [ isDirty, isAutosaving, didError ] );\n\n\t// Once the isEditedPostNew changes from true to false, let's clear the auto-draft autosave.\n\tconst wasEditedPostNew = usePrevious( isEditedPostNew );\n\tconst prevPostId = usePrevious( postId );\n\tuseEffect( () => {\n\t\tif ( prevPostId === postId && wasEditedPostNew && ! isEditedPostNew ) {\n\t\t\tlocalAutosaveClear( postId, true );\n\t\t}\n\t}, [ isEditedPostNew, postId ] );\n}\n\nfunction LocalAutosaveMonitor() {\n\tconst { autosave } = useDispatch( editorStore );\n\tconst deferredAutosave = useCallback( () => {\n\t\trequestIdleCallback( () => autosave( { local: true } ) );\n\t}, [] );\n\tuseAutosaveNotice();\n\tuseAutosavePurge();\n\n\tconst localAutosaveInterval = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).getEditorSettings().localAutosaveInterval,\n\t\t[]\n\t);\n\n\treturn (\n\t\t<AutosaveMonitor\n\t\t\tinterval={ localAutosaveInterval }\n\t\t\tautosave={ deferredAutosave }\n\t\t/>\n\t);\n}\n\n/**\n * Monitors local autosaves of a post in the editor.\n * It uses several hooks and functions to manage autosave behavior:\n * - `useAutosaveNotice` hook: Manages the creation of a notice prompting the user to restore a local autosave, if one exists.\n * - `useAutosavePurge` hook: Ejects a local autosave after a successful save occurs.\n * - `hasSessionStorageSupport` function: Checks if the current environment supports browser sessionStorage.\n * - `LocalAutosaveMonitor` component: Uses the `AutosaveMonitor` component to perform autosaves at a specified interval.\n *\n * The module also checks for sessionStorage support and conditionally exports the `LocalAutosaveMonitor` component based on that.\n *\n * @module LocalAutosaveMonitor\n */\nexport default ifCondition( hasSessionStorageSupport )( LocalAutosaveMonitor );\n"],"mappings":"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","ignoreList":[]}

package/build/components/media-categories/index.js

@@ -151,7 +151,7 @@ const inserterMediaCategories = [{
       per_page: 'page_size',
       search: 'q'
     };
-    const url = new URL('https://api.openverse.engineering/v1/images/');
+    const url = new URL('https://api.openverse.org/v1/images/');
     Object.entries(finalQuery).forEach(([key, value]) => {
       const queryKey = mapFromInserterMediaRequest[key] || key;
       url.searchParams.set(queryKey, value);