@invoicebox/ui 0.1.0-alpha.295 → 0.1.0-alpha.297
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/README.md +28 -28
- package/dist/breakpoints/index.d.ts +7 -7
- package/dist/components/_helpers/StoryBorderWrapper/index.d.ts +2 -2
- package/dist/components/_helpers/selectOptions.d.ts +4 -4
- package/dist/components/common/AppCardLink/components/ApkRu.d.ts +4 -4
- package/dist/components/common/AppCardLink/components/AppGalleryRu.d.ts +4 -4
- package/dist/components/common/AppCardLink/components/GooglePlayRu.d.ts +4 -4
- package/dist/components/common/AppCardLink/components/RuStoreRu.d.ts +4 -4
- package/dist/components/common/AppCardLink/constants.d.ts +4 -4
- package/dist/components/common/AppCardLink/index.d.ts +8 -8
- package/dist/components/common/AppCardLink/index.stories.d.ts +10 -10
- package/dist/components/common/AppCardLink/styles.d.ts +2 -2
- package/dist/components/common/Arrow/components/StyledSvg/index.d.ts +8 -8
- package/dist/components/common/Arrow/components/StyledSvg/index.stories.d.ts +5 -5
- package/dist/components/common/Arrow/components/Svg/index.d.ts +6 -6
- package/dist/components/common/Arrow/components/Svg/index.stories.d.ts +6 -6
- package/dist/components/common/Arrow/index.d.ts +10 -10
- package/dist/components/common/Arrow/index.stories.d.ts +6 -6
- package/dist/components/common/Arrow/palette.d.ts +6 -6
- package/dist/components/common/BgCard/index.d.ts +6 -6
- package/dist/components/common/BgCard/index.stories.d.ts +5 -5
- package/dist/components/common/BgCard/palette.d.ts +5 -5
- package/dist/components/common/BgCard/styles.d.ts +6 -6
- package/dist/components/common/Calendar/docs.stories.d.ts +6 -6
- package/dist/components/common/Calendar/index.d.ts +18 -18
- package/dist/components/common/Calendar/index.stories.d.ts +7 -7
- package/dist/components/common/Calendar/palette.d.ts +11 -11
- package/dist/components/common/Calendar/styles.d.ts +14 -14
- package/dist/components/common/Chip/index.d.ts +9 -9
- package/dist/components/common/Chip/index.stories.d.ts +5 -5
- package/dist/components/common/Chip/styles.d.ts +7 -7
- package/dist/components/common/Divider/index.d.ts +7 -7
- package/dist/components/common/Divider/index.stories.d.ts +6 -6
- package/dist/components/common/Divider/palette.d.ts +5 -5
- package/dist/components/common/Divider/styles.d.ts +6 -6
- package/dist/components/common/Drawer/index.d.ts +13 -13
- package/dist/components/common/Drawer/index.js +0 -1
- package/dist/components/common/Drawer/index.stories.d.ts +7 -7
- package/dist/components/common/Drawer/palette.d.ts +8 -8
- package/dist/components/common/Drawer/styles.d.ts +24 -25
- package/dist/components/common/Drawer/styles.js +2 -5
- package/dist/components/common/Dropdown/index.d.ts +16 -16
- package/dist/components/common/Dropdown/index.stories.d.ts +6 -6
- package/dist/components/common/Dropdown/palette.d.ts +6 -6
- package/dist/components/common/Dropdown/styles.d.ts +17 -17
- package/dist/components/common/EntityAutocompleteOptionsDrawer/index.d.ts +17 -17
- package/dist/components/common/EntityAutocompleteOptionsDrawer/index.stories.d.ts +12 -12
- package/dist/components/common/EntityAutocompleteOptionsDrawer/palette.d.ts +5 -5
- package/dist/components/common/EntityAutocompleteOptionsDrawer/styles.d.ts +9 -9
- package/dist/components/common/Flag/components/ArmFlag/index.d.ts +1 -1
- package/dist/components/common/Flag/components/ArmFlag/index.stories.d.ts +5 -5
- package/dist/components/common/Flag/components/AzeFlag/index.d.ts +1 -1
- package/dist/components/common/Flag/components/AzeFlag/index.stories.d.ts +5 -5
- package/dist/components/common/Flag/components/BlrFlag/index.d.ts +1 -1
- package/dist/components/common/Flag/components/BlrFlag/index.stories.d.ts +5 -5
- package/dist/components/common/Flag/components/ChnFlag/index.d.ts +1 -1
- package/dist/components/common/Flag/components/ChnFlag/index.stories.d.ts +5 -5
- package/dist/components/common/Flag/components/EngFlag/index.d.ts +1 -1
- package/dist/components/common/Flag/components/EngFlag/index.stories.d.ts +5 -5
- package/dist/components/common/Flag/components/EspFlag/index.d.ts +1 -1
- package/dist/components/common/Flag/components/EspFlag/index.stories.d.ts +5 -5
- package/dist/components/common/Flag/components/KazFlag/index.d.ts +1 -1
- package/dist/components/common/Flag/components/KazFlag/index.stories.d.ts +5 -5
- package/dist/components/common/Flag/components/KgzFlag/index.d.ts +1 -1
- package/dist/components/common/Flag/components/KgzFlag/index.stories.d.ts +5 -5
- package/dist/components/common/Flag/components/MdaFlag/index.d.ts +1 -1
- package/dist/components/common/Flag/components/MdaFlag/index.stories.d.ts +5 -5
- package/dist/components/common/Flag/components/RusFlag/index.d.ts +1 -1
- package/dist/components/common/Flag/components/RusFlag/index.stories.d.ts +5 -5
- package/dist/components/common/Flag/components/TjkFlag/index.d.ts +1 -1
- package/dist/components/common/Flag/components/TjkFlag/index.stories.d.ts +5 -5
- package/dist/components/common/Flag/components/UnknownFlag/index.d.ts +1 -1
- package/dist/components/common/Flag/components/UnknownFlag/index.stories.d.ts +5 -5
- package/dist/components/common/Flag/components/UzbFlag/index.d.ts +1 -1
- package/dist/components/common/Flag/components/UzbFlag/index.stories.d.ts +5 -5
- package/dist/components/common/Flag/index.d.ts +11 -11
- package/dist/components/common/Flag/index.stories.d.ts +6 -6
- package/dist/components/common/Flag/styles.d.ts +4 -4
- package/dist/components/common/InvoiceboxLogo/components/LogoDarkRu.d.ts +6 -6
- package/dist/components/common/InvoiceboxLogo/index.d.ts +5 -5
- package/dist/components/common/InvoiceboxLogo/index.stories.d.ts +10 -10
- package/dist/components/common/InvoiceboxSpinner/index.d.ts +7 -7
- package/dist/components/common/InvoiceboxSpinner/index.stories.d.ts +10 -10
- package/dist/components/common/InvoiceboxSpinner/palette.d.ts +6 -6
- package/dist/components/common/InvoiceboxSpinner/styles.d.ts +4 -4
- package/dist/components/common/PointsLoader/index.d.ts +1 -1
- package/dist/components/common/PointsLoader/index.stories.d.ts +9 -9
- package/dist/components/common/PointsLoader/palette.d.ts +6 -6
- package/dist/components/common/PointsLoader/styles.d.ts +6 -6
- package/dist/components/common/QRCode/index.d.ts +16 -16
- package/dist/components/common/QRCode/index.stories.d.ts +5 -5
- package/dist/components/common/ReadOnlyLabelValueField/index.d.ts +8 -8
- package/dist/components/common/ReadOnlyLabelValueField/index.stories.d.ts +5 -5
- package/dist/components/common/ReadOnlyLabelValueField/palette.d.ts +5 -5
- package/dist/components/common/ReadOnlyLabelValueField/styles.d.ts +6 -6
- package/dist/components/common/Scrollbar/index.d.ts +8 -8
- package/dist/components/common/Scrollbar/index.stories.d.ts +13 -13
- package/dist/components/common/Scrollbar/palette.d.ts +5 -5
- package/dist/components/common/Scrollbar/styles.d.ts +7 -7
- package/dist/components/common/SecondaryButton/index.d.ts +17 -17
- package/dist/components/common/SecondaryButton/index.stories.d.ts +11 -11
- package/dist/components/common/SecondaryButton/palette.d.ts +8 -8
- package/dist/components/common/SecondaryButton/styles.d.ts +13 -13
- package/dist/components/common/Skeleton/index.d.ts +8 -8
- package/dist/components/common/Skeleton/index.stories.d.ts +11 -11
- package/dist/components/common/Skeleton/palette.d.ts +6 -6
- package/dist/components/common/Skeleton/styles.d.ts +10 -10
- package/dist/components/common/Toast/docs.stories.d.ts +6 -6
- package/dist/components/common/Toast/index.d.ts +6 -6
- package/dist/components/common/Toast/index.stories.d.ts +11 -11
- package/dist/components/common/Toast/palette.d.ts +7 -7
- package/dist/components/common/Toast/styles.d.ts +7 -7
- package/dist/components/common/Typography/docs.stories.d.ts +6 -6
- package/dist/components/common/Typography/index.d.ts +31 -31
- package/dist/components/common/Typography/index.stories.d.ts +11 -11
- package/dist/components/common/Typography/styles.d.ts +5 -5
- package/dist/components/common/Typography/typography.d.ts +23 -23
- package/dist/components/common/WarningIcon/components/Icon.d.ts +6 -6
- package/dist/components/common/WarningIcon/index.d.ts +7 -7
- package/dist/components/common/WarningIcon/index.stories.d.ts +5 -5
- package/dist/components/common/WarningIcon/palette.d.ts +5 -5
- package/dist/components/common/WarningIcon/styles.d.ts +10 -10
- package/dist/components/common/_helpers/selectOptions.d.ts +9 -9
- package/dist/components/form/Autocomplete/components/Autocomplete/index.d.ts +38 -38
- package/dist/components/form/Autocomplete/components/Autocomplete/index.stories.d.ts +8 -8
- package/dist/components/form/Autocomplete/components/Autocomplete/styles.d.ts +14 -14
- package/dist/components/form/Autocomplete/components/AutocompleteDefaultOption/index.d.ts +6 -6
- package/dist/components/form/Autocomplete/components/AutocompleteDefaultOption/index.stories.d.ts +5 -5
- package/dist/components/form/Autocomplete/components/AutocompleteDefaultOption/palette.d.ts +5 -5
- package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/index.d.ts +11 -11
- package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/index.stories.d.ts +6 -6
- package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/palette.d.ts +8 -8
- package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/styles.d.ts +18 -18
- package/dist/components/form/Autocomplete/index.d.ts +4 -4
- package/dist/components/form/CodeInput/index.d.ts +11 -11
- package/dist/components/form/CodeInput/index.stories.d.ts +6 -6
- package/dist/components/form/CodeInput/palette.d.ts +6 -6
- package/dist/components/form/CodeInput/styles.d.ts +10 -10
- package/dist/components/form/CountrySelect/components/CountryItem/index.d.ts +13 -13
- package/dist/components/form/CountrySelect/components/CountryItem/index.stories.d.ts +5 -5
- package/dist/components/form/CountrySelect/components/CountryItem/stlyes.d.ts +9 -9
- package/dist/components/form/CountrySelect/index.d.ts +22 -22
- package/dist/components/form/CountrySelect/index.stories.d.ts +5 -5
- package/dist/components/form/CountrySelect/logic.d.ts +5 -5
- package/dist/components/form/CountrySelect/palette.d.ts +9 -9
- package/dist/components/form/CountrySelect/stlyes.d.ts +8 -8
- package/dist/components/form/CountrySelect/stlyes.js +1 -1
- package/dist/components/form/CurrencyInput/CoreCurrencyInput/index.d.ts +12 -12
- package/dist/components/form/CurrencyInput/CoreCurrencyInput/index.stories.d.ts +5 -5
- package/dist/components/form/CurrencyInput/CoreCurrencyInput/styles.d.ts +15 -15
- package/dist/components/form/CurrencyInput/CurrencyInputNumber/index.d.ts +6 -6
- package/dist/components/form/CurrencyInput/CurrencyInputNumber/index.stories.d.ts +5 -5
- package/dist/components/form/CurrencyInput/CurrencyInputString/index.d.ts +6 -6
- package/dist/components/form/CurrencyInput/CurrencyInputString/index.stories.d.ts +5 -5
- package/dist/components/form/CurrencyInput/README.md +24 -24
- package/dist/components/form/DateInput/components/CalendarIcon/index.d.ts +1 -1
- package/dist/components/form/DateInput/components/CalendarIcon/index.stories.d.ts +5 -5
- package/dist/components/form/DateInput/components/MobileDrawerDateCalendar/index.d.ts +9 -9
- package/dist/components/form/DateInput/components/MobileDrawerDateCalendar/index.stories.d.ts +6 -6
- package/dist/components/form/DateInput/components/MobileDrawerDateCalendar/styles.d.ts +2 -2
- package/dist/components/form/DateInput/docs.stories.d.ts +6 -6
- package/dist/components/form/DateInput/index.d.ts +17 -17
- package/dist/components/form/DateInput/index.stories.d.ts +6 -6
- package/dist/components/form/DateInput/logic.d.ts +12 -12
- package/dist/components/form/DateInput/palette.d.ts +5 -5
- package/dist/components/form/DateInput/styles.d.ts +8 -8
- package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.d.ts +14 -14
- package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.stories.d.ts +6 -6
- package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/styles.d.ts +3 -3
- package/dist/components/form/DateTimeInput/components/MobileNumbersColumn/index.d.ts +8 -8
- package/dist/components/form/DateTimeInput/components/MobileNumbersColumn/styles.d.ts +7 -7
- package/dist/components/form/DateTimeInput/components/TimePicker/index.d.ts +9 -9
- package/dist/components/form/DateTimeInput/components/TimePicker/index.stories.d.ts +5 -5
- package/dist/components/form/DateTimeInput/components/TimePicker/palette.d.ts +10 -10
- package/dist/components/form/DateTimeInput/components/TimePicker/styles.d.ts +22 -22
- package/dist/components/form/DateTimeInput/hooks/useStringValue.d.ts +1 -1
- package/dist/components/form/DateTimeInput/hooks/useTimePickerHeight.d.ts +6 -6
- package/dist/components/form/DateTimeInput/index.d.ts +19 -19
- package/dist/components/form/DateTimeInput/index.stories.d.ts +6 -6
- package/dist/components/form/DateTimeInput/palette.d.ts +10 -10
- package/dist/components/form/DateTimeInput/styles.d.ts +19 -19
- package/dist/components/form/InputLabel/index.d.ts +13 -13
- package/dist/components/form/InputLabel/index.stories.d.ts +5 -5
- package/dist/components/form/InputLabel/palette.d.ts +9 -9
- package/dist/components/form/InputLabel/styles.d.ts +16 -16
- package/dist/components/form/ModernPlaceholder/index.d.ts +12 -12
- package/dist/components/form/ModernPlaceholder/styles.d.ts +10 -10
- package/dist/components/form/PhoneInput/constants.d.ts +3 -3
- package/dist/components/form/PhoneInput/externalPhoneLogic.d.ts +7 -7
- package/dist/components/form/PhoneInput/hooks/useValidateInitialValue.d.ts +5 -5
- package/dist/components/form/PhoneInput/index.d.ts +27 -27
- package/dist/components/form/PhoneInput/index.stories.d.ts +7 -7
- package/dist/components/form/PhoneInput/phoneInputLogic.d.ts +32 -32
- package/dist/components/form/PhoneInput/styles.d.ts +4 -4
- package/dist/components/form/PhoneInput/types.d.ts +18 -18
- package/dist/components/form/PositiveIntegerInput/hooks/useFilters.d.ts +6 -6
- package/dist/components/form/PositiveIntegerInput/hooks/useIncrement.d.ts +4 -4
- package/dist/components/form/PositiveIntegerInput/hooks/useIncrementDisabledFlags.d.ts +9 -9
- package/dist/components/form/PositiveIntegerInput/hooks/useNormalizers.d.ts +4 -4
- package/dist/components/form/PositiveIntegerInput/index.d.ts +13 -13
- package/dist/components/form/PositiveIntegerInput/index.stories.d.ts +5 -5
- package/dist/components/form/PositiveIntegerInput/styles.d.ts +6 -6
- package/dist/components/form/PureInput/index.d.ts +32 -32
- package/dist/components/form/PureInput/index.stories.d.ts +5 -5
- package/dist/components/form/PureInput/palette.d.ts +11 -11
- package/dist/components/form/PureInput/styles.d.ts +28 -28
- package/dist/components/form/ResetButton/CrossIcon/index.d.ts +1 -1
- package/dist/components/form/ResetButton/CrossIcon/index.stories.d.ts +5 -5
- package/dist/components/form/ResetButton/index.d.ts +5 -5
- package/dist/components/form/ResetButton/index.stories.d.ts +5 -5
- package/dist/components/form/ResetButton/palette.d.ts +5 -5
- package/dist/components/form/ResetButton/styles.d.ts +4 -4
- package/dist/components/form/SearchInput/components/SearchIcon/index.d.ts +1 -1
- package/dist/components/form/SearchInput/components/SearchIcon/index.stories.d.ts +5 -5
- package/dist/components/form/SearchInput/index.d.ts +15 -15
- package/dist/components/form/SearchInput/index.stories.d.ts +5 -5
- package/dist/components/form/SearchInput/palette.d.ts +5 -5
- package/dist/components/form/SearchInput/styles.d.ts +7 -7
- package/dist/components/form/Select/components/Input/index.d.ts +17 -17
- package/dist/components/form/Select/components/Input/index.stories.d.ts +5 -5
- package/dist/components/form/Select/components/Input/styles.d.ts +5 -5
- package/dist/components/form/Select/components/Loader/index.d.ts +2 -2
- package/dist/components/form/Select/components/Loader/styles.d.ts +4 -4
- package/dist/components/form/Select/hooks/useOptionGroups.d.ts +5 -5
- package/dist/components/form/Select/index.d.ts +34 -34
- package/dist/components/form/Select/index.js +10 -10
- package/dist/components/form/Select/index.stories.d.ts +12 -12
- package/dist/components/form/Select/palette.d.ts +6 -6
- package/dist/components/form/Select/styles.d.ts +22 -22
- package/dist/components/form/TagsInput/assets/CrossIcon.d.ts +6 -6
- package/dist/components/form/TagsInput/index.d.ts +14 -14
- package/dist/components/form/TagsInput/index.stories.d.ts +5 -5
- package/dist/components/form/TagsInput/palette.d.ts +6 -6
- package/dist/components/form/TagsInput/styles.d.ts +19 -19
- package/dist/components/form/TextInput/index.d.ts +22 -22
- package/dist/components/form/TextInput/index.stories.d.ts +5 -5
- package/dist/components/form/TextInput/styles.d.ts +3 -3
- package/dist/components/form/Toggle/index.d.ts +9 -9
- package/dist/components/form/Toggle/index.stories.d.ts +5 -5
- package/dist/components/form/Toggle/palette.d.ts +10 -10
- package/dist/components/form/Toggle/styles.d.ts +24 -24
- package/dist/components/form/common/DrawerHeader/components/Cross24Icon/index.d.ts +1 -1
- package/dist/components/form/common/DrawerHeader/components/Cross24Icon/index.stories.d.ts +5 -5
- package/dist/components/form/common/DrawerHeader/index.d.ts +8 -8
- package/dist/components/form/common/DrawerHeader/index.stories.d.ts +5 -5
- package/dist/components/form/common/DrawerHeader/palette.d.ts +7 -7
- package/dist/components/form/common/DrawerHeader/styles.d.ts +11 -11
- package/dist/components/form/constants.d.ts +14 -14
- package/dist/esm/components/common/Drawer/index.js +0 -1
- package/dist/esm/components/common/Drawer/styles.js +2 -5
- package/dist/esm/components/form/CountrySelect/stlyes.js +1 -1
- package/dist/esm/components/form/CurrencyInput/README.md +24 -24
- package/dist/esm/components/form/Select/index.js +10 -10
- package/dist/hooks/useInputFocus/index.d.ts +11 -11
- package/dist/hooks/useInputFocus/index.stories.d.ts +4 -4
- package/dist/hooks/useLoadingSubmit/index.d.ts +6 -6
- package/dist/hooks/useLoadingSubmit/index.stories.d.ts +4 -4
- package/dist/hooks/useMedia/index.d.ts +4 -4
- package/dist/hooks/useMedia/index.stories.d.ts +4 -4
- package/dist/hooks/useModal/index.d.ts +1 -1
- package/dist/hooks/useModal/index.stories.d.ts +4 -4
- package/dist/hooks/useOutsideClick/index.d.ts +2 -2
- package/dist/hooks/useOutsideClick/index.stories.d.ts +4 -4
- package/dist/hooks/useUnupdatableHandler/index.d.ts +1 -1
- package/dist/hooks/useUnupdatableHandler/index.stories.d.ts +4 -4
- package/dist/index.d.ts +72 -72
- package/dist/palette/colors.stories.d.ts +4 -4
- package/dist/palette/constants.d.ts +2 -2
- package/dist/palette/context.d.ts +65 -65
- package/dist/palette/index.d.ts +4 -4
- package/dist/palette/index.stories.d.ts +4 -4
- package/dist/palette/provider.d.ts +10 -10
- package/dist/palette/types.d.ts +12 -12
- package/dist/palette/useComponentPalette.d.ts +2 -2
- package/dist/palette/usePalette.d.ts +32 -32
- package/dist/utils/hexToRgba.d.ts +1 -1
- package/dist/utils/transformColorByHsl.d.ts +7 -7
- package/dist/validate/index.d.ts +11 -11
- package/dist/validate/types.d.ts +1 -1
- package/dist/validate/utils/vatNumberValidateHelpers.d.ts +23 -23
- package/dist/validate/utils/websiteValidate.test.d.ts +1 -1
- package/package.json +77 -77
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { TProps as TInputProps } from './components/Input';
|
|
3
|
-
export type TOption<TValue> = {
|
|
4
|
-
label: string;
|
|
5
|
-
value: TValue;
|
|
6
|
-
groupId?: string;
|
|
7
|
-
entity?: unknown;
|
|
8
|
-
};
|
|
9
|
-
export type TGroup = {
|
|
10
|
-
label: string;
|
|
11
|
-
id: string;
|
|
12
|
-
entity?: unknown;
|
|
13
|
-
};
|
|
14
|
-
export type TProps<TValue> = Pick<TInputProps, 'label' | 'hasError' | 'placeholder' | 'name' | 'size' | 'onBlur' | 'required'> & {
|
|
15
|
-
value: TValue | null;
|
|
16
|
-
onChange: (value: TValue | null) => void;
|
|
17
|
-
options: TOption<TValue>[];
|
|
18
|
-
groups?: TGroup[];
|
|
19
|
-
isResetButtonEnabled?: boolean;
|
|
20
|
-
renderOption?: (entity?: any) => ReactNode;
|
|
21
|
-
renderGroup?: (entity?: any) => ReactNode;
|
|
22
|
-
renderValue?: (entity?: any) => ReactNode;
|
|
23
|
-
dropdownHeader?: ReactNode;
|
|
24
|
-
scrollbarHeader?: ReactNode;
|
|
25
|
-
isDrawerOptions?: boolean;
|
|
26
|
-
scrollbarMaxHeight?: number;
|
|
27
|
-
emptyOptionsLabel?: string;
|
|
28
|
-
isLoading?: boolean;
|
|
29
|
-
required?: boolean;
|
|
30
|
-
usePadding?: boolean;
|
|
31
|
-
dropdownWidth?: string;
|
|
32
|
-
useModernStyles?: boolean;
|
|
33
|
-
};
|
|
34
|
-
export declare const Select: <TValue extends string | number>({ label, hasError, placeholder, name, value, renderValue, onChange, options, groups, isResetButtonEnabled, size, renderOption, dropdownHeader, isDrawerOptions, renderGroup, scrollbarMaxHeight, scrollbarHeader, emptyOptionsLabel, isLoading, onBlur, required, usePadding, dropdownWidth, useModernStyles, }: TProps<TValue>) => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { TProps as TInputProps } from './components/Input';
|
|
3
|
+
export type TOption<TValue> = {
|
|
4
|
+
label: string;
|
|
5
|
+
value: TValue;
|
|
6
|
+
groupId?: string;
|
|
7
|
+
entity?: unknown;
|
|
8
|
+
};
|
|
9
|
+
export type TGroup = {
|
|
10
|
+
label: string;
|
|
11
|
+
id: string;
|
|
12
|
+
entity?: unknown;
|
|
13
|
+
};
|
|
14
|
+
export type TProps<TValue> = Pick<TInputProps, 'label' | 'hasError' | 'placeholder' | 'name' | 'size' | 'onBlur' | 'required'> & {
|
|
15
|
+
value: TValue | null;
|
|
16
|
+
onChange: (value: TValue | null) => void;
|
|
17
|
+
options: TOption<TValue>[];
|
|
18
|
+
groups?: TGroup[];
|
|
19
|
+
isResetButtonEnabled?: boolean;
|
|
20
|
+
renderOption?: (entity?: any) => ReactNode;
|
|
21
|
+
renderGroup?: (entity?: any) => ReactNode;
|
|
22
|
+
renderValue?: (entity?: any) => ReactNode;
|
|
23
|
+
dropdownHeader?: ReactNode;
|
|
24
|
+
scrollbarHeader?: ReactNode;
|
|
25
|
+
isDrawerOptions?: boolean;
|
|
26
|
+
scrollbarMaxHeight?: number;
|
|
27
|
+
emptyOptionsLabel?: string;
|
|
28
|
+
isLoading?: boolean;
|
|
29
|
+
required?: boolean;
|
|
30
|
+
usePadding?: boolean;
|
|
31
|
+
dropdownWidth?: string;
|
|
32
|
+
useModernStyles?: boolean;
|
|
33
|
+
};
|
|
34
|
+
export declare const Select: <TValue extends string | number>({ label, hasError, placeholder, name, value, renderValue, onChange, options, groups, isResetButtonEnabled, size, renderOption, dropdownHeader, isDrawerOptions, renderGroup, scrollbarMaxHeight, scrollbarHeader, emptyOptionsLabel, isLoading, onBlur, required, usePadding, dropdownWidth, useModernStyles, }: TProps<TValue>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -70,16 +70,16 @@ var Select = exports.Select = function Select(_ref) {
|
|
|
70
70
|
isOpen = _useState2[0],
|
|
71
71
|
setIsOpen = _useState2[1];
|
|
72
72
|
|
|
73
|
-
/*
|
|
74
|
-
существует интеграционная проблема селекта с final-form
|
|
75
|
-
|
|
76
|
-
- пользователь выбирает опцию;
|
|
77
|
-
- срабатывает onBlur;
|
|
78
|
-
- final-form помечает поле, как toched;
|
|
79
|
-
- если поле не валидно, hasError становится true, отображается красная рамка;
|
|
80
|
-
- срабатывает onChange, и если поле валидно рамка пропадает;
|
|
81
|
-
|
|
82
|
-
|
|
73
|
+
/*
|
|
74
|
+
существует интеграционная проблема селекта с final-form
|
|
75
|
+
Суть:
|
|
76
|
+
- пользователь выбирает опцию;
|
|
77
|
+
- срабатывает onBlur;
|
|
78
|
+
- final-form помечает поле, как toched;
|
|
79
|
+
- если поле не валидно, hasError становится true, отображается красная рамка;
|
|
80
|
+
- срабатывает onChange, и если поле валидно рамка пропадает;
|
|
81
|
+
т.е. рамка мигает, хотя такого быть не должно;
|
|
82
|
+
так появилась логика delayBlur
|
|
83
83
|
*/
|
|
84
84
|
var delayBlur = (0, _react.useRef)(null);
|
|
85
85
|
var inputRef = (0, _react.useRef)(null);
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Select, TProps } from '.';
|
|
3
|
-
declare const meta: Meta<typeof Select>;
|
|
4
|
-
export default meta;
|
|
5
|
-
export declare const Default: StoryObj<TProps<string>>;
|
|
6
|
-
export declare const EmptyOptions: StoryObj<TProps<string>>;
|
|
7
|
-
export declare const WithDropdownHeader: StoryObj<TProps<string>>;
|
|
8
|
-
export declare const RenderOption: StoryObj<TProps<string>>;
|
|
9
|
-
export declare const WithGroups: StoryObj<TProps<string>>;
|
|
10
|
-
export declare const RenderOptionWithGroups: StoryObj<TProps<string>>;
|
|
11
|
-
export declare const WithCustomGroups: StoryObj<TProps<string>>;
|
|
12
|
-
export declare const WithRenderedValue: StoryObj<TProps<string>>;
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Select, TProps } from '.';
|
|
3
|
+
declare const meta: Meta<typeof Select>;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare const Default: StoryObj<TProps<string>>;
|
|
6
|
+
export declare const EmptyOptions: StoryObj<TProps<string>>;
|
|
7
|
+
export declare const WithDropdownHeader: StoryObj<TProps<string>>;
|
|
8
|
+
export declare const RenderOption: StoryObj<TProps<string>>;
|
|
9
|
+
export declare const WithGroups: StoryObj<TProps<string>>;
|
|
10
|
+
export declare const RenderOptionWithGroups: StoryObj<TProps<string>>;
|
|
11
|
+
export declare const WithCustomGroups: StoryObj<TProps<string>>;
|
|
12
|
+
export declare const WithRenderedValue: StoryObj<TProps<string>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { TAbstractPalette } from '../../../palette';
|
|
2
|
-
export type TSelectPalette = {
|
|
3
|
-
bgHover: string;
|
|
4
|
-
empty: string;
|
|
5
|
-
};
|
|
6
|
-
export declare const generateSelectPalette: (abstractPalette: TAbstractPalette) => TSelectPalette;
|
|
1
|
+
import { TAbstractPalette } from '../../../palette';
|
|
2
|
+
export type TSelectPalette = {
|
|
3
|
+
bgHover: string;
|
|
4
|
+
empty: string;
|
|
5
|
+
};
|
|
6
|
+
export declare const generateSelectPalette: (abstractPalette: TAbstractPalette) => TSelectPalette;
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TSelectPalette } from './palette';
|
|
3
|
-
export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
-
export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
5
|
-
export declare const OptionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
6
|
-
$usePadding: boolean;
|
|
7
|
-
}>> & string;
|
|
8
|
-
export declare const Option: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
|
|
9
|
-
$palette: TSelectPalette;
|
|
10
|
-
$isGrouped: boolean;
|
|
11
|
-
$usePadding: boolean;
|
|
12
|
-
}>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
|
|
13
|
-
export declare const Group: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
|
|
14
|
-
export declare const DefaultOptionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
15
|
-
$usePadding?: boolean | undefined;
|
|
16
|
-
}>> & string;
|
|
17
|
-
export declare const DrawerContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
18
|
-
export declare const DrawerBottom: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
19
|
-
export declare const EmptyLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
|
|
20
|
-
$color: string;
|
|
21
|
-
}>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
|
|
22
|
-
export declare const ScrollbarContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TSelectPalette } from './palette';
|
|
3
|
+
export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
5
|
+
export declare const OptionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
6
|
+
$usePadding: boolean;
|
|
7
|
+
}>> & string;
|
|
8
|
+
export declare const Option: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
|
|
9
|
+
$palette: TSelectPalette;
|
|
10
|
+
$isGrouped: boolean;
|
|
11
|
+
$usePadding: boolean;
|
|
12
|
+
}>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
|
|
13
|
+
export declare const Group: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
|
|
14
|
+
export declare const DefaultOptionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
15
|
+
$usePadding?: boolean | undefined;
|
|
16
|
+
}>> & string;
|
|
17
|
+
export declare const DrawerContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
18
|
+
export declare const DrawerBottom: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
19
|
+
export declare const EmptyLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
|
|
20
|
+
$color: string;
|
|
21
|
+
}>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
|
|
22
|
+
export declare const ScrollbarContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
type TProps = {
|
|
3
|
-
color: string;
|
|
4
|
-
};
|
|
5
|
-
export declare const CrossIcon: FC<TProps>;
|
|
6
|
-
export {};
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
type TProps = {
|
|
3
|
+
color: string;
|
|
4
|
+
};
|
|
5
|
+
export declare const CrossIcon: FC<TProps>;
|
|
6
|
+
export {};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { TProps as TInputLabelProps } from '../InputLabel';
|
|
3
|
-
import { TSizes } from '../constants';
|
|
4
|
-
import { TTagsInputPalette } from './palette';
|
|
5
|
-
export type TProps = Pick<TInputLabelProps, 'label'> & {
|
|
6
|
-
hasError?: boolean;
|
|
7
|
-
} & {
|
|
8
|
-
saveLabel: string;
|
|
9
|
-
value?: Array<string>;
|
|
10
|
-
onChange: (value?: Array<string>) => void;
|
|
11
|
-
size?: TSizes;
|
|
12
|
-
palette?: Partial<TTagsInputPalette>;
|
|
13
|
-
};
|
|
14
|
-
export declare const TagsInput: FC<TProps>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { TProps as TInputLabelProps } from '../InputLabel';
|
|
3
|
+
import { TSizes } from '../constants';
|
|
4
|
+
import { TTagsInputPalette } from './palette';
|
|
5
|
+
export type TProps = Pick<TInputLabelProps, 'label'> & {
|
|
6
|
+
hasError?: boolean;
|
|
7
|
+
} & {
|
|
8
|
+
saveLabel: string;
|
|
9
|
+
value?: Array<string>;
|
|
10
|
+
onChange: (value?: Array<string>) => void;
|
|
11
|
+
size?: TSizes;
|
|
12
|
+
palette?: Partial<TTagsInputPalette>;
|
|
13
|
+
};
|
|
14
|
+
export declare const TagsInput: FC<TProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { TagsInput, TProps } from '.';
|
|
3
|
-
declare const meta: Meta<typeof TagsInput>;
|
|
4
|
-
export default meta;
|
|
5
|
-
export declare const Default: StoryObj<TProps>;
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { TagsInput, TProps } from '.';
|
|
3
|
+
declare const meta: Meta<typeof TagsInput>;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare const Default: StoryObj<TProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { TAbstractPalette } from '../../../palette';
|
|
2
|
-
export type TTagsInputPalette = {
|
|
3
|
-
chipColor: string;
|
|
4
|
-
chipBg: string;
|
|
5
|
-
};
|
|
6
|
-
export declare const generateTagsInputPalette: (abstractPalette: TAbstractPalette) => TTagsInputPalette;
|
|
1
|
+
import { TAbstractPalette } from '../../../palette';
|
|
2
|
+
export type TTagsInputPalette = {
|
|
3
|
+
chipColor: string;
|
|
4
|
+
chipBg: string;
|
|
5
|
+
};
|
|
6
|
+
export declare const generateTagsInputPalette: (abstractPalette: TAbstractPalette) => TTagsInputPalette;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare const PureInputStyledWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<any, {
|
|
3
|
-
$paddingLeft: number;
|
|
4
|
-
$paddingRight: number;
|
|
5
|
-
$paddingTop: number;
|
|
6
|
-
$paddingBottom: number;
|
|
7
|
-
$borderRadius: number;
|
|
8
|
-
$hasError: boolean;
|
|
9
|
-
$inFocus: boolean;
|
|
10
|
-
$hasBorder: boolean;
|
|
11
|
-
$palette: import("../PureInput/palette").TPureInputPalette;
|
|
12
|
-
$variant?: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints" | undefined;
|
|
13
|
-
$useModernStyles?: boolean | undefined;
|
|
14
|
-
}>> & string & ({} | Omit<React.ComponentClass<any, any>, keyof React.Component<any, {}, any>> | Omit<React.FunctionComponent<any>, keyof React.Component<any, {}, any>>);
|
|
15
|
-
export declare const TagsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
16
|
-
export declare const InputWithSaveButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
17
|
-
export declare const SaveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
18
|
-
export declare const ChipLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
19
|
-
export declare const ChipRemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const PureInputStyledWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<any, {
|
|
3
|
+
$paddingLeft: number;
|
|
4
|
+
$paddingRight: number;
|
|
5
|
+
$paddingTop: number;
|
|
6
|
+
$paddingBottom: number;
|
|
7
|
+
$borderRadius: number;
|
|
8
|
+
$hasError: boolean;
|
|
9
|
+
$inFocus: boolean;
|
|
10
|
+
$hasBorder: boolean;
|
|
11
|
+
$palette: import("../PureInput/palette").TPureInputPalette;
|
|
12
|
+
$variant?: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints" | undefined;
|
|
13
|
+
$useModernStyles?: boolean | undefined;
|
|
14
|
+
}>> & string & ({} | Omit<React.ComponentClass<any, any>, keyof React.Component<any, {}, any>> | Omit<React.FunctionComponent<any>, keyof React.Component<any, {}, any>>);
|
|
15
|
+
export declare const TagsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
16
|
+
export declare const InputWithSaveButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
17
|
+
export declare const SaveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
18
|
+
export declare const ChipLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
19
|
+
export declare const ChipRemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
import { TProps as TInputLabelProps } from '../InputLabel';
|
|
3
|
-
import { TProps as TPureInputProps } from '../PureInput';
|
|
4
|
-
import { TSizes } from '../constants';
|
|
5
|
-
export type TProps = Pick<TInputLabelProps, 'label' | 'required'> & Pick<TPureInputProps, 'placeholder' | 'hasError' | 'onFocus' | 'onBlur' | 'disabled' | 'name' | 'paddingRight' | 'type' | 'isOnlyNumbers' | 'autoFocus' | 'rows' | 'id' | 'useModernStyles' | 'readOnly' | 'inputMode' | 'autoComplete'> & {
|
|
6
|
-
value: string;
|
|
7
|
-
onChange: (value: string) => void;
|
|
8
|
-
maxLength?: number;
|
|
9
|
-
size?: TSizes;
|
|
10
|
-
children?: ReactNode;
|
|
11
|
-
element?: 'input' | 'textarea';
|
|
12
|
-
required?: boolean;
|
|
13
|
-
};
|
|
14
|
-
export declare const TextInput: React.ForwardRefExoticComponent<Pick<TInputLabelProps, "required" | "label"> & Pick<TPureInputProps, "type" | "id" | "name" | "paddingRight" | "inputMode" | "disabled" | "autoComplete" | "placeholder" | "readOnly" | "rows" | "autoFocus" | "onFocus" | "onBlur" | "useModernStyles" | "hasError" | "isOnlyNumbers"> & {
|
|
15
|
-
value: string;
|
|
16
|
-
onChange: (value: string) => void;
|
|
17
|
-
maxLength?: number | undefined;
|
|
18
|
-
size?: TSizes | undefined;
|
|
19
|
-
children?: ReactNode;
|
|
20
|
-
element?: "input" | "textarea" | undefined;
|
|
21
|
-
required?: boolean | undefined;
|
|
22
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { TProps as TInputLabelProps } from '../InputLabel';
|
|
3
|
+
import { TProps as TPureInputProps } from '../PureInput';
|
|
4
|
+
import { TSizes } from '../constants';
|
|
5
|
+
export type TProps = Pick<TInputLabelProps, 'label' | 'required'> & Pick<TPureInputProps, 'placeholder' | 'hasError' | 'onFocus' | 'onBlur' | 'disabled' | 'name' | 'paddingRight' | 'type' | 'isOnlyNumbers' | 'autoFocus' | 'rows' | 'id' | 'useModernStyles' | 'readOnly' | 'inputMode' | 'autoComplete'> & {
|
|
6
|
+
value: string;
|
|
7
|
+
onChange: (value: string) => void;
|
|
8
|
+
maxLength?: number;
|
|
9
|
+
size?: TSizes;
|
|
10
|
+
children?: ReactNode;
|
|
11
|
+
element?: 'input' | 'textarea';
|
|
12
|
+
required?: boolean;
|
|
13
|
+
};
|
|
14
|
+
export declare const TextInput: React.ForwardRefExoticComponent<Pick<TInputLabelProps, "required" | "label"> & Pick<TPureInputProps, "type" | "id" | "name" | "paddingRight" | "inputMode" | "disabled" | "autoComplete" | "placeholder" | "readOnly" | "rows" | "autoFocus" | "onFocus" | "onBlur" | "useModernStyles" | "hasError" | "isOnlyNumbers"> & {
|
|
15
|
+
value: string;
|
|
16
|
+
onChange: (value: string) => void;
|
|
17
|
+
maxLength?: number | undefined;
|
|
18
|
+
size?: TSizes | undefined;
|
|
19
|
+
children?: ReactNode;
|
|
20
|
+
element?: "input" | "textarea" | undefined;
|
|
21
|
+
required?: boolean | undefined;
|
|
22
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { TextInput, TProps } from '.';
|
|
3
|
-
declare const meta: Meta<typeof TextInput>;
|
|
4
|
-
export default meta;
|
|
5
|
-
export declare const Default: StoryObj<TProps>;
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { TextInput, TProps } from '.';
|
|
3
|
+
declare const meta: Meta<typeof TextInput>;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare const Default: StoryObj<TProps>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const ChildrenWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
-
export declare const InputLabelContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const ChildrenWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export declare const InputLabelContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { FC, InputHTMLAttributes } from 'react';
|
|
2
|
-
import { TToggleSize } from './styles';
|
|
3
|
-
export type TProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
|
|
4
|
-
onChange: (value: boolean) => void;
|
|
5
|
-
label: string;
|
|
6
|
-
variant?: TToggleSize;
|
|
7
|
-
alwaysHighlighted?: boolean;
|
|
8
|
-
};
|
|
9
|
-
export declare const Toggle: FC<TProps>;
|
|
1
|
+
import { FC, InputHTMLAttributes } from 'react';
|
|
2
|
+
import { TToggleSize } from './styles';
|
|
3
|
+
export type TProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
|
|
4
|
+
onChange: (value: boolean) => void;
|
|
5
|
+
label: string;
|
|
6
|
+
variant?: TToggleSize;
|
|
7
|
+
alwaysHighlighted?: boolean;
|
|
8
|
+
};
|
|
9
|
+
export declare const Toggle: FC<TProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Toggle, TProps } from './index';
|
|
3
|
-
declare const meta: Meta<typeof Toggle>;
|
|
4
|
-
export default meta;
|
|
5
|
-
export declare const Default: StoryObj<TProps>;
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Toggle, TProps } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Toggle>;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare const Default: StoryObj<TProps>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { TAbstractPalette } from '../../../palette';
|
|
2
|
-
export type TTogglePalette = {
|
|
3
|
-
circle: string;
|
|
4
|
-
defaultBg: string;
|
|
5
|
-
activeBg: string;
|
|
6
|
-
label: string;
|
|
7
|
-
disabledLabel: string;
|
|
8
|
-
disabledBorder: string;
|
|
9
|
-
};
|
|
10
|
-
export declare const generateTogglePalette: (abstractPalette: TAbstractPalette) => TTogglePalette;
|
|
1
|
+
import { TAbstractPalette } from '../../../palette';
|
|
2
|
+
export type TTogglePalette = {
|
|
3
|
+
circle: string;
|
|
4
|
+
defaultBg: string;
|
|
5
|
+
activeBg: string;
|
|
6
|
+
label: string;
|
|
7
|
+
disabledLabel: string;
|
|
8
|
+
disabledBorder: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const generateTogglePalette: (abstractPalette: TAbstractPalette) => TTogglePalette;
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { typography } from '../../common/Typography/typography';
|
|
3
|
-
import { TTogglePalette } from './palette';
|
|
4
|
-
export type TToggleSize = 'small' | 'medium';
|
|
5
|
-
export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
|
|
6
|
-
$color: string;
|
|
7
|
-
$disabled?: boolean | undefined;
|
|
8
|
-
$disabledColor: string;
|
|
9
|
-
}>> & string;
|
|
10
|
-
export declare const INPUT_VARIANT_MAP: Record<TToggleSize, {
|
|
11
|
-
width: number;
|
|
12
|
-
height: number;
|
|
13
|
-
circleSize: number;
|
|
14
|
-
labelVariant: keyof typeof typography;
|
|
15
|
-
leftChecked: number;
|
|
16
|
-
left: number;
|
|
17
|
-
border: number;
|
|
18
|
-
}>;
|
|
19
|
-
export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
|
|
20
|
-
$palette: TTogglePalette;
|
|
21
|
-
$variant: TToggleSize;
|
|
22
|
-
$alwaysHighlighted: boolean;
|
|
23
|
-
checked?: boolean | undefined;
|
|
24
|
-
}>> & string;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { typography } from '../../common/Typography/typography';
|
|
3
|
+
import { TTogglePalette } from './palette';
|
|
4
|
+
export type TToggleSize = 'small' | 'medium';
|
|
5
|
+
export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
|
|
6
|
+
$color: string;
|
|
7
|
+
$disabled?: boolean | undefined;
|
|
8
|
+
$disabledColor: string;
|
|
9
|
+
}>> & string;
|
|
10
|
+
export declare const INPUT_VARIANT_MAP: Record<TToggleSize, {
|
|
11
|
+
width: number;
|
|
12
|
+
height: number;
|
|
13
|
+
circleSize: number;
|
|
14
|
+
labelVariant: keyof typeof typography;
|
|
15
|
+
leftChecked: number;
|
|
16
|
+
left: number;
|
|
17
|
+
border: number;
|
|
18
|
+
}>;
|
|
19
|
+
export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
|
|
20
|
+
$palette: TTogglePalette;
|
|
21
|
+
$variant: TToggleSize;
|
|
22
|
+
$alwaysHighlighted: boolean;
|
|
23
|
+
checked?: boolean | undefined;
|
|
24
|
+
}>> & string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const Cross24Icon: () => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
export declare const Cross24Icon: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Cross24Icon } from './index';
|
|
3
|
-
declare const meta: Meta<typeof Cross24Icon>;
|
|
4
|
-
export default meta;
|
|
5
|
-
export declare const Default: StoryObj<typeof Cross24Icon>;
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Cross24Icon } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Cross24Icon>;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare const Default: StoryObj<typeof Cross24Icon>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
export type TProps = {
|
|
3
|
-
onClose: () => void;
|
|
4
|
-
onSubmit?: () => void;
|
|
5
|
-
label: string;
|
|
6
|
-
isSubmitDisabled?: boolean;
|
|
7
|
-
};
|
|
8
|
-
export declare const DrawerHeader: FC<TProps>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
export type TProps = {
|
|
3
|
+
onClose: () => void;
|
|
4
|
+
onSubmit?: () => void;
|
|
5
|
+
label: string;
|
|
6
|
+
isSubmitDisabled?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export declare const DrawerHeader: FC<TProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { DrawerHeader, TProps } from './index';
|
|
3
|
-
declare const meta: Meta<typeof DrawerHeader>;
|
|
4
|
-
export default meta;
|
|
5
|
-
export declare const Default: StoryObj<TProps>;
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { DrawerHeader, TProps } from './index';
|
|
3
|
+
declare const meta: Meta<typeof DrawerHeader>;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare const Default: StoryObj<TProps>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { TAbstractPalette } from '../../../../palette';
|
|
2
|
-
export type TDrawerHeaderPalette = {
|
|
3
|
-
headLabel: string;
|
|
4
|
-
applyButton: string;
|
|
5
|
-
border: string;
|
|
6
|
-
};
|
|
7
|
-
export declare const generateDrawerHeaderPalette: (abstractPalette: TAbstractPalette) => TDrawerHeaderPalette;
|
|
1
|
+
import { TAbstractPalette } from '../../../../palette';
|
|
2
|
+
export type TDrawerHeaderPalette = {
|
|
3
|
+
headLabel: string;
|
|
4
|
+
applyButton: string;
|
|
5
|
+
border: string;
|
|
6
|
+
};
|
|
7
|
+
export declare const generateDrawerHeaderPalette: (abstractPalette: TAbstractPalette) => TDrawerHeaderPalette;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
3
|
-
$borderColor: string;
|
|
4
|
-
}>> & string;
|
|
5
|
-
export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
6
|
-
export declare const HeadLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
|
|
7
|
-
$color: string;
|
|
8
|
-
}>> & string & Omit<import("react").FC<import("../../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
|
|
9
|
-
export declare const ApplyButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
10
|
-
$color: string;
|
|
11
|
-
}>> & string;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
3
|
+
$borderColor: string;
|
|
4
|
+
}>> & string;
|
|
5
|
+
export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
6
|
+
export declare const HeadLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
|
|
7
|
+
$color: string;
|
|
8
|
+
}>> & string & Omit<import("react").FC<import("../../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
|
|
9
|
+
export declare const ApplyButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
10
|
+
$color: string;
|
|
11
|
+
}>> & string;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { typography } from '../common/Typography/typography';
|
|
2
|
-
export type TSizes = 'L' | 'M' | 'XS';
|
|
3
|
-
export declare const SIZE_PARAMS_MAP: Record<TSizes, {
|
|
4
|
-
paddingTop: number;
|
|
5
|
-
paddingBottom: number;
|
|
6
|
-
variant: keyof typeof typography;
|
|
7
|
-
}>;
|
|
8
|
-
export declare const MODERN_STYLE_SIZE_PARAMS_MAP: Record<TSizes, {
|
|
9
|
-
paddingTop: number;
|
|
10
|
-
paddingBottom: number;
|
|
11
|
-
variant: keyof typeof typography;
|
|
12
|
-
labelVariant: keyof typeof typography;
|
|
13
|
-
labelPaddingTop: number;
|
|
14
|
-
}>;
|
|
1
|
+
import { typography } from '../common/Typography/typography';
|
|
2
|
+
export type TSizes = 'L' | 'M' | 'XS';
|
|
3
|
+
export declare const SIZE_PARAMS_MAP: Record<TSizes, {
|
|
4
|
+
paddingTop: number;
|
|
5
|
+
paddingBottom: number;
|
|
6
|
+
variant: keyof typeof typography;
|
|
7
|
+
}>;
|
|
8
|
+
export declare const MODERN_STYLE_SIZE_PARAMS_MAP: Record<TSizes, {
|
|
9
|
+
paddingTop: number;
|
|
10
|
+
paddingBottom: number;
|
|
11
|
+
variant: keyof typeof typography;
|
|
12
|
+
labelVariant: keyof typeof typography;
|
|
13
|
+
labelPaddingTop: number;
|
|
14
|
+
}>;
|
|
@@ -126,7 +126,6 @@ export var Drawer = function Drawer(_ref) {
|
|
|
126
126
|
}, /*#__PURE__*/React.createElement(Typography, {
|
|
127
127
|
variant: "headline4"
|
|
128
128
|
}, title)), /*#__PURE__*/React.createElement(S.ChildrenWrapper, {
|
|
129
|
-
$isBorderRadius: !title,
|
|
130
129
|
$bgColor: palette.bg,
|
|
131
130
|
$isPadding: isPadding
|
|
132
131
|
}, children)));
|