@invoicebox/ui 0.1.0-alpha.295 → 0.1.0-alpha.296
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/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/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,7 +1,7 @@
|
|
|
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 Number: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
4
|
-
$opacity: number;
|
|
5
|
-
$incline: number;
|
|
6
|
-
$isActive: boolean;
|
|
7
|
-
}>> & 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 Number: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
4
|
+
$opacity: number;
|
|
5
|
+
$incline: number;
|
|
6
|
+
$isActive: boolean;
|
|
7
|
+
}>> & string;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
export type TProps = {
|
|
3
|
-
value: [number, number];
|
|
4
|
-
onChange: (value: [number, number]) => void;
|
|
5
|
-
height?: number;
|
|
6
|
-
minTime?: [number, number];
|
|
7
|
-
maxTime?: [number, number];
|
|
8
|
-
};
|
|
9
|
-
export declare const TimePicker: FC<TProps>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
export type TProps = {
|
|
3
|
+
value: [number, number];
|
|
4
|
+
onChange: (value: [number, number]) => void;
|
|
5
|
+
height?: number;
|
|
6
|
+
minTime?: [number, number];
|
|
7
|
+
maxTime?: [number, number];
|
|
8
|
+
};
|
|
9
|
+
export declare const TimePicker: FC<TProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { TimePicker, TProps } from './index';
|
|
3
|
-
declare const meta: Meta<typeof TimePicker>;
|
|
4
|
-
export default meta;
|
|
5
|
-
export declare const Default: StoryObj<TProps>;
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { TimePicker, TProps } from './index';
|
|
3
|
+
declare const meta: Meta<typeof TimePicker>;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare const Default: StoryObj<TProps>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { TAbstractPalette } from '../../../../../palette';
|
|
2
|
-
export type TTimePickerPalette = {
|
|
3
|
-
label: string;
|
|
4
|
-
tile: string;
|
|
5
|
-
tileActive: string;
|
|
6
|
-
tileBgActive: string;
|
|
7
|
-
tileDisabled: string;
|
|
8
|
-
divider: string;
|
|
9
|
-
};
|
|
10
|
-
export declare const generateTimePickerPalette: (abstractPalette: TAbstractPalette) => TTimePickerPalette;
|
|
1
|
+
import { TAbstractPalette } from '../../../../../palette';
|
|
2
|
+
export type TTimePickerPalette = {
|
|
3
|
+
label: string;
|
|
4
|
+
tile: string;
|
|
5
|
+
tileActive: string;
|
|
6
|
+
tileBgActive: string;
|
|
7
|
+
tileDisabled: string;
|
|
8
|
+
divider: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const generateTimePickerPalette: (abstractPalette: TAbstractPalette) => TTimePickerPalette;
|
|
@@ -1,22 +1,22 @@
|
|
|
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
|
-
$height: number;
|
|
4
|
-
}>> & string;
|
|
5
|
-
export declare const ColumnWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
6
|
-
$borderColor: string;
|
|
7
|
-
}>> & string;
|
|
8
|
-
export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
|
|
9
|
-
$color: string;
|
|
10
|
-
}>> & string & Omit<import("react").FC<import("../../../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
|
|
11
|
-
export declare const ValuesWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
|
-
export declare const ValueWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
13
|
-
$color: string;
|
|
14
|
-
$colorActive: string;
|
|
15
|
-
$isActive: boolean;
|
|
16
|
-
$bgActive: string;
|
|
17
|
-
$colorDisabled: string;
|
|
18
|
-
}>> & string;
|
|
19
|
-
export declare const MobileWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
20
|
-
$isIphone: boolean;
|
|
21
|
-
}>> & string;
|
|
22
|
-
export declare const SelectedMask: 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 Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
3
|
+
$height: number;
|
|
4
|
+
}>> & string;
|
|
5
|
+
export declare const ColumnWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
6
|
+
$borderColor: string;
|
|
7
|
+
}>> & string;
|
|
8
|
+
export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
|
|
9
|
+
$color: string;
|
|
10
|
+
}>> & string & Omit<import("react").FC<import("../../../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
|
|
11
|
+
export declare const ValuesWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
|
+
export declare const ValueWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
13
|
+
$color: string;
|
|
14
|
+
$colorActive: string;
|
|
15
|
+
$isActive: boolean;
|
|
16
|
+
$bgActive: string;
|
|
17
|
+
$colorDisabled: string;
|
|
18
|
+
}>> & string;
|
|
19
|
+
export declare const MobileWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
20
|
+
$isIphone: boolean;
|
|
21
|
+
}>> & string;
|
|
22
|
+
export declare const SelectedMask: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const useStringValue: (value: Date | null) => [string, (value: string) => void];
|
|
1
|
+
export declare const useStringValue: (value: Date | null) => [string, (value: string) => void];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const useTimePickerHeight: (isOpen: boolean) => {
|
|
3
|
-
calendarRef: import("react").RefObject<HTMLDivElement>;
|
|
4
|
-
timePickerHeight: number;
|
|
5
|
-
handleTimePickerSetHeight: () => void;
|
|
6
|
-
};
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const useTimePickerHeight: (isOpen: boolean) => {
|
|
3
|
+
calendarRef: import("react").RefObject<HTMLDivElement>;
|
|
4
|
+
timePickerHeight: number;
|
|
5
|
+
handleTimePickerSetHeight: () => void;
|
|
6
|
+
};
|
|
@@ -1,19 +1,19 @@
|
|
|
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
|
-
import { TProps as TCalendarProps } from '../../common/Calendar';
|
|
6
|
-
import { TDropdownProps } from '../../../index';
|
|
7
|
-
export type TProps = {
|
|
8
|
-
value: Date | null;
|
|
9
|
-
onChange: (value: Date) => void;
|
|
10
|
-
placeholder?: string;
|
|
11
|
-
dropdownProps?: Pick<TDropdownProps, 'isAutoPosition' | 'positionLeft' | 'positionRight' | 'positionVertical'>;
|
|
12
|
-
saveLabel?: string;
|
|
13
|
-
cancelLabel?: string;
|
|
14
|
-
required?: boolean;
|
|
15
|
-
useModernStyles?: boolean;
|
|
16
|
-
} & Pick<TPureInputProps, 'hasError' | 'name' | 'onBlur' | 'onFocus'> & Pick<TInputLabelProps, 'label'> & Pick<TCalendarProps, 'maxDate' | 'minDate'> & {
|
|
17
|
-
size?: TSizes;
|
|
18
|
-
};
|
|
19
|
-
export declare const DateTimeInput: 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
|
+
import { TProps as TCalendarProps } from '../../common/Calendar';
|
|
6
|
+
import { TDropdownProps } from '../../../index';
|
|
7
|
+
export type TProps = {
|
|
8
|
+
value: Date | null;
|
|
9
|
+
onChange: (value: Date) => void;
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
dropdownProps?: Pick<TDropdownProps, 'isAutoPosition' | 'positionLeft' | 'positionRight' | 'positionVertical'>;
|
|
12
|
+
saveLabel?: string;
|
|
13
|
+
cancelLabel?: string;
|
|
14
|
+
required?: boolean;
|
|
15
|
+
useModernStyles?: boolean;
|
|
16
|
+
} & Pick<TPureInputProps, 'hasError' | 'name' | 'onBlur' | 'onFocus'> & Pick<TInputLabelProps, 'label'> & Pick<TCalendarProps, 'maxDate' | 'minDate'> & {
|
|
17
|
+
size?: TSizes;
|
|
18
|
+
};
|
|
19
|
+
export declare const DateTimeInput: FC<TProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { DateTimeInput } from '.';
|
|
3
|
-
import 'react-calendar/dist/Calendar.css';
|
|
4
|
-
declare const meta: Meta<typeof DateTimeInput>;
|
|
5
|
-
export default meta;
|
|
6
|
-
export declare const Default: StoryObj<typeof DateTimeInput>;
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { DateTimeInput } from '.';
|
|
3
|
+
import 'react-calendar/dist/Calendar.css';
|
|
4
|
+
declare const meta: Meta<typeof DateTimeInput>;
|
|
5
|
+
export default meta;
|
|
6
|
+
export declare const Default: StoryObj<typeof DateTimeInput>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { TAbstractPalette } from '../../../palette';
|
|
2
|
-
export type TDateTimeInputPalette = {
|
|
3
|
-
icon: string;
|
|
4
|
-
buttonLabel: string;
|
|
5
|
-
divider: string;
|
|
6
|
-
cancelButton: string;
|
|
7
|
-
applyButton: string;
|
|
8
|
-
disabledButton: string;
|
|
9
|
-
};
|
|
10
|
-
export declare const generateDateTimeInputPalette: (abstractPalette: TAbstractPalette) => TDateTimeInputPalette;
|
|
1
|
+
import { TAbstractPalette } from '../../../palette';
|
|
2
|
+
export type TDateTimeInputPalette = {
|
|
3
|
+
icon: string;
|
|
4
|
+
buttonLabel: string;
|
|
5
|
+
divider: string;
|
|
6
|
+
cancelButton: string;
|
|
7
|
+
applyButton: string;
|
|
8
|
+
disabledButton: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const generateDateTimeInputPalette: (abstractPalette: TAbstractPalette) => TDateTimeInputPalette;
|
|
@@ -1,19 +1,19 @@
|
|
|
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 InputWrapper: 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 Icon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
5
|
-
$color: string;
|
|
6
|
-
}>> & string;
|
|
7
|
-
export declare const CalendarWithTimePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
8
|
-
$dividerColor: string;
|
|
9
|
-
}>> & string;
|
|
10
|
-
export declare const CalendarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
11
|
-
$dividerColor: string;
|
|
12
|
-
}>> & string;
|
|
13
|
-
export declare const DropdownActionButtons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
14
|
-
export declare const ActionButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
15
|
-
$color: string;
|
|
16
|
-
$bgColor: string;
|
|
17
|
-
$disabledBgColor: string;
|
|
18
|
-
disabled?: boolean | undefined;
|
|
19
|
-
}>> & 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 InputWrapper: 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 Icon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
5
|
+
$color: string;
|
|
6
|
+
}>> & string;
|
|
7
|
+
export declare const CalendarWithTimePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
8
|
+
$dividerColor: string;
|
|
9
|
+
}>> & string;
|
|
10
|
+
export declare const CalendarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
11
|
+
$dividerColor: string;
|
|
12
|
+
}>> & string;
|
|
13
|
+
export declare const DropdownActionButtons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
14
|
+
export declare const ActionButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
15
|
+
$color: string;
|
|
16
|
+
$bgColor: string;
|
|
17
|
+
$disabledBgColor: string;
|
|
18
|
+
disabled?: boolean | undefined;
|
|
19
|
+
}>> & string;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { FC, ReactNode } from 'react';
|
|
2
|
-
import { TSizes } from '../constants';
|
|
3
|
-
export type TProps = {
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
label?: string;
|
|
6
|
-
required?: boolean;
|
|
7
|
-
inFocus?: boolean;
|
|
8
|
-
children: ReactNode;
|
|
9
|
-
useModernStyles?: boolean;
|
|
10
|
-
size?: TSizes;
|
|
11
|
-
left?: number;
|
|
12
|
-
};
|
|
13
|
-
export declare const InputLabel: FC<TProps>;
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
import { TSizes } from '../constants';
|
|
3
|
+
export type TProps = {
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
label?: string;
|
|
6
|
+
required?: boolean;
|
|
7
|
+
inFocus?: boolean;
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
useModernStyles?: boolean;
|
|
10
|
+
size?: TSizes;
|
|
11
|
+
left?: number;
|
|
12
|
+
};
|
|
13
|
+
export declare const InputLabel: FC<TProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { InputLabel, TProps } from '.';
|
|
3
|
-
declare const meta: Meta<typeof InputLabel>;
|
|
4
|
-
export default meta;
|
|
5
|
-
export declare const Default: StoryObj<TProps>;
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { InputLabel, TProps } from '.';
|
|
3
|
+
declare const meta: Meta<typeof InputLabel>;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare const Default: StoryObj<TProps>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { TAbstractPalette } from '../../../palette';
|
|
2
|
-
export type TInputLabelPalette = {
|
|
3
|
-
bg: string;
|
|
4
|
-
text: string;
|
|
5
|
-
textHighlight: string;
|
|
6
|
-
error: string;
|
|
7
|
-
bgModern: string;
|
|
8
|
-
};
|
|
9
|
-
export declare const generateInputLabelPalette: (abstractPalette: TAbstractPalette) => TInputLabelPalette;
|
|
1
|
+
import { TAbstractPalette } from '../../../palette';
|
|
2
|
+
export type TInputLabelPalette = {
|
|
3
|
+
bg: string;
|
|
4
|
+
text: string;
|
|
5
|
+
textHighlight: string;
|
|
6
|
+
error: string;
|
|
7
|
+
bgModern: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const generateInputLabelPalette: (abstractPalette: TAbstractPalette) => TInputLabelPalette;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TInputLabelPalette } from './palette';
|
|
3
|
-
export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
|
|
4
|
-
$inFocus: boolean;
|
|
5
|
-
$palette: TInputLabelPalette;
|
|
6
|
-
$required?: boolean | undefined;
|
|
7
|
-
$useModernStyles?: boolean | undefined;
|
|
8
|
-
$paddingTop?: number | undefined;
|
|
9
|
-
$left?: number | undefined;
|
|
10
|
-
}>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
|
|
11
|
-
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>, {
|
|
12
|
-
$disabled: boolean;
|
|
13
|
-
$isLabel: boolean;
|
|
14
|
-
$palette: TInputLabelPalette;
|
|
15
|
-
$useModernStyles?: boolean | undefined;
|
|
16
|
-
}>> & string;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TInputLabelPalette } from './palette';
|
|
3
|
+
export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
|
|
4
|
+
$inFocus: boolean;
|
|
5
|
+
$palette: TInputLabelPalette;
|
|
6
|
+
$required?: boolean | undefined;
|
|
7
|
+
$useModernStyles?: boolean | undefined;
|
|
8
|
+
$paddingTop?: number | undefined;
|
|
9
|
+
$left?: number | undefined;
|
|
10
|
+
}>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
|
|
11
|
+
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>, {
|
|
12
|
+
$disabled: boolean;
|
|
13
|
+
$isLabel: boolean;
|
|
14
|
+
$palette: TInputLabelPalette;
|
|
15
|
+
$useModernStyles?: boolean | undefined;
|
|
16
|
+
}>> & string;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { FC, ReactNode } from 'react';
|
|
2
|
-
import { TSizes } from '../constants';
|
|
3
|
-
type TProps = {
|
|
4
|
-
visible: boolean;
|
|
5
|
-
paddingLeft?: number;
|
|
6
|
-
paddingTop: number;
|
|
7
|
-
size: TSizes;
|
|
8
|
-
required?: boolean;
|
|
9
|
-
children: ReactNode;
|
|
10
|
-
};
|
|
11
|
-
export declare const ModernPlaceholder: FC<TProps>;
|
|
12
|
-
export {};
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
import { TSizes } from '../constants';
|
|
3
|
+
type TProps = {
|
|
4
|
+
visible: boolean;
|
|
5
|
+
paddingLeft?: number;
|
|
6
|
+
paddingTop: number;
|
|
7
|
+
size: TSizes;
|
|
8
|
+
required?: boolean;
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
};
|
|
11
|
+
export declare const ModernPlaceholder: FC<TProps>;
|
|
12
|
+
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
|
|
3
|
-
$visible: boolean;
|
|
4
|
-
$paddingLeft: number;
|
|
5
|
-
$paddingTop: number;
|
|
6
|
-
$color: string;
|
|
7
|
-
}>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
|
|
8
|
-
export declare const Star: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
9
|
-
$color: string;
|
|
10
|
-
}>> & string;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
|
|
3
|
+
$visible: boolean;
|
|
4
|
+
$paddingLeft: number;
|
|
5
|
+
$paddingTop: number;
|
|
6
|
+
$color: string;
|
|
7
|
+
}>> & string & Omit<import("react").FC<import("../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
|
|
8
|
+
export declare const Star: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
9
|
+
$color: string;
|
|
10
|
+
}>> & string;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { TCountryRule, TSupportedCountries } from './types';
|
|
2
|
-
export declare const MASK_DIGIT_ITEM = "9";
|
|
3
|
-
export declare const getAllCountriesPhoneRules: (isSupportCityRusPhoneNumber: boolean) => Record<TSupportedCountries, TCountryRule>;
|
|
1
|
+
import { TCountryRule, TSupportedCountries } from './types';
|
|
2
|
+
export declare const MASK_DIGIT_ITEM = "9";
|
|
3
|
+
export declare const getAllCountriesPhoneRules: (isSupportCityRusPhoneNumber: boolean) => Record<TSupportedCountries, TCountryRule>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { TSupportedCountries } from './types';
|
|
2
|
-
declare class ExternalPhoneLogic {
|
|
3
|
-
getIsValidPhone(value: string, countries?: Array<TSupportedCountries>, isSupportCityRusPhoneNumber?: boolean): boolean;
|
|
4
|
-
getIsValidRusPhone(phone?: string, isSupportCityRusPhoneNumber?: boolean): boolean;
|
|
5
|
-
}
|
|
6
|
-
export declare const phoneLogic: ExternalPhoneLogic;
|
|
7
|
-
export {};
|
|
1
|
+
import { TSupportedCountries } from './types';
|
|
2
|
+
declare class ExternalPhoneLogic {
|
|
3
|
+
getIsValidPhone(value: string, countries?: Array<TSupportedCountries>, isSupportCityRusPhoneNumber?: boolean): boolean;
|
|
4
|
+
getIsValidRusPhone(phone?: string, isSupportCityRusPhoneNumber?: boolean): boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const phoneLogic: ExternalPhoneLogic;
|
|
7
|
+
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { TCountryRule } from '../types';
|
|
2
|
-
import { PhoneInputLogic } from '../phoneInputLogic';
|
|
3
|
-
export declare const useValidateInitialValue: (phoneInputLogic: PhoneInputLogic, initialValue: string, currentCountriesPhoneRules: {
|
|
4
|
-
[p: string]: TCountryRule;
|
|
5
|
-
}, onValid: (currentInputValue: string, countryCode: string) => void, onUnValid: (countryCode: string) => void) => void;
|
|
1
|
+
import { TCountryRule } from '../types';
|
|
2
|
+
import { PhoneInputLogic } from '../phoneInputLogic';
|
|
3
|
+
export declare const useValidateInitialValue: (phoneInputLogic: PhoneInputLogic, initialValue: string, currentCountriesPhoneRules: {
|
|
4
|
+
[p: string]: TCountryRule;
|
|
5
|
+
}, onValid: (currentInputValue: string, countryCode: string) => void, onUnValid: (countryCode: string) => void) => void;
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { TSupportedCountries } from './types';
|
|
3
|
-
import { TProps as TPureInputProps } from '../PureInput';
|
|
4
|
-
import { TProps as TCountrySelectProps } from '../CountrySelect';
|
|
5
|
-
import { TSizes } from '../constants';
|
|
6
|
-
type TFieldProps = Pick<TPureInputProps, 'name' | 'onBlur' | 'onFocus'> & {
|
|
7
|
-
value: string;
|
|
8
|
-
onChange: (value: string) => void;
|
|
9
|
-
hasError?: boolean;
|
|
10
|
-
};
|
|
11
|
-
type TControlProps = Pick<TPureInputProps, 'disabled' | 'id' | 'autoFocus' | 'useModernStyles'> & {
|
|
12
|
-
label: string;
|
|
13
|
-
countrySelectProps?: Pick<TCountrySelectProps, 'selectedLabel' | 'placeholder'>;
|
|
14
|
-
onCountryChange?: (countryCode: string) => void;
|
|
15
|
-
countries?: Array<{
|
|
16
|
-
label: string;
|
|
17
|
-
value: TSupportedCountries;
|
|
18
|
-
}>;
|
|
19
|
-
pureInputProps?: Pick<TPureInputProps, 'paddingTop' | 'paddingBottom' | 'autoFocus'>;
|
|
20
|
-
size?: TSizes;
|
|
21
|
-
isSupportCityRusPhoneNumber?: boolean;
|
|
22
|
-
isInnerErrorHighlight?: boolean;
|
|
23
|
-
required?: boolean;
|
|
24
|
-
};
|
|
25
|
-
export type TProps = TControlProps & TFieldProps;
|
|
26
|
-
export declare const PhoneInput: FC<TProps>;
|
|
27
|
-
export {};
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { TSupportedCountries } from './types';
|
|
3
|
+
import { TProps as TPureInputProps } from '../PureInput';
|
|
4
|
+
import { TProps as TCountrySelectProps } from '../CountrySelect';
|
|
5
|
+
import { TSizes } from '../constants';
|
|
6
|
+
type TFieldProps = Pick<TPureInputProps, 'name' | 'onBlur' | 'onFocus'> & {
|
|
7
|
+
value: string;
|
|
8
|
+
onChange: (value: string) => void;
|
|
9
|
+
hasError?: boolean;
|
|
10
|
+
};
|
|
11
|
+
type TControlProps = Pick<TPureInputProps, 'disabled' | 'id' | 'autoFocus' | 'useModernStyles'> & {
|
|
12
|
+
label: string;
|
|
13
|
+
countrySelectProps?: Pick<TCountrySelectProps, 'selectedLabel' | 'placeholder'>;
|
|
14
|
+
onCountryChange?: (countryCode: string) => void;
|
|
15
|
+
countries?: Array<{
|
|
16
|
+
label: string;
|
|
17
|
+
value: TSupportedCountries;
|
|
18
|
+
}>;
|
|
19
|
+
pureInputProps?: Pick<TPureInputProps, 'paddingTop' | 'paddingBottom' | 'autoFocus'>;
|
|
20
|
+
size?: TSizes;
|
|
21
|
+
isSupportCityRusPhoneNumber?: boolean;
|
|
22
|
+
isInnerErrorHighlight?: boolean;
|
|
23
|
+
required?: boolean;
|
|
24
|
+
};
|
|
25
|
+
export type TProps = TControlProps & TFieldProps;
|
|
26
|
+
export declare const PhoneInput: FC<TProps>;
|
|
27
|
+
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { TProps, PhoneInput } from '.';
|
|
3
|
-
declare const meta: Meta<typeof PhoneInput>;
|
|
4
|
-
export default meta;
|
|
5
|
-
export declare const MultiCountry: StoryObj<TProps>;
|
|
6
|
-
export declare const MultiCountryWithUnknown: StoryObj<TProps>;
|
|
7
|
-
export declare const DefaultRusCountry: StoryObj<TProps>;
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { TProps, PhoneInput } from '.';
|
|
3
|
+
declare const meta: Meta<typeof PhoneInput>;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare const MultiCountry: StoryObj<TProps>;
|
|
6
|
+
export declare const MultiCountryWithUnknown: StoryObj<TProps>;
|
|
7
|
+
export declare const DefaultRusCountry: StoryObj<TProps>;
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import { TCountryRule, TCountrySelectOption, TSupportedCountries } from './types';
|
|
2
|
-
import { ChangeEvent, ClipboardEvent } from 'react';
|
|
3
|
-
export declare class PhoneInputLogic {
|
|
4
|
-
private isSupportCityRusPhoneNumber;
|
|
5
|
-
private allCountriesPhoneRules;
|
|
6
|
-
constructor(isSupportCityRusPhoneNumber: boolean);
|
|
7
|
-
getRusCountry(): TCountryRule;
|
|
8
|
-
private getCaretPositionByRusValue;
|
|
9
|
-
getIsValidPhoneInputByCountry(value: string, country: TCountryRule): boolean;
|
|
10
|
-
getSupportedCountriesByCountryNames(countries?: Array<TSupportedCountries>): ("RUS" | "BLR" | "KAZ" | "AZE" | "ARM" | "KGZ" | "TJK" | "UZB" | "UNKNOWN")[] | undefined;
|
|
11
|
-
getCountriesSelectOptions(countries?: Array<{
|
|
12
|
-
label: string;
|
|
13
|
-
value: TSupportedCountries;
|
|
14
|
-
}>): {
|
|
15
|
-
description: string;
|
|
16
|
-
flag: "RUS" | "BLR" | "KAZ" | "AZE" | "ARM" | "KGZ" | "MDA" | "TJK" | "UZB" | "CHN" | "ENG" | "ESP" | "UNKNOWN";
|
|
17
|
-
label: string;
|
|
18
|
-
value: TSupportedCountries;
|
|
19
|
-
}[] | undefined;
|
|
20
|
-
getIsHaveCountriesSelectOptions(countrySelectOptions?: Array<TCountrySelectOption | TSupportedCountries>): boolean;
|
|
21
|
-
getCountriesPhoneRulesBySelectOptions(countrySelectOptions?: Array<TCountrySelectOption>): {
|
|
22
|
-
[k: string]: TCountryRule;
|
|
23
|
-
};
|
|
24
|
-
getCountriesPhoneRulesByCountryNames(countrySelectOptions?: Array<TSupportedCountries>): {
|
|
25
|
-
[k: string]: TCountryRule;
|
|
26
|
-
};
|
|
27
|
-
getIsHaveStartSequenceInString(value: string, subsequence: string): boolean;
|
|
28
|
-
formatRusPhoneToUnifiedView(value: string, moveCaret?: (positionCaret: number) => void): string;
|
|
29
|
-
getOnlyNumbersFromString(value: string): string;
|
|
30
|
-
moveCaretByValue(event: ChangeEvent<HTMLInputElement> | ClipboardEvent<HTMLInputElement>): (positionCaret: number) => void;
|
|
31
|
-
getIsNeedChangeCountry(inputValue: string, currentCountry: TCountryRule, newCountry?: [string, TCountryRule]): boolean | "" | undefined;
|
|
32
|
-
}
|
|
1
|
+
import { TCountryRule, TCountrySelectOption, TSupportedCountries } from './types';
|
|
2
|
+
import { ChangeEvent, ClipboardEvent } from 'react';
|
|
3
|
+
export declare class PhoneInputLogic {
|
|
4
|
+
private isSupportCityRusPhoneNumber;
|
|
5
|
+
private allCountriesPhoneRules;
|
|
6
|
+
constructor(isSupportCityRusPhoneNumber: boolean);
|
|
7
|
+
getRusCountry(): TCountryRule;
|
|
8
|
+
private getCaretPositionByRusValue;
|
|
9
|
+
getIsValidPhoneInputByCountry(value: string, country: TCountryRule): boolean;
|
|
10
|
+
getSupportedCountriesByCountryNames(countries?: Array<TSupportedCountries>): ("RUS" | "BLR" | "KAZ" | "AZE" | "ARM" | "KGZ" | "TJK" | "UZB" | "UNKNOWN")[] | undefined;
|
|
11
|
+
getCountriesSelectOptions(countries?: Array<{
|
|
12
|
+
label: string;
|
|
13
|
+
value: TSupportedCountries;
|
|
14
|
+
}>): {
|
|
15
|
+
description: string;
|
|
16
|
+
flag: "RUS" | "BLR" | "KAZ" | "AZE" | "ARM" | "KGZ" | "MDA" | "TJK" | "UZB" | "CHN" | "ENG" | "ESP" | "UNKNOWN";
|
|
17
|
+
label: string;
|
|
18
|
+
value: TSupportedCountries;
|
|
19
|
+
}[] | undefined;
|
|
20
|
+
getIsHaveCountriesSelectOptions(countrySelectOptions?: Array<TCountrySelectOption | TSupportedCountries>): boolean;
|
|
21
|
+
getCountriesPhoneRulesBySelectOptions(countrySelectOptions?: Array<TCountrySelectOption>): {
|
|
22
|
+
[k: string]: TCountryRule;
|
|
23
|
+
};
|
|
24
|
+
getCountriesPhoneRulesByCountryNames(countrySelectOptions?: Array<TSupportedCountries>): {
|
|
25
|
+
[k: string]: TCountryRule;
|
|
26
|
+
};
|
|
27
|
+
getIsHaveStartSequenceInString(value: string, subsequence: string): boolean;
|
|
28
|
+
formatRusPhoneToUnifiedView(value: string, moveCaret?: (positionCaret: number) => void): string;
|
|
29
|
+
getOnlyNumbersFromString(value: string): string;
|
|
30
|
+
moveCaretByValue(event: ChangeEvent<HTMLInputElement> | ClipboardEvent<HTMLInputElement>): (positionCaret: number) => void;
|
|
31
|
+
getIsNeedChangeCountry(inputValue: string, currentCountry: TCountryRule, newCountry?: [string, TCountryRule]): boolean | "" | undefined;
|
|
32
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const CountrySelectWrapper: 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;
|
|
4
|
-
export declare const InputLabelFloatWrapper: 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 CountrySelectWrapper: 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;
|
|
4
|
+
export declare const InputLabelFloatWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|