UNPKG

@wordpress/components

Version:
8 lines (7 loc) 2.36 kB
{ "version": 3, "sources": ["../../src/menu-group/index.tsx"], "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Children } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/**\n * `MenuGroup` wraps a series of related `MenuItem` components into a common\n * section.\n *\n * ```jsx\n * import { MenuGroup, MenuItem } from '@wordpress/components';\n *\n * const MyMenuGroup = () => (\n * <MenuGroup label=\"Settings\">\n * <MenuItem>Setting 1</MenuItem>\n * <MenuItem>Setting 2</MenuItem>\n * </MenuGroup>\n * );\n * ```\n */\nexport function MenuGroup(props) {\n const {\n children,\n className = '',\n label,\n hideSeparator\n } = props;\n const instanceId = useInstanceId(MenuGroup);\n if (!Children.count(children)) {\n return null;\n }\n const labelId = `components-menu-group-label-${instanceId}`;\n const classNames = clsx(className, 'components-menu-group', {\n 'has-hidden-separator': hideSeparator\n });\n return /*#__PURE__*/_jsxs(\"div\", {\n className: classNames,\n children: [label && /*#__PURE__*/_jsx(\"div\", {\n className: \"components-menu-group__label\",\n id: labelId,\n \"aria-hidden\": \"true\",\n children: label\n }), /*#__PURE__*/_jsx(\"div\", {\n role: \"group\",\n \"aria-labelledby\": label ? labelId : undefined,\n children: children\n })]\n });\n}\nexport default MenuGroup;"], "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAAyB;AACzB,qBAA8B;AAK9B,yBAA2C;AAgBpC,SAAS,UAAU,OAAO;AAC/B,QAAM;AAAA,IACJ;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,iBAAa,8BAAc,SAAS;AAC1C,MAAI,CAAC,wBAAS,MAAM,QAAQ,GAAG;AAC7B,WAAO;AAAA,EACT;AACA,QAAM,UAAU,+BAA+B,UAAU;AACzD,QAAM,iBAAa,YAAAA,SAAK,WAAW,yBAAyB;AAAA,IAC1D,wBAAwB;AAAA,EAC1B,CAAC;AACD,SAAoB,uCAAAC,MAAM,OAAO;AAAA,IAC/B,WAAW;AAAA,IACX,UAAU,CAAC,SAAsB,uCAAAC,KAAK,OAAO;AAAA,MAC3C,WAAW;AAAA,MACX,IAAI;AAAA,MACJ,eAAe;AAAA,MACf,UAAU;AAAA,IACZ,CAAC,GAAgB,uCAAAA,KAAK,OAAO;AAAA,MAC3B,MAAM;AAAA,MACN,mBAAmB,QAAQ,UAAU;AAAA,MACrC;AAAA,IACF,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACA,IAAO,qBAAQ;", "names": ["clsx", "_jsxs", "_jsx"] }