@mindly/ui-components 5.107.0 → 5.108.0
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/cjs/configs/tailwind/colors.d.ts +1 -0
- package/dist/cjs/index.js +7 -7
- package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingMultiSelectionScreenPreviewFeature/OnBoardingMultiSelectionScreenPreviewFeature.d.ts +1 -0
- package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingPaywallScreenPreviewFeature/OnBoardingPaywallScreenPreviewFeature.d.ts +1 -0
- package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingPaywallScreenPreviewFeature/conts.d.ts +4 -4
- package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingProgressFeature/OnBoardingProgressFeature.d.ts +1 -0
- package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingSingleSelectionScreenPreviewFeature/OnBoardingSingleSelectionScreenPreviewFeature.d.ts +1 -1
- package/dist/cjs/lib2/features/TariffFeature/styles.d.ts +0 -14
- package/dist/cjs/lib2/shared/assets/icons/IconCheckboxThinUnchecked.d.ts +7 -0
- package/dist/cjs/lib2/shared/assets/icons/index.d.ts +1 -0
- package/dist/cjs/lib2/shared/types/onBoardingFlow.type.d.ts +6 -4
- package/dist/cjs/lib2/shared/ui/ListBox/types.d.ts +3 -1
- package/dist/cjs/lib2/shared/ui/ListBoxItem/ListBoxDefaultItem.d.ts +1 -1
- package/dist/cjs/lib2/shared/ui/ListBoxItem/ListBoxIconItem.d.ts +17 -0
- package/dist/cjs/lib2/shared/ui/ListBoxItem/types.d.ts +1 -0
- package/dist/esm/configs/tailwind/colors.d.ts +1 -0
- package/dist/esm/index.js +7 -7
- package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingMultiSelectionScreenPreviewFeature/OnBoardingMultiSelectionScreenPreviewFeature.d.ts +1 -0
- package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingPaywallScreenPreviewFeature/OnBoardingPaywallScreenPreviewFeature.d.ts +1 -0
- package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingPaywallScreenPreviewFeature/conts.d.ts +4 -4
- package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingProgressFeature/OnBoardingProgressFeature.d.ts +1 -0
- package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingSingleSelectionScreenPreviewFeature/OnBoardingSingleSelectionScreenPreviewFeature.d.ts +1 -1
- package/dist/esm/lib2/features/TariffFeature/styles.d.ts +0 -14
- package/dist/esm/lib2/shared/assets/icons/IconCheckboxThinUnchecked.d.ts +7 -0
- package/dist/esm/lib2/shared/assets/icons/index.d.ts +1 -0
- package/dist/esm/lib2/shared/types/onBoardingFlow.type.d.ts +6 -4
- package/dist/esm/lib2/shared/ui/ListBox/types.d.ts +3 -1
- package/dist/esm/lib2/shared/ui/ListBoxItem/ListBoxDefaultItem.d.ts +1 -1
- package/dist/esm/lib2/shared/ui/ListBoxItem/ListBoxIconItem.d.ts +17 -0
- package/dist/esm/lib2/shared/ui/ListBoxItem/types.d.ts +1 -0
- package/dist/index.d.ts +166 -152
- package/package.json +1 -1
- package/src/configs/tailwind/colors.ts +1 -0
|
@@ -5,6 +5,7 @@ type OnBoardingMultiSelectionScreenPreviewFeatureProps = {
|
|
|
5
5
|
onChange?: (value: string[]) => void;
|
|
6
6
|
defaultValues?: string[];
|
|
7
7
|
variant?: OnboardingVariant;
|
|
8
|
+
template?: 'checkbox' | 'icon';
|
|
8
9
|
} & OnBoardingMultiSelectScreenType;
|
|
9
10
|
declare const _default: React.NamedExoticComponent<OnBoardingMultiSelectionScreenPreviewFeatureProps>;
|
|
10
11
|
export default _default;
|
|
@@ -11,6 +11,7 @@ type OnBoardingPaywallScreenPreviewFeatureProps = {
|
|
|
11
11
|
useAdditionalDiscount?: boolean;
|
|
12
12
|
onBuyTariff?: (tariffId: string) => void;
|
|
13
13
|
isLoading?: boolean;
|
|
14
|
+
termsOfUseLink?: string;
|
|
14
15
|
} & OnBoardingPaywallScreenType;
|
|
15
16
|
declare const OnBoardingPaywallScreenPreviewFeature: FC<OnBoardingPaywallScreenPreviewFeatureProps>;
|
|
16
17
|
export default OnBoardingPaywallScreenPreviewFeature;
|
package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingPaywallScreenPreviewFeature/conts.d.ts
CHANGED
|
@@ -3,8 +3,8 @@ export declare const images: {
|
|
|
3
3
|
after: string;
|
|
4
4
|
before: string;
|
|
5
5
|
ccpa: string;
|
|
6
|
-
forbes: string;
|
|
7
6
|
gdpr: string;
|
|
7
|
+
soc2: string;
|
|
8
8
|
guarantee: string;
|
|
9
9
|
hipaa: string;
|
|
10
10
|
mockup1: string;
|
|
@@ -12,12 +12,12 @@ export declare const images: {
|
|
|
12
12
|
mockup3: string;
|
|
13
13
|
mockup4: string;
|
|
14
14
|
nwt: string;
|
|
15
|
+
time: string;
|
|
16
|
+
forbes: string;
|
|
17
|
+
verge: string;
|
|
15
18
|
present: string;
|
|
16
19
|
realStories: string;
|
|
17
20
|
session: string;
|
|
18
|
-
soc2: string;
|
|
19
|
-
time: string;
|
|
20
|
-
verge: string;
|
|
21
21
|
};
|
|
22
22
|
export declare const getCompareItems: (t?: WithTranslation['t']) => {
|
|
23
23
|
id: string;
|
|
@@ -9,6 +9,7 @@ type OnBoardingProgressFeatureProps = {
|
|
|
9
9
|
contentStyle?: OnBoardingScreenStyleOptions;
|
|
10
10
|
startAdornment?: React.ReactNode;
|
|
11
11
|
variant?: OnboardingVariant;
|
|
12
|
+
empty?: boolean;
|
|
12
13
|
};
|
|
13
14
|
declare const _default: React.NamedExoticComponent<OnBoardingProgressFeatureProps>;
|
|
14
15
|
export default _default;
|
|
@@ -5,7 +5,7 @@ type OnBoardingSingleSelectionScreenPreviewFeatureProps = {
|
|
|
5
5
|
onChange?: (value: string) => void;
|
|
6
6
|
defaultValues?: string[];
|
|
7
7
|
variant?: OnboardingVariant;
|
|
8
|
-
template?: 'radio' | 'image' | 'emoji';
|
|
8
|
+
template?: 'radio' | 'image' | 'emoji' | 'icon';
|
|
9
9
|
} & OnBoardingSingleSelectScreenType & OnBoardingSingleImageSelectScreenType & OnBoardingSingleScaleSelectScreenType;
|
|
10
10
|
declare const _default: React.NamedExoticComponent<OnBoardingSingleSelectionScreenPreviewFeatureProps>;
|
|
11
11
|
export default _default;
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnType<{
|
|
2
2
|
variant: {
|
|
3
3
|
default: {
|
|
4
|
-
label: string;
|
|
5
4
|
checkbox: string;
|
|
6
5
|
};
|
|
7
6
|
blue: {
|
|
8
|
-
label: string;
|
|
9
7
|
checkbox: string;
|
|
10
8
|
};
|
|
11
9
|
};
|
|
@@ -35,11 +33,9 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
|
|
|
35
33
|
}, undefined, import("tailwind-variants/dist/config").TVConfig<{
|
|
36
34
|
variant: {
|
|
37
35
|
default: {
|
|
38
|
-
label: string;
|
|
39
36
|
checkbox: string;
|
|
40
37
|
};
|
|
41
38
|
blue: {
|
|
42
|
-
label: string;
|
|
43
39
|
checkbox: string;
|
|
44
40
|
};
|
|
45
41
|
};
|
|
@@ -63,11 +59,9 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
|
|
|
63
59
|
}, {
|
|
64
60
|
variant: {
|
|
65
61
|
default: {
|
|
66
|
-
label: string;
|
|
67
62
|
checkbox: string;
|
|
68
63
|
};
|
|
69
64
|
blue: {
|
|
70
|
-
label: string;
|
|
71
65
|
checkbox: string;
|
|
72
66
|
};
|
|
73
67
|
};
|
|
@@ -91,11 +85,9 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
|
|
|
91
85
|
}>, {
|
|
92
86
|
variant: {
|
|
93
87
|
default: {
|
|
94
|
-
label: string;
|
|
95
88
|
checkbox: string;
|
|
96
89
|
};
|
|
97
90
|
blue: {
|
|
98
|
-
label: string;
|
|
99
91
|
checkbox: string;
|
|
100
92
|
};
|
|
101
93
|
};
|
|
@@ -125,11 +117,9 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
|
|
|
125
117
|
}, import("tailwind-variants").TVReturnType<{
|
|
126
118
|
variant: {
|
|
127
119
|
default: {
|
|
128
|
-
label: string;
|
|
129
120
|
checkbox: string;
|
|
130
121
|
};
|
|
131
122
|
blue: {
|
|
132
|
-
label: string;
|
|
133
123
|
checkbox: string;
|
|
134
124
|
};
|
|
135
125
|
};
|
|
@@ -159,11 +149,9 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
|
|
|
159
149
|
}, undefined, import("tailwind-variants/dist/config").TVConfig<{
|
|
160
150
|
variant: {
|
|
161
151
|
default: {
|
|
162
|
-
label: string;
|
|
163
152
|
checkbox: string;
|
|
164
153
|
};
|
|
165
154
|
blue: {
|
|
166
|
-
label: string;
|
|
167
155
|
checkbox: string;
|
|
168
156
|
};
|
|
169
157
|
};
|
|
@@ -187,11 +175,9 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
|
|
|
187
175
|
}, {
|
|
188
176
|
variant: {
|
|
189
177
|
default: {
|
|
190
|
-
label: string;
|
|
191
178
|
checkbox: string;
|
|
192
179
|
};
|
|
193
180
|
blue: {
|
|
194
|
-
label: string;
|
|
195
181
|
checkbox: string;
|
|
196
182
|
};
|
|
197
183
|
};
|
|
@@ -43,8 +43,6 @@ export type OnBoardingScreenOptionType = {
|
|
|
43
43
|
alphabeticalOrder?: string | null;
|
|
44
44
|
isDefault?: boolean;
|
|
45
45
|
filtrationAnswerId?: string;
|
|
46
|
-
};
|
|
47
|
-
export type OnBoardingScreenOptionWithImageType = OnBoardingScreenOptionType & {
|
|
48
46
|
image?: ResponseFileType | null;
|
|
49
47
|
};
|
|
50
48
|
export type OnBoardingScreenOptionWithScaleType = OnBoardingScreenOptionType & {
|
|
@@ -114,15 +112,19 @@ export type OnBoardingInfoScreenType = OnBoardingBaseScreenType & OnBoardingScre
|
|
|
114
112
|
image?: ResponseFileType | null;
|
|
115
113
|
};
|
|
116
114
|
export type OnBoardingMultiSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenDescriptionType & {
|
|
115
|
+
isOptionView?: boolean;
|
|
116
|
+
isIconView?: boolean;
|
|
117
117
|
options: OnBoardingScreenOptionType[];
|
|
118
118
|
};
|
|
119
119
|
export type OnBoardingSingleSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenDescriptionType & {
|
|
120
|
+
isOptionView?: boolean;
|
|
121
|
+
isIconView?: boolean;
|
|
120
122
|
legalText?: string;
|
|
121
123
|
options: OnBoardingScreenOptionType[];
|
|
122
124
|
};
|
|
123
125
|
export type OnBoardingSingleImageSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenDescriptionType & {
|
|
124
126
|
legalText?: string;
|
|
125
|
-
options:
|
|
127
|
+
options: OnBoardingScreenOptionType[];
|
|
126
128
|
};
|
|
127
129
|
export type OnBoardingSingleScaleSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenDescriptionType & {
|
|
128
130
|
minLabel?: string;
|
|
@@ -191,7 +193,7 @@ export type OnBoardingChartScreenType = OnBoardingBaseScreenType & OnBoardingScr
|
|
|
191
193
|
disclaimer?: string;
|
|
192
194
|
chart: ChartData;
|
|
193
195
|
};
|
|
194
|
-
export type OnBoardingScreensType = OnBoardingStartScreenType | OnBoardingMultiSelectScreenType | OnBoardingSingleSelectScreenType | OnBoardingInfoScreenType | OnBoardingLoaderScreenType | OnBoardingReviewsScreenType | OnBoardingEmailScreenType | OnBoardingConfirmScreenType | OnBoardingCompareScreenType | OnBoardingPaywallScreenType | OnBoardingChartScreenType;
|
|
196
|
+
export type OnBoardingScreensType = OnBoardingStartScreenType | OnBoardingMultiSelectScreenType | OnBoardingSingleSelectScreenType | OnBoardingSingleImageSelectScreenType | OnBoardingSingleScaleSelectScreenType | OnBoardingInfoScreenType | OnBoardingLoaderScreenType | OnBoardingReviewsScreenType | OnBoardingEmailScreenType | OnBoardingConfirmScreenType | OnBoardingCompareScreenType | OnBoardingPaywallScreenType | OnBoardingChartScreenType | OnBoardingGraphScreenType;
|
|
195
197
|
export type OnBoardingFlowType = {
|
|
196
198
|
id: string;
|
|
197
199
|
locale: string;
|
|
@@ -4,7 +4,8 @@ export declare enum ListBoxSelectionType {
|
|
|
4
4
|
Checkbox = "checkbox",
|
|
5
5
|
Radio = "radio",
|
|
6
6
|
Image = "image",
|
|
7
|
-
Emoji = "emoji"
|
|
7
|
+
Emoji = "emoji",
|
|
8
|
+
Icon = "icon"
|
|
8
9
|
}
|
|
9
10
|
export type VariantType = 'default' | 'blue';
|
|
10
11
|
export type ListBoxProps<T> = AriaListBoxProps<T> & {
|
|
@@ -16,4 +17,5 @@ export type ListBoxProps<T> = AriaListBoxProps<T> & {
|
|
|
16
17
|
variant?: VariantType;
|
|
17
18
|
image?: ResponseFileType;
|
|
18
19
|
isOnboardingPreview?: boolean;
|
|
20
|
+
selectionMode?: 'single' | 'multiple' | 'none';
|
|
19
21
|
};
|
|
@@ -13,6 +13,6 @@ declare const _default: React.MemoExoticComponent<({ item, isSelected, selection
|
|
|
13
13
|
selectionPosition: "end" | "start";
|
|
14
14
|
enableSelection: boolean;
|
|
15
15
|
selectedIconProps: IconProps;
|
|
16
|
-
type: "image" | "checkbox" | "radio" | "emoji";
|
|
16
|
+
type: "image" | "checkbox" | "radio" | "emoji" | "icon";
|
|
17
17
|
}) => JSX.Element>;
|
|
18
18
|
export default _default;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Node } from 'react-stately';
|
|
3
|
+
import { VariantType } from '../ListBox/types';
|
|
4
|
+
import { ResponseFileType } from '../../types';
|
|
5
|
+
declare const _default: React.MemoExoticComponent<({ item, isSelected, enableSelection, variant, labelProps, type, isOnboardingPreview, image, selectionMode, }: {
|
|
6
|
+
isSelected: boolean;
|
|
7
|
+
selectionIconClassName: string;
|
|
8
|
+
labelProps: React.DOMAttributes<HTMLDivElement>;
|
|
9
|
+
variant: VariantType;
|
|
10
|
+
item: Node<unknown>;
|
|
11
|
+
enableSelection: boolean;
|
|
12
|
+
type: "image" | "checkbox" | "radio" | "emoji" | "icon";
|
|
13
|
+
isOnboardingPreview?: boolean | undefined;
|
|
14
|
+
image?: ResponseFileType | null | undefined;
|
|
15
|
+
selectionMode?: "none" | "multiple" | "single" | undefined;
|
|
16
|
+
}) => JSX.Element>;
|
|
17
|
+
export default _default;
|