@wordpress/components
Version:
UI components for WordPress.
8 lines (7 loc) • 2.56 kB
Source Map (JSON)
{
"version": 3,
"sources": ["../../src/unit-control/unit-select-control.tsx"],
"sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport { UnitSelect, UnitLabel } from './styles/unit-control-styles';\nimport { CSS_UNITS, hasUnits } from './utils';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnitSelectControl({\n className,\n isUnitSelectTabbable: isTabbable = true,\n onChange,\n size = 'default',\n unit = 'px',\n units = CSS_UNITS,\n ...props\n}, ref) {\n if (!hasUnits(units) || units?.length === 1) {\n return /*#__PURE__*/_jsx(UnitLabel, {\n className: \"components-unit-control__unit-label\",\n selectSize: size,\n children: unit\n });\n }\n const handleOnChange = event => {\n const {\n value: unitValue\n } = event.target;\n const data = units.find(option => option.value === unitValue);\n onChange?.(unitValue, {\n event,\n data\n });\n };\n const classes = clsx('components-unit-control__select', className);\n return /*#__PURE__*/_jsx(UnitSelect, {\n ref: ref,\n className: classes,\n onChange: handleOnChange,\n selectSize: size,\n tabIndex: isTabbable ? undefined : -1,\n value: unit,\n ...props,\n children: units.map(option => /*#__PURE__*/_jsx(\"option\", {\n value: option.value,\n children: option.label\n }, option.value))\n });\n}\nexport default forwardRef(UnitSelectControl);"],
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAIjB,qBAA2B;AAM3B,iCAAsC;AACtC,mBAAoC;AACpC,yBAA4B;AAC5B,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA,sBAAsB,aAAa;AAAA,EACnC;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,GAAG;AACL,GAAG,KAAK;AACN,MAAI,KAAC,uBAAS,KAAK,KAAK,OAAO,WAAW,GAAG;AAC3C,WAAoB,uCAAAA,KAAK,sCAAW;AAAA,MAClC,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,UAAU;AAAA,IACZ,CAAC;AAAA,EACH;AACA,QAAM,iBAAiB,WAAS;AAC9B,UAAM;AAAA,MACJ,OAAO;AAAA,IACT,IAAI,MAAM;AACV,UAAM,OAAO,MAAM,KAAK,YAAU,OAAO,UAAU,SAAS;AAC5D,eAAW,WAAW;AAAA,MACpB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,cAAU,YAAAC,SAAK,mCAAmC,SAAS;AACjE,SAAoB,uCAAAD,KAAK,uCAAY;AAAA,IACnC;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,UAAU,aAAa,SAAY;AAAA,IACnC,OAAO;AAAA,IACP,GAAG;AAAA,IACH,UAAU,MAAM,IAAI,YAAuB,uCAAAA,KAAK,UAAU;AAAA,MACxD,OAAO,OAAO;AAAA,MACd,UAAU,OAAO;AAAA,IACnB,GAAG,OAAO,KAAK,CAAC;AAAA,EAClB,CAAC;AACH;AACA,IAAO,kCAAQ,2BAAW,iBAAiB;",
"names": ["_jsx", "clsx"]
}