@wordpress/widgets 4.5.0 → 4.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/build/blocks/legacy-widget/edit/widget-type-selector.js +4 -1
  3. package/build/blocks/legacy-widget/edit/widget-type-selector.js.map +1 -1
  4. package/build-module/blocks/legacy-widget/edit/widget-type-selector.js +4 -1
  5. package/build-module/blocks/legacy-widget/edit/widget-type-selector.js.map +1 -1
  6. package/build-style/style-rtl.css +3 -3
  7. package/build-style/style.css +3 -3
  8. package/package.json +13 -13
  9. package/src/blocks/legacy-widget/edit/widget-type-selector.js +2 -0
  10. package/src/blocks/legacy-widget/editor.scss +5 -5
  11. package/src/blocks/widget-group/editor.scss +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,8 @@
2
2
 
3
3
  ## Unreleased
4
4
 
5
+ ## 4.6.0 (2024-08-21)
6
+
5
7
  ## 4.5.0 (2024-08-07)
6
8
 
7
9
  ## 4.4.0 (2024-07-24)
package/build/blocks/legacy-widget/edit/widget-type-selector.js CHANGED
@@ -31,7 +31,10 @@ function WidgetTypeSelector({
31
31
  if (widgetTypes.length === 0) {
32
32
  return (0, _i18n.__)('There are no widgets available.');
33
33
  }
34
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl, {
34
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl
35
+ // TODO: Switch to `true` (40px size) if possible
36
+ , {
37
+ __next40pxDefaultSize: false,
35
38
  __nextHasNoMarginBottom: true,
36
39
  label: (0, _i18n.__)('Select a legacy widget to display:'),
37
40
  value: selectedId !== null && selectedId !== void 0 ? selectedId : '',
package/build/blocks/legacy-widget/edit/widget-type-selector.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_components","require","_i18n","_data","_coreData","_blockEditor","_jsxRuntime","WidgetTypeSelector","selectedId","onSelect","widgetTypes","useSelect","select","_select$getSettings$w","hiddenIds","blockEditorStore","getSettings","widgetTypesToHideFromLegacyWidgetBlock","coreStore","getWidgetTypes","per_page","filter","widgetType","includes","id","jsx","Spinner","length","__","SelectControl","__nextHasNoMarginBottom","label","value","options","map","name","onChange","selected","find","isMulti","is_multi"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/widget-type-selector.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Spinner, SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\nexport default function WidgetTypeSelector( { selectedId, onSelect } ) {\n\tconst widgetTypes = useSelect( ( select ) => {\n\t\tconst hiddenIds =\n\t\t\tselect( blockEditorStore ).getSettings()\n\t\t\t\t?.widgetTypesToHideFromLegacyWidgetBlock ?? [];\n\t\treturn select( coreStore )\n\t\t\t.getWidgetTypes( { per_page: -1 } )\n\t\t\t?.filter( ( widgetType ) => ! hiddenIds.includes( widgetType.id ) );\n\t}, [] );\n\n\tif ( ! widgetTypes ) {\n\t\treturn <Spinner />;\n\t}\n\n\tif ( widgetTypes.length === 0 ) {\n\t\treturn __( 'There are no widgets available.' );\n\t}\n\n\treturn (\n\t\t<SelectControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Select a legacy widget to display:' ) }\n\t\t\tvalue={ selectedId ?? '' }\n\t\t\toptions={ [\n\t\t\t\t{ value: '', label: __( 'Select widget' ) },\n\t\t\t\t...widgetTypes.map( ( widgetType ) => ( {\n\t\t\t\t\tvalue: widgetType.id,\n\t\t\t\t\tlabel: widgetType.name,\n\t\t\t\t} ) ),\n\t\t\t] }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\tif ( value ) {\n\t\t\t\t\tconst selected = widgetTypes.find(\n\t\t\t\t\t\t( widgetType ) => widgetType.id === value\n\t\t\t\t\t);\n\t\t\t\t\tonSelect( {\n\t\t\t\t\t\tselectedId: selected.id,\n\t\t\t\t\t\tisMulti: selected.is_multi,\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tonSelect( { selectedId: null } );\n\t\t\t\t}\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAAoE,IAAAK,WAAA,GAAAL,OAAA;AAPpE;AACA;AACA;;AAOe,SAASM,kBAAkBA,CAAE;EAAEC,UAAU;EAAEC;AAAS,CAAC,EAAG;EACtE,MAAMC,WAAW,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAAA,IAAAC,qBAAA;IAC5C,MAAMC,SAAS,IAAAD,qBAAA,GACdD,MAAM,CAAEG,kBAAiB,CAAC,CAACC,WAAW,CAAC,CAAC,EACrCC,sCAAsC,cAAAJ,qBAAA,cAAAA,qBAAA,GAAI,EAAE;IAChD,OAAOD,MAAM,CAAEM,eAAU,CAAC,CACxBC,cAAc,CAAE;MAAEC,QAAQ,EAAE,CAAC;IAAE,CAAE,CAAC,EACjCC,MAAM,CAAIC,UAAU,IAAM,CAAER,SAAS,CAACS,QAAQ,CAAED,UAAU,CAACE,EAAG,CAAE,CAAC;EACrE,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEd,WAAW,EAAG;IACpB,oBAAO,IAAAJ,WAAA,CAAAmB,GAAA,EAACzB,WAAA,CAAA0B,OAAO,IAAE,CAAC;EACnB;EAEA,IAAKhB,WAAW,CAACiB,MAAM,KAAK,CAAC,EAAG;IAC/B,OAAO,IAAAC,QAAE,EAAE,iCAAkC,CAAC;EAC/C;EAEA,oBACC,IAAAtB,WAAA,CAAAmB,GAAA,EAACzB,WAAA,CAAA6B,aAAa;IACbC,uBAAuB;IACvBC,KAAK,EAAG,IAAAH,QAAE,EAAE,oCAAqC,CAAG;IACpDI,KAAK,EAAGxB,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,EAAI;IAC1ByB,OAAO,EAAG,CACT;MAAED,KAAK,EAAE,EAAE;MAAED,KAAK,EAAE,IAAAH,QAAE,EAAE,eAAgB;IAAE,CAAC,EAC3C,GAAGlB,WAAW,CAACwB,GAAG,CAAIZ,UAAU,KAAQ;MACvCU,KAAK,EAAEV,UAAU,CAACE,EAAE;MACpBO,KAAK,EAAET,UAAU,CAACa;IACnB,CAAC,CAAG,CAAC,CACH;IACHC,QAAQ,EAAKJ,KAAK,IAAM;MACvB,IAAKA,KAAK,EAAG;QACZ,MAAMK,QAAQ,GAAG3B,WAAW,CAAC4B,IAAI,CAC9BhB,UAAU,IAAMA,UAAU,CAACE,EAAE,KAAKQ,KACrC,CAAC;QACDvB,QAAQ,CAAE;UACTD,UAAU,EAAE6B,QAAQ,CAACb,EAAE;UACvBe,OAAO,EAAEF,QAAQ,CAACG;QACnB,CAAE,CAAC;MACJ,CAAC,MAAM;QACN/B,QAAQ,CAAE;UAAED,UAAU,EAAE;QAAK,CAAE,CAAC;MACjC;IACD;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
1
+ {"version":3,"names":["_components","require","_i18n","_data","_coreData","_blockEditor","_jsxRuntime","WidgetTypeSelector","selectedId","onSelect","widgetTypes","useSelect","select","_select$getSettings$w","hiddenIds","blockEditorStore","getSettings","widgetTypesToHideFromLegacyWidgetBlock","coreStore","getWidgetTypes","per_page","filter","widgetType","includes","id","jsx","Spinner","length","__","SelectControl","__next40pxDefaultSize","__nextHasNoMarginBottom","label","value","options","map","name","onChange","selected","find","isMulti","is_multi"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/widget-type-selector.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Spinner, SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\nexport default function WidgetTypeSelector( { selectedId, onSelect } ) {\n\tconst widgetTypes = useSelect( ( select ) => {\n\t\tconst hiddenIds =\n\t\t\tselect( blockEditorStore ).getSettings()\n\t\t\t\t?.widgetTypesToHideFromLegacyWidgetBlock ?? [];\n\t\treturn select( coreStore )\n\t\t\t.getWidgetTypes( { per_page: -1 } )\n\t\t\t?.filter( ( widgetType ) => ! hiddenIds.includes( widgetType.id ) );\n\t}, [] );\n\n\tif ( ! widgetTypes ) {\n\t\treturn <Spinner />;\n\t}\n\n\tif ( widgetTypes.length === 0 ) {\n\t\treturn __( 'There are no widgets available.' );\n\t}\n\n\treturn (\n\t\t<SelectControl\n\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t__next40pxDefaultSize={ false }\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Select a legacy widget to display:' ) }\n\t\t\tvalue={ selectedId ?? '' }\n\t\t\toptions={ [\n\t\t\t\t{ value: '', label: __( 'Select widget' ) },\n\t\t\t\t...widgetTypes.map( ( widgetType ) => ( {\n\t\t\t\t\tvalue: widgetType.id,\n\t\t\t\t\tlabel: widgetType.name,\n\t\t\t\t} ) ),\n\t\t\t] }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\tif ( value ) {\n\t\t\t\t\tconst selected = widgetTypes.find(\n\t\t\t\t\t\t( widgetType ) => widgetType.id === value\n\t\t\t\t\t);\n\t\t\t\t\tonSelect( {\n\t\t\t\t\t\tselectedId: selected.id,\n\t\t\t\t\t\tisMulti: selected.is_multi,\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tonSelect( { selectedId: null } );\n\t\t\t\t}\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAAoE,IAAAK,WAAA,GAAAL,OAAA;AAPpE;AACA;AACA;;AAOe,SAASM,kBAAkBA,CAAE;EAAEC,UAAU;EAAEC;AAAS,CAAC,EAAG;EACtE,MAAMC,WAAW,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAAA,IAAAC,qBAAA;IAC5C,MAAMC,SAAS,IAAAD,qBAAA,GACdD,MAAM,CAAEG,kBAAiB,CAAC,CAACC,WAAW,CAAC,CAAC,EACrCC,sCAAsC,cAAAJ,qBAAA,cAAAA,qBAAA,GAAI,EAAE;IAChD,OAAOD,MAAM,CAAEM,eAAU,CAAC,CACxBC,cAAc,CAAE;MAAEC,QAAQ,EAAE,CAAC;IAAE,CAAE,CAAC,EACjCC,MAAM,CAAIC,UAAU,IAAM,CAAER,SAAS,CAACS,QAAQ,CAAED,UAAU,CAACE,EAAG,CAAE,CAAC;EACrE,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEd,WAAW,EAAG;IACpB,oBAAO,IAAAJ,WAAA,CAAAmB,GAAA,EAACzB,WAAA,CAAA0B,OAAO,IAAE,CAAC;EACnB;EAEA,IAAKhB,WAAW,CAACiB,MAAM,KAAK,CAAC,EAAG;IAC/B,OAAO,IAAAC,QAAE,EAAE,iCAAkC,CAAC;EAC/C;EAEA,oBACC,IAAAtB,WAAA,CAAAmB,GAAA,EAACzB,WAAA,CAAA6B;EACA;EAAA;IACAC,qBAAqB,EAAG,KAAO;IAC/BC,uBAAuB;IACvBC,KAAK,EAAG,IAAAJ,QAAE,EAAE,oCAAqC,CAAG;IACpDK,KAAK,EAAGzB,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,EAAI;IAC1B0B,OAAO,EAAG,CACT;MAAED,KAAK,EAAE,EAAE;MAAED,KAAK,EAAE,IAAAJ,QAAE,EAAE,eAAgB;IAAE,CAAC,EAC3C,GAAGlB,WAAW,CAACyB,GAAG,CAAIb,UAAU,KAAQ;MACvCW,KAAK,EAAEX,UAAU,CAACE,EAAE;MACpBQ,KAAK,EAAEV,UAAU,CAACc;IACnB,CAAC,CAAG,CAAC,CACH;IACHC,QAAQ,EAAKJ,KAAK,IAAM;MACvB,IAAKA,KAAK,EAAG;QACZ,MAAMK,QAAQ,GAAG5B,WAAW,CAAC6B,IAAI,CAC9BjB,UAAU,IAAMA,UAAU,CAACE,EAAE,KAAKS,KACrC,CAAC;QACDxB,QAAQ,CAAE;UACTD,UAAU,EAAE8B,QAAQ,CAACd,EAAE;UACvBgB,OAAO,EAAEF,QAAQ,CAACG;QACnB,CAAE,CAAC;MACJ,CAAC,MAAM;QACNhC,QAAQ,CAAE;UAAED,UAAU,EAAE;QAAK,CAAE,CAAC;MACjC;IACD;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
package/build-module/blocks/legacy-widget/edit/widget-type-selector.js CHANGED
@@ -24,7 +24,10 @@ export default function WidgetTypeSelector({
24
24
  if (widgetTypes.length === 0) {
25
25
  return __('There are no widgets available.');
26
26
  }
27
- return /*#__PURE__*/_jsx(SelectControl, {
27
+ return /*#__PURE__*/_jsx(SelectControl
28
+ // TODO: Switch to `true` (40px size) if possible
29
+ , {
30
+ __next40pxDefaultSize: false,
28
31
  __nextHasNoMarginBottom: true,
29
32
  label: __('Select a legacy widget to display:'),
30
33
  value: selectedId !== null && selectedId !== void 0 ? selectedId : '',
package/build-module/blocks/legacy-widget/edit/widget-type-selector.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["Spinner","SelectControl","__","useSelect","store","coreStore","blockEditorStore","jsx","_jsx","WidgetTypeSelector","selectedId","onSelect","widgetTypes","select","_select$getSettings$w","hiddenIds","getSettings","widgetTypesToHideFromLegacyWidgetBlock","getWidgetTypes","per_page","filter","widgetType","includes","id","length","__nextHasNoMarginBottom","label","value","options","map","name","onChange","selected","find","isMulti","is_multi"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/widget-type-selector.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Spinner, SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\nexport default function WidgetTypeSelector( { selectedId, onSelect } ) {\n\tconst widgetTypes = useSelect( ( select ) => {\n\t\tconst hiddenIds =\n\t\t\tselect( blockEditorStore ).getSettings()\n\t\t\t\t?.widgetTypesToHideFromLegacyWidgetBlock ?? [];\n\t\treturn select( coreStore )\n\t\t\t.getWidgetTypes( { per_page: -1 } )\n\t\t\t?.filter( ( widgetType ) => ! hiddenIds.includes( widgetType.id ) );\n\t}, [] );\n\n\tif ( ! widgetTypes ) {\n\t\treturn <Spinner />;\n\t}\n\n\tif ( widgetTypes.length === 0 ) {\n\t\treturn __( 'There are no widgets available.' );\n\t}\n\n\treturn (\n\t\t<SelectControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Select a legacy widget to display:' ) }\n\t\t\tvalue={ selectedId ?? '' }\n\t\t\toptions={ [\n\t\t\t\t{ value: '', label: __( 'Select widget' ) },\n\t\t\t\t...widgetTypes.map( ( widgetType ) => ( {\n\t\t\t\t\tvalue: widgetType.id,\n\t\t\t\t\tlabel: widgetType.name,\n\t\t\t\t} ) ),\n\t\t\t] }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\tif ( value ) {\n\t\t\t\t\tconst selected = widgetTypes.find(\n\t\t\t\t\t\t( widgetType ) => widgetType.id === value\n\t\t\t\t\t);\n\t\t\t\t\tonSelect( {\n\t\t\t\t\t\tselectedId: selected.id,\n\t\t\t\t\t\tisMulti: selected.is_multi,\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tonSelect( { selectedId: null } );\n\t\t\t\t}\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,EAAEC,aAAa,QAAQ,uBAAuB;AAC9D,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASD,KAAK,IAAIE,gBAAgB,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpE,eAAe,SAASC,kBAAkBA,CAAE;EAAEC,UAAU;EAAEC;AAAS,CAAC,EAAG;EACtE,MAAMC,WAAW,GAAGT,SAAS,CAAIU,MAAM,IAAM;IAAA,IAAAC,qBAAA;IAC5C,MAAMC,SAAS,IAAAD,qBAAA,GACdD,MAAM,CAAEP,gBAAiB,CAAC,CAACU,WAAW,CAAC,CAAC,EACrCC,sCAAsC,cAAAH,qBAAA,cAAAA,qBAAA,GAAI,EAAE;IAChD,OAAOD,MAAM,CAAER,SAAU,CAAC,CACxBa,cAAc,CAAE;MAAEC,QAAQ,EAAE,CAAC;IAAE,CAAE,CAAC,EACjCC,MAAM,CAAIC,UAAU,IAAM,CAAEN,SAAS,CAACO,QAAQ,CAAED,UAAU,CAACE,EAAG,CAAE,CAAC;EACrE,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEX,WAAW,EAAG;IACpB,oBAAOJ,IAAA,CAACR,OAAO,IAAE,CAAC;EACnB;EAEA,IAAKY,WAAW,CAACY,MAAM,KAAK,CAAC,EAAG;IAC/B,OAAOtB,EAAE,CAAE,iCAAkC,CAAC;EAC/C;EAEA,oBACCM,IAAA,CAACP,aAAa;IACbwB,uBAAuB;IACvBC,KAAK,EAAGxB,EAAE,CAAE,oCAAqC,CAAG;IACpDyB,KAAK,EAAGjB,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,EAAI;IAC1BkB,OAAO,EAAG,CACT;MAAED,KAAK,EAAE,EAAE;MAAED,KAAK,EAAExB,EAAE,CAAE,eAAgB;IAAE,CAAC,EAC3C,GAAGU,WAAW,CAACiB,GAAG,CAAIR,UAAU,KAAQ;MACvCM,KAAK,EAAEN,UAAU,CAACE,EAAE;MACpBG,KAAK,EAAEL,UAAU,CAACS;IACnB,CAAC,CAAG,CAAC,CACH;IACHC,QAAQ,EAAKJ,KAAK,IAAM;MACvB,IAAKA,KAAK,EAAG;QACZ,MAAMK,QAAQ,GAAGpB,WAAW,CAACqB,IAAI,CAC9BZ,UAAU,IAAMA,UAAU,CAACE,EAAE,KAAKI,KACrC,CAAC;QACDhB,QAAQ,CAAE;UACTD,UAAU,EAAEsB,QAAQ,CAACT,EAAE;UACvBW,OAAO,EAAEF,QAAQ,CAACG;QACnB,CAAE,CAAC;MACJ,CAAC,MAAM;QACNxB,QAAQ,CAAE;UAAED,UAAU,EAAE;QAAK,CAAE,CAAC;MACjC;IACD;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
1
+ {"version":3,"names":["Spinner","SelectControl","__","useSelect","store","coreStore","blockEditorStore","jsx","_jsx","WidgetTypeSelector","selectedId","onSelect","widgetTypes","select","_select$getSettings$w","hiddenIds","getSettings","widgetTypesToHideFromLegacyWidgetBlock","getWidgetTypes","per_page","filter","widgetType","includes","id","length","__next40pxDefaultSize","__nextHasNoMarginBottom","label","value","options","map","name","onChange","selected","find","isMulti","is_multi"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/widget-type-selector.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Spinner, SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\nexport default function WidgetTypeSelector( { selectedId, onSelect } ) {\n\tconst widgetTypes = useSelect( ( select ) => {\n\t\tconst hiddenIds =\n\t\t\tselect( blockEditorStore ).getSettings()\n\t\t\t\t?.widgetTypesToHideFromLegacyWidgetBlock ?? [];\n\t\treturn select( coreStore )\n\t\t\t.getWidgetTypes( { per_page: -1 } )\n\t\t\t?.filter( ( widgetType ) => ! hiddenIds.includes( widgetType.id ) );\n\t}, [] );\n\n\tif ( ! widgetTypes ) {\n\t\treturn <Spinner />;\n\t}\n\n\tif ( widgetTypes.length === 0 ) {\n\t\treturn __( 'There are no widgets available.' );\n\t}\n\n\treturn (\n\t\t<SelectControl\n\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t__next40pxDefaultSize={ false }\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Select a legacy widget to display:' ) }\n\t\t\tvalue={ selectedId ?? '' }\n\t\t\toptions={ [\n\t\t\t\t{ value: '', label: __( 'Select widget' ) },\n\t\t\t\t...widgetTypes.map( ( widgetType ) => ( {\n\t\t\t\t\tvalue: widgetType.id,\n\t\t\t\t\tlabel: widgetType.name,\n\t\t\t\t} ) ),\n\t\t\t] }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\tif ( value ) {\n\t\t\t\t\tconst selected = widgetTypes.find(\n\t\t\t\t\t\t( widgetType ) => widgetType.id === value\n\t\t\t\t\t);\n\t\t\t\t\tonSelect( {\n\t\t\t\t\t\tselectedId: selected.id,\n\t\t\t\t\t\tisMulti: selected.is_multi,\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tonSelect( { selectedId: null } );\n\t\t\t\t}\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,EAAEC,aAAa,QAAQ,uBAAuB;AAC9D,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASD,KAAK,IAAIE,gBAAgB,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpE,eAAe,SAASC,kBAAkBA,CAAE;EAAEC,UAAU;EAAEC;AAAS,CAAC,EAAG;EACtE,MAAMC,WAAW,GAAGT,SAAS,CAAIU,MAAM,IAAM;IAAA,IAAAC,qBAAA;IAC5C,MAAMC,SAAS,IAAAD,qBAAA,GACdD,MAAM,CAAEP,gBAAiB,CAAC,CAACU,WAAW,CAAC,CAAC,EACrCC,sCAAsC,cAAAH,qBAAA,cAAAA,qBAAA,GAAI,EAAE;IAChD,OAAOD,MAAM,CAAER,SAAU,CAAC,CACxBa,cAAc,CAAE;MAAEC,QAAQ,EAAE,CAAC;IAAE,CAAE,CAAC,EACjCC,MAAM,CAAIC,UAAU,IAAM,CAAEN,SAAS,CAACO,QAAQ,CAAED,UAAU,CAACE,EAAG,CAAE,CAAC;EACrE,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEX,WAAW,EAAG;IACpB,oBAAOJ,IAAA,CAACR,OAAO,IAAE,CAAC;EACnB;EAEA,IAAKY,WAAW,CAACY,MAAM,KAAK,CAAC,EAAG;IAC/B,OAAOtB,EAAE,CAAE,iCAAkC,CAAC;EAC/C;EAEA,oBACCM,IAAA,CAACP;EACA;EAAA;IACAwB,qBAAqB,EAAG,KAAO;IAC/BC,uBAAuB;IACvBC,KAAK,EAAGzB,EAAE,CAAE,oCAAqC,CAAG;IACpD0B,KAAK,EAAGlB,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,EAAI;IAC1BmB,OAAO,EAAG,CACT;MAAED,KAAK,EAAE,EAAE;MAAED,KAAK,EAAEzB,EAAE,CAAE,eAAgB;IAAE,CAAC,EAC3C,GAAGU,WAAW,CAACkB,GAAG,CAAIT,UAAU,KAAQ;MACvCO,KAAK,EAAEP,UAAU,CAACE,EAAE;MACpBI,KAAK,EAAEN,UAAU,CAACU;IACnB,CAAC,CAAG,CAAC,CACH;IACHC,QAAQ,EAAKJ,KAAK,IAAM;MACvB,IAAKA,KAAK,EAAG;QACZ,MAAMK,QAAQ,GAAGrB,WAAW,CAACsB,IAAI,CAC9Bb,UAAU,IAAMA,UAAU,CAACE,EAAE,KAAKK,KACrC,CAAC;QACDjB,QAAQ,CAAE;UACTD,UAAU,EAAEuB,QAAQ,CAACV,EAAE;UACvBY,OAAO,EAAEF,QAAQ,CAACG;QACnB,CAAE,CAAC;MACJ,CAAC,MAAM;QACNzB,QAAQ,CAAE;UAAED,UAAU,EAAE;QAAK,CAAE,CAAC;MACjC;IACD;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
package/build-style/style-rtl.css CHANGED
@@ -37,10 +37,10 @@
37
37
  * Radius scale.
38
38
  */
39
39
  /**
40
- * Dimensions.
40
+ * Elevation scale.
41
41
  */
42
42
  /**
43
- * Shadows.
43
+ * Dimensions.
44
44
  */
45
45
  /**
46
46
  * Editor widths.
@@ -112,7 +112,7 @@
112
112
  border-radius: 2px;
113
113
  border: 1px solid #1e1e1e;
114
114
  padding: 11px;
115
- max-height: calc(100vh - 2px);
115
+ max-height: calc(100vh - 1px - 1px);
116
116
  overflow-y: scroll;
117
117
  }
118
118
  .wp-block-legacy-widget__edit-form:not([hidden]) {
package/build-style/style.css CHANGED
@@ -37,10 +37,10 @@
37
37
  * Radius scale.
38
38
  */
39
39
  /**
40
- * Dimensions.
40
+ * Elevation scale.
41
41
  */
42
42
  /**
43
- * Shadows.
43
+ * Dimensions.
44
44
  */
45
45
  /**
46
46
  * Editor widths.
@@ -112,7 +112,7 @@
112
112
  border-radius: 2px;
113
113
  border: 1px solid #1e1e1e;
114
114
  padding: 11px;
115
- max-height: calc(100vh - 2px);
115
+ max-height: calc(100vh - 1px - 1px);
116
116
  overflow-y: scroll;
117
117
  }
118
118
  .wp-block-legacy-widget__edit-form:not([hidden]) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/widgets",
3
- "version": "4.5.0",
3
+ "version": "4.6.0",
4
4
  "description": "Functionality used by the widgets block editor in the Widgets screen and the Customizer.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -25,17 +25,17 @@
25
25
  "react-native": "src/index",
26
26
  "dependencies": {
27
27
  "@babel/runtime": "^7.16.0",
28
- "@wordpress/api-fetch": "^7.5.0",
29
- "@wordpress/block-editor": "^14.0.0",
30
- "@wordpress/blocks": "^13.5.0",
31
- "@wordpress/components": "^28.5.0",
32
- "@wordpress/compose": "^7.5.0",
33
- "@wordpress/core-data": "^7.5.0",
34
- "@wordpress/data": "^10.5.0",
35
- "@wordpress/element": "^6.5.0",
36
- "@wordpress/i18n": "^5.5.0",
37
- "@wordpress/icons": "^10.5.0",
38
- "@wordpress/notices": "^5.5.0",
28
+ "@wordpress/api-fetch": "^7.6.0",
29
+ "@wordpress/block-editor": "^14.1.0",
30
+ "@wordpress/blocks": "^13.6.0",
31
+ "@wordpress/components": "^28.6.0",
32
+ "@wordpress/compose": "^7.6.0",
33
+ "@wordpress/core-data": "^7.6.0",
34
+ "@wordpress/data": "^10.6.0",
35
+ "@wordpress/element": "^6.6.0",
36
+ "@wordpress/i18n": "^5.6.0",
37
+ "@wordpress/icons": "^10.6.0",
38
+ "@wordpress/notices": "^5.6.0",
39
39
  "clsx": "^2.1.1"
40
40
  },
41
41
  "peerDependencies": {
@@ -45,5 +45,5 @@
45
45
  "publishConfig": {
46
46
  "access": "public"
47
47
  },
48
- "gitHead": "c3101ab024e2bfc85d525c6d247e0d57cafc9fd9"
48
+ "gitHead": "ab9564947967bb3f00343130954b9efacba6cdd7"
49
49
  }
package/src/blocks/legacy-widget/edit/widget-type-selector.js CHANGED
@@ -27,6 +27,8 @@ export default function WidgetTypeSelector( { selectedId, onSelect } ) {
27
27
 
28
28
  return (
29
29
  <SelectControl
30
+ // TODO: Switch to `true` (40px size) if possible
31
+ __next40pxDefaultSize={ false }
30
32
  __nextHasNoMarginBottom
31
33
  label={ __( 'Select a legacy widget to display:' ) }
32
34
  value={ selectedId ?? '' }
package/src/blocks/legacy-widget/editor.scss CHANGED
@@ -4,9 +4,9 @@
4
4
  }
5
5
  background: $white;
6
6
  border-radius: $radius-block-ui;
7
- border: 1px solid $gray-900;
8
- padding: $grid-unit-15 - 1px; // Subtract the border width.
9
- max-height: calc(100vh - 2px); // Subtract the border width (both top and bottom).
7
+ border: $border-width solid $gray-900;
8
+ padding: $grid-unit-15 - $border-width;
9
+ max-height: calc(100vh - #{ $border-width } - #{ $border-width });
10
10
  overflow-y: scroll;
11
11
 
12
12
  .wp-block-legacy-widget__edit-form-title {
@@ -57,7 +57,7 @@
57
57
  font-family: system-ui;
58
58
  background-color: transparent;
59
59
  box-sizing: border-box;
60
- border: 1px solid $gray-700;
60
+ border: $border-width solid $gray-700;
61
61
  border-radius: 3px;
62
62
  box-shadow: none;
63
63
  color: $black;
@@ -96,7 +96,7 @@
96
96
 
97
97
  &:hover::after {
98
98
  border-radius: $radius-block-ui;
99
- border: 1px solid $gray-600;
99
+ border: $border-width solid $gray-600;
100
100
  bottom: 0;
101
101
  content: "";
102
102
  left: 0;
package/src/blocks/widget-group/editor.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  .wp-block-widget-group {
2
2
  &.has-child-selected::after {
3
3
  border-radius: $radius-block-ui;
4
- border: 1px solid var(--wp-admin-theme-color);
4
+ border: $border-width solid var(--wp-admin-theme-color);
5
5
  bottom: 0;
6
6
  content: "";
7
7
  left: 0;