@invoicebox/ui 0.1.0-alpha.115 → 0.1.0-alpha.117
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/dist/components/_helpers/StoryBorderWrapper/index.d.ts +1 -1
- package/dist/components/_helpers/StoryBorderWrapper/index.js +1 -1
- package/dist/components/common/AppCardLink/components/ApkRu.js +1 -1
- package/dist/components/common/AppCardLink/components/AppGalleryRu.js +1 -1
- package/dist/components/common/AppCardLink/components/GooglePlayRu.js +1 -1
- package/dist/components/common/AppCardLink/components/RuStoreRu.js +1 -1
- package/dist/components/common/AppCardLink/index.js +2 -2
- package/dist/components/common/AppCardLink/styles.d.ts +1 -1
- package/dist/components/common/AppCardLink/styles.js +1 -1
- package/dist/components/common/Arrow/components/StyledSvg/index.d.ts +2 -2
- package/dist/components/common/Arrow/components/StyledSvg/index.js +1 -1
- package/dist/components/common/Arrow/components/Svg/index.js +1 -1
- package/dist/components/common/Arrow/index.js +1 -1
- package/dist/components/common/Arrow/palette.js +1 -1
- package/dist/components/common/BgCard/index.js +2 -2
- package/dist/components/common/BgCard/index.stories.js +1 -1
- package/dist/components/common/BgCard/styles.d.ts +2 -2
- package/dist/components/common/BgCard/styles.js +1 -1
- package/dist/components/common/Calendar/docs.stories.js +1 -1
- package/dist/components/common/Calendar/index.js +2 -2
- package/dist/components/common/Calendar/index.stories.js +5 -5
- package/dist/components/common/Calendar/palette.js +1 -1
- package/dist/components/common/Divider/index.js +2 -2
- package/dist/components/common/Divider/styles.d.ts +2 -2
- package/dist/components/common/Divider/styles.js +1 -1
- package/dist/components/common/Dropdown/index.js +5 -5
- package/dist/components/common/Dropdown/index.stories.js +3 -3
- package/dist/components/common/Dropdown/palette.js +1 -1
- package/dist/components/common/Dropdown/styles.d.ts +2 -2
- package/dist/components/common/Dropdown/styles.js +1 -1
- package/dist/components/common/Flag/components/ArmFlag/index.js +1 -1
- package/dist/components/common/Flag/components/AzeFlag/index.js +1 -1
- package/dist/components/common/Flag/components/BlrFlag/index.js +1 -1
- package/dist/components/common/Flag/components/ChnFlag/index.js +1 -1
- package/dist/components/common/Flag/components/EngFlag/index.js +1 -1
- package/dist/components/common/Flag/components/EspFlag/index.js +1 -1
- package/dist/components/common/Flag/components/KazFlag/index.js +1 -1
- package/dist/components/common/Flag/components/KgzFlag/index.js +1 -1
- package/dist/components/common/Flag/components/MdaFlag/index.js +1 -1
- package/dist/components/common/Flag/components/RusFlag/index.js +1 -1
- package/dist/components/common/Flag/components/TjkFlag/index.js +1 -1
- package/dist/components/common/Flag/components/UnknownFlag/index.js +1 -1
- package/dist/components/common/Flag/components/UzbFlag/index.js +1 -1
- package/dist/components/common/Flag/index.js +2 -2
- package/dist/components/common/Flag/styles.d.ts +2 -2
- package/dist/components/common/Flag/styles.js +1 -1
- package/dist/components/common/InvoiceboxLoader/index.js +1 -1
- package/dist/components/common/InvoiceboxLogo/components/LogoDarkRu.js +1 -1
- package/dist/components/common/InvoiceboxLogo/index.js +1 -1
- package/dist/components/common/InvoiceboxSpinner/index.js +2 -2
- package/dist/components/common/InvoiceboxSpinner/styles.d.ts +2 -2
- package/dist/components/common/InvoiceboxSpinner/styles.js +1 -1
- package/dist/components/common/Scrollbar/index.js +2 -2
- package/dist/components/common/Scrollbar/index.stories.js +1 -1
- package/dist/components/common/SecondaryButton/index.js +5 -5
- package/dist/components/common/SecondaryButton/index.stories.js +2 -2
- package/dist/components/common/SecondaryButton/styles.d.ts +41 -5
- package/dist/components/common/SecondaryButton/styles.js +1 -1
- package/dist/components/common/Skeleton/index.js +2 -2
- package/dist/components/common/Skeleton/index.stories.js +1 -1
- package/dist/components/common/Skeleton/styles.d.ts +4 -4
- package/dist/components/common/Skeleton/styles.js +1 -1
- package/dist/components/common/Toast/docs.stories.js +1 -1
- package/dist/components/common/Toast/index.js +4 -4
- package/dist/components/common/Toast/index.stories.js +1 -1
- package/dist/components/common/Toast/styles.d.ts +4 -2
- package/dist/components/common/Toast/styles.js +1 -1
- package/dist/components/common/Typography/index.js +4 -4
- package/dist/components/common/Typography/index.stories.js +1 -1
- package/dist/components/common/Typography/styles.d.ts +2 -2
- package/dist/components/common/Typography/styles.js +1 -1
- package/dist/components/common/WarningIcon/components/Icon.js +1 -1
- package/dist/components/common/WarningIcon/index.js +2 -2
- package/dist/components/common/WarningIcon/styles.d.ts +2 -2
- package/dist/components/common/WarningIcon/styles.js +1 -1
- package/dist/components/form/Autocomplete/components/Autocomplete/index.js +5 -5
- package/dist/components/form/Autocomplete/components/Autocomplete/index.stories.js +6 -6
- package/dist/components/form/Autocomplete/components/Autocomplete/styles.d.ts +5 -5
- package/dist/components/form/Autocomplete/components/Autocomplete/styles.js +1 -1
- package/dist/components/form/Autocomplete/components/AutocompleteDefaultOption/index.js +1 -1
- package/dist/components/form/Autocomplete/components/AutocompleteDefaultOption/index.stories.js +1 -1
- package/dist/components/form/Autocomplete/components/AutocompleteDefaultOption/palette.js +1 -1
- package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/index.js +2 -2
- package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/index.stories.js +1 -1
- package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/palette.js +1 -1
- package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/styles.d.ts +226 -10
- package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/styles.js +1 -1
- package/dist/components/form/CountrySelect/components/CountryItem/index.js +1 -1
- package/dist/components/form/CountrySelect/components/CountryItem/index.stories.js +2 -2
- package/dist/components/form/CountrySelect/components/CountryItem/stlyes.d.ts +4 -4
- package/dist/components/form/CountrySelect/components/CountryItem/stlyes.js +1 -1
- package/dist/components/form/CountrySelect/index.js +11 -11
- package/dist/components/form/CountrySelect/index.stories.js +6 -6
- package/dist/components/form/CountrySelect/logic.js +5 -6
- package/dist/components/form/CountrySelect/palette.js +1 -1
- package/dist/components/form/CountrySelect/stlyes.d.ts +5 -5
- package/dist/components/form/CountrySelect/stlyes.js +1 -1
- package/dist/components/form/DateInput/components/Icon/index.js +1 -1
- package/dist/components/form/DateInput/docs.stories.js +1 -1
- package/dist/components/form/DateInput/index.js +5 -5
- package/dist/components/form/DateInput/index.stories.js +6 -6
- package/dist/components/form/DateInput/logic.js +10 -11
- package/dist/components/form/DateInput/styles.d.ts +5 -5
- package/dist/components/form/DateInput/styles.js +1 -1
- package/dist/components/form/InputLabel/index.js +2 -2
- package/dist/components/form/InputLabel/index.stories.js +1 -1
- package/dist/components/form/InputLabel/styles.d.ts +40 -4
- package/dist/components/form/InputLabel/styles.js +1 -1
- package/dist/components/form/PhoneInput/externalPhoneLogic.js +5 -6
- package/dist/components/form/PhoneInput/hooks/useValidateInitialValue.js +7 -7
- package/dist/components/form/PhoneInput/index.js +6 -6
- package/dist/components/form/PhoneInput/index.stories.js +8 -8
- package/dist/components/form/PhoneInput/phoneInputLogic.js +6 -7
- package/dist/components/form/PhoneInput/styles.d.ts +3 -3
- package/dist/components/form/PhoneInput/styles.js +1 -1
- package/dist/components/form/PositiveIntegerInput/index.js +1 -1
- package/dist/components/form/PositiveIntegerInput/index.stories.js +6 -6
- package/dist/components/form/PositiveIntegerInput/styles.d.ts +4 -4
- package/dist/components/form/PositiveIntegerInput/styles.js +1 -1
- package/dist/components/form/PureInput/index.js +5 -5
- package/dist/components/form/PureInput/palette.js +1 -1
- package/dist/components/form/PureInput/styles.d.ts +38 -2
- package/dist/components/form/PureInput/styles.js +1 -1
- package/dist/components/form/SearchInput/components/CrossIcon/index.js +1 -1
- package/dist/components/form/SearchInput/components/SearchIcon/index.js +1 -1
- package/dist/components/form/SearchInput/index.js +1 -1
- package/dist/components/form/SearchInput/index.stories.js +6 -6
- package/dist/components/form/SearchInput/styles.d.ts +3 -3
- package/dist/components/form/SearchInput/styles.js +1 -1
- package/dist/components/form/Select/components/Input/index.js +2 -2
- package/dist/components/form/Select/components/Input/styles.d.ts +2 -2
- package/dist/components/form/Select/components/Input/styles.js +1 -1
- package/dist/components/form/Select/index.js +5 -5
- package/dist/components/form/Select/index.stories.js +6 -6
- package/dist/components/form/Select/palette.js +1 -1
- package/dist/components/form/Select/styles.d.ts +78 -6
- package/dist/components/form/Select/styles.js +1 -1
- package/dist/components/form/TextInput/index.js +1 -1
- package/dist/components/form/TextInput/index.stories.js +6 -6
- package/dist/components/form/TextInput/styles.d.ts +2 -2
- package/dist/components/form/TextInput/styles.js +1 -1
- package/dist/components/payment/PaymentCard/components/DefaultLogo.js +1 -1
- package/dist/components/payment/PaymentCard/components/SelectedRadioIcon.js +1 -1
- package/dist/components/payment/PaymentCard/components/UnselectedRadioIcon.js +1 -1
- package/dist/components/payment/PaymentCard/index.js +2 -2
- package/dist/components/payment/PaymentCard/index.stories.js +1 -1
- package/dist/components/payment/PaymentCard/palette.js +1 -1
- package/dist/components/payment/PaymentCard/styles.d.ts +82 -10
- package/dist/components/payment/PaymentCard/styles.js +1 -1
- package/dist/hooks/useCss/index.stories.js +5 -5
- package/dist/hooks/useInputFocus/index.js +4 -4
- package/dist/hooks/useInputFocus/index.stories.js +1 -1
- package/dist/hooks/useMedia/index.stories.js +1 -1
- package/dist/hooks/useOutsideClick/index.stories.js +1 -1
- package/dist/hooks/useUnupdatableHandler/index.stories.js +5 -5
- package/dist/index.d.ts +0 -3
- package/dist/index.js +0 -21
- package/dist/palette/colors.stories.js +1 -1
- package/dist/palette/index.stories.js +1 -1
- package/dist/palette/provider.js +3 -3
- package/dist/palette/useComponentPalette.js +2 -2
- package/package.json +2 -7
- package/dist/components/_helpers/StoryOneFieldForm/index.d.ts +0 -12
- package/dist/components/_helpers/StoryOneFieldForm/index.js +0 -39
- package/dist/components/common/Portal/index.d.ts +0 -5
- package/dist/components/common/Portal/index.js +0 -27
- package/dist/components/common/Portal/index.stories.d.ts +0 -10
- package/dist/components/common/Portal/index.stories.js +0 -26
- package/dist/components/formFields/RHFAutocomplete/index.d.ts +0 -6
- package/dist/components/formFields/RHFAutocomplete/index.js +0 -44
- package/dist/components/formFields/RHFAutocomplete/index.stories.d.ts +0 -5
- package/dist/components/formFields/RHFAutocomplete/index.stories.js +0 -40
- package/dist/components/formFields/RHFTextInput/index.d.ts +0 -6
- package/dist/components/formFields/RHFTextInput/index.js +0 -37
- package/dist/components/formFields/RHFTextInput/index.stories.d.ts +0 -5
- package/dist/components/formFields/RHFTextInput/index.stories.js +0 -38
|
@@ -1,23 +1,95 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { TPaymentCardPalette } from './palette';
|
|
3
|
-
export declare const Wrapper: import("styled-components").
|
|
3
|
+
export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
4
4
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
5
5
|
}>, never>, {
|
|
6
6
|
$isActive: boolean;
|
|
7
7
|
$isDisabled: boolean;
|
|
8
8
|
$pallete: TPaymentCardPalette;
|
|
9
|
-
}
|
|
10
|
-
export declare const RadioWrpper: import("styled-components").
|
|
11
|
-
export declare const Content: import("styled-components").
|
|
12
|
-
export declare const Title: import("styled-components").
|
|
9
|
+
}>> & string;
|
|
10
|
+
export declare const RadioWrpper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
11
|
+
export declare const Content: 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 Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<{
|
|
13
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
14
|
+
} & {
|
|
15
|
+
element?: "div" | undefined;
|
|
16
|
+
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
17
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
18
|
+
}) | (Omit<{
|
|
19
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
20
|
+
} & {
|
|
21
|
+
element: "p";
|
|
22
|
+
} & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
23
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
24
|
+
}) | (Omit<{
|
|
25
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
26
|
+
} & {
|
|
27
|
+
element: "span";
|
|
28
|
+
} & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
29
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
30
|
+
}) | (Omit<{
|
|
31
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
32
|
+
} & {
|
|
33
|
+
element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
34
|
+
} & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
35
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
36
|
+
}) | (Omit<{
|
|
37
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
38
|
+
} & {
|
|
39
|
+
element: "button";
|
|
40
|
+
} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
41
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
42
|
+
}) | (Omit<{
|
|
43
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
44
|
+
} & {
|
|
45
|
+
element: "input";
|
|
46
|
+
} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
47
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
48
|
+
}), {
|
|
13
49
|
$ellipsis: boolean;
|
|
14
50
|
$pallete: TPaymentCardPalette;
|
|
15
|
-
}>> & Omit<import("react").ForwardRefExoticComponent<import("../../common/Typography").TProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
|
|
16
|
-
export declare const IconWrapper: import("styled-components").
|
|
51
|
+
}>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../common/Typography").TProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
|
|
52
|
+
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>, {
|
|
17
53
|
$isActive: boolean;
|
|
18
54
|
$pallete: TPaymentCardPalette;
|
|
19
|
-
}
|
|
20
|
-
export declare const Comment: import("styled-components").
|
|
55
|
+
}>> & string;
|
|
56
|
+
export declare const Comment: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<{
|
|
57
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
58
|
+
} & {
|
|
59
|
+
element?: "div" | undefined;
|
|
60
|
+
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
61
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
62
|
+
}) | (Omit<{
|
|
63
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
64
|
+
} & {
|
|
65
|
+
element: "p";
|
|
66
|
+
} & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
67
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
68
|
+
}) | (Omit<{
|
|
69
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
70
|
+
} & {
|
|
71
|
+
element: "span";
|
|
72
|
+
} & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
73
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
74
|
+
}) | (Omit<{
|
|
75
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
76
|
+
} & {
|
|
77
|
+
element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
78
|
+
} & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
79
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
80
|
+
}) | (Omit<{
|
|
81
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
82
|
+
} & {
|
|
83
|
+
element: "button";
|
|
84
|
+
} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
85
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
86
|
+
}) | (Omit<{
|
|
87
|
+
variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
|
|
88
|
+
} & {
|
|
89
|
+
element: "input";
|
|
90
|
+
} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
91
|
+
ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
92
|
+
}), {
|
|
21
93
|
$pallete: TPaymentCardPalette;
|
|
22
94
|
$isActive: boolean;
|
|
23
|
-
}>> & Omit<import("react").ForwardRefExoticComponent<import("../../common/Typography").TProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
|
|
95
|
+
}>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../common/Typography").TProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
|
|
@@ -8,7 +8,7 @@ exports.Wrapper = exports.Title = exports.RadioWrpper = exports.IconWrapper = ex
|
|
|
8
8
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
9
9
|
var _Typography = require("../../common/Typography");
|
|
10
10
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
11
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
11
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
12
12
|
var Wrapper = exports.Wrapper = _styledComponents["default"].div.attrs({
|
|
13
13
|
role: 'button'
|
|
14
14
|
}).withConfig({
|
|
@@ -8,13 +8,13 @@ exports["default"] = exports.Default = void 0;
|
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _ = require(".");
|
|
10
10
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
11
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
12
|
-
function _slicedToArray(
|
|
11
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
12
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
13
13
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
14
|
-
function _unsupportedIterableToArray(
|
|
15
|
-
function _arrayLikeToArray(
|
|
14
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
15
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
16
16
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
17
|
-
function _arrayWithHoles(
|
|
17
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /* eslint-disable react-hooks/rules-of-hooks */
|
|
18
18
|
var meta = {
|
|
19
19
|
title: 'hooks/useCss',
|
|
20
20
|
tags: ['autodocs']
|
|
@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useInputFocus = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
function _slicedToArray(
|
|
8
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
9
9
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
10
|
-
function _unsupportedIterableToArray(
|
|
11
|
-
function _arrayLikeToArray(
|
|
10
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
11
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
12
12
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
13
|
-
function _arrayWithHoles(
|
|
13
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
14
14
|
var useInputFocus = exports.useInputFocus = function useInputFocus() {
|
|
15
15
|
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
16
16
|
_ref$initialFocusFlag = _ref.initialFocusFlag,
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports["default"] = exports.Default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _ = require(".");
|
|
9
|
-
function _interopRequireDefault(
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
10
|
/* eslint-disable react-hooks/rules-of-hooks */
|
|
11
11
|
|
|
12
12
|
var meta = {
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports["default"] = exports.Default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _ = require(".");
|
|
9
|
-
function _interopRequireDefault(
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
10
|
/* eslint-disable react-hooks/rules-of-hooks */
|
|
11
11
|
|
|
12
12
|
var meta = {
|
|
@@ -7,7 +7,7 @@ exports["default"] = exports.Default = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _addonActions = require("@storybook/addon-actions");
|
|
9
9
|
var _ = require(".");
|
|
10
|
-
function _interopRequireDefault(
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
11
11
|
/* eslint-disable react-hooks/rules-of-hooks */
|
|
12
12
|
|
|
13
13
|
var meta = {
|
|
@@ -9,13 +9,13 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var _addonActions = require("@storybook/addon-actions");
|
|
10
10
|
var _ = require(".");
|
|
11
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
12
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
13
|
-
function _slicedToArray(
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
13
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
14
14
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
15
|
-
function _unsupportedIterableToArray(
|
|
16
|
-
function _arrayLikeToArray(
|
|
15
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
16
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
17
17
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
18
|
-
function _arrayWithHoles(
|
|
18
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /* eslint-disable react-hooks/rules-of-hooks */
|
|
19
19
|
var meta = {
|
|
20
20
|
title: 'hooks/useUnupdatableHandler',
|
|
21
21
|
tags: ['autodocs']
|
package/dist/index.d.ts
CHANGED
|
@@ -39,9 +39,6 @@ export { AppCardLink } from './components/common/AppCardLink';
|
|
|
39
39
|
export { InvoiceboxLogo } from './components/common/InvoiceboxLogo';
|
|
40
40
|
export type { TProps as TAutocompleteProps } from './components/form/Autocomplete/index';
|
|
41
41
|
export { Autocomplete, AutocompleteDefaultOption, OrganizationAutocompleteItem, } from './components/form/Autocomplete/index';
|
|
42
|
-
export { Portal } from './components/common/Portal';
|
|
43
|
-
export { RHFTextInput } from './components/formFields/RHFTextInput';
|
|
44
|
-
export { RHFAutocomplete } from './components/formFields/RHFAutocomplete';
|
|
45
42
|
export { PaletteProvider, defaultAbstractPalette } from './palette';
|
|
46
43
|
export type { TAbstractPalette } from './palette';
|
|
47
44
|
export { useOutsideClick } from './hooks/useOutsideClick';
|
package/dist/index.js
CHANGED
|
@@ -117,12 +117,6 @@ Object.defineProperty(exports, "PhoneInput", {
|
|
|
117
117
|
return _PhoneInput.PhoneInput;
|
|
118
118
|
}
|
|
119
119
|
});
|
|
120
|
-
Object.defineProperty(exports, "Portal", {
|
|
121
|
-
enumerable: true,
|
|
122
|
-
get: function get() {
|
|
123
|
-
return _Portal.Portal;
|
|
124
|
-
}
|
|
125
|
-
});
|
|
126
120
|
Object.defineProperty(exports, "PositiveIntegerInput", {
|
|
127
121
|
enumerable: true,
|
|
128
122
|
get: function get() {
|
|
@@ -135,18 +129,6 @@ Object.defineProperty(exports, "PureInput", {
|
|
|
135
129
|
return _PureInput.PureInput;
|
|
136
130
|
}
|
|
137
131
|
});
|
|
138
|
-
Object.defineProperty(exports, "RHFAutocomplete", {
|
|
139
|
-
enumerable: true,
|
|
140
|
-
get: function get() {
|
|
141
|
-
return _RHFAutocomplete.RHFAutocomplete;
|
|
142
|
-
}
|
|
143
|
-
});
|
|
144
|
-
Object.defineProperty(exports, "RHFTextInput", {
|
|
145
|
-
enumerable: true,
|
|
146
|
-
get: function get() {
|
|
147
|
-
return _RHFTextInput.RHFTextInput;
|
|
148
|
-
}
|
|
149
|
-
});
|
|
150
132
|
Object.defineProperty(exports, "Scrollbar", {
|
|
151
133
|
enumerable: true,
|
|
152
134
|
get: function get() {
|
|
@@ -295,9 +277,6 @@ var _PaymentCard = require("./components/payment/PaymentCard");
|
|
|
295
277
|
var _AppCardLink = require("./components/common/AppCardLink");
|
|
296
278
|
var _InvoiceboxLogo = require("./components/common/InvoiceboxLogo");
|
|
297
279
|
var _index = require("./components/form/Autocomplete/index");
|
|
298
|
-
var _Portal = require("./components/common/Portal");
|
|
299
|
-
var _RHFTextInput = require("./components/formFields/RHFTextInput");
|
|
300
|
-
var _RHFAutocomplete = require("./components/formFields/RHFAutocomplete");
|
|
301
280
|
var _palette = require("./palette");
|
|
302
281
|
var _useOutsideClick = require("./hooks/useOutsideClick");
|
|
303
282
|
var _useInputFocus = require("./hooks/useInputFocus");
|
|
@@ -7,7 +7,7 @@ exports["default"] = exports.Docs = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _constants = require("./constants");
|
|
9
9
|
var _Typography = require("../components/common/Typography");
|
|
10
|
-
function _interopRequireDefault(
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
11
11
|
var meta = {
|
|
12
12
|
title: 'palette/Colors'
|
|
13
13
|
};
|
|
@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _Skeleton = require("../components/common/Skeleton");
|
|
9
9
|
var _provider = require("./provider");
|
|
10
10
|
var _Typography = require("../components/common/Typography");
|
|
11
|
-
function _interopRequireDefault(
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
12
12
|
var Example = function Example(_ref) {
|
|
13
13
|
var children = _ref.children;
|
|
14
14
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
package/dist/palette/provider.js
CHANGED
|
@@ -28,12 +28,12 @@ var _palette18 = require("../components/payment/PaymentCard/palette");
|
|
|
28
28
|
var _palette19 = require("../components/form/Autocomplete/components/AutocompleteDefaultOption/palette");
|
|
29
29
|
var _palette20 = require("../components/form/Autocomplete/components/OrganizationAutocompleteItem/palette");
|
|
30
30
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
31
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
31
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
32
32
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
33
33
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
34
34
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
35
|
-
function _defineProperty(
|
|
36
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i :
|
|
35
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
36
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
37
37
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
38
38
|
var PaletteProvider = exports.PaletteProvider = function PaletteProvider(_ref) {
|
|
39
39
|
var children = _ref.children,
|
|
@@ -9,8 +9,8 @@ var _usePalette = require("./usePalette");
|
|
|
9
9
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
10
10
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
11
11
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
12
|
-
function _defineProperty(
|
|
13
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i :
|
|
12
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
13
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
14
14
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
15
15
|
var useComponentPalette = exports.useComponentPalette = function useComponentPalette(componentName, componentPropsPalette) {
|
|
16
16
|
var palette = (0, _usePalette.usePalette)();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@invoicebox/ui",
|
|
3
|
-
"version": "0.1.0-alpha.
|
|
3
|
+
"version": "0.1.0-alpha.117",
|
|
4
4
|
"description": "Invoicebox UI",
|
|
5
5
|
"license": "Apache License 2.0",
|
|
6
6
|
"scripts": {
|
|
@@ -22,8 +22,6 @@
|
|
|
22
22
|
"@babel/preset-env": "^7.23.9",
|
|
23
23
|
"@babel/preset-react": "^7.23.3",
|
|
24
24
|
"@babel/preset-typescript": "^7.23.3",
|
|
25
|
-
"@hookform/devtools": "^4.3.0",
|
|
26
|
-
"@hookform/resolvers": "^2.9.7",
|
|
27
25
|
"@storybook/addon-essentials": "^7.6.13",
|
|
28
26
|
"@storybook/addon-interactions": "^7.6.13",
|
|
29
27
|
"@storybook/addon-links": "^7.6.13",
|
|
@@ -32,7 +30,6 @@
|
|
|
32
30
|
"@storybook/react": "^7.6.13",
|
|
33
31
|
"@storybook/react-webpack5": "^7.6.13",
|
|
34
32
|
"@storybook/test": "^7.6.13",
|
|
35
|
-
"@types/react-dom": "^17.0.2",
|
|
36
33
|
"@typescript-eslint/eslint-plugin": "^5.62.0",
|
|
37
34
|
"@typescript-eslint/parser": "^5.62.0",
|
|
38
35
|
"babel-plugin-inline-json-import": "^0.3.2",
|
|
@@ -49,8 +46,7 @@
|
|
|
49
46
|
"storybook": "^7.6.13",
|
|
50
47
|
"styled-components": "^6.1.8",
|
|
51
48
|
"typescript": "^4.9.5",
|
|
52
|
-
"webpack": "^5.90.1"
|
|
53
|
-
"yup": "^0.32.11"
|
|
49
|
+
"webpack": "^5.90.1"
|
|
54
50
|
},
|
|
55
51
|
"dependencies": {
|
|
56
52
|
"@mona-health/react-input-mask": "^3.0.3",
|
|
@@ -59,7 +55,6 @@
|
|
|
59
55
|
"object.entries": "^1.1.8",
|
|
60
56
|
"object.fromentries": "^2.0.8",
|
|
61
57
|
"react-calendar": "^4.8.0",
|
|
62
|
-
"react-hook-form": "^7.34.0",
|
|
63
58
|
"react-responsive": "^9.0.2",
|
|
64
59
|
"react-scrollbars-custom": "^4.1.1",
|
|
65
60
|
"react-toastify": "^9.1.3"
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { FC, ReactNode } from 'react';
|
|
2
|
-
import { Resolver } from 'react-hook-form';
|
|
3
|
-
export declare const FIELD_NAME = "field";
|
|
4
|
-
type TProps = {
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
initialValue: any;
|
|
7
|
-
resolver?: Resolver<{
|
|
8
|
-
field: any;
|
|
9
|
-
}>;
|
|
10
|
-
};
|
|
11
|
-
export declare const StoryOneFieldForm: FC<TProps>;
|
|
12
|
-
export {};
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.StoryOneFieldForm = exports.FIELD_NAME = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _addonActions = require("@storybook/addon-actions");
|
|
9
|
-
var _reactHookForm = require("react-hook-form");
|
|
10
|
-
var _Portal = require("../../common/Portal");
|
|
11
|
-
var _devtools = require("@hookform/devtools");
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
14
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
15
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
16
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
17
|
-
var FIELD_NAME = exports.FIELD_NAME = 'field';
|
|
18
|
-
var StoryOneFieldForm = exports.StoryOneFieldForm = function StoryOneFieldForm(_ref) {
|
|
19
|
-
var children = _ref.children,
|
|
20
|
-
initialValue = _ref.initialValue,
|
|
21
|
-
resolver = _ref.resolver;
|
|
22
|
-
var methods = (0, _reactHookForm.useForm)({
|
|
23
|
-
defaultValues: _defineProperty({}, FIELD_NAME, initialValue),
|
|
24
|
-
resolver: resolver,
|
|
25
|
-
mode: 'onChange'
|
|
26
|
-
});
|
|
27
|
-
var handleSubmit = methods.handleSubmit;
|
|
28
|
-
var submit = function submit() {
|
|
29
|
-
(0, _addonActions.action)('submit');
|
|
30
|
-
};
|
|
31
|
-
return /*#__PURE__*/_react["default"].createElement(_reactHookForm.FormProvider, methods, /*#__PURE__*/_react["default"].createElement("form", {
|
|
32
|
-
onSubmit: handleSubmit(submit)
|
|
33
|
-
}, children, /*#__PURE__*/_react["default"].createElement("button", {
|
|
34
|
-
type: "submit"
|
|
35
|
-
}, "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C"), /*#__PURE__*/_react["default"].createElement(_Portal.Portal, null, /*#__PURE__*/_react["default"].createElement(_devtools.DevTool, {
|
|
36
|
-
control: methods.control,
|
|
37
|
-
placement: "top-right"
|
|
38
|
-
}))));
|
|
39
|
-
};
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Portal = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _reactDom = require("react-dom");
|
|
9
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
10
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
11
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
12
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
13
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
14
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
15
|
-
var Portal = exports.Portal = function Portal(_ref) {
|
|
16
|
-
var children = _ref.children;
|
|
17
|
-
var _useState = (0, _react.useState)(document.createElement('div')),
|
|
18
|
-
_useState2 = _slicedToArray(_useState, 1),
|
|
19
|
-
container = _useState2[0];
|
|
20
|
-
(0, _react.useEffect)(function () {
|
|
21
|
-
document.body.appendChild(container);
|
|
22
|
-
return function () {
|
|
23
|
-
document.body.removeChild(container);
|
|
24
|
-
};
|
|
25
|
-
}, [container]);
|
|
26
|
-
return /*#__PURE__*/(0, _reactDom.createPortal)(children, container);
|
|
27
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { StoryObj } from '@storybook/react';
|
|
3
|
-
import { TProps } from '.';
|
|
4
|
-
declare const meta: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: React.FC<TProps>;
|
|
7
|
-
tags: string[];
|
|
8
|
-
};
|
|
9
|
-
export default meta;
|
|
10
|
-
export declare const Default: StoryObj<TProps>;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = exports.Default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _ = require(".");
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
-
var meta = {
|
|
11
|
-
title: 'common/Portal',
|
|
12
|
-
component: _.Portal,
|
|
13
|
-
tags: ['autodocs']
|
|
14
|
-
};
|
|
15
|
-
var _default = exports["default"] = meta;
|
|
16
|
-
var Default = exports.Default = {
|
|
17
|
-
args: {
|
|
18
|
-
children: /*#__PURE__*/_react["default"].createElement("div", {
|
|
19
|
-
style: {
|
|
20
|
-
position: 'absolute',
|
|
21
|
-
left: '30px',
|
|
22
|
-
top: '30px'
|
|
23
|
-
}
|
|
24
|
-
}, "Content inner portal")
|
|
25
|
-
}
|
|
26
|
-
};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { TAutocompleteProps } from '../../../index';
|
|
3
|
-
export type TProps = Omit<TAutocompleteProps, 'value' | 'onBlur' | 'onFocus'> & {
|
|
4
|
-
name: string;
|
|
5
|
-
} & Pick<Partial<TAutocompleteProps>, 'onChange'>;
|
|
6
|
-
export declare const RHFAutocomplete: FC<TProps>;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.RHFAutocomplete = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _reactHookForm = require("react-hook-form");
|
|
10
|
-
var _index = require("../../../index");
|
|
11
|
-
var _excluded = ["name", "onChange"];
|
|
12
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
14
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
16
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
17
|
-
var RHFAutocomplete = exports.RHFAutocomplete = function RHFAutocomplete(_ref) {
|
|
18
|
-
var name = _ref.name,
|
|
19
|
-
onChange = _ref.onChange,
|
|
20
|
-
other = _objectWithoutProperties(_ref, _excluded);
|
|
21
|
-
var _useFormContext = (0, _reactHookForm.useFormContext)(),
|
|
22
|
-
control = _useFormContext.control;
|
|
23
|
-
var render = (0, _react.useCallback)(function (_ref2) {
|
|
24
|
-
var field = _ref2.field,
|
|
25
|
-
error = _ref2.fieldState.error;
|
|
26
|
-
var handleChange = function handleChange(value, option) {
|
|
27
|
-
field.onChange(value);
|
|
28
|
-
if (onChange) {
|
|
29
|
-
onChange(value, option);
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
return /*#__PURE__*/_react["default"].createElement(_index.Autocomplete, _extends({}, other, {
|
|
33
|
-
onBlur: field.onBlur,
|
|
34
|
-
onChange: handleChange,
|
|
35
|
-
value: field.value || '',
|
|
36
|
-
hasError: !!error
|
|
37
|
-
}));
|
|
38
|
-
}, [onChange, other]);
|
|
39
|
-
return /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
|
|
40
|
-
name: name,
|
|
41
|
-
control: control,
|
|
42
|
-
render: render
|
|
43
|
-
});
|
|
44
|
-
};
|