@hh.ru/magritte-ui-tree-selector 1.6.0 → 1.6.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/Item.js +1 -1
- package/{ItemContent-36f7db0a.js → ItemContent-3b32dc50.js} +2 -2
- package/{ItemContent-36f7db0a.js.map → ItemContent-3b32dc50.js.map} +1 -1
- package/ItemContent.js +1 -1
- package/ItemsList.js +1 -1
- package/TreeSelector.js +1 -1
- package/TreeSelectorDummy.js +1 -1
- package/index.css +20 -20
- package/index.js +1 -1
- package/package.json +3 -3
- package/useAnimationTimeout.js +1 -1
package/Item.js
CHANGED
|
@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import { memo, useMemo, useRef, Children } from 'react';
|
|
4
4
|
import { TransitionGroup, CSSTransition } from 'react-transition-group';
|
|
5
5
|
import classnames from 'classnames';
|
|
6
|
-
import { s as styles, I as ItemContent } from './ItemContent-
|
|
6
|
+
import { s as styles, I as ItemContent } from './ItemContent-3b32dc50.js';
|
|
7
7
|
import '@hh.ru/magritte-ui-icon/icon';
|
|
8
8
|
import './Action.js';
|
|
9
9
|
import '@hh.ru/magritte-ui-checkbox-radio';
|
|
@@ -7,7 +7,7 @@ import { Action } from './Action.js';
|
|
|
7
7
|
import { TreeSelectorItemBase } from './TreeSelectorItemBase.js';
|
|
8
8
|
import { Text } from '@hh.ru/magritte-ui-typography';
|
|
9
9
|
|
|
10
|
-
var styles = {"item-animation-timeout":"magritte-item-animation-timeout___pbOyZ_1-6-
|
|
10
|
+
var styles = {"item-animation-timeout":"magritte-item-animation-timeout___pbOyZ_1-6-1","itemAnimationTimeout":"magritte-item-animation-timeout___pbOyZ_1-6-1","wrapper":"magritte-wrapper___GHKV6_1-6-1","letter":"magritte-letter___yZOCU_1-6-1","icon":"magritte-icon___kO3Fj_1-6-1","space":"magritte-space___xTO79_1-6-1","iconActive":"magritte-iconActive___4yrG5_1-6-1","iconUp":"magritte-iconUp___mpXV6_1-6-1","content":"magritte-content___ZRc6R_1-6-1","with-shift":"magritte-with-shift___ZErxZ_1-6-1","withShift":"magritte-with-shift___ZErxZ_1-6-1","with-indent":"magritte-with-indent___MH9Vy_1-6-1","withIndent":"magritte-with-indent___MH9Vy_1-6-1","item":"magritte-item___2LtOL_1-6-1","children":"magritte-children___kq-eq_1-6-1","with-two-boxes":"magritte-with-two-boxes___LWOy2_1-6-1","withTwoBoxes":"magritte-with-two-boxes___LWOy2_1-6-1","with-three-boxes":"magritte-with-three-boxes___cyVao_1-6-1","withThreeBoxes":"magritte-with-three-boxes___cyVao_1-6-1"};
|
|
11
11
|
|
|
12
12
|
const ItemContentComponent = ({ item, hasAction, hasChildren, letter, isExpanded, isDisabled, onExpansion, hasLetterOnLevel, isSelected, onChange, isIndeterminate, singleChoice, hasDot, maxControlsOnLevel, isSearch, renderItemForDesktop = TreeSelectorItemBase, }) => {
|
|
13
13
|
const handleExpandableClick = useCallback(() => onExpansion && onExpansion(item.id), [item.id, onExpansion]);
|
|
@@ -21,4 +21,4 @@ const ItemContentComponent = ({ item, hasAction, hasChildren, letter, isExpanded
|
|
|
21
21
|
const ItemContent = memo(ItemContentComponent);
|
|
22
22
|
|
|
23
23
|
export { ItemContent as I, styles as s };
|
|
24
|
-
//# sourceMappingURL=ItemContent-
|
|
24
|
+
//# sourceMappingURL=ItemContent-3b32dc50.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemContent-
|
|
1
|
+
{"version":3,"file":"ItemContent-3b32dc50.js","sources":["../src/ItemContent.tsx"],"sourcesContent":["import { ReactElement, useCallback, memo } from 'react';\nimport classnames from 'classnames';\n\nimport { ChevronUpOutlinedSize24, DotFilledSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { Action } from '@hh.ru/magritte-ui-tree-selector/Action';\nimport { TreeSelectorItemBase } from '@hh.ru/magritte-ui-tree-selector/TreeSelectorItemBase';\nimport { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { RenderItem } from '@hh.ru/magritte-ui-tree-selector/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './tree-selector-item.less';\n\ninterface ItemContent<A extends AdditionalDefault> {\n item: TreeModel<A>;\n hasChildren: boolean;\n hasAction: boolean;\n letter?: string;\n onExpansion: (id: string) => void;\n isExpanded: boolean;\n isSelected: boolean;\n isDisabled: boolean;\n onChange: (id: string, isSelected: boolean) => void;\n isIndeterminate: boolean;\n singleChoice?: boolean;\n hasLetterOnLevel: boolean;\n hasDot: boolean;\n maxControlsOnLevel: number;\n renderItemForDesktop?: RenderItem;\n isSearch: boolean;\n}\n\nconst ItemContentComponent = <A extends AdditionalDefault>({\n item,\n hasAction,\n hasChildren,\n letter,\n isExpanded,\n isDisabled,\n onExpansion,\n hasLetterOnLevel,\n isSelected,\n onChange,\n isIndeterminate,\n singleChoice,\n hasDot,\n maxControlsOnLevel,\n isSearch,\n renderItemForDesktop = TreeSelectorItemBase,\n}: ItemContent<A>): ReactElement => {\n const handleExpandableClick = useCallback(() => onExpansion && onExpansion(item.id), [item.id, onExpansion]);\n const currentActionCount = +hasDot + +hasAction + +hasChildren;\n const neededSpacesCount = maxControlsOnLevel - currentActionCount;\n\n const input = hasAction ? (\n <Action\n selected={isSelected}\n onChange={onChange}\n id={item.id}\n indeterminate={isIndeterminate}\n singleChoice={singleChoice}\n />\n ) : undefined;\n\n return (\n <div className={styles.wrapper}>\n {(letter || hasLetterOnLevel) && (\n <div className={styles.letter}>\n {letter && (\n <Text typography=\"subtitle-1-semibold\" style=\"secondary\" Element=\"span\">\n {letter}\n </Text>\n )}\n </div>\n )}\n {hasDot && (\n <div className={styles.icon}>\n <DotFilledSize24 initial=\"tertiary\" />\n </div>\n )}\n\n {[...Array(neededSpacesCount).keys()].map((_, i) => (\n <div key={i} className={styles.space} />\n ))}\n\n {hasChildren && (\n <div\n className={classnames(styles.icon, styles.iconActive, {\n [styles.iconUp]: isExpanded,\n })}\n onClick={handleExpandableClick}\n >\n <ChevronUpOutlinedSize24 initial=\"tertiary\" />\n </div>\n )}\n {renderItemForDesktop({ disabled: isDisabled, input, item, isSearch, isParent: hasChildren })}\n </div>\n );\n};\n\nexport const ItemContent = memo(ItemContentComponent);\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;AA+BA,MAAM,oBAAoB,GAAG,CAA8B,EACvD,IAAI,EACJ,SAAS,EACT,WAAW,EACX,MAAM,EACN,UAAU,EACV,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,MAAM,EACN,kBAAkB,EAClB,QAAQ,EACR,oBAAoB,GAAG,oBAAoB,GAC9B,KAAkB;IAC/B,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,WAAW,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC;IAC7G,MAAM,kBAAkB,GAAG,CAAC,MAAM,GAAG,CAAC,SAAS,GAAG,CAAC,WAAW,CAAC;AAC/D,IAAA,MAAM,iBAAiB,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AAElE,IAAA,MAAM,KAAK,GAAG,SAAS,IACnBA,GAAA,CAAC,MAAM,EAAA,EACH,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,aAAa,EAAE,eAAe,EAC9B,YAAY,EAAE,YAAY,EAC5B,CAAA,IACF,SAAS,CAAC;IAEd,QACIC,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EAAA,CACzB,CAAC,MAAM,IAAI,gBAAgB,MACxBD,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,QAAA,EAAA,MAAM,KACHA,GAAC,CAAA,IAAI,IAAC,UAAU,EAAC,qBAAqB,EAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAClE,MAAM,EAAA,CACJ,CACV,EACC,CAAA,CACT,EACA,MAAM,KACHA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,IAAI,EACvB,QAAA,EAAAA,GAAA,CAAC,eAAe,EAAC,EAAA,OAAO,EAAC,UAAU,EAAG,CAAA,EAAA,CACpC,CACT,EAEA,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MAC3CA,GAAa,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,KAAK,EAA1B,EAAA,CAAC,CAA6B,CAC3C,CAAC,EAED,WAAW,KACRA,GACI,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,UAAU,EAAE;AAClD,oBAAA,CAAC,MAAM,CAAC,MAAM,GAAG,UAAU;AAC9B,iBAAA,CAAC,EACF,OAAO,EAAE,qBAAqB,YAE9BA,GAAC,CAAA,uBAAuB,EAAC,EAAA,OAAO,EAAC,UAAU,EAAA,CAAG,EAC5C,CAAA,CACT,EACA,oBAAoB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAA,EAAA,CAC3F,EACR;AACN,CAAC,CAAC;MAEW,WAAW,GAAG,IAAI,CAAC,oBAAoB;;;;"}
|
package/ItemContent.js
CHANGED
|
@@ -6,7 +6,7 @@ import '@hh.ru/magritte-ui-icon/icon';
|
|
|
6
6
|
import './Action.js';
|
|
7
7
|
import './TreeSelectorItemBase.js';
|
|
8
8
|
import '@hh.ru/magritte-ui-typography';
|
|
9
|
-
export { I as ItemContent } from './ItemContent-
|
|
9
|
+
export { I as ItemContent } from './ItemContent-3b32dc50.js';
|
|
10
10
|
import '@hh.ru/magritte-ui-checkbox-radio';
|
|
11
11
|
import '@hh.ru/magritte-ui-cell';
|
|
12
12
|
//# sourceMappingURL=ItemContent.js.map
|
package/ItemsList.js
CHANGED
|
@@ -4,7 +4,7 @@ import { Item } from './Item.js';
|
|
|
4
4
|
import 'react';
|
|
5
5
|
import 'react-transition-group';
|
|
6
6
|
import 'classnames';
|
|
7
|
-
import './ItemContent-
|
|
7
|
+
import './ItemContent-3b32dc50.js';
|
|
8
8
|
import '@hh.ru/magritte-ui-icon/icon';
|
|
9
9
|
import './Action.js';
|
|
10
10
|
import '@hh.ru/magritte-ui-checkbox-radio';
|
package/TreeSelector.js
CHANGED
|
@@ -12,7 +12,7 @@ import './ItemsList.js';
|
|
|
12
12
|
import './Item.js';
|
|
13
13
|
import 'react-transition-group';
|
|
14
14
|
import 'classnames';
|
|
15
|
-
import './ItemContent-
|
|
15
|
+
import './ItemContent-3b32dc50.js';
|
|
16
16
|
import '@hh.ru/magritte-ui-icon/icon';
|
|
17
17
|
import './Action.js';
|
|
18
18
|
import '@hh.ru/magritte-ui-checkbox-radio';
|
package/TreeSelectorDummy.js
CHANGED
|
@@ -14,7 +14,7 @@ import { useRenderInput } from './useRenderInput.js';
|
|
|
14
14
|
import './Item.js';
|
|
15
15
|
import 'react-transition-group';
|
|
16
16
|
import 'classnames';
|
|
17
|
-
import './ItemContent-
|
|
17
|
+
import './ItemContent-3b32dc50.js';
|
|
18
18
|
import '@hh.ru/magritte-ui-icon/icon';
|
|
19
19
|
import './Action.js';
|
|
20
20
|
import '@hh.ru/magritte-ui-checkbox-radio';
|
package/index.css
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
--magritte-semantic-animation-ease-in-out-200-timing-function-v18-2-0:cubic-bezier(0.25, 0.1, 0.25, 1);
|
|
3
3
|
--magritte-semantic-animation-ease-in-out-200-duration-v18-2-0:200ms;
|
|
4
4
|
}
|
|
5
|
-
.magritte-item-animation-timeout___Pdli9_1-6-
|
|
5
|
+
.magritte-item-animation-timeout___Pdli9_1-6-1{
|
|
6
6
|
transition:height 500ms ease;
|
|
7
7
|
transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-2-0);
|
|
8
8
|
overflow:hidden;
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
transition-duration:var(--animation-duration);
|
|
11
11
|
}
|
|
12
12
|
@media (prefers-reduced-motion: no-preference){
|
|
13
|
-
.magritte-item-animation-timeout___Pdli9_1-6-
|
|
13
|
+
.magritte-item-animation-timeout___Pdli9_1-6-1{
|
|
14
14
|
--animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-2-0);
|
|
15
15
|
}
|
|
16
16
|
}
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
--magritte-semantic-animation-ease-in-out-200-timing-function-v18-2-0:cubic-bezier(0.25, 0.1, 0.25, 1);
|
|
22
22
|
--magritte-semantic-animation-ease-in-out-200-duration-v18-2-0:200ms;
|
|
23
23
|
}
|
|
24
|
-
.magritte-item-animation-timeout___pbOyZ_1-6-
|
|
24
|
+
.magritte-item-animation-timeout___pbOyZ_1-6-1{
|
|
25
25
|
transition:height 500ms ease;
|
|
26
26
|
transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-2-0);
|
|
27
27
|
overflow:hidden;
|
|
@@ -29,17 +29,17 @@
|
|
|
29
29
|
transition-duration:var(--animation-duration);
|
|
30
30
|
}
|
|
31
31
|
@media (prefers-reduced-motion: no-preference){
|
|
32
|
-
.magritte-item-animation-timeout___pbOyZ_1-6-
|
|
32
|
+
.magritte-item-animation-timeout___pbOyZ_1-6-1{
|
|
33
33
|
--animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-2-0);
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
|
-
.magritte-wrapper___GHKV6_1-6-
|
|
36
|
+
.magritte-wrapper___GHKV6_1-6-1{
|
|
37
37
|
display:flex;
|
|
38
38
|
padding:12px 0;
|
|
39
39
|
gap:12px;
|
|
40
40
|
align-items:flex-start;
|
|
41
41
|
}
|
|
42
|
-
.magritte-letter___yZOCU_1-6-
|
|
42
|
+
.magritte-letter___yZOCU_1-6-1{
|
|
43
43
|
width:24px;
|
|
44
44
|
height:24px;
|
|
45
45
|
display:flex;
|
|
@@ -47,47 +47,47 @@
|
|
|
47
47
|
justify-content:center;
|
|
48
48
|
flex-shrink:0;
|
|
49
49
|
}
|
|
50
|
-
.magritte-icon___kO3Fj_1-6-
|
|
51
|
-
.magritte-space___xTO79_1-6-
|
|
50
|
+
.magritte-icon___kO3Fj_1-6-1,
|
|
51
|
+
.magritte-space___xTO79_1-6-1{
|
|
52
52
|
flex-shrink:0;
|
|
53
53
|
line-height:0;
|
|
54
54
|
width:24px;
|
|
55
55
|
}
|
|
56
|
-
.magritte-icon___kO3Fj_1-6-
|
|
56
|
+
.magritte-icon___kO3Fj_1-6-1{
|
|
57
57
|
transform:rotate(0);
|
|
58
58
|
}
|
|
59
|
-
.magritte-iconActive___4yrG5_1-6-
|
|
59
|
+
.magritte-iconActive___4yrG5_1-6-1{
|
|
60
60
|
cursor:pointer;
|
|
61
61
|
}
|
|
62
|
-
.magritte-iconUp___mpXV6_1-6-
|
|
62
|
+
.magritte-iconUp___mpXV6_1-6-1{
|
|
63
63
|
transform:rotate(-180deg);
|
|
64
64
|
}
|
|
65
65
|
@media (prefers-reduced-motion: no-preference){
|
|
66
|
-
.magritte-icon___kO3Fj_1-6-
|
|
66
|
+
.magritte-icon___kO3Fj_1-6-1{
|
|
67
67
|
transition-property:transform;
|
|
68
68
|
transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v18-2-0);
|
|
69
69
|
transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v18-2-0);
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
|
-
.magritte-content___ZRc6R_1-6-
|
|
72
|
+
.magritte-content___ZRc6R_1-6-1{
|
|
73
73
|
flex-grow:1;
|
|
74
74
|
}
|
|
75
|
-
.magritte-with-shift___ZErxZ_1-6-
|
|
75
|
+
.magritte-with-shift___ZErxZ_1-6-1{
|
|
76
76
|
margin-left:-36px;
|
|
77
77
|
}
|
|
78
|
-
.magritte-with-indent___MH9Vy_1-6-
|
|
78
|
+
.magritte-with-indent___MH9Vy_1-6-1{
|
|
79
79
|
margin-left:36px;
|
|
80
80
|
}
|
|
81
|
-
.magritte-item___2LtOL_1-6-
|
|
81
|
+
.magritte-item___2LtOL_1-6-1 > .magritte-children___kq-eq_1-6-1{
|
|
82
82
|
padding-left:36px;
|
|
83
83
|
}
|
|
84
|
-
.magritte-item___2LtOL_1-6-
|
|
84
|
+
.magritte-item___2LtOL_1-6-1.magritte-with-two-boxes___LWOy2_1-6-1 > .magritte-children___kq-eq_1-6-1{
|
|
85
85
|
padding-left:72px;
|
|
86
86
|
}
|
|
87
|
-
.magritte-item___2LtOL_1-6-
|
|
87
|
+
.magritte-item___2LtOL_1-6-1.magritte-with-three-boxes___cyVao_1-6-1 > .magritte-children___kq-eq_1-6-1{
|
|
88
88
|
padding-left:108px;
|
|
89
89
|
}
|
|
90
|
-
.magritte-children___kq-eq_1-6-
|
|
90
|
+
.magritte-children___kq-eq_1-6-1{
|
|
91
91
|
transition:height 500ms ease;
|
|
92
92
|
transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-2-0);
|
|
93
93
|
overflow:hidden;
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
transition-duration:var(--animation-duration);
|
|
96
96
|
}
|
|
97
97
|
@media (prefers-reduced-motion: no-preference){
|
|
98
|
-
.magritte-children___kq-eq_1-6-
|
|
98
|
+
.magritte-children___kq-eq_1-6-1{
|
|
99
99
|
--animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-2-0);
|
|
100
100
|
}
|
|
101
101
|
}
|
package/index.js
CHANGED
|
@@ -20,7 +20,7 @@ import './ItemsList.js';
|
|
|
20
20
|
import './Item.js';
|
|
21
21
|
import 'react-transition-group';
|
|
22
22
|
import 'classnames';
|
|
23
|
-
import './ItemContent-
|
|
23
|
+
import './ItemContent-3b32dc50.js';
|
|
24
24
|
import '@hh.ru/magritte-ui-icon/icon';
|
|
25
25
|
import './Action.js';
|
|
26
26
|
import '@hh.ru/magritte-ui-checkbox-radio';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hh.ru/magritte-ui-tree-selector",
|
|
3
|
-
"version": "1.6.
|
|
3
|
+
"version": "1.6.1",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"types": "index.d.ts",
|
|
6
6
|
"sideEffects": [
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"@hh.ru/magritte-ui-checkable-card": "3.0.11",
|
|
29
29
|
"@hh.ru/magritte-ui-checkbox-radio": "3.0.4",
|
|
30
30
|
"@hh.ru/magritte-ui-icon": "7.1.8",
|
|
31
|
-
"@hh.ru/magritte-ui-input": "5.0.
|
|
31
|
+
"@hh.ru/magritte-ui-input": "5.0.24",
|
|
32
32
|
"@hh.ru/magritte-ui-mock-component": "1.0.10",
|
|
33
33
|
"@hh.ru/magritte-ui-spacing": "2.0.24",
|
|
34
34
|
"@hh.ru/magritte-ui-theme-provider": "1.1.24",
|
|
@@ -42,5 +42,5 @@
|
|
|
42
42
|
"publishConfig": {
|
|
43
43
|
"access": "public"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "876f089d0726e1630122eb2c48a34979a14e9882"
|
|
46
46
|
}
|
package/useAnimationTimeout.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
import { useState, useLayoutEffect } from 'react';
|
|
3
3
|
|
|
4
|
-
var styles = {"item-animation-timeout":"magritte-item-animation-timeout___Pdli9_1-6-
|
|
4
|
+
var styles = {"item-animation-timeout":"magritte-item-animation-timeout___Pdli9_1-6-1","itemAnimationTimeout":"magritte-item-animation-timeout___Pdli9_1-6-1"};
|
|
5
5
|
|
|
6
6
|
const useAnimationTimeout = () => {
|
|
7
7
|
const [animationTimeout, setAnimationTimeout] = useState(0);
|