@wordpress/widgets 3.34.0 → 4.0.0

package/build-module/blocks/widget-group/edit.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -7,6 +6,9 @@ import { Placeholder } from '@wordpress/components';
 import { group as groupIcon } from '@wordpress/icons';
 import { __ } from '@wordpress/i18n';
 import { useSelect } from '@wordpress/data';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function Edit(props) {
   const {
     clientId
@@ -14,46 +16,52 @@ export default function Edit(props) {
   const {
     innerBlocks
   } = useSelect(select => select(blockEditorStore).getBlock(clientId), [clientId]);
-  return createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     ...useBlockProps({
       className: 'widget'
+    }),
+    children: innerBlocks.length === 0 ? /*#__PURE__*/_jsx(PlaceholderContent, {
+      ...props
+    }) : /*#__PURE__*/_jsx(PreviewContent, {
+      ...props
     })
-  }, innerBlocks.length === 0 ? createElement(PlaceholderContent, {
-    ...props
-  }) : createElement(PreviewContent, {
-    ...props
-  }));
+  });
 }
 function PlaceholderContent({
   clientId
 }) {
-  return createElement(Fragment, null, createElement(Placeholder, {
-    className: "wp-block-widget-group__placeholder",
-    icon: createElement(BlockIcon, {
-      icon: groupIcon
-    }),
-    label: __('Widget Group')
-  }, createElement(ButtonBlockAppender, {
-    rootClientId: clientId
-  })), createElement(InnerBlocks, {
-    renderAppender: false
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Placeholder, {
+      className: "wp-block-widget-group__placeholder",
+      icon: /*#__PURE__*/_jsx(BlockIcon, {
+        icon: groupIcon
+      }),
+      label: __('Widget Group'),
+      children: /*#__PURE__*/_jsx(ButtonBlockAppender, {
+        rootClientId: clientId
+      })
+    }), /*#__PURE__*/_jsx(InnerBlocks, {
+      renderAppender: false
+    })]
+  });
 }
 function PreviewContent({
   attributes,
   setAttributes
 }) {
   var _attributes$title;
-  return createElement(Fragment, null, createElement(RichText, {
-    tagName: "h2",
-    identifier: "title",
-    className: "widget-title",
-    allowedFormats: [],
-    placeholder: __('Title'),
-    value: (_attributes$title = attributes.title) !== null && _attributes$title !== void 0 ? _attributes$title : '',
-    onChange: title => setAttributes({
-      title
-    })
-  }), createElement(InnerBlocks, null));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(RichText, {
+      tagName: "h2",
+      identifier: "title",
+      className: "widget-title",
+      allowedFormats: [],
+      placeholder: __('Title'),
+      value: (_attributes$title = attributes.title) !== null && _attributes$title !== void 0 ? _attributes$title : '',
+      onChange: title => setAttributes({
+        title
+      })
+    }), /*#__PURE__*/_jsx(InnerBlocks, {})]
+  });
 }
 //# sourceMappingURL=edit.js.map

package/build-module/blocks/widget-group/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["useBlockProps","BlockIcon","ButtonBlockAppender","InnerBlocks","store","blockEditorStore","RichText","Placeholder","group","groupIcon","__","useSelect","Edit","props","clientId","innerBlocks","select","getBlock","createElement","className","length","PlaceholderContent","PreviewContent","Fragment","icon","label","rootClientId","renderAppender","attributes","setAttributes","_attributes$title","tagName","identifier","allowedFormats","placeholder","value","title","onChange"],"sources":["@wordpress/widgets/src/blocks/widget-group/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tBlockIcon,\n\tButtonBlockAppender,\n\tInnerBlocks,\n\tstore as blockEditorStore,\n\tRichText,\n} from '@wordpress/block-editor';\nimport { Placeholder } from '@wordpress/components';\nimport { group as groupIcon } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\n\nexport default function Edit( props ) {\n\tconst { clientId } = props;\n\tconst { innerBlocks } = useSelect(\n\t\t( select ) => select( blockEditorStore ).getBlock( clientId ),\n\t\t[ clientId ]\n\t);\n\n\treturn (\n\t\t<div { ...useBlockProps( { className: 'widget' } ) }>\n\t\t\t{ innerBlocks.length === 0 ? (\n\t\t\t\t<PlaceholderContent { ...props } />\n\t\t\t) : (\n\t\t\t\t<PreviewContent { ...props } />\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nfunction PlaceholderContent( { clientId } ) {\n\treturn (\n\t\t<>\n\t\t\t<Placeholder\n\t\t\t\tclassName=\"wp-block-widget-group__placeholder\"\n\t\t\t\ticon={ <BlockIcon icon={ groupIcon } /> }\n\t\t\t\tlabel={ __( 'Widget Group' ) }\n\t\t\t>\n\t\t\t\t<ButtonBlockAppender rootClientId={ clientId } />\n\t\t\t</Placeholder>\n\t\t\t<InnerBlocks renderAppender={ false } />\n\t\t</>\n\t);\n}\n\nfunction PreviewContent( { attributes, setAttributes } ) {\n\treturn (\n\t\t<>\n\t\t\t<RichText\n\t\t\t\ttagName=\"h2\"\n\t\t\t\tidentifier=\"title\"\n\t\t\t\tclassName=\"widget-title\"\n\t\t\t\tallowedFormats={ [] }\n\t\t\t\tplaceholder={ __( 'Title' ) }\n\t\t\t\tvalue={ attributes.title ?? '' }\n\t\t\t\tonChange={ ( title ) => setAttributes( { title } ) }\n\t\t\t/>\n\t\t\t<InnerBlocks />\n\t\t</>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,aAAa,EACbC,SAAS,EACTC,mBAAmB,EACnBC,WAAW,EACXC,KAAK,IAAIC,gBAAgB,EACzBC,QAAQ,QACF,yBAAyB;AAChC,SAASC,WAAW,QAAQ,uBAAuB;AACnD,SAASC,KAAK,IAAIC,SAAS,QAAQ,kBAAkB;AACrD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAE3C,eAAe,SAASC,IAAIA,CAAEC,KAAK,EAAG;EACrC,MAAM;IAAEC;EAAS,CAAC,GAAGD,KAAK;EAC1B,MAAM;IAAEE;EAAY,CAAC,GAAGJ,SAAS,CAC9BK,MAAM,IAAMA,MAAM,CAAEX,gBAAiB,CAAC,CAACY,QAAQ,CAAEH,QAAS,CAAC,EAC7D,CAAEA,QAAQ,CACX,CAAC;EAED,OACCI,aAAA;IAAA,GAAUlB,aAAa,CAAE;MAAEmB,SAAS,EAAE;IAAS,CAAE;EAAC,GAC/CJ,WAAW,CAACK,MAAM,KAAK,CAAC,GACzBF,aAAA,CAACG,kBAAkB;IAAA,GAAMR;EAAK,CAAI,CAAC,GAEnCK,aAAA,CAACI,cAAc;IAAA,GAAMT;EAAK,CAAI,CAE3B,CAAC;AAER;AAEA,SAASQ,kBAAkBA,CAAE;EAAEP;AAAS,CAAC,EAAG;EAC3C,OACCI,aAAA,CAAAK,QAAA,QACCL,aAAA,CAACX,WAAW;IACXY,SAAS,EAAC,oCAAoC;IAC9CK,IAAI,EAAGN,aAAA,CAACjB,SAAS;MAACuB,IAAI,EAAGf;IAAW,CAAE,CAAG;IACzCgB,KAAK,EAAGf,EAAE,CAAE,cAAe;EAAG,GAE9BQ,aAAA,CAAChB,mBAAmB;IAACwB,YAAY,EAAGZ;EAAU,CAAE,CACpC,CAAC,EACdI,aAAA,CAACf,WAAW;IAACwB,cAAc,EAAG;EAAO,CAAE,CACtC,CAAC;AAEL;AAEA,SAASL,cAAcA,CAAE;EAAEM,UAAU;EAAEC;AAAc,CAAC,EAAG;EAAA,IAAAC,iBAAA;EACxD,OACCZ,aAAA,CAAAK,QAAA,QACCL,aAAA,CAACZ,QAAQ;IACRyB,OAAO,EAAC,IAAI;IACZC,UAAU,EAAC,OAAO;IAClBb,SAAS,EAAC,cAAc;IACxBc,cAAc,EAAG,EAAI;IACrBC,WAAW,EAAGxB,EAAE,CAAE,OAAQ,CAAG;IAC7ByB,KAAK,GAAAL,iBAAA,GAAGF,UAAU,CAACQ,KAAK,cAAAN,iBAAA,cAAAA,iBAAA,GAAI,EAAI;IAChCO,QAAQ,EAAKD,KAAK,IAAMP,aAAa,CAAE;MAAEO;IAAM,CAAE;EAAG,CACpD,CAAC,EACFlB,aAAA,CAACf,WAAW,MAAE,CACb,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["useBlockProps","BlockIcon","ButtonBlockAppender","InnerBlocks","store","blockEditorStore","RichText","Placeholder","group","groupIcon","__","useSelect","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Edit","props","clientId","innerBlocks","select","getBlock","className","children","length","PlaceholderContent","PreviewContent","icon","label","rootClientId","renderAppender","attributes","setAttributes","_attributes$title","tagName","identifier","allowedFormats","placeholder","value","title","onChange"],"sources":["@wordpress/widgets/src/blocks/widget-group/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tBlockIcon,\n\tButtonBlockAppender,\n\tInnerBlocks,\n\tstore as blockEditorStore,\n\tRichText,\n} from '@wordpress/block-editor';\nimport { Placeholder } from '@wordpress/components';\nimport { group as groupIcon } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\n\nexport default function Edit( props ) {\n\tconst { clientId } = props;\n\tconst { innerBlocks } = useSelect(\n\t\t( select ) => select( blockEditorStore ).getBlock( clientId ),\n\t\t[ clientId ]\n\t);\n\n\treturn (\n\t\t<div { ...useBlockProps( { className: 'widget' } ) }>\n\t\t\t{ innerBlocks.length === 0 ? (\n\t\t\t\t<PlaceholderContent { ...props } />\n\t\t\t) : (\n\t\t\t\t<PreviewContent { ...props } />\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nfunction PlaceholderContent( { clientId } ) {\n\treturn (\n\t\t<>\n\t\t\t<Placeholder\n\t\t\t\tclassName=\"wp-block-widget-group__placeholder\"\n\t\t\t\ticon={ <BlockIcon icon={ groupIcon } /> }\n\t\t\t\tlabel={ __( 'Widget Group' ) }\n\t\t\t>\n\t\t\t\t<ButtonBlockAppender rootClientId={ clientId } />\n\t\t\t</Placeholder>\n\t\t\t<InnerBlocks renderAppender={ false } />\n\t\t</>\n\t);\n}\n\nfunction PreviewContent( { attributes, setAttributes } ) {\n\treturn (\n\t\t<>\n\t\t\t<RichText\n\t\t\t\ttagName=\"h2\"\n\t\t\t\tidentifier=\"title\"\n\t\t\t\tclassName=\"widget-title\"\n\t\t\t\tallowedFormats={ [] }\n\t\t\t\tplaceholder={ __( 'Title' ) }\n\t\t\t\tvalue={ attributes.title ?? '' }\n\t\t\t\tonChange={ ( title ) => setAttributes( { title } ) }\n\t\t\t/>\n\t\t\t<InnerBlocks />\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,aAAa,EACbC,SAAS,EACTC,mBAAmB,EACnBC,WAAW,EACXC,KAAK,IAAIC,gBAAgB,EACzBC,QAAQ,QACF,yBAAyB;AAChC,SAASC,WAAW,QAAQ,uBAAuB;AACnD,SAASC,KAAK,IAAIC,SAAS,QAAQ,kBAAkB;AACrD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE5C,eAAe,SAASC,IAAIA,CAAEC,KAAK,EAAG;EACrC,MAAM;IAAEC;EAAS,CAAC,GAAGD,KAAK;EAC1B,MAAM;IAAEE;EAAY,CAAC,GAAGV,SAAS,CAC9BW,MAAM,IAAMA,MAAM,CAAEjB,gBAAiB,CAAC,CAACkB,QAAQ,CAAEH,QAAS,CAAC,EAC7D,CAAEA,QAAQ,CACX,CAAC;EAED,oBACCP,IAAA;IAAA,GAAUb,aAAa,CAAE;MAAEwB,SAAS,EAAE;IAAS,CAAE,CAAC;IAAAC,QAAA,EAC/CJ,WAAW,CAACK,MAAM,KAAK,CAAC,gBACzBb,IAAA,CAACc,kBAAkB;MAAA,GAAMR;IAAK,CAAI,CAAC,gBAEnCN,IAAA,CAACe,cAAc;MAAA,GAAMT;IAAK,CAAI;EAC9B,CACG,CAAC;AAER;AAEA,SAASQ,kBAAkBA,CAAE;EAAEP;AAAS,CAAC,EAAG;EAC3C,oBACCH,KAAA,CAAAF,SAAA;IAAAU,QAAA,gBACCZ,IAAA,CAACN,WAAW;MACXiB,SAAS,EAAC,oCAAoC;MAC9CK,IAAI,eAAGhB,IAAA,CAACZ,SAAS;QAAC4B,IAAI,EAAGpB;MAAW,CAAE,CAAG;MACzCqB,KAAK,EAAGpB,EAAE,CAAE,cAAe,CAAG;MAAAe,QAAA,eAE9BZ,IAAA,CAACX,mBAAmB;QAAC6B,YAAY,EAAGX;MAAU,CAAE;IAAC,CACrC,CAAC,eACdP,IAAA,CAACV,WAAW;MAAC6B,cAAc,EAAG;IAAO,CAAE,CAAC;EAAA,CACvC,CAAC;AAEL;AAEA,SAASJ,cAAcA,CAAE;EAAEK,UAAU;EAAEC;AAAc,CAAC,EAAG;EAAA,IAAAC,iBAAA;EACxD,oBACClB,KAAA,CAAAF,SAAA;IAAAU,QAAA,gBACCZ,IAAA,CAACP,QAAQ;MACR8B,OAAO,EAAC,IAAI;MACZC,UAAU,EAAC,OAAO;MAClBb,SAAS,EAAC,cAAc;MACxBc,cAAc,EAAG,EAAI;MACrBC,WAAW,EAAG7B,EAAE,CAAE,OAAQ,CAAG;MAC7B8B,KAAK,GAAAL,iBAAA,GAAGF,UAAU,CAACQ,KAAK,cAAAN,iBAAA,cAAAA,iBAAA,GAAI,EAAI;MAChCO,QAAQ,EAAKD,KAAK,IAAMP,aAAa,CAAE;QAAEO;MAAM,CAAE;IAAG,CACpD,CAAC,eACF5B,IAAA,CAACV,WAAW,IAAE,CAAC;EAAA,CACd,CAAC;AAEL","ignoreList":[]}

package/build-module/blocks/widget-group/save.js

@@ -1,17 +1,22 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
 import { InnerBlocks, RichText } from '@wordpress/block-editor';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function save({
   attributes
 }) {
-  return createElement(Fragment, null, createElement(RichText.Content, {
-    tagName: "h2",
-    className: "widget-title",
-    value: attributes.title
-  }), createElement("div", {
-    className: "wp-widget-group__inner-blocks"
-  }, createElement(InnerBlocks.Content, null)));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(RichText.Content, {
+      tagName: "h2",
+      className: "widget-title",
+      value: attributes.title
+    }), /*#__PURE__*/_jsx("div", {
+      className: "wp-widget-group__inner-blocks",
+      children: /*#__PURE__*/_jsx(InnerBlocks.Content, {})
+    })]
+  });
 }
 //# sourceMappingURL=save.js.map

package/build-module/blocks/widget-group/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["InnerBlocks","RichText","save","attributes","createElement","Fragment","Content","tagName","className","value","title"],"sources":["@wordpress/widgets/src/blocks/widget-group/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks, RichText } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\treturn (\n\t\t<>\n\t\t\t<RichText.Content\n\t\t\t\ttagName=\"h2\"\n\t\t\t\tclassName=\"widget-title\"\n\t\t\t\tvalue={ attributes.title }\n\t\t\t/>\n\t\t\t<div className=\"wp-widget-group__inner-blocks\">\n\t\t\t\t<InnerBlocks.Content />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,yBAAyB;AAE/D,eAAe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,OACCC,aAAA,CAAAC,QAAA,QACCD,aAAA,CAACH,QAAQ,CAACK,OAAO;IAChBC,OAAO,EAAC,IAAI;IACZC,SAAS,EAAC,cAAc;IACxBC,KAAK,EAAGN,UAAU,CAACO;EAAO,CAC1B,CAAC,EACFN,aAAA;IAAKI,SAAS,EAAC;EAA+B,GAC7CJ,aAAA,CAACJ,WAAW,CAACM,OAAO,MAAE,CAClB,CACJ,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["InnerBlocks","RichText","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","save","attributes","children","Content","tagName","className","value","title"],"sources":["@wordpress/widgets/src/blocks/widget-group/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks, RichText } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\treturn (\n\t\t<>\n\t\t\t<RichText.Content\n\t\t\t\ttagName=\"h2\"\n\t\t\t\tclassName=\"widget-title\"\n\t\t\t\tvalue={ attributes.title }\n\t\t\t/>\n\t\t\t<div className=\"wp-widget-group__inner-blocks\">\n\t\t\t\t<InnerBlocks.Content />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEhE,eAAe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,oBACCF,KAAA,CAAAF,SAAA;IAAAK,QAAA,gBACCP,IAAA,CAACF,QAAQ,CAACU,OAAO;MAChBC,OAAO,EAAC,IAAI;MACZC,SAAS,EAAC,cAAc;MACxBC,KAAK,EAAGL,UAAU,CAACM;IAAO,CAC1B,CAAC,eACFZ,IAAA;MAAKU,SAAS,EAAC,+BAA+B;MAAAH,QAAA,eAC7CP,IAAA,CAACH,WAAW,CAACW,OAAO,IAAE;IAAC,CACnB,CAAC;EAAA,CACL,CAAC;AAEL","ignoreList":[]}

package/build-module/components/move-to-widget-area/index.js

@@ -1,34 +1,40 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { DropdownMenu, MenuGroup, MenuItemsChoice, ToolbarGroup, ToolbarItem } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { moveTo } from '@wordpress/icons';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function MoveToWidgetArea({
   currentWidgetAreaId,
   widgetAreas,
   onSelect
 }) {
-  return createElement(ToolbarGroup, null, createElement(ToolbarItem, null, toggleProps => createElement(DropdownMenu, {
-    icon: moveTo,
-    label: __('Move to widget area'),
-    toggleProps: toggleProps
-  }, ({
-    onClose
-  }) => createElement(MenuGroup, {
-    label: __('Move to')
-  }, createElement(MenuItemsChoice, {
-    choices: widgetAreas.map(widgetArea => ({
-      value: widgetArea.id,
-      label: widgetArea.name,
-      info: widgetArea.description
-    })),
-    value: currentWidgetAreaId,
-    onSelect: value => {
-      onSelect(value);
-      onClose();
-    }
-  })))));
+  return /*#__PURE__*/_jsx(ToolbarGroup, {
+    children: /*#__PURE__*/_jsx(ToolbarItem, {
+      children: toggleProps => /*#__PURE__*/_jsx(DropdownMenu, {
+        icon: moveTo,
+        label: __('Move to widget area'),
+        toggleProps: toggleProps,
+        children: ({
+          onClose
+        }) => /*#__PURE__*/_jsx(MenuGroup, {
+          label: __('Move to'),
+          children: /*#__PURE__*/_jsx(MenuItemsChoice, {
+            choices: widgetAreas.map(widgetArea => ({
+              value: widgetArea.id,
+              label: widgetArea.name,
+              info: widgetArea.description
+            })),
+            value: currentWidgetAreaId,
+            onSelect: value => {
+              onSelect(value);
+              onClose();
+            }
+          })
+        })
+      })
+    })
+  });
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/move-to-widget-area/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["DropdownMenu","MenuGroup","MenuItemsChoice","ToolbarGroup","ToolbarItem","__","moveTo","MoveToWidgetArea","currentWidgetAreaId","widgetAreas","onSelect","createElement","toggleProps","icon","label","onClose","choices","map","widgetArea","value","id","name","info","description"],"sources":["@wordpress/widgets/src/components/move-to-widget-area/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItemsChoice,\n\tToolbarGroup,\n\tToolbarItem,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { moveTo } from '@wordpress/icons';\n\nexport default function MoveToWidgetArea( {\n\tcurrentWidgetAreaId,\n\twidgetAreas,\n\tonSelect,\n} ) {\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarItem>\n\t\t\t\t{ ( toggleProps ) => (\n\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\ticon={ moveTo }\n\t\t\t\t\t\tlabel={ __( 'Move to widget area' ) }\n\t\t\t\t\t\ttoggleProps={ toggleProps }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t<MenuGroup label={ __( 'Move to' ) }>\n\t\t\t\t\t\t\t\t<MenuItemsChoice\n\t\t\t\t\t\t\t\t\tchoices={ widgetAreas.map(\n\t\t\t\t\t\t\t\t\t\t( widgetArea ) => ( {\n\t\t\t\t\t\t\t\t\t\t\tvalue: widgetArea.id,\n\t\t\t\t\t\t\t\t\t\t\tlabel: widgetArea.name,\n\t\t\t\t\t\t\t\t\t\t\tinfo: widgetArea.description,\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\tvalue={ currentWidgetAreaId }\n\t\t\t\t\t\t\t\t\tonSelect={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\tonSelect( value );\n\t\t\t\t\t\t\t\t\t\tonClose();\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</MenuGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</DropdownMenu>\n\t\t\t\t) }\n\t\t\t</ToolbarItem>\n\t\t</ToolbarGroup>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,YAAY,EACZC,SAAS,EACTC,eAAe,EACfC,YAAY,EACZC,WAAW,QACL,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,eAAe,SAASC,gBAAgBA,CAAE;EACzCC,mBAAmB;EACnBC,WAAW;EACXC;AACD,CAAC,EAAG;EACH,OACCC,aAAA,CAACR,YAAY,QACZQ,aAAA,CAACP,WAAW,QACPQ,WAAW,IACdD,aAAA,CAACX,YAAY;IACZa,IAAI,EAAGP,MAAQ;IACfQ,KAAK,EAAGT,EAAE,CAAE,qBAAsB,CAAG;IACrCO,WAAW,EAAGA;EAAa,GAEzB,CAAE;IAAEG;EAAQ,CAAC,KACdJ,aAAA,CAACV,SAAS;IAACa,KAAK,EAAGT,EAAE,CAAE,SAAU;EAAG,GACnCM,aAAA,CAACT,eAAe;IACfc,OAAO,EAAGP,WAAW,CAACQ,GAAG,CACtBC,UAAU,KAAQ;MACnBC,KAAK,EAAED,UAAU,CAACE,EAAE;MACpBN,KAAK,EAAEI,UAAU,CAACG,IAAI;MACtBC,IAAI,EAAEJ,UAAU,CAACK;IAClB,CAAC,CACF,CAAG;IACHJ,KAAK,EAAGX,mBAAqB;IAC7BE,QAAQ,EAAKS,KAAK,IAAM;MACvBT,QAAQ,CAAES,KAAM,CAAC;MACjBJ,OAAO,CAAC,CAAC;IACV;EAAG,CACH,CACS,CAEC,CAEH,CACA,CAAC;AAEjB","ignoreList":[]}
+{"version":3,"names":["DropdownMenu","MenuGroup","MenuItemsChoice","ToolbarGroup","ToolbarItem","__","moveTo","jsx","_jsx","MoveToWidgetArea","currentWidgetAreaId","widgetAreas","onSelect","children","toggleProps","icon","label","onClose","choices","map","widgetArea","value","id","name","info","description"],"sources":["@wordpress/widgets/src/components/move-to-widget-area/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItemsChoice,\n\tToolbarGroup,\n\tToolbarItem,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { moveTo } from '@wordpress/icons';\n\nexport default function MoveToWidgetArea( {\n\tcurrentWidgetAreaId,\n\twidgetAreas,\n\tonSelect,\n} ) {\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarItem>\n\t\t\t\t{ ( toggleProps ) => (\n\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\ticon={ moveTo }\n\t\t\t\t\t\tlabel={ __( 'Move to widget area' ) }\n\t\t\t\t\t\ttoggleProps={ toggleProps }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t<MenuGroup label={ __( 'Move to' ) }>\n\t\t\t\t\t\t\t\t<MenuItemsChoice\n\t\t\t\t\t\t\t\t\tchoices={ widgetAreas.map(\n\t\t\t\t\t\t\t\t\t\t( widgetArea ) => ( {\n\t\t\t\t\t\t\t\t\t\t\tvalue: widgetArea.id,\n\t\t\t\t\t\t\t\t\t\t\tlabel: widgetArea.name,\n\t\t\t\t\t\t\t\t\t\t\tinfo: widgetArea.description,\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\tvalue={ currentWidgetAreaId }\n\t\t\t\t\t\t\t\t\tonSelect={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\tonSelect( value );\n\t\t\t\t\t\t\t\t\t\tonClose();\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</MenuGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</DropdownMenu>\n\t\t\t\t) }\n\t\t\t</ToolbarItem>\n\t\t</ToolbarGroup>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,YAAY,EACZC,SAAS,EACTC,eAAe,EACfC,YAAY,EACZC,WAAW,QACL,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1C,eAAe,SAASC,gBAAgBA,CAAE;EACzCC,mBAAmB;EACnBC,WAAW;EACXC;AACD,CAAC,EAAG;EACH,oBACCJ,IAAA,CAACL,YAAY;IAAAU,QAAA,eACZL,IAAA,CAACJ,WAAW;MAAAS,QAAA,EACPC,WAAW,iBACdN,IAAA,CAACR,YAAY;QACZe,IAAI,EAAGT,MAAQ;QACfU,KAAK,EAAGX,EAAE,CAAE,qBAAsB,CAAG;QACrCS,WAAW,EAAGA,WAAa;QAAAD,QAAA,EAEzBA,CAAE;UAAEI;QAAQ,CAAC,kBACdT,IAAA,CAACP,SAAS;UAACe,KAAK,EAAGX,EAAE,CAAE,SAAU,CAAG;UAAAQ,QAAA,eACnCL,IAAA,CAACN,eAAe;YACfgB,OAAO,EAAGP,WAAW,CAACQ,GAAG,CACtBC,UAAU,KAAQ;cACnBC,KAAK,EAAED,UAAU,CAACE,EAAE;cACpBN,KAAK,EAAEI,UAAU,CAACG,IAAI;cACtBC,IAAI,EAAEJ,UAAU,CAACK;YAClB,CAAC,CACF,CAAG;YACHJ,KAAK,EAAGX,mBAAqB;YAC7BE,QAAQ,EAAKS,KAAK,IAAM;cACvBT,QAAQ,CAAES,KAAM,CAAC;cACjBJ,OAAO,CAAC,CAAC;YACV;UAAG,CACH;QAAC,CACQ;MACX,CACY;IACd,CACW;EAAC,CACD,CAAC;AAEjB","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/widgets",
-	"version": "3.34.0",
+	"version": "4.0.0",
 	"description": "Functionality used by the widgets block editor in the Widgets screen and the Customizer.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -16,23 +16,27 @@
 	"bugs": {
 		"url": "https://github.com/WordPress/gutenberg/issues"
 	},
+	"engines": {
+		"node": ">=18.12.0",
+		"npm": ">=8.19.2"
+	},
 	"main": "build/index.js",
 	"module": "build-module/index.js",
 	"react-native": "src/index",
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/api-fetch": "^6.54.0",
-		"@wordpress/block-editor": "^12.25.0",
-		"@wordpress/blocks": "^12.34.0",
-		"@wordpress/components": "^27.5.0",
-		"@wordpress/compose": "^6.34.0",
-		"@wordpress/core-data": "^6.34.0",
-		"@wordpress/data": "^9.27.0",
-		"@wordpress/element": "^5.34.0",
-		"@wordpress/i18n": "^4.57.0",
-		"@wordpress/icons": "^9.48.0",
-		"@wordpress/notices": "^4.25.0",
-		"classnames": "^2.3.1"
+		"@wordpress/api-fetch": "^7.0.0",
+		"@wordpress/block-editor": "^13.0.0",
+		"@wordpress/blocks": "^13.0.0",
+		"@wordpress/components": "^28.0.0",
+		"@wordpress/compose": "^7.0.0",
+		"@wordpress/core-data": "^7.0.0",
+		"@wordpress/data": "^10.0.0",
+		"@wordpress/element": "^6.0.0",
+		"@wordpress/i18n": "^5.0.0",
+		"@wordpress/icons": "^10.0.0",
+		"@wordpress/notices": "^5.0.0",
+		"clsx": "^2.1.1"
 	},
 	"peerDependencies": {
 		"react": "^18.0.0",
@@ -41,5 +45,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "581d8a5580dba8f600b7268d51eb554771ae482c"
+	"gitHead": "2f30cddff15723ac7017fd009fc5913b7b419400"
 }

package/src/blocks/legacy-widget/edit/form.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 /**
  * WordPress dependencies
  */
@@ -92,7 +92,7 @@ export default function Form( {
 	if ( isWide && isMediumLargeViewport ) {
 		return (
 			<div
-				className={ classnames( {
+				className={ clsx( {
 					'wp-block-legacy-widget__container': isVisible,
 				} ) }
 			>

package/src/blocks/legacy-widget/edit/index.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -35,7 +35,7 @@ export default function Edit( props ) {
 	const { isWide = false } = props;
 
 	const blockProps = useBlockProps( {
-		className: classnames( {
+		className: clsx( {
 			'is-wide-widget': isWide,
 		} ),
 	} );

package/src/blocks/legacy-widget/edit/preview.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -113,12 +113,9 @@ export default function Preview( { idBase, instance, isVisible } ) {
 				</Placeholder>
 			) }
 			<div
-				className={ classnames(
-					'wp-block-legacy-widget__edit-preview',
-					{
-						'is-offscreen': ! isVisible || ! isLoaded,
-					}
-				) }
+				className={ clsx( 'wp-block-legacy-widget__edit-preview', {
+					'is-offscreen': ! isVisible || ! isLoaded,
+				} ) }
 			>
 				<Disabled>
 					{ /*

package/src/blocks/legacy-widget/index.php

@@ -8,6 +8,8 @@
 /**
  * Renders the 'core/legacy-widget' block.
  *
+ * @since 5.8.0
+ *
  * @global int $wp_widget_factory.
  *
  * @param array $attributes The block attributes.
@@ -56,6 +58,8 @@ function render_block_core_legacy_widget( $attributes ) {
 
 /**
  * Registers the 'core/legacy-widget' block.
+ *
+ * @since 5.8.0
  */
 function register_block_core_legacy_widget() {
 	register_block_type_from_metadata(
@@ -72,6 +76,8 @@ add_action( 'init', 'register_block_core_legacy_widget' );
  * Intercepts any request with legacy-widget-preview in the query param and, if
  * set, renders a page containing a preview of the requested Legacy Widget
  * block.
+ *
+ * @since 5.8.0
  */
 function handle_legacy_widget_preview_iframe() {
 	if ( empty( $_GET['legacy-widget-preview'] ) ) {

package/src/blocks/widget-group/index.php

@@ -8,6 +8,8 @@
 /**
  * Renders the 'core/widget-group' block.
  *
+ * @since 5.9.0
+ *
  * @global array      $wp_registered_sidebars
  * @global int|string $_sidebar_being_rendered
  *
@@ -45,6 +47,8 @@ function render_block_core_widget_group( $attributes, $content, $block ) {
 
 /**
  * Registers the 'core/widget-group' block.
+ *
+ * @since 5.9.0
  */
 function register_block_core_widget_group() {
 	register_block_type_from_metadata(
@@ -62,6 +66,8 @@ add_action( 'init', 'register_block_core_widget_group' );
  * it. This lets us get to the current sidebar in
  * render_block_core_widget_group().
  *
+ * @since 5.9.0
+ *
  * @global int|string $_sidebar_being_rendered
  *
  * @param int|string $index       Index, name, or ID of the dynamic sidebar.
@@ -76,6 +82,8 @@ add_action( 'dynamic_sidebar_before', 'note_sidebar_being_rendered' );
  * Clear whatever we set in note_sidebar_being_rendered() after WordPress
  * finishes rendering a sidebar.
  *
+ * @since 5.9.0
+ *
  * @global int|string $_sidebar_being_rendered
  */
 function discard_sidebar_being_rendered() {