@alfalab/core-components-tabs 8.1.3 → 8.1.5

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 (174) hide show
  1. package/{modern/Component-dd8ca091.d.ts → Component-0f4b9bed.d.ts} +1 -1
  2. package/{cssm/Component-9211a437.d.ts → Component-89f0cb07.d.ts} +2 -2
  3. package/Component-8b2c2707.d.ts +1 -1
  4. package/Component.desktop-0aa4e915.d.ts +5 -0
  5. package/Component.mobile-16b1285a.d.ts +5 -0
  6. package/collapsible.js +1 -1
  7. package/components/primary-tablist/Component.collapsible.js +1 -1
  8. package/components/primary-tablist/Component.desktop.js +1 -1
  9. package/components/primary-tablist/Component.mobile.js +2 -2
  10. package/components/primary-tablist/Component.responsive.js +1 -1
  11. package/components/primary-tablist/index.css +30 -31
  12. package/components/primary-tablist/mobile.css +33 -34
  13. package/components/scroll-controls/Component.js +1 -1
  14. package/components/scroll-controls/index.css +14 -14
  15. package/components/scrollable-container/Component.js +1 -1
  16. package/components/scrollable-container/index.css +6 -6
  17. package/components/secondary-tablist/Component.desktop.js +1 -1
  18. package/components/secondary-tablist/Component.mobile.js +2 -2
  19. package/components/secondary-tablist/Component.responsive.js +1 -1
  20. package/components/secondary-tablist/index.css +11 -11
  21. package/components/secondary-tablist/mobile.css +13 -13
  22. package/components/tab/Component.js +1 -1
  23. package/components/tab/index.css +3 -3
  24. package/components/tabs/Component.collapsible.js +1 -1
  25. package/components/tabs/Component.desktop.js +2 -2
  26. package/components/tabs/Component.mobile.js +2 -2
  27. package/components/tabs/Component.responsive.js +2 -2
  28. package/{esm/Component-dd8ca091.d.ts → cssm/Component-0f4b9bed.d.ts} +1 -1
  29. package/{Component-9211a437.d.ts → cssm/Component-89f0cb07.d.ts} +2 -2
  30. package/cssm/Component-8b2c2707.d.ts +1 -1
  31. package/cssm/Component.desktop-0aa4e915.d.ts +5 -0
  32. package/cssm/Component.mobile-16b1285a.d.ts +5 -0
  33. package/cssm/components/primary-tablist/index.module.css +0 -1
  34. package/cssm/desktop-89f0cb07.d.ts +2 -0
  35. package/cssm/hook-8abfea97.d.ts +8 -8
  36. package/cssm/hooks/use-collapsible-elements.js +2 -3
  37. package/cssm/index-8b2c2707.d.ts +2 -2
  38. package/cssm/index-c76d6398.d.ts +1 -1
  39. package/cssm/index-ebda875c.d.ts +21 -86
  40. package/cssm/mobile-89f0cb07.d.ts +2 -0
  41. package/cssm/shared-4cd3936b.d.ts +4 -4
  42. package/cssm/{typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts} +4 -0
  43. package/{esm/typings-9211a437.d.ts → cssm/typings-89f0cb07.d.ts} +5 -7
  44. package/{esm/utils-dd8ca091.d.ts → cssm/utils-0f4b9bed.d.ts} +1 -1
  45. package/desktop-89f0cb07.d.ts +2 -0
  46. package/desktop.js +2 -2
  47. package/{Component-dd8ca091.d.ts → esm/Component-0f4b9bed.d.ts} +1 -1
  48. package/{modern/Component-9211a437.d.ts → esm/Component-89f0cb07.d.ts} +2 -2
  49. package/esm/Component-8b2c2707.d.ts +1 -1
  50. package/esm/Component.desktop-0aa4e915.d.ts +5 -0
  51. package/esm/Component.mobile-16b1285a.d.ts +5 -0
  52. package/esm/Component.mobile-ebda875c.d.ts +6 -0
  53. package/esm/collapsible.js +1 -1
  54. package/esm/components/primary-tablist/Component.collapsible.js +1 -1
  55. package/esm/components/primary-tablist/Component.desktop.js +1 -1
  56. package/esm/components/primary-tablist/Component.mobile.js +2 -2
  57. package/esm/components/primary-tablist/Component.responsive.js +1 -1
  58. package/esm/components/primary-tablist/index.css +30 -31
  59. package/esm/components/primary-tablist/mobile.css +33 -34
  60. package/esm/components/scroll-controls/Component.js +1 -1
  61. package/esm/components/scroll-controls/index.css +14 -14
  62. package/esm/components/scrollable-container/Component.js +1 -1
  63. package/esm/components/scrollable-container/index.css +6 -6
  64. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  65. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  66. package/esm/components/secondary-tablist/Component.responsive.js +1 -1
  67. package/esm/components/secondary-tablist/index.css +11 -11
  68. package/esm/components/secondary-tablist/mobile.css +13 -13
  69. package/esm/components/tab/Component.js +1 -1
  70. package/esm/components/tab/index.css +3 -3
  71. package/esm/components/tabs/Component.collapsible.js +1 -1
  72. package/esm/components/tabs/Component.desktop.js +2 -2
  73. package/esm/components/tabs/Component.mobile.js +2 -2
  74. package/esm/components/tabs/Component.responsive.js +2 -2
  75. package/esm/desktop-89f0cb07.d.ts +2 -0
  76. package/esm/desktop.js +2 -2
  77. package/esm/hook-8abfea97.d.ts +8 -8
  78. package/esm/hooks/use-collapsible-elements.js +2 -3
  79. package/esm/index-8b2c2707.d.ts +2 -2
  80. package/esm/index-c76d6398.d.ts +1 -1
  81. package/esm/index.js +2 -2
  82. package/esm/index.module-55063a9a.js +4 -0
  83. package/esm/index.module-82cf190f.js +4 -0
  84. package/esm/mobile-89f0cb07.d.ts +2 -0
  85. package/esm/mobile.js +2 -2
  86. package/esm/shared-4cd3936b.d.ts +4 -4
  87. package/esm/{typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts} +4 -0
  88. package/{modern/typings-9211a437.d.ts → esm/typings-89f0cb07.d.ts} +5 -7
  89. package/{modern/utils-dd8ca091.d.ts → esm/utils-0f4b9bed.d.ts} +1 -1
  90. package/hook-8abfea97.d.ts +8 -8
  91. package/hooks/use-collapsible-elements.js +2 -3
  92. package/index-8b2c2707.d.ts +2 -2
  93. package/index-c76d6398.d.ts +1 -1
  94. package/index.js +2 -2
  95. package/index.module-869888c7.js +6 -0
  96. package/index.module-d1432e9e.js +6 -0
  97. package/mobile-89f0cb07.d.ts +2 -0
  98. package/mobile.js +2 -2
  99. package/{cssm/Component-dd8ca091.d.ts → modern/Component-0f4b9bed.d.ts} +1 -1
  100. package/{esm/Component-9211a437.d.ts → modern/Component-89f0cb07.d.ts} +2 -2
  101. package/modern/Component-8b2c2707.d.ts +1 -1
  102. package/modern/Component.desktop-0aa4e915.d.ts +5 -0
  103. package/modern/Component.mobile-16b1285a.d.ts +5 -0
  104. package/modern/collapsible.js +1 -1
  105. package/modern/components/primary-tablist/Component.collapsible.js +1 -1
  106. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  107. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  108. package/modern/components/primary-tablist/Component.responsive.js +1 -1
  109. package/modern/components/primary-tablist/index.css +30 -31
  110. package/modern/components/primary-tablist/mobile.css +33 -34
  111. package/modern/components/scroll-controls/Component.js +1 -1
  112. package/modern/components/scroll-controls/index.css +14 -14
  113. package/modern/components/scrollable-container/Component.js +1 -1
  114. package/modern/components/scrollable-container/index.css +6 -6
  115. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  116. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  117. package/modern/components/secondary-tablist/Component.responsive.js +1 -1
  118. package/modern/components/secondary-tablist/index.css +11 -11
  119. package/modern/components/secondary-tablist/mobile.css +13 -13
  120. package/modern/components/tab/Component.js +1 -1
  121. package/modern/components/tab/index.css +3 -3
  122. package/modern/components/tabs/Component.collapsible.js +1 -1
  123. package/modern/components/tabs/Component.desktop.js +2 -2
  124. package/modern/components/tabs/Component.mobile.js +2 -2
  125. package/modern/components/tabs/Component.responsive.js +2 -2
  126. package/modern/desktop-89f0cb07.d.ts +2 -0
  127. package/modern/desktop.js +2 -2
  128. package/modern/hook-8abfea97.d.ts +8 -8
  129. package/modern/hooks/use-collapsible-elements.js +2 -3
  130. package/modern/index-8b2c2707.d.ts +2 -2
  131. package/modern/index-c76d6398.d.ts +1 -1
  132. package/modern/index.js +2 -2
  133. package/modern/index.module-2d531cfb.js +4 -0
  134. package/modern/index.module-7b0d0808.js +4 -0
  135. package/modern/mobile-89f0cb07.d.ts +2 -0
  136. package/modern/mobile.js +2 -2
  137. package/modern/shared-4cd3936b.d.ts +4 -4
  138. package/modern/{typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts} +4 -0
  139. package/{cssm/typings-9211a437.d.ts → modern/typings-89f0cb07.d.ts} +5 -7
  140. package/{utils-dd8ca091.d.ts → modern/utils-0f4b9bed.d.ts} +1 -1
  141. package/package.json +4 -4
  142. package/shared-4cd3936b.d.ts +4 -4
  143. package/src/components/primary-tablist/index.module.css +0 -1
  144. package/src/hooks/use-collapsible-elements.ts +2 -6
  145. package/{typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts} +4 -0
  146. package/{typings-9211a437.d.ts → typings-89f0cb07.d.ts} +5 -7
  147. package/{cssm/utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
  148. package/Component.desktop-2e2b2125.d.ts +0 -6
  149. package/Component.mobile-755fbaa3.d.ts +0 -6
  150. package/cssm/Component.desktop-2e2b2125.d.ts +0 -6
  151. package/cssm/Component.mobile-755fbaa3.d.ts +0 -6
  152. package/cssm/desktop-2e2b2125.d.ts +0 -2
  153. package/cssm/mobile-755fbaa3.d.ts +0 -2
  154. package/desktop-2e2b2125.d.ts +0 -2
  155. package/esm/Component.desktop-2e2b2125.d.ts +0 -6
  156. package/esm/Component.desktop-ebda875c.d.ts +0 -6
  157. package/esm/Component.mobile-755fbaa3.d.ts +0 -6
  158. package/esm/desktop-2e2b2125.d.ts +0 -2
  159. package/esm/index.module-2f7a3bd7.js +0 -4
  160. package/esm/index.module-8bb1bf99.js +0 -4
  161. package/esm/mobile-755fbaa3.d.ts +0 -2
  162. package/index.module-43b6c98c.js +0 -6
  163. package/index.module-7b796643.js +0 -6
  164. package/mobile-755fbaa3.d.ts +0 -2
  165. package/modern/Component.desktop-2e2b2125.d.ts +0 -6
  166. package/modern/Component.mobile-755fbaa3.d.ts +0 -6
  167. package/modern/desktop-2e2b2125.d.ts +0 -2
  168. package/modern/index.module-488b1ce4.js +0 -4
  169. package/modern/index.module-bf88e596.js +0 -4
  170. package/modern/mobile-755fbaa3.d.ts +0 -2
  171. /package/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
  172. /package/cssm/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
  173. /package/esm/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
  174. /package/modern/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
@@ -18,12 +18,12 @@ import '@alfalab/icons-glyph/ChevronLeftMIcon';
18
18
  import '@alfalab/icons-glyph/ChevronRightMIcon';
19
19
  import '../scroll-controls/utils.js';
20
20
  import '../title/Component.js';
21
- import '../../index.module-bf88e596.js';
21
+ import '../../index.module-7b0d0808.js';
22
22
  import '../primary-tablist/Component.mobile.js';
23
23
  import '../secondary-tablist/Component.desktop.js';
24
24
  import '@alfalab/core-components-tag/modern/desktop';
25
25
  import '../secondary-tablist/Component.js';
26
- import '../../index.module-488b1ce4.js';
26
+ import '../../index.module-2d531cfb.js';
27
27
  import '../secondary-tablist/Component.mobile.js';
28
28
  import '@alfalab/core-components-tag/modern/mobile';
29
29
 
@@ -0,0 +1,2 @@
1
+ export { ButtonDesktop } from "./Component.desktop-0aa4e915";
2
+ export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";
package/modern/desktop.js CHANGED
@@ -17,8 +17,8 @@ import '@alfalab/icons-glyph/ChevronLeftMIcon';
17
17
  import '@alfalab/icons-glyph/ChevronRightMIcon';
18
18
  import './components/scroll-controls/utils.js';
19
19
  import './components/title/Component.js';
20
- import './index.module-bf88e596.js';
20
+ import './index.module-7b0d0808.js';
21
21
  import '@alfalab/core-components-tag/modern/desktop';
22
22
  import './components/secondary-tablist/Component.js';
23
- import './index.module-488b1ce4.js';
23
+ import './index.module-2d531cfb.js';
24
24
  import './components/tabs/Component.js';
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { BaseSelectProps, OptionShape } from "./typings-dd8ca091";
2
+ import { BaseSelectProps, OptionShape } from "./typings-0f4b9bed";
3
3
  type UseSelectWithApplyProps = {
4
4
  /**
5
5
  * Список выбранных пунктов
@@ -44,20 +44,20 @@ type UseSelectWithApplyProps = {
44
44
  };
45
45
  declare const SELECT_ALL_KEY = "select_all";
46
46
  declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
47
- OptionsList: import("react").ForwardRefExoticComponent<import("./typings-dd8ca091").OptionsListProps & {
47
+ OptionsList: import("react").ForwardRefExoticComponent<import("./typings-0f4b9bed").OptionsListProps & {
48
48
  showClear?: boolean | undefined;
49
49
  onClose?: (() => void) | undefined; /**
50
50
  * Компонент выпадающего меню
51
51
  */
52
52
  selectedDraft?: OptionShape[] | undefined;
53
- OptionsList?: import("react").FC<import("./typings-dd8ca091").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
54
- Footer?: import("react").FC<import("./Component-dd8ca091").FooterProps> | undefined;
53
+ OptionsList?: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
54
+ Footer?: import("react").FC<import("./Component-0f4b9bed").FooterProps> | undefined;
55
55
  Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
56
56
  headerProps?: import("./Component-ebda875c").HeaderProps | undefined;
57
57
  showHeaderWithSelectAll?: boolean | undefined;
58
58
  } & import("react").RefAttributes<HTMLDivElement>>;
59
59
  optionsListProps: {
60
- OptionsList: import("react").FC<import("./typings-dd8ca091").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
60
+ OptionsList: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
61
61
  showClear: boolean;
62
62
  onClear: () => void;
63
63
  onApply: () => void;
@@ -72,11 +72,11 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
72
72
  };
73
73
  allowUnselect: boolean;
74
74
  multiple: boolean;
75
- options: (OptionShape | import("./typings-dd8ca091").GroupShape | {
75
+ options: (OptionShape | import("./typings-0f4b9bed").GroupShape | {
76
76
  key: string;
77
77
  content: string;
78
78
  })[];
79
- onChange: (payload: import("./typings-dd8ca091").BaseSelectChangePayload) => void;
79
+ onChange: (payload: import("./typings-0f4b9bed").BaseSelectChangePayload) => void;
80
80
  selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
81
81
  showSearch: boolean | undefined;
82
82
  searchProps: {
@@ -86,5 +86,5 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
86
86
  accessor?: ((option: OptionShape) => string) | undefined;
87
87
  } | undefined;
88
88
  };
89
- export * from "./Component-dd8ca091";
89
+ export * from "./Component-0f4b9bed";
90
90
  export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };
@@ -34,9 +34,8 @@ const useCollapsibleElements = (selectors, deps = []) => {
34
34
  collapseElements(inlineSize);
35
35
  }
36
36
  else {
37
- // firefox v69-91 compatibility. See https://caniuse.com/mdn-api_resizeobserverentry_contentboxsize
38
- const { inlineSize } = entries[0].contentBoxSize;
39
- collapseElements(inlineSize);
37
+ // old browser compatibility. See https://caniuse.com/mdn-api_resizeobserverentry_contentboxsize
38
+ collapseElements(entries[0].contentRect.width);
40
39
  }
41
40
  };
42
41
  const ResizeObserver$1 = window.ResizeObserver || ResizeObserver;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
- import { ButtonProps } from "./typings-9211a437";
3
+ import { ButtonProps } from "./typings-89f0cb07";
4
4
  declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
5
5
  export { Button };
6
- export type { ButtonProps } from "./typings-9211a437";
6
+ export type { ButtonProps } from "./typings-89f0cb07";
@@ -136,5 +136,5 @@ type NavigationBarProps = {
136
136
  };
137
137
  declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
138
138
  export { NavigationBar };
139
- export * from "./Component-63dec22f";
139
+ export * from "./Component-69921c40";
140
140
  export type { NavigationBarProps };
package/modern/index.js CHANGED
@@ -19,12 +19,12 @@ import '@alfalab/icons-glyph/ChevronLeftMIcon';
19
19
  import '@alfalab/icons-glyph/ChevronRightMIcon';
20
20
  import './components/scroll-controls/utils.js';
21
21
  import './components/title/Component.js';
22
- import './index.module-bf88e596.js';
22
+ import './index.module-7b0d0808.js';
23
23
  import './components/primary-tablist/Component.mobile.js';
24
24
  import './components/secondary-tablist/Component.desktop.js';
25
25
  import '@alfalab/core-components-tag/modern/desktop';
26
26
  import './components/secondary-tablist/Component.js';
27
- import './index.module-488b1ce4.js';
27
+ import './index.module-2d531cfb.js';
28
28
  import './components/secondary-tablist/Component.mobile.js';
29
29
  import '@alfalab/core-components-tag/modern/mobile';
30
30
  import './components/tabs/Component.js';
@@ -0,0 +1,4 @@
1
+ const commonStyles = {"component":"tabs__component_o2nwu","fullWidthScroll":"tabs__fullWidthScroll_o2nwu","container":"tabs__container_o2nwu","title":"tabs__title_o2nwu","xxs":"tabs__xxs_o2nwu","xs":"tabs__xs_o2nwu","s":"tabs__s_o2nwu","m":"tabs__m_o2nwu","l":"tabs__l_o2nwu","xl":"tabs__xl_o2nwu"};
2
+ require('./components/secondary-tablist/index.css')
3
+
4
+ export { commonStyles as c };
@@ -0,0 +1,4 @@
1
+ const commonStyles = {"component":"tabs__component_1sfro","fullWidthScroll":"tabs__fullWidthScroll_1sfro","container":"tabs__container_1sfro","title":"tabs__title_1sfro","disabled":"tabs__disabled_1sfro","focused":"tabs__focused_1sfro","collapsed":"tabs__collapsed_1sfro","selected":"tabs__selected_1sfro","line":"tabs__line_1sfro","option":"tabs__option_1sfro","s":"tabs__s_1sfro","xs":"tabs__xs_1sfro","xxs":"tabs__xxs_1sfro","pickerWrapper":"tabs__pickerWrapper_1sfro","m":"tabs__m_1sfro","l":"tabs__l_1sfro","xl":"tabs__xl_1sfro","rightAddons":"tabs__rightAddons_1sfro"};
2
+ require('./components/primary-tablist/index.css')
3
+
4
+ export { commonStyles as c };
@@ -0,0 +1,2 @@
1
+ export { ButtonMobile } from "./Component.mobile-16b1285a";
2
+ export type { CommonButtonProps as ButtonMobileProps } from "./typings-89f0cb07";
package/modern/mobile.js CHANGED
@@ -17,8 +17,8 @@ import '@alfalab/icons-glyph/ChevronLeftMIcon';
17
17
  import '@alfalab/icons-glyph/ChevronRightMIcon';
18
18
  import './components/scroll-controls/utils.js';
19
19
  import './components/title/Component.js';
20
- import './index.module-bf88e596.js';
20
+ import './index.module-7b0d0808.js';
21
21
  import '@alfalab/core-components-tag/modern/mobile';
22
22
  import './components/secondary-tablist/Component.js';
23
- import './index.module-488b1ce4.js';
23
+ import './index.module-2d531cfb.js';
24
24
  import './components/tabs/Component.js';
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
3
  import { ReactNode } from "react";
4
- import { BaseSelectProps, OptionProps, OptionShape } from "./typings-dd8ca091";
4
+ import { BaseSelectProps, OptionProps, OptionShape } from "./typings-0f4b9bed";
5
5
  import { BottomSheetProps } from "./index-f12ee135";
6
6
  import { UseSelectWithApplyProps } from "./hook-8abfea97";
7
7
  // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -100,8 +100,8 @@ type FooterProps = {
100
100
  };
101
101
  declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
102
102
  export * from "./index-ebda875c";
103
- export * from "./Component-dd8ca091";
103
+ export * from "./Component-0f4b9bed";
104
104
  export { useSelectWithLoading, useLazyLoading, AdditionalMobileProps, SelectMobileProps, SelectMobile, FooterProps, Footer };
105
105
  export * from "./hook-8abfea97";
106
- export * from "./typings-dd8ca091";
107
- export * from "./utils-dd8ca091";
106
+ export * from "./typings-0f4b9bed";
107
+ export * from "./utils-0f4b9bed";
@@ -459,6 +459,10 @@ type OptionsListProps = {
459
459
  * Обработчик отмены изменений
460
460
  */
461
461
  onClear?: () => void;
462
+ /**
463
+ * Указать индекс пункта для hover состояния
464
+ */
465
+ setHighlightedIndex?: (index: number) => void;
462
466
  };
463
467
  type OptgroupProps = {
464
468
  /**
@@ -69,6 +69,8 @@ type ComponentProps = {
69
69
  * Дочерние элементы.
70
70
  */
71
71
  children?: ReactNode;
72
+ };
73
+ type PrivateButtonProps = {
72
74
  /**
73
75
  * Основные стили компонента.
74
76
  */
@@ -80,16 +82,12 @@ type ComponentProps = {
80
82
  */
81
83
  colorStylesMap: StyleColors;
82
84
  };
83
- type AnchorBaseButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
84
- type NativeBaseButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;
85
- type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
86
- type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
87
- type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
88
- type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
85
+ type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
86
+ type ButtonProps = CommonButtonProps & {
89
87
  /**
90
88
  * Контрольная точка, с нее начинается desktop версия
91
89
  * @default 1024
92
90
  */
93
91
  breakpoint?: number;
94
92
  };
95
- export { StyleColors, ComponentProps, AnchorBaseButtonProps, NativeBaseButtonProps, BaseButtonProps, AnchorButtonProps, NativeButtonProps, ButtonProps };
93
+ export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };
@@ -1,5 +1,5 @@
1
1
  import { ReactNode, RefObject } from 'react';
2
- import { BaseSelectProps, GroupShape, OptionShape } from "./typings-dd8ca091";
2
+ import { BaseSelectProps, GroupShape, OptionShape } from "./typings-0f4b9bed";
3
3
  declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
4
4
  declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
5
5
  declare const joinOptions: ({ selected, selectedMultiple, }: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-tabs",
3
- "version": "8.1.3",
3
+ "version": "8.1.5",
4
4
  "description": "Tabs components",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -44,12 +44,12 @@
44
44
  "dependencies": {
45
45
  "@alfalab/core-components-keyboard-focusable": "^4.1.0",
46
46
  "@alfalab/core-components-tag": "^6.0.1",
47
- "@alfalab/core-components-picker-button": "^11.1.7",
47
+ "@alfalab/core-components-picker-button": "^11.1.9",
48
48
  "@alfalab/core-components-badge": "^5.2.0",
49
49
  "@alfalab/core-components-mq": "^4.2.0",
50
50
  "@alfalab/hooks": "^1.13.0",
51
- "@alfalab/core-components-shared": "^0.5.0",
52
- "@alfalab/core-components-icon-button": "^6.3.0",
51
+ "@alfalab/core-components-shared": "^0.6.0",
52
+ "@alfalab/core-components-icon-button": "^6.3.1",
53
53
  "@alfalab/icons-glyph": "^2.108.0",
54
54
  "classnames": "^2.3.1",
55
55
  "compute-scroll-into-view": "^1.0.20",
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
3
  import { ReactNode } from "react";
4
- import { BaseSelectProps, OptionProps, OptionShape } from "./typings-dd8ca091";
4
+ import { BaseSelectProps, OptionProps, OptionShape } from "./typings-0f4b9bed";
5
5
  import { BottomSheetProps } from "./index-f12ee135";
6
6
  import { UseSelectWithApplyProps } from "./hook-8abfea97";
7
7
  // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -100,8 +100,8 @@ type FooterProps = {
100
100
  };
101
101
  declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
102
102
  export * from "./index-ebda875c";
103
- export * from "./Component-dd8ca091";
103
+ export * from "./Component-0f4b9bed";
104
104
  export { useSelectWithLoading, useLazyLoading, AdditionalMobileProps, SelectMobileProps, SelectMobile, FooterProps, Footer };
105
105
  export * from "./hook-8abfea97";
106
- export * from "./typings-dd8ca091";
107
- export * from "./utils-dd8ca091";
106
+ export * from "./typings-0f4b9bed";
107
+ export * from "./utils-0f4b9bed";
@@ -45,7 +45,6 @@
45
45
  white-space: nowrap;
46
46
  box-shadow: none;
47
47
  user-select: none;
48
- cursor: pointer;
49
48
  outline: none;
50
49
 
51
50
  &:not(.disabled):hover {
@@ -50,12 +50,8 @@ export const useCollapsibleElements = <
50
50
 
51
51
  collapseElements(inlineSize);
52
52
  } else {
53
- // firefox v69-91 compatibility. See https://caniuse.com/mdn-api_resizeobserverentry_contentboxsize
54
- const { inlineSize } = entries[0].contentBoxSize as unknown as {
55
- inlineSize: number;
56
- };
57
-
58
- collapseElements(inlineSize);
53
+ // old browser compatibility. See https://caniuse.com/mdn-api_resizeobserverentry_contentboxsize
54
+ collapseElements(entries[0].contentRect.width);
59
55
  }
60
56
  };
61
57
 
@@ -459,6 +459,10 @@ type OptionsListProps = {
459
459
  * Обработчик отмены изменений
460
460
  */
461
461
  onClear?: () => void;
462
+ /**
463
+ * Указать индекс пункта для hover состояния
464
+ */
465
+ setHighlightedIndex?: (index: number) => void;
462
466
  };
463
467
  type OptgroupProps = {
464
468
  /**
@@ -69,6 +69,8 @@ type ComponentProps = {
69
69
  * Дочерние элементы.
70
70
  */
71
71
  children?: ReactNode;
72
+ };
73
+ type PrivateButtonProps = {
72
74
  /**
73
75
  * Основные стили компонента.
74
76
  */
@@ -80,16 +82,12 @@ type ComponentProps = {
80
82
  */
81
83
  colorStylesMap: StyleColors;
82
84
  };
83
- type AnchorBaseButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
84
- type NativeBaseButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;
85
- type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
86
- type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
87
- type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
88
- type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
85
+ type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
86
+ type ButtonProps = CommonButtonProps & {
89
87
  /**
90
88
  * Контрольная точка, с нее начинается desktop версия
91
89
  * @default 1024
92
90
  */
93
91
  breakpoint?: number;
94
92
  };
95
- export { StyleColors, ComponentProps, AnchorBaseButtonProps, NativeBaseButtonProps, BaseButtonProps, AnchorButtonProps, NativeButtonProps, ButtonProps };
93
+ export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };
@@ -1,5 +1,5 @@
1
1
  import { ReactNode, RefObject } from 'react';
2
- import { BaseSelectProps, GroupShape, OptionShape } from "./typings-dd8ca091";
2
+ import { BaseSelectProps, GroupShape, OptionShape } from "./typings-0f4b9bed";
3
3
  declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
4
4
  declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
5
5
  declare const joinOptions: ({ selected, selectedMultiple, }: {
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
4
- type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
5
- declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
6
- export { ButtonDesktopProps, ButtonDesktop };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
4
- type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
5
- declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
6
- export { ButtonMobileProps, ButtonMobile };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
4
- type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
5
- declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
6
- export { ButtonDesktopProps, ButtonDesktop };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
4
- type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
5
- declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
6
- export { ButtonMobileProps, ButtonMobile };
@@ -1,2 +0,0 @@
1
- export * from "./Component.desktop-2e2b2125";
2
- export {};
@@ -1,2 +0,0 @@
1
- export * from "./Component.mobile-755fbaa3";
2
- export {};
@@ -1,2 +0,0 @@
1
- export * from "./Component.desktop-2e2b2125";
2
- export {};
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
4
- type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
5
- declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
6
- export { ButtonDesktopProps, ButtonDesktop };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { BaseTagProps } from "./index-ebda875c";
4
- type TagDesktopProps = Omit<BaseTagProps, 'styles' | 'colorStylesMap'>;
5
- declare const TagDesktop: React.ForwardRefExoticComponent<TagDesktopProps & React.RefAttributes<HTMLButtonElement>>;
6
- export { TagDesktopProps, TagDesktop };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
4
- type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
5
- declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
6
- export { ButtonMobileProps, ButtonMobile };
@@ -1,2 +0,0 @@
1
- export * from "./Component.desktop-2e2b2125";
2
- export {};
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_9r6x8","fullWidthScroll":"tabs__fullWidthScroll_9r6x8","container":"tabs__container_9r6x8","title":"tabs__title_9r6x8","disabled":"tabs__disabled_9r6x8","focused":"tabs__focused_9r6x8","collapsed":"tabs__collapsed_9r6x8","selected":"tabs__selected_9r6x8","line":"tabs__line_9r6x8","option":"tabs__option_9r6x8","s":"tabs__s_9r6x8","xs":"tabs__xs_9r6x8","xxs":"tabs__xxs_9r6x8","pickerWrapper":"tabs__pickerWrapper_9r6x8","m":"tabs__m_9r6x8","l":"tabs__l_9r6x8","xl":"tabs__xl_9r6x8","rightAddons":"tabs__rightAddons_9r6x8"};
2
- require('./components/primary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_1kvbz","fullWidthScroll":"tabs__fullWidthScroll_1kvbz","container":"tabs__container_1kvbz","title":"tabs__title_1kvbz","xxs":"tabs__xxs_1kvbz","xs":"tabs__xs_1kvbz","s":"tabs__s_1kvbz","m":"tabs__m_1kvbz","l":"tabs__l_1kvbz","xl":"tabs__xl_1kvbz"};
2
- require('./components/secondary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,2 +0,0 @@
1
- export * from "./Component.mobile-755fbaa3";
2
- export {};
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var commonStyles = {"component":"tabs__component_9r6x8","fullWidthScroll":"tabs__fullWidthScroll_9r6x8","container":"tabs__container_9r6x8","title":"tabs__title_9r6x8","disabled":"tabs__disabled_9r6x8","focused":"tabs__focused_9r6x8","collapsed":"tabs__collapsed_9r6x8","selected":"tabs__selected_9r6x8","line":"tabs__line_9r6x8","option":"tabs__option_9r6x8","s":"tabs__s_9r6x8","xs":"tabs__xs_9r6x8","xxs":"tabs__xxs_9r6x8","pickerWrapper":"tabs__pickerWrapper_9r6x8","m":"tabs__m_9r6x8","l":"tabs__l_9r6x8","xl":"tabs__xl_9r6x8","rightAddons":"tabs__rightAddons_9r6x8"};
4
- require('./components/primary-tablist/index.css')
5
-
6
- exports.commonStyles = commonStyles;
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var commonStyles = {"component":"tabs__component_1kvbz","fullWidthScroll":"tabs__fullWidthScroll_1kvbz","container":"tabs__container_1kvbz","title":"tabs__title_1kvbz","xxs":"tabs__xxs_1kvbz","xs":"tabs__xs_1kvbz","s":"tabs__s_1kvbz","m":"tabs__m_1kvbz","l":"tabs__l_1kvbz","xl":"tabs__xl_1kvbz"};
4
- require('./components/secondary-tablist/index.css')
5
-
6
- exports.commonStyles = commonStyles;
@@ -1,2 +0,0 @@
1
- export * from "./Component.mobile-755fbaa3";
2
- export {};
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
4
- type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
5
- declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
6
- export { ButtonDesktopProps, ButtonDesktop };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
4
- type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
5
- declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
6
- export { ButtonMobileProps, ButtonMobile };
@@ -1,2 +0,0 @@
1
- export * from "./Component.desktop-2e2b2125";
2
- export {};
@@ -1,4 +0,0 @@
1
- const commonStyles = {"component":"tabs__component_1kvbz","fullWidthScroll":"tabs__fullWidthScroll_1kvbz","container":"tabs__container_1kvbz","title":"tabs__title_1kvbz","xxs":"tabs__xxs_1kvbz","xs":"tabs__xs_1kvbz","s":"tabs__s_1kvbz","m":"tabs__m_1kvbz","l":"tabs__l_1kvbz","xl":"tabs__xl_1kvbz"};
2
- require('./components/secondary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,4 +0,0 @@
1
- const commonStyles = {"component":"tabs__component_9r6x8","fullWidthScroll":"tabs__fullWidthScroll_9r6x8","container":"tabs__container_9r6x8","title":"tabs__title_9r6x8","disabled":"tabs__disabled_9r6x8","focused":"tabs__focused_9r6x8","collapsed":"tabs__collapsed_9r6x8","selected":"tabs__selected_9r6x8","line":"tabs__line_9r6x8","option":"tabs__option_9r6x8","s":"tabs__s_9r6x8","xs":"tabs__xs_9r6x8","xxs":"tabs__xxs_9r6x8","pickerWrapper":"tabs__pickerWrapper_9r6x8","m":"tabs__m_9r6x8","l":"tabs__l_9r6x8","xl":"tabs__xl_9r6x8","rightAddons":"tabs__rightAddons_9r6x8"};
2
- require('./components/primary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,2 +0,0 @@
1
- export * from "./Component.mobile-755fbaa3";
2
- export {};