@rescui/tooltip 0.8.9 → 0.8.11

package/lib/index.css

@@ -1,10 +1,10 @@
-._tooltip_1das02v_5{
+._tooltip_1phxrg1_5{
   position:relative;
 }
-._closing_1das02v_9{
+._closing_1phxrg1_9{
   pointer-events:none;
 }
-._content_1das02v_13{
+._content_1phxrg1_13{
   --rs-theme-dark:1;
   --_rs-tooltip-border-width:1px;
 
@@ -83,35 +83,35 @@
   -webkit-transform:translate(0, 0);
           transform:translate(0, 0);
 }
-[data-real-placement='top-end'] ._content_1das02v_13,
-  [data-real-placement='bottom-end'] ._content_1das02v_13{
+[data-real-placement='top-end'] ._content_1phxrg1_13,
+  [data-real-placement='bottom-end'] ._content_1phxrg1_13{
     margin-right:0;
   }
-[data-real-placement='top-start'] ._content_1das02v_13,
-  [data-real-placement='bottom-start'] ._content_1das02v_13{
+[data-real-placement='top-start'] ._content_1phxrg1_13,
+  [data-real-placement='bottom-start'] ._content_1phxrg1_13{
     margin-left:0;
   }
-[data-real-placement='left-end'] ._content_1das02v_13,
-  [data-real-placement='right-end'] ._content_1das02v_13{
+[data-real-placement='left-end'] ._content_1phxrg1_13,
+  [data-real-placement='right-end'] ._content_1phxrg1_13{
     margin-bottom:0;
   }
-[data-real-placement='left-start'] ._content_1das02v_13,
-  [data-real-placement='right-start'] ._content_1das02v_13{
+[data-real-placement='left-start'] ._content_1phxrg1_13,
+  [data-real-placement='right-start'] ._content_1phxrg1_13{
     margin-top:0;
   }
-._initial_1das02v_54 ._content_1das02v_13{
+._initial_1phxrg1_54 ._content_1phxrg1_13{
     -webkit-transition:none;
     transition:none;
   }
-._closing_1das02v_9 ._content_1das02v_13{
+._closing_1phxrg1_9 ._content_1phxrg1_13{
     -webkit-transition-duration:200ms, 200ms;
             transition-duration:200ms, 200ms;
   }
-._initial_1das02v_54 ._content_1das02v_13,
-  ._closing_1das02v_9 ._content_1das02v_13{
+._initial_1phxrg1_54 ._content_1phxrg1_13,
+  ._closing_1phxrg1_9 ._content_1phxrg1_13{
     opacity:0;
   }
-._outerThemeLight_1das02v_68 ._content_1das02v_13{
+._outerThemeLight_1phxrg1_68 ._content_1phxrg1_13{
     --rs-color-primary-dark-theme:var(--rs-color-primary-light-theme);
     --rs-color-primary-dim-dark-theme:var(--rs-color-primary-dim-light-theme);
     --rs-color-primary-fog-dark-theme:var(--rs-color-primary-fog-light-theme);
@@ -122,7 +122,7 @@
       --rs-color-primary-t-fog-light-theme
     );
   }
-._outerThemeDark_1das02v_81 ._content_1das02v_13{
+._outerThemeDark_1phxrg1_81 ._content_1phxrg1_13{
     --rs-color-primary-light-theme:var(--rs-color-primary-dark-theme);
     --rs-color-primary-dim-light-theme:var(--rs-color-primary-dim-dark-theme);
     --rs-color-primary-fog-light-theme:var(--rs-color-primary-fog-dark-theme);
@@ -133,24 +133,24 @@
       --rs-color-primary-t-fog-dark-theme
     );
   }
-._initial_1das02v_54[data-real-placement^='top'] ._content_1das02v_13, ._closing_1das02v_9[data-real-placement^='top'] ._content_1das02v_13{
+._initial_1phxrg1_54[data-real-placement^='top'] ._content_1phxrg1_13, ._closing_1phxrg1_9[data-real-placement^='top'] ._content_1phxrg1_13{
     -webkit-transform:translate(0, 10px);
             transform:translate(0, 10px);
   }
-._initial_1das02v_54[data-real-placement^='right'] ._content_1das02v_13, ._closing_1das02v_9[data-real-placement^='right'] ._content_1das02v_13{
+._initial_1phxrg1_54[data-real-placement^='right'] ._content_1phxrg1_13, ._closing_1phxrg1_9[data-real-placement^='right'] ._content_1phxrg1_13{
     -webkit-transform:translate(-10px, 0);
             transform:translate(-10px, 0);
   }
-._initial_1das02v_54[data-real-placement^='bottom'] ._content_1das02v_13, ._closing_1das02v_9[data-real-placement^='bottom'] ._content_1das02v_13{
+._initial_1phxrg1_54[data-real-placement^='bottom'] ._content_1phxrg1_13, ._closing_1phxrg1_9[data-real-placement^='bottom'] ._content_1phxrg1_13{
     -webkit-transform:translate(0, -10px);
             transform:translate(0, -10px);
   }
-._initial_1das02v_54[data-real-placement^='left'] ._content_1das02v_13, ._closing_1das02v_9[data-real-placement^='left'] ._content_1das02v_13{
+._initial_1phxrg1_54[data-real-placement^='left'] ._content_1phxrg1_13, ._closing_1phxrg1_9[data-real-placement^='left'] ._content_1phxrg1_13{
     -webkit-transform:translate(10px, 0);
             transform:translate(10px, 0);
   }
-._trigger_1das02v_113:focus-visible,
-._trigger_1das02v_113:focus[data-focus-method='key']{
+._trigger_1phxrg1_113:focus-visible,
+._trigger_1phxrg1_113:focus[data-focus-method='key']{
   outline:none;
 
   -webkit-box-shadow:var(--rs-color-primary-t-dim-light-theme) 0 0 0 4px;

package/lib/index.p.module.css.js

@@ -1,10 +1,10 @@
 var styles = {
-  "tooltip": "_tooltip_1das02v_5",
-  "closing": "_closing_1das02v_9",
-  "content": "_content_1das02v_13",
-  "initial": "_initial_1das02v_54",
-  "outerThemeLight": "_outerThemeLight_1das02v_68",
-  "outerThemeDark": "_outerThemeDark_1das02v_81",
-  "trigger": "_trigger_1das02v_113"
+  "tooltip": "_tooltip_1phxrg1_5",
+  "closing": "_closing_1phxrg1_9",
+  "content": "_content_1phxrg1_13",
+  "initial": "_initial_1phxrg1_54",
+  "outerThemeLight": "_outerThemeLight_1phxrg1_68",
+  "outerThemeDark": "_outerThemeDark_1phxrg1_81",
+  "trigger": "_trigger_1phxrg1_113"
 };
 export { styles as default };

package/lib/tooltip.js

@@ -17,7 +17,7 @@ import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/ins
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/web.dom-collections.for-each.js";
-import React, { useEffect, cloneElement, createElement, useState, useRef, useCallback, useContext, isValidElement } from 'react';
+import React, { cloneElement, createElement, useState, useRef, useEffect, useCallback, useContext, isValidElement } from 'react';
 import { Element, ForwardRef, typeOf } from 'react-is';
 import cn from 'classnames';
 import PropTypes from 'prop-types';
@@ -64,11 +64,10 @@ var OUTER_THEME_STYLES = {
   light: styles.outerThemeLight,
   dark: styles.outerThemeDark
 };
-var TriggerRenderer = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
-  var _context;
+var TriggerRenderer = /*#__PURE__*/React.forwardRef(function (_ref2, _ref3) {
+  var _children$ref, _children$props, _context;
 
-  var triggerRef = _ref2.triggerRef,
-      setTriggerRef = _ref2.setTriggerRef,
+  var setTriggerRef = _ref2.setTriggerRef,
       targetComponent = _ref2.targetComponent,
       isControlled = _ref2.isControlled,
       handleMouseEnterTarget = _ref2.handleMouseEnterTarget,
@@ -81,18 +80,28 @@ var TriggerRenderer = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     onBlur: handleMouseLeaveTarget,
     tabIndex: 0
   } : {};
-  useEffect(function () {
-    if (!ref) return;
-
-    if (typeof ref === 'function') {
-      ref(triggerRef);
-    } else {
-      ref.current = triggerRef;
-    }
-  }, [ref, triggerRef]);
+  var childrenRef = (_children$ref = children === null || children === void 0 ? void 0 : children.ref) !== null && _children$ref !== void 0 ? _children$ref : children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.ref;
 
   var tooltipTargetProps = _Object$assign({}, {
-    ref: setTriggerRef
+    ref: function ref(el) {
+      setTriggerRef(el);
+
+      if (childrenRef) {
+        if (typeof childrenRef === 'function') {
+          childrenRef(el);
+        } else {
+          childrenRef.current = el;
+        }
+      }
+
+      if (_ref3) {
+        if (typeof _ref3 === 'function') {
+          _ref3(el);
+        } else {
+          _ref3.current = el;
+        }
+      }
+    }
   }, eventListeners);
 
   if (typeof children === 'function') {
@@ -112,21 +121,21 @@ var TriggerRenderer = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
 });
 TriggerRenderer.displayName = 'TriggerRenderer';
 
-var Tooltip = function Tooltip(_ref3) {
-  var children = _ref3.children,
-      _ref3$targetComponent = _ref3.targetComponent,
-      targetComponent = _ref3$targetComponent === void 0 ? 'span' : _ref3$targetComponent,
-      content = _ref3.content,
-      className = _ref3.className,
-      isVisibleFromProps = _ref3.isVisible,
-      modifiers = _ref3.modifiers,
-      _ref3$placement = _ref3.placement,
-      placement = _ref3$placement === void 0 ? 'auto' : _ref3$placement,
-      _ref3$sparse = _ref3.sparse,
-      sparse = _ref3$sparse === void 0 ? true : _ref3$sparse,
-      _ref3$fallbackPlaceme = _ref3.fallbackPlacements,
-      fallbackPlacements = _ref3$fallbackPlaceme === void 0 ? ['top', 'bottom'] : _ref3$fallbackPlaceme,
-      disableHideDelay = _ref3.disableHideDelay;
+var Tooltip = function Tooltip(_ref4) {
+  var children = _ref4.children,
+      _ref4$targetComponent = _ref4.targetComponent,
+      targetComponent = _ref4$targetComponent === void 0 ? 'span' : _ref4$targetComponent,
+      content = _ref4.content,
+      className = _ref4.className,
+      isVisibleFromProps = _ref4.isVisible,
+      modifiers = _ref4.modifiers,
+      _ref4$placement = _ref4.placement,
+      placement = _ref4$placement === void 0 ? 'auto' : _ref4$placement,
+      _ref4$sparse = _ref4.sparse,
+      sparse = _ref4$sparse === void 0 ? true : _ref4$sparse,
+      _ref4$fallbackPlaceme = _ref4.fallbackPlacements,
+      fallbackPlacements = _ref4$fallbackPlaceme === void 0 ? ['top', 'bottom'] : _ref4$fallbackPlaceme,
+      disableHideDelay = _ref4.disableHideDelay;
 
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -189,8 +198,8 @@ var Tooltip = function Tooltip(_ref3) {
       setIsInitial(true);
     }
   }, [isExists]);
-  var disableInitialFlag = useCallback(function (_ref4) {
-    var state = _ref4.state;
+  var disableInitialFlag = useCallback(function (_ref5) {
+    var state = _ref5.state;
     var el = state.elements.popper; // force layout phase
     // to make sure that the dom has registered the initial
     // styles with resolved placement (for `auto` placement)
@@ -217,15 +226,14 @@ var Tooltip = function Tooltip(_ref3) {
       noProvider = _useContext.noProvider;
 
   var theme = noProvider ? themeFromCss : themeFromContext;
-  return /*#__PURE__*/React.createElement(LayeringConsumer, null, function (_ref5) {
+  return /*#__PURE__*/React.createElement(LayeringConsumer, null, function (_ref6) {
     var _context2;
 
-    var tooltipZIndex = _ref5.tooltipZIndex;
-    return /*#__PURE__*/React.createElement(Manager, null, /*#__PURE__*/React.createElement(Reference, null, function (_ref6) {
-      var ref = _ref6.ref;
+    var tooltipZIndex = _ref6.tooltipZIndex;
+    return /*#__PURE__*/React.createElement(Manager, null, /*#__PURE__*/React.createElement(Reference, null, function (_ref7) {
+      var ref = _ref7.ref;
       return /*#__PURE__*/React.createElement(TriggerRenderer, {
         ref: ref,
-        triggerRef: triggerRef,
         setTriggerRef: setTriggerRef,
         targetComponent: targetComponent,
         isControlled: isControlled,
@@ -249,8 +257,8 @@ var Tooltip = function Tooltip(_ref3) {
       }, {
         name: 'offset',
         options: {
-          offset: function offset(_ref7) {
-            var offsetPlacement = _ref7.placement;
+          offset: function offset(_ref8) {
+            var offsetPlacement = _ref8.placement;
 
             if (_includesInstanceProperty(offsetPlacement).call(offsetPlacement, 'left') || _includesInstanceProperty(offsetPlacement).call(offsetPlacement, 'right')) {
               return [0, sparse ? 16 : 8];
@@ -260,11 +268,11 @@ var Tooltip = function Tooltip(_ref3) {
           }
         }
       }]).call(_context2, _toConsumableArray(modifiers || []))
-    }, function (_ref8) {
-      var ref = _ref8.ref,
-          style = _ref8.style,
-          update = _ref8.update,
-          realPlacement = _ref8.placement;
+    }, function (_ref9) {
+      var ref = _ref9.ref,
+          style = _ref9.style,
+          update = _ref9.update,
+          realPlacement = _ref9.placement;
       schedulePopperUpdateRef.current = update;
       return /*#__PURE__*/React.createElement("span", {
         className: cn(styles.tooltip, isInitial && styles.initial, isClosing && styles.closing, OUTER_THEME_STYLES[theme], className),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/tooltip",
-  "version": "0.8.9",
+  "version": "0.8.11",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -29,7 +29,7 @@
   },
   "devDependencies": {
     "@rescui/colors": "^0.2.5",
-    "@rescui/icons": "^0.16.8",
+    "@rescui/icons": "^0.16.9",
     "@rescui/scripts": "^0.3.4",
     "@rescui/typography": "^0.18.2",
     "@types/react-is": "^17.0.3"
@@ -38,5 +38,5 @@
     "build": "rescui-scripts build"
   },
   "nx": {},
-  "gitHead": "dd4daa4d090de538f8e90608cc39027ea8018603"
+  "gitHead": "d6a7d2c5976eb13393dc404a214a651c40248794"
 }