@alfalab/core-components-input-autocomplete 9.4.6 → 9.4.7

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 (68) hide show
  1. package/Component-425c8522.d.ts +1 -1
  2. package/Component-b4e70cb0.d.ts +2 -2
  3. package/Component-bdb4c6b9.d.ts +7 -10
  4. package/Component-f12ee135.d.ts +3 -3
  5. package/Component.desktop.d.ts +4 -4
  6. package/{Component.mobile-b2c0420d.d.ts → Component.mobile-e81c389f.d.ts} +5 -2
  7. package/Component.mobile.js +1 -1
  8. package/Component.modal.mobile.d.ts +1 -1
  9. package/Component.modal.mobile.js +1 -1
  10. package/Component.responsive.d.ts +4 -4
  11. package/Component.responsive.js +1 -1
  12. package/autocomplete-field/Component.d.ts +2 -1
  13. package/autocomplete-field/Component.js +1 -1
  14. package/autocomplete-field/index.css +2 -2
  15. package/autocomplete-mobile-field/Component.d.ts +2 -1
  16. package/autocomplete-mobile-field/Component.js +1 -1
  17. package/autocomplete-mobile-field/index.css +8 -8
  18. package/cssm/Component-425c8522.d.ts +1 -1
  19. package/cssm/Component-b4e70cb0.d.ts +2 -2
  20. package/cssm/Component-bdb4c6b9.d.ts +2 -1
  21. package/cssm/autocomplete-field/Component.d.ts +2 -1
  22. package/cssm/autocomplete-mobile-field/Component.d.ts +2 -1
  23. package/cssm/index-f12ee135.d.ts +16 -0
  24. package/esm/Component-425c8522.d.ts +1 -1
  25. package/esm/Component-b4e70cb0.d.ts +2 -2
  26. package/esm/Component-bdb4c6b9.d.ts +2 -1
  27. package/esm/Component.mobile.js +1 -1
  28. package/esm/Component.modal.mobile.js +1 -1
  29. package/esm/Component.responsive.js +1 -1
  30. package/esm/autocomplete-field/Component.d.ts +2 -1
  31. package/esm/autocomplete-field/Component.js +1 -1
  32. package/esm/autocomplete-field/index.css +2 -2
  33. package/esm/autocomplete-mobile-field/Component.d.ts +2 -1
  34. package/esm/autocomplete-mobile-field/Component.js +1 -1
  35. package/esm/autocomplete-mobile-field/index.css +8 -8
  36. package/esm/index-f12ee135.d.ts +16 -0
  37. package/esm/index.js +1 -1
  38. package/esm/mobile.css +4 -4
  39. package/esm/mobile.js +1 -1
  40. package/esm/{mobile.module-fc605397.js → mobile.module-2d568950.js} +1 -1
  41. package/esm/responsive.js +1 -1
  42. package/index-f12ee135.d.ts +16 -0
  43. package/index.js +1 -1
  44. package/mobile.css +4 -4
  45. package/mobile.js +1 -1
  46. package/{mobile.module-4a636c52.js → mobile.module-80b4093b.js} +1 -1
  47. package/modern/Component-425c8522.d.ts +1 -1
  48. package/modern/Component-b4e70cb0.d.ts +2 -2
  49. package/modern/Component-bdb4c6b9.d.ts +2 -1
  50. package/modern/Component.desktop.d.ts +4 -4
  51. package/modern/Component.mobile.js +1 -1
  52. package/modern/Component.modal.mobile.js +1 -1
  53. package/modern/Component.responsive.d.ts +4 -4
  54. package/modern/Component.responsive.js +1 -1
  55. package/modern/autocomplete-field/Component.d.ts +2 -1
  56. package/modern/autocomplete-field/Component.js +1 -1
  57. package/modern/autocomplete-field/index.css +2 -2
  58. package/modern/autocomplete-mobile-field/Component.d.ts +2 -1
  59. package/modern/autocomplete-mobile-field/Component.js +1 -1
  60. package/modern/autocomplete-mobile-field/index.css +8 -8
  61. package/modern/index-f12ee135.d.ts +16 -0
  62. package/modern/index.js +1 -1
  63. package/modern/mobile.css +4 -4
  64. package/modern/mobile.js +1 -1
  65. package/modern/{mobile.module-58dac562.js → mobile.module-93c1e0e2.js} +1 -1
  66. package/modern/responsive.js +1 -1
  67. package/package.json +2 -2
  68. package/responsive.js +1 -1
@@ -49,5 +49,5 @@ type BadgeProps = {
49
49
  */
50
50
  dataTestId?: string;
51
51
  };
52
- declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => JSX.Element;
52
+ declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => React.JSX.Element;
53
53
  export { IconColorType, BadgeProps, Badge };
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
+ import React from "react";
2
3
  import { OptionShape, OptionsListProps } from "./typings-5e1b8383";
3
- import React from 'react';
4
4
  import { HeaderProps } from "./Component-aed0af6e";
5
5
  type FooterProps = {
6
6
  handleClear?: () => void;
@@ -8,7 +8,7 @@ type FooterProps = {
8
8
  showClear?: boolean;
9
9
  selectedDraft?: OptionShape[];
10
10
  };
11
- declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft }: FooterProps) => JSX.Element;
11
+ declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft }: FooterProps) => React.JSX.Element;
12
12
  declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListProps & {
13
13
  showClear?: boolean | undefined;
14
14
  onClose?: (() => void) | undefined;
@@ -1,12 +1,9 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { View } from "./typings-bdb4c6b9";
4
- declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
5
- size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
6
- fullscreen?: boolean | undefined;
7
- fixedPosition?: boolean | undefined;
8
- hasCloser?: boolean | undefined;
9
- } & {
10
- view: View;
11
- } & React.RefAttributes<HTMLDivElement>>;
12
- export { Modal };
3
+ type FooterProps = {
4
+ handleClear?: () => void;
5
+ handleApply?: () => void;
6
+ showClear?: boolean;
7
+ };
8
+ declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
9
+ export { FooterProps, Footer };
@@ -61,11 +61,11 @@ declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectP
61
61
  /**
62
62
  * Дополнительные пропсы шапки модалки
63
63
  */
64
- modalHeaderProps?: Partial<import("./Component.modal.mobile").HeaderProps> | undefined;
64
+ modalHeaderProps?: Partial<import("./Component.mobile-e81c389f").HeaderProps> | undefined;
65
65
  /**
66
66
  * Дополнительные пропсы футера модалки
67
67
  */
68
- modalFooterProps?: Partial<import("./Component.mobile-b2c0420d").FooterProps> | undefined;
68
+ modalFooterProps?: Partial<import("./Component.mobile-e81c389f").FooterProps> | undefined;
69
69
  } & React.RefAttributes<unknown>>;
70
- export * from "./Component.mobile-b2c0420d";
70
+ export * from "./Component.mobile-e81c389f";
71
71
  export { SelectMobileProps, BaseSelectMobile };
@@ -37,7 +37,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
37
37
  /**
38
38
  * Компонент ввода значения
39
39
  */
40
- Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
40
+ Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
41
41
  value?: string | undefined;
42
42
  defaultValue?: string | undefined;
43
43
  block?: boolean | undefined;
@@ -49,7 +49,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
49
49
  hint?: React.ReactNode;
50
50
  label?: React.ReactNode;
51
51
  labelView?: "inner" | "outer" | undefined;
52
- type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
52
+ type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
53
53
  wrapperRef?: React.Ref<HTMLDivElement> | undefined;
54
54
  leftAddons?: React.ReactNode;
55
55
  rightAddons?: React.ReactNode;
@@ -73,7 +73,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
73
73
  /**
74
74
  * Пропсы, которые будут прокинуты в инпут
75
75
  */
76
- inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
76
+ inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
77
77
  value?: string | undefined;
78
78
  defaultValue?: string | undefined;
79
79
  block?: boolean | undefined;
@@ -85,7 +85,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
85
85
  hint?: React.ReactNode;
86
86
  label?: React.ReactNode;
87
87
  labelView?: "inner" | "outer" | undefined;
88
- type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
88
+ type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
89
89
  wrapperRef?: React.Ref<HTMLDivElement> | undefined;
90
90
  leftAddons?: React.ReactNode;
91
91
  rightAddons?: React.ReactNode;
@@ -1,7 +1,10 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
3
  import { FC, ReactNode } from "react";
4
+ import { NavigationBarProps } from "./index-e81c389f";
4
5
  import { ContentProps, ModalMobileProps } from "./typings-bdb4c6b9";
6
+ type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
7
+ declare const Header: FC<HeaderProps>;
5
8
  declare const Content: FC<ContentProps>;
6
9
  type FooterProps = {
7
10
  /**
@@ -28,8 +31,8 @@ type FooterProps = {
28
31
  declare const Footer: FC<FooterProps>;
29
32
  declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
30
33
  Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
31
- Header: React.FC<import("./Component.modal.mobile").HeaderProps>;
34
+ Header: React.FC<HeaderProps>;
32
35
  Footer: React.FC<FooterProps>;
33
36
  Closer: React.FC<import("./index-e81c389f").CloserProps>;
34
37
  };
35
- export { Content, FooterProps, Footer, ModalMobile };
38
+ export { HeaderProps, Header, Content, FooterProps, Footer, ModalMobile };
@@ -11,7 +11,7 @@ var coreComponentsButton = require('@alfalab/core-components-button');
11
11
  var coreComponentsInput = require('@alfalab/core-components-input');
12
12
  var coreComponentsSelect = require('@alfalab/core-components-select');
13
13
  var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
14
- var mobile_module = require('./mobile.module-4a636c52.js');
14
+ var mobile_module = require('./mobile.module-80b4093b.js');
15
15
  require('@alfalab/core-components-form-control');
16
16
  require('@alfalab/hooks');
17
17
 
@@ -3,9 +3,9 @@ import React from 'react';
3
3
  import { ChangeEvent, ElementType } from "react";
4
4
  import { ButtonProps } from "@alfalab/core-components-button";
5
5
  import { BaseSelectChangePayload } from "./index-3e68f8db";
6
+ import { ModalMobile } from "./Component.mobile-e81c389f";
6
7
  import { UseSelectWithApplyProps } from "./hook-b4e70cb0";
7
8
  import { BaseSelectProps } from "./typings-5e1b8383";
8
- import { ModalMobile } from "./Component.mobile-b2c0420d";
9
9
  type SelectModalMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & {
10
10
  /**
11
11
  * Показывать кнопку очистки
@@ -11,7 +11,7 @@ var coreComponentsButton = require('@alfalab/core-components-button');
11
11
  var coreComponentsInput = require('@alfalab/core-components-input');
12
12
  var mobile = require('@alfalab/core-components-select/mobile');
13
13
  var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
14
- var mobile_module = require('./mobile.module-4a636c52.js');
14
+ var mobile_module = require('./mobile.module-80b4093b.js');
15
15
  require('@alfalab/core-components-form-control');
16
16
  require('@alfalab/hooks');
17
17
 
@@ -14,7 +14,7 @@ type InputAutocompleteResponsiveProps = InputAutocompleteDesktopProps & InputAut
14
14
  };
15
15
  type InputAutocompleteMedia = 'desktop' | 'mobile';
16
16
  declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
17
- Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
17
+ Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
18
18
  value?: string | undefined;
19
19
  defaultValue?: string | undefined;
20
20
  block?: boolean | undefined;
@@ -26,7 +26,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
26
26
  hint?: React.ReactNode;
27
27
  label?: React.ReactNode;
28
28
  labelView?: "inner" | "outer" | undefined;
29
- type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
29
+ type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
30
30
  wrapperRef?: React.Ref<HTMLDivElement> | undefined;
31
31
  leftAddons?: React.ReactNode;
32
32
  rightAddons?: React.ReactNode;
@@ -47,7 +47,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
47
47
  onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
48
48
  dataTestId?: string | undefined;
49
49
  } & React.RefAttributes<HTMLInputElement>> | undefined;
50
- inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
50
+ inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
51
51
  value?: string | undefined;
52
52
  defaultValue?: string | undefined;
53
53
  block?: boolean | undefined;
@@ -59,7 +59,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
59
59
  hint?: React.ReactNode;
60
60
  label?: React.ReactNode;
61
61
  labelView?: "inner" | "outer" | undefined;
62
- type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
62
+ type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
63
63
  wrapperRef?: React.Ref<HTMLDivElement> | undefined;
64
64
  leftAddons?: React.ReactNode;
65
65
  rightAddons?: React.ReactNode;
@@ -16,7 +16,7 @@ require('lodash.throttle');
16
16
  require('@alfalab/core-components-button');
17
17
  require('./autocomplete-mobile-field/Component.js');
18
18
  require('@alfalab/core-components-form-control');
19
- require('./mobile.module-4a636c52.js');
19
+ require('./mobile.module-80b4093b.js');
20
20
 
21
21
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
22
22
 
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { FieldProps } from "../index-3e68f8db";
3
4
  import { InputAutocompleteDesktopProps } from "../Component.desktop";
4
5
  type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteDesktopProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
5
- declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => JSX.Element;
6
+ declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
6
7
  export { AutocompleteFieldProps, AutocompleteField };
@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
16
 
17
- var styles = {"arrow":"input-autocomplete__arrow_1sgy1","error":"input-autocomplete__error_1sgy1"};
17
+ var styles = {"arrow":"input-autocomplete__arrow_1xwsa","error":"input-autocomplete__error_1xwsa"};
18
18
  require('./index.css')
19
19
 
20
20
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1b7zv */
2
- .input-autocomplete__arrow_1sgy1.input-autocomplete__error_1sgy1 ~ * {
1
+ /* hash: 14bo2 */
2
+ .input-autocomplete__arrow_1xwsa.input-autocomplete__error_1xwsa ~ * {
3
3
  display: none;
4
4
  }
@@ -1,7 +1,8 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { FormControlProps } from "@alfalab/core-components-form-control";
3
4
  import { InputAutocompleteProps } from "../index";
4
5
  import { FieldProps as BaseFieldProps } from "../index-3e68f8db";
5
6
  type AutocompleteMobileFieldProps = FormControlProps & Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & Pick<InputAutocompleteProps, 'value'>;
6
- declare const AutocompleteMobileField: ({ size, open, error, hint, disabled, label, labelView, placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }: AutocompleteMobileFieldProps) => JSX.Element;
7
+ declare const AutocompleteMobileField: ({ size, open, error, hint, disabled, label, labelView, placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }: AutocompleteMobileFieldProps) => React.JSX.Element;
7
8
  export { AutocompleteMobileFieldProps, AutocompleteMobileField };
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
- var styles = {"component":"input-autocomplete__component_18u1y","field":"input-autocomplete__field_18u1y","disabled":"input-autocomplete__disabled_18u1y","placeholder":"input-autocomplete__placeholder_18u1y","contentWrapper":"input-autocomplete__contentWrapper_18u1y","value":"input-autocomplete__value_18u1y","focusVisible":"input-autocomplete__focusVisible_18u1y"};
16
+ var styles = {"component":"input-autocomplete__component_13e7p","field":"input-autocomplete__field_13e7p","disabled":"input-autocomplete__disabled_13e7p","placeholder":"input-autocomplete__placeholder_13e7p","contentWrapper":"input-autocomplete__contentWrapper_13e7p","value":"input-autocomplete__value_13e7p","focusVisible":"input-autocomplete__focusVisible_13e7p"};
17
17
  require('./index.css')
18
18
 
19
19
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 108k9 */
1
+ /* hash: 18ewg */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #0072ef;
@@ -18,16 +18,16 @@
18
18
  } :root {
19
19
  --focus-color: var(--color-light-border-link);
20
20
  --disabled-cursor: not-allowed;
21
- } .input-autocomplete__component_18u1y {
21
+ } .input-autocomplete__component_13e7p {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_18u1y:not(.input-autocomplete__disabled_18u1y) {
24
+ } .input-autocomplete__field_13e7p:not(.input-autocomplete__disabled_13e7p) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_18u1y {
26
+ } .input-autocomplete__disabled_13e7p {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_18u1y {
28
+ } .input-autocomplete__placeholder_13e7p {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_18u1y {
30
+ } .input-autocomplete__contentWrapper_13e7p {
31
31
  font-size: 16px;
32
32
  line-height: 20px;
33
33
  font-weight: 400;
@@ -36,11 +36,11 @@
36
36
  text-overflow: ellipsis;
37
37
  overflow: hidden;
38
38
  width: 100%;
39
- } .input-autocomplete__value_18u1y {
39
+ } .input-autocomplete__value_13e7p {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_18u1y {
43
+ } .input-autocomplete__focusVisible_13e7p {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
@@ -49,5 +49,5 @@ type BadgeProps = {
49
49
  */
50
50
  dataTestId?: string;
51
51
  };
52
- declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => JSX.Element;
52
+ declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => React.JSX.Element;
53
53
  export { IconColorType, BadgeProps, Badge };
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
+ import React from "react";
2
3
  import { OptionShape, OptionsListProps } from "./typings-5e1b8383";
3
- import React from 'react';
4
4
  import { HeaderProps } from "./Component-aed0af6e";
5
5
  type FooterProps = {
6
6
  handleClear?: () => void;
@@ -8,7 +8,7 @@ type FooterProps = {
8
8
  showClear?: boolean;
9
9
  selectedDraft?: OptionShape[];
10
10
  };
11
- declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft }: FooterProps) => JSX.Element;
11
+ declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft }: FooterProps) => React.JSX.Element;
12
12
  declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListProps & {
13
13
  showClear?: boolean | undefined;
14
14
  onClose?: (() => void) | undefined;
@@ -1,8 +1,9 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  type FooterProps = {
3
4
  handleClear?: () => void;
4
5
  handleApply?: () => void;
5
6
  showClear?: boolean;
6
7
  };
7
- declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => JSX.Element;
8
+ declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
8
9
  export { FooterProps, Footer };
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { FieldProps } from "../index-3e68f8db";
3
4
  import { InputAutocompleteDesktopProps } from "../Component.desktop";
4
5
  type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteDesktopProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
5
- declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => JSX.Element;
6
+ declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
6
7
  export { AutocompleteFieldProps, AutocompleteField };
@@ -1,7 +1,8 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { FormControlProps } from "@alfalab/core-components-form-control";
3
4
  import { InputAutocompleteProps } from "../index";
4
5
  import { FieldProps as BaseFieldProps } from "../index-3e68f8db";
5
6
  type AutocompleteMobileFieldProps = FormControlProps & Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & Pick<InputAutocompleteProps, 'value'>;
6
- declare const AutocompleteMobileField: ({ size, open, error, hint, disabled, label, labelView, placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }: AutocompleteMobileFieldProps) => JSX.Element;
7
+ declare const AutocompleteMobileField: ({ size, open, error, hint, disabled, label, labelView, placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }: AutocompleteMobileFieldProps) => React.JSX.Element;
7
8
  export { AutocompleteMobileFieldProps, AutocompleteMobileField };
@@ -223,6 +223,22 @@ type BottomSheetProps = {
223
223
  * Вызывается после притягивания к одной из `magneticAreas`
224
224
  */
225
225
  onMagnetize?: (index: number) => void;
226
+ /**
227
+ * Содержимое bottom-sheet всегда в DOM
228
+ */
229
+ keepMounted?: boolean;
230
+ /**
231
+ * Отключает автоматический перевод фокуса на bottom-sheet при открытии
232
+ */
233
+ disableAutoFocus?: boolean;
234
+ /**
235
+ * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
236
+ */
237
+ disableRestoreFocus?: boolean;
238
+ /**
239
+ * Отключает вызов `onClose` при нажатии Escape
240
+ */
241
+ disableEscapeKeyDown?: boolean;
226
242
  };
227
243
  declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
228
244
  declare const TIMEOUT = 500;
@@ -49,5 +49,5 @@ type BadgeProps = {
49
49
  */
50
50
  dataTestId?: string;
51
51
  };
52
- declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => JSX.Element;
52
+ declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => React.JSX.Element;
53
53
  export { IconColorType, BadgeProps, Badge };
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
+ import React from "react";
2
3
  import { OptionShape, OptionsListProps } from "./typings-5e1b8383";
3
- import React from 'react';
4
4
  import { HeaderProps } from "./Component-aed0af6e";
5
5
  type FooterProps = {
6
6
  handleClear?: () => void;
@@ -8,7 +8,7 @@ type FooterProps = {
8
8
  showClear?: boolean;
9
9
  selectedDraft?: OptionShape[];
10
10
  };
11
- declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft }: FooterProps) => JSX.Element;
11
+ declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft }: FooterProps) => React.JSX.Element;
12
12
  declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListProps & {
13
13
  showClear?: boolean | undefined;
14
14
  onClose?: (() => void) | undefined;
@@ -1,8 +1,9 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  type FooterProps = {
3
4
  handleClear?: () => void;
4
5
  handleApply?: () => void;
5
6
  showClear?: boolean;
6
7
  };
7
- declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => JSX.Element;
8
+ declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
8
9
  export { FooterProps, Footer };
@@ -7,7 +7,7 @@ import { Button } from '@alfalab/core-components-button/esm';
7
7
  import { Input } from '@alfalab/core-components-input/esm';
8
8
  import { SelectMobile } from '@alfalab/core-components-select/esm';
9
9
  import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
10
- import { s as styles } from './mobile.module-fc605397.js';
10
+ import { s as styles } from './mobile.module-2d568950.js';
11
11
  import '@alfalab/core-components-form-control/esm';
12
12
  import '@alfalab/hooks';
13
13
 
@@ -7,7 +7,7 @@ import { Button } from '@alfalab/core-components-button/esm';
7
7
  import { Input } from '@alfalab/core-components-input/esm';
8
8
  import { SelectModalMobile } from '@alfalab/core-components-select/esm/mobile';
9
9
  import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
10
- import { s as styles } from './mobile.module-fc605397.js';
10
+ import { s as styles } from './mobile.module-2d568950.js';
11
11
  import '@alfalab/core-components-form-control/esm';
12
12
  import '@alfalab/hooks';
13
13
 
@@ -12,7 +12,7 @@ import 'lodash.throttle';
12
12
  import '@alfalab/core-components-button/esm';
13
13
  import './autocomplete-mobile-field/Component.js';
14
14
  import '@alfalab/core-components-form-control/esm';
15
- import './mobile.module-fc605397.js';
15
+ import './mobile.module-2d568950.js';
16
16
 
17
17
  var InputAutocompleteResponsive = forwardRef(function (_a, ref) {
18
18
  var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { FieldProps } from "../index-3e68f8db";
3
4
  import { InputAutocompleteDesktopProps } from "../Component.desktop";
4
5
  type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteDesktopProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
5
- declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => JSX.Element;
6
+ declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
6
7
  export { AutocompleteFieldProps, AutocompleteField };
@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
4
4
  import cn from 'classnames';
5
5
  import { Input } from '@alfalab/core-components-input/esm';
6
6
 
7
- var styles = {"arrow":"input-autocomplete__arrow_1sgy1","error":"input-autocomplete__error_1sgy1"};
7
+ var styles = {"arrow":"input-autocomplete__arrow_1xwsa","error":"input-autocomplete__error_1xwsa"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1b7zv */
2
- .input-autocomplete__arrow_1sgy1.input-autocomplete__error_1sgy1 ~ * {
1
+ /* hash: 14bo2 */
2
+ .input-autocomplete__arrow_1xwsa.input-autocomplete__error_1xwsa ~ * {
3
3
  display: none;
4
4
  }
@@ -1,7 +1,8 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { FormControlProps } from "@alfalab/core-components-form-control";
3
4
  import { InputAutocompleteProps } from "../index";
4
5
  import { FieldProps as BaseFieldProps } from "../index-3e68f8db";
5
6
  type AutocompleteMobileFieldProps = FormControlProps & Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & Pick<InputAutocompleteProps, 'value'>;
6
- declare const AutocompleteMobileField: ({ size, open, error, hint, disabled, label, labelView, placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }: AutocompleteMobileFieldProps) => JSX.Element;
7
+ declare const AutocompleteMobileField: ({ size, open, error, hint, disabled, label, labelView, placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }: AutocompleteMobileFieldProps) => React.JSX.Element;
7
8
  export { AutocompleteMobileFieldProps, AutocompleteMobileField };
@@ -4,7 +4,7 @@ import cn from 'classnames';
4
4
  import { FormControl } from '@alfalab/core-components-form-control/esm';
5
5
  import { useFocus } from '@alfalab/hooks';
6
6
 
7
- var styles = {"component":"input-autocomplete__component_18u1y","field":"input-autocomplete__field_18u1y","disabled":"input-autocomplete__disabled_18u1y","placeholder":"input-autocomplete__placeholder_18u1y","contentWrapper":"input-autocomplete__contentWrapper_18u1y","value":"input-autocomplete__value_18u1y","focusVisible":"input-autocomplete__focusVisible_18u1y"};
7
+ var styles = {"component":"input-autocomplete__component_13e7p","field":"input-autocomplete__field_13e7p","disabled":"input-autocomplete__disabled_13e7p","placeholder":"input-autocomplete__placeholder_13e7p","contentWrapper":"input-autocomplete__contentWrapper_13e7p","value":"input-autocomplete__value_13e7p","focusVisible":"input-autocomplete__focusVisible_13e7p"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 108k9 */
1
+ /* hash: 18ewg */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #0072ef;
@@ -18,16 +18,16 @@
18
18
  } :root {
19
19
  --focus-color: var(--color-light-border-link);
20
20
  --disabled-cursor: not-allowed;
21
- } .input-autocomplete__component_18u1y {
21
+ } .input-autocomplete__component_13e7p {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_18u1y:not(.input-autocomplete__disabled_18u1y) {
24
+ } .input-autocomplete__field_13e7p:not(.input-autocomplete__disabled_13e7p) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_18u1y {
26
+ } .input-autocomplete__disabled_13e7p {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_18u1y {
28
+ } .input-autocomplete__placeholder_13e7p {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_18u1y {
30
+ } .input-autocomplete__contentWrapper_13e7p {
31
31
  font-size: 16px;
32
32
  line-height: 20px;
33
33
  font-weight: 400;
@@ -36,11 +36,11 @@
36
36
  text-overflow: ellipsis;
37
37
  overflow: hidden;
38
38
  width: 100%;
39
- } .input-autocomplete__value_18u1y {
39
+ } .input-autocomplete__value_13e7p {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_18u1y {
43
+ } .input-autocomplete__focusVisible_13e7p {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
@@ -223,6 +223,22 @@ type BottomSheetProps = {
223
223
  * Вызывается после притягивания к одной из `magneticAreas`
224
224
  */
225
225
  onMagnetize?: (index: number) => void;
226
+ /**
227
+ * Содержимое bottom-sheet всегда в DOM
228
+ */
229
+ keepMounted?: boolean;
230
+ /**
231
+ * Отключает автоматический перевод фокуса на bottom-sheet при открытии
232
+ */
233
+ disableAutoFocus?: boolean;
234
+ /**
235
+ * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
236
+ */
237
+ disableRestoreFocus?: boolean;
238
+ /**
239
+ * Отключает вызов `onClose` при нажатии Escape
240
+ */
241
+ disableEscapeKeyDown?: boolean;
226
242
  };
227
243
  declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
228
244
  declare const TIMEOUT = 500;
package/esm/index.js CHANGED
@@ -13,4 +13,4 @@ import 'lodash.throttle';
13
13
  import '@alfalab/core-components-button/esm';
14
14
  import './autocomplete-mobile-field/Component.js';
15
15
  import '@alfalab/core-components-form-control/esm';
16
- import './mobile.module-fc605397.js';
16
+ import './mobile.module-2d568950.js';
package/esm/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1liit */
1
+ /* hash: 1em70 */
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,11 +16,11 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .input-autocomplete__bottomAddonInput_11po4 {
19
+ } .input-autocomplete__bottomAddonInput_175id {
20
20
  padding: 0 var(--gap-xs) var(--gap-xs);
21
21
  box-sizing: border-box;
22
- } .input-autocomplete__footer_11po4 {
22
+ } .input-autocomplete__footer_175id {
23
23
  display: flex
24
- } .input-autocomplete__footer_11po4 > button + button {
24
+ } .input-autocomplete__footer_175id > button + button {
25
25
  margin-left: var(--gap-m);
26
26
  }
package/esm/mobile.js CHANGED
@@ -11,5 +11,5 @@ import '@alfalab/core-components-select/esm';
11
11
  import './autocomplete-mobile-field/Component.js';
12
12
  import '@alfalab/core-components-form-control/esm';
13
13
  import '@alfalab/hooks';
14
- import './mobile.module-fc605397.js';
14
+ import './mobile.module-2d568950.js';
15
15
  import '@alfalab/core-components-select/esm/mobile';
@@ -1,4 +1,4 @@
1
- var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_11po4","footer":"input-autocomplete__footer_11po4"};
1
+ var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_175id","footer":"input-autocomplete__footer_175id"};
2
2
  require('./mobile.css')
3
3
 
4
4
  export { styles as s };
package/esm/responsive.js CHANGED
@@ -13,4 +13,4 @@ import 'lodash.throttle';
13
13
  import '@alfalab/core-components-button/esm';
14
14
  import './autocomplete-mobile-field/Component.js';
15
15
  import '@alfalab/core-components-form-control/esm';
16
- import './mobile.module-fc605397.js';
16
+ import './mobile.module-2d568950.js';
@@ -223,6 +223,22 @@ type BottomSheetProps = {
223
223
  * Вызывается после притягивания к одной из `magneticAreas`
224
224
  */
225
225
  onMagnetize?: (index: number) => void;
226
+ /**
227
+ * Содержимое bottom-sheet всегда в DOM
228
+ */
229
+ keepMounted?: boolean;
230
+ /**
231
+ * Отключает автоматический перевод фокуса на bottom-sheet при открытии
232
+ */
233
+ disableAutoFocus?: boolean;
234
+ /**
235
+ * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
236
+ */
237
+ disableRestoreFocus?: boolean;
238
+ /**
239
+ * Отключает вызов `onClose` при нажатии Escape
240
+ */
241
+ disableEscapeKeyDown?: boolean;
226
242
  };
227
243
  declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
228
244
  declare const TIMEOUT = 500;
package/index.js CHANGED
@@ -17,7 +17,7 @@ require('lodash.throttle');
17
17
  require('@alfalab/core-components-button');
18
18
  require('./autocomplete-mobile-field/Component.js');
19
19
  require('@alfalab/core-components-form-control');
20
- require('./mobile.module-4a636c52.js');
20
+ require('./mobile.module-80b4093b.js');
21
21
 
22
22
 
23
23
 
package/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1liit */
1
+ /* hash: 1em70 */
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,11 +16,11 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .input-autocomplete__bottomAddonInput_11po4 {
19
+ } .input-autocomplete__bottomAddonInput_175id {
20
20
  padding: 0 var(--gap-xs) var(--gap-xs);
21
21
  box-sizing: border-box;
22
- } .input-autocomplete__footer_11po4 {
22
+ } .input-autocomplete__footer_175id {
23
23
  display: flex
24
- } .input-autocomplete__footer_11po4 > button + button {
24
+ } .input-autocomplete__footer_175id > button + button {
25
25
  margin-left: var(--gap-m);
26
26
  }
package/mobile.js CHANGED
@@ -15,7 +15,7 @@ require('@alfalab/core-components-select');
15
15
  require('./autocomplete-mobile-field/Component.js');
16
16
  require('@alfalab/core-components-form-control');
17
17
  require('@alfalab/hooks');
18
- require('./mobile.module-4a636c52.js');
18
+ require('./mobile.module-80b4093b.js');
19
19
  require('@alfalab/core-components-select/mobile');
20
20
 
21
21
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_11po4","footer":"input-autocomplete__footer_11po4"};
3
+ var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_175id","footer":"input-autocomplete__footer_175id"};
4
4
  require('./mobile.css')
5
5
 
6
6
  exports.styles = styles;
@@ -49,5 +49,5 @@ type BadgeProps = {
49
49
  */
50
50
  dataTestId?: string;
51
51
  };
52
- declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => JSX.Element;
52
+ declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => React.JSX.Element;
53
53
  export { IconColorType, BadgeProps, Badge };
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
+ import React from "react";
2
3
  import { OptionShape, OptionsListProps } from "./typings-5e1b8383";
3
- import React from 'react';
4
4
  import { HeaderProps } from "./Component-aed0af6e";
5
5
  type FooterProps = {
6
6
  handleClear?: () => void;
@@ -8,7 +8,7 @@ type FooterProps = {
8
8
  showClear?: boolean;
9
9
  selectedDraft?: OptionShape[];
10
10
  };
11
- declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft }: FooterProps) => JSX.Element;
11
+ declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft }: FooterProps) => React.JSX.Element;
12
12
  declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListProps & {
13
13
  showClear?: boolean | undefined;
14
14
  onClose?: (() => void) | undefined;
@@ -1,8 +1,9 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  type FooterProps = {
3
4
  handleClear?: () => void;
4
5
  handleApply?: () => void;
5
6
  showClear?: boolean;
6
7
  };
7
- declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => JSX.Element;
8
+ declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
8
9
  export { FooterProps, Footer };
@@ -37,7 +37,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
37
37
  /**
38
38
  * Компонент ввода значения
39
39
  */
40
- Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
40
+ Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
41
41
  value?: string | undefined;
42
42
  defaultValue?: string | undefined;
43
43
  block?: boolean | undefined;
@@ -49,7 +49,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
49
49
  hint?: React.ReactNode;
50
50
  label?: React.ReactNode;
51
51
  labelView?: "inner" | "outer" | undefined;
52
- type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
52
+ type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
53
53
  wrapperRef?: React.Ref<HTMLDivElement> | undefined;
54
54
  leftAddons?: React.ReactNode;
55
55
  rightAddons?: React.ReactNode;
@@ -73,7 +73,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
73
73
  /**
74
74
  * Пропсы, которые будут прокинуты в инпут
75
75
  */
76
- inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
76
+ inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
77
77
  value?: string | undefined;
78
78
  defaultValue?: string | undefined;
79
79
  block?: boolean | undefined;
@@ -85,7 +85,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
85
85
  hint?: React.ReactNode;
86
86
  label?: React.ReactNode;
87
87
  labelView?: "inner" | "outer" | undefined;
88
- type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
88
+ type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
89
89
  wrapperRef?: React.Ref<HTMLDivElement> | undefined;
90
90
  leftAddons?: React.ReactNode;
91
91
  rightAddons?: React.ReactNode;
@@ -6,7 +6,7 @@ import { Button } from '@alfalab/core-components-button/modern';
6
6
  import { Input } from '@alfalab/core-components-input/modern';
7
7
  import { SelectMobile } from '@alfalab/core-components-select/modern';
8
8
  import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
9
- import { s as styles } from './mobile.module-58dac562.js';
9
+ import { s as styles } from './mobile.module-93c1e0e2.js';
10
10
  import '@alfalab/core-components-form-control/modern';
11
11
  import '@alfalab/hooks';
12
12
 
@@ -6,7 +6,7 @@ import { Button } from '@alfalab/core-components-button/modern';
6
6
  import { Input } from '@alfalab/core-components-input/modern';
7
7
  import { SelectModalMobile } from '@alfalab/core-components-select/modern/mobile';
8
8
  import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
9
- import { s as styles } from './mobile.module-58dac562.js';
9
+ import { s as styles } from './mobile.module-93c1e0e2.js';
10
10
  import '@alfalab/core-components-form-control/modern';
11
11
  import '@alfalab/hooks';
12
12
 
@@ -14,7 +14,7 @@ type InputAutocompleteResponsiveProps = InputAutocompleteDesktopProps & InputAut
14
14
  };
15
15
  type InputAutocompleteMedia = 'desktop' | 'mobile';
16
16
  declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
17
- Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
17
+ Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
18
18
  value?: string | undefined;
19
19
  defaultValue?: string | undefined;
20
20
  block?: boolean | undefined;
@@ -26,7 +26,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
26
26
  hint?: React.ReactNode;
27
27
  label?: React.ReactNode;
28
28
  labelView?: "inner" | "outer" | undefined;
29
- type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
29
+ type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
30
30
  wrapperRef?: React.Ref<HTMLDivElement> | undefined;
31
31
  leftAddons?: React.ReactNode;
32
32
  rightAddons?: React.ReactNode;
@@ -47,7 +47,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
47
47
  onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
48
48
  dataTestId?: string | undefined;
49
49
  } & React.RefAttributes<HTMLInputElement>> | undefined;
50
- inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
50
+ inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
51
51
  value?: string | undefined;
52
52
  defaultValue?: string | undefined;
53
53
  block?: boolean | undefined;
@@ -59,7 +59,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
59
59
  hint?: React.ReactNode;
60
60
  label?: React.ReactNode;
61
61
  labelView?: "inner" | "outer" | undefined;
62
- type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
62
+ type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
63
63
  wrapperRef?: React.Ref<HTMLDivElement> | undefined;
64
64
  leftAddons?: React.ReactNode;
65
65
  rightAddons?: React.ReactNode;
@@ -11,7 +11,7 @@ import 'lodash.throttle';
11
11
  import '@alfalab/core-components-button/modern';
12
12
  import './autocomplete-mobile-field/Component.js';
13
13
  import '@alfalab/core-components-form-control/modern';
14
- import './mobile.module-58dac562.js';
14
+ import './mobile.module-93c1e0e2.js';
15
15
 
16
16
  const InputAutocompleteResponsive = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
17
17
  const [view] = useMedia([
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { FieldProps } from "../index-3e68f8db";
3
4
  import { InputAutocompleteDesktopProps } from "../Component.desktop";
4
5
  type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteDesktopProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
5
- declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => JSX.Element;
6
+ declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
6
7
  export { AutocompleteFieldProps, AutocompleteField };
@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
3
3
  import cn from 'classnames';
4
4
  import { Input } from '@alfalab/core-components-input/modern';
5
5
 
6
- const styles = {"arrow":"input-autocomplete__arrow_1sgy1","error":"input-autocomplete__error_1sgy1"};
6
+ const styles = {"arrow":"input-autocomplete__arrow_1xwsa","error":"input-autocomplete__error_1xwsa"};
7
7
  require('./index.css')
8
8
 
9
9
  const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arrow, Input: Input$1 = Input, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 1b7zv */
2
- .input-autocomplete__arrow_1sgy1.input-autocomplete__error_1sgy1 ~ * {
1
+ /* hash: 14bo2 */
2
+ .input-autocomplete__arrow_1xwsa.input-autocomplete__error_1xwsa ~ * {
3
3
  display: none;
4
4
  }
@@ -1,7 +1,8 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { FormControlProps } from "@alfalab/core-components-form-control";
3
4
  import { InputAutocompleteProps } from "../index";
4
5
  import { FieldProps as BaseFieldProps } from "../index-3e68f8db";
5
6
  type AutocompleteMobileFieldProps = FormControlProps & Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & Pick<InputAutocompleteProps, 'value'>;
6
- declare const AutocompleteMobileField: ({ size, open, error, hint, disabled, label, labelView, placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }: AutocompleteMobileFieldProps) => JSX.Element;
7
+ declare const AutocompleteMobileField: ({ size, open, error, hint, disabled, label, labelView, placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }: AutocompleteMobileFieldProps) => React.JSX.Element;
7
8
  export { AutocompleteMobileFieldProps, AutocompleteMobileField };
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { FormControl } from '@alfalab/core-components-form-control/modern';
4
4
  import { useFocus } from '@alfalab/hooks';
5
5
 
6
- const styles = {"component":"input-autocomplete__component_18u1y","field":"input-autocomplete__field_18u1y","disabled":"input-autocomplete__disabled_18u1y","placeholder":"input-autocomplete__placeholder_18u1y","contentWrapper":"input-autocomplete__contentWrapper_18u1y","value":"input-autocomplete__value_18u1y","focusVisible":"input-autocomplete__focusVisible_18u1y"};
6
+ const styles = {"component":"input-autocomplete__component_13e7p","field":"input-autocomplete__field_13e7p","disabled":"input-autocomplete__disabled_13e7p","placeholder":"input-autocomplete__placeholder_13e7p","contentWrapper":"input-autocomplete__contentWrapper_13e7p","value":"input-autocomplete__value_13e7p","focusVisible":"input-autocomplete__focusVisible_13e7p"};
7
7
  require('./index.css')
8
8
 
9
9
  const AutocompleteMobileField = ({ size = 'm', open, error, hint, disabled, label, labelView = 'inner', placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 108k9 */
1
+ /* hash: 18ewg */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #0072ef;
@@ -18,16 +18,16 @@
18
18
  } :root {
19
19
  --focus-color: var(--color-light-border-link);
20
20
  --disabled-cursor: not-allowed;
21
- } .input-autocomplete__component_18u1y {
21
+ } .input-autocomplete__component_13e7p {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_18u1y:not(.input-autocomplete__disabled_18u1y) {
24
+ } .input-autocomplete__field_13e7p:not(.input-autocomplete__disabled_13e7p) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_18u1y {
26
+ } .input-autocomplete__disabled_13e7p {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_18u1y {
28
+ } .input-autocomplete__placeholder_13e7p {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_18u1y {
30
+ } .input-autocomplete__contentWrapper_13e7p {
31
31
  font-size: 16px;
32
32
  line-height: 20px;
33
33
  font-weight: 400;
@@ -36,11 +36,11 @@
36
36
  text-overflow: ellipsis;
37
37
  overflow: hidden;
38
38
  width: 100%;
39
- } .input-autocomplete__value_18u1y {
39
+ } .input-autocomplete__value_13e7p {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_18u1y {
43
+ } .input-autocomplete__focusVisible_13e7p {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
@@ -223,6 +223,22 @@ type BottomSheetProps = {
223
223
  * Вызывается после притягивания к одной из `magneticAreas`
224
224
  */
225
225
  onMagnetize?: (index: number) => void;
226
+ /**
227
+ * Содержимое bottom-sheet всегда в DOM
228
+ */
229
+ keepMounted?: boolean;
230
+ /**
231
+ * Отключает автоматический перевод фокуса на bottom-sheet при открытии
232
+ */
233
+ disableAutoFocus?: boolean;
234
+ /**
235
+ * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
236
+ */
237
+ disableRestoreFocus?: boolean;
238
+ /**
239
+ * Отключает вызов `onClose` при нажатии Escape
240
+ */
241
+ disableEscapeKeyDown?: boolean;
226
242
  };
227
243
  declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
228
244
  declare const TIMEOUT = 500;
package/modern/index.js CHANGED
@@ -12,4 +12,4 @@ import 'lodash.throttle';
12
12
  import '@alfalab/core-components-button/modern';
13
13
  import './autocomplete-mobile-field/Component.js';
14
14
  import '@alfalab/core-components-form-control/modern';
15
- import './mobile.module-58dac562.js';
15
+ import './mobile.module-93c1e0e2.js';
package/modern/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1liit */
1
+ /* hash: 1em70 */
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,11 +16,11 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .input-autocomplete__bottomAddonInput_11po4 {
19
+ } .input-autocomplete__bottomAddonInput_175id {
20
20
  padding: 0 var(--gap-xs) var(--gap-xs);
21
21
  box-sizing: border-box;
22
- } .input-autocomplete__footer_11po4 {
22
+ } .input-autocomplete__footer_175id {
23
23
  display: flex
24
- } .input-autocomplete__footer_11po4 > button + button {
24
+ } .input-autocomplete__footer_175id > button + button {
25
25
  margin-left: var(--gap-m);
26
26
  }
package/modern/mobile.js CHANGED
@@ -10,5 +10,5 @@ import '@alfalab/core-components-select/modern';
10
10
  import './autocomplete-mobile-field/Component.js';
11
11
  import '@alfalab/core-components-form-control/modern';
12
12
  import '@alfalab/hooks';
13
- import './mobile.module-58dac562.js';
13
+ import './mobile.module-93c1e0e2.js';
14
14
  import '@alfalab/core-components-select/modern/mobile';
@@ -1,4 +1,4 @@
1
- const styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_11po4","footer":"input-autocomplete__footer_11po4"};
1
+ const styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_175id","footer":"input-autocomplete__footer_175id"};
2
2
  require('./mobile.css')
3
3
 
4
4
  export { styles as s };
@@ -12,4 +12,4 @@ import 'lodash.throttle';
12
12
  import '@alfalab/core-components-button/modern';
13
13
  import './autocomplete-mobile-field/Component.js';
14
14
  import '@alfalab/core-components-form-control/modern';
15
- import './mobile.module-58dac562.js';
15
+ import './mobile.module-93c1e0e2.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-input-autocomplete",
3
- "version": "9.4.6",
3
+ "version": "9.4.7",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -17,7 +17,7 @@
17
17
  "@alfalab/core-components-button": "^8.5.1",
18
18
  "@alfalab/core-components-form-control": "^9.0.6",
19
19
  "@alfalab/core-components-input": "^11.1.18",
20
- "@alfalab/core-components-select": "^14.3.4",
20
+ "@alfalab/core-components-select": "^14.3.5",
21
21
  "@alfalab/hooks": "^1.13.0",
22
22
  "classnames": "^2.3.1",
23
23
  "lodash.throttle": "^4.1.1",
package/responsive.js CHANGED
@@ -17,7 +17,7 @@ require('lodash.throttle');
17
17
  require('@alfalab/core-components-button');
18
18
  require('./autocomplete-mobile-field/Component.js');
19
19
  require('@alfalab/core-components-form-control');
20
- require('./mobile.module-4a636c52.js');
20
+ require('./mobile.module-80b4093b.js');
21
21
 
22
22
 
23
23