@careevolution/mydatahelps-ui 2.3.0 → 2.4.1-Points.0

package/dist/cjs/types/components/container/DailyDataChart/DailyDataChart.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { DailyDataProvider } from '../../../helpers/query-daily-data';
+import "./DailyDataChart.css";
+import { WeekStartsOn } from '../../../helpers/get-interval-start';
+export interface DailyDataChartProps {
+    title?: string;
+    intervalType?: "Week" | "Month";
+    weekStartsOn?: WeekStartsOn;
+    dailyDataType: string;
+    valueConverter?(value: number): number;
+    valueFormatter?(value: number): string;
+    chartType: "Line" | "Bar" | "Area";
+    options?: LineChartOptions | BarChartOptions | AreaChartOptions;
+    hideIfNoData?: boolean;
+    previewDataProvider?: DailyDataProvider;
+}
+export interface LineChartOptions {
+    lineColor?: string;
+    domainMin?: number | "Auto";
+}
+export interface BarChartOptions {
+    barColor?: string;
+}
+export interface AreaChartOptions {
+    lineColor?: string;
+    areaColor?: string;
+}
+export default function DailyDataChart(props: DailyDataChartProps): React.JSX.Element | null;

package/dist/cjs/types/components/container/DailyDataChart/DailyDataChart.stories.d.ts

@@ -0,0 +1,80 @@
+import React from "react";
+import { DailyDataQueryResult, DailyDataType } from "../../../helpers/query-daily-data";
+import DailyDataChart, { DailyDataChartProps } from "./DailyDataChart";
+declare const _default: {
+    title: string;
+    component: typeof DailyDataChart;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const stepsLineChart: {
+    args: {
+        title: string;
+        options: {
+            domainMin: number;
+            lineColor: string;
+        };
+        intervalType: string;
+        weekStartsOn: string;
+        dailyDataType: DailyDataType;
+        valueFormatter: (value: number) => string;
+        chartType: string;
+        previewDataProvider: (start: Date, end: Date) => Promise<DailyDataQueryResult>;
+    };
+    render: (args: DailyDataChartProps) => React.JSX.Element;
+};
+export declare const stepsBarChart: {
+    args: {
+        title: string;
+        options: {};
+        intervalType: string;
+        weekStartsOn: string;
+        dailyDataType: DailyDataType;
+        valueFormatter: (value: number) => string;
+        chartType: string;
+        previewDataProvider: (start: Date, end: Date) => Promise<DailyDataQueryResult>;
+    };
+    render: (args: DailyDataChartProps) => React.JSX.Element;
+};
+export declare const stepsAreaChart: {
+    args: {
+        title: string;
+        options: {
+            areaColor: string;
+            lineColor: string;
+        };
+        intervalType: string;
+        weekStartsOn: string;
+        dailyDataType: DailyDataType;
+        valueFormatter: (value: number) => string;
+        chartType: string;
+        previewDataProvider: (start: Date, end: Date) => Promise<DailyDataQueryResult>;
+    };
+    render: (args: DailyDataChartProps) => React.JSX.Element;
+};
+export declare const sleepBarChart: {
+    args: {
+        title: string;
+        intervalType: string;
+        weekStartsOn: string;
+        dailyDataType: DailyDataType;
+        valueFormatter: (value: number) => string;
+        valueConverter: (value: number) => number;
+        chartType: string;
+        previewDataProvider: (start: Date, end: Date) => Promise<DailyDataQueryResult>;
+    };
+    render: (args: DailyDataChartProps) => React.JSX.Element;
+};
+export declare const noData: {
+    args: {
+        title: string;
+        intervalType: string;
+        dailyDataType: DailyDataType;
+        valueFormatter: (value: number) => string;
+        chartType: string;
+        previewDataProvider: (start: Date, end: Date) => Promise<{}>;
+    };
+    render: (args: DailyDataChartProps) => React.JSX.Element;
+};

package/dist/cjs/types/components/container/DailyDataChart/index.d.ts

@@ -0,0 +1 @@
+export { default, LineChartOptions, BarChartOptions, AreaChartOptions } from "./DailyDataChart";

package/dist/cjs/types/components/container/NewPoints/NewPoints.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import './NewPoints.css';
+export interface NewPointsEntry {
+    name: string;
+    points: number;
+    bonusPoints?: number;
+    message?: {
+        title: string;
+        text: string;
+    };
+}
+export interface NewPointsProps {
+    entries: NewPointsEntry[];
+    pointsToNextReward?: number;
+    doneButtonText?: string;
+}
+export default function (props: NewPointsProps): React.JSX.Element;

package/dist/cjs/types/components/container/NewPoints/NewPoints.stories.d.ts

@@ -0,0 +1,100 @@
+import React from 'react';
+import NewPoints, { NewPointsProps } from './NewPoints';
+declare const _default: {
+    title: string;
+    component: typeof NewPoints;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const SingleEntry: {
+    args: {
+        entries: {
+            name: string;
+            points: number;
+            message: {
+                title: string;
+                text: string;
+            };
+        }[];
+    };
+    render: (args: NewPointsProps) => React.JSX.Element;
+};
+export declare const SingleEntryWithBonus: {
+    args: {
+        entries: {
+            name: string;
+            points: number;
+            bonusPoints: number;
+            message: {
+                title: string;
+                text: string;
+            };
+        }[];
+    };
+    render: (args: NewPointsProps) => React.JSX.Element;
+};
+export declare const SingleEntryWithNextReward: {
+    args: {
+        entries: {
+            name: string;
+            points: number;
+            message: {
+                title: string;
+                text: string;
+            };
+        }[];
+        pointsToNextReward: number;
+    };
+    render: (args: NewPointsProps) => React.JSX.Element;
+};
+export declare const MultiEntry: {
+    args: {
+        entries: {
+            name: string;
+            points: number;
+            message: {
+                title: string;
+                text: string;
+            };
+        }[];
+    };
+    render: (args: NewPointsProps) => React.JSX.Element;
+};
+export declare const MultiEntryWithBonus: {
+    args: {
+        entries: ({
+            name: string;
+            points: number;
+            bonusPoints: number;
+            message: {
+                title: string;
+                text: string;
+            };
+        } | {
+            name: string;
+            points: number;
+            message: {
+                title: string;
+                text: string;
+            };
+            bonusPoints?: undefined;
+        })[];
+    };
+    render: (args: NewPointsProps) => React.JSX.Element;
+};
+export declare const MultiEntryWithNextReward: {
+    args: {
+        entries: {
+            name: string;
+            points: number;
+            message: {
+                title: string;
+                text: string;
+            };
+        }[];
+        pointsToNextReward: number;
+    };
+    render: (args: NewPointsProps) => React.JSX.Element;
+};

package/dist/cjs/types/components/container/NewPoints/index.d.ts

@@ -0,0 +1 @@
+export { default, NewPointsProps, NewPointsEntry } from './NewPoints';

package/dist/cjs/types/components/container/SurveyTaskList/SurveyTaskList.d.ts

@@ -5,9 +5,10 @@ export interface SurveyTaskListProps {
     status: SurveyTaskStatus;
     limit?: number;
     title?: string;
+    surveys?: string[];
     onDetailLinkClick?: Function;
-    hideDueDate?: boolean;
     previewState?: SurveyTaskListListPreviewState;
+    variant?: "noCard" | "singleCard" | "multiCard";
 }
 export declare type SurveyTaskListListPreviewState = "IncompleteTasks" | "CompleteTasks";
 export default function (props: SurveyTaskListProps): React.JSX.Element | null;

package/dist/cjs/types/components/container/index.d.ts

@@ -2,6 +2,7 @@ export { default as AppDownload } from "./AppDownload";
 export { default as ConnectEhr } from "./ConnectEhr";
 export { default as ConnectFitbit } from "./ConnectFitbit";
 export { default as ConnectGarmin } from "./ConnectGarmin";
+export { default as DailyDataChart, LineChartOptions, BarChartOptions, AreaChartOptions } from "./DailyDataChart";
 export { default as DeviceDataMonthChart, DeviceDataChartLine } from "./DeviceDataMonthChart";
 export { default as DeviceDataMonthCharts } from "./DeviceDataMonthCharts";
 export { default as ExternalAccountList } from "./ExternalAccountList";
@@ -19,5 +20,7 @@ export { default as PlatformSpecificContent } from "./PlatformSpecificContent";
 export { default as ProjectHeader } from "./ProjectHeader";
 export { default as ProjectSupport } from "./ProjectSupport";
 export { default as ProviderSearch } from "./ProviderSearch";
-export { default as RestingHeartRateCalendar } from "./ProviderSearch";
+export { default as RelativeActivityToday } from "./RelativeActivityToday";
+export { default as RestingHeartRateCalendar } from "./RestingHeartRateCalendar";
 export { default as SurveyTaskList } from "./SurveyTaskList";
+export { default as NewPoints, NewPointsProps, NewPointsEntry } from "./NewPoints";

package/dist/cjs/types/components/presentational/AnimatedRing/AnimatedRing.d.ts

@@ -0,0 +1,8 @@
+import React, { CSSProperties } from 'react';
+import './AnimatedRing.css';
+export interface AnimatedRingProps {
+    children: React.ReactNode;
+    style?: CSSProperties;
+    color?: string;
+}
+export default function (props: AnimatedRingProps): React.JSX.Element;

package/dist/cjs/types/components/presentational/AnimatedRing/AnimatedRing.stories.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import AnimatedRing, { AnimatedRingProps } from './AnimatedRing';
+import './AnimatedRing.stories.css';
+declare const _default: {
+    title: string;
+    component: typeof AnimatedRing;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        children: React.JSX.Element;
+    };
+    render: (args: AnimatedRingProps) => React.JSX.Element;
+};
+export declare const SpecificColor: {
+    args: {
+        children: React.JSX.Element;
+        color: string;
+    };
+    render: (args: AnimatedRingProps) => React.JSX.Element;
+};

package/dist/cjs/types/components/presentational/AnimatedRing/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AnimatedRing';

package/dist/cjs/types/components/presentational/Button/Button.d.ts

@@ -11,6 +11,6 @@ export interface ButtonProps {
     className?: string;
     color?: string;
     loading?: boolean;
-    variant?: "default" | "subtle";
+    variant?: "default" | "subtle" | "light";
 }
 export default function (props: ButtonProps): React.JSX.Element;

package/dist/cjs/types/components/presentational/Card/Card.d.ts

@@ -4,5 +4,6 @@ export interface CardProps {
     className?: string;
     children?: React.ReactNode;
     allowOverflow?: boolean;
+    innerRef?: React.Ref<HTMLDivElement>;
 }
 export default function (props: CardProps): React.JSX.Element | null;

package/dist/cjs/types/components/presentational/DateRangeCoordinator/DateRangeCoordinator.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { WeekStartsOn } from "../../../helpers/get-interval-start";
+export interface DateRangeCoordinatorProps {
+    intervalType: "Week" | "Month";
+    weekStartsOn?: WeekStartsOn;
+    variant?: "default" | "rounded";
+    children: React.ReactNode;
+}
+export interface DateRangeContext {
+    intervalType: "Week" | "Month";
+    intervalStart: Date;
+}
+export declare const DateRangeContext: React.Context<DateRangeContext | null>;
+export default function DateRangeNavigatorContext(props: DateRangeCoordinatorProps): React.JSX.Element;

package/dist/cjs/types/components/presentational/DateRangeCoordinator/DateRangeCoordinator.stories.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+import DateRangeCoordinator, { DateRangeCoordinatorProps } from "./DateRangeCoordinator";
+declare const _default: {
+    title: string;
+    component: typeof DateRangeCoordinator;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const month: {
+    args: {
+        variant: string;
+        intervalType: string;
+        children: React.JSX.Element;
+    };
+    render: (args: DateRangeCoordinatorProps) => React.JSX.Element;
+};
+export declare const weekStartsSunday: {
+    args: {
+        variant: string;
+        intervalType: string;
+        weekStartsOn: string;
+        children: React.JSX.Element;
+    };
+    render: (args: DateRangeCoordinatorProps) => React.JSX.Element;
+};
+export declare const weekStarts6DaysAgo: {
+    args: {
+        variant: string;
+        intervalType: string;
+        weekStartsOn: string;
+        children: React.JSX.Element;
+    };
+    render: (args: DateRangeCoordinatorProps) => React.JSX.Element;
+};

package/dist/cjs/types/components/presentational/DateRangeCoordinator/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./DateRangeCoordinator";

package/dist/cjs/types/components/presentational/Layout/Layout.d.ts

@@ -10,8 +10,8 @@ export interface LayoutProps {
     noGlobalStyles?: boolean;
     colorScheme?: "light" | "dark" | "auto";
     /**
-    * @deprecated
-    */
+      * @deprecated
+      */
     stylesheetPath?: string;
 }
 export interface LayoutContext {

package/dist/cjs/types/components/presentational/NavigationBar/NavigationBar.d.ts

@@ -3,6 +3,7 @@ import "./NavigationBar.css";
 import '@fortawesome/fontawesome-svg-core/styles.css';
 export interface NavigationBarProps {
     title?: string;
+    subtitle?: string;
     showBackButton?: boolean;
     showCloseButton?: boolean;
     children?: React.ReactNode;

package/dist/cjs/types/components/presentational/Section/Section.d.ts

@@ -4,5 +4,6 @@ export interface SectionProps {
     children?: React.ReactNode;
     className?: string;
     noTopMargin?: boolean;
+    innerRef?: React.Ref<HTMLDivElement>;
 }
 export default function (props: SectionProps): React.JSX.Element | null;

package/dist/cjs/types/components/presentational/SingleSurveyTask/SingleSurveyTask.d.ts

@@ -6,7 +6,6 @@ import '@fortawesome/fontawesome-svg-core/styles.css';
 export interface SingleSurveyTaskProps {
     task: SurveyTask;
     descriptionIcon?: IconDefinition;
-    hideDueDate?: boolean;
     disableClick?: boolean;
 }
 export default function (props: SingleSurveyTaskProps): React.JSX.Element | null;

package/dist/cjs/types/components/presentational/ViewHeader/ViewHeader.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "./ViewHeader.css";
+export interface ViewHeaderProps {
+    title?: string;
+    subtitle?: string;
+}
+export default function (props: ViewHeaderProps): React.JSX.Element | null;

package/dist/cjs/types/components/presentational/ViewHeader/ViewHeader.stories.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import ViewHeader, { ViewHeaderProps } from "./ViewHeader";
+declare const _default: {
+    title: string;
+    component: typeof ViewHeader;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const titleAndSubtitle: {
+    name: string;
+    args: {
+        title: string;
+        subtitle: string;
+    };
+    render: (args: ViewHeaderProps) => React.JSX.Element;
+};
+export declare const titleOnly: {
+    name: string;
+    args: {
+        title: string;
+    };
+    render: (args: ViewHeaderProps) => React.JSX.Element;
+};
+export declare const subtitleOnly: {
+    name: string;
+    args: {
+        subtitle: string;
+    };
+    render: (args: ViewHeaderProps) => React.JSX.Element;
+};

package/dist/cjs/types/components/presentational/ViewHeader/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./ViewHeader";

package/dist/cjs/types/components/presentational/index.d.ts

@@ -4,6 +4,7 @@ export { default as Button } from "./Button";
 export { default as Calendar } from "./Calendar";
 export { default as Card } from "./Card";
 export { default as CardTitle } from "./CardTitle";
+export { default as DateRangeCoordinator } from "./DateRangeCoordinator";
 export { default as DateRangeNavigator } from "./DateRangeNavigator";
 export { default as DayTrackerSymbol } from "./DayTrackerSymbol";
 export { default as Face } from "./Face";
@@ -23,4 +24,6 @@ export { default as StatusBarBackground } from "./StatusBarBackground";
 export { default as TextBlock } from "./TextBlock";
 export { default as TrackerItem } from "./TrackerItem";
 export { default as UnstyledButton } from "./UnstyledButton";
+export { default as ViewHeader } from "./ViewHeader";
 export { default as WeekCalendar } from "./WeekCalendar";
+export { default as AnimatedRing } from "./AnimatedRing";

package/dist/cjs/types/components/view/BlankView/BlankView.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface BlankViewProps {
+    children?: React.ReactNode;
+    title?: string;
+    subtitle?: string;
+    showCloseButton?: boolean;
+    showBackButton?: boolean;
+    colorScheme?: "auto" | "light" | "dark";
+    primaryColor?: string;
+}
+export default function (props: BlankViewProps): React.JSX.Element;

package/dist/cjs/types/components/view/BlankView/BlankView.stories.d.ts

@@ -0,0 +1,46 @@
+import React from "react";
+import BlankView, { BlankViewProps } from "./BlankView";
+declare const _default: {
+    title: string;
+    component: typeof BlankView;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const titleOnly: {
+    args: {
+        title: string;
+    };
+    render: (args: BlankViewProps) => React.JSX.Element;
+};
+export declare const withNavigationButtons: {
+    args: {
+        title: string;
+        subtitle: string;
+        showBackButton: boolean;
+        showCloseButton: boolean;
+    };
+    render: (args: BlankViewProps) => React.JSX.Element;
+};
+export declare const darkColorScheme: {
+    args: {
+        title: string;
+        subtitle: string;
+        showBackButton: boolean;
+        showCloseButton: boolean;
+        colorScheme: string;
+    };
+    render: (args: BlankViewProps) => React.JSX.Element;
+};
+export declare const customPrimaryColor: {
+    args: {
+        title: string;
+        subtitle: string;
+        showBackButton: boolean;
+        showCloseButton: boolean;
+        primaryColor: string;
+        children: React.JSX.Element;
+    };
+    render: (args: BlankViewProps) => React.JSX.Element;
+};

package/dist/cjs/types/components/view/BlankView/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./BlankView";

package/dist/cjs/types/components/view/NewPointsView/NewPointsView.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { NewPointsProps } from "../../container/NewPoints/NewPoints";
+export interface NewPointsViewProps {
+    newPointsProps: NewPointsProps;
+    colorScheme?: 'auto' | 'light' | 'dark';
+    primaryColor?: string;
+}
+export default function (props: NewPointsViewProps): React.JSX.Element;

package/dist/cjs/types/components/view/NewPointsView/NewPointsView.stories.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import NewPointsView, { NewPointsViewProps } from './NewPointsView';
+import { NewPointsProps } from "../../container/NewPoints/NewPoints";
+declare const _default: {
+    title: string;
+    component: typeof NewPointsView;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        newPointsProps: NewPointsProps;
+    };
+    render: (args: NewPointsViewProps) => React.JSX.Element;
+};
+export declare const DifferentButtonText: {
+    args: {
+        newPointsProps: {
+            doneButtonText: string;
+            entries: import("../../container/NewPoints/NewPoints").NewPointsEntry[];
+            pointsToNextReward?: number | undefined;
+        };
+    };
+    render: (args: NewPointsViewProps) => React.JSX.Element;
+};
+export declare const DifferentColor: {
+    args: {
+        newPointsProps: NewPointsProps;
+        primaryColor: string;
+    };
+    render: (args: NewPointsViewProps) => React.JSX.Element;
+};
+export declare const DarkMode: {
+    args: {
+        newPointsProps: NewPointsProps;
+        colorScheme: string;
+    };
+    render: (args: NewPointsViewProps) => React.JSX.Element;
+};

package/dist/cjs/types/components/view/NewPointsView/index.d.ts

@@ -0,0 +1 @@
+export { default, NewPointsViewProps } from './NewPointsView';

package/dist/cjs/types/components/view/index.d.ts

@@ -1,3 +1,4 @@
+export { default as BlankView } from "./BlankView";
 export { default as ConnectEhrView } from "./ConnectEhrView";
 export { default as DeviceDataView } from "./DeviceDataView";
 export { default as ExternalAccountsView } from "./ExternalAccountsView";
@@ -7,3 +8,4 @@ export { default as HomeView } from "./HomeView";
 export { default as HealthAndWellnessView } from "./HealthAndWellnessView";
 export { default as NotificationsView } from "./NotificationsView";
 export { default as SurveyTasksView } from "./SurveyTasksView";
+export { default as NewPointsView, NewPointsViewProps } from "./NewPointsView";

package/dist/cjs/types/helpers/get-interval-start.d.ts

@@ -0,0 +1,3 @@
+export declare type WeekStartsOn = "Sunday" | "Monday" | "Tuesday" | "Wednesday" | "Thursday" | "Friday" | "Saturday" | "6DaysAgo" | "7DaysAgo";
+export declare function getWeekStart(weekStartsOn?: WeekStartsOn): Date;
+export declare function getMonthStart(): Date;

package/dist/cjs/types/helpers/language.d.ts

@@ -1,4 +1,2 @@
-declare const _default: {
-    [key: string]: string;
-};
-export default _default;
+export declare function language(key: string): string;
+export default language;

package/dist/cjs/types/helpers/new-points.d.ts

@@ -0,0 +1,5 @@
+import { NewPointsProps } from "../components";
+declare type ColorScheme = 'auto' | 'light' | 'dark';
+export declare function showNewPoints(props: NewPointsProps, colorScheme?: ColorScheme, primaryColor?: string, url?: string): void;
+export declare function decodeNewPointsProps(encodedProps: string): NewPointsProps;
+export {};

package/dist/cjs/types/index.d.ts

@@ -2,3 +2,6 @@ export * from './components';
 export * from './hooks';
 export * from './helpers/query-daily-data';
 export * from './helpers/language';
+export { default as getDayKey } from './helpers/get-day-key';
+export * from './helpers/get-interval-start';
+export * from './helpers/new-points';