@mindly/ui-components 5.98.20 → 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.
Files changed (24) hide show
  1. package/dist/cjs/configs/tailwind/colors.d.ts +5 -0
  2. package/dist/cjs/index.js +5 -5
  3. package/dist/cjs/lib/AppHeader/AppHeader.d.ts +1 -0
  4. package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingLoaderScreenPreviewFeature/OnBoardingLoaderScreenPreviewFeature.d.ts +7 -3
  5. package/dist/cjs/lib2/shared/hooks/useCircleRating.d.ts +7 -3
  6. package/dist/cjs/lib2/shared/types/onBoardingFlow.type.d.ts +5 -0
  7. package/dist/cjs/lib2/shared/types/ratingCircleTypes.d.ts +4 -0
  8. package/dist/cjs/lib2/shared/ui/RatingCircle/RatingCircleWrapper.d.ts +1 -1
  9. package/dist/cjs/lib2/shared/ui/RatingCircle/styles.d.ts +49 -0
  10. package/dist/cjs/lib2/widgets/SpecialistDetailWidget/index.d.ts +1 -0
  11. package/dist/esm/configs/tailwind/colors.d.ts +5 -0
  12. package/dist/esm/index.js +5 -5
  13. package/dist/esm/lib/AppHeader/AppHeader.d.ts +1 -0
  14. package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingLoaderScreenPreviewFeature/OnBoardingLoaderScreenPreviewFeature.d.ts +7 -3
  15. package/dist/esm/lib2/shared/hooks/useCircleRating.d.ts +7 -3
  16. package/dist/esm/lib2/shared/types/onBoardingFlow.type.d.ts +5 -0
  17. package/dist/esm/lib2/shared/types/ratingCircleTypes.d.ts +4 -0
  18. package/dist/esm/lib2/shared/ui/RatingCircle/RatingCircleWrapper.d.ts +1 -1
  19. package/dist/esm/lib2/shared/ui/RatingCircle/styles.d.ts +49 -0
  20. package/dist/esm/lib2/widgets/SpecialistDetailWidget/index.d.ts +1 -0
  21. package/dist/index.d.ts +90 -71
  22. package/package.json +1 -1
  23. package/src/configs/tailwind/colors.ts +6 -0
  24. package/src/lib2/shared/css/tailwind.css +1 -0
@@ -2,6 +2,7 @@ import { FC } from 'react';
2
2
  type AppHeaderProps = {
3
3
  fullwidth?: boolean;
4
4
  className?: string;
5
+ toolbarClassName?: string;
5
6
  };
6
7
  declare const AppHeader: FC<AppHeaderProps>;
7
8
  export default AppHeader;
@@ -1,4 +1,8 @@
1
- import React from 'react';
1
+ import { FC } from 'react';
2
2
  import { OnBoardingLoaderScreenType } from '../../../shared';
3
- declare const _default: React.NamedExoticComponent<OnBoardingLoaderScreenType>;
4
- export default _default;
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>>;
@@ -1 +1,2 @@
1
1
  export { default as SpecialistDetailWidget } from './SpecialistDetailWidget';
2
+ export { default as SpecialistDetailWidgetSkeleton } from './SpecialistDetailWidgetSkeleton';