@wordpress/edit-widgets 5.34.0 → 6.0.0

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 ## Unreleased
 
+## 6.0.0 (2024-05-31)
+
+### Breaking Changes
+
+-   Variables like `process.env.IS_GUTENBERG_PLUGIN` have been replaced by `globalThis.IS_GUTENBERG_PLUGIN`. Build systems using `process.env` should be updated ([#61486](https://github.com/WordPress/gutenberg/pull/61486)).
+-   Increase the minimum required Node.js version to v18.12.0 matching long-term support releases ([#31270](https://github.com/WordPress/gutenberg/pull/61930)). Learn more about [Node.js releases](https://nodejs.org/en/about/previous-releases).
+
+## 5.35.0 (2024-05-16)
+
+### Internal
+
+-   Replaced `classnames` package with the faster and smaller `clsx` package ([#61138](https://github.com/WordPress/gutenberg/pull/61138)).
+
 ## 5.34.0 (2024-05-02)
 
 ## 5.33.0 (2024-04-19)
@@ -146,8 +159,8 @@
 
 ### Breaking Changes
 
--   Drop support for Internet Explorer 11 ([#31110](https://github.com/WordPress/gutenberg/pull/31110)). Learn more at https://make.wordpress.org/core/2021/04/22/ie-11-support-phase-out-plan/.
--   Increase the minimum Node.js version to v12 matching Long Term Support releases ([#31270](https://github.com/WordPress/gutenberg/pull/31270)). Learn more at https://nodejs.org/en/about/releases/.
+-   Drop support for Internet Explorer 11 ([#31110](https://github.com/WordPress/gutenberg/pull/31110)). Learn more at <https://make.wordpress.org/core/2021/04/22/ie-11-support-phase-out-plan/>.
+-   Increase the minimum Node.js version to v12 matching Long Term Support releases ([#31270](https://github.com/WordPress/gutenberg/pull/31270)). Learn more at <https://nodejs.org/en/about/releases/>.
 
 ## 1.3.0 (2021-03-17)
 

package/build/blocks/widget-area/edit/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WidgetAreaEdit;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _coreData = require("@wordpress/core-data");
@@ -13,6 +12,7 @@ var _components = require("@wordpress/components");
 var _innerBlocks = _interopRequireDefault(require("./inner-blocks"));
 var _store = require("../../../store");
 var _useIsDraggingWithin = _interopRequireDefault(require("./use-is-dragging-within"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -21,9 +21,7 @@ var _useIsDraggingWithin = _interopRequireDefault(require("./use-is-dragging-wit
  * Internal dependencies
  */
 
-/** @typedef {import('@wordpress/element').RefObject} RefObject */
-
-function WidgetAreaEdit({
+/** @typedef {import('@wordpress/element').RefObject} RefObject */function WidgetAreaEdit({
   clientId,
   className,
   attributes: {
@@ -52,33 +50,38 @@ function WidgetAreaEdit({
       setOpen(false);
     }
   }, [isOpen, isDragging, isDraggingWithin, openedWhileDragging]);
-  return (0, _react.createElement)(_components.Panel, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Panel, {
     className: className,
-    ref: wrapper
-  }, (0, _react.createElement)(_components.PanelBody, {
-    title: name,
-    opened: isOpen,
-    onToggle: () => {
-      setIsWidgetAreaOpen(clientId, !isOpen);
-    },
-    scrollAfterOpen: !isDragging
-  }, ({
-    opened
-  }) =>
-  // This is required to ensure LegacyWidget blocks are not
-  // unmounted when the panel is collapsed. Unmounting legacy
-  // widgets may have unintended consequences (e.g.  TinyMCE
-  // not being properly reinitialized)
-  (0, _react.createElement)(_components.__unstableDisclosureContent, {
-    className: "wp-block-widget-area__panel-body-content",
-    visible: opened
-  }, (0, _react.createElement)(_coreData.EntityProvider, {
-    kind: "root",
-    type: "postType",
-    id: `widget-area-${id}`
-  }, (0, _react.createElement)(_innerBlocks.default, {
-    id: id
-  })))));
+    ref: wrapper,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PanelBody, {
+      title: name,
+      opened: isOpen,
+      onToggle: () => {
+        setIsWidgetAreaOpen(clientId, !isOpen);
+      },
+      scrollAfterOpen: !isDragging,
+      children: ({
+        opened
+      }) =>
+      /*#__PURE__*/
+      // This is required to ensure LegacyWidget blocks are not
+      // unmounted when the panel is collapsed. Unmounting legacy
+      // widgets may have unintended consequences (e.g.  TinyMCE
+      // not being properly reinitialized)
+      (0, _jsxRuntime.jsx)(_components.__unstableDisclosureContent, {
+        className: "wp-block-widget-area__panel-body-content",
+        visible: opened,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_coreData.EntityProvider, {
+          kind: "root",
+          type: "postType",
+          id: `widget-area-${id}`,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_innerBlocks.default, {
+            id: id
+          })
+        })
+      })
+    })
+  });
 }
 
 /**

package/build/blocks/widget-area/edit/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_coreData","_components","_innerBlocks","_interopRequireDefault","_store","_useIsDraggingWithin","WidgetAreaEdit","clientId","className","attributes","id","name","isOpen","useSelect","select","editWidgetsStore","getIsWidgetAreaOpen","setIsWidgetAreaOpen","useDispatch","wrapper","useRef","setOpen","useCallback","openState","isDragging","useIsDragging","isDraggingWithin","useIsDraggingWithin","openedWhileDragging","setOpenedWhileDragging","useState","useEffect","_react","createElement","Panel","ref","PanelBody","title","opened","onToggle","scrollAfterOpen","__unstableDisclosureContent","visible","EntityProvider","kind","type","default","elementRef","setIsDragging","ownerDocument","current","handleDragStart","handleDragEnd","addEventListener","removeEventListener"],"sources":["@wordpress/edit-widgets/src/blocks/widget-area/edit/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useState, useCallback, useRef } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { EntityProvider } from '@wordpress/core-data';\nimport {\n\t__unstableDisclosureContent as DisclosureContent,\n\tPanel,\n\tPanelBody,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport WidgetAreaInnerBlocks from './inner-blocks';\nimport { store as editWidgetsStore } from '../../../store';\nimport useIsDraggingWithin from './use-is-dragging-within';\n\n/** @typedef {import('@wordpress/element').RefObject} RefObject */\n\nexport default function WidgetAreaEdit( {\n\tclientId,\n\tclassName,\n\tattributes: { id, name },\n} ) {\n\tconst isOpen = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editWidgetsStore ).getIsWidgetAreaOpen( clientId ),\n\t\t[ clientId ]\n\t);\n\tconst { setIsWidgetAreaOpen } = useDispatch( editWidgetsStore );\n\n\tconst wrapper = useRef();\n\tconst setOpen = useCallback(\n\t\t( openState ) => setIsWidgetAreaOpen( clientId, openState ),\n\t\t[ clientId ]\n\t);\n\tconst isDragging = useIsDragging( wrapper );\n\tconst isDraggingWithin = useIsDraggingWithin( wrapper );\n\n\tconst [ openedWhileDragging, setOpenedWhileDragging ] = useState( false );\n\tuseEffect( () => {\n\t\tif ( ! isDragging ) {\n\t\t\tsetOpenedWhileDragging( false );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isDraggingWithin && ! isOpen ) {\n\t\t\tsetOpen( true );\n\t\t\tsetOpenedWhileDragging( true );\n\t\t} else if ( ! isDraggingWithin && isOpen && openedWhileDragging ) {\n\t\t\tsetOpen( false );\n\t\t}\n\t}, [ isOpen, isDragging, isDraggingWithin, openedWhileDragging ] );\n\n\treturn (\n\t\t<Panel className={ className } ref={ wrapper }>\n\t\t\t<PanelBody\n\t\t\t\ttitle={ name }\n\t\t\t\topened={ isOpen }\n\t\t\t\tonToggle={ () => {\n\t\t\t\t\tsetIsWidgetAreaOpen( clientId, ! isOpen );\n\t\t\t\t} }\n\t\t\t\tscrollAfterOpen={ ! isDragging }\n\t\t\t>\n\t\t\t\t{ ( { opened } ) => (\n\t\t\t\t\t// This is required to ensure LegacyWidget blocks are not\n\t\t\t\t\t// unmounted when the panel is collapsed. Unmounting legacy\n\t\t\t\t\t// widgets may have unintended consequences (e.g.  TinyMCE\n\t\t\t\t\t// not being properly reinitialized)\n\t\t\t\t\t<DisclosureContent\n\t\t\t\t\t\tclassName=\"wp-block-widget-area__panel-body-content\"\n\t\t\t\t\t\tvisible={ opened }\n\t\t\t\t\t>\n\t\t\t\t\t\t<EntityProvider\n\t\t\t\t\t\t\tkind=\"root\"\n\t\t\t\t\t\t\ttype=\"postType\"\n\t\t\t\t\t\t\tid={ `widget-area-${ id }` }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<WidgetAreaInnerBlocks id={ id } />\n\t\t\t\t\t\t</EntityProvider>\n\t\t\t\t\t</DisclosureContent>\n\t\t\t\t) }\n\t\t\t</PanelBody>\n\t\t</Panel>\n\t);\n}\n\n/**\n * A React hook to determine if dragging is active.\n *\n * @param {RefObject<HTMLElement>} elementRef The target elementRef object.\n *\n * @return {boolean} Is dragging within the entire document.\n */\nconst useIsDragging = ( elementRef ) => {\n\tconst [ isDragging, setIsDragging ] = useState( false );\n\n\tuseEffect( () => {\n\t\tconst { ownerDocument } = elementRef.current;\n\n\t\tfunction handleDragStart() {\n\t\t\tsetIsDragging( true );\n\t\t}\n\n\t\tfunction handleDragEnd() {\n\t\t\tsetIsDragging( false );\n\t\t}\n\n\t\townerDocument.addEventListener( 'dragstart', handleDragStart );\n\t\townerDocument.addEventListener( 'dragend', handleDragEnd );\n\n\t\treturn () => {\n\t\t\townerDocument.removeEventListener( 'dragstart', handleDragStart );\n\t\t\townerDocument.removeEventListener( 'dragend', handleDragEnd );\n\t\t};\n\t}, [] );\n\n\treturn isDragging;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_element","require","_data","_coreData","_components","_innerBlocks","_interopRequireDefault","_store","_useIsDraggingWithin","_jsxRuntime","WidgetAreaEdit","clientId","className","attributes","id","name","isOpen","useSelect","select","editWidgetsStore","getIsWidgetAreaOpen","setIsWidgetAreaOpen","useDispatch","wrapper","useRef","setOpen","useCallback","openState","isDragging","useIsDragging","isDraggingWithin","useIsDraggingWithin","openedWhileDragging","setOpenedWhileDragging","useState","useEffect","jsx","Panel","ref","children","PanelBody","title","opened","onToggle","scrollAfterOpen","__unstableDisclosureContent","visible","EntityProvider","kind","type","default","elementRef","setIsDragging","ownerDocument","current","handleDragStart","handleDragEnd","addEventListener","removeEventListener"],"sources":["@wordpress/edit-widgets/src/blocks/widget-area/edit/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useState, useCallback, useRef } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { EntityProvider } from '@wordpress/core-data';\nimport {\n\t__unstableDisclosureContent as DisclosureContent,\n\tPanel,\n\tPanelBody,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport WidgetAreaInnerBlocks from './inner-blocks';\nimport { store as editWidgetsStore } from '../../../store';\nimport useIsDraggingWithin from './use-is-dragging-within';\n\n/** @typedef {import('@wordpress/element').RefObject} RefObject */\n\nexport default function WidgetAreaEdit( {\n\tclientId,\n\tclassName,\n\tattributes: { id, name },\n} ) {\n\tconst isOpen = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editWidgetsStore ).getIsWidgetAreaOpen( clientId ),\n\t\t[ clientId ]\n\t);\n\tconst { setIsWidgetAreaOpen } = useDispatch( editWidgetsStore );\n\n\tconst wrapper = useRef();\n\tconst setOpen = useCallback(\n\t\t( openState ) => setIsWidgetAreaOpen( clientId, openState ),\n\t\t[ clientId ]\n\t);\n\tconst isDragging = useIsDragging( wrapper );\n\tconst isDraggingWithin = useIsDraggingWithin( wrapper );\n\n\tconst [ openedWhileDragging, setOpenedWhileDragging ] = useState( false );\n\tuseEffect( () => {\n\t\tif ( ! isDragging ) {\n\t\t\tsetOpenedWhileDragging( false );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isDraggingWithin && ! isOpen ) {\n\t\t\tsetOpen( true );\n\t\t\tsetOpenedWhileDragging( true );\n\t\t} else if ( ! isDraggingWithin && isOpen && openedWhileDragging ) {\n\t\t\tsetOpen( false );\n\t\t}\n\t}, [ isOpen, isDragging, isDraggingWithin, openedWhileDragging ] );\n\n\treturn (\n\t\t<Panel className={ className } ref={ wrapper }>\n\t\t\t<PanelBody\n\t\t\t\ttitle={ name }\n\t\t\t\topened={ isOpen }\n\t\t\t\tonToggle={ () => {\n\t\t\t\t\tsetIsWidgetAreaOpen( clientId, ! isOpen );\n\t\t\t\t} }\n\t\t\t\tscrollAfterOpen={ ! isDragging }\n\t\t\t>\n\t\t\t\t{ ( { opened } ) => (\n\t\t\t\t\t// This is required to ensure LegacyWidget blocks are not\n\t\t\t\t\t// unmounted when the panel is collapsed. Unmounting legacy\n\t\t\t\t\t// widgets may have unintended consequences (e.g.  TinyMCE\n\t\t\t\t\t// not being properly reinitialized)\n\t\t\t\t\t<DisclosureContent\n\t\t\t\t\t\tclassName=\"wp-block-widget-area__panel-body-content\"\n\t\t\t\t\t\tvisible={ opened }\n\t\t\t\t\t>\n\t\t\t\t\t\t<EntityProvider\n\t\t\t\t\t\t\tkind=\"root\"\n\t\t\t\t\t\t\ttype=\"postType\"\n\t\t\t\t\t\t\tid={ `widget-area-${ id }` }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<WidgetAreaInnerBlocks id={ id } />\n\t\t\t\t\t\t</EntityProvider>\n\t\t\t\t\t</DisclosureContent>\n\t\t\t\t) }\n\t\t\t</PanelBody>\n\t\t</Panel>\n\t);\n}\n\n/**\n * A React hook to determine if dragging is active.\n *\n * @param {RefObject<HTMLElement>} elementRef The target elementRef object.\n *\n * @return {boolean} Is dragging within the entire document.\n */\nconst useIsDragging = ( elementRef ) => {\n\tconst [ isDragging, setIsDragging ] = useState( false );\n\n\tuseEffect( () => {\n\t\tconst { ownerDocument } = elementRef.current;\n\n\t\tfunction handleDragStart() {\n\t\t\tsetIsDragging( true );\n\t\t}\n\n\t\tfunction handleDragEnd() {\n\t\t\tsetIsDragging( false );\n\t\t}\n\n\t\townerDocument.addEventListener( 'dragstart', handleDragStart );\n\t\townerDocument.addEventListener( 'dragend', handleDragEnd );\n\n\t\treturn () => {\n\t\t\townerDocument.removeEventListener( 'dragstart', handleDragStart );\n\t\t\townerDocument.removeEventListener( 'dragend', handleDragEnd );\n\t\t};\n\t}, [] );\n\n\treturn isDragging;\n};\n"],"mappings":"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","ignoreList":[]}

package/build/blocks/widget-area/edit/inner-blocks.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WidgetAreaInnerBlocks;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _coreData = require("@wordpress/core-data");
 var _blockEditor = require("@wordpress/block-editor");
 var _element = require("@wordpress/element");
 var _useIsDraggingWithin = _interopRequireDefault(require("./use-is-dragging-within"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -40,13 +40,14 @@ function WidgetAreaInnerBlocks({
     templateLock: false,
     renderAppender: _blockEditor.InnerBlocks.ButtonBlockAppender
   });
-  return (0, _react.createElement)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     "data-widget-area-id": id,
-    className: (0, _classnames.default)('wp-block-widget-area__inner-blocks block-editor-inner-blocks editor-styles-wrapper', {
+    className: (0, _clsx.default)('wp-block-widget-area__inner-blocks block-editor-inner-blocks editor-styles-wrapper', {
       'wp-block-widget-area__highlight-drop-zone': shouldHighlightDropZone
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ...innerBlocksProps
     })
-  }, (0, _react.createElement)("div", {
-    ...innerBlocksProps
-  }));
+  });
 }
 //# sourceMappingURL=inner-blocks.js.map

package/build/blocks/widget-area/edit/inner-blocks.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_coreData","_blockEditor","_element","_useIsDraggingWithin","WidgetAreaInnerBlocks","id","blocks","onInput","onChange","useEntityBlockEditor","innerBlocksRef","useRef","isDraggingWithinInnerBlocks","useIsDraggingWithin","shouldHighlightDropZone","innerBlocksProps","useInnerBlocksProps","ref","value","templateLock","renderAppender","InnerBlocks","ButtonBlockAppender","_react","createElement","className","classnames"],"sources":["@wordpress/edit-widgets/src/blocks/widget-area/edit/inner-blocks.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityBlockEditor } from '@wordpress/core-data';\nimport { InnerBlocks, useInnerBlocksProps } from '@wordpress/block-editor';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useIsDraggingWithin from './use-is-dragging-within';\n\nexport default function WidgetAreaInnerBlocks( { id } ) {\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'root',\n\t\t'postType'\n\t);\n\tconst innerBlocksRef = useRef();\n\tconst isDraggingWithinInnerBlocks = useIsDraggingWithin( innerBlocksRef );\n\tconst shouldHighlightDropZone = isDraggingWithinInnerBlocks;\n\t// Using the experimental hook so that we can control the className of the element.\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{ ref: innerBlocksRef },\n\t\t{\n\t\t\tvalue: blocks,\n\t\t\tonInput,\n\t\t\tonChange,\n\t\t\ttemplateLock: false,\n\t\t\trenderAppender: InnerBlocks.ButtonBlockAppender,\n\t\t}\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tdata-widget-area-id={ id }\n\t\t\tclassName={ classnames(\n\t\t\t\t'wp-block-widget-area__inner-blocks block-editor-inner-blocks editor-styles-wrapper',\n\t\t\t\t{\n\t\t\t\t\t'wp-block-widget-area__highlight-drop-zone':\n\t\t\t\t\t\tshouldHighlightDropZone,\n\t\t\t\t}\n\t\t\t) }\n\t\t>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,oBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;;AAGe,SAASK,qBAAqBA,CAAE;EAAEC;AAAG,CAAC,EAAG;EACvD,MAAM,CAAEC,MAAM,EAAEC,OAAO,EAAEC,QAAQ,CAAE,GAAG,IAAAC,8BAAoB,EACzD,MAAM,EACN,UACD,CAAC;EACD,MAAMC,cAAc,GAAG,IAAAC,eAAM,EAAC,CAAC;EAC/B,MAAMC,2BAA2B,GAAG,IAAAC,4BAAmB,EAAEH,cAAe,CAAC;EACzE,MAAMI,uBAAuB,GAAGF,2BAA2B;EAC3D;EACA,MAAMG,gBAAgB,GAAG,IAAAC,gCAAmB,EAC3C;IAAEC,GAAG,EAAEP;EAAe,CAAC,EACvB;IACCQ,KAAK,EAAEZ,MAAM;IACbC,OAAO;IACPC,QAAQ;IACRW,YAAY,EAAE,KAAK;IACnBC,cAAc,EAAEC,wBAAW,CAACC;EAC7B,CACD,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA;IACC,uBAAsBnB,EAAI;IAC1BoB,SAAS,EAAG,IAAAC,mBAAU,EACrB,oFAAoF,EACpF;MACC,2CAA2C,EAC1CZ;IACF,CACD;EAAG,GAEH,IAAAS,MAAA,CAAAC,aAAA;IAAA,GAAUT;EAAgB,CAAI,CAC1B,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_coreData","_blockEditor","_element","_useIsDraggingWithin","_jsxRuntime","WidgetAreaInnerBlocks","id","blocks","onInput","onChange","useEntityBlockEditor","innerBlocksRef","useRef","isDraggingWithinInnerBlocks","useIsDraggingWithin","shouldHighlightDropZone","innerBlocksProps","useInnerBlocksProps","ref","value","templateLock","renderAppender","InnerBlocks","ButtonBlockAppender","jsx","className","clsx","children"],"sources":["@wordpress/edit-widgets/src/blocks/widget-area/edit/inner-blocks.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityBlockEditor } from '@wordpress/core-data';\nimport { InnerBlocks, useInnerBlocksProps } from '@wordpress/block-editor';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useIsDraggingWithin from './use-is-dragging-within';\n\nexport default function WidgetAreaInnerBlocks( { id } ) {\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'root',\n\t\t'postType'\n\t);\n\tconst innerBlocksRef = useRef();\n\tconst isDraggingWithinInnerBlocks = useIsDraggingWithin( innerBlocksRef );\n\tconst shouldHighlightDropZone = isDraggingWithinInnerBlocks;\n\t// Using the experimental hook so that we can control the className of the element.\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{ ref: innerBlocksRef },\n\t\t{\n\t\t\tvalue: blocks,\n\t\t\tonInput,\n\t\t\tonChange,\n\t\t\ttemplateLock: false,\n\t\t\trenderAppender: InnerBlocks.ButtonBlockAppender,\n\t\t}\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tdata-widget-area-id={ id }\n\t\t\tclassName={ clsx(\n\t\t\t\t'wp-block-widget-area__inner-blocks block-editor-inner-blocks editor-styles-wrapper',\n\t\t\t\t{\n\t\t\t\t\t'wp-block-widget-area__highlight-drop-zone':\n\t\t\t\t\t\tshouldHighlightDropZone,\n\t\t\t\t}\n\t\t\t) }\n\t\t>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,oBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAA2D,IAAAK,WAAA,GAAAL,OAAA;AAf3D;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;;AAGe,SAASM,qBAAqBA,CAAE;EAAEC;AAAG,CAAC,EAAG;EACvD,MAAM,CAAEC,MAAM,EAAEC,OAAO,EAAEC,QAAQ,CAAE,GAAG,IAAAC,8BAAoB,EACzD,MAAM,EACN,UACD,CAAC;EACD,MAAMC,cAAc,GAAG,IAAAC,eAAM,EAAC,CAAC;EAC/B,MAAMC,2BAA2B,GAAG,IAAAC,4BAAmB,EAAEH,cAAe,CAAC;EACzE,MAAMI,uBAAuB,GAAGF,2BAA2B;EAC3D;EACA,MAAMG,gBAAgB,GAAG,IAAAC,gCAAmB,EAC3C;IAAEC,GAAG,EAAEP;EAAe,CAAC,EACvB;IACCQ,KAAK,EAAEZ,MAAM;IACbC,OAAO;IACPC,QAAQ;IACRW,YAAY,EAAE,KAAK;IACnBC,cAAc,EAAEC,wBAAW,CAACC;EAC7B,CACD,CAAC;EAED,oBACC,IAAAnB,WAAA,CAAAoB,GAAA;IACC,uBAAsBlB,EAAI;IAC1BmB,SAAS,EAAG,IAAAC,aAAI,EACf,oFAAoF,EACpF;MACC,2CAA2C,EAC1CX;IACF,CACD,CAAG;IAAAY,QAAA,eAEH,IAAAvB,WAAA,CAAAoB,GAAA;MAAA,GAAUR;IAAgB,CAAI;EAAC,CAC3B,CAAC;AAER","ignoreList":[]}

package/build/components/error-boundary/index.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
 var _compose = require("@wordpress/compose");
 var _hooks = require("@wordpress/hooks");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -20,23 +20,25 @@ function CopyButton({
   children
 }) {
   const ref = (0, _compose.useCopyToClipboard)(text);
-  return (0, _react.createElement)(_components.Button, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
     variant: "secondary",
-    ref: ref
-  }, children);
+    ref: ref,
+    children: children
+  });
 }
 function ErrorBoundaryWarning({
   message,
   error
 }) {
-  const actions = [(0, _react.createElement)(CopyButton, {
-    key: "copy-error",
-    text: error.stack
-  }, (0, _i18n.__)('Copy Error'))];
-  return (0, _react.createElement)(_blockEditor.Warning, {
+  const actions = [/*#__PURE__*/(0, _jsxRuntime.jsx)(CopyButton, {
+    text: error.stack,
+    children: (0, _i18n.__)('Copy Error')
+  }, "copy-error")];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.Warning, {
     className: "edit-widgets-error-boundary",
-    actions: actions
-  }, message);
+    actions: actions,
+    children: message
+  });
 }
 class ErrorBoundary extends _element.Component {
   constructor() {
@@ -57,7 +59,7 @@ class ErrorBoundary extends _element.Component {
     if (!this.state.error) {
       return this.props.children;
     }
-    return (0, _react.createElement)(ErrorBoundaryWarning, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorBoundaryWarning, {
       message: (0, _i18n.__)('The editor has encountered an unexpected error.'),
       error: this.state.error
     });

package/build/components/error-boundary/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_components","_blockEditor","_compose","_hooks","CopyButton","text","children","ref","useCopyToClipboard","_react","createElement","Button","variant","ErrorBoundaryWarning","message","error","actions","key","stack","__","Warning","className","ErrorBoundary","Component","constructor","arguments","state","componentDidCatch","doAction","getDerivedStateFromError","render","props","exports","default"],"sources":["@wordpress/edit-widgets/src/components/error-boundary/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { Warning } from '@wordpress/block-editor';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { doAction } from '@wordpress/hooks';\n\nfunction CopyButton( { text, children } ) {\n\tconst ref = useCopyToClipboard( text );\n\treturn (\n\t\t<Button variant=\"secondary\" ref={ ref }>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\nfunction ErrorBoundaryWarning( { message, error } ) {\n\tconst actions = [\n\t\t<CopyButton key=\"copy-error\" text={ error.stack }>\n\t\t\t{ __( 'Copy Error' ) }\n\t\t</CopyButton>,\n\t];\n\n\treturn (\n\t\t<Warning className=\"edit-widgets-error-boundary\" actions={ actions }>\n\t\t\t{ message }\n\t\t</Warning>\n\t);\n}\n\nexport default class ErrorBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.state = {\n\t\t\terror: null,\n\t\t};\n\t}\n\n\tcomponentDidCatch( error ) {\n\t\tdoAction( 'editor.ErrorBoundary.errorLogged', error );\n\t}\n\n\tstatic getDerivedStateFromError( error ) {\n\t\treturn { error };\n\t}\n\n\trender() {\n\t\tif ( ! this.state.error ) {\n\t\t\treturn this.props.children;\n\t\t}\n\n\t\treturn (\n\t\t\t<ErrorBoundaryWarning\n\t\t\t\tmessage={ __(\n\t\t\t\t\t'The editor has encountered an unexpected error.'\n\t\t\t\t) }\n\t\t\t\terror={ this.state.error }\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AARA;AACA;AACA;;AAQA,SAASM,UAAUA,CAAE;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EACzC,MAAMC,GAAG,GAAG,IAAAC,2BAAkB,EAAEH,IAAK,CAAC;EACtC,OACC,IAAAI,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAW,MAAM;IAACC,OAAO,EAAC,WAAW;IAACL,GAAG,EAAGA;EAAK,GACpCD,QACK,CAAC;AAEX;AAEA,SAASO,oBAAoBA,CAAE;EAAEC,OAAO;EAAEC;AAAM,CAAC,EAAG;EACnD,MAAMC,OAAO,GAAG,CACf,IAAAP,MAAA,CAAAC,aAAA,EAACN,UAAU;IAACa,GAAG,EAAC,YAAY;IAACZ,IAAI,EAAGU,KAAK,CAACG;EAAO,GAC9C,IAAAC,QAAE,EAAE,YAAa,CACR,CAAC,CACb;EAED,OACC,IAAAV,MAAA,CAAAC,aAAA,EAACT,YAAA,CAAAmB,OAAO;IAACC,SAAS,EAAC,6BAA6B;IAACL,OAAO,EAAGA;EAAS,GACjEF,OACM,CAAC;AAEZ;AAEe,MAAMQ,aAAa,SAASC,kBAAS,CAAC;EACpDC,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IAErB,IAAI,CAACC,KAAK,GAAG;MACZX,KAAK,EAAE;IACR,CAAC;EACF;EAEAY,iBAAiBA,CAAEZ,KAAK,EAAG;IAC1B,IAAAa,eAAQ,EAAE,kCAAkC,EAAEb,KAAM,CAAC;EACtD;EAEA,OAAOc,wBAAwBA,CAAEd,KAAK,EAAG;IACxC,OAAO;MAAEA;IAAM,CAAC;EACjB;EAEAe,MAAMA,CAAA,EAAG;IACR,IAAK,CAAE,IAAI,CAACJ,KAAK,CAACX,KAAK,EAAG;MACzB,OAAO,IAAI,CAACgB,KAAK,CAACzB,QAAQ;IAC3B;IAEA,OACC,IAAAG,MAAA,CAAAC,aAAA,EAACG,oBAAoB;MACpBC,OAAO,EAAG,IAAAK,QAAE,EACX,iDACD,CAAG;MACHJ,KAAK,EAAG,IAAI,CAACW,KAAK,CAACX;IAAO,CAC1B,CAAC;EAEJ;AACD;AAACiB,OAAA,CAAAC,OAAA,GAAAX,aAAA","ignoreList":[]}
+{"version":3,"names":["_element","require","_i18n","_components","_blockEditor","_compose","_hooks","_jsxRuntime","CopyButton","text","children","ref","useCopyToClipboard","jsx","Button","variant","ErrorBoundaryWarning","message","error","actions","stack","__","Warning","className","ErrorBoundary","Component","constructor","arguments","state","componentDidCatch","doAction","getDerivedStateFromError","render","props","exports","default"],"sources":["@wordpress/edit-widgets/src/components/error-boundary/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { Warning } from '@wordpress/block-editor';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { doAction } from '@wordpress/hooks';\n\nfunction CopyButton( { text, children } ) {\n\tconst ref = useCopyToClipboard( text );\n\treturn (\n\t\t<Button variant=\"secondary\" ref={ ref }>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\nfunction ErrorBoundaryWarning( { message, error } ) {\n\tconst actions = [\n\t\t<CopyButton key=\"copy-error\" text={ error.stack }>\n\t\t\t{ __( 'Copy Error' ) }\n\t\t</CopyButton>,\n\t];\n\n\treturn (\n\t\t<Warning className=\"edit-widgets-error-boundary\" actions={ actions }>\n\t\t\t{ message }\n\t\t</Warning>\n\t);\n}\n\nexport default class ErrorBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.state = {\n\t\t\terror: null,\n\t\t};\n\t}\n\n\tcomponentDidCatch( error ) {\n\t\tdoAction( 'editor.ErrorBoundary.errorLogged', error );\n\t}\n\n\tstatic getDerivedStateFromError( error ) {\n\t\treturn { error };\n\t}\n\n\trender() {\n\t\tif ( ! this.state.error ) {\n\t\t\treturn this.props.children;\n\t\t}\n\n\t\treturn (\n\t\t\t<ErrorBoundaryWarning\n\t\t\t\tmessage={ __(\n\t\t\t\t\t'The editor has encountered an unexpected error.'\n\t\t\t\t) }\n\t\t\t\terror={ this.state.error }\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAA4C,IAAAM,WAAA,GAAAN,OAAA;AAR5C;AACA;AACA;;AAQA,SAASO,UAAUA,CAAE;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EACzC,MAAMC,GAAG,GAAG,IAAAC,2BAAkB,EAAEH,IAAK,CAAC;EACtC,oBACC,IAAAF,WAAA,CAAAM,GAAA,EAACV,WAAA,CAAAW,MAAM;IAACC,OAAO,EAAC,WAAW;IAACJ,GAAG,EAAGA,GAAK;IAAAD,QAAA,EACpCA;EAAQ,CACH,CAAC;AAEX;AAEA,SAASM,oBAAoBA,CAAE;EAAEC,OAAO;EAAEC;AAAM,CAAC,EAAG;EACnD,MAAMC,OAAO,GAAG,cACf,IAAAZ,WAAA,CAAAM,GAAA,EAACL,UAAU;IAAkBC,IAAI,EAAGS,KAAK,CAACE,KAAO;IAAAV,QAAA,EAC9C,IAAAW,QAAE,EAAE,YAAa;EAAC,GADL,YAEJ,CAAC,CACb;EAED,oBACC,IAAAd,WAAA,CAAAM,GAAA,EAACT,YAAA,CAAAkB,OAAO;IAACC,SAAS,EAAC,6BAA6B;IAACJ,OAAO,EAAGA,OAAS;IAAAT,QAAA,EACjEO;EAAO,CACD,CAAC;AAEZ;AAEe,MAAMO,aAAa,SAASC,kBAAS,CAAC;EACpDC,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IAErB,IAAI,CAACC,KAAK,GAAG;MACZV,KAAK,EAAE;IACR,CAAC;EACF;EAEAW,iBAAiBA,CAAEX,KAAK,EAAG;IAC1B,IAAAY,eAAQ,EAAE,kCAAkC,EAAEZ,KAAM,CAAC;EACtD;EAEA,OAAOa,wBAAwBA,CAAEb,KAAK,EAAG;IACxC,OAAO;MAAEA;IAAM,CAAC;EACjB;EAEAc,MAAMA,CAAA,EAAG;IACR,IAAK,CAAE,IAAI,CAACJ,KAAK,CAACV,KAAK,EAAG;MACzB,OAAO,IAAI,CAACe,KAAK,CAACvB,QAAQ;IAC3B;IAEA,oBACC,IAAAH,WAAA,CAAAM,GAAA,EAACG,oBAAoB;MACpBC,OAAO,EAAG,IAAAI,QAAE,EACX,iDACD,CAAG;MACHH,KAAK,EAAG,IAAI,CAACU,KAAK,CAACV;IAAO,CAC1B,CAAC;EAEJ;AACD;AAACgB,OAAA,CAAAC,OAAA,GAAAX,aAAA","ignoreList":[]}

package/build/components/header/document-tools/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
@@ -15,9 +14,9 @@ var _element = require("@wordpress/element");
 var _compose = require("@wordpress/compose");
 var _undo = _interopRequireDefault(require("../undo-redo/undo"));
 var _redo = _interopRequireDefault(require("../undo-redo/redo"));
-var _useLastSelectedWidgetArea = _interopRequireDefault(require("../../../hooks/use-last-selected-widget-area"));
 var _store = require("../../../store");
 var _lockUnlock = require("../../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -28,87 +27,68 @@ var _lockUnlock = require("../../../lock-unlock");
 
 function DocumentTools() {
   const isMediumViewport = (0, _compose.useViewportMatch)('medium');
-  const inserterButton = (0, _element.useRef)();
-  const widgetAreaClientId = (0, _useLastSelectedWidgetArea.default)();
-  const isLastSelectedWidgetAreaOpen = (0, _data.useSelect)(select => select(_store.store).getIsWidgetAreaOpen(widgetAreaClientId), [widgetAreaClientId]);
   const {
     isInserterOpen,
     isListViewOpen,
+    inserterSidebarToggleRef,
     listViewToggleRef
   } = (0, _data.useSelect)(select => {
     const {
       isInserterOpened,
+      getInserterSidebarToggleRef,
       isListViewOpened,
       getListViewToggleRef
     } = (0, _lockUnlock.unlock)(select(_store.store));
     return {
       isInserterOpen: isInserterOpened(),
       isListViewOpen: isListViewOpened(),
+      inserterSidebarToggleRef: getInserterSidebarToggleRef(),
       listViewToggleRef: getListViewToggleRef()
     };
   }, []);
   const {
-    setIsWidgetAreaOpen,
     setIsInserterOpened,
     setIsListViewOpened
   } = (0, _data.useDispatch)(_store.store);
-  const {
-    selectBlock
-  } = (0, _data.useDispatch)(_blockEditor.store);
-  const handleClick = () => {
-    if (isInserterOpen) {
-      // Focusing the inserter button closes the inserter popover.
-      setIsInserterOpened(false);
-    } else {
-      if (!isLastSelectedWidgetAreaOpen) {
-        // Select the last selected block if hasn't already.
-        selectBlock(widgetAreaClientId);
-        // Open the last selected widget area when opening the inserter.
-        setIsWidgetAreaOpen(widgetAreaClientId, true);
-      }
-      // The DOM updates resulting from selectBlock() and setIsInserterOpened() calls are applied the
-      // same tick and pretty much in a random order. The inserter is closed if any other part of the
-      // app receives focus. If selectBlock() happens to take effect after setIsInserterOpened() then
-      // the inserter is visible for a brief moment and then gets auto-closed due to focus moving to
-      // the selected block.
-      window.requestAnimationFrame(() => setIsInserterOpened(true));
-    }
-  };
   const toggleListView = (0, _element.useCallback)(() => setIsListViewOpened(!isListViewOpen), [setIsListViewOpened, isListViewOpen]);
-  return (0, _react.createElement)(_blockEditor.NavigableToolbar, {
+  const toggleInserterSidebar = (0, _element.useCallback)(() => setIsInserterOpened(!isInserterOpen), [setIsInserterOpened, isInserterOpen]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockEditor.NavigableToolbar, {
     className: "edit-widgets-header-toolbar",
     "aria-label": (0, _i18n.__)('Document tools'),
-    variant: "unstyled"
-  }, (0, _react.createElement)(_components.ToolbarItem, {
-    ref: inserterButton,
-    as: _components.Button,
-    className: "edit-widgets-header-toolbar__inserter-toggle",
-    variant: "primary",
-    isPressed: isInserterOpen,
-    onMouseDown: event => {
-      event.preventDefault();
-    },
-    onClick: handleClick,
-    icon: _icons.plus
-    /* translators: button label text should, if possible, be under 16
-    	characters. */,
-    label: (0, _i18n._x)('Toggle block inserter', 'Generic label for block inserter button'),
-    size: "compact"
-  }), isMediumViewport && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.ToolbarItem, {
-    as: _undo.default
-  }), (0, _react.createElement)(_components.ToolbarItem, {
-    as: _redo.default
-  }), (0, _react.createElement)(_components.ToolbarItem, {
-    as: _components.Button,
-    className: "edit-widgets-header-toolbar__list-view-toggle",
-    icon: _icons.listView,
-    isPressed: isListViewOpen
-    /* translators: button label text should, if possible, be under 16 characters. */,
-    label: (0, _i18n.__)('List View'),
-    onClick: toggleListView,
-    ref: listViewToggleRef,
-    size: "compact"
-  })));
+    variant: "unstyled",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarItem, {
+      ref: inserterSidebarToggleRef,
+      as: _components.Button,
+      className: "edit-widgets-header-toolbar__inserter-toggle",
+      variant: "primary",
+      isPressed: isInserterOpen,
+      onMouseDown: event => {
+        event.preventDefault();
+      },
+      onClick: toggleInserterSidebar,
+      icon: _icons.plus
+      /* translators: button label text should, if possible, be under 16
+      	characters. */,
+      label: (0, _i18n._x)('Toggle block inserter', 'Generic label for block inserter button'),
+      size: "compact"
+    }), isMediumViewport && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarItem, {
+        as: _undo.default
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarItem, {
+        as: _redo.default
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarItem, {
+        as: _components.Button,
+        className: "edit-widgets-header-toolbar__list-view-toggle",
+        icon: _icons.listView,
+        isPressed: isListViewOpen
+        /* translators: button label text should, if possible, be under 16 characters. */,
+        label: (0, _i18n.__)('List View'),
+        onClick: toggleListView,
+        ref: listViewToggleRef,
+        size: "compact"
+      })]
+    })]
+  });
 }
 var _default = exports.default = DocumentTools;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_i18n","_components","_blockEditor","_icons","_element","_compose","_undo","_interopRequireDefault","_redo","_useLastSelectedWidgetArea","_store","_lockUnlock","DocumentTools","isMediumViewport","useViewportMatch","inserterButton","useRef","widgetAreaClientId","useLastSelectedWidgetArea","isLastSelectedWidgetAreaOpen","useSelect","select","editWidgetsStore","getIsWidgetAreaOpen","isInserterOpen","isListViewOpen","listViewToggleRef","isInserterOpened","isListViewOpened","getListViewToggleRef","unlock","setIsWidgetAreaOpen","setIsInserterOpened","setIsListViewOpened","useDispatch","selectBlock","blockEditorStore","handleClick","window","requestAnimationFrame","toggleListView","useCallback","_react","createElement","NavigableToolbar","className","__","variant","ToolbarItem","ref","as","Button","isPressed","onMouseDown","event","preventDefault","onClick","icon","plus","label","_x","size","Fragment","UndoButton","RedoButton","listView","_default","exports","default"],"sources":["@wordpress/edit-widgets/src/components/header/document-tools/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport { Button, ToolbarItem } from '@wordpress/components';\nimport {\n\tNavigableToolbar,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { listView, plus } from '@wordpress/icons';\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport UndoButton from '../undo-redo/undo';\nimport RedoButton from '../undo-redo/redo';\nimport useLastSelectedWidgetArea from '../../../hooks/use-last-selected-widget-area';\nimport { store as editWidgetsStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\n\nfunction DocumentTools() {\n\tconst isMediumViewport = useViewportMatch( 'medium' );\n\tconst inserterButton = useRef();\n\tconst widgetAreaClientId = useLastSelectedWidgetArea();\n\tconst isLastSelectedWidgetAreaOpen = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editWidgetsStore ).getIsWidgetAreaOpen(\n\t\t\t\twidgetAreaClientId\n\t\t\t),\n\t\t[ widgetAreaClientId ]\n\t);\n\tconst { isInserterOpen, isListViewOpen, listViewToggleRef } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { isInserterOpened, isListViewOpened, getListViewToggleRef } =\n\t\t\t\tunlock( select( editWidgetsStore ) );\n\t\t\treturn {\n\t\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\t\tlistViewToggleRef: getListViewToggleRef(),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { setIsWidgetAreaOpen, setIsInserterOpened, setIsListViewOpened } =\n\t\tuseDispatch( editWidgetsStore );\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\tconst handleClick = () => {\n\t\tif ( isInserterOpen ) {\n\t\t\t// Focusing the inserter button closes the inserter popover.\n\t\t\tsetIsInserterOpened( false );\n\t\t} else {\n\t\t\tif ( ! isLastSelectedWidgetAreaOpen ) {\n\t\t\t\t// Select the last selected block if hasn't already.\n\t\t\t\tselectBlock( widgetAreaClientId );\n\t\t\t\t// Open the last selected widget area when opening the inserter.\n\t\t\t\tsetIsWidgetAreaOpen( widgetAreaClientId, true );\n\t\t\t}\n\t\t\t// The DOM updates resulting from selectBlock() and setIsInserterOpened() calls are applied the\n\t\t\t// same tick and pretty much in a random order. The inserter is closed if any other part of the\n\t\t\t// app receives focus. If selectBlock() happens to take effect after setIsInserterOpened() then\n\t\t\t// the inserter is visible for a brief moment and then gets auto-closed due to focus moving to\n\t\t\t// the selected block.\n\t\t\twindow.requestAnimationFrame( () => setIsInserterOpened( true ) );\n\t\t}\n\t};\n\n\tconst toggleListView = useCallback(\n\t\t() => setIsListViewOpened( ! isListViewOpen ),\n\t\t[ setIsListViewOpened, isListViewOpen ]\n\t);\n\n\treturn (\n\t\t<NavigableToolbar\n\t\t\tclassName=\"edit-widgets-header-toolbar\"\n\t\t\taria-label={ __( 'Document tools' ) }\n\t\t\tvariant=\"unstyled\"\n\t\t>\n\t\t\t<ToolbarItem\n\t\t\t\tref={ inserterButton }\n\t\t\t\tas={ Button }\n\t\t\t\tclassName=\"edit-widgets-header-toolbar__inserter-toggle\"\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tisPressed={ isInserterOpen }\n\t\t\t\tonMouseDown={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t} }\n\t\t\t\tonClick={ handleClick }\n\t\t\t\ticon={ plus }\n\t\t\t\t/* translators: button label text should, if possible, be under 16\n\t\t\t\t\tcharacters. */\n\t\t\t\tlabel={ _x(\n\t\t\t\t\t'Toggle block inserter',\n\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t) }\n\t\t\t\tsize=\"compact\"\n\t\t\t/>\n\t\t\t{ isMediumViewport && (\n\t\t\t\t<>\n\t\t\t\t\t<ToolbarItem as={ UndoButton } />\n\t\t\t\t\t<ToolbarItem as={ RedoButton } />\n\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\tclassName=\"edit-widgets-header-toolbar__list-view-toggle\"\n\t\t\t\t\t\ticon={ listView }\n\t\t\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\tlabel={ __( 'List View' ) }\n\t\t\t\t\t\tonClick={ toggleListView }\n\t\t\t\t\t\tref={ listViewToggleRef }\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</NavigableToolbar>\n\t);\n}\n\nexport default DocumentTools;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_data","require","_i18n","_components","_blockEditor","_icons","_element","_compose","_undo","_interopRequireDefault","_redo","_store","_lockUnlock","_jsxRuntime","DocumentTools","isMediumViewport","useViewportMatch","isInserterOpen","isListViewOpen","inserterSidebarToggleRef","listViewToggleRef","useSelect","select","isInserterOpened","getInserterSidebarToggleRef","isListViewOpened","getListViewToggleRef","unlock","editWidgetsStore","setIsInserterOpened","setIsListViewOpened","useDispatch","toggleListView","useCallback","toggleInserterSidebar","jsxs","NavigableToolbar","className","__","variant","children","jsx","ToolbarItem","ref","as","Button","isPressed","onMouseDown","event","preventDefault","onClick","icon","plus","label","_x","size","Fragment","UndoButton","RedoButton","listView","_default","exports","default"],"sources":["@wordpress/edit-widgets/src/components/header/document-tools/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport { Button, ToolbarItem } from '@wordpress/components';\nimport { NavigableToolbar } from '@wordpress/block-editor';\nimport { listView, plus } from '@wordpress/icons';\nimport { useCallback } from '@wordpress/element';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport UndoButton from '../undo-redo/undo';\nimport RedoButton from '../undo-redo/redo';\nimport { store as editWidgetsStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\n\nfunction DocumentTools() {\n\tconst isMediumViewport = useViewportMatch( 'medium' );\n\n\tconst {\n\t\tisInserterOpen,\n\t\tisListViewOpen,\n\t\tinserterSidebarToggleRef,\n\t\tlistViewToggleRef,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tisInserterOpened,\n\t\t\tgetInserterSidebarToggleRef,\n\t\t\tisListViewOpened,\n\t\t\tgetListViewToggleRef,\n\t\t} = unlock( select( editWidgetsStore ) );\n\t\treturn {\n\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\tinserterSidebarToggleRef: getInserterSidebarToggleRef(),\n\t\t\tlistViewToggleRef: getListViewToggleRef(),\n\t\t};\n\t}, [] );\n\tconst { setIsInserterOpened, setIsListViewOpened } =\n\t\tuseDispatch( editWidgetsStore );\n\n\tconst toggleListView = useCallback(\n\t\t() => setIsListViewOpened( ! isListViewOpen ),\n\t\t[ setIsListViewOpened, isListViewOpen ]\n\t);\n\n\tconst toggleInserterSidebar = useCallback(\n\t\t() => setIsInserterOpened( ! isInserterOpen ),\n\t\t[ setIsInserterOpened, isInserterOpen ]\n\t);\n\n\treturn (\n\t\t<NavigableToolbar\n\t\t\tclassName=\"edit-widgets-header-toolbar\"\n\t\t\taria-label={ __( 'Document tools' ) }\n\t\t\tvariant=\"unstyled\"\n\t\t>\n\t\t\t<ToolbarItem\n\t\t\t\tref={ inserterSidebarToggleRef }\n\t\t\t\tas={ Button }\n\t\t\t\tclassName=\"edit-widgets-header-toolbar__inserter-toggle\"\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tisPressed={ isInserterOpen }\n\t\t\t\tonMouseDown={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t} }\n\t\t\t\tonClick={ toggleInserterSidebar }\n\t\t\t\ticon={ plus }\n\t\t\t\t/* translators: button label text should, if possible, be under 16\n\t\t\t\t\tcharacters. */\n\t\t\t\tlabel={ _x(\n\t\t\t\t\t'Toggle block inserter',\n\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t) }\n\t\t\t\tsize=\"compact\"\n\t\t\t/>\n\t\t\t{ isMediumViewport && (\n\t\t\t\t<>\n\t\t\t\t\t<ToolbarItem as={ UndoButton } />\n\t\t\t\t\t<ToolbarItem as={ RedoButton } />\n\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\tclassName=\"edit-widgets-header-toolbar__list-view-toggle\"\n\t\t\t\t\t\ticon={ listView }\n\t\t\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\tlabel={ __( 'List View' ) }\n\t\t\t\t\t\tonClick={ toggleListView }\n\t\t\t\t\t\tref={ listViewToggleRef }\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</NavigableToolbar>\n\t);\n}\n\nexport default DocumentTools;\n"],"mappings":"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","ignoreList":[]}

package/build/components/header/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 var _data = require("@wordpress/data");
 var _element = require("@wordpress/element");
@@ -17,6 +16,7 @@ var _preferences = require("@wordpress/preferences");
 var _documentTools = _interopRequireDefault(require("./document-tools"));
 var _saveButton = _interopRequireDefault(require("../save-button"));
 var _moreMenu = _interopRequireDefault(require("../more-menu"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -33,27 +33,37 @@ function Header() {
   } = (0, _data.useSelect)(select => ({
     hasFixedToolbar: !!select(_preferences.store).get('core/edit-widgets', 'fixedToolbar')
   }), []);
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("div", {
-    className: "edit-widgets-header"
-  }, (0, _react.createElement)("div", {
-    className: "edit-widgets-header__navigable-toolbar-wrapper"
-  }, isLargeViewport && (0, _react.createElement)("h1", {
-    className: "edit-widgets-header__title"
-  }, (0, _i18n.__)('Widgets')), !isLargeViewport && (0, _react.createElement)(_components.VisuallyHidden, {
-    as: "h1",
-    className: "edit-widgets-header__title"
-  }, (0, _i18n.__)('Widgets')), (0, _react.createElement)(_documentTools.default, null), hasFixedToolbar && isLargeViewport && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("div", {
-    className: "selected-block-tools-wrapper"
-  }, (0, _react.createElement)(_blockEditor.BlockToolbar, {
-    hideDragHandle: true
-  })), (0, _react.createElement)(_components.Popover.Slot, {
-    ref: blockToolbarRef,
-    name: "block-toolbar"
-  }))), (0, _react.createElement)("div", {
-    className: "edit-widgets-header__actions"
-  }, (0, _react.createElement)(_saveButton.default, null), (0, _react.createElement)(_interface.PinnedItems.Slot, {
-    scope: "core/edit-widgets"
-  }), (0, _react.createElement)(_moreMenu.default, null))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "edit-widgets-header",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "edit-widgets-header__navigable-toolbar-wrapper",
+        children: [isLargeViewport && /*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
+          className: "edit-widgets-header__title",
+          children: (0, _i18n.__)('Widgets')
+        }), !isLargeViewport && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
+          as: "h1",
+          className: "edit-widgets-header__title",
+          children: (0, _i18n.__)('Widgets')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_documentTools.default, {}), hasFixedToolbar && isLargeViewport && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "selected-block-tools-wrapper",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockToolbar, {
+              hideDragHandle: true
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popover.Slot, {
+            ref: blockToolbarRef,
+            name: "block-toolbar"
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "edit-widgets-header__actions",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_saveButton.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_interface.PinnedItems.Slot, {
+          scope: "core/edit-widgets"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_moreMenu.default, {})]
+      })]
+    })
+  });
 }
 var _default = exports.default = Header;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_data","_element","_i18n","_components","_interface","_compose","_preferences","_documentTools","_interopRequireDefault","_saveButton","_moreMenu","Header","isLargeViewport","useViewportMatch","blockToolbarRef","useRef","hasFixedToolbar","useSelect","select","preferencesStore","get","_react","createElement","Fragment","className","__","VisuallyHidden","as","default","BlockToolbar","hideDragHandle","Popover","Slot","ref","name","PinnedItems","scope","_default","exports"],"sources":["@wordpress/edit-widgets/src/components/header/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BlockToolbar } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Popover, VisuallyHidden } from '@wordpress/components';\nimport { PinnedItems } from '@wordpress/interface';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport DocumentTools from './document-tools';\nimport SaveButton from '../save-button';\nimport MoreMenu from '../more-menu';\n\nfunction Header() {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst blockToolbarRef = useRef();\n\tconst { hasFixedToolbar } = useSelect(\n\t\t( select ) => ( {\n\t\t\thasFixedToolbar: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t} ),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"edit-widgets-header\">\n\t\t\t\t<div className=\"edit-widgets-header__navigable-toolbar-wrapper\">\n\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t<h1 className=\"edit-widgets-header__title\">\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</h1>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isLargeViewport && (\n\t\t\t\t\t\t<VisuallyHidden\n\t\t\t\t\t\t\tas=\"h1\"\n\t\t\t\t\t\t\tclassName=\"edit-widgets-header__title\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t) }\n\t\t\t\t\t<DocumentTools />\n\t\t\t\t\t{ hasFixedToolbar && isLargeViewport && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"selected-block-tools-wrapper\">\n\t\t\t\t\t\t\t\t<BlockToolbar hideDragHandle />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Popover.Slot\n\t\t\t\t\t\t\t\tref={ blockToolbarRef }\n\t\t\t\t\t\t\t\tname=\"block-toolbar\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t\t<div className=\"edit-widgets-header__actions\">\n\t\t\t\t\t<SaveButton />\n\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-widgets\" />\n\t\t\t\t\t<MoreMenu />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Header;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AAKA,IAAAQ,cAAA,GAAAC,sBAAA,CAAAT,OAAA;AACA,IAAAU,WAAA,GAAAD,sBAAA,CAAAT,OAAA;AACA,IAAAW,SAAA,GAAAF,sBAAA,CAAAT,OAAA;AAjBA;AACA;AACA;;AAUA;AACA;AACA;;AAKA,SAASY,MAAMA,CAAA,EAAG;EACjB,MAAMC,eAAe,GAAG,IAAAC,yBAAgB,EAAE,QAAS,CAAC;EACpD,MAAMC,eAAe,GAAG,IAAAC,eAAM,EAAC,CAAC;EAChC,MAAM;IAAEC;EAAgB,CAAC,GAAG,IAAAC,eAAS,EAClCC,MAAM,KAAQ;IACfF,eAAe,EAAE,CAAC,CAAEE,MAAM,CAAEC,kBAAiB,CAAC,CAACC,GAAG,CACjD,mBAAmB,EACnB,cACD;EACD,CAAC,CAAE,EACH,EACD,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAAqB,GACnC,IAAAH,MAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAAgD,GAC5DZ,eAAe,IAChB,IAAAS,MAAA,CAAAC,aAAA;IAAIE,SAAS,EAAC;EAA4B,GACvC,IAAAC,QAAE,EAAE,SAAU,CACb,CACJ,EACC,CAAEb,eAAe,IAClB,IAAAS,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAuB,cAAc;IACdC,EAAE,EAAC,IAAI;IACPH,SAAS,EAAC;EAA4B,GAEpC,IAAAC,QAAE,EAAE,SAAU,CACD,CAChB,EACD,IAAAJ,MAAA,CAAAC,aAAA,EAACf,cAAA,CAAAqB,OAAa,MAAE,CAAC,EACfZ,eAAe,IAAIJ,eAAe,IACnC,IAAAS,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAA8B,GAC5C,IAAAH,MAAA,CAAAC,aAAA,EAACxB,YAAA,CAAA+B,YAAY;IAACC,cAAc;EAAA,CAAE,CAC1B,CAAC,EACN,IAAAT,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAA4B,OAAO,CAACC,IAAI;IACZC,GAAG,EAAGnB,eAAiB;IACvBoB,IAAI,EAAC;EAAe,CACpB,CACA,CAEC,CAAC,EACN,IAAAb,MAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAA8B,GAC5C,IAAAH,MAAA,CAAAC,aAAA,EAACb,WAAA,CAAAmB,OAAU,MAAE,CAAC,EACd,IAAAP,MAAA,CAAAC,aAAA,EAAClB,UAAA,CAAA+B,WAAW,CAACH,IAAI;IAACI,KAAK,EAAC;EAAmB,CAAE,CAAC,EAC9C,IAAAf,MAAA,CAAAC,aAAA,EAACZ,SAAA,CAAAkB,OAAQ,MAAE,CACP,CACD,CACJ,CAAC;AAEL;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEcjB,MAAM","ignoreList":[]}
+{"version":3,"names":["_blockEditor","require","_data","_element","_i18n","_components","_interface","_compose","_preferences","_documentTools","_interopRequireDefault","_saveButton","_moreMenu","_jsxRuntime","Header","isLargeViewport","useViewportMatch","blockToolbarRef","useRef","hasFixedToolbar","useSelect","select","preferencesStore","get","jsx","Fragment","children","jsxs","className","__","VisuallyHidden","as","default","BlockToolbar","hideDragHandle","Popover","Slot","ref","name","PinnedItems","scope","_default","exports"],"sources":["@wordpress/edit-widgets/src/components/header/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BlockToolbar } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Popover, VisuallyHidden } from '@wordpress/components';\nimport { PinnedItems } from '@wordpress/interface';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport DocumentTools from './document-tools';\nimport SaveButton from '../save-button';\nimport MoreMenu from '../more-menu';\n\nfunction Header() {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst blockToolbarRef = useRef();\n\tconst { hasFixedToolbar } = useSelect(\n\t\t( select ) => ( {\n\t\t\thasFixedToolbar: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t} ),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"edit-widgets-header\">\n\t\t\t\t<div className=\"edit-widgets-header__navigable-toolbar-wrapper\">\n\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t<h1 className=\"edit-widgets-header__title\">\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</h1>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isLargeViewport && (\n\t\t\t\t\t\t<VisuallyHidden\n\t\t\t\t\t\t\tas=\"h1\"\n\t\t\t\t\t\t\tclassName=\"edit-widgets-header__title\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t) }\n\t\t\t\t\t<DocumentTools />\n\t\t\t\t\t{ hasFixedToolbar && isLargeViewport && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"selected-block-tools-wrapper\">\n\t\t\t\t\t\t\t\t<BlockToolbar hideDragHandle />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Popover.Slot\n\t\t\t\t\t\t\t\tref={ blockToolbarRef }\n\t\t\t\t\t\t\t\tname=\"block-toolbar\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t\t<div className=\"edit-widgets-header__actions\">\n\t\t\t\t\t<SaveButton />\n\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-widgets\" />\n\t\t\t\t\t<MoreMenu />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Header;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AAKA,IAAAQ,cAAA,GAAAC,sBAAA,CAAAT,OAAA;AACA,IAAAU,WAAA,GAAAD,sBAAA,CAAAT,OAAA;AACA,IAAAW,SAAA,GAAAF,sBAAA,CAAAT,OAAA;AAAoC,IAAAY,WAAA,GAAAZ,OAAA;AAjBpC;AACA;AACA;;AAUA;AACA;AACA;;AAKA,SAASa,MAAMA,CAAA,EAAG;EACjB,MAAMC,eAAe,GAAG,IAAAC,yBAAgB,EAAE,QAAS,CAAC;EACpD,MAAMC,eAAe,GAAG,IAAAC,eAAM,EAAC,CAAC;EAChC,MAAM;IAAEC;EAAgB,CAAC,GAAG,IAAAC,eAAS,EAClCC,MAAM,KAAQ;IACfF,eAAe,EAAE,CAAC,CAAEE,MAAM,CAAEC,kBAAiB,CAAC,CAACC,GAAG,CACjD,mBAAmB,EACnB,cACD;EACD,CAAC,CAAE,EACH,EACD,CAAC;EAED,oBACC,IAAAV,WAAA,CAAAW,GAAA,EAAAX,WAAA,CAAAY,QAAA;IAAAC,QAAA,eACC,IAAAb,WAAA,CAAAc,IAAA;MAAKC,SAAS,EAAC,qBAAqB;MAAAF,QAAA,gBACnC,IAAAb,WAAA,CAAAc,IAAA;QAAKC,SAAS,EAAC,gDAAgD;QAAAF,QAAA,GAC5DX,eAAe,iBAChB,IAAAF,WAAA,CAAAW,GAAA;UAAII,SAAS,EAAC,4BAA4B;UAAAF,QAAA,EACvC,IAAAG,QAAE,EAAE,SAAU;QAAC,CACd,CACJ,EACC,CAAEd,eAAe,iBAClB,IAAAF,WAAA,CAAAW,GAAA,EAACnB,WAAA,CAAAyB,cAAc;UACdC,EAAE,EAAC,IAAI;UACPH,SAAS,EAAC,4BAA4B;UAAAF,QAAA,EAEpC,IAAAG,QAAE,EAAE,SAAU;QAAC,CACF,CAChB,eACD,IAAAhB,WAAA,CAAAW,GAAA,EAACf,cAAA,CAAAuB,OAAa,IAAE,CAAC,EACfb,eAAe,IAAIJ,eAAe,iBACnC,IAAAF,WAAA,CAAAc,IAAA,EAAAd,WAAA,CAAAY,QAAA;UAAAC,QAAA,gBACC,IAAAb,WAAA,CAAAW,GAAA;YAAKI,SAAS,EAAC,8BAA8B;YAAAF,QAAA,eAC5C,IAAAb,WAAA,CAAAW,GAAA,EAACxB,YAAA,CAAAiC,YAAY;cAACC,cAAc;YAAA,CAAE;UAAC,CAC3B,CAAC,eACN,IAAArB,WAAA,CAAAW,GAAA,EAACnB,WAAA,CAAA8B,OAAO,CAACC,IAAI;YACZC,GAAG,EAAGpB,eAAiB;YACvBqB,IAAI,EAAC;UAAe,CACpB,CAAC;QAAA,CACD,CACF;MAAA,CACG,CAAC,eACN,IAAAzB,WAAA,CAAAc,IAAA;QAAKC,SAAS,EAAC,8BAA8B;QAAAF,QAAA,gBAC5C,IAAAb,WAAA,CAAAW,GAAA,EAACb,WAAA,CAAAqB,OAAU,IAAE,CAAC,eACd,IAAAnB,WAAA,CAAAW,GAAA,EAAClB,UAAA,CAAAiC,WAAW,CAACH,IAAI;UAACI,KAAK,EAAC;QAAmB,CAAE,CAAC,eAC9C,IAAA3B,WAAA,CAAAW,GAAA,EAACZ,SAAA,CAAAoB,OAAQ,IAAE,CAAC;MAAA,CACR,CAAC;IAAA,CACF;EAAC,CACL,CAAC;AAEL;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEclB,MAAM","ignoreList":[]}