@alfalab/core-components-input-autocomplete 9.3.10 → 9.3.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/Component.mobile.js +1 -1
  2. package/autocomplete-field/Component.js +1 -1
  3. package/autocomplete-field/index.css +2 -2
  4. package/autocomplete-mobile-field/Component.js +1 -1
  5. package/autocomplete-mobile-field/index.css +8 -8
  6. package/cssm/index-bdb4c6b9.d.ts +1 -0
  7. package/cssm/index-e81c389f.d.ts +2 -2
  8. package/esm/Component.mobile.js +1 -1
  9. package/esm/autocomplete-field/Component.js +1 -1
  10. package/esm/autocomplete-field/index.css +2 -2
  11. package/esm/autocomplete-mobile-field/Component.js +1 -1
  12. package/esm/autocomplete-mobile-field/index.css +8 -8
  13. package/esm/index-bdb4c6b9.d.ts +1 -0
  14. package/esm/index-e81c389f.d.ts +2 -2
  15. package/esm/mobile.css +4 -4
  16. package/index-bdb4c6b9.d.ts +1 -0
  17. package/index-e81c389f.d.ts +2 -2
  18. package/mobile.css +4 -4
  19. package/modern/Component.desktop.d.ts +4 -4
  20. package/modern/Component.mobile.js +1 -1
  21. package/modern/Component.responsive.d.ts +4 -4
  22. package/modern/autocomplete-field/Component.js +1 -1
  23. package/modern/autocomplete-field/index.css +2 -2
  24. package/modern/autocomplete-mobile-field/Component.js +1 -1
  25. package/modern/autocomplete-mobile-field/index.css +8 -8
  26. package/modern/index-bdb4c6b9.d.ts +1 -0
  27. package/modern/index-e81c389f.d.ts +3 -3
  28. package/modern/mobile.css +4 -4
  29. package/package.json +4 -4
package/Component.mobile.js CHANGED
@@ -19,7 +19,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
19
19
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
20
20
  var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
21
21
 
22
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_mknlh","footer":"input-autocomplete__footer_mknlh"};
22
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1t70i","footer":"input-autocomplete__footer_1t70i"};
23
23
  require('./mobile.css')
24
24
 
25
25
  var SELECTED = [];
package/autocomplete-field/Component.js CHANGED
@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var styles = {"arrow":"input-autocomplete__arrow_sa3q8","error":"input-autocomplete__error_sa3q8"};
15
+ var styles = {"arrow":"input-autocomplete__arrow_1ywgm","error":"input-autocomplete__error_1ywgm"};
16
16
  require('./index.css')
17
17
 
18
18
  var AutocompleteField = function (_a) {
package/autocomplete-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: fb6j4 */
2
- .input-autocomplete__arrow_sa3q8.input-autocomplete__error_sa3q8 ~ * {
1
+ /* hash: 189un */
2
+ .input-autocomplete__arrow_1ywgm.input-autocomplete__error_1ywgm ~ * {
3
3
  display: none;
4
4
  }
package/autocomplete-mobile-field/Component.js CHANGED
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
13
 
14
- var styles = {"component":"input-autocomplete__component_18kvu","field":"input-autocomplete__field_18kvu","disabled":"input-autocomplete__disabled_18kvu","placeholder":"input-autocomplete__placeholder_18kvu","contentWrapper":"input-autocomplete__contentWrapper_18kvu","value":"input-autocomplete__value_18kvu","focusVisible":"input-autocomplete__focusVisible_18kvu"};
14
+ var styles = {"component":"input-autocomplete__component_1yixw","field":"input-autocomplete__field_1yixw","disabled":"input-autocomplete__disabled_1yixw","placeholder":"input-autocomplete__placeholder_1yixw","contentWrapper":"input-autocomplete__contentWrapper_1yixw","value":"input-autocomplete__value_1yixw","focusVisible":"input-autocomplete__focusVisible_1yixw"};
15
15
  require('./index.css')
16
16
 
17
17
  var AutocompleteMobileField = function (_a) {
package/autocomplete-mobile-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1xs19 */
1
+ /* hash: 1d79g */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #007aff;
@@ -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_18kvu {
21
+ } .input-autocomplete__component_1yixw {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_18kvu:not(.input-autocomplete__disabled_18kvu) {
24
+ } .input-autocomplete__field_1yixw:not(.input-autocomplete__disabled_1yixw) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_18kvu {
26
+ } .input-autocomplete__disabled_1yixw {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_18kvu {
28
+ } .input-autocomplete__placeholder_1yixw {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_18kvu {
30
+ } .input-autocomplete__contentWrapper_1yixw {
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_18kvu {
39
+ } .input-autocomplete__value_1yixw {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_18kvu {
43
+ } .input-autocomplete__focusVisible_1yixw {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
package/cssm/index-bdb4c6b9.d.ts CHANGED
@@ -132,6 +132,7 @@ type BaseModalProps = {
132
132
  };
133
133
  type BaseModalContext = {
134
134
  parentRef: React.RefObject<HTMLDivElement>;
135
+ componentRef: React.RefObject<HTMLDivElement>;
135
136
  hasFooter?: boolean;
136
137
  hasHeader?: boolean;
137
138
  hasScroll?: boolean;
package/cssm/index-e81c389f.d.ts CHANGED
@@ -132,9 +132,9 @@ type NavigationBarProps = {
132
132
  */
133
133
  view: "desktop" | "mobile";
134
134
  /**
135
- * Ссылка на родительскую ноду.
135
+ * Ссылка на родительскую ноду overflow: auto
136
136
  */
137
- parentRef?: React.RefObject<HTMLDivElement>;
137
+ scrollableParentRef?: React.RefObject<HTMLDivElement>;
138
138
  };
139
139
  declare const NavigationBar: FC<NavigationBarProps>;
140
140
  interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
package/esm/Component.mobile.js CHANGED
@@ -10,7 +10,7 @@ import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.j
10
10
  import '@alfalab/core-components-form-control/esm';
11
11
  import '@alfalab/hooks';
12
12
 
13
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_mknlh","footer":"input-autocomplete__footer_mknlh"};
13
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1t70i","footer":"input-autocomplete__footer_1t70i"};
14
14
  require('./mobile.css')
15
15
 
16
16
  var SELECTED = [];
package/esm/autocomplete-field/Component.js CHANGED
@@ -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_sa3q8","error":"input-autocomplete__error_sa3q8"};
7
+ var styles = {"arrow":"input-autocomplete__arrow_1ywgm","error":"input-autocomplete__error_1ywgm"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteField = function (_a) {
package/esm/autocomplete-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: fb6j4 */
2
- .input-autocomplete__arrow_sa3q8.input-autocomplete__error_sa3q8 ~ * {
1
+ /* hash: 189un */
2
+ .input-autocomplete__arrow_1ywgm.input-autocomplete__error_1ywgm ~ * {
3
3
  display: none;
4
4
  }
package/esm/autocomplete-mobile-field/Component.js CHANGED
@@ -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_18kvu","field":"input-autocomplete__field_18kvu","disabled":"input-autocomplete__disabled_18kvu","placeholder":"input-autocomplete__placeholder_18kvu","contentWrapper":"input-autocomplete__contentWrapper_18kvu","value":"input-autocomplete__value_18kvu","focusVisible":"input-autocomplete__focusVisible_18kvu"};
7
+ var styles = {"component":"input-autocomplete__component_1yixw","field":"input-autocomplete__field_1yixw","disabled":"input-autocomplete__disabled_1yixw","placeholder":"input-autocomplete__placeholder_1yixw","contentWrapper":"input-autocomplete__contentWrapper_1yixw","value":"input-autocomplete__value_1yixw","focusVisible":"input-autocomplete__focusVisible_1yixw"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteMobileField = function (_a) {
package/esm/autocomplete-mobile-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1xs19 */
1
+ /* hash: 1d79g */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #007aff;
@@ -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_18kvu {
21
+ } .input-autocomplete__component_1yixw {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_18kvu:not(.input-autocomplete__disabled_18kvu) {
24
+ } .input-autocomplete__field_1yixw:not(.input-autocomplete__disabled_1yixw) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_18kvu {
26
+ } .input-autocomplete__disabled_1yixw {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_18kvu {
28
+ } .input-autocomplete__placeholder_1yixw {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_18kvu {
30
+ } .input-autocomplete__contentWrapper_1yixw {
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_18kvu {
39
+ } .input-autocomplete__value_1yixw {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_18kvu {
43
+ } .input-autocomplete__focusVisible_1yixw {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
package/esm/index-bdb4c6b9.d.ts CHANGED
@@ -132,6 +132,7 @@ type BaseModalProps = {
132
132
  };
133
133
  type BaseModalContext = {
134
134
  parentRef: React.RefObject<HTMLDivElement>;
135
+ componentRef: React.RefObject<HTMLDivElement>;
135
136
  hasFooter?: boolean;
136
137
  hasHeader?: boolean;
137
138
  hasScroll?: boolean;
package/esm/index-e81c389f.d.ts CHANGED
@@ -132,9 +132,9 @@ type NavigationBarProps = {
132
132
  */
133
133
  view: "desktop" | "mobile";
134
134
  /**
135
- * Ссылка на родительскую ноду.
135
+ * Ссылка на родительскую ноду overflow: auto
136
136
  */
137
- parentRef?: React.RefObject<HTMLDivElement>;
137
+ scrollableParentRef?: React.RefObject<HTMLDivElement>;
138
138
  };
139
139
  declare const NavigationBar: FC<NavigationBarProps>;
140
140
  interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
package/esm/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 12yao */
1
+ /* hash: 1y9im */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -16,11 +16,11 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .input-autocomplete__bottomSheetInput_mknlh {
19
+ } .input-autocomplete__bottomSheetInput_1t70i {
20
20
  padding: 0 var(--gap-xs) var(--gap-xs);
21
21
  box-sizing: border-box;
22
- } .input-autocomplete__footer_mknlh {
22
+ } .input-autocomplete__footer_1t70i {
23
23
  display: flex
24
- } .input-autocomplete__footer_mknlh > button + button {
24
+ } .input-autocomplete__footer_1t70i > button + button {
25
25
  margin-left: var(--gap-m);
26
26
  }
package/index-bdb4c6b9.d.ts CHANGED
@@ -132,6 +132,7 @@ type BaseModalProps = {
132
132
  };
133
133
  type BaseModalContext = {
134
134
  parentRef: React.RefObject<HTMLDivElement>;
135
+ componentRef: React.RefObject<HTMLDivElement>;
135
136
  hasFooter?: boolean;
136
137
  hasHeader?: boolean;
137
138
  hasScroll?: boolean;
package/index-e81c389f.d.ts CHANGED
@@ -132,9 +132,9 @@ type NavigationBarProps = {
132
132
  */
133
133
  view: "desktop" | "mobile";
134
134
  /**
135
- * Ссылка на родительскую ноду.
135
+ * Ссылка на родительскую ноду overflow: auto
136
136
  */
137
- parentRef?: React.RefObject<HTMLDivElement>;
137
+ scrollableParentRef?: React.RefObject<HTMLDivElement>;
138
138
  };
139
139
  declare const NavigationBar: FC<NavigationBarProps>;
140
140
  interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
package/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 12yao */
1
+ /* hash: 1y9im */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -16,11 +16,11 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .input-autocomplete__bottomSheetInput_mknlh {
19
+ } .input-autocomplete__bottomSheetInput_1t70i {
20
20
  padding: 0 var(--gap-xs) var(--gap-xs);
21
21
  box-sizing: border-box;
22
- } .input-autocomplete__footer_mknlh {
22
+ } .input-autocomplete__footer_1t70i {
23
23
  display: flex
24
- } .input-autocomplete__footer_mknlh > button + button {
24
+ } .input-autocomplete__footer_1t70i > button + button {
25
25
  margin-left: var(--gap-m);
26
26
  }
package/modern/Component.desktop.d.ts CHANGED
@@ -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;
package/modern/Component.mobile.js CHANGED
@@ -9,7 +9,7 @@ import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.j
9
9
  import '@alfalab/core-components-form-control/modern';
10
10
  import '@alfalab/hooks';
11
11
 
12
- const styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_mknlh","footer":"input-autocomplete__footer_mknlh"};
12
+ const styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1t70i","footer":"input-autocomplete__footer_1t70i"};
13
13
  require('./mobile.css')
14
14
 
15
15
  const SELECTED = [];
package/modern/Component.responsive.d.ts CHANGED
@@ -12,7 +12,7 @@ type InputAutocompleteResponsiveProps = InputAutocompleteDesktopProps & InputAut
12
12
  };
13
13
  type InputAutocompleteMedia = 'desktop' | 'mobile';
14
14
  declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
15
- Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
15
+ Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
16
16
  value?: string | undefined;
17
17
  defaultValue?: string | undefined;
18
18
  block?: boolean | undefined;
@@ -24,7 +24,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
24
24
  hint?: React.ReactNode;
25
25
  label?: React.ReactNode;
26
26
  labelView?: "inner" | "outer" | undefined;
27
- type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
27
+ type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
28
28
  wrapperRef?: React.Ref<HTMLDivElement> | undefined;
29
29
  leftAddons?: React.ReactNode;
30
30
  rightAddons?: React.ReactNode;
@@ -45,7 +45,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
45
45
  onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
46
46
  dataTestId?: string | undefined;
47
47
  } & React.RefAttributes<HTMLInputElement>> | undefined;
48
- inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
48
+ inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
49
49
  value?: string | undefined;
50
50
  defaultValue?: string | undefined;
51
51
  block?: boolean | undefined;
@@ -57,7 +57,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
57
57
  hint?: React.ReactNode;
58
58
  label?: React.ReactNode;
59
59
  labelView?: "inner" | "outer" | undefined;
60
- type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
60
+ type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
61
61
  wrapperRef?: React.Ref<HTMLDivElement> | undefined;
62
62
  leftAddons?: React.ReactNode;
63
63
  rightAddons?: React.ReactNode;
package/modern/autocomplete-field/Component.js CHANGED
@@ -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_sa3q8","error":"input-autocomplete__error_sa3q8"};
6
+ const styles = {"arrow":"input-autocomplete__arrow_1ywgm","error":"input-autocomplete__error_1ywgm"};
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, }) => {
package/modern/autocomplete-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: fb6j4 */
2
- .input-autocomplete__arrow_sa3q8.input-autocomplete__error_sa3q8 ~ * {
1
+ /* hash: 189un */
2
+ .input-autocomplete__arrow_1ywgm.input-autocomplete__error_1ywgm ~ * {
3
3
  display: none;
4
4
  }
package/modern/autocomplete-mobile-field/Component.js CHANGED
@@ -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_18kvu","field":"input-autocomplete__field_18kvu","disabled":"input-autocomplete__disabled_18kvu","placeholder":"input-autocomplete__placeholder_18kvu","contentWrapper":"input-autocomplete__contentWrapper_18kvu","value":"input-autocomplete__value_18kvu","focusVisible":"input-autocomplete__focusVisible_18kvu"};
6
+ const styles = {"component":"input-autocomplete__component_1yixw","field":"input-autocomplete__field_1yixw","disabled":"input-autocomplete__disabled_1yixw","placeholder":"input-autocomplete__placeholder_1yixw","contentWrapper":"input-autocomplete__contentWrapper_1yixw","value":"input-autocomplete__value_1yixw","focusVisible":"input-autocomplete__focusVisible_1yixw"};
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 }) => {
package/modern/autocomplete-mobile-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1xs19 */
1
+ /* hash: 1d79g */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #007aff;
@@ -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_18kvu {
21
+ } .input-autocomplete__component_1yixw {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_18kvu:not(.input-autocomplete__disabled_18kvu) {
24
+ } .input-autocomplete__field_1yixw:not(.input-autocomplete__disabled_1yixw) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_18kvu {
26
+ } .input-autocomplete__disabled_1yixw {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_18kvu {
28
+ } .input-autocomplete__placeholder_1yixw {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_18kvu {
30
+ } .input-autocomplete__contentWrapper_1yixw {
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_18kvu {
39
+ } .input-autocomplete__value_1yixw {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_18kvu {
43
+ } .input-autocomplete__focusVisible_1yixw {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
package/modern/index-bdb4c6b9.d.ts CHANGED
@@ -132,6 +132,7 @@ type BaseModalProps = {
132
132
  };
133
133
  type BaseModalContext = {
134
134
  parentRef: React.RefObject<HTMLDivElement>;
135
+ componentRef: React.RefObject<HTMLDivElement>;
135
136
  hasFooter?: boolean;
136
137
  hasHeader?: boolean;
137
138
  hasScroll?: boolean;
package/modern/index-e81c389f.d.ts CHANGED
@@ -132,9 +132,9 @@ type NavigationBarProps = {
132
132
  */
133
133
  view: "desktop" | "mobile";
134
134
  /**
135
- * Ссылка на родительскую ноду.
135
+ * Ссылка на родительскую ноду overflow: auto
136
136
  */
137
- parentRef?: React.RefObject<HTMLDivElement>;
137
+ scrollableParentRef?: React.RefObject<HTMLDivElement>;
138
138
  };
139
139
  declare const NavigationBar: FC<NavigationBarProps>;
140
140
  interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
@@ -332,7 +332,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
332
332
  className?: string;
333
333
  }>;
334
334
  view?: "primary" | "secondary" | "tertiary" | "transparent" | "negative" | undefined;
335
- size?: "xs" | "s" | "xxs" | undefined;
335
+ size?: "s" | "xs" | "xxs" | undefined;
336
336
  className?: string | undefined;
337
337
  dataTestId?: string | undefined;
338
338
  colors?: "default" | "inverted" | undefined;
package/modern/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 12yao */
1
+ /* hash: 1y9im */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -16,11 +16,11 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .input-autocomplete__bottomSheetInput_mknlh {
19
+ } .input-autocomplete__bottomSheetInput_1t70i {
20
20
  padding: 0 var(--gap-xs) var(--gap-xs);
21
21
  box-sizing: border-box;
22
- } .input-autocomplete__footer_mknlh {
22
+ } .input-autocomplete__footer_1t70i {
23
23
  display: flex
24
- } .input-autocomplete__footer_mknlh > button + button {
24
+ } .input-autocomplete__footer_1t70i > button + button {
25
25
  margin-left: var(--gap-m);
26
26
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-input-autocomplete",
3
- "version": "9.3.10",
3
+ "version": "9.3.11",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -17,10 +17,10 @@
17
17
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
18
18
  },
19
19
  "dependencies": {
20
- "@alfalab/core-components-button": "^7.1.0",
20
+ "@alfalab/core-components-button": "^7.1.1",
21
21
  "@alfalab/core-components-form-control": "^9.0.3",
22
- "@alfalab/core-components-input": "^11.1.7",
23
- "@alfalab/core-components-select": "^13.2.13",
22
+ "@alfalab/core-components-input": "^11.1.8",
23
+ "@alfalab/core-components-select": "^13.2.14",
24
24
  "@alfalab/hooks": "^1.4.1",
25
25
  "classnames": "^2.3.1",
26
26
  "lodash.throttle": "^4.1.1",