@wordpress/components 27.5.0 → 28.0.0

package/build/dropdown-menu-v2/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DropdownMenuSeparator = exports.DropdownMenuRadioItem = exports.DropdownMenuItemLabel = exports.DropdownMenuItemHelpText = exports.DropdownMenuItem = exports.DropdownMenuGroup = exports.DropdownMenuContext = exports.DropdownMenuCheckboxItem = exports.DropdownMenu = void 0;
-var _react = require("react");
 var Ariakit = _interopRequireWildcard(require("@ariakit/react"));
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
@@ -14,6 +13,7 @@ var _primitives = require("@wordpress/primitives");
 var _context = require("../context");
 var _icon = _interopRequireDefault(require("../icon"));
 var Styled = _interopRequireWildcard(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 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; }
 /**
@@ -38,13 +38,22 @@ const DropdownMenuItem = exports.DropdownMenuItem = (0, _element.forwardRef)(fun
   ...props
 }, ref) {
   const dropdownMenuContext = (0, _element.useContext)(DropdownMenuContext);
-  return (0, _react.createElement)(Styled.DropdownMenuItem, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Styled.DropdownMenuItem, {
     ref: ref,
     ...props,
     accessibleWhenDisabled: true,
     hideOnClick: hideOnClick,
-    store: dropdownMenuContext?.store
-  }, (0, _react.createElement)(Styled.ItemPrefixWrapper, null, prefix), (0, _react.createElement)(Styled.DropdownMenuItemContentWrapper, null, (0, _react.createElement)(Styled.DropdownMenuItemChildrenWrapper, null, children), suffix && (0, _react.createElement)(Styled.ItemSuffixWrapper, null, suffix)));
+    store: dropdownMenuContext?.store,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Styled.ItemPrefixWrapper, {
+      children: prefix
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Styled.DropdownMenuItemContentWrapper, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Styled.DropdownMenuItemChildrenWrapper, {
+        children: children
+      }), suffix && /*#__PURE__*/(0, _jsxRuntime.jsx)(Styled.ItemSuffixWrapper, {
+        children: suffix
+      })]
+    })]
+  });
 });
 const DropdownMenuCheckboxItem = exports.DropdownMenuCheckboxItem = (0, _element.forwardRef)(function DropdownMenuCheckboxItem({
   suffix,
@@ -53,34 +62,43 @@ const DropdownMenuCheckboxItem = exports.DropdownMenuCheckboxItem = (0, _element
   ...props
 }, ref) {
   const dropdownMenuContext = (0, _element.useContext)(DropdownMenuContext);
-  return (0, _react.createElement)(Styled.DropdownMenuCheckboxItem, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Styled.DropdownMenuCheckboxItem, {
     ref: ref,
     ...props,
     accessibleWhenDisabled: true,
     hideOnClick: hideOnClick,
-    store: dropdownMenuContext?.store
-  }, (0, _react.createElement)(Ariakit.MenuItemCheck, {
     store: dropdownMenuContext?.store,
-    render: (0, _react.createElement)(Styled.ItemPrefixWrapper, null)
-    // Override some ariakit inline styles
-    ,
-    style: {
-      width: 'auto',
-      height: 'auto'
-    }
-  }, (0, _react.createElement)(_icon.default, {
-    icon: _icons.check,
-    size: 24
-  })), (0, _react.createElement)(Styled.DropdownMenuItemContentWrapper, null, (0, _react.createElement)(Styled.DropdownMenuItemChildrenWrapper, null, children), suffix && (0, _react.createElement)(Styled.ItemSuffixWrapper, null, suffix)));
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Ariakit.MenuItemCheck, {
+      store: dropdownMenuContext?.store,
+      render: /*#__PURE__*/(0, _jsxRuntime.jsx)(Styled.ItemPrefixWrapper, {})
+      // Override some ariakit inline styles
+      ,
+      style: {
+        width: 'auto',
+        height: 'auto'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.default, {
+        icon: _icons.check,
+        size: 24
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Styled.DropdownMenuItemContentWrapper, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Styled.DropdownMenuItemChildrenWrapper, {
+        children: children
+      }), suffix && /*#__PURE__*/(0, _jsxRuntime.jsx)(Styled.ItemSuffixWrapper, {
+        children: suffix
+      })]
+    })]
+  });
 });
-const radioCheck = (0, _react.createElement)(_primitives.SVG, {
+const radioCheck = /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24"
-}, (0, _react.createElement)(_primitives.Circle, {
-  cx: 12,
-  cy: 12,
-  r: 3
-}));
+  viewBox: "0 0 24 24",
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Circle, {
+    cx: 12,
+    cy: 12,
+    r: 3
+  })
+});
 const DropdownMenuRadioItem = exports.DropdownMenuRadioItem = (0, _element.forwardRef)(function DropdownMenuRadioItem({
   suffix,
   children,
@@ -88,29 +106,37 @@ const DropdownMenuRadioItem = exports.DropdownMenuRadioItem = (0, _element.forwa
   ...props
 }, ref) {
   const dropdownMenuContext = (0, _element.useContext)(DropdownMenuContext);
-  return (0, _react.createElement)(Styled.DropdownMenuRadioItem, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Styled.DropdownMenuRadioItem, {
     ref: ref,
     ...props,
     accessibleWhenDisabled: true,
     hideOnClick: hideOnClick,
-    store: dropdownMenuContext?.store
-  }, (0, _react.createElement)(Ariakit.MenuItemCheck, {
     store: dropdownMenuContext?.store,
-    render: (0, _react.createElement)(Styled.ItemPrefixWrapper, null)
-    // Override some ariakit inline styles
-    ,
-    style: {
-      width: 'auto',
-      height: 'auto'
-    }
-  }, (0, _react.createElement)(_icon.default, {
-    icon: radioCheck,
-    size: 24
-  })), (0, _react.createElement)(Styled.DropdownMenuItemContentWrapper, null, (0, _react.createElement)(Styled.DropdownMenuItemChildrenWrapper, null, children), suffix && (0, _react.createElement)(Styled.ItemSuffixWrapper, null, suffix)));
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Ariakit.MenuItemCheck, {
+      store: dropdownMenuContext?.store,
+      render: /*#__PURE__*/(0, _jsxRuntime.jsx)(Styled.ItemPrefixWrapper, {})
+      // Override some ariakit inline styles
+      ,
+      style: {
+        width: 'auto',
+        height: 'auto'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.default, {
+        icon: radioCheck,
+        size: 24
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Styled.DropdownMenuItemContentWrapper, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Styled.DropdownMenuItemChildrenWrapper, {
+        children: children
+      }), suffix && /*#__PURE__*/(0, _jsxRuntime.jsx)(Styled.ItemSuffixWrapper, {
+        children: suffix
+      })]
+    })]
+  });
 });
 const DropdownMenuGroup = exports.DropdownMenuGroup = (0, _element.forwardRef)(function DropdownMenuGroup(props, ref) {
   const dropdownMenuContext = (0, _element.useContext)(DropdownMenuContext);
-  return (0, _react.createElement)(Styled.DropdownMenuGroup, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Styled.DropdownMenuGroup, {
     ref: ref,
     ...props,
     store: dropdownMenuContext?.store
@@ -186,44 +212,50 @@ const UnconnectedDropdownMenu = (props, ref) => {
       direction: computedDirection
     }
   }), [computedDirection]);
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(Ariakit.MenuButton, {
-    ref: ref,
-    store: dropdownMenuStore,
-    render: dropdownMenuStore.parent ? (0, _element.cloneElement)(trigger, {
-      // Add submenu arrow, unless a `suffix` is explicitly specified
-      suffix: (0, _react.createElement)(_react.Fragment, null, trigger.props.suffix, (0, _react.createElement)(Styled.SubmenuChevronIcon, {
-        "aria-hidden": "true",
-        icon: _icons.chevronRightSmall,
-        size: 24,
-        preserveAspectRatio: "xMidYMid slice"
-      }))
-    }) : trigger
-  }), (0, _react.createElement)(Styled.DropdownMenu, {
-    ...otherProps,
-    modal: modal,
-    store: dropdownMenuStore
-    // Root menu has an 8px distance from its trigger,
-    // otherwise 0 (which causes the submenu to slightly overlap)
-    ,
-    gutter: gutter !== null && gutter !== void 0 ? gutter : dropdownMenuStore.parent ? 0 : 8
-    // Align nested menu by the same (but opposite) amount
-    // as the menu container's padding.
-    ,
-    shift: shift !== null && shift !== void 0 ? shift : dropdownMenuStore.parent ? -4 : 0,
-    hideOnHoverOutside: false,
-    "data-side": appliedPlacementSide,
-    variant: variant,
-    wrapperProps: wrapperProps,
-    hideOnEscape: hideOnEscape,
-    unmountOnHide: true
-  }, (0, _react.createElement)(DropdownMenuContext.Provider, {
-    value: contextValue
-  }, children)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Ariakit.MenuButton, {
+      ref: ref,
+      store: dropdownMenuStore,
+      render: dropdownMenuStore.parent ? (0, _element.cloneElement)(trigger, {
+        // Add submenu arrow, unless a `suffix` is explicitly specified
+        suffix: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [trigger.props.suffix, /*#__PURE__*/(0, _jsxRuntime.jsx)(Styled.SubmenuChevronIcon, {
+            "aria-hidden": "true",
+            icon: _icons.chevronRightSmall,
+            size: 24,
+            preserveAspectRatio: "xMidYMid slice"
+          })]
+        })
+      }) : trigger
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Styled.DropdownMenu, {
+      ...otherProps,
+      modal: modal,
+      store: dropdownMenuStore
+      // Root menu has an 8px distance from its trigger,
+      // otherwise 0 (which causes the submenu to slightly overlap)
+      ,
+      gutter: gutter !== null && gutter !== void 0 ? gutter : dropdownMenuStore.parent ? 0 : 8
+      // Align nested menu by the same (but opposite) amount
+      // as the menu container's padding.
+      ,
+      shift: shift !== null && shift !== void 0 ? shift : dropdownMenuStore.parent ? -4 : 0,
+      hideOnHoverOutside: false,
+      "data-side": appliedPlacementSide,
+      variant: variant,
+      wrapperProps: wrapperProps,
+      hideOnEscape: hideOnEscape,
+      unmountOnHide: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenuContext.Provider, {
+        value: contextValue,
+        children: children
+      })
+    })]
+  });
 };
 const DropdownMenu = exports.DropdownMenu = (0, _context.contextConnect)(UnconnectedDropdownMenu, 'DropdownMenu');
 const DropdownMenuSeparator = exports.DropdownMenuSeparator = (0, _element.forwardRef)(function DropdownMenuSeparator(props, ref) {
   const dropdownMenuContext = (0, _element.useContext)(DropdownMenuContext);
-  return (0, _react.createElement)(Styled.DropdownMenuSeparator, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Styled.DropdownMenuSeparator, {
     ref: ref,
     ...props,
     store: dropdownMenuContext?.store,
@@ -231,14 +263,14 @@ const DropdownMenuSeparator = exports.DropdownMenuSeparator = (0, _element.forwa
   });
 });
 const DropdownMenuItemLabel = exports.DropdownMenuItemLabel = (0, _element.forwardRef)(function DropdownMenuItemLabel(props, ref) {
-  return (0, _react.createElement)(Styled.DropdownMenuItemLabel, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Styled.DropdownMenuItemLabel, {
     numberOfLines: 1,
     ref: ref,
     ...props
   });
 });
 const DropdownMenuItemHelpText = exports.DropdownMenuItemHelpText = (0, _element.forwardRef)(function DropdownMenuItemHelpText(props, ref) {
-  return (0, _react.createElement)(Styled.DropdownMenuItemHelpText, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Styled.DropdownMenuItemHelpText, {
     numberOfLines: 2,
     ref: ref,
     ...props

package/build/dropdown-menu-v2/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Ariakit","_interopRequireWildcard","require","_element","_i18n","_icons","_primitives","_context","_icon","_interopRequireDefault","Styled","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DropdownMenuContext","exports","createContext","undefined","DropdownMenuItem","forwardRef","prefix","suffix","children","hideOnClick","props","ref","dropdownMenuContext","useContext","_react","createElement","accessibleWhenDisabled","store","ItemPrefixWrapper","DropdownMenuItemContentWrapper","DropdownMenuItemChildrenWrapper","ItemSuffixWrapper","DropdownMenuCheckboxItem","MenuItemCheck","render","style","width","height","icon","check","size","radioCheck","SVG","xmlns","viewBox","Circle","cx","cy","DropdownMenuRadioItem","DropdownMenuGroup","UnconnectedDropdownMenu","_props$placement","open","defaultOpen","onOpenChange","placement","trigger","gutter","shift","modal","variant","otherProps","useContextSystem","parentContext","computedDirection","isRTL","computedPlacement","test","replace","dropdownMenuStore","useMenuStore","parent","focusLoop","setOpen","willBeOpen","rtl","contextValue","useMemo","appliedPlacementSide","useState","split","isValidElement","type","console","warn","hideOnEscape","useCallback","event","preventDefault","wrapperProps","dir","direction","Fragment","MenuButton","cloneElement","SubmenuChevronIcon","chevronRightSmall","preserveAspectRatio","DropdownMenu","hideOnHoverOutside","unmountOnHide","Provider","value","contextConnect","DropdownMenuSeparator","DropdownMenuItemLabel","numberOfLines","DropdownMenuItemHelpText"],"sources":["@wordpress/components/src/dropdown-menu-v2/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tforwardRef,\n\tcreateContext,\n\tuseContext,\n\tuseMemo,\n\tcloneElement,\n\tisValidElement,\n\tuseCallback,\n} from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\nimport { check, chevronRightSmall } from '@wordpress/icons';\nimport { SVG, Circle } from '@wordpress/primitives';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem, contextConnect } from '../context';\nimport type { WordPressComponentProps } from '../context';\nimport Icon from '../icon';\nimport type {\n\tDropdownMenuContext as DropdownMenuContextType,\n\tDropdownMenuProps,\n\tDropdownMenuGroupProps,\n\tDropdownMenuItemProps,\n\tDropdownMenuCheckboxItemProps,\n\tDropdownMenuRadioItemProps,\n\tDropdownMenuSeparatorProps,\n} from './types';\nimport * as Styled from './styles';\n\nexport const DropdownMenuContext = createContext<\n\tDropdownMenuContextType | undefined\n>( undefined );\n\nexport const DropdownMenuItem = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< DropdownMenuItemProps, 'div', false >\n>( function DropdownMenuItem(\n\t{ prefix, suffix, children, hideOnClick = true, ...props },\n\tref\n) {\n\tconst dropdownMenuContext = useContext( DropdownMenuContext );\n\n\treturn (\n\t\t<Styled.DropdownMenuItem\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\taccessibleWhenDisabled\n\t\t\thideOnClick={ hideOnClick }\n\t\t\tstore={ dropdownMenuContext?.store }\n\t\t>\n\t\t\t<Styled.ItemPrefixWrapper>{ prefix }</Styled.ItemPrefixWrapper>\n\n\t\t\t<Styled.DropdownMenuItemContentWrapper>\n\t\t\t\t<Styled.DropdownMenuItemChildrenWrapper>\n\t\t\t\t\t{ children }\n\t\t\t\t</Styled.DropdownMenuItemChildrenWrapper>\n\n\t\t\t\t{ suffix && (\n\t\t\t\t\t<Styled.ItemSuffixWrapper>\n\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t</Styled.ItemSuffixWrapper>\n\t\t\t\t) }\n\t\t\t</Styled.DropdownMenuItemContentWrapper>\n\t\t</Styled.DropdownMenuItem>\n\t);\n} );\n\nexport const DropdownMenuCheckboxItem = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< DropdownMenuCheckboxItemProps, 'div', false >\n>( function DropdownMenuCheckboxItem(\n\t{ suffix, children, hideOnClick = false, ...props },\n\tref\n) {\n\tconst dropdownMenuContext = useContext( DropdownMenuContext );\n\n\treturn (\n\t\t<Styled.DropdownMenuCheckboxItem\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\taccessibleWhenDisabled\n\t\t\thideOnClick={ hideOnClick }\n\t\t\tstore={ dropdownMenuContext?.store }\n\t\t>\n\t\t\t<Ariakit.MenuItemCheck\n\t\t\t\tstore={ dropdownMenuContext?.store }\n\t\t\t\trender={ <Styled.ItemPrefixWrapper /> }\n\t\t\t\t// Override some ariakit inline styles\n\t\t\t\tstyle={ { width: 'auto', height: 'auto' } }\n\t\t\t>\n\t\t\t\t<Icon icon={ check } size={ 24 } />\n\t\t\t</Ariakit.MenuItemCheck>\n\n\t\t\t<Styled.DropdownMenuItemContentWrapper>\n\t\t\t\t<Styled.DropdownMenuItemChildrenWrapper>\n\t\t\t\t\t{ children }\n\t\t\t\t</Styled.DropdownMenuItemChildrenWrapper>\n\n\t\t\t\t{ suffix && (\n\t\t\t\t\t<Styled.ItemSuffixWrapper>\n\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t</Styled.ItemSuffixWrapper>\n\t\t\t\t) }\n\t\t\t</Styled.DropdownMenuItemContentWrapper>\n\t\t</Styled.DropdownMenuCheckboxItem>\n\t);\n} );\n\nconst radioCheck = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Circle cx={ 12 } cy={ 12 } r={ 3 }></Circle>\n\t</SVG>\n);\n\nexport const DropdownMenuRadioItem = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< DropdownMenuRadioItemProps, 'div', false >\n>( function DropdownMenuRadioItem(\n\t{ suffix, children, hideOnClick = false, ...props },\n\tref\n) {\n\tconst dropdownMenuContext = useContext( DropdownMenuContext );\n\n\treturn (\n\t\t<Styled.DropdownMenuRadioItem\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\taccessibleWhenDisabled\n\t\t\thideOnClick={ hideOnClick }\n\t\t\tstore={ dropdownMenuContext?.store }\n\t\t>\n\t\t\t<Ariakit.MenuItemCheck\n\t\t\t\tstore={ dropdownMenuContext?.store }\n\t\t\t\trender={ <Styled.ItemPrefixWrapper /> }\n\t\t\t\t// Override some ariakit inline styles\n\t\t\t\tstyle={ { width: 'auto', height: 'auto' } }\n\t\t\t>\n\t\t\t\t<Icon icon={ radioCheck } size={ 24 } />\n\t\t\t</Ariakit.MenuItemCheck>\n\n\t\t\t<Styled.DropdownMenuItemContentWrapper>\n\t\t\t\t<Styled.DropdownMenuItemChildrenWrapper>\n\t\t\t\t\t{ children }\n\t\t\t\t</Styled.DropdownMenuItemChildrenWrapper>\n\n\t\t\t\t{ suffix && (\n\t\t\t\t\t<Styled.ItemSuffixWrapper>\n\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t</Styled.ItemSuffixWrapper>\n\t\t\t\t) }\n\t\t\t</Styled.DropdownMenuItemContentWrapper>\n\t\t</Styled.DropdownMenuRadioItem>\n\t);\n} );\n\nexport const DropdownMenuGroup = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< DropdownMenuGroupProps, 'div', false >\n>( function DropdownMenuGroup( props, ref ) {\n\tconst dropdownMenuContext = useContext( DropdownMenuContext );\n\treturn (\n\t\t<Styled.DropdownMenuGroup\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\tstore={ dropdownMenuContext?.store }\n\t\t/>\n\t);\n} );\n\nconst UnconnectedDropdownMenu = (\n\tprops: WordPressComponentProps< DropdownMenuProps, 'div', false >,\n\tref: React.ForwardedRef< HTMLDivElement >\n) => {\n\tconst {\n\t\t// Store props\n\t\topen,\n\t\tdefaultOpen = false,\n\t\tonOpenChange,\n\t\tplacement,\n\n\t\t// Menu trigger props\n\t\ttrigger,\n\n\t\t// Menu props\n\t\tgutter,\n\t\tchildren,\n\t\tshift,\n\t\tmodal = true,\n\n\t\t// From internal components context\n\t\tvariant,\n\n\t\t// Rest\n\t\t...otherProps\n\t} = useContextSystem<\n\t\ttypeof props & Pick< DropdownMenuContextType, 'variant' >\n\t>( props, 'DropdownMenu' );\n\n\tconst parentContext = useContext( DropdownMenuContext );\n\n\tconst computedDirection = isRTL() ? 'rtl' : 'ltr';\n\n\t// If an explicit value for the `placement` prop is not passed,\n\t// apply a default placement of `bottom-start` for the root dropdown,\n\t// and of `right-start` for nested dropdowns.\n\tlet computedPlacement =\n\t\tprops.placement ??\n\t\t( parentContext?.store ? 'right-start' : 'bottom-start' );\n\t// Swap left/right in case of RTL direction\n\tif ( computedDirection === 'rtl' ) {\n\t\tif ( /right/.test( computedPlacement ) ) {\n\t\t\tcomputedPlacement = computedPlacement.replace(\n\t\t\t\t'right',\n\t\t\t\t'left'\n\t\t\t) as typeof computedPlacement;\n\t\t} else if ( /left/.test( computedPlacement ) ) {\n\t\t\tcomputedPlacement = computedPlacement.replace(\n\t\t\t\t'left',\n\t\t\t\t'right'\n\t\t\t) as typeof computedPlacement;\n\t\t}\n\t}\n\n\tconst dropdownMenuStore = Ariakit.useMenuStore( {\n\t\tparent: parentContext?.store,\n\t\topen,\n\t\tdefaultOpen,\n\t\tplacement: computedPlacement,\n\t\tfocusLoop: true,\n\t\tsetOpen( willBeOpen ) {\n\t\t\tonOpenChange?.( willBeOpen );\n\t\t},\n\t\trtl: computedDirection === 'rtl',\n\t} );\n\n\tconst contextValue = useMemo(\n\t\t() => ( { store: dropdownMenuStore, variant } ),\n\t\t[ dropdownMenuStore, variant ]\n\t);\n\n\t// Extract the side from the applied placement — useful for animations.\n\tconst appliedPlacementSide = dropdownMenuStore\n\t\t.useState( 'placement' )\n\t\t.split( '-' )[ 0 ];\n\n\tif (\n\t\tdropdownMenuStore.parent &&\n\t\t! ( isValidElement( trigger ) && DropdownMenuItem === trigger.type )\n\t) {\n\t\t// eslint-disable-next-line no-console\n\t\tconsole.warn(\n\t\t\t'For nested DropdownMenus, the `trigger` should always be a `DropdownMenuItem`.'\n\t\t);\n\t}\n\n\tconst hideOnEscape = useCallback(\n\t\t( event: React.KeyboardEvent< Element > ) => {\n\t\t\t// Pressing Escape can cause unexpected consequences (ie. exiting\n\t\t\t// full screen mode on MacOs, close parent modals...).\n\t\t\tevent.preventDefault();\n\t\t\t// Returning `true` causes the menu to hide.\n\t\t\treturn true;\n\t\t},\n\t\t[]\n\t);\n\n\tconst wrapperProps = useMemo(\n\t\t() => ( {\n\t\t\tdir: computedDirection,\n\t\t\tstyle: {\n\t\t\t\tdirection:\n\t\t\t\t\tcomputedDirection as React.CSSProperties[ 'direction' ],\n\t\t\t},\n\t\t} ),\n\t\t[ computedDirection ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ /* Menu trigger */ }\n\t\t\t<Ariakit.MenuButton\n\t\t\t\tref={ ref }\n\t\t\t\tstore={ dropdownMenuStore }\n\t\t\t\trender={\n\t\t\t\t\tdropdownMenuStore.parent\n\t\t\t\t\t\t? cloneElement( trigger, {\n\t\t\t\t\t\t\t\t// Add submenu arrow, unless a `suffix` is explicitly specified\n\t\t\t\t\t\t\t\tsuffix: (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t{ trigger.props.suffix }\n\t\t\t\t\t\t\t\t\t\t<Styled.SubmenuChevronIcon\n\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\ticon={ chevronRightSmall }\n\t\t\t\t\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid slice\"\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  } )\n\t\t\t\t\t\t: trigger\n\t\t\t\t}\n\t\t\t/>\n\n\t\t\t{ /* Menu popover */ }\n\t\t\t<Styled.DropdownMenu\n\t\t\t\t{ ...otherProps }\n\t\t\t\tmodal={ modal }\n\t\t\t\tstore={ dropdownMenuStore }\n\t\t\t\t// Root menu has an 8px distance from its trigger,\n\t\t\t\t// otherwise 0 (which causes the submenu to slightly overlap)\n\t\t\t\tgutter={ gutter ?? ( dropdownMenuStore.parent ? 0 : 8 ) }\n\t\t\t\t// Align nested menu by the same (but opposite) amount\n\t\t\t\t// as the menu container's padding.\n\t\t\t\tshift={ shift ?? ( dropdownMenuStore.parent ? -4 : 0 ) }\n\t\t\t\thideOnHoverOutside={ false }\n\t\t\t\tdata-side={ appliedPlacementSide }\n\t\t\t\tvariant={ variant }\n\t\t\t\twrapperProps={ wrapperProps }\n\t\t\t\thideOnEscape={ hideOnEscape }\n\t\t\t\tunmountOnHide\n\t\t\t>\n\t\t\t\t<DropdownMenuContext.Provider value={ contextValue }>\n\t\t\t\t\t{ children }\n\t\t\t\t</DropdownMenuContext.Provider>\n\t\t\t</Styled.DropdownMenu>\n\t\t</>\n\t);\n};\nexport const DropdownMenu = contextConnect(\n\tUnconnectedDropdownMenu,\n\t'DropdownMenu'\n);\n\nexport const DropdownMenuSeparator = forwardRef<\n\tHTMLHRElement,\n\tWordPressComponentProps< DropdownMenuSeparatorProps, 'hr', false >\n>( function DropdownMenuSeparator( props, ref ) {\n\tconst dropdownMenuContext = useContext( DropdownMenuContext );\n\treturn (\n\t\t<Styled.DropdownMenuSeparator\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\tstore={ dropdownMenuContext?.store }\n\t\t\tvariant={ dropdownMenuContext?.variant }\n\t\t/>\n\t);\n} );\n\nexport const DropdownMenuItemLabel = forwardRef<\n\tHTMLSpanElement,\n\tWordPressComponentProps< { children: React.ReactNode }, 'span', true >\n>( function DropdownMenuItemLabel( props, ref ) {\n\treturn (\n\t\t<Styled.DropdownMenuItemLabel\n\t\t\tnumberOfLines={ 1 }\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n} );\n\nexport const DropdownMenuItemHelpText = forwardRef<\n\tHTMLSpanElement,\n\tWordPressComponentProps< { children: React.ReactNode }, 'span', true >\n>( function DropdownMenuItemHelpText( props, ref ) {\n\treturn (\n\t\t<Styled.DropdownMenuItemHelpText\n\t\t\tnumberOfLines={ 2 }\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n} );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Ariakit","_interopRequireWildcard","require","_element","_i18n","_icons","_primitives","_context","_icon","_interopRequireDefault","Styled","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DropdownMenuContext","exports","createContext","undefined","DropdownMenuItem","forwardRef","prefix","suffix","children","hideOnClick","props","ref","dropdownMenuContext","useContext","jsxs","accessibleWhenDisabled","store","jsx","ItemPrefixWrapper","DropdownMenuItemContentWrapper","DropdownMenuItemChildrenWrapper","ItemSuffixWrapper","DropdownMenuCheckboxItem","MenuItemCheck","render","style","width","height","icon","check","size","radioCheck","SVG","xmlns","viewBox","Circle","cx","cy","DropdownMenuRadioItem","DropdownMenuGroup","UnconnectedDropdownMenu","_props$placement","open","defaultOpen","onOpenChange","placement","trigger","gutter","shift","modal","variant","otherProps","useContextSystem","parentContext","computedDirection","isRTL","computedPlacement","test","replace","dropdownMenuStore","useMenuStore","parent","focusLoop","setOpen","willBeOpen","rtl","contextValue","useMemo","appliedPlacementSide","useState","split","isValidElement","type","console","warn","hideOnEscape","useCallback","event","preventDefault","wrapperProps","dir","direction","Fragment","MenuButton","cloneElement","SubmenuChevronIcon","chevronRightSmall","preserveAspectRatio","DropdownMenu","hideOnHoverOutside","unmountOnHide","Provider","value","contextConnect","DropdownMenuSeparator","DropdownMenuItemLabel","numberOfLines","DropdownMenuItemHelpText"],"sources":["@wordpress/components/src/dropdown-menu-v2/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tforwardRef,\n\tcreateContext,\n\tuseContext,\n\tuseMemo,\n\tcloneElement,\n\tisValidElement,\n\tuseCallback,\n} from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\nimport { check, chevronRightSmall } from '@wordpress/icons';\nimport { SVG, Circle } from '@wordpress/primitives';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem, contextConnect } from '../context';\nimport type { WordPressComponentProps } from '../context';\nimport Icon from '../icon';\nimport type {\n\tDropdownMenuContext as DropdownMenuContextType,\n\tDropdownMenuProps,\n\tDropdownMenuGroupProps,\n\tDropdownMenuItemProps,\n\tDropdownMenuCheckboxItemProps,\n\tDropdownMenuRadioItemProps,\n\tDropdownMenuSeparatorProps,\n} from './types';\nimport * as Styled from './styles';\n\nexport const DropdownMenuContext = createContext<\n\tDropdownMenuContextType | undefined\n>( undefined );\n\nexport const DropdownMenuItem = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< DropdownMenuItemProps, 'div', false >\n>( function DropdownMenuItem(\n\t{ prefix, suffix, children, hideOnClick = true, ...props },\n\tref\n) {\n\tconst dropdownMenuContext = useContext( DropdownMenuContext );\n\n\treturn (\n\t\t<Styled.DropdownMenuItem\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\taccessibleWhenDisabled\n\t\t\thideOnClick={ hideOnClick }\n\t\t\tstore={ dropdownMenuContext?.store }\n\t\t>\n\t\t\t<Styled.ItemPrefixWrapper>{ prefix }</Styled.ItemPrefixWrapper>\n\n\t\t\t<Styled.DropdownMenuItemContentWrapper>\n\t\t\t\t<Styled.DropdownMenuItemChildrenWrapper>\n\t\t\t\t\t{ children }\n\t\t\t\t</Styled.DropdownMenuItemChildrenWrapper>\n\n\t\t\t\t{ suffix && (\n\t\t\t\t\t<Styled.ItemSuffixWrapper>\n\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t</Styled.ItemSuffixWrapper>\n\t\t\t\t) }\n\t\t\t</Styled.DropdownMenuItemContentWrapper>\n\t\t</Styled.DropdownMenuItem>\n\t);\n} );\n\nexport const DropdownMenuCheckboxItem = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< DropdownMenuCheckboxItemProps, 'div', false >\n>( function DropdownMenuCheckboxItem(\n\t{ suffix, children, hideOnClick = false, ...props },\n\tref\n) {\n\tconst dropdownMenuContext = useContext( DropdownMenuContext );\n\n\treturn (\n\t\t<Styled.DropdownMenuCheckboxItem\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\taccessibleWhenDisabled\n\t\t\thideOnClick={ hideOnClick }\n\t\t\tstore={ dropdownMenuContext?.store }\n\t\t>\n\t\t\t<Ariakit.MenuItemCheck\n\t\t\t\tstore={ dropdownMenuContext?.store }\n\t\t\t\trender={ <Styled.ItemPrefixWrapper /> }\n\t\t\t\t// Override some ariakit inline styles\n\t\t\t\tstyle={ { width: 'auto', height: 'auto' } }\n\t\t\t>\n\t\t\t\t<Icon icon={ check } size={ 24 } />\n\t\t\t</Ariakit.MenuItemCheck>\n\n\t\t\t<Styled.DropdownMenuItemContentWrapper>\n\t\t\t\t<Styled.DropdownMenuItemChildrenWrapper>\n\t\t\t\t\t{ children }\n\t\t\t\t</Styled.DropdownMenuItemChildrenWrapper>\n\n\t\t\t\t{ suffix && (\n\t\t\t\t\t<Styled.ItemSuffixWrapper>\n\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t</Styled.ItemSuffixWrapper>\n\t\t\t\t) }\n\t\t\t</Styled.DropdownMenuItemContentWrapper>\n\t\t</Styled.DropdownMenuCheckboxItem>\n\t);\n} );\n\nconst radioCheck = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Circle cx={ 12 } cy={ 12 } r={ 3 }></Circle>\n\t</SVG>\n);\n\nexport const DropdownMenuRadioItem = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< DropdownMenuRadioItemProps, 'div', false >\n>( function DropdownMenuRadioItem(\n\t{ suffix, children, hideOnClick = false, ...props },\n\tref\n) {\n\tconst dropdownMenuContext = useContext( DropdownMenuContext );\n\n\treturn (\n\t\t<Styled.DropdownMenuRadioItem\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\taccessibleWhenDisabled\n\t\t\thideOnClick={ hideOnClick }\n\t\t\tstore={ dropdownMenuContext?.store }\n\t\t>\n\t\t\t<Ariakit.MenuItemCheck\n\t\t\t\tstore={ dropdownMenuContext?.store }\n\t\t\t\trender={ <Styled.ItemPrefixWrapper /> }\n\t\t\t\t// Override some ariakit inline styles\n\t\t\t\tstyle={ { width: 'auto', height: 'auto' } }\n\t\t\t>\n\t\t\t\t<Icon icon={ radioCheck } size={ 24 } />\n\t\t\t</Ariakit.MenuItemCheck>\n\n\t\t\t<Styled.DropdownMenuItemContentWrapper>\n\t\t\t\t<Styled.DropdownMenuItemChildrenWrapper>\n\t\t\t\t\t{ children }\n\t\t\t\t</Styled.DropdownMenuItemChildrenWrapper>\n\n\t\t\t\t{ suffix && (\n\t\t\t\t\t<Styled.ItemSuffixWrapper>\n\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t</Styled.ItemSuffixWrapper>\n\t\t\t\t) }\n\t\t\t</Styled.DropdownMenuItemContentWrapper>\n\t\t</Styled.DropdownMenuRadioItem>\n\t);\n} );\n\nexport const DropdownMenuGroup = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< DropdownMenuGroupProps, 'div', false >\n>( function DropdownMenuGroup( props, ref ) {\n\tconst dropdownMenuContext = useContext( DropdownMenuContext );\n\treturn (\n\t\t<Styled.DropdownMenuGroup\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\tstore={ dropdownMenuContext?.store }\n\t\t/>\n\t);\n} );\n\nconst UnconnectedDropdownMenu = (\n\tprops: WordPressComponentProps< DropdownMenuProps, 'div', false >,\n\tref: React.ForwardedRef< HTMLDivElement >\n) => {\n\tconst {\n\t\t// Store props\n\t\topen,\n\t\tdefaultOpen = false,\n\t\tonOpenChange,\n\t\tplacement,\n\n\t\t// Menu trigger props\n\t\ttrigger,\n\n\t\t// Menu props\n\t\tgutter,\n\t\tchildren,\n\t\tshift,\n\t\tmodal = true,\n\n\t\t// From internal components context\n\t\tvariant,\n\n\t\t// Rest\n\t\t...otherProps\n\t} = useContextSystem<\n\t\ttypeof props & Pick< DropdownMenuContextType, 'variant' >\n\t>( props, 'DropdownMenu' );\n\n\tconst parentContext = useContext( DropdownMenuContext );\n\n\tconst computedDirection = isRTL() ? 'rtl' : 'ltr';\n\n\t// If an explicit value for the `placement` prop is not passed,\n\t// apply a default placement of `bottom-start` for the root dropdown,\n\t// and of `right-start` for nested dropdowns.\n\tlet computedPlacement =\n\t\tprops.placement ??\n\t\t( parentContext?.store ? 'right-start' : 'bottom-start' );\n\t// Swap left/right in case of RTL direction\n\tif ( computedDirection === 'rtl' ) {\n\t\tif ( /right/.test( computedPlacement ) ) {\n\t\t\tcomputedPlacement = computedPlacement.replace(\n\t\t\t\t'right',\n\t\t\t\t'left'\n\t\t\t) as typeof computedPlacement;\n\t\t} else if ( /left/.test( computedPlacement ) ) {\n\t\t\tcomputedPlacement = computedPlacement.replace(\n\t\t\t\t'left',\n\t\t\t\t'right'\n\t\t\t) as typeof computedPlacement;\n\t\t}\n\t}\n\n\tconst dropdownMenuStore = Ariakit.useMenuStore( {\n\t\tparent: parentContext?.store,\n\t\topen,\n\t\tdefaultOpen,\n\t\tplacement: computedPlacement,\n\t\tfocusLoop: true,\n\t\tsetOpen( willBeOpen ) {\n\t\t\tonOpenChange?.( willBeOpen );\n\t\t},\n\t\trtl: computedDirection === 'rtl',\n\t} );\n\n\tconst contextValue = useMemo(\n\t\t() => ( { store: dropdownMenuStore, variant } ),\n\t\t[ dropdownMenuStore, variant ]\n\t);\n\n\t// Extract the side from the applied placement — useful for animations.\n\tconst appliedPlacementSide = dropdownMenuStore\n\t\t.useState( 'placement' )\n\t\t.split( '-' )[ 0 ];\n\n\tif (\n\t\tdropdownMenuStore.parent &&\n\t\t! ( isValidElement( trigger ) && DropdownMenuItem === trigger.type )\n\t) {\n\t\t// eslint-disable-next-line no-console\n\t\tconsole.warn(\n\t\t\t'For nested DropdownMenus, the `trigger` should always be a `DropdownMenuItem`.'\n\t\t);\n\t}\n\n\tconst hideOnEscape = useCallback(\n\t\t( event: React.KeyboardEvent< Element > ) => {\n\t\t\t// Pressing Escape can cause unexpected consequences (ie. exiting\n\t\t\t// full screen mode on MacOs, close parent modals...).\n\t\t\tevent.preventDefault();\n\t\t\t// Returning `true` causes the menu to hide.\n\t\t\treturn true;\n\t\t},\n\t\t[]\n\t);\n\n\tconst wrapperProps = useMemo(\n\t\t() => ( {\n\t\t\tdir: computedDirection,\n\t\t\tstyle: {\n\t\t\t\tdirection:\n\t\t\t\t\tcomputedDirection as React.CSSProperties[ 'direction' ],\n\t\t\t},\n\t\t} ),\n\t\t[ computedDirection ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ /* Menu trigger */ }\n\t\t\t<Ariakit.MenuButton\n\t\t\t\tref={ ref }\n\t\t\t\tstore={ dropdownMenuStore }\n\t\t\t\trender={\n\t\t\t\t\tdropdownMenuStore.parent\n\t\t\t\t\t\t? cloneElement( trigger, {\n\t\t\t\t\t\t\t\t// Add submenu arrow, unless a `suffix` is explicitly specified\n\t\t\t\t\t\t\t\tsuffix: (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t{ trigger.props.suffix }\n\t\t\t\t\t\t\t\t\t\t<Styled.SubmenuChevronIcon\n\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\ticon={ chevronRightSmall }\n\t\t\t\t\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid slice\"\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  } )\n\t\t\t\t\t\t: trigger\n\t\t\t\t}\n\t\t\t/>\n\n\t\t\t{ /* Menu popover */ }\n\t\t\t<Styled.DropdownMenu\n\t\t\t\t{ ...otherProps }\n\t\t\t\tmodal={ modal }\n\t\t\t\tstore={ dropdownMenuStore }\n\t\t\t\t// Root menu has an 8px distance from its trigger,\n\t\t\t\t// otherwise 0 (which causes the submenu to slightly overlap)\n\t\t\t\tgutter={ gutter ?? ( dropdownMenuStore.parent ? 0 : 8 ) }\n\t\t\t\t// Align nested menu by the same (but opposite) amount\n\t\t\t\t// as the menu container's padding.\n\t\t\t\tshift={ shift ?? ( dropdownMenuStore.parent ? -4 : 0 ) }\n\t\t\t\thideOnHoverOutside={ false }\n\t\t\t\tdata-side={ appliedPlacementSide }\n\t\t\t\tvariant={ variant }\n\t\t\t\twrapperProps={ wrapperProps }\n\t\t\t\thideOnEscape={ hideOnEscape }\n\t\t\t\tunmountOnHide\n\t\t\t>\n\t\t\t\t<DropdownMenuContext.Provider value={ contextValue }>\n\t\t\t\t\t{ children }\n\t\t\t\t</DropdownMenuContext.Provider>\n\t\t\t</Styled.DropdownMenu>\n\t\t</>\n\t);\n};\nexport const DropdownMenu = contextConnect(\n\tUnconnectedDropdownMenu,\n\t'DropdownMenu'\n);\n\nexport const DropdownMenuSeparator = forwardRef<\n\tHTMLHRElement,\n\tWordPressComponentProps< DropdownMenuSeparatorProps, 'hr', false >\n>( function DropdownMenuSeparator( props, ref ) {\n\tconst dropdownMenuContext = useContext( DropdownMenuContext );\n\treturn (\n\t\t<Styled.DropdownMenuSeparator\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\tstore={ dropdownMenuContext?.store }\n\t\t\tvariant={ dropdownMenuContext?.variant }\n\t\t/>\n\t);\n} );\n\nexport const DropdownMenuItemLabel = forwardRef<\n\tHTMLSpanElement,\n\tWordPressComponentProps< { children: React.ReactNode }, 'span', true >\n>( function DropdownMenuItemLabel( props, ref ) {\n\treturn (\n\t\t<Styled.DropdownMenuItemLabel\n\t\t\tnumberOfLines={ 1 }\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n} );\n\nexport const DropdownMenuItemHelpText = forwardRef<\n\tHTMLSpanElement,\n\tWordPressComponentProps< { children: React.ReactNode }, 'span', true >\n>( function DropdownMenuItemHelpText( props, ref ) {\n\treturn (\n\t\t<Styled.DropdownMenuItemHelpText\n\t\t\tnumberOfLines={ 2 }\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n} );\n"],"mappings":"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","ignoreList":[]}

package/build/duotone-picker/color-list-picker/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _icons = require("@wordpress/icons");
 var _i18n = require("@wordpress/i18n");
@@ -15,6 +14,7 @@ var _colorIndicator = _interopRequireDefault(require("../../color-indicator"));
 var _icon = _interopRequireDefault(require("../../icon"));
 var _hStack = require("../../h-stack");
 var _compose = require("@wordpress/compose");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -35,36 +35,42 @@ function ColorOption({
   const idRoot = (0, _compose.useInstanceId)(ColorOption, 'color-list-picker-option');
   const labelId = `${idRoot}__label`;
   const contentId = `${idRoot}__content`;
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_button.default, {
-    className: "components-color-list-picker__swatch-button",
-    onClick: () => setIsOpen(prev => !prev),
-    "aria-expanded": isOpen,
-    "aria-controls": contentId
-  }, (0, _react.createElement)(_hStack.HStack, {
-    justify: "flex-start",
-    spacing: 2
-  }, value ? (0, _react.createElement)(_colorIndicator.default, {
-    colorValue: value,
-    className: "components-color-list-picker__swatch-color"
-  }) : (0, _react.createElement)(_icon.default, {
-    icon: _icons.swatch
-  }), (0, _react.createElement)("span", {
-    id: labelId
-  }, label))), (0, _react.createElement)("div", {
-    role: "group",
-    id: contentId,
-    "aria-labelledby": labelId,
-    "aria-hidden": !isOpen
-  }, isOpen && (0, _react.createElement)(_colorPalette.default, {
-    "aria-label": (0, _i18n.__)('Color options'),
-    className: "components-color-list-picker__color-picker",
-    colors: colors,
-    value: value,
-    clearable: false,
-    onChange: onChange,
-    disableCustomColors: disableCustomColors,
-    enableAlpha: enableAlpha
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+      className: "components-color-list-picker__swatch-button",
+      onClick: () => setIsOpen(prev => !prev),
+      "aria-expanded": isOpen,
+      "aria-controls": contentId,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hStack.HStack, {
+        justify: "flex-start",
+        spacing: 2,
+        children: [value ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_colorIndicator.default, {
+          colorValue: value,
+          className: "components-color-list-picker__swatch-color"
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.default, {
+          icon: _icons.swatch
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          id: labelId,
+          children: label
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      role: "group",
+      id: contentId,
+      "aria-labelledby": labelId,
+      "aria-hidden": !isOpen,
+      children: isOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_colorPalette.default, {
+        "aria-label": (0, _i18n.__)('Color options'),
+        className: "components-color-list-picker__color-picker",
+        colors: colors,
+        value: value,
+        clearable: false,
+        onChange: onChange,
+        disableCustomColors: disableCustomColors,
+        enableAlpha: enableAlpha
+      })
+    })]
+  });
 }
 function ColorListPicker({
   colors,
@@ -74,21 +80,21 @@ function ColorListPicker({
   enableAlpha,
   onChange
 }) {
-  return (0, _react.createElement)("div", {
-    className: "components-color-list-picker"
-  }, labels.map((label, index) => (0, _react.createElement)(ColorOption, {
-    key: index,
-    label: label,
-    value: value[index],
-    colors: colors,
-    disableCustomColors: disableCustomColors,
-    enableAlpha: enableAlpha,
-    onChange: newColor => {
-      const newColors = value.slice();
-      newColors[index] = newColor;
-      onChange(newColors);
-    }
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "components-color-list-picker",
+    children: labels.map((label, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(ColorOption, {
+      label: label,
+      value: value[index],
+      colors: colors,
+      disableCustomColors: disableCustomColors,
+      enableAlpha: enableAlpha,
+      onChange: newColor => {
+        const newColors = value.slice();
+        newColors[index] = newColor;
+        onChange(newColors);
+      }
+    }, index))
+  });
 }
 var _default = exports.default = ColorListPicker;
 //# sourceMappingURL=index.js.map

package/build/duotone-picker/color-list-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_icons","_i18n","_button","_interopRequireDefault","_colorPalette","_colorIndicator","_icon","_hStack","_compose","ColorOption","label","value","colors","disableCustomColors","enableAlpha","onChange","isOpen","setIsOpen","useState","idRoot","useInstanceId","labelId","contentId","_react","createElement","Fragment","default","className","onClick","prev","HStack","justify","spacing","colorValue","icon","swatch","id","role","__","clearable","ColorListPicker","labels","map","index","key","newColor","newColors","slice","_default","exports"],"sources":["@wordpress/components/src/duotone-picker/color-list-picker/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { swatch } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport ColorPalette from '../../color-palette';\nimport ColorIndicator from '../../color-indicator';\nimport Icon from '../../icon';\nimport { HStack } from '../../h-stack';\nimport type { ColorListPickerProps, ColorOptionProps } from './types';\nimport { useInstanceId } from '@wordpress/compose';\n\nfunction ColorOption( {\n\tlabel,\n\tvalue,\n\tcolors,\n\tdisableCustomColors,\n\tenableAlpha,\n\tonChange,\n}: ColorOptionProps ) {\n\tconst [ isOpen, setIsOpen ] = useState( false );\n\tconst idRoot = useInstanceId( ColorOption, 'color-list-picker-option' );\n\tconst labelId = `${ idRoot }__label`;\n\tconst contentId = `${ idRoot }__content`;\n\n\treturn (\n\t\t<>\n\t\t\t<Button\n\t\t\t\tclassName=\"components-color-list-picker__swatch-button\"\n\t\t\t\tonClick={ () => setIsOpen( ( prev ) => ! prev ) }\n\t\t\t\taria-expanded={ isOpen }\n\t\t\t\taria-controls={ contentId }\n\t\t\t>\n\t\t\t\t<HStack justify=\"flex-start\" spacing={ 2 }>\n\t\t\t\t\t{ value ? (\n\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\tcolorValue={ value }\n\t\t\t\t\t\t\tclassName=\"components-color-list-picker__swatch-color\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Icon icon={ swatch } />\n\t\t\t\t\t) }\n\t\t\t\t\t<span id={ labelId }>{ label }</span>\n\t\t\t\t</HStack>\n\t\t\t</Button>\n\t\t\t<div\n\t\t\t\trole=\"group\"\n\t\t\t\tid={ contentId }\n\t\t\t\taria-labelledby={ labelId }\n\t\t\t\taria-hidden={ ! isOpen }\n\t\t\t>\n\t\t\t\t{ isOpen && (\n\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\taria-label={ __( 'Color options' ) }\n\t\t\t\t\t\tclassName=\"components-color-list-picker__color-picker\"\n\t\t\t\t\t\tcolors={ colors }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tdisableCustomColors={ disableCustomColors }\n\t\t\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nfunction ColorListPicker( {\n\tcolors,\n\tlabels,\n\tvalue = [],\n\tdisableCustomColors,\n\tenableAlpha,\n\tonChange,\n}: ColorListPickerProps ) {\n\treturn (\n\t\t<div className=\"components-color-list-picker\">\n\t\t\t{ labels.map( ( label, index ) => (\n\t\t\t\t<ColorOption\n\t\t\t\t\tkey={ index }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tvalue={ value[ index ] }\n\t\t\t\t\tcolors={ colors }\n\t\t\t\t\tdisableCustomColors={ disableCustomColors }\n\t\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t\tonChange={ ( newColor ) => {\n\t\t\t\t\t\tconst newColors: ( string | undefined )[] =\n\t\t\t\t\t\t\tvalue.slice();\n\t\t\t\t\t\tnewColors[ index ] = newColor;\n\t\t\t\t\t\tonChange( newColors );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</div>\n\t);\n}\n\nexport default ColorListPicker;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_element","require","_icons","_i18n","_button","_interopRequireDefault","_colorPalette","_colorIndicator","_icon","_hStack","_compose","_jsxRuntime","ColorOption","label","value","colors","disableCustomColors","enableAlpha","onChange","isOpen","setIsOpen","useState","idRoot","useInstanceId","labelId","contentId","jsxs","Fragment","children","jsx","default","className","onClick","prev","HStack","justify","spacing","colorValue","icon","swatch","id","role","__","clearable","ColorListPicker","labels","map","index","newColor","newColors","slice","_default","exports"],"sources":["@wordpress/components/src/duotone-picker/color-list-picker/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { swatch } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport ColorPalette from '../../color-palette';\nimport ColorIndicator from '../../color-indicator';\nimport Icon from '../../icon';\nimport { HStack } from '../../h-stack';\nimport type { ColorListPickerProps, ColorOptionProps } from './types';\nimport { useInstanceId } from '@wordpress/compose';\n\nfunction ColorOption( {\n\tlabel,\n\tvalue,\n\tcolors,\n\tdisableCustomColors,\n\tenableAlpha,\n\tonChange,\n}: ColorOptionProps ) {\n\tconst [ isOpen, setIsOpen ] = useState( false );\n\tconst idRoot = useInstanceId( ColorOption, 'color-list-picker-option' );\n\tconst labelId = `${ idRoot }__label`;\n\tconst contentId = `${ idRoot }__content`;\n\n\treturn (\n\t\t<>\n\t\t\t<Button\n\t\t\t\tclassName=\"components-color-list-picker__swatch-button\"\n\t\t\t\tonClick={ () => setIsOpen( ( prev ) => ! prev ) }\n\t\t\t\taria-expanded={ isOpen }\n\t\t\t\taria-controls={ contentId }\n\t\t\t>\n\t\t\t\t<HStack justify=\"flex-start\" spacing={ 2 }>\n\t\t\t\t\t{ value ? (\n\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\tcolorValue={ value }\n\t\t\t\t\t\t\tclassName=\"components-color-list-picker__swatch-color\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Icon icon={ swatch } />\n\t\t\t\t\t) }\n\t\t\t\t\t<span id={ labelId }>{ label }</span>\n\t\t\t\t</HStack>\n\t\t\t</Button>\n\t\t\t<div\n\t\t\t\trole=\"group\"\n\t\t\t\tid={ contentId }\n\t\t\t\taria-labelledby={ labelId }\n\t\t\t\taria-hidden={ ! isOpen }\n\t\t\t>\n\t\t\t\t{ isOpen && (\n\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\taria-label={ __( 'Color options' ) }\n\t\t\t\t\t\tclassName=\"components-color-list-picker__color-picker\"\n\t\t\t\t\t\tcolors={ colors }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tdisableCustomColors={ disableCustomColors }\n\t\t\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nfunction ColorListPicker( {\n\tcolors,\n\tlabels,\n\tvalue = [],\n\tdisableCustomColors,\n\tenableAlpha,\n\tonChange,\n}: ColorListPickerProps ) {\n\treturn (\n\t\t<div className=\"components-color-list-picker\">\n\t\t\t{ labels.map( ( label, index ) => (\n\t\t\t\t<ColorOption\n\t\t\t\t\tkey={ index }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tvalue={ value[ index ] }\n\t\t\t\t\tcolors={ colors }\n\t\t\t\t\tdisableCustomColors={ disableCustomColors }\n\t\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t\tonChange={ ( newColor ) => {\n\t\t\t\t\t\tconst newColors: ( string | undefined )[] =\n\t\t\t\t\t\t\tvalue.slice();\n\t\t\t\t\t\tnewColors[ index ] = newColor;\n\t\t\t\t\t\tonChange( newColors );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</div>\n\t);\n}\n\nexport default ColorListPicker;\n"],"mappings":"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","ignoreList":[]}

package/build/duotone-picker/custom-duotone-bar.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CustomDuotoneBar;
-var _react = require("react");
 var _gradientBar = _interopRequireDefault(require("../custom-gradient-picker/gradient-bar"));
 var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Internal dependencies
  */
@@ -21,7 +21,7 @@ function CustomDuotoneBar({
   const values = hasGradient ? value : PLACEHOLDER_VALUES;
   const background = (0, _utils.getGradientFromCSSColors)(values);
   const controlPoints = (0, _utils.getColorStopsFromColors)(values);
-  return (0, _react.createElement)(_gradientBar.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_gradientBar.default, {
     disableInserter: true,
     background: background,
     hasGradient: hasGradient,

package/build/duotone-picker/custom-duotone-bar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_gradientBar","_interopRequireDefault","require","_utils","PLACEHOLDER_VALUES","CustomDuotoneBar","value","onChange","hasGradient","values","background","getGradientFromCSSColors","controlPoints","getColorStopsFromColors","_react","createElement","default","disableInserter","newColorStops","newValue","getColorsFromColorStops"],"sources":["@wordpress/components/src/duotone-picker/custom-duotone-bar.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport CustomGradientBar from '../custom-gradient-picker/gradient-bar';\n\nimport {\n\tgetColorStopsFromColors,\n\tgetGradientFromCSSColors,\n\tgetColorsFromColorStops,\n} from './utils';\n\nconst PLACEHOLDER_VALUES = [ '#333', '#CCC' ];\n\nexport default function CustomDuotoneBar( {\n\tvalue,\n\tonChange,\n}: {\n\tvalue?: string[];\n\tonChange: ( value?: string[] ) => void;\n} ) {\n\tconst hasGradient = !! value;\n\tconst values = hasGradient ? value : PLACEHOLDER_VALUES;\n\tconst background = getGradientFromCSSColors( values );\n\tconst controlPoints = getColorStopsFromColors( values );\n\treturn (\n\t\t<CustomGradientBar\n\t\t\tdisableInserter\n\t\t\tbackground={ background }\n\t\t\thasGradient={ hasGradient }\n\t\t\tvalue={ controlPoints }\n\t\t\tonChange={ ( newColorStops ) => {\n\t\t\t\tconst newValue = getColorsFromColorStops( newColorStops );\n\t\t\t\tonChange( newValue );\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AALA;AACA;AACA;;AASA,MAAME,kBAAkB,GAAG,CAAE,MAAM,EAAE,MAAM,CAAE;AAE9B,SAASC,gBAAgBA,CAAE;EACzCC,KAAK;EACLC;AAID,CAAC,EAAG;EACH,MAAMC,WAAW,GAAG,CAAC,CAAEF,KAAK;EAC5B,MAAMG,MAAM,GAAGD,WAAW,GAAGF,KAAK,GAAGF,kBAAkB;EACvD,MAAMM,UAAU,GAAG,IAAAC,+BAAwB,EAAEF,MAAO,CAAC;EACrD,MAAMG,aAAa,GAAG,IAAAC,8BAAuB,EAAEJ,MAAO,CAAC;EACvD,OACC,IAAAK,MAAA,CAAAC,aAAA,EAACf,YAAA,CAAAgB,OAAiB;IACjBC,eAAe;IACfP,UAAU,EAAGA,UAAY;IACzBF,WAAW,EAAGA,WAAa;IAC3BF,KAAK,EAAGM,aAAe;IACvBL,QAAQ,EAAKW,aAAa,IAAM;MAC/B,MAAMC,QAAQ,GAAG,IAAAC,8BAAuB,EAAEF,aAAc,CAAC;MACzDX,QAAQ,CAAEY,QAAS,CAAC;IACrB;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["_gradientBar","_interopRequireDefault","require","_utils","_jsxRuntime","PLACEHOLDER_VALUES","CustomDuotoneBar","value","onChange","hasGradient","values","background","getGradientFromCSSColors","controlPoints","getColorStopsFromColors","jsx","default","disableInserter","newColorStops","newValue","getColorsFromColorStops"],"sources":["@wordpress/components/src/duotone-picker/custom-duotone-bar.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport CustomGradientBar from '../custom-gradient-picker/gradient-bar';\n\nimport {\n\tgetColorStopsFromColors,\n\tgetGradientFromCSSColors,\n\tgetColorsFromColorStops,\n} from './utils';\n\nconst PLACEHOLDER_VALUES = [ '#333', '#CCC' ];\n\nexport default function CustomDuotoneBar( {\n\tvalue,\n\tonChange,\n}: {\n\tvalue?: string[];\n\tonChange: ( value?: string[] ) => void;\n} ) {\n\tconst hasGradient = !! value;\n\tconst values = hasGradient ? value : PLACEHOLDER_VALUES;\n\tconst background = getGradientFromCSSColors( values );\n\tconst controlPoints = getColorStopsFromColors( values );\n\treturn (\n\t\t<CustomGradientBar\n\t\t\tdisableInserter\n\t\t\tbackground={ background }\n\t\t\thasGradient={ hasGradient }\n\t\t\tvalue={ controlPoints }\n\t\t\tonChange={ ( newColorStops ) => {\n\t\t\t\tconst newValue = getColorsFromColorStops( newColorStops );\n\t\t\t\tonChange( newValue );\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAIiB,IAAAE,WAAA,GAAAF,OAAA;AATjB;AACA;AACA;;AASA,MAAMG,kBAAkB,GAAG,CAAE,MAAM,EAAE,MAAM,CAAE;AAE9B,SAASC,gBAAgBA,CAAE;EACzCC,KAAK;EACLC;AAID,CAAC,EAAG;EACH,MAAMC,WAAW,GAAG,CAAC,CAAEF,KAAK;EAC5B,MAAMG,MAAM,GAAGD,WAAW,GAAGF,KAAK,GAAGF,kBAAkB;EACvD,MAAMM,UAAU,GAAG,IAAAC,+BAAwB,EAAEF,MAAO,CAAC;EACrD,MAAMG,aAAa,GAAG,IAAAC,8BAAuB,EAAEJ,MAAO,CAAC;EACvD,oBACC,IAAAN,WAAA,CAAAW,GAAA,EAACf,YAAA,CAAAgB,OAAiB;IACjBC,eAAe;IACfN,UAAU,EAAGA,UAAY;IACzBF,WAAW,EAAGA,WAAa;IAC3BF,KAAK,EAAGM,aAAe;IACvBL,QAAQ,EAAKU,aAAa,IAAM;MAC/B,MAAMC,QAAQ,GAAG,IAAAC,8BAAuB,EAAEF,aAAc,CAAC;MACzDV,QAAQ,CAAEW,QAAS,CAAC;IACrB;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}