@rescui/tooltip 0.10.6-RUI-275-Propagate-rest-props-for-Dropdown-6b62f4f9.9 → 0.10.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/lib/index.css +23 -23
  2. package/lib/tooltip.js +14 -5
  3. package/lib/tooltip.p.module.css.js +7 -7
  4. package/package.json +6 -8
package/lib/index.css CHANGED
@@ -1,10 +1,10 @@
1
- ._tooltip_7qrs9w_5{
1
+ ._tooltip_v17tm9_5{
2
2
  position:relative;
3
3
  }
4
- ._closing_7qrs9w_9{
4
+ ._closing_v17tm9_9{
5
5
  pointer-events:none;
6
6
  }
7
- ._content_7qrs9w_13{
7
+ ._content_v17tm9_13{
8
8
  --rs-theme-dark:1;
9
9
  --_rs-tooltip-border-width:1px;
10
10
 
@@ -75,33 +75,33 @@
75
75
  transition:opacity 300ms, transform 300ms;
76
76
  transform:translate(0, 0);
77
77
  }
78
- [data-popper-placement='top-end'] ._content_7qrs9w_13,
79
- [data-popper-placement='bottom-end'] ._content_7qrs9w_13{
78
+ [data-popper-placement='top-end'] ._content_v17tm9_13,
79
+ [data-popper-placement='bottom-end'] ._content_v17tm9_13{
80
80
  margin-right:0;
81
81
  }
82
- [data-popper-placement='top-start'] ._content_7qrs9w_13,
83
- [data-popper-placement='bottom-start'] ._content_7qrs9w_13{
82
+ [data-popper-placement='top-start'] ._content_v17tm9_13,
83
+ [data-popper-placement='bottom-start'] ._content_v17tm9_13{
84
84
  margin-left:0;
85
85
  }
86
- [data-popper-placement='left-end'] ._content_7qrs9w_13,
87
- [data-popper-placement='right-end'] ._content_7qrs9w_13{
86
+ [data-popper-placement='left-end'] ._content_v17tm9_13,
87
+ [data-popper-placement='right-end'] ._content_v17tm9_13{
88
88
  margin-bottom:0;
89
89
  }
90
- [data-popper-placement='left-start'] ._content_7qrs9w_13,
91
- [data-popper-placement='right-start'] ._content_7qrs9w_13{
90
+ [data-popper-placement='left-start'] ._content_v17tm9_13,
91
+ [data-popper-placement='right-start'] ._content_v17tm9_13{
92
92
  margin-top:0;
93
93
  }
94
- ._initial_7qrs9w_54 ._content_7qrs9w_13{
94
+ ._initial_v17tm9_54 ._content_v17tm9_13{
95
95
  transition:none;
96
96
  }
97
- ._closing_7qrs9w_9 ._content_7qrs9w_13{
97
+ ._closing_v17tm9_9 ._content_v17tm9_13{
98
98
  transition-duration:200ms, 200ms;
99
99
  }
100
- ._initial_7qrs9w_54 ._content_7qrs9w_13,
101
- ._closing_7qrs9w_9 ._content_7qrs9w_13{
100
+ ._initial_v17tm9_54 ._content_v17tm9_13,
101
+ ._closing_v17tm9_9 ._content_v17tm9_13{
102
102
  opacity:0;
103
103
  }
104
- ._outerThemeLight_7qrs9w_68 ._content_7qrs9w_13{
104
+ ._outerThemeLight_v17tm9_68 ._content_v17tm9_13{
105
105
  --rs-color-primary-dark-theme:var(--rs-color-primary-light-theme);
106
106
  --rs-color-primary-dim-dark-theme:var(--rs-color-primary-dim-light-theme);
107
107
  --rs-color-primary-fog-dark-theme:var(--rs-color-primary-fog-light-theme);
@@ -112,7 +112,7 @@
112
112
  --rs-color-primary-t-fog-light-theme
113
113
  );
114
114
  }
115
- ._outerThemeDark_7qrs9w_81 ._content_7qrs9w_13{
115
+ ._outerThemeDark_v17tm9_81 ._content_v17tm9_13{
116
116
  --rs-color-primary-light-theme:var(--rs-color-primary-dark-theme);
117
117
  --rs-color-primary-dim-light-theme:var(--rs-color-primary-dim-dark-theme);
118
118
  --rs-color-primary-fog-light-theme:var(--rs-color-primary-fog-dark-theme);
@@ -123,20 +123,20 @@
123
123
  --rs-color-primary-t-fog-dark-theme
124
124
  );
125
125
  }
126
- ._initial_7qrs9w_54[data-popper-placement^='top'] ._content_7qrs9w_13, ._closing_7qrs9w_9[data-popper-placement^='top'] ._content_7qrs9w_13{
126
+ ._initial_v17tm9_54[data-popper-placement^='top'] ._content_v17tm9_13, ._closing_v17tm9_9[data-popper-placement^='top'] ._content_v17tm9_13{
127
127
  transform:translate(0, 10px);
128
128
  }
129
- ._initial_7qrs9w_54[data-popper-placement^='right'] ._content_7qrs9w_13, ._closing_7qrs9w_9[data-popper-placement^='right'] ._content_7qrs9w_13{
129
+ ._initial_v17tm9_54[data-popper-placement^='right'] ._content_v17tm9_13, ._closing_v17tm9_9[data-popper-placement^='right'] ._content_v17tm9_13{
130
130
  transform:translate(-10px, 0);
131
131
  }
132
- ._initial_7qrs9w_54[data-popper-placement^='bottom'] ._content_7qrs9w_13, ._closing_7qrs9w_9[data-popper-placement^='bottom'] ._content_7qrs9w_13{
132
+ ._initial_v17tm9_54[data-popper-placement^='bottom'] ._content_v17tm9_13, ._closing_v17tm9_9[data-popper-placement^='bottom'] ._content_v17tm9_13{
133
133
  transform:translate(0, -10px);
134
134
  }
135
- ._initial_7qrs9w_54[data-popper-placement^='left'] ._content_7qrs9w_13, ._closing_7qrs9w_9[data-popper-placement^='left'] ._content_7qrs9w_13{
135
+ ._initial_v17tm9_54[data-popper-placement^='left'] ._content_v17tm9_13, ._closing_v17tm9_9[data-popper-placement^='left'] ._content_v17tm9_13{
136
136
  transform:translate(10px, 0);
137
137
  }
138
- ._trigger_7qrs9w_113:focus-visible,
139
- ._trigger_7qrs9w_113:focus[data-focus-method='key']{
138
+ ._trigger_v17tm9_113:focus-visible,
139
+ ._trigger_v17tm9_113:focus[data-focus-method='key']{
140
140
  outline:none;
141
141
 
142
142
  box-shadow:var(--rs-color-primary-t-dim-light-theme) 0 0 0 4px;
package/lib/tooltip.js CHANGED
@@ -1,7 +1,6 @@
1
1
  "use client";
2
2
  import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
3
3
  import React, { cloneElement, createElement, useState, useRef, useEffect, useCallback, useContext, isValidElement } from 'react';
4
- import { Element, ForwardRef, typeOf } from 'react-is';
5
4
  import cn from 'classnames';
6
5
  import PropTypes from 'prop-types';
7
6
  import ReactDOM from 'react-dom';
@@ -47,7 +46,7 @@ const OUTER_THEME_STYLES = {
47
46
  dark: styles.outerThemeDark
48
47
  };
49
48
  const TriggerRenderer = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
50
- var _children$props, _context;
49
+ var _children$props;
51
50
 
52
51
  let {
53
52
  setTriggerRef,
@@ -91,7 +90,7 @@ const TriggerRenderer = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
91
90
  return children({
92
91
  targetProps: tooltipTargetProps
93
92
  });
94
- } else if (_includesInstanceProperty(_context = [Element, ForwardRef]).call(_context, typeOf(children))) {
93
+ } else if ( /*#__PURE__*/React.isValidElement(children)) {
95
94
  return /*#__PURE__*/cloneElement(children, {
96
95
  className: cn(styles.trigger, children.props.className),
97
96
  ...tooltipTargetProps
@@ -190,7 +189,18 @@ const Tooltip = _ref3 => {
190
189
  el.getBoundingClientRect();
191
190
  setIsInitial(false);
192
191
  }, []);
193
- const tooltipShouldBeRendered = isExists && isNode(content);
192
+ const tooltipShouldBeRendered = isExists && isNode(content); // immediately fire handleAnimationEnd event on visibility change in case transition is disabled
193
+ // it may happen if the user hard-disabled all transitions in his browser
194
+
195
+ useEffect(() => {
196
+ if (!isInitial && contentRef.current) {
197
+ const isTransitionDisabled = window.getComputedStyle(contentRef.current).transitionDuration === '0s';
198
+
199
+ if (isTransitionDisabled) {
200
+ handleAnimationEnd();
201
+ }
202
+ }
203
+ }, [handleAnimationEnd, isInitial]);
194
204
  let primaryColors = {};
195
205
  let themeFromCss = 'light';
196
206
 
@@ -275,7 +285,6 @@ const Tooltip = _ref3 => {
275
285
  onBlur: handleMouseLeaveTarget,
276
286
  onFocus: handleMouseEnterTarget,
277
287
  onTransitionEnd: handleAnimationEnd,
278
- onAnimationEnd: handleAnimationEnd,
279
288
  ref: contentRef
280
289
  }, content)))));
281
290
  };
package/lib/tooltip.p.module.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "tooltip": "_tooltip_7qrs9w_5",
3
- "closing": "_closing_7qrs9w_9",
4
- "content": "_content_7qrs9w_13",
5
- "initial": "_initial_7qrs9w_54",
6
- "outerThemeLight": "_outerThemeLight_7qrs9w_68",
7
- "outerThemeDark": "_outerThemeDark_7qrs9w_81",
8
- "trigger": "_trigger_7qrs9w_113"
2
+ "tooltip": "_tooltip_v17tm9_5",
3
+ "closing": "_closing_v17tm9_9",
4
+ "content": "_content_v17tm9_13",
5
+ "initial": "_initial_v17tm9_54",
6
+ "outerThemeLight": "_outerThemeLight_v17tm9_68",
7
+ "outerThemeDark": "_outerThemeDark_v17tm9_81",
8
+ "trigger": "_trigger_v17tm9_113"
9
9
  };
10
10
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/tooltip",
3
- "version": "0.10.6-RUI-275-Propagate-rest-props-for-Dropdown-6b62f4f9.9+6b62f4f9",
3
+ "version": "0.10.6",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -18,7 +18,6 @@
18
18
  "@babel/runtime-corejs3": "^7.26.0",
19
19
  "@popperjs/core": "^2.11.8",
20
20
  "classnames": "^2.2.6",
21
- "react-is": "^17.0.2",
22
21
  "react-popper": "^2.2.5"
23
22
  },
24
23
  "peerDependencies": {
@@ -28,15 +27,14 @@
28
27
  "react-dom": ">=16.8.0 <20"
29
28
  },
30
29
  "devDependencies": {
31
- "@rescui/colors": "0.2.13-RUI-275-Propagate-rest-props-for-Dropdown-6b62f4f9.9+6b62f4f9",
32
- "@rescui/icons": "1.6.3-RUI-275-Propagate-rest-props-for-Dropdown-6b62f4f9.9+6b62f4f9",
33
- "@rescui/scripts": "0.5.1",
34
- "@rescui/typography": "0.24.3-RUI-275-Propagate-rest-props-for-Dropdown-6b62f4f9.9+6b62f4f9",
35
- "@types/react-is": "^17.0.3"
30
+ "@rescui/colors": "^0.2.12",
31
+ "@rescui/icons": "^1.6.2",
32
+ "@rescui/scripts": "^0.5.1",
33
+ "@rescui/typography": "^0.24.2"
36
34
  },
37
35
  "scripts": {
38
36
  "build": "rescui-scripts build"
39
37
  },
40
38
  "nx": {},
41
- "gitHead": "6b62f4f9995320cebd2d8e5f22721831bf2e65fd"
39
+ "gitHead": "0aed456bcc2361ae0acc258acdc9b552b64f7d41"
42
40
  }