@alfalab/core-components-custom-picker-button 2.0.11 → 2.0.13

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 (153) hide show
  1. package/{esm/Component-dd8ca091.d.ts → Component-0f4b9bed.d.ts} +1 -1
  2. package/{cssm/Component-72308007.d.ts → Component-10db897e.d.ts} +1 -1
  3. package/{esm/Component-9211a437.d.ts → Component-89f0cb07.d.ts} +2 -2
  4. package/Component-8b2c2707.d.ts +1 -1
  5. package/Component.desktop-0aa4e915.d.ts +5 -0
  6. package/Component.desktop-785df74d.d.ts +1 -1
  7. package/Component.mobile-16b1285a.d.ts +5 -0
  8. package/Component.mobile-d446ae02.d.ts +4 -4
  9. package/Component.mobile-d7e9f69d.d.ts +1 -1
  10. package/{Component.mobile-ade26e99.d.ts → Component.mobile-f28cbba0.d.ts} +1 -1
  11. package/{cssm/Component.modal.mobile-dd8ca091.d.ts → Component.modal.mobile-0f4b9bed.d.ts} +1 -1
  12. package/{cssm/component-72308007.d.ts → component-10db897e.d.ts} +1 -1
  13. package/cssm/Component-0f4b9bed.d.ts +5 -0
  14. package/cssm/Component-10db897e.d.ts +296 -0
  15. package/cssm/Component-aed0af6e.d.ts +11 -0
  16. package/cssm/Component-ebda875c.d.ts +98 -9
  17. package/{Component-72308007.d.ts → cssm/Component-f12ee135.d.ts} +1 -1
  18. package/cssm/Component.desktop-0aa4e915.d.ts +5 -0
  19. package/cssm/Component.desktop-4cd3936b.d.ts +49 -0
  20. package/cssm/Component.mobile-16b1285a.d.ts +5 -0
  21. package/cssm/Component.mobile-96988a65.d.ts +6 -0
  22. package/{esm/Component.mobile-ade26e99.d.ts → cssm/Component.mobile-f28cbba0.d.ts} +1 -1
  23. package/cssm/Component.mobile.d.ts +9 -1
  24. package/cssm/{index-8b2c2707.d.ts → Component.responsive-0aa4e915.d.ts} +2 -3
  25. package/cssm/desktop-69921c40.d.ts +2 -0
  26. package/cssm/desktop-d446ae02.d.ts +2 -39
  27. package/cssm/hook-8abfea97.d.ts +10 -10
  28. package/cssm/hook-ebda875c.d.ts +48 -0
  29. package/{esm/index-72308007.d.ts → cssm/index-10db897e.d.ts} +1 -5
  30. package/cssm/index-89f0cb07.d.ts +2 -0
  31. package/cssm/index-bdb4c6b9.d.ts +180 -2
  32. package/cssm/index-c44170fe.d.ts +2 -22
  33. package/cssm/index-c76d6398.d.ts +2 -2
  34. package/cssm/index-ebda875c.d.ts +200 -18
  35. package/cssm/index-f12ee135.d.ts +324 -3
  36. package/cssm/shared-4cd3936b.d.ts +5 -64
  37. package/cssm/{types-83e2bd9e.d.ts → types-1c79e231.d.ts} +1 -1
  38. package/{modern/typings-dd8ca091.d.ts → cssm/typings-0f4b9bed.d.ts} +4 -0
  39. package/{modern/typings-9211a437.d.ts → cssm/typings-89f0cb07.d.ts} +5 -7
  40. package/cssm/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
  41. package/desktop-89f0cb07.d.ts +2 -0
  42. package/desktop-d446ae02.d.ts +2 -2
  43. package/{modern/Component-dd8ca091.d.ts → esm/Component-0f4b9bed.d.ts} +1 -1
  44. package/esm/{Component-72308007.d.ts → Component-10db897e.d.ts} +1 -1
  45. package/{cssm/Component-9211a437.d.ts → esm/Component-89f0cb07.d.ts} +2 -2
  46. package/esm/Component-8b2c2707.d.ts +1 -1
  47. package/esm/Component.desktop-0aa4e915.d.ts +5 -0
  48. package/esm/Component.desktop-785df74d.d.ts +1 -1
  49. package/esm/Component.mobile-16b1285a.d.ts +5 -0
  50. package/esm/Component.mobile-d446ae02.d.ts +4 -4
  51. package/esm/Component.mobile-d7e9f69d.d.ts +1 -1
  52. package/{modern/Component.mobile-ade26e99.d.ts → esm/Component.mobile-f28cbba0.d.ts} +1 -1
  53. package/esm/{Component.modal.mobile-dd8ca091.d.ts → Component.modal.mobile-0f4b9bed.d.ts} +1 -1
  54. package/esm/{component-72308007.d.ts → component-10db897e.d.ts} +1 -1
  55. package/esm/desktop-89f0cb07.d.ts +2 -0
  56. package/esm/desktop-d446ae02.d.ts +2 -2
  57. package/esm/field/Component.js +1 -1
  58. package/esm/field/index.css +5 -5
  59. package/esm/hook-8abfea97.d.ts +8 -8
  60. package/{cssm/index-72308007.d.ts → esm/index-10db897e.d.ts} +1 -5
  61. package/esm/index-8b2c2707.d.ts +2 -2
  62. package/esm/index-c44170fe.d.ts +4 -9
  63. package/esm/index-c76d6398.d.ts +2 -2
  64. package/esm/index-f12ee135.d.ts +2 -2
  65. package/esm/mobile-89f0cb07.d.ts +2 -0
  66. package/esm/shared-4cd3936b.d.ts +6 -6
  67. package/esm/{types-83e2bd9e.d.ts → types-1c79e231.d.ts} +1 -1
  68. package/esm/{types-e40becc7.d.ts → types-67a2d8af.d.ts} +1 -1
  69. package/{cssm/typings-dd8ca091.d.ts → esm/typings-0f4b9bed.d.ts} +4 -0
  70. package/{cssm/typings-9211a437.d.ts → esm/typings-89f0cb07.d.ts} +5 -7
  71. package/esm/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
  72. package/field/Component.js +1 -1
  73. package/field/index.css +5 -5
  74. package/hook-8abfea97.d.ts +8 -8
  75. package/{index-72308007.d.ts → index-10db897e.d.ts} +1 -5
  76. package/index-8b2c2707.d.ts +2 -2
  77. package/index-c44170fe.d.ts +4 -9
  78. package/index-c76d6398.d.ts +2 -2
  79. package/index-f12ee135.d.ts +2 -2
  80. package/mobile-89f0cb07.d.ts +2 -0
  81. package/{cssm/Component-dd8ca091.d.ts → modern/Component-0f4b9bed.d.ts} +1 -1
  82. package/modern/{Component-72308007.d.ts → Component-10db897e.d.ts} +1 -1
  83. package/{Component-9211a437.d.ts → modern/Component-89f0cb07.d.ts} +2 -2
  84. package/modern/Component-8b2c2707.d.ts +1 -1
  85. package/modern/Component.desktop-0aa4e915.d.ts +5 -0
  86. package/modern/Component.desktop-785df74d.d.ts +1 -1
  87. package/modern/Component.mobile-16b1285a.d.ts +5 -0
  88. package/modern/Component.mobile-d446ae02.d.ts +4 -4
  89. package/modern/Component.mobile-d7e9f69d.d.ts +1 -1
  90. package/{cssm/Component.mobile-ade26e99.d.ts → modern/Component.mobile-f28cbba0.d.ts} +1 -1
  91. package/modern/{Component.modal.mobile-dd8ca091.d.ts → Component.modal.mobile-0f4b9bed.d.ts} +1 -1
  92. package/modern/{component-72308007.d.ts → component-10db897e.d.ts} +1 -1
  93. package/modern/desktop-89f0cb07.d.ts +2 -0
  94. package/modern/desktop-d446ae02.d.ts +2 -2
  95. package/modern/field/Component.js +1 -1
  96. package/modern/field/index.css +5 -5
  97. package/modern/hook-8abfea97.d.ts +8 -8
  98. package/modern/{index-72308007.d.ts → index-10db897e.d.ts} +1 -5
  99. package/modern/index-8b2c2707.d.ts +2 -2
  100. package/modern/index-c44170fe.d.ts +4 -9
  101. package/modern/index-c76d6398.d.ts +2 -2
  102. package/modern/index-f12ee135.d.ts +2 -2
  103. package/modern/mobile-89f0cb07.d.ts +2 -0
  104. package/modern/shared-4cd3936b.d.ts +6 -6
  105. package/modern/{types-83e2bd9e.d.ts → types-1c79e231.d.ts} +1 -1
  106. package/modern/{types-e40becc7.d.ts → types-67a2d8af.d.ts} +1 -1
  107. package/{typings-dd8ca091.d.ts → modern/typings-0f4b9bed.d.ts} +4 -0
  108. package/{typings-9211a437.d.ts → modern/typings-89f0cb07.d.ts} +5 -7
  109. package/modern/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
  110. package/package.json +4 -4
  111. package/shared-4cd3936b.d.ts +6 -6
  112. package/{types-83e2bd9e.d.ts → types-1c79e231.d.ts} +1 -1
  113. package/{cssm/types-e40becc7.d.ts → types-67a2d8af.d.ts} +1 -1
  114. package/{esm/typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts} +4 -0
  115. package/{esm/typings-9211a437.d.ts → typings-89f0cb07.d.ts} +5 -7
  116. package/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
  117. package/Component-dd8ca091.d.ts +0 -22
  118. package/Component.desktop-2e2b2125.d.ts +0 -6
  119. package/Component.mobile-755fbaa3.d.ts +0 -6
  120. package/Component.modal.mobile-dd8ca091.d.ts +0 -60
  121. package/component-72308007.d.ts +0 -44
  122. package/cssm/Component-8b2c2707.d.ts +0 -12
  123. package/cssm/Component.desktop-2e2b2125.d.ts +0 -6
  124. package/cssm/Component.mobile-755fbaa3.d.ts +0 -6
  125. package/cssm/Component.mobile-d446ae02.d.ts +0 -23
  126. package/cssm/Component.responsive-785df74d.d.ts +0 -26
  127. package/cssm/desktop-2e2b2125.d.ts +0 -2
  128. package/cssm/mobile-755fbaa3.d.ts +0 -2
  129. package/cssm/utils-1574ad8b.d.ts +0 -29
  130. package/cssm/utils-49cc3c24.d.ts +0 -8
  131. package/desktop-2e2b2125.d.ts +0 -2
  132. package/esm/Component.desktop-2e2b2125.d.ts +0 -6
  133. package/esm/Component.mobile-755fbaa3.d.ts +0 -6
  134. package/esm/Component.responsive-785df74d.d.ts +0 -26
  135. package/esm/desktop-2e2b2125.d.ts +0 -2
  136. package/esm/mobile-755fbaa3.d.ts +0 -2
  137. package/mobile-755fbaa3.d.ts +0 -2
  138. package/modern/Component-63dec22f.d.ts +0 -184
  139. package/modern/Component-9211a437.d.ts +0 -38
  140. package/modern/Component.desktop-2e2b2125.d.ts +0 -6
  141. package/modern/Component.mobile-755fbaa3.d.ts +0 -6
  142. package/modern/Component.responsive-785df74d.d.ts +0 -26
  143. package/modern/desktop-2e2b2125.d.ts +0 -2
  144. package/modern/mobile-755fbaa3.d.ts +0 -2
  145. package/types-e40becc7.d.ts +0 -276
  146. /package/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
  147. /package/{Component.responsive-785df74d.d.ts → cssm/Component.responsive-d7e9f69d.d.ts} +0 -0
  148. /package/cssm/{useSkeleton-ebda875c.d.ts → useSkeleton-1b036d4b.d.ts} +0 -0
  149. /package/{cssm/Component-63dec22f.d.ts → esm/Component-69921c40.d.ts} +0 -0
  150. /package/esm/{mobile-96988a65.d.ts → mobile-d7e9f69d.d.ts} +0 -0
  151. /package/{mobile-96988a65.d.ts → mobile-d7e9f69d.d.ts} +0 -0
  152. /package/{esm/Component-63dec22f.d.ts → modern/Component-69921c40.d.ts} +0 -0
  153. /package/modern/{mobile-96988a65.d.ts → mobile-d7e9f69d.d.ts} +0 -0
@@ -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 };
@@ -10,10 +10,6 @@ declare function easeInOutQuad(x: number): number;
10
10
  declare const easingFns: {
11
11
  easeInOutQuad: typeof easeInOutQuad;
12
12
  };
13
- declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
14
- declare const inputUtils: {
15
- disableUserInput: typeof disableUserInput;
16
- };
17
13
  /**
18
14
  * Возвращает true, если значение равно null или undefined
19
15
  */
@@ -51,4 +47,4 @@ declare const maskUtils: {
51
47
  prefixPostprocessor: typeof prefixPostprocessor;
52
48
  caretGuard: typeof caretGuard;
53
49
  };
54
- export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils, maskUtils };
50
+ export { isClient, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils };
@@ -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";
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
- type InputProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> & {
3
+ type FormControlProps = Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
4
4
  /**
5
5
  * Контрольная точка, с нее начинается desktop версия
6
6
  * @default 1024
@@ -11,13 +11,8 @@ type InputProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> &
11
11
  */
12
12
  defaultMatchMediaValue?: boolean | (() => boolean);
13
13
  };
14
- declare const Input: React.ForwardRefExoticComponent<Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> & {
14
+ declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
15
15
  breakpoint?: number | undefined;
16
16
  defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
17
- } & React.RefAttributes<HTMLInputElement>>;
18
- type InputDesktopProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles">;
19
- declare const InputDesktop: React.ForwardRefExoticComponent<InputDesktopProps & React.RefAttributes<HTMLInputElement>>;
20
- type InputMobileProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles">;
21
- declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
22
- export { InputProps, Input, InputDesktopProps, InputDesktop, InputMobileProps, InputMobile };
23
- export * from "./Component.desktop-785df74d";
17
+ } & React.RefAttributes<HTMLDivElement>>;
18
+ export { FormControlProps, FormControl };
@@ -1,2 +1,2 @@
1
- export * from "./Component-72308007";
2
- export type { NavigationBarProps } from "./types-83e2bd9e";
1
+ export * from "./Component-10db897e";
2
+ export type { NavigationBarProps } from "./types-1c79e231";
@@ -1,3 +1,3 @@
1
- export * from "./component-72308007";
2
- export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-e40becc7";
1
+ export * from "./component-10db897e";
2
+ export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-67a2d8af";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
@@ -0,0 +1,2 @@
1
+ export { ButtonMobile } from "./Component.mobile-16b1285a";
2
+ export type { CommonButtonProps as ButtonMobileProps } from "./typings-89f0cb07";
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
- import { BaseSelectProps, OptionProps, OptionShape } from "./typings-dd8ca091";
3
+ import { BaseSelectProps, OptionProps, OptionShape } from "./typings-0f4b9bed";
4
4
  // eslint-disable-next-line @typescript-eslint/naming-convention
5
5
  type useSelectWithLoadingProps = {
6
6
  loading?: boolean;
@@ -57,10 +57,10 @@ declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton
57
57
  reset: () => void;
58
58
  };
59
59
  export * from "./index-ebda875c";
60
- export * from "./Component-72308007";
61
- export * from "./Component-dd8ca091";
60
+ export * from "./Component-10db897e";
61
+ export * from "./Component-0f4b9bed";
62
62
  export { useSelectWithLoading, useLazyLoading };
63
63
  export * from "./hook-8abfea97";
64
- export * from "./typings-dd8ca091";
65
- export * from "./utils-dd8ca091";
66
- export type { AdditionalMobileProps } from "./Component.mobile-ade26e99";
64
+ export * from "./typings-0f4b9bed";
65
+ export * from "./utils-0f4b9bed";
66
+ export type { AdditionalMobileProps } from "./Component.mobile-f28cbba0";
@@ -14,7 +14,7 @@ type NavigationBarProps = {
14
14
  /**
15
15
  * Подзаголовок (доступен только в мобильной версии)
16
16
  */
17
- subtitle?: string;
17
+ subtitle?: ReactNode;
18
18
  /**
19
19
  * Размер заголовка (compact доступен только в мобильной версии)
20
20
  */
@@ -259,7 +259,7 @@ type BottomSheetProps = {
259
259
  /**
260
260
  * Вызывается после окончания анимации притягивания
261
261
  */
262
- onMagnetizeEnd?: () => void;
262
+ onMagnetizeEnd?: (index: number) => void;
263
263
  /**
264
264
  * Вызывается при изменении положения шторки
265
265
  */
@@ -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-custom-picker-button",
3
- "version": "2.0.11",
3
+ "version": "2.0.13",
4
4
  "description": "Custom picker button component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -35,10 +35,10 @@
35
35
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
36
36
  },
37
37
  "dependencies": {
38
- "@alfalab/core-components-picker-button": "^11.1.6",
39
- "@alfalab/core-components-custom-button": "^3.3.5",
38
+ "@alfalab/core-components-picker-button": "^11.1.8",
39
+ "@alfalab/core-components-custom-button": "^3.3.6",
40
40
  "@alfalab/core-components-mq": "^4.2.0",
41
- "@alfalab/core-components-select": "^15.1.6",
41
+ "@alfalab/core-components-select": "^15.2.1",
42
42
  "classnames": "^2.3.1",
43
43
  "tslib": "^2.4.0"
44
44
  }
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
- import { BaseSelectProps, OptionProps, OptionShape } from "./typings-dd8ca091";
3
+ import { BaseSelectProps, OptionProps, OptionShape } from "./typings-0f4b9bed";
4
4
  // eslint-disable-next-line @typescript-eslint/naming-convention
5
5
  type useSelectWithLoadingProps = {
6
6
  loading?: boolean;
@@ -57,10 +57,10 @@ declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton
57
57
  reset: () => void;
58
58
  };
59
59
  export * from "./index-ebda875c";
60
- export * from "./Component-72308007";
61
- export * from "./Component-dd8ca091";
60
+ export * from "./Component-10db897e";
61
+ export * from "./Component-0f4b9bed";
62
62
  export { useSelectWithLoading, useLazyLoading };
63
63
  export * from "./hook-8abfea97";
64
- export * from "./typings-dd8ca091";
65
- export * from "./utils-dd8ca091";
66
- export type { AdditionalMobileProps } from "./Component.mobile-ade26e99";
64
+ export * from "./typings-0f4b9bed";
65
+ export * from "./utils-0f4b9bed";
66
+ export type { AdditionalMobileProps } from "./Component.mobile-f28cbba0";
@@ -14,7 +14,7 @@ type NavigationBarProps = {
14
14
  /**
15
15
  * Подзаголовок (доступен только в мобильной версии)
16
16
  */
17
- subtitle?: string;
17
+ subtitle?: ReactNode;
18
18
  /**
19
19
  * Размер заголовка (compact доступен только в мобильной версии)
20
20
  */
@@ -259,7 +259,7 @@ type BottomSheetProps = {
259
259
  /**
260
260
  * Вызывается после окончания анимации притягивания
261
261
  */
262
- onMagnetizeEnd?: () => void;
262
+ onMagnetizeEnd?: (index: number) => void;
263
263
  /**
264
264
  * Вызывается при изменении положения шторки
265
265
  */
@@ -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,22 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { OptionShape, OptionsListProps } from "./typings-dd8ca091";
4
- import { HeaderProps } from "./Component-ebda875c";
5
- type FooterProps = {
6
- handleClear?: () => void;
7
- handleApply?: () => void;
8
- showClear?: boolean;
9
- selectedDraft?: OptionShape[];
10
- };
11
- declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft }: FooterProps) => React.JSX.Element;
12
- declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListProps & {
13
- showClear?: boolean | undefined;
14
- onClose?: (() => void) | undefined;
15
- selectedDraft?: OptionShape[] | undefined;
16
- OptionsList?: React.FC<OptionsListProps & React.RefAttributes<HTMLDivElement>> | undefined;
17
- Footer?: React.FC<FooterProps> | undefined;
18
- Header?: React.FC<HeaderProps> | undefined;
19
- headerProps?: HeaderProps | undefined;
20
- showHeaderWithSelectAll?: boolean | undefined;
21
- } & React.RefAttributes<HTMLDivElement>>;
22
- export { FooterProps, Footer, OptionsListWithApply };
@@ -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,60 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { ModalMobile } from "./Component.mobile-f1f15074";
4
- import { UseSelectWithApplyProps } from "./hook-8abfea97";
5
- import { BaseSelectProps } from "./typings-dd8ca091";
6
- type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
7
- /**
8
- * Показывать кнопку очистки
9
- */
10
- showClear?: UseSelectWithApplyProps['showClear'];
11
- /**
12
- * Показывать пункт "Выбрать все"
13
- */
14
- showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
15
- /**
16
- * Дополнительные пропсы шапки модалки
17
- */
18
- modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
19
- /**
20
- * Дополнительные пропсы модалки
21
- */
22
- modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
23
- /**
24
- * Дополнительные пропсы футера модалки
25
- */
26
- modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
27
- showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
28
- /**
29
- * Использовать ли хук useSelectWithApply
30
- */
31
- useWithApplyHook?: boolean;
32
- };
33
- declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
34
- /**
35
- * Показывать кнопку очистки
36
- */
37
- showClear?: UseSelectWithApplyProps['showClear'];
38
- /**
39
- * Показывать пункт "Выбрать все"
40
- */
41
- showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
42
- /**
43
- * Дополнительные пропсы шапки модалки
44
- */
45
- modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
46
- /**
47
- * Дополнительные пропсы модалки
48
- */
49
- modalProps?: Partial<import("./typings-bdb4c6b9").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
50
- /**
51
- * Дополнительные пропсы футера модалки
52
- */
53
- modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
54
- showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
55
- /**
56
- * Использовать ли хук useSelectWithApply
57
- */
58
- useWithApplyHook?: boolean | undefined;
59
- } & React.RefAttributes<unknown>>;
60
- export { SelectModalMobileProps, SelectModalMobile };
@@ -1,44 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { FC, ReactNode, RefObject } from "react";
4
- import { NavigationBarProps } from "./index-c76d6398";
5
- import { SwipeableHandlers } from "react-swipeable";
6
- import { BackdropProps } from "./index-ebda875c";
7
- import { BottomSheetProps } from "./types-e40becc7";
8
- type FooterProps = {
9
- /**
10
- * Контент футера
11
- */
12
- children?: ReactNode;
13
- /**
14
- * Фиксирует футер
15
- */
16
- sticky?: boolean;
17
- /**
18
- * Дополнительный класс
19
- */
20
- className?: string;
21
- };
22
- declare const Footer: FC<FooterProps>;
23
- type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
24
- headerRef: RefObject<HTMLDivElement>;
25
- headerOffset: number;
26
- };
27
- declare const Header: FC<HeaderProps>;
28
- type SwipeableBackdropProps = BackdropProps & {
29
- /**
30
- * Прозрачность бэкдропа
31
- */
32
- opacity?: number;
33
- /**
34
- * Обработчики свайпа
35
- */
36
- handlers?: SwipeableHandlers;
37
- /**
38
- * Время анимации opacity
39
- */
40
- opacityTimeout?: number;
41
- };
42
- declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
43
- declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
44
- export { FooterProps, Footer, HeaderProps, Header, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { ButtonProps } from "./index-8b2c2707";
4
- import { FieldProps as BaseFieldProps } from "./typings-dd8ca091";
5
- import { PickerButtonSize, PickerButtonVariant } from "./types-4480ac4f";
6
- type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
7
- buttonSize?: PickerButtonSize;
8
- buttonVariant?: PickerButtonVariant;
9
- showArrow?: boolean;
10
- };
11
- declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, labelView, ...restProps }: FieldProps) => React.JSX.Element;
12
- export { Field };
@@ -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,23 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { AdditionalMobileProps } from "./shared-4cd3936b";
4
- import { PickerButtonDesktopProps } from "./desktop-d446ae02";
5
- type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & {
6
- /**
7
- * Контрольная точка для кнопки, с нее начинается desktop версия
8
- * @default 1024
9
- */
10
- breakpoint?: number;
11
- };
12
- declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & {
13
- /**
14
- * Контрольная точка для кнопки, с нее начинается desktop версия
15
- * @default 1024
16
- */
17
- breakpoint?: number | undefined;
18
- } & React.RefAttributes<HTMLInputElement>>;
19
- export { SelectMobile } from "./Component.mobile-ade26e99";
20
- export { SelectModalMobile } from "./Component.modal.mobile-dd8ca091";
21
- export type { SelectMobileProps } from "./Component.mobile-ade26e99";
22
- export type { SelectModalMobileProps } from "./Component.modal.mobile-dd8ca091";
23
- export { PickerButtonMobileProps, PickerButtonMobile };
@@ -1,26 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { BaseFormControlProps } from "./index-ebda875c";
4
- type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
5
- /**
6
- * Контрольная точка, с нее начинается desktop версия
7
- * @default 1024
8
- */
9
- breakpoint?: number;
10
- /**
11
- * Значение по-умолчанию для хука useMatchMedia
12
- */
13
- defaultMatchMediaValue?: boolean | (() => boolean);
14
- };
15
- declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
16
- /**
17
- * Контрольная точка, с нее начинается desktop версия
18
- * @default 1024
19
- */
20
- breakpoint?: number | undefined;
21
- /**
22
- * Значение по-умолчанию для хука useMatchMedia
23
- */
24
- defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
25
- } & React.RefAttributes<HTMLDivElement>>;
26
- export { FormControlProps, FormControl };
@@ -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,29 +0,0 @@
1
- type SavedStyle = {
2
- value: string;
3
- key: string;
4
- el: HTMLElement;
5
- };
6
- type RestoreStyle = {
7
- container: HTMLElement;
8
- modals: number;
9
- styles: SavedStyle[];
10
- };
11
- declare class ModalStore {
12
- private readonly restoreStyles;
13
- constructor();
14
- getRestoreStyles: () => RestoreStyle[];
15
- }
16
- declare const getModalStore: () => ModalStore;
17
- declare class GlobalStore {
18
- private readonly modalStore;
19
- constructor();
20
- getModalStore: () => ModalStore;
21
- }
22
- declare function isScrolledToTop(target: HTMLElement): boolean;
23
- declare function isScrolledToBottom(target: HTMLElement): boolean;
24
- declare function hasScrollbar(target: HTMLElement): boolean;
25
- declare const getScrollbarSize: () => number;
26
- declare const restoreContainerStyles: (container: HTMLElement) => void;
27
- declare const handleContainer: (container?: HTMLElement) => void;
28
- export type { SavedStyle };
29
- export { getModalStore, GlobalStore, isScrolledToTop, isScrolledToBottom, hasScrollbar, getScrollbarSize, restoreContainerStyles, handleContainer };
@@ -1,8 +0,0 @@
1
- declare const TIMEOUT = 500;
2
- declare const SWIPE_VELOCITY = 0.4;
3
- declare const MARKER_HEIGHT = 24;
4
- declare const CLOSE_OFFSET = 0.2;
5
- declare const SCROLL_OFFSET = 1;
6
- declare const HEADER_OFFSET = 24;
7
- declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
8
- export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber };
@@ -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 { 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 };