@wordpress/interface 5.25.0 → 5.26.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 5.26.0 (2024-01-10)
+
 ## 5.25.0 (2023-12-13)
 
 ## 5.24.0 (2023-11-29)

package/LICENSE.md

@@ -1,6 +1,6 @@
 ## Gutenberg
 
-    Copyright 2016-2023 by the contributors
+    Copyright 2016-2024 by the contributors
 
 **License for Contributions (on and after April 15, 2021)**
 

package/build/components/complementary-area/index.js

@@ -13,6 +13,7 @@ var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
 var _element = require("@wordpress/element");
 var _viewport = require("@wordpress/viewport");
+var _preferences = require("@wordpress/preferences");
 var _complementaryAreaHeader = _interopRequireDefault(require("../complementary-area-header"));
 var _complementaryAreaMoreMenuItem = _interopRequireDefault(require("../complementary-area-more-menu-item"));
 var _complementaryAreaToggle = _interopRequireDefault(require("../complementary-area-toggle"));
@@ -104,8 +105,7 @@ function ComplementaryArea({
   smallScreenTitle,
   title,
   toggleShortcut,
-  isActiveByDefault,
-  showIconLabels = false
+  isActiveByDefault
 }) {
   const {
     isLoading,
@@ -113,13 +113,17 @@ function ComplementaryArea({
     isPinned,
     activeArea,
     isSmall,
-    isLarge
+    isLarge,
+    showIconLabels
   } = (0, _data.useSelect)(select => {
     const {
       getActiveComplementaryArea,
       isComplementaryAreaLoading,
       isItemPinned
     } = select(_store.store);
+    const {
+      get
+    } = select(_preferences.store);
     const _activeArea = getActiveComplementaryArea(scope);
     return {
       isLoading: isComplementaryAreaLoading(scope),
@@ -127,7 +131,8 @@ function ComplementaryArea({
       isPinned: isItemPinned(scope, identifier),
       activeArea: _activeArea,
       isSmall: select(_viewport.store).isViewportMatch('< medium'),
-      isLarge: select(_viewport.store).isViewportMatch('large')
+      isLarge: select(_viewport.store).isViewportMatch('large'),
+      showIconLabels: get('core', 'showIconLabels')
     };
   }, [identifier, scope]);
   useAdjustComplementaryListener(scope, identifier, activeArea, isActive, isSmall);

package/build/components/complementary-area/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_data","_i18n","_icons","_element","_viewport","_complementaryAreaHeader","_complementaryAreaMoreMenuItem","_complementaryAreaToggle","_complementaryAreaContext","_pinnedItems","_store","ComplementaryAreaSlot","scope","props","_react","createElement","Slot","name","ComplementaryAreaFill","children","className","id","Fill","useAdjustComplementaryListener","identifier","activeArea","isActive","isSmall","previousIsSmall","useRef","shouldOpenWhenNotSmall","enableComplementaryArea","disableComplementaryArea","useDispatch","interfaceStore","useEffect","current","ComplementaryArea","closeLabel","__","header","headerClassName","icon","isPinnable","panelClassName","smallScreenTitle","title","toggleShortcut","isActiveByDefault","showIconLabels","isLoading","isPinned","isLarge","useSelect","select","getActiveComplementaryArea","isComplementaryAreaLoading","isItemPinned","_activeArea","viewportStore","isViewportMatch","pinItem","unpinItem","undefined","Fragment","default","isPressed","label","check","showTooltip","variant","size","target","classnames","replace","onClose","toggleButtonProps","shortcut","Button","starFilled","starEmpty","onClick","Panel","ComplementaryAreaWrapped","withComplementaryAreaContext","_default","exports"],"sources":["@wordpress/interface/src/components/complementary-area/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Panel, Slot, Fill } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { check, starEmpty, starFilled } from '@wordpress/icons';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { store as viewportStore } from '@wordpress/viewport';\n\n/**\n * Internal dependencies\n */\nimport ComplementaryAreaHeader from '../complementary-area-header';\nimport ComplementaryAreaMoreMenuItem from '../complementary-area-more-menu-item';\nimport ComplementaryAreaToggle from '../complementary-area-toggle';\nimport withComplementaryAreaContext from '../complementary-area-context';\nimport PinnedItems from '../pinned-items';\nimport { store as interfaceStore } from '../../store';\n\nfunction ComplementaryAreaSlot( { scope, ...props } ) {\n\treturn <Slot name={ `ComplementaryArea/${ scope }` } { ...props } />;\n}\n\nfunction ComplementaryAreaFill( { scope, children, className, id } ) {\n\treturn (\n\t\t<Fill name={ `ComplementaryArea/${ scope }` }>\n\t\t\t<div id={ id } className={ className }>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</Fill>\n\t);\n}\n\nfunction useAdjustComplementaryListener(\n\tscope,\n\tidentifier,\n\tactiveArea,\n\tisActive,\n\tisSmall\n) {\n\tconst previousIsSmall = useRef( false );\n\tconst shouldOpenWhenNotSmall = useRef( false );\n\tconst { enableComplementaryArea, disableComplementaryArea } =\n\t\tuseDispatch( interfaceStore );\n\tuseEffect( () => {\n\t\t// If the complementary area is active and the editor is switching from\n\t\t// a big to a small window size.\n\t\tif ( isActive && isSmall && ! previousIsSmall.current ) {\n\t\t\tdisableComplementaryArea( scope );\n\t\t\t// Flag the complementary area to be reopened when the window size\n\t\t\t// goes from small to big.\n\t\t\tshouldOpenWhenNotSmall.current = true;\n\t\t} else if (\n\t\t\t// If there is a flag indicating the complementary area should be\n\t\t\t// enabled when we go from small to big window size and we are going\n\t\t\t// from a small to big window size.\n\t\t\tshouldOpenWhenNotSmall.current &&\n\t\t\t! isSmall &&\n\t\t\tpreviousIsSmall.current\n\t\t) {\n\t\t\t// Remove the flag indicating the complementary area should be\n\t\t\t// enabled.\n\t\t\tshouldOpenWhenNotSmall.current = false;\n\t\t\tenableComplementaryArea( scope, identifier );\n\t\t} else if (\n\t\t\t// If the flag is indicating the current complementary should be\n\t\t\t// reopened but another complementary area becomes active, remove\n\t\t\t// the flag.\n\t\t\tshouldOpenWhenNotSmall.current &&\n\t\t\tactiveArea &&\n\t\t\tactiveArea !== identifier\n\t\t) {\n\t\t\tshouldOpenWhenNotSmall.current = false;\n\t\t}\n\t\tif ( isSmall !== previousIsSmall.current ) {\n\t\t\tpreviousIsSmall.current = isSmall;\n\t\t}\n\t}, [\n\t\tisActive,\n\t\tisSmall,\n\t\tscope,\n\t\tidentifier,\n\t\tactiveArea,\n\t\tdisableComplementaryArea,\n\t\tenableComplementaryArea,\n\t] );\n}\n\nfunction ComplementaryArea( {\n\tchildren,\n\tclassName,\n\tcloseLabel = __( 'Close plugin' ),\n\tidentifier,\n\theader,\n\theaderClassName,\n\ticon,\n\tisPinnable = true,\n\tpanelClassName,\n\tscope,\n\tname,\n\tsmallScreenTitle,\n\ttitle,\n\ttoggleShortcut,\n\tisActiveByDefault,\n\tshowIconLabels = false,\n} ) {\n\tconst { isLoading, isActive, isPinned, activeArea, isSmall, isLarge } =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst {\n\t\t\t\t\tgetActiveComplementaryArea,\n\t\t\t\t\tisComplementaryAreaLoading,\n\t\t\t\t\tisItemPinned,\n\t\t\t\t} = select( interfaceStore );\n\n\t\t\t\tconst _activeArea = getActiveComplementaryArea( scope );\n\n\t\t\t\treturn {\n\t\t\t\t\tisLoading: isComplementaryAreaLoading( scope ),\n\t\t\t\t\tisActive: _activeArea === identifier,\n\t\t\t\t\tisPinned: isItemPinned( scope, identifier ),\n\t\t\t\t\tactiveArea: _activeArea,\n\t\t\t\t\tisSmall:\n\t\t\t\t\t\tselect( viewportStore ).isViewportMatch( '< medium' ),\n\t\t\t\t\tisLarge: select( viewportStore ).isViewportMatch( 'large' ),\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ identifier, scope ]\n\t\t);\n\tuseAdjustComplementaryListener(\n\t\tscope,\n\t\tidentifier,\n\t\tactiveArea,\n\t\tisActive,\n\t\tisSmall\n\t);\n\tconst {\n\t\tenableComplementaryArea,\n\t\tdisableComplementaryArea,\n\t\tpinItem,\n\t\tunpinItem,\n\t} = useDispatch( interfaceStore );\n\n\tuseEffect( () => {\n\t\t// Set initial visibility: For large screens, enable if it's active by\n\t\t// default. For small screens, always initially disable.\n\t\tif ( isActiveByDefault && activeArea === undefined && ! isSmall ) {\n\t\t\tenableComplementaryArea( scope, identifier );\n\t\t} else if ( activeArea === undefined && isSmall ) {\n\t\t\tdisableComplementaryArea( scope, identifier );\n\t\t}\n\t}, [\n\t\tactiveArea,\n\t\tisActiveByDefault,\n\t\tscope,\n\t\tidentifier,\n\t\tisSmall,\n\t\tenableComplementaryArea,\n\t\tdisableComplementaryArea,\n\t] );\n\n\treturn (\n\t\t<>\n\t\t\t{ isPinnable && (\n\t\t\t\t<PinnedItems scope={ scope }>\n\t\t\t\t\t{ isPinned && (\n\t\t\t\t\t\t<ComplementaryAreaToggle\n\t\t\t\t\t\t\tscope={ scope }\n\t\t\t\t\t\t\tidentifier={ identifier }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisActive && ( ! showIconLabels || isLarge )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taria-expanded={ isActive }\n\t\t\t\t\t\t\taria-disabled={ isLoading }\n\t\t\t\t\t\t\tlabel={ title }\n\t\t\t\t\t\t\ticon={ showIconLabels ? check : icon }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</PinnedItems>\n\t\t\t) }\n\t\t\t{ name && isPinnable && (\n\t\t\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t\t\ttarget={ name }\n\t\t\t\t\tscope={ scope }\n\t\t\t\t\ticon={ icon }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</ComplementaryAreaMoreMenuItem>\n\t\t\t) }\n\t\t\t{ isActive && (\n\t\t\t\t<ComplementaryAreaFill\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'interface-complementary-area',\n\t\t\t\t\t\tclassName\n\t\t\t\t\t) }\n\t\t\t\t\tscope={ scope }\n\t\t\t\t\tid={ identifier.replace( '/', ':' ) }\n\t\t\t\t>\n\t\t\t\t\t<ComplementaryAreaHeader\n\t\t\t\t\t\tclassName={ headerClassName }\n\t\t\t\t\t\tcloseLabel={ closeLabel }\n\t\t\t\t\t\tonClose={ () => disableComplementaryArea( scope ) }\n\t\t\t\t\t\tsmallScreenTitle={ smallScreenTitle }\n\t\t\t\t\t\ttoggleButtonProps={ {\n\t\t\t\t\t\t\tlabel: closeLabel,\n\t\t\t\t\t\t\tshortcut: toggleShortcut,\n\t\t\t\t\t\t\tscope,\n\t\t\t\t\t\t\tidentifier,\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ header || (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<strong>{ title }</strong>\n\t\t\t\t\t\t\t\t{ isPinnable && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tclassName=\"interface-complementary-area__pin-unpin-item\"\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tisPinned ? starFilled : starEmpty\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\t\tisPinned\n\t\t\t\t\t\t\t\t\t\t\t\t? __( 'Unpin from toolbar' )\n\t\t\t\t\t\t\t\t\t\t\t\t: __( 'Pin to toolbar' )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\t\t( isPinned ? unpinItem : pinItem )(\n\t\t\t\t\t\t\t\t\t\t\t\tscope,\n\t\t\t\t\t\t\t\t\t\t\t\tidentifier\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tisPressed={ isPinned }\n\t\t\t\t\t\t\t\t\t\taria-expanded={ isPinned }\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</>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ComplementaryAreaHeader>\n\t\t\t\t\t<Panel className={ panelClassName }>{ children }</Panel>\n\t\t\t\t</ComplementaryAreaFill>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nconst ComplementaryAreaWrapped =\n\twithComplementaryAreaContext( ComplementaryArea );\n\nComplementaryAreaWrapped.Slot = ComplementaryAreaSlot;\n\nexport default ComplementaryAreaWrapped;\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_data","_i18n","_icons","_element","_viewport","_preferences","_complementaryAreaHeader","_complementaryAreaMoreMenuItem","_complementaryAreaToggle","_complementaryAreaContext","_pinnedItems","_store","ComplementaryAreaSlot","scope","props","_react","createElement","Slot","name","ComplementaryAreaFill","children","className","id","Fill","useAdjustComplementaryListener","identifier","activeArea","isActive","isSmall","previousIsSmall","useRef","shouldOpenWhenNotSmall","enableComplementaryArea","disableComplementaryArea","useDispatch","interfaceStore","useEffect","current","ComplementaryArea","closeLabel","__","header","headerClassName","icon","isPinnable","panelClassName","smallScreenTitle","title","toggleShortcut","isActiveByDefault","isLoading","isPinned","isLarge","showIconLabels","useSelect","select","getActiveComplementaryArea","isComplementaryAreaLoading","isItemPinned","get","preferencesStore","_activeArea","viewportStore","isViewportMatch","pinItem","unpinItem","undefined","Fragment","default","isPressed","label","check","showTooltip","variant","size","target","classnames","replace","onClose","toggleButtonProps","shortcut","Button","starFilled","starEmpty","onClick","Panel","ComplementaryAreaWrapped","withComplementaryAreaContext","_default","exports"],"sources":["@wordpress/interface/src/components/complementary-area/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Panel, Slot, Fill } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { check, starEmpty, starFilled } from '@wordpress/icons';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { store as viewportStore } from '@wordpress/viewport';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport ComplementaryAreaHeader from '../complementary-area-header';\nimport ComplementaryAreaMoreMenuItem from '../complementary-area-more-menu-item';\nimport ComplementaryAreaToggle from '../complementary-area-toggle';\nimport withComplementaryAreaContext from '../complementary-area-context';\nimport PinnedItems from '../pinned-items';\nimport { store as interfaceStore } from '../../store';\n\nfunction ComplementaryAreaSlot( { scope, ...props } ) {\n\treturn <Slot name={ `ComplementaryArea/${ scope }` } { ...props } />;\n}\n\nfunction ComplementaryAreaFill( { scope, children, className, id } ) {\n\treturn (\n\t\t<Fill name={ `ComplementaryArea/${ scope }` }>\n\t\t\t<div id={ id } className={ className }>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</Fill>\n\t);\n}\n\nfunction useAdjustComplementaryListener(\n\tscope,\n\tidentifier,\n\tactiveArea,\n\tisActive,\n\tisSmall\n) {\n\tconst previousIsSmall = useRef( false );\n\tconst shouldOpenWhenNotSmall = useRef( false );\n\tconst { enableComplementaryArea, disableComplementaryArea } =\n\t\tuseDispatch( interfaceStore );\n\tuseEffect( () => {\n\t\t// If the complementary area is active and the editor is switching from\n\t\t// a big to a small window size.\n\t\tif ( isActive && isSmall && ! previousIsSmall.current ) {\n\t\t\tdisableComplementaryArea( scope );\n\t\t\t// Flag the complementary area to be reopened when the window size\n\t\t\t// goes from small to big.\n\t\t\tshouldOpenWhenNotSmall.current = true;\n\t\t} else if (\n\t\t\t// If there is a flag indicating the complementary area should be\n\t\t\t// enabled when we go from small to big window size and we are going\n\t\t\t// from a small to big window size.\n\t\t\tshouldOpenWhenNotSmall.current &&\n\t\t\t! isSmall &&\n\t\t\tpreviousIsSmall.current\n\t\t) {\n\t\t\t// Remove the flag indicating the complementary area should be\n\t\t\t// enabled.\n\t\t\tshouldOpenWhenNotSmall.current = false;\n\t\t\tenableComplementaryArea( scope, identifier );\n\t\t} else if (\n\t\t\t// If the flag is indicating the current complementary should be\n\t\t\t// reopened but another complementary area becomes active, remove\n\t\t\t// the flag.\n\t\t\tshouldOpenWhenNotSmall.current &&\n\t\t\tactiveArea &&\n\t\t\tactiveArea !== identifier\n\t\t) {\n\t\t\tshouldOpenWhenNotSmall.current = false;\n\t\t}\n\t\tif ( isSmall !== previousIsSmall.current ) {\n\t\t\tpreviousIsSmall.current = isSmall;\n\t\t}\n\t}, [\n\t\tisActive,\n\t\tisSmall,\n\t\tscope,\n\t\tidentifier,\n\t\tactiveArea,\n\t\tdisableComplementaryArea,\n\t\tenableComplementaryArea,\n\t] );\n}\n\nfunction ComplementaryArea( {\n\tchildren,\n\tclassName,\n\tcloseLabel = __( 'Close plugin' ),\n\tidentifier,\n\theader,\n\theaderClassName,\n\ticon,\n\tisPinnable = true,\n\tpanelClassName,\n\tscope,\n\tname,\n\tsmallScreenTitle,\n\ttitle,\n\ttoggleShortcut,\n\tisActiveByDefault,\n} ) {\n\tconst {\n\t\tisLoading,\n\t\tisActive,\n\t\tisPinned,\n\t\tactiveArea,\n\t\tisSmall,\n\t\tisLarge,\n\t\tshowIconLabels,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetActiveComplementaryArea,\n\t\t\t\tisComplementaryAreaLoading,\n\t\t\t\tisItemPinned,\n\t\t\t} = select( interfaceStore );\n\t\t\tconst { get } = select( preferencesStore );\n\n\t\t\tconst _activeArea = getActiveComplementaryArea( scope );\n\n\t\t\treturn {\n\t\t\t\tisLoading: isComplementaryAreaLoading( scope ),\n\t\t\t\tisActive: _activeArea === identifier,\n\t\t\t\tisPinned: isItemPinned( scope, identifier ),\n\t\t\t\tactiveArea: _activeArea,\n\t\t\t\tisSmall: select( viewportStore ).isViewportMatch( '< medium' ),\n\t\t\t\tisLarge: select( viewportStore ).isViewportMatch( 'large' ),\n\t\t\t\tshowIconLabels: get( 'core', 'showIconLabels' ),\n\t\t\t};\n\t\t},\n\t\t[ identifier, scope ]\n\t);\n\tuseAdjustComplementaryListener(\n\t\tscope,\n\t\tidentifier,\n\t\tactiveArea,\n\t\tisActive,\n\t\tisSmall\n\t);\n\tconst {\n\t\tenableComplementaryArea,\n\t\tdisableComplementaryArea,\n\t\tpinItem,\n\t\tunpinItem,\n\t} = useDispatch( interfaceStore );\n\n\tuseEffect( () => {\n\t\t// Set initial visibility: For large screens, enable if it's active by\n\t\t// default. For small screens, always initially disable.\n\t\tif ( isActiveByDefault && activeArea === undefined && ! isSmall ) {\n\t\t\tenableComplementaryArea( scope, identifier );\n\t\t} else if ( activeArea === undefined && isSmall ) {\n\t\t\tdisableComplementaryArea( scope, identifier );\n\t\t}\n\t}, [\n\t\tactiveArea,\n\t\tisActiveByDefault,\n\t\tscope,\n\t\tidentifier,\n\t\tisSmall,\n\t\tenableComplementaryArea,\n\t\tdisableComplementaryArea,\n\t] );\n\n\treturn (\n\t\t<>\n\t\t\t{ isPinnable && (\n\t\t\t\t<PinnedItems scope={ scope }>\n\t\t\t\t\t{ isPinned && (\n\t\t\t\t\t\t<ComplementaryAreaToggle\n\t\t\t\t\t\t\tscope={ scope }\n\t\t\t\t\t\t\tidentifier={ identifier }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisActive && ( ! showIconLabels || isLarge )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taria-expanded={ isActive }\n\t\t\t\t\t\t\taria-disabled={ isLoading }\n\t\t\t\t\t\t\tlabel={ title }\n\t\t\t\t\t\t\ticon={ showIconLabels ? check : icon }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</PinnedItems>\n\t\t\t) }\n\t\t\t{ name && isPinnable && (\n\t\t\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t\t\ttarget={ name }\n\t\t\t\t\tscope={ scope }\n\t\t\t\t\ticon={ icon }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</ComplementaryAreaMoreMenuItem>\n\t\t\t) }\n\t\t\t{ isActive && (\n\t\t\t\t<ComplementaryAreaFill\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'interface-complementary-area',\n\t\t\t\t\t\tclassName\n\t\t\t\t\t) }\n\t\t\t\t\tscope={ scope }\n\t\t\t\t\tid={ identifier.replace( '/', ':' ) }\n\t\t\t\t>\n\t\t\t\t\t<ComplementaryAreaHeader\n\t\t\t\t\t\tclassName={ headerClassName }\n\t\t\t\t\t\tcloseLabel={ closeLabel }\n\t\t\t\t\t\tonClose={ () => disableComplementaryArea( scope ) }\n\t\t\t\t\t\tsmallScreenTitle={ smallScreenTitle }\n\t\t\t\t\t\ttoggleButtonProps={ {\n\t\t\t\t\t\t\tlabel: closeLabel,\n\t\t\t\t\t\t\tshortcut: toggleShortcut,\n\t\t\t\t\t\t\tscope,\n\t\t\t\t\t\t\tidentifier,\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ header || (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<strong>{ title }</strong>\n\t\t\t\t\t\t\t\t{ isPinnable && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tclassName=\"interface-complementary-area__pin-unpin-item\"\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tisPinned ? starFilled : starEmpty\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\t\tisPinned\n\t\t\t\t\t\t\t\t\t\t\t\t? __( 'Unpin from toolbar' )\n\t\t\t\t\t\t\t\t\t\t\t\t: __( 'Pin to toolbar' )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\t\t( isPinned ? unpinItem : pinItem )(\n\t\t\t\t\t\t\t\t\t\t\t\tscope,\n\t\t\t\t\t\t\t\t\t\t\t\tidentifier\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tisPressed={ isPinned }\n\t\t\t\t\t\t\t\t\t\taria-expanded={ isPinned }\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</>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ComplementaryAreaHeader>\n\t\t\t\t\t<Panel className={ panelClassName }>{ children }</Panel>\n\t\t\t\t</ComplementaryAreaFill>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nconst ComplementaryAreaWrapped =\n\twithComplementaryAreaContext( ComplementaryArea );\n\nComplementaryAreaWrapped.Slot = ComplementaryAreaSlot;\n\nexport default ComplementaryAreaWrapped;\n"],"mappings":"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"}

package/build/components/preferences-modal-section/index.js

@@ -17,7 +17,9 @@ const Section = ({
   className: "interface-preferences-modal__section-title"
 }, title), description && (0, _react.createElement)("p", {
   className: "interface-preferences-modal__section-description"
-}, description)), children);
+}, description)), (0, _react.createElement)("div", {
+  className: "interface-preferences-modal__section-content"
+}, children));
 var _default = Section;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/build/components/preferences-modal-section/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Section","description","title","children","_react","createElement","className","_default","exports","default"],"sources":["@wordpress/interface/src/components/preferences-modal-section/index.js"],"sourcesContent":["const Section = ( { description, title, children } ) => (\n\t<fieldset className=\"interface-preferences-modal__section\">\n\t\t<legend className=\"interface-preferences-modal__section-legend\">\n\t\t\t<h2 className=\"interface-preferences-modal__section-title\">\n\t\t\t\t{ title }\n\t\t\t</h2>\n\t\t\t{ description && (\n\t\t\t\t<p className=\"interface-preferences-modal__section-description\">\n\t\t\t\t\t{ description }\n\t\t\t\t</p>\n\t\t\t) }\n\t\t</legend>\n\t\t{ children }\n\t</fieldset>\n);\n\nexport default Section;\n"],"mappings":";;;;;;;AAAA,MAAMA,OAAO,GAAGA,CAAE;EAAEC,WAAW;EAAEC,KAAK;EAAEC;AAAS,CAAC,KACjD,IAAAC,MAAA,CAAAC,aAAA;EAAUC,SAAS,EAAC;AAAsC,GACzD,IAAAF,MAAA,CAAAC,aAAA;EAAQC,SAAS,EAAC;AAA6C,GAC9D,IAAAF,MAAA,CAAAC,aAAA;EAAIC,SAAS,EAAC;AAA4C,GACvDJ,KACC,CAAC,EACHD,WAAW,IACZ,IAAAG,MAAA,CAAAC,aAAA;EAAGC,SAAS,EAAC;AAAkD,GAC5DL,WACA,CAEG,CAAC,EACPE,QACO,CACV;AAAC,IAAAI,QAAA,GAEaP,OAAO;AAAAQ,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["Section","description","title","children","_react","createElement","className","_default","exports","default"],"sources":["@wordpress/interface/src/components/preferences-modal-section/index.js"],"sourcesContent":["const Section = ( { description, title, children } ) => (\n\t<fieldset className=\"interface-preferences-modal__section\">\n\t\t<legend className=\"interface-preferences-modal__section-legend\">\n\t\t\t<h2 className=\"interface-preferences-modal__section-title\">\n\t\t\t\t{ title }\n\t\t\t</h2>\n\t\t\t{ description && (\n\t\t\t\t<p className=\"interface-preferences-modal__section-description\">\n\t\t\t\t\t{ description }\n\t\t\t\t</p>\n\t\t\t) }\n\t\t</legend>\n\t\t<div className=\"interface-preferences-modal__section-content\">\n\t\t\t{ children }\n\t\t</div>\n\t</fieldset>\n);\n\nexport default Section;\n"],"mappings":";;;;;;;AAAA,MAAMA,OAAO,GAAGA,CAAE;EAAEC,WAAW;EAAEC,KAAK;EAAEC;AAAS,CAAC,KACjD,IAAAC,MAAA,CAAAC,aAAA;EAAUC,SAAS,EAAC;AAAsC,GACzD,IAAAF,MAAA,CAAAC,aAAA;EAAQC,SAAS,EAAC;AAA6C,GAC9D,IAAAF,MAAA,CAAAC,aAAA;EAAIC,SAAS,EAAC;AAA4C,GACvDJ,KACC,CAAC,EACHD,WAAW,IACZ,IAAAG,MAAA,CAAAC,aAAA;EAAGC,SAAS,EAAC;AAAkD,GAC5DL,WACA,CAEG,CAAC,EACT,IAAAG,MAAA,CAAAC,aAAA;EAAKC,SAAS,EAAC;AAA8C,GAC1DH,QACE,CACI,CACV;AAAC,IAAAI,QAAA,GAEaP,OAAO;AAAAQ,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build-module/components/complementary-area/index.js

@@ -13,6 +13,7 @@ import { __ } from '@wordpress/i18n';
 import { check, starEmpty, starFilled } from '@wordpress/icons';
 import { useEffect, useRef } from '@wordpress/element';
 import { store as viewportStore } from '@wordpress/viewport';
+import { store as preferencesStore } from '@wordpress/preferences';
 
 /**
  * Internal dependencies
@@ -96,8 +97,7 @@ function ComplementaryArea({
   smallScreenTitle,
   title,
   toggleShortcut,
-  isActiveByDefault,
-  showIconLabels = false
+  isActiveByDefault
 }) {
   const {
     isLoading,
@@ -105,13 +105,17 @@ function ComplementaryArea({
     isPinned,
     activeArea,
     isSmall,
-    isLarge
+    isLarge,
+    showIconLabels
   } = useSelect(select => {
     const {
       getActiveComplementaryArea,
       isComplementaryAreaLoading,
       isItemPinned
     } = select(interfaceStore);
+    const {
+      get
+    } = select(preferencesStore);
     const _activeArea = getActiveComplementaryArea(scope);
     return {
       isLoading: isComplementaryAreaLoading(scope),
@@ -119,7 +123,8 @@ function ComplementaryArea({
       isPinned: isItemPinned(scope, identifier),
       activeArea: _activeArea,
       isSmall: select(viewportStore).isViewportMatch('< medium'),
-      isLarge: select(viewportStore).isViewportMatch('large')
+      isLarge: select(viewportStore).isViewportMatch('large'),
+      showIconLabels: get('core', 'showIconLabels')
     };
   }, [identifier, scope]);
   useAdjustComplementaryListener(scope, identifier, activeArea, isActive, isSmall);

package/build-module/components/complementary-area/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","Button","Panel","Slot","Fill","useDispatch","useSelect","__","check","starEmpty","starFilled","useEffect","useRef","store","viewportStore","ComplementaryAreaHeader","ComplementaryAreaMoreMenuItem","ComplementaryAreaToggle","withComplementaryAreaContext","PinnedItems","interfaceStore","ComplementaryAreaSlot","scope","props","createElement","name","ComplementaryAreaFill","children","className","id","useAdjustComplementaryListener","identifier","activeArea","isActive","isSmall","previousIsSmall","shouldOpenWhenNotSmall","enableComplementaryArea","disableComplementaryArea","current","ComplementaryArea","closeLabel","header","headerClassName","icon","isPinnable","panelClassName","smallScreenTitle","title","toggleShortcut","isActiveByDefault","showIconLabels","isLoading","isPinned","isLarge","select","getActiveComplementaryArea","isComplementaryAreaLoading","isItemPinned","_activeArea","isViewportMatch","pinItem","unpinItem","undefined","Fragment","isPressed","label","showTooltip","variant","size","target","replace","onClose","toggleButtonProps","shortcut","onClick","ComplementaryAreaWrapped"],"sources":["@wordpress/interface/src/components/complementary-area/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Panel, Slot, Fill } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { check, starEmpty, starFilled } from '@wordpress/icons';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { store as viewportStore } from '@wordpress/viewport';\n\n/**\n * Internal dependencies\n */\nimport ComplementaryAreaHeader from '../complementary-area-header';\nimport ComplementaryAreaMoreMenuItem from '../complementary-area-more-menu-item';\nimport ComplementaryAreaToggle from '../complementary-area-toggle';\nimport withComplementaryAreaContext from '../complementary-area-context';\nimport PinnedItems from '../pinned-items';\nimport { store as interfaceStore } from '../../store';\n\nfunction ComplementaryAreaSlot( { scope, ...props } ) {\n\treturn <Slot name={ `ComplementaryArea/${ scope }` } { ...props } />;\n}\n\nfunction ComplementaryAreaFill( { scope, children, className, id } ) {\n\treturn (\n\t\t<Fill name={ `ComplementaryArea/${ scope }` }>\n\t\t\t<div id={ id } className={ className }>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</Fill>\n\t);\n}\n\nfunction useAdjustComplementaryListener(\n\tscope,\n\tidentifier,\n\tactiveArea,\n\tisActive,\n\tisSmall\n) {\n\tconst previousIsSmall = useRef( false );\n\tconst shouldOpenWhenNotSmall = useRef( false );\n\tconst { enableComplementaryArea, disableComplementaryArea } =\n\t\tuseDispatch( interfaceStore );\n\tuseEffect( () => {\n\t\t// If the complementary area is active and the editor is switching from\n\t\t// a big to a small window size.\n\t\tif ( isActive && isSmall && ! previousIsSmall.current ) {\n\t\t\tdisableComplementaryArea( scope );\n\t\t\t// Flag the complementary area to be reopened when the window size\n\t\t\t// goes from small to big.\n\t\t\tshouldOpenWhenNotSmall.current = true;\n\t\t} else if (\n\t\t\t// If there is a flag indicating the complementary area should be\n\t\t\t// enabled when we go from small to big window size and we are going\n\t\t\t// from a small to big window size.\n\t\t\tshouldOpenWhenNotSmall.current &&\n\t\t\t! isSmall &&\n\t\t\tpreviousIsSmall.current\n\t\t) {\n\t\t\t// Remove the flag indicating the complementary area should be\n\t\t\t// enabled.\n\t\t\tshouldOpenWhenNotSmall.current = false;\n\t\t\tenableComplementaryArea( scope, identifier );\n\t\t} else if (\n\t\t\t// If the flag is indicating the current complementary should be\n\t\t\t// reopened but another complementary area becomes active, remove\n\t\t\t// the flag.\n\t\t\tshouldOpenWhenNotSmall.current &&\n\t\t\tactiveArea &&\n\t\t\tactiveArea !== identifier\n\t\t) {\n\t\t\tshouldOpenWhenNotSmall.current = false;\n\t\t}\n\t\tif ( isSmall !== previousIsSmall.current ) {\n\t\t\tpreviousIsSmall.current = isSmall;\n\t\t}\n\t}, [\n\t\tisActive,\n\t\tisSmall,\n\t\tscope,\n\t\tidentifier,\n\t\tactiveArea,\n\t\tdisableComplementaryArea,\n\t\tenableComplementaryArea,\n\t] );\n}\n\nfunction ComplementaryArea( {\n\tchildren,\n\tclassName,\n\tcloseLabel = __( 'Close plugin' ),\n\tidentifier,\n\theader,\n\theaderClassName,\n\ticon,\n\tisPinnable = true,\n\tpanelClassName,\n\tscope,\n\tname,\n\tsmallScreenTitle,\n\ttitle,\n\ttoggleShortcut,\n\tisActiveByDefault,\n\tshowIconLabels = false,\n} ) {\n\tconst { isLoading, isActive, isPinned, activeArea, isSmall, isLarge } =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst {\n\t\t\t\t\tgetActiveComplementaryArea,\n\t\t\t\t\tisComplementaryAreaLoading,\n\t\t\t\t\tisItemPinned,\n\t\t\t\t} = select( interfaceStore );\n\n\t\t\t\tconst _activeArea = getActiveComplementaryArea( scope );\n\n\t\t\t\treturn {\n\t\t\t\t\tisLoading: isComplementaryAreaLoading( scope ),\n\t\t\t\t\tisActive: _activeArea === identifier,\n\t\t\t\t\tisPinned: isItemPinned( scope, identifier ),\n\t\t\t\t\tactiveArea: _activeArea,\n\t\t\t\t\tisSmall:\n\t\t\t\t\t\tselect( viewportStore ).isViewportMatch( '< medium' ),\n\t\t\t\t\tisLarge: select( viewportStore ).isViewportMatch( 'large' ),\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ identifier, scope ]\n\t\t);\n\tuseAdjustComplementaryListener(\n\t\tscope,\n\t\tidentifier,\n\t\tactiveArea,\n\t\tisActive,\n\t\tisSmall\n\t);\n\tconst {\n\t\tenableComplementaryArea,\n\t\tdisableComplementaryArea,\n\t\tpinItem,\n\t\tunpinItem,\n\t} = useDispatch( interfaceStore );\n\n\tuseEffect( () => {\n\t\t// Set initial visibility: For large screens, enable if it's active by\n\t\t// default. For small screens, always initially disable.\n\t\tif ( isActiveByDefault && activeArea === undefined && ! isSmall ) {\n\t\t\tenableComplementaryArea( scope, identifier );\n\t\t} else if ( activeArea === undefined && isSmall ) {\n\t\t\tdisableComplementaryArea( scope, identifier );\n\t\t}\n\t}, [\n\t\tactiveArea,\n\t\tisActiveByDefault,\n\t\tscope,\n\t\tidentifier,\n\t\tisSmall,\n\t\tenableComplementaryArea,\n\t\tdisableComplementaryArea,\n\t] );\n\n\treturn (\n\t\t<>\n\t\t\t{ isPinnable && (\n\t\t\t\t<PinnedItems scope={ scope }>\n\t\t\t\t\t{ isPinned && (\n\t\t\t\t\t\t<ComplementaryAreaToggle\n\t\t\t\t\t\t\tscope={ scope }\n\t\t\t\t\t\t\tidentifier={ identifier }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisActive && ( ! showIconLabels || isLarge )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taria-expanded={ isActive }\n\t\t\t\t\t\t\taria-disabled={ isLoading }\n\t\t\t\t\t\t\tlabel={ title }\n\t\t\t\t\t\t\ticon={ showIconLabels ? check : icon }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</PinnedItems>\n\t\t\t) }\n\t\t\t{ name && isPinnable && (\n\t\t\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t\t\ttarget={ name }\n\t\t\t\t\tscope={ scope }\n\t\t\t\t\ticon={ icon }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</ComplementaryAreaMoreMenuItem>\n\t\t\t) }\n\t\t\t{ isActive && (\n\t\t\t\t<ComplementaryAreaFill\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'interface-complementary-area',\n\t\t\t\t\t\tclassName\n\t\t\t\t\t) }\n\t\t\t\t\tscope={ scope }\n\t\t\t\t\tid={ identifier.replace( '/', ':' ) }\n\t\t\t\t>\n\t\t\t\t\t<ComplementaryAreaHeader\n\t\t\t\t\t\tclassName={ headerClassName }\n\t\t\t\t\t\tcloseLabel={ closeLabel }\n\t\t\t\t\t\tonClose={ () => disableComplementaryArea( scope ) }\n\t\t\t\t\t\tsmallScreenTitle={ smallScreenTitle }\n\t\t\t\t\t\ttoggleButtonProps={ {\n\t\t\t\t\t\t\tlabel: closeLabel,\n\t\t\t\t\t\t\tshortcut: toggleShortcut,\n\t\t\t\t\t\t\tscope,\n\t\t\t\t\t\t\tidentifier,\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ header || (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<strong>{ title }</strong>\n\t\t\t\t\t\t\t\t{ isPinnable && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tclassName=\"interface-complementary-area__pin-unpin-item\"\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tisPinned ? starFilled : starEmpty\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\t\tisPinned\n\t\t\t\t\t\t\t\t\t\t\t\t? __( 'Unpin from toolbar' )\n\t\t\t\t\t\t\t\t\t\t\t\t: __( 'Pin to toolbar' )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\t\t( isPinned ? unpinItem : pinItem )(\n\t\t\t\t\t\t\t\t\t\t\t\tscope,\n\t\t\t\t\t\t\t\t\t\t\t\tidentifier\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tisPressed={ isPinned }\n\t\t\t\t\t\t\t\t\t\taria-expanded={ isPinned }\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</>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ComplementaryAreaHeader>\n\t\t\t\t\t<Panel className={ panelClassName }>{ children }</Panel>\n\t\t\t\t</ComplementaryAreaFill>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nconst ComplementaryAreaWrapped =\n\twithComplementaryAreaContext( ComplementaryArea );\n\nComplementaryAreaWrapped.Slot = ComplementaryAreaSlot;\n\nexport default ComplementaryAreaWrapped;\n"],"mappings":"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"}
+{"version":3,"names":["classnames","Button","Panel","Slot","Fill","useDispatch","useSelect","__","check","starEmpty","starFilled","useEffect","useRef","store","viewportStore","preferencesStore","ComplementaryAreaHeader","ComplementaryAreaMoreMenuItem","ComplementaryAreaToggle","withComplementaryAreaContext","PinnedItems","interfaceStore","ComplementaryAreaSlot","scope","props","createElement","name","ComplementaryAreaFill","children","className","id","useAdjustComplementaryListener","identifier","activeArea","isActive","isSmall","previousIsSmall","shouldOpenWhenNotSmall","enableComplementaryArea","disableComplementaryArea","current","ComplementaryArea","closeLabel","header","headerClassName","icon","isPinnable","panelClassName","smallScreenTitle","title","toggleShortcut","isActiveByDefault","isLoading","isPinned","isLarge","showIconLabels","select","getActiveComplementaryArea","isComplementaryAreaLoading","isItemPinned","get","_activeArea","isViewportMatch","pinItem","unpinItem","undefined","Fragment","isPressed","label","showTooltip","variant","size","target","replace","onClose","toggleButtonProps","shortcut","onClick","ComplementaryAreaWrapped"],"sources":["@wordpress/interface/src/components/complementary-area/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Panel, Slot, Fill } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { check, starEmpty, starFilled } from '@wordpress/icons';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { store as viewportStore } from '@wordpress/viewport';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport ComplementaryAreaHeader from '../complementary-area-header';\nimport ComplementaryAreaMoreMenuItem from '../complementary-area-more-menu-item';\nimport ComplementaryAreaToggle from '../complementary-area-toggle';\nimport withComplementaryAreaContext from '../complementary-area-context';\nimport PinnedItems from '../pinned-items';\nimport { store as interfaceStore } from '../../store';\n\nfunction ComplementaryAreaSlot( { scope, ...props } ) {\n\treturn <Slot name={ `ComplementaryArea/${ scope }` } { ...props } />;\n}\n\nfunction ComplementaryAreaFill( { scope, children, className, id } ) {\n\treturn (\n\t\t<Fill name={ `ComplementaryArea/${ scope }` }>\n\t\t\t<div id={ id } className={ className }>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</Fill>\n\t);\n}\n\nfunction useAdjustComplementaryListener(\n\tscope,\n\tidentifier,\n\tactiveArea,\n\tisActive,\n\tisSmall\n) {\n\tconst previousIsSmall = useRef( false );\n\tconst shouldOpenWhenNotSmall = useRef( false );\n\tconst { enableComplementaryArea, disableComplementaryArea } =\n\t\tuseDispatch( interfaceStore );\n\tuseEffect( () => {\n\t\t// If the complementary area is active and the editor is switching from\n\t\t// a big to a small window size.\n\t\tif ( isActive && isSmall && ! previousIsSmall.current ) {\n\t\t\tdisableComplementaryArea( scope );\n\t\t\t// Flag the complementary area to be reopened when the window size\n\t\t\t// goes from small to big.\n\t\t\tshouldOpenWhenNotSmall.current = true;\n\t\t} else if (\n\t\t\t// If there is a flag indicating the complementary area should be\n\t\t\t// enabled when we go from small to big window size and we are going\n\t\t\t// from a small to big window size.\n\t\t\tshouldOpenWhenNotSmall.current &&\n\t\t\t! isSmall &&\n\t\t\tpreviousIsSmall.current\n\t\t) {\n\t\t\t// Remove the flag indicating the complementary area should be\n\t\t\t// enabled.\n\t\t\tshouldOpenWhenNotSmall.current = false;\n\t\t\tenableComplementaryArea( scope, identifier );\n\t\t} else if (\n\t\t\t// If the flag is indicating the current complementary should be\n\t\t\t// reopened but another complementary area becomes active, remove\n\t\t\t// the flag.\n\t\t\tshouldOpenWhenNotSmall.current &&\n\t\t\tactiveArea &&\n\t\t\tactiveArea !== identifier\n\t\t) {\n\t\t\tshouldOpenWhenNotSmall.current = false;\n\t\t}\n\t\tif ( isSmall !== previousIsSmall.current ) {\n\t\t\tpreviousIsSmall.current = isSmall;\n\t\t}\n\t}, [\n\t\tisActive,\n\t\tisSmall,\n\t\tscope,\n\t\tidentifier,\n\t\tactiveArea,\n\t\tdisableComplementaryArea,\n\t\tenableComplementaryArea,\n\t] );\n}\n\nfunction ComplementaryArea( {\n\tchildren,\n\tclassName,\n\tcloseLabel = __( 'Close plugin' ),\n\tidentifier,\n\theader,\n\theaderClassName,\n\ticon,\n\tisPinnable = true,\n\tpanelClassName,\n\tscope,\n\tname,\n\tsmallScreenTitle,\n\ttitle,\n\ttoggleShortcut,\n\tisActiveByDefault,\n} ) {\n\tconst {\n\t\tisLoading,\n\t\tisActive,\n\t\tisPinned,\n\t\tactiveArea,\n\t\tisSmall,\n\t\tisLarge,\n\t\tshowIconLabels,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetActiveComplementaryArea,\n\t\t\t\tisComplementaryAreaLoading,\n\t\t\t\tisItemPinned,\n\t\t\t} = select( interfaceStore );\n\t\t\tconst { get } = select( preferencesStore );\n\n\t\t\tconst _activeArea = getActiveComplementaryArea( scope );\n\n\t\t\treturn {\n\t\t\t\tisLoading: isComplementaryAreaLoading( scope ),\n\t\t\t\tisActive: _activeArea === identifier,\n\t\t\t\tisPinned: isItemPinned( scope, identifier ),\n\t\t\t\tactiveArea: _activeArea,\n\t\t\t\tisSmall: select( viewportStore ).isViewportMatch( '< medium' ),\n\t\t\t\tisLarge: select( viewportStore ).isViewportMatch( 'large' ),\n\t\t\t\tshowIconLabels: get( 'core', 'showIconLabels' ),\n\t\t\t};\n\t\t},\n\t\t[ identifier, scope ]\n\t);\n\tuseAdjustComplementaryListener(\n\t\tscope,\n\t\tidentifier,\n\t\tactiveArea,\n\t\tisActive,\n\t\tisSmall\n\t);\n\tconst {\n\t\tenableComplementaryArea,\n\t\tdisableComplementaryArea,\n\t\tpinItem,\n\t\tunpinItem,\n\t} = useDispatch( interfaceStore );\n\n\tuseEffect( () => {\n\t\t// Set initial visibility: For large screens, enable if it's active by\n\t\t// default. For small screens, always initially disable.\n\t\tif ( isActiveByDefault && activeArea === undefined && ! isSmall ) {\n\t\t\tenableComplementaryArea( scope, identifier );\n\t\t} else if ( activeArea === undefined && isSmall ) {\n\t\t\tdisableComplementaryArea( scope, identifier );\n\t\t}\n\t}, [\n\t\tactiveArea,\n\t\tisActiveByDefault,\n\t\tscope,\n\t\tidentifier,\n\t\tisSmall,\n\t\tenableComplementaryArea,\n\t\tdisableComplementaryArea,\n\t] );\n\n\treturn (\n\t\t<>\n\t\t\t{ isPinnable && (\n\t\t\t\t<PinnedItems scope={ scope }>\n\t\t\t\t\t{ isPinned && (\n\t\t\t\t\t\t<ComplementaryAreaToggle\n\t\t\t\t\t\t\tscope={ scope }\n\t\t\t\t\t\t\tidentifier={ identifier }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisActive && ( ! showIconLabels || isLarge )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taria-expanded={ isActive }\n\t\t\t\t\t\t\taria-disabled={ isLoading }\n\t\t\t\t\t\t\tlabel={ title }\n\t\t\t\t\t\t\ticon={ showIconLabels ? check : icon }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</PinnedItems>\n\t\t\t) }\n\t\t\t{ name && isPinnable && (\n\t\t\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t\t\ttarget={ name }\n\t\t\t\t\tscope={ scope }\n\t\t\t\t\ticon={ icon }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</ComplementaryAreaMoreMenuItem>\n\t\t\t) }\n\t\t\t{ isActive && (\n\t\t\t\t<ComplementaryAreaFill\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'interface-complementary-area',\n\t\t\t\t\t\tclassName\n\t\t\t\t\t) }\n\t\t\t\t\tscope={ scope }\n\t\t\t\t\tid={ identifier.replace( '/', ':' ) }\n\t\t\t\t>\n\t\t\t\t\t<ComplementaryAreaHeader\n\t\t\t\t\t\tclassName={ headerClassName }\n\t\t\t\t\t\tcloseLabel={ closeLabel }\n\t\t\t\t\t\tonClose={ () => disableComplementaryArea( scope ) }\n\t\t\t\t\t\tsmallScreenTitle={ smallScreenTitle }\n\t\t\t\t\t\ttoggleButtonProps={ {\n\t\t\t\t\t\t\tlabel: closeLabel,\n\t\t\t\t\t\t\tshortcut: toggleShortcut,\n\t\t\t\t\t\t\tscope,\n\t\t\t\t\t\t\tidentifier,\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ header || (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<strong>{ title }</strong>\n\t\t\t\t\t\t\t\t{ isPinnable && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tclassName=\"interface-complementary-area__pin-unpin-item\"\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tisPinned ? starFilled : starEmpty\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\t\tisPinned\n\t\t\t\t\t\t\t\t\t\t\t\t? __( 'Unpin from toolbar' )\n\t\t\t\t\t\t\t\t\t\t\t\t: __( 'Pin to toolbar' )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\t\t( isPinned ? unpinItem : pinItem )(\n\t\t\t\t\t\t\t\t\t\t\t\tscope,\n\t\t\t\t\t\t\t\t\t\t\t\tidentifier\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tisPressed={ isPinned }\n\t\t\t\t\t\t\t\t\t\taria-expanded={ isPinned }\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</>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ComplementaryAreaHeader>\n\t\t\t\t\t<Panel className={ panelClassName }>{ children }</Panel>\n\t\t\t\t</ComplementaryAreaFill>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nconst ComplementaryAreaWrapped =\n\twithComplementaryAreaContext( ComplementaryArea );\n\nComplementaryAreaWrapped.Slot = ComplementaryAreaSlot;\n\nexport default ComplementaryAreaWrapped;\n"],"mappings":"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"}

package/build-module/components/preferences-modal-section/index.js

@@ -11,6 +11,8 @@ const Section = ({
   className: "interface-preferences-modal__section-title"
 }, title), description && createElement("p", {
   className: "interface-preferences-modal__section-description"
-}, description)), children);
+}, description)), createElement("div", {
+  className: "interface-preferences-modal__section-content"
+}, children));
 export default Section;
 //# sourceMappingURL=index.js.map

package/build-module/components/preferences-modal-section/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Section","description","title","children","createElement","className"],"sources":["@wordpress/interface/src/components/preferences-modal-section/index.js"],"sourcesContent":["const Section = ( { description, title, children } ) => (\n\t<fieldset className=\"interface-preferences-modal__section\">\n\t\t<legend className=\"interface-preferences-modal__section-legend\">\n\t\t\t<h2 className=\"interface-preferences-modal__section-title\">\n\t\t\t\t{ title }\n\t\t\t</h2>\n\t\t\t{ description && (\n\t\t\t\t<p className=\"interface-preferences-modal__section-description\">\n\t\t\t\t\t{ description }\n\t\t\t\t</p>\n\t\t\t) }\n\t\t</legend>\n\t\t{ children }\n\t</fieldset>\n);\n\nexport default Section;\n"],"mappings":";AAAA,MAAMA,OAAO,GAAGA,CAAE;EAAEC,WAAW;EAAEC,KAAK;EAAEC;AAAS,CAAC,KACjDC,aAAA;EAAUC,SAAS,EAAC;AAAsC,GACzDD,aAAA;EAAQC,SAAS,EAAC;AAA6C,GAC9DD,aAAA;EAAIC,SAAS,EAAC;AAA4C,GACvDH,KACC,CAAC,EACHD,WAAW,IACZG,aAAA;EAAGC,SAAS,EAAC;AAAkD,GAC5DJ,WACA,CAEG,CAAC,EACPE,QACO,CACV;AAED,eAAeH,OAAO"}
+{"version":3,"names":["Section","description","title","children","createElement","className"],"sources":["@wordpress/interface/src/components/preferences-modal-section/index.js"],"sourcesContent":["const Section = ( { description, title, children } ) => (\n\t<fieldset className=\"interface-preferences-modal__section\">\n\t\t<legend className=\"interface-preferences-modal__section-legend\">\n\t\t\t<h2 className=\"interface-preferences-modal__section-title\">\n\t\t\t\t{ title }\n\t\t\t</h2>\n\t\t\t{ description && (\n\t\t\t\t<p className=\"interface-preferences-modal__section-description\">\n\t\t\t\t\t{ description }\n\t\t\t\t</p>\n\t\t\t) }\n\t\t</legend>\n\t\t<div className=\"interface-preferences-modal__section-content\">\n\t\t\t{ children }\n\t\t</div>\n\t</fieldset>\n);\n\nexport default Section;\n"],"mappings":";AAAA,MAAMA,OAAO,GAAGA,CAAE;EAAEC,WAAW;EAAEC,KAAK;EAAEC;AAAS,CAAC,KACjDC,aAAA;EAAUC,SAAS,EAAC;AAAsC,GACzDD,aAAA;EAAQC,SAAS,EAAC;AAA6C,GAC9DD,aAAA;EAAIC,SAAS,EAAC;AAA4C,GACvDH,KACC,CAAC,EACHD,WAAW,IACZG,aAAA;EAAGC,SAAS,EAAC;AAAkD,GAC5DJ,WACA,CAEG,CAAC,EACTG,aAAA;EAAKC,SAAS,EAAC;AAA8C,GAC1DF,QACE,CACI,CACV;AAED,eAAeH,OAAO"}

package/build-style/style-rtl.css

@@ -569,6 +569,10 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   color: #757575;
 }
 
+.interface-preferences-modal__section:has(.interface-preferences-modal__section-content:empty) {
+  display: none;
+}
+
 .interface-preferences-modal__option + .interface-preferences-modal__option {
   margin-top: 16px;
 }

package/build-style/style.css

@@ -569,6 +569,10 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   color: #757575;
 }
 
+.interface-preferences-modal__section:has(.interface-preferences-modal__section-content:empty) {
+  display: none;
+}
+
 .interface-preferences-modal__option + .interface-preferences-modal__option {
   margin-top: 16px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/interface",
-	"version": "5.25.0",
+	"version": "5.26.0",
 	"description": "Interface module for WordPress. The package contains shared functionality across the modern JavaScript-based WordPress screens.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -32,17 +32,17 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.48.0",
-		"@wordpress/components": "^25.14.0",
-		"@wordpress/compose": "^6.25.0",
-		"@wordpress/data": "^9.18.0",
-		"@wordpress/deprecated": "^3.48.0",
-		"@wordpress/element": "^5.25.0",
-		"@wordpress/i18n": "^4.48.0",
-		"@wordpress/icons": "^9.39.0",
-		"@wordpress/plugins": "^6.16.0",
-		"@wordpress/preferences": "^3.25.0",
-		"@wordpress/viewport": "^5.25.0",
+		"@wordpress/a11y": "^3.49.0",
+		"@wordpress/components": "^25.15.0",
+		"@wordpress/compose": "^6.26.0",
+		"@wordpress/data": "^9.19.0",
+		"@wordpress/deprecated": "^3.49.0",
+		"@wordpress/element": "^5.26.0",
+		"@wordpress/i18n": "^4.49.0",
+		"@wordpress/icons": "^9.40.0",
+		"@wordpress/plugins": "^6.17.0",
+		"@wordpress/preferences": "^3.26.0",
+		"@wordpress/viewport": "^5.26.0",
 		"classnames": "^2.3.1"
 	},
 	"peerDependencies": {
@@ -52,5 +52,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "fcf61b4beff747222c2c81d09d757ca1a0abd925"
+	"gitHead": "5e6f9caa205d3bfdbac131952b7bf9c6ec60569b"
 }

package/src/components/complementary-area/index.js

@@ -12,6 +12,7 @@ import { __ } from '@wordpress/i18n';
 import { check, starEmpty, starFilled } from '@wordpress/icons';
 import { useEffect, useRef } from '@wordpress/element';
 import { store as viewportStore } from '@wordpress/viewport';
+import { store as preferencesStore } from '@wordpress/preferences';
 
 /**
  * Internal dependencies
@@ -108,31 +109,38 @@ function ComplementaryArea( {
 	title,
 	toggleShortcut,
 	isActiveByDefault,
-	showIconLabels = false,
 } ) {
-	const { isLoading, isActive, isPinned, activeArea, isSmall, isLarge } =
-		useSelect(
-			( select ) => {
-				const {
-					getActiveComplementaryArea,
-					isComplementaryAreaLoading,
-					isItemPinned,
-				} = select( interfaceStore );
+	const {
+		isLoading,
+		isActive,
+		isPinned,
+		activeArea,
+		isSmall,
+		isLarge,
+		showIconLabels,
+	} = useSelect(
+		( select ) => {
+			const {
+				getActiveComplementaryArea,
+				isComplementaryAreaLoading,
+				isItemPinned,
+			} = select( interfaceStore );
+			const { get } = select( preferencesStore );
 
-				const _activeArea = getActiveComplementaryArea( scope );
+			const _activeArea = getActiveComplementaryArea( scope );
 
-				return {
-					isLoading: isComplementaryAreaLoading( scope ),
-					isActive: _activeArea === identifier,
-					isPinned: isItemPinned( scope, identifier ),
-					activeArea: _activeArea,
-					isSmall:
-						select( viewportStore ).isViewportMatch( '< medium' ),
-					isLarge: select( viewportStore ).isViewportMatch( 'large' ),
-				};
-			},
-			[ identifier, scope ]
-		);
+			return {
+				isLoading: isComplementaryAreaLoading( scope ),
+				isActive: _activeArea === identifier,
+				isPinned: isItemPinned( scope, identifier ),
+				activeArea: _activeArea,
+				isSmall: select( viewportStore ).isViewportMatch( '< medium' ),
+				isLarge: select( viewportStore ).isViewportMatch( 'large' ),
+				showIconLabels: get( 'core', 'showIconLabels' ),
+			};
+		},
+		[ identifier, scope ]
+	);
 	useAdjustComplementaryListener(
 		scope,
 		identifier,

package/src/components/preferences-modal/README.md

@@ -28,7 +28,7 @@ function MyEditorPreferencesModal() {
 									'Review settings, such as visibility and tags.'
 								) }
 								label={ __(
-									'Enable pre-publish flow'
+									'Enable pre-publish checks'
 								) }
 							/>
 						</PreferencesModalSection>

package/src/components/preferences-modal-section/index.js

@@ -10,7 +10,9 @@ const Section = ( { description, title, children } ) => (
 				</p>
 			) }
 		</legend>
-		{ children }
+		<div className="interface-preferences-modal__section-content">
+			{ children }
+		</div>
 	</fieldset>
 );
 

package/src/components/preferences-modal-section/style.scss

@@ -22,3 +22,7 @@
 	font-style: normal;
 	color: $gray-700;
 }
+
+.interface-preferences-modal__section:has(.interface-preferences-modal__section-content:empty) {
+	display: none;
+}