@wordpress/interface 5.29.0 → 5.30.0

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 ## Unreleased
 
+## 5.30.0 (2024-03-06)
+
+## Breaking Changes
+
+-   Removed `MoreMenuDropdown` component ([#59095](https://github.com/WordPress/gutenberg/pull/59095)).
+
 ## 5.29.0 (2024-02-21)
 
 ## 5.28.0 (2024-02-09)

package/README.md

@@ -111,29 +111,6 @@ wp.data
 	.isFeatureActive( 'namespace/editor-or-plugin-name', 'myFeatureName' ); // false
 ```
 
-The `MoreMenuDropdown` and `MoreMenuFeatureToggle` components help to implement an editor menu for changing preferences and feature values.
-
-```jsx
-function MyEditorMenu() {
-	return (
-		<MoreMenuDropdown>
-			{ () => (
-				<MenuGroup label={ __( 'Features' ) }>
-					<MoreMenuFeatureToggle
-						scope="namespace/editor-or-plugin-name"
-						feature="myFeatureName"
-						label={ __( 'My feature' ) }
-						info={ __( 'A really awesome feature' ) }
-						messageActivated={ __( 'My feature activated' ) }
-						messageDeactivated={ __( 'My feature deactivated' ) }
-					/>
-				</MenuGroup>
-			) }
-		</MoreMenuDropdown>
-	);
-}
-```
-
 ## Contributing to this package
 
 This is an individual package that's part of the Gutenberg project. The project is organized as a monorepo. It's made up of multiple self-contained software packages, each with a specific purpose. The packages in this monorepo are published to [npm](https://www.npmjs.com/) and used by [WordPress](https://make.wordpress.org/core/) as well as other software projects.

package/build/components/index.js

@@ -34,18 +34,6 @@ Object.defineProperty(exports, "InterfaceSkeleton", {
     return _interfaceSkeleton.default;
   }
 });
-Object.defineProperty(exports, "MoreMenuDropdown", {
-  enumerable: true,
-  get: function () {
-    return _moreMenuDropdown.default;
-  }
-});
-Object.defineProperty(exports, "MoreMenuFeatureToggle", {
-  enumerable: true,
-  get: function () {
-    return _moreMenuFeatureToggle.default;
-  }
-});
 Object.defineProperty(exports, "NavigableRegion", {
   enumerable: true,
   get: function () {
@@ -63,8 +51,6 @@ var _complementaryAreaMoreMenuItem = _interopRequireDefault(require("./complemen
 var _fullscreenMode = _interopRequireDefault(require("./fullscreen-mode"));
 var _interfaceSkeleton = _interopRequireDefault(require("./interface-skeleton"));
 var _pinnedItems = _interopRequireDefault(require("./pinned-items"));
-var _moreMenuDropdown = _interopRequireDefault(require("./more-menu-dropdown"));
-var _moreMenuFeatureToggle = _interopRequireDefault(require("./more-menu-feature-toggle"));
 var _actionItem = _interopRequireDefault(require("./action-item"));
 var _navigableRegion = _interopRequireDefault(require("./navigable-region"));
 //# sourceMappingURL=index.js.map

package/build/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_complementaryArea","_interopRequireDefault","require","_complementaryAreaMoreMenuItem","_fullscreenMode","_interfaceSkeleton","_pinnedItems","_moreMenuDropdown","_moreMenuFeatureToggle","_actionItem","_navigableRegion"],"sources":["@wordpress/interface/src/components/index.js"],"sourcesContent":["export { default as ComplementaryArea } from './complementary-area';\nexport { default as ComplementaryAreaMoreMenuItem } from './complementary-area-more-menu-item';\nexport { default as FullscreenMode } from './fullscreen-mode';\nexport { default as InterfaceSkeleton } from './interface-skeleton';\nexport { default as PinnedItems } from './pinned-items';\nexport { default as MoreMenuDropdown } from './more-menu-dropdown';\nexport { default as MoreMenuFeatureToggle } from './more-menu-feature-toggle';\nexport { default as ActionItem } from './action-item';\nexport { default as NavigableRegion } from './navigable-region';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,8BAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,kBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,iBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,sBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,WAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,gBAAA,GAAAT,sBAAA,CAAAC,OAAA"}
+{"version":3,"names":["_complementaryArea","_interopRequireDefault","require","_complementaryAreaMoreMenuItem","_fullscreenMode","_interfaceSkeleton","_pinnedItems","_actionItem","_navigableRegion"],"sources":["@wordpress/interface/src/components/index.js"],"sourcesContent":["export { default as ComplementaryArea } from './complementary-area';\nexport { default as ComplementaryAreaMoreMenuItem } from './complementary-area-more-menu-item';\nexport { default as FullscreenMode } from './fullscreen-mode';\nexport { default as InterfaceSkeleton } from './interface-skeleton';\nexport { default as PinnedItems } from './pinned-items';\nexport { default as ActionItem } from './action-item';\nexport { default as NavigableRegion } from './navigable-region';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,8BAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,kBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,WAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,gBAAA,GAAAP,sBAAA,CAAAC,OAAA"}

package/build-module/components/index.js

@@ -3,8 +3,6 @@ export { default as ComplementaryAreaMoreMenuItem } from './complementary-area-m
 export { default as FullscreenMode } from './fullscreen-mode';
 export { default as InterfaceSkeleton } from './interface-skeleton';
 export { default as PinnedItems } from './pinned-items';
-export { default as MoreMenuDropdown } from './more-menu-dropdown';
-export { default as MoreMenuFeatureToggle } from './more-menu-feature-toggle';
 export { default as ActionItem } from './action-item';
 export { default as NavigableRegion } from './navigable-region';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["default","ComplementaryArea","ComplementaryAreaMoreMenuItem","FullscreenMode","InterfaceSkeleton","PinnedItems","MoreMenuDropdown","MoreMenuFeatureToggle","ActionItem","NavigableRegion"],"sources":["@wordpress/interface/src/components/index.js"],"sourcesContent":["export { default as ComplementaryArea } from './complementary-area';\nexport { default as ComplementaryAreaMoreMenuItem } from './complementary-area-more-menu-item';\nexport { default as FullscreenMode } from './fullscreen-mode';\nexport { default as InterfaceSkeleton } from './interface-skeleton';\nexport { default as PinnedItems } from './pinned-items';\nexport { default as MoreMenuDropdown } from './more-menu-dropdown';\nexport { default as MoreMenuFeatureToggle } from './more-menu-feature-toggle';\nexport { default as ActionItem } from './action-item';\nexport { default as NavigableRegion } from './navigable-region';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,sBAAsB;AACnE,SAASD,OAAO,IAAIE,6BAA6B,QAAQ,qCAAqC;AAC9F,SAASF,OAAO,IAAIG,cAAc,QAAQ,mBAAmB;AAC7D,SAASH,OAAO,IAAII,iBAAiB,QAAQ,sBAAsB;AACnE,SAASJ,OAAO,IAAIK,WAAW,QAAQ,gBAAgB;AACvD,SAASL,OAAO,IAAIM,gBAAgB,QAAQ,sBAAsB;AAClE,SAASN,OAAO,IAAIO,qBAAqB,QAAQ,4BAA4B;AAC7E,SAASP,OAAO,IAAIQ,UAAU,QAAQ,eAAe;AACrD,SAASR,OAAO,IAAIS,eAAe,QAAQ,oBAAoB"}
+{"version":3,"names":["default","ComplementaryArea","ComplementaryAreaMoreMenuItem","FullscreenMode","InterfaceSkeleton","PinnedItems","ActionItem","NavigableRegion"],"sources":["@wordpress/interface/src/components/index.js"],"sourcesContent":["export { default as ComplementaryArea } from './complementary-area';\nexport { default as ComplementaryAreaMoreMenuItem } from './complementary-area-more-menu-item';\nexport { default as FullscreenMode } from './fullscreen-mode';\nexport { default as InterfaceSkeleton } from './interface-skeleton';\nexport { default as PinnedItems } from './pinned-items';\nexport { default as ActionItem } from './action-item';\nexport { default as NavigableRegion } from './navigable-region';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,sBAAsB;AACnE,SAASD,OAAO,IAAIE,6BAA6B,QAAQ,qCAAqC;AAC9F,SAASF,OAAO,IAAIG,cAAc,QAAQ,mBAAmB;AAC7D,SAASH,OAAO,IAAII,iBAAiB,QAAQ,sBAAsB;AACnE,SAASJ,OAAO,IAAIK,WAAW,QAAQ,gBAAgB;AACvD,SAASL,OAAO,IAAIM,UAAU,QAAQ,eAAe;AACrD,SAASN,OAAO,IAAIO,eAAe,QAAQ,oBAAoB"}

package/build-style/style-rtl.css

@@ -96,6 +96,7 @@
   --wp-admin-border-width-focus: 2px;
   --wp-block-synced-color: #7a00df;
   --wp-block-synced-color--rgb: 122, 0, 223;
+  --wp-bound-block-color: #9747ff;
 }
 @media (min-resolution: 192dpi) {
   :root {
@@ -438,38 +439,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   }
 }
 
-.interface-more-menu-dropdown {
-  margin-right: -4px;
-}
-.interface-more-menu-dropdown .components-button {
-  width: auto;
-  padding: 0 2px;
-}
-@media (min-width: 600px) {
-  .interface-more-menu-dropdown {
-    margin-right: 0;
-  }
-  .interface-more-menu-dropdown .components-button {
-    padding: 0 4px;
-  }
-}
-
-.interface-more-menu-dropdown__content .components-popover__content {
-  min-width: 300px;
-}
-@media (min-width: 480px) {
-  .interface-more-menu-dropdown__content .components-popover__content {
-    max-width: 480px;
-  }
-}
-.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu {
-  padding: 0;
-}
-
-.components-popover.interface-more-menu-dropdown__content {
-  z-index: 99998;
-}
-
 .interface-pinned-items {
   display: flex;
   gap: 8px;

package/build-style/style.css

@@ -96,6 +96,7 @@
   --wp-admin-border-width-focus: 2px;
   --wp-block-synced-color: #7a00df;
   --wp-block-synced-color--rgb: 122, 0, 223;
+  --wp-bound-block-color: #9747ff;
 }
 @media (min-resolution: 192dpi) {
   :root {
@@ -438,38 +439,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   }
 }
 
-.interface-more-menu-dropdown {
-  margin-left: -4px;
-}
-.interface-more-menu-dropdown .components-button {
-  width: auto;
-  padding: 0 2px;
-}
-@media (min-width: 600px) {
-  .interface-more-menu-dropdown {
-    margin-left: 0;
-  }
-  .interface-more-menu-dropdown .components-button {
-    padding: 0 4px;
-  }
-}
-
-.interface-more-menu-dropdown__content .components-popover__content {
-  min-width: 300px;
-}
-@media (min-width: 480px) {
-  .interface-more-menu-dropdown__content .components-popover__content {
-    max-width: 480px;
-  }
-}
-.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu {
-  padding: 0;
-}
-
-.components-popover.interface-more-menu-dropdown__content {
-  z-index: 99998;
-}
-
 .interface-pinned-items {
   display: flex;
   gap: 8px;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/interface",
-	"version": "5.29.0",
+	"version": "5.30.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,18 +32,18 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.52.0",
-		"@wordpress/components": "^27.0.0",
-		"@wordpress/compose": "^6.29.0",
-		"@wordpress/data": "^9.22.0",
-		"@wordpress/deprecated": "^3.52.0",
-		"@wordpress/element": "^5.29.0",
-		"@wordpress/i18n": "^4.52.0",
-		"@wordpress/icons": "^9.43.0",
-		"@wordpress/plugins": "^6.20.0",
-		"@wordpress/preferences": "^3.29.0",
-		"@wordpress/private-apis": "^0.34.0",
-		"@wordpress/viewport": "^5.29.0",
+		"@wordpress/a11y": "^3.53.0",
+		"@wordpress/components": "^27.1.0",
+		"@wordpress/compose": "^6.30.0",
+		"@wordpress/data": "^9.23.0",
+		"@wordpress/deprecated": "^3.53.0",
+		"@wordpress/element": "^5.30.0",
+		"@wordpress/i18n": "^4.53.0",
+		"@wordpress/icons": "^9.44.0",
+		"@wordpress/plugins": "^6.21.0",
+		"@wordpress/preferences": "^3.30.0",
+		"@wordpress/private-apis": "^0.35.0",
+		"@wordpress/viewport": "^5.30.0",
 		"classnames": "^2.3.1"
 	},
 	"peerDependencies": {
@@ -53,5 +53,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "c139588f4c668b38bafbc5431f2f4e3903dbe683"
+	"gitHead": "ac3c3e465a083081a86a4da6ee6fb817b41e5130"
 }

package/src/components/index.js

@@ -3,7 +3,5 @@ export { default as ComplementaryAreaMoreMenuItem } from './complementary-area-m
 export { default as FullscreenMode } from './fullscreen-mode';
 export { default as InterfaceSkeleton } from './interface-skeleton';
 export { default as PinnedItems } from './pinned-items';
-export { default as MoreMenuDropdown } from './more-menu-dropdown';
-export { default as MoreMenuFeatureToggle } from './more-menu-feature-toggle';
 export { default as ActionItem } from './action-item';
 export { default as NavigableRegion } from './navigable-region';

package/src/style.scss

@@ -2,5 +2,4 @@
 @import "./components/complementary-area/style.scss";
 @import "./components/fullscreen-mode/style.scss";
 @import "./components/interface-skeleton/style.scss";
-@import "./components/more-menu-dropdown/style.scss";
 @import "./components/pinned-items/style.scss";

package/build/components/more-menu-dropdown/index.js

@@ -1,46 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = MoreMenuDropdown;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-function MoreMenuDropdown({
-  as: DropdownComponent = _components.DropdownMenu,
-  className,
-  /* translators: button label text should, if possible, be under 16 characters. */
-  label = (0, _i18n.__)('Options'),
-  popoverProps,
-  toggleProps,
-  children
-}) {
-  return (0, _react.createElement)(DropdownComponent, {
-    className: (0, _classnames.default)('interface-more-menu-dropdown', className),
-    icon: _icons.moreVertical,
-    label: label,
-    popoverProps: {
-      placement: 'bottom-end',
-      ...popoverProps,
-      className: (0, _classnames.default)('interface-more-menu-dropdown__content', popoverProps?.className)
-    },
-    toggleProps: {
-      tooltipPosition: 'bottom',
-      ...toggleProps,
-      size: 'compact'
-    }
-  }, onClose => children(onClose));
-}
-//# sourceMappingURL=index.js.map

package/build/components/more-menu-dropdown/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_i18n","_icons","MoreMenuDropdown","as","DropdownComponent","DropdownMenu","className","label","__","popoverProps","toggleProps","children","_react","createElement","classnames","icon","moreVertical","placement","tooltipPosition","size","onClose"],"sources":["@wordpress/interface/src/components/more-menu-dropdown/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { DropdownMenu } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { moreVertical } from '@wordpress/icons';\n\nexport default function MoreMenuDropdown( {\n\tas: DropdownComponent = DropdownMenu,\n\tclassName,\n\t/* translators: button label text should, if possible, be under 16 characters. */\n\tlabel = __( 'Options' ),\n\tpopoverProps,\n\ttoggleProps,\n\tchildren,\n} ) {\n\treturn (\n\t\t<DropdownComponent\n\t\t\tclassName={ classnames(\n\t\t\t\t'interface-more-menu-dropdown',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\ticon={ moreVertical }\n\t\t\tlabel={ label }\n\t\t\tpopoverProps={ {\n\t\t\t\tplacement: 'bottom-end',\n\t\t\t\t...popoverProps,\n\t\t\t\tclassName: classnames(\n\t\t\t\t\t'interface-more-menu-dropdown__content',\n\t\t\t\t\tpopoverProps?.className\n\t\t\t\t),\n\t\t\t} }\n\t\t\ttoggleProps={ {\n\t\t\t\ttooltipPosition: 'bottom',\n\t\t\t\t...toggleProps,\n\t\t\t\tsize: 'compact',\n\t\t\t} }\n\t\t>\n\t\t\t{ ( onClose ) => children( onClose ) }\n\t\t</DropdownComponent>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAKe,SAASI,gBAAgBA,CAAE;EACzCC,EAAE,EAAEC,iBAAiB,GAAGC,wBAAY;EACpCC,SAAS;EACT;EACAC,KAAK,GAAG,IAAAC,QAAE,EAAE,SAAU,CAAC;EACvBC,YAAY;EACZC,WAAW;EACXC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACT,iBAAiB;IACjBE,SAAS,EAAG,IAAAQ,mBAAU,EACrB,8BAA8B,EAC9BR,SACD,CAAG;IACHS,IAAI,EAAGC,mBAAc;IACrBT,KAAK,EAAGA,KAAO;IACfE,YAAY,EAAG;MACdQ,SAAS,EAAE,YAAY;MACvB,GAAGR,YAAY;MACfH,SAAS,EAAE,IAAAQ,mBAAU,EACpB,uCAAuC,EACvCL,YAAY,EAAEH,SACf;IACD,CAAG;IACHI,WAAW,EAAG;MACbQ,eAAe,EAAE,QAAQ;MACzB,GAAGR,WAAW;MACdS,IAAI,EAAE;IACP;EAAG,GAECC,OAAO,IAAMT,QAAQ,CAAES,OAAQ,CACjB,CAAC;AAEtB"}

package/build/components/more-menu-feature-toggle/index.js

@@ -1,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = MoreMenuFeatureToggle;
-var _react = require("react");
-var _data = require("@wordpress/data");
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _a11y = require("@wordpress/a11y");
-var _store = require("../../store");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function MoreMenuFeatureToggle({
-  scope,
-  label,
-  info,
-  messageActivated,
-  messageDeactivated,
-  shortcut,
-  feature
-}) {
-  const isActive = (0, _data.useSelect)(select => select(_store.store).isFeatureActive(scope, feature), [feature, scope]);
-  const {
-    toggleFeature
-  } = (0, _data.useDispatch)(_store.store);
-  const speakMessage = () => {
-    if (isActive) {
-      (0, _a11y.speak)(messageDeactivated || (0, _i18n.__)('Feature deactivated'));
-    } else {
-      (0, _a11y.speak)(messageActivated || (0, _i18n.__)('Feature activated'));
-    }
-  };
-  return (0, _react.createElement)(_components.MenuItem, {
-    icon: isActive && _icons.check,
-    isSelected: isActive,
-    onClick: () => {
-      toggleFeature(scope, feature);
-      speakMessage();
-    },
-    role: "menuitemcheckbox",
-    info: info,
-    shortcut: shortcut
-  }, label);
-}
-//# sourceMappingURL=index.js.map

package/build/components/more-menu-feature-toggle/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_data","require","_components","_i18n","_icons","_a11y","_store","MoreMenuFeatureToggle","scope","label","info","messageActivated","messageDeactivated","shortcut","feature","isActive","useSelect","select","interfaceStore","isFeatureActive","toggleFeature","useDispatch","speakMessage","speak","__","_react","createElement","MenuItem","icon","check","isSelected","onClick","role"],"sources":["@wordpress/interface/src/components/more-menu-feature-toggle/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { check } from '@wordpress/icons';\nimport { speak } from '@wordpress/a11y';\n\n/**\n * Internal dependencies\n */\nimport { store as interfaceStore } from '../../store';\n\nexport default function MoreMenuFeatureToggle( {\n\tscope,\n\tlabel,\n\tinfo,\n\tmessageActivated,\n\tmessageDeactivated,\n\tshortcut,\n\tfeature,\n} ) {\n\tconst isActive = useSelect(\n\t\t( select ) =>\n\t\t\tselect( interfaceStore ).isFeatureActive( scope, feature ),\n\t\t[ feature, scope ]\n\t);\n\tconst { toggleFeature } = useDispatch( interfaceStore );\n\tconst speakMessage = () => {\n\t\tif ( isActive ) {\n\t\t\tspeak( messageDeactivated || __( 'Feature deactivated' ) );\n\t\t} else {\n\t\t\tspeak( messageActivated || __( 'Feature activated' ) );\n\t\t}\n\t};\n\n\treturn (\n\t\t<MenuItem\n\t\t\ticon={ isActive && check }\n\t\t\tisSelected={ isActive }\n\t\t\tonClick={ () => {\n\t\t\t\ttoggleFeature( scope, feature );\n\t\t\t\tspeakMessage();\n\t\t\t} }\n\t\t\trole=\"menuitemcheckbox\"\n\t\t\tinfo={ info }\n\t\t\tshortcut={ shortcut }\n\t\t>\n\t\t\t{ label }\n\t\t</MenuItem>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AAZA;AACA;AACA;;AAOA;AACA;AACA;;AAGe,SAASM,qBAAqBA,CAAE;EAC9CC,KAAK;EACLC,KAAK;EACLC,IAAI;EACJC,gBAAgB;EAChBC,kBAAkB;EAClBC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,QAAQ,GAAG,IAAAC,eAAS,EACvBC,MAAM,IACPA,MAAM,CAAEC,YAAe,CAAC,CAACC,eAAe,CAAEX,KAAK,EAAEM,OAAQ,CAAC,EAC3D,CAAEA,OAAO,EAAEN,KAAK,CACjB,CAAC;EACD,MAAM;IAAEY;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAe,CAAC;EACvD,MAAMI,YAAY,GAAGA,CAAA,KAAM;IAC1B,IAAKP,QAAQ,EAAG;MACf,IAAAQ,WAAK,EAAEX,kBAAkB,IAAI,IAAAY,QAAE,EAAE,qBAAsB,CAAE,CAAC;IAC3D,CAAC,MAAM;MACN,IAAAD,WAAK,EAAEZ,gBAAgB,IAAI,IAAAa,QAAE,EAAE,mBAAoB,CAAE,CAAC;IACvD;EACD,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACxB,WAAA,CAAAyB,QAAQ;IACRC,IAAI,EAAGb,QAAQ,IAAIc,YAAO;IAC1BC,UAAU,EAAGf,QAAU;IACvBgB,OAAO,EAAGA,CAAA,KAAM;MACfX,aAAa,CAAEZ,KAAK,EAAEM,OAAQ,CAAC;MAC/BQ,YAAY,CAAC,CAAC;IACf,CAAG;IACHU,IAAI,EAAC,kBAAkB;IACvBtB,IAAI,EAAGA,IAAM;IACbG,QAAQ,EAAGA;EAAU,GAEnBJ,KACO,CAAC;AAEb"}

package/build-module/components/more-menu-dropdown/index.js

@@ -1,38 +0,0 @@
-import { createElement } from "react";
-/**
- * External dependencies
- */
-import classnames from 'classnames';
-
-/**
- * WordPress dependencies
- */
-import { DropdownMenu } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { moreVertical } from '@wordpress/icons';
-export default function MoreMenuDropdown({
-  as: DropdownComponent = DropdownMenu,
-  className,
-  /* translators: button label text should, if possible, be under 16 characters. */
-  label = __('Options'),
-  popoverProps,
-  toggleProps,
-  children
-}) {
-  return createElement(DropdownComponent, {
-    className: classnames('interface-more-menu-dropdown', className),
-    icon: moreVertical,
-    label: label,
-    popoverProps: {
-      placement: 'bottom-end',
-      ...popoverProps,
-      className: classnames('interface-more-menu-dropdown__content', popoverProps?.className)
-    },
-    toggleProps: {
-      tooltipPosition: 'bottom',
-      ...toggleProps,
-      size: 'compact'
-    }
-  }, onClose => children(onClose));
-}
-//# sourceMappingURL=index.js.map

package/build-module/components/more-menu-dropdown/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["classnames","DropdownMenu","__","moreVertical","MoreMenuDropdown","as","DropdownComponent","className","label","popoverProps","toggleProps","children","createElement","icon","placement","tooltipPosition","size","onClose"],"sources":["@wordpress/interface/src/components/more-menu-dropdown/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { DropdownMenu } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { moreVertical } from '@wordpress/icons';\n\nexport default function MoreMenuDropdown( {\n\tas: DropdownComponent = DropdownMenu,\n\tclassName,\n\t/* translators: button label text should, if possible, be under 16 characters. */\n\tlabel = __( 'Options' ),\n\tpopoverProps,\n\ttoggleProps,\n\tchildren,\n} ) {\n\treturn (\n\t\t<DropdownComponent\n\t\t\tclassName={ classnames(\n\t\t\t\t'interface-more-menu-dropdown',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\ticon={ moreVertical }\n\t\t\tlabel={ label }\n\t\t\tpopoverProps={ {\n\t\t\t\tplacement: 'bottom-end',\n\t\t\t\t...popoverProps,\n\t\t\t\tclassName: classnames(\n\t\t\t\t\t'interface-more-menu-dropdown__content',\n\t\t\t\t\tpopoverProps?.className\n\t\t\t\t),\n\t\t\t} }\n\t\t\ttoggleProps={ {\n\t\t\t\ttooltipPosition: 'bottom',\n\t\t\t\t...toggleProps,\n\t\t\t\tsize: 'compact',\n\t\t\t} }\n\t\t>\n\t\t\t{ ( onClose ) => children( onClose ) }\n\t\t</DropdownComponent>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,eAAe,SAASC,gBAAgBA,CAAE;EACzCC,EAAE,EAAEC,iBAAiB,GAAGL,YAAY;EACpCM,SAAS;EACT;EACAC,KAAK,GAAGN,EAAE,CAAE,SAAU,CAAC;EACvBO,YAAY;EACZC,WAAW;EACXC;AACD,CAAC,EAAG;EACH,OACCC,aAAA,CAACN,iBAAiB;IACjBC,SAAS,EAAGP,UAAU,CACrB,8BAA8B,EAC9BO,SACD,CAAG;IACHM,IAAI,EAAGV,YAAc;IACrBK,KAAK,EAAGA,KAAO;IACfC,YAAY,EAAG;MACdK,SAAS,EAAE,YAAY;MACvB,GAAGL,YAAY;MACfF,SAAS,EAAEP,UAAU,CACpB,uCAAuC,EACvCS,YAAY,EAAEF,SACf;IACD,CAAG;IACHG,WAAW,EAAG;MACbK,eAAe,EAAE,QAAQ;MACzB,GAAGL,WAAW;MACdM,IAAI,EAAE;IACP;EAAG,GAECC,OAAO,IAAMN,QAAQ,CAAEM,OAAQ,CACjB,CAAC;AAEtB"}

package/build-module/components/more-menu-feature-toggle/index.js

@@ -1,47 +0,0 @@
-import { createElement } from "react";
-/**
- * WordPress dependencies
- */
-import { useSelect, useDispatch } from '@wordpress/data';
-import { MenuItem } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { check } from '@wordpress/icons';
-import { speak } from '@wordpress/a11y';
-
-/**
- * Internal dependencies
- */
-import { store as interfaceStore } from '../../store';
-export default function MoreMenuFeatureToggle({
-  scope,
-  label,
-  info,
-  messageActivated,
-  messageDeactivated,
-  shortcut,
-  feature
-}) {
-  const isActive = useSelect(select => select(interfaceStore).isFeatureActive(scope, feature), [feature, scope]);
-  const {
-    toggleFeature
-  } = useDispatch(interfaceStore);
-  const speakMessage = () => {
-    if (isActive) {
-      speak(messageDeactivated || __('Feature deactivated'));
-    } else {
-      speak(messageActivated || __('Feature activated'));
-    }
-  };
-  return createElement(MenuItem, {
-    icon: isActive && check,
-    isSelected: isActive,
-    onClick: () => {
-      toggleFeature(scope, feature);
-      speakMessage();
-    },
-    role: "menuitemcheckbox",
-    info: info,
-    shortcut: shortcut
-  }, label);
-}
-//# sourceMappingURL=index.js.map

package/build-module/components/more-menu-feature-toggle/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useSelect","useDispatch","MenuItem","__","check","speak","store","interfaceStore","MoreMenuFeatureToggle","scope","label","info","messageActivated","messageDeactivated","shortcut","feature","isActive","select","isFeatureActive","toggleFeature","speakMessage","createElement","icon","isSelected","onClick","role"],"sources":["@wordpress/interface/src/components/more-menu-feature-toggle/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { check } from '@wordpress/icons';\nimport { speak } from '@wordpress/a11y';\n\n/**\n * Internal dependencies\n */\nimport { store as interfaceStore } from '../../store';\n\nexport default function MoreMenuFeatureToggle( {\n\tscope,\n\tlabel,\n\tinfo,\n\tmessageActivated,\n\tmessageDeactivated,\n\tshortcut,\n\tfeature,\n} ) {\n\tconst isActive = useSelect(\n\t\t( select ) =>\n\t\t\tselect( interfaceStore ).isFeatureActive( scope, feature ),\n\t\t[ feature, scope ]\n\t);\n\tconst { toggleFeature } = useDispatch( interfaceStore );\n\tconst speakMessage = () => {\n\t\tif ( isActive ) {\n\t\t\tspeak( messageDeactivated || __( 'Feature deactivated' ) );\n\t\t} else {\n\t\t\tspeak( messageActivated || __( 'Feature activated' ) );\n\t\t}\n\t};\n\n\treturn (\n\t\t<MenuItem\n\t\t\ticon={ isActive && check }\n\t\t\tisSelected={ isActive }\n\t\t\tonClick={ () => {\n\t\t\t\ttoggleFeature( scope, feature );\n\t\t\t\tspeakMessage();\n\t\t\t} }\n\t\t\trole=\"menuitemcheckbox\"\n\t\t\tinfo={ info }\n\t\t\tshortcut={ shortcut }\n\t\t>\n\t\t\t{ label }\n\t\t</MenuItem>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,KAAK,QAAQ,iBAAiB;;AAEvC;AACA;AACA;AACA,SAASC,KAAK,IAAIC,cAAc,QAAQ,aAAa;AAErD,eAAe,SAASC,qBAAqBA,CAAE;EAC9CC,KAAK;EACLC,KAAK;EACLC,IAAI;EACJC,gBAAgB;EAChBC,kBAAkB;EAClBC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,QAAQ,GAAGhB,SAAS,CACvBiB,MAAM,IACPA,MAAM,CAAEV,cAAe,CAAC,CAACW,eAAe,CAAET,KAAK,EAAEM,OAAQ,CAAC,EAC3D,CAAEA,OAAO,EAAEN,KAAK,CACjB,CAAC;EACD,MAAM;IAAEU;EAAc,CAAC,GAAGlB,WAAW,CAAEM,cAAe,CAAC;EACvD,MAAMa,YAAY,GAAGA,CAAA,KAAM;IAC1B,IAAKJ,QAAQ,EAAG;MACfX,KAAK,CAAEQ,kBAAkB,IAAIV,EAAE,CAAE,qBAAsB,CAAE,CAAC;IAC3D,CAAC,MAAM;MACNE,KAAK,CAAEO,gBAAgB,IAAIT,EAAE,CAAE,mBAAoB,CAAE,CAAC;IACvD;EACD,CAAC;EAED,OACCkB,aAAA,CAACnB,QAAQ;IACRoB,IAAI,EAAGN,QAAQ,IAAIZ,KAAO;IAC1BmB,UAAU,EAAGP,QAAU;IACvBQ,OAAO,EAAGA,CAAA,KAAM;MACfL,aAAa,CAAEV,KAAK,EAAEM,OAAQ,CAAC;MAC/BK,YAAY,CAAC,CAAC;IACf,CAAG;IACHK,IAAI,EAAC,kBAAkB;IACvBd,IAAI,EAAGA,IAAM;IACbG,QAAQ,EAAGA;EAAU,GAEnBJ,KACO,CAAC;AAEb"}

package/src/components/more-menu-dropdown/README.md

@@ -1,78 +0,0 @@
-# MoreMenuDropdown
-
-`MoreMenuDropdown` is a convenient component for rendering an editor 'more' menu. This is typically a menu that provides:
-
-- menu items for quick toggling editor preferences.
-- a way to open dialogs for keyboard shortcuts and editor preferences.
-- links to help.
-
-This component implements a `DropdownMenu` component from the `@wordpress/components` package.
-
-See also the `MoreMenuFeatureToggle` component in the `@wordpress/interface` package, which provides an easy way to implement a feature toggle as a child of this component. Use with the `MenuGroup`, `MenuItem`, `MenuItemsChoice` components from the `@wordpress/components` package to implement more advanced behaviors.
-
-Note that just like the `DropdownMenu` component, this component accepts a render callback, which child elements should be returned from.
-
-## Example
-
-```jsx
-function MyEditorMenu() {
-	return (
-		<MoreMenuDropdown>
-			{ () => (
-				<MenuGroup label={ __( 'Features' ) }>
-					<MoreMenuFeatureToggle
-						scope="namespace/editor-or-plugin-name"
-						feature="myFeatureName"
-						label={ __( 'My feature' ) }
-						info={ __( 'A really awesome feature' ) }
-						messageActivated={ __( 'My feature activated' )}
-						messageDeactivated={ __( 'My feature deactivated' )}
-					/>
-				</MenuGroup>
-			) }
-		</MoreMenuDropdown>
-	);
-}
-```
-
-## Props
-
-### as
-
-Provide a component that the dropdown should render as. This may be useful if you need `MoreMenuDropdown` to render a `ToolbarDropdownMenu` instead of a `DropdownMenu`. Defaults to `DropdownMenu`.
-
--   Type: `Component`
--   Required: No.
-
-### className
-
-Provide an additional class name to the dropdown component.
-
--   Type: `String`
--   Required: No
-
-### label
-
-Change the label of the button that opens the dropdown.
-
--   Default: 'Options'
--   Type: `String`
--   Required: No
-
-### popoverProps
-
-Override or extend the dropdown's popover props.
-
-See the documentation for the `DropdownMenu` and `Popover` components in the `@wordpress/components` package for more information.
-
--   Type: `Object`
--   Required: No
-
-### toggleProps
-
-Override or extend the dropdown's toggle props.
-
-See the documentation for the `DropdownMenu` and `Button` components in the `@wordpress/components` package for more information.
-
--   Type: `Object`
--   Required: No

package/src/components/more-menu-dropdown/index.js

@@ -1,47 +0,0 @@
-/**
- * External dependencies
- */
-import classnames from 'classnames';
-
-/**
- * WordPress dependencies
- */
-import { DropdownMenu } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { moreVertical } from '@wordpress/icons';
-
-export default function MoreMenuDropdown( {
-	as: DropdownComponent = DropdownMenu,
-	className,
-	/* translators: button label text should, if possible, be under 16 characters. */
-	label = __( 'Options' ),
-	popoverProps,
-	toggleProps,
-	children,
-} ) {
-	return (
-		<DropdownComponent
-			className={ classnames(
-				'interface-more-menu-dropdown',
-				className
-			) }
-			icon={ moreVertical }
-			label={ label }
-			popoverProps={ {
-				placement: 'bottom-end',
-				...popoverProps,
-				className: classnames(
-					'interface-more-menu-dropdown__content',
-					popoverProps?.className
-				),
-			} }
-			toggleProps={ {
-				tooltipPosition: 'bottom',
-				...toggleProps,
-				size: 'compact',
-			} }
-		>
-			{ ( onClose ) => children( onClose ) }
-		</DropdownComponent>
-	);
-}

package/src/components/more-menu-dropdown/style.scss

@@ -1,34 +0,0 @@
-.interface-more-menu-dropdown {
-	margin-left: -4px;
-
-	// the padding and margin of the more menu is intentionally non-standard
-	.components-button {
-		width: auto;
-		padding: 0 2px;
-	}
-
-	@include break-small() {
-		margin-left: 0;
-
-		.components-button {
-			padding: 0 4px;
-		}
-	}
-}
-
-.interface-more-menu-dropdown__content .components-popover__content {
-	min-width: 300px;
-
-	// Let the menu scale to fit items.
-	@include break-mobile() {
-		max-width: $break-mobile;
-	}
-
-	.components-dropdown-menu__menu {
-		padding: 0;
-	}
-}
-
-.components-popover.interface-more-menu-dropdown__content {
-	z-index: z-index(".components-popover.interface-more-menu__content");
-}

package/src/components/more-menu-feature-toggle/README.md

@@ -1,59 +0,0 @@
-# MoreMenuFeatureToggle
-
-`MoreMenuFeatureToggle` renders a menu item that can be used as a child of the `MoreMenuDropdown` component. The component
-is connected to the interface package's store, and will toggle the value of a 'feature' between true and false.
-
-This component implements a `MenuItem` component from the `@wordpress/components` package.
-
-## Props
-
-### scope
-
-The 'scope' of the feature. This is usually a namespaced string that represents the name of the editor (e.g. 'core/edit-post'), and often matches the name of the store for the editor.
-
--   Type: `String`
--   Required: Yes
-
-### feature
-
-The name of the feature to toggle (e.g. 'fixedToolbar').
-
--   Type: `String`
--   Required: Yes
-
-### label
-
-A human readable label for the feature.
-
--   Type: `String`
--   Required: Yes
-
-### info
-
-A human readable description of what this toggle does.
-
--   Type: `Object`
--   Required: No
-
-### messageActivated
-
-A message read by a screen reader when the feature is activated. (e.g. 'Fixed toolbar activated')
-
--   Type: `String`
--   Required: No
-
-### messageDeactivated
-
-A message read by a screen reader when the feature is deactivated. (e.g. 'Fixed toolbar deactivated')
-
--   Type: `String`
--   Required: No
-
-### shortcut
-
-A keyboard shortcut for the feature. This is just used for display purposes and the implementation of the shortcut should be handled separately.
-
-Consider using the `displayShortcut` helper from the `@wordpress/keycodes` package for this prop.
-
--   Type: `Array`
--   Required: No

package/src/components/more-menu-feature-toggle/index.js

@@ -1,53 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useSelect, useDispatch } from '@wordpress/data';
-import { MenuItem } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { check } from '@wordpress/icons';
-import { speak } from '@wordpress/a11y';
-
-/**
- * Internal dependencies
- */
-import { store as interfaceStore } from '../../store';
-
-export default function MoreMenuFeatureToggle( {
-	scope,
-	label,
-	info,
-	messageActivated,
-	messageDeactivated,
-	shortcut,
-	feature,
-} ) {
-	const isActive = useSelect(
-		( select ) =>
-			select( interfaceStore ).isFeatureActive( scope, feature ),
-		[ feature, scope ]
-	);
-	const { toggleFeature } = useDispatch( interfaceStore );
-	const speakMessage = () => {
-		if ( isActive ) {
-			speak( messageDeactivated || __( 'Feature deactivated' ) );
-		} else {
-			speak( messageActivated || __( 'Feature activated' ) );
-		}
-	};
-
-	return (
-		<MenuItem
-			icon={ isActive && check }
-			isSelected={ isActive }
-			onClick={ () => {
-				toggleFeature( scope, feature );
-				speakMessage();
-			} }
-			role="menuitemcheckbox"
-			info={ info }
-			shortcut={ shortcut }
-		>
-			{ label }
-		</MenuItem>
-	);
-}