@alfalab/core-components-input-autocomplete 10.1.6 → 10.2.1
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.
- package/{esm/Component-dd8ca091.d.ts → Component-0f4b9bed.d.ts} +1 -1
- package/Component-89f0cb07.d.ts +38 -0
- package/Component.desktop.d.ts +4 -4
- package/{modern/Component.mobile-ade26e99.d.ts → Component.mobile-96988a65.d.ts} +2 -2
- package/Component.mobile.d.ts +3 -3
- package/Component.mobile.js +2 -1
- package/{modern/Component.modal.mobile-dd8ca091.d.ts → Component.modal.mobile-96988a65.d.ts} +2 -2
- package/Component.modal.mobile.d.ts +3 -3
- package/Component.modal.mobile.js +2 -1
- package/Component.responsive.d.ts +6 -6
- package/Component.responsive.js +2 -1
- package/autocomplete-field/Component.js +1 -1
- package/autocomplete-field/index.css +2 -2
- package/autocomplete-mobile-field/Component.js +3 -2
- package/autocomplete-mobile-field/index.css +8 -8
- package/autocomplete-mobile-field/index.js +1 -0
- package/cssm/{Component-dd8ca091.d.ts → Component-0f4b9bed.d.ts} +1 -1
- package/cssm/Component-89f0cb07.d.ts +38 -0
- package/cssm/Component.desktop.d.ts +4 -4
- package/{Component.mobile-ade26e99.d.ts → cssm/Component.mobile-f28cbba0.d.ts} +1 -1
- package/cssm/Component.mobile.d.ts +3 -3
- package/cssm/Component.mobile.js +1 -0
- package/cssm/{Component.modal.mobile-dd8ca091.d.ts → Component.modal.mobile-0f4b9bed.d.ts} +1 -1
- package/cssm/Component.modal.mobile.d.ts +3 -3
- package/cssm/Component.modal.mobile.js +1 -0
- package/cssm/Component.responsive.d.ts +6 -6
- package/cssm/Component.responsive.js +1 -0
- package/cssm/autocomplete-mobile-field/Component.js +2 -1
- package/cssm/autocomplete-mobile-field/index.js +1 -0
- package/cssm/desktop-89f0cb07.d.ts +6 -0
- package/cssm/hook-8abfea97.d.ts +9 -9
- package/cssm/index-c76d6398.d.ts +185 -2
- package/cssm/index-ebda875c.d.ts +10 -0
- package/cssm/index-f12ee135.d.ts +52 -3
- package/cssm/index.js +1 -0
- package/cssm/mobile-511e54fa.d.ts +6 -0
- package/cssm/mobile-96988a65.d.ts +5 -2
- package/cssm/mobile-f28cbba0.d.ts +5 -0
- package/cssm/mobile.js +1 -0
- package/cssm/mobile.module.css +1 -1
- package/cssm/shared-4cd3936b.d.ts +5 -5
- package/cssm/{types-e40becc7.d.ts → types-72dda473.d.ts} +1 -1
- package/{modern/typings-dd8ca091.d.ts → cssm/typings-0f4b9bed.d.ts} +4 -0
- package/{modern/typings-9211a437.d.ts → cssm/typings-89f0cb07.d.ts} +5 -7
- package/cssm/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
- package/desktop-69921c40.d.ts +6 -0
- package/{Component-dd8ca091.d.ts → esm/Component-0f4b9bed.d.ts} +1 -1
- package/esm/Component-89f0cb07.d.ts +38 -0
- package/esm/Component.desktop.d.ts +4 -4
- package/{cssm/Component.mobile-ade26e99.d.ts → esm/Component.mobile-f28cbba0.d.ts} +1 -1
- package/esm/Component.mobile.d.ts +3 -3
- package/esm/Component.mobile.js +2 -1
- package/{Component.modal.mobile-dd8ca091.d.ts → esm/Component.modal.mobile-0f4b9bed.d.ts} +1 -1
- package/esm/Component.modal.mobile.d.ts +2 -2
- package/esm/Component.modal.mobile.js +2 -1
- package/esm/Component.responsive.d.ts +5 -5
- package/esm/Component.responsive.js +2 -1
- package/esm/autocomplete-field/Component.js +1 -1
- package/esm/autocomplete-field/index.css +2 -2
- package/esm/autocomplete-mobile-field/Component.js +3 -2
- package/esm/autocomplete-mobile-field/index.css +8 -8
- package/esm/autocomplete-mobile-field/index.js +1 -0
- package/esm/desktop-69921c40.d.ts +6 -0
- package/esm/hook-8abfea97.d.ts +9 -9
- package/esm/index-c76d6398.d.ts +185 -2
- package/esm/index-ebda875c.d.ts +10 -0
- package/esm/index-f12ee135.d.ts +52 -3
- package/esm/index.js +2 -1
- package/esm/mobile-89f0cb07.d.ts +6 -0
- package/esm/mobile-96988a65.d.ts +5 -2
- package/esm/mobile-f28cbba0.d.ts +5 -0
- package/esm/mobile.css +5 -5
- package/esm/mobile.js +2 -1
- package/esm/{mobile.module-a93c9068.js → mobile.module-b845ad92.js} +1 -1
- package/esm/shared-4cd3936b.d.ts +5 -5
- package/esm/{types-e40becc7.d.ts → types-72dda473.d.ts} +1 -1
- package/{cssm/typings-dd8ca091.d.ts → esm/typings-0f4b9bed.d.ts} +4 -0
- package/{typings-9211a437.d.ts → esm/typings-89f0cb07.d.ts} +5 -7
- package/esm/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
- package/{hook-8abfea97.d.ts → hook-0f4b9bed.d.ts} +9 -9
- package/index-c76d6398.d.ts +185 -2
- package/index-ebda875c.d.ts +18 -114
- package/index-f12ee135.d.ts +52 -3
- package/index.js +2 -1
- package/mobile-89f0cb07.d.ts +6 -0
- package/mobile-96988a65.d.ts +5 -2
- package/mobile-f28cbba0.d.ts +5 -0
- package/mobile.css +5 -5
- package/mobile.js +2 -1
- package/{mobile.module-ca86f5ea.js → mobile.module-15cb0efe.js} +1 -1
- package/modern/Component-0f4b9bed.d.ts +72 -0
- package/modern/Component-89f0cb07.d.ts +38 -0
- package/modern/Component.desktop.d.ts +4 -4
- package/modern/Component.mobile-ebda875c.d.ts +6 -0
- package/{esm/Component.mobile-ade26e99.d.ts → modern/Component.mobile-f28cbba0.d.ts} +1 -1
- package/modern/Component.mobile.d.ts +3 -3
- package/modern/Component.mobile.js +2 -1
- package/{esm/Component.modal.mobile-dd8ca091.d.ts → modern/Component.modal.mobile-0f4b9bed.d.ts} +1 -1
- package/modern/Component.modal.mobile.d.ts +2 -2
- package/modern/Component.modal.mobile.js +2 -1
- package/modern/Component.responsive.d.ts +5 -5
- package/modern/Component.responsive.js +2 -1
- package/modern/autocomplete-field/Component.js +1 -1
- package/modern/autocomplete-field/index.css +2 -2
- package/modern/autocomplete-mobile-field/Component.js +3 -2
- package/modern/autocomplete-mobile-field/index.css +8 -8
- package/modern/autocomplete-mobile-field/index.js +1 -0
- package/modern/desktop-69921c40.d.ts +6 -0
- package/modern/hook-8abfea97.d.ts +9 -9
- package/modern/index-c76d6398.d.ts +185 -2
- package/modern/index-ebda875c.d.ts +18 -114
- package/modern/index-f12ee135.d.ts +52 -3
- package/modern/index.js +2 -1
- package/modern/mobile-89f0cb07.d.ts +6 -0
- package/modern/mobile-96988a65.d.ts +2 -6
- package/modern/mobile-f28cbba0.d.ts +5 -0
- package/modern/mobile.css +5 -5
- package/modern/mobile.js +2 -1
- package/modern/{mobile.module-e72a1e20.js → mobile.module-40321fa2.js} +1 -1
- package/modern/shared-4cd3936b.d.ts +5 -6
- package/modern/{types-e40becc7.d.ts → types-72dda473.d.ts} +1 -1
- package/{typings-dd8ca091.d.ts → modern/typings-0f4b9bed.d.ts} +4 -0
- package/{esm/typings-9211a437.d.ts → modern/typings-89f0cb07.d.ts} +5 -7
- package/modern/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
- package/package.json +6 -5
- package/shared-4cd3936b.d.ts +6 -6
- package/src/Component.desktop.tsx +4 -1
- package/src/Component.mobile.tsx +9 -1
- package/src/autocomplete-mobile-field/Component.tsx +2 -1
- package/src/mobile.module.css +1 -1
- package/{types-e40becc7.d.ts → types-72dda473.d.ts} +1 -1
- package/{esm/typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts} +4 -0
- package/{cssm/typings-9211a437.d.ts → typings-89f0cb07.d.ts} +5 -7
- package/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
- package/Component-72308007.d.ts +0 -276
- package/Component-72dda473.d.ts +0 -53
- package/Component.mobile-ebda875c.d.ts +0 -6
- package/component-72308007.d.ts +0 -44
- package/cssm/Component-72308007.d.ts +0 -276
- package/cssm/Component-72dda473.d.ts +0 -53
- package/cssm/Component.mobile-ebda875c.d.ts +0 -6
- package/cssm/component-72308007.d.ts +0 -44
- package/cssm/desktop-63dec22f.d.ts +0 -6
- package/cssm/index-72308007.d.ts +0 -54
- package/cssm/mobile-ade26e99.d.ts +0 -5
- package/cssm/types-83e2bd9e.d.ts +0 -113
- package/cssm/utils-49cc3c24.d.ts +0 -8
- package/desktop-63dec22f.d.ts +0 -6
- package/esm/Component-72308007.d.ts +0 -276
- package/esm/Component-72dda473.d.ts +0 -53
- package/esm/Component.mobile-ebda875c.d.ts +0 -6
- package/esm/component-72308007.d.ts +0 -44
- package/esm/desktop-63dec22f.d.ts +0 -6
- package/esm/index-72308007.d.ts +0 -54
- package/esm/mobile-ade26e99.d.ts +0 -5
- package/esm/types-83e2bd9e.d.ts +0 -113
- package/esm/utils-49cc3c24.d.ts +0 -8
- package/index-72308007.d.ts +0 -54
- package/mobile-ade26e99.d.ts +0 -5
- package/modern/Component-72308007.d.ts +0 -276
- package/modern/Component-72dda473.d.ts +0 -53
- package/modern/Component-dd8ca091.d.ts +0 -22
- package/modern/Component.desktop-ebda875c.d.ts +0 -6
- package/modern/component-72308007.d.ts +0 -44
- package/modern/desktop-63dec22f.d.ts +0 -2
- package/modern/index-72308007.d.ts +0 -54
- package/modern/mobile-ade26e99.d.ts +0 -5
- package/modern/types-83e2bd9e.d.ts +0 -113
- package/modern/utils-49cc3c24.d.ts +0 -8
- package/types-83e2bd9e.d.ts +0 -113
- package/utils-49cc3c24.d.ts +0 -8
- /package/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
- /package/{modern/Component-96988a65.d.ts → cssm/Component-511e54fa.d.ts} +0 -0
- /package/cssm/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
- /package/esm/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
- /package/modern/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ReactNode } from "react";
|
|
4
4
|
import { BottomSheetProps } from "./index-f12ee135";
|
|
5
|
-
import { BaseSelectProps } from "./typings-
|
|
5
|
+
import { BaseSelectProps } from "./typings-0f4b9bed";
|
|
6
6
|
type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
|
|
7
7
|
/**
|
|
8
8
|
* Футер
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { FC } from "react";
|
|
4
|
+
import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
|
|
5
|
+
type SpinnerProps = {
|
|
6
|
+
/**
|
|
7
|
+
* Управление видимостью компонента
|
|
8
|
+
*/
|
|
9
|
+
visible?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Размер компонента
|
|
12
|
+
*/
|
|
13
|
+
size?: "xs" | "s" | "m";
|
|
14
|
+
/**
|
|
15
|
+
* Дополнительный класс
|
|
16
|
+
*/
|
|
17
|
+
className?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Идентификатор компонента в DOM
|
|
20
|
+
*/
|
|
21
|
+
id?: string;
|
|
22
|
+
/**
|
|
23
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
24
|
+
*/
|
|
25
|
+
dataTestId?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Палитра, в контексте которой используется спиннер
|
|
28
|
+
*/
|
|
29
|
+
colors?: "default" | "inverted";
|
|
30
|
+
};
|
|
31
|
+
declare const Spinner: FC<SpinnerProps>;
|
|
32
|
+
/**
|
|
33
|
+
* Минимальное время отображения лоадера - 500мс,
|
|
34
|
+
* чтобы при быстрых ответах от сервера кнопка не «моргала».
|
|
35
|
+
*/
|
|
36
|
+
declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
|
|
37
|
+
declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
38
|
+
export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };
|
package/Component.desktop.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import { ChangeEvent, FC, RefAttributes } from "react";
|
|
4
4
|
import { InputProps } from "@alfalab/core-components-input";
|
|
5
5
|
import { BaseSelectProps } from "./shared-4cd3936b";
|
|
6
|
-
type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect'> & {
|
|
6
|
+
type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search'> & {
|
|
7
7
|
/**
|
|
8
8
|
* Компонент ввода значения
|
|
9
9
|
*/
|
|
@@ -33,18 +33,18 @@ type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSele
|
|
|
33
33
|
*/
|
|
34
34
|
updatePopover?: BaseSelectProps['updatePopover'];
|
|
35
35
|
};
|
|
36
|
-
declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
|
|
36
|
+
declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "searchProps" | "showSearch" | "Field" | "Search"> & {
|
|
37
37
|
/**
|
|
38
38
|
* Компонент ввода значения
|
|
39
39
|
*/
|
|
40
|
-
Input?: React.FC<Omit<import("./autocomplete-field/Component").BaseInputProps, "
|
|
40
|
+
Input?: React.FC<Omit<import("./autocomplete-field/Component").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
|
|
41
41
|
breakpoint?: number | undefined;
|
|
42
42
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
43
43
|
} & React.RefAttributes<HTMLInputElement>> | undefined;
|
|
44
44
|
/**
|
|
45
45
|
* Пропсы, которые будут прокинуты в инпут
|
|
46
46
|
*/
|
|
47
|
-
inputProps?: (Omit<import("./autocomplete-field/Component").BaseInputProps, "
|
|
47
|
+
inputProps?: (Omit<import("./autocomplete-field/Component").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
|
|
48
48
|
breakpoint?: number | undefined;
|
|
49
49
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
50
50
|
} & Record<string, unknown>) | undefined;
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ReactNode } from "react";
|
|
4
4
|
import { BottomSheetProps } from "./index-f12ee135";
|
|
5
|
-
import { UseSelectWithApplyProps } from "./hook-
|
|
6
|
-
import { BaseSelectProps } from "./typings-
|
|
5
|
+
import { UseSelectWithApplyProps } from "./hook-0f4b9bed";
|
|
6
|
+
import { BaseSelectProps } from "./typings-0f4b9bed";
|
|
7
7
|
type AdditionalMobileProps = {
|
|
8
8
|
/**
|
|
9
9
|
* Футер
|
package/Component.mobile.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ChangeEvent, ElementType } from "react";
|
|
4
|
-
import { ButtonMobileProps } from "./mobile-
|
|
4
|
+
import { ButtonMobileProps } from "./mobile-89f0cb07";
|
|
5
5
|
import { AdditionalMobileProps, BaseSelectChangePayload, BaseSelectProps } from "./shared-4cd3936b";
|
|
6
|
-
type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer'> & {
|
|
6
|
+
type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer' | 'searchProps' | 'showSearch' | 'Search'> & {
|
|
7
7
|
/**
|
|
8
8
|
* Обработчик выбора
|
|
9
9
|
*/
|
|
@@ -49,7 +49,7 @@ type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Check
|
|
|
49
49
|
*/
|
|
50
50
|
Input?: ElementType;
|
|
51
51
|
};
|
|
52
|
-
declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "
|
|
52
|
+
declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "autocomplete" | "valueRenderer" | "nativeSelect" | "searchProps" | "showSearch" | "OptionsList" | "Search" | "Checkmark"> & {
|
|
53
53
|
/**
|
|
54
54
|
* Обработчик выбора
|
|
55
55
|
*/
|
package/Component.mobile.js
CHANGED
|
@@ -11,8 +11,9 @@ var mobile$1 = require('@alfalab/core-components-button/mobile');
|
|
|
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-
|
|
14
|
+
var mobile_module = require('./mobile.module-15cb0efe.js');
|
|
15
15
|
require('@alfalab/core-components-form-control/mobile');
|
|
16
|
+
require('@alfalab/core-components-shared');
|
|
16
17
|
require('@alfalab/hooks');
|
|
17
18
|
|
|
18
19
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
package/{modern/Component.modal.mobile-dd8ca091.d.ts → Component.modal.mobile-96988a65.d.ts}
RENAMED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ModalMobile } from "./Component.mobile-f1f15074";
|
|
4
|
-
import { UseSelectWithApplyProps } from "./hook-
|
|
5
|
-
import { BaseSelectProps } from "./typings-
|
|
4
|
+
import { UseSelectWithApplyProps } from "./hook-0f4b9bed";
|
|
5
|
+
import { BaseSelectProps } from "./typings-0f4b9bed";
|
|
6
6
|
type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
|
|
7
7
|
/**
|
|
8
8
|
* Показывать кнопку очистки
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ChangeEvent, ElementType } from "react";
|
|
4
|
-
import { ButtonMobileProps } from "./mobile-
|
|
5
|
-
import { SelectModalMobileProps } from "./mobile-
|
|
4
|
+
import { ButtonMobileProps } from "./mobile-89f0cb07";
|
|
5
|
+
import { SelectModalMobileProps } from "./mobile-f28cbba0";
|
|
6
6
|
import { BaseSelectChangePayload } from "./shared-4cd3936b";
|
|
7
7
|
type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer'> & {
|
|
8
8
|
/**
|
|
@@ -46,7 +46,7 @@ type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsLi
|
|
|
46
46
|
*/
|
|
47
47
|
Input?: ElementType;
|
|
48
48
|
};
|
|
49
|
-
declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit<SelectModalMobileProps, "onScroll" | "
|
|
49
|
+
declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit<SelectModalMobileProps, "onScroll" | "autocomplete" | "valueRenderer" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
|
|
50
50
|
/**
|
|
51
51
|
* Обработчик выбора
|
|
52
52
|
*/
|
|
@@ -11,8 +11,9 @@ var mobile$1 = require('@alfalab/core-components-button/mobile');
|
|
|
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-
|
|
14
|
+
var mobile_module = require('./mobile.module-15cb0efe.js');
|
|
15
15
|
require('@alfalab/core-components-form-control/mobile');
|
|
16
|
+
require('@alfalab/core-components-shared');
|
|
16
17
|
require('@alfalab/hooks');
|
|
17
18
|
|
|
18
19
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { ButtonMobileProps } from "./mobile-
|
|
3
|
+
import { ButtonMobileProps } from "./mobile-89f0cb07";
|
|
4
4
|
import { BaseSelectProps } from "./shared-4cd3936b";
|
|
5
5
|
import { InputAutocompleteDesktopProps } from "./Component.desktop";
|
|
6
6
|
import { InputAutocompleteMobileProps } from "./Component.mobile";
|
|
@@ -12,12 +12,12 @@ type InputAutocompleteResponsiveProps = InputAutocompleteDesktopProps & InputAut
|
|
|
12
12
|
breakpoint?: number;
|
|
13
13
|
};
|
|
14
14
|
type InputAutocompleteMedia = 'desktop' | 'mobile';
|
|
15
|
-
declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
|
|
16
|
-
Input?: React.FC<Omit<import("./autocomplete-field/Component").BaseInputProps, "
|
|
15
|
+
declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "searchProps" | "showSearch" | "Field" | "Search"> & {
|
|
16
|
+
Input?: React.FC<Omit<import("./autocomplete-field/Component").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
|
|
17
17
|
breakpoint?: number | undefined;
|
|
18
18
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
19
19
|
} & React.RefAttributes<HTMLInputElement>> | undefined;
|
|
20
|
-
inputProps?: (Omit<import("./autocomplete-field/Component").BaseInputProps, "
|
|
20
|
+
inputProps?: (Omit<import("./autocomplete-field/Component").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
|
|
21
21
|
breakpoint?: number | undefined;
|
|
22
22
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
23
23
|
} & Record<string, unknown>) | undefined;
|
|
@@ -26,7 +26,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
|
|
|
26
26
|
success?: boolean | undefined;
|
|
27
27
|
onInput?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
28
28
|
updatePopover?: React.MutableRefObject<() => void> | undefined;
|
|
29
|
-
} & Omit<BaseSelectProps, "onScroll" | "
|
|
29
|
+
} & Omit<BaseSelectProps, "onScroll" | "autocomplete" | "valueRenderer" | "nativeSelect" | "searchProps" | "showSearch" | "OptionsList" | "Search" | "Checkmark"> & {
|
|
30
30
|
onChange: (payload: string | import("./shared-4cd3936b").BaseSelectChangePayload) => void;
|
|
31
31
|
onFilter: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
32
32
|
value?: string | undefined;
|
|
@@ -44,5 +44,5 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
|
|
|
44
44
|
* @default 1024
|
|
45
45
|
*/
|
|
46
46
|
breakpoint?: number | undefined;
|
|
47
|
-
} & React.RefAttributes<
|
|
47
|
+
} & React.RefAttributes<HTMLInputElement | HTMLDivElement>>;
|
|
48
48
|
export { InputAutocompleteResponsiveProps, InputAutocompleteMedia, InputAutocompleteResponsive };
|
package/Component.responsive.js
CHANGED
|
@@ -18,7 +18,8 @@ require('@alfalab/core-components-input');
|
|
|
18
18
|
require('@alfalab/core-components-select/mobile');
|
|
19
19
|
require('./autocomplete-mobile-field/Component.js');
|
|
20
20
|
require('@alfalab/core-components-form-control/mobile');
|
|
21
|
-
require('
|
|
21
|
+
require('@alfalab/core-components-shared');
|
|
22
|
+
require('./mobile.module-15cb0efe.js');
|
|
22
23
|
|
|
23
24
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
24
25
|
|
|
@@ -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-
|
|
17
|
+
var styles = {"arrow":"input-autocomplete__arrow_tn869","error":"input-autocomplete__error_tn869"};
|
|
18
18
|
require('./index.css')
|
|
19
19
|
|
|
20
20
|
var AutocompleteField = function (_a) {
|
|
@@ -6,6 +6,7 @@ var tslib = require('tslib');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
8
|
var mobile = require('@alfalab/core-components-form-control/mobile');
|
|
9
|
+
var coreComponentsShared = require('@alfalab/core-components-shared');
|
|
9
10
|
var hooks = require('@alfalab/hooks');
|
|
10
11
|
|
|
11
12
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
@@ -13,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
14
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
14
15
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
15
16
|
|
|
16
|
-
var styles = {"component":"input-
|
|
17
|
+
var styles = {"component":"input-autocomplete__component_o2ib1","field":"input-autocomplete__field_o2ib1","disabled":"input-autocomplete__disabled_o2ib1","placeholder":"input-autocomplete__placeholder_o2ib1","contentWrapper":"input-autocomplete__contentWrapper_o2ib1","value":"input-autocomplete__value_o2ib1","focusVisible":"input-autocomplete__focusVisible_o2ib1"};
|
|
17
18
|
require('./index.css')
|
|
18
19
|
|
|
19
20
|
var AutocompleteMobileField = function (_a) {
|
|
@@ -28,7 +29,7 @@ var AutocompleteMobileField = function (_a) {
|
|
|
28
29
|
React__default.default.createElement(mobile.FormControlMobile, tslib.__assign({ fieldClassName: cn__default.default(styles.field, fieldClassName, (_b = {},
|
|
29
30
|
_b[styles.disabled] = disabled,
|
|
30
31
|
_b[styles.focusVisible] = focusVisible,
|
|
31
|
-
_b)), block: true, size: size, focused: focused, disabled: disabled, filled: filled, labelView: labelView, rightAddons: Arrow,
|
|
32
|
+
_b)), block: true, size: size, focused: focused, disabled: disabled, filled: filled, labelView: labelView, rightAddons: Arrow, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'form-control') }, restProps, innerProps),
|
|
32
33
|
React__default.default.createElement("div", { className: styles.contentWrapper },
|
|
33
34
|
showPlaceholder && React__default.default.createElement("span", { className: styles.placeholder }, placeholder),
|
|
34
35
|
filled && React__default.default.createElement("div", { className: styles.value }, value)))));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 7ysu4 */
|
|
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-
|
|
21
|
+
} .input-autocomplete__component_o2ib1 {
|
|
22
22
|
width: 100%;
|
|
23
23
|
outline: none;
|
|
24
|
-
} .input-
|
|
24
|
+
} .input-autocomplete__field_o2ib1:not(.input-autocomplete__disabled_o2ib1) {
|
|
25
25
|
cursor: pointer;
|
|
26
|
-
} .input-
|
|
26
|
+
} .input-autocomplete__disabled_o2ib1 {
|
|
27
27
|
cursor: var(--disabled-cursor);
|
|
28
|
-
} .input-
|
|
28
|
+
} .input-autocomplete__placeholder_o2ib1 {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
|
-
} .input-
|
|
30
|
+
} .input-autocomplete__contentWrapper_o2ib1 {
|
|
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-
|
|
39
|
+
} .input-autocomplete__value_o2ib1 {
|
|
40
40
|
overflow: hidden;
|
|
41
41
|
text-overflow: ellipsis;
|
|
42
42
|
text-align: left;
|
|
43
|
-
} .input-
|
|
43
|
+
} .input-autocomplete__focusVisible_o2ib1 {
|
|
44
44
|
outline: 2px solid var(--focus-color);
|
|
45
45
|
outline-offset: 2px;
|
|
46
46
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ReactNode } from "react";
|
|
4
4
|
import { BottomSheetProps } from "./index-f12ee135";
|
|
5
|
-
import { BaseSelectProps } from "./typings-
|
|
5
|
+
import { BaseSelectProps } from "./typings-0f4b9bed";
|
|
6
6
|
type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
|
|
7
7
|
/**
|
|
8
8
|
* Футер
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { FC } from "react";
|
|
4
|
+
import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
|
|
5
|
+
type SpinnerProps = {
|
|
6
|
+
/**
|
|
7
|
+
* Управление видимостью компонента
|
|
8
|
+
*/
|
|
9
|
+
visible?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Размер компонента
|
|
12
|
+
*/
|
|
13
|
+
size?: "xs" | "s" | "m";
|
|
14
|
+
/**
|
|
15
|
+
* Дополнительный класс
|
|
16
|
+
*/
|
|
17
|
+
className?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Идентификатор компонента в DOM
|
|
20
|
+
*/
|
|
21
|
+
id?: string;
|
|
22
|
+
/**
|
|
23
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
24
|
+
*/
|
|
25
|
+
dataTestId?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Палитра, в контексте которой используется спиннер
|
|
28
|
+
*/
|
|
29
|
+
colors?: "default" | "inverted";
|
|
30
|
+
};
|
|
31
|
+
declare const Spinner: FC<SpinnerProps>;
|
|
32
|
+
/**
|
|
33
|
+
* Минимальное время отображения лоадера - 500мс,
|
|
34
|
+
* чтобы при быстрых ответах от сервера кнопка не «моргала».
|
|
35
|
+
*/
|
|
36
|
+
declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
|
|
37
|
+
declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
38
|
+
export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };
|
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import { ChangeEvent, FC, RefAttributes } from "react";
|
|
4
4
|
import { InputProps } from "@alfalab/core-components-input";
|
|
5
5
|
import { BaseSelectProps } from "./shared-4cd3936b";
|
|
6
|
-
type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect'> & {
|
|
6
|
+
type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search'> & {
|
|
7
7
|
/**
|
|
8
8
|
* Компонент ввода значения
|
|
9
9
|
*/
|
|
@@ -33,18 +33,18 @@ type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSele
|
|
|
33
33
|
*/
|
|
34
34
|
updatePopover?: BaseSelectProps['updatePopover'];
|
|
35
35
|
};
|
|
36
|
-
declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
|
|
36
|
+
declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "searchProps" | "showSearch" | "Field" | "Search"> & {
|
|
37
37
|
/**
|
|
38
38
|
* Компонент ввода значения
|
|
39
39
|
*/
|
|
40
|
-
Input?: React.FC<Omit<import("./autocomplete-field/Component").BaseInputProps, "
|
|
40
|
+
Input?: React.FC<Omit<import("./autocomplete-field/Component").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
|
|
41
41
|
breakpoint?: number | undefined;
|
|
42
42
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
43
43
|
} & React.RefAttributes<HTMLInputElement>> | undefined;
|
|
44
44
|
/**
|
|
45
45
|
* Пропсы, которые будут прокинуты в инпут
|
|
46
46
|
*/
|
|
47
|
-
inputProps?: (Omit<import("./autocomplete-field/Component").BaseInputProps, "
|
|
47
|
+
inputProps?: (Omit<import("./autocomplete-field/Component").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
|
|
48
48
|
breakpoint?: number | undefined;
|
|
49
49
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
50
50
|
} & Record<string, unknown>) | undefined;
|
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import { ReactNode } from "react";
|
|
4
4
|
import { BottomSheetProps } from "./index-f12ee135";
|
|
5
5
|
import { UseSelectWithApplyProps } from "./hook-8abfea97";
|
|
6
|
-
import { BaseSelectProps } from "./typings-
|
|
6
|
+
import { BaseSelectProps } from "./typings-0f4b9bed";
|
|
7
7
|
type AdditionalMobileProps = {
|
|
8
8
|
/**
|
|
9
9
|
* Футер
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ChangeEvent, ElementType } from "react";
|
|
4
|
-
import { ButtonMobileProps } from "./mobile-
|
|
4
|
+
import { ButtonMobileProps } from "./mobile-511e54fa";
|
|
5
5
|
import { AdditionalMobileProps, BaseSelectChangePayload, BaseSelectProps } from "./shared-4cd3936b";
|
|
6
|
-
type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer'> & {
|
|
6
|
+
type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer' | 'searchProps' | 'showSearch' | 'Search'> & {
|
|
7
7
|
/**
|
|
8
8
|
* Обработчик выбора
|
|
9
9
|
*/
|
|
@@ -49,7 +49,7 @@ type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Check
|
|
|
49
49
|
*/
|
|
50
50
|
Input?: ElementType;
|
|
51
51
|
};
|
|
52
|
-
declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "
|
|
52
|
+
declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "autocomplete" | "valueRenderer" | "nativeSelect" | "searchProps" | "showSearch" | "OptionsList" | "Search" | "Checkmark"> & {
|
|
53
53
|
/**
|
|
54
54
|
* Обработчик выбора
|
|
55
55
|
*/
|
package/cssm/Component.mobile.js
CHANGED
|
@@ -13,6 +13,7 @@ var mobile = require('@alfalab/core-components-select/cssm/mobile');
|
|
|
13
13
|
var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
|
|
14
14
|
var styles = require('./mobile.module.css');
|
|
15
15
|
require('@alfalab/core-components-form-control/cssm/mobile');
|
|
16
|
+
require('@alfalab/core-components-shared/cssm');
|
|
16
17
|
require('@alfalab/hooks');
|
|
17
18
|
require('./autocomplete-mobile-field/index.module.css');
|
|
18
19
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ModalMobile } from "./Component.mobile-f1f15074";
|
|
4
4
|
import { UseSelectWithApplyProps } from "./hook-8abfea97";
|
|
5
|
-
import { BaseSelectProps } from "./typings-
|
|
5
|
+
import { BaseSelectProps } from "./typings-0f4b9bed";
|
|
6
6
|
type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
|
|
7
7
|
/**
|
|
8
8
|
* Показывать кнопку очистки
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ChangeEvent, ElementType } from "react";
|
|
4
|
-
import { ButtonMobileProps } from "./mobile-
|
|
5
|
-
import { SelectModalMobileProps } from "./mobile-
|
|
4
|
+
import { ButtonMobileProps } from "./mobile-511e54fa";
|
|
5
|
+
import { SelectModalMobileProps } from "./mobile-f28cbba0";
|
|
6
6
|
import { BaseSelectChangePayload } from "./shared-4cd3936b";
|
|
7
7
|
type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer'> & {
|
|
8
8
|
/**
|
|
@@ -46,7 +46,7 @@ type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsLi
|
|
|
46
46
|
*/
|
|
47
47
|
Input?: ElementType;
|
|
48
48
|
};
|
|
49
|
-
declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit<SelectModalMobileProps, "onScroll" | "
|
|
49
|
+
declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit<SelectModalMobileProps, "onScroll" | "autocomplete" | "valueRenderer" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
|
|
50
50
|
/**
|
|
51
51
|
* Обработчик выбора
|
|
52
52
|
*/
|
|
@@ -13,6 +13,7 @@ var mobile = require('@alfalab/core-components-select/cssm/mobile');
|
|
|
13
13
|
var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
|
|
14
14
|
var styles = require('./mobile.module.css');
|
|
15
15
|
require('@alfalab/core-components-form-control/cssm/mobile');
|
|
16
|
+
require('@alfalab/core-components-shared/cssm');
|
|
16
17
|
require('@alfalab/hooks');
|
|
17
18
|
require('./autocomplete-mobile-field/index.module.css');
|
|
18
19
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { ButtonMobileProps } from "./mobile-
|
|
3
|
+
import { ButtonMobileProps } from "./mobile-511e54fa";
|
|
4
4
|
import { BaseSelectProps } from "./shared-4cd3936b";
|
|
5
5
|
import { InputAutocompleteDesktopProps } from "./Component.desktop";
|
|
6
6
|
import { InputAutocompleteMobileProps } from "./Component.mobile";
|
|
@@ -12,12 +12,12 @@ type InputAutocompleteResponsiveProps = InputAutocompleteDesktopProps & InputAut
|
|
|
12
12
|
breakpoint?: number;
|
|
13
13
|
};
|
|
14
14
|
type InputAutocompleteMedia = 'desktop' | 'mobile';
|
|
15
|
-
declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
|
|
16
|
-
Input?: React.FC<Omit<import("./autocomplete-field/Component").BaseInputProps, "
|
|
15
|
+
declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "searchProps" | "showSearch" | "Field" | "Search"> & {
|
|
16
|
+
Input?: React.FC<Omit<import("./autocomplete-field/Component").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
|
|
17
17
|
breakpoint?: number | undefined;
|
|
18
18
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
19
19
|
} & React.RefAttributes<HTMLInputElement>> | undefined;
|
|
20
|
-
inputProps?: (Omit<import("./autocomplete-field/Component").BaseInputProps, "
|
|
20
|
+
inputProps?: (Omit<import("./autocomplete-field/Component").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
|
|
21
21
|
breakpoint?: number | undefined;
|
|
22
22
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
23
23
|
} & Record<string, unknown>) | undefined;
|
|
@@ -26,7 +26,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
|
|
|
26
26
|
success?: boolean | undefined;
|
|
27
27
|
onInput?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
28
28
|
updatePopover?: React.MutableRefObject<() => void> | undefined;
|
|
29
|
-
} & Omit<BaseSelectProps, "onScroll" | "
|
|
29
|
+
} & Omit<BaseSelectProps, "onScroll" | "autocomplete" | "valueRenderer" | "nativeSelect" | "searchProps" | "showSearch" | "OptionsList" | "Search" | "Checkmark"> & {
|
|
30
30
|
onChange: (payload: string | import("./shared-4cd3936b").BaseSelectChangePayload) => void;
|
|
31
31
|
onFilter: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
32
32
|
value?: string | undefined;
|
|
@@ -44,5 +44,5 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
|
|
|
44
44
|
* @default 1024
|
|
45
45
|
*/
|
|
46
46
|
breakpoint?: number | undefined;
|
|
47
|
-
} & React.RefAttributes<
|
|
47
|
+
} & React.RefAttributes<HTMLInputElement | HTMLDivElement>>;
|
|
48
48
|
export { InputAutocompleteResponsiveProps, InputAutocompleteMedia, InputAutocompleteResponsive };
|
|
@@ -19,6 +19,7 @@ require('@alfalab/core-components-input/cssm');
|
|
|
19
19
|
require('@alfalab/core-components-select/cssm/mobile');
|
|
20
20
|
require('./autocomplete-mobile-field/Component.js');
|
|
21
21
|
require('@alfalab/core-components-form-control/cssm/mobile');
|
|
22
|
+
require('@alfalab/core-components-shared/cssm');
|
|
22
23
|
require('./autocomplete-mobile-field/index.module.css');
|
|
23
24
|
require('./mobile.module.css');
|
|
24
25
|
|
|
@@ -6,6 +6,7 @@ var tslib = require('tslib');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
8
|
var mobile = require('@alfalab/core-components-form-control/cssm/mobile');
|
|
9
|
+
var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
|
|
9
10
|
var hooks = require('@alfalab/hooks');
|
|
10
11
|
var styles = require('./index.module.css');
|
|
11
12
|
|
|
@@ -27,7 +28,7 @@ var AutocompleteMobileField = function (_a) {
|
|
|
27
28
|
React__default.default.createElement(mobile.FormControlMobile, tslib.__assign({ fieldClassName: cn__default.default(styles__default.default.field, fieldClassName, (_b = {},
|
|
28
29
|
_b[styles__default.default.disabled] = disabled,
|
|
29
30
|
_b[styles__default.default.focusVisible] = focusVisible,
|
|
30
|
-
_b)), block: true, size: size, focused: focused, disabled: disabled, filled: filled, labelView: labelView, rightAddons: Arrow,
|
|
31
|
+
_b)), block: true, size: size, focused: focused, disabled: disabled, filled: filled, labelView: labelView, rightAddons: Arrow, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'form-control') }, restProps, innerProps),
|
|
31
32
|
React__default.default.createElement("div", { className: styles__default.default.contentWrapper },
|
|
32
33
|
showPlaceholder && React__default.default.createElement("span", { className: styles__default.default.placeholder }, placeholder),
|
|
33
34
|
filled && React__default.default.createElement("div", { className: styles__default.default.value }, value)))));
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { CommonButtonProps } from "./typings-89f0cb07";
|
|
4
|
+
declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
5
|
+
export { ButtonDesktop };
|
|
6
|
+
export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";
|