@wordpress/components
Version:
UI components for WordPress.
8 lines (7 loc) • 4.13 kB
Source Map (JSON)
{
"version": 3,
"sources": ["../../../src/navigation/item/index.tsx"],
"sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Icon, chevronLeft, chevronRight } from '@wordpress/icons';\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport { useNavigationContext } from '../context';\nimport { ItemUI, ItemIconUI } from '../styles/navigation-styles';\nimport NavigationItemBaseContent from './base-content';\nimport NavigationItemBase from './base';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst noop = () => {};\n\n/**\n * @deprecated Use `Navigator` instead.\n */\nexport function NavigationItem(props) {\n const {\n badge,\n children,\n className,\n href,\n item,\n navigateToMenu,\n onClick = noop,\n title,\n icon,\n hideIfTargetMenuEmpty,\n isText,\n ...restProps\n } = props;\n const {\n activeItem,\n setActiveMenu,\n navigationTree: {\n isMenuEmpty\n }\n } = useNavigationContext();\n\n // If hideIfTargetMenuEmpty prop is true\n // And the menu we are supposed to navigate to\n // Is marked as empty, then we skip rendering the item.\n if (hideIfTargetMenuEmpty && navigateToMenu && isMenuEmpty(navigateToMenu)) {\n return null;\n }\n const isActive = item && activeItem === item;\n const classes = clsx(className, {\n 'is-active': isActive\n });\n const onItemClick = event => {\n if (navigateToMenu) {\n setActiveMenu(navigateToMenu);\n }\n onClick(event);\n };\n const navigationIcon = isRTL() ? chevronLeft : chevronRight;\n const baseProps = children ? props : {\n ...props,\n onClick: undefined\n };\n const itemProps = isText ? restProps : {\n as: Button,\n __next40pxDefaultSize: 'as' in restProps ? restProps.as === undefined : true,\n href,\n onClick: onItemClick,\n 'aria-current': isActive ? 'page' : undefined,\n ...restProps\n };\n return /*#__PURE__*/_jsx(NavigationItemBase, {\n ...baseProps,\n className: classes,\n children: children || /*#__PURE__*/_jsxs(ItemUI, {\n ...itemProps,\n children: [icon && /*#__PURE__*/_jsx(ItemIconUI, {\n children: /*#__PURE__*/_jsx(Icon, {\n icon: icon\n })\n }), /*#__PURE__*/_jsx(NavigationItemBaseContent, {\n title: title,\n badge: badge\n }), navigateToMenu && /*#__PURE__*/_jsx(Icon, {\n icon: navigationIcon\n })]\n })\n });\n}\nexport default NavigationItem;"],
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,mBAAgD;AAChD,kBAAsB;AAKtB,oBAAmB;AACnB,qBAAqC;AACrC,+BAAmC;AACnC,0BAAsC;AACtC,kBAA+B;AAC/B,yBAA2C;AAC3C,IAAM,OAAO,MAAM;AAAC;AAKb,SAAS,eAAe,OAAO;AACpC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,MACd;AAAA,IACF;AAAA,EACF,QAAI,qCAAqB;AAKzB,MAAI,yBAAyB,kBAAkB,YAAY,cAAc,GAAG;AAC1E,WAAO;AAAA,EACT;AACA,QAAM,WAAW,QAAQ,eAAe;AACxC,QAAM,cAAU,YAAAA,SAAK,WAAW;AAAA,IAC9B,aAAa;AAAA,EACf,CAAC;AACD,QAAM,cAAc,WAAS;AAC3B,QAAI,gBAAgB;AAClB,oBAAc,cAAc;AAAA,IAC9B;AACA,YAAQ,KAAK;AAAA,EACf;AACA,QAAM,qBAAiB,mBAAM,IAAI,2BAAc;AAC/C,QAAM,YAAY,WAAW,QAAQ;AAAA,IACnC,GAAG;AAAA,IACH,SAAS;AAAA,EACX;AACA,QAAM,YAAY,SAAS,YAAY;AAAA,IACrC,IAAI,cAAAC;AAAA,IACJ,uBAAuB,QAAQ,YAAY,UAAU,OAAO,SAAY;AAAA,IACxE;AAAA,IACA,SAAS;AAAA,IACT,gBAAgB,WAAW,SAAS;AAAA,IACpC,GAAG;AAAA,EACL;AACA,SAAoB,uCAAAC,KAAK,YAAAC,SAAoB;AAAA,IAC3C,GAAG;AAAA,IACH,WAAW;AAAA,IACX,UAAU,YAAyB,uCAAAC,MAAM,iCAAQ;AAAA,MAC/C,GAAG;AAAA,MACH,UAAU,CAAC,QAAqB,uCAAAF,KAAK,qCAAY;AAAA,QAC/C,UAAuB,uCAAAA,KAAK,mBAAM;AAAA,UAChC;AAAA,QACF,CAAC;AAAA,MACH,CAAC,GAAgB,uCAAAA,KAAK,oBAAAG,SAA2B;AAAA,QAC/C;AAAA,QACA;AAAA,MACF,CAAC,GAAG,kBAA+B,uCAAAH,KAAK,mBAAM;AAAA,QAC5C,MAAM;AAAA,MACR,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,eAAQ;",
"names": ["clsx", "Button", "_jsx", "NavigationItemBase", "_jsxs", "NavigationItemBaseContent"]
}