@hh.ru/magritte-ui-tree-selector 4.2.2 → 4.3.0

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 CHANGED
@@ -10,7 +10,7 @@ import '@hh.ru/magritte-ui-checkbox-radio';
10
10
  import './TreeSelectorItemBase.js';
11
11
  import '@hh.ru/magritte-ui-cell';
12
12
  import '@hh.ru/magritte-ui-typography';
13
- import './tree-selector-item-Cij1-ttE.js';
13
+ import './tree-selector-item-CC17s9Au.js';
14
14
 
15
15
  const ONE_BOX_MARGIN = 36;
16
16
  const getMargin = (allBoxesCount, hasShift, hasIndent) => {
package/ItemContent.js CHANGED
@@ -7,7 +7,7 @@ import { DotFilledSize24, ChevronRightOutlinedSize24 } from '@hh.ru/magritte-ui-
7
7
  import { Action } from './Action.js';
8
8
  import { TreeSelectorItemBase } from './TreeSelectorItemBase.js';
9
9
  import { Text } from '@hh.ru/magritte-ui-typography';
10
- import { s as styles } from './tree-selector-item-Cij1-ttE.js';
10
+ import { s as styles } from './tree-selector-item-CC17s9Au.js';
11
11
  import '@hh.ru/magritte-ui-checkbox-radio';
12
12
  import '@hh.ru/magritte-ui-cell';
13
13
 
package/ItemsList.js CHANGED
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
3
3
  import { useRef, useMemo, useCallback, useEffect } from 'react';
4
4
  import { useVirtualizer } from '@tanstack/react-virtual';
5
5
  import { Item } from './Item.js';
6
- import { s as styles } from './tree-selector-item-Cij1-ttE.js';
6
+ import { s as styles } from './tree-selector-item-CC17s9Au.js';
7
7
  import 'classnames';
8
8
  import './ItemContent.js';
9
9
  import '@hh.ru/magritte-common-keyboard';
@@ -9,7 +9,7 @@ import { Action } from './Action.js';
9
9
  import { MobileDelimiter } from './MobileDelimiter.js';
10
10
  import { MobileItem } from './MobileItem.js';
11
11
  import { MobileParentItem } from './MobileParentItem.js';
12
- import { s as styles } from './tree-selector-item-Cij1-ttE.js';
12
+ import { s as styles } from './tree-selector-item-CC17s9Au.js';
13
13
  import '@hh.ru/magritte-ui-checkbox-radio';
14
14
  import '@hh.ru/magritte-ui-card';
15
15
  import '@hh.ru/magritte-ui-typography';
package/TreeSelector.js CHANGED
@@ -19,7 +19,7 @@ import '@hh.ru/magritte-ui-checkbox-radio';
19
19
  import './TreeSelectorItemBase.js';
20
20
  import '@hh.ru/magritte-ui-cell';
21
21
  import '@hh.ru/magritte-ui-typography';
22
- import './tree-selector-item-Cij1-ttE.js';
22
+ import './tree-selector-item-CC17s9Au.js';
23
23
  import './MobileItemsList.js';
24
24
  import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
25
25
  import './MobileDelimiter.js';
@@ -21,7 +21,7 @@ import '@hh.ru/magritte-ui-checkbox-radio';
21
21
  import './TreeSelectorItemBase.js';
22
22
  import '@hh.ru/magritte-ui-cell';
23
23
  import '@hh.ru/magritte-ui-typography';
24
- import './tree-selector-item-Cij1-ttE.js';
24
+ import './tree-selector-item-CC17s9Au.js';
25
25
  import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
26
26
  import './MobileDelimiter.js';
27
27
  import '@hh.ru/magritte-ui-card';
@@ -34,11 +34,11 @@ const TreeSelectorWrapper = ({ forwardRef, ...props }) => {
34
34
  return () => wrapperElement.removeEventListener('touchmove', handleTouchMove);
35
35
  }, [scrollContext]);
36
36
  useResize(calcHeight);
37
- return jsx("div", { style: { height, overflow: 'auto' }, ref: wrapperMultiRef, ...props });
37
+ return (jsx("div", { style: { height, overflow: 'auto' }, ref: wrapperMultiRef, "data-qa": "tree-selector-container", ...props }));
38
38
  };
39
39
  TreeSelectorWrapper.isTreeSelectorWrapper = true;
40
40
  const isValidTreeSelectorWrapper = (component) => {
41
- return isValidElement(component) && typeof component.type !== 'string' && 'isTreeSelectorWrapper' in component.type;
41
+ return (isValidElement(component) && typeof component.type === 'function' && 'isTreeSelectorWrapper' in component.type);
42
42
  };
43
43
 
44
44
  export { TreeSelectorWrapper, isValidTreeSelectorWrapper };
@@ -1 +1 @@
1
- {"version":3,"file":"TreeSelectorWrapper.js","sources":["../src/TreeSelectorWrapper.tsx"],"sourcesContent":["import {\n ReactNode,\n PropsWithChildren,\n useRef,\n useState,\n useLayoutEffect,\n useCallback,\n useEffect,\n useContext,\n ForwardedRef,\n ReactElement,\n isValidElement,\n} from 'react';\n\nimport { useResize } from '@hh.ru/magritte-common-resize';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { CustomScrollContext } from '@hh.ru/magritte-internal-custom-scroll';\nimport { FcWithFlag } from '@hh.ru/magritte-types';\n\ninterface TreeSelectorWrapperProps extends PropsWithChildren {\n forwardRef: ForwardedRef<HTMLDivElement>;\n}\n\nexport const TreeSelectorWrapper: FcWithFlag<TreeSelectorWrapperProps, 'isTreeSelectorWrapper'> = ({\n forwardRef,\n ...props\n}) => {\n const [height, setHeight] = useState(0);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const wrapperMultiRef = useMultipleRefs(wrapperRef, forwardRef);\n const scrollContext = useContext(CustomScrollContext);\n\n const calcHeight = useCallback(() => {\n if (wrapperRef.current?.parentElement) {\n const style = window.getComputedStyle(wrapperRef.current.parentElement) || {};\n const paddingTop = parseFloat(style.paddingTop || '0');\n const paddingBottom = parseFloat(style.paddingBottom || '0');\n const height = wrapperRef.current.parentElement.offsetHeight - paddingTop - paddingBottom;\n setHeight(height);\n }\n }, []);\n\n useLayoutEffect(() => {\n calcHeight();\n }, [calcHeight]);\n\n useEffect(() => {\n const wrapperElement = wrapperRef.current;\n if (!wrapperElement || !scrollContext) {\n return void 0;\n }\n\n const handleTouchMove = (event: TouchEvent) => {\n event.stopPropagation();\n };\n\n wrapperElement.addEventListener('touchmove', handleTouchMove);\n return () => wrapperElement.removeEventListener('touchmove', handleTouchMove);\n }, [scrollContext]);\n\n useResize(calcHeight);\n\n return <div style={{ height, overflow: 'auto' }} ref={wrapperMultiRef} {...props} />;\n};\n\nTreeSelectorWrapper.isTreeSelectorWrapper = true;\n\nexport const isValidTreeSelectorWrapper = (\n component: ReactNode\n): component is ReactElement<TreeSelectorWrapperProps> => {\n return isValidElement(component) && typeof component.type !== 'string' && 'isTreeSelectorWrapper' in component.type;\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAuBO,MAAM,mBAAmB,GAAkE,CAAC,EAC/F,UAAU,EACV,GAAG,KAAK,EACX,KAAI;IACD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;AACxC,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,eAAe,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;AAChE,IAAA,MAAM,aAAa,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;AAEtD,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAK;AAChC,QAAA,IAAI,UAAU,CAAC,OAAO,EAAE,aAAa,EAAE;AACnC,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;YAC9E,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,UAAU,IAAI,GAAG,CAAC,CAAC;YACvD,MAAM,aAAa,GAAG,UAAU,CAAC,KAAK,CAAC,aAAa,IAAI,GAAG,CAAC,CAAC;AAC7D,YAAA,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY,GAAG,UAAU,GAAG,aAAa,CAAC;YAC1F,SAAS,CAAC,MAAM,CAAC,CAAC;AACrB,SAAA;KACJ,EAAE,EAAE,CAAC,CAAC;IAEP,eAAe,CAAC,MAAK;AACjB,QAAA,UAAU,EAAE,CAAC;AACjB,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC;AAC1C,QAAA,IAAI,CAAC,cAAc,IAAI,CAAC,aAAa,EAAE;YACnC,OAAO,KAAK,CAAC,CAAC;AACjB,SAAA;AAED,QAAA,MAAM,eAAe,GAAG,CAAC,KAAiB,KAAI;YAC1C,KAAK,CAAC,eAAe,EAAE,CAAC;AAC5B,SAAC,CAAC;AAEF,QAAA,cAAc,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QAC9D,OAAO,MAAM,cAAc,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;AAClF,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,UAAU,CAAC,CAAC;AAEtB,IAAA,OAAOA,aAAK,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,eAAe,EAAM,GAAA,KAAK,GAAI,CAAC;AACzF,EAAE;AAEF,mBAAmB,CAAC,qBAAqB,GAAG,IAAI,CAAC;AAEpC,MAAA,0BAA0B,GAAG,CACtC,SAAoB,KACiC;AACrD,IAAA,OAAO,cAAc,CAAC,SAAS,CAAC,IAAI,OAAO,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAI,uBAAuB,IAAI,SAAS,CAAC,IAAI,CAAC;AACxH;;;;"}
1
+ {"version":3,"file":"TreeSelectorWrapper.js","sources":["../src/TreeSelectorWrapper.tsx"],"sourcesContent":["import {\n ReactNode,\n PropsWithChildren,\n useRef,\n useState,\n useLayoutEffect,\n useCallback,\n useEffect,\n useContext,\n ForwardedRef,\n ReactElement,\n isValidElement,\n} from 'react';\n\nimport { useResize } from '@hh.ru/magritte-common-resize';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { CustomScrollContext } from '@hh.ru/magritte-internal-custom-scroll';\nimport { FcWithFlag } from '@hh.ru/magritte-types';\n\ninterface TreeSelectorWrapperProps extends PropsWithChildren {\n forwardRef: ForwardedRef<HTMLDivElement>;\n}\n\nexport const TreeSelectorWrapper: FcWithFlag<TreeSelectorWrapperProps, 'isTreeSelectorWrapper'> = ({\n forwardRef,\n ...props\n}) => {\n const [height, setHeight] = useState(0);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const wrapperMultiRef = useMultipleRefs(wrapperRef, forwardRef);\n const scrollContext = useContext(CustomScrollContext);\n\n const calcHeight = useCallback(() => {\n if (wrapperRef.current?.parentElement) {\n const style = window.getComputedStyle(wrapperRef.current.parentElement) || {};\n const paddingTop = parseFloat(style.paddingTop || '0');\n const paddingBottom = parseFloat(style.paddingBottom || '0');\n const height = wrapperRef.current.parentElement.offsetHeight - paddingTop - paddingBottom;\n setHeight(height);\n }\n }, []);\n\n useLayoutEffect(() => {\n calcHeight();\n }, [calcHeight]);\n\n useEffect(() => {\n const wrapperElement = wrapperRef.current;\n if (!wrapperElement || !scrollContext) {\n return void 0;\n }\n\n const handleTouchMove = (event: TouchEvent) => {\n event.stopPropagation();\n };\n\n wrapperElement.addEventListener('touchmove', handleTouchMove);\n return () => wrapperElement.removeEventListener('touchmove', handleTouchMove);\n }, [scrollContext]);\n\n useResize(calcHeight);\n\n return (\n <div style={{ height, overflow: 'auto' }} ref={wrapperMultiRef} data-qa=\"tree-selector-container\" {...props} />\n );\n};\n\nTreeSelectorWrapper.isTreeSelectorWrapper = true;\n\nexport const isValidTreeSelectorWrapper = (\n component: ReactNode\n): component is ReactElement<TreeSelectorWrapperProps> => {\n return (\n isValidElement(component) && typeof component.type === 'function' && 'isTreeSelectorWrapper' in component.type\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAuBO,MAAM,mBAAmB,GAAkE,CAAC,EAC/F,UAAU,EACV,GAAG,KAAK,EACX,KAAI;IACD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;AACxC,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,eAAe,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;AAChE,IAAA,MAAM,aAAa,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;AAEtD,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAK;AAChC,QAAA,IAAI,UAAU,CAAC,OAAO,EAAE,aAAa,EAAE;AACnC,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;YAC9E,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,UAAU,IAAI,GAAG,CAAC,CAAC;YACvD,MAAM,aAAa,GAAG,UAAU,CAAC,KAAK,CAAC,aAAa,IAAI,GAAG,CAAC,CAAC;AAC7D,YAAA,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY,GAAG,UAAU,GAAG,aAAa,CAAC;YAC1F,SAAS,CAAC,MAAM,CAAC,CAAC;AACrB,SAAA;KACJ,EAAE,EAAE,CAAC,CAAC;IAEP,eAAe,CAAC,MAAK;AACjB,QAAA,UAAU,EAAE,CAAC;AACjB,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC;AAC1C,QAAA,IAAI,CAAC,cAAc,IAAI,CAAC,aAAa,EAAE;YACnC,OAAO,KAAK,CAAC,CAAC;AACjB,SAAA;AAED,QAAA,MAAM,eAAe,GAAG,CAAC,KAAiB,KAAI;YAC1C,KAAK,CAAC,eAAe,EAAE,CAAC;AAC5B,SAAC,CAAC;AAEF,QAAA,cAAc,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QAC9D,OAAO,MAAM,cAAc,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;AAClF,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,UAAU,CAAC,CAAC;IAEtB,QACIA,aAAK,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,eAAe,EAAA,SAAA,EAAU,yBAAyB,EAAK,GAAA,KAAK,EAAI,CAAA,EACjH;AACN,EAAE;AAEF,mBAAmB,CAAC,qBAAqB,GAAG,IAAI,CAAC;AAEpC,MAAA,0BAA0B,GAAG,CACtC,SAAoB,KACiC;AACrD,IAAA,QACI,cAAc,CAAC,SAAS,CAAC,IAAI,OAAO,SAAS,CAAC,IAAI,KAAK,UAAU,IAAI,uBAAuB,IAAI,SAAS,CAAC,IAAI,EAChH;AACN;;;;"}
package/index.css CHANGED
@@ -4,7 +4,7 @@
4
4
  --magritte-semantic-animation-ease-in-out-200-timing-function-v18-3-0:cubic-bezier(0.25, 0.1, 0.25, 1);
5
5
  --magritte-semantic-animation-ease-in-out-200-duration-v18-3-0:200ms;
6
6
  }
7
- @keyframes magritte-fade-in___yS4Ja_4-2-2{
7
+ @keyframes magritte-fade-in___yS4Ja_4-3-0{
8
8
  0%{
9
9
  opacity:0;
10
10
  }
@@ -12,24 +12,24 @@
12
12
  opacity:1;
13
13
  }
14
14
  }
15
- .magritte-item-animation-timeout___pbOyZ_4-2-2{
16
- animation-name:magritte-fade-in___yS4Ja_4-2-2;
15
+ .magritte-item-animation-timeout___pbOyZ_4-3-0{
16
+ animation-name:magritte-fade-in___yS4Ja_4-3-0;
17
17
  animation-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-3-0);
18
18
  --animation-duration:0ms;
19
19
  animation-duration:var(--animation-duration);
20
20
  }
21
21
  @media (prefers-reduced-motion: no-preference){
22
- .magritte-item-animation-timeout___pbOyZ_4-2-2{
22
+ .magritte-item-animation-timeout___pbOyZ_4-3-0{
23
23
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-3-0);
24
24
  }
25
25
  }
26
- .magritte-wrapper___GHKV6_4-2-2{
26
+ .magritte-wrapper___GHKV6_4-3-0{
27
27
  display:flex;
28
28
  padding:12px 0;
29
29
  gap:12px;
30
30
  align-items:flex-start;
31
31
  }
32
- .magritte-letter___yZOCU_4-2-2{
32
+ .magritte-letter___yZOCU_4-3-0{
33
33
  width:24px;
34
34
  height:24px;
35
35
  display:flex;
@@ -37,59 +37,59 @@
37
37
  justify-content:center;
38
38
  flex-shrink:0;
39
39
  }
40
- .magritte-icon___kO3Fj_4-2-2,
41
- .magritte-space___xTO79_4-2-2{
40
+ .magritte-icon___kO3Fj_4-3-0,
41
+ .magritte-space___xTO79_4-3-0{
42
42
  flex-shrink:0;
43
43
  line-height:0;
44
44
  width:24px;
45
45
  }
46
- .magritte-icon___kO3Fj_4-2-2{
46
+ .magritte-icon___kO3Fj_4-3-0{
47
47
  transform:rotate(0);
48
48
  }
49
- .magritte-wrapperActive___Hwk8p_4-2-2,
50
- .magritte-iconActive___4yrG5_4-2-2{
49
+ .magritte-wrapperActive___Hwk8p_4-3-0,
50
+ .magritte-iconActive___4yrG5_4-3-0{
51
51
  cursor:pointer;
52
52
  }
53
- .magritte-iconUp___mpXV6_4-2-2{
53
+ .magritte-iconUp___mpXV6_4-3-0{
54
54
  transform:rotate(90deg);
55
55
  }
56
56
  @media (prefers-reduced-motion: no-preference){
57
- .magritte-icon___kO3Fj_4-2-2{
57
+ .magritte-icon___kO3Fj_4-3-0{
58
58
  transition-property:transform;
59
59
  transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v18-3-0);
60
60
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v18-3-0);
61
61
  }
62
62
  }
63
- .magritte-content___ZRc6R_4-2-2{
63
+ .magritte-content___ZRc6R_4-3-0{
64
64
  flex-grow:1;
65
65
  }
66
- .magritte-mobile-item___ynALC_4-2-2{
66
+ .magritte-mobile-item___ynALC_4-3-0{
67
67
  display:flex;
68
68
  gap:12px;
69
69
  flex-wrap:wrap;
70
70
  }
71
- .magritte-with-gap___gbvGO_4-2-2{
71
+ .magritte-with-gap___gbvGO_4-3-0{
72
72
  padding-top:12px;
73
73
  }
74
- .magritte-virtualized-list___qt2E6_4-2-2{
74
+ .magritte-virtualized-list___qt2E6_4-3-0{
75
75
  width:100%;
76
76
  position:relative;
77
77
  will-change:transform;
78
78
  }
79
- .magritte-virtualized-item___qAYVN_4-2-2{
79
+ .magritte-virtualized-item___qAYVN_4-3-0{
80
80
  position:absolute;
81
81
  top:0;
82
82
  left:0;
83
83
  width:100%;
84
84
  }
85
- .magritte-was-expanded___uCFbW_4-2-2{
86
- animation-name:magritte-fade-in___yS4Ja_4-2-2;
85
+ .magritte-was-expanded___uCFbW_4-3-0{
86
+ animation-name:magritte-fade-in___yS4Ja_4-3-0;
87
87
  animation-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-3-0);
88
88
  --animation-duration:0ms;
89
89
  animation-duration:var(--animation-duration);
90
90
  }
91
91
  @media (prefers-reduced-motion: no-preference){
92
- .magritte-was-expanded___uCFbW_4-2-2{
92
+ .magritte-was-expanded___uCFbW_4-3-0{
93
93
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-3-0);
94
94
  }
95
95
  }
@@ -98,7 +98,7 @@
98
98
  --magritte-semantic-animation-ease-in-out-200-timing-function-v18-3-0:cubic-bezier(0.25, 0.1, 0.25, 1);
99
99
  --magritte-semantic-animation-ease-in-out-200-duration-v18-3-0:200ms;
100
100
  }
101
- @keyframes magritte-fade-in___FDoho_4-2-2{
101
+ @keyframes magritte-fade-in___FDoho_4-3-0{
102
102
  0%{
103
103
  opacity:0;
104
104
  }
@@ -106,14 +106,14 @@
106
106
  opacity:1;
107
107
  }
108
108
  }
109
- .magritte-item-animation-timeout___Pdli9_4-2-2{
110
- animation-name:magritte-fade-in___FDoho_4-2-2;
109
+ .magritte-item-animation-timeout___Pdli9_4-3-0{
110
+ animation-name:magritte-fade-in___FDoho_4-3-0;
111
111
  animation-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-3-0);
112
112
  --animation-duration:0ms;
113
113
  animation-duration:var(--animation-duration);
114
114
  }
115
115
  @media (prefers-reduced-motion: no-preference){
116
- .magritte-item-animation-timeout___Pdli9_4-2-2{
116
+ .magritte-item-animation-timeout___Pdli9_4-3-0{
117
117
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-3-0);
118
118
  }
119
119
  }
package/index.js CHANGED
@@ -27,7 +27,7 @@ import '@hh.ru/magritte-ui-icon/icon';
27
27
  import './Action.js';
28
28
  import '@hh.ru/magritte-ui-checkbox-radio';
29
29
  import '@hh.ru/magritte-ui-typography';
30
- import './tree-selector-item-Cij1-ttE.js';
30
+ import './tree-selector-item-CC17s9Au.js';
31
31
  import './MobileItemsList.js';
32
32
  import '@hh.ru/magritte-ui-cell';
33
33
  import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-tree-selector",
3
- "version": "4.2.2",
3
+ "version": "4.3.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -50,5 +50,5 @@
50
50
  "publishConfig": {
51
51
  "access": "public"
52
52
  },
53
- "gitHead": "7e44b4701a1c45fb58070734bb55a8d1d4d21886"
53
+ "gitHead": "2aea9108ca2acf860ccd2b9ce316f93869e3b8c2"
54
54
  }
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"item-animation-timeout":"magritte-item-animation-timeout___pbOyZ_4-3-0","itemAnimationTimeout":"magritte-item-animation-timeout___pbOyZ_4-3-0","fade-in":"magritte-fade-in___yS4Ja_4-3-0","fadeIn":"magritte-fade-in___yS4Ja_4-3-0","wrapper":"magritte-wrapper___GHKV6_4-3-0","letter":"magritte-letter___yZOCU_4-3-0","icon":"magritte-icon___kO3Fj_4-3-0","space":"magritte-space___xTO79_4-3-0","wrapperActive":"magritte-wrapperActive___Hwk8p_4-3-0","iconActive":"magritte-iconActive___4yrG5_4-3-0","iconUp":"magritte-iconUp___mpXV6_4-3-0","content":"magritte-content___ZRc6R_4-3-0","mobile-item":"magritte-mobile-item___ynALC_4-3-0","mobileItem":"magritte-mobile-item___ynALC_4-3-0","with-gap":"magritte-with-gap___gbvGO_4-3-0","withGap":"magritte-with-gap___gbvGO_4-3-0","virtualized-list":"magritte-virtualized-list___qt2E6_4-3-0","virtualizedList":"magritte-virtualized-list___qt2E6_4-3-0","virtualized-item":"magritte-virtualized-item___qAYVN_4-3-0","virtualizedItem":"magritte-virtualized-item___qAYVN_4-3-0","was-expanded":"magritte-was-expanded___uCFbW_4-3-0","wasExpanded":"magritte-was-expanded___uCFbW_4-3-0"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=tree-selector-item-CC17s9Au.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tree-selector-item-CC17s9Au.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -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_4-2-2","itemAnimationTimeout":"magritte-item-animation-timeout___Pdli9_4-2-2","fade-in":"magritte-fade-in___FDoho_4-2-2","fadeIn":"magritte-fade-in___FDoho_4-2-2"};
4
+ var styles = {"item-animation-timeout":"magritte-item-animation-timeout___Pdli9_4-3-0","itemAnimationTimeout":"magritte-item-animation-timeout___Pdli9_4-3-0","fade-in":"magritte-fade-in___FDoho_4-3-0","fadeIn":"magritte-fade-in___FDoho_4-3-0"};
5
5
 
6
6
  const useAnimationTimeout = () => {
7
7
  const [animationTimeout, setAnimationTimeout] = useState(0);
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"item-animation-timeout":"magritte-item-animation-timeout___pbOyZ_4-2-2","itemAnimationTimeout":"magritte-item-animation-timeout___pbOyZ_4-2-2","fade-in":"magritte-fade-in___yS4Ja_4-2-2","fadeIn":"magritte-fade-in___yS4Ja_4-2-2","wrapper":"magritte-wrapper___GHKV6_4-2-2","letter":"magritte-letter___yZOCU_4-2-2","icon":"magritte-icon___kO3Fj_4-2-2","space":"magritte-space___xTO79_4-2-2","wrapperActive":"magritte-wrapperActive___Hwk8p_4-2-2","iconActive":"magritte-iconActive___4yrG5_4-2-2","iconUp":"magritte-iconUp___mpXV6_4-2-2","content":"magritte-content___ZRc6R_4-2-2","mobile-item":"magritte-mobile-item___ynALC_4-2-2","mobileItem":"magritte-mobile-item___ynALC_4-2-2","with-gap":"magritte-with-gap___gbvGO_4-2-2","withGap":"magritte-with-gap___gbvGO_4-2-2","virtualized-list":"magritte-virtualized-list___qt2E6_4-2-2","virtualizedList":"magritte-virtualized-list___qt2E6_4-2-2","virtualized-item":"magritte-virtualized-item___qAYVN_4-2-2","virtualizedItem":"magritte-virtualized-item___qAYVN_4-2-2","was-expanded":"magritte-was-expanded___uCFbW_4-2-2","wasExpanded":"magritte-was-expanded___uCFbW_4-2-2"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=tree-selector-item-Cij1-ttE.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tree-selector-item-Cij1-ttE.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}