@wordpress/edit-widgets 5.19.2 → 5.20.0

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_blockEditor","_components","_compose","_data","_i18n","_icons","_keycodes","_store","ListViewSidebar","listViewToggleElement","setIsListViewOpened","useDispatch","editWidgetsStore","dropZoneElement","setDropZoneElement","useState","focusOnMountRef","useFocusOnMount","closeListView","useCallback","focus","closeOnEscape","event","keyCode","ESCAPE","defaultPrevented","preventDefault","createElement","className","onKeyDown","__","Button","icon","closeSmall","label","onClick","ref","useMergeRefs","__experimentalListView"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/list-view-sidebar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalListView as ListView } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { useCallback, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function ListViewSidebar( { listViewToggleElement } ) {\n\tconst { setIsListViewOpened } = useDispatch( editWidgetsStore );\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the dropZoneElement updates.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// When closing the list view, focus should return to the toggle button.\n\tconst closeListView = useCallback( () => {\n\t\tsetIsListViewOpened( false );\n\t\tlistViewToggleElement?.focus();\n\t}, [ listViewToggleElement, setIsListViewOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseListView();\n\t\t\t}\n\t\t},\n\t\t[ closeListView ]\n\t);\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"edit-widgets-editor__list-view-panel\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t>\n\t\t\t<div className=\"edit-widgets-editor__list-view-panel-header\">\n\t\t\t\t<strong>{ __( 'List View' ) }</strong>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\tonClick={ closeListView }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-widgets-editor__list-view-panel-content\"\n\t\t\t\tref={ useMergeRefs( [ focusOnMountRef, setDropZoneElement ] ) }\n\t\t\t>\n\t\t\t\t<ListView dropZoneElement={ dropZoneElement } />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAOA,IAAAA,QAAA,GAAAC,OAAA;AAJA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAKA,IAAAQ,MAAA,GAAAR,OAAA;AAfA;AACA;AACA;;AAUA;AACA;AACA;;AAGe,SAASS,eAAeA,CAAE;EAAEC;AAAsB,CAAC,EAAG;EACpE,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;;EAE/D;EACA;EACA,MAAM,CAAEC,eAAe,EAAEC,kBAAkB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAEhE,MAAMC,eAAe,GAAG,IAAAC,wBAAe,EAAE,cAAe,CAAC;;EAEzD;EACA,MAAMC,aAAa,GAAG,IAAAC,oBAAW,EAAE,MAAM;IACxCT,mBAAmB,CAAE,KAAM,CAAC;IAC5BD,qBAAqB,EAAEW,KAAK,CAAC,CAAC;EAC/B,CAAC,EAAE,CAAEX,qBAAqB,EAAEC,mBAAmB,CAAG,CAAC;EAEnD,MAAMW,aAAa,GAAG,IAAAF,oBAAW,EAC9BG,KAAK,IAAM;IACZ,IAAKA,KAAK,CAACC,OAAO,KAAKC,gBAAM,IAAI,CAAEF,KAAK,CAACG,gBAAgB,EAAG;MAC3DH,KAAK,CAACI,cAAc,CAAC,CAAC;MACtBR,aAAa,CAAC,CAAC;IAChB;EACD,CAAC,EACD,CAAEA,aAAa,CAChB,CAAC;EAED;IACC;IACA,IAAApB,QAAA,CAAA6B,aAAA;MACCC,SAAS,EAAC,sCAAsC;MAChDC,SAAS,EAAGR;IAAe,GAE3B,IAAAvB,QAAA,CAAA6B,aAAA;MAAKC,SAAS,EAAC;IAA6C,GAC3D,IAAA9B,QAAA,CAAA6B,aAAA,kBAAU,IAAAG,QAAE,EAAE,WAAY,CAAW,CAAC,EACtC,IAAAhC,QAAA,CAAA6B,aAAA,EAAC1B,WAAA,CAAA8B,MAAM;MACNC,IAAI,EAAGC,iBAAY;MACnBC,KAAK,EAAG,IAAAJ,QAAE,EAAE,OAAQ,CAAG;MACvBK,OAAO,EAAGjB;IAAe,CACzB,CACG,CAAC,EACN,IAAApB,QAAA,CAAA6B,aAAA;MACCC,SAAS,EAAC,8CAA8C;MACxDQ,GAAG,EAAG,IAAAC,qBAAY,EAAE,CAAErB,eAAe,EAAEF,kBAAkB,CAAG;IAAG,GAE/D,IAAAhB,QAAA,CAAA6B,aAAA,EAAC3B,YAAA,CAAAsC,sBAAQ;MAACzB,eAAe,EAAGA;IAAiB,CAAE,CAC3C,CACD;EAAC;AAER"}
+{"version":3,"names":["_blockEditor","require","_components","_compose","_data","_element","_i18n","_icons","_keycodes","_store","ListViewSidebar","listViewToggleElement","setIsListViewOpened","useDispatch","editWidgetsStore","dropZoneElement","setDropZoneElement","useState","focusOnMountRef","useFocusOnMount","closeListView","useCallback","focus","closeOnEscape","event","keyCode","ESCAPE","defaultPrevented","preventDefault","_react","createElement","className","onKeyDown","__","Button","icon","closeSmall","label","onClick","ref","useMergeRefs","__experimentalListView"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/list-view-sidebar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalListView as ListView } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { useCallback, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function ListViewSidebar( { listViewToggleElement } ) {\n\tconst { setIsListViewOpened } = useDispatch( editWidgetsStore );\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the dropZoneElement updates.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// When closing the list view, focus should return to the toggle button.\n\tconst closeListView = useCallback( () => {\n\t\tsetIsListViewOpened( false );\n\t\tlistViewToggleElement?.focus();\n\t}, [ listViewToggleElement, setIsListViewOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseListView();\n\t\t\t}\n\t\t},\n\t\t[ closeListView ]\n\t);\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"edit-widgets-editor__list-view-panel\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t>\n\t\t\t<div className=\"edit-widgets-editor__list-view-panel-header\">\n\t\t\t\t<strong>{ __( 'List View' ) }</strong>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\tonClick={ closeListView }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-widgets-editor__list-view-panel-content\"\n\t\t\t\tref={ useMergeRefs( [ focusOnMountRef, setDropZoneElement ] ) }\n\t\t\t>\n\t\t\t\t<ListView dropZoneElement={ dropZoneElement } />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAKA,IAAAQ,MAAA,GAAAR,OAAA;AAfA;AACA;AACA;;AAUA;AACA;AACA;;AAGe,SAASS,eAAeA,CAAE;EAAEC;AAAsB,CAAC,EAAG;EACpE,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;;EAE/D;EACA;EACA,MAAM,CAAEC,eAAe,EAAEC,kBAAkB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAEhE,MAAMC,eAAe,GAAG,IAAAC,wBAAe,EAAE,cAAe,CAAC;;EAEzD;EACA,MAAMC,aAAa,GAAG,IAAAC,oBAAW,EAAE,MAAM;IACxCT,mBAAmB,CAAE,KAAM,CAAC;IAC5BD,qBAAqB,EAAEW,KAAK,CAAC,CAAC;EAC/B,CAAC,EAAE,CAAEX,qBAAqB,EAAEC,mBAAmB,CAAG,CAAC;EAEnD,MAAMW,aAAa,GAAG,IAAAF,oBAAW,EAC9BG,KAAK,IAAM;IACZ,IAAKA,KAAK,CAACC,OAAO,KAAKC,gBAAM,IAAI,CAAEF,KAAK,CAACG,gBAAgB,EAAG;MAC3DH,KAAK,CAACI,cAAc,CAAC,CAAC;MACtBR,aAAa,CAAC,CAAC;IAChB;EACD,CAAC,EACD,CAAEA,aAAa,CAChB,CAAC;EAED;IACC;IACA,IAAAS,MAAA,CAAAC,aAAA;MACCC,SAAS,EAAC,sCAAsC;MAChDC,SAAS,EAAGT;IAAe,GAE3B,IAAAM,MAAA,CAAAC,aAAA;MAAKC,SAAS,EAAC;IAA6C,GAC3D,IAAAF,MAAA,CAAAC,aAAA,kBAAU,IAAAG,QAAE,EAAE,WAAY,CAAW,CAAC,EACtC,IAAAJ,MAAA,CAAAC,aAAA,EAAC5B,WAAA,CAAAgC,MAAM;MACNC,IAAI,EAAGC,iBAAY;MACnBC,KAAK,EAAG,IAAAJ,QAAE,EAAE,OAAQ,CAAG;MACvBK,OAAO,EAAGlB;IAAe,CACzB,CACG,CAAC,EACN,IAAAS,MAAA,CAAAC,aAAA;MACCC,SAAS,EAAC,8CAA8C;MACxDQ,GAAG,EAAG,IAAAC,qBAAY,EAAE,CAAEtB,eAAe,EAAEF,kBAAkB,CAAG;IAAG,GAE/D,IAAAa,MAAA,CAAAC,aAAA,EAAC9B,YAAA,CAAAyC,sBAAQ;MAAC1B,eAAe,EAAGA;IAAiB,CAAE,CAC3C,CACD;EAAC;AAER"}

package/build/components/sidebar/index.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Sidebar;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _interface = require("@wordpress/interface");
 var _blockEditor = require("@wordpress/block-editor");
@@ -45,7 +46,7 @@ function ComplementaryAreaTab({
   const {
     enableComplementaryArea
   } = (0, _data.useDispatch)(_interface.store);
-  return (0, _element.createElement)(_components.Button, {
+  return (0, _react.createElement)(_components.Button, {
     onClick: () => enableComplementaryArea(_store.store.name, identifier),
     className: (0, _classnames.default)('edit-widgets-sidebar__panel-tab', {
       'is-active': isActive
@@ -110,13 +111,13 @@ function Sidebar() {
       enableComplementaryArea('core/edit-widgets', WIDGET_AREAS_IDENTIFIER);
     }
   }, [hasSelectedNonAreaBlock, enableComplementaryArea]);
-  return (0, _element.createElement)(_interface.ComplementaryArea, {
+  return (0, _react.createElement)(_interface.ComplementaryArea, {
     className: "edit-widgets-sidebar",
-    header: (0, _element.createElement)("ul", null, (0, _element.createElement)("li", null, (0, _element.createElement)(ComplementaryAreaTab, {
+    header: (0, _react.createElement)("ul", null, (0, _react.createElement)("li", null, (0, _react.createElement)(ComplementaryAreaTab, {
       identifier: WIDGET_AREAS_IDENTIFIER,
       label: selectedWidgetAreaBlock ? selectedWidgetAreaBlock.attributes.name : (0, _i18n.__)('Widget Areas'),
       isActive: currentArea === WIDGET_AREAS_IDENTIFIER
-    })), (0, _element.createElement)("li", null, (0, _element.createElement)(ComplementaryAreaTab, {
+    })), (0, _react.createElement)("li", null, (0, _react.createElement)(ComplementaryAreaTab, {
       identifier: BLOCK_INSPECTOR_IDENTIFIER,
       label: (0, _i18n.__)('Block'),
       isActive: currentArea === BLOCK_INSPECTOR_IDENTIFIER
@@ -129,12 +130,12 @@ function Sidebar() {
     identifier: currentArea,
     icon: (0, _i18n.isRTL)() ? _icons.drawerLeft : _icons.drawerRight,
     isActiveByDefault: SIDEBAR_ACTIVE_BY_DEFAULT
-  }, currentArea === WIDGET_AREAS_IDENTIFIER && (0, _element.createElement)(_widgetAreas.default, {
+  }, currentArea === WIDGET_AREAS_IDENTIFIER && (0, _react.createElement)(_widgetAreas.default, {
     selectedWidgetAreaId: selectedWidgetAreaBlock?.attributes.id
-  }), currentArea === BLOCK_INSPECTOR_IDENTIFIER && (hasSelectedNonAreaBlock ? (0, _element.createElement)(_blockEditor.BlockInspector, null) :
+  }), currentArea === BLOCK_INSPECTOR_IDENTIFIER && (hasSelectedNonAreaBlock ? (0, _react.createElement)(_blockEditor.BlockInspector, null) :
   // Pretend that Widget Areas are part of the UI by not
   // showing the Block Inspector when one is selected.
-  (0, _element.createElement)("span", {
+  (0, _react.createElement)("span", {
     className: "block-editor-block-inspector__no-blocks"
   }, (0, _i18n.__)('No block selected.'))));
 }

package/build/components/sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_i18n","_interface","_blockEditor","_icons","_components","_data","_widgetAreas","_store","SIDEBAR_ACTIVE_BY_DEFAULT","Platform","select","web","native","BLOCK_INSPECTOR_IDENTIFIER","WIDGET_AREAS_IDENTIFIER","ComplementaryAreaTab","identifier","label","isActive","enableComplementaryArea","useDispatch","interfaceStore","createElement","Button","onClick","editWidgetsStore","name","className","classnames","sprintf","__","Sidebar","currentArea","hasSelectedNonAreaBlock","isGeneralSidebarOpen","selectedWidgetAreaBlock","useSelect","getSelectedBlock","getBlock","getBlockParentsByBlockName","blockEditorStore","getActiveComplementaryArea","selectedBlock","activeArea","currentSelection","widgetAreaBlock","clientId","useEffect","ComplementaryArea","header","attributes","headerClassName","title","closeLabel","scope","icon","isRTL","drawerLeft","drawerRight","isActiveByDefault","default","selectedWidgetAreaId","id","BlockInspector"],"sources":["@wordpress/edit-widgets/src/components/sidebar/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, Platform } from '@wordpress/element';\nimport { isRTL, __, sprintf } from '@wordpress/i18n';\nimport {\n\tComplementaryArea,\n\tstore as interfaceStore,\n} from '@wordpress/interface';\nimport {\n\tBlockInspector,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\n\nimport { drawerLeft, drawerRight } from '@wordpress/icons';\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\nconst SIDEBAR_ACTIVE_BY_DEFAULT = Platform.select( {\n\tweb: true,\n\tnative: false,\n} );\n\nconst BLOCK_INSPECTOR_IDENTIFIER = 'edit-widgets/block-inspector';\n\n// Widget areas were one called block areas, so use 'edit-widgets/block-areas'\n// for backwards compatibility.\nconst WIDGET_AREAS_IDENTIFIER = 'edit-widgets/block-areas';\n\n/**\n * Internal dependencies\n */\nimport WidgetAreas from './widget-areas';\nimport { store as editWidgetsStore } from '../../store';\n\nfunction ComplementaryAreaTab( { identifier, label, isActive } ) {\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\treturn (\n\t\t<Button\n\t\t\tonClick={ () =>\n\t\t\t\tenableComplementaryArea( editWidgetsStore.name, identifier )\n\t\t\t}\n\t\t\tclassName={ classnames( 'edit-widgets-sidebar__panel-tab', {\n\t\t\t\t'is-active': isActive,\n\t\t\t} ) }\n\t\t\taria-label={\n\t\t\t\tisActive\n\t\t\t\t\t? // translators: %s: sidebar label e.g: \"Widget Areas\".\n\t\t\t\t\t  sprintf( __( '%s (selected)' ), label )\n\t\t\t\t\t: label\n\t\t\t}\n\t\t\tdata-label={ label }\n\t\t>\n\t\t\t{ label }\n\t\t</Button>\n\t);\n}\n\nexport default function Sidebar() {\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\tconst {\n\t\tcurrentArea,\n\t\thasSelectedNonAreaBlock,\n\t\tisGeneralSidebarOpen,\n\t\tselectedWidgetAreaBlock,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSelectedBlock, getBlock, getBlockParentsByBlockName } =\n\t\t\tselect( blockEditorStore );\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\n\t\tconst selectedBlock = getSelectedBlock();\n\n\t\tconst activeArea = getActiveComplementaryArea( editWidgetsStore.name );\n\n\t\tlet currentSelection = activeArea;\n\t\tif ( ! currentSelection ) {\n\t\t\tif ( selectedBlock ) {\n\t\t\t\tcurrentSelection = BLOCK_INSPECTOR_IDENTIFIER;\n\t\t\t} else {\n\t\t\t\tcurrentSelection = WIDGET_AREAS_IDENTIFIER;\n\t\t\t}\n\t\t}\n\n\t\tlet widgetAreaBlock;\n\t\tif ( selectedBlock ) {\n\t\t\tif ( selectedBlock.name === 'core/widget-area' ) {\n\t\t\t\twidgetAreaBlock = selectedBlock;\n\t\t\t} else {\n\t\t\t\twidgetAreaBlock = getBlock(\n\t\t\t\t\tgetBlockParentsByBlockName(\n\t\t\t\t\t\tselectedBlock.clientId,\n\t\t\t\t\t\t'core/widget-area'\n\t\t\t\t\t)[ 0 ]\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\tcurrentArea: currentSelection,\n\t\t\thasSelectedNonAreaBlock: !! (\n\t\t\t\tselectedBlock && selectedBlock.name !== 'core/widget-area'\n\t\t\t),\n\t\t\tisGeneralSidebarOpen: !! activeArea,\n\t\t\tselectedWidgetAreaBlock: widgetAreaBlock,\n\t\t};\n\t}, [] );\n\n\t// currentArea, and isGeneralSidebarOpen are intentionally left out from the dependencies,\n\t// because we want to run the effect when a block is selected/unselected and not when the sidebar state changes.\n\tuseEffect( () => {\n\t\tif (\n\t\t\thasSelectedNonAreaBlock &&\n\t\t\tcurrentArea === WIDGET_AREAS_IDENTIFIER &&\n\t\t\tisGeneralSidebarOpen\n\t\t) {\n\t\t\tenableComplementaryArea(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\tBLOCK_INSPECTOR_IDENTIFIER\n\t\t\t);\n\t\t}\n\t\tif (\n\t\t\t! hasSelectedNonAreaBlock &&\n\t\t\tcurrentArea === BLOCK_INSPECTOR_IDENTIFIER &&\n\t\t\tisGeneralSidebarOpen\n\t\t) {\n\t\t\tenableComplementaryArea(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\tWIDGET_AREAS_IDENTIFIER\n\t\t\t);\n\t\t}\n\t}, [ hasSelectedNonAreaBlock, enableComplementaryArea ] );\n\n\treturn (\n\t\t<ComplementaryArea\n\t\t\tclassName=\"edit-widgets-sidebar\"\n\t\t\theader={\n\t\t\t\t<ul>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<ComplementaryAreaTab\n\t\t\t\t\t\t\tidentifier={ WIDGET_AREAS_IDENTIFIER }\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tselectedWidgetAreaBlock\n\t\t\t\t\t\t\t\t\t? selectedWidgetAreaBlock.attributes.name\n\t\t\t\t\t\t\t\t\t: __( 'Widget Areas' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisActive={ currentArea === WIDGET_AREAS_IDENTIFIER }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<ComplementaryAreaTab\n\t\t\t\t\t\t\tidentifier={ BLOCK_INSPECTOR_IDENTIFIER }\n\t\t\t\t\t\t\tlabel={ __( 'Block' ) }\n\t\t\t\t\t\t\tisActive={\n\t\t\t\t\t\t\t\tcurrentArea === BLOCK_INSPECTOR_IDENTIFIER\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\t\t\t}\n\t\t\theaderClassName=\"edit-widgets-sidebar__panel-tabs\"\n\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\ttitle={ __( 'Settings' ) }\n\t\t\tcloseLabel={ __( 'Close Settings' ) }\n\t\t\tscope=\"core/edit-widgets\"\n\t\t\tidentifier={ currentArea }\n\t\t\ticon={ isRTL() ? drawerLeft : drawerRight }\n\t\t\tisActiveByDefault={ SIDEBAR_ACTIVE_BY_DEFAULT }\n\t\t>\n\t\t\t{ currentArea === WIDGET_AREAS_IDENTIFIER && (\n\t\t\t\t<WidgetAreas\n\t\t\t\t\tselectedWidgetAreaId={\n\t\t\t\t\t\tselectedWidgetAreaBlock?.attributes.id\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ currentArea === BLOCK_INSPECTOR_IDENTIFIER &&\n\t\t\t\t( hasSelectedNonAreaBlock ? (\n\t\t\t\t\t<BlockInspector />\n\t\t\t\t) : (\n\t\t\t\t\t// Pretend that Widget Areas are part of the UI by not\n\t\t\t\t\t// showing the Block Inspector when one is selected.\n\t\t\t\t\t<span className=\"block-editor-block-inspector__no-blocks\">\n\t\t\t\t\t\t{ __( 'No block selected.' ) }\n\t\t\t\t\t</span>\n\t\t\t\t) ) }\n\t\t</ComplementaryArea>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_i18n","_interface","_blockEditor","_icons","_components","_data","_widgetAreas","_store","SIDEBAR_ACTIVE_BY_DEFAULT","Platform","select","web","native","BLOCK_INSPECTOR_IDENTIFIER","WIDGET_AREAS_IDENTIFIER","ComplementaryAreaTab","identifier","label","isActive","enableComplementaryArea","useDispatch","interfaceStore","_react","createElement","Button","onClick","editWidgetsStore","name","className","classnames","sprintf","__","Sidebar","currentArea","hasSelectedNonAreaBlock","isGeneralSidebarOpen","selectedWidgetAreaBlock","useSelect","getSelectedBlock","getBlock","getBlockParentsByBlockName","blockEditorStore","getActiveComplementaryArea","selectedBlock","activeArea","currentSelection","widgetAreaBlock","clientId","useEffect","ComplementaryArea","header","attributes","headerClassName","title","closeLabel","scope","icon","isRTL","drawerLeft","drawerRight","isActiveByDefault","default","selectedWidgetAreaId","id","BlockInspector"],"sources":["@wordpress/edit-widgets/src/components/sidebar/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, Platform } from '@wordpress/element';\nimport { isRTL, __, sprintf } from '@wordpress/i18n';\nimport {\n\tComplementaryArea,\n\tstore as interfaceStore,\n} from '@wordpress/interface';\nimport {\n\tBlockInspector,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\n\nimport { drawerLeft, drawerRight } from '@wordpress/icons';\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\nconst SIDEBAR_ACTIVE_BY_DEFAULT = Platform.select( {\n\tweb: true,\n\tnative: false,\n} );\n\nconst BLOCK_INSPECTOR_IDENTIFIER = 'edit-widgets/block-inspector';\n\n// Widget areas were one called block areas, so use 'edit-widgets/block-areas'\n// for backwards compatibility.\nconst WIDGET_AREAS_IDENTIFIER = 'edit-widgets/block-areas';\n\n/**\n * Internal dependencies\n */\nimport WidgetAreas from './widget-areas';\nimport { store as editWidgetsStore } from '../../store';\n\nfunction ComplementaryAreaTab( { identifier, label, isActive } ) {\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\treturn (\n\t\t<Button\n\t\t\tonClick={ () =>\n\t\t\t\tenableComplementaryArea( editWidgetsStore.name, identifier )\n\t\t\t}\n\t\t\tclassName={ classnames( 'edit-widgets-sidebar__panel-tab', {\n\t\t\t\t'is-active': isActive,\n\t\t\t} ) }\n\t\t\taria-label={\n\t\t\t\tisActive\n\t\t\t\t\t? // translators: %s: sidebar label e.g: \"Widget Areas\".\n\t\t\t\t\t  sprintf( __( '%s (selected)' ), label )\n\t\t\t\t\t: label\n\t\t\t}\n\t\t\tdata-label={ label }\n\t\t>\n\t\t\t{ label }\n\t\t</Button>\n\t);\n}\n\nexport default function Sidebar() {\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\tconst {\n\t\tcurrentArea,\n\t\thasSelectedNonAreaBlock,\n\t\tisGeneralSidebarOpen,\n\t\tselectedWidgetAreaBlock,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSelectedBlock, getBlock, getBlockParentsByBlockName } =\n\t\t\tselect( blockEditorStore );\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\n\t\tconst selectedBlock = getSelectedBlock();\n\n\t\tconst activeArea = getActiveComplementaryArea( editWidgetsStore.name );\n\n\t\tlet currentSelection = activeArea;\n\t\tif ( ! currentSelection ) {\n\t\t\tif ( selectedBlock ) {\n\t\t\t\tcurrentSelection = BLOCK_INSPECTOR_IDENTIFIER;\n\t\t\t} else {\n\t\t\t\tcurrentSelection = WIDGET_AREAS_IDENTIFIER;\n\t\t\t}\n\t\t}\n\n\t\tlet widgetAreaBlock;\n\t\tif ( selectedBlock ) {\n\t\t\tif ( selectedBlock.name === 'core/widget-area' ) {\n\t\t\t\twidgetAreaBlock = selectedBlock;\n\t\t\t} else {\n\t\t\t\twidgetAreaBlock = getBlock(\n\t\t\t\t\tgetBlockParentsByBlockName(\n\t\t\t\t\t\tselectedBlock.clientId,\n\t\t\t\t\t\t'core/widget-area'\n\t\t\t\t\t)[ 0 ]\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\tcurrentArea: currentSelection,\n\t\t\thasSelectedNonAreaBlock: !! (\n\t\t\t\tselectedBlock && selectedBlock.name !== 'core/widget-area'\n\t\t\t),\n\t\t\tisGeneralSidebarOpen: !! activeArea,\n\t\t\tselectedWidgetAreaBlock: widgetAreaBlock,\n\t\t};\n\t}, [] );\n\n\t// currentArea, and isGeneralSidebarOpen are intentionally left out from the dependencies,\n\t// because we want to run the effect when a block is selected/unselected and not when the sidebar state changes.\n\tuseEffect( () => {\n\t\tif (\n\t\t\thasSelectedNonAreaBlock &&\n\t\t\tcurrentArea === WIDGET_AREAS_IDENTIFIER &&\n\t\t\tisGeneralSidebarOpen\n\t\t) {\n\t\t\tenableComplementaryArea(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\tBLOCK_INSPECTOR_IDENTIFIER\n\t\t\t);\n\t\t}\n\t\tif (\n\t\t\t! hasSelectedNonAreaBlock &&\n\t\t\tcurrentArea === BLOCK_INSPECTOR_IDENTIFIER &&\n\t\t\tisGeneralSidebarOpen\n\t\t) {\n\t\t\tenableComplementaryArea(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\tWIDGET_AREAS_IDENTIFIER\n\t\t\t);\n\t\t}\n\t}, [ hasSelectedNonAreaBlock, enableComplementaryArea ] );\n\n\treturn (\n\t\t<ComplementaryArea\n\t\t\tclassName=\"edit-widgets-sidebar\"\n\t\t\theader={\n\t\t\t\t<ul>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<ComplementaryAreaTab\n\t\t\t\t\t\t\tidentifier={ WIDGET_AREAS_IDENTIFIER }\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tselectedWidgetAreaBlock\n\t\t\t\t\t\t\t\t\t? selectedWidgetAreaBlock.attributes.name\n\t\t\t\t\t\t\t\t\t: __( 'Widget Areas' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisActive={ currentArea === WIDGET_AREAS_IDENTIFIER }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<ComplementaryAreaTab\n\t\t\t\t\t\t\tidentifier={ BLOCK_INSPECTOR_IDENTIFIER }\n\t\t\t\t\t\t\tlabel={ __( 'Block' ) }\n\t\t\t\t\t\t\tisActive={\n\t\t\t\t\t\t\t\tcurrentArea === BLOCK_INSPECTOR_IDENTIFIER\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\t\t\t}\n\t\t\theaderClassName=\"edit-widgets-sidebar__panel-tabs\"\n\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\ttitle={ __( 'Settings' ) }\n\t\t\tcloseLabel={ __( 'Close Settings' ) }\n\t\t\tscope=\"core/edit-widgets\"\n\t\t\tidentifier={ currentArea }\n\t\t\ticon={ isRTL() ? drawerLeft : drawerRight }\n\t\t\tisActiveByDefault={ SIDEBAR_ACTIVE_BY_DEFAULT }\n\t\t>\n\t\t\t{ currentArea === WIDGET_AREAS_IDENTIFIER && (\n\t\t\t\t<WidgetAreas\n\t\t\t\t\tselectedWidgetAreaId={\n\t\t\t\t\t\tselectedWidgetAreaBlock?.attributes.id\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ currentArea === BLOCK_INSPECTOR_IDENTIFIER &&\n\t\t\t\t( hasSelectedNonAreaBlock ? (\n\t\t\t\t\t<BlockInspector />\n\t\t\t\t) : (\n\t\t\t\t\t// Pretend that Widget Areas are part of the UI by not\n\t\t\t\t\t// showing the Block Inspector when one is selected.\n\t\t\t\t\t<span className=\"block-editor-block-inspector__no-blocks\">\n\t\t\t\t\t\t{ __( 'No block selected.' ) }\n\t\t\t\t\t</span>\n\t\t\t\t) ) }\n\t\t</ComplementaryArea>\n\t);\n}\n"],"mappings":"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"}

package/build/components/sidebar/widget-areas.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WidgetAreas;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
 var _icons = require("@wordpress/icons");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
@@ -34,13 +35,13 @@ function WidgetAreas({
   } else {
     description = selectedWidgetArea.description;
   }
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     className: "edit-widgets-widget-areas"
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     className: "edit-widgets-widget-areas__top-container"
-  }, (0, _element.createElement)(_blockEditor.BlockIcon, {
+  }, (0, _react.createElement)(_blockEditor.BlockIcon, {
     icon: _icons.blockDefault
-  }), (0, _element.createElement)("div", null, (0, _element.createElement)("p", {
+  }), (0, _react.createElement)("div", null, (0, _react.createElement)("p", {
     // Use `dangerouslySetInnerHTML` to keep backwards
     // compatibility. Basic markup in the description is an
     // established feature of WordPress.
@@ -48,7 +49,7 @@ function WidgetAreas({
     dangerouslySetInnerHTML: {
       __html: (0, _dom.safeHTML)(description)
     }
-  }), widgetAreas?.length === 0 && (0, _element.createElement)("p", null, (0, _i18n.__)('Your theme does not contain any Widget Areas.')), !selectedWidgetArea && (0, _element.createElement)(_components.Button, {
+  }), widgetAreas?.length === 0 && (0, _react.createElement)("p", null, (0, _i18n.__)('Your theme does not contain any Widget Areas.')), !selectedWidgetArea && (0, _react.createElement)(_components.Button, {
     href: (0, _url.addQueryArgs)('customize.php', {
       'autofocus[panel]': 'widgets',
       return: window.location.pathname

package/build/components/sidebar/widget-areas.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_icons","_blockEditor","_components","_i18n","_url","_dom","_store","WidgetAreas","selectedWidgetAreaId","widgetAreas","useSelect","select","editWidgetsStore","getWidgetAreas","selectedWidgetArea","useMemo","find","widgetArea","id","description","__","createElement","className","BlockIcon","icon","blockDefault","dangerouslySetInnerHTML","__html","safeHTML","length","Button","href","addQueryArgs","return","window","location","pathname","variant"],"sources":["@wordpress/edit-widgets/src/components/sidebar/widget-areas.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { blockDefault } from '@wordpress/icons';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { addQueryArgs } from '@wordpress/url';\nimport { safeHTML } from '@wordpress/dom';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function WidgetAreas( { selectedWidgetAreaId } ) {\n\tconst widgetAreas = useSelect(\n\t\t( select ) => select( editWidgetsStore ).getWidgetAreas(),\n\t\t[]\n\t);\n\n\tconst selectedWidgetArea = useMemo(\n\t\t() =>\n\t\t\tselectedWidgetAreaId &&\n\t\t\twidgetAreas?.find(\n\t\t\t\t( widgetArea ) => widgetArea.id === selectedWidgetAreaId\n\t\t\t),\n\t\t[ selectedWidgetAreaId, widgetAreas ]\n\t);\n\n\tlet description;\n\tif ( ! selectedWidgetArea ) {\n\t\tdescription = __(\n\t\t\t'Widget Areas are global parts in your site’s layout that can accept blocks. These vary by theme, but are typically parts like your Sidebar or Footer.'\n\t\t);\n\t} else if ( selectedWidgetAreaId === 'wp_inactive_widgets' ) {\n\t\tdescription = __(\n\t\t\t'Blocks in this Widget Area will not be displayed in your site.'\n\t\t);\n\t} else {\n\t\tdescription = selectedWidgetArea.description;\n\t}\n\n\treturn (\n\t\t<div className=\"edit-widgets-widget-areas\">\n\t\t\t<div className=\"edit-widgets-widget-areas__top-container\">\n\t\t\t\t<BlockIcon icon={ blockDefault } />\n\t\t\t\t<div>\n\t\t\t\t\t<p\n\t\t\t\t\t\t// Use `dangerouslySetInnerHTML` to keep backwards\n\t\t\t\t\t\t// compatibility. Basic markup in the description is an\n\t\t\t\t\t\t// established feature of WordPress.\n\t\t\t\t\t\t// @see https://github.com/WordPress/gutenberg/issues/33106\n\t\t\t\t\t\tdangerouslySetInnerHTML={ {\n\t\t\t\t\t\t\t__html: safeHTML( description ),\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t{ widgetAreas?.length === 0 && (\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Your theme does not contain any Widget Areas.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! selectedWidgetArea && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\thref={ addQueryArgs( 'customize.php', {\n\t\t\t\t\t\t\t\t'autofocus[panel]': 'widgets',\n\t\t\t\t\t\t\t\treturn: window.location.pathname,\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Manage with live preview' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAIA,IAAAA,QAAA,GAAAC,OAAA;AADA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,IAAA,GAAAP,OAAA;AAKA,IAAAQ,MAAA,GAAAR,OAAA;AAfA;AACA;AACA;;AAUA;AACA;AACA;;AAGe,SAASS,WAAWA,CAAE;EAAEC;AAAqB,CAAC,EAAG;EAC/D,MAAMC,WAAW,GAAG,IAAAC,eAAS,EAC1BC,MAAM,IAAMA,MAAM,CAAEC,YAAiB,CAAC,CAACC,cAAc,CAAC,CAAC,EACzD,EACD,CAAC;EAED,MAAMC,kBAAkB,GAAG,IAAAC,gBAAO,EACjC,MACCP,oBAAoB,IACpBC,WAAW,EAAEO,IAAI,CACdC,UAAU,IAAMA,UAAU,CAACC,EAAE,KAAKV,oBACrC,CAAC,EACF,CAAEA,oBAAoB,EAAEC,WAAW,CACpC,CAAC;EAED,IAAIU,WAAW;EACf,IAAK,CAAEL,kBAAkB,EAAG;IAC3BK,WAAW,GAAG,IAAAC,QAAE,EACf,uJACD,CAAC;EACF,CAAC,MAAM,IAAKZ,oBAAoB,KAAK,qBAAqB,EAAG;IAC5DW,WAAW,GAAG,IAAAC,QAAE,EACf,gEACD,CAAC;EACF,CAAC,MAAM;IACND,WAAW,GAAGL,kBAAkB,CAACK,WAAW;EAC7C;EAEA,OACC,IAAAtB,QAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAC;EAA2B,GACzC,IAAAzB,QAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAC;EAA0C,GACxD,IAAAzB,QAAA,CAAAwB,aAAA,EAACpB,YAAA,CAAAsB,SAAS;IAACC,IAAI,EAAGC;EAAc,CAAE,CAAC,EACnC,IAAA5B,QAAA,CAAAwB,aAAA,eACC,IAAAxB,QAAA,CAAAwB,aAAA;IACC;IACA;IACA;IACA;IACAK,uBAAuB,EAAG;MACzBC,MAAM,EAAE,IAAAC,aAAQ,EAAET,WAAY;IAC/B;EAAG,CACH,CAAC,EACAV,WAAW,EAAEoB,MAAM,KAAK,CAAC,IAC1B,IAAAhC,QAAA,CAAAwB,aAAA,aACG,IAAAD,QAAE,EACH,+CACD,CACE,CACH,EACC,CAAEN,kBAAkB,IACrB,IAAAjB,QAAA,CAAAwB,aAAA,EAACnB,WAAA,CAAA4B,MAAM;IACNC,IAAI,EAAG,IAAAC,iBAAY,EAAE,eAAe,EAAE;MACrC,kBAAkB,EAAE,SAAS;MAC7BC,MAAM,EAAEC,MAAM,CAACC,QAAQ,CAACC;IACzB,CAAE,CAAG;IACLC,OAAO,EAAC;EAAU,GAEhB,IAAAjB,QAAE,EAAE,0BAA2B,CAC1B,CAEL,CACD,CACD,CAAC;AAER"}
+{"version":3,"names":["_data","require","_element","_icons","_blockEditor","_components","_i18n","_url","_dom","_store","WidgetAreas","selectedWidgetAreaId","widgetAreas","useSelect","select","editWidgetsStore","getWidgetAreas","selectedWidgetArea","useMemo","find","widgetArea","id","description","__","_react","createElement","className","BlockIcon","icon","blockDefault","dangerouslySetInnerHTML","__html","safeHTML","length","Button","href","addQueryArgs","return","window","location","pathname","variant"],"sources":["@wordpress/edit-widgets/src/components/sidebar/widget-areas.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { blockDefault } from '@wordpress/icons';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { addQueryArgs } from '@wordpress/url';\nimport { safeHTML } from '@wordpress/dom';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function WidgetAreas( { selectedWidgetAreaId } ) {\n\tconst widgetAreas = useSelect(\n\t\t( select ) => select( editWidgetsStore ).getWidgetAreas(),\n\t\t[]\n\t);\n\n\tconst selectedWidgetArea = useMemo(\n\t\t() =>\n\t\t\tselectedWidgetAreaId &&\n\t\t\twidgetAreas?.find(\n\t\t\t\t( widgetArea ) => widgetArea.id === selectedWidgetAreaId\n\t\t\t),\n\t\t[ selectedWidgetAreaId, widgetAreas ]\n\t);\n\n\tlet description;\n\tif ( ! selectedWidgetArea ) {\n\t\tdescription = __(\n\t\t\t'Widget Areas are global parts in your site’s layout that can accept blocks. These vary by theme, but are typically parts like your Sidebar or Footer.'\n\t\t);\n\t} else if ( selectedWidgetAreaId === 'wp_inactive_widgets' ) {\n\t\tdescription = __(\n\t\t\t'Blocks in this Widget Area will not be displayed in your site.'\n\t\t);\n\t} else {\n\t\tdescription = selectedWidgetArea.description;\n\t}\n\n\treturn (\n\t\t<div className=\"edit-widgets-widget-areas\">\n\t\t\t<div className=\"edit-widgets-widget-areas__top-container\">\n\t\t\t\t<BlockIcon icon={ blockDefault } />\n\t\t\t\t<div>\n\t\t\t\t\t<p\n\t\t\t\t\t\t// Use `dangerouslySetInnerHTML` to keep backwards\n\t\t\t\t\t\t// compatibility. Basic markup in the description is an\n\t\t\t\t\t\t// established feature of WordPress.\n\t\t\t\t\t\t// @see https://github.com/WordPress/gutenberg/issues/33106\n\t\t\t\t\t\tdangerouslySetInnerHTML={ {\n\t\t\t\t\t\t\t__html: safeHTML( description ),\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t{ widgetAreas?.length === 0 && (\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Your theme does not contain any Widget Areas.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! selectedWidgetArea && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\thref={ addQueryArgs( 'customize.php', {\n\t\t\t\t\t\t\t\t'autofocus[panel]': 'widgets',\n\t\t\t\t\t\t\t\treturn: window.location.pathname,\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Manage with live preview' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,IAAA,GAAAP,OAAA;AAKA,IAAAQ,MAAA,GAAAR,OAAA;AAfA;AACA;AACA;;AAUA;AACA;AACA;;AAGe,SAASS,WAAWA,CAAE;EAAEC;AAAqB,CAAC,EAAG;EAC/D,MAAMC,WAAW,GAAG,IAAAC,eAAS,EAC1BC,MAAM,IAAMA,MAAM,CAAEC,YAAiB,CAAC,CAACC,cAAc,CAAC,CAAC,EACzD,EACD,CAAC;EAED,MAAMC,kBAAkB,GAAG,IAAAC,gBAAO,EACjC,MACCP,oBAAoB,IACpBC,WAAW,EAAEO,IAAI,CACdC,UAAU,IAAMA,UAAU,CAACC,EAAE,KAAKV,oBACrC,CAAC,EACF,CAAEA,oBAAoB,EAAEC,WAAW,CACpC,CAAC;EAED,IAAIU,WAAW;EACf,IAAK,CAAEL,kBAAkB,EAAG;IAC3BK,WAAW,GAAG,IAAAC,QAAE,EACf,uJACD,CAAC;EACF,CAAC,MAAM,IAAKZ,oBAAoB,KAAK,qBAAqB,EAAG;IAC5DW,WAAW,GAAG,IAAAC,QAAE,EACf,gEACD,CAAC;EACF,CAAC,MAAM;IACND,WAAW,GAAGL,kBAAkB,CAACK,WAAW;EAC7C;EAEA,OACC,IAAAE,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA2B,GACzC,IAAAF,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA0C,GACxD,IAAAF,MAAA,CAAAC,aAAA,EAACrB,YAAA,CAAAuB,SAAS;IAACC,IAAI,EAAGC;EAAc,CAAE,CAAC,EACnC,IAAAL,MAAA,CAAAC,aAAA,eACC,IAAAD,MAAA,CAAAC,aAAA;IACC;IACA;IACA;IACA;IACAK,uBAAuB,EAAG;MACzBC,MAAM,EAAE,IAAAC,aAAQ,EAAEV,WAAY;IAC/B;EAAG,CACH,CAAC,EACAV,WAAW,EAAEqB,MAAM,KAAK,CAAC,IAC1B,IAAAT,MAAA,CAAAC,aAAA,aACG,IAAAF,QAAE,EACH,+CACD,CACE,CACH,EACC,CAAEN,kBAAkB,IACrB,IAAAO,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAA6B,MAAM;IACNC,IAAI,EAAG,IAAAC,iBAAY,EAAE,eAAe,EAAE;MACrC,kBAAkB,EAAE,SAAS;MAC7BC,MAAM,EAAEC,MAAM,CAACC,QAAQ,CAACC;IACzB,CAAE,CAAG;IACLC,OAAO,EAAC;EAAU,GAEhB,IAAAlB,QAAE,EAAE,0BAA2B,CAC1B,CAEL,CACD,CACD,CAAC;AAER"}

package/build/components/welcome-guide/index.js

@@ -4,10 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WelcomeGuide;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _preferences = require("@wordpress/preferences");
 var _store = require("../../store");
 /**
@@ -32,65 +33,65 @@ function WelcomeGuide() {
   }
   const isEntirelyBlockWidgets = widgetAreas?.every(widgetArea => widgetArea.id === 'wp_inactive_widgets' || widgetArea.widgets.every(widgetId => widgetId.startsWith('block-')));
   const numWidgetAreas = (_widgetAreas$filter$l = widgetAreas?.filter(widgetArea => widgetArea.id !== 'wp_inactive_widgets').length) !== null && _widgetAreas$filter$l !== void 0 ? _widgetAreas$filter$l : 0;
-  return (0, _element.createElement)(_components.Guide, {
+  return (0, _react.createElement)(_components.Guide, {
     className: "edit-widgets-welcome-guide",
     contentLabel: (0, _i18n.__)('Welcome to block Widgets'),
     finishButtonText: (0, _i18n.__)('Get started'),
     onFinish: () => toggle('core/edit-widgets', 'welcomeGuide'),
     pages: [{
-      image: (0, _element.createElement)(WelcomeGuideImage, {
+      image: (0, _react.createElement)(WelcomeGuideImage, {
         nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-canvas.svg",
         animatedSrc: "https://s.w.org/images/block-editor/welcome-canvas.gif"
       }),
-      content: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("h1", {
+      content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("h1", {
         className: "edit-widgets-welcome-guide__heading"
-      }, (0, _i18n.__)('Welcome to block Widgets')), isEntirelyBlockWidgets ? (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("p", {
+      }, (0, _i18n.__)('Welcome to block Widgets')), isEntirelyBlockWidgets ? (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("p", {
         className: "edit-widgets-welcome-guide__text"
       }, (0, _i18n.sprintf)(
       // Translators: %s: Number of block areas in the current theme.
-      (0, _i18n._n)('Your theme provides %s “block” area for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.', 'Your theme provides %s different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.', numWidgetAreas), numWidgetAreas))) : (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("p", {
+      (0, _i18n._n)('Your theme provides %s “block” area for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.', 'Your theme provides %s different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.', numWidgetAreas), numWidgetAreas))) : (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("p", {
         className: "edit-widgets-welcome-guide__text"
-      }, (0, _i18n.__)('You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.')), (0, _element.createElement)("p", {
+      }, (0, _i18n.__)('You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.')), (0, _react.createElement)("p", {
         className: "edit-widgets-welcome-guide__text"
-      }, (0, _element.createElement)("strong", null, (0, _i18n.__)('Want to stick with the old widgets?')), ' ', (0, _element.createElement)(_components.ExternalLink, {
+      }, (0, _react.createElement)("strong", null, (0, _i18n.__)('Want to stick with the old widgets?')), ' ', (0, _react.createElement)(_components.ExternalLink, {
         href: (0, _i18n.__)('https://wordpress.org/plugins/classic-widgets/')
       }, (0, _i18n.__)('Get the Classic Widgets plugin.')))))
     }, {
-      image: (0, _element.createElement)(WelcomeGuideImage, {
+      image: (0, _react.createElement)(WelcomeGuideImage, {
         nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-editor.svg",
         animatedSrc: "https://s.w.org/images/block-editor/welcome-editor.gif"
       }),
-      content: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("h1", {
+      content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("h1", {
         className: "edit-widgets-welcome-guide__heading"
-      }, (0, _i18n.__)('Make each block your own')), (0, _element.createElement)("p", {
+      }, (0, _i18n.__)('Make each block your own')), (0, _react.createElement)("p", {
         className: "edit-widgets-welcome-guide__text"
       }, (0, _i18n.__)('Each block comes with its own set of controls for changing things like color, width, and alignment. These will show and hide automatically when you have a block selected.')))
     }, {
-      image: (0, _element.createElement)(WelcomeGuideImage, {
+      image: (0, _react.createElement)(WelcomeGuideImage, {
         nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-library.svg",
         animatedSrc: "https://s.w.org/images/block-editor/welcome-library.gif"
       }),
-      content: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("h1", {
+      content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("h1", {
         className: "edit-widgets-welcome-guide__heading"
-      }, (0, _i18n.__)('Get to know the block library')), (0, _element.createElement)("p", {
+      }, (0, _i18n.__)('Get to know the block library')), (0, _react.createElement)("p", {
         className: "edit-widgets-welcome-guide__text"
       }, (0, _element.createInterpolateElement)((0, _i18n.__)('All of the blocks available to you live in the block library. You’ll find it wherever you see the <InserterIconImage /> icon.'), {
-        InserterIconImage: (0, _element.createElement)("img", {
+        InserterIconImage: (0, _react.createElement)("img", {
           className: "edit-widgets-welcome-guide__inserter-icon",
           alt: (0, _i18n.__)('inserter'),
           src: "data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='2' fill='%231E1E1E'/%3E%3Cpath d='M9.22727 4V14M4 8.77273H14' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A"
         })
       })))
     }, {
-      image: (0, _element.createElement)(WelcomeGuideImage, {
+      image: (0, _react.createElement)(WelcomeGuideImage, {
         nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-documentation.svg",
         animatedSrc: "https://s.w.org/images/block-editor/welcome-documentation.gif"
       }),
-      content: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("h1", {
+      content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("h1", {
         className: "edit-widgets-welcome-guide__heading"
-      }, (0, _i18n.__)('Learn how to use the block editor')), (0, _element.createElement)("p", {
+      }, (0, _i18n.__)('Learn how to use the block editor')), (0, _react.createElement)("p", {
         className: "edit-widgets-welcome-guide__text"
-      }, (0, _i18n.__)('New to the block editor? Want to learn more about using it? '), (0, _element.createElement)(_components.ExternalLink, {
+      }, (0, _i18n.__)('New to the block editor? Want to learn more about using it? '), (0, _react.createElement)(_components.ExternalLink, {
         href: (0, _i18n.__)('https://wordpress.org/documentation/article/wordpress-block-editor/')
       }, (0, _i18n.__)("Here's a detailed guide."))))
     }]
@@ -100,12 +101,12 @@ function WelcomeGuideImage({
   nonAnimatedSrc,
   animatedSrc
 }) {
-  return (0, _element.createElement)("picture", {
+  return (0, _react.createElement)("picture", {
     className: "edit-widgets-welcome-guide__image"
-  }, (0, _element.createElement)("source", {
+  }, (0, _react.createElement)("source", {
     srcSet: nonAnimatedSrc,
     media: "(prefers-reduced-motion: reduce)"
-  }), (0, _element.createElement)("img", {
+  }), (0, _react.createElement)("img", {
     src: animatedSrc,
     width: "312",
     height: "240",

package/build/components/welcome-guide/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_components","_i18n","_preferences","_store","WelcomeGuide","_widgetAreas$filter$l","isActive","useSelect","select","preferencesStore","get","toggle","useDispatch","widgetAreas","editWidgetsStore","getWidgetAreas","per_page","isEntirelyBlockWidgets","every","widgetArea","id","widgets","widgetId","startsWith","numWidgetAreas","filter","length","createElement","Guide","className","contentLabel","__","finishButtonText","onFinish","pages","image","WelcomeGuideImage","nonAnimatedSrc","animatedSrc","content","Fragment","sprintf","_n","ExternalLink","href","createInterpolateElement","InserterIconImage","alt","src","srcSet","media","width","height"],"sources":["@wordpress/edit-widgets/src/components/welcome-guide/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { ExternalLink, Guide } from '@wordpress/components';\nimport { __, sprintf, _n } from '@wordpress/i18n';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function WelcomeGuide() {\n\tconst isActive = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'welcomeGuide'\n\t\t\t),\n\t\t[]\n\t);\n\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst widgetAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editWidgetsStore ).getWidgetAreas( { per_page: -1 } ),\n\t\t[]\n\t);\n\n\tif ( ! isActive ) {\n\t\treturn null;\n\t}\n\n\tconst isEntirelyBlockWidgets = widgetAreas?.every(\n\t\t( widgetArea ) =>\n\t\t\twidgetArea.id === 'wp_inactive_widgets' ||\n\t\t\twidgetArea.widgets.every( ( widgetId ) =>\n\t\t\t\twidgetId.startsWith( 'block-' )\n\t\t\t)\n\t);\n\n\tconst numWidgetAreas =\n\t\twidgetAreas?.filter(\n\t\t\t( widgetArea ) => widgetArea.id !== 'wp_inactive_widgets'\n\t\t).length ?? 0;\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-widgets-welcome-guide\"\n\t\t\tcontentLabel={ __( 'Welcome to block Widgets' ) }\n\t\t\tfinishButtonText={ __( 'Get started' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-widgets', 'welcomeGuide' ) }\n\t\t\tpages={ [\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-canvas.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-canvas.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Welcome to block Widgets' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t{ isEntirelyBlockWidgets ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t\t\t\t// Translators: %s: Number of block areas in the current theme.\n\t\t\t\t\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t\t\t\t\t'Your theme provides %s “block” area for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.',\n\t\t\t\t\t\t\t\t\t\t\t\t'Your theme provides %s different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.',\n\t\t\t\t\t\t\t\t\t\t\t\tnumWidgetAreas\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\tnumWidgetAreas\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t'You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t<strong>\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Want to stick with the old widgets?'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</strong>{ ' ' }\n\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/plugins/classic-widgets/'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Get the Classic Widgets plugin.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-editor.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-editor.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Make each block your own' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Each block comes with its own set of controls for changing things like color, width, and alignment. These will show and hide automatically when you have a block selected.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-library.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-library.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Get to know the block library' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t'All of the blocks available to you live in the block library. You’ll find it wherever you see the <InserterIconImage /> icon.'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tInserterIconImage: (\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-widgets-welcome-guide__inserter-icon\"\n\t\t\t\t\t\t\t\t\t\t\t\talt={ __( 'inserter' ) }\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='2' fill='%231E1E1E'/%3E%3Cpath d='M9.22727 4V14M4 8.77273H14' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-documentation.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-documentation.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Learn how to use the block editor' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'New to the block editor? Want to learn more about using it? '\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/wordpress-block-editor/'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( \"Here's a detailed guide.\" ) }\n\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t] }\n\t\t/>\n\t);\n}\n\nfunction WelcomeGuideImage( { nonAnimatedSrc, animatedSrc } ) {\n\treturn (\n\t\t<picture className=\"edit-widgets-welcome-guide__image\">\n\t\t\t<source\n\t\t\t\tsrcSet={ nonAnimatedSrc }\n\t\t\t\tmedia=\"(prefers-reduced-motion: reduce)\"\n\t\t\t/>\n\t\t\t<img src={ animatedSrc } width=\"312\" height=\"240\" alt=\"\" />\n\t\t</picture>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_data","require","_components","_i18n","_element","_preferences","_store","WelcomeGuide","_widgetAreas$filter$l","isActive","useSelect","select","preferencesStore","get","toggle","useDispatch","widgetAreas","editWidgetsStore","getWidgetAreas","per_page","isEntirelyBlockWidgets","every","widgetArea","id","widgets","widgetId","startsWith","numWidgetAreas","filter","length","_react","createElement","Guide","className","contentLabel","__","finishButtonText","onFinish","pages","image","WelcomeGuideImage","nonAnimatedSrc","animatedSrc","content","Fragment","sprintf","_n","ExternalLink","href","createInterpolateElement","InserterIconImage","alt","src","srcSet","media","width","height"],"sources":["@wordpress/edit-widgets/src/components/welcome-guide/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { ExternalLink, Guide } from '@wordpress/components';\nimport { __, sprintf, _n } from '@wordpress/i18n';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function WelcomeGuide() {\n\tconst isActive = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'welcomeGuide'\n\t\t\t),\n\t\t[]\n\t);\n\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst widgetAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editWidgetsStore ).getWidgetAreas( { per_page: -1 } ),\n\t\t[]\n\t);\n\n\tif ( ! isActive ) {\n\t\treturn null;\n\t}\n\n\tconst isEntirelyBlockWidgets = widgetAreas?.every(\n\t\t( widgetArea ) =>\n\t\t\twidgetArea.id === 'wp_inactive_widgets' ||\n\t\t\twidgetArea.widgets.every( ( widgetId ) =>\n\t\t\t\twidgetId.startsWith( 'block-' )\n\t\t\t)\n\t);\n\n\tconst numWidgetAreas =\n\t\twidgetAreas?.filter(\n\t\t\t( widgetArea ) => widgetArea.id !== 'wp_inactive_widgets'\n\t\t).length ?? 0;\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-widgets-welcome-guide\"\n\t\t\tcontentLabel={ __( 'Welcome to block Widgets' ) }\n\t\t\tfinishButtonText={ __( 'Get started' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-widgets', 'welcomeGuide' ) }\n\t\t\tpages={ [\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-canvas.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-canvas.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Welcome to block Widgets' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t{ isEntirelyBlockWidgets ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t\t\t\t// Translators: %s: Number of block areas in the current theme.\n\t\t\t\t\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t\t\t\t\t'Your theme provides %s “block” area for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.',\n\t\t\t\t\t\t\t\t\t\t\t\t'Your theme provides %s different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.',\n\t\t\t\t\t\t\t\t\t\t\t\tnumWidgetAreas\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\tnumWidgetAreas\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t'You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t<strong>\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Want to stick with the old widgets?'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</strong>{ ' ' }\n\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/plugins/classic-widgets/'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Get the Classic Widgets plugin.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-editor.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-editor.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Make each block your own' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Each block comes with its own set of controls for changing things like color, width, and alignment. These will show and hide automatically when you have a block selected.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-library.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-library.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Get to know the block library' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t'All of the blocks available to you live in the block library. You’ll find it wherever you see the <InserterIconImage /> icon.'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tInserterIconImage: (\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-widgets-welcome-guide__inserter-icon\"\n\t\t\t\t\t\t\t\t\t\t\t\talt={ __( 'inserter' ) }\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='2' fill='%231E1E1E'/%3E%3Cpath d='M9.22727 4V14M4 8.77273H14' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-documentation.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-documentation.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Learn how to use the block editor' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'New to the block editor? Want to learn more about using it? '\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/wordpress-block-editor/'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( \"Here's a detailed guide.\" ) }\n\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t] }\n\t\t/>\n\t);\n}\n\nfunction WelcomeGuideImage( { nonAnimatedSrc, animatedSrc } ) {\n\treturn (\n\t\t<picture className=\"edit-widgets-welcome-guide__image\">\n\t\t\t<source\n\t\t\t\tsrcSet={ nonAnimatedSrc }\n\t\t\t\tmedia=\"(prefers-reduced-motion: reduce)\"\n\t\t\t/>\n\t\t\t<img src={ animatedSrc } width=\"312\" height=\"240\" alt=\"\" />\n\t\t</picture>\n\t);\n}\n"],"mappings":"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"}

package/build/components/widget-areas-block-editor-content/index.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WidgetAreasBlockEditorContent;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
 var _preferences = require("@wordpress/preferences");
 var _notices = _interopRequireDefault(require("../notices"));
 var _keyboardShortcuts = _interopRequireDefault(require("../keyboard-shortcuts"));
@@ -26,12 +27,12 @@ function WidgetAreasBlockEditorContent({
   const styles = (0, _element.useMemo)(() => {
     return hasThemeStyles ? blockEditorSettings.styles : [];
   }, [blockEditorSettings, hasThemeStyles]);
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     className: "edit-widgets-block-editor"
-  }, (0, _element.createElement)(_notices.default, null), (0, _element.createElement)(_blockEditor.BlockTools, null, (0, _element.createElement)(_keyboardShortcuts.default, null), (0, _element.createElement)(_blockEditor.__unstableEditorStyles, {
+  }, (0, _react.createElement)(_notices.default, null), (0, _react.createElement)(_blockEditor.BlockTools, null, (0, _react.createElement)(_keyboardShortcuts.default, null), (0, _react.createElement)(_blockEditor.__unstableEditorStyles, {
     styles: styles,
     scope: ".editor-styles-wrapper"
-  }), (0, _element.createElement)(_blockEditor.BlockSelectionClearer, null, (0, _element.createElement)(_blockEditor.WritingFlow, null, (0, _element.createElement)(_blockEditor.BlockList, {
+  }), (0, _react.createElement)(_blockEditor.BlockSelectionClearer, null, (0, _react.createElement)(_blockEditor.WritingFlow, null, (0, _react.createElement)(_blockEditor.BlockList, {
     className: "edit-widgets-main-block-list"
   })))));
 }

package/build/components/widget-areas-block-editor-content/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_blockEditor","_data","_preferences","_notices","_interopRequireDefault","_keyboardShortcuts","WidgetAreasBlockEditorContent","blockEditorSettings","hasThemeStyles","useSelect","select","preferencesStore","get","styles","useMemo","createElement","className","default","BlockTools","__unstableEditorStyles","scope","BlockSelectionClearer","WritingFlow","BlockList"],"sources":["@wordpress/edit-widgets/src/components/widget-areas-block-editor-content/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBlockList,\n\tBlockTools,\n\tBlockSelectionClearer,\n\tWritingFlow,\n\t__unstableEditorStyles as EditorStyles,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport Notices from '../notices';\nimport KeyboardShortcuts from '../keyboard-shortcuts';\n\nexport default function WidgetAreasBlockEditorContent( {\n\tblockEditorSettings,\n} ) {\n\tconst hasThemeStyles = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'themeStyles'\n\t\t\t),\n\t\t[]\n\t);\n\n\tconst styles = useMemo( () => {\n\t\treturn hasThemeStyles ? blockEditorSettings.styles : [];\n\t}, [ blockEditorSettings, hasThemeStyles ] );\n\n\treturn (\n\t\t<div className=\"edit-widgets-block-editor\">\n\t\t\t<Notices />\n\t\t\t<BlockTools>\n\t\t\t\t<KeyboardShortcuts />\n\t\t\t\t<EditorStyles\n\t\t\t\t\tstyles={ styles }\n\t\t\t\t\tscope=\".editor-styles-wrapper\"\n\t\t\t\t/>\n\t\t\t\t<BlockSelectionClearer>\n\t\t\t\t\t<WritingFlow>\n\t\t\t\t\t\t<BlockList className=\"edit-widgets-main-block-list\" />\n\t\t\t\t\t</WritingFlow>\n\t\t\t\t</BlockSelectionClearer>\n\t\t\t</BlockTools>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAWA,IAAAA,QAAA,GAAAC,OAAA;AARA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AAKA,IAAAI,QAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAD,sBAAA,CAAAL,OAAA;AAlBA;AACA;AACA;;AAYA;AACA;AACA;;AAIe,SAASO,6BAA6BA,CAAE;EACtDC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAG,IAAAC,eAAS,EAC7BC,MAAM,IACP,CAAC,CAAEA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,GAAG,CAChC,mBAAmB,EACnB,aACD,CAAC,EACF,EACD,CAAC;EAED,MAAMC,MAAM,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC7B,OAAON,cAAc,GAAGD,mBAAmB,CAACM,MAAM,GAAG,EAAE;EACxD,CAAC,EAAE,CAAEN,mBAAmB,EAAEC,cAAc,CAAG,CAAC;EAE5C,OACC,IAAAV,QAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAC;EAA2B,GACzC,IAAAlB,QAAA,CAAAiB,aAAA,EAACZ,QAAA,CAAAc,OAAO,MAAE,CAAC,EACX,IAAAnB,QAAA,CAAAiB,aAAA,EAACf,YAAA,CAAAkB,UAAU,QACV,IAAApB,QAAA,CAAAiB,aAAA,EAACV,kBAAA,CAAAY,OAAiB,MAAE,CAAC,EACrB,IAAAnB,QAAA,CAAAiB,aAAA,EAACf,YAAA,CAAAmB,sBAAY;IACZN,MAAM,EAAGA,MAAQ;IACjBO,KAAK,EAAC;EAAwB,CAC9B,CAAC,EACF,IAAAtB,QAAA,CAAAiB,aAAA,EAACf,YAAA,CAAAqB,qBAAqB,QACrB,IAAAvB,QAAA,CAAAiB,aAAA,EAACf,YAAA,CAAAsB,WAAW,QACX,IAAAxB,QAAA,CAAAiB,aAAA,EAACf,YAAA,CAAAuB,SAAS;IAACP,SAAS,EAAC;EAA8B,CAAE,CACzC,CACS,CACZ,CACR,CAAC;AAER"}
+{"version":3,"names":["_blockEditor","require","_data","_element","_preferences","_notices","_interopRequireDefault","_keyboardShortcuts","WidgetAreasBlockEditorContent","blockEditorSettings","hasThemeStyles","useSelect","select","preferencesStore","get","styles","useMemo","_react","createElement","className","default","BlockTools","__unstableEditorStyles","scope","BlockSelectionClearer","WritingFlow","BlockList"],"sources":["@wordpress/edit-widgets/src/components/widget-areas-block-editor-content/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBlockList,\n\tBlockTools,\n\tBlockSelectionClearer,\n\tWritingFlow,\n\t__unstableEditorStyles as EditorStyles,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport Notices from '../notices';\nimport KeyboardShortcuts from '../keyboard-shortcuts';\n\nexport default function WidgetAreasBlockEditorContent( {\n\tblockEditorSettings,\n} ) {\n\tconst hasThemeStyles = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'themeStyles'\n\t\t\t),\n\t\t[]\n\t);\n\n\tconst styles = useMemo( () => {\n\t\treturn hasThemeStyles ? blockEditorSettings.styles : [];\n\t}, [ blockEditorSettings, hasThemeStyles ] );\n\n\treturn (\n\t\t<div className=\"edit-widgets-block-editor\">\n\t\t\t<Notices />\n\t\t\t<BlockTools>\n\t\t\t\t<KeyboardShortcuts />\n\t\t\t\t<EditorStyles\n\t\t\t\t\tstyles={ styles }\n\t\t\t\t\tscope=\".editor-styles-wrapper\"\n\t\t\t\t/>\n\t\t\t\t<BlockSelectionClearer>\n\t\t\t\t\t<WritingFlow>\n\t\t\t\t\t\t<BlockList className=\"edit-widgets-main-block-list\" />\n\t\t\t\t\t</WritingFlow>\n\t\t\t\t</BlockSelectionClearer>\n\t\t\t</BlockTools>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAKA,IAAAI,QAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAD,sBAAA,CAAAL,OAAA;AAlBA;AACA;AACA;;AAYA;AACA;AACA;;AAIe,SAASO,6BAA6BA,CAAE;EACtDC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAG,IAAAC,eAAS,EAC7BC,MAAM,IACP,CAAC,CAAEA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,GAAG,CAChC,mBAAmB,EACnB,aACD,CAAC,EACF,EACD,CAAC;EAED,MAAMC,MAAM,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC7B,OAAON,cAAc,GAAGD,mBAAmB,CAACM,MAAM,GAAG,EAAE;EACxD,CAAC,EAAE,CAAEN,mBAAmB,EAAEC,cAAc,CAAG,CAAC;EAE5C,OACC,IAAAO,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA2B,GACzC,IAAAF,MAAA,CAAAC,aAAA,EAACb,QAAA,CAAAe,OAAO,MAAE,CAAC,EACX,IAAAH,MAAA,CAAAC,aAAA,EAAClB,YAAA,CAAAqB,UAAU,QACV,IAAAJ,MAAA,CAAAC,aAAA,EAACX,kBAAA,CAAAa,OAAiB,MAAE,CAAC,EACrB,IAAAH,MAAA,CAAAC,aAAA,EAAClB,YAAA,CAAAsB,sBAAY;IACZP,MAAM,EAAGA,MAAQ;IACjBQ,KAAK,EAAC;EAAwB,CAC9B,CAAC,EACF,IAAAN,MAAA,CAAAC,aAAA,EAAClB,YAAA,CAAAwB,qBAAqB,QACrB,IAAAP,MAAA,CAAAC,aAAA,EAAClB,YAAA,CAAAyB,WAAW,QACX,IAAAR,MAAA,CAAAC,aAAA,EAAClB,YAAA,CAAA0B,SAAS;IAACP,SAAS,EAAC;EAA8B,CAAE,CACzC,CACS,CACZ,CACR,CAAC;AAER"}

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WidgetAreasBlockEditorProvider;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _mediaUtils = require("@wordpress/media-utils");
 var _data = require("@wordpress/data");
 var _coreData = require("@wordpress/core-data");
+var _element = require("@wordpress/element");
 var _blockEditor = require("@wordpress/block-editor");
 var _patterns = require("@wordpress/patterns");
 var _preferences = require("@wordpress/preferences");
@@ -83,14 +84,14 @@ function WidgetAreasBlockEditorProvider({
   const [blocks, onInput, onChange] = (0, _coreData.useEntityBlockEditor)(_utils.KIND, _utils.POST_TYPE, {
     id: (0, _utils.buildWidgetAreasPostId)()
   });
-  return (0, _element.createElement)(_components.SlotFillProvider, null, (0, _element.createElement)(_keyboardShortcuts.default.Register, null), (0, _element.createElement)(ExperimentalBlockEditorProvider, {
+  return (0, _react.createElement)(_components.SlotFillProvider, null, (0, _react.createElement)(_keyboardShortcuts.default.Register, null), (0, _react.createElement)(ExperimentalBlockEditorProvider, {
     value: blocks,
     onInput: onInput,
     onChange: onChange,
     settings: settings,
     useSubRegistry: false,
     ...props
-  }, (0, _element.createElement)(_blockEditor.CopyHandler, null, children), (0, _element.createElement)(PatternsMenuItems, {
+  }, children, (0, _react.createElement)(PatternsMenuItems, {
     rootClientId: widgetAreaId
   })));
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_mediaUtils","_data","_coreData","_blockEditor","_patterns","_preferences","_keyboardShortcuts","_interopRequireDefault","_utils","_useLastSelectedWidgetArea","_store","_constants","_lockUnlock","ExperimentalBlockEditorProvider","unlock","blockEditorPrivateApis","PatternsMenuItems","editPatternsPrivateApis","WidgetAreasBlockEditorProvider","blockEditorSettings","children","props","mediaPermissions","useResourcePermissions","reusableBlocks","isFixedToolbarActive","keepCaretInsideBlock","useSelect","select","widgetAreas","editWidgetsStore","getWidgetAreas","widgets","getWidgets","ALLOW_REUSABLE_BLOCKS","coreStore","getEntityRecords","preferencesStore","get","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","createElement","SlotFillProvider","default","Register","value","useSubRegistry","CopyHandler","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 {\n\tCopyHandler,\n\tprivateApis as blockEditorPrivateApis,\n} 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 { reusableBlocks, isFixedToolbarActive, keepCaretInsideBlock } =\n\t\tuseSelect(\n\t\t\t( select ) => ( {\n\t\t\t\twidgetAreas: select( editWidgetsStore ).getWidgetAreas(),\n\t\t\t\twidgets: select( editWidgetsStore ).getWidgets(),\n\t\t\t\treusableBlocks: ALLOW_REUSABLE_BLOCKS\n\t\t\t\t\t? select( coreStore ).getEntityRecords(\n\t\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t\t'wp_block'\n\t\t\t\t\t  )\n\t\t\t\t\t: [],\n\t\t\t\tisFixedToolbarActive: !! select( preferencesStore ).get(\n\t\t\t\t\t'core/edit-widgets',\n\t\t\t\t\t'fixedToolbar'\n\t\t\t\t),\n\t\t\t\tkeepCaretInsideBlock: !! select( preferencesStore ).get(\n\t\t\t\t\t'core/edit-widgets',\n\t\t\t\t\t'keepCaretInsideBlock'\n\t\t\t\t),\n\t\t\t} ),\n\t\t\t[]\n\t\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};\n\t}, [\n\t\tblockEditorSettings,\n\t\tisFixedToolbarActive,\n\t\tkeepCaretInsideBlock,\n\t\tmediaPermissions.canCreate,\n\t\treusableBlocks,\n\t\tsetIsInserterOpened,\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<CopyHandler>{ children }</CopyHandler>\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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"}
+{"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","useSelect","select","widgetAreas","editWidgetsStore","getWidgetAreas","widgets","getWidgets","ALLOW_REUSABLE_BLOCKS","coreStore","getEntityRecords","preferencesStore","get","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 { reusableBlocks, isFixedToolbarActive, keepCaretInsideBlock } =\n\t\tuseSelect(\n\t\t\t( select ) => ( {\n\t\t\t\twidgetAreas: select( editWidgetsStore ).getWidgetAreas(),\n\t\t\t\twidgets: select( editWidgetsStore ).getWidgets(),\n\t\t\t\treusableBlocks: ALLOW_REUSABLE_BLOCKS\n\t\t\t\t\t? select( coreStore ).getEntityRecords(\n\t\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t\t'wp_block'\n\t\t\t\t\t  )\n\t\t\t\t\t: [],\n\t\t\t\tisFixedToolbarActive: !! select( preferencesStore ).get(\n\t\t\t\t\t'core/edit-widgets',\n\t\t\t\t\t'fixedToolbar'\n\t\t\t\t),\n\t\t\t\tkeepCaretInsideBlock: !! select( preferencesStore ).get(\n\t\t\t\t\t'core/edit-widgets',\n\t\t\t\t\t'keepCaretInsideBlock'\n\t\t\t\t),\n\t\t\t} ),\n\t\t\t[]\n\t\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};\n\t}, [\n\t\tblockEditorSettings,\n\t\tisFixedToolbarActive,\n\t\tkeepCaretInsideBlock,\n\t\tmediaPermissions.canCreate,\n\t\treusableBlocks,\n\t\tsetIsInserterOpened,\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/filters/move-to-widget-area.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 var _compose = require("@wordpress/compose");
 var _data = require("@wordpress/data");
@@ -42,9 +42,9 @@ const withMoveToWidgetAreaToolbarItem = (0, _compose.createHigherOrderComponent)
   } = (0, _data.useDispatch)(_store.store);
   const hasMultipleWidgetAreas = widgetAreas?.length > 1;
   const isMoveToWidgetAreaVisible = blockName !== 'core/widget-area' && hasMultipleWidgetAreas && canInsertBlockInWidgetArea;
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(BlockEdit, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(BlockEdit, {
     ...props
-  }), isMoveToWidgetAreaVisible && (0, _element.createElement)(_blockEditor.BlockControls, null, (0, _element.createElement)(_widgets.MoveToWidgetArea, {
+  }), isMoveToWidgetAreaVisible && (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_widgets.MoveToWidgetArea, {
     widgetAreas: widgetAreas,
     currentWidgetAreaId: currentWidgetAreaId,
     onSelect: widgetAreaId => {

package/build/filters/move-to-widget-area.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_compose","_data","_hooks","_widgets","_store","withMoveToWidgetAreaToolbarItem","createHigherOrderComponent","BlockEdit","props","clientId","name","blockName","widgetAreas","currentWidgetAreaId","canInsertBlockInWidgetArea","useSelect","select","selectors","editWidgetsStore","widgetAreaBlock","getParentWidgetAreaBlock","getWidgetAreas","attributes","id","moveBlockToWidgetArea","useDispatch","hasMultipleWidgetAreas","length","isMoveToWidgetAreaVisible","_element","createElement","Fragment","BlockControls","MoveToWidgetArea","onSelect","widgetAreaId","addFilter"],"sources":["@wordpress/edit-widgets/src/filters/move-to-widget-area.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\n\nimport { BlockControls } from '@wordpress/block-editor';\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { addFilter } from '@wordpress/hooks';\nimport { MoveToWidgetArea } from '@wordpress/widgets';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../store';\n\nconst withMoveToWidgetAreaToolbarItem = createHigherOrderComponent(\n\t( BlockEdit ) => ( props ) => {\n\t\tconst { clientId, name: blockName } = props;\n\t\tconst { widgetAreas, currentWidgetAreaId, canInsertBlockInWidgetArea } =\n\t\t\tuseSelect(\n\t\t\t\t( select ) => {\n\t\t\t\t\t// Component won't display for a widget area, so don't run selectors.\n\t\t\t\t\tif ( blockName === 'core/widget-area' ) {\n\t\t\t\t\t\treturn {};\n\t\t\t\t\t}\n\n\t\t\t\t\tconst selectors = select( editWidgetsStore );\n\n\t\t\t\t\tconst widgetAreaBlock =\n\t\t\t\t\t\tselectors.getParentWidgetAreaBlock( clientId );\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\twidgetAreas: selectors.getWidgetAreas(),\n\t\t\t\t\t\tcurrentWidgetAreaId: widgetAreaBlock?.attributes?.id,\n\t\t\t\t\t\tcanInsertBlockInWidgetArea:\n\t\t\t\t\t\t\tselectors.canInsertBlockInWidgetArea( blockName ),\n\t\t\t\t\t};\n\t\t\t\t},\n\t\t\t\t[ clientId, blockName ]\n\t\t\t);\n\n\t\tconst { moveBlockToWidgetArea } = useDispatch( editWidgetsStore );\n\t\tconst hasMultipleWidgetAreas = widgetAreas?.length > 1;\n\t\tconst isMoveToWidgetAreaVisible =\n\t\t\tblockName !== 'core/widget-area' &&\n\t\t\thasMultipleWidgetAreas &&\n\t\t\tcanInsertBlockInWidgetArea;\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<BlockEdit { ...props } />\n\t\t\t\t{ isMoveToWidgetAreaVisible && (\n\t\t\t\t\t<BlockControls>\n\t\t\t\t\t\t<MoveToWidgetArea\n\t\t\t\t\t\t\twidgetAreas={ widgetAreas }\n\t\t\t\t\t\t\tcurrentWidgetAreaId={ currentWidgetAreaId }\n\t\t\t\t\t\t\tonSelect={ ( widgetAreaId ) => {\n\t\t\t\t\t\t\t\tmoveBlockToWidgetArea(\n\t\t\t\t\t\t\t\t\tprops.clientId,\n\t\t\t\t\t\t\t\t\twidgetAreaId\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t},\n\t'withMoveToWidgetAreaToolbarItem'\n);\n\naddFilter(\n\t'editor.BlockEdit',\n\t'core/edit-widgets/block-edit',\n\twithMoveToWidgetAreaToolbarItem\n);\n"],"mappings":";;;AAIA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AAbA;AACA;AACA;;AAQA;AACA;AACA;;AAGA,MAAMM,+BAA+B,GAAG,IAAAC,mCAA0B,EAC/DC,SAAS,IAAQC,KAAK,IAAM;EAC7B,MAAM;IAAEC,QAAQ;IAAEC,IAAI,EAAEC;EAAU,CAAC,GAAGH,KAAK;EAC3C,MAAM;IAAEI,WAAW;IAAEC,mBAAmB;IAAEC;EAA2B,CAAC,GACrE,IAAAC,eAAS,EACNC,MAAM,IAAM;IACb;IACA,IAAKL,SAAS,KAAK,kBAAkB,EAAG;MACvC,OAAO,CAAC,CAAC;IACV;IAEA,MAAMM,SAAS,GAAGD,MAAM,CAAEE,YAAiB,CAAC;IAE5C,MAAMC,eAAe,GACpBF,SAAS,CAACG,wBAAwB,CAAEX,QAAS,CAAC;IAE/C,OAAO;MACNG,WAAW,EAAEK,SAAS,CAACI,cAAc,CAAC,CAAC;MACvCR,mBAAmB,EAAEM,eAAe,EAAEG,UAAU,EAAEC,EAAE;MACpDT,0BAA0B,EACzBG,SAAS,CAACH,0BAA0B,CAAEH,SAAU;IAClD,CAAC;EACF,CAAC,EACD,CAAEF,QAAQ,EAAEE,SAAS,CACtB,CAAC;EAEF,MAAM;IAAEa;EAAsB,CAAC,GAAG,IAAAC,iBAAW,EAAEP,YAAiB,CAAC;EACjE,MAAMQ,sBAAsB,GAAGd,WAAW,EAAEe,MAAM,GAAG,CAAC;EACtD,MAAMC,yBAAyB,GAC9BjB,SAAS,KAAK,kBAAkB,IAChCe,sBAAsB,IACtBZ,0BAA0B;EAE3B,OACC,IAAAe,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA,EAACvB,SAAS;IAAA,GAAMC;EAAK,CAAI,CAAC,EACxBoB,yBAAyB,IAC1B,IAAAC,QAAA,CAAAC,aAAA,EAAChC,YAAA,CAAAkC,aAAa,QACb,IAAAH,QAAA,CAAAC,aAAA,EAAC3B,QAAA,CAAA8B,gBAAgB;IAChBrB,WAAW,EAAGA,WAAa;IAC3BC,mBAAmB,EAAGA,mBAAqB;IAC3CqB,QAAQ,EAAKC,YAAY,IAAM;MAC9BX,qBAAqB,CACpBhB,KAAK,CAACC,QAAQ,EACd0B,YACD,CAAC;IACF;EAAG,CACH,CACa,CAEf,CAAC;AAEL,CAAC,EACD,iCACD,CAAC;AAED,IAAAC,gBAAS,EACR,kBAAkB,EAClB,8BAA8B,EAC9B/B,+BACD,CAAC"}
+{"version":3,"names":["_blockEditor","require","_compose","_data","_hooks","_widgets","_store","withMoveToWidgetAreaToolbarItem","createHigherOrderComponent","BlockEdit","props","clientId","name","blockName","widgetAreas","currentWidgetAreaId","canInsertBlockInWidgetArea","useSelect","select","selectors","editWidgetsStore","widgetAreaBlock","getParentWidgetAreaBlock","getWidgetAreas","attributes","id","moveBlockToWidgetArea","useDispatch","hasMultipleWidgetAreas","length","isMoveToWidgetAreaVisible","_react","createElement","Fragment","BlockControls","MoveToWidgetArea","onSelect","widgetAreaId","addFilter"],"sources":["@wordpress/edit-widgets/src/filters/move-to-widget-area.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\n\nimport { BlockControls } from '@wordpress/block-editor';\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { addFilter } from '@wordpress/hooks';\nimport { MoveToWidgetArea } from '@wordpress/widgets';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../store';\n\nconst withMoveToWidgetAreaToolbarItem = createHigherOrderComponent(\n\t( BlockEdit ) => ( props ) => {\n\t\tconst { clientId, name: blockName } = props;\n\t\tconst { widgetAreas, currentWidgetAreaId, canInsertBlockInWidgetArea } =\n\t\t\tuseSelect(\n\t\t\t\t( select ) => {\n\t\t\t\t\t// Component won't display for a widget area, so don't run selectors.\n\t\t\t\t\tif ( blockName === 'core/widget-area' ) {\n\t\t\t\t\t\treturn {};\n\t\t\t\t\t}\n\n\t\t\t\t\tconst selectors = select( editWidgetsStore );\n\n\t\t\t\t\tconst widgetAreaBlock =\n\t\t\t\t\t\tselectors.getParentWidgetAreaBlock( clientId );\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\twidgetAreas: selectors.getWidgetAreas(),\n\t\t\t\t\t\tcurrentWidgetAreaId: widgetAreaBlock?.attributes?.id,\n\t\t\t\t\t\tcanInsertBlockInWidgetArea:\n\t\t\t\t\t\t\tselectors.canInsertBlockInWidgetArea( blockName ),\n\t\t\t\t\t};\n\t\t\t\t},\n\t\t\t\t[ clientId, blockName ]\n\t\t\t);\n\n\t\tconst { moveBlockToWidgetArea } = useDispatch( editWidgetsStore );\n\t\tconst hasMultipleWidgetAreas = widgetAreas?.length > 1;\n\t\tconst isMoveToWidgetAreaVisible =\n\t\t\tblockName !== 'core/widget-area' &&\n\t\t\thasMultipleWidgetAreas &&\n\t\t\tcanInsertBlockInWidgetArea;\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<BlockEdit { ...props } />\n\t\t\t\t{ isMoveToWidgetAreaVisible && (\n\t\t\t\t\t<BlockControls>\n\t\t\t\t\t\t<MoveToWidgetArea\n\t\t\t\t\t\t\twidgetAreas={ widgetAreas }\n\t\t\t\t\t\t\tcurrentWidgetAreaId={ currentWidgetAreaId }\n\t\t\t\t\t\t\tonSelect={ ( widgetAreaId ) => {\n\t\t\t\t\t\t\t\tmoveBlockToWidgetArea(\n\t\t\t\t\t\t\t\t\tprops.clientId,\n\t\t\t\t\t\t\t\t\twidgetAreaId\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t},\n\t'withMoveToWidgetAreaToolbarItem'\n);\n\naddFilter(\n\t'editor.BlockEdit',\n\t'core/edit-widgets/block-edit',\n\twithMoveToWidgetAreaToolbarItem\n);\n"],"mappings":";;;AAIA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AAbA;AACA;AACA;;AAQA;AACA;AACA;;AAGA,MAAMM,+BAA+B,GAAG,IAAAC,mCAA0B,EAC/DC,SAAS,IAAQC,KAAK,IAAM;EAC7B,MAAM;IAAEC,QAAQ;IAAEC,IAAI,EAAEC;EAAU,CAAC,GAAGH,KAAK;EAC3C,MAAM;IAAEI,WAAW;IAAEC,mBAAmB;IAAEC;EAA2B,CAAC,GACrE,IAAAC,eAAS,EACNC,MAAM,IAAM;IACb;IACA,IAAKL,SAAS,KAAK,kBAAkB,EAAG;MACvC,OAAO,CAAC,CAAC;IACV;IAEA,MAAMM,SAAS,GAAGD,MAAM,CAAEE,YAAiB,CAAC;IAE5C,MAAMC,eAAe,GACpBF,SAAS,CAACG,wBAAwB,CAAEX,QAAS,CAAC;IAE/C,OAAO;MACNG,WAAW,EAAEK,SAAS,CAACI,cAAc,CAAC,CAAC;MACvCR,mBAAmB,EAAEM,eAAe,EAAEG,UAAU,EAAEC,EAAE;MACpDT,0BAA0B,EACzBG,SAAS,CAACH,0BAA0B,CAAEH,SAAU;IAClD,CAAC;EACF,CAAC,EACD,CAAEF,QAAQ,EAAEE,SAAS,CACtB,CAAC;EAEF,MAAM;IAAEa;EAAsB,CAAC,GAAG,IAAAC,iBAAW,EAAEP,YAAiB,CAAC;EACjE,MAAMQ,sBAAsB,GAAGd,WAAW,EAAEe,MAAM,GAAG,CAAC;EACtD,MAAMC,yBAAyB,GAC9BjB,SAAS,KAAK,kBAAkB,IAChCe,sBAAsB,IACtBZ,0BAA0B;EAE3B,OACC,IAAAe,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACvB,SAAS;IAAA,GAAMC;EAAK,CAAI,CAAC,EACxBoB,yBAAyB,IAC1B,IAAAC,MAAA,CAAAC,aAAA,EAAChC,YAAA,CAAAkC,aAAa,QACb,IAAAH,MAAA,CAAAC,aAAA,EAAC3B,QAAA,CAAA8B,gBAAgB;IAChBrB,WAAW,EAAGA,WAAa;IAC3BC,mBAAmB,EAAGA,mBAAqB;IAC3CqB,QAAQ,EAAKC,YAAY,IAAM;MAC9BX,qBAAqB,CACpBhB,KAAK,CAACC,QAAQ,EACd0B,YACD,CAAC;IACF;EAAG,CACH,CACa,CAEf,CAAC;AAEL,CAAC,EACD,iCACD,CAAC;AAED,IAAAC,gBAAS,EACR,kBAAkB,EAClB,8BAA8B,EAC9B/B,+BACD,CAAC"}

package/build/index.js

@@ -13,10 +13,11 @@ Object.defineProperty(exports, "store", {
     return _store.store;
   }
 });
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blocks = require("@wordpress/blocks");
 var _data = require("@wordpress/data");
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
+var _element = require("@wordpress/element");
 var _blockLibrary = require("@wordpress/block-library");
 var _coreData = require("@wordpress/core-data");
 var _widgets = require("@wordpress/widgets");
@@ -74,7 +75,7 @@ function initializeEditor(id, settings) {
   // do this will result in errors in the default block parser.
   // see: https://github.com/WordPress/gutenberg/issues/33097
   (0, _blocks.setFreeformContentHandlerName)('core/html');
-  root.render((0, _element.createElement)(_layout.default, {
+  root.render((0, _react.createElement)(_layout.default, {
     blockEditorSettings: settings
   }));
   return root;