npm - @wordpress/edit-widgets - Versions diffs - 5.24.1 → 5.25.1-next.79a6196f.0 - Mend

@wordpress/edit-widgets 5.24.1 → 5.25.1-next.79a6196f.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (71) hide show

package/build/components/widget-areas-block-editor-provider/index.js CHANGED Viewed

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = WidgetAreasBlockEditorProvider;
 var _react = require("react");
 var _components = require("@wordpress/components");
+var _compose = require("@wordpress/compose");
 var _mediaUtils = require("@wordpress/media-utils");
 var _data = require("@wordpress/data");
 var _coreData = require("@wordpress/core-data");
@@ -40,6 +41,7 @@ function WidgetAreasBlockEditorProvider({
   ...props
 }) {
   const mediaPermissions = (0, _coreData.useResourcePermissions)('media');
+  const isLargeViewport = (0, _compose.useViewportMatch)('medium');
   const {
     reusableBlocks,
     isFixedToolbarActive,
@@ -85,7 +87,7 @@ function WidgetAreasBlockEditorProvider({
     return {
       ...blockEditorSettings,
       __experimentalReusableBlocks: reusableBlocks,
-      hasFixedToolbar: isFixedToolbarActive,
+      hasFixedToolbar: isFixedToolbarActive || !isLargeViewport,
       keepCaretInsideBlock,
       mediaUpload: mediaUploadBlockEditor,
       templateLock: 'all',
@@ -93,7 +95,7 @@ function WidgetAreasBlockEditorProvider({
       pageOnFront,
       pageForPosts
     };
-  }, [blockEditorSettings, isFixedToolbarActive, keepCaretInsideBlock, mediaPermissions.canCreate, reusableBlocks, setIsInserterOpened, pageOnFront, pageForPosts]);
+  }, [blockEditorSettings, isFixedToolbarActive, isLargeViewport, keepCaretInsideBlock, mediaPermissions.canCreate, reusableBlocks, setIsInserterOpened, pageOnFront, pageForPosts]);
   const widgetAreaId = (0, _useLastSelectedWidgetArea.default)();
   const [blocks, onInput, onChange] = (0, _coreData.useEntityBlockEditor)(_utils.KIND, _utils.POST_TYPE, {
     id: (0, _utils.buildWidgetAreasPostId)()

package/build/components/widget-areas-block-editor-provider/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_mediaUtils","_data","_coreData","_element","_blockEditor","_patterns","_preferences","_keyboardShortcuts","_interopRequireDefault","_utils","_useLastSelectedWidgetArea","_store","_constants","_lockUnlock","ExperimentalBlockEditorProvider","unlock","blockEditorPrivateApis","PatternsMenuItems","editPatternsPrivateApis","WidgetAreasBlockEditorProvider","blockEditorSettings","children","props","mediaPermissions","useResourcePermissions","reusableBlocks","isFixedToolbarActive","keepCaretInsideBlock","pageOnFront","pageForPosts","useSelect","select","canUser","getEntityRecord","getEntityRecords","coreStore","siteSettings","undefined","widgetAreas","editWidgetsStore","getWidgetAreas","widgets","getWidgets","ALLOW_REUSABLE_BLOCKS","preferencesStore","get","page_on_front","page_for_posts","setIsInserterOpened","useDispatch","settings","useMemo","mediaUploadBlockEditor","canCreate","onError","argumentsObject","uploadMedia","wpAllowedMimeTypes","allowedMimeTypes","message","__experimentalReusableBlocks","hasFixedToolbar","mediaUpload","templateLock","__experimentalSetIsInserterOpened","widgetAreaId","useLastSelectedWidgetArea","blocks","onInput","onChange","useEntityBlockEditor","KIND","POST_TYPE","id","buildWidgetAreasPostId","_react","createElement","SlotFillProvider","default","Register","value","useSubRegistry","rootClientId"],"sources":["@wordpress/edit-widgets/src/components/widget-areas-block-editor-provider/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { SlotFillProvider } from '@wordpress/components';\nimport { uploadMedia } from '@wordpress/media-utils';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tuseEntityBlockEditor,\n\tstore as coreStore,\n\tuseResourcePermissions,\n} from '@wordpress/core-data';\nimport { useMemo } from '@wordpress/element';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editPatternsPrivateApis } from '@wordpress/patterns';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n */\nimport KeyboardShortcuts from '../keyboard-shortcuts';\nimport { buildWidgetAreasPostId, KIND, POST_TYPE } from '../../store/utils';\nimport useLastSelectedWidgetArea from '../../hooks/use-last-selected-widget-area';\nimport { store as editWidgetsStore } from '../../store';\nimport { ALLOW_REUSABLE_BLOCKS } from '../../constants';\nimport { unlock } from '../../lock-unlock';\n\nconst { ExperimentalBlockEditorProvider } = unlock( blockEditorPrivateApis );\nconst { PatternsMenuItems } = unlock( editPatternsPrivateApis );\nexport default function WidgetAreasBlockEditorProvider( {\n\tblockEditorSettings,\n\tchildren,\n\t...props\n} ) {\n\tconst mediaPermissions = useResourcePermissions( 'media' );\n\tconst {\n\t\treusableBlocks,\n\t\tisFixedToolbarActive,\n\t\tkeepCaretInsideBlock,\n\t\tpageOnFront,\n\t\tpageForPosts,\n\t} = useSelect( ( select ) => {\n\t\tconst { canUser, getEntityRecord, getEntityRecords } =\n\t\t\tselect( coreStore );\n\t\tconst siteSettings = canUser( 'read', 'settings' )\n\t\t\t? getEntityRecord( 'root', 'site' )\n\t\t\t: undefined;\n\t\treturn {\n\t\t\twidgetAreas: select( editWidgetsStore ).getWidgetAreas(),\n\t\t\twidgets: select( editWidgetsStore ).getWidgets(),\n\t\t\treusableBlocks: ALLOW_REUSABLE_BLOCKS\n\t\t\t\t? getEntityRecords( 'postType', 'wp_block' )\n\t\t\t\t: [],\n\t\t\tisFixedToolbarActive: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tkeepCaretInsideBlock: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'keepCaretInsideBlock'\n\t\t\t),\n\t\t\tpageOnFront: siteSettings?.page_on_front,\n\t\t\tpageForPosts: siteSettings?.page_for_posts,\n\t\t};\n\t}, [] );\n\tconst { setIsInserterOpened } = useDispatch( editWidgetsStore );\n\n\tconst settings = useMemo( () => {\n\t\tlet mediaUploadBlockEditor;\n\t\tif ( mediaPermissions.canCreate ) {\n\t\t\tmediaUploadBlockEditor = ( { onError, ...argumentsObject } ) => {\n\t\t\t\tuploadMedia( {\n\t\t\t\t\twpAllowedMimeTypes: blockEditorSettings.allowedMimeTypes,\n\t\t\t\t\tonError: ( { message } ) => onError( message ),\n\t\t\t\t\t...argumentsObject,\n\t\t\t\t} );\n\t\t\t};\n\t\t}\n\t\treturn {\n\t\t\t...blockEditorSettings,\n\t\t\t__experimentalReusableBlocks: reusableBlocks,\n\t\t\thasFixedToolbar: isFixedToolbarActive,\n\t\t\tkeepCaretInsideBlock,\n\t\t\tmediaUpload: mediaUploadBlockEditor,\n\t\t\ttemplateLock: 'all',\n\t\t\t__experimentalSetIsInserterOpened: setIsInserterOpened,\n\t\t\tpageOnFront,\n\t\t\tpageForPosts,\n\t\t};\n\t}, [\n\t\tblockEditorSettings,\n\t\tisFixedToolbarActive,\n\t\tkeepCaretInsideBlock,\n\t\tmediaPermissions.canCreate,\n\t\treusableBlocks,\n\t\tsetIsInserterOpened,\n\t\tpageOnFront,\n\t\tpageForPosts,\n\t] );\n\n\tconst widgetAreaId = useLastSelectedWidgetArea();\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\tKIND,\n\t\tPOST_TYPE,\n\t\t{ id: buildWidgetAreasPostId() }\n\t);\n\n\treturn (\n\t\t<SlotFillProvider>\n\t\t\t<KeyboardShortcuts.Register />\n\t\t\t<ExperimentalBlockEditorProvider\n\t\t\t\tvalue={ blocks }\n\t\t\t\tonInput={ onInput }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tsettings={ settings }\n\t\t\t\tuseSubRegistry={ false }\n\t\t\t\t{ ...props }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t\t<PatternsMenuItems rootClientId={ widgetAreaId } />\n\t\t\t</ExperimentalBlockEditorProvider>\n\t\t</SlotFillProvider>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,~~WAAA~~,GAAAD,OAAA;AACA,IAAAE,~~KAAA~~,GAAAF,OAAA;AACA,IAAAG,~~SAAA~~,GAAAH,OAAA;~~AAKA~~,IAAAI,~~QAAA~~,GAAAJ,OAAA;~~AACA~~,IAAAK,~~YAAA~~,GAAAL,OAAA;AACA,IAAAM,~~SAAA~~,GAAAN,OAAA;AACA,IAAAO,~~YAAA~~,GAAAP,OAAA;~~AAKA~~,IAAAQ,kBAAA,GAAAC,sBAAA,~~CAAAT~~,OAAA;AACA,~~IAAAU~~,MAAA,~~GAAAV~~,OAAA;AACA,~~IAAAW~~,0BAAA,GAAAF,sBAAA,~~CAAAT~~,OAAA;AACA,~~IAAAY~~,MAAA,~~GAAAZ~~,OAAA;AACA,~~IAAAa~~,UAAA,~~GAAAb~~,OAAA;AACA,~~IAAAc~~,WAAA,~~GAAAd~~,OAAA;~~AAxBA~~;AACA;AACA;;~~AAcA~~;AACA;AACA;;AAQA,MAAM;~~EAAEe~~;AAAgC,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAC5E,MAAM;EAAEC;AAAkB,CAAC,GAAG,IAAAF,kBAAM,EAAEG,qBAAwB,CAAC;AAChD,SAASC,8BAA8BA,CAAE;EACvDC,mBAAmB;EACnBC,QAAQ;EACR,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,gBAAgB,GAAG,IAAAC,gCAAsB,EAAE,OAAQ,CAAC;EAC1D,MAAM;IACLC,cAAc;IACdC,oBAAoB;IACpBC,oBAAoB;IACpBC,WAAW;IACXC;EACD,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC5B,MAAM;MAAEC,OAAO;MAAEC,eAAe;MAAEC;IAAiB,CAAC,GACnDH,MAAM,CAAEI,eAAU,CAAC;IACpB,MAAMC,YAAY,GAAGJ,OAAO,CAAE,MAAM,EAAE,UAAW,CAAC,GAC/CC,eAAe,CAAE,MAAM,EAAE,MAAO,CAAC,GACjCI,SAAS;IACZ,OAAO;MACNC,WAAW,EAAEP,MAAM,CAAEQ,YAAiB,CAAC,CAACC,cAAc,CAAC,CAAC;MACxDC,OAAO,EAAEV,MAAM,CAAEQ,YAAiB,CAAC,CAACG,UAAU,CAAC,CAAC;MAChDjB,cAAc,EAAEkB,gCAAqB,GAClCT,gBAAgB,CAAE,UAAU,EAAE,UAAW,CAAC,GAC1C,EAAE;MACLR,oBAAoB,EAAE,CAAC,CAAEK,MAAM,CAAEa,kBAAiB,CAAC,CAACC,GAAG,CACtD,mBAAmB,EACnB,cACD,CAAC;MACDlB,oBAAoB,EAAE,CAAC,CAAEI,MAAM,CAAEa,kBAAiB,CAAC,CAACC,GAAG,CACtD,mBAAmB,EACnB,sBACD,CAAC;MACDjB,WAAW,EAAEQ,YAAY,EAAEU,aAAa;MACxCjB,YAAY,EAAEO,YAAY,EAAEW;IAC7B,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,iBAAW,EAAEV,YAAiB,CAAC;EAE/D,MAAMW,QAAQ,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC/B,IAAIC,sBAAsB;IAC1B,~~IAAK7B~~,gBAAgB,~~CAAC8B~~,SAAS,EAAG;MACjCD,sBAAsB,GAAGA,CAAE;QAAEE,OAAO;QAAE,GAAGC;MAAgB,CAAC,KAAM;QAC/D,IAAAC,uBAAW,EAAE;UACZC,kBAAkB,~~EAAErC~~,mBAAmB,~~CAACsC~~,gBAAgB;UACxDJ,OAAO,EAAEA,CAAE;YAAEK;UAAQ,CAAC,KAAML,OAAO,CAAEK,OAAQ,CAAC;UAC9C,GAAGJ;QACJ,CAAE,CAAC;MACJ,CAAC;IACF;IACA,OAAO;MACN,~~GAAGnC~~,mBAAmB;~~MACtBwC~~,4BAA4B,EAAEnC,cAAc;MAC5CoC,eAAe,EAAEnC,oBAAoB;~~MACrCC~~,oBAAoB;MACpBmC,WAAW,EAAEV,sBAAsB;MACnCW,YAAY,EAAE,KAAK;MACnBC,iCAAiC,EAAEhB,mBAAmB;MACtDpB,WAAW;MACXC;IACD,CAAC;EACF,CAAC,EAAE,~~CACFT~~,mBAAmB,~~EACnBM~~,oBAAoB,~~EACpBC~~,oBAAoB,~~EACpBJ~~,gBAAgB,~~CAAC8B~~,SAAS,EAC1B5B,cAAc,EACduB,mBAAmB,EACnBpB,WAAW,EACXC,YAAY,CACX,CAAC;EAEH,MAAMoC,YAAY,GAAG,IAAAC,kCAAyB,EAAC,CAAC;EAEhD,MAAM,CAAEC,MAAM,EAAEC,OAAO,EAAEC,QAAQ,CAAE,GAAG,IAAAC,8BAAoB,EACzDC,WAAI,EACJC,gBAAS,EACT;IAAEC,EAAE,EAAE,IAAAC,6BAAsB,EAAC;EAAE,CAChC,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,~~EAAC9E~~,WAAA,~~CAAA+E~~,gBAAgB,QAChB,IAAAF,MAAA,CAAAC,aAAA,~~EAACrE~~,kBAAA,~~CAAAuE~~,OAAiB,CAACC,QAAQ,MAAE,CAAC,EAC9B,IAAAJ,MAAA,CAAAC,aAAA,~~EAAC9D~~,+BAA+B;IAC/~~BkE~~,KAAK,EAAGb,MAAQ;IAChBC,OAAO,EAAGA,OAAS;IACnBC,QAAQ,EAAGA,QAAU;IACrBnB,QAAQ,EAAGA,QAAU;IACrB+B,cAAc,EAAG,KAAO;IAAA,~~GACnB3D~~;EAAK,GAERD,QAAQ,EACV,~~IAAAsD~~,MAAA,CAAAC,aAAA,~~EAAC3D~~,iBAAiB;~~IAACiE~~,YAAY,EAAGjB;EAAc,CAAE,CAClB,CAChB,CAAC;AAErB"}
1	+ {"version":3,"names":["_components","require","_compose","_mediaUtils","_data","_coreData","_element","_blockEditor","_patterns","_preferences","_keyboardShortcuts","_interopRequireDefault","_utils","_useLastSelectedWidgetArea","_store","_constants","_lockUnlock","ExperimentalBlockEditorProvider","unlock","blockEditorPrivateApis","PatternsMenuItems","editPatternsPrivateApis","WidgetAreasBlockEditorProvider","blockEditorSettings","children","props","mediaPermissions","useResourcePermissions","isLargeViewport","useViewportMatch","reusableBlocks","isFixedToolbarActive","keepCaretInsideBlock","pageOnFront","pageForPosts","useSelect","select","canUser","getEntityRecord","getEntityRecords","coreStore","siteSettings","undefined","widgetAreas","editWidgetsStore","getWidgetAreas","widgets","getWidgets","ALLOW_REUSABLE_BLOCKS","preferencesStore","get","page_on_front","page_for_posts","setIsInserterOpened","useDispatch","settings","useMemo","mediaUploadBlockEditor","canCreate","onError","argumentsObject","uploadMedia","wpAllowedMimeTypes","allowedMimeTypes","message","__experimentalReusableBlocks","hasFixedToolbar","mediaUpload","templateLock","__experimentalSetIsInserterOpened","widgetAreaId","useLastSelectedWidgetArea","blocks","onInput","onChange","useEntityBlockEditor","KIND","POST_TYPE","id","buildWidgetAreasPostId","_react","createElement","SlotFillProvider","default","Register","value","useSubRegistry","rootClientId"],"sources":["@wordpress/edit-widgets/src/components/widget-areas-block-editor-provider/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { SlotFillProvider } from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { uploadMedia } from '@wordpress/media-utils';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tuseEntityBlockEditor,\n\tstore as coreStore,\n\tuseResourcePermissions,\n} from '@wordpress/core-data';\nimport { useMemo } from '@wordpress/element';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editPatternsPrivateApis } from '@wordpress/patterns';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n */\nimport KeyboardShortcuts from '../keyboard-shortcuts';\nimport { buildWidgetAreasPostId, KIND, POST_TYPE } from '../../store/utils';\nimport useLastSelectedWidgetArea from '../../hooks/use-last-selected-widget-area';\nimport { store as editWidgetsStore } from '../../store';\nimport { ALLOW_REUSABLE_BLOCKS } from '../../constants';\nimport { unlock } from '../../lock-unlock';\n\nconst { ExperimentalBlockEditorProvider } = unlock( blockEditorPrivateApis );\nconst { PatternsMenuItems } = unlock( editPatternsPrivateApis );\nexport default function WidgetAreasBlockEditorProvider( {\n\tblockEditorSettings,\n\tchildren,\n\t...props\n} ) {\n\tconst mediaPermissions = useResourcePermissions( 'media' );\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst {\n\t\treusableBlocks,\n\t\tisFixedToolbarActive,\n\t\tkeepCaretInsideBlock,\n\t\tpageOnFront,\n\t\tpageForPosts,\n\t} = useSelect( ( select ) => {\n\t\tconst { canUser, getEntityRecord, getEntityRecords } =\n\t\t\tselect( coreStore );\n\t\tconst siteSettings = canUser( 'read', 'settings' )\n\t\t\t? getEntityRecord( 'root', 'site' )\n\t\t\t: undefined;\n\t\treturn {\n\t\t\twidgetAreas: select( editWidgetsStore ).getWidgetAreas(),\n\t\t\twidgets: select( editWidgetsStore ).getWidgets(),\n\t\t\treusableBlocks: ALLOW_REUSABLE_BLOCKS\n\t\t\t\t? getEntityRecords( 'postType', 'wp_block' )\n\t\t\t\t: [],\n\t\t\tisFixedToolbarActive: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tkeepCaretInsideBlock: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'keepCaretInsideBlock'\n\t\t\t),\n\t\t\tpageOnFront: siteSettings?.page_on_front,\n\t\t\tpageForPosts: siteSettings?.page_for_posts,\n\t\t};\n\t}, [] );\n\tconst { setIsInserterOpened } = useDispatch( editWidgetsStore );\n\n\tconst settings = useMemo( () => {\n\t\tlet mediaUploadBlockEditor;\n\t\tif ( mediaPermissions.canCreate ) {\n\t\t\tmediaUploadBlockEditor = ( { onError, ...argumentsObject } ) => {\n\t\t\t\tuploadMedia( {\n\t\t\t\t\twpAllowedMimeTypes: blockEditorSettings.allowedMimeTypes,\n\t\t\t\t\tonError: ( { message } ) => onError( message ),\n\t\t\t\t\t...argumentsObject,\n\t\t\t\t} );\n\t\t\t};\n\t\t}\n\t\treturn {\n\t\t\t...blockEditorSettings,\n\t\t\t__experimentalReusableBlocks: reusableBlocks,\n\t\t\thasFixedToolbar: isFixedToolbarActive \|\| ! isLargeViewport,\n\t\t\tkeepCaretInsideBlock,\n\t\t\tmediaUpload: mediaUploadBlockEditor,\n\t\t\ttemplateLock: 'all',\n\t\t\t__experimentalSetIsInserterOpened: setIsInserterOpened,\n\t\t\tpageOnFront,\n\t\t\tpageForPosts,\n\t\t};\n\t}, [\n\t\tblockEditorSettings,\n\t\tisFixedToolbarActive,\n\t\tisLargeViewport,\n\t\tkeepCaretInsideBlock,\n\t\tmediaPermissions.canCreate,\n\t\treusableBlocks,\n\t\tsetIsInserterOpened,\n\t\tpageOnFront,\n\t\tpageForPosts,\n\t] );\n\n\tconst widgetAreaId = useLastSelectedWidgetArea();\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\tKIND,\n\t\tPOST_TYPE,\n\t\t{ id: buildWidgetAreasPostId() }\n\t);\n\n\treturn (\n\t\t<SlotFillProvider>\n\t\t\t<KeyboardShortcuts.Register />\n\t\t\t<ExperimentalBlockEditorProvider\n\t\t\t\tvalue={ blocks }\n\t\t\t\tonInput={ onInput }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tsettings={ settings }\n\t\t\t\tuseSubRegistry={ false }\n\t\t\t\t{ ...props }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t\t<PatternsMenuItems rootClientId={ widgetAreaId } />\n\t\t\t</ExperimentalBlockEditorProvider>\n\t\t</SlotFillProvider>\n\t);\n}\n"],"mappings":"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"}

package/build/store/index.js CHANGED Viewed

@@ -11,7 +11,9 @@ var _reducer = _interopRequireDefault(require("./reducer"));
 var resolvers = _interopRequireWildcard(require("./resolvers"));
 var selectors = _interopRequireWildcard(require("./selectors"));
 var actions = _interopRequireWildcard(require("./actions"));
+var privateSelectors = _interopRequireWildcard(require("./private-selectors"));
 var _constants = require("./constants");
+var _lockUnlock = require("../lock-unlock");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /**
@@ -56,4 +58,5 @@ _apiFetch.default.use(function (options, next) {
   }
   return next(options);
 });
+(0, _lockUnlock.unlock)(store).registerPrivateSelectors(privateSelectors);
 //# sourceMappingURL=index.js.map

package/build/store/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_apiFetch","_interopRequireDefault","require","_data","_reducer","resolvers","_interopRequireWildcard","selectors","actions","_constants","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","storeConfig","reducer","store","createReduxStore","STORE_NAME","exports","register","apiFetch","use","options","next","path","indexOf","Promise","resolve"],"sources":["@wordpress/edit-widgets/src/store/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport apiFetch from '@wordpress/api-fetch';\nimport { createReduxStore, register } from '@wordpress/data';\n\n/\n Internal dependencies\n /\nimport reducer from './reducer';\nimport as resolvers from './resolvers';\nimport * as selectors from './selectors';\nimport * as actions from './actions';\nimport { STORE_NAME } from './constants';\n\n/*\n Block editor data store configuration.\n \n @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#register\n \n @type {Object}\n /\nconst storeConfig = {\n\treducer,\n\tselectors,\n\tresolvers,\n\tactions,\n};\n\n/\n Store definition for the edit widgets namespace.\n \n @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore\n \n @type {Object}\n */\nexport const store = createReduxStore( STORE_NAME, storeConfig );\nregister( store );\n\n// This package uses a few in-memory post types as wrappers for convenience.\n// This middleware prevents any network requests related to these types as they are\n// bound to fail anyway.\napiFetch.use( function ( options, next ) {\n\tif ( options.path?.indexOf( '/wp/v2/types/widget-area' ) === 0 ) {\n\t\treturn Promise.resolve( {} );\n\t}\n\n\treturn next( options );\n} );\n"],"mappings":";;;;;;;AAGA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAC,uBAAA,CAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAD,uBAAA,CAAAJ,OAAA;AACA,IAAAM,OAAA,GAAAF,uBAAA,CAAAJ,OAAA;AACA,IAAAO,UAAA,~~GAAAP~~,OAAA;~~AAAyC~~,~~SAAAQ~~,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,~~SAAAL~~,~~wBAAAS~~,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;~~AAbzC~~;AACA;AACA;;AAIA;AACA;AACA;;~~AAOA~~;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMW,WAAW,GAAG;EACnBC,OAAO,EAAPA,gBAAO;~~EACP1B~~,SAAS;EACTF,SAAS;EACTG;AACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,~~MAAM0B~~,KAAK,GAAG,IAAAC,sBAAgB,EAAEC,qBAAU,EAAEJ,WAAY,CAAC;AAACK,OAAA,CAAAH,KAAA,GAAAA,KAAA;AACjE,IAAAI,cAAQ,EAAEJ,KAAM,CAAC;;AAEjB;AACA;AACA;AACAK,iBAAQ,CAACC,GAAG,CAAE,UAAWC,OAAO,EAAEC,IAAI,EAAG;EACxC,IAAKD,OAAO,CAACE,IAAI,EAAEC,OAAO,CAAE,0BAA2B,CAAC,KAAK,CAAC,EAAG;IAChE,OAAOC,OAAO,CAACC,OAAO,CAAE,CAAC,CAAE,CAAC;EAC7B;EAEA,OAAOJ,IAAI,CAAED,OAAQ,CAAC;AACvB,CAAE,CAAC"}
1	+ {"version":3,"names":["_apiFetch","_interopRequireDefault","require","_data","_reducer","resolvers","_interopRequireWildcard","selectors","actions","privateSelectors","_constants","_lockUnlock","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","storeConfig","reducer","store","createReduxStore","STORE_NAME","exports","register","apiFetch","use","options","next","path","indexOf","Promise","resolve","unlock","registerPrivateSelectors"],"sources":["@wordpress/edit-widgets/src/store/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport apiFetch from '@wordpress/api-fetch';\nimport { createReduxStore, register } from '@wordpress/data';\n\n/\n Internal dependencies\n /\nimport reducer from './reducer';\nimport as resolvers from './resolvers';\nimport * as selectors from './selectors';\nimport * as actions from './actions';\nimport * as privateSelectors from './private-selectors';\nimport { STORE_NAME } from './constants';\nimport { unlock } from '../lock-unlock';\n\n/*\n Block editor data store configuration.\n \n @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#register\n \n @type {Object}\n /\nconst storeConfig = {\n\treducer,\n\tselectors,\n\tresolvers,\n\tactions,\n};\n\n/\n Store definition for the edit widgets namespace.\n \n @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore\n \n @type {Object}\n */\nexport const store = createReduxStore( STORE_NAME, storeConfig );\nregister( store );\n\n// This package uses a few in-memory post types as wrappers for convenience.\n// This middleware prevents any network requests related to these types as they are\n// bound to fail anyway.\napiFetch.use( function ( options, next ) {\n\tif ( options.path?.indexOf( '/wp/v2/types/widget-area' ) === 0 ) {\n\t\treturn Promise.resolve( {} );\n\t}\n\n\treturn next( options );\n} );\n\nunlock( store ).registerPrivateSelectors( privateSelectors );\n"],"mappings":";;;;;;;AAGA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAC,uBAAA,CAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAD,uBAAA,CAAAJ,OAAA;AACA,IAAAM,OAAA,GAAAF,uBAAA,CAAAJ,OAAA;AACA,IAAAO,gBAAA,GAAAH,uBAAA,CAAAJ,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAAwC,SAAAU,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAP,wBAAAW,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAfxC;AACA;AACA;;AAIA;AACA;AACA;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMW,WAAW,GAAG;EACnBC,OAAO,EAAPA,gBAAO;EACP5B,SAAS;EACTF,SAAS;EACTG;AACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAM4B,KAAK,GAAG,IAAAC,sBAAgB,EAAEC,qBAAU,EAAEJ,WAAY,CAAC;AAACK,OAAA,CAAAH,KAAA,GAAAA,KAAA;AACjE,IAAAI,cAAQ,EAAEJ,KAAM,CAAC;;AAEjB;AACA;AACA;AACAK,iBAAQ,CAACC,GAAG,CAAE,UAAWC,OAAO,EAAEC,IAAI,EAAG;EACxC,IAAKD,OAAO,CAACE,IAAI,EAAEC,OAAO,CAAE,0BAA2B,CAAC,KAAK,CAAC,EAAG;IAChE,OAAOC,OAAO,CAACC,OAAO,CAAE,CAAC,CAAE,CAAC;EAC7B;EAEA,OAAOJ,IAAI,CAAED,OAAQ,CAAC;AACvB,CAAE,CAAC;AAEH,IAAAM,kBAAM,EAAEb,KAAM,CAAC,CAACc,wBAAwB,CAAEzC,gBAAiB,CAAC"}

package/build/store/private-selectors.js ADDED Viewed

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getListViewToggleRef = getListViewToggleRef;
+function getListViewToggleRef(state) {
+  return state.listViewToggleRef;
+}
+//# sourceMappingURL=private-selectors.js.map

package/build/store/private-selectors.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"names":["getListViewToggleRef","state","listViewToggleRef"],"sources":["@wordpress/edit-widgets/src/store/private-selectors.js"],"sourcesContent":["export function getListViewToggleRef( state ) {\n\treturn state.listViewToggleRef;\n}\n"],"mappings":";;;;;;AAAO,SAASA,oBAAoBA,CAAEC,KAAK,EAAG;EAC7C,OAAOA,KAAK,CAACC,iBAAiB;AAC/B"}

package/build/store/reducer.js CHANGED Viewed

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.blockInserterPanel = blockInserterPanel;
 exports.default = void 0;
 exports.listViewPanel = listViewPanel;
+exports.listViewToggleRef = listViewToggleRef;
 exports.widgetAreasOpenState = widgetAreasOpenState;
 var _data = require("@wordpress/data");
 /**
@@ -84,6 +85,19 @@ function listViewPanel(state = false, action) {
   }
   return state;
 }
+/**
+ * This reducer does nothing aside initializing a ref to the list view toggle.
+ * We will have a unique ref per "editor" instance.
+ *
+ * @param {Object} state
+ * @return {Object} Reference to the list view toggle button.
+ */
+function listViewToggleRef(state = {
+  current: null
+}) {
+  return state;
+}
 var _default = (0, _data.combineReducers)({
   blockInserterPanel,
   listViewPanel,

package/build/store/reducer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_data","require","widgetAreasOpenState","state","action","type","clientId","isOpen","blockInserterPanel","value","listViewPanel","_default","combineReducers","exports","default"],"sources":["@wordpress/edit-widgets/src/store/reducer.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { combineReducers } from '@wordpress/data';\n\n/\n Controls the open state of the widget areas.\n \n @param {Object} state Redux state.\n * @param {Object} action Redux action.\n \n @return {Array} Updated state.\n /\nexport function widgetAreasOpenState( state = {}, action ) {\n\tconst { type } = action;\n\tswitch ( type ) {\n\t\tcase 'SET_WIDGET_AREAS_OPEN_STATE': {\n\t\t\treturn action.widgetAreasOpenState;\n\t\t}\n\t\tcase 'SET_IS_WIDGET_AREA_OPEN': {\n\t\t\tconst { clientId, isOpen } = action;\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\t[ clientId ]: isOpen,\n\t\t\t};\n\t\t}\n\t\tdefault: {\n\t\t\treturn state;\n\t\t}\n\t}\n}\n\n/\n Reducer to set the block inserter panel open or closed.\n \n Note: this reducer interacts with the list view panel reducer\n * to make sure that only one of the two panels is open at the same time.\n \n @param {Object} state Current state.\n * @param {Object} action Dispatched action.\n /\nexport function blockInserterPanel( state = false, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'SET_IS_LIST_VIEW_OPENED':\n\t\t\treturn action.isOpen ? false : state;\n\t\tcase 'SET_IS_INSERTER_OPENED':\n\t\t\treturn action.value;\n\t}\n\treturn state;\n}\n\n/\n Reducer to set the list view panel open or closed.\n \n Note: this reducer interacts with the inserter panel reducer\n * to make sure that only one of the two panels is open at the same time.\n \n @param {Object} state Current state.\n * @param {Object} action Dispatched action.\n */\nexport function listViewPanel( state = false, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'SET_IS_INSERTER_OPENED':\n\t\t\treturn action.value ? false : state;\n\t\tcase 'SET_IS_LIST_VIEW_OPENED':\n\t\t\treturn action.isOpen;\n\t}\n\treturn state;\n}\n\nexport default combineReducers( {\n\tblockInserterPanel,\n\tlistViewPanel,\n\twidgetAreasOpenState,\n} );\n"],"mappings":"~~;;;;;;;;;~~AAGA,IAAAA,KAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,oBAAoBA,CAAEC,KAAK,GAAG,CAAC,CAAC,EAAEC,MAAM,EAAG;EAC1D,MAAM;IAAEC;EAAK,CAAC,GAAGD,MAAM;EACvB,QAASC,IAAI;IACZ,KAAK,6BAA6B;MAAE;QACnC,OAAOD,MAAM,CAACF,oBAAoB;MACnC;IACA,KAAK,yBAAyB;MAAE;QAC/B,MAAM;UAAEI,QAAQ;UAAEC;QAAO,CAAC,GAAGH,MAAM;QACnC,OAAO;UACN,GAAGD,KAAK;UACR,CAAEG,QAAQ,GAAIC;QACf,CAAC;MACF;IACA;MAAS;QACR,OAAOJ,KAAK;MACb;EACD;AACD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASK,kBAAkBA,CAAEL,KAAK,GAAG,KAAK,EAAEC,MAAM,EAAG;EAC3D,QAASA,MAAM,CAACC,IAAI;IACnB,KAAK,yBAAyB;MAC7B,OAAOD,MAAM,CAACG,MAAM,GAAG,KAAK,GAAGJ,KAAK;IACrC,KAAK,wBAAwB;MAC5B,OAAOC,MAAM,CAACK,KAAK;EACrB;EACA,OAAON,KAAK;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASO,aAAaA,CAAEP,KAAK,GAAG,KAAK,EAAEC,MAAM,EAAG;EACtD,QAASA,MAAM,CAACC,IAAI;IACnB,KAAK,wBAAwB;MAC5B,OAAOD,MAAM,CAACK,KAAK,GAAG,KAAK,GAAGN,KAAK;IACpC,KAAK,yBAAyB;MAC7B,OAAOC,MAAM,CAACG,MAAM;EACtB;EACA,OAAOJ,KAAK;AACb;AAAC,~~IAAAQ~~,QAAA,GAEc,IAAAC,qBAAe,EAAE;EAC/BJ,kBAAkB;EAClBE,aAAa;EACbR;AACD,CAAE,CAAC;~~AAAAW~~,OAAA,CAAAC,OAAA,GAAAH,QAAA"}
1	+ {"version":3,"names":["_data","require","widgetAreasOpenState","state","action","type","clientId","isOpen","blockInserterPanel","value","listViewPanel","listViewToggleRef","current","_default","combineReducers","exports","default"],"sources":["@wordpress/edit-widgets/src/store/reducer.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { combineReducers } from '@wordpress/data';\n\n/\n Controls the open state of the widget areas.\n \n @param {Object} state Redux state.\n * @param {Object} action Redux action.\n \n @return {Array} Updated state.\n /\nexport function widgetAreasOpenState( state = {}, action ) {\n\tconst { type } = action;\n\tswitch ( type ) {\n\t\tcase 'SET_WIDGET_AREAS_OPEN_STATE': {\n\t\t\treturn action.widgetAreasOpenState;\n\t\t}\n\t\tcase 'SET_IS_WIDGET_AREA_OPEN': {\n\t\t\tconst { clientId, isOpen } = action;\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\t[ clientId ]: isOpen,\n\t\t\t};\n\t\t}\n\t\tdefault: {\n\t\t\treturn state;\n\t\t}\n\t}\n}\n\n/\n Reducer to set the block inserter panel open or closed.\n \n Note: this reducer interacts with the list view panel reducer\n * to make sure that only one of the two panels is open at the same time.\n \n @param {Object} state Current state.\n * @param {Object} action Dispatched action.\n /\nexport function blockInserterPanel( state = false, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'SET_IS_LIST_VIEW_OPENED':\n\t\t\treturn action.isOpen ? false : state;\n\t\tcase 'SET_IS_INSERTER_OPENED':\n\t\t\treturn action.value;\n\t}\n\treturn state;\n}\n\n/\n Reducer to set the list view panel open or closed.\n \n Note: this reducer interacts with the inserter panel reducer\n * to make sure that only one of the two panels is open at the same time.\n \n @param {Object} state Current state.\n * @param {Object} action Dispatched action.\n /\nexport function listViewPanel( state = false, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'SET_IS_INSERTER_OPENED':\n\t\t\treturn action.value ? false : state;\n\t\tcase 'SET_IS_LIST_VIEW_OPENED':\n\t\t\treturn action.isOpen;\n\t}\n\treturn state;\n}\n\n/\n This reducer does nothing aside initializing a ref to the list view toggle.\n * We will have a unique ref per \"editor\" instance.\n \n @param {Object} state\n * @return {Object} Reference to the list view toggle button.\n */\nexport function listViewToggleRef( state = { current: null } ) {\n\treturn state;\n}\n\nexport default combineReducers( {\n\tblockInserterPanel,\n\tlistViewPanel,\n\twidgetAreasOpenState,\n} );\n"],"mappings":";;;;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,oBAAoBA,CAAEC,KAAK,GAAG,CAAC,CAAC,EAAEC,MAAM,EAAG;EAC1D,MAAM;IAAEC;EAAK,CAAC,GAAGD,MAAM;EACvB,QAASC,IAAI;IACZ,KAAK,6BAA6B;MAAE;QACnC,OAAOD,MAAM,CAACF,oBAAoB;MACnC;IACA,KAAK,yBAAyB;MAAE;QAC/B,MAAM;UAAEI,QAAQ;UAAEC;QAAO,CAAC,GAAGH,MAAM;QACnC,OAAO;UACN,GAAGD,KAAK;UACR,CAAEG,QAAQ,GAAIC;QACf,CAAC;MACF;IACA;MAAS;QACR,OAAOJ,KAAK;MACb;EACD;AACD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASK,kBAAkBA,CAAEL,KAAK,GAAG,KAAK,EAAEC,MAAM,EAAG;EAC3D,QAASA,MAAM,CAACC,IAAI;IACnB,KAAK,yBAAyB;MAC7B,OAAOD,MAAM,CAACG,MAAM,GAAG,KAAK,GAAGJ,KAAK;IACrC,KAAK,wBAAwB;MAC5B,OAAOC,MAAM,CAACK,KAAK;EACrB;EACA,OAAON,KAAK;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASO,aAAaA,CAAEP,KAAK,GAAG,KAAK,EAAEC,MAAM,EAAG;EACtD,QAASA,MAAM,CAACC,IAAI;IACnB,KAAK,wBAAwB;MAC5B,OAAOD,MAAM,CAACK,KAAK,GAAG,KAAK,GAAGN,KAAK;IACpC,KAAK,yBAAyB;MAC7B,OAAOC,MAAM,CAACG,MAAM;EACtB;EACA,OAAOJ,KAAK;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASQ,iBAAiBA,CAAER,KAAK,GAAG;EAAES,OAAO,EAAE;AAAK,CAAC,EAAG;EAC9D,OAAOT,KAAK;AACb;AAAC,IAAAU,QAAA,GAEc,IAAAC,qBAAe,EAAE;EAC/BN,kBAAkB;EAClBE,aAAa;EACbR;AACD,CAAE,CAAC;AAAAa,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

package/build-module/blocks/widget-area/index.js CHANGED Viewed

@@ -7,6 +7,7 @@ import { __ } from '@wordpress/i18n';
  * Internal dependencies
  */
 const metadata = {
+  $schema: "https://schemas.wp.org/trunk/block.json",
   name: "core/widget-area",
   category: "widgets",
   attributes: {

package/build-module/blocks/widget-area/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__","metadata","name","category","attributes","id","type","supports","html","inserter","customClassName","reusable","__experimentalToolbar","__experimentalParentSelector","__experimentalDisableBlockOverlay","editorStyle","style","edit","settings","title","description","__experimentalLabel","label"],"sources":["@wordpress/edit-widgets/src/blocks/widget-area/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ttitle: __( 'Widget Area' ),\n\tdescription: __( 'A widget area container.' ),\n\t__experimentalLabel: ( { name: label } ) => label,\n\tedit,\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AAFA,MAAAC,QAAA;EAAAC,IAAA;EAAAC,QAAA;EAAAC,UAAA;IAAAC,EAAA;MAAAC,IAAA;IAAA;IAAAJ,IAAA;MAAAI,IAAA;IAAA;EAAA;EAAAC,QAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC,eAAA;IAAAC,QAAA;IAAAC,qBAAA;IAAAC,4BAAA;IAAAC,iCAAA;EAAA;EAAAC,WAAA;EAAAC,KAAA;AAAA;AAIA,OAAOC,IAAI,MAAM,QAAQ;AAEzB,MAAM;EAAEf;AAAK,CAAC,~~GAAGD~~,QAAQ;AACzB,SAASA,QAAQ,~~EAAEC~~,IAAI;AAEvB,OAAO,MAAMgB,QAAQ,GAAG;EACvBC,KAAK,~~EAAEnB~~,EAAE,CAAE,aAAc,CAAC;~~EAC1BoB~~,WAAW,~~EAAEpB~~,EAAE,CAAE,0BAA2B,CAAC;~~EAC7CqB~~,mBAAmB,EAAEA,CAAE;IAAEnB,IAAI,EAAEoB;EAAM,CAAC,KAAMA,KAAK;EACjDL;AACD,CAAC"}
1	+ {"version":3,"names":["__","metadata","$schema","name","category","attributes","id","type","supports","html","inserter","customClassName","reusable","__experimentalToolbar","__experimentalParentSelector","__experimentalDisableBlockOverlay","editorStyle","style","edit","settings","title","description","__experimentalLabel","label"],"sources":["@wordpress/edit-widgets/src/blocks/widget-area/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ttitle: __( 'Widget Area' ),\n\tdescription: __( 'A widget area container.' ),\n\t__experimentalLabel: ( { name: label } ) => label,\n\tedit,\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AAFA,MAAAC,QAAA;EAAAC,OAAA;EAAAC,IAAA;EAAAC,QAAA;EAAAC,UAAA;IAAAC,EAAA;MAAAC,IAAA;IAAA;IAAAJ,IAAA;MAAAI,IAAA;IAAA;EAAA;EAAAC,QAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC,eAAA;IAAAC,QAAA;IAAAC,qBAAA;IAAAC,4BAAA;IAAAC,iCAAA;EAAA;EAAAC,WAAA;EAAAC,KAAA;AAAA;AAIA,OAAOC,IAAI,MAAM,QAAQ;AAEzB,MAAM;EAAEf;AAAK,CAAC,GAAGF,QAAQ;AACzB,SAASA,QAAQ,EAAEE,IAAI;AAEvB,OAAO,MAAMgB,QAAQ,GAAG;EACvBC,KAAK,EAAEpB,EAAE,CAAE,aAAc,CAAC;EAC1BqB,WAAW,EAAErB,EAAE,CAAE,0BAA2B,CAAC;EAC7CsB,mBAAmB,EAAEA,CAAE;IAAEnB,IAAI,EAAEoB;EAAM,CAAC,KAAMA,KAAK;EACjDL;AACD,CAAC"}

package/build-module/components/header/document-tools/index.js CHANGED Viewed

@@ -19,26 +19,27 @@ import useLastSelectedWidgetArea from '../../../hooks/use-last-selected-widget-a
 import { store as editWidgetsStore } from '../../../store';
 import { unlock } from '../../../lock-unlock';
 const {
-  useShouldContextualToolbarShow
+  useCanBlockToolbarBeFocused
 } = unlock(blockEditorPrivateApis);
-function DocumentTools({
-  setListViewToggleElement
-}) {
+function DocumentTools() {
   const isMediumViewport = useViewportMatch('medium');
   const inserterButton = useRef();
   const widgetAreaClientId = useLastSelectedWidgetArea();
   const isLastSelectedWidgetAreaOpen = useSelect(select => select(editWidgetsStore).getIsWidgetAreaOpen(widgetAreaClientId), [widgetAreaClientId]);
   const {
     isInserterOpen,
-    isListViewOpen
+    isListViewOpen,
+    listViewToggleRef
   } = useSelect(select => {
     const {
       isInserterOpened,
-      isListViewOpened
-    } = select(editWidgetsStore);
+      isListViewOpened,
+      getListViewToggleRef
+    } = unlock(select(editWidgetsStore));
     return {
       isInserterOpen: isInserterOpened(),
-      isListViewOpen: isListViewOpened()
+      isListViewOpen: isListViewOpened(),
+      listViewToggleRef: getListViewToggleRef()
     };
   }, []);
   const {
@@ -69,18 +70,14 @@ function DocumentTools({
     }
   };
   const toggleListView = useCallback(() => setIsListViewOpened(!isListViewOpen), [setIsListViewOpened, isListViewOpen]);
-  const {
-    shouldShowContextualToolbar,
-    canFocusHiddenToolbar,
-    fixedToolbarCanBeFocused
-  } = useShouldContextualToolbarShow();
   // If there's a block toolbar to be focused, disable the focus shortcut for the document toolbar.
-  // There's a fixed block toolbar when the fixed toolbar option is enabled or when the browser width is less than the large viewport.
-  const blockToolbarCanBeFocused = shouldShowContextualToolbar || canFocusHiddenToolbar || fixedToolbarCanBeFocused;
+  const blockToolbarCanBeFocused = useCanBlockToolbarBeFocused();
   return createElement(NavigableToolbar, {
     className: "edit-widgets-header-toolbar",
     "aria-label": __('Document tools'),
-    shouldUseKeyboardFocusShortcut: !blockToolbarCanBeFocused
+    shouldUseKeyboardFocusShortcut: !blockToolbarCanBeFocused,
+    variant: "unstyled"
   }, createElement(ToolbarItem, {
     ref: inserterButton,
     as: Button,
@@ -95,7 +92,11 @@ function DocumentTools({
     /* translators: button label text should, if possible, be under 16
     	characters. */,
     label: _x('Toggle block inserter', 'Generic label for block inserter button')
-  }), isMediumViewport && createElement(Fragment, null, createElement(UndoButton, null), createElement(RedoButton, null), createElement(ToolbarItem, {
+  }), isMediumViewport && createElement(Fragment, null, createElement(ToolbarItem, {
+    as: UndoButton
+  }), createElement(ToolbarItem, {
+    as: RedoButton
+  }), createElement(ToolbarItem, {
     as: Button,
     className: "edit-widgets-header-toolbar__list-view-toggle",
     icon: listView,
@@ -103,7 +104,7 @@ function DocumentTools({
     /* translators: button label text should, if possible, be under 16 characters. */,
     label: __('List View'),
     onClick: toggleListView,
-    ref: setListViewToggleElement
+    ref: listViewToggleRef
   })));
 }
 export default DocumentTools;

package/build-module/components/header/document-tools/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useSelect","useDispatch","__","_x","Button","ToolbarItem","NavigableToolbar","store","blockEditorStore","privateApis","blockEditorPrivateApis","listView","plus","useCallback","useRef","useViewportMatch","UndoButton","RedoButton","useLastSelectedWidgetArea","editWidgetsStore","unlock","~~useShouldContextualToolbarShow~~","DocumentTools","~~setListViewToggleElement","~~isMediumViewport","inserterButton","widgetAreaClientId","isLastSelectedWidgetAreaOpen","select","getIsWidgetAreaOpen","isInserterOpen","isListViewOpen","isInserterOpened","isListViewOpened","setIsWidgetAreaOpen","setIsInserterOpened","setIsListViewOpened","selectBlock","handleClick","window","requestAnimationFrame","toggleListView","~~shouldShowContextualToolbar","canFocusHiddenToolbar","fixedToolbarCanBeFocused","~~blockToolbarCanBeFocused","createElement","className","shouldUseKeyboardFocusShortcut","~~ref~~","as","~~variant~~","isPressed","onMouseDown","event","preventDefault","onClick","icon","label","Fragment"],"sources":["@wordpress/edit-widgets/src/components/header/document-tools/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport { Button, ToolbarItem } from '@wordpress/components';\nimport {\n\tNavigableToolbar,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { listView, plus } from '@wordpress/icons';\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport UndoButton from '../undo-redo/undo';\nimport RedoButton from '../undo-redo/redo';\nimport useLastSelectedWidgetArea from '../../../hooks/use-last-selected-widget-area';\nimport { store as editWidgetsStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\n\nconst { ~~useShouldContextualToolbarShow~~ } = unlock( blockEditorPrivateApis );\n\nfunction DocumentTools( ~~{ setListViewToggleElement }~~ ) {\n\tconst isMediumViewport = useViewportMatch( 'medium' );\n\tconst inserterButton = useRef();\n\tconst widgetAreaClientId = useLastSelectedWidgetArea();\n\tconst isLastSelectedWidgetAreaOpen = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editWidgetsStore ).getIsWidgetAreaOpen(\n\t\t\t\twidgetAreaClientId\n\t\t\t),\n\t\t[ widgetAreaClientId ]\n\t);\n\tconst { isInserterOpen, isListViewOpen } = useSelect( ( select ) => {\n\t\tconst { isInserterOpened, isListViewOpened } =\n\t\t\~~tselect~~( editWidgetsStore );\n\t\treturn {\n\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t};\n\t}, [] );\n\tconst { setIsWidgetAreaOpen, setIsInserterOpened, setIsListViewOpened } =\n\t\tuseDispatch( editWidgetsStore );\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\tconst handleClick = () => {\n\t\tif ( isInserterOpen ) {\n\t\t\t// Focusing the inserter button closes the inserter popover.\n\t\t\tsetIsInserterOpened( false );\n\t\t} else {\n\t\t\tif ( ! isLastSelectedWidgetAreaOpen ) {\n\t\t\t\t// Select the last selected block if hasn't already.\n\t\t\t\tselectBlock( widgetAreaClientId );\n\t\t\t\t// Open the last selected widget area when opening the inserter.\n\t\t\t\tsetIsWidgetAreaOpen( widgetAreaClientId, true );\n\t\t\t}\n\t\t\t// The DOM updates resulting from selectBlock() and setIsInserterOpened() calls are applied the\n\t\t\t// same tick and pretty much in a random order. The inserter is closed if any other part of the\n\t\t\t// app receives focus. If selectBlock() happens to take effect after setIsInserterOpened() then\n\t\t\t// the inserter is visible for a brief moment and then gets auto-closed due to focus moving to\n\t\t\t// the selected block.\n\t\t\twindow.requestAnimationFrame( () => setIsInserterOpened( true ) );\n\t\t}\n\t};\n\n\tconst toggleListView = useCallback(\n\t\t() => setIsListViewOpened( ! isListViewOpen ),\n\t\t[ setIsListViewOpened, isListViewOpen ]\n\t);\n\n\~~tconst {\n\~~t~~\tshouldShowContextualToolbar,\n\t\tcanFocusHiddenToolbar,\n\t\tfixedToolbarCanBeFocused,\n\t} = useShouldContextualToolbarShow();\n\t~~// If there's a block toolbar to be focused, disable the focus shortcut for the document toolbar.\n\~~t// There's a fixed block toolbar when the fixed toolbar option is enabled or when the browser width is less than the large viewport.\n\~~tconst blockToolbarCanBeFocused ~~=\n\t\tshouldShowContextualToolbar~~ ~~\|\|\n\t\tcanFocusHiddenToolbar \|\|\n\t\tfixedToolbarCanBeFocused~~;\n\n\treturn (\n\t\t<NavigableToolbar\n\t\t\tclassName=\"edit-widgets-header-toolbar\"\n\t\t\taria-label={ __( 'Document tools' ) }\n\t\t\tshouldUseKeyboardFocusShortcut={ ! blockToolbarCanBeFocused }\n\t\t>\n\t\t\t<ToolbarItem\n\t\t\t\tref={ inserterButton }\n\t\t\t\tas={ Button }\n\t\t\t\tclassName=\"edit-widgets-header-toolbar__inserter-toggle\"\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tisPressed={ isInserterOpen }\n\t\t\t\tonMouseDown={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t} }\n\t\t\t\tonClick={ handleClick }\n\t\t\t\ticon={ plus }\n\t\t\t\t/ translators: button label text should, if possible, be under 16\n\t\t\t\t\tcharacters. /\n\t\t\t\tlabel={ _x(\n\t\t\t\t\t'Toggle block inserter',\n\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t{ isMediumViewport && (\n\t\t\t\t<>\n\t\t\t\t\t<UndoButton />\n\t\t\t\t\t<RedoButton />\n\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\tclassName=\"edit-widgets-header-toolbar__list-view-toggle\"\n\t\t\t\t\t\ticon={ listView }\n\t\t\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t\t\t/ translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\tlabel={ __( 'List View' ) }\n\t\t\t\t\t\tonClick={ toggleListView }\n\t\t\t\t\t\tref={ ~~setListViewToggleElement~~ }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</NavigableToolbar>\n\t);\n}\n\nexport default DocumentTools;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,EAAE,EAAEC,EAAE,QAAQ,iBAAiB;AACxC,SAASC,MAAM,EAAEC,WAAW,QAAQ,uBAAuB;AAC3D,SACCC,gBAAgB,EAChBC,KAAK,IAAIC,gBAAgB,EACzBC,WAAW,IAAIC,sBAAsB,QAC/B,yBAAyB;AAChC,SAASC,QAAQ,EAAEC,IAAI,QAAQ,kBAAkB;AACjD,SAASC,WAAW,EAAEC,MAAM,QAAQ,oBAAoB;AACxD,SAASC,gBAAgB,QAAQ,oBAAoB;;AAErD;AACA;AACA;AACA,OAAOC,UAAU,MAAM,mBAAmB;AAC1C,OAAOC,UAAU,MAAM,mBAAmB;AAC1C,OAAOC,yBAAyB,MAAM,8CAA8C;AACpF,SAASX,KAAK,IAAIY,gBAAgB,QAAQ,gBAAgB;AAC1D,SAASC,MAAM,QAAQ,sBAAsB;AAE7C,MAAM;EAAEC;~~AAA+B~~,CAAC,GAAGD,MAAM,CAAEV,sBAAuB,CAAC;~~AAE3E~~,SAASY,aAAaA,~~CAAE;EAAEC;AAAyB~~,~~CAAC,~~EAAG;~~EACtD~~,MAAMC,gBAAgB,~~GAAGT~~,gBAAgB,CAAE,QAAS,CAAC;EACrD,~~MAAMU~~,cAAc,~~GAAGX~~,MAAM,CAAC,CAAC;EAC/B,~~MAAMY~~,kBAAkB,~~GAAGR~~,yBAAyB,CAAC,CAAC;EACtD,~~MAAMS~~,4BAA4B,~~GAAG3B~~,SAAS,~~CAC3C4B~~,MAAM,IACPA,MAAM,~~CAAET~~,gBAAiB,CAAC,~~CAACU~~,mBAAmB,CAC7CH,kBACD,CAAC,EACF,CAAEA,kBAAkB,CACrB,CAAC;EACD,MAAM;IAAEI,cAAc;IAAEC;~~EAAe~~,CAAC,GAAG/B,SAAS,~~CAAI4B~~,MAAM,IAAM;~~IACnE~~,MAAM;~~MAAEI~~,gBAAgB;MAAEC;~~IAAiB~~,CAAC,~~GAC3CL~~,MAAM,~~CAAET~~,gBAAiB,CAAC;~~IAC3B~~,OAAO;~~MACNW~~,cAAc,~~EAAEE~~,gBAAgB,CAAC,CAAC;~~MAClCD~~,cAAc,~~EAAEE~~,gBAAgB,CAAC;~~IAClC~~,CAAC;EACF,CAAC,~~EAAE~~,~~EAAG~~,CAAC;~~EACP~~,MAAM;IAAEC,mBAAmB;IAAEC,mBAAmB;IAAEC;EAAoB,CAAC,~~GACtEnC~~,WAAW,CAAEkB,gBAAiB,CAAC;EAChC,MAAM;~~IAAEkB~~;EAAY,CAAC,~~GAAGpC~~,WAAW,CAAEO,gBAAiB,CAAC;EACvD,~~MAAM8B~~,WAAW,GAAGA,CAAA,KAAM;IACzB,~~IAAKR~~,cAAc,EAAG;MACrB;~~MACAK~~,mBAAmB,CAAE,KAAM,CAAC;IAC7B,CAAC,MAAM;MACN,IAAK,~~CAAER~~,4BAA4B,EAAG;QACrC;~~QACAU~~,WAAW,~~CAAEX~~,kBAAmB,CAAC;QACjC;~~QACAQ~~,mBAAmB,~~CAAER~~,kBAAkB,EAAE,IAAK,CAAC;MAChD;MACA;MACA;MACA;MACA;MACA;~~MACAa~~,MAAM,CAACC,qBAAqB,CAAE,MAAML,mBAAmB,CAAE,IAAK,CAAE,CAAC;IAClE;EACD,CAAC;EAED,MAAMM,cAAc,~~GAAG5B~~,WAAW,CACjC,~~MAAMuB~~,mBAAmB,CAAE,~~CAAEL~~,cAAe,CAAC,EAC7C,~~CAAEK~~,mBAAmB,~~EAAEL~~,cAAc,CACtC,CAAC;EAED~~,MAAM~~;~~IACLW,2BAA2B;IAC3BC,qBAAqB;IACrBC;EACD,CAAC,GAAGvB,8BAA8B,CAAC,CAAC;EACpC;~~EACA~~;EACA~~,~~MAAMwB~~,wBAAwB,~~GAC7BH~~,2BAA2B,~~IAC3BC~~,~~qBAAqB,IACrBC,wBAAwB~~;~~EAEzB~~,~~OACCE~~,aAAA,~~CAACxC~~,gBAAgB;~~IAChByC~~,SAAS,EAAC,6BAA6B;IACvC,~~cAAa7C~~,EAAE,CAAE,gBAAiB,CAAG;~~IACrC8C~~,8BAA8B,EAAG,CAAEH;~~EAA0B~~,~~GAE7DC~~,aAAA,~~CAACzC~~,WAAW;~~IACX4C~~,GAAG,EAAGxB,cAAgB;IACtByB,EAAE,~~EAAG9C~~,MAAQ;~~IACb2C~~,SAAS,EAAC,8CAA8C;~~IACxDI~~,OAAO,EAAC,SAAS;~~IACjBC~~,SAAS,~~EAAGtB~~,cAAgB;~~IAC5BuB~~,WAAW,EAAKC,KAAK,IAAM;MAC1BA,KAAK,CAACC,cAAc,CAAC,CAAC;IACvB,CAAG;IACHC,OAAO,~~EAAGlB~~,WAAa;~~IACvBmB~~,IAAI,~~EAAG7C~~;IACP;AACJ,mBADI;~~IAEA8C~~,KAAK,~~EAAGvD~~,EAAE,CACT,uBAAuB,EACvB,yCACD;EAAG,CACH,CAAC,~~EACAqB~~,gBAAgB,~~IACjBsB~~,aAAA,CAAAa,QAAA,QACCb,aAAA,~~CAAC9B~~,~~UAAU~~,~~MAAE~~,CAAC,~~EACd8B~~,aAAA,~~CAAC7B~~,~~UAAU~~,~~MAAE~~,CAAC,~~EACd6B~~,aAAA,~~CAACzC~~,WAAW;~~IACX6C~~,EAAE,~~EAAG9C~~,MAAQ;~~IACb2C~~,SAAS,EAAC,+CAA+C;IACzDU,IAAI,~~EAAG9C~~,QAAU;~~IACjByC~~,SAAS,~~EAAGrB~~;IACZ;~~IACA2B~~,KAAK,~~EAAGxD~~,EAAE,CAAE,WAAY,CAAG;~~IAC3BsD~~,OAAO,~~EAAGf~~,cAAgB;~~IAC1BQ~~,GAAG,~~EAAG1B~~;~~EAA0B~~,~~CAChC~~,CACA,CAEc,CAAC;AAErB;AAEA,~~eAAeD~~,aAAa"}
1	+ {"version":3,"names":["useSelect","useDispatch","__","_x","Button","ToolbarItem","NavigableToolbar","store","blockEditorStore","privateApis","blockEditorPrivateApis","listView","plus","useCallback","useRef","useViewportMatch","UndoButton","RedoButton","useLastSelectedWidgetArea","editWidgetsStore","unlock","useCanBlockToolbarBeFocused","DocumentTools","isMediumViewport","inserterButton","widgetAreaClientId","isLastSelectedWidgetAreaOpen","select","getIsWidgetAreaOpen","isInserterOpen","isListViewOpen","listViewToggleRef","isInserterOpened","isListViewOpened","getListViewToggleRef","setIsWidgetAreaOpen","setIsInserterOpened","setIsListViewOpened","selectBlock","handleClick","window","requestAnimationFrame","toggleListView","blockToolbarCanBeFocused","createElement","className","shouldUseKeyboardFocusShortcut","variant","ref","as","isPressed","onMouseDown","event","preventDefault","onClick","icon","label","Fragment"],"sources":["@wordpress/edit-widgets/src/components/header/document-tools/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport { Button, ToolbarItem } from '@wordpress/components';\nimport {\n\tNavigableToolbar,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { listView, plus } from '@wordpress/icons';\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport UndoButton from '../undo-redo/undo';\nimport RedoButton from '../undo-redo/redo';\nimport useLastSelectedWidgetArea from '../../../hooks/use-last-selected-widget-area';\nimport { store as editWidgetsStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\n\nconst { useCanBlockToolbarBeFocused } = unlock( blockEditorPrivateApis );\n\nfunction DocumentTools() {\n\tconst isMediumViewport = useViewportMatch( 'medium' );\n\tconst inserterButton = useRef();\n\tconst widgetAreaClientId = useLastSelectedWidgetArea();\n\tconst isLastSelectedWidgetAreaOpen = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editWidgetsStore ).getIsWidgetAreaOpen(\n\t\t\t\twidgetAreaClientId\n\t\t\t),\n\t\t[ widgetAreaClientId ]\n\t);\n\tconst { isInserterOpen, isListViewOpen, listViewToggleRef } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { isInserterOpened, isListViewOpened, getListViewToggleRef } =\n\t\t\t\tunlock( select( editWidgetsStore ) );\n\t\t\treturn {\n\t\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\t\tlistViewToggleRef: getListViewToggleRef(),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { setIsWidgetAreaOpen, setIsInserterOpened, setIsListViewOpened } =\n\t\tuseDispatch( editWidgetsStore );\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\tconst handleClick = () => {\n\t\tif ( isInserterOpen ) {\n\t\t\t// Focusing the inserter button closes the inserter popover.\n\t\t\tsetIsInserterOpened( false );\n\t\t} else {\n\t\t\tif ( ! isLastSelectedWidgetAreaOpen ) {\n\t\t\t\t// Select the last selected block if hasn't already.\n\t\t\t\tselectBlock( widgetAreaClientId );\n\t\t\t\t// Open the last selected widget area when opening the inserter.\n\t\t\t\tsetIsWidgetAreaOpen( widgetAreaClientId, true );\n\t\t\t}\n\t\t\t// The DOM updates resulting from selectBlock() and setIsInserterOpened() calls are applied the\n\t\t\t// same tick and pretty much in a random order. The inserter is closed if any other part of the\n\t\t\t// app receives focus. If selectBlock() happens to take effect after setIsInserterOpened() then\n\t\t\t// the inserter is visible for a brief moment and then gets auto-closed due to focus moving to\n\t\t\t// the selected block.\n\t\t\twindow.requestAnimationFrame( () => setIsInserterOpened( true ) );\n\t\t}\n\t};\n\n\tconst toggleListView = useCallback(\n\t\t() => setIsListViewOpened( ! isListViewOpen ),\n\t\t[ setIsListViewOpened, isListViewOpen ]\n\t);\n\n\t// If there's a block toolbar to be focused, disable the focus shortcut for the document toolbar.\n\tconst blockToolbarCanBeFocused = useCanBlockToolbarBeFocused();\n\n\treturn (\n\t\t<NavigableToolbar\n\t\t\tclassName=\"edit-widgets-header-toolbar\"\n\t\t\taria-label={ __( 'Document tools' ) }\n\t\t\tshouldUseKeyboardFocusShortcut={ ! blockToolbarCanBeFocused }\n\t\t\tvariant=\"unstyled\"\n\t\t>\n\t\t\t<ToolbarItem\n\t\t\t\tref={ inserterButton }\n\t\t\t\tas={ Button }\n\t\t\t\tclassName=\"edit-widgets-header-toolbar__inserter-toggle\"\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tisPressed={ isInserterOpen }\n\t\t\t\tonMouseDown={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t} }\n\t\t\t\tonClick={ handleClick }\n\t\t\t\ticon={ plus }\n\t\t\t\t/ translators: button label text should, if possible, be under 16\n\t\t\t\t\tcharacters. /\n\t\t\t\tlabel={ _x(\n\t\t\t\t\t'Toggle block inserter',\n\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t{ isMediumViewport && (\n\t\t\t\t<>\n\t\t\t\t\t<ToolbarItem as={ UndoButton } />\n\t\t\t\t\t<ToolbarItem as={ RedoButton } />\n\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\tclassName=\"edit-widgets-header-toolbar__list-view-toggle\"\n\t\t\t\t\t\ticon={ listView }\n\t\t\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t\t\t/ translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\tlabel={ __( 'List View' ) }\n\t\t\t\t\t\tonClick={ toggleListView }\n\t\t\t\t\t\tref={ listViewToggleRef }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</NavigableToolbar>\n\t);\n}\n\nexport default DocumentTools;\n"],"mappings":"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"}

package/build-module/components/header/index.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
+import { BlockToolbar } from '@wordpress/block-editor';
 import { useSelect } from '@wordpress/data';
 import { useRef } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
@@ -17,13 +17,7 @@ import { store as preferencesStore } from '@wordpress/preferences';
 import DocumentTools from './document-tools';
 import SaveButton from '../save-button';
 import MoreMenu from '../more-menu';
-import { unlock } from '../../lock-unlock';
-const {
-  BlockContextualToolbar
-} = unlock(blockEditorPrivateApis);
-function Header({
-  setListViewToggleElement
-}) {
+function Header() {
   const isLargeViewport = useViewportMatch('medium');
   const blockToolbarRef = useRef();
   const {
@@ -40,12 +34,10 @@ function Header({
   }, __('Widgets')), !isLargeViewport && createElement(VisuallyHidden, {
     as: "h1",
     className: "edit-widgets-header__title"
-  }, __('Widgets')), createElement(DocumentTools, {
-    setListViewToggleElement: setListViewToggleElement
-  }), hasFixedToolbar && isLargeViewport && createElement(Fragment, null, createElement("div", {
+  }, __('Widgets')), createElement(DocumentTools, null), hasFixedToolbar && isLargeViewport && createElement(Fragment, null, createElement("div", {
     className: "selected-block-tools-wrapper"
-  }, createElement(BlockContextualToolbar, {
-    isFixed: true
+  }, createElement(BlockToolbar, {
+    hideDragHandle: true
   })), createElement(Popover.Slot, {
     ref: blockToolbarRef,
     name: "block-toolbar"

package/build-module/components/header/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~privateApis~~","~~blockEditorPrivateApis","~~useSelect","useRef","__","Popover","VisuallyHidden","PinnedItems","useViewportMatch","store","preferencesStore","DocumentTools","SaveButton","MoreMenu","~~unlock","BlockContextualToolbar","~~Header","~~setListViewToggleElement","~~isLargeViewport","blockToolbarRef","hasFixedToolbar","select","get","createElement","Fragment","className","as","~~isFixed~~","Slot","ref","name","scope"],"sources":["@wordpress/edit-widgets/src/components/header/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { ~~privateApis~~ ~~as blockEditorPrivateApis~~ } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Popover, VisuallyHidden } from '@wordpress/components';\nimport { PinnedItems } from '@wordpress/interface';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n */\nimport DocumentTools from './document-tools';\nimport SaveButton from '../save-button';\nimport MoreMenu from '../more-menu';\~~nimport { unlock } from '../../lock-unlock';\~~n\~~nconst { BlockContextualToolbar } = unlock( blockEditorPrivateApis );\n\~~nfunction Header( ~~{ setListViewToggleElement }~~ ) {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst blockToolbarRef = useRef();\n\tconst { hasFixedToolbar } = useSelect(\n\t\t( select ) => ( {\n\t\t\thasFixedToolbar: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t} ),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"edit-widgets-header\">\n\t\t\t\t<div className=\"edit-widgets-header__navigable-toolbar-wrapper\">\n\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t<h1 className=\"edit-widgets-header__title\">\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</h1>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isLargeViewport && (\n\t\t\t\t\t\t<VisuallyHidden\n\t\t\t\t\t\t\tas=\"h1\"\n\t\t\t\t\t\t\tclassName=\"edit-widgets-header__title\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t) }\n\t\t\t\t\t<DocumentTools~~\n\t\t\t\t\t\tsetListViewToggleElement={~~ ~~setListViewToggleElement }\n\t\t\t\t\t~~/>\n\t\t\t\t\t{ hasFixedToolbar && isLargeViewport && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"selected-block-tools-wrapper\">\n\t\t\t\t\t\t\t\t<~~BlockContextualToolbar~~ ~~isFixed~~ />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Popover.Slot\n\t\t\t\t\t\t\t\tref={ blockToolbarRef }\n\t\t\t\t\t\t\t\tname=\"block-toolbar\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t\t<div className=\"edit-widgets-header__actions\">\n\t\t\t\t\t<SaveButton />\n\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-widgets\" />\n\t\t\t\t\t<MoreMenu />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Header;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,~~WAAW~~,~~IAAIC,sBAAsB,~~QAAQ,yBAAyB;~~AAC/E~~,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,OAAO,EAAEC,cAAc,QAAQ,uBAAuB;AAC/D,SAASC,WAAW,QAAQ,sBAAsB;AAClD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;;AAElE;AACA;AACA;AACA,OAAOC,aAAa,MAAM,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,gBAAgB;AACvC,OAAOC,QAAQ,MAAM,cAAc;~~AACnC~~,SAASC,~~MAAM,QAAQ,mBAAmB;AAE1C,MAAM;EAAEC;AAAuB,CAAC,GAAGD,MAAM,CAAEb,sBAAuB,CAAC;AAEnE,SAASe,~~MAAMA,~~CAAE;EAAEC;AAAyB~~,~~CAAC,~~EAAG;~~EAC/C~~,MAAMC,eAAe,~~GAAGV~~,gBAAgB,CAAE,QAAS,CAAC;EACpD,~~MAAMW~~,eAAe,~~GAAGhB~~,MAAM,CAAC,CAAC;EAChC,MAAM;~~IAAEiB~~;EAAgB,CAAC,~~GAAGlB~~,SAAS,~~CAClCmB~~,MAAM,KAAQ;IACfD,eAAe,EAAE,CAAC,CAAEC,MAAM,~~CAAEX~~,gBAAiB,CAAC,~~CAACY~~,GAAG,CACjD,mBAAmB,EACnB,cACD;EACD,CAAC,CAAE,EACH,EACD,CAAC;EAED,OACCC,aAAA,CAAAC,QAAA,QACCD,aAAA;IAAKE,SAAS,EAAC;EAAqB,GACnCF,aAAA;IAAKE,SAAS,EAAC;EAAgD,GAC5DP,eAAe,IAChBK,aAAA;IAAIE,SAAS,EAAC;EAA4B,~~GACvCrB~~,EAAE,CAAE,SAAU,CACb,CACJ,EACC,~~CAAEc~~,eAAe,IAClBK,aAAA,~~CAACjB~~,cAAc;~~IACdoB~~,EAAE,EAAC,IAAI;IACPD,SAAS,EAAC;EAA4B,~~GAEpCrB~~,EAAE,CAAE,SAAU,CACD,CAChB,~~EACDmB~~,aAAA,~~CAACZ~~,aAAa~~;IACbM~~,~~wBAAwB~~,~~EAAGA;EAA0B,CACrD,~~CAAC,~~EACAG~~,eAAe,IAAIF,eAAe,IACnCK,aAAA,CAAAC,QAAA,QACCD,aAAA;IAAKE,SAAS,EAAC;EAA8B,GAC5CF,aAAA,~~CAACR~~,~~sBAAsB~~;~~IAACY~~,~~OAAO~~;EAAA,CAAE,~~CAC7B~~,CAAC,EACNJ,aAAA,~~CAAClB~~,OAAO,~~CAACuB~~,IAAI;IACZC,GAAG,EAAGV,eAAiB;IACvBW,IAAI,EAAC;EAAe,CACpB,CACA,CAEC,CAAC,EACNP,aAAA;IAAKE,SAAS,EAAC;EAA8B,GAC5CF,aAAA,~~CAACX~~,UAAU,MAAE,CAAC,~~EACdW~~,aAAA,~~CAAChB~~,WAAW,~~CAACqB~~,IAAI;IAACG,KAAK,EAAC;EAAmB,CAAE,CAAC,EAC9CR,aAAA,~~CAACV~~,QAAQ,MAAE,CACP,CACD,CACJ,CAAC;AAEL;AAEA,~~eAAeG~~,MAAM"}
1	+ {"version":3,"names":["BlockToolbar","useSelect","useRef","__","Popover","VisuallyHidden","PinnedItems","useViewportMatch","store","preferencesStore","DocumentTools","SaveButton","MoreMenu","Header","isLargeViewport","blockToolbarRef","hasFixedToolbar","select","get","createElement","Fragment","className","as","hideDragHandle","Slot","ref","name","scope"],"sources":["@wordpress/edit-widgets/src/components/header/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { BlockToolbar } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Popover, VisuallyHidden } from '@wordpress/components';\nimport { PinnedItems } from '@wordpress/interface';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n */\nimport DocumentTools from './document-tools';\nimport SaveButton from '../save-button';\nimport MoreMenu from '../more-menu';\n\nfunction Header() {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst blockToolbarRef = useRef();\n\tconst { hasFixedToolbar } = useSelect(\n\t\t( select ) => ( {\n\t\t\thasFixedToolbar: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t} ),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"edit-widgets-header\">\n\t\t\t\t<div className=\"edit-widgets-header__navigable-toolbar-wrapper\">\n\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t<h1 className=\"edit-widgets-header__title\">\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</h1>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isLargeViewport && (\n\t\t\t\t\t\t<VisuallyHidden\n\t\t\t\t\t\t\tas=\"h1\"\n\t\t\t\t\t\t\tclassName=\"edit-widgets-header__title\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t) }\n\t\t\t\t\t<DocumentTools />\n\t\t\t\t\t{ hasFixedToolbar && isLargeViewport && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"selected-block-tools-wrapper\">\n\t\t\t\t\t\t\t\t<BlockToolbar hideDragHandle />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Popover.Slot\n\t\t\t\t\t\t\t\tref={ blockToolbarRef }\n\t\t\t\t\t\t\t\tname=\"block-toolbar\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t\t<div className=\"edit-widgets-header__actions\">\n\t\t\t\t\t<SaveButton />\n\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-widgets\" />\n\t\t\t\t\t<MoreMenu />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Header;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,yBAAyB;AACtD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,OAAO,EAAEC,cAAc,QAAQ,uBAAuB;AAC/D,SAASC,WAAW,QAAQ,sBAAsB;AAClD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;;AAElE;AACA;AACA;AACA,OAAOC,aAAa,MAAM,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,gBAAgB;AACvC,OAAOC,QAAQ,MAAM,cAAc;AAEnC,SAASC,MAAMA,CAAA,EAAG;EACjB,MAAMC,eAAe,GAAGP,gBAAgB,CAAE,QAAS,CAAC;EACpD,MAAMQ,eAAe,GAAGb,MAAM,CAAC,CAAC;EAChC,MAAM;IAAEc;EAAgB,CAAC,GAAGf,SAAS,CAClCgB,MAAM,KAAQ;IACfD,eAAe,EAAE,CAAC,CAAEC,MAAM,CAAER,gBAAiB,CAAC,CAACS,GAAG,CACjD,mBAAmB,EACnB,cACD;EACD,CAAC,CAAE,EACH,EACD,CAAC;EAED,OACCC,aAAA,CAAAC,QAAA,QACCD,aAAA;IAAKE,SAAS,EAAC;EAAqB,GACnCF,aAAA;IAAKE,SAAS,EAAC;EAAgD,GAC5DP,eAAe,IAChBK,aAAA;IAAIE,SAAS,EAAC;EAA4B,GACvClB,EAAE,CAAE,SAAU,CACb,CACJ,EACC,CAAEW,eAAe,IAClBK,aAAA,CAACd,cAAc;IACdiB,EAAE,EAAC,IAAI;IACPD,SAAS,EAAC;EAA4B,GAEpClB,EAAE,CAAE,SAAU,CACD,CAChB,EACDgB,aAAA,CAACT,aAAa,MAAE,CAAC,EACfM,eAAe,IAAIF,eAAe,IACnCK,aAAA,CAAAC,QAAA,QACCD,aAAA;IAAKE,SAAS,EAAC;EAA8B,GAC5CF,aAAA,CAACnB,YAAY;IAACuB,cAAc;EAAA,CAAE,CAC1B,CAAC,EACNJ,aAAA,CAACf,OAAO,CAACoB,IAAI;IACZC,GAAG,EAAGV,eAAiB;IACvBW,IAAI,EAAC;EAAe,CACpB,CACA,CAEC,CAAC,EACNP,aAAA;IAAKE,SAAS,EAAC;EAA8B,GAC5CF,aAAA,CAACR,UAAU,MAAE,CAAC,EACdQ,aAAA,CAACb,WAAW,CAACkB,IAAI;IAACG,KAAK,EAAC;EAAmB,CAAE,CAAC,EAC9CR,aAAA,CAACP,QAAQ,MAAE,CACP,CACD,CACJ,CAAC;AAEL;AAEA,eAAeC,MAAM"}

package/build-module/components/header/undo-redo/redo.js CHANGED Viewed

@@ -3,18 +3,21 @@ import { createElement } from "react";
  * WordPress dependencies
  */
 import { __, isRTL } from '@wordpress/i18n';
-import { ToolbarButton } from '@wordpress/components';
+import { Button } from '@wordpress/components';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { redo as redoIcon, undo as undoIcon } from '@wordpress/icons';
 import { displayShortcut, isAppleOS } from '@wordpress/keycodes';
 import { store as coreStore } from '@wordpress/core-data';
-export default function RedoButton() {
+import { forwardRef } from '@wordpress/element';
+function RedoButton(props, ref) {
   const shortcut = isAppleOS() ? displayShortcut.primaryShift('z') : displayShortcut.primary('y');
   const hasRedo = useSelect(select => select(coreStore).hasRedo(), []);
   const {
     redo
   } = useDispatch(coreStore);
-  return createElement(ToolbarButton, {
+  return createElement(Button, {
+    ...props,
+    ref: ref,
     icon: !isRTL() ? redoIcon : undoIcon,
     label: __('Redo'),
     shortcut: shortcut
@@ -26,4 +29,5 @@ export default function RedoButton() {
     onClick: hasRedo ? redo : undefined
   });
 }
+export default forwardRef(RedoButton);
 //# sourceMappingURL=redo.js.map

package/build-module/components/header/undo-redo/redo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__","isRTL","~~ToolbarButton~~","useSelect","useDispatch","redo","redoIcon","undo","undoIcon","displayShortcut","isAppleOS","store","coreStore","RedoButton","shortcut","primaryShift","primary","hasRedo","select","createElement","icon","label","onClick","undefined"],"sources":["@wordpress/edit-widgets/src/components/header/undo-redo/redo.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { ~~ToolbarButton~~ } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { redo as redoIcon, undo as undoIcon } from '@wordpress/icons';\nimport { displayShortcut, isAppleOS } from '@wordpress/keycodes';\nimport { store as coreStore } from '@wordpress/core-data';\n\~~nexport~~ ~~default~~ ~~function~~ ~~RedoButton(~~) {\n\tconst shortcut = isAppleOS()\n\t\t? displayShortcut.primaryShift( 'z' )\n\t\t: displayShortcut.primary( 'y' );\n\n\tconst hasRedo = useSelect(\n\t\t( select ) => select( coreStore ).hasRedo(),\n\t\t[]\n\t);\n\tconst { redo } = useDispatch( coreStore );\n\treturn (\n\t\t<~~ToolbarButton~~\n\t\t\ticon={ ! isRTL() ? redoIcon : undoIcon }\n\t\t\tlabel={ __( 'Redo' ) }\n\t\t\tshortcut={ shortcut }\n\t\t\t// If there are no undo levels we don't want to actually disable this\n\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\taria-disabled={ ! hasRedo }\n\t\t\tonClick={ hasRedo ? redo : undefined }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,KAAK,QAAQ,iBAAiB;AAC3C,SAASC,~~aAAa~~,QAAQ,uBAAuB;~~AACrD~~,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,IAAI,IAAIC,QAAQ,EAAEC,IAAI,IAAIC,QAAQ,QAAQ,kBAAkB;AACrE,SAASC,eAAe,EAAEC,SAAS,QAAQ,qBAAqB;AAChE,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;~~AAEzD~~,~~eAAe~~,SAASC,UAAUA,~~CAAA~~,EAAG;~~EACpC~~,MAAMC,QAAQ,~~GAAGJ~~,SAAS,CAAC,CAAC,GACzBD,eAAe,~~CAACM~~,YAAY,CAAE,GAAI,CAAC,~~GACnCN~~,eAAe,~~CAACO~~,OAAO,CAAE,GAAI,CAAC;EAEjC,MAAMC,OAAO,~~GAAGd~~,SAAS,~~CACtBe~~,MAAM,IAAMA,MAAM,~~CAAEN~~,SAAU,CAAC,~~CAACK~~,OAAO,CAAC,CAAC,EAC3C,EACD,CAAC;EACD,MAAM;~~IAAEZ~~;EAAK,CAAC,GAAGD,WAAW,CAAEQ,SAAU,CAAC;EACzC,~~OACCO~~,aAAA,~~CAACjB~~,~~aAAa~~;~~IACbkB~~,IAAI,EAAG,~~CAAEnB~~,KAAK,CAAC,CAAC,GAAGK,QAAQ,GAAGE,QAAU;~~IACxCa~~,KAAK,~~EAAGrB~~,EAAE,CAAE,MAAO,CAAG;~~IACtBc~~,QAAQ,EAAGA;IACX;IACA;IACA;IAAA;IACA,iBAAgB,CAAEG,OAAS;IAC3BK,OAAO,EAAGL,OAAO,~~GAAGZ~~,IAAI,~~GAAGkB~~;EAAW,CACtC,CAAC;AAEJ"}
1	+ {"version":3,"names":["__","isRTL","Button","useSelect","useDispatch","redo","redoIcon","undo","undoIcon","displayShortcut","isAppleOS","store","coreStore","forwardRef","RedoButton","props","ref","shortcut","primaryShift","primary","hasRedo","select","createElement","icon","label","onClick","undefined"],"sources":["@wordpress/edit-widgets/src/components/header/undo-redo/redo.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { redo as redoIcon, undo as undoIcon } from '@wordpress/icons';\nimport { displayShortcut, isAppleOS } from '@wordpress/keycodes';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { forwardRef } from '@wordpress/element';\n\nfunction RedoButton( props, ref ) {\n\tconst shortcut = isAppleOS()\n\t\t? displayShortcut.primaryShift( 'z' )\n\t\t: displayShortcut.primary( 'y' );\n\n\tconst hasRedo = useSelect(\n\t\t( select ) => select( coreStore ).hasRedo(),\n\t\t[]\n\t);\n\tconst { redo } = useDispatch( coreStore );\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t\ticon={ ! isRTL() ? redoIcon : undoIcon }\n\t\t\tlabel={ __( 'Redo' ) }\n\t\t\tshortcut={ shortcut }\n\t\t\t// If there are no undo levels we don't want to actually disable this\n\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\taria-disabled={ ! hasRedo }\n\t\t\tonClick={ hasRedo ? redo : undefined }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( RedoButton );\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,KAAK,QAAQ,iBAAiB;AAC3C,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,IAAI,IAAIC,QAAQ,EAAEC,IAAI,IAAIC,QAAQ,QAAQ,kBAAkB;AACrE,SAASC,eAAe,EAAEC,SAAS,QAAQ,qBAAqB;AAChE,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,SAASC,UAAUA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACjC,MAAMC,QAAQ,GAAGP,SAAS,CAAC,CAAC,GACzBD,eAAe,CAACS,YAAY,CAAE,GAAI,CAAC,GACnCT,eAAe,CAACU,OAAO,CAAE,GAAI,CAAC;EAEjC,MAAMC,OAAO,GAAGjB,SAAS,CACtBkB,MAAM,IAAMA,MAAM,CAAET,SAAU,CAAC,CAACQ,OAAO,CAAC,CAAC,EAC3C,EACD,CAAC;EACD,MAAM;IAAEf;EAAK,CAAC,GAAGD,WAAW,CAAEQ,SAAU,CAAC;EACzC,OACCU,aAAA,CAACpB,MAAM;IAAA,GACDa,KAAK;IACVC,GAAG,EAAGA,GAAK;IACXO,IAAI,EAAG,CAAEtB,KAAK,CAAC,CAAC,GAAGK,QAAQ,GAAGE,QAAU;IACxCgB,KAAK,EAAGxB,EAAE,CAAE,MAAO,CAAG;IACtBiB,QAAQ,EAAGA;IACX;IACA;IACA;IAAA;IACA,iBAAgB,CAAEG,OAAS;IAC3BK,OAAO,EAAGL,OAAO,GAAGf,IAAI,GAAGqB;EAAW,CACtC,CAAC;AAEJ;AAEA,eAAeb,UAAU,CAAEC,UAAW,CAAC"}

package/build-module/components/header/undo-redo/undo.js CHANGED Viewed

@@ -3,17 +3,20 @@ import { createElement } from "react";
  * WordPress dependencies
  */
 import { __, isRTL } from '@wordpress/i18n';
-import { ToolbarButton } from '@wordpress/components';
+import { Button } from '@wordpress/components';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { undo as undoIcon, redo as redoIcon } from '@wordpress/icons';
 import { displayShortcut } from '@wordpress/keycodes';
 import { store as coreStore } from '@wordpress/core-data';
-export default function UndoButton() {
+import { forwardRef } from '@wordpress/element';
+function UndoButton(props, ref) {
   const hasUndo = useSelect(select => select(coreStore).hasUndo(), []);
   const {
     undo
   } = useDispatch(coreStore);
-  return createElement(ToolbarButton, {
+  return createElement(Button, {
+    ...props,
+    ref: ref,
     icon: !isRTL() ? undoIcon : redoIcon,
     label: __('Undo'),
     shortcut: displayShortcut.primary('z')
@@ -25,4 +28,5 @@ export default function UndoButton() {
     onClick: hasUndo ? undo : undefined
   });
 }
+export default forwardRef(UndoButton);
 //# sourceMappingURL=undo.js.map

package/build-module/components/header/undo-redo/undo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__","isRTL","~~ToolbarButton~~","useSelect","useDispatch","undo","undoIcon","redo","redoIcon","displayShortcut","store","coreStore","UndoButton","hasUndo","select","createElement","icon","label","shortcut","primary","onClick","undefined"],"sources":["@wordpress/edit-widgets/src/components/header/undo-redo/undo.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { ~~ToolbarButton~~ } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { undo as undoIcon, redo as redoIcon } from '@wordpress/icons';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { store as coreStore } from '@wordpress/core-data';\n\~~nexport~~ ~~default~~ ~~function~~ ~~UndoButton(~~) {\n\tconst hasUndo = useSelect(\n\t\t( select ) => select( coreStore ).hasUndo(),\n\t\t[]\n\t);\n\tconst { undo } = useDispatch( coreStore );\n\treturn (\n\t\t<~~ToolbarButton~~\n\t\t\ticon={ ! isRTL() ? undoIcon : redoIcon }\n\t\t\tlabel={ __( 'Undo' ) }\n\t\t\tshortcut={ displayShortcut.primary( 'z' ) }\n\t\t\t// If there are no undo levels we don't want to actually disable this\n\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\taria-disabled={ ! hasUndo }\n\t\t\tonClick={ hasUndo ? undo : undefined }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,KAAK,QAAQ,iBAAiB;AAC3C,SAASC,~~aAAa~~,QAAQ,uBAAuB;~~AACrD~~,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,IAAI,IAAIC,QAAQ,EAAEC,IAAI,IAAIC,QAAQ,QAAQ,kBAAkB;AACrE,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;~~AAEzD~~,~~eAAe~~,SAASC,UAAUA,~~CAAA~~,EAAG;~~EACpC~~,MAAMC,OAAO,~~GAAGV~~,SAAS,~~CACtBW~~,MAAM,IAAMA,MAAM,~~CAAEH~~,SAAU,CAAC,~~CAACE~~,OAAO,CAAC,CAAC,EAC3C,EACD,CAAC;EACD,MAAM;~~IAAER~~;EAAK,CAAC,GAAGD,WAAW,CAAEO,SAAU,CAAC;EACzC,~~OACCI~~,aAAA,~~CAACb~~,~~aAAa~~;~~IACbc~~,IAAI,EAAG,~~CAAEf~~,KAAK,CAAC,CAAC,GAAGK,QAAQ,GAAGE,QAAU;~~IACxCS~~,KAAK,~~EAAGjB~~,EAAE,CAAE,MAAO,CAAG;~~IACtBkB~~,QAAQ,~~EAAGT~~,eAAe,~~CAACU~~,OAAO,CAAE,GAAI;IACxC;IACA;IACA;IAAA;IACA,iBAAgB,CAAEN,OAAS;IAC3BO,OAAO,EAAGP,OAAO,~~GAAGR~~,IAAI,~~GAAGgB~~;EAAW,CACtC,CAAC;AAEJ"}
1	+ {"version":3,"names":["__","isRTL","Button","useSelect","useDispatch","undo","undoIcon","redo","redoIcon","displayShortcut","store","coreStore","forwardRef","UndoButton","props","ref","hasUndo","select","createElement","icon","label","shortcut","primary","onClick","undefined"],"sources":["@wordpress/edit-widgets/src/components/header/undo-redo/undo.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { undo as undoIcon, redo as redoIcon } from '@wordpress/icons';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { forwardRef } from '@wordpress/element';\n\nfunction UndoButton( props, ref ) {\n\tconst hasUndo = useSelect(\n\t\t( select ) => select( coreStore ).hasUndo(),\n\t\t[]\n\t);\n\tconst { undo } = useDispatch( coreStore );\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t\ticon={ ! isRTL() ? undoIcon : redoIcon }\n\t\t\tlabel={ __( 'Undo' ) }\n\t\t\tshortcut={ displayShortcut.primary( 'z' ) }\n\t\t\t// If there are no undo levels we don't want to actually disable this\n\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\taria-disabled={ ! hasUndo }\n\t\t\tonClick={ hasUndo ? undo : undefined }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( UndoButton );\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,KAAK,QAAQ,iBAAiB;AAC3C,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,IAAI,IAAIC,QAAQ,EAAEC,IAAI,IAAIC,QAAQ,QAAQ,kBAAkB;AACrE,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,SAASC,UAAUA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACjC,MAAMC,OAAO,GAAGb,SAAS,CACtBc,MAAM,IAAMA,MAAM,CAAEN,SAAU,CAAC,CAACK,OAAO,CAAC,CAAC,EAC3C,EACD,CAAC;EACD,MAAM;IAAEX;EAAK,CAAC,GAAGD,WAAW,CAAEO,SAAU,CAAC;EACzC,OACCO,aAAA,CAAChB,MAAM;IAAA,GACDY,KAAK;IACVC,GAAG,EAAGA,GAAK;IACXI,IAAI,EAAG,CAAElB,KAAK,CAAC,CAAC,GAAGK,QAAQ,GAAGE,QAAU;IACxCY,KAAK,EAAGpB,EAAE,CAAE,MAAO,CAAG;IACtBqB,QAAQ,EAAGZ,eAAe,CAACa,OAAO,CAAE,GAAI;IACxC;IACA;IACA;IAAA;IACA,iBAAgB,CAAEN,OAAS;IAC3BO,OAAO,EAAGP,OAAO,GAAGX,IAAI,GAAGmB;EAAW,CACtC,CAAC;AAEJ;AAEA,eAAeZ,UAAU,CAAEC,UAAW,CAAC"}

package/build-module/components/layout/interface.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { createElement, Fragment } from "react";
  */
 import { useViewportMatch } from '@wordpress/compose';
 import { BlockBreadcrumb } from '@wordpress/block-editor';
-import { useEffect, useState } from '@wordpress/element';
+import { useEffect } from '@wordpress/element';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { InterfaceSkeleton, ComplementaryArea, store as interfaceStore } from '@wordpress/interface';
 import { __ } from '@wordpress/i18n';
@@ -53,7 +53,6 @@ function Interface({
     previousShortcut: select(keyboardShortcutsStore).getAllShortcutKeyCombinations('core/edit-widgets/previous-region'),
     nextShortcut: select(keyboardShortcutsStore).getAllShortcutKeyCombinations('core/edit-widgets/next-region')
   }), []);
-  const [listViewToggleElement, setListViewToggleElement] = useState(null);
   // Inserter and Sidebars are mutually exclusive
   useEffect(() => {
@@ -74,12 +73,8 @@ function Interface({
       ...interfaceLabels,
       secondarySidebar: secondarySidebarLabel
     },
-    header: createElement(Header, {
-      setListViewToggleElement: setListViewToggleElement
-    }),
-    secondarySidebar: hasSecondarySidebar && createElement(SecondarySidebar, {
-      listViewToggleElement: listViewToggleElement
-    }),
+    header: createElement(Header, null),
+    secondarySidebar: hasSecondarySidebar && createElement(SecondarySidebar, null),
     sidebar: hasSidebarEnabled && createElement(ComplementaryArea.Slot, {
       scope: "core/edit-widgets"
     }),

package/build-module/components/layout/interface.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useViewportMatch","BlockBreadcrumb","useEffect","~~useState","~~useDispatch","useSelect","InterfaceSkeleton","ComplementaryArea","store","interfaceStore","__","keyboardShortcutsStore","preferencesStore","Header","WidgetAreasBlockEditorContent","editWidgetsStore","SecondarySidebar","interfaceLabels","header","body","sidebar","footer","Interface","blockEditorSettings","isMobileViewport","isHugeViewport","setIsInserterOpened","setIsListViewOpened","closeGeneralSidebar","hasBlockBreadCrumbsEnabled","hasSidebarEnabled","isInserterOpened","isListViewOpened","previousShortcut","nextShortcut","select","getActiveComplementaryArea","name","get","getAllShortcutKeyCombinations","~~listViewToggleElement","setListViewToggleElement","~~secondarySidebarLabel","hasSecondarySidebar","createElement","labels","secondarySidebar","Slot","scope","content","Fragment","className","rootLabelText","shortcuts","previous","next"],"sources":["@wordpress/edit-widgets/src/components/layout/interface.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useViewportMatch } from '@wordpress/compose';\nimport { BlockBreadcrumb } from '@wordpress/block-editor';\nimport { useEffect, ~~useState~~ } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tInterfaceSkeleton,\n\tComplementaryArea,\n\tstore as interfaceStore,\n} from '@wordpress/interface';\nimport { __ } from '@wordpress/i18n';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport Header from '../header';\nimport WidgetAreasBlockEditorContent from '../widget-areas-block-editor-content';\nimport { store as editWidgetsStore } from '../../store';\nimport SecondarySidebar from '../secondary-sidebar';\n\nconst interfaceLabels = {\n\t/ translators: accessibility text for the widgets screen top bar landmark region. /\n\theader: __( 'Widgets top bar' ),\n\t/ translators: accessibility text for the widgets screen content landmark region. /\n\tbody: __( 'Widgets and blocks' ),\n\t/ translators: accessibility text for the widgets screen settings landmark region. /\n\tsidebar: __( 'Widgets settings' ),\n\t/ translators: accessibility text for the widgets screen footer landmark region. */\n\tfooter: __( 'Widgets footer' ),\n};\n\nfunction Interface( { blockEditorSettings } ) {\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isHugeViewport = useViewportMatch( 'huge', '>=' );\n\tconst { setIsInserterOpened, setIsListViewOpened, closeGeneralSidebar } =\n\t\tuseDispatch( editWidgetsStore );\n\tconst {\n\t\thasBlockBreadCrumbsEnabled,\n\t\thasSidebarEnabled,\n\t\tisInserterOpened,\n\t\tisListViewOpened,\n\t\tpreviousShortcut,\n\t\tnextShortcut,\n\t} = useSelect(\n\t\t( select ) => ( {\n\t\t\thasSidebarEnabled: !! select(\n\t\t\t\tinterfaceStore\n\t\t\t).getActiveComplementaryArea( editWidgetsStore.name ),\n\t\t\tisInserterOpened: !! select( editWidgetsStore ).isInserterOpened(),\n\t\t\tisListViewOpened: !! select( editWidgetsStore ).isListViewOpened(),\n\t\t\thasBlockBreadCrumbsEnabled: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'showBlockBreadcrumbs'\n\t\t\t),\n\t\t\tpreviousShortcut: select(\n\t\t\t\tkeyboardShortcutsStore\n\t\t\t).getAllShortcutKeyCombinations(\n\t\t\t\t'core/edit-widgets/previous-region'\n\t\t\t),\n\t\t\tnextShortcut: select(\n\t\t\t\tkeyboardShortcutsStore\n\t\t\t).getAllShortcutKeyCombinations( 'core/edit-widgets/next-region' ),\n\t\t} ),\n\t\t[]\n\t);\n\n\~~tconst [ listViewToggleElement, setListViewToggleElement ] =\n\~~t~~\tuseState( null );\n\n\t~~// Inserter and Sidebars are mutually exclusive\n\tuseEffect( () => {\n\t\tif ( hasSidebarEnabled && ! isHugeViewport ) {\n\t\t\tsetIsInserterOpened( false );\n\t\t\tsetIsListViewOpened( false );\n\t\t}\n\t}, [ hasSidebarEnabled, isHugeViewport ] );\n\n\tuseEffect( () => {\n\t\tif ( ( isInserterOpened \|\| isListViewOpened ) && ! isHugeViewport ) {\n\t\t\tcloseGeneralSidebar();\n\t\t}\n\t}, [ isInserterOpened, isListViewOpened, isHugeViewport ] );\n\n\tconst secondarySidebarLabel = isListViewOpened\n\t\t? __( 'List View' )\n\t\t: __( 'Block Library' );\n\n\tconst hasSecondarySidebar = isListViewOpened \|\| isInserterOpened;\n\n\treturn (\n\t\t<InterfaceSkeleton\n\t\t\tlabels={ {\n\t\t\t\t...interfaceLabels,\n\t\t\t\tsecondarySidebar: secondarySidebarLabel,\n\t\t\t} }\n\t\t\theader={~~\n\t\t\t\t~~<Header ~~setListViewToggleElement={~~ ~~setListViewToggleElement~~ } ~~/>\n~~\~~t\t\t}\~~n\t\t\tsecondarySidebar={~~\n\t\t\t\thasSecondarySidebar~~ && ~~(\n\t\t\t\t\t~~<SecondarySidebar~~\n\t\t\t\t\t\tlistViewToggleElement={~~ ~~listViewToggleElement~~ }\n\t\t\~~t\t\t/>\n\t\t\t\t)\n\t\t\t}\n\t\t\~~tsidebar={\n\t\t\t\thasSidebarEnabled && (\n\t\t\t\t\t<ComplementaryArea.Slot scope=\"core/edit-widgets\" />\n\t\t\t\t)\n\t\t\t}\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t<WidgetAreasBlockEditorContent\n\t\t\t\t\t\tblockEditorSettings={ blockEditorSettings }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t}\n\t\t\tfooter={\n\t\t\t\thasBlockBreadCrumbsEnabled &&\n\t\t\t\t! isMobileViewport && (\n\t\t\t\t\t<div className=\"edit-widgets-layout__footer\">\n\t\t\t\t\t\t<BlockBreadcrumb rootLabelText={ __( 'Widgets' ) } />\n\t\t\t\t\t</div>\n\t\t\t\t)\n\t\t\t}\n\t\t\tshortcuts={ {\n\t\t\t\tprevious: previousShortcut,\n\t\t\t\tnext: nextShortcut,\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nexport default Interface;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,SAAS,~~EAAEC,~~QAAQ,~~QAAQ,~~oBAAoB;~~AACxD~~,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SACCC,iBAAiB,EACjBC,iBAAiB,EACjBC,KAAK,IAAIC,cAAc,QACjB,sBAAsB;AAC7B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASF,KAAK,IAAIG,sBAAsB,QAAQ,+BAA+B;AAC/E,SAASH,KAAK,IAAII,gBAAgB,QAAQ,wBAAwB;;AAElE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,6BAA6B,MAAM,sCAAsC;AAChF,SAASN,KAAK,IAAIO,gBAAgB,QAAQ,aAAa;AACvD,OAAOC,gBAAgB,MAAM,sBAAsB;AAEnD,MAAMC,eAAe,GAAG;EACvB;EACAC,MAAM,EAAER,EAAE,CAAE,iBAAkB,CAAC;EAC/B;EACAS,IAAI,EAAET,EAAE,CAAE,oBAAqB,CAAC;EAChC;EACAU,OAAO,EAAEV,EAAE,CAAE,kBAAmB,CAAC;EACjC;EACAW,MAAM,EAAEX,EAAE,CAAE,gBAAiB;AAC9B,CAAC;AAED,SAASY,SAASA,CAAE;EAAEC;AAAoB,CAAC,EAAG;EAC7C,MAAMC,gBAAgB,~~GAAGxB~~,gBAAgB,CAAE,QAAQ,EAAE,GAAI,CAAC;EAC1D,~~MAAMyB~~,cAAc,~~GAAGzB~~,gBAAgB,CAAE,MAAM,EAAE,IAAK,CAAC;EACvD,MAAM;~~IAAE0B~~,mBAAmB;IAAEC,mBAAmB;IAAEC;EAAoB,CAAC,GACtExB,WAAW,CAAEW,gBAAiB,CAAC;EAChC,MAAM;IACLc,0BAA0B;IAC1BC,iBAAiB;IACjBC,gBAAgB;IAChBC,gBAAgB;IAChBC,gBAAgB;IAChBC;EACD,CAAC,GAAG7B,SAAS,CACV8B,MAAM,KAAQ;IACfL,iBAAiB,EAAE,CAAC,CAAEK,MAAM,CAC3B1B,cACD,CAAC,CAAC2B,0BAA0B,CAAErB,gBAAgB,CAACsB,IAAK,CAAC;IACrDN,gBAAgB,EAAE,CAAC,CAAEI,MAAM,CAAEpB,gBAAiB,CAAC,CAACgB,gBAAgB,CAAC,CAAC;IAClEC,gBAAgB,EAAE,CAAC,CAAEG,MAAM,CAAEpB,gBAAiB,CAAC,CAACiB,gBAAgB,CAAC,CAAC;IAClEH,0BAA0B,EAAE,CAAC,CAAEM,MAAM,CAAEvB,gBAAiB,CAAC,CAAC0B,GAAG,CAC5D,mBAAmB,EACnB,sBACD,CAAC;IACDL,gBAAgB,EAAEE,MAAM,CACvBxB,sBACD,CAAC,CAAC4B,6BAA6B,CAC9B,mCACD,CAAC;IACDL,YAAY,EAAEC,MAAM,CACnBxB,sBACD,CAAC,CAAC4B,6BAA6B,CAAE,+BAAgC;EAClE,CAAC,CAAE,EACH,EACD,CAAC;EAED~~,MAAM,CAAEC,qBAAqB,EAAEC,wBAAwB,CAAE,GACxDtC,QAAQ,CAAE,IAAK,CAAC;;EAEjB~~;~~EACAD~~,SAAS,CAAE,MAAM;IAChB,~~IAAK4B~~,iBAAiB,IAAI,CAAEL,cAAc,EAAG;MAC5CC,mBAAmB,CAAE,KAAM,CAAC;MAC5BC,mBAAmB,CAAE,KAAM,CAAC;IAC7B;EACD,CAAC,EAAE,CAAEG,iBAAiB,EAAEL,cAAc,CAAG,CAAC;~~EAE1CvB~~,SAAS,CAAE,MAAM;IAChB,IAAK,~~CAAE6B~~,gBAAgB,IAAIC,gBAAgB,KAAM,CAAEP,cAAc,EAAG;MACnEG,mBAAmB,CAAC,CAAC;IACtB;EACD,CAAC,EAAE,CAAEG,gBAAgB,EAAEC,gBAAgB,EAAEP,cAAc,CAAG,CAAC;EAE3D,~~MAAMiB~~,qBAAqB,~~GAAGV~~,gBAAgB,GAC3CtB,EAAE,CAAE,WAAY,CAAC,GACjBA,EAAE,CAAE,eAAgB,CAAC;EAExB,~~MAAMiC~~,mBAAmB,~~GAAGX~~,gBAAgB,IAAID,gBAAgB;EAEhE,~~OACCa~~,aAAA,~~CAACtC~~,iBAAiB;~~IACjBuC~~,MAAM,EAAG;MACR,~~GAAG5B~~,eAAe;~~MAClB6B~~,gBAAgB,EAAEJ;IACnB,CAAG;~~IACHxB~~,MAAM,~~EACL0B~~,aAAA,~~CAAC/B~~,MAAM~~;MAAC4B~~,~~wBAAwB~~,~~EAAGA~~;~~IAA0B~~,~~CAAE,CAC/D;IACDK,~~gBAAgB,~~EACfH~~,mBAAmB,~~IAClBC~~,aAAA,~~CAAC5B~~,gBAAgB~~;MAChBwB~~,~~qBAAqB~~,~~EAAGA~~;~~IAAuB~~,~~CAC/C,CAEF;IACDpB,~~OAAO,EACNU,iBAAiB,~~IAChBc~~,aAAA,~~CAACrC~~,iBAAiB,~~CAACwC~~,IAAI;MAACC,KAAK,EAAC;IAAmB,CAAE,CAEpD;IACDC,OAAO,EACNL,aAAA,CAAAM,QAAA,QACCN,aAAA,~~CAAC9B~~,6BAA6B;MAC7BS,mBAAmB,EAAGA;IAAqB,CAC3C,CACA,CACF;IACDF,MAAM,EACLQ,0BAA0B,IAC1B,CAAEL,gBAAgB,~~IACjBoB~~,aAAA;MAAKO,SAAS,EAAC;IAA6B,GAC3CP,aAAA,~~CAAC3C~~,eAAe;~~MAACmD~~,aAAa,~~EAAG1C~~,EAAE,CAAE,SAAU;IAAG,CAAE,CAChD,CAEN;~~IACD2C~~,SAAS,EAAG;MACXC,QAAQ,~~EAAErB~~,gBAAgB;~~MAC1BsB~~,IAAI,~~EAAErB~~;IACP;EAAG,CACH,CAAC;AAEJ;AAEA,eAAeZ,SAAS"}
1	+ {"version":3,"names":["useViewportMatch","BlockBreadcrumb","useEffect","useDispatch","useSelect","InterfaceSkeleton","ComplementaryArea","store","interfaceStore","__","keyboardShortcutsStore","preferencesStore","Header","WidgetAreasBlockEditorContent","editWidgetsStore","SecondarySidebar","interfaceLabels","header","body","sidebar","footer","Interface","blockEditorSettings","isMobileViewport","isHugeViewport","setIsInserterOpened","setIsListViewOpened","closeGeneralSidebar","hasBlockBreadCrumbsEnabled","hasSidebarEnabled","isInserterOpened","isListViewOpened","previousShortcut","nextShortcut","select","getActiveComplementaryArea","name","get","getAllShortcutKeyCombinations","secondarySidebarLabel","hasSecondarySidebar","createElement","labels","secondarySidebar","Slot","scope","content","Fragment","className","rootLabelText","shortcuts","previous","next"],"sources":["@wordpress/edit-widgets/src/components/layout/interface.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useViewportMatch } from '@wordpress/compose';\nimport { BlockBreadcrumb } from '@wordpress/block-editor';\nimport { useEffect } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tInterfaceSkeleton,\n\tComplementaryArea,\n\tstore as interfaceStore,\n} from '@wordpress/interface';\nimport { __ } from '@wordpress/i18n';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport Header from '../header';\nimport WidgetAreasBlockEditorContent from '../widget-areas-block-editor-content';\nimport { store as editWidgetsStore } from '../../store';\nimport SecondarySidebar from '../secondary-sidebar';\n\nconst interfaceLabels = {\n\t/ translators: accessibility text for the widgets screen top bar landmark region. /\n\theader: __( 'Widgets top bar' ),\n\t/ translators: accessibility text for the widgets screen content landmark region. /\n\tbody: __( 'Widgets and blocks' ),\n\t/ translators: accessibility text for the widgets screen settings landmark region. /\n\tsidebar: __( 'Widgets settings' ),\n\t/ translators: accessibility text for the widgets screen footer landmark region. */\n\tfooter: __( 'Widgets footer' ),\n};\n\nfunction Interface( { blockEditorSettings } ) {\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isHugeViewport = useViewportMatch( 'huge', '>=' );\n\tconst { setIsInserterOpened, setIsListViewOpened, closeGeneralSidebar } =\n\t\tuseDispatch( editWidgetsStore );\n\tconst {\n\t\thasBlockBreadCrumbsEnabled,\n\t\thasSidebarEnabled,\n\t\tisInserterOpened,\n\t\tisListViewOpened,\n\t\tpreviousShortcut,\n\t\tnextShortcut,\n\t} = useSelect(\n\t\t( select ) => ( {\n\t\t\thasSidebarEnabled: !! select(\n\t\t\t\tinterfaceStore\n\t\t\t).getActiveComplementaryArea( editWidgetsStore.name ),\n\t\t\tisInserterOpened: !! select( editWidgetsStore ).isInserterOpened(),\n\t\t\tisListViewOpened: !! select( editWidgetsStore ).isListViewOpened(),\n\t\t\thasBlockBreadCrumbsEnabled: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'showBlockBreadcrumbs'\n\t\t\t),\n\t\t\tpreviousShortcut: select(\n\t\t\t\tkeyboardShortcutsStore\n\t\t\t).getAllShortcutKeyCombinations(\n\t\t\t\t'core/edit-widgets/previous-region'\n\t\t\t),\n\t\t\tnextShortcut: select(\n\t\t\t\tkeyboardShortcutsStore\n\t\t\t).getAllShortcutKeyCombinations( 'core/edit-widgets/next-region' ),\n\t\t} ),\n\t\t[]\n\t);\n\n\t// Inserter and Sidebars are mutually exclusive\n\tuseEffect( () => {\n\t\tif ( hasSidebarEnabled && ! isHugeViewport ) {\n\t\t\tsetIsInserterOpened( false );\n\t\t\tsetIsListViewOpened( false );\n\t\t}\n\t}, [ hasSidebarEnabled, isHugeViewport ] );\n\n\tuseEffect( () => {\n\t\tif ( ( isInserterOpened \|\| isListViewOpened ) && ! isHugeViewport ) {\n\t\t\tcloseGeneralSidebar();\n\t\t}\n\t}, [ isInserterOpened, isListViewOpened, isHugeViewport ] );\n\n\tconst secondarySidebarLabel = isListViewOpened\n\t\t? __( 'List View' )\n\t\t: __( 'Block Library' );\n\n\tconst hasSecondarySidebar = isListViewOpened \|\| isInserterOpened;\n\n\treturn (\n\t\t<InterfaceSkeleton\n\t\t\tlabels={ {\n\t\t\t\t...interfaceLabels,\n\t\t\t\tsecondarySidebar: secondarySidebarLabel,\n\t\t\t} }\n\t\t\theader={ <Header /> }\n\t\t\tsecondarySidebar={ hasSecondarySidebar && <SecondarySidebar /> }\n\t\t\tsidebar={\n\t\t\t\thasSidebarEnabled && (\n\t\t\t\t\t<ComplementaryArea.Slot scope=\"core/edit-widgets\" />\n\t\t\t\t)\n\t\t\t}\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t<WidgetAreasBlockEditorContent\n\t\t\t\t\t\tblockEditorSettings={ blockEditorSettings }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t}\n\t\t\tfooter={\n\t\t\t\thasBlockBreadCrumbsEnabled &&\n\t\t\t\t! isMobileViewport && (\n\t\t\t\t\t<div className=\"edit-widgets-layout__footer\">\n\t\t\t\t\t\t<BlockBreadcrumb rootLabelText={ __( 'Widgets' ) } />\n\t\t\t\t\t</div>\n\t\t\t\t)\n\t\t\t}\n\t\t\tshortcuts={ {\n\t\t\t\tprevious: previousShortcut,\n\t\t\t\tnext: nextShortcut,\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nexport default Interface;\n"],"mappings":"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"}