@vkontakte/vkui 5.0.0 → 5.0.2

package/dist/cjs/components/Tooltip/Tooltip.js

@@ -1,166 +1,130 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Tooltip = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _classNames = require("../../lib/classNames");
-
 var _Subhead = require("../Typography/Subhead/Subhead");
-
 var _NavTransitionContext = require("../NavTransitionContext/NavTransitionContext");
-
 var _PopperArrow = require("../PopperArrow/PopperArrow");
-
 var _reactPopper = require("react-popper");
-
 var _TooltipContainer = require("./TooltipContainer");
-
 var _useExternRef = require("../../hooks/useExternRef");
-
 var _dom = require("../../lib/dom");
-
 var _warnOnce = require("../../lib/warnOnce");
-
 var _utils = require("../../lib/utils");
-
-var _prefixClass = require("../../lib/prefixClass");
-
 var _useGlobalEventListener = require("../../hooks/useGlobalEventListener");
-
-var _excluded = ["children", "isShown", "offsetX", "offsetY", "alignX", "alignY", "onClose", "cornerOffset", "cornerAbsoluteOffset", "appearance", "arrow", "placement"];
-
+var _excluded = ["className"],
+  _excluded2 = ["children", "isShown", "offsetX", "offsetY", "alignX", "alignY", "onClose", "cornerOffset", "cornerAbsoluteOffset", "appearance", "arrow", "placement"];
 var isDOMTypeElement = function isDOMTypeElement(element) {
   return /*#__PURE__*/React.isValidElement(element) && typeof element.type === "string";
 };
-
 var warn = (0, _warnOnce.warnOnce)("Tooltip");
 var IS_DEV = process.env.NODE_ENV === "development";
 var SimpleTooltip = /*#__PURE__*/React.forwardRef(function SimpleTooltip(_ref, ref) {
+  var _attributes$container;
   var _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? "accent" : _ref$appearance,
-      header = _ref.header,
-      text = _ref.text,
-      arrow = _ref.arrow,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? {} : _ref$style,
-      attributes = _ref.attributes;
-  return (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: (0, _classNames.classNames)("Tooltip", "Tooltip--appearance-".concat(appearance))
-  }, (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({
-    vkuiClass: "Tooltip__container",
+    appearance = _ref$appearance === void 0 ? "accent" : _ref$appearance,
+    header = _ref.header,
+    text = _ref.text,
+    arrow = _ref.arrow,
+    _ref$style = _ref.style,
+    popperStyles = _ref$style === void 0 ? {} : _ref$style,
+    attributes = _ref.attributes;
+  var _ref2 = (_attributes$container = attributes === null || attributes === void 0 ? void 0 : attributes.container) !== null && _attributes$container !== void 0 ? _attributes$container : {},
+    containerClassName = _ref2.className,
+    restContainerAttributes = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _classNames.classNamesString)("vkuiTooltip", styles["Tooltip--appearance-".concat(appearance)])
+  }, /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
+    className: (0, _classNames.classNamesString)("vkuiTooltip__container", containerClassName),
     ref: ref,
-    style: style.container
-  }, attributes === null || attributes === void 0 ? void 0 : attributes.container), arrow && (0, _jsxRuntime.createScopedElement)(_PopperArrow.PopperArrow, {
-    style: style.arrow,
+    style: popperStyles.container
+  }, restContainerAttributes), arrow && /*#__PURE__*/React.createElement(_PopperArrow.PopperArrow, {
+    style: popperStyles.arrow,
     attributes: attributes === null || attributes === void 0 ? void 0 : attributes.arrow,
-    arrowClassName: (0, _prefixClass.prefixClass)("Tooltip__arrow")
-  }), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "Tooltip__content"
-  }, header && (0, _jsxRuntime.createScopedElement)(_Subhead.Subhead, {
+    arrowClassName: "vkuiTooltip__arrow"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "vkuiTooltip__content"
+  }, header && /*#__PURE__*/React.createElement(_Subhead.Subhead, {
     weight: "2",
-    vkuiClass: "Tooltip__title"
-  }, header), text && (0, _jsxRuntime.createScopedElement)(_Subhead.Subhead, {
-    vkuiClass: "Tooltip__text"
+    className: "vkuiTooltip__title"
+  }, header), text && /*#__PURE__*/React.createElement(_Subhead.Subhead, {
+    className: "vkuiTooltip__text"
   }, text))));
 });
-
 function mapAlignX(x) {
   switch (x) {
     case "left":
       return "start";
-
     case "right":
       return "end";
-
     default:
       return "";
   }
 }
-
 function getPlacement(alignX, alignY) {
   return [alignY || "bottom", mapAlignX(alignX || "left")].filter(function (p) {
     return !!p;
   }).join("-");
 }
-
 function isVerticalPlacement(placement) {
   return placement.startsWith("top") || placement.startsWith("bottom");
 }
+
 /**
  * @see https://vkcom.github.io/VKUI/#/Tooltip
  */
-
-
-var Tooltip = function Tooltip(_ref2) {
+var Tooltip = function Tooltip(_ref3) {
   var _attributes$arrow, _attributes$popper;
-
-  var children = _ref2.children,
-      _ref2$isShown = _ref2.isShown,
-      _isShown = _ref2$isShown === void 0 ? true : _ref2$isShown,
-      _ref2$offsetX = _ref2.offsetX,
-      offsetX = _ref2$offsetX === void 0 ? 0 : _ref2$offsetX,
-      _ref2$offsetY = _ref2.offsetY,
-      offsetY = _ref2$offsetY === void 0 ? 15 : _ref2$offsetY,
-      alignX = _ref2.alignX,
-      alignY = _ref2.alignY,
-      onClose = _ref2.onClose,
-      _ref2$cornerOffset = _ref2.cornerOffset,
-      cornerOffset = _ref2$cornerOffset === void 0 ? 0 : _ref2$cornerOffset,
-      cornerAbsoluteOffset = _ref2.cornerAbsoluteOffset,
-      appearance = _ref2.appearance,
-      _ref2$arrow = _ref2.arrow,
-      arrow = _ref2$arrow === void 0 ? true : _ref2$arrow,
-      placement = _ref2.placement,
-      restProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-
+  var children = _ref3.children,
+    _ref3$isShown = _ref3.isShown,
+    _isShown = _ref3$isShown === void 0 ? true : _ref3$isShown,
+    _ref3$offsetX = _ref3.offsetX,
+    offsetX = _ref3$offsetX === void 0 ? 0 : _ref3$offsetX,
+    _ref3$offsetY = _ref3.offsetY,
+    offsetY = _ref3$offsetY === void 0 ? 15 : _ref3$offsetY,
+    alignX = _ref3.alignX,
+    alignY = _ref3.alignY,
+    onClose = _ref3.onClose,
+    _ref3$cornerOffset = _ref3.cornerOffset,
+    cornerOffset = _ref3$cornerOffset === void 0 ? 0 : _ref3$cornerOffset,
+    cornerAbsoluteOffset = _ref3.cornerAbsoluteOffset,
+    appearance = _ref3.appearance,
+    _ref3$arrow = _ref3.arrow,
+    arrow = _ref3$arrow === void 0 ? true : _ref3$arrow,
+    placement = _ref3.placement,
+    restProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
   var _useNavTransition = (0, _NavTransitionContext.useNavTransition)(),
-      entering = _useNavTransition.entering;
-
+    entering = _useNavTransition.entering;
   var isShown = _isShown && !entering;
-
   var _React$useState = React.useState(null),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      tooltipRef = _React$useState2[0],
-      setTooltipRef = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    tooltipRef = _React$useState2[0],
+    setTooltipRef = _React$useState2[1];
   var _React$useState3 = React.useState(),
-      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-      target = _React$useState4[0],
-      setTarget = _React$useState4[1];
-
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    target = _React$useState4[0],
+    setTarget = _React$useState4[1];
   if (IS_DEV) {
-    var multiChildren = React.Children.count(children) > 1; // Empty children is a noop
-
+    var multiChildren = React.Children.count(children) > 1;
+    // Empty children is a noop
     var primitiveChild = (0, _utils.hasReactNode)(children) && (0, _typeof2.default)(children) !== "object";
     (multiChildren || primitiveChild) && warn(["children должен быть одним React элементом, получено", multiChildren && "несколько", primitiveChild && JSON.stringify(children)].filter(Boolean).join(" "), "error");
   }
-  /* eslint-disable no-restricted-properties */
 
+  /* eslint-disable no-restricted-properties */
   /* eslint-disable @typescript-eslint/no-unnecessary-type-assertion*/
-
-
   var tooltipContainer = React.useMemo(function () {
     return target === null || target === void 0 ? void 0 : target.closest("[".concat(_TooltipContainer.tooltipContainerAttr, "]"));
   }, [target]);
@@ -168,13 +132,11 @@ var Tooltip = function Tooltip(_ref2) {
     return (target === null || target === void 0 ? void 0 : target.style.position) === "fixed" ? "fixed" : "absolute";
   }, [target]);
   /* eslint-enable @typescript-eslint/no-unnecessary-type-assertion*/
-
   /* eslint-enable no-restricted-properties */
 
   if (IS_DEV && target && !tooltipContainer) {
     throw new Error("Use TooltipContainer for Tooltip outside Panel (see docs)");
   }
-
   var modifiers = React.useMemo(function () {
     var modifiers = [{
       name: "offset",
@@ -186,7 +148,6 @@ var Tooltip = function Tooltip(_ref2) {
     }, {
       name: "flip"
     }];
-
     if (arrow) {
       modifiers.push({
         name: "arrow",
@@ -198,19 +159,16 @@ var Tooltip = function Tooltip(_ref2) {
         name: "arrowOffset",
         enabled: true,
         phase: "main",
-        fn: function fn(_ref3) {
-          var state = _ref3.state;
-
+        fn: function fn(_ref4) {
+          var state = _ref4.state;
           if (!state.modifiersData.arrow) {
             return;
           }
-
           if (isVerticalPlacement(state.placement)) {
             if (cornerAbsoluteOffset !== undefined) {
               state.modifiersData.arrow.x = cornerAbsoluteOffset;
             } else {
               var _state$modifiersData$;
-
               if (((_state$modifiersData$ = state.modifiersData.arrow) === null || _state$modifiersData$ === void 0 ? void 0 : _state$modifiersData$.x) !== undefined) {
                 state.modifiersData.arrow.x += cornerOffset;
               }
@@ -220,7 +178,6 @@ var Tooltip = function Tooltip(_ref2) {
               state.modifiersData.arrow.y = cornerAbsoluteOffset;
             } else {
               var _state$modifiersData$2;
-
               if (((_state$modifiersData$2 = state.modifiersData.arrow) === null || _state$modifiersData$2 === void 0 ? void 0 : _state$modifiersData$2.y) !== undefined) {
                 state.modifiersData.arrow.y += cornerOffset;
               }
@@ -229,39 +186,35 @@ var Tooltip = function Tooltip(_ref2) {
         }
       });
     }
-
     return modifiers;
   }, [arrow, cornerAbsoluteOffset, cornerOffset, offsetX, offsetY]);
-
   var _placement = placement !== null && placement !== void 0 ? placement : getPlacement(alignX, alignY);
-
   var _usePopper = (0, _reactPopper.usePopper)(target, tooltipRef, {
-    strategy: strategy,
-    placement: _placement,
-    modifiers: modifiers
-  }),
-      styles = _usePopper.styles,
-      attributes = _usePopper.attributes;
-
+      strategy: strategy,
+      placement: _placement,
+      modifiers: modifiers
+    }),
+    popperStyles = _usePopper.styles,
+    attributes = _usePopper.attributes;
   var _useDOM = (0, _dom.useDOM)(),
-      document = _useDOM.document;
-
+    document = _useDOM.document;
   (0, _useGlobalEventListener.useGlobalEventListener)(document, "click", isShown && onClose, {
     passive: true
-  }); // NOTE: setting isShown to true used to trigger usePopper().forceUpdate()
+  });
+  // NOTE: setting isShown to true used to trigger usePopper().forceUpdate()
 
-  var childRef = /*#__PURE__*/React.isValidElement(children) && (isDOMTypeElement(children) ? children.ref : children.props.getRootRef);
+  var childRef = isDOMTypeElement(children) ? children.ref : /*#__PURE__*/React.isValidElement(children) ? children.props.getRootRef : null;
   var patchedRef = (0, _useExternRef.useExternRef)(setTarget, childRef);
   var child = /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, (0, _defineProperty2.default)({}, isDOMTypeElement(children) ? "ref" : "getRootRef", patchedRef)) : children;
-  return (0, _jsxRuntime.createScopedElement)(React.Fragment, null, child, isShown && target != null && /*#__PURE__*/_reactDom.default.createPortal((0, _jsxRuntime.createScopedElement)(SimpleTooltip, (0, _extends2.default)({}, restProps, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, child, isShown && target != null && /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/React.createElement(SimpleTooltip, (0, _extends2.default)({}, restProps, {
     appearance: appearance,
     arrow: arrow,
     ref: function ref(el) {
       return setTooltipRef(el);
     },
     style: {
-      arrow: styles.arrow,
-      container: styles.popper
+      arrow: popperStyles.arrow,
+      container: popperStyles.popper
     },
     attributes: {
       arrow: (_attributes$arrow = attributes.arrow) !== null && _attributes$arrow !== void 0 ? _attributes$arrow : null,
@@ -269,6 +222,12 @@ var Tooltip = function Tooltip(_ref2) {
     }
   })), tooltipContainer));
 };
-
 exports.Tooltip = Tooltip;
+var styles = {
+  "Tooltip--appearance-accent": "vkuiTooltip--appearance-accent",
+  "Tooltip--appearance-white": "vkuiTooltip--appearance-white",
+  "Tooltip--appearance-black": "vkuiTooltip--appearance-black",
+  "Tooltip--appearance-inversion": "vkuiTooltip--appearance-inversion",
+  "Tooltip--appearance-neutral": "vkuiTooltip--appearance-neutral"
+};
 //# sourceMappingURL=Tooltip.js.map

package/dist/cjs/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["isDOMTypeElement","element","React","isValidElement","type","warn","warnOnce","IS_DEV","process","env","NODE_ENV","SimpleTooltip","forwardRef","ref","appearance","header","text","arrow","style","attributes","classNames","container","prefixClass","mapAlignX","x","getPlacement","alignX","alignY","filter","p","join","isVerticalPlacement","placement","startsWith","Tooltip","children","isShown","_isShown","offsetX","offsetY","onClose","cornerOffset","cornerAbsoluteOffset","restProps","useNavTransition","entering","useState","tooltipRef","setTooltipRef","target","setTarget","multiChildren","Children","count","primitiveChild","hasReactNode","JSON","stringify","Boolean","tooltipContainer","useMemo","closest","tooltipContainerAttr","strategy","position","Error","modifiers","name","options","offset","push","padding","enabled","phase","fn","state","modifiersData","undefined","y","_placement","usePopper","styles","useDOM","document","useGlobalEventListener","passive","childRef","props","getRootRef","patchedRef","useExternRef","child","cloneElement","ReactDOM","createPortal","el","popper"],"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { useNavTransition } from \"../NavTransitionContext/NavTransitionContext\";\nimport { PopperArrow } from \"../PopperArrow/PopperArrow\";\nimport { Modifier, usePopper } from \"react-popper\";\nimport { Placement } from \"@popperjs/core\";\nimport { tooltipContainerAttr } from \"./TooltipContainer\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useDOM } from \"../../lib/dom\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Tooltip.css\";\n\ninterface SimpleTooltipProps extends Partial<TooltipProps> {\n  target?: HTMLDivElement;\n  style?: {\n    arrow: React.CSSProperties;\n    container: React.CSSProperties;\n  };\n  attributes?: {\n    arrow: React.HTMLAttributes<HTMLDivElement> | null;\n    container: React.HTMLAttributes<HTMLDivElement> | null;\n  };\n}\n\nconst isDOMTypeElement = (\n  element: React.ReactElement\n): element is React.DOMElement<any, any> => {\n  return React.isValidElement(element) && typeof element.type === \"string\";\n};\n\nconst warn = warnOnce(\"Tooltip\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nconst SimpleTooltip = React.forwardRef<HTMLDivElement, SimpleTooltipProps>(\n  function SimpleTooltip(\n    { appearance = \"accent\", header, text, arrow, style = {}, attributes },\n    ref\n  ) {\n    return (\n      <div\n        vkuiClass={classNames(\"Tooltip\", `Tooltip--appearance-${appearance}`)}\n      >\n        <div\n          vkuiClass=\"Tooltip__container\"\n          ref={ref}\n          style={style.container}\n          {...attributes?.container}\n        >\n          {arrow && (\n            <PopperArrow\n              style={style.arrow}\n              attributes={attributes?.arrow}\n              arrowClassName={prefixClass(\"Tooltip__arrow\")}\n            />\n          )}\n          <div vkuiClass=\"Tooltip__content\">\n            {header && (\n              <Subhead weight=\"2\" vkuiClass=\"Tooltip__title\">\n                {header}\n              </Subhead>\n            )}\n            {text && <Subhead vkuiClass=\"Tooltip__text\">{text}</Subhead>}\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\nexport interface TooltipProps {\n  /**\n   * **Важно**: если в `children` передан React-компонент, то необходимо убедиться в том, что он поддерживает\n   * свойство `getRootRef`, которое должно возвращаться ссылку на корневой DOM-элемент компонента,\n   * иначе тултип показан не будет. Если передан React-element, то такой проблемы нет.\n   */\n  children: React.ReactElement<HasRootRef<any>> | React.ReactElement;\n  /**\n   * Стиль отображения подсказки\n   */\n  appearance?: \"accent\" | \"neutral\" | \"white\" | \"black\" | \"inversion\";\n  /**\n   * Если передан `false`, то рисуется просто `children`.\n   */\n  isShown?: boolean;\n  /**\n   * Текст тултипа.\n   */\n  text?: React.ReactNode;\n  /**\n   * Заголовок тултипа.\n   */\n  header?: React.ReactNode;\n  /**\n   * Положение по горизонтали (прижатие к левому или правому краю `children`).\n   * Если не задано, позиция по горизонтали определятся автоматически\n   */\n  alignX?: \"center\" | \"left\" | \"right\";\n  /**\n   * Положение по вертикали (расположение над или под `children`).\n   * Если не задано, позиция по вертикали определятся автоматически\n   */\n  alignY?: \"top\" | \"bottom\";\n  /**\n   * Сдвиг по горизонтали (относительно портала, в котором рисуется тултип).\n   */\n  offsetX?: number;\n  /**\n   * Сдвиг по вертикали (относительно портала, в котором рисуется тултип).\n   */\n  offsetY?: number;\n  /**\n   * Отображать ли стрелку, указывающую на якорный элемент\n   */\n  arrow?: boolean;\n  /**\n   * Сдвиг стрелочки относительно центра дочернего элемента.\n   */\n  cornerOffset?: number;\n  /**\n   * Сдвиг стрелочки относительно ширины тултипа\n   */\n  cornerAbsoluteOffset?: number;\n  /**\n   * Callback, который вызывается при клике по любому месту в пределах экрана.\n   */\n  onClose?: () => void;\n  /**\n   * По умолчанию компонент выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства\n   */\n  placement?: Placement;\n}\n\nfunction mapAlignX(x: TooltipProps[\"alignX\"]) {\n  switch (x) {\n    case \"left\":\n      return \"start\";\n    case \"right\":\n      return \"end\";\n    default:\n      return \"\";\n  }\n}\nfunction getPlacement(\n  alignX: TooltipProps[\"alignX\"],\n  alignY: TooltipProps[\"alignY\"]\n): Placement {\n  return [alignY || \"bottom\", mapAlignX(alignX || \"left\")]\n    .filter((p) => !!p)\n    .join(\"-\") as Placement;\n}\nfunction isVerticalPlacement(placement: Placement) {\n  return placement.startsWith(\"top\") || placement.startsWith(\"bottom\");\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tooltip\n */\nexport const Tooltip = ({\n  children,\n  isShown: _isShown = true,\n  offsetX = 0,\n  offsetY = 15,\n  alignX,\n  alignY,\n  onClose,\n  cornerOffset = 0,\n  cornerAbsoluteOffset,\n  appearance,\n  arrow = true,\n  placement,\n  ...restProps\n}: TooltipProps) => {\n  const { entering } = useNavTransition();\n  const isShown = _isShown && !entering;\n  const [tooltipRef, setTooltipRef] = React.useState<HTMLElement | null>(null);\n  const [target, setTarget] = React.useState<HTMLElement>();\n\n  if (IS_DEV) {\n    const multiChildren = React.Children.count(children) > 1;\n    // Empty children is a noop\n    const primitiveChild =\n      hasReactNode(children) && typeof children !== \"object\";\n    (multiChildren || primitiveChild) &&\n      warn(\n        [\n          \"children должен быть одним React элементом, получено\",\n          multiChildren && \"несколько\",\n          primitiveChild && JSON.stringify(children),\n        ]\n          .filter(Boolean)\n          .join(\" \"),\n        \"error\"\n      );\n  }\n\n  /* eslint-disable no-restricted-properties */\n  /* eslint-disable @typescript-eslint/no-unnecessary-type-assertion*/\n  const tooltipContainer = React.useMemo(\n    () => target?.closest(`[${tooltipContainerAttr}]`) as HTMLDivElement,\n    [target]\n  );\n  const strategy = React.useMemo(\n    () => (target?.style.position === \"fixed\" ? \"fixed\" : \"absolute\"),\n    [target]\n  );\n  /* eslint-enable @typescript-eslint/no-unnecessary-type-assertion*/\n  /* eslint-enable no-restricted-properties */\n\n  if (IS_DEV && target && !tooltipContainer) {\n    throw new Error(\n      \"Use TooltipContainer for Tooltip outside Panel (see docs)\"\n    );\n  }\n\n  const modifiers = React.useMemo(() => {\n    const modifiers: Array<Modifier<string>> = [\n      {\n        name: \"offset\",\n        options: {\n          offset: [offsetX, offsetY],\n        },\n      },\n      {\n        name: \"preventOverflow\",\n      },\n      {\n        name: \"flip\",\n      },\n    ];\n\n    if (arrow) {\n      modifiers.push({\n        name: \"arrow\",\n        options: {\n          padding: 14,\n        },\n      });\n      modifiers.push({\n        name: \"arrowOffset\",\n        enabled: true,\n        phase: \"main\",\n        fn({ state }) {\n          if (!state.modifiersData.arrow) {\n            return;\n          }\n          if (isVerticalPlacement(state.placement)) {\n            if (cornerAbsoluteOffset !== undefined) {\n              state.modifiersData.arrow.x = cornerAbsoluteOffset;\n            } else {\n              if (state.modifiersData.arrow?.x !== undefined) {\n                state.modifiersData.arrow.x += cornerOffset;\n              }\n            }\n          } else {\n            if (cornerAbsoluteOffset !== undefined) {\n              state.modifiersData.arrow.y = cornerAbsoluteOffset;\n            } else {\n              if (state.modifiersData.arrow?.y !== undefined) {\n                state.modifiersData.arrow.y += cornerOffset;\n              }\n            }\n          }\n        },\n      });\n    }\n\n    return modifiers;\n  }, [arrow, cornerAbsoluteOffset, cornerOffset, offsetX, offsetY]);\n\n  const _placement = placement ?? getPlacement(alignX, alignY);\n  const { styles, attributes } = usePopper(target, tooltipRef, {\n    strategy,\n    placement: _placement,\n    modifiers,\n  });\n\n  const { document } = useDOM();\n  useGlobalEventListener(document, \"click\", isShown && onClose, {\n    passive: true,\n  });\n  // NOTE: setting isShown to true used to trigger usePopper().forceUpdate()\n\n  const childRef =\n    React.isValidElement(children) &&\n    (isDOMTypeElement(children) ? children.ref : children.props.getRootRef);\n  const patchedRef = useExternRef(setTarget, childRef);\n  const child = React.isValidElement(children)\n    ? React.cloneElement(children, {\n        [isDOMTypeElement(children) ? \"ref\" : \"getRootRef\"]: patchedRef,\n      })\n    : children;\n\n  return (\n    <React.Fragment>\n      {child}\n      {isShown &&\n        target != null &&\n        ReactDOM.createPortal(\n          <SimpleTooltip\n            {...restProps}\n            appearance={appearance}\n            arrow={arrow}\n            ref={(el) => setTooltipRef(el)}\n            style={{ arrow: styles.arrow, container: styles.popper }}\n            attributes={{\n              arrow: attributes.arrow ?? null,\n              container: attributes.popper ?? null,\n            }}\n          />,\n          tooltipContainer\n        )}\n    </React.Fragment>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["isDOMTypeElement","element","React","isValidElement","type","warn","warnOnce","IS_DEV","process","env","NODE_ENV","SimpleTooltip","forwardRef","ref","appearance","header","text","arrow","style","popperStyles","attributes","container","containerClassName","className","restContainerAttributes","classNamesString","styles","mapAlignX","x","getPlacement","alignX","alignY","filter","p","join","isVerticalPlacement","placement","startsWith","Tooltip","children","isShown","_isShown","offsetX","offsetY","onClose","cornerOffset","cornerAbsoluteOffset","restProps","useNavTransition","entering","useState","tooltipRef","setTooltipRef","target","setTarget","multiChildren","Children","count","primitiveChild","hasReactNode","JSON","stringify","Boolean","tooltipContainer","useMemo","closest","tooltipContainerAttr","strategy","position","Error","modifiers","name","options","offset","push","padding","enabled","phase","fn","state","modifiersData","undefined","y","_placement","usePopper","useDOM","document","useGlobalEventListener","passive","childRef","props","getRootRef","patchedRef","useExternRef","child","cloneElement","ReactDOM","createPortal","el","popper"],"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { useNavTransition } from \"../NavTransitionContext/NavTransitionContext\";\nimport { PopperArrow } from \"../PopperArrow/PopperArrow\";\nimport { Modifier, usePopper } from \"react-popper\";\nimport { Placement } from \"@popperjs/core\";\nimport { tooltipContainerAttr } from \"./TooltipContainer\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useDOM } from \"../../lib/dom\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { HasRootRef } from \"../../types\";\nimport styles from \"./Tooltip.module.css\";\n\ninterface SimpleTooltipProps extends Partial<TooltipProps> {\n  target?: HTMLDivElement;\n  style?: {\n    arrow: React.CSSProperties;\n    container: React.CSSProperties;\n  };\n  attributes?: {\n    arrow: React.HTMLAttributes<HTMLDivElement> | null;\n    container: React.HTMLAttributes<HTMLDivElement> | null;\n  };\n}\n\n/**\n * Перебиваем `ref`.\n *\n * В оригинальном `React.DOMElement` задаётся `React.LegacyRef<T>`, в котором есть `string`.\n * Когда как `{ ref: \"string\" }` уже давно депрекейтнут.\n */\ninterface DOMElement<\n  P extends React.HTMLAttributes<T> | React.SVGAttributes<T>,\n  T extends Element\n> extends React.DOMElement<P, T> {\n  ref: React.Ref<T>;\n}\n\nconst isDOMTypeElement = <\n  P extends React.HTMLAttributes<T> | React.SVGAttributes<T>,\n  T extends Element\n>(\n  element: React.ReactElement\n): element is DOMElement<P, T> => {\n  return React.isValidElement(element) && typeof element.type === \"string\";\n};\n\nconst warn = warnOnce(\"Tooltip\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nconst SimpleTooltip = React.forwardRef<HTMLDivElement, SimpleTooltipProps>(\n  function SimpleTooltip(\n    {\n      appearance = \"accent\",\n      header,\n      text,\n      arrow,\n      style: popperStyles = {},\n      attributes,\n    },\n    ref\n  ) {\n    const { className: containerClassName, ...restContainerAttributes } =\n      attributes?.container ?? {};\n\n    return (\n      <div\n        className={classNamesString(\n          styles[\"Tooltip\"],\n          styles[`Tooltip--appearance-${appearance}`]\n        )}\n      >\n        <div\n          className={classNamesString(\n            styles[\"Tooltip__container\"],\n            containerClassName\n          )}\n          ref={ref}\n          style={popperStyles.container}\n          {...restContainerAttributes}\n        >\n          {arrow && (\n            <PopperArrow\n              style={popperStyles.arrow}\n              attributes={attributes?.arrow}\n              arrowClassName={styles[\"Tooltip__arrow\"]}\n            />\n          )}\n          <div className={styles[\"Tooltip__content\"]}>\n            {header && (\n              <Subhead weight=\"2\" className={styles[\"Tooltip__title\"]}>\n                {header}\n              </Subhead>\n            )}\n            {text && (\n              <Subhead className={styles[\"Tooltip__text\"]}>{text}</Subhead>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\nexport interface TooltipProps {\n  /**\n   * **Важно**: если в `children` передан React-компонент, то необходимо убедиться в том, что он поддерживает\n   * свойство `getRootRef`, которое должно возвращаться ссылку на корневой DOM-элемент компонента,\n   * иначе тултип показан не будет. Если передан React-element, то такой проблемы нет.\n   */\n  children: React.ReactElement<HasRootRef<any>> | React.ReactElement;\n  /**\n   * Стиль отображения подсказки\n   */\n  appearance?: \"accent\" | \"neutral\" | \"white\" | \"black\" | \"inversion\";\n  /**\n   * Если передан `false`, то рисуется просто `children`.\n   */\n  isShown?: boolean;\n  /**\n   * Текст тултипа.\n   */\n  text?: React.ReactNode;\n  /**\n   * Заголовок тултипа.\n   */\n  header?: React.ReactNode;\n  /**\n   * Положение по горизонтали (прижатие к левому или правому краю `children`).\n   * Если не задано, позиция по горизонтали определятся автоматически\n   */\n  alignX?: \"center\" | \"left\" | \"right\";\n  /**\n   * Положение по вертикали (расположение над или под `children`).\n   * Если не задано, позиция по вертикали определятся автоматически\n   */\n  alignY?: \"top\" | \"bottom\";\n  /**\n   * Сдвиг по горизонтали (относительно портала, в котором рисуется тултип).\n   */\n  offsetX?: number;\n  /**\n   * Сдвиг по вертикали (относительно портала, в котором рисуется тултип).\n   */\n  offsetY?: number;\n  /**\n   * Отображать ли стрелку, указывающую на якорный элемент\n   */\n  arrow?: boolean;\n  /**\n   * Сдвиг стрелочки относительно центра дочернего элемента.\n   */\n  cornerOffset?: number;\n  /**\n   * Сдвиг стрелочки относительно ширины тултипа\n   */\n  cornerAbsoluteOffset?: number;\n  /**\n   * Callback, который вызывается при клике по любому месту в пределах экрана.\n   */\n  onClose?: () => void;\n  /**\n   * По умолчанию компонент выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства\n   */\n  placement?: Placement;\n}\n\nfunction mapAlignX(x: TooltipProps[\"alignX\"]) {\n  switch (x) {\n    case \"left\":\n      return \"start\";\n    case \"right\":\n      return \"end\";\n    default:\n      return \"\";\n  }\n}\nfunction getPlacement(\n  alignX: TooltipProps[\"alignX\"],\n  alignY: TooltipProps[\"alignY\"]\n): Placement {\n  return [alignY || \"bottom\", mapAlignX(alignX || \"left\")]\n    .filter((p) => !!p)\n    .join(\"-\") as Placement;\n}\nfunction isVerticalPlacement(placement: Placement) {\n  return placement.startsWith(\"top\") || placement.startsWith(\"bottom\");\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tooltip\n */\nexport const Tooltip = ({\n  children,\n  isShown: _isShown = true,\n  offsetX = 0,\n  offsetY = 15,\n  alignX,\n  alignY,\n  onClose,\n  cornerOffset = 0,\n  cornerAbsoluteOffset,\n  appearance,\n  arrow = true,\n  placement,\n  ...restProps\n}: TooltipProps) => {\n  const { entering } = useNavTransition();\n  const isShown = _isShown && !entering;\n  const [tooltipRef, setTooltipRef] = React.useState<HTMLElement | null>(null);\n  const [target, setTarget] = React.useState<HTMLElement>();\n\n  if (IS_DEV) {\n    const multiChildren = React.Children.count(children) > 1;\n    // Empty children is a noop\n    const primitiveChild =\n      hasReactNode(children) && typeof children !== \"object\";\n    (multiChildren || primitiveChild) &&\n      warn(\n        [\n          \"children должен быть одним React элементом, получено\",\n          multiChildren && \"несколько\",\n          primitiveChild && JSON.stringify(children),\n        ]\n          .filter(Boolean)\n          .join(\" \"),\n        \"error\"\n      );\n  }\n\n  /* eslint-disable no-restricted-properties */\n  /* eslint-disable @typescript-eslint/no-unnecessary-type-assertion*/\n  const tooltipContainer = React.useMemo(\n    () => target?.closest(`[${tooltipContainerAttr}]`) as HTMLDivElement,\n    [target]\n  );\n  const strategy = React.useMemo(\n    () => (target?.style.position === \"fixed\" ? \"fixed\" : \"absolute\"),\n    [target]\n  );\n  /* eslint-enable @typescript-eslint/no-unnecessary-type-assertion*/\n  /* eslint-enable no-restricted-properties */\n\n  if (IS_DEV && target && !tooltipContainer) {\n    throw new Error(\n      \"Use TooltipContainer for Tooltip outside Panel (see docs)\"\n    );\n  }\n\n  const modifiers = React.useMemo(() => {\n    const modifiers: Array<Modifier<string>> = [\n      {\n        name: \"offset\",\n        options: {\n          offset: [offsetX, offsetY],\n        },\n      },\n      {\n        name: \"preventOverflow\",\n      },\n      {\n        name: \"flip\",\n      },\n    ];\n\n    if (arrow) {\n      modifiers.push({\n        name: \"arrow\",\n        options: {\n          padding: 14,\n        },\n      });\n      modifiers.push({\n        name: \"arrowOffset\",\n        enabled: true,\n        phase: \"main\",\n        fn({ state }) {\n          if (!state.modifiersData.arrow) {\n            return;\n          }\n          if (isVerticalPlacement(state.placement)) {\n            if (cornerAbsoluteOffset !== undefined) {\n              state.modifiersData.arrow.x = cornerAbsoluteOffset;\n            } else {\n              if (state.modifiersData.arrow?.x !== undefined) {\n                state.modifiersData.arrow.x += cornerOffset;\n              }\n            }\n          } else {\n            if (cornerAbsoluteOffset !== undefined) {\n              state.modifiersData.arrow.y = cornerAbsoluteOffset;\n            } else {\n              if (state.modifiersData.arrow?.y !== undefined) {\n                state.modifiersData.arrow.y += cornerOffset;\n              }\n            }\n          }\n        },\n      });\n    }\n\n    return modifiers;\n  }, [arrow, cornerAbsoluteOffset, cornerOffset, offsetX, offsetY]);\n\n  const _placement = placement ?? getPlacement(alignX, alignY);\n  const { styles: popperStyles, attributes } = usePopper(target, tooltipRef, {\n    strategy,\n    placement: _placement,\n    modifiers,\n  });\n\n  const { document } = useDOM();\n  useGlobalEventListener(document, \"click\", isShown && onClose, {\n    passive: true,\n  });\n  // NOTE: setting isShown to true used to trigger usePopper().forceUpdate()\n\n  const childRef = isDOMTypeElement<\n    React.HTMLAttributes<HTMLElement>,\n    HTMLElement\n  >(children)\n    ? children.ref\n    : React.isValidElement<HasRootRef<HTMLElement>>(children)\n    ? children.props.getRootRef\n    : null;\n  const patchedRef = useExternRef(setTarget, childRef);\n  const child = React.isValidElement(children)\n    ? React.cloneElement(children, {\n        [isDOMTypeElement(children) ? \"ref\" : \"getRootRef\"]: patchedRef,\n      })\n    : children;\n\n  return (\n    <React.Fragment>\n      {child}\n      {isShown &&\n        target != null &&\n        ReactDOM.createPortal(\n          <SimpleTooltip\n            {...restProps}\n            appearance={appearance}\n            arrow={arrow}\n            ref={(el) => setTooltipRef(el)}\n            style={{\n              arrow: popperStyles.arrow,\n              container: popperStyles.popper,\n            }}\n            attributes={{\n              arrow: attributes.arrow ?? null,\n              container: attributes.popper ?? null,\n            }}\n          />,\n          tooltipContainer\n        )}\n    </React.Fragment>\n  );\n};\n"],"mappings":"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"}

package/dist/cjs/components/Tooltip/TooltipContainer.js

@@ -1,31 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tooltipContainerAttr = exports.TooltipContainer = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _excluded = ["fixed"];
 var tooltipContainerAttr = "data-tooltip-container";
 exports.tooltipContainerAttr = tooltipContainerAttr;
 var TooltipContainer = /*#__PURE__*/React.forwardRef(function TooltipContainer(_ref, ref) {
   var _ref$fixed = _ref.fixed,
-      fixed = _ref$fixed === void 0 ? false : _ref$fixed,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    fixed = _ref$fixed === void 0 ? false : _ref$fixed,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   props[tooltipContainerAttr] = fixed ? "fixed" : "true";
-  return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, props, {
     ref: ref
   }));
 });

package/dist/cjs/components/Tooltip/TooltipContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContainer.js","names":["tooltipContainerAttr","TooltipContainer","React","forwardRef","ref","fixed","props"],"sources":["../../../../src/components/Tooltip/TooltipContainer.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport const tooltipContainerAttr = \"data-tooltip-container\";\nexport const TooltipContainer = React.forwardRef<\n  HTMLDivElement,\n  React.HtmlHTMLAttributes<HTMLDivElement> & { fixed?: boolean }\n>(function TooltipContainer({ fixed = false, ...props }, ref) {\n  (props as any)[tooltipContainerAttr] = fixed ? \"fixed\" : \"true\";\n  return <div {...props} ref={ref} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;AAEO,IAAMA,oBAAoB,GAAG,wBAA7B;;AACA,IAAMC,gBAAgB,gBAAGC,KAAK,CAACC,UAAN,CAG9B,SAASF,gBAAT,OAAuDG,GAAvD,EAA4D;EAAA,sBAAhCC,KAAgC;EAAA,IAAhCA,KAAgC,2BAAxB,KAAwB;EAAA,IAAdC,KAAc;EAC3DA,KAAD,CAAeN,oBAAf,IAAuCK,KAAK,GAAG,OAAH,GAAa,MAAzD;EACA,OAAO,uEAASC,KAAT;IAAgB,GAAG,EAAEF;EAArB,GAAP;AACD,CAN+B,CAAzB"}
+{"version":3,"file":"TooltipContainer.js","names":["tooltipContainerAttr","TooltipContainer","React","forwardRef","ref","fixed","props"],"sources":["../../../../src/components/Tooltip/TooltipContainer.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport const tooltipContainerAttr = \"data-tooltip-container\";\nexport const TooltipContainer = React.forwardRef<\n  HTMLDivElement,\n  React.HtmlHTMLAttributes<HTMLDivElement> & { fixed?: boolean }\n>(function TooltipContainer({ fixed = false, ...props }, ref) {\n  (props as any)[tooltipContainerAttr] = fixed ? \"fixed\" : \"true\";\n  return <div {...props} ref={ref} />;\n});\n"],"mappings":";;;;;;;;;;AAAA;AAA+B;AAExB,IAAMA,oBAAoB,GAAG,wBAAwB;AAAC;AACtD,IAAMC,gBAAgB,gBAAGC,KAAK,CAACC,UAAU,CAG9C,SAASF,gBAAgB,OAA8BG,GAAG,EAAE;EAAA,sBAAhCC,KAAK;IAALA,KAAK,2BAAG,KAAK;IAAKC,KAAK;EAClDA,KAAK,CAASN,oBAAoB,CAAC,GAAGK,KAAK,GAAG,OAAO,GAAG,MAAM;EAC/D,oBAAO,sDAASC,KAAK;IAAE,GAAG,EAAEF;EAAI,GAAG;AACrC,CAAC,CAAC;AAAC"}