@careevolution/mydatahelps-ui 2.8.1 → 2.9.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/index.js +9 -9
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/presentational/ProgressRing/ProgressRing.d.ts +11 -0
- package/dist/cjs/types/components/presentational/ProgressRing/ProgressRing.stories.d.ts +84 -0
- package/dist/cjs/types/components/presentational/ProgressRing/index.d.ts +1 -0
- package/dist/cjs/types/components/presentational/index.d.ts +1 -0
- package/dist/cjs/types/components/view/NewPointsView/NewPointsView.d.ts +20 -0
- package/dist/cjs/types/components/view/NewPointsView/NewPointsView.stories.d.ts +192 -0
- package/dist/cjs/types/components/view/NewPointsView/index.d.ts +1 -0
- package/dist/cjs/types/components/view/index.d.ts +1 -0
- package/dist/esm/index.js +8 -8
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/presentational/ProgressRing/ProgressRing.d.ts +11 -0
- package/dist/esm/types/components/presentational/ProgressRing/ProgressRing.stories.d.ts +84 -0
- package/dist/esm/types/components/presentational/ProgressRing/index.d.ts +1 -0
- package/dist/esm/types/components/presentational/index.d.ts +1 -0
- package/dist/esm/types/components/view/NewPointsView/NewPointsView.d.ts +20 -0
- package/dist/esm/types/components/view/NewPointsView/NewPointsView.stories.d.ts +192 -0
- package/dist/esm/types/components/view/NewPointsView/index.d.ts +1 -0
- package/dist/esm/types/components/view/index.d.ts +1 -0
- package/dist/index.d.ts +107 -79
- package/package.json +2 -2
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React, { CSSProperties } from 'react';
|
|
2
|
+
import './ProgressRing.css';
|
|
3
|
+
import { ColorDefinition } from "../../../helpers/colors";
|
|
4
|
+
export interface ProgressRingProps {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
style?: CSSProperties;
|
|
7
|
+
color?: ColorDefinition;
|
|
8
|
+
percentCompleted?: number;
|
|
9
|
+
animate?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export default function (props: ProgressRingProps): React.JSX.Element;
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import ProgressRing, { ProgressRingProps } from './ProgressRing';
|
|
3
|
+
import './ProgressRing.stories.css';
|
|
4
|
+
declare const _default: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: typeof ProgressRing;
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export default _default;
|
|
12
|
+
export declare const Default: {
|
|
13
|
+
args: {
|
|
14
|
+
children: React.JSX.Element;
|
|
15
|
+
};
|
|
16
|
+
render: (args: ProgressRingProps) => React.JSX.Element;
|
|
17
|
+
};
|
|
18
|
+
export declare const OneThirdDone: {
|
|
19
|
+
args: {
|
|
20
|
+
children: React.JSX.Element;
|
|
21
|
+
percentCompleted: number;
|
|
22
|
+
};
|
|
23
|
+
render: (args: ProgressRingProps) => React.JSX.Element;
|
|
24
|
+
};
|
|
25
|
+
export declare const TwoThirdsDone: {
|
|
26
|
+
args: {
|
|
27
|
+
children: React.JSX.Element;
|
|
28
|
+
percentCompleted: number;
|
|
29
|
+
};
|
|
30
|
+
render: (args: ProgressRingProps) => React.JSX.Element;
|
|
31
|
+
};
|
|
32
|
+
export declare const Done: {
|
|
33
|
+
args: {
|
|
34
|
+
children: React.JSX.Element;
|
|
35
|
+
percentCompleted: number;
|
|
36
|
+
};
|
|
37
|
+
render: (args: ProgressRingProps) => React.JSX.Element;
|
|
38
|
+
};
|
|
39
|
+
export declare const DifferentColor: {
|
|
40
|
+
args: {
|
|
41
|
+
children: React.JSX.Element;
|
|
42
|
+
color: string;
|
|
43
|
+
};
|
|
44
|
+
render: (args: ProgressRingProps) => React.JSX.Element;
|
|
45
|
+
};
|
|
46
|
+
export declare const Default_Animated: {
|
|
47
|
+
args: {
|
|
48
|
+
children: React.JSX.Element;
|
|
49
|
+
animate: boolean;
|
|
50
|
+
};
|
|
51
|
+
render: (args: ProgressRingProps) => React.JSX.Element;
|
|
52
|
+
};
|
|
53
|
+
export declare const OneThirdDone_Animated: {
|
|
54
|
+
args: {
|
|
55
|
+
children: React.JSX.Element;
|
|
56
|
+
percentCompleted: number;
|
|
57
|
+
animate: boolean;
|
|
58
|
+
};
|
|
59
|
+
render: (args: ProgressRingProps) => React.JSX.Element;
|
|
60
|
+
};
|
|
61
|
+
export declare const TwoThirdsDone_Animated: {
|
|
62
|
+
args: {
|
|
63
|
+
children: React.JSX.Element;
|
|
64
|
+
percentCompleted: number;
|
|
65
|
+
animate: boolean;
|
|
66
|
+
};
|
|
67
|
+
render: (args: ProgressRingProps) => React.JSX.Element;
|
|
68
|
+
};
|
|
69
|
+
export declare const Done_Animated: {
|
|
70
|
+
args: {
|
|
71
|
+
children: React.JSX.Element;
|
|
72
|
+
percentCompleted: number;
|
|
73
|
+
animate: boolean;
|
|
74
|
+
};
|
|
75
|
+
render: (args: ProgressRingProps) => React.JSX.Element;
|
|
76
|
+
};
|
|
77
|
+
export declare const DifferentColor_Animated: {
|
|
78
|
+
args: {
|
|
79
|
+
children: React.JSX.Element;
|
|
80
|
+
color: string;
|
|
81
|
+
animate: boolean;
|
|
82
|
+
};
|
|
83
|
+
render: (args: ProgressRingProps) => React.JSX.Element;
|
|
84
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './ProgressRing';
|
|
@@ -28,3 +28,4 @@ export { default as TrackerItem } from "./TrackerItem";
|
|
|
28
28
|
export { default as UnstyledButton } from "./UnstyledButton";
|
|
29
29
|
export { default as ViewHeader } from "./ViewHeader";
|
|
30
30
|
export { default as WeekCalendar } from "./WeekCalendar";
|
|
31
|
+
export { default as ProgressRing } from "./ProgressRing";
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './NewPointsView.css';
|
|
3
|
+
export interface NewPointsEntry {
|
|
4
|
+
name: string;
|
|
5
|
+
points: number;
|
|
6
|
+
bonusPoints?: number;
|
|
7
|
+
message?: {
|
|
8
|
+
title: string;
|
|
9
|
+
text: string;
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
export interface NewPointsViewProps {
|
|
13
|
+
entries: NewPointsEntry[];
|
|
14
|
+
pointsToNextReward?: number;
|
|
15
|
+
colorScheme?: 'auto' | 'light' | 'dark';
|
|
16
|
+
primaryColor?: string;
|
|
17
|
+
doneButtonText?: string;
|
|
18
|
+
}
|
|
19
|
+
export default function (props: NewPointsViewProps): React.JSX.Element;
|
|
20
|
+
export declare function showNewPoints(props: NewPointsViewProps, url?: string): void;
|
|
@@ -0,0 +1,192 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import NewPointsView, { NewPointsViewProps } from './NewPointsView';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof NewPointsView;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default _default;
|
|
11
|
+
export declare const Single: {
|
|
12
|
+
args: {
|
|
13
|
+
entries: {
|
|
14
|
+
name: string;
|
|
15
|
+
points: number;
|
|
16
|
+
message: {
|
|
17
|
+
title: string;
|
|
18
|
+
text: string;
|
|
19
|
+
};
|
|
20
|
+
}[];
|
|
21
|
+
};
|
|
22
|
+
render: (args: NewPointsViewProps) => React.JSX.Element;
|
|
23
|
+
};
|
|
24
|
+
export declare const SingleWithBonus: {
|
|
25
|
+
args: {
|
|
26
|
+
entries: {
|
|
27
|
+
name: string;
|
|
28
|
+
points: number;
|
|
29
|
+
bonusPoints: number;
|
|
30
|
+
message: {
|
|
31
|
+
title: string;
|
|
32
|
+
text: string;
|
|
33
|
+
};
|
|
34
|
+
}[];
|
|
35
|
+
};
|
|
36
|
+
render: (args: NewPointsViewProps) => React.JSX.Element;
|
|
37
|
+
};
|
|
38
|
+
export declare const SingleWithNextReward: {
|
|
39
|
+
args: {
|
|
40
|
+
entries: {
|
|
41
|
+
name: string;
|
|
42
|
+
points: number;
|
|
43
|
+
message: {
|
|
44
|
+
title: string;
|
|
45
|
+
text: string;
|
|
46
|
+
};
|
|
47
|
+
}[];
|
|
48
|
+
pointsToNextReward: number;
|
|
49
|
+
};
|
|
50
|
+
render: (args: NewPointsViewProps) => React.JSX.Element;
|
|
51
|
+
};
|
|
52
|
+
export declare const SingleWithBonusAndNextReward: {
|
|
53
|
+
args: {
|
|
54
|
+
entries: {
|
|
55
|
+
name: string;
|
|
56
|
+
points: number;
|
|
57
|
+
bonusPoints: number;
|
|
58
|
+
message: {
|
|
59
|
+
title: string;
|
|
60
|
+
text: string;
|
|
61
|
+
};
|
|
62
|
+
}[];
|
|
63
|
+
pointsToNextReward: number;
|
|
64
|
+
};
|
|
65
|
+
render: (args: NewPointsViewProps) => React.JSX.Element;
|
|
66
|
+
};
|
|
67
|
+
export declare const Multi: {
|
|
68
|
+
args: {
|
|
69
|
+
entries: {
|
|
70
|
+
name: string;
|
|
71
|
+
points: number;
|
|
72
|
+
message: {
|
|
73
|
+
title: string;
|
|
74
|
+
text: string;
|
|
75
|
+
};
|
|
76
|
+
}[];
|
|
77
|
+
};
|
|
78
|
+
render: (args: NewPointsViewProps) => React.JSX.Element;
|
|
79
|
+
};
|
|
80
|
+
export declare const MultiWithBonus: {
|
|
81
|
+
args: {
|
|
82
|
+
entries: {
|
|
83
|
+
name: string;
|
|
84
|
+
points: number;
|
|
85
|
+
bonusPoints: number;
|
|
86
|
+
message: {
|
|
87
|
+
title: string;
|
|
88
|
+
text: string;
|
|
89
|
+
};
|
|
90
|
+
}[];
|
|
91
|
+
};
|
|
92
|
+
render: (args: NewPointsViewProps) => React.JSX.Element;
|
|
93
|
+
};
|
|
94
|
+
export declare const MultiWithNextReward: {
|
|
95
|
+
args: {
|
|
96
|
+
entries: {
|
|
97
|
+
name: string;
|
|
98
|
+
points: number;
|
|
99
|
+
message: {
|
|
100
|
+
title: string;
|
|
101
|
+
text: string;
|
|
102
|
+
};
|
|
103
|
+
}[];
|
|
104
|
+
pointsToNextReward: number;
|
|
105
|
+
};
|
|
106
|
+
render: (args: NewPointsViewProps) => React.JSX.Element;
|
|
107
|
+
};
|
|
108
|
+
export declare const MultiWithBonusAndNextReward: {
|
|
109
|
+
args: {
|
|
110
|
+
entries: ({
|
|
111
|
+
name: string;
|
|
112
|
+
points: number;
|
|
113
|
+
message: {
|
|
114
|
+
title: string;
|
|
115
|
+
text: string;
|
|
116
|
+
};
|
|
117
|
+
bonusPoints?: undefined;
|
|
118
|
+
} | {
|
|
119
|
+
name: string;
|
|
120
|
+
points: number;
|
|
121
|
+
bonusPoints: number;
|
|
122
|
+
message: {
|
|
123
|
+
title: string;
|
|
124
|
+
text: string;
|
|
125
|
+
};
|
|
126
|
+
})[];
|
|
127
|
+
pointsToNextReward: number;
|
|
128
|
+
};
|
|
129
|
+
render: (args: NewPointsViewProps) => React.JSX.Element;
|
|
130
|
+
};
|
|
131
|
+
export declare const DifferentButtonText: {
|
|
132
|
+
args: {
|
|
133
|
+
entries: {
|
|
134
|
+
name: string;
|
|
135
|
+
points: number;
|
|
136
|
+
message: {
|
|
137
|
+
title: string;
|
|
138
|
+
text: string;
|
|
139
|
+
};
|
|
140
|
+
}[];
|
|
141
|
+
doneButtonText: string;
|
|
142
|
+
};
|
|
143
|
+
render: (args: NewPointsViewProps) => React.JSX.Element;
|
|
144
|
+
};
|
|
145
|
+
export declare const DifferentColor: {
|
|
146
|
+
args: {
|
|
147
|
+
entries: ({
|
|
148
|
+
name: string;
|
|
149
|
+
points: number;
|
|
150
|
+
bonusPoints: number;
|
|
151
|
+
message: {
|
|
152
|
+
title: string;
|
|
153
|
+
text: string;
|
|
154
|
+
};
|
|
155
|
+
} | {
|
|
156
|
+
name: string;
|
|
157
|
+
points: number;
|
|
158
|
+
message: {
|
|
159
|
+
title: string;
|
|
160
|
+
text: string;
|
|
161
|
+
};
|
|
162
|
+
bonusPoints?: undefined;
|
|
163
|
+
})[];
|
|
164
|
+
pointsToNextReward: number;
|
|
165
|
+
primaryColor: string;
|
|
166
|
+
};
|
|
167
|
+
render: (args: NewPointsViewProps) => React.JSX.Element;
|
|
168
|
+
};
|
|
169
|
+
export declare const DarkMode: {
|
|
170
|
+
args: {
|
|
171
|
+
entries: ({
|
|
172
|
+
name: string;
|
|
173
|
+
points: number;
|
|
174
|
+
bonusPoints: number;
|
|
175
|
+
message: {
|
|
176
|
+
title: string;
|
|
177
|
+
text: string;
|
|
178
|
+
};
|
|
179
|
+
} | {
|
|
180
|
+
name: string;
|
|
181
|
+
points: number;
|
|
182
|
+
message: {
|
|
183
|
+
title: string;
|
|
184
|
+
text: string;
|
|
185
|
+
};
|
|
186
|
+
bonusPoints?: undefined;
|
|
187
|
+
})[];
|
|
188
|
+
pointsToNextReward: number;
|
|
189
|
+
colorScheme: string;
|
|
190
|
+
};
|
|
191
|
+
render: (args: NewPointsViewProps) => React.JSX.Element;
|
|
192
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default, NewPointsViewProps, NewPointsEntry, showNewPoints } from './NewPointsView';
|
|
@@ -8,3 +8,4 @@ export { default as HomeView } from "./HomeView";
|
|
|
8
8
|
export { default as HealthAndWellnessView } from "./HealthAndWellnessView";
|
|
9
9
|
export { default as NotificationsView } from "./NotificationsView";
|
|
10
10
|
export { default as SurveyTasksView } from "./SurveyTasksView";
|
|
11
|
+
export { default as NewPointsView, NewPointsViewProps, NewPointsEntry, showNewPoints } from "./NewPointsView";
|