@wordpress/components
Version:
UI components for WordPress.
8 lines (7 loc) • 1.54 kB
Source Map (JSON)
{
"version": 3,
"sources": ["../../src/shortcut/index.tsx"],
"sourcesContent": ["import { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Internal dependencies\n */\n\n/**\n * Shortcut component is used to display keyboard shortcuts, and it can be customized with a custom display and aria label if needed.\n *\n * ```jsx\n * import { Shortcut } from '@wordpress/components';\n *\n * const MyShortcut = () => {\n * \treturn (\n * \t\t<Shortcut shortcut={{ display: 'Ctrl + S', ariaLabel: 'Save' }} />\n * \t);\n * };\n * ```\n */\nfunction Shortcut(props) {\n const {\n shortcut,\n className\n } = props;\n if (!shortcut) {\n return null;\n }\n let displayText;\n let ariaLabel;\n if (typeof shortcut === 'string') {\n displayText = shortcut;\n }\n if (shortcut !== null && typeof shortcut === 'object') {\n displayText = shortcut.display;\n ariaLabel = shortcut.ariaLabel;\n }\n return /*#__PURE__*/_jsx(\"span\", {\n className: className,\n \"aria-label\": ariaLabel,\n children: displayText\n });\n}\nexport default Shortcut;"],
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAA4B;AAkB5B,SAAS,SAAS,OAAO;AACvB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AACJ,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AACA,MAAI;AACJ,MAAI;AACJ,MAAI,OAAO,aAAa,UAAU;AAChC,kBAAc;AAAA,EAChB;AACA,MAAI,aAAa,QAAQ,OAAO,aAAa,UAAU;AACrD,kBAAc,SAAS;AACvB,gBAAY,SAAS;AAAA,EACvB;AACA,SAAoB,uCAAAA,KAAK,QAAQ;AAAA,IAC/B;AAAA,IACA,cAAc;AAAA,IACd,UAAU;AAAA,EACZ,CAAC;AACH;AACA,IAAO,mBAAQ;",
"names": ["_jsx"]
}