@alfalab/core-components-picker-button 11.1.7 → 11.1.9

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 (126) hide show
  1. package/{Component-f12ee135.d.ts → Component-0f4b9bed.d.ts} +1 -1
  2. package/{esm/Component-72308007.d.ts → Component-10db897e.d.ts} +1 -1
  3. package/Component-ebda875c.d.ts +9 -98
  4. package/Component.desktop-785df74d.d.ts +1 -1
  5. package/Component.desktop.d.ts +2 -2
  6. package/Component.desktop.js +1 -1
  7. package/Component.mobile-d7e9f69d.d.ts +1 -1
  8. package/{esm/Component.mobile-ade26e99.d.ts → Component.mobile-f28cbba0.d.ts} +1 -1
  9. package/Component.mobile.d.ts +1 -1
  10. package/{esm/Component.modal.mobile-dd8ca091.d.ts → Component.modal.mobile-0f4b9bed.d.ts} +1 -1
  11. package/{Component.responsive-d7e9f69d.d.ts → Component.responsive-3109f463.d.ts} +1 -1
  12. package/Component.responsive.d.ts +1 -1
  13. package/{modern/Component-dd8ca091.d.ts → cssm/Component-0f4b9bed.d.ts} +1 -1
  14. package/cssm/{Component-72308007.d.ts → Component-10db897e.d.ts} +1 -1
  15. package/cssm/Component.desktop.d.ts +2 -2
  16. package/cssm/{Component.mobile-ade26e99.d.ts → Component.mobile-f28cbba0.d.ts} +1 -1
  17. package/cssm/{Component.modal.mobile-dd8ca091.d.ts → Component.modal.mobile-0f4b9bed.d.ts} +1 -1
  18. package/cssm/Component.responsive-3109f463.d.ts +1 -1
  19. package/cssm/Component.responsive.d.ts +1 -1
  20. package/cssm/desktop-69921c40.d.ts +6 -0
  21. package/cssm/field/Component.d.ts +1 -1
  22. package/cssm/hook-8abfea97.d.ts +8 -8
  23. package/{modern/index-72308007.d.ts → cssm/index-10db897e.d.ts} +1 -5
  24. package/cssm/index-c76d6398.d.ts +1 -1
  25. package/cssm/index-f12ee135.d.ts +1 -1
  26. package/cssm/mobile-89f0cb07.d.ts +6 -0
  27. package/cssm/shared-4cd3936b.d.ts +5 -5
  28. package/{typings-dd8ca091.d.ts → cssm/typings-0f4b9bed.d.ts} +4 -0
  29. package/{esm/typings-9211a437.d.ts → cssm/typings-89f0cb07.d.ts} +5 -7
  30. package/{modern/utils-dd8ca091.d.ts → cssm/utils-0f4b9bed.d.ts} +1 -1
  31. package/desktop-69921c40.d.ts +6 -0
  32. package/esm/{Component-dd8ca091.d.ts → Component-0f4b9bed.d.ts} +1 -1
  33. package/{modern/Component-72308007.d.ts → esm/Component-10db897e.d.ts} +1 -1
  34. package/esm/Component.desktop.d.ts +2 -2
  35. package/esm/Component.desktop.js +1 -1
  36. package/{Component.mobile-ade26e99.d.ts → esm/Component.mobile-f28cbba0.d.ts} +1 -1
  37. package/{modern/Component.modal.mobile-dd8ca091.d.ts → esm/Component.modal.mobile-0f4b9bed.d.ts} +1 -1
  38. package/esm/Component.responsive-3109f463.d.ts +1 -1
  39. package/esm/Component.responsive.d.ts +1 -1
  40. package/esm/desktop-69921c40.d.ts +6 -0
  41. package/esm/field/Component.d.ts +1 -1
  42. package/esm/field/Component.js +1 -1
  43. package/esm/field/index.css +6 -6
  44. package/esm/hook-8abfea97.d.ts +8 -8
  45. package/esm/{index-72308007.d.ts → index-10db897e.d.ts} +1 -5
  46. package/esm/index-c76d6398.d.ts +1 -1
  47. package/esm/index-f12ee135.d.ts +1 -1
  48. package/esm/index.css +5 -5
  49. package/esm/mobile-89f0cb07.d.ts +6 -0
  50. package/esm/option/Component.js +1 -1
  51. package/esm/option/index.css +4 -4
  52. package/esm/shared-4cd3936b.d.ts +5 -5
  53. package/{cssm/typings-dd8ca091.d.ts → esm/typings-0f4b9bed.d.ts} +4 -0
  54. package/{typings-9211a437.d.ts → esm/typings-89f0cb07.d.ts} +5 -7
  55. package/{cssm/utils-dd8ca091.d.ts → esm/utils-0f4b9bed.d.ts} +1 -1
  56. package/field/Component.d.ts +1 -1
  57. package/field/Component.js +1 -1
  58. package/field/index.css +6 -6
  59. package/hook-8abfea97.d.ts +10 -10
  60. package/{cssm/index-72308007.d.ts → index-10db897e.d.ts} +1 -5
  61. package/index-bdb4c6b9.d.ts +2 -180
  62. package/index-c44170fe.d.ts +1 -1
  63. package/index-c76d6398.d.ts +1 -1
  64. package/index-ebda875c.d.ts +53 -191
  65. package/index-f12ee135.d.ts +3 -324
  66. package/index.css +5 -5
  67. package/mobile-89f0cb07.d.ts +6 -0
  68. package/{cssm/Component-dd8ca091.d.ts → modern/Component-0f4b9bed.d.ts} +1 -1
  69. package/modern/Component-10db897e.d.ts +6 -0
  70. package/modern/Component-69921c40.d.ts +184 -0
  71. package/modern/Component.desktop.d.ts +2 -2
  72. package/modern/Component.desktop.js +1 -1
  73. package/modern/{Component.mobile-ade26e99.d.ts → Component.mobile-f28cbba0.d.ts} +1 -1
  74. package/modern/Component.modal.mobile-0f4b9bed.d.ts +60 -0
  75. package/modern/Component.responsive-3109f463.d.ts +1 -1
  76. package/modern/Component.responsive.d.ts +1 -1
  77. package/modern/component-10db897e.d.ts +44 -0
  78. package/modern/desktop-69921c40.d.ts +6 -0
  79. package/modern/field/Component.d.ts +1 -1
  80. package/modern/field/Component.js +1 -1
  81. package/modern/field/index.css +6 -6
  82. package/modern/hook-8abfea97.d.ts +8 -8
  83. package/{index-72308007.d.ts → modern/index-10db897e.d.ts} +2 -6
  84. package/modern/index-c76d6398.d.ts +1 -1
  85. package/modern/index-f12ee135.d.ts +1 -1
  86. package/modern/index.css +5 -5
  87. package/modern/mobile-89f0cb07.d.ts +6 -0
  88. package/modern/option/Component.js +1 -1
  89. package/modern/option/index.css +4 -4
  90. package/modern/shared-4cd3936b.d.ts +5 -5
  91. package/{esm/typings-dd8ca091.d.ts → modern/typings-0f4b9bed.d.ts} +4 -0
  92. package/modern/{typings-9211a437.d.ts → typings-89f0cb07.d.ts} +5 -7
  93. package/{esm/utils-dd8ca091.d.ts → modern/utils-0f4b9bed.d.ts} +1 -1
  94. package/option/Component.js +1 -1
  95. package/option/index.css +4 -4
  96. package/package.json +3 -3
  97. package/shared-4cd3936b.d.ts +63 -5
  98. package/src/Component.desktop.tsx +3 -0
  99. package/types-67a2d8af.d.ts +276 -0
  100. package/{modern/typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts} +4 -0
  101. package/{cssm/typings-9211a437.d.ts → typings-89f0cb07.d.ts} +5 -7
  102. package/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
  103. package/utils-1574ad8b.d.ts +29 -0
  104. package/utils-49cc3c24.d.ts +8 -0
  105. package/Component-72308007.d.ts +0 -296
  106. package/Component-72dda473.d.ts +0 -53
  107. package/Component-aed0af6e.d.ts +0 -11
  108. package/Component-dd8ca091.d.ts +0 -5
  109. package/Component.mobile-96988a65.d.ts +0 -6
  110. package/Component.mobile-ebda875c.d.ts +0 -6
  111. package/cssm/Component.mobile-ebda875c.d.ts +0 -6
  112. package/cssm/desktop-63dec22f.d.ts +0 -6
  113. package/desktop-63dec22f.d.ts +0 -6
  114. package/esm/Component.mobile-ebda875c.d.ts +0 -6
  115. package/esm/desktop-63dec22f.d.ts +0 -6
  116. package/hook-ebda875c.d.ts +0 -48
  117. package/modern/Component.mobile-ebda875c.d.ts +0 -6
  118. package/modern/desktop-63dec22f.d.ts +0 -6
  119. /package/{cssm/Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
  120. /package/{cssm/component-72308007.d.ts → component-10db897e.d.ts} +0 -0
  121. /package/{esm/Component-63dec22f.d.ts → cssm/Component-69921c40.d.ts} +0 -0
  122. /package/{esm/component-72308007.d.ts → cssm/component-10db897e.d.ts} +0 -0
  123. /package/{modern/Component-63dec22f.d.ts → esm/Component-69921c40.d.ts} +0 -0
  124. /package/{modern/component-72308007.d.ts → esm/component-10db897e.d.ts} +0 -0
  125. /package/{mobile-96988a65.d.ts → mobile-d7e9f69d.d.ts} +0 -0
  126. /package/{useSkeleton-1b036d4b.d.ts → useSkeleton-ebda875c.d.ts} +0 -0
@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
8
8
  import '@alfalab/icons-glyph/MoreMIcon';
9
9
  import '@alfalab/icons-glyph/MoreSIcon';
10
10
 
11
- var styles = {"iconContainer":"picker-button__iconContainer_1xvmu","addonsContainer":"picker-button__addonsContainer_1xvmu","showControlIcon":"picker-button__showControlIcon_1xvmu","open":"picker-button__open_1xvmu","linkOpen":"picker-button__linkOpen_1xvmu"};
11
+ var styles = {"iconContainer":"picker-button__iconContainer_1n5qf","addonsContainer":"picker-button__addonsContainer_1n5qf","showControlIcon":"picker-button__showControlIcon_1n5qf","open":"picker-button__open_1n5qf","linkOpen":"picker-button__linkOpen_1n5qf"};
12
12
  require('./index.css')
13
13
 
14
14
  var Field = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1jino */
1
+ /* hash: 11xkp */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,15 +17,15 @@
17
17
  } :root {
18
18
  } :root {
19
19
  --arrow-transform: rotate(180deg);
20
- } .picker-button__iconContainer_1xvmu {
20
+ } .picker-button__iconContainer_1n5qf {
21
21
  display: flex;
22
22
  transition: transform 0.15s ease-in-out;
23
- } .picker-button__addonsContainer_1xvmu {
23
+ } .picker-button__addonsContainer_1n5qf {
24
24
  display: flex
25
- } .picker-button__addonsContainer_1xvmu.picker-button__showControlIcon_1xvmu {
25
+ } .picker-button__addonsContainer_1n5qf.picker-button__showControlIcon_1n5qf {
26
26
  margin-right: var(--gap-2xs);
27
- } .picker-button__open_1xvmu {
27
+ } .picker-button__open_1n5qf {
28
28
  transform: var(--arrow-transform);
29
- } .picker-button__linkOpen_1xvmu:not(:hover) {
29
+ } .picker-button__linkOpen_1n5qf:not(:hover) {
30
30
  background-color: var(--color-light-specialbg-secondary-transparent);
31
31
  }
@@ -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 { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils, maskUtils };
50
+ export { createPaddingStyle, isClient, getDataTestId, easingFns, fnUtils, maskUtils };
@@ -1,2 +1,2 @@
1
- export * from "./Component-72308007";
1
+ export * from "./Component-10db897e";
2
2
  export type { NavigationBarProps } from "./types-1c79e231";
@@ -1,3 +1,3 @@
1
- export * from "./component-72308007";
1
+ export * from "./component-10db897e";
2
2
  export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-67a2d8af";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1mswm */
1
+ /* hash: 1bv4l */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .picker-button__container_1me4e {
19
+ } .picker-button__container_kzg9i {
20
20
  min-width: auto;
21
- } .cc-picker-button.picker-button__optionsPopover_1me4e.picker-button__sideGap_1me4e {
21
+ } .cc-picker-button.picker-button__optionsPopover_kzg9i.picker-button__sideGap_kzg9i {
22
22
  padding: 0 var(--gap-xs);
23
- } .cc-picker-button .picker-button__option_1me4e {
23
+ } .cc-picker-button .picker-button__option_kzg9i {
24
24
  padding: 0 var(--gap-m)
25
- } .cc-picker-button .picker-button__option_1me4e:before {
25
+ } .cc-picker-button .picker-button__option_kzg9i:before {
26
26
  /* Удаляем разделители у опций выпадающего списка. */
27
27
  display: none;
28
28
  }
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import React from "react";
3
+ import { CommonButtonProps } from "./typings-89f0cb07";
4
+ declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
5
+ export { ButtonMobile };
6
+ export type { CommonButtonProps as ButtonMobileProps } from "./typings-89f0cb07";
@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import { Option as Option$1 } from '@alfalab/core-components-select/esm/shared';
4
4
 
5
- var styles = {"container":"picker-button__container_vso5b","icon":"picker-button__icon_vso5b","content":"picker-button__content_vso5b"};
5
+ var styles = {"container":"picker-button__container_1tf41","icon":"picker-button__icon_1tf41","content":"picker-button__content_1tf41"};
6
6
  require('./index.css')
7
7
 
8
8
  var Option = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: qobkl */
1
+ /* hash: 938l2 */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,13 +15,13 @@
15
15
  --gap-s: 12px;
16
16
  } :root {
17
17
  } :root {
18
- } .picker-button__container_vso5b {
18
+ } .picker-button__container_1tf41 {
19
19
  display: flex;
20
20
  align-items: center;
21
- } .picker-button__icon_vso5b {
21
+ } .picker-button__icon_1tf41 {
22
22
  display: flex;
23
23
  margin-right: var(--gap-s);
24
- } .picker-button__content_vso5b {
24
+ } .picker-button__content_1tf41 {
25
25
  overflow: hidden;
26
26
  flex: 1;
27
27
  text-overflow: ellipsis;
@@ -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,9 +57,9 @@ declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton
57
57
  reset: () => void;
58
58
  };
59
59
  export * from "./index-ebda875c";
60
- export * from "./Component-dd8ca091";
60
+ export * from "./Component-0f4b9bed";
61
61
  export { useSelectWithLoading, useLazyLoading };
62
62
  export * from "./hook-8abfea97";
63
- export * from "./typings-dd8ca091";
64
- export * from "./utils-dd8ca091";
65
- export type { AdditionalMobileProps } from "./Component.mobile-ade26e99";
63
+ export * from "./typings-0f4b9bed";
64
+ export * from "./utils-0f4b9bed";
65
+ export type { AdditionalMobileProps } from "./Component.mobile-f28cbba0";
@@ -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,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  import { ButtonProps } from "@alfalab/core-components-button";
4
- import { FieldProps as BaseFieldProps } from "../typings-dd8ca091";
4
+ import { FieldProps as BaseFieldProps } from "../typings-0f4b9bed";
5
5
  import { PickerButtonSize, PickerButtonVariant } from "../types";
6
6
  type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
7
7
  buttonSize?: PickerButtonSize;
@@ -17,7 +17,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
17
17
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
18
18
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
19
 
20
- var styles = {"iconContainer":"picker-button__iconContainer_1xvmu","addonsContainer":"picker-button__addonsContainer_1xvmu","showControlIcon":"picker-button__showControlIcon_1xvmu","open":"picker-button__open_1xvmu","linkOpen":"picker-button__linkOpen_1xvmu"};
20
+ var styles = {"iconContainer":"picker-button__iconContainer_1n5qf","addonsContainer":"picker-button__addonsContainer_1n5qf","showControlIcon":"picker-button__showControlIcon_1n5qf","open":"picker-button__open_1n5qf","linkOpen":"picker-button__linkOpen_1n5qf"};
21
21
  require('./index.css')
22
22
 
23
23
  var Field = function (_a) {
package/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1jino */
1
+ /* hash: 11xkp */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,15 +17,15 @@
17
17
  } :root {
18
18
  } :root {
19
19
  --arrow-transform: rotate(180deg);
20
- } .picker-button__iconContainer_1xvmu {
20
+ } .picker-button__iconContainer_1n5qf {
21
21
  display: flex;
22
22
  transition: transform 0.15s ease-in-out;
23
- } .picker-button__addonsContainer_1xvmu {
23
+ } .picker-button__addonsContainer_1n5qf {
24
24
  display: flex
25
- } .picker-button__addonsContainer_1xvmu.picker-button__showControlIcon_1xvmu {
25
+ } .picker-button__addonsContainer_1n5qf.picker-button__showControlIcon_1n5qf {
26
26
  margin-right: var(--gap-2xs);
27
- } .picker-button__open_1xvmu {
27
+ } .picker-button__open_1n5qf {
28
28
  transform: var(--arrow-transform);
29
- } .picker-button__linkOpen_1xvmu:not(:hover) {
29
+ } .picker-button__linkOpen_1n5qf:not(:hover) {
30
30
  background-color: var(--color-light-specialbg-secondary-transparent);
31
31
  }
@@ -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-ebda875c").FooterProps> | undefined;
55
- Header?: import("react").FC<import("./Component-aed0af6e").HeaderProps> | undefined;
56
- headerProps?: import("./Component-aed0af6e").HeaderProps | 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
+ Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
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-ebda875c";
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 { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils, maskUtils };
50
+ export { createPaddingStyle, isClient, getDataTestId, easingFns, fnUtils, maskUtils };
@@ -1,180 +1,2 @@
1
- /// <reference types="react" />
2
- /// <reference types="react-transition-group" />
3
- /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
4
- import React from "react";
5
- import { FC, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
6
- import { TransitionProps } from "react-transition-group/Transition";
7
- import { BackdropProps, PortalProps } from "./index-ebda875c";
8
- type BaseModalProps = {
9
- /**
10
- * Контент
11
- */
12
- children?: ReactNode;
13
- /**
14
- * Компонент бэкдропа
15
- */
16
- Backdrop?: FC<BackdropProps>;
17
- /**
18
- * Свойства для Бэкдропа
19
- */
20
- backdropProps?: Partial<BackdropProps> & Record<string, unknown>;
21
- /**
22
- * Нода, компонент или функция возвращающая их
23
- *
24
- * Контейнер к которому будут добавляться порталы
25
- */
26
- container?: PortalProps["getPortalContainer"];
27
- /**
28
- * Отключает автоматический перевод фокуса на модалку при открытии
29
- * @default false
30
- */
31
- disableAutoFocus?: boolean;
32
- /**
33
- * Отключает ловушку фокуса
34
- * @default false
35
- */
36
- disableFocusLock?: boolean;
37
- /**
38
- * Отключает восстановление фокуса на предыдущем элементе после закрытия модалки
39
- * @default false
40
- */
41
- disableRestoreFocus?: boolean;
42
- /**
43
- * Отключает вызов `callback` при нажатии Escape
44
- * @default false
45
- */
46
- disableEscapeKeyDown?: boolean;
47
- /**
48
- * Отключает вызов `callback` при клике на бэкдроп
49
- * @default false
50
- */
51
- disableBackdropClick?: boolean;
52
- /**
53
- * Отключает блокировку скролла при открытии модального окна
54
- * @default false
55
- */
56
- disableBlockingScroll?: boolean;
57
- /**
58
- * Содержимое модалки всегда в DOM
59
- * @default false
60
- */
61
- keepMounted?: boolean;
62
- /**
63
- * Управление видимостью модалки
64
- */
65
- open: boolean;
66
- /**
67
- * Дополнительный класс
68
- */
69
- className?: string;
70
- /**
71
- * Дополнительный класс
72
- */
73
- contentClassName?: string;
74
- /**
75
- * Дополнительные пропсы на обертку контента
76
- */
77
- contentProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
78
- /**
79
- * Дополнительные пропсы на компонентную обертку контента
80
- */
81
- componentDivProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
82
- /**
83
- * Дополнительный класс для обертки (Modal)
84
- */
85
- wrapperClassName?: string;
86
- /**
87
- * Обработчик скролла контента
88
- */
89
- scrollHandler?: "wrapper" | "content" | MutableRefObject<HTMLDivElement | null>;
90
- /**
91
- * Пропсы для анимации (CSSTransition)
92
- */
93
- transitionProps?: Partial<TransitionProps>;
94
- /**
95
- * Рендерить ли в контейнер через портал.
96
- * @default true
97
- */
98
- usePortal?: boolean;
99
- /**
100
- * Обработчик события нажатия на бэкдроп
101
- */
102
- onBackdropClick?: (event: MouseEvent) => void;
103
- /**
104
- * Обработчик события нажатия на Escape
105
- *
106
- * Если `disableEscapeKeyDown` - false и модальное окно в фокусе
107
- */
108
- onEscapeKeyDown?: (event: KeyboardEvent) => void;
109
- /**
110
- * Обработчик закрытия
111
- */
112
- onClose?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
113
- /**
114
- * Обработчик события onEntered компонента Transition
115
- */
116
- onMount?: () => void;
117
- /**
118
- * Обработчик события onExited компонента Transition
119
- */
120
- onUnmount?: () => void;
121
- /**
122
- * Идентификатор для систем автоматизированного тестирования
123
- */
124
- dataTestId?: string;
125
- /**
126
- * z-index компонента
127
- */
128
- zIndex?: number;
129
- /**
130
- * Реф, который должен быть установлен компонентной области
131
- */
132
- componentRef?: MutableRefObject<HTMLDivElement | null>;
133
- };
134
- type BaseModalContext = {
135
- parentRef: React.RefObject<HTMLDivElement>;
136
- componentRef: React.RefObject<HTMLDivElement>;
137
- hasFooter?: boolean;
138
- hasHeader?: boolean;
139
- hasScroll?: boolean;
140
- headerHighlighted?: boolean;
141
- footerHighlighted?: boolean;
142
- headerOffset?: number;
143
- setHeaderOffset: (offset: number) => void;
144
- contentRef: Ref<HTMLElement>;
145
- setHasHeader: (exists: boolean) => void;
146
- setHasFooter: (exists: boolean) => void;
147
- onClose: Required<BaseModalProps>["onClose"];
148
- };
149
- // eslint-disable-next-line @typescript-eslint/no-redeclare
150
- declare const BaseModalContext: React.Context<BaseModalContext>;
151
- declare const BaseModal: React.ForwardRefExoticComponent<BaseModalProps & React.RefAttributes<HTMLDivElement>>;
152
- declare function isScrolledToTop(target: HTMLElement): boolean;
153
- declare function isScrolledToBottom(target: HTMLElement): boolean;
154
- declare function hasScrollbar(target: HTMLElement): boolean;
155
- declare const getScrollbarSize: () => number;
156
- declare const restoreContainerStyles: (container: HTMLElement) => void;
157
- declare const handleContainer: (container?: HTMLElement) => void;
158
- type SavedStyle = {
159
- value: string;
160
- key: string;
161
- el: HTMLElement;
162
- };
163
- type RestoreStyle = {
164
- container: HTMLElement;
165
- modals: number;
166
- styles: SavedStyle[];
167
- };
168
- declare class ModalStore {
169
- private readonly restoreStyles;
170
- constructor();
171
- getRestoreStyles: () => RestoreStyle[];
172
- }
173
- declare const getModalStore: () => ModalStore;
174
- declare class GlobalStore {
175
- private readonly modalStore;
176
- constructor();
177
- getModalStore: () => ModalStore;
178
- }
179
- export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, getScrollbarSize, restoreContainerStyles, handleContainer, getModalStore, GlobalStore };
180
- export type { SavedStyle };
1
+ export * from "./Component-ebda875c";
2
+ export * from "./utils-1574ad8b";
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
- export * from "./Component.responsive-d7e9f69d";
2
+ export * from "./Component.responsive-3109f463";
3
3
  export {};
@@ -1,2 +1,2 @@
1
- export * from "./Component-72308007";
1
+ export * from "./Component-10db897e";
2
2
  export type { NavigationBarProps } from "./types-1c79e231";