UNPKG

@wordpress/components

Version:

UI components for WordPress.

github.com/WordPress/gutenberg/tree/HEAD/packages/components/README.md

WordPress/gutenberg

8 lines (7 loc) • 4.56 kB
1
2
3
4
5
6
7
8
{ "version": 3, "sources": ["../../../src/navigation/menu/index.tsx"], "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ROOT_MENU } from '../constants';\nimport { NavigationMenuContext } from './context';\nimport { useNavigationContext } from '../context';\nimport { useNavigationTreeMenu } from './use-navigation-tree-menu';\nimport NavigationBackButton from '../back-button';\nimport NavigationMenuTitle from './menu-title';\nimport NavigationSearchNoResultsFound from './search-no-results-found';\nimport { NavigableMenu } from '../../navigable-container';\nimport { MenuUI } from '../styles/navigation-styles';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/**\n * @deprecated Use `Navigator` instead.\n */\nexport function NavigationMenu(props) {\n const {\n backButtonLabel,\n children,\n className,\n hasSearch,\n menu = ROOT_MENU,\n onBackButtonClick,\n onSearch: setControlledSearch,\n parentMenu,\n search: controlledSearch,\n isSearchDebouncing,\n title,\n titleAction\n } = props;\n const [uncontrolledSearch, setUncontrolledSearch] = useState('');\n useNavigationTreeMenu(props);\n const {\n activeMenu\n } = useNavigationContext();\n const context = {\n menu,\n search: uncontrolledSearch\n };\n\n // Keep the children rendered to make sure invisible items are included in the navigation tree.\n if (activeMenu !== menu) {\n return /*#__PURE__*/_jsx(NavigationMenuContext.Provider, {\n value: context,\n children: children\n });\n }\n const isControlledSearch = !!setControlledSearch;\n const search = isControlledSearch ? controlledSearch : uncontrolledSearch;\n const onSearch = isControlledSearch ? setControlledSearch : setUncontrolledSearch;\n const menuTitleId = `components-navigation__menu-title-${menu}`;\n const classes = clsx('components-navigation__menu', className);\n return /*#__PURE__*/_jsx(NavigationMenuContext.Provider, {\n value: context,\n children: /*#__PURE__*/_jsxs(MenuUI, {\n className: classes,\n children: [(parentMenu || onBackButtonClick) && /*#__PURE__*/_jsx(NavigationBackButton, {\n backButtonLabel: backButtonLabel,\n parentMenu: parentMenu,\n onClick: onBackButtonClick\n }), title && /*#__PURE__*/_jsx(NavigationMenuTitle, {\n hasSearch: hasSearch,\n onSearch: onSearch,\n search: search,\n title: title,\n titleAction: titleAction\n }), /*#__PURE__*/_jsx(NavigableMenu, {\n children: /*#__PURE__*/_jsxs(\"ul\", {\n \"aria-labelledby\": menuTitleId,\n children: [children, search && !isSearchDebouncing && /*#__PURE__*/_jsx(NavigationSearchNoResultsFound, {\n search: search\n })]\n })\n })]\n })\n });\n}\nexport default NavigationMenu;"], "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAAyB;AAKzB,uBAA0B;AAC1B,qBAAsC;AACtC,IAAAA,kBAAqC;AACrC,sCAAsC;AACtC,yBAAiC;AACjC,wBAAgC;AAChC,qCAA2C;AAC3C,iCAA8B;AAC9B,+BAAuB;AACvB,yBAA2C;AAIpC,SAAS,eAAe,OAAO;AACpC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,CAAC,oBAAoB,qBAAqB,QAAI,yBAAS,EAAE;AAC/D,6DAAsB,KAAK;AAC3B,QAAM;AAAA,IACJ;AAAA,EACF,QAAI,sCAAqB;AACzB,QAAM,UAAU;AAAA,IACd;AAAA,IACA,QAAQ;AAAA,EACV;AAGA,MAAI,eAAe,MAAM;AACvB,WAAoB,uCAAAC,KAAK,qCAAsB,UAAU;AAAA,MACvD,OAAO;AAAA,MACP;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,qBAAqB,CAAC,CAAC;AAC7B,QAAM,SAAS,qBAAqB,mBAAmB;AACvD,QAAM,WAAW,qBAAqB,sBAAsB;AAC5D,QAAM,cAAc,qCAAqC,IAAI;AAC7D,QAAM,cAAU,YAAAC,SAAK,+BAA+B,SAAS;AAC7D,SAAoB,uCAAAD,KAAK,qCAAsB,UAAU;AAAA,IACvD,OAAO;AAAA,IACP,UAAuB,uCAAAE,MAAM,iCAAQ;AAAA,MACnC,WAAW;AAAA,MACX,UAAU,EAAE,cAAc,sBAAmC,uCAAAF,KAAK,mBAAAG,SAAsB;AAAA,QACtF;AAAA,QACA;AAAA,QACA,SAAS;AAAA,MACX,CAAC,GAAG,SAAsB,uCAAAH,KAAK,kBAAAI,SAAqB;AAAA,QAClD;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC,GAAgB,uCAAAJ,KAAK,0CAAe;AAAA,QACnC,UAAuB,uCAAAE,MAAM,MAAM;AAAA,UACjC,mBAAmB;AAAA,UACnB,UAAU,CAAC,UAAU,UAAU,CAAC,sBAAmC,uCAAAF,KAAK,+BAAAK,SAAgC;AAAA,YACtG;AAAA,UACF,CAAC,CAAC;AAAA,QACJ,CAAC;AAAA,MACH,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,eAAQ;", "names": ["import_context", "_jsx", "clsx", "_jsxs", "NavigationBackButton", "NavigationMenuTitle", "NavigationSearchNoResultsFound"] }