@wordpress/components
Version:
UI components for WordPress.
8 lines (7 loc) • 3.08 kB
Source Map (JSON)
{
"version": 3,
"sources": ["../../../src/resizable-box/resize-tooltip/label.tsx"],
"sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\n\nimport { POSITIONS } from './utils';\nimport { TooltipWrapper, Tooltip, LabelText } from './styles/resize-tooltip.styles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst CORNER_OFFSET = 4;\nconst CURSOR_OFFSET_TOP = CORNER_OFFSET * 2.5;\nfunction Label({\n label,\n position = POSITIONS.corner,\n zIndex = 1000,\n ...props\n}, ref) {\n const showLabel = !!label;\n const isBottom = position === POSITIONS.bottom;\n const isCorner = position === POSITIONS.corner;\n if (!showLabel) {\n return null;\n }\n let style = {\n opacity: showLabel ? 1 : undefined,\n zIndex\n };\n let labelStyle = {};\n if (isBottom) {\n style = {\n ...style,\n position: 'absolute',\n bottom: CURSOR_OFFSET_TOP * -1,\n left: '50%',\n transform: 'translate(-50%, 0)'\n };\n labelStyle = {\n transform: `translate(0, 100%)`\n };\n }\n if (isCorner) {\n style = {\n ...style,\n position: 'absolute',\n top: CORNER_OFFSET,\n right: isRTL() ? undefined : CORNER_OFFSET,\n left: isRTL() ? CORNER_OFFSET : undefined\n };\n }\n return /*#__PURE__*/_jsx(TooltipWrapper, {\n \"aria-hidden\": \"true\",\n className: \"components-resizable-tooltip__tooltip-wrapper\",\n ref: ref,\n style: style,\n ...props,\n children: /*#__PURE__*/_jsx(Tooltip, {\n className: \"components-resizable-tooltip__tooltip\",\n style: labelStyle,\n children: /*#__PURE__*/_jsx(LabelText, {\n as: \"span\",\n children: label\n })\n })\n });\n}\nconst ForwardedComponent = forwardRef(Label);\nexport default ForwardedComponent;"],
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,qBAA2B;AAC3B,kBAAsB;AAMtB,mBAA0B;AAC1B,4BAAmD;AACnD,yBAA4B;AAC5B,IAAM,gBAAgB;AACtB,IAAM,oBAAoB,gBAAgB;AAC1C,SAAS,MAAM;AAAA,EACb;AAAA,EACA,WAAW,uBAAU;AAAA,EACrB,SAAS;AAAA,EACT,GAAG;AACL,GAAG,KAAK;AACN,QAAM,YAAY,CAAC,CAAC;AACpB,QAAM,WAAW,aAAa,uBAAU;AACxC,QAAM,WAAW,aAAa,uBAAU;AACxC,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AACA,MAAI,QAAQ;AAAA,IACV,SAAS,YAAY,IAAI;AAAA,IACzB;AAAA,EACF;AACA,MAAI,aAAa,CAAC;AAClB,MAAI,UAAU;AACZ,YAAQ;AAAA,MACN,GAAG;AAAA,MACH,UAAU;AAAA,MACV,QAAQ,oBAAoB;AAAA,MAC5B,MAAM;AAAA,MACN,WAAW;AAAA,IACb;AACA,iBAAa;AAAA,MACX,WAAW;AAAA,IACb;AAAA,EACF;AACA,MAAI,UAAU;AACZ,YAAQ;AAAA,MACN,GAAG;AAAA,MACH,UAAU;AAAA,MACV,KAAK;AAAA,MACL,WAAO,mBAAM,IAAI,SAAY;AAAA,MAC7B,UAAM,mBAAM,IAAI,gBAAgB;AAAA,IAClC;AAAA,EACF;AACA,SAAoB,uCAAAA,KAAK,sCAAgB;AAAA,IACvC,eAAe;AAAA,IACf,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,GAAG;AAAA,IACH,UAAuB,uCAAAA,KAAK,+BAAS;AAAA,MACnC,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAuB,uCAAAA,KAAK,iCAAW;AAAA,QACrC,IAAI;AAAA,QACJ,UAAU;AAAA,MACZ,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAM,yBAAqB,2BAAW,KAAK;AAC3C,IAAO,gBAAQ;",
"names": ["_jsx"]
}