@careevolution/mydatahelps-ui 1.3.6 → 1.4.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 (47) hide show
  1. package/README.md +12 -11
  2. package/dist/cjs/index.js +10 -27
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/cjs/types/components/presentational/ActivityMeter/ActivityMeter.d.ts +12 -0
  5. package/dist/cjs/types/components/presentational/ActivityMeter/ActivityMeter.stories.d.ts +6 -0
  6. package/dist/cjs/types/components/presentational/ActivityMeter/index.d.ts +1 -0
  7. package/dist/cjs/types/components/presentational/Face/Face.d.ts +9 -0
  8. package/dist/cjs/types/components/presentational/Face/Face.stories.d.ts +5 -0
  9. package/dist/cjs/types/components/presentational/Face/index.d.ts +1 -0
  10. package/dist/cjs/types/components/presentational/NavigationBar/NavigationBar.d.ts +2 -0
  11. package/dist/cjs/types/components/presentational/NavigationBar/NavigationBar.stories.d.ts +1 -0
  12. package/dist/cjs/types/components/presentational/OnVisibleTrigger/OnVisibleTrigger.d.ts +6 -0
  13. package/dist/cjs/types/components/presentational/OnVisibleTrigger/index.d.ts +1 -0
  14. package/dist/cjs/types/components/presentational/SparkBarChart/SparkBarChart.d.ts +11 -0
  15. package/dist/cjs/types/components/presentational/SparkBarChart/SparkBarChart.stories.d.ts +5 -0
  16. package/dist/cjs/types/components/presentational/SparkBarChart/index.d.ts +1 -0
  17. package/dist/cjs/types/components/presentational/Switch/Switch.d.ts +8 -0
  18. package/dist/cjs/types/components/presentational/Switch/Switch.stories.d.ts +5 -0
  19. package/dist/cjs/types/components/presentational/Switch/index.d.ts +1 -0
  20. package/dist/cjs/types/components/presentational/WeekCalendar/WeekCalendar.d.ts +12 -0
  21. package/dist/cjs/types/components/presentational/WeekCalendar/WeekCalendar.stories.d.ts +7 -0
  22. package/dist/cjs/types/components/presentational/WeekCalendar/index.d.ts +1 -0
  23. package/dist/cjs/types/components/presentational/index.d.ts +5 -0
  24. package/dist/esm/index.js +10 -26
  25. package/dist/esm/index.js.map +1 -1
  26. package/dist/esm/types/components/presentational/ActivityMeter/ActivityMeter.d.ts +12 -0
  27. package/dist/esm/types/components/presentational/ActivityMeter/ActivityMeter.stories.d.ts +6 -0
  28. package/dist/esm/types/components/presentational/ActivityMeter/index.d.ts +1 -0
  29. package/dist/esm/types/components/presentational/Face/Face.d.ts +9 -0
  30. package/dist/esm/types/components/presentational/Face/Face.stories.d.ts +5 -0
  31. package/dist/esm/types/components/presentational/Face/index.d.ts +1 -0
  32. package/dist/esm/types/components/presentational/NavigationBar/NavigationBar.d.ts +2 -0
  33. package/dist/esm/types/components/presentational/NavigationBar/NavigationBar.stories.d.ts +1 -0
  34. package/dist/esm/types/components/presentational/OnVisibleTrigger/OnVisibleTrigger.d.ts +6 -0
  35. package/dist/esm/types/components/presentational/OnVisibleTrigger/index.d.ts +1 -0
  36. package/dist/esm/types/components/presentational/SparkBarChart/SparkBarChart.d.ts +11 -0
  37. package/dist/esm/types/components/presentational/SparkBarChart/SparkBarChart.stories.d.ts +5 -0
  38. package/dist/esm/types/components/presentational/SparkBarChart/index.d.ts +1 -0
  39. package/dist/esm/types/components/presentational/Switch/Switch.d.ts +8 -0
  40. package/dist/esm/types/components/presentational/Switch/Switch.stories.d.ts +5 -0
  41. package/dist/esm/types/components/presentational/Switch/index.d.ts +1 -0
  42. package/dist/esm/types/components/presentational/WeekCalendar/WeekCalendar.d.ts +12 -0
  43. package/dist/esm/types/components/presentational/WeekCalendar/WeekCalendar.stories.d.ts +7 -0
  44. package/dist/esm/types/components/presentational/WeekCalendar/index.d.ts +1 -0
  45. package/dist/esm/types/components/presentational/index.d.ts +5 -0
  46. package/dist/index.d.ts +69 -20
  47. package/package.json +3 -2
package/README.md CHANGED
@@ -1,14 +1,15 @@
1
1
  # MyDataHelpsUI
2
2
 
3
- MyDataHelpsUI is a set of reusable React-based components based on the MyDataHelps.js SDK:
4
- https://github.com/CareEvolution/MyDataHelps.js
3
+ MyDataHelpsUI is a set of reusable React-based components based on the [MyDataHelps.js SDK](https://developer.mydatahelps.org/sdk/). Explore the component library at [ui.mydatahelps.org](https://ui.mydatahelps.org/).
4
+
5
+ Utilize this component library to accelerate the development of [custom participant views](https://developer.mydatahelps.org/views/) for your digital clinical trial and digital therapeutic application powered by [MyDataHelps platform](https://careevolution.com/mydatahelps/). Integrating MyDataHelpsUI will help you follow best practices for implementing return of results and eCOA within your participant views.
6
+
7
+ You may also find [MyDataHelpsStarterKit](https://github.com/CareEvolution/MyDataHelpsStarterKit) to be helpful. The starter kit is a react web app template designed for you to be able to fork/clone as a starting point for developing your custom view.
5
8
 
6
9
  Install via:
7
10
 
8
11
  ```npm install @careevolution/mydatahelps-ui```
9
12
 
10
- Utilize the library to integrate components into your [participant views](https://developer.mydatahelps.org/views/).
11
-
12
13
  ### Example of how to use MyDataHelpsUI in your Participant View
13
14
  ```
14
15
  import { Action, Card, Layout, SurveyTaskList } from "@careevolution/mydatahelps-ui"
@@ -34,21 +35,21 @@ export default function () {
34
35
 
35
36
  ## Storybook
36
37
 
37
- This library uses [Storybook](https://storybook.js.org/). To look at examples, clone this repository and:
38
-
39
- ```npm run storybook```
38
+ This library uses [Storybook](https://storybook.js.org/). To look at examples, visit [ui.mydatahelps.org](https://ui.mydatahelps.org/).
40
39
 
41
- to view the storybook.
40
+ To run Storybook previews with data from one of your test MyDataHelps participants:
42
41
 
43
- To run Storybook previews with the data from one of your test MyDataHelps participants:
44
- 1. Obtain a participant access token using the MyDataHelps [JavaScript SDK](https://developer.mydatahelps.org/sdk/participant_tokens.html)
45
- 2. Create a .env file in your root directory with the token details
42
+ 1. Clone this repo
43
+ 2. Get a [participant access token](https://developer.mydatahelps.org/sdk/participant_tokens.html) - either using browser dev tools while logged in as a test participant at mydatahelps.org, or by using the REST API.
44
+ - Hint: if using browser dev tools, examine the response on the request to https://mydatahelps.org/identityserver/connect/token.
45
+ 3. Create a .env file in your root directory with the token details
46
46
 
47
47
  ```
48
48
  .env
49
49
  -----
50
50
  PARTICIPANT_ACCESS_TOKEN=05e211e4df46ca7537e064bde44148a7
51
51
  ```
52
+ 4. Run `npm run storybook` to view the storybook.
52
53
 
53
54
  If you have issues getting storybook to run, particuarly around the NODE_OPTIONS being used, try upgrading Node to the latest version.
54
55