@rescui/tooltip 0.10.6-RUI-274-Fix-tooltip-rendering-for-React-19-abd1bdf9.10 → 0.10.6-RUI-274-Fix-tooltip-rendering-for-React-19-0dc475d8.11

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 +12 -2
  3. package/lib/tooltip.p.module.css.js +7 -7
  4. package/package.json +5 -5
package/lib/index.css CHANGED
@@ -1,10 +1,10 @@
1
- ._tooltip_rl31na_5{
1
+ ._tooltip_8adtnp_5{
2
2
  position:relative;
3
3
  }
4
- ._closing_rl31na_9{
4
+ ._closing_8adtnp_9{
5
5
  pointer-events:none;
6
6
  }
7
- ._content_rl31na_13{
7
+ ._content_8adtnp_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_rl31na_13,
79
- [data-popper-placement='bottom-end'] ._content_rl31na_13{
78
+ [data-popper-placement='top-end'] ._content_8adtnp_13,
79
+ [data-popper-placement='bottom-end'] ._content_8adtnp_13{
80
80
  margin-right:0;
81
81
  }
82
- [data-popper-placement='top-start'] ._content_rl31na_13,
83
- [data-popper-placement='bottom-start'] ._content_rl31na_13{
82
+ [data-popper-placement='top-start'] ._content_8adtnp_13,
83
+ [data-popper-placement='bottom-start'] ._content_8adtnp_13{
84
84
  margin-left:0;
85
85
  }
86
- [data-popper-placement='left-end'] ._content_rl31na_13,
87
- [data-popper-placement='right-end'] ._content_rl31na_13{
86
+ [data-popper-placement='left-end'] ._content_8adtnp_13,
87
+ [data-popper-placement='right-end'] ._content_8adtnp_13{
88
88
  margin-bottom:0;
89
89
  }
90
- [data-popper-placement='left-start'] ._content_rl31na_13,
91
- [data-popper-placement='right-start'] ._content_rl31na_13{
90
+ [data-popper-placement='left-start'] ._content_8adtnp_13,
91
+ [data-popper-placement='right-start'] ._content_8adtnp_13{
92
92
  margin-top:0;
93
93
  }
94
- ._initial_rl31na_54 ._content_rl31na_13{
94
+ ._initial_8adtnp_54 ._content_8adtnp_13{
95
95
  transition:none;
96
96
  }
97
- ._closing_rl31na_9 ._content_rl31na_13{
97
+ ._closing_8adtnp_9 ._content_8adtnp_13{
98
98
  transition-duration:200ms, 200ms;
99
99
  }
100
- ._initial_rl31na_54 ._content_rl31na_13,
101
- ._closing_rl31na_9 ._content_rl31na_13{
100
+ ._initial_8adtnp_54 ._content_8adtnp_13,
101
+ ._closing_8adtnp_9 ._content_8adtnp_13{
102
102
  opacity:0;
103
103
  }
104
- ._outerThemeLight_rl31na_68 ._content_rl31na_13{
104
+ ._outerThemeLight_8adtnp_68 ._content_8adtnp_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_rl31na_81 ._content_rl31na_13{
115
+ ._outerThemeDark_8adtnp_81 ._content_8adtnp_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_rl31na_54[data-popper-placement^='top'] ._content_rl31na_13, ._closing_rl31na_9[data-popper-placement^='top'] ._content_rl31na_13{
126
+ ._initial_8adtnp_54[data-popper-placement^='top'] ._content_8adtnp_13, ._closing_8adtnp_9[data-popper-placement^='top'] ._content_8adtnp_13{
127
127
  transform:translate(0, 10px);
128
128
  }
129
- ._initial_rl31na_54[data-popper-placement^='right'] ._content_rl31na_13, ._closing_rl31na_9[data-popper-placement^='right'] ._content_rl31na_13{
129
+ ._initial_8adtnp_54[data-popper-placement^='right'] ._content_8adtnp_13, ._closing_8adtnp_9[data-popper-placement^='right'] ._content_8adtnp_13{
130
130
  transform:translate(-10px, 0);
131
131
  }
132
- ._initial_rl31na_54[data-popper-placement^='bottom'] ._content_rl31na_13, ._closing_rl31na_9[data-popper-placement^='bottom'] ._content_rl31na_13{
132
+ ._initial_8adtnp_54[data-popper-placement^='bottom'] ._content_8adtnp_13, ._closing_8adtnp_9[data-popper-placement^='bottom'] ._content_8adtnp_13{
133
133
  transform:translate(0, -10px);
134
134
  }
135
- ._initial_rl31na_54[data-popper-placement^='left'] ._content_rl31na_13, ._closing_rl31na_9[data-popper-placement^='left'] ._content_rl31na_13{
135
+ ._initial_8adtnp_54[data-popper-placement^='left'] ._content_8adtnp_13, ._closing_8adtnp_9[data-popper-placement^='left'] ._content_8adtnp_13{
136
136
  transform:translate(10px, 0);
137
137
  }
138
- ._trigger_rl31na_113:focus-visible,
139
- ._trigger_rl31na_113:focus[data-focus-method='key']{
138
+ ._trigger_8adtnp_113:focus-visible,
139
+ ._trigger_8adtnp_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
@@ -189,7 +189,18 @@ const Tooltip = _ref3 => {
189
189
  el.getBoundingClientRect();
190
190
  setIsInitial(false);
191
191
  }, []);
192
- 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]);
193
204
  let primaryColors = {};
194
205
  let themeFromCss = 'light';
195
206
 
@@ -274,7 +285,6 @@ const Tooltip = _ref3 => {
274
285
  onBlur: handleMouseLeaveTarget,
275
286
  onFocus: handleMouseEnterTarget,
276
287
  onTransitionEnd: handleAnimationEnd,
277
- onAnimationEnd: handleAnimationEnd,
278
288
  ref: contentRef
279
289
  }, content)))));
280
290
  };
package/lib/tooltip.p.module.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "tooltip": "_tooltip_rl31na_5",
3
- "closing": "_closing_rl31na_9",
4
- "content": "_content_rl31na_13",
5
- "initial": "_initial_rl31na_54",
6
- "outerThemeLight": "_outerThemeLight_rl31na_68",
7
- "outerThemeDark": "_outerThemeDark_rl31na_81",
8
- "trigger": "_trigger_rl31na_113"
2
+ "tooltip": "_tooltip_8adtnp_5",
3
+ "closing": "_closing_8adtnp_9",
4
+ "content": "_content_8adtnp_13",
5
+ "initial": "_initial_8adtnp_54",
6
+ "outerThemeLight": "_outerThemeLight_8adtnp_68",
7
+ "outerThemeDark": "_outerThemeDark_8adtnp_81",
8
+ "trigger": "_trigger_8adtnp_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-274-Fix-tooltip-rendering-for-React-19-abd1bdf9.10+abd1bdf9",
3
+ "version": "0.10.6-RUI-274-Fix-tooltip-rendering-for-React-19-0dc475d8.11+0dc475d8",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -27,14 +27,14 @@
27
27
  "react-dom": ">=16.8.0 <20"
28
28
  },
29
29
  "devDependencies": {
30
- "@rescui/colors": "0.2.13-RUI-274-Fix-tooltip-rendering-for-React-19-abd1bdf9.10+abd1bdf9",
31
- "@rescui/icons": "1.6.3-RUI-274-Fix-tooltip-rendering-for-React-19-abd1bdf9.10+abd1bdf9",
30
+ "@rescui/colors": "0.2.13-RUI-274-Fix-tooltip-rendering-for-React-19-0dc475d8.11+0dc475d8",
31
+ "@rescui/icons": "1.6.3-RUI-274-Fix-tooltip-rendering-for-React-19-0dc475d8.11+0dc475d8",
32
32
  "@rescui/scripts": "0.5.1",
33
- "@rescui/typography": "0.24.3-RUI-274-Fix-tooltip-rendering-for-React-19-abd1bdf9.10+abd1bdf9"
33
+ "@rescui/typography": "0.24.3-RUI-274-Fix-tooltip-rendering-for-React-19-0dc475d8.11+0dc475d8"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "rescui-scripts build"
37
37
  },
38
38
  "nx": {},
39
- "gitHead": "abd1bdf9bed8f98a616018092c1fdf3232746acd"
39
+ "gitHead": "0dc475d8d52eba4586efeadab2d04041e1c3969f"
40
40
  }