@mindly/ui-components 7.3.0-dev.1 → 7.3.0-dev.11

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 (40) hide show
  1. package/dist/cjs/index.js +7 -7
  2. package/dist/cjs/lib2/features/ExploreCardSwiperFeature/ExploreCardSwiperFeature.d.ts +2 -2
  3. package/dist/cjs/lib2/features/ExploreCardSwiperFeature/index.d.ts +1 -1
  4. package/dist/cjs/lib2/features/ExploreCardSwiperFeature/types.d.ts +13 -1
  5. package/dist/cjs/lib2/features/ExploreCardSwiperFeature/useSlidesToShow.d.ts +1 -0
  6. package/dist/cjs/lib2/features/TabsFeature/types.d.ts +4 -0
  7. package/dist/cjs/lib2/shared/types/ratingCircleTypes.d.ts +2 -0
  8. package/dist/cjs/lib2/shared/ui/Badge/styles.d.ts +7 -0
  9. package/dist/cjs/lib2/shared/ui/Badge/types.d.ts +1 -1
  10. package/dist/cjs/lib2/shared/ui/ExploreCard/index.d.ts +1 -1
  11. package/dist/cjs/lib2/shared/ui/ExploreCard/types.d.ts +1 -1
  12. package/dist/cjs/lib2/shared/ui/ProgressCard/ProgressCard.d.ts +4 -0
  13. package/dist/cjs/lib2/shared/ui/ProgressCard/index.d.ts +2 -0
  14. package/dist/cjs/lib2/shared/ui/ProgressCard/styles.d.ts +1 -0
  15. package/dist/cjs/lib2/shared/ui/ProgressCard/types.d.ts +11 -0
  16. package/dist/cjs/lib2/shared/ui/PromptCard/types.d.ts +2 -2
  17. package/dist/cjs/lib2/shared/ui/RatingCircle/styles.d.ts +3 -0
  18. package/dist/cjs/lib2/shared/ui/SolidInput/types.d.ts +2 -0
  19. package/dist/cjs/lib2/shared/ui/index.d.ts +1 -0
  20. package/dist/esm/index.js +8 -8
  21. package/dist/esm/lib2/features/ExploreCardSwiperFeature/ExploreCardSwiperFeature.d.ts +2 -2
  22. package/dist/esm/lib2/features/ExploreCardSwiperFeature/index.d.ts +1 -1
  23. package/dist/esm/lib2/features/ExploreCardSwiperFeature/types.d.ts +13 -1
  24. package/dist/esm/lib2/features/ExploreCardSwiperFeature/useSlidesToShow.d.ts +1 -0
  25. package/dist/esm/lib2/features/TabsFeature/types.d.ts +4 -0
  26. package/dist/esm/lib2/shared/types/ratingCircleTypes.d.ts +2 -0
  27. package/dist/esm/lib2/shared/ui/Badge/styles.d.ts +7 -0
  28. package/dist/esm/lib2/shared/ui/Badge/types.d.ts +1 -1
  29. package/dist/esm/lib2/shared/ui/ExploreCard/index.d.ts +1 -1
  30. package/dist/esm/lib2/shared/ui/ExploreCard/types.d.ts +1 -1
  31. package/dist/esm/lib2/shared/ui/ProgressCard/ProgressCard.d.ts +4 -0
  32. package/dist/esm/lib2/shared/ui/ProgressCard/index.d.ts +2 -0
  33. package/dist/esm/lib2/shared/ui/ProgressCard/styles.d.ts +1 -0
  34. package/dist/esm/lib2/shared/ui/ProgressCard/types.d.ts +11 -0
  35. package/dist/esm/lib2/shared/ui/PromptCard/types.d.ts +2 -2
  36. package/dist/esm/lib2/shared/ui/RatingCircle/styles.d.ts +3 -0
  37. package/dist/esm/lib2/shared/ui/SolidInput/types.d.ts +2 -0
  38. package/dist/esm/lib2/shared/ui/index.d.ts +1 -0
  39. package/dist/index.d.ts +68 -30
  40. package/package.json +3 -2
@@ -2,5 +2,5 @@ import * as React from 'react';
2
2
  import { ExploreCardSwiperFeatureProps } from './types';
3
3
  import 'slick-carousel/slick/slick.css';
4
4
  import 'slick-carousel/slick/slick-theme.css';
5
- declare const _default: React.NamedExoticComponent<ExploreCardSwiperFeatureProps>;
6
- export default _default;
5
+ declare const ExploreCardSwiperFeature: React.ForwardRefExoticComponent<ExploreCardSwiperFeatureProps & React.RefAttributes<HTMLDivElement>>;
6
+ export default ExploreCardSwiperFeature;
@@ -1,2 +1,2 @@
1
- export * from './ExploreCardSwiperFeature';
1
+ export { default as ExploreCardSwiperFeature } from './ExploreCardSwiperFeature';
2
2
  export * from './types';
@@ -5,10 +5,22 @@ export interface ExploreCardData {
5
5
  badgeText?: string;
6
6
  badgeVariant?: 'success' | 'info' | 'attention' | 'warning' | 'neutral' | 'brand';
7
7
  placeholder?: string;
8
+ isProgressState?: boolean;
9
+ currentMessageCount?: number;
10
+ requiredMessageCount?: number;
8
11
  }
9
12
  export interface ExploreCardSwiperFeatureProps {
10
13
  cards?: ExploreCardData[];
11
14
  className?: string;
12
- onCardSendMessage?: (cardId: string, message: string) => void;
15
+ onInputClicked: (cardId?: string) => void;
13
16
  isLoading?: boolean;
17
+ slidesToShow?: number;
18
+ progressImage: string;
19
+ progressPlaceholder: string;
20
+ progressSentCount: number;
21
+ progressNeededCount: number;
22
+ progressTitle: string;
23
+ progressDescription: string;
24
+ progressCircleText: string;
25
+ showProgress: boolean;
14
26
  }
@@ -0,0 +1 @@
1
+ export declare function useSlidesToShow(): number;
@@ -7,5 +7,9 @@ export type TabsFeatureProps = {
7
7
  }[];
8
8
  className?: string;
9
9
  isLoading?: boolean;
10
+ /**
11
+ * When true, tabs will stretch to fill the available width equally
12
+ */
13
+ fullWidth?: boolean;
10
14
  onTabClick?(tab: string): void;
11
15
  };
@@ -11,6 +11,7 @@ export type CircleRatingContent = {
11
11
  text?: string;
12
12
  isPercentage?: boolean;
13
13
  showIcon?: boolean;
14
+ hideValue?: boolean;
14
15
  };
15
16
  export type CircleRatingDataProps = {
16
17
  progress: number;
@@ -71,6 +72,7 @@ export type CircleRatingComponentProps = {
71
72
  isWithAnimation?: boolean;
72
73
  isPrimaryColor?: boolean;
73
74
  isProgressWithAnimation?: boolean;
75
+ isWhiteBackgroundStroke?: boolean;
74
76
  className?: string;
75
77
  onProgressEnd?: () => void;
76
78
  };
@@ -7,6 +7,7 @@ export declare const badge: import("tailwind-variants").TVReturnType<{
7
7
  success: "";
8
8
  brand: "";
9
9
  info: "";
10
+ personalized: "";
10
11
  };
11
12
  size: {
12
13
  S: "px-2 py-1 text-xs/[140%] font-semibold";
@@ -25,6 +26,7 @@ export declare const badge: import("tailwind-variants").TVReturnType<{
25
26
  success: "";
26
27
  brand: "";
27
28
  info: "";
29
+ personalized: "";
28
30
  };
29
31
  size: {
30
32
  S: "px-2 py-1 text-xs/[140%] font-semibold";
@@ -43,6 +45,7 @@ export declare const badge: import("tailwind-variants").TVReturnType<{
43
45
  success: "";
44
46
  brand: "";
45
47
  info: "";
48
+ personalized: "";
46
49
  };
47
50
  size: {
48
51
  S: "px-2 py-1 text-xs/[140%] font-semibold";
@@ -61,6 +64,7 @@ export declare const badge: import("tailwind-variants").TVReturnType<{
61
64
  success: "";
62
65
  brand: "";
63
66
  info: "";
67
+ personalized: "";
64
68
  };
65
69
  size: {
66
70
  S: "px-2 py-1 text-xs/[140%] font-semibold";
@@ -79,6 +83,7 @@ export declare const badge: import("tailwind-variants").TVReturnType<{
79
83
  success: "";
80
84
  brand: "";
81
85
  info: "";
86
+ personalized: "";
82
87
  };
83
88
  size: {
84
89
  S: "px-2 py-1 text-xs/[140%] font-semibold";
@@ -97,6 +102,7 @@ export declare const badge: import("tailwind-variants").TVReturnType<{
97
102
  success: "";
98
103
  brand: "";
99
104
  info: "";
105
+ personalized: "";
100
106
  };
101
107
  size: {
102
108
  S: "px-2 py-1 text-xs/[140%] font-semibold";
@@ -115,6 +121,7 @@ export declare const badge: import("tailwind-variants").TVReturnType<{
115
121
  success: "";
116
122
  brand: "";
117
123
  info: "";
124
+ personalized: "";
118
125
  };
119
126
  size: {
120
127
  S: "px-2 py-1 text-xs/[140%] font-semibold";
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  export type BadgeType = 'default' | 'accent';
3
- export type BadgeVariants = 'attention' | 'neutral' | 'success' | 'warning' | 'brand' | 'info';
3
+ export type BadgeVariants = 'attention' | 'neutral' | 'success' | 'warning' | 'brand' | 'info' | 'personalized';
4
4
  export type BadgeProps = React.ComponentPropsWithoutRef<'span'> & {
5
5
  variant: BadgeVariants;
6
6
  size?: 'S' | 'M';
@@ -1,2 +1,2 @@
1
- export * from './ExploreCard';
1
+ export { default as ExploreCard } from './ExploreCard';
2
2
  export * from './types';
@@ -4,6 +4,6 @@ export interface ExploreCardProps {
4
4
  badgeText?: string;
5
5
  badgeVariant?: 'success' | 'info' | 'attention' | 'warning' | 'neutral' | 'brand';
6
6
  placeholder?: string;
7
- onSendMessage?: (message: string) => void;
7
+ onInputClicked?: () => void;
8
8
  className?: string;
9
9
  }
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ import { ProgressCardProps } from './types';
3
+ declare const _default: React.NamedExoticComponent<ProgressCardProps>;
4
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export { default as ProgressCard } from './ProgressCard';
2
+ export type { ProgressCardProps } from './types';
@@ -0,0 +1 @@
1
+ export declare const progressCardStyles: import("tailwind-variants").TVReturnType<{}, undefined, "bg-color-background-anti-flash-light flex flex-col items-center justify-between pb-7 pt-10 px-7 size-full rounded-[20px] h-full", import("tailwind-variants/dist/config").TVConfig<{}, {}>, {}, undefined, import("tailwind-variants").TVReturnType<{}, undefined, "bg-color-background-anti-flash-light flex flex-col items-center justify-between pb-7 pt-10 px-7 size-full rounded-[20px] h-full", import("tailwind-variants/dist/config").TVConfig<{}, {}>, unknown, unknown, undefined>>;
@@ -0,0 +1,11 @@
1
+ export interface ProgressCardProps {
2
+ title: string;
3
+ description: string;
4
+ currentMessageCount: number;
5
+ requiredMessageCount: number;
6
+ className?: string;
7
+ loadingImage: string;
8
+ placeholder: string;
9
+ circleText: string;
10
+ onInputClicked?: () => void;
11
+ }
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  export type PromptCardProps = React.ComponentPropsWithoutRef<'div'> & {
3
- title: string;
4
- description: string;
3
+ title?: string;
4
+ description?: string;
5
5
  badgeText?: string;
6
6
  onStartConversation?: () => void;
7
7
  isLoading?: boolean;
@@ -39,6 +39,7 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
39
39
  breakPoint: string;
40
40
  defaultStroke: string;
41
41
  coloredStroke: string;
42
+ whiteStroke: string;
42
43
  icon: string;
43
44
  contentWrapper: string;
44
45
  contentColor: string;
@@ -158,6 +159,7 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
158
159
  breakPoint: string;
159
160
  defaultStroke: string;
160
161
  coloredStroke: string;
162
+ whiteStroke: string;
161
163
  icon: string;
162
164
  contentWrapper: string;
163
165
  contentColor: string;
@@ -203,6 +205,7 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
203
205
  breakPoint: string;
204
206
  defaultStroke: string;
205
207
  coloredStroke: string;
208
+ whiteStroke: string;
206
209
  icon: string;
207
210
  contentWrapper: string;
208
211
  contentColor: string;
@@ -17,4 +17,6 @@ export type SolidInputProps = {
17
17
  onButtonClick?: () => void;
18
18
  onChange?: (event: IonInputCustomEvent<InputChangeEventDetail>) => void;
19
19
  onKeyDown?: KeyboardEventHandler;
20
+ readonly?: boolean;
21
+ onClick?: () => void;
20
22
  };
@@ -48,3 +48,4 @@ export * from './SolidInput';
48
48
  export * from './Counter';
49
49
  export * from './PromptCard';
50
50
  export * from './ExploreCard';
51
+ export * from './ProgressCard';