@wordpress/widgets 2.20.0 → 3.1.0

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## Unreleased
 
+## 3.1.0 (2023-01-02)
+
+## 3.0.0 (2022-12-14)
+
+### Breaking Changes
+
+-   Updated dependencies to require React 18 ([45235](https://github.com/WordPress/gutenberg/pull/45235))
+
 ## 2.20.0 (2022-11-16)
 
 ## 2.19.0 (2022-11-02)

package/build/index.js

@@ -73,9 +73,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * Note that for the block to be useful, any scripts required by a widget must
  * be loaded into the page.
  *
+ * @param {Object} supports Block support settings.
  * @see https://developer.wordpress.org/block-editor/how-to-guides/widgets/legacy-widget-block/
  */
 function registerLegacyWidgetBlock() {
+  let supports = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     metadata,
     settings,
@@ -84,7 +86,11 @@ function registerLegacyWidgetBlock() {
   (0, _blocks.registerBlockType)({
     name,
     ...metadata
-  }, settings);
+  }, { ...settings,
+    supports: { ...settings.supports,
+      ...supports
+    }
+  });
 }
 /**
  * Registers the Widget Group block.

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/widgets/src/index.js"],"names":["registerLegacyWidgetBlock","metadata","settings","name","legacyWidget","registerWidgetGroupBlock","widgetGroup"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAGA;;AAKA;;AACA;;AAEA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAuBA;;;;;;AAnCA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,yBAAT,GAAqC;AAC3C,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA;AAAtB,MAA+BC,YAArC;AACA,iCAAmB;AAAED,IAAAA,IAAF;AAAQ,OAAGF;AAAX,GAAnB,EAA0CC,QAA1C;AACA;AAED;AACA;AACA;;;AACO,SAASG,wBAAT,GAAoC;AAC1C,QAAM;AAAEJ,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA;AAAtB,MAA+BG,WAArC;AACA,iCAAmB;AAAEH,IAAAA,IAAF;AAAQ,OAAGF;AAAX,GAAnB,EAA0CC,QAA1C;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { registerBlockType } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport * as legacyWidget from './blocks/legacy-widget';\nimport * as widgetGroup from './blocks/widget-group';\n\nexport * from './components';\nexport * from './utils';\n\n/**\n * Registers the Legacy Widget block.\n *\n * Note that for the block to be useful, any scripts required by a widget must\n * be loaded into the page.\n *\n * @see https://developer.wordpress.org/block-editor/how-to-guides/widgets/legacy-widget-block/\n */\nexport function registerLegacyWidgetBlock() {\n\tconst { metadata, settings, name } = legacyWidget;\n\tregisterBlockType( { name, ...metadata }, settings );\n}\n\n/**\n * Registers the Widget Group block.\n */\nexport function registerWidgetGroupBlock() {\n\tconst { metadata, settings, name } = widgetGroup;\n\tregisterBlockType( { name, ...metadata }, settings );\n}\n\nexport { default as registerLegacyWidgetVariations } from './register-legacy-widget-variations';\n"]}
+{"version":3,"sources":["@wordpress/widgets/src/index.js"],"names":["registerLegacyWidgetBlock","supports","metadata","settings","name","legacyWidget","registerWidgetGroupBlock","widgetGroup"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAGA;;AAKA;;AACA;;AAEA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAiCA;;;;;;AA7CA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,yBAAT,GAAoD;AAAA,MAAhBC,QAAgB,uEAAL,EAAK;AAC1D,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA;AAAtB,MAA+BC,YAArC;AACA,iCACC;AAAED,IAAAA,IAAF;AAAQ,OAAGF;AAAX,GADD,EAEC,EACC,GAAGC,QADJ;AAECF,IAAAA,QAAQ,EAAE,EACT,GAAGE,QAAQ,CAACF,QADH;AAET,SAAGA;AAFM;AAFX,GAFD;AAUA;AAED;AACA;AACA;;;AACO,SAASK,wBAAT,GAAoC;AAC1C,QAAM;AAAEJ,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA;AAAtB,MAA+BG,WAArC;AACA,iCAAmB;AAAEH,IAAAA,IAAF;AAAQ,OAAGF;AAAX,GAAnB,EAA0CC,QAA1C;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { registerBlockType } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport * as legacyWidget from './blocks/legacy-widget';\nimport * as widgetGroup from './blocks/widget-group';\n\nexport * from './components';\nexport * from './utils';\n\n/**\n * Registers the Legacy Widget block.\n *\n * Note that for the block to be useful, any scripts required by a widget must\n * be loaded into the page.\n *\n * @param {Object} supports Block support settings.\n * @see https://developer.wordpress.org/block-editor/how-to-guides/widgets/legacy-widget-block/\n */\nexport function registerLegacyWidgetBlock( supports = {} ) {\n\tconst { metadata, settings, name } = legacyWidget;\n\tregisterBlockType(\n\t\t{ name, ...metadata },\n\t\t{\n\t\t\t...settings,\n\t\t\tsupports: {\n\t\t\t\t...settings.supports,\n\t\t\t\t...supports,\n\t\t\t},\n\t\t}\n\t);\n}\n\n/**\n * Registers the Widget Group block.\n */\nexport function registerWidgetGroupBlock() {\n\tconst { metadata, settings, name } = widgetGroup;\n\tregisterBlockType( { name, ...metadata }, settings );\n}\n\nexport { default as registerLegacyWidgetVariations } from './register-legacy-widget-variations';\n"]}

package/build-module/index.js

@@ -16,10 +16,12 @@ export * from './utils';
  * Note that for the block to be useful, any scripts required by a widget must
  * be loaded into the page.
  *
+ * @param {Object} supports Block support settings.
  * @see https://developer.wordpress.org/block-editor/how-to-guides/widgets/legacy-widget-block/
  */
 
 export function registerLegacyWidgetBlock() {
+  let supports = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     metadata,
     settings,
@@ -28,7 +30,11 @@ export function registerLegacyWidgetBlock() {
   registerBlockType({
     name,
     ...metadata
-  }, settings);
+  }, { ...settings,
+    supports: { ...settings.supports,
+      ...supports
+    }
+  });
 }
 /**
  * Registers the Widget Group block.

package/build-module/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/widgets/src/index.js"],"names":["registerBlockType","legacyWidget","widgetGroup","registerLegacyWidgetBlock","metadata","settings","name","registerWidgetGroupBlock","default","registerLegacyWidgetVariations"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,iBAAT,QAAkC,mBAAlC;AAEA;AACA;AACA;;AACA,OAAO,KAAKC,YAAZ,MAA8B,wBAA9B;AACA,OAAO,KAAKC,WAAZ,MAA6B,uBAA7B;AAEA,cAAc,cAAd;AACA,cAAc,SAAd;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,yBAAT,GAAqC;AAC3C,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA;AAAtB,MAA+BL,YAArC;AACAD,EAAAA,iBAAiB,CAAE;AAAEM,IAAAA,IAAF;AAAQ,OAAGF;AAAX,GAAF,EAAyBC,QAAzB,CAAjB;AACA;AAED;AACA;AACA;;AACA,OAAO,SAASE,wBAAT,GAAoC;AAC1C,QAAM;AAAEH,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA;AAAtB,MAA+BJ,WAArC;AACAF,EAAAA,iBAAiB,CAAE;AAAEM,IAAAA,IAAF;AAAQ,OAAGF;AAAX,GAAF,EAAyBC,QAAzB,CAAjB;AACA;AAED,SAASG,OAAO,IAAIC,8BAApB,QAA0D,qCAA1D","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { registerBlockType } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport * as legacyWidget from './blocks/legacy-widget';\nimport * as widgetGroup from './blocks/widget-group';\n\nexport * from './components';\nexport * from './utils';\n\n/**\n * Registers the Legacy Widget block.\n *\n * Note that for the block to be useful, any scripts required by a widget must\n * be loaded into the page.\n *\n * @see https://developer.wordpress.org/block-editor/how-to-guides/widgets/legacy-widget-block/\n */\nexport function registerLegacyWidgetBlock() {\n\tconst { metadata, settings, name } = legacyWidget;\n\tregisterBlockType( { name, ...metadata }, settings );\n}\n\n/**\n * Registers the Widget Group block.\n */\nexport function registerWidgetGroupBlock() {\n\tconst { metadata, settings, name } = widgetGroup;\n\tregisterBlockType( { name, ...metadata }, settings );\n}\n\nexport { default as registerLegacyWidgetVariations } from './register-legacy-widget-variations';\n"]}
+{"version":3,"sources":["@wordpress/widgets/src/index.js"],"names":["registerBlockType","legacyWidget","widgetGroup","registerLegacyWidgetBlock","supports","metadata","settings","name","registerWidgetGroupBlock","default","registerLegacyWidgetVariations"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,iBAAT,QAAkC,mBAAlC;AAEA;AACA;AACA;;AACA,OAAO,KAAKC,YAAZ,MAA8B,wBAA9B;AACA,OAAO,KAAKC,WAAZ,MAA6B,uBAA7B;AAEA,cAAc,cAAd;AACA,cAAc,SAAd;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,yBAAT,GAAoD;AAAA,MAAhBC,QAAgB,uEAAL,EAAK;AAC1D,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA;AAAtB,MAA+BN,YAArC;AACAD,EAAAA,iBAAiB,CAChB;AAAEO,IAAAA,IAAF;AAAQ,OAAGF;AAAX,GADgB,EAEhB,EACC,GAAGC,QADJ;AAECF,IAAAA,QAAQ,EAAE,EACT,GAAGE,QAAQ,CAACF,QADH;AAET,SAAGA;AAFM;AAFX,GAFgB,CAAjB;AAUA;AAED;AACA;AACA;;AACA,OAAO,SAASI,wBAAT,GAAoC;AAC1C,QAAM;AAAEH,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA;AAAtB,MAA+BL,WAArC;AACAF,EAAAA,iBAAiB,CAAE;AAAEO,IAAAA,IAAF;AAAQ,OAAGF;AAAX,GAAF,EAAyBC,QAAzB,CAAjB;AACA;AAED,SAASG,OAAO,IAAIC,8BAApB,QAA0D,qCAA1D","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { registerBlockType } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport * as legacyWidget from './blocks/legacy-widget';\nimport * as widgetGroup from './blocks/widget-group';\n\nexport * from './components';\nexport * from './utils';\n\n/**\n * Registers the Legacy Widget block.\n *\n * Note that for the block to be useful, any scripts required by a widget must\n * be loaded into the page.\n *\n * @param {Object} supports Block support settings.\n * @see https://developer.wordpress.org/block-editor/how-to-guides/widgets/legacy-widget-block/\n */\nexport function registerLegacyWidgetBlock( supports = {} ) {\n\tconst { metadata, settings, name } = legacyWidget;\n\tregisterBlockType(\n\t\t{ name, ...metadata },\n\t\t{\n\t\t\t...settings,\n\t\t\tsupports: {\n\t\t\t\t...settings.supports,\n\t\t\t\t...supports,\n\t\t\t},\n\t\t}\n\t);\n}\n\n/**\n * Registers the Widget Group block.\n */\nexport function registerWidgetGroupBlock() {\n\tconst { metadata, settings, name } = widgetGroup;\n\tregisterBlockType( { name, ...metadata }, settings );\n}\n\nexport { default as registerLegacyWidgetVariations } from './register-legacy-widget-variations';\n"]}

package/build-style/style-rtl.css

@@ -1,3 +1,9 @@
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
 /**
  * Colors
  */
@@ -11,6 +17,12 @@
  * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
  * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
  */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
 /**
  * Colors
  */
@@ -46,15 +58,15 @@
 * @param {string} hex - the hexadecimal value to convert
 * @return {string} comma separated rgb values
 */
-/**
- * Breakpoint mixins
- */
 /**
  * Long content fade mixin
  *
  * Creates a fading overlay to signify that the content is longer
  * than the space allows.
  */
+/**
+ * Breakpoint mixins
+ */
 /**
  * Focus styles.
  */
@@ -82,6 +94,8 @@
   --wp-admin-theme-color-darker-20: #005a87;
   --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
   --wp-admin-border-width-focus: 2px;
+  --wp-block-synced-color: #7a00df;
+  --wp-block-synced-color--rgb: 122, 0, 223;
 }
 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   :root {

package/build-style/style.css

@@ -1,3 +1,9 @@
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
 /**
  * Colors
  */
@@ -11,6 +17,12 @@
  * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
  * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
  */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
 /**
  * Colors
  */
@@ -46,15 +58,15 @@
 * @param {string} hex - the hexadecimal value to convert
 * @return {string} comma separated rgb values
 */
-/**
- * Breakpoint mixins
- */
 /**
  * Long content fade mixin
  *
  * Creates a fading overlay to signify that the content is longer
  * than the space allows.
  */
+/**
+ * Breakpoint mixins
+ */
 /**
  * Focus styles.
  */
@@ -82,6 +94,8 @@
   --wp-admin-theme-color-darker-20: #005a87;
   --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
   --wp-admin-border-width-focus: 2px;
+  --wp-block-synced-color: #7a00df;
+  --wp-block-synced-color--rgb: 122, 0, 223;
 }
 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   :root {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/widgets",
-	"version": "2.20.0",
+	"version": "3.1.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",
@@ -21,25 +21,25 @@
 	"react-native": "src/index",
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/api-fetch": "^6.19.0",
-		"@wordpress/block-editor": "^10.5.0",
-		"@wordpress/blocks": "^11.21.0",
-		"@wordpress/components": "^22.1.0",
-		"@wordpress/compose": "^5.20.0",
-		"@wordpress/core-data": "^5.5.0",
-		"@wordpress/data": "^7.6.0",
-		"@wordpress/element": "^4.20.0",
-		"@wordpress/i18n": "^4.22.0",
-		"@wordpress/icons": "^9.13.0",
-		"@wordpress/notices": "^3.22.0",
+		"@wordpress/api-fetch": "^6.21.0",
+		"@wordpress/block-editor": "^11.1.0",
+		"@wordpress/blocks": "^12.1.0",
+		"@wordpress/components": "^23.1.0",
+		"@wordpress/compose": "^6.1.0",
+		"@wordpress/core-data": "^6.1.0",
+		"@wordpress/data": "^8.1.0",
+		"@wordpress/element": "^5.1.0",
+		"@wordpress/i18n": "^4.24.0",
+		"@wordpress/icons": "^9.15.0",
+		"@wordpress/notices": "^3.24.0",
 		"classnames": "^2.3.1"
 	},
 	"peerDependencies": {
-		"react": "^17.0.0",
-		"react-dom": "^17.0.0"
+		"react": "^18.0.0",
+		"react-dom": "^18.0.0"
 	},
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "7ac04f446242452d3cb24372f9ca58f0cae97715"
+	"gitHead": "200bee7b06b15f6fa655e25b6ab69cbd6b49a357"
 }

package/src/index.js

@@ -18,11 +18,21 @@ export * from './utils';
  * Note that for the block to be useful, any scripts required by a widget must
  * be loaded into the page.
  *
+ * @param {Object} supports Block support settings.
  * @see https://developer.wordpress.org/block-editor/how-to-guides/widgets/legacy-widget-block/
  */
-export function registerLegacyWidgetBlock() {
+export function registerLegacyWidgetBlock( supports = {} ) {
 	const { metadata, settings, name } = legacyWidget;
-	registerBlockType( { name, ...metadata }, settings );
+	registerBlockType(
+		{ name, ...metadata },
+		{
+			...settings,
+			supports: {
+				...settings.supports,
+				...supports,
+			},
+		}
+	);
 }
 
 /**