@wordpress/edit-site 5.17.1 → 5.18.0

package/build/components/header-edit-mode/more-menu/copy-content-menu-item.js

@@ -25,28 +25,26 @@ function CopyContentMenuItem() {
   const {
     createNotice
   } = (0, _data.useDispatch)(_notices.store);
-  const getText = (0, _data.useSelect)(select => {
-    return () => {
-      const {
-        getEditedPostId,
-        getEditedPostType
-      } = select(_store.store);
-      const {
-        getEditedEntityRecord
-      } = select(_coreData.store);
-      const record = getEditedEntityRecord('postType', getEditedPostType(), getEditedPostId());
-      if (record) {
-        if (typeof record.content === 'function') {
-          return record.content(record);
-        } else if (record.blocks) {
-          return (0, _blocks.__unstableSerializeAndClean)(record.blocks);
-        } else if (record.content) {
-          return record.content;
-        }
-      }
+  const {
+    getEditedPostId,
+    getEditedPostType
+  } = (0, _data.useSelect)(_store.store);
+  const {
+    getEditedEntityRecord
+  } = (0, _data.useSelect)(_coreData.store);
+  function getText() {
+    const record = getEditedEntityRecord('postType', getEditedPostType(), getEditedPostId());
+    if (!record) {
       return '';
-    };
-  }, []);
+    }
+    if (typeof record.content === 'function') {
+      return record.content(record);
+    } else if (record.blocks) {
+      return (0, _blocks.__unstableSerializeAndClean)(record.blocks);
+    } else if (record.content) {
+      return record.content;
+    }
+  }
   function onSuccess() {
     createNotice('info', (0, _i18n.__)('All content copied.'), {
       isDismissible: true,

package/build/components/header-edit-mode/more-menu/copy-content-menu-item.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_data","_i18n","_compose","_notices","_coreData","_blocks","_store","CopyContentMenuItem","createNotice","useDispatch","noticesStore","getText","useSelect","select","getEditedPostId","getEditedPostType","editSiteStore","getEditedEntityRecord","coreStore","record","content","blocks","__unstableSerializeAndClean","onSuccess","__","isDismissible","type","ref","useCopyToClipboard","_element","createElement","MenuItem"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/more-menu/copy-content-menu-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuItem } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __unstableSerializeAndClean } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\n\nexport default function CopyContentMenuItem() {\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst getText = useSelect( ( select ) => {\n\t\treturn () => {\n\t\t\tconst { getEditedPostId, getEditedPostType } =\n\t\t\t\tselect( editSiteStore );\n\t\t\tconst { getEditedEntityRecord } = select( coreStore );\n\t\t\tconst record = getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tgetEditedPostType(),\n\t\t\t\tgetEditedPostId()\n\t\t\t);\n\t\t\tif ( record ) {\n\t\t\t\tif ( typeof record.content === 'function' ) {\n\t\t\t\t\treturn record.content( record );\n\t\t\t\t} else if ( record.blocks ) {\n\t\t\t\t\treturn __unstableSerializeAndClean( record.blocks );\n\t\t\t\t} else if ( record.content ) {\n\t\t\t\t\treturn record.content;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn '';\n\t\t};\n\t}, [] );\n\n\tfunction onSuccess() {\n\t\tcreateNotice( 'info', __( 'All content copied.' ), {\n\t\t\tisDismissible: true,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t}\n\n\tconst ref = useCopyToClipboard( getText, onSuccess );\n\n\treturn <MenuItem ref={ ref }>{ __( 'Copy all blocks' ) }</MenuItem>;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAKA,IAAAO,MAAA,GAAAP,OAAA;AAdA;AACA;AACA;;AASA;AACA;AACA;;AAGe,SAASQ,mBAAmBA,CAAA,EAAG;EAC7C,MAAM;IAAEC;EAAa,CAAC,GAAG,IAAAC,iBAAW,EAAEC,cAAa,CAAC;EACpD,MAAMC,OAAO,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACxC,OAAO,MAAM;MACZ,MAAM;QAAEC,eAAe;QAAEC;MAAkB,CAAC,GAC3CF,MAAM,CAAEG,YAAc,CAAC;MACxB,MAAM;QAAEC;MAAsB,CAAC,GAAGJ,MAAM,CAAEK,eAAU,CAAC;MACrD,MAAMC,MAAM,GAAGF,qBAAqB,CACnC,UAAU,EACVF,iBAAiB,CAAC,CAAC,EACnBD,eAAe,CAAC,CACjB,CAAC;MACD,IAAKK,MAAM,EAAG;QACb,IAAK,OAAOA,MAAM,CAACC,OAAO,KAAK,UAAU,EAAG;UAC3C,OAAOD,MAAM,CAACC,OAAO,CAAED,MAAO,CAAC;QAChC,CAAC,MAAM,IAAKA,MAAM,CAACE,MAAM,EAAG;UAC3B,OAAO,IAAAC,mCAA2B,EAAEH,MAAM,CAACE,MAAO,CAAC;QACpD,CAAC,MAAM,IAAKF,MAAM,CAACC,OAAO,EAAG;UAC5B,OAAOD,MAAM,CAACC,OAAO;QACtB;MACD;MACA,OAAO,EAAE;IACV,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,SAASG,SAASA,CAAA,EAAG;IACpBf,YAAY,CAAE,MAAM,EAAE,IAAAgB,QAAE,EAAE,qBAAsB,CAAC,EAAE;MAClDC,aAAa,EAAE,IAAI;MACnBC,IAAI,EAAE;IACP,CAAE,CAAC;EACJ;EAEA,MAAMC,GAAG,GAAG,IAAAC,2BAAkB,EAAEjB,OAAO,EAAEY,SAAU,CAAC;EAEpD,OAAO,IAAAM,QAAA,CAAAC,aAAA,EAAChC,WAAA,CAAAiC,QAAQ;IAACJ,GAAG,EAAGA;EAAK,GAAG,IAAAH,QAAE,EAAE,iBAAkB,CAAa,CAAC;AACpE"}
+{"version":3,"names":["_components","require","_data","_i18n","_compose","_notices","_coreData","_blocks","_store","CopyContentMenuItem","createNotice","useDispatch","noticesStore","getEditedPostId","getEditedPostType","useSelect","editSiteStore","getEditedEntityRecord","coreStore","getText","record","content","blocks","__unstableSerializeAndClean","onSuccess","__","isDismissible","type","ref","useCopyToClipboard","_element","createElement","MenuItem"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/more-menu/copy-content-menu-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuItem } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __unstableSerializeAndClean } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\n\nexport default function CopyContentMenuItem() {\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst { getEditedPostId, getEditedPostType } = useSelect( editSiteStore );\n\tconst { getEditedEntityRecord } = useSelect( coreStore );\n\n\tfunction getText() {\n\t\tconst record = getEditedEntityRecord(\n\t\t\t'postType',\n\t\t\tgetEditedPostType(),\n\t\t\tgetEditedPostId()\n\t\t);\n\t\tif ( ! record ) {\n\t\t\treturn '';\n\t\t}\n\n\t\tif ( typeof record.content === 'function' ) {\n\t\t\treturn record.content( record );\n\t\t} else if ( record.blocks ) {\n\t\t\treturn __unstableSerializeAndClean( record.blocks );\n\t\t} else if ( record.content ) {\n\t\t\treturn record.content;\n\t\t}\n\t}\n\n\tfunction onSuccess() {\n\t\tcreateNotice( 'info', __( 'All content copied.' ), {\n\t\t\tisDismissible: true,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t}\n\n\tconst ref = useCopyToClipboard( getText, onSuccess );\n\n\treturn <MenuItem ref={ ref }>{ __( 'Copy all blocks' ) }</MenuItem>;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAKA,IAAAO,MAAA,GAAAP,OAAA;AAdA;AACA;AACA;;AASA;AACA;AACA;;AAGe,SAASQ,mBAAmBA,CAAA,EAAG;EAC7C,MAAM;IAAEC;EAAa,CAAC,GAAG,IAAAC,iBAAW,EAAEC,cAAa,CAAC;EACpD,MAAM;IAAEC,eAAe;IAAEC;EAAkB,CAAC,GAAG,IAAAC,eAAS,EAAEC,YAAc,CAAC;EACzE,MAAM;IAAEC;EAAsB,CAAC,GAAG,IAAAF,eAAS,EAAEG,eAAU,CAAC;EAExD,SAASC,OAAOA,CAAA,EAAG;IAClB,MAAMC,MAAM,GAAGH,qBAAqB,CACnC,UAAU,EACVH,iBAAiB,CAAC,CAAC,EACnBD,eAAe,CAAC,CACjB,CAAC;IACD,IAAK,CAAEO,MAAM,EAAG;MACf,OAAO,EAAE;IACV;IAEA,IAAK,OAAOA,MAAM,CAACC,OAAO,KAAK,UAAU,EAAG;MAC3C,OAAOD,MAAM,CAACC,OAAO,CAAED,MAAO,CAAC;IAChC,CAAC,MAAM,IAAKA,MAAM,CAACE,MAAM,EAAG;MAC3B,OAAO,IAAAC,mCAA2B,EAAEH,MAAM,CAACE,MAAO,CAAC;IACpD,CAAC,MAAM,IAAKF,MAAM,CAACC,OAAO,EAAG;MAC5B,OAAOD,MAAM,CAACC,OAAO;IACtB;EACD;EAEA,SAASG,SAASA,CAAA,EAAG;IACpBd,YAAY,CAAE,MAAM,EAAE,IAAAe,QAAE,EAAE,qBAAsB,CAAC,EAAE;MAClDC,aAAa,EAAE,IAAI;MACnBC,IAAI,EAAE;IACP,CAAE,CAAC;EACJ;EAEA,MAAMC,GAAG,GAAG,IAAAC,2BAAkB,EAAEV,OAAO,EAAEK,SAAU,CAAC;EAEpD,OAAO,IAAAM,QAAA,CAAAC,aAAA,EAAC/B,WAAA,CAAAgC,QAAQ;IAACJ,GAAG,EAAGA;EAAK,GAAG,IAAAH,QAAE,EAAE,iBAAkB,CAAa,CAAC;AACpE"}

package/build/components/keyboard-shortcuts/edit-mode.js

@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _i18n = require("@wordpress/i18n");
 var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
 var _data = require("@wordpress/data");
 var _coreData = require("@wordpress/core-data");
 var _blockEditor = require("@wordpress/block-editor");
 var _interface = require("@wordpress/interface");
 var _blocks = require("@wordpress/blocks");
-var _preferences = require("@wordpress/preferences");
-var _notices = require("@wordpress/notices");
 var _store = require("../../store");
 var _constants = require("../sidebar-edit-mode/constants");
 var _constants2 = require("../../store/constants");
@@ -37,8 +34,7 @@ function KeyboardShortcutsEditMode() {
   const {
     setIsListViewOpened,
     switchEditorMode,
-    setIsInserterOpened,
-    closeGeneralSidebar
+    toggleDistractionFree
   } = (0, _data.useDispatch)(_store.store);
   const {
     enableComplementaryArea,
@@ -52,22 +48,6 @@ function KeyboardShortcutsEditMode() {
     getSelectedBlockClientId,
     getBlockAttributes
   } = (0, _data.useSelect)(_blockEditor.store);
-  const {
-    get: getPreference
-  } = (0, _data.useSelect)(_preferences.store);
-  const {
-    set: setPreference,
-    toggle
-  } = (0, _data.useDispatch)(_preferences.store);
-  const {
-    createInfoNotice
-  } = (0, _data.useDispatch)(_notices.store);
-  const toggleDistractionFree = () => {
-    setPreference('core/edit-site', 'fixedToolbar', false);
-    setIsInserterOpened(false);
-    setIsListViewOpened(false);
-    closeGeneralSidebar();
-  };
   const handleTextLevelShortcut = (event, level) => {
     event.preventDefault();
     const destinationBlockName = level === 0 ? 'core/paragraph' : 'core/heading';
@@ -128,11 +108,6 @@ function KeyboardShortcutsEditMode() {
   });
   (0, _keyboardShortcuts.useShortcut)('core/edit-site/toggle-distraction-free', () => {
     toggleDistractionFree();
-    toggle('core/edit-site', 'distractionFree');
-    createInfoNotice(getPreference('core/edit-site', 'distractionFree') ? (0, _i18n.__)('Distraction free mode turned on.') : (0, _i18n.__)('Distraction free mode turned off.'), {
-      id: 'core/edit-site/distraction-free-mode/notice',
-      type: 'snackbar'
-    });
   });
   return null;
 }

package/build/components/keyboard-shortcuts/edit-mode.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_keyboardShortcuts","_data","_coreData","_blockEditor","_interface","_blocks","_preferences","_notices","_store","_constants","_constants2","KeyboardShortcutsEditMode","getEditorMode","useSelect","editSiteStore","isListViewOpen","select","isListViewOpened","isBlockInspectorOpen","interfaceStore","getActiveComplementaryArea","name","SIDEBAR_BLOCK","redo","undo","useDispatch","coreStore","setIsListViewOpened","switchEditorMode","setIsInserterOpened","closeGeneralSidebar","enableComplementaryArea","disableComplementaryArea","replaceBlocks","blockEditorStore","getBlockName","getSelectedBlockClientId","getBlockAttributes","get","getPreference","preferencesStore","set","setPreference","toggle","createInfoNotice","noticesStore","toggleDistractionFree","handleTextLevelShortcut","event","level","preventDefault","destinationBlockName","currentClientId","blockName","attributes","textAlign","destinationTextAlign","createBlock","content","useShortcut","STORE_NAME","forEach","__","id","type","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/keyboard-shortcuts/edit-mode.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as interfaceStore } from '@wordpress/interface';\nimport { createBlock } from '@wordpress/blocks';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { SIDEBAR_BLOCK } from '../sidebar-edit-mode/constants';\nimport { STORE_NAME } from '../../store/constants';\n\nfunction KeyboardShortcutsEditMode() {\n\tconst { getEditorMode } = useSelect( editSiteStore );\n\tconst isListViewOpen = useSelect(\n\t\t( select ) => select( editSiteStore ).isListViewOpened(),\n\t\t[]\n\t);\n\tconst isBlockInspectorOpen = useSelect(\n\t\t( select ) =>\n\t\t\tselect( interfaceStore ).getActiveComplementaryArea(\n\t\t\t\teditSiteStore.name\n\t\t\t) === SIDEBAR_BLOCK,\n\t\t[]\n\t);\n\tconst { redo, undo } = useDispatch( coreStore );\n\tconst {\n\t\tsetIsListViewOpened,\n\t\tswitchEditorMode,\n\t\tsetIsInserterOpened,\n\t\tcloseGeneralSidebar,\n\t} = useDispatch( editSiteStore );\n\tconst { enableComplementaryArea, disableComplementaryArea } =\n\t\tuseDispatch( interfaceStore );\n\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\tconst { getBlockName, getSelectedBlockClientId, getBlockAttributes } =\n\t\tuseSelect( blockEditorStore );\n\n\tconst { get: getPreference } = useSelect( preferencesStore );\n\tconst { set: setPreference, toggle } = useDispatch( preferencesStore );\n\tconst { createInfoNotice } = useDispatch( noticesStore );\n\n\tconst toggleDistractionFree = () => {\n\t\tsetPreference( 'core/edit-site', 'fixedToolbar', false );\n\t\tsetIsInserterOpened( false );\n\t\tsetIsListViewOpened( false );\n\t\tcloseGeneralSidebar();\n\t};\n\n\tconst handleTextLevelShortcut = ( event, level ) => {\n\t\tevent.preventDefault();\n\t\tconst destinationBlockName =\n\t\t\tlevel === 0 ? 'core/paragraph' : 'core/heading';\n\t\tconst currentClientId = getSelectedBlockClientId();\n\t\tif ( currentClientId === null ) {\n\t\t\treturn;\n\t\t}\n\t\tconst blockName = getBlockName( currentClientId );\n\t\tif ( blockName !== 'core/paragraph' && blockName !== 'core/heading' ) {\n\t\t\treturn;\n\t\t}\n\t\tconst attributes = getBlockAttributes( currentClientId );\n\t\tconst textAlign =\n\t\t\tblockName === 'core/paragraph' ? 'align' : 'textAlign';\n\t\tconst destinationTextAlign =\n\t\t\tdestinationBlockName === 'core/paragraph' ? 'align' : 'textAlign';\n\n\t\treplaceBlocks(\n\t\t\tcurrentClientId,\n\t\t\tcreateBlock( destinationBlockName, {\n\t\t\t\tlevel,\n\t\t\t\tcontent: attributes.content,\n\t\t\t\t...{ [ destinationTextAlign ]: attributes[ textAlign ] },\n\t\t\t} )\n\t\t);\n\t};\n\n\tuseShortcut( 'core/edit-site/undo', ( event ) => {\n\t\tundo();\n\t\tevent.preventDefault();\n\t} );\n\n\tuseShortcut( 'core/edit-site/redo', ( event ) => {\n\t\tredo();\n\t\tevent.preventDefault();\n\t} );\n\n\t// Only opens the list view. Other functionality for this shortcut happens in the rendered sidebar.\n\tuseShortcut( 'core/edit-site/toggle-list-view', () => {\n\t\tif ( isListViewOpen ) {\n\t\t\treturn;\n\t\t}\n\t\tsetIsListViewOpened( true );\n\t} );\n\n\tuseShortcut( 'core/edit-site/toggle-block-settings-sidebar', ( event ) => {\n\t\t// This shortcut has no known clashes, but use preventDefault to prevent any\n\t\t// obscure shortcuts from triggering.\n\t\tevent.preventDefault();\n\n\t\tif ( isBlockInspectorOpen ) {\n\t\t\tdisableComplementaryArea( STORE_NAME );\n\t\t} else {\n\t\t\tenableComplementaryArea( STORE_NAME, SIDEBAR_BLOCK );\n\t\t}\n\t} );\n\n\tuseShortcut( 'core/edit-site/toggle-mode', () => {\n\t\tswitchEditorMode( getEditorMode() === 'visual' ? 'text' : 'visual' );\n\t} );\n\n\tuseShortcut( 'core/edit-site/transform-heading-to-paragraph', ( event ) =>\n\t\thandleTextLevelShortcut( event, 0 )\n\t);\n\n\t[ 1, 2, 3, 4, 5, 6 ].forEach( ( level ) => {\n\t\t//the loop is based off on a constant therefore\n\t\t//the hook will execute the same way every time\n\t\t//eslint-disable-next-line react-hooks/rules-of-hooks\n\t\tuseShortcut(\n\t\t\t`core/edit-site/transform-paragraph-to-heading-${ level }`,\n\t\t\t( event ) => handleTextLevelShortcut( event, level )\n\t\t);\n\t} );\n\n\tuseShortcut( 'core/edit-site/toggle-distraction-free', () => {\n\t\ttoggleDistractionFree();\n\t\ttoggle( 'core/edit-site', 'distractionFree' );\n\t\tcreateInfoNotice(\n\t\t\tgetPreference( 'core/edit-site', 'distractionFree' )\n\t\t\t\t? __( 'Distraction free mode turned on.' )\n\t\t\t\t: __( 'Distraction free mode turned off.' ),\n\t\t\t{\n\t\t\t\tid: 'core/edit-site/distraction-free-mode/notice',\n\t\t\t\ttype: 'snackbar',\n\t\t\t}\n\t\t);\n\t} );\n\n\treturn null;\n}\n\nexport default KeyboardShortcutsEditMode;\n"],"mappings":"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"}
+{"version":3,"names":["_keyboardShortcuts","require","_data","_coreData","_blockEditor","_interface","_blocks","_store","_constants","_constants2","KeyboardShortcutsEditMode","getEditorMode","useSelect","editSiteStore","isListViewOpen","select","isListViewOpened","isBlockInspectorOpen","interfaceStore","getActiveComplementaryArea","name","SIDEBAR_BLOCK","redo","undo","useDispatch","coreStore","setIsListViewOpened","switchEditorMode","toggleDistractionFree","enableComplementaryArea","disableComplementaryArea","replaceBlocks","blockEditorStore","getBlockName","getSelectedBlockClientId","getBlockAttributes","handleTextLevelShortcut","event","level","preventDefault","destinationBlockName","currentClientId","blockName","attributes","textAlign","destinationTextAlign","createBlock","content","useShortcut","STORE_NAME","forEach","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/keyboard-shortcuts/edit-mode.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as interfaceStore } from '@wordpress/interface';\nimport { createBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { SIDEBAR_BLOCK } from '../sidebar-edit-mode/constants';\nimport { STORE_NAME } from '../../store/constants';\n\nfunction KeyboardShortcutsEditMode() {\n\tconst { getEditorMode } = useSelect( editSiteStore );\n\tconst isListViewOpen = useSelect(\n\t\t( select ) => select( editSiteStore ).isListViewOpened(),\n\t\t[]\n\t);\n\tconst isBlockInspectorOpen = useSelect(\n\t\t( select ) =>\n\t\t\tselect( interfaceStore ).getActiveComplementaryArea(\n\t\t\t\teditSiteStore.name\n\t\t\t) === SIDEBAR_BLOCK,\n\t\t[]\n\t);\n\tconst { redo, undo } = useDispatch( coreStore );\n\tconst { setIsListViewOpened, switchEditorMode, toggleDistractionFree } =\n\t\tuseDispatch( editSiteStore );\n\tconst { enableComplementaryArea, disableComplementaryArea } =\n\t\tuseDispatch( interfaceStore );\n\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\tconst { getBlockName, getSelectedBlockClientId, getBlockAttributes } =\n\t\tuseSelect( blockEditorStore );\n\n\tconst handleTextLevelShortcut = ( event, level ) => {\n\t\tevent.preventDefault();\n\t\tconst destinationBlockName =\n\t\t\tlevel === 0 ? 'core/paragraph' : 'core/heading';\n\t\tconst currentClientId = getSelectedBlockClientId();\n\t\tif ( currentClientId === null ) {\n\t\t\treturn;\n\t\t}\n\t\tconst blockName = getBlockName( currentClientId );\n\t\tif ( blockName !== 'core/paragraph' && blockName !== 'core/heading' ) {\n\t\t\treturn;\n\t\t}\n\t\tconst attributes = getBlockAttributes( currentClientId );\n\t\tconst textAlign =\n\t\t\tblockName === 'core/paragraph' ? 'align' : 'textAlign';\n\t\tconst destinationTextAlign =\n\t\t\tdestinationBlockName === 'core/paragraph' ? 'align' : 'textAlign';\n\n\t\treplaceBlocks(\n\t\t\tcurrentClientId,\n\t\t\tcreateBlock( destinationBlockName, {\n\t\t\t\tlevel,\n\t\t\t\tcontent: attributes.content,\n\t\t\t\t...{ [ destinationTextAlign ]: attributes[ textAlign ] },\n\t\t\t} )\n\t\t);\n\t};\n\n\tuseShortcut( 'core/edit-site/undo', ( event ) => {\n\t\tundo();\n\t\tevent.preventDefault();\n\t} );\n\n\tuseShortcut( 'core/edit-site/redo', ( event ) => {\n\t\tredo();\n\t\tevent.preventDefault();\n\t} );\n\n\t// Only opens the list view. Other functionality for this shortcut happens in the rendered sidebar.\n\tuseShortcut( 'core/edit-site/toggle-list-view', () => {\n\t\tif ( isListViewOpen ) {\n\t\t\treturn;\n\t\t}\n\t\tsetIsListViewOpened( true );\n\t} );\n\n\tuseShortcut( 'core/edit-site/toggle-block-settings-sidebar', ( event ) => {\n\t\t// This shortcut has no known clashes, but use preventDefault to prevent any\n\t\t// obscure shortcuts from triggering.\n\t\tevent.preventDefault();\n\n\t\tif ( isBlockInspectorOpen ) {\n\t\t\tdisableComplementaryArea( STORE_NAME );\n\t\t} else {\n\t\t\tenableComplementaryArea( STORE_NAME, SIDEBAR_BLOCK );\n\t\t}\n\t} );\n\n\tuseShortcut( 'core/edit-site/toggle-mode', () => {\n\t\tswitchEditorMode( getEditorMode() === 'visual' ? 'text' : 'visual' );\n\t} );\n\n\tuseShortcut( 'core/edit-site/transform-heading-to-paragraph', ( event ) =>\n\t\thandleTextLevelShortcut( event, 0 )\n\t);\n\n\t[ 1, 2, 3, 4, 5, 6 ].forEach( ( level ) => {\n\t\t//the loop is based off on a constant therefore\n\t\t//the hook will execute the same way every time\n\t\t//eslint-disable-next-line react-hooks/rules-of-hooks\n\t\tuseShortcut(\n\t\t\t`core/edit-site/transform-paragraph-to-heading-${ level }`,\n\t\t\t( event ) => handleTextLevelShortcut( event, level )\n\t\t);\n\t} );\n\n\tuseShortcut( 'core/edit-site/toggle-distraction-free', () => {\n\t\ttoggleDistractionFree();\n\t} );\n\n\treturn null;\n}\n\nexport default KeyboardShortcutsEditMode;\n"],"mappings":"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"}

package/build/components/page-patterns/grid-item.js

@@ -163,7 +163,7 @@ function GridItem({
     icon: _icons.lockSmall,
     size: 24
   }))))), (0, _element.createElement)(_components.DropdownMenu, {
-    icon: _icons.moreHorizontal,
+    icon: _icons.moreVertical,
     label: (0, _i18n.__)('Actions'),
     className: "edit-site-patterns__dropdown",
     popoverProps: {
@@ -171,7 +171,6 @@ function GridItem({
     },
     toggleProps: {
       className: 'edit-site-patterns__button',
-      isSmall: true,
       describedBy: (0, _i18n.sprintf)( /* translators: %s: pattern name */
       (0, _i18n.__)('Action menu for %s pattern'), item.title)
     }
@@ -186,6 +185,7 @@ function GridItem({
     onClose: onClose,
     label: isNonUserPattern ? (0, _i18n.__)('Copy to My patterns') : (0, _i18n.__)('Duplicate')
   }), isCustomPattern && (0, _element.createElement)(_components.MenuItem, {
+    isDestructive: !hasThemeFile,
     onClick: () => setIsDeleteDialogOpen(true)
   }, hasThemeFile ? (0, _i18n.__)('Clear customizations') : (0, _i18n.__)('Delete'))))), isDeleteDialogOpen && (0, _element.createElement)(_components.__experimentalConfirmDialog, {
     confirmButtonText: confirmButtonText,

package/build/components/page-patterns/grid-item.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_blockEditor","_components","_data","_i18n","_icons","_notices","_reusableBlocks","_renameMenuItem","_duplicateMenuItem","_utils","_store","_link","templatePartIcons","header","footer","uncategorized","GridItem","categoryId","item","props","descriptionId","useId","isDeleteDialogOpen","setIsDeleteDialogOpen","useState","removeTemplate","useDispatch","editSiteStore","__experimentalDeleteReusableBlock","reusableBlocksStore","createErrorNotice","createSuccessNotice","noticesStore","isUserPattern","type","USER_PATTERNS","isNonUserPattern","PATTERNS","isTemplatePart","TEMPLATE_PARTS","onClick","useLink","postType","postId","id","name","categoryType","isEmpty","blocks","length","patternClassNames","classnames","previewClassNames","deletePattern","sprintf","__","title","error","errorMessage","message","code","deleteItem","isCustomPattern","isCustom","hasThemeFile","templatePart","has_theme_file","ariaDescriptions","push","description","itemIcon","syncStatus","SYNC_TYPES","full","symbol","undefined","confirmButtonText","confirmPrompt","createElement","className","map","_","index","join","BlockPreview","ariaDescription","key","hidden","__experimentalHStack","justify","alignment","spacing","Tooltip","position","text","Icon","icon","Flex","as","gap","__experimentalHeading","level","Button","variant","tabIndex","lockSmall","size","DropdownMenu","moreHorizontal","label","popoverProps","placement","toggleProps","isSmall","describedBy","onClose","MenuGroup","default","MenuItem","__experimentalConfirmDialog","onConfirm","onCancel","_default","memo","exports"],"sources":["@wordpress/edit-site/src/components/page-patterns/grid-item.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { BlockPreview } from '@wordpress/block-editor';\nimport {\n\tButton,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n\t__experimentalHeading as Heading,\n\t__experimentalHStack as HStack,\n\tTooltip,\n\tFlex,\n} from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { useState, useId, memo } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tIcon,\n\theader,\n\tfooter,\n\tsymbolFilled as uncategorized,\n\tsymbol,\n\tmoreHorizontal,\n\tlockSmall,\n} from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as reusableBlocksStore } from '@wordpress/reusable-blocks';\n\n/**\n * Internal dependencies\n */\nimport RenameMenuItem from './rename-menu-item';\nimport DuplicateMenuItem from './duplicate-menu-item';\nimport { PATTERNS, TEMPLATE_PARTS, USER_PATTERNS, SYNC_TYPES } from './utils';\nimport { store as editSiteStore } from '../../store';\nimport { useLink } from '../routes/link';\n\nconst templatePartIcons = { header, footer, uncategorized };\n\nfunction GridItem( { categoryId, item, ...props } ) {\n\tconst descriptionId = useId();\n\tconst [ isDeleteDialogOpen, setIsDeleteDialogOpen ] = useState( false );\n\n\tconst { removeTemplate } = useDispatch( editSiteStore );\n\tconst { __experimentalDeleteReusableBlock } =\n\t\tuseDispatch( reusableBlocksStore );\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tconst isUserPattern = item.type === USER_PATTERNS;\n\tconst isNonUserPattern = item.type === PATTERNS;\n\tconst isTemplatePart = item.type === TEMPLATE_PARTS;\n\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern ? item.id : item.name,\n\t\tcategoryId,\n\t\tcategoryType: item.type,\n\t} );\n\n\tconst isEmpty = ! item.blocks?.length;\n\tconst patternClassNames = classnames( 'edit-site-patterns__pattern', {\n\t\t'is-placeholder': isEmpty,\n\t} );\n\tconst previewClassNames = classnames( 'edit-site-patterns__preview', {\n\t\t'is-inactive': isNonUserPattern,\n\t} );\n\n\tconst deletePattern = async () => {\n\t\ttry {\n\t\t\tawait __experimentalDeleteReusableBlock( item.id );\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: The pattern's title e.g. 'Call to action'.\n\t\t\t\t\t__( '\"%s\" deleted.' ),\n\t\t\t\t\titem.title\n\t\t\t\t),\n\t\t\t\t{ type: 'snackbar', id: 'edit-site-patterns-success' }\n\t\t\t);\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while deleting the pattern.' );\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'edit-site-patterns-error',\n\t\t\t} );\n\t\t}\n\t};\n\tconst deleteItem = () =>\n\t\tisTemplatePart ? removeTemplate( item ) : deletePattern();\n\n\t// Only custom patterns or custom template parts can be renamed or deleted.\n\tconst isCustomPattern =\n\t\tisUserPattern || ( isTemplatePart && item.isCustom );\n\tconst hasThemeFile = isTemplatePart && item.templatePart.has_theme_file;\n\tconst ariaDescriptions = [];\n\n\tif ( isCustomPattern ) {\n\t\t// User patterns don't have descriptions, but can be edited and deleted, so include some help text.\n\t\tariaDescriptions.push(\n\t\t\t__( 'Press Enter to edit, or Delete to delete the pattern.' )\n\t\t);\n\t} else if ( item.description ) {\n\t\tariaDescriptions.push( item.description );\n\t}\n\n\tif ( isNonUserPattern ) {\n\t\tariaDescriptions.push(\n\t\t\t__( 'Theme & plugin patterns cannot be edited.' )\n\t\t);\n\t}\n\n\tconst itemIcon =\n\t\ttemplatePartIcons[ categoryId ] ||\n\t\t( item.syncStatus === SYNC_TYPES.full ? symbol : undefined );\n\n\tconst confirmButtonText = hasThemeFile ? __( 'Clear' ) : __( 'Delete' );\n\tconst confirmPrompt = hasThemeFile\n\t\t? __( 'Are you sure you want to clear these customizations?' )\n\t\t: sprintf(\n\t\t\t\t// translators: %s: The pattern or template part's title e.g. 'Call to action'.\n\t\t\t\t__( 'Are you sure you want to delete \"%s\"?' ),\n\t\t\t\titem.title\n\t\t  );\n\n\treturn (\n\t\t<li className={ patternClassNames }>\n\t\t\t<button\n\t\t\t\tclassName={ previewClassNames }\n\t\t\t\t// Even though still incomplete, passing ids helps performance.\n\t\t\t\t// @see https://reakit.io/docs/composite/#performance.\n\t\t\t\tid={ `edit-site-patterns-${ item.name }` }\n\t\t\t\t{ ...props }\n\t\t\t\tonClick={ item.type !== PATTERNS ? onClick : undefined }\n\t\t\t\taria-disabled={ item.type !== PATTERNS ? 'false' : 'true' }\n\t\t\t\taria-label={ item.title }\n\t\t\t\taria-describedby={\n\t\t\t\t\tariaDescriptions.length\n\t\t\t\t\t\t? ariaDescriptions\n\t\t\t\t\t\t\t\t.map(\n\t\t\t\t\t\t\t\t\t( _, index ) =>\n\t\t\t\t\t\t\t\t\t\t`${ descriptionId }-${ index }`\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t.join( ' ' )\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ isEmpty && __( 'Empty pattern' ) }\n\t\t\t\t{ ! isEmpty && <BlockPreview blocks={ item.blocks } /> }\n\t\t\t</button>\n\t\t\t{ ariaDescriptions.map( ( ariaDescription, index ) => (\n\t\t\t\t<div\n\t\t\t\t\tkey={ index }\n\t\t\t\t\thidden\n\t\t\t\t\tid={ `${ descriptionId }-${ index }` }\n\t\t\t\t>\n\t\t\t\t\t{ ariaDescription }\n\t\t\t\t</div>\n\t\t\t) ) }\n\t\t\t<HStack\n\t\t\t\tclassName=\"edit-site-patterns__footer\"\n\t\t\t\tjustify=\"space-between\"\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\talignment=\"center\"\n\t\t\t\t\tjustify=\"left\"\n\t\t\t\t\tspacing={ 3 }\n\t\t\t\t\tclassName=\"edit-site-patterns__pattern-title\"\n\t\t\t\t>\n\t\t\t\t\t{ itemIcon && ! isNonUserPattern && (\n\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\tposition=\"top center\"\n\t\t\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t\t\t'Editing this pattern will also update anywhere it is used'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-patterns__pattern-icon\"\n\t\t\t\t\t\t\t\t\ticon={ itemIcon }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) }\n\t\t\t\t\t<Flex as=\"span\" gap={ 0 } justify=\"left\">\n\t\t\t\t\t\t{ item.type === PATTERNS ? (\n\t\t\t\t\t\t\titem.title\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Heading level={ 5 }>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t\t\t\t\t// Required for the grid's roving tab index system.\n\t\t\t\t\t\t\t\t\t// See https://github.com/WordPress/gutenberg/pull/51898#discussion_r1243399243.\n\t\t\t\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ item.title }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ item.type === PATTERNS && (\n\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\tposition=\"top center\"\n\t\t\t\t\t\t\t\ttext={ __( 'This pattern cannot be edited.' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span className=\"edit-site-patterns__pattern-lock-icon\">\n\t\t\t\t\t\t\t\t\t<Icon icon={ lockSmall } size={ 24 } />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Flex>\n\t\t\t\t</HStack>\n\t\t\t\t<DropdownMenu\n\t\t\t\t\ticon={ moreHorizontal }\n\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\tclassName=\"edit-site-patterns__dropdown\"\n\t\t\t\t\tpopoverProps={ { placement: 'bottom-end' } }\n\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\tclassName: 'edit-site-patterns__button',\n\t\t\t\t\t\tisSmall: true,\n\t\t\t\t\t\tdescribedBy: sprintf(\n\t\t\t\t\t\t\t/* translators: %s: pattern name */\n\t\t\t\t\t\t\t__( 'Action menu for %s pattern' ),\n\t\t\t\t\t\t\titem.title\n\t\t\t\t\t\t),\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ isCustomPattern && ! hasThemeFile && (\n\t\t\t\t\t\t\t\t<RenameMenuItem\n\t\t\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\t\t\tonClose={ onClose }\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<DuplicateMenuItem\n\t\t\t\t\t\t\t\tcategoryId={ categoryId }\n\t\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\tisNonUserPattern\n\t\t\t\t\t\t\t\t\t\t? __( 'Copy to My patterns' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Duplicate' )\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{ isCustomPattern && (\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\tsetIsDeleteDialogOpen( true )\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\t\t{ hasThemeFile\n\t\t\t\t\t\t\t\t\t\t? __( 'Clear customizations' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Delete' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t</DropdownMenu>\n\t\t\t</HStack>\n\n\t\t\t{ isDeleteDialogOpen && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tconfirmButtonText={ confirmButtonText }\n\t\t\t\t\tonConfirm={ deleteItem }\n\t\t\t\t\tonCancel={ () => setIsDeleteDialogOpen( false ) }\n\t\t\t\t>\n\t\t\t\t\t{ confirmPrompt }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t</li>\n\t);\n}\n\nexport default memo( GridItem );\n"],"mappings":"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"}
+{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_blockEditor","_components","_data","_i18n","_icons","_notices","_reusableBlocks","_renameMenuItem","_duplicateMenuItem","_utils","_store","_link","templatePartIcons","header","footer","uncategorized","GridItem","categoryId","item","props","descriptionId","useId","isDeleteDialogOpen","setIsDeleteDialogOpen","useState","removeTemplate","useDispatch","editSiteStore","__experimentalDeleteReusableBlock","reusableBlocksStore","createErrorNotice","createSuccessNotice","noticesStore","isUserPattern","type","USER_PATTERNS","isNonUserPattern","PATTERNS","isTemplatePart","TEMPLATE_PARTS","onClick","useLink","postType","postId","id","name","categoryType","isEmpty","blocks","length","patternClassNames","classnames","previewClassNames","deletePattern","sprintf","__","title","error","errorMessage","message","code","deleteItem","isCustomPattern","isCustom","hasThemeFile","templatePart","has_theme_file","ariaDescriptions","push","description","itemIcon","syncStatus","SYNC_TYPES","full","symbol","undefined","confirmButtonText","confirmPrompt","createElement","className","map","_","index","join","BlockPreview","ariaDescription","key","hidden","__experimentalHStack","justify","alignment","spacing","Tooltip","position","text","Icon","icon","Flex","as","gap","__experimentalHeading","level","Button","variant","tabIndex","lockSmall","size","DropdownMenu","moreVertical","label","popoverProps","placement","toggleProps","describedBy","onClose","MenuGroup","default","MenuItem","isDestructive","__experimentalConfirmDialog","onConfirm","onCancel","_default","memo","exports"],"sources":["@wordpress/edit-site/src/components/page-patterns/grid-item.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { BlockPreview } from '@wordpress/block-editor';\nimport {\n\tButton,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n\t__experimentalHeading as Heading,\n\t__experimentalHStack as HStack,\n\tTooltip,\n\tFlex,\n} from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { useState, useId, memo } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tIcon,\n\theader,\n\tfooter,\n\tsymbolFilled as uncategorized,\n\tsymbol,\n\tmoreVertical,\n\tlockSmall,\n} from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as reusableBlocksStore } from '@wordpress/reusable-blocks';\n\n/**\n * Internal dependencies\n */\nimport RenameMenuItem from './rename-menu-item';\nimport DuplicateMenuItem from './duplicate-menu-item';\nimport { PATTERNS, TEMPLATE_PARTS, USER_PATTERNS, SYNC_TYPES } from './utils';\nimport { store as editSiteStore } from '../../store';\nimport { useLink } from '../routes/link';\n\nconst templatePartIcons = { header, footer, uncategorized };\n\nfunction GridItem( { categoryId, item, ...props } ) {\n\tconst descriptionId = useId();\n\tconst [ isDeleteDialogOpen, setIsDeleteDialogOpen ] = useState( false );\n\n\tconst { removeTemplate } = useDispatch( editSiteStore );\n\tconst { __experimentalDeleteReusableBlock } =\n\t\tuseDispatch( reusableBlocksStore );\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tconst isUserPattern = item.type === USER_PATTERNS;\n\tconst isNonUserPattern = item.type === PATTERNS;\n\tconst isTemplatePart = item.type === TEMPLATE_PARTS;\n\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern ? item.id : item.name,\n\t\tcategoryId,\n\t\tcategoryType: item.type,\n\t} );\n\n\tconst isEmpty = ! item.blocks?.length;\n\tconst patternClassNames = classnames( 'edit-site-patterns__pattern', {\n\t\t'is-placeholder': isEmpty,\n\t} );\n\tconst previewClassNames = classnames( 'edit-site-patterns__preview', {\n\t\t'is-inactive': isNonUserPattern,\n\t} );\n\n\tconst deletePattern = async () => {\n\t\ttry {\n\t\t\tawait __experimentalDeleteReusableBlock( item.id );\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: The pattern's title e.g. 'Call to action'.\n\t\t\t\t\t__( '\"%s\" deleted.' ),\n\t\t\t\t\titem.title\n\t\t\t\t),\n\t\t\t\t{ type: 'snackbar', id: 'edit-site-patterns-success' }\n\t\t\t);\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while deleting the pattern.' );\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'edit-site-patterns-error',\n\t\t\t} );\n\t\t}\n\t};\n\tconst deleteItem = () =>\n\t\tisTemplatePart ? removeTemplate( item ) : deletePattern();\n\n\t// Only custom patterns or custom template parts can be renamed or deleted.\n\tconst isCustomPattern =\n\t\tisUserPattern || ( isTemplatePart && item.isCustom );\n\tconst hasThemeFile = isTemplatePart && item.templatePart.has_theme_file;\n\tconst ariaDescriptions = [];\n\n\tif ( isCustomPattern ) {\n\t\t// User patterns don't have descriptions, but can be edited and deleted, so include some help text.\n\t\tariaDescriptions.push(\n\t\t\t__( 'Press Enter to edit, or Delete to delete the pattern.' )\n\t\t);\n\t} else if ( item.description ) {\n\t\tariaDescriptions.push( item.description );\n\t}\n\n\tif ( isNonUserPattern ) {\n\t\tariaDescriptions.push(\n\t\t\t__( 'Theme & plugin patterns cannot be edited.' )\n\t\t);\n\t}\n\n\tconst itemIcon =\n\t\ttemplatePartIcons[ categoryId ] ||\n\t\t( item.syncStatus === SYNC_TYPES.full ? symbol : undefined );\n\n\tconst confirmButtonText = hasThemeFile ? __( 'Clear' ) : __( 'Delete' );\n\tconst confirmPrompt = hasThemeFile\n\t\t? __( 'Are you sure you want to clear these customizations?' )\n\t\t: sprintf(\n\t\t\t\t// translators: %s: The pattern or template part's title e.g. 'Call to action'.\n\t\t\t\t__( 'Are you sure you want to delete \"%s\"?' ),\n\t\t\t\titem.title\n\t\t  );\n\n\treturn (\n\t\t<li className={ patternClassNames }>\n\t\t\t<button\n\t\t\t\tclassName={ previewClassNames }\n\t\t\t\t// Even though still incomplete, passing ids helps performance.\n\t\t\t\t// @see https://reakit.io/docs/composite/#performance.\n\t\t\t\tid={ `edit-site-patterns-${ item.name }` }\n\t\t\t\t{ ...props }\n\t\t\t\tonClick={ item.type !== PATTERNS ? onClick : undefined }\n\t\t\t\taria-disabled={ item.type !== PATTERNS ? 'false' : 'true' }\n\t\t\t\taria-label={ item.title }\n\t\t\t\taria-describedby={\n\t\t\t\t\tariaDescriptions.length\n\t\t\t\t\t\t? ariaDescriptions\n\t\t\t\t\t\t\t\t.map(\n\t\t\t\t\t\t\t\t\t( _, index ) =>\n\t\t\t\t\t\t\t\t\t\t`${ descriptionId }-${ index }`\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t.join( ' ' )\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ isEmpty && __( 'Empty pattern' ) }\n\t\t\t\t{ ! isEmpty && <BlockPreview blocks={ item.blocks } /> }\n\t\t\t</button>\n\t\t\t{ ariaDescriptions.map( ( ariaDescription, index ) => (\n\t\t\t\t<div\n\t\t\t\t\tkey={ index }\n\t\t\t\t\thidden\n\t\t\t\t\tid={ `${ descriptionId }-${ index }` }\n\t\t\t\t>\n\t\t\t\t\t{ ariaDescription }\n\t\t\t\t</div>\n\t\t\t) ) }\n\t\t\t<HStack\n\t\t\t\tclassName=\"edit-site-patterns__footer\"\n\t\t\t\tjustify=\"space-between\"\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\talignment=\"center\"\n\t\t\t\t\tjustify=\"left\"\n\t\t\t\t\tspacing={ 3 }\n\t\t\t\t\tclassName=\"edit-site-patterns__pattern-title\"\n\t\t\t\t>\n\t\t\t\t\t{ itemIcon && ! isNonUserPattern && (\n\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\tposition=\"top center\"\n\t\t\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t\t\t'Editing this pattern will also update anywhere it is used'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-patterns__pattern-icon\"\n\t\t\t\t\t\t\t\t\ticon={ itemIcon }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) }\n\t\t\t\t\t<Flex as=\"span\" gap={ 0 } justify=\"left\">\n\t\t\t\t\t\t{ item.type === PATTERNS ? (\n\t\t\t\t\t\t\titem.title\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Heading level={ 5 }>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t\t\t\t\t// Required for the grid's roving tab index system.\n\t\t\t\t\t\t\t\t\t// See https://github.com/WordPress/gutenberg/pull/51898#discussion_r1243399243.\n\t\t\t\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ item.title }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ item.type === PATTERNS && (\n\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\tposition=\"top center\"\n\t\t\t\t\t\t\t\ttext={ __( 'This pattern cannot be edited.' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span className=\"edit-site-patterns__pattern-lock-icon\">\n\t\t\t\t\t\t\t\t\t<Icon icon={ lockSmall } size={ 24 } />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Flex>\n\t\t\t\t</HStack>\n\t\t\t\t<DropdownMenu\n\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\tclassName=\"edit-site-patterns__dropdown\"\n\t\t\t\t\tpopoverProps={ { placement: 'bottom-end' } }\n\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\tclassName: 'edit-site-patterns__button',\n\t\t\t\t\t\tdescribedBy: sprintf(\n\t\t\t\t\t\t\t/* translators: %s: pattern name */\n\t\t\t\t\t\t\t__( 'Action menu for %s pattern' ),\n\t\t\t\t\t\t\titem.title\n\t\t\t\t\t\t),\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ isCustomPattern && ! hasThemeFile && (\n\t\t\t\t\t\t\t\t<RenameMenuItem\n\t\t\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\t\t\tonClose={ onClose }\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<DuplicateMenuItem\n\t\t\t\t\t\t\t\tcategoryId={ categoryId }\n\t\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\tisNonUserPattern\n\t\t\t\t\t\t\t\t\t\t? __( 'Copy to My patterns' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Duplicate' )\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{ isCustomPattern && (\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tisDestructive={ ! hasThemeFile }\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\tsetIsDeleteDialogOpen( true )\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\t\t{ hasThemeFile\n\t\t\t\t\t\t\t\t\t\t? __( 'Clear customizations' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Delete' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t</DropdownMenu>\n\t\t\t</HStack>\n\n\t\t\t{ isDeleteDialogOpen && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tconfirmButtonText={ confirmButtonText }\n\t\t\t\t\tonConfirm={ deleteItem }\n\t\t\t\t\tonCancel={ () => setIsDeleteDialogOpen( false ) }\n\t\t\t\t>\n\t\t\t\t\t{ confirmPrompt }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t</li>\n\t);\n}\n\nexport default memo( GridItem );\n"],"mappings":"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"}

package/build/components/sidebar-edit-mode/page-panels/page-status.js

@@ -12,6 +12,7 @@ var _data = require("@wordpress/data");
 var _coreData = require("@wordpress/core-data");
 var _notices = require("@wordpress/notices");
 var _blockEditor = require("@wordpress/block-editor");
+var _compose = require("@wordpress/compose");
 var _statusLabel = _interopRequireDefault(require("../../sidebar-navigation-screen-page/status-label"));
 /**
  * WordPress dependencies
@@ -55,6 +56,7 @@ function PageStatus({
   date
 }) {
   const [showPassword, setShowPassword] = (0, _element.useState)(!!password);
+  const instanceId = (0, _compose.useInstanceId)(PageStatus);
   const {
     editEntityRecord
   } = (0, _data.useDispatch)(_coreData.store);
@@ -150,21 +152,33 @@ function PageStatus({
       options: STATUS_OPTIONS,
       onChange: handleStatus,
       selected: status
-    }), status !== 'private' && (0, _element.createElement)(_components.BaseControl, {
-      id: `edit-site-change-status__password`,
-      label: (0, _i18n.__)('Password')
-    }, (0, _element.createElement)(_components.ToggleControl, {
+    }), status !== 'private' && (0, _element.createElement)("fieldset", {
+      className: "edit-site-change-status__password-fieldset"
+    }, (0, _element.createElement)(_components.__experimentalText, {
+      as: "legend",
+      className: "edit-site-change-status__password-legend",
+      size: "11",
+      lineHeight: 1.4,
+      weight: 500,
+      upperCase: true
+    }, (0, _i18n.__)('Password')), (0, _element.createElement)(_components.ToggleControl, {
       label: (0, _i18n.__)('Hide this page behind a password'),
       checked: showPassword,
       onChange: handleTogglePassword
-    }), showPassword && (0, _element.createElement)(_components.TextControl, {
+    }), showPassword && (0, _element.createElement)("div", {
+      className: "edit-site-change-status__password-input"
+    }, (0, _element.createElement)(_components.VisuallyHidden, {
+      as: "label",
+      htmlFor: `edit-site-change-status__password-input-${instanceId}`
+    }, (0, _i18n.__)('Create password')), (0, _element.createElement)(_components.TextControl, {
       onChange: value => saveStatus({
         password: value
       }),
       value: password,
       placeholder: (0, _i18n.__)('Use a secure password'),
-      type: "text"
-    })))))
+      type: "text",
+      id: `edit-site-change-status__password-input-${instanceId}`
+    }))))))
   }));
 }
 //# sourceMappingURL=page-status.js.map

package/build/components/sidebar-edit-mode/page-panels/page-status.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_i18n","_data","_coreData","_notices","_blockEditor","_statusLabel","_interopRequireDefault","STATUS_OPTIONS","label","createElement","Fragment","__","__experimentalText","variant","value","PageStatus","postType","postId","status","password","date","showPassword","setShowPassword","useState","editEntityRecord","useDispatch","coreStore","createErrorNotice","noticesStore","popoverAnchor","setPopoverAnchor","popoverProps","useMemo","anchor","placement","saveStatus","newStatus","newPassword","newDate","error","errorMessage","message","code","type","handleTogglePassword","handleStatus","Date","setDate","getDate","__experimentalHStack","className","Dropdown","contentClassName","focusOnMount","ref","renderToggle","onToggle","Button","onClick","default","renderContent","onClose","__experimentalInspectorPopoverHeader","title","__experimentalVStack","spacing","RadioControl","hideLabelFromVision","options","onChange","selected","BaseControl","id","ToggleControl","checked","TextControl","placeholder"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/page-status.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tBaseControl,\n\tToggleControl,\n\tDropdown,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tTextControl,\n\tRadioControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { useState, useMemo } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';\n/**\n * Internal dependencies\n */\nimport StatusLabel from '../../sidebar-navigation-screen-page/status-label';\n\nconst STATUS_OPTIONS = [\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Draft' ) }\n\t\t\t\t<Text variant=\"muted\">{ __( 'Not ready to publish.' ) }</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'draft',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Pending' ) }\n\t\t\t\t<Text variant=\"muted\">\n\t\t\t\t\t{ __( 'Waiting for review before publishing.' ) }\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'pending',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Private' ) }\n\t\t\t\t<Text variant=\"muted\">\n\t\t\t\t\t{ __( 'Only visible to site admins and editors.' ) }\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'private',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Scheduled' ) }\n\t\t\t\t<Text variant=\"muted\">\n\t\t\t\t\t{ __( 'Publish automatically on a chosen date.' ) }\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'future',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Published' ) }\n\t\t\t\t<Text variant=\"muted\">{ __( 'Visible to everyone.' ) }</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'publish',\n\t},\n];\n\nexport default function PageStatus( {\n\tpostType,\n\tpostId,\n\tstatus,\n\tpassword,\n\tdate,\n} ) {\n\tconst [ showPassword, setShowPassword ] = useState( !! password );\n\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\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\t'aria-label': __( 'Change status' ),\n\t\t\tplacement: 'bottom-end',\n\t\t} ),\n\t\t[ popoverAnchor ]\n\t);\n\n\tconst saveStatus = async ( {\n\t\tstatus: newStatus = status,\n\t\tpassword: newPassword = password,\n\t\tdate: newDate = date,\n\t} ) => {\n\t\ttry {\n\t\t\tawait editEntityRecord( 'postType', postType, postId, {\n\t\t\t\tstatus: newStatus,\n\t\t\t\tdate: newDate,\n\t\t\t\tpassword: newPassword,\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while updating the status' );\n\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t} );\n\t\t}\n\t};\n\n\tconst handleTogglePassword = ( value ) => {\n\t\tsetShowPassword( value );\n\t\tif ( ! value ) {\n\t\t\tsaveStatus( { password: '' } );\n\t\t}\n\t};\n\n\tconst handleStatus = ( value ) => {\n\t\tlet newDate = date;\n\t\tlet newPassword = password;\n\t\tif ( value === 'publish' ) {\n\t\t\tif ( new Date( date ) > new Date() ) {\n\t\t\t\tnewDate = null;\n\t\t\t}\n\t\t} else if ( value === 'future' ) {\n\t\t\tif ( ! date || new Date( date ) < new Date() ) {\n\t\t\t\tnewDate = new Date();\n\t\t\t\tnewDate.setDate( newDate.getDate() + 7 );\n\t\t\t}\n\t\t} else if ( value === 'private' && password ) {\n\t\t\tsetShowPassword( false );\n\t\t\tnewPassword = '';\n\t\t}\n\t\tsaveStatus( {\n\t\t\tstatus: value,\n\t\t\tdate: newDate,\n\t\t\tpassword: newPassword,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<HStack className=\"edit-site-summary-field\">\n\t\t\t<Text className=\"edit-site-summary-field__label\">\n\t\t\t\t{ __( 'Status' ) }\n\t\t\t</Text>\n\t\t\t<Dropdown\n\t\t\t\tcontentClassName=\"edit-site-change-status__content\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\tfocusOnMount\n\t\t\t\tref={ setPopoverAnchor }\n\t\t\t\trenderToggle={ ( { onToggle } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"edit-site-summary-field__trigger\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t>\n\t\t\t\t\t\t<StatusLabel\n\t\t\t\t\t\t\tstatus={ password ? 'protected' : status }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<InspectorPopoverHeader\n\t\t\t\t\t\t\ttitle={ __( 'Status' ) }\n\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<form>\n\t\t\t\t\t\t\t<VStack spacing={ 5 }>\n\t\t\t\t\t\t\t\t<RadioControl\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-change-status__options\"\n\t\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Status' ) }\n\t\t\t\t\t\t\t\t\toptions={ STATUS_OPTIONS }\n\t\t\t\t\t\t\t\t\tonChange={ handleStatus }\n\t\t\t\t\t\t\t\t\tselected={ status }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{ status !== 'private' && (\n\t\t\t\t\t\t\t\t\t<BaseControl\n\t\t\t\t\t\t\t\t\t\tid={ `edit-site-change-status__password` }\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Password' ) }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Hide this page behind a password'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\tchecked={ showPassword }\n\t\t\t\t\t\t\t\t\t\t\tonChange={ handleTogglePassword }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t{ showPassword && (\n\t\t\t\t\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsaveStatus( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tpassword: value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={ password }\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Use a secure password'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</BaseControl>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t</form>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</HStack>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_element","require","_components","_i18n","_data","_coreData","_notices","_blockEditor","_compose","_statusLabel","_interopRequireDefault","STATUS_OPTIONS","label","createElement","Fragment","__","__experimentalText","variant","value","PageStatus","postType","postId","status","password","date","showPassword","setShowPassword","useState","instanceId","useInstanceId","editEntityRecord","useDispatch","coreStore","createErrorNotice","noticesStore","popoverAnchor","setPopoverAnchor","popoverProps","useMemo","anchor","placement","saveStatus","newStatus","newPassword","newDate","error","errorMessage","message","code","type","handleTogglePassword","handleStatus","Date","setDate","getDate","__experimentalHStack","className","Dropdown","contentClassName","focusOnMount","ref","renderToggle","onToggle","Button","onClick","default","renderContent","onClose","__experimentalInspectorPopoverHeader","title","__experimentalVStack","spacing","RadioControl","hideLabelFromVision","options","onChange","selected","as","size","lineHeight","weight","upperCase","ToggleControl","checked","VisuallyHidden","htmlFor","TextControl","placeholder","id"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/page-status.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tToggleControl,\n\tDropdown,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tTextControl,\n\tRadioControl,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { useState, useMemo } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport StatusLabel from '../../sidebar-navigation-screen-page/status-label';\n\nconst STATUS_OPTIONS = [\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Draft' ) }\n\t\t\t\t<Text variant=\"muted\">{ __( 'Not ready to publish.' ) }</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'draft',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Pending' ) }\n\t\t\t\t<Text variant=\"muted\">\n\t\t\t\t\t{ __( 'Waiting for review before publishing.' ) }\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'pending',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Private' ) }\n\t\t\t\t<Text variant=\"muted\">\n\t\t\t\t\t{ __( 'Only visible to site admins and editors.' ) }\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'private',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Scheduled' ) }\n\t\t\t\t<Text variant=\"muted\">\n\t\t\t\t\t{ __( 'Publish automatically on a chosen date.' ) }\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'future',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Published' ) }\n\t\t\t\t<Text variant=\"muted\">{ __( 'Visible to everyone.' ) }</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'publish',\n\t},\n];\n\nexport default function PageStatus( {\n\tpostType,\n\tpostId,\n\tstatus,\n\tpassword,\n\tdate,\n} ) {\n\tconst [ showPassword, setShowPassword ] = useState( !! password );\n\tconst instanceId = useInstanceId( PageStatus );\n\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\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\t'aria-label': __( 'Change status' ),\n\t\t\tplacement: 'bottom-end',\n\t\t} ),\n\t\t[ popoverAnchor ]\n\t);\n\n\tconst saveStatus = async ( {\n\t\tstatus: newStatus = status,\n\t\tpassword: newPassword = password,\n\t\tdate: newDate = date,\n\t} ) => {\n\t\ttry {\n\t\t\tawait editEntityRecord( 'postType', postType, postId, {\n\t\t\t\tstatus: newStatus,\n\t\t\t\tdate: newDate,\n\t\t\t\tpassword: newPassword,\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while updating the status' );\n\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t} );\n\t\t}\n\t};\n\n\tconst handleTogglePassword = ( value ) => {\n\t\tsetShowPassword( value );\n\t\tif ( ! value ) {\n\t\t\tsaveStatus( { password: '' } );\n\t\t}\n\t};\n\n\tconst handleStatus = ( value ) => {\n\t\tlet newDate = date;\n\t\tlet newPassword = password;\n\t\tif ( value === 'publish' ) {\n\t\t\tif ( new Date( date ) > new Date() ) {\n\t\t\t\tnewDate = null;\n\t\t\t}\n\t\t} else if ( value === 'future' ) {\n\t\t\tif ( ! date || new Date( date ) < new Date() ) {\n\t\t\t\tnewDate = new Date();\n\t\t\t\tnewDate.setDate( newDate.getDate() + 7 );\n\t\t\t}\n\t\t} else if ( value === 'private' && password ) {\n\t\t\tsetShowPassword( false );\n\t\t\tnewPassword = '';\n\t\t}\n\t\tsaveStatus( {\n\t\t\tstatus: value,\n\t\t\tdate: newDate,\n\t\t\tpassword: newPassword,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<HStack className=\"edit-site-summary-field\">\n\t\t\t<Text className=\"edit-site-summary-field__label\">\n\t\t\t\t{ __( 'Status' ) }\n\t\t\t</Text>\n\t\t\t<Dropdown\n\t\t\t\tcontentClassName=\"edit-site-change-status__content\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\tfocusOnMount\n\t\t\t\tref={ setPopoverAnchor }\n\t\t\t\trenderToggle={ ( { onToggle } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"edit-site-summary-field__trigger\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t>\n\t\t\t\t\t\t<StatusLabel\n\t\t\t\t\t\t\tstatus={ password ? 'protected' : status }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<InspectorPopoverHeader\n\t\t\t\t\t\t\ttitle={ __( 'Status' ) }\n\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<form>\n\t\t\t\t\t\t\t<VStack spacing={ 5 }>\n\t\t\t\t\t\t\t\t<RadioControl\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-change-status__options\"\n\t\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Status' ) }\n\t\t\t\t\t\t\t\t\toptions={ STATUS_OPTIONS }\n\t\t\t\t\t\t\t\t\tonChange={ handleStatus }\n\t\t\t\t\t\t\t\t\tselected={ status }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{ status !== 'private' && (\n\t\t\t\t\t\t\t\t\t<fieldset className=\"edit-site-change-status__password-fieldset\">\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\tas=\"legend\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-change-status__password-legend\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"11\"\n\t\t\t\t\t\t\t\t\t\t\tlineHeight={ 1.4 }\n\t\t\t\t\t\t\t\t\t\t\tweight={ 500 }\n\t\t\t\t\t\t\t\t\t\t\tupperCase={ true }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Password' ) }\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Hide this page behind a password'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\tchecked={ showPassword }\n\t\t\t\t\t\t\t\t\t\t\tonChange={ handleTogglePassword }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t{ showPassword && (\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"edit-site-change-status__password-input\">\n\t\t\t\t\t\t\t\t\t\t\t\t<VisuallyHidden\n\t\t\t\t\t\t\t\t\t\t\t\t\tas=\"label\"\n\t\t\t\t\t\t\t\t\t\t\t\t\thtmlFor={ `edit-site-change-status__password-input-${ instanceId }` }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Create password' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsaveStatus( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpassword: value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={ password }\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Use a secure password'\n\t\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tid={ `edit-site-change-status__password-input-${ instanceId }` }\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</fieldset>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t</form>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</HStack>\n\t);\n}\n"],"mappings":"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"}

package/build/components/sidebar-navigation-screen-global-styles/index.js

@@ -15,8 +15,6 @@ var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
 var _blockEditor = require("@wordpress/block-editor");
 var _date = require("@wordpress/date");
-var _notices = require("@wordpress/notices");
-var _preferences = require("@wordpress/preferences");
 var _sidebarNavigationScreen = _interopRequireDefault(require("../sidebar-navigation-screen"));
 var _styleVariationsContainer = _interopRequireDefault(require("../global-styles/style-variations-container"));
 var _lockUnlock = require("../../lock-unlock");
@@ -41,26 +39,6 @@ function SidebarNavigationItemGlobalStyles(props) {
   const {
     setCanvasMode
   } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
-  const {
-    createNotice
-  } = (0, _data.useDispatch)(_notices.store);
-  const {
-    set: setPreference
-  } = (0, _data.useDispatch)(_preferences.store);
-  const {
-    get: getPreference
-  } = (0, _data.useSelect)(_preferences.store);
-  const turnOffDistractionFreeMode = (0, _element.useCallback)(() => {
-    const isDistractionFree = getPreference(_store.store.name, 'distractionFree');
-    if (!isDistractionFree) {
-      return;
-    }
-    setPreference(_store.store.name, 'distractionFree', false);
-    createNotice('info', (0, _i18n.__)('Distraction free mode turned off'), {
-      isDismissible: true,
-      type: 'snackbar'
-    });
-  }, [createNotice, setPreference, getPreference]);
   const hasGlobalStyleVariations = (0, _data.useSelect)(select => !!select(_coreData.store).__experimentalGetCurrentThemeGlobalStylesVariations()?.length, []);
   if (hasGlobalStyleVariations) {
     return (0, _element.createElement)(_components.__experimentalNavigatorButton, {
@@ -72,7 +50,6 @@ function SidebarNavigationItemGlobalStyles(props) {
   return (0, _element.createElement)(_sidebarNavigationItem.default, {
     ...props,
     onClick: () => {
-      turnOffDistractionFreeMode();
       // Switch to edit mode.
       setCanvasMode('edit');
       // Open global styles sidebar.
@@ -144,15 +121,6 @@ function SidebarNavigationScreenGlobalStyles() {
     setCanvasMode,
     setEditorCanvasContainerView
   } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
-  const {
-    createNotice
-  } = (0, _data.useDispatch)(_notices.store);
-  const {
-    set: setPreference
-  } = (0, _data.useDispatch)(_preferences.store);
-  const {
-    get: getPreference
-  } = (0, _data.useSelect)(_preferences.store);
   const {
     isViewMode,
     isStyleBookOpened,
@@ -175,21 +143,9 @@ function SidebarNavigationScreenGlobalStyles() {
       revisionsCount: (_globalStyles$_links$ = globalStyles?._links?.['version-history']?.[0]?.count) !== null && _globalStyles$_links$ !== void 0 ? _globalStyles$_links$ : 0
     };
   }, []);
-  const turnOffDistractionFreeMode = (0, _element.useCallback)(() => {
-    const isDistractionFree = getPreference(_store.store.name, 'distractionFree');
-    if (!isDistractionFree) {
-      return;
-    }
-    setPreference(_store.store.name, 'distractionFree', false);
-    createNotice('info', (0, _i18n.__)('Distraction free mode turned off'), {
-      isDismissible: true,
-      type: 'snackbar'
-    });
-  }, [createNotice, setPreference, getPreference]);
   const openGlobalStyles = (0, _element.useCallback)(async () => {
-    turnOffDistractionFreeMode();
     return Promise.all([setCanvasMode('edit'), openGeneralSidebar('edit-site/global-styles')]);
-  }, [setCanvasMode, openGeneralSidebar, turnOffDistractionFreeMode]);
+  }, [setCanvasMode, openGeneralSidebar]);
   const openStyleBook = (0, _element.useCallback)(async () => {
     await openGlobalStyles();
     // Open the Style Book once the canvas mode is set to edit,

package/build/components/sidebar-navigation-screen-global-styles/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_icons","_data","_coreData","_components","_compose","_blockEditor","_date","_notices","_preferences","_sidebarNavigationScreen","_interopRequireDefault","_styleVariationsContainer","_lockUnlock","_store","_sidebarButton","_sidebarNavigationItem","_styleBook","_useGlobalStylesRevisions","noop","SidebarNavigationItemGlobalStyles","props","openGeneralSidebar","useDispatch","editSiteStore","setCanvasMode","unlock","createNotice","noticesStore","set","setPreference","preferencesStore","get","getPreference","useSelect","turnOffDistractionFreeMode","useCallback","isDistractionFree","name","__","isDismissible","type","hasGlobalStyleVariations","select","coreStore","__experimentalGetCurrentThemeGlobalStylesVariations","length","createElement","__experimentalNavigatorButton","as","SidebarNavigationItem","path","default","onClick","SidebarNavigationScreenGlobalStylesContent","storedSettings","getSettings","BlockEditorProvider","settings","onChange","onInput","SidebarNavigationScreenGlobalStylesFooter","modifiedDateTime","onClickRevisions","__experimentalVStack","className","label","alignment","spacing","direction","justify","dateTime","humanTimeDiff","Icon","icon","backup","style","fill","SidebarNavigationScreenGlobalStyles","revisions","isLoading","isLoadingRevisions","useGlobalStylesRevisions","setIsListViewOpened","isMobileViewport","useViewportMatch","setEditorCanvasContainerView","isViewMode","isStyleBookOpened","revisionsCount","_globalStyles$_links$","getCanvasMode","getEditorCanvasContainerView","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","count","openGlobalStyles","Promise","all","openStyleBook","openRevisions","hasRevisions","modified","shouldShowGlobalStylesFooter","Fragment","title","description","content","footer","actions","seen","isPressed","edit","enableResizing","isSelected","onSelect","showCloseButton","showTabs"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-global-styles/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { backup, edit, seen } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tIcon,\n\t__experimentalNavigatorButton as NavigatorButton,\n\t__experimentalVStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { BlockEditorProvider } from '@wordpress/block-editor';\nimport { humanTimeDiff } from '@wordpress/date';\nimport { useCallback } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport StyleVariationsContainer from '../global-styles/style-variations-container';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport SidebarButton from '../sidebar-button';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport StyleBook from '../style-book';\nimport useGlobalStylesRevisions from '../global-styles/screen-revisions/use-global-styles-revisions';\n\nconst noop = () => {};\n\nexport function SidebarNavigationItemGlobalStyles( props ) {\n\tconst { openGeneralSidebar } = useDispatch( editSiteStore );\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\tconst { get: getPreference } = useSelect( preferencesStore );\n\n\tconst turnOffDistractionFreeMode = useCallback( () => {\n\t\tconst isDistractionFree = getPreference(\n\t\t\teditSiteStore.name,\n\t\t\t'distractionFree'\n\t\t);\n\t\tif ( ! isDistractionFree ) {\n\t\t\treturn;\n\t\t}\n\t\tsetPreference( editSiteStore.name, 'distractionFree', false );\n\t\tcreateNotice( 'info', __( 'Distraction free mode turned off' ), {\n\t\t\tisDismissible: true,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t}, [ createNotice, setPreference, getPreference ] );\n\tconst hasGlobalStyleVariations = useSelect(\n\t\t( select ) =>\n\t\t\t!! select(\n\t\t\t\tcoreStore\n\t\t\t).__experimentalGetCurrentThemeGlobalStylesVariations()?.length,\n\t\t[]\n\t);\n\tif ( hasGlobalStyleVariations ) {\n\t\treturn (\n\t\t\t<NavigatorButton\n\t\t\t\t{ ...props }\n\t\t\t\tas={ SidebarNavigationItem }\n\t\t\t\tpath=\"/wp_global_styles\"\n\t\t\t/>\n\t\t);\n\t}\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\t{ ...props }\n\t\t\tonClick={ () => {\n\t\t\t\tturnOffDistractionFreeMode();\n\t\t\t\t// Switch to edit mode.\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t\t// Open global styles sidebar.\n\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction SidebarNavigationScreenGlobalStylesContent() {\n\tconst { storedSettings } = useSelect( ( select ) => {\n\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\n\t\treturn {\n\t\t\tstoredSettings: getSettings( false ),\n\t\t};\n\t}, [] );\n\n\t// Wrap in a BlockEditorProvider to ensure that the Iframe's dependencies are\n\t// loaded. This is necessary because the Iframe component waits until\n\t// the block editor store's `__internalIsInitialized` is true before\n\t// rendering the iframe. Without this, the iframe previews will not render\n\t// in mobile viewport sizes, where the editor canvas is hidden.\n\treturn (\n\t\t<BlockEditorProvider\n\t\t\tsettings={ storedSettings }\n\t\t\tonChange={ noop }\n\t\t\tonInput={ noop }\n\t\t>\n\t\t\t<StyleVariationsContainer />\n\t\t</BlockEditorProvider>\n\t);\n}\n\nfunction SidebarNavigationScreenGlobalStylesFooter( {\n\tmodifiedDateTime,\n\tonClickRevisions,\n} ) {\n\treturn (\n\t\t<VStack className=\"edit-site-sidebar-navigation-screen-global-styles__footer\">\n\t\t\t<SidebarNavigationItem\n\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-global-styles__revisions\"\n\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\tonClick={ onClickRevisions }\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tas=\"span\"\n\t\t\t\t\talignment=\"center\"\n\t\t\t\t\tspacing={ 5 }\n\t\t\t\t\tdirection=\"row\"\n\t\t\t\t\tjustify=\"space-between\"\n\t\t\t\t>\n\t\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-global-styles__revisions__label\">\n\t\t\t\t\t\t{ __( 'Last modified' ) }\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<time dateTime={ modifiedDateTime }>\n\t\t\t\t\t\t\t{ humanTimeDiff( modifiedDateTime ) }\n\t\t\t\t\t\t</time>\n\t\t\t\t\t</span>\n\t\t\t\t\t<Icon icon={ backup } style={ { fill: 'currentcolor' } } />\n\t\t\t\t</HStack>\n\t\t\t</SidebarNavigationItem>\n\t\t</VStack>\n\t);\n}\n\nexport default function SidebarNavigationScreenGlobalStyles() {\n\tconst { revisions, isLoading: isLoadingRevisions } =\n\t\tuseGlobalStylesRevisions();\n\tconst { openGeneralSidebar, setIsListViewOpened } =\n\t\tuseDispatch( editSiteStore );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst { setCanvasMode, setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\tconst { get: getPreference } = useSelect( preferencesStore );\n\tconst { isViewMode, isStyleBookOpened, revisionsCount } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCanvasMode, getEditorCanvasContainerView } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\t\tconst globalStyles = globalStylesId\n\t\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t\t: undefined;\n\t\t\treturn {\n\t\t\t\tisViewMode: 'view' === getCanvasMode(),\n\t\t\t\tisStyleBookOpened:\n\t\t\t\t\t'style-book' === getEditorCanvasContainerView(),\n\t\t\t\trevisionsCount:\n\t\t\t\t\tglobalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count ??\n\t\t\t\t\t0,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst turnOffDistractionFreeMode = useCallback( () => {\n\t\tconst isDistractionFree = getPreference(\n\t\t\teditSiteStore.name,\n\t\t\t'distractionFree'\n\t\t);\n\t\tif ( ! isDistractionFree ) {\n\t\t\treturn;\n\t\t}\n\t\tsetPreference( editSiteStore.name, 'distractionFree', false );\n\t\tcreateNotice( 'info', __( 'Distraction free mode turned off' ), {\n\t\t\tisDismissible: true,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t}, [ createNotice, setPreference, getPreference ] );\n\n\tconst openGlobalStyles = useCallback( async () => {\n\t\tturnOffDistractionFreeMode();\n\t\treturn Promise.all( [\n\t\t\tsetCanvasMode( 'edit' ),\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' ),\n\t\t] );\n\t}, [ setCanvasMode, openGeneralSidebar, turnOffDistractionFreeMode ] );\n\n\tconst openStyleBook = useCallback( async () => {\n\t\tawait openGlobalStyles();\n\t\t// Open the Style Book once the canvas mode is set to edit,\n\t\t// and the global styles sidebar is open. This ensures that\n\t\t// the Style Book is not prematurely closed.\n\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\tsetIsListViewOpened( false );\n\t}, [\n\t\topenGlobalStyles,\n\t\tsetEditorCanvasContainerView,\n\t\tsetIsListViewOpened,\n\t] );\n\n\tconst openRevisions = useCallback( async () => {\n\t\tawait openGlobalStyles();\n\t\t// Open the global styles revisions once the canvas mode is set to edit,\n\t\t// and the global styles sidebar is open. The global styles UI is responsible\n\t\t// for redirecting to the revisions screen once the editor canvas container\n\t\t// has been set to 'global-styles-revisions'.\n\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t}, [ openGlobalStyles, setEditorCanvasContainerView ] );\n\n\t// If there are no revisions, do not render a footer.\n\tconst hasRevisions = revisionsCount > 0;\n\tconst modifiedDateTime = revisions?.[ 0 ]?.modified;\n\tconst shouldShowGlobalStylesFooter =\n\t\thasRevisions && ! isLoadingRevisions && modifiedDateTime;\n\n\treturn (\n\t\t<>\n\t\t\t<SidebarNavigationScreen\n\t\t\t\ttitle={ __( 'Styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a different style combination for the theme styles.'\n\t\t\t\t) }\n\t\t\t\tcontent={ <SidebarNavigationScreenGlobalStylesContent /> }\n\t\t\t\tfooter={\n\t\t\t\t\tshouldShowGlobalStylesFooter && (\n\t\t\t\t\t\t<SidebarNavigationScreenGlobalStylesFooter\n\t\t\t\t\t\t\tmodifiedDateTime={ modifiedDateTime }\n\t\t\t\t\t\t\tonClickRevisions={ openRevisions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tactions={\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ ! isMobileViewport && (\n\t\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t\t\t\t\t\t\t! isStyleBookOpened\n\t\t\t\t\t\t\t\t\t\t\t? 'style-book'\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tisPressed={ isStyleBookOpened }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\ticon={ edit }\n\t\t\t\t\t\t\tlabel={ __( 'Edit styles' ) }\n\t\t\t\t\t\t\tonClick={ async () => await openGlobalStyles() }\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\t{ isStyleBookOpened && ! isMobileViewport && isViewMode && (\n\t\t\t\t<StyleBook\n\t\t\t\t\tenableResizing={ false }\n\t\t\t\t\tisSelected={ () => false }\n\t\t\t\t\tonClick={ openStyleBook }\n\t\t\t\t\tonSelect={ openStyleBook }\n\t\t\t\t\tshowCloseButton={ false }\n\t\t\t\t\tshowTabs={ false }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_element","require","_i18n","_icons","_data","_coreData","_components","_compose","_blockEditor","_date","_sidebarNavigationScreen","_interopRequireDefault","_styleVariationsContainer","_lockUnlock","_store","_sidebarButton","_sidebarNavigationItem","_styleBook","_useGlobalStylesRevisions","noop","SidebarNavigationItemGlobalStyles","props","openGeneralSidebar","useDispatch","editSiteStore","setCanvasMode","unlock","hasGlobalStyleVariations","useSelect","select","coreStore","__experimentalGetCurrentThemeGlobalStylesVariations","length","createElement","__experimentalNavigatorButton","as","SidebarNavigationItem","path","default","onClick","SidebarNavigationScreenGlobalStylesContent","storedSettings","getSettings","BlockEditorProvider","settings","onChange","onInput","SidebarNavigationScreenGlobalStylesFooter","modifiedDateTime","onClickRevisions","__experimentalVStack","className","label","__","alignment","spacing","direction","justify","dateTime","humanTimeDiff","Icon","icon","backup","style","fill","SidebarNavigationScreenGlobalStyles","revisions","isLoading","isLoadingRevisions","useGlobalStylesRevisions","setIsListViewOpened","isMobileViewport","useViewportMatch","setEditorCanvasContainerView","isViewMode","isStyleBookOpened","revisionsCount","_globalStyles$_links$","getCanvasMode","getEditorCanvasContainerView","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","count","openGlobalStyles","useCallback","Promise","all","openStyleBook","openRevisions","hasRevisions","modified","shouldShowGlobalStylesFooter","Fragment","title","description","content","footer","actions","seen","isPressed","edit","enableResizing","isSelected","onSelect","showCloseButton","showTabs"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-global-styles/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { backup, edit, seen } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tIcon,\n\t__experimentalNavigatorButton as NavigatorButton,\n\t__experimentalVStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { BlockEditorProvider } from '@wordpress/block-editor';\nimport { humanTimeDiff } from '@wordpress/date';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport StyleVariationsContainer from '../global-styles/style-variations-container';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport SidebarButton from '../sidebar-button';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport StyleBook from '../style-book';\nimport useGlobalStylesRevisions from '../global-styles/screen-revisions/use-global-styles-revisions';\n\nconst noop = () => {};\n\nexport function SidebarNavigationItemGlobalStyles( props ) {\n\tconst { openGeneralSidebar } = useDispatch( editSiteStore );\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\n\tconst hasGlobalStyleVariations = useSelect(\n\t\t( select ) =>\n\t\t\t!! select(\n\t\t\t\tcoreStore\n\t\t\t).__experimentalGetCurrentThemeGlobalStylesVariations()?.length,\n\t\t[]\n\t);\n\tif ( hasGlobalStyleVariations ) {\n\t\treturn (\n\t\t\t<NavigatorButton\n\t\t\t\t{ ...props }\n\t\t\t\tas={ SidebarNavigationItem }\n\t\t\t\tpath=\"/wp_global_styles\"\n\t\t\t/>\n\t\t);\n\t}\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\t{ ...props }\n\t\t\tonClick={ () => {\n\t\t\t\t// Switch to edit mode.\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t\t// Open global styles sidebar.\n\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction SidebarNavigationScreenGlobalStylesContent() {\n\tconst { storedSettings } = useSelect( ( select ) => {\n\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\n\t\treturn {\n\t\t\tstoredSettings: getSettings( false ),\n\t\t};\n\t}, [] );\n\n\t// Wrap in a BlockEditorProvider to ensure that the Iframe's dependencies are\n\t// loaded. This is necessary because the Iframe component waits until\n\t// the block editor store's `__internalIsInitialized` is true before\n\t// rendering the iframe. Without this, the iframe previews will not render\n\t// in mobile viewport sizes, where the editor canvas is hidden.\n\treturn (\n\t\t<BlockEditorProvider\n\t\t\tsettings={ storedSettings }\n\t\t\tonChange={ noop }\n\t\t\tonInput={ noop }\n\t\t>\n\t\t\t<StyleVariationsContainer />\n\t\t</BlockEditorProvider>\n\t);\n}\n\nfunction SidebarNavigationScreenGlobalStylesFooter( {\n\tmodifiedDateTime,\n\tonClickRevisions,\n} ) {\n\treturn (\n\t\t<VStack className=\"edit-site-sidebar-navigation-screen-global-styles__footer\">\n\t\t\t<SidebarNavigationItem\n\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-global-styles__revisions\"\n\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\tonClick={ onClickRevisions }\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tas=\"span\"\n\t\t\t\t\talignment=\"center\"\n\t\t\t\t\tspacing={ 5 }\n\t\t\t\t\tdirection=\"row\"\n\t\t\t\t\tjustify=\"space-between\"\n\t\t\t\t>\n\t\t\t\t\t<span className=\"edit-site-sidebar-navigation-screen-global-styles__revisions__label\">\n\t\t\t\t\t\t{ __( 'Last modified' ) }\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<time dateTime={ modifiedDateTime }>\n\t\t\t\t\t\t\t{ humanTimeDiff( modifiedDateTime ) }\n\t\t\t\t\t\t</time>\n\t\t\t\t\t</span>\n\t\t\t\t\t<Icon icon={ backup } style={ { fill: 'currentcolor' } } />\n\t\t\t\t</HStack>\n\t\t\t</SidebarNavigationItem>\n\t\t</VStack>\n\t);\n}\n\nexport default function SidebarNavigationScreenGlobalStyles() {\n\tconst { revisions, isLoading: isLoadingRevisions } =\n\t\tuseGlobalStylesRevisions();\n\tconst { openGeneralSidebar, setIsListViewOpened } =\n\t\tuseDispatch( editSiteStore );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst { setCanvasMode, setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { isViewMode, isStyleBookOpened, revisionsCount } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCanvasMode, getEditorCanvasContainerView } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\t\tconst globalStyles = globalStylesId\n\t\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t\t: undefined;\n\t\t\treturn {\n\t\t\t\tisViewMode: 'view' === getCanvasMode(),\n\t\t\t\tisStyleBookOpened:\n\t\t\t\t\t'style-book' === getEditorCanvasContainerView(),\n\t\t\t\trevisionsCount:\n\t\t\t\t\tglobalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count ??\n\t\t\t\t\t0,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst openGlobalStyles = useCallback( async () => {\n\t\treturn Promise.all( [\n\t\t\tsetCanvasMode( 'edit' ),\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' ),\n\t\t] );\n\t}, [ setCanvasMode, openGeneralSidebar ] );\n\n\tconst openStyleBook = useCallback( async () => {\n\t\tawait openGlobalStyles();\n\t\t// Open the Style Book once the canvas mode is set to edit,\n\t\t// and the global styles sidebar is open. This ensures that\n\t\t// the Style Book is not prematurely closed.\n\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\tsetIsListViewOpened( false );\n\t}, [\n\t\topenGlobalStyles,\n\t\tsetEditorCanvasContainerView,\n\t\tsetIsListViewOpened,\n\t] );\n\n\tconst openRevisions = useCallback( async () => {\n\t\tawait openGlobalStyles();\n\t\t// Open the global styles revisions once the canvas mode is set to edit,\n\t\t// and the global styles sidebar is open. The global styles UI is responsible\n\t\t// for redirecting to the revisions screen once the editor canvas container\n\t\t// has been set to 'global-styles-revisions'.\n\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t}, [ openGlobalStyles, setEditorCanvasContainerView ] );\n\n\t// If there are no revisions, do not render a footer.\n\tconst hasRevisions = revisionsCount > 0;\n\tconst modifiedDateTime = revisions?.[ 0 ]?.modified;\n\tconst shouldShowGlobalStylesFooter =\n\t\thasRevisions && ! isLoadingRevisions && modifiedDateTime;\n\n\treturn (\n\t\t<>\n\t\t\t<SidebarNavigationScreen\n\t\t\t\ttitle={ __( 'Styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a different style combination for the theme styles.'\n\t\t\t\t) }\n\t\t\t\tcontent={ <SidebarNavigationScreenGlobalStylesContent /> }\n\t\t\t\tfooter={\n\t\t\t\t\tshouldShowGlobalStylesFooter && (\n\t\t\t\t\t\t<SidebarNavigationScreenGlobalStylesFooter\n\t\t\t\t\t\t\tmodifiedDateTime={ modifiedDateTime }\n\t\t\t\t\t\t\tonClickRevisions={ openRevisions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tactions={\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ ! isMobileViewport && (\n\t\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t\t\t\t\t\t\t! isStyleBookOpened\n\t\t\t\t\t\t\t\t\t\t\t? 'style-book'\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tisPressed={ isStyleBookOpened }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\ticon={ edit }\n\t\t\t\t\t\t\tlabel={ __( 'Edit styles' ) }\n\t\t\t\t\t\t\tonClick={ async () => await openGlobalStyles() }\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\t{ isStyleBookOpened && ! isMobileViewport && isViewMode && (\n\t\t\t\t<StyleBook\n\t\t\t\t\tenableResizing={ false }\n\t\t\t\t\tisSelected={ () => false }\n\t\t\t\t\tonClick={ openStyleBook }\n\t\t\t\t\tonSelect={ openStyleBook }\n\t\t\t\t\tshowCloseButton={ false }\n\t\t\t\t\tshowTabs={ false }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}