@wordpress/components
Version:
UI components for WordPress.
8 lines (7 loc) • 3.35 kB
Source Map (JSON)
{
"version": 3,
"sources": ["../../src/focal-point-picker/controls.tsx"],
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { StyledUnitControl, ControlWrapper } from './styles/focal-point-picker-style';\nimport { fractionToPercentage } from './utils';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst TEXTCONTROL_MIN = 0;\nconst TEXTCONTROL_MAX = 100;\nconst noop = () => {};\nexport default function FocalPointPickerControls({\n hasHelpText,\n onChange = noop,\n point = {\n x: 0.5,\n y: 0.5\n }\n}) {\n const valueX = fractionToPercentage(point.x);\n const valueY = fractionToPercentage(point.y);\n const handleChange = (value, axis) => {\n if (value === undefined) {\n return;\n }\n const num = parseInt(value, 10);\n if (!isNaN(num)) {\n onChange({\n ...point,\n [axis]: num / 100\n });\n }\n };\n return /*#__PURE__*/_jsxs(ControlWrapper, {\n className: \"focal-point-picker__controls\",\n hasHelpText: hasHelpText,\n gap: 4,\n children: [/*#__PURE__*/_jsx(FocalPointUnitControl, {\n label: __('Left'),\n \"aria-label\": __('Focal point left position'),\n value: [valueX, '%'].join(''),\n onChange: next => handleChange(next, 'x'),\n dragDirection: \"e\"\n }), /*#__PURE__*/_jsx(FocalPointUnitControl, {\n label: __('Top'),\n \"aria-label\": __('Focal point top position'),\n value: [valueY, '%'].join(''),\n onChange: next => handleChange(next, 'y'),\n dragDirection: \"s\"\n })]\n });\n}\nfunction FocalPointUnitControl(props) {\n return /*#__PURE__*/_jsx(StyledUnitControl, {\n __next40pxDefaultSize: true,\n className: \"focal-point-picker__controls-position-unit-control\",\n labelPosition: \"top\",\n max: TEXTCONTROL_MAX,\n min: TEXTCONTROL_MIN,\n units: [{\n value: '%',\n label: '%'\n }],\n ...props\n });\n}"],
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAmB;AAKnB,sCAAkD;AAClD,mBAAqC;AACrC,yBAA2C;AAC3C,IAAM,kBAAkB;AACxB,IAAM,kBAAkB;AACxB,IAAM,OAAO,MAAM;AAAC;AACL,SAAR,yBAA0C;AAAA,EAC/C;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF,GAAG;AACD,QAAM,aAAS,mCAAqB,MAAM,CAAC;AAC3C,QAAM,aAAS,mCAAqB,MAAM,CAAC;AAC3C,QAAM,eAAe,CAAC,OAAO,SAAS;AACpC,QAAI,UAAU,QAAW;AACvB;AAAA,IACF;AACA,UAAM,MAAM,SAAS,OAAO,EAAE;AAC9B,QAAI,CAAC,MAAM,GAAG,GAAG;AACf,eAAS;AAAA,QACP,GAAG;AAAA,QACH,CAAC,IAAI,GAAG,MAAM;AAAA,MAChB,CAAC;AAAA,IACH;AAAA,EACF;AACA,SAAoB,uCAAAA,MAAM,gDAAgB;AAAA,IACxC,WAAW;AAAA,IACX;AAAA,IACA,KAAK;AAAA,IACL,UAAU,CAAc,uCAAAC,KAAK,uBAAuB;AAAA,MAClD,WAAO,gBAAG,MAAM;AAAA,MAChB,kBAAc,gBAAG,2BAA2B;AAAA,MAC5C,OAAO,CAAC,QAAQ,GAAG,EAAE,KAAK,EAAE;AAAA,MAC5B,UAAU,UAAQ,aAAa,MAAM,GAAG;AAAA,MACxC,eAAe;AAAA,IACjB,CAAC,GAAgB,uCAAAA,KAAK,uBAAuB;AAAA,MAC3C,WAAO,gBAAG,KAAK;AAAA,MACf,kBAAc,gBAAG,0BAA0B;AAAA,MAC3C,OAAO,CAAC,QAAQ,GAAG,EAAE,KAAK,EAAE;AAAA,MAC5B,UAAU,UAAQ,aAAa,MAAM,GAAG;AAAA,MACxC,eAAe;AAAA,IACjB,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACA,SAAS,sBAAsB,OAAO;AACpC,SAAoB,uCAAAA,KAAK,mDAAmB;AAAA,IAC1C,uBAAuB;AAAA,IACvB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,KAAK;AAAA,IACL,KAAK;AAAA,IACL,OAAO,CAAC;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,IACT,CAAC;AAAA,IACD,GAAG;AAAA,EACL,CAAC;AACH;",
"names": ["_jsxs", "_jsx"]
}