@wordpress/components
Version:
UI components for WordPress.
8 lines (7 loc) • 3.66 kB
Source Map (JSON)
{
"version": 3,
"sources": ["../../src/form-token-field/token.tsx"],
"sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { VisuallyHidden } from '../visually-hidden';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst noop = () => {};\nexport default function Token({\n value,\n status,\n title,\n displayTransform,\n isBorderless = false,\n disabled = false,\n onClickRemove = noop,\n onMouseEnter,\n onMouseLeave,\n messages,\n termPosition,\n termsCount\n}) {\n const instanceId = useInstanceId(Token);\n const tokenClasses = clsx('components-form-token-field__token', {\n 'is-error': 'error' === status,\n 'is-success': 'success' === status,\n 'is-validating': 'validating' === status,\n 'is-borderless': isBorderless,\n 'is-disabled': disabled\n });\n const onClick = () => onClickRemove({\n value\n });\n const transformedValue = displayTransform(value);\n const termPositionAndCount = sprintf(/* translators: 1: term name, 2: term position in a set of terms, 3: total term set count. */\n __('%1$s (%2$d of %3$d)'), transformedValue, termPosition, termsCount);\n return /*#__PURE__*/_jsxs(\"span\", {\n className: tokenClasses,\n onMouseEnter: onMouseEnter,\n onMouseLeave: onMouseLeave,\n title: title,\n children: [/*#__PURE__*/_jsxs(\"span\", {\n className: \"components-form-token-field__token-text\",\n id: `components-form-token-field__token-text-${instanceId}`,\n children: [/*#__PURE__*/_jsx(VisuallyHidden, {\n as: \"span\",\n children: termPositionAndCount\n }), /*#__PURE__*/_jsx(\"span\", {\n \"aria-hidden\": \"true\",\n children: transformedValue\n })]\n }), /*#__PURE__*/_jsx(Button, {\n className: \"components-form-token-field__remove-token\",\n size: \"small\",\n icon: closeSmall,\n onClick: !disabled ? onClick : undefined,\n disabled: disabled,\n label: messages.remove,\n \"aria-describedby\": `components-form-token-field__token-text-${instanceId}`\n })]\n });\n}"],
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAA8B;AAC9B,kBAA4B;AAC5B,mBAA2B;AAK3B,oBAAmB;AACnB,6BAA+B;AAC/B,yBAA2C;AAC3C,IAAM,OAAO,MAAM;AAAC;AACL,SAAR,MAAuB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM,iBAAa,8BAAc,KAAK;AACtC,QAAM,mBAAe,YAAAA,SAAK,sCAAsC;AAAA,IAC9D,YAAY,YAAY;AAAA,IACxB,cAAc,cAAc;AAAA,IAC5B,iBAAiB,iBAAiB;AAAA,IAClC,iBAAiB;AAAA,IACjB,eAAe;AAAA,EACjB,CAAC;AACD,QAAM,UAAU,MAAM,cAAc;AAAA,IAClC;AAAA,EACF,CAAC;AACD,QAAM,mBAAmB,iBAAiB,KAAK;AAC/C,QAAM,2BAAuB;AAAA;AAAA,QAC7B,gBAAG,qBAAqB;AAAA,IAAG;AAAA,IAAkB;AAAA,IAAc;AAAA,EAAU;AACrE,SAAoB,uCAAAC,MAAM,QAAQ;AAAA,IAChC,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,CAAc,uCAAAA,MAAM,QAAQ;AAAA,MACpC,WAAW;AAAA,MACX,IAAI,2CAA2C,UAAU;AAAA,MACzD,UAAU,CAAc,uCAAAC,KAAK,uCAAgB;AAAA,QAC3C,IAAI;AAAA,QACJ,UAAU;AAAA,MACZ,CAAC,GAAgB,uCAAAA,KAAK,QAAQ;AAAA,QAC5B,eAAe;AAAA,QACf,UAAU;AAAA,MACZ,CAAC,CAAC;AAAA,IACJ,CAAC,GAAgB,uCAAAA,KAAK,cAAAC,SAAQ;AAAA,MAC5B,WAAW;AAAA,MACX,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS,CAAC,WAAW,UAAU;AAAA,MAC/B;AAAA,MACA,OAAO,SAAS;AAAA,MAChB,oBAAoB,2CAA2C,UAAU;AAAA,IAC3E,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;",
"names": ["clsx", "_jsxs", "_jsx", "Button"]
}