@wordpress/edit-widgets 6.11.0 → 6.12.1-next.082ed6819.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.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,8 @@
2
2
 
3
3
  ## Unreleased
4
4
 
5
+ ## 6.12.0 (2024-11-16)
6
+
5
7
  ## 6.11.0 (2024-10-30)
6
8
 
7
9
  ## 6.10.0 (2024-10-16)
@@ -58,10 +58,10 @@ function ListViewSidebar() {
58
58
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
59
59
  children: (0, _i18n.__)('List View')
60
60
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
61
- __next40pxDefaultSize: true,
62
61
  icon: _icons.closeSmall,
63
62
  label: (0, _i18n.__)('Close'),
64
- onClick: closeListView
63
+ onClick: closeListView,
64
+ size: "compact"
65
65
  })]
66
66
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
67
67
  className: "edit-widgets-editor__list-view-panel-content",
@@ -1 +1 @@
1
- {"version":3,"names":["_blockEditor","require","_components","_compose","_data","_element","_i18n","_icons","_keycodes","_store","_lockUnlock","_jsxRuntime","ListViewSidebar","setIsListViewOpened","useDispatch","editWidgetsStore","getListViewToggleRef","unlock","useSelect","dropZoneElement","setDropZoneElement","useState","focusOnMountRef","useFocusOnMount","closeListView","useCallback","current","focus","closeOnEscape","event","keyCode","ESCAPE","defaultPrevented","preventDefault","jsxs","className","onKeyDown","children","jsx","__","Button","__next40pxDefaultSize","icon","closeSmall","label","onClick","ref","useMergeRefs","__experimentalListView"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/list-view-sidebar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalListView as ListView } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport default function ListViewSidebar() {\n\tconst { setIsListViewOpened } = useDispatch( editWidgetsStore );\n\tconst { getListViewToggleRef } = unlock( useSelect( editWidgetsStore ) );\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the dropZoneElement updates.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// When closing the list view, focus should return to the toggle button.\n\tconst closeListView = useCallback( () => {\n\t\tsetIsListViewOpened( false );\n\t\tgetListViewToggleRef().current?.focus();\n\t}, [ getListViewToggleRef, setIsListViewOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseListView();\n\t\t\t}\n\t\t},\n\t\t[ closeListView ]\n\t);\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"edit-widgets-editor__list-view-panel\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t>\n\t\t\t<div className=\"edit-widgets-editor__list-view-panel-header\">\n\t\t\t\t<strong>{ __( 'List View' ) }</strong>\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\tonClick={ closeListView }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-widgets-editor__list-view-panel-content\"\n\t\t\t\tref={ useMergeRefs( [ focusOnMountRef, setDropZoneElement ] ) }\n\t\t\t>\n\t\t\t\t<ListView dropZoneElement={ dropZoneElement } />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAKA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAA2C,IAAAU,WAAA,GAAAV,OAAA;AAhB3C;AACA;AACA;;AAUA;AACA;AACA;;AAIe,SAASW,eAAeA,CAAA,EAAG;EACzC,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;EAC/D,MAAM;IAAEC;EAAqB,CAAC,GAAG,IAAAC,kBAAM,EAAE,IAAAC,eAAS,EAAEH,YAAiB,CAAE,CAAC;;EAExE;EACA;EACA,MAAM,CAAEI,eAAe,EAAEC,kBAAkB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAEhE,MAAMC,eAAe,GAAG,IAAAC,wBAAe,EAAE,cAAe,CAAC;;EAEzD;EACA,MAAMC,aAAa,GAAG,IAAAC,oBAAW,EAAE,MAAM;IACxCZ,mBAAmB,CAAE,KAAM,CAAC;IAC5BG,oBAAoB,CAAC,CAAC,CAACU,OAAO,EAAEC,KAAK,CAAC,CAAC;EACxC,CAAC,EAAE,CAAEX,oBAAoB,EAAEH,mBAAmB,CAAG,CAAC;EAElD,MAAMe,aAAa,GAAG,IAAAH,oBAAW,EAC9BI,KAAK,IAAM;IACZ,IAAKA,KAAK,CAACC,OAAO,KAAKC,gBAAM,IAAI,CAAEF,KAAK,CAACG,gBAAgB,EAAG;MAC3DH,KAAK,CAACI,cAAc,CAAC,CAAC;MACtBT,aAAa,CAAC,CAAC;IAChB;EACD,CAAC,EACD,CAAEA,aAAa,CAChB,CAAC;EAED;IAAA;IACC;IACA,IAAAb,WAAA,CAAAuB,IAAA;MACCC,SAAS,EAAC,sCAAsC;MAChDC,SAAS,EAAGR,aAAe;MAAAS,QAAA,gBAE3B,IAAA1B,WAAA,CAAAuB,IAAA;QAAKC,SAAS,EAAC,6CAA6C;QAAAE,QAAA,gBAC3D,IAAA1B,WAAA,CAAA2B,GAAA;UAAAD,QAAA,EAAU,IAAAE,QAAE,EAAE,WAAY;QAAC,CAAU,CAAC,eACtC,IAAA5B,WAAA,CAAA2B,GAAA,EAACpC,WAAA,CAAAsC,MAAM;UACNC,qBAAqB;UACrBC,IAAI,EAAGC,iBAAY;UACnBC,KAAK,EAAG,IAAAL,QAAE,EAAE,OAAQ,CAAG;UACvBM,OAAO,EAAGrB;QAAe,CACzB,CAAC;MAAA,CACE,CAAC,eACN,IAAAb,WAAA,CAAA2B,GAAA;QACCH,SAAS,EAAC,8CAA8C;QACxDW,GAAG,EAAG,IAAAC,qBAAY,EAAE,CAAEzB,eAAe,EAAEF,kBAAkB,CAAG,CAAG;QAAAiB,QAAA,eAE/D,IAAA1B,WAAA,CAAA2B,GAAA,EAACtC,YAAA,CAAAgD,sBAAQ;UAAC7B,eAAe,EAAGA;QAAiB,CAAE;MAAC,CAC5C,CAAC;IAAA,CACF;EAAC;AAER","ignoreList":[]}
1
+ {"version":3,"names":["_blockEditor","require","_components","_compose","_data","_element","_i18n","_icons","_keycodes","_store","_lockUnlock","_jsxRuntime","ListViewSidebar","setIsListViewOpened","useDispatch","editWidgetsStore","getListViewToggleRef","unlock","useSelect","dropZoneElement","setDropZoneElement","useState","focusOnMountRef","useFocusOnMount","closeListView","useCallback","current","focus","closeOnEscape","event","keyCode","ESCAPE","defaultPrevented","preventDefault","jsxs","className","onKeyDown","children","jsx","__","Button","icon","closeSmall","label","onClick","size","ref","useMergeRefs","__experimentalListView"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/list-view-sidebar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalListView as ListView } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport default function ListViewSidebar() {\n\tconst { setIsListViewOpened } = useDispatch( editWidgetsStore );\n\tconst { getListViewToggleRef } = unlock( useSelect( editWidgetsStore ) );\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the dropZoneElement updates.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// When closing the list view, focus should return to the toggle button.\n\tconst closeListView = useCallback( () => {\n\t\tsetIsListViewOpened( false );\n\t\tgetListViewToggleRef().current?.focus();\n\t}, [ getListViewToggleRef, setIsListViewOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseListView();\n\t\t\t}\n\t\t},\n\t\t[ closeListView ]\n\t);\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"edit-widgets-editor__list-view-panel\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t>\n\t\t\t<div className=\"edit-widgets-editor__list-view-panel-header\">\n\t\t\t\t<strong>{ __( 'List View' ) }</strong>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\tonClick={ closeListView }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-widgets-editor__list-view-panel-content\"\n\t\t\t\tref={ useMergeRefs( [ focusOnMountRef, setDropZoneElement ] ) }\n\t\t\t>\n\t\t\t\t<ListView dropZoneElement={ dropZoneElement } />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAKA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAA2C,IAAAU,WAAA,GAAAV,OAAA;AAhB3C;AACA;AACA;;AAUA;AACA;AACA;;AAIe,SAASW,eAAeA,CAAA,EAAG;EACzC,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;EAC/D,MAAM;IAAEC;EAAqB,CAAC,GAAG,IAAAC,kBAAM,EAAE,IAAAC,eAAS,EAAEH,YAAiB,CAAE,CAAC;;EAExE;EACA;EACA,MAAM,CAAEI,eAAe,EAAEC,kBAAkB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAEhE,MAAMC,eAAe,GAAG,IAAAC,wBAAe,EAAE,cAAe,CAAC;;EAEzD;EACA,MAAMC,aAAa,GAAG,IAAAC,oBAAW,EAAE,MAAM;IACxCZ,mBAAmB,CAAE,KAAM,CAAC;IAC5BG,oBAAoB,CAAC,CAAC,CAACU,OAAO,EAAEC,KAAK,CAAC,CAAC;EACxC,CAAC,EAAE,CAAEX,oBAAoB,EAAEH,mBAAmB,CAAG,CAAC;EAElD,MAAMe,aAAa,GAAG,IAAAH,oBAAW,EAC9BI,KAAK,IAAM;IACZ,IAAKA,KAAK,CAACC,OAAO,KAAKC,gBAAM,IAAI,CAAEF,KAAK,CAACG,gBAAgB,EAAG;MAC3DH,KAAK,CAACI,cAAc,CAAC,CAAC;MACtBT,aAAa,CAAC,CAAC;IAChB;EACD,CAAC,EACD,CAAEA,aAAa,CAChB,CAAC;EAED;IAAA;IACC;IACA,IAAAb,WAAA,CAAAuB,IAAA;MACCC,SAAS,EAAC,sCAAsC;MAChDC,SAAS,EAAGR,aAAe;MAAAS,QAAA,gBAE3B,IAAA1B,WAAA,CAAAuB,IAAA;QAAKC,SAAS,EAAC,6CAA6C;QAAAE,QAAA,gBAC3D,IAAA1B,WAAA,CAAA2B,GAAA;UAAAD,QAAA,EAAU,IAAAE,QAAE,EAAE,WAAY;QAAC,CAAU,CAAC,eACtC,IAAA5B,WAAA,CAAA2B,GAAA,EAACpC,WAAA,CAAAsC,MAAM;UACNC,IAAI,EAAGC,iBAAY;UACnBC,KAAK,EAAG,IAAAJ,QAAE,EAAE,OAAQ,CAAG;UACvBK,OAAO,EAAGpB,aAAe;UACzBqB,IAAI,EAAC;QAAS,CACd,CAAC;MAAA,CACE,CAAC,eACN,IAAAlC,WAAA,CAAA2B,GAAA;QACCH,SAAS,EAAC,8CAA8C;QACxDW,GAAG,EAAG,IAAAC,qBAAY,EAAE,CAAEzB,eAAe,EAAEF,kBAAkB,CAAG,CAAG;QAAAiB,QAAA,eAE/D,IAAA1B,WAAA,CAAA2B,GAAA,EAACtC,YAAA,CAAAgD,sBAAQ;UAAC7B,eAAe,EAAGA;QAAiB,CAAE;MAAC,CAC5C,CAAC;IAAA,CACF;EAAC;AAER","ignoreList":[]}
@@ -51,10 +51,10 @@ export default function ListViewSidebar() {
51
51
  children: [/*#__PURE__*/_jsx("strong", {
52
52
  children: __('List View')
53
53
  }), /*#__PURE__*/_jsx(Button, {
54
- __next40pxDefaultSize: true,
55
54
  icon: closeSmall,
56
55
  label: __('Close'),
57
- onClick: closeListView
56
+ onClick: closeListView,
57
+ size: "compact"
58
58
  })]
59
59
  }), /*#__PURE__*/_jsx("div", {
60
60
  className: "edit-widgets-editor__list-view-panel-content",
@@ -1 +1 @@
1
- {"version":3,"names":["__experimentalListView","ListView","Button","useFocusOnMount","useMergeRefs","useDispatch","useSelect","useCallback","useState","__","closeSmall","ESCAPE","store","editWidgetsStore","unlock","jsx","_jsx","jsxs","_jsxs","ListViewSidebar","setIsListViewOpened","getListViewToggleRef","dropZoneElement","setDropZoneElement","focusOnMountRef","closeListView","current","focus","closeOnEscape","event","keyCode","defaultPrevented","preventDefault","className","onKeyDown","children","__next40pxDefaultSize","icon","label","onClick","ref"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/list-view-sidebar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalListView as ListView } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport default function ListViewSidebar() {\n\tconst { setIsListViewOpened } = useDispatch( editWidgetsStore );\n\tconst { getListViewToggleRef } = unlock( useSelect( editWidgetsStore ) );\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the dropZoneElement updates.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// When closing the list view, focus should return to the toggle button.\n\tconst closeListView = useCallback( () => {\n\t\tsetIsListViewOpened( false );\n\t\tgetListViewToggleRef().current?.focus();\n\t}, [ getListViewToggleRef, setIsListViewOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseListView();\n\t\t\t}\n\t\t},\n\t\t[ closeListView ]\n\t);\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"edit-widgets-editor__list-view-panel\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t>\n\t\t\t<div className=\"edit-widgets-editor__list-view-panel-header\">\n\t\t\t\t<strong>{ __( 'List View' ) }</strong>\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\tonClick={ closeListView }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-widgets-editor__list-view-panel-content\"\n\t\t\t\tref={ useMergeRefs( [ focusOnMountRef, setDropZoneElement ] ) }\n\t\t\t>\n\t\t\t\t<ListView dropZoneElement={ dropZoneElement } />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,sBAAsB,IAAIC,QAAQ,QAAQ,yBAAyB;AAC5E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,eAAe,EAAEC,YAAY,QAAQ,oBAAoB;AAClE,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,WAAW,EAAEC,QAAQ,QAAQ,oBAAoB;AAC1D,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,MAAM,QAAQ,qBAAqB;;AAE5C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,eAAe,SAASC,eAAeA,CAAA,EAAG;EACzC,MAAM;IAAEC;EAAoB,CAAC,GAAGf,WAAW,CAAEQ,gBAAiB,CAAC;EAC/D,MAAM;IAAEQ;EAAqB,CAAC,GAAGP,MAAM,CAAER,SAAS,CAAEO,gBAAiB,CAAE,CAAC;;EAExE;EACA;EACA,MAAM,CAAES,eAAe,EAAEC,kBAAkB,CAAE,GAAGf,QAAQ,CAAE,IAAK,CAAC;EAEhE,MAAMgB,eAAe,GAAGrB,eAAe,CAAE,cAAe,CAAC;;EAEzD;EACA,MAAMsB,aAAa,GAAGlB,WAAW,CAAE,MAAM;IACxCa,mBAAmB,CAAE,KAAM,CAAC;IAC5BC,oBAAoB,CAAC,CAAC,CAACK,OAAO,EAAEC,KAAK,CAAC,CAAC;EACxC,CAAC,EAAE,CAAEN,oBAAoB,EAAED,mBAAmB,CAAG,CAAC;EAElD,MAAMQ,aAAa,GAAGrB,WAAW,CAC9BsB,KAAK,IAAM;IACZ,IAAKA,KAAK,CAACC,OAAO,KAAKnB,MAAM,IAAI,CAAEkB,KAAK,CAACE,gBAAgB,EAAG;MAC3DF,KAAK,CAACG,cAAc,CAAC,CAAC;MACtBP,aAAa,CAAC,CAAC;IAChB;EACD,CAAC,EACD,CAAEA,aAAa,CAChB,CAAC;EAED;IAAA;IACC;IACAP,KAAA;MACCe,SAAS,EAAC,sCAAsC;MAChDC,SAAS,EAAGN,aAAe;MAAAO,QAAA,gBAE3BjB,KAAA;QAAKe,SAAS,EAAC,6CAA6C;QAAAE,QAAA,gBAC3DnB,IAAA;UAAAmB,QAAA,EAAU1B,EAAE,CAAE,WAAY;QAAC,CAAU,CAAC,eACtCO,IAAA,CAACd,MAAM;UACNkC,qBAAqB;UACrBC,IAAI,EAAG3B,UAAY;UACnB4B,KAAK,EAAG7B,EAAE,CAAE,OAAQ,CAAG;UACvB8B,OAAO,EAAGd;QAAe,CACzB,CAAC;MAAA,CACE,CAAC,eACNT,IAAA;QACCiB,SAAS,EAAC,8CAA8C;QACxDO,GAAG,EAAGpC,YAAY,CAAE,CAAEoB,eAAe,EAAED,kBAAkB,CAAG,CAAG;QAAAY,QAAA,eAE/DnB,IAAA,CAACf,QAAQ;UAACqB,eAAe,EAAGA;QAAiB,CAAE;MAAC,CAC5C,CAAC;IAAA,CACF;EAAC;AAER","ignoreList":[]}
1
+ {"version":3,"names":["__experimentalListView","ListView","Button","useFocusOnMount","useMergeRefs","useDispatch","useSelect","useCallback","useState","__","closeSmall","ESCAPE","store","editWidgetsStore","unlock","jsx","_jsx","jsxs","_jsxs","ListViewSidebar","setIsListViewOpened","getListViewToggleRef","dropZoneElement","setDropZoneElement","focusOnMountRef","closeListView","current","focus","closeOnEscape","event","keyCode","defaultPrevented","preventDefault","className","onKeyDown","children","icon","label","onClick","size","ref"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/list-view-sidebar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalListView as ListView } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport default function ListViewSidebar() {\n\tconst { setIsListViewOpened } = useDispatch( editWidgetsStore );\n\tconst { getListViewToggleRef } = unlock( useSelect( editWidgetsStore ) );\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the dropZoneElement updates.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// When closing the list view, focus should return to the toggle button.\n\tconst closeListView = useCallback( () => {\n\t\tsetIsListViewOpened( false );\n\t\tgetListViewToggleRef().current?.focus();\n\t}, [ getListViewToggleRef, setIsListViewOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseListView();\n\t\t\t}\n\t\t},\n\t\t[ closeListView ]\n\t);\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"edit-widgets-editor__list-view-panel\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t>\n\t\t\t<div className=\"edit-widgets-editor__list-view-panel-header\">\n\t\t\t\t<strong>{ __( 'List View' ) }</strong>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\tonClick={ closeListView }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-widgets-editor__list-view-panel-content\"\n\t\t\t\tref={ useMergeRefs( [ focusOnMountRef, setDropZoneElement ] ) }\n\t\t\t>\n\t\t\t\t<ListView dropZoneElement={ dropZoneElement } />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,sBAAsB,IAAIC,QAAQ,QAAQ,yBAAyB;AAC5E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,eAAe,EAAEC,YAAY,QAAQ,oBAAoB;AAClE,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,WAAW,EAAEC,QAAQ,QAAQ,oBAAoB;AAC1D,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,MAAM,QAAQ,qBAAqB;;AAE5C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,eAAe,SAASC,eAAeA,CAAA,EAAG;EACzC,MAAM;IAAEC;EAAoB,CAAC,GAAGf,WAAW,CAAEQ,gBAAiB,CAAC;EAC/D,MAAM;IAAEQ;EAAqB,CAAC,GAAGP,MAAM,CAAER,SAAS,CAAEO,gBAAiB,CAAE,CAAC;;EAExE;EACA;EACA,MAAM,CAAES,eAAe,EAAEC,kBAAkB,CAAE,GAAGf,QAAQ,CAAE,IAAK,CAAC;EAEhE,MAAMgB,eAAe,GAAGrB,eAAe,CAAE,cAAe,CAAC;;EAEzD;EACA,MAAMsB,aAAa,GAAGlB,WAAW,CAAE,MAAM;IACxCa,mBAAmB,CAAE,KAAM,CAAC;IAC5BC,oBAAoB,CAAC,CAAC,CAACK,OAAO,EAAEC,KAAK,CAAC,CAAC;EACxC,CAAC,EAAE,CAAEN,oBAAoB,EAAED,mBAAmB,CAAG,CAAC;EAElD,MAAMQ,aAAa,GAAGrB,WAAW,CAC9BsB,KAAK,IAAM;IACZ,IAAKA,KAAK,CAACC,OAAO,KAAKnB,MAAM,IAAI,CAAEkB,KAAK,CAACE,gBAAgB,EAAG;MAC3DF,KAAK,CAACG,cAAc,CAAC,CAAC;MACtBP,aAAa,CAAC,CAAC;IAChB;EACD,CAAC,EACD,CAAEA,aAAa,CAChB,CAAC;EAED;IAAA;IACC;IACAP,KAAA;MACCe,SAAS,EAAC,sCAAsC;MAChDC,SAAS,EAAGN,aAAe;MAAAO,QAAA,gBAE3BjB,KAAA;QAAKe,SAAS,EAAC,6CAA6C;QAAAE,QAAA,gBAC3DnB,IAAA;UAAAmB,QAAA,EAAU1B,EAAE,CAAE,WAAY;QAAC,CAAU,CAAC,eACtCO,IAAA,CAACd,MAAM;UACNkC,IAAI,EAAG1B,UAAY;UACnB2B,KAAK,EAAG5B,EAAE,CAAE,OAAQ,CAAG;UACvB6B,OAAO,EAAGb,aAAe;UACzBc,IAAI,EAAC;QAAS,CACd,CAAC;MAAA,CACE,CAAC,eACNvB,IAAA;QACCiB,SAAS,EAAC,8CAA8C;QACxDO,GAAG,EAAGpC,YAAY,CAAE,CAAEoB,eAAe,EAAED,kBAAkB,CAAG,CAAG;QAAAY,QAAA,eAE/DnB,IAAA,CAACf,QAAQ;UAACqB,eAAe,EAAGA;QAAiB,CAAE;MAAC,CAC5C,CAAC;IAAA,CACF;EAAC;AAER","ignoreList":[]}
@@ -118,11 +118,11 @@
118
118
 
119
119
  .interface-complementary-area-header {
120
120
  background: #fff;
121
- padding-left: 12px;
122
- gap: 8px;
121
+ padding-left: 8px;
122
+ gap: 4px;
123
123
  }
124
124
  .interface-complementary-area-header .interface-complementary-area-header__title {
125
- margin: 0;
125
+ margin: 0 0 0 auto;
126
126
  }
127
127
 
128
128
  .interface-complementary-area {
@@ -577,12 +577,12 @@ body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .c
577
577
  .edit-widgets-header__actions {
578
578
  display: flex;
579
579
  align-items: center;
580
- padding-left: 16px;
581
- gap: 4px;
580
+ padding-left: 4px;
581
+ gap: 8px;
582
582
  }
583
583
  @media (min-width: 600px) {
584
584
  .edit-widgets-header__actions {
585
- gap: 8px;
585
+ padding-left: 8px;
586
586
  }
587
587
  }
588
588
 
@@ -859,7 +859,7 @@ body.is-fullscreen-mode .edit-widgets-notices__snackbar {
859
859
  justify-content: space-between;
860
860
  height: 48px;
861
861
  padding-right: 16px;
862
- padding-left: 4px;
862
+ padding-left: 8px;
863
863
  }
864
864
 
865
865
  body.js.appearance_page_gutenberg-widgets,
@@ -118,11 +118,11 @@
118
118
 
119
119
  .interface-complementary-area-header {
120
120
  background: #fff;
121
- padding-right: 12px;
122
- gap: 8px;
121
+ padding-right: 8px;
122
+ gap: 4px;
123
123
  }
124
124
  .interface-complementary-area-header .interface-complementary-area-header__title {
125
- margin: 0;
125
+ margin: 0 auto 0 0;
126
126
  }
127
127
 
128
128
  .interface-complementary-area {
@@ -577,12 +577,12 @@ body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .c
577
577
  .edit-widgets-header__actions {
578
578
  display: flex;
579
579
  align-items: center;
580
- padding-right: 16px;
581
- gap: 4px;
580
+ padding-right: 4px;
581
+ gap: 8px;
582
582
  }
583
583
  @media (min-width: 600px) {
584
584
  .edit-widgets-header__actions {
585
- gap: 8px;
585
+ padding-right: 8px;
586
586
  }
587
587
  }
588
588
 
@@ -859,7 +859,7 @@ body.is-fullscreen-mode .edit-widgets-notices__snackbar {
859
859
  justify-content: space-between;
860
860
  height: 48px;
861
861
  padding-left: 16px;
862
- padding-right: 4px;
862
+ padding-right: 8px;
863
863
  }
864
864
 
865
865
  body.js.appearance_page_gutenberg-widgets,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/edit-widgets",
3
- "version": "6.11.0",
3
+ "version": "6.12.1-next.082ed6819.0",
4
4
  "description": "Widgets Page module for WordPress..",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -26,35 +26,36 @@
26
26
  "main": "build/index.js",
27
27
  "module": "build-module/index.js",
28
28
  "react-native": "src/index",
29
+ "wpScript": true,
29
30
  "dependencies": {
30
31
  "@babel/runtime": "7.25.7",
31
- "@wordpress/api-fetch": "*",
32
- "@wordpress/block-editor": "*",
33
- "@wordpress/block-library": "*",
34
- "@wordpress/blocks": "*",
32
+ "@wordpress/api-fetch": "^7.12.1-next.082ed6819.0",
33
+ "@wordpress/block-editor": "^14.7.1-next.082ed6819.0",
34
+ "@wordpress/block-library": "^9.12.1-next.082ed6819.0",
35
+ "@wordpress/blocks": "^14.1.1-next.082ed6819.0",
35
36
  "@wordpress/components": "*",
36
- "@wordpress/compose": "*",
37
- "@wordpress/core-data": "*",
37
+ "@wordpress/compose": "^7.12.1-next.082ed6819.0",
38
+ "@wordpress/core-data": "^7.12.1-next.082ed6819.0",
38
39
  "@wordpress/data": "*",
39
- "@wordpress/deprecated": "*",
40
- "@wordpress/dom": "*",
41
- "@wordpress/editor": "*",
42
- "@wordpress/element": "*",
43
- "@wordpress/hooks": "*",
44
- "@wordpress/i18n": "*",
45
- "@wordpress/icons": "*",
46
- "@wordpress/interface": "*",
47
- "@wordpress/keyboard-shortcuts": "*",
48
- "@wordpress/keycodes": "*",
49
- "@wordpress/media-utils": "*",
50
- "@wordpress/notices": "*",
51
- "@wordpress/patterns": "*",
52
- "@wordpress/plugins": "*",
53
- "@wordpress/preferences": "*",
54
- "@wordpress/private-apis": "*",
55
- "@wordpress/reusable-blocks": "*",
56
- "@wordpress/url": "*",
57
- "@wordpress/widgets": "*",
40
+ "@wordpress/deprecated": "^4.12.1-next.082ed6819.0",
41
+ "@wordpress/dom": "^4.12.1-next.082ed6819.0",
42
+ "@wordpress/editor": "^14.12.1-next.082ed6819.0",
43
+ "@wordpress/element": "^6.12.1-next.082ed6819.0",
44
+ "@wordpress/hooks": "^4.12.1-next.082ed6819.0",
45
+ "@wordpress/i18n": "^5.12.1-next.082ed6819.0",
46
+ "@wordpress/icons": "^10.12.1-next.082ed6819.0",
47
+ "@wordpress/interface": "^8.1.1-next.082ed6819.0",
48
+ "@wordpress/keyboard-shortcuts": "^5.12.1-next.082ed6819.0",
49
+ "@wordpress/keycodes": "^4.12.1-next.082ed6819.0",
50
+ "@wordpress/media-utils": "^5.12.1-next.082ed6819.0",
51
+ "@wordpress/notices": "^5.12.1-next.082ed6819.0",
52
+ "@wordpress/patterns": "^2.12.1-next.082ed6819.0",
53
+ "@wordpress/plugins": "^7.12.1-next.082ed6819.0",
54
+ "@wordpress/preferences": "^4.12.1-next.082ed6819.0",
55
+ "@wordpress/private-apis": "^1.12.1-next.082ed6819.0",
56
+ "@wordpress/reusable-blocks": "^5.12.1-next.082ed6819.0",
57
+ "@wordpress/url": "^4.12.1-next.082ed6819.0",
58
+ "@wordpress/widgets": "^4.12.1-next.082ed6819.0",
58
59
  "clsx": "^2.1.1"
59
60
  },
60
61
  "peerDependencies": {
@@ -64,6 +65,5 @@
64
65
  "publishConfig": {
65
66
  "access": "public"
66
67
  },
67
- "wpScript": true,
68
- "gitHead": "dcf4613b33b0eda14e203ac30f700ed0db70347f"
68
+ "gitHead": "2bb7bad15ddb8e88210fab7d4a1ef1565466e424"
69
69
  }
@@ -94,12 +94,13 @@
94
94
  .edit-widgets-header__actions {
95
95
  display: flex;
96
96
  align-items: center;
97
- padding-right: $grid-unit-20;
98
- gap: $grid-unit-05;
97
+ padding-right: $grid-unit-05;
99
98
 
100
99
  @include break-small() {
101
- gap: $grid-unit-10;
100
+ padding-right: $grid-unit-10;
102
101
  }
102
+
103
+ gap: $grid-unit-10;
103
104
  }
104
105
 
105
106
  .edit-widgets-header-toolbar {
@@ -51,10 +51,10 @@ export default function ListViewSidebar() {
51
51
  <div className="edit-widgets-editor__list-view-panel-header">
52
52
  <strong>{ __( 'List View' ) }</strong>
53
53
  <Button
54
- __next40pxDefaultSize
55
54
  icon={ closeSmall }
56
55
  label={ __( 'Close' ) }
57
56
  onClick={ closeListView }
57
+ size="compact"
58
58
  />
59
59
  </div>
60
60
  <div
@@ -21,5 +21,5 @@
21
21
  justify-content: space-between;
22
22
  height: $grid-unit-60;
23
23
  padding-left: $grid-unit-20;
24
- padding-right: $grid-unit-05;
24
+ padding-right: $grid-unit-10;
25
25
  }