@mindly/ui-components 5.99.0 → 5.99.1
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 +5 -0
- package/dist/cjs/index.js +5 -5
- package/dist/cjs/lib/AppHeader/AppHeader.d.ts +1 -0
- package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingLoaderScreenPreviewFeature/OnBoardingLoaderScreenPreviewFeature.d.ts +7 -3
- package/dist/cjs/lib2/shared/hooks/useCircleRating.d.ts +7 -3
- package/dist/cjs/lib2/shared/types/onBoardingFlow.type.d.ts +5 -0
- package/dist/cjs/lib2/shared/types/ratingCircleTypes.d.ts +4 -0
- package/dist/cjs/lib2/shared/ui/RatingCircle/RatingCircleWrapper.d.ts +1 -1
- package/dist/cjs/lib2/shared/ui/RatingCircle/styles.d.ts +49 -0
- package/dist/esm/configs/tailwind/colors.d.ts +5 -0
- package/dist/esm/index.js +5 -5
- package/dist/esm/lib/AppHeader/AppHeader.d.ts +1 -0
- package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingLoaderScreenPreviewFeature/OnBoardingLoaderScreenPreviewFeature.d.ts +7 -3
- package/dist/esm/lib2/shared/hooks/useCircleRating.d.ts +7 -3
- package/dist/esm/lib2/shared/types/onBoardingFlow.type.d.ts +5 -0
- package/dist/esm/lib2/shared/types/ratingCircleTypes.d.ts +4 -0
- package/dist/esm/lib2/shared/ui/RatingCircle/RatingCircleWrapper.d.ts +1 -1
- package/dist/esm/lib2/shared/ui/RatingCircle/styles.d.ts +49 -0
- package/dist/index.d.ts +88 -71
- package/package.json +1 -1
- package/src/configs/tailwind/colors.ts +6 -0
- package/src/lib2/shared/css/tailwind.css +1 -0
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
import { OnBoardingLoaderScreenType } from '../../../shared';
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
import { WithTranslation } from 'react-i18next';
|
|
4
|
+
declare const OnBoardingLoaderScreenPreviewFeature: FC<OnBoardingLoaderScreenType & {
|
|
5
|
+
t?: WithTranslation['t'];
|
|
6
|
+
onProgressEnd?: () => void;
|
|
7
|
+
}>;
|
|
8
|
+
export default OnBoardingLoaderScreenPreviewFeature;
|
|
@@ -2,7 +2,7 @@ import { SizeValues, CircleRatingRange, CircleRatingDataProps, CircleRatingDataR
|
|
|
2
2
|
export declare const SIZES: SizeValues;
|
|
3
3
|
export declare const BREAKPOINT_ICON_SIZE = 20;
|
|
4
4
|
export declare function useCircleRatingRenderData({ progress, size, maxValue, isReverse, isShowBreakPoints, }: CircleRatingDataProps): CircleRatingDataResult;
|
|
5
|
-
export declare function useRangeIndex({ progress, maxValue, ranges, isReverse }: ProgressRangeProps): number;
|
|
5
|
+
export declare function useRangeIndex({ progress, maxValue, ranges, isReverse, }: ProgressRangeProps): number;
|
|
6
6
|
export declare function getProgressForBreakPoint({ maxValue, breakPoint, }: {
|
|
7
7
|
maxValue: number;
|
|
8
8
|
breakPoint: number;
|
|
@@ -13,11 +13,15 @@ export declare function useBreakPointsPosition({ maxValue, breakPoints, radius,
|
|
|
13
13
|
radius?: number;
|
|
14
14
|
strokeWidth?: number;
|
|
15
15
|
}): BreakPointPositionResult[];
|
|
16
|
-
export declare function useRatingCircleLegend({ ranges, t, isReverse, isPercentage, }: CircleRatingLegendProps): string[];
|
|
17
|
-
export declare function useRatingCircleContentValue({ progress, isPercentage, decimal, }: {
|
|
16
|
+
export declare function useRatingCircleLegend({ ranges, t, isReverse, isPercentage, isShowLegend, }: CircleRatingLegendProps): string[];
|
|
17
|
+
export declare function useRatingCircleContentValue({ progress, isPercentage, decimal, isWithAnimation, animationDuration, targetPercentage, onProgressEnd, }: {
|
|
18
18
|
progress: number;
|
|
19
19
|
isPercentage?: boolean;
|
|
20
20
|
decimal?: number;
|
|
21
|
+
isWithAnimation?: boolean;
|
|
22
|
+
animationDuration?: number;
|
|
23
|
+
targetPercentage?: number;
|
|
24
|
+
onProgressEnd?: () => void;
|
|
21
25
|
}): string;
|
|
22
26
|
export declare function useRatingCircleBreakPoints({ ranges, maxValue, isReverse, }: {
|
|
23
27
|
ranges: CircleRatingRange[];
|
|
@@ -87,6 +87,11 @@ export type OnBoardingLoaderScreenType = OnBoardingBaseScreenType & {
|
|
|
87
87
|
answerScreenId?: string[];
|
|
88
88
|
allScreens?: Record<string, OnBoardingScreensType>;
|
|
89
89
|
selectedAnswers?: Record<string, string[]>;
|
|
90
|
+
loadingItemDuration?: number;
|
|
91
|
+
listItems?: {
|
|
92
|
+
id: string;
|
|
93
|
+
label: string;
|
|
94
|
+
}[];
|
|
90
95
|
};
|
|
91
96
|
export type OnBoardingReviewsScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & TranslationType & {
|
|
92
97
|
title?: string | null;
|
|
@@ -52,6 +52,7 @@ export type CircleRatingLegendProps = {
|
|
|
52
52
|
t: WithTranslation['t'];
|
|
53
53
|
isReverse?: boolean;
|
|
54
54
|
isPercentage?: boolean;
|
|
55
|
+
isShowLegend?: boolean;
|
|
55
56
|
};
|
|
56
57
|
export type CircleRatingComponentProps = {
|
|
57
58
|
size: keyof typeof CircleRatingSize;
|
|
@@ -68,7 +69,10 @@ export type CircleRatingComponentProps = {
|
|
|
68
69
|
isZeroTransparent?: boolean;
|
|
69
70
|
isWithOverlap?: boolean;
|
|
70
71
|
isWithAnimation?: boolean;
|
|
72
|
+
isPrimaryColor?: boolean;
|
|
73
|
+
isProgressWithAnimation?: boolean;
|
|
71
74
|
className?: string;
|
|
75
|
+
onProgressEnd?: () => void;
|
|
72
76
|
};
|
|
73
77
|
export type CircleRatingContextProps = CircleRatingComponentProps & {
|
|
74
78
|
legend?: string[];
|
|
@@ -2,6 +2,6 @@ import { FC } from 'react';
|
|
|
2
2
|
import { WithTranslation } from 'react-i18next';
|
|
3
3
|
import { CircleRatingComponentProps } from '../../types';
|
|
4
4
|
declare const RatingCircleWrapper: FC<CircleRatingComponentProps & {
|
|
5
|
-
t: WithTranslation | any;
|
|
5
|
+
t: WithTranslation['t'] | any;
|
|
6
6
|
}>;
|
|
7
7
|
export default RatingCircleWrapper;
|
|
@@ -28,6 +28,13 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
|
|
|
28
28
|
icon: string;
|
|
29
29
|
};
|
|
30
30
|
};
|
|
31
|
+
isPrimaryColor: {
|
|
32
|
+
true: {
|
|
33
|
+
coloredStroke: string;
|
|
34
|
+
contentColor: string;
|
|
35
|
+
icon: string;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
31
38
|
}, {
|
|
32
39
|
breakPoint: string;
|
|
33
40
|
defaultStroke: string;
|
|
@@ -66,6 +73,13 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
|
|
|
66
73
|
icon: string;
|
|
67
74
|
};
|
|
68
75
|
};
|
|
76
|
+
isPrimaryColor: {
|
|
77
|
+
true: {
|
|
78
|
+
coloredStroke: string;
|
|
79
|
+
contentColor: string;
|
|
80
|
+
icon: string;
|
|
81
|
+
};
|
|
82
|
+
};
|
|
69
83
|
}, {
|
|
70
84
|
transparent: {
|
|
71
85
|
true: {
|
|
@@ -96,6 +110,13 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
|
|
|
96
110
|
icon: string;
|
|
97
111
|
};
|
|
98
112
|
};
|
|
113
|
+
isPrimaryColor: {
|
|
114
|
+
true: {
|
|
115
|
+
coloredStroke: string;
|
|
116
|
+
contentColor: string;
|
|
117
|
+
icon: string;
|
|
118
|
+
};
|
|
119
|
+
};
|
|
99
120
|
}>, {
|
|
100
121
|
transparent: {
|
|
101
122
|
true: {
|
|
@@ -126,6 +147,13 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
|
|
|
126
147
|
icon: string;
|
|
127
148
|
};
|
|
128
149
|
};
|
|
150
|
+
isPrimaryColor: {
|
|
151
|
+
true: {
|
|
152
|
+
coloredStroke: string;
|
|
153
|
+
contentColor: string;
|
|
154
|
+
icon: string;
|
|
155
|
+
};
|
|
156
|
+
};
|
|
129
157
|
}, {
|
|
130
158
|
breakPoint: string;
|
|
131
159
|
defaultStroke: string;
|
|
@@ -164,6 +192,13 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
|
|
|
164
192
|
icon: string;
|
|
165
193
|
};
|
|
166
194
|
};
|
|
195
|
+
isPrimaryColor: {
|
|
196
|
+
true: {
|
|
197
|
+
coloredStroke: string;
|
|
198
|
+
contentColor: string;
|
|
199
|
+
icon: string;
|
|
200
|
+
};
|
|
201
|
+
};
|
|
167
202
|
}, {
|
|
168
203
|
breakPoint: string;
|
|
169
204
|
defaultStroke: string;
|
|
@@ -202,6 +237,13 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
|
|
|
202
237
|
icon: string;
|
|
203
238
|
};
|
|
204
239
|
};
|
|
240
|
+
isPrimaryColor: {
|
|
241
|
+
true: {
|
|
242
|
+
coloredStroke: string;
|
|
243
|
+
contentColor: string;
|
|
244
|
+
icon: string;
|
|
245
|
+
};
|
|
246
|
+
};
|
|
205
247
|
}, {
|
|
206
248
|
transparent: {
|
|
207
249
|
true: {
|
|
@@ -232,4 +274,11 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
|
|
|
232
274
|
icon: string;
|
|
233
275
|
};
|
|
234
276
|
};
|
|
277
|
+
isPrimaryColor: {
|
|
278
|
+
true: {
|
|
279
|
+
coloredStroke: string;
|
|
280
|
+
contentColor: string;
|
|
281
|
+
icon: string;
|
|
282
|
+
};
|
|
283
|
+
};
|
|
235
284
|
}>, unknown, unknown, undefined>>;
|