@alfalab/core-components-input-autocomplete 9.4.5 → 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.
- package/Component-425c8522.d.ts +1 -1
- package/Component-b4e70cb0.d.ts +2 -2
- package/Component-bdb4c6b9.d.ts +7 -10
- package/Component-f12ee135.d.ts +3 -3
- package/Component.desktop.d.ts +4 -4
- package/{Component.mobile-b2c0420d.d.ts → Component.mobile-e81c389f.d.ts} +5 -2
- package/Component.mobile.js +1 -1
- package/Component.modal.mobile.d.ts +1 -1
- package/Component.modal.mobile.js +1 -1
- package/Component.responsive.d.ts +4 -4
- package/Component.responsive.js +1 -1
- package/autocomplete-field/Component.d.ts +2 -1
- package/autocomplete-field/Component.js +1 -1
- package/autocomplete-field/index.css +2 -2
- package/autocomplete-mobile-field/Component.d.ts +2 -1
- package/autocomplete-mobile-field/Component.js +1 -1
- package/autocomplete-mobile-field/index.css +8 -8
- package/cssm/Component-425c8522.d.ts +1 -1
- package/cssm/Component-b4e70cb0.d.ts +2 -2
- package/cssm/Component-bdb4c6b9.d.ts +2 -1
- package/cssm/autocomplete-field/Component.d.ts +2 -1
- package/cssm/autocomplete-mobile-field/Component.d.ts +2 -1
- package/cssm/index-f12ee135.d.ts +16 -0
- package/esm/Component-425c8522.d.ts +1 -1
- package/esm/Component-b4e70cb0.d.ts +2 -2
- package/esm/Component-bdb4c6b9.d.ts +2 -1
- package/esm/Component.mobile.js +1 -1
- package/esm/Component.modal.mobile.js +1 -1
- package/esm/Component.responsive.js +1 -1
- package/esm/autocomplete-field/Component.d.ts +2 -1
- package/esm/autocomplete-field/Component.js +1 -1
- package/esm/autocomplete-field/index.css +2 -2
- package/esm/autocomplete-mobile-field/Component.d.ts +2 -1
- package/esm/autocomplete-mobile-field/Component.js +1 -1
- package/esm/autocomplete-mobile-field/index.css +8 -8
- package/esm/index-f12ee135.d.ts +16 -0
- package/esm/index.js +1 -1
- package/esm/mobile.css +4 -4
- package/esm/mobile.js +1 -1
- package/esm/{mobile.module-9a5f6d76.js → mobile.module-2d568950.js} +1 -1
- package/esm/responsive.js +1 -1
- package/index-f12ee135.d.ts +16 -0
- package/index.js +1 -1
- package/mobile.css +4 -4
- package/mobile.js +1 -1
- package/{mobile.module-33a6c99e.js → mobile.module-80b4093b.js} +1 -1
- package/modern/Component-425c8522.d.ts +1 -1
- package/modern/Component-b4e70cb0.d.ts +2 -2
- package/modern/Component-bdb4c6b9.d.ts +2 -1
- package/modern/Component.desktop.d.ts +4 -4
- package/modern/Component.mobile.js +1 -1
- package/modern/Component.modal.mobile.js +1 -1
- package/modern/Component.responsive.d.ts +4 -4
- package/modern/Component.responsive.js +1 -1
- package/modern/autocomplete-field/Component.d.ts +2 -1
- package/modern/autocomplete-field/Component.js +1 -1
- package/modern/autocomplete-field/index.css +2 -2
- package/modern/autocomplete-mobile-field/Component.d.ts +2 -1
- package/modern/autocomplete-mobile-field/Component.js +1 -1
- package/modern/autocomplete-mobile-field/index.css +8 -8
- package/modern/index-f12ee135.d.ts +16 -0
- package/modern/index.js +1 -1
- package/modern/mobile.css +4 -4
- package/modern/mobile.js +1 -1
- package/modern/{mobile.module-dc668885.js → mobile.module-93c1e0e2.js} +1 -1
- package/modern/responsive.js +1 -1
- package/package.json +5 -8
- package/responsive.js +1 -1
- package/send-stats.js +0 -82
package/Component-425c8522.d.ts
CHANGED
|
@@ -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 };
|
package/Component-b4e70cb0.d.ts
CHANGED
|
@@ -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;
|
package/Component-bdb4c6b9.d.ts
CHANGED
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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 };
|
package/Component-f12ee135.d.ts
CHANGED
|
@@ -61,11 +61,11 @@ declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectP
|
|
|
61
61
|
/**
|
|
62
62
|
* Дополнительные пропсы шапки модалки
|
|
63
63
|
*/
|
|
64
|
-
modalHeaderProps?: Partial<import("./Component.
|
|
64
|
+
modalHeaderProps?: Partial<import("./Component.mobile-e81c389f").HeaderProps> | undefined;
|
|
65
65
|
/**
|
|
66
66
|
* Дополнительные пропсы футера модалки
|
|
67
67
|
*/
|
|
68
|
-
modalFooterProps?: Partial<import("./Component.mobile-
|
|
68
|
+
modalFooterProps?: Partial<import("./Component.mobile-e81c389f").FooterProps> | undefined;
|
|
69
69
|
} & React.RefAttributes<unknown>>;
|
|
70
|
-
export * from "./Component.mobile-
|
|
70
|
+
export * from "./Component.mobile-e81c389f";
|
|
71
71
|
export { SelectMobileProps, BaseSelectMobile };
|
package/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>, "
|
|
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" | "
|
|
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>, "
|
|
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" | "
|
|
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<
|
|
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 };
|
package/Component.mobile.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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>, "
|
|
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" | "
|
|
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>, "
|
|
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" | "
|
|
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;
|
package/Component.responsive.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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,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-
|
|
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:
|
|
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-
|
|
21
|
+
} .input-autocomplete__component_13e7p {
|
|
22
22
|
width: 100%;
|
|
23
23
|
outline: none;
|
|
24
|
-
} .input-
|
|
24
|
+
} .input-autocomplete__field_13e7p:not(.input-autocomplete__disabled_13e7p) {
|
|
25
25
|
cursor: pointer;
|
|
26
|
-
} .input-
|
|
26
|
+
} .input-autocomplete__disabled_13e7p {
|
|
27
27
|
cursor: var(--disabled-cursor);
|
|
28
|
-
} .input-
|
|
28
|
+
} .input-autocomplete__placeholder_13e7p {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
|
-
} .input-
|
|
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-
|
|
39
|
+
} .input-autocomplete__value_13e7p {
|
|
40
40
|
overflow: hidden;
|
|
41
41
|
text-overflow: ellipsis;
|
|
42
42
|
text-align: left;
|
|
43
|
-
} .input-
|
|
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 };
|
package/cssm/index-f12ee135.d.ts
CHANGED
|
@@ -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 };
|
package/esm/Component.mobile.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
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,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-
|
|
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:
|
|
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-
|
|
21
|
+
} .input-autocomplete__component_13e7p {
|
|
22
22
|
width: 100%;
|
|
23
23
|
outline: none;
|
|
24
|
-
} .input-
|
|
24
|
+
} .input-autocomplete__field_13e7p:not(.input-autocomplete__disabled_13e7p) {
|
|
25
25
|
cursor: pointer;
|
|
26
|
-
} .input-
|
|
26
|
+
} .input-autocomplete__disabled_13e7p {
|
|
27
27
|
cursor: var(--disabled-cursor);
|
|
28
|
-
} .input-
|
|
28
|
+
} .input-autocomplete__placeholder_13e7p {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
|
-
} .input-
|
|
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-
|
|
39
|
+
} .input-autocomplete__value_13e7p {
|
|
40
40
|
overflow: hidden;
|
|
41
41
|
text-overflow: ellipsis;
|
|
42
42
|
text-align: left;
|
|
43
|
-
} .input-
|
|
43
|
+
} .input-autocomplete__focusVisible_13e7p {
|
|
44
44
|
outline: 2px solid var(--focus-color);
|
|
45
45
|
outline-offset: 2px;
|
|
46
46
|
}
|
package/esm/index-f12ee135.d.ts
CHANGED
|
@@ -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
package/esm/mobile.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
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-
|
|
19
|
+
} .input-autocomplete__bottomAddonInput_175id {
|
|
20
20
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
21
21
|
box-sizing: border-box;
|
|
22
|
-
} .input-
|
|
22
|
+
} .input-autocomplete__footer_175id {
|
|
23
23
|
display: flex
|
|
24
|
-
} .input-
|
|
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-
|
|
14
|
+
import './mobile.module-2d568950.js';
|
|
15
15
|
import '@alfalab/core-components-select/esm/mobile';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var styles = {"bottomAddonInput":"input-
|
|
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 };
|