@ultraviolet/ui 1.45.0 → 1.45.1
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.
package/dist/index.d.ts
CHANGED
|
@@ -3189,7 +3189,7 @@ declare const ToggleGroup: {
|
|
|
3189
3189
|
Toggle: ({ disabled, name, value, label, helper, className, "data-testid": dataTestId, }: ToggleGroupToggleProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3190
3190
|
};
|
|
3191
3191
|
|
|
3192
|
-
type TooltipProps = Pick<ComponentProps<typeof Popup>, 'id' | 'children' | 'maxWidth' | 'placement' | 'text' | 'className' | 'visible' | 'innerRef' | 'role' | 'data-testid' | 'containerFullWidth' | 'portalTarget'>;
|
|
3192
|
+
type TooltipProps = Pick<ComponentProps<typeof Popup>, 'id' | 'children' | 'maxWidth' | 'placement' | 'text' | 'className' | 'visible' | 'innerRef' | 'role' | 'data-testid' | 'containerFullWidth' | 'portalTarget' | 'tabIndex'>;
|
|
3193
3193
|
/**
|
|
3194
3194
|
* Tooltip component is used to display additional information on hover or focus.
|
|
3195
3195
|
* It is used to explain the purpose of the element it is attached to.
|
|
@@ -53,6 +53,9 @@ const Expandable = ({
|
|
|
53
53
|
useEffect(() => {
|
|
54
54
|
if (opened && ref.current && height) {
|
|
55
55
|
ref.current.style.maxHeight = `${height}px`;
|
|
56
|
+
if (!minHeight) {
|
|
57
|
+
ref.current.style.visibility = '';
|
|
58
|
+
}
|
|
56
59
|
transitionTimer.current = setTimeout(() => {
|
|
57
60
|
if (ref.current) {
|
|
58
61
|
ref.current.style.maxHeight = 'initial';
|
|
@@ -67,6 +70,11 @@ const Expandable = ({
|
|
|
67
70
|
if (ref.current) {
|
|
68
71
|
ref.current.style.maxHeight = `${minHeight}px`;
|
|
69
72
|
ref.current.style.overflow = 'hidden';
|
|
73
|
+
setTimeout(() => {
|
|
74
|
+
if (ref.current && !minHeight) {
|
|
75
|
+
ref.current.style.visibility = 'hidden';
|
|
76
|
+
}
|
|
77
|
+
}, ANIMATION_DURATION);
|
|
70
78
|
}
|
|
71
79
|
}, 0);
|
|
72
80
|
}
|
|
@@ -31,7 +31,8 @@ const Tooltip = /*#__PURE__*/forwardRef(({
|
|
|
31
31
|
innerRef,
|
|
32
32
|
role = 'tooltip',
|
|
33
33
|
'data-testid': dataTestId,
|
|
34
|
-
portalTarget
|
|
34
|
+
portalTarget,
|
|
35
|
+
tabIndex
|
|
35
36
|
}, tooltipRef) => jsx(StyledPopup, {
|
|
36
37
|
id: id,
|
|
37
38
|
ref: tooltipRef,
|
|
@@ -45,6 +46,7 @@ const Tooltip = /*#__PURE__*/forwardRef(({
|
|
|
45
46
|
text: text,
|
|
46
47
|
innerRef: innerRef,
|
|
47
48
|
portalTarget: portalTarget,
|
|
49
|
+
tabIndex: tabIndex,
|
|
48
50
|
children: children
|
|
49
51
|
}));
|
|
50
52
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ultraviolet/ui",
|
|
3
|
-
"version": "1.45.
|
|
3
|
+
"version": "1.45.1",
|
|
4
4
|
"description": "Ultraviolet UI",
|
|
5
5
|
"homepage": "https://github.com/scaleway/ultraviolet#readme",
|
|
6
6
|
"repository": {
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
36
|
"@emotion/react": "11.11.4",
|
|
37
|
-
"@emotion/styled": "11.11.
|
|
37
|
+
"@emotion/styled": "11.11.5",
|
|
38
38
|
"react": "18.2.0",
|
|
39
39
|
"react-dom": "18.2.0"
|
|
40
40
|
},
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"@babel/core": "7.24.3",
|
|
43
43
|
"@emotion/babel-plugin": "11.11.0",
|
|
44
44
|
"@emotion/react": "11.11.4",
|
|
45
|
-
"@emotion/styled": "11.11.
|
|
45
|
+
"@emotion/styled": "11.11.5",
|
|
46
46
|
"@types/react": "18.2.64",
|
|
47
47
|
"@types/react-datepicker": "4.19.6",
|
|
48
48
|
"@types/react-dom": "18.2.21",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"react-dom": "18.2.0"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@emotion/serialize": "1.1.
|
|
53
|
+
"@emotion/serialize": "1.1.4",
|
|
54
54
|
"@nivo/bar": "0.80.0",
|
|
55
55
|
"@nivo/core": "0.80.0",
|
|
56
56
|
"@nivo/line": "0.80.0",
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"react-use-clipboard": "1.0.9",
|
|
66
66
|
"reakit": "1.3.11",
|
|
67
67
|
"@ultraviolet/themes": "1.9.0",
|
|
68
|
-
"@ultraviolet/icons": "2.11.
|
|
68
|
+
"@ultraviolet/icons": "2.11.2"
|
|
69
69
|
},
|
|
70
70
|
"scripts": {
|
|
71
71
|
"build": "rollup -c ../../rollup.config.mjs",
|