@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.1-next.b8c8708f3.0

package/build/tools-panel/tools-panel-header/component.js

@@ -1,34 +1,48 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var component_exports = {};
+__export(component_exports, {
+  default: () => component_default
 });
-exports.default = void 0;
-var _a11y = require("@wordpress/a11y");
-var _icons = require("@wordpress/icons");
-var _i18n = require("@wordpress/i18n");
-var _dropdownMenu = _interopRequireDefault(require("../../dropdown-menu"));
-var _menuGroup = _interopRequireDefault(require("../../menu-group"));
-var _menuItem = _interopRequireDefault(require("../../menu-item"));
-var _hStack = require("../../h-stack");
-var _heading = require("../../heading");
-var _hook = require("./hook");
-var _context = require("../../context");
-var _styles = require("../styles");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(component_exports);
+var import_a11y = require("@wordpress/a11y");
+var import_icons = require("@wordpress/icons");
+var import_i18n = require("@wordpress/i18n");
+var import_dropdown_menu = __toESM(require("../../dropdown-menu"));
+var import_menu_group = __toESM(require("../../menu-group"));
+var import_menu_item = __toESM(require("../../menu-item"));
+var import_h_stack = require("../../h-stack");
+var import_heading = require("../../heading");
+var import_hook = require("./hook");
+var import_context = require("../../context");
+var import_styles = require("../styles");
+var import_jsx_runtime = require("react/jsx-runtime");
 const DefaultControlsGroup = ({
   itemClassName,
   items,
@@ -37,31 +51,35 @@ const DefaultControlsGroup = ({
   if (!items.length) {
     return null;
   }
-  const resetSuffix = /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ResetLabel, {
+  const resetSuffix = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.ResetLabel, {
     "aria-hidden": true,
-    children: (0, _i18n.__)('Reset')
+    children: (0, import_i18n.__)("Reset")
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
     children: items.map(([label, hasValue]) => {
       if (hasValue) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_menuItem.default, {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu_item.default, {
           className: itemClassName,
           role: "menuitem",
-          label: (0, _i18n.sprintf)(
-          // translators: %s: The name of the control being reset e.g. "Padding".
-          (0, _i18n.__)('Reset %s'), label),
+          label: (0, import_i18n.sprintf)(
+            // translators: %s: The name of the control being reset e.g. "Padding".
+            (0, import_i18n.__)("Reset %s"),
+            label
+          ),
           onClick: () => {
             toggleItem(label);
-            (0, _a11y.speak)((0, _i18n.sprintf)(
-            // translators: %s: The name of the control being reset e.g. "Padding".
-            (0, _i18n.__)('%s reset to default'), label), 'assertive');
+            (0, import_a11y.speak)((0, import_i18n.sprintf)(
+              // translators: %s: The name of the control being reset e.g. "Padding".
+              (0, import_i18n.__)("%s reset to default"),
+              label
+            ), "assertive");
           },
           suffix: resetSuffix,
           children: label
         }, label);
       }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_menuItem.default, {
-        icon: _icons.check,
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu_item.default, {
+        icon: import_icons.check,
         className: itemClassName,
         role: "menuitemcheckbox",
         isSelected: true,
@@ -78,26 +96,34 @@ const OptionalControlsGroup = ({
   if (!items.length) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
     children: items.map(([label, isSelected]) => {
-      const itemLabel = isSelected ? (0, _i18n.sprintf)(
-      // translators: %s: The name of the control being hidden and reset e.g. "Padding".
-      (0, _i18n.__)('Hide and reset %s'), label) : (0, _i18n.sprintf)(
-      // translators: %s: The name of the control to display e.g. "Padding".
-      (0, _i18n._x)('Show %s', 'input control'), label);
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_menuItem.default, {
-        icon: isSelected ? _icons.check : null,
-        isSelected: isSelected,
+      const itemLabel = isSelected ? (0, import_i18n.sprintf)(
+        // translators: %s: The name of the control being hidden and reset e.g. "Padding".
+        (0, import_i18n.__)("Hide and reset %s"),
+        label
+      ) : (0, import_i18n.sprintf)(
+        // translators: %s: The name of the control to display e.g. "Padding".
+        (0, import_i18n._x)("Show %s", "input control"),
+        label
+      );
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu_item.default, {
+        icon: isSelected ? import_icons.check : null,
+        isSelected,
         label: itemLabel,
         onClick: () => {
           if (isSelected) {
-            (0, _a11y.speak)((0, _i18n.sprintf)(
-            // translators: %s: The name of the control being reset e.g. "Padding".
-            (0, _i18n.__)('%s hidden and reset to default'), label), 'assertive');
+            (0, import_a11y.speak)((0, import_i18n.sprintf)(
+              // translators: %s: The name of the control being reset e.g. "Padding".
+              (0, import_i18n.__)("%s hidden and reset to default"),
+              label
+            ), "assertive");
           } else {
-            (0, _a11y.speak)((0, _i18n.sprintf)(
-            // translators: %s: The name of the control being reset e.g. "Padding".
-            (0, _i18n.__)('%s is now visible'), label), 'assertive');
+            (0, import_a11y.speak)((0, import_i18n.sprintf)(
+              // translators: %s: The name of the control being reset e.g. "Padding".
+              (0, import_i18n.__)("%s is now visible"),
+              label
+            ), "assertive");
           }
           toggleItem(label);
         },
@@ -121,26 +147,28 @@ const ToolsPanelHeader = (props, forwardedRef) => {
     toggleItem,
     dropdownMenuProps,
     ...headerProps
-  } = (0, _hook.useToolsPanelHeader)(props);
+  } = (0, import_hook.useToolsPanelHeader)(props);
   if (!labelText) {
     return null;
   }
   const defaultItems = Object.entries(menuItems?.default || {});
   const optionalItems = Object.entries(menuItems?.optional || {});
-  const dropDownMenuIcon = areAllOptionalControlsHidden ? _icons.plus : _icons.moreVertical;
-  const dropDownMenuLabelText = (0, _i18n.sprintf)(
-  // translators: %s: The name of the tool e.g. "Color" or "Typography".
-  (0, _i18n._x)('%s options', 'Button label to reveal tool panel options'), labelText);
-  const dropdownMenuDescriptionText = areAllOptionalControlsHidden ? (0, _i18n.__)('All options are currently hidden') : undefined;
+  const dropDownMenuIcon = areAllOptionalControlsHidden ? import_icons.plus : import_icons.moreVertical;
+  const dropDownMenuLabelText = (0, import_i18n.sprintf)(
+    // translators: %s: The name of the tool e.g. "Color" or "Typography".
+    (0, import_i18n._x)("%s options", "Button label to reveal tool panel options"),
+    labelText
+  );
+  const dropdownMenuDescriptionText = areAllOptionalControlsHidden ? (0, import_i18n.__)("All options are currently hidden") : void 0;
   const canResetAll = [...defaultItems, ...optionalItems].some(([, isSelected]) => isSelected);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hStack.HStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_h_stack.HStack, {
     ...headerProps,
     ref: forwardedRef,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_heading.Heading, {
+    children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_heading.Heading, {
       level: headingLevel,
       className: headingClassName,
       children: labelText
-    }), hasMenuItems && /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.default, {
+    }), hasMenuItems && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.default, {
       ...dropdownMenuProps,
       icon: dropDownMenuIcon,
       label: dropDownMenuLabelText,
@@ -148,41 +176,37 @@ const ToolsPanelHeader = (props, forwardedRef) => {
         className: dropdownMenuClassName
       },
       toggleProps: {
-        size: 'small',
+        size: "small",
         description: dropdownMenuDescriptionText
       },
-      children: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_menuGroup.default, {
+      children: () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_menu_group.default, {
           label: labelText,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultControlsGroup, {
+          children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DefaultControlsGroup, {
             items: defaultItems,
-            toggleItem: toggleItem,
+            toggleItem,
             itemClassName: defaultControlsItemClassName
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(OptionalControlsGroup, {
+          }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OptionalControlsGroup, {
             items: optionalItems,
-            toggleItem: toggleItem
+            toggleItem
           })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_menuGroup.default, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_menuItem.default, {
-            "aria-disabled": !canResetAll
-            // @ts-expect-error - TODO: If this "tertiary" style is something we really want to allow on MenuItem,
-            // we should rename it and explicitly allow it as an official API. All the other Button variants
-            // don't make sense in a MenuItem context, and should be disallowed.
-            ,
+        }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu_group.default, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu_item.default, {
+            "aria-disabled": !canResetAll,
             variant: "tertiary",
             onClick: () => {
               if (canResetAll) {
                 resetAll();
-                (0, _a11y.speak)((0, _i18n.__)('All options reset'), 'assertive');
+                (0, import_a11y.speak)((0, import_i18n.__)("All options reset"), "assertive");
               }
             },
-            children: (0, _i18n.__)('Reset all')
+            children: (0, import_i18n.__)("Reset all")
           })
         })]
       })
     })]
   });
 };
-const ConnectedToolsPanelHeader = (0, _context.contextConnect)(ToolsPanelHeader, 'ToolsPanelHeader');
-var _default = exports.default = ConnectedToolsPanelHeader;
-//# sourceMappingURL=component.js.map
+const ConnectedToolsPanelHeader = (0, import_context.contextConnect)(ToolsPanelHeader, "ToolsPanelHeader");
+var component_default = ConnectedToolsPanelHeader;
+//# sourceMappingURL=component.js.map

package/build/tools-panel/tools-panel-header/component.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_a11y","require","_icons","_i18n","_dropdownMenu","_interopRequireDefault","_menuGroup","_menuItem","_hStack","_heading","_hook","_context","_styles","_jsxRuntime","DefaultControlsGroup","itemClassName","items","toggleItem","length","resetSuffix","jsx","ResetLabel","children","__","Fragment","map","label","hasValue","default","className","role","sprintf","onClick","speak","suffix","icon","check","isSelected","OptionalControlsGroup","itemLabel","_x","ToolsPanelHeader","props","forwardedRef","areAllOptionalControlsHidden","defaultControlsItemClassName","dropdownMenuClassName","hasMenuItems","headingClassName","headingLevel","labelText","menuItems","resetAll","dropdownMenuProps","headerProps","useToolsPanelHeader","defaultItems","Object","entries","optionalItems","optional","dropDownMenuIcon","plus","moreVertical","dropDownMenuLabelText","dropdownMenuDescriptionText","undefined","canResetAll","some","jsxs","HStack","ref","Heading","level","menuProps","toggleProps","size","description","variant","ConnectedToolsPanelHeader","contextConnect","_default","exports"],"sources":["@wordpress/components/src/tools-panel/tools-panel-header/component.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { speak } from '@wordpress/a11y';\nimport { check, moreVertical, plus } from '@wordpress/icons';\nimport { __, _x, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport DropdownMenu from '../../dropdown-menu';\nimport MenuGroup from '../../menu-group';\nimport MenuItem from '../../menu-item';\nimport { HStack } from '../../h-stack';\nimport { Heading } from '../../heading';\nimport { useToolsPanelHeader } from './hook';\nimport type { WordPressComponentProps } from '../../context';\nimport { contextConnect } from '../../context';\nimport { ResetLabel } from '../styles';\nimport type {\n\tToolsPanelControlsGroupProps,\n\tToolsPanelHeaderProps,\n} from '../types';\n\nconst DefaultControlsGroup = ( {\n\titemClassName,\n\titems,\n\ttoggleItem,\n}: ToolsPanelControlsGroupProps ) => {\n\tif ( ! items.length ) {\n\t\treturn null;\n\t}\n\n\tconst resetSuffix = <ResetLabel aria-hidden>{ __( 'Reset' ) }</ResetLabel>;\n\n\treturn (\n\t\t<>\n\t\t\t{ items.map( ( [ label, hasValue ] ) => {\n\t\t\t\tif ( hasValue ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tkey={ label }\n\t\t\t\t\t\t\tclassName={ itemClassName }\n\t\t\t\t\t\t\trole=\"menuitem\"\n\t\t\t\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t\t\t\t// translators: %s: The name of the control being reset e.g. \"Padding\".\n\t\t\t\t\t\t\t\t__( 'Reset %s' ),\n\t\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\ttoggleItem( label );\n\t\t\t\t\t\t\t\tspeak(\n\t\t\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t\t\t// translators: %s: The name of the control being reset e.g. \"Padding\".\n\t\t\t\t\t\t\t\t\t\t__( '%s reset to default' ),\n\t\t\t\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t'assertive'\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tsuffix={ resetSuffix }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tkey={ label }\n\t\t\t\t\t\ticon={ check }\n\t\t\t\t\t\tclassName={ itemClassName }\n\t\t\t\t\t\trole=\"menuitemcheckbox\"\n\t\t\t\t\t\tisSelected\n\t\t\t\t\t\taria-disabled\n\t\t\t\t\t>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n};\n\nconst OptionalControlsGroup = ( {\n\titems,\n\ttoggleItem,\n}: ToolsPanelControlsGroupProps ) => {\n\tif ( ! items.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ items.map( ( [ label, isSelected ] ) => {\n\t\t\t\tconst itemLabel = isSelected\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t// translators: %s: The name of the control being hidden and reset e.g. \"Padding\".\n\t\t\t\t\t\t\t__( 'Hide and reset %s' ),\n\t\t\t\t\t\t\tlabel\n\t\t\t\t\t  )\n\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t// translators: %s: The name of the control to display e.g. \"Padding\".\n\t\t\t\t\t\t\t_x( 'Show %s', 'input control' ),\n\t\t\t\t\t\t\tlabel\n\t\t\t\t\t  );\n\n\t\t\t\treturn (\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tkey={ label }\n\t\t\t\t\t\ticon={ isSelected ? check : null }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tlabel={ itemLabel }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tif ( isSelected ) {\n\t\t\t\t\t\t\t\tspeak(\n\t\t\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t\t\t// translators: %s: The name of the control being reset e.g. \"Padding\".\n\t\t\t\t\t\t\t\t\t\t__( '%s hidden and reset to default' ),\n\t\t\t\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t'assertive'\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tspeak(\n\t\t\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t\t\t// translators: %s: The name of the control being reset e.g. \"Padding\".\n\t\t\t\t\t\t\t\t\t\t__( '%s is now visible' ),\n\t\t\t\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t'assertive'\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ttoggleItem( label );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\trole=\"menuitemcheckbox\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n};\n\nconst ToolsPanelHeader = (\n\tprops: WordPressComponentProps< ToolsPanelHeaderProps, 'h2' >,\n\tforwardedRef: ForwardedRef< any >\n) => {\n\tconst {\n\t\tareAllOptionalControlsHidden,\n\t\tdefaultControlsItemClassName,\n\t\tdropdownMenuClassName,\n\t\thasMenuItems,\n\t\theadingClassName,\n\t\theadingLevel = 2,\n\t\tlabel: labelText,\n\t\tmenuItems,\n\t\tresetAll,\n\t\ttoggleItem,\n\t\tdropdownMenuProps,\n\t\t...headerProps\n\t} = useToolsPanelHeader( props );\n\n\tif ( ! labelText ) {\n\t\treturn null;\n\t}\n\n\tconst defaultItems = Object.entries( menuItems?.default || {} );\n\tconst optionalItems = Object.entries( menuItems?.optional || {} );\n\tconst dropDownMenuIcon = areAllOptionalControlsHidden ? plus : moreVertical;\n\tconst dropDownMenuLabelText = sprintf(\n\t\t// translators: %s: The name of the tool e.g. \"Color\" or \"Typography\".\n\t\t_x( '%s options', 'Button label to reveal tool panel options' ),\n\t\tlabelText\n\t);\n\tconst dropdownMenuDescriptionText = areAllOptionalControlsHidden\n\t\t? __( 'All options are currently hidden' )\n\t\t: undefined;\n\n\tconst canResetAll = [ ...defaultItems, ...optionalItems ].some(\n\t\t( [ , isSelected ] ) => isSelected\n\t);\n\n\treturn (\n\t\t<HStack { ...headerProps } ref={ forwardedRef }>\n\t\t\t<Heading level={ headingLevel } className={ headingClassName }>\n\t\t\t\t{ labelText }\n\t\t\t</Heading>\n\t\t\t{ hasMenuItems && (\n\t\t\t\t<DropdownMenu\n\t\t\t\t\t{ ...dropdownMenuProps }\n\t\t\t\t\ticon={ dropDownMenuIcon }\n\t\t\t\t\tlabel={ dropDownMenuLabelText }\n\t\t\t\t\tmenuProps={ { className: dropdownMenuClassName } }\n\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\tsize: 'small',\n\t\t\t\t\t\tdescription: dropdownMenuDescriptionText,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ () => (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<MenuGroup label={ labelText }>\n\t\t\t\t\t\t\t\t<DefaultControlsGroup\n\t\t\t\t\t\t\t\t\titems={ defaultItems }\n\t\t\t\t\t\t\t\t\ttoggleItem={ toggleItem }\n\t\t\t\t\t\t\t\t\titemClassName={\n\t\t\t\t\t\t\t\t\t\tdefaultControlsItemClassName\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\t<OptionalControlsGroup\n\t\t\t\t\t\t\t\t\titems={ optionalItems }\n\t\t\t\t\t\t\t\t\ttoggleItem={ toggleItem }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\taria-disabled={ ! canResetAll }\n\t\t\t\t\t\t\t\t\t// @ts-expect-error - TODO: If this \"tertiary\" style is something we really want to allow on MenuItem,\n\t\t\t\t\t\t\t\t\t// we should rename it and explicitly allow it as an official API. All the other Button variants\n\t\t\t\t\t\t\t\t\t// don't make sense in a MenuItem context, and should be disallowed.\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tif ( canResetAll ) {\n\t\t\t\t\t\t\t\t\t\t\tresetAll();\n\t\t\t\t\t\t\t\t\t\t\tspeak(\n\t\t\t\t\t\t\t\t\t\t\t\t__( 'All options reset' ),\n\t\t\t\t\t\t\t\t\t\t\t\t'assertive'\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} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Reset all' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</DropdownMenu>\n\t\t\t) }\n\t\t</HStack>\n\t);\n};\n\nconst ConnectedToolsPanelHeader = contextConnect(\n\tToolsPanelHeader,\n\t'ToolsPanelHeader'\n);\n\nexport default ConnectedToolsPanelHeader;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/tools-panel/tools-panel-header/component.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { speak } from '@wordpress/a11y';\nimport { check, moreVertical, plus } from '@wordpress/icons';\nimport { __, _x, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport DropdownMenu from '../../dropdown-menu';\nimport MenuGroup from '../../menu-group';\nimport MenuItem from '../../menu-item';\nimport { HStack } from '../../h-stack';\nimport { Heading } from '../../heading';\nimport { useToolsPanelHeader } from './hook';\nimport { contextConnect } from '../../context';\nimport { ResetLabel } from '../styles';\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst DefaultControlsGroup = ({\n  itemClassName,\n  items,\n  toggleItem\n}) => {\n  if (!items.length) {\n    return null;\n  }\n  const resetSuffix = /*#__PURE__*/_jsx(ResetLabel, {\n    \"aria-hidden\": true,\n    children: __('Reset')\n  });\n  return /*#__PURE__*/_jsx(_Fragment, {\n    children: items.map(([label, hasValue]) => {\n      if (hasValue) {\n        return /*#__PURE__*/_jsx(MenuItem, {\n          className: itemClassName,\n          role: \"menuitem\",\n          label: sprintf(\n          // translators: %s: The name of the control being reset e.g. \"Padding\".\n          __('Reset %s'), label),\n          onClick: () => {\n            toggleItem(label);\n            speak(sprintf(\n            // translators: %s: The name of the control being reset e.g. \"Padding\".\n            __('%s reset to default'), label), 'assertive');\n          },\n          suffix: resetSuffix,\n          children: label\n        }, label);\n      }\n      return /*#__PURE__*/_jsx(MenuItem, {\n        icon: check,\n        className: itemClassName,\n        role: \"menuitemcheckbox\",\n        isSelected: true,\n        \"aria-disabled\": true,\n        children: label\n      }, label);\n    })\n  });\n};\nconst OptionalControlsGroup = ({\n  items,\n  toggleItem\n}) => {\n  if (!items.length) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(_Fragment, {\n    children: items.map(([label, isSelected]) => {\n      const itemLabel = isSelected ? sprintf(\n      // translators: %s: The name of the control being hidden and reset e.g. \"Padding\".\n      __('Hide and reset %s'), label) : sprintf(\n      // translators: %s: The name of the control to display e.g. \"Padding\".\n      _x('Show %s', 'input control'), label);\n      return /*#__PURE__*/_jsx(MenuItem, {\n        icon: isSelected ? check : null,\n        isSelected: isSelected,\n        label: itemLabel,\n        onClick: () => {\n          if (isSelected) {\n            speak(sprintf(\n            // translators: %s: The name of the control being reset e.g. \"Padding\".\n            __('%s hidden and reset to default'), label), 'assertive');\n          } else {\n            speak(sprintf(\n            // translators: %s: The name of the control being reset e.g. \"Padding\".\n            __('%s is now visible'), label), 'assertive');\n          }\n          toggleItem(label);\n        },\n        role: \"menuitemcheckbox\",\n        children: label\n      }, label);\n    })\n  });\n};\nconst ToolsPanelHeader = (props, forwardedRef) => {\n  const {\n    areAllOptionalControlsHidden,\n    defaultControlsItemClassName,\n    dropdownMenuClassName,\n    hasMenuItems,\n    headingClassName,\n    headingLevel = 2,\n    label: labelText,\n    menuItems,\n    resetAll,\n    toggleItem,\n    dropdownMenuProps,\n    ...headerProps\n  } = useToolsPanelHeader(props);\n  if (!labelText) {\n    return null;\n  }\n  const defaultItems = Object.entries(menuItems?.default || {});\n  const optionalItems = Object.entries(menuItems?.optional || {});\n  const dropDownMenuIcon = areAllOptionalControlsHidden ? plus : moreVertical;\n  const dropDownMenuLabelText = sprintf(\n  // translators: %s: The name of the tool e.g. \"Color\" or \"Typography\".\n  _x('%s options', 'Button label to reveal tool panel options'), labelText);\n  const dropdownMenuDescriptionText = areAllOptionalControlsHidden ? __('All options are currently hidden') : undefined;\n  const canResetAll = [...defaultItems, ...optionalItems].some(([, isSelected]) => isSelected);\n  return /*#__PURE__*/_jsxs(HStack, {\n    ...headerProps,\n    ref: forwardedRef,\n    children: [/*#__PURE__*/_jsx(Heading, {\n      level: headingLevel,\n      className: headingClassName,\n      children: labelText\n    }), hasMenuItems && /*#__PURE__*/_jsx(DropdownMenu, {\n      ...dropdownMenuProps,\n      icon: dropDownMenuIcon,\n      label: dropDownMenuLabelText,\n      menuProps: {\n        className: dropdownMenuClassName\n      },\n      toggleProps: {\n        size: 'small',\n        description: dropdownMenuDescriptionText\n      },\n      children: () => /*#__PURE__*/_jsxs(_Fragment, {\n        children: [/*#__PURE__*/_jsxs(MenuGroup, {\n          label: labelText,\n          children: [/*#__PURE__*/_jsx(DefaultControlsGroup, {\n            items: defaultItems,\n            toggleItem: toggleItem,\n            itemClassName: defaultControlsItemClassName\n          }), /*#__PURE__*/_jsx(OptionalControlsGroup, {\n            items: optionalItems,\n            toggleItem: toggleItem\n          })]\n        }), /*#__PURE__*/_jsx(MenuGroup, {\n          children: /*#__PURE__*/_jsx(MenuItem, {\n            \"aria-disabled\": !canResetAll\n            // @ts-expect-error - TODO: If this \"tertiary\" style is something we really want to allow on MenuItem,\n            // we should rename it and explicitly allow it as an official API. All the other Button variants\n            // don't make sense in a MenuItem context, and should be disallowed.\n            ,\n            variant: \"tertiary\",\n            onClick: () => {\n              if (canResetAll) {\n                resetAll();\n                speak(__('All options reset'), 'assertive');\n              }\n            },\n            children: __('Reset all')\n          })\n        })]\n      })\n    })]\n  });\n};\nconst ConnectedToolsPanelHeader = contextConnect(ToolsPanelHeader, 'ToolsPanelHeader');\nexport default ConnectedToolsPanelHeader;"],
+  "mappings": "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",
+  "names": ["_jsx", "_Fragment", "MenuItem", "_jsxs", "DropdownMenu", "MenuGroup"]
+}

package/build/tools-panel/tools-panel-header/hook.js

@@ -1,48 +1,65 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var hook_exports = {};
+__export(hook_exports, {
+  useToolsPanelHeader: () => useToolsPanelHeader
 });
-exports.useToolsPanelHeader = useToolsPanelHeader;
-var _element = require("@wordpress/element");
-var styles = _interopRequireWildcard(require("../styles"));
-var _context = require("../context");
-var _context2 = require("../../context");
-var _useCx = require("../../utils/hooks/use-cx");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(hook_exports);
+var import_element = require("@wordpress/element");
+var styles = __toESM(require("../styles"));
+var import_context = require("../context");
+var import_context2 = require("../../context");
+var import_use_cx = require("../../utils/hooks/use-cx");
 function useToolsPanelHeader(props) {
   const {
     className,
     headingLevel = 2,
     ...otherProps
-  } = (0, _context2.useContextSystem)(props, 'ToolsPanelHeader');
-  const cx = (0, _useCx.useCx)();
-  const classes = (0, _element.useMemo)(() => {
+  } = (0, import_context2.useContextSystem)(props, "ToolsPanelHeader");
+  const cx = (0, import_use_cx.useCx)();
+  const classes = (0, import_element.useMemo)(() => {
     return cx(styles.ToolsPanelHeader, className);
   }, [className, cx]);
-  const dropdownMenuClassName = (0, _element.useMemo)(() => {
+  const dropdownMenuClassName = (0, import_element.useMemo)(() => {
     return cx(styles.DropdownMenu);
   }, [cx]);
-  const headingClassName = (0, _element.useMemo)(() => {
+  const headingClassName = (0, import_element.useMemo)(() => {
     return cx(styles.ToolsPanelHeading);
   }, [cx]);
-  const defaultControlsItemClassName = (0, _element.useMemo)(() => {
+  const defaultControlsItemClassName = (0, import_element.useMemo)(() => {
     return cx(styles.DefaultControlsItem);
   }, [cx]);
   const {
     menuItems,
     hasMenuItems,
     areAllOptionalControlsHidden
-  } = (0, _context.useToolsPanelContext)();
+  } = (0, import_context.useToolsPanelContext)();
   return {
     ...otherProps,
     areAllOptionalControlsHidden,
@@ -55,4 +72,8 @@ function useToolsPanelHeader(props) {
     className: classes
   };
 }
-//# sourceMappingURL=hook.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useToolsPanelHeader
+});
+//# sourceMappingURL=hook.js.map

package/build/tools-panel/tools-panel-header/hook.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","styles","_interopRequireWildcard","_context","_context2","_useCx","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useToolsPanelHeader","props","className","headingLevel","otherProps","useContextSystem","cx","useCx","classes","useMemo","ToolsPanelHeader","dropdownMenuClassName","DropdownMenu","headingClassName","ToolsPanelHeading","defaultControlsItemClassName","DefaultControlsItem","menuItems","hasMenuItems","areAllOptionalControlsHidden","useToolsPanelContext"],"sources":["@wordpress/components/src/tools-panel/tools-panel-header/hook.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport * as styles from '../styles';\nimport { useToolsPanelContext } from '../context';\nimport type { WordPressComponentProps } from '../../context';\nimport { useContextSystem } from '../../context';\nimport { useCx } from '../../utils/hooks/use-cx';\nimport type { ToolsPanelHeaderProps } from '../types';\n\nexport function useToolsPanelHeader(\n\tprops: WordPressComponentProps< ToolsPanelHeaderProps, 'h2' >\n) {\n\tconst {\n\t\tclassName,\n\t\theadingLevel = 2,\n\t\t...otherProps\n\t} = useContextSystem( props, 'ToolsPanelHeader' );\n\n\tconst cx = useCx();\n\tconst classes = useMemo( () => {\n\t\treturn cx( styles.ToolsPanelHeader, className );\n\t}, [ className, cx ] );\n\n\tconst dropdownMenuClassName = useMemo( () => {\n\t\treturn cx( styles.DropdownMenu );\n\t}, [ cx ] );\n\n\tconst headingClassName = useMemo( () => {\n\t\treturn cx( styles.ToolsPanelHeading );\n\t}, [ cx ] );\n\n\tconst defaultControlsItemClassName = useMemo( () => {\n\t\treturn cx( styles.DefaultControlsItem );\n\t}, [ cx ] );\n\n\tconst { menuItems, hasMenuItems, areAllOptionalControlsHidden } =\n\t\tuseToolsPanelContext();\n\n\treturn {\n\t\t...otherProps,\n\t\tareAllOptionalControlsHidden,\n\t\tdefaultControlsItemClassName,\n\t\tdropdownMenuClassName,\n\t\thasMenuItems,\n\t\theadingClassName,\n\t\theadingLevel,\n\t\tmenuItems,\n\t\tclassName: classes,\n\t};\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/tools-panel/tools-panel-header/hook.ts"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport * as styles from '../styles';\nimport { useToolsPanelContext } from '../context';\nimport { useContextSystem } from '../../context';\nimport { useCx } from '../../utils/hooks/use-cx';\nexport function useToolsPanelHeader(props) {\n  const {\n    className,\n    headingLevel = 2,\n    ...otherProps\n  } = useContextSystem(props, 'ToolsPanelHeader');\n  const cx = useCx();\n  const classes = useMemo(() => {\n    return cx(styles.ToolsPanelHeader, className);\n  }, [className, cx]);\n  const dropdownMenuClassName = useMemo(() => {\n    return cx(styles.DropdownMenu);\n  }, [cx]);\n  const headingClassName = useMemo(() => {\n    return cx(styles.ToolsPanelHeading);\n  }, [cx]);\n  const defaultControlsItemClassName = useMemo(() => {\n    return cx(styles.DefaultControlsItem);\n  }, [cx]);\n  const {\n    menuItems,\n    hasMenuItems,\n    areAllOptionalControlsHidden\n  } = useToolsPanelContext();\n  return {\n    ...otherProps,\n    areAllOptionalControlsHidden,\n    defaultControlsItemClassName,\n    dropdownMenuClassName,\n    hasMenuItems,\n    headingClassName,\n    headingLevel,\n    menuItems,\n    className: classes\n  };\n}"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAwB;AAKxB,aAAwB;AACxB,qBAAqC;AACrC,IAAAA,kBAAiC;AACjC,oBAAsB;AACf,SAAS,oBAAoB,OAAO;AACzC,QAAM;AAAA,IACJ;AAAA,IACA,eAAe;AAAA,IACf,GAAG;AAAA,EACL,QAAI,kCAAiB,OAAO,kBAAkB;AAC9C,QAAM,SAAK,qBAAM;AACjB,QAAM,cAAU,wBAAQ,MAAM;AAC5B,WAAO,GAAG,OAAO,kBAAkB,SAAS;AAAA,EAC9C,GAAG,CAAC,WAAW,EAAE,CAAC;AAClB,QAAM,4BAAwB,wBAAQ,MAAM;AAC1C,WAAO,GAAG,OAAO,YAAY;AAAA,EAC/B,GAAG,CAAC,EAAE,CAAC;AACP,QAAM,uBAAmB,wBAAQ,MAAM;AACrC,WAAO,GAAG,OAAO,iBAAiB;AAAA,EACpC,GAAG,CAAC,EAAE,CAAC;AACP,QAAM,mCAA+B,wBAAQ,MAAM;AACjD,WAAO,GAAG,OAAO,mBAAmB;AAAA,EACtC,GAAG,CAAC,EAAE,CAAC;AACP,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,qCAAqB;AACzB,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,EACb;AACF;",
+  "names": ["import_context"]
+}

package/build/tools-panel/tools-panel-header/index.js

@@ -1,14 +1,35 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _component.default;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var tools_panel_header_exports = {};
+__export(tools_panel_header_exports, {
+  default: () => import_component.default
 });
-var _component = _interopRequireDefault(require("./component"));
-//# sourceMappingURL=index.js.map
+module.exports = __toCommonJS(tools_panel_header_exports);
+var import_component = __toESM(require("./component"));
+//# sourceMappingURL=index.js.map

package/build/tools-panel/tools-panel-header/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_component","_interopRequireDefault","require"],"sources":["@wordpress/components/src/tools-panel/tools-panel-header/index.ts"],"sourcesContent":["export { default } from './component';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/tools-panel/tools-panel-header/index.ts"],
+  "sourcesContent": ["export { default } from './component';"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAwB;",
+  "names": []
+}

package/build/tools-panel/tools-panel-item/component.js

@@ -1,42 +1,54 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var component_exports = {};
+__export(component_exports, {
+  ToolsPanelItem: () => ToolsPanelItem,
+  default: () => component_default
 });
-exports.default = exports.ToolsPanelItem = void 0;
-var _hook = require("./hook");
-var _view = require("../../view");
-var _context = require("../../context");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-// This wraps controls to be conditionally displayed within a tools panel. It
-// prevents props being applied to HTML elements that would make them invalid.
+module.exports = __toCommonJS(component_exports);
+var import_hook = require("./hook");
+var import_view = require("../../view");
+var import_context = require("../../context");
+var import_jsx_runtime = require("react/jsx-runtime");
 const UnconnectedToolsPanelItem = (props, forwardedRef) => {
   const {
     children,
     isShown,
     shouldRenderPlaceholder,
     ...toolsPanelItemProps
-  } = (0, _hook.useToolsPanelItem)(props);
+  } = (0, import_hook.useToolsPanelItem)(props);
   if (!isShown) {
-    return shouldRenderPlaceholder ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.View, {
+    return shouldRenderPlaceholder ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_view.View, {
       ...toolsPanelItemProps,
       ref: forwardedRef
     }) : null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.View, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_view.View, {
     ...toolsPanelItemProps,
     ref: forwardedRef,
-    children: children
+    children
   });
 };
-const ToolsPanelItem = exports.ToolsPanelItem = (0, _context.contextConnect)(UnconnectedToolsPanelItem, 'ToolsPanelItem');
-var _default = exports.default = ToolsPanelItem;
-//# sourceMappingURL=component.js.map
+const ToolsPanelItem = (0, import_context.contextConnect)(UnconnectedToolsPanelItem, "ToolsPanelItem");
+var component_default = ToolsPanelItem;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ToolsPanelItem
+});
+//# sourceMappingURL=component.js.map

package/build/tools-panel/tools-panel-item/component.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_hook","require","_view","_context","_jsxRuntime","UnconnectedToolsPanelItem","props","forwardedRef","children","isShown","shouldRenderPlaceholder","toolsPanelItemProps","useToolsPanelItem","jsx","View","ref","ToolsPanelItem","exports","contextConnect","_default","default"],"sources":["@wordpress/components/src/tools-panel/tools-panel-item/component.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelItem } from './hook';\nimport { View } from '../../view';\nimport type { WordPressComponentProps } from '../../context';\nimport { contextConnect } from '../../context';\nimport type { ToolsPanelItemProps } from '../types';\n\n// This wraps controls to be conditionally displayed within a tools panel. It\n// prevents props being applied to HTML elements that would make them invalid.\nconst UnconnectedToolsPanelItem = (\n\tprops: WordPressComponentProps< ToolsPanelItemProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) => {\n\tconst {\n\t\tchildren,\n\t\tisShown,\n\t\tshouldRenderPlaceholder,\n\t\t...toolsPanelItemProps\n\t} = useToolsPanelItem( props );\n\n\tif ( ! isShown ) {\n\t\treturn shouldRenderPlaceholder ? (\n\t\t\t<View { ...toolsPanelItemProps } ref={ forwardedRef } />\n\t\t) : null;\n\t}\n\n\treturn (\n\t\t<View { ...toolsPanelItemProps } ref={ forwardedRef }>\n\t\t\t{ children }\n\t\t</View>\n\t);\n};\n\nexport const ToolsPanelItem = contextConnect(\n\tUnconnectedToolsPanelItem,\n\t'ToolsPanelItem'\n);\n\nexport default ToolsPanelItem;\n"],"mappings":";;;;;;AAQA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAX/C;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA,MAAMI,yBAAyB,GAAGA,CACjCC,KAA4D,EAC5DC,YAAiC,KAC7B;EACJ,MAAM;IACLC,QAAQ;IACRC,OAAO;IACPC,uBAAuB;IACvB,GAAGC;EACJ,CAAC,GAAG,IAAAC,uBAAiB,EAAEN,KAAM,CAAC;EAE9B,IAAK,CAAEG,OAAO,EAAG;IAChB,OAAOC,uBAAuB,gBAC7B,IAAAN,WAAA,CAAAS,GAAA,EAACX,KAAA,CAAAY,IAAI;MAAA,GAAMH,mBAAmB;MAAGI,GAAG,EAAGR;IAAc,CAAE,CAAC,GACrD,IAAI;EACT;EAEA,oBACC,IAAAH,WAAA,CAAAS,GAAA,EAACX,KAAA,CAAAY,IAAI;IAAA,GAAMH,mBAAmB;IAAGI,GAAG,EAAGR,YAAc;IAAAC,QAAA,EAClDA;EAAQ,CACL,CAAC;AAET,CAAC;AAEM,MAAMQ,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAc,EAC3Cb,yBAAyB,EACzB,gBACD,CAAC;AAAC,IAAAc,QAAA,GAAAF,OAAA,CAAAG,OAAA,GAEaJ,cAAc","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/tools-panel/tools-panel-item/component.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelItem } from './hook';\nimport { View } from '../../view';\nimport { contextConnect } from '../../context';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n// This wraps controls to be conditionally displayed within a tools panel. It\n// prevents props being applied to HTML elements that would make them invalid.\nconst UnconnectedToolsPanelItem = (props, forwardedRef) => {\n  const {\n    children,\n    isShown,\n    shouldRenderPlaceholder,\n    ...toolsPanelItemProps\n  } = useToolsPanelItem(props);\n  if (!isShown) {\n    return shouldRenderPlaceholder ? /*#__PURE__*/_jsx(View, {\n      ...toolsPanelItemProps,\n      ref: forwardedRef\n    }) : null;\n  }\n  return /*#__PURE__*/_jsx(View, {\n    ...toolsPanelItemProps,\n    ref: forwardedRef,\n    children: children\n  });\n};\nexport const ToolsPanelItem = contextConnect(UnconnectedToolsPanelItem, 'ToolsPanelItem');\nexport default ToolsPanelItem;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,kBAAkC;AAClC,kBAAqB;AACrB,qBAA+B;AAC/B,yBAA4B;AAG5B,MAAM,4BAA4B,CAAC,OAAO,iBAAiB;AACzD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,QAAI,+BAAkB,KAAK;AAC3B,MAAI,CAAC,SAAS;AACZ,WAAO,0BAAuC,uCAAAA,KAAK,kBAAM;AAAA,MACvD,GAAG;AAAA,MACH,KAAK;AAAA,IACP,CAAC,IAAI;AAAA,EACP;AACA,SAAoB,uCAAAA,KAAK,kBAAM;AAAA,IAC7B,GAAG;AAAA,IACH,KAAK;AAAA,IACL;AAAA,EACF,CAAC;AACH;AACO,MAAM,qBAAiB,+BAAe,2BAA2B,gBAAgB;AACxF,IAAO,oBAAQ;",
+  "names": ["_jsx"]
+}