@wordpress/components 23.9.0 → 25.0.0

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

@@ -0,0 +1,149 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { createElement, Fragment } from "@wordpress/element";
+
+/**
+ * External dependencies
+ */
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+/**
+ * WordPress dependencies
+ */
+
+import { forwardRef } from '@wordpress/element';
+import { isRTL } from '@wordpress/i18n';
+import { check, chevronRightSmall, lineSolid } from '@wordpress/icons';
+import { SVG, Circle } from '@wordpress/primitives';
+/**
+ * Internal dependencies
+ */
+
+import Icon from '../icon';
+import * as DropdownMenuStyled from './styles';
+// Menu content's side padding + 4px
+const SUB_MENU_OFFSET_SIDE = 12; // Opposite amount of the top padding of the menu item
+
+const SUB_MENU_OFFSET_ALIGN = -8;
+/**
+ * `DropdownMenu` displays a menu to the user (such as a set of actions
+ * or functions) triggered by a button.
+ */
+
+export const DropdownMenu = _ref => {
+  let {
+    // Root props
+    defaultOpen,
+    open,
+    onOpenChange,
+    modal = true,
+    // Content positioning props
+    side = 'bottom',
+    sideOffset = 0,
+    align = 'center',
+    alignOffset = 0,
+    // Render props
+    children,
+    trigger
+  } = _ref;
+  return createElement(DropdownMenuPrimitive.Root, {
+    defaultOpen: defaultOpen,
+    open: open,
+    onOpenChange: onOpenChange,
+    modal: modal,
+    dir: isRTL() ? 'rtl' : 'ltr'
+  }, createElement(DropdownMenuPrimitive.Trigger, {
+    asChild: true
+  }, trigger), createElement(DropdownMenuPrimitive.Portal, null, createElement(DropdownMenuStyled.Content, {
+    side: side,
+    align: align,
+    sideOffset: sideOffset,
+    alignOffset: alignOffset,
+    loop: true
+  }, children)));
+};
+export const DropdownSubMenuTrigger = _ref2 => {
+  let {
+    prefix,
+    suffix = createElement(DropdownMenuStyled.SubmenuRtlChevronIcon, {
+      icon: chevronRightSmall,
+      size: 24
+    }),
+    children
+  } = _ref2;
+  return createElement(Fragment, null, prefix && createElement(DropdownMenuStyled.ItemPrefixWrapper, null, prefix), children, suffix && createElement(DropdownMenuStyled.ItemSuffixWrapper, null, suffix));
+};
+export const DropdownSubMenu = _ref3 => {
+  let {
+    // Sub props
+    defaultOpen,
+    open,
+    onOpenChange,
+    // Sub trigger props
+    disabled,
+    textValue,
+    // Render props
+    children,
+    trigger
+  } = _ref3;
+  return createElement(DropdownMenuPrimitive.Sub, {
+    defaultOpen: defaultOpen,
+    open: open,
+    onOpenChange: onOpenChange
+  }, createElement(DropdownMenuStyled.SubTrigger, {
+    disabled: disabled,
+    textValue: textValue
+  }, trigger), createElement(DropdownMenuPrimitive.Portal, null, createElement(DropdownMenuStyled.SubContent, {
+    loop: true,
+    sideOffset: SUB_MENU_OFFSET_SIDE,
+    alignOffset: SUB_MENU_OFFSET_ALIGN
+  }, children)));
+};
+export const DropdownMenuLabel = props => createElement(DropdownMenuStyled.Label, props);
+export const DropdownMenuGroup = props => createElement(DropdownMenuPrimitive.Group, props);
+export const DropdownMenuItem = forwardRef((_ref4, forwardedRef) => {
+  let {
+    children,
+    prefix,
+    suffix,
+    ...props
+  } = _ref4;
+  return createElement(DropdownMenuStyled.Item, _extends({}, props, {
+    ref: forwardedRef
+  }), prefix && createElement(DropdownMenuStyled.ItemPrefixWrapper, null, prefix), children, suffix && createElement(DropdownMenuStyled.ItemSuffixWrapper, null, suffix));
+});
+export const DropdownMenuCheckboxItem = _ref5 => {
+  let {
+    children,
+    checked = false,
+    suffix,
+    ...props
+  } = _ref5;
+  return createElement(DropdownMenuStyled.CheckboxItem, _extends({}, props, {
+    checked: checked
+  }), createElement(DropdownMenuStyled.ItemPrefixWrapper, null, createElement(DropdownMenuStyled.ItemIndicator, null, (checked === 'indeterminate' || checked === true) && createElement(Icon, {
+    icon: checked === 'indeterminate' ? lineSolid : check,
+    size: 24
+  }))), children, suffix && createElement(DropdownMenuStyled.ItemSuffixWrapper, null, suffix));
+};
+export const DropdownMenuRadioGroup = props => createElement(DropdownMenuPrimitive.RadioGroup, props);
+const radioDot = createElement(SVG, {
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+}, createElement(Circle, {
+  cx: 12,
+  cy: 12,
+  r: 3,
+  fill: "currentColor"
+}));
+export const DropdownMenuRadioItem = _ref6 => {
+  let {
+    children,
+    suffix,
+    ...props
+  } = _ref6;
+  return createElement(DropdownMenuStyled.RadioItem, props, createElement(DropdownMenuStyled.ItemPrefixWrapper, null, createElement(DropdownMenuStyled.ItemIndicator, null, createElement(Icon, {
+    icon: radioDot,
+    size: 22
+  }))), children, suffix && createElement(DropdownMenuStyled.ItemSuffixWrapper, null, suffix));
+};
+export const DropdownMenuSeparator = props => createElement(DropdownMenuStyled.Separator, props);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/components/src/dropdown-menu-v2/index.tsx"],"names":["DropdownMenuPrimitive","forwardRef","isRTL","check","chevronRightSmall","lineSolid","SVG","Circle","Icon","DropdownMenuStyled","SUB_MENU_OFFSET_SIDE","SUB_MENU_OFFSET_ALIGN","DropdownMenu","defaultOpen","open","onOpenChange","modal","side","sideOffset","align","alignOffset","children","trigger","DropdownSubMenuTrigger","prefix","suffix","DropdownSubMenu","disabled","textValue","DropdownMenuLabel","props","DropdownMenuGroup","DropdownMenuItem","forwardedRef","DropdownMenuCheckboxItem","checked","DropdownMenuRadioGroup","radioDot","DropdownMenuRadioItem","DropdownMenuSeparator"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\nimport { check, chevronRightSmall, lineSolid } from '@wordpress/icons';\nimport { SVG, Circle } from '@wordpress/primitives';\n\n/**\n * Internal dependencies\n */\nimport Icon from '../icon';\nimport * as DropdownMenuStyled from './styles';\nimport type {\n\tDropdownMenuProps,\n\tDropdownSubMenuProps,\n\tDropdownMenuItemProps,\n\tDropdownMenuLabelProps,\n\tDropdownMenuGroupProps,\n\tDropdownMenuCheckboxItemProps,\n\tDropdownMenuRadioGroupProps,\n\tDropdownMenuRadioItemProps,\n\tDropdownMenuSeparatorProps,\n\tDropdownSubMenuTriggerProps,\n} from './types';\n\n// Menu content's side padding + 4px\nconst SUB_MENU_OFFSET_SIDE = 12;\n// Opposite amount of the top padding of the menu item\nconst SUB_MENU_OFFSET_ALIGN = -8;\n\n/**\n * `DropdownMenu` displays a menu to the user (such as a set of actions\n * or functions) triggered by a button.\n */\nexport const DropdownMenu = ( {\n\t// Root props\n\tdefaultOpen,\n\topen,\n\tonOpenChange,\n\tmodal = true,\n\t// Content positioning props\n\tside = 'bottom',\n\tsideOffset = 0,\n\talign = 'center',\n\talignOffset = 0,\n\t// Render props\n\tchildren,\n\ttrigger,\n}: DropdownMenuProps ) => {\n\treturn (\n\t\t<DropdownMenuPrimitive.Root\n\t\t\tdefaultOpen={ defaultOpen }\n\t\t\topen={ open }\n\t\t\tonOpenChange={ onOpenChange }\n\t\t\tmodal={ modal }\n\t\t\tdir={ isRTL() ? 'rtl' : 'ltr' }\n\t\t>\n\t\t\t<DropdownMenuPrimitive.Trigger asChild>\n\t\t\t\t{ trigger }\n\t\t\t</DropdownMenuPrimitive.Trigger>\n\t\t\t<DropdownMenuPrimitive.Portal>\n\t\t\t\t<DropdownMenuStyled.Content\n\t\t\t\t\tside={ side }\n\t\t\t\t\talign={ align }\n\t\t\t\t\tsideOffset={ sideOffset }\n\t\t\t\t\talignOffset={ alignOffset }\n\t\t\t\t\tloop={ true }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</DropdownMenuStyled.Content>\n\t\t\t</DropdownMenuPrimitive.Portal>\n\t\t</DropdownMenuPrimitive.Root>\n\t);\n};\n\nexport const DropdownSubMenuTrigger = ( {\n\tprefix,\n\tsuffix = (\n\t\t<DropdownMenuStyled.SubmenuRtlChevronIcon\n\t\t\ticon={ chevronRightSmall }\n\t\t\tsize={ 24 }\n\t\t/>\n\t),\n\tchildren,\n}: DropdownSubMenuTriggerProps ) => {\n\treturn (\n\t\t<>\n\t\t\t{ prefix && (\n\t\t\t\t<DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t\t\t{ prefix }\n\t\t\t\t</DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t) }\n\t\t\t{ children }\n\t\t\t{ suffix && (\n\t\t\t\t<DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t\t\t{ suffix }\n\t\t\t\t</DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport const DropdownSubMenu = ( {\n\t// Sub props\n\tdefaultOpen,\n\topen,\n\tonOpenChange,\n\t// Sub trigger props\n\tdisabled,\n\ttextValue,\n\t// Render props\n\tchildren,\n\ttrigger,\n}: DropdownSubMenuProps ) => {\n\treturn (\n\t\t<DropdownMenuPrimitive.Sub\n\t\t\tdefaultOpen={ defaultOpen }\n\t\t\topen={ open }\n\t\t\tonOpenChange={ onOpenChange }\n\t\t>\n\t\t\t<DropdownMenuStyled.SubTrigger\n\t\t\t\tdisabled={ disabled }\n\t\t\t\ttextValue={ textValue }\n\t\t\t>\n\t\t\t\t{ trigger }\n\t\t\t</DropdownMenuStyled.SubTrigger>\n\t\t\t<DropdownMenuPrimitive.Portal>\n\t\t\t\t<DropdownMenuStyled.SubContent\n\t\t\t\t\tloop\n\t\t\t\t\tsideOffset={ SUB_MENU_OFFSET_SIDE }\n\t\t\t\t\talignOffset={ SUB_MENU_OFFSET_ALIGN }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</DropdownMenuStyled.SubContent>\n\t\t\t</DropdownMenuPrimitive.Portal>\n\t\t</DropdownMenuPrimitive.Sub>\n\t);\n};\n\nexport const DropdownMenuLabel = ( props: DropdownMenuLabelProps ) => (\n\t<DropdownMenuStyled.Label { ...props } />\n);\n\nexport const DropdownMenuGroup = ( props: DropdownMenuGroupProps ) => (\n\t<DropdownMenuPrimitive.Group { ...props } />\n);\n\nexport const DropdownMenuItem = forwardRef(\n\t(\n\t\t{ children, prefix, suffix, ...props }: DropdownMenuItemProps,\n\t\tforwardedRef: React.ForwardedRef< any >\n\t) => {\n\t\treturn (\n\t\t\t<DropdownMenuStyled.Item { ...props } ref={ forwardedRef }>\n\t\t\t\t{ prefix && (\n\t\t\t\t\t<DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t\t\t\t{ prefix }\n\t\t\t\t\t</DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t\t) }\n\t\t\t\t{ children }\n\t\t\t\t{ suffix && (\n\t\t\t\t\t<DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t</DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t\t) }\n\t\t\t</DropdownMenuStyled.Item>\n\t\t);\n\t}\n);\n\nexport const DropdownMenuCheckboxItem = ( {\n\tchildren,\n\tchecked = false,\n\tsuffix,\n\t...props\n}: DropdownMenuCheckboxItemProps ) => {\n\treturn (\n\t\t<DropdownMenuStyled.CheckboxItem { ...props } checked={ checked }>\n\t\t\t<DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t\t<DropdownMenuStyled.ItemIndicator>\n\t\t\t\t\t{ ( checked === 'indeterminate' || checked === true ) && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\tchecked === 'indeterminate' ? lineSolid : check\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</DropdownMenuStyled.ItemIndicator>\n\t\t\t</DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t{ children }\n\t\t\t{ suffix && (\n\t\t\t\t<DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t\t\t{ suffix }\n\t\t\t\t</DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t) }\n\t\t</DropdownMenuStyled.CheckboxItem>\n\t);\n};\n\nexport const DropdownMenuRadioGroup = (\n\tprops: DropdownMenuRadioGroupProps\n) => <DropdownMenuPrimitive.RadioGroup { ...props } />;\n\nconst radioDot = (\n\t<SVG viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<Circle cx={ 12 } cy={ 12 } r={ 3 } fill=\"currentColor\"></Circle>\n\t</SVG>\n);\n\nexport const DropdownMenuRadioItem = ( {\n\tchildren,\n\tsuffix,\n\t...props\n}: DropdownMenuRadioItemProps ) => {\n\treturn (\n\t\t<DropdownMenuStyled.RadioItem { ...props }>\n\t\t\t<DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t\t<DropdownMenuStyled.ItemIndicator>\n\t\t\t\t\t<Icon icon={ radioDot } size={ 22 } />\n\t\t\t\t</DropdownMenuStyled.ItemIndicator>\n\t\t\t</DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t{ children }\n\t\t\t{ suffix && (\n\t\t\t\t<DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t\t\t{ suffix }\n\t\t\t\t</DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t) }\n\t\t</DropdownMenuStyled.RadioItem>\n\t);\n};\n\nexport const DropdownMenuSeparator = ( props: DropdownMenuSeparatorProps ) => (\n\t<DropdownMenuStyled.Separator { ...props } />\n);\n"]}