@alfalab/core-components-tabs 7.3.9 → 7.3.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 (142) hide show
  1. package/Component-3885b0d7.d.ts +5 -0
  2. package/Component-3e68f8db.d.ts +2 -2
  3. package/{esm/Component-cac440c1.d.ts → Component-a8deae7f.d.ts} +1 -1
  4. package/component-3885b0d7.d.ts +216 -0
  5. package/components/primary-tablist/Component.desktop.js +1 -1
  6. package/components/primary-tablist/Component.mobile.js +2 -2
  7. package/components/primary-tablist/Component.responsive.js +1 -1
  8. package/components/primary-tablist/index.css +31 -31
  9. package/components/primary-tablist/mobile.css +105 -34
  10. package/components/scrollable-container/Component.js +1 -1
  11. package/components/scrollable-container/index.css +7 -7
  12. package/components/secondary-tablist/Component.desktop.js +1 -1
  13. package/components/secondary-tablist/Component.mobile.js +2 -2
  14. package/components/secondary-tablist/Component.responsive.js +1 -1
  15. package/components/secondary-tablist/index.css +13 -13
  16. package/components/secondary-tablist/mobile.css +86 -15
  17. package/components/tab/Component.js +1 -1
  18. package/components/tab/index.css +3 -3
  19. package/components/tabs/Component.desktop.js +2 -2
  20. package/components/tabs/Component.mobile.js +2 -2
  21. package/components/tabs/Component.responsive.js +2 -2
  22. package/cssm/Component-3885b0d7.d.ts +5 -0
  23. package/cssm/Component-3e68f8db.d.ts +2 -2
  24. package/{Component-cac440c1.d.ts → cssm/Component-a8deae7f.d.ts} +1 -1
  25. package/cssm/component-3885b0d7.d.ts +216 -0
  26. package/cssm/components/primary-tablist/index.module.css +2 -2
  27. package/cssm/components/primary-tablist/mobile.module.css +2 -2
  28. package/cssm/components/scrollable-container/index.module.css +2 -2
  29. package/cssm/components/secondary-tablist/index.module.css +2 -2
  30. package/cssm/components/secondary-tablist/mobile.module.css +2 -2
  31. package/cssm/{getDataTestId-3fe0d3e6.d.ts → index-3885b0d7.d.ts} +2 -1
  32. package/cssm/index-3e68f8db.d.ts +3 -3
  33. package/cssm/index-48646db0.d.ts +1 -1
  34. package/cssm/index-7ca84eff.d.ts +1 -215
  35. package/cssm/index-e81c389f.d.ts +3 -141
  36. package/cssm/index-ebda875c.d.ts +1 -1
  37. package/cssm/types-ebda875c.d.ts +113 -0
  38. package/cssm/{typings-cac440c1.d.ts → typings-a8deae7f.d.ts} +5 -5
  39. package/cssm/{utils-cac440c1.d.ts → utils-a8deae7f.d.ts} +1 -1
  40. package/cssm/vars.css +2 -2
  41. package/desktop.js +2 -2
  42. package/esm/Component-3885b0d7.d.ts +5 -0
  43. package/esm/Component-3e68f8db.d.ts +2 -2
  44. package/{modern/Component-cac440c1.d.ts → esm/Component-a8deae7f.d.ts} +1 -1
  45. package/esm/component-3885b0d7.d.ts +216 -0
  46. package/esm/components/primary-tablist/Component.desktop.js +1 -1
  47. package/esm/components/primary-tablist/Component.mobile.js +2 -2
  48. package/esm/components/primary-tablist/Component.responsive.js +1 -1
  49. package/esm/components/primary-tablist/index.css +31 -31
  50. package/esm/components/primary-tablist/mobile.css +105 -34
  51. package/esm/components/scrollable-container/Component.js +1 -1
  52. package/esm/components/scrollable-container/index.css +7 -7
  53. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  54. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  55. package/esm/components/secondary-tablist/Component.responsive.js +1 -1
  56. package/esm/components/secondary-tablist/index.css +13 -13
  57. package/esm/components/secondary-tablist/mobile.css +86 -15
  58. package/esm/components/tab/Component.js +1 -1
  59. package/esm/components/tab/index.css +3 -3
  60. package/esm/components/tabs/Component.desktop.js +2 -2
  61. package/esm/components/tabs/Component.mobile.js +2 -2
  62. package/esm/components/tabs/Component.responsive.js +2 -2
  63. package/esm/desktop.js +2 -2
  64. package/{getDataTestId-3fe0d3e6.d.ts → esm/index-3885b0d7.d.ts} +2 -1
  65. package/esm/index-3e68f8db.d.ts +3 -3
  66. package/esm/index-48646db0.d.ts +1 -1
  67. package/esm/index-7ca84eff.d.ts +1 -215
  68. package/esm/index-e81c389f.d.ts +3 -141
  69. package/esm/index-ebda875c.d.ts +1 -1
  70. package/esm/index.js +2 -2
  71. package/esm/index.module-1865aaf0.js +4 -0
  72. package/esm/index.module-e818c324.js +4 -0
  73. package/esm/mobile.js +2 -2
  74. package/esm/responsive.js +2 -2
  75. package/esm/types-ebda875c.d.ts +113 -0
  76. package/esm/{typings-cac440c1.d.ts → typings-a8deae7f.d.ts} +5 -5
  77. package/esm/{utils-cac440c1.d.ts → utils-a8deae7f.d.ts} +1 -1
  78. package/{esm/getDataTestId-3fe0d3e6.d.ts → index-3885b0d7.d.ts} +2 -1
  79. package/index-3e68f8db.d.ts +3 -3
  80. package/index-48646db0.d.ts +1 -1
  81. package/index-7ca84eff.d.ts +1 -215
  82. package/index-e81c389f.d.ts +3 -141
  83. package/index-ebda875c.d.ts +1 -1
  84. package/index.js +2 -2
  85. package/index.module-07471830.js +6 -0
  86. package/index.module-38e2880e.js +6 -0
  87. package/mobile.js +2 -2
  88. package/modern/Component-3885b0d7.d.ts +5 -0
  89. package/modern/Component-3e68f8db.d.ts +2 -2
  90. package/{cssm/Component-cac440c1.d.ts → modern/Component-a8deae7f.d.ts} +1 -1
  91. package/modern/component-3885b0d7.d.ts +216 -0
  92. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  93. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  94. package/modern/components/primary-tablist/Component.responsive.js +1 -1
  95. package/modern/components/primary-tablist/index.css +31 -31
  96. package/modern/components/primary-tablist/mobile.css +105 -34
  97. package/modern/components/scrollable-container/Component.js +1 -1
  98. package/modern/components/scrollable-container/index.css +7 -7
  99. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  100. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  101. package/modern/components/secondary-tablist/Component.responsive.js +1 -1
  102. package/modern/components/secondary-tablist/index.css +13 -13
  103. package/modern/components/secondary-tablist/mobile.css +86 -15
  104. package/modern/components/tab/Component.js +1 -1
  105. package/modern/components/tab/index.css +3 -3
  106. package/modern/components/tabs/Component.desktop.js +2 -2
  107. package/modern/components/tabs/Component.mobile.js +2 -2
  108. package/modern/components/tabs/Component.responsive.js +2 -2
  109. package/modern/desktop.js +2 -2
  110. package/modern/{getDataTestId-3fe0d3e6.d.ts → index-3885b0d7.d.ts} +2 -1
  111. package/modern/index-3e68f8db.d.ts +3 -3
  112. package/modern/index-48646db0.d.ts +1 -1
  113. package/modern/index-7ca84eff.d.ts +1 -215
  114. package/modern/index-e81c389f.d.ts +3 -141
  115. package/modern/index-ebda875c.d.ts +1 -1
  116. package/modern/index.js +2 -2
  117. package/modern/index.module-540790c1.js +4 -0
  118. package/modern/index.module-a26a42c3.js +4 -0
  119. package/modern/mobile.js +2 -2
  120. package/modern/responsive.js +2 -2
  121. package/modern/types-ebda875c.d.ts +113 -0
  122. package/modern/{typings-cac440c1.d.ts → typings-a8deae7f.d.ts} +5 -5
  123. package/modern/{utils-cac440c1.d.ts → utils-a8deae7f.d.ts} +1 -1
  124. package/package.json +3 -3
  125. package/responsive.js +2 -2
  126. package/types-ebda875c.d.ts +113 -0
  127. package/{typings-cac440c1.d.ts → typings-a8deae7f.d.ts} +5 -5
  128. package/{utils-cac440c1.d.ts → utils-a8deae7f.d.ts} +1 -1
  129. package/Component-7ca84eff.d.ts +0 -5
  130. package/cssm/Component-7ca84eff.d.ts +0 -5
  131. package/cssm/index-3fe0d3e6.d.ts +0 -3
  132. package/esm/Component-7ca84eff.d.ts +0 -5
  133. package/esm/index-3fe0d3e6.d.ts +0 -3
  134. package/esm/index.module-b06e730b.js +0 -4
  135. package/esm/index.module-ea1e031b.js +0 -4
  136. package/index-3fe0d3e6.d.ts +0 -3
  137. package/index.module-9aac8027.js +0 -6
  138. package/index.module-dde2566f.js +0 -6
  139. package/modern/Component-7ca84eff.d.ts +0 -5
  140. package/modern/index-3fe0d3e6.d.ts +0 -3
  141. package/modern/index.module-1428a125.js +0 -4
  142. package/modern/index.module-1e6e4859.js +0 -4
@@ -0,0 +1,113 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { ReactNode } from "react";
4
+ import { CloserProps } from "./index-ebda875c";
5
+ type NavigationBarProps = {
6
+ /**
7
+ * Контент шапки
8
+ */
9
+ children?: ReactNode;
10
+ /**
11
+ * Заголовок шапки
12
+ */
13
+ title?: string;
14
+ /**
15
+ * Подзаголовок (доступен только в мобильной версии)
16
+ */
17
+ subtitle?: string;
18
+ /**
19
+ * Размер заголовка (compact доступен только в мобильной версии)
20
+ */
21
+ titleSize?: 'default' | 'compact';
22
+ /**
23
+ * Доп. класс для аддонов
24
+ */
25
+ addonClassName?: string;
26
+ /**
27
+ * Слот слева
28
+ */
29
+ leftAddons?: ReactNode;
30
+ /**
31
+ * Слот справа
32
+ */
33
+ rightAddons?: ReactNode;
34
+ /**
35
+ * Дополнительный класс для closer
36
+ */
37
+ closerClassName?: string;
38
+ /**
39
+ * Слот снизу
40
+ */
41
+ bottomAddons?: ReactNode;
42
+ /**
43
+ * Наличие компонента крестика
44
+ */
45
+ hasCloser?: boolean;
46
+ /**
47
+ * Наличие кнопки "Назад"
48
+ */
49
+ hasBackButton?: boolean;
50
+ /**
51
+ * Дополнительный класс для правого аддона
52
+ */
53
+ backButtonClassName?: string;
54
+ /**
55
+ * Дополнительный класс
56
+ */
57
+ className?: string;
58
+ /**
59
+ * Дополнительный класс для контента
60
+ */
61
+ contentClassName?: string;
62
+ /**
63
+ * Дополнительный класс для нижнего аддона
64
+ */
65
+ bottomAddonsClassName?: string;
66
+ /**
67
+ * Выравнивание заголовка
68
+ */
69
+ align?: 'left' | 'center';
70
+ /**
71
+ * Обрезать ли заголовок
72
+ */
73
+ trim?: boolean;
74
+ /**
75
+ * Фиксирует шапку
76
+ */
77
+ sticky?: boolean;
78
+ /**
79
+ * Идентификатор для систем автоматизированного тестирования
80
+ */
81
+ dataTestId?: string;
82
+ /**
83
+ * Фоновое изображение
84
+ */
85
+ imageUrl?: string;
86
+ /**
87
+ * Иконка closer.
88
+ */
89
+ closerIcon?: React.ElementType;
90
+ /**
91
+ * Обработчик закрытия
92
+ */
93
+ onClose?: CloserProps['onClose'];
94
+ /**
95
+ * обработчик клика по кнопке "назад"
96
+ */
97
+ onBack?: () => void;
98
+ /**
99
+ * Вид шапки - мобильный или десктоп
100
+ */
101
+ view: 'desktop' | 'mobile';
102
+ /**
103
+ * Ссылка на родительскую ноду overflow: auto
104
+ */
105
+ scrollableParentRef?: React.RefObject<HTMLDivElement>;
106
+ };
107
+ type ContentParams = {
108
+ extraClassName?: string;
109
+ ref?: React.RefObject<HTMLDivElement>;
110
+ style?: React.CSSProperties;
111
+ hidden?: boolean;
112
+ };
113
+ export { NavigationBarProps, ContentParams };
@@ -1,6 +1,6 @@
1
- /// <reference types="react" />
2
- import { AriaAttributes, FC, FocusEvent, MouseEvent, ReactElement, ReactNode, RefAttributes } from 'react';
1
+ import { AriaAttributes, FC, FocusEvent, MouseEvent, ReactElement, ReactNode, RefAttributes, SVGProps } from 'react';
3
2
  import { InputProps, PopoverProps } from "./index-ebda875c";
3
+ type AnyObject = Record<string, any>;
4
4
  type OptionShape = {
5
5
  /**
6
6
  * Текстовое представление пункта
@@ -324,7 +324,7 @@ type FieldProps = {
324
324
  * Идентификатор для систем автоматизированного тестирования
325
325
  */
326
326
  dataTestId?: string;
327
- } & Record<string, any>;
327
+ } & AnyObject;
328
328
  type ArrowProps = {
329
329
  /**
330
330
  * Дополнительный класс
@@ -544,6 +544,6 @@ type CheckmarkProps = {
544
544
  /**
545
545
  * Иконка выбранного пункта
546
546
  */
547
- icon?: React.FC<React.SVGProps<SVGSVGElement>>;
547
+ icon?: FC<SVGProps<SVGSVGElement>>;
548
548
  };
549
- export { OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };
549
+ export { AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };
@@ -1,5 +1,5 @@
1
1
  import { ReactNode, RefObject } from 'react';
2
- import { BaseSelectProps, GroupShape, OptionShape } from "./typings-cac440c1";
2
+ import { BaseSelectProps, GroupShape, OptionShape } from "./typings-a8deae7f";
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,5 +0,0 @@
1
- import { FC } from 'react';
2
- import { NavigationBarProps } from "./index-e81c389f";
3
- type HeaderProps = Omit<NavigationBarProps, 'view' | 'size'>;
4
- declare const Header: FC<HeaderProps>;
5
- export { HeaderProps, Header };
@@ -1,5 +0,0 @@
1
- import { FC } from 'react';
2
- import { NavigationBarProps } from "./index-e81c389f";
3
- type HeaderProps = Omit<NavigationBarProps, 'view' | 'size'>;
4
- declare const Header: FC<HeaderProps>;
5
- export { HeaderProps, Header };
@@ -1,3 +0,0 @@
1
- declare const isClient: () => boolean;
2
- export { isClient };
3
- export * from "./getDataTestId-3fe0d3e6";
@@ -1,5 +0,0 @@
1
- import { FC } from 'react';
2
- import { NavigationBarProps } from "./index-e81c389f";
3
- type HeaderProps = Omit<NavigationBarProps, 'view' | 'size'>;
4
- declare const Header: FC<HeaderProps>;
5
- export { HeaderProps, Header };
@@ -1,3 +0,0 @@
1
- declare const isClient: () => boolean;
2
- export { isClient };
3
- export * from "./getDataTestId-3fe0d3e6";
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_1ki8z","fullWidthScroll":"tabs__fullWidthScroll_1ki8z","container":"tabs__container_1ki8z","title":"tabs__title_1ki8z","xxs":"tabs__xxs_1ki8z","xs":"tabs__xs_1ki8z","s":"tabs__s_1ki8z","m":"tabs__m_1ki8z","l":"tabs__l_1ki8z","xl":"tabs__xl_1ki8z"};
2
- require('./components/secondary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_k6pe3","fullWidthScroll":"tabs__fullWidthScroll_k6pe3","container":"tabs__container_k6pe3","title":"tabs__title_k6pe3","disabled":"tabs__disabled_k6pe3","focused":"tabs__focused_k6pe3","collapsed":"tabs__collapsed_k6pe3","selected":"tabs__selected_k6pe3","line":"tabs__line_k6pe3","s":"tabs__s_k6pe3","xs":"tabs__xs_k6pe3","xxs":"tabs__xxs_k6pe3","pickerWrapper":"tabs__pickerWrapper_k6pe3","option":"tabs__option_k6pe3","m":"tabs__m_k6pe3","l":"tabs__l_k6pe3","xl":"tabs__xl_k6pe3","rightAddons":"tabs__rightAddons_k6pe3"};
2
- require('./components/primary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,3 +0,0 @@
1
- declare const isClient: () => boolean;
2
- export { isClient };
3
- export * from "./getDataTestId-3fe0d3e6";
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var commonStyles = {"component":"tabs__component_1ki8z","fullWidthScroll":"tabs__fullWidthScroll_1ki8z","container":"tabs__container_1ki8z","title":"tabs__title_1ki8z","xxs":"tabs__xxs_1ki8z","xs":"tabs__xs_1ki8z","s":"tabs__s_1ki8z","m":"tabs__m_1ki8z","l":"tabs__l_1ki8z","xl":"tabs__xl_1ki8z"};
4
- require('./components/secondary-tablist/index.css')
5
-
6
- exports.commonStyles = commonStyles;
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var commonStyles = {"component":"tabs__component_k6pe3","fullWidthScroll":"tabs__fullWidthScroll_k6pe3","container":"tabs__container_k6pe3","title":"tabs__title_k6pe3","disabled":"tabs__disabled_k6pe3","focused":"tabs__focused_k6pe3","collapsed":"tabs__collapsed_k6pe3","selected":"tabs__selected_k6pe3","line":"tabs__line_k6pe3","s":"tabs__s_k6pe3","xs":"tabs__xs_k6pe3","xxs":"tabs__xxs_k6pe3","pickerWrapper":"tabs__pickerWrapper_k6pe3","option":"tabs__option_k6pe3","m":"tabs__m_k6pe3","l":"tabs__l_k6pe3","xl":"tabs__xl_k6pe3","rightAddons":"tabs__rightAddons_k6pe3"};
4
- require('./components/primary-tablist/index.css')
5
-
6
- exports.commonStyles = commonStyles;
@@ -1,5 +0,0 @@
1
- import { FC } from 'react';
2
- import { NavigationBarProps } from "./index-e81c389f";
3
- type HeaderProps = Omit<NavigationBarProps, 'view' | 'size'>;
4
- declare const Header: FC<HeaderProps>;
5
- export { HeaderProps, Header };
@@ -1,3 +0,0 @@
1
- declare const isClient: () => boolean;
2
- export { isClient };
3
- export * from "./getDataTestId-3fe0d3e6";
@@ -1,4 +0,0 @@
1
- const commonStyles = {"component":"tabs__component_k6pe3","fullWidthScroll":"tabs__fullWidthScroll_k6pe3","container":"tabs__container_k6pe3","title":"tabs__title_k6pe3","disabled":"tabs__disabled_k6pe3","focused":"tabs__focused_k6pe3","collapsed":"tabs__collapsed_k6pe3","selected":"tabs__selected_k6pe3","line":"tabs__line_k6pe3","s":"tabs__s_k6pe3","xs":"tabs__xs_k6pe3","xxs":"tabs__xxs_k6pe3","pickerWrapper":"tabs__pickerWrapper_k6pe3","option":"tabs__option_k6pe3","m":"tabs__m_k6pe3","l":"tabs__l_k6pe3","xl":"tabs__xl_k6pe3","rightAddons":"tabs__rightAddons_k6pe3"};
2
- require('./components/primary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,4 +0,0 @@
1
- const commonStyles = {"component":"tabs__component_1ki8z","fullWidthScroll":"tabs__fullWidthScroll_1ki8z","container":"tabs__container_1ki8z","title":"tabs__title_1ki8z","xxs":"tabs__xxs_1ki8z","xs":"tabs__xs_1ki8z","s":"tabs__s_1ki8z","m":"tabs__m_1ki8z","l":"tabs__l_1ki8z","xl":"tabs__xl_1ki8z"};
2
- require('./components/secondary-tablist/index.css')
3
-
4
- export { commonStyles as c };