@wordpress/components
Version:
UI components for WordPress.
8 lines (7 loc) • 2.77 kB
Source Map (JSON)
{
"version": 3,
"sources": ["../../src/range-control/tooltip.tsx"],
"sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback, useEffect, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { Tooltip } from './styles/range-control-styles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function SimpleTooltip(props) {\n const {\n className,\n inputRef,\n tooltipPlacement,\n show = false,\n style = {},\n value = 0,\n renderTooltipContent = v => v,\n zIndex = 100,\n ...restProps\n } = props;\n const placement = useTooltipPlacement({\n inputRef,\n tooltipPlacement\n });\n const classes = clsx('components-simple-tooltip', className);\n const styles = {\n ...style,\n zIndex\n };\n return /*#__PURE__*/_jsx(Tooltip, {\n ...restProps,\n \"aria-hidden\": \"false\",\n className: classes,\n placement: placement,\n show: show,\n role: \"tooltip\",\n style: styles,\n children: renderTooltipContent(value)\n });\n}\nfunction useTooltipPlacement({\n inputRef,\n tooltipPlacement\n}) {\n const [placement, setPlacement] = useState();\n const setTooltipPlacement = useCallback(() => {\n if (inputRef && inputRef.current) {\n setPlacement(tooltipPlacement);\n }\n }, [tooltipPlacement, inputRef]);\n useEffect(() => {\n setTooltipPlacement();\n }, [setTooltipPlacement]);\n useEffect(() => {\n window.addEventListener('resize', setTooltipPlacement);\n return () => {\n window.removeEventListener('resize', setTooltipPlacement);\n };\n });\n return placement;\n}"],
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAAiD;AAKjD,kCAAwB;AACxB,yBAA4B;AACb,SAAR,cAA+B,OAAO;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,QAAQ,CAAC;AAAA,IACT,QAAQ;AAAA,IACR,uBAAuB,OAAK;AAAA,IAC5B,SAAS;AAAA,IACT,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,YAAY,oBAAoB;AAAA,IACpC;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,cAAU,YAAAA,SAAK,6BAA6B,SAAS;AAC3D,QAAM,SAAS;AAAA,IACb,GAAG;AAAA,IACH;AAAA,EACF;AACA,SAAoB,uCAAAC,KAAK,qCAAS;AAAA,IAChC,GAAG;AAAA,IACH,eAAe;AAAA,IACf,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU,qBAAqB,KAAK;AAAA,EACtC,CAAC;AACH;AACA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AACF,GAAG;AACD,QAAM,CAAC,WAAW,YAAY,QAAI,yBAAS;AAC3C,QAAM,0BAAsB,4BAAY,MAAM;AAC5C,QAAI,YAAY,SAAS,SAAS;AAChC,mBAAa,gBAAgB;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,kBAAkB,QAAQ,CAAC;AAC/B,gCAAU,MAAM;AACd,wBAAoB;AAAA,EACtB,GAAG,CAAC,mBAAmB,CAAC;AACxB,gCAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,mBAAmB;AACrD,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,mBAAmB;AAAA,IAC1D;AAAA,EACF,CAAC;AACD,SAAO;AACT;",
"names": ["clsx", "_jsx"]
}