@invoicebox/ui 0.1.0-alpha.298 → 0.1.0-alpha.299
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.stories.d.ts +7 -7
- package/dist/components/common/Drawer/palette.d.ts +8 -8
- package/dist/components/common/Drawer/styles.d.ts +24 -24
- 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/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/form/CurrencyInput/README.md +24 -24
- package/dist/esm/components/form/Select/index.js +10 -10
- package/dist/esm/hooks/useOutsideClick/index.js +5 -4
- 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.js +5 -4
- 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,13 +1,13 @@
|
|
|
1
|
-
import { FC } 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 = {
|
|
6
|
-
value: number | null;
|
|
7
|
-
onChange: (value: number | null) => void;
|
|
8
|
-
max?: number;
|
|
9
|
-
upAndDown?: boolean;
|
|
10
|
-
} & Pick<TInputLabelProps, 'label'> & Pick<TPureInputProps, 'placeholder' | 'hasError' | 'onFocus' | 'onBlur' | 'disabled' | 'name' | 'useModernStyles'> & {
|
|
11
|
-
size?: TSizes;
|
|
12
|
-
};
|
|
13
|
-
export declare const PositiveIntegerInput: FC<TProps>;
|
|
1
|
+
import { FC } 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 = {
|
|
6
|
+
value: number | null;
|
|
7
|
+
onChange: (value: number | null) => void;
|
|
8
|
+
max?: number;
|
|
9
|
+
upAndDown?: boolean;
|
|
10
|
+
} & Pick<TInputLabelProps, 'label'> & Pick<TPureInputProps, 'placeholder' | 'hasError' | 'onFocus' | 'onBlur' | 'disabled' | 'name' | 'useModernStyles'> & {
|
|
11
|
+
size?: TSizes;
|
|
12
|
+
};
|
|
13
|
+
export declare const PositiveIntegerInput: FC<TProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { PositiveIntegerInput, TProps } from '.';
|
|
3
|
-
declare const meta: Meta<typeof PositiveIntegerInput>;
|
|
4
|
-
export default meta;
|
|
5
|
-
export declare const Default: StoryObj<TProps>;
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { PositiveIntegerInput, TProps } from '.';
|
|
3
|
+
declare const meta: Meta<typeof PositiveIntegerInput>;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare const Default: StoryObj<TProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const Arrows: 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 Arrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
4
|
-
$disabled: boolean;
|
|
5
|
-
}>> & string;
|
|
6
|
-
export declare const ControlWrapper: 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 Arrows: 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 Arrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
4
|
+
$disabled: boolean;
|
|
5
|
+
}>> & string;
|
|
6
|
+
export declare const ControlWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import React, { InputHTMLAttributes, TextareaHTMLAttributes } from 'react';
|
|
2
|
-
import { TInputWithTypographyProps } from '../../common/Typography';
|
|
3
|
-
export type TProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onBlur' | 'onChange' | 'onFocus'> & InputHTMLAttributes<HTMLInputElement> & Partial<Pick<TInputWithTypographyProps, 'variant'>> & {
|
|
4
|
-
paddingLeft?: number;
|
|
5
|
-
paddingRight?: number;
|
|
6
|
-
paddingTop?: number;
|
|
7
|
-
paddingBottom?: number;
|
|
8
|
-
borderRadius?: number;
|
|
9
|
-
hasError?: boolean;
|
|
10
|
-
inFocus?: boolean;
|
|
11
|
-
hasBorder?: boolean;
|
|
12
|
-
isOnlyNumbers?: boolean;
|
|
13
|
-
className?: never;
|
|
14
|
-
element?: 'input' | 'textarea';
|
|
15
|
-
renderedValue?: React.ReactNode;
|
|
16
|
-
useModernStyles?: boolean;
|
|
17
|
-
};
|
|
18
|
-
export declare const PureInput: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onFocus" | "onBlur" | "onChange"> & React.InputHTMLAttributes<HTMLInputElement> & Partial<Pick<TInputWithTypographyProps, "variant">> & {
|
|
19
|
-
paddingLeft?: number | undefined;
|
|
20
|
-
paddingRight?: number | undefined;
|
|
21
|
-
paddingTop?: number | undefined;
|
|
22
|
-
paddingBottom?: number | undefined;
|
|
23
|
-
borderRadius?: number | undefined;
|
|
24
|
-
hasError?: boolean | undefined;
|
|
25
|
-
inFocus?: boolean | undefined;
|
|
26
|
-
hasBorder?: boolean | undefined;
|
|
27
|
-
isOnlyNumbers?: boolean | undefined;
|
|
28
|
-
className?: undefined;
|
|
29
|
-
element?: "input" | "textarea" | undefined;
|
|
30
|
-
renderedValue?: React.ReactNode;
|
|
31
|
-
useModernStyles?: boolean | undefined;
|
|
32
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
1
|
+
import React, { InputHTMLAttributes, TextareaHTMLAttributes } from 'react';
|
|
2
|
+
import { TInputWithTypographyProps } from '../../common/Typography';
|
|
3
|
+
export type TProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onBlur' | 'onChange' | 'onFocus'> & InputHTMLAttributes<HTMLInputElement> & Partial<Pick<TInputWithTypographyProps, 'variant'>> & {
|
|
4
|
+
paddingLeft?: number;
|
|
5
|
+
paddingRight?: number;
|
|
6
|
+
paddingTop?: number;
|
|
7
|
+
paddingBottom?: number;
|
|
8
|
+
borderRadius?: number;
|
|
9
|
+
hasError?: boolean;
|
|
10
|
+
inFocus?: boolean;
|
|
11
|
+
hasBorder?: boolean;
|
|
12
|
+
isOnlyNumbers?: boolean;
|
|
13
|
+
className?: never;
|
|
14
|
+
element?: 'input' | 'textarea';
|
|
15
|
+
renderedValue?: React.ReactNode;
|
|
16
|
+
useModernStyles?: boolean;
|
|
17
|
+
};
|
|
18
|
+
export declare const PureInput: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onFocus" | "onBlur" | "onChange"> & React.InputHTMLAttributes<HTMLInputElement> & Partial<Pick<TInputWithTypographyProps, "variant">> & {
|
|
19
|
+
paddingLeft?: number | undefined;
|
|
20
|
+
paddingRight?: number | undefined;
|
|
21
|
+
paddingTop?: number | undefined;
|
|
22
|
+
paddingBottom?: number | undefined;
|
|
23
|
+
borderRadius?: number | undefined;
|
|
24
|
+
hasError?: boolean | undefined;
|
|
25
|
+
inFocus?: boolean | undefined;
|
|
26
|
+
hasBorder?: boolean | undefined;
|
|
27
|
+
isOnlyNumbers?: boolean | undefined;
|
|
28
|
+
className?: undefined;
|
|
29
|
+
element?: "input" | "textarea" | undefined;
|
|
30
|
+
renderedValue?: React.ReactNode;
|
|
31
|
+
useModernStyles?: boolean | undefined;
|
|
32
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { PureInput } from '.';
|
|
3
|
-
declare const meta: Meta<typeof PureInput>;
|
|
4
|
-
export default meta;
|
|
5
|
-
export declare const Default: StoryObj<typeof PureInput>;
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { PureInput } from '.';
|
|
3
|
+
declare const meta: Meta<typeof PureInput>;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare const Default: StoryObj<typeof PureInput>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { TAbstractPalette } from '../../../palette';
|
|
2
|
-
export type TPureInputPalette = {
|
|
3
|
-
text: string;
|
|
4
|
-
bg: string;
|
|
5
|
-
bgOpened: string;
|
|
6
|
-
error: string;
|
|
7
|
-
border: string;
|
|
8
|
-
borderFocus: string;
|
|
9
|
-
placeholder: string;
|
|
10
|
-
};
|
|
11
|
-
export declare const generatePureInputPalette: (abstractPalette: TAbstractPalette) => TPureInputPalette;
|
|
1
|
+
import { TAbstractPalette } from '../../../palette';
|
|
2
|
+
export type TPureInputPalette = {
|
|
3
|
+
text: string;
|
|
4
|
+
bg: string;
|
|
5
|
+
bgOpened: string;
|
|
6
|
+
error: string;
|
|
7
|
+
border: string;
|
|
8
|
+
borderFocus: string;
|
|
9
|
+
placeholder: string;
|
|
10
|
+
};
|
|
11
|
+
export declare const generatePureInputPalette: (abstractPalette: TAbstractPalette) => TPureInputPalette;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { TPureInputPalette } from './palette';
|
|
2
|
-
import { ElementType } from 'react';
|
|
3
|
-
export declare const getPureInputStyled: (component: ElementType) => import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<any, {
|
|
4
|
-
$paddingLeft: number;
|
|
5
|
-
$paddingRight: number;
|
|
6
|
-
$paddingTop: number;
|
|
7
|
-
$paddingBottom: number;
|
|
8
|
-
$borderRadius: number;
|
|
9
|
-
$hasError: boolean;
|
|
10
|
-
$inFocus: boolean;
|
|
11
|
-
$hasBorder: boolean;
|
|
12
|
-
$palette: TPureInputPalette;
|
|
13
|
-
$variant?: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints" | undefined;
|
|
14
|
-
$useModernStyles?: boolean | undefined;
|
|
15
|
-
}>> & string & ({} | Omit<import("react").ComponentClass<any, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<any>, keyof import("react").Component<any, {}, any>>);
|
|
16
|
-
export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<any, {
|
|
17
|
-
$paddingLeft: number;
|
|
18
|
-
$paddingRight: number;
|
|
19
|
-
$paddingTop: number;
|
|
20
|
-
$paddingBottom: number;
|
|
21
|
-
$borderRadius: number;
|
|
22
|
-
$hasError: boolean;
|
|
23
|
-
$inFocus: boolean;
|
|
24
|
-
$hasBorder: boolean;
|
|
25
|
-
$palette: TPureInputPalette;
|
|
26
|
-
$variant?: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints" | undefined;
|
|
27
|
-
$useModernStyles?: boolean | undefined;
|
|
28
|
-
}>> & string & ({} | Omit<import("react").ComponentClass<any, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<any>, keyof import("react").Component<any, {}, any>>);
|
|
1
|
+
import { TPureInputPalette } from './palette';
|
|
2
|
+
import { ElementType } from 'react';
|
|
3
|
+
export declare const getPureInputStyled: (component: ElementType) => import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<any, {
|
|
4
|
+
$paddingLeft: number;
|
|
5
|
+
$paddingRight: number;
|
|
6
|
+
$paddingTop: number;
|
|
7
|
+
$paddingBottom: number;
|
|
8
|
+
$borderRadius: number;
|
|
9
|
+
$hasError: boolean;
|
|
10
|
+
$inFocus: boolean;
|
|
11
|
+
$hasBorder: boolean;
|
|
12
|
+
$palette: TPureInputPalette;
|
|
13
|
+
$variant?: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints" | undefined;
|
|
14
|
+
$useModernStyles?: boolean | undefined;
|
|
15
|
+
}>> & string & ({} | Omit<import("react").ComponentClass<any, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<any>, keyof import("react").Component<any, {}, any>>);
|
|
16
|
+
export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<any, {
|
|
17
|
+
$paddingLeft: number;
|
|
18
|
+
$paddingRight: number;
|
|
19
|
+
$paddingTop: number;
|
|
20
|
+
$paddingBottom: number;
|
|
21
|
+
$borderRadius: number;
|
|
22
|
+
$hasError: boolean;
|
|
23
|
+
$inFocus: boolean;
|
|
24
|
+
$hasBorder: boolean;
|
|
25
|
+
$palette: TPureInputPalette;
|
|
26
|
+
$variant?: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints" | undefined;
|
|
27
|
+
$useModernStyles?: boolean | undefined;
|
|
28
|
+
}>> & string & ({} | Omit<import("react").ComponentClass<any, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<any>, keyof import("react").Component<any, {}, any>>);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const CrossIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
export declare const CrossIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { CrossIcon } from './index';
|
|
3
|
-
declare const meta: Meta<typeof CrossIcon>;
|
|
4
|
-
export default meta;
|
|
5
|
-
export declare const Default: StoryObj<typeof CrossIcon>;
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { CrossIcon } from './index';
|
|
3
|
+
declare const meta: Meta<typeof CrossIcon>;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare const Default: StoryObj<typeof CrossIcon>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
export type TProps = {
|
|
3
|
-
onClick: () => void;
|
|
4
|
-
};
|
|
5
|
-
export declare const ResetButton: FC<TProps>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
export type TProps = {
|
|
3
|
+
onClick: () => void;
|
|
4
|
+
};
|
|
5
|
+
export declare const ResetButton: FC<TProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { ResetButton, TProps } from './index';
|
|
3
|
-
declare const meta: Meta<typeof ResetButton>;
|
|
4
|
-
export default meta;
|
|
5
|
-
export declare const Default: StoryObj<TProps>;
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { ResetButton, TProps } from './index';
|
|
3
|
+
declare const meta: Meta<typeof ResetButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare const Default: StoryObj<TProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { TAbstractPalette } from '../../../palette';
|
|
2
|
-
export type TResetButtonPalette = {
|
|
3
|
-
color: string;
|
|
4
|
-
};
|
|
5
|
-
export declare const generateResetButtonPalette: (abstractPalette: TAbstractPalette) => TResetButtonPalette;
|
|
1
|
+
import { TAbstractPalette } from '../../../palette';
|
|
2
|
+
export type TResetButtonPalette = {
|
|
3
|
+
color: string;
|
|
4
|
+
};
|
|
5
|
+
export declare const generateResetButtonPalette: (abstractPalette: TAbstractPalette) => TResetButtonPalette;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
3
|
-
$color: string;
|
|
4
|
-
}>> & string;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
3
|
+
$color: string;
|
|
4
|
+
}>> & string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const SearchIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
export declare const SearchIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { SearchIcon } from '.';
|
|
3
|
-
declare const meta: Meta<typeof SearchIcon>;
|
|
4
|
-
export default meta;
|
|
5
|
-
export declare const Default: StoryObj<typeof SearchIcon>;
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { SearchIcon } from '.';
|
|
3
|
+
declare const meta: Meta<typeof SearchIcon>;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare const Default: StoryObj<typeof SearchIcon>;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TProps as PureInputProps } from '../PureInput';
|
|
3
|
-
import { TSizes } from '../constants';
|
|
4
|
-
export type TProps = Pick<PureInputProps, 'placeholder' | 'hasBorder' | 'autoFocus' | 'name' | 'onFocus' | 'onBlur' | 'isOnlyNumbers' | 'maxLength'> & {
|
|
5
|
-
value: string;
|
|
6
|
-
onChange: (value: string) => void;
|
|
7
|
-
size?: TSizes;
|
|
8
|
-
useModernStyles?: boolean;
|
|
9
|
-
};
|
|
10
|
-
export declare const SearchInput: React.ForwardRefExoticComponent<Pick<PureInputProps, "name" | "maxLength" | "placeholder" | "autoFocus" | "onFocus" | "onBlur" | "hasBorder" | "isOnlyNumbers"> & {
|
|
11
|
-
value: string;
|
|
12
|
-
onChange: (value: string) => void;
|
|
13
|
-
size?: TSizes | undefined;
|
|
14
|
-
useModernStyles?: boolean | undefined;
|
|
15
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TProps as PureInputProps } from '../PureInput';
|
|
3
|
+
import { TSizes } from '../constants';
|
|
4
|
+
export type TProps = Pick<PureInputProps, 'placeholder' | 'hasBorder' | 'autoFocus' | 'name' | 'onFocus' | 'onBlur' | 'isOnlyNumbers' | 'maxLength'> & {
|
|
5
|
+
value: string;
|
|
6
|
+
onChange: (value: string) => void;
|
|
7
|
+
size?: TSizes;
|
|
8
|
+
useModernStyles?: boolean;
|
|
9
|
+
};
|
|
10
|
+
export declare const SearchInput: React.ForwardRefExoticComponent<Pick<PureInputProps, "name" | "maxLength" | "placeholder" | "autoFocus" | "onFocus" | "onBlur" | "hasBorder" | "isOnlyNumbers"> & {
|
|
11
|
+
value: string;
|
|
12
|
+
onChange: (value: string) => void;
|
|
13
|
+
size?: TSizes | undefined;
|
|
14
|
+
useModernStyles?: boolean | undefined;
|
|
15
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { SearchInput, TProps } from './index';
|
|
3
|
-
declare const meta: Meta<typeof SearchInput>;
|
|
4
|
-
export default meta;
|
|
5
|
-
export declare const Default: StoryObj<TProps>;
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { SearchInput, TProps } from './index';
|
|
3
|
+
declare const meta: Meta<typeof SearchInput>;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare const Default: StoryObj<TProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { TAbstractPalette } from '../../../palette';
|
|
2
|
-
export type TSearchInputPalette = {
|
|
3
|
-
icon: string;
|
|
4
|
-
};
|
|
5
|
-
export declare const generateSearchInputPalette: (abstractPalette: TAbstractPalette) => TSearchInputPalette;
|
|
1
|
+
import { TAbstractPalette } from '../../../palette';
|
|
2
|
+
export type TSearchInputPalette = {
|
|
3
|
+
icon: string;
|
|
4
|
+
};
|
|
5
|
+
export declare const generateSearchInputPalette: (abstractPalette: TAbstractPalette) => TSearchInputPalette;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TSearchInputPalette } from './palette';
|
|
3
|
-
export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
4
|
-
$inFocus: boolean;
|
|
5
|
-
$palette: TSearchInputPalette;
|
|
6
|
-
$wideBottomSpacing: boolean;
|
|
7
|
-
}>> & string;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TSearchInputPalette } from './palette';
|
|
3
|
+
export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
4
|
+
$inFocus: boolean;
|
|
5
|
+
$palette: TSearchInputPalette;
|
|
6
|
+
$wideBottomSpacing: boolean;
|
|
7
|
+
}>> & string;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TProps as TInputLabelProps } from '../../../InputLabel';
|
|
3
|
-
import { TProps as TPureInputProps } from '../../../PureInput';
|
|
4
|
-
import { TProps as TArrowProps } from '../../../../common/Arrow';
|
|
5
|
-
import { TSizes } from '../../../constants';
|
|
6
|
-
export type TProps = Pick<TInputLabelProps, 'inFocus' | 'label' | 'required'> & Pick<TPureInputProps, 'hasError' | 'placeholder' | 'name' | 'onFocus' | 'onBlur' | 'value' | 'onClick'> & Pick<TArrowProps, 'isOpen'> & {
|
|
7
|
-
onReset?: () => void;
|
|
8
|
-
size?: TSizes;
|
|
9
|
-
renderedValue?: React.ReactNode;
|
|
10
|
-
useModernStyles?: boolean;
|
|
11
|
-
};
|
|
12
|
-
export declare const Input: React.ForwardRefExoticComponent<Pick<TInputLabelProps, "required" | "label" | "inFocus"> & Pick<TPureInputProps, "name" | "value" | "placeholder" | "onFocus" | "onBlur" | "onClick" | "hasError"> & Pick<TArrowProps, "isOpen"> & {
|
|
13
|
-
onReset?: (() => void) | undefined;
|
|
14
|
-
size?: TSizes | undefined;
|
|
15
|
-
renderedValue?: React.ReactNode;
|
|
16
|
-
useModernStyles?: boolean | undefined;
|
|
17
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TProps as TInputLabelProps } from '../../../InputLabel';
|
|
3
|
+
import { TProps as TPureInputProps } from '../../../PureInput';
|
|
4
|
+
import { TProps as TArrowProps } from '../../../../common/Arrow';
|
|
5
|
+
import { TSizes } from '../../../constants';
|
|
6
|
+
export type TProps = Pick<TInputLabelProps, 'inFocus' | 'label' | 'required'> & Pick<TPureInputProps, 'hasError' | 'placeholder' | 'name' | 'onFocus' | 'onBlur' | 'value' | 'onClick'> & Pick<TArrowProps, 'isOpen'> & {
|
|
7
|
+
onReset?: () => void;
|
|
8
|
+
size?: TSizes;
|
|
9
|
+
renderedValue?: React.ReactNode;
|
|
10
|
+
useModernStyles?: boolean;
|
|
11
|
+
};
|
|
12
|
+
export declare const Input: React.ForwardRefExoticComponent<Pick<TInputLabelProps, "required" | "label" | "inFocus"> & Pick<TPureInputProps, "name" | "value" | "placeholder" | "onFocus" | "onBlur" | "onClick" | "hasError"> & Pick<TArrowProps, "isOpen"> & {
|
|
13
|
+
onReset?: (() => void) | undefined;
|
|
14
|
+
size?: TSizes | undefined;
|
|
15
|
+
renderedValue?: React.ReactNode;
|
|
16
|
+
useModernStyles?: boolean | undefined;
|
|
17
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Input, TProps } from '.';
|
|
3
|
-
declare const meta: Meta<typeof Input>;
|
|
4
|
-
export default meta;
|
|
5
|
-
export declare const Default: StoryObj<TProps>;
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Input, TProps } from '.';
|
|
3
|
+
declare const meta: Meta<typeof Input>;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare const Default: StoryObj<TProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
3
|
-
$pointerEvents: string;
|
|
4
|
-
}>> & string;
|
|
5
|
-
export declare const ControlWrapper: 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 IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
3
|
+
$pointerEvents: string;
|
|
4
|
+
}>> & string;
|
|
5
|
+
export declare const ControlWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const Loader: () => import("react/jsx-runtime").JSX.Element;
|
|
2
|
-
export default Loader;
|
|
1
|
+
declare const Loader: () => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export default Loader;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
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;
|
|
3
|
-
export declare const SvgLoader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGSVGElement>, never>> & string;
|
|
4
|
-
export declare const CircleLoader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGCircleElement>, never>> & string;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
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;
|
|
3
|
+
export declare const SvgLoader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGSVGElement>, never>> & string;
|
|
4
|
+
export declare const CircleLoader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGCircleElement>, never>> & string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { TGroup, TOption } from '..';
|
|
2
|
-
export declare const useOptionGroups: <TValue>(options: TOption<TValue>[], groups: TGroup[]) => {
|
|
3
|
-
group: TGroup | null;
|
|
4
|
-
options: TOption<TValue>[];
|
|
5
|
-
}[];
|
|
1
|
+
import { TGroup, TOption } from '..';
|
|
2
|
+
export declare const useOptionGroups: <TValue>(options: TOption<TValue>[], groups: TGroup[]) => {
|
|
3
|
+
group: TGroup | null;
|
|
4
|
+
options: TOption<TValue>[];
|
|
5
|
+
}[];
|
|
@@ -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;
|