@careevolution/mydatahelps-ui 2.9.1-AsthmaUI.9 → 2.9.1-AsthmaUI.90

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

@@ -0,0 +1,66 @@
+import React from 'react';
+import InboxItemList, { InboxItemListProps } from './InboxItemList';
+declare const _default: {
+    title: string;
+    component: typeof InboxItemList;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        previewState: string;
+        title: string;
+        showTitleWhenEmpty: boolean;
+        emptyText: string;
+        limit: number;
+        surveyVariant: string;
+        resourceImageAlignment: string;
+    };
+    argTypes: {
+        previewState: {
+            name: string;
+            control: string;
+            options: string[];
+        };
+        showTitleWhenEmpty: {
+            name: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        emptyText: {
+            name: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        limit: {
+            control: string;
+            if: {
+                arg: string;
+                neq: string;
+            };
+        };
+        surveyVariant: {
+            control: string;
+            options: string[];
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        resourceImageAlignment: {
+            control: string;
+            options: string[];
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+    };
+    render: (args: InboxItemListProps) => React.JSX.Element;
+};

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface InboxItemListCoordinatorProps {
+    children: React.ReactNode;
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export type InboxItemListChangeListener = () => void;
+export interface InboxItemListCoordinatorContext {
+    registerChangeListener: (changeListener: InboxItemListChangeListener) => void;
+    notifyChangeListeners: () => void;
+}
+export declare const InboxItemListCoordinatorContext: React.Context<InboxItemListCoordinatorContext | null>;
+export default function (props: InboxItemListCoordinatorProps): React.JSX.Element;

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

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { DailyDataQueryResult } from '../../../helpers/query-daily-data';
+import { AxisDomain } from 'recharts/types/util/types';
+import './RecentDailyDataBarChart.css';
+export interface RecentDailyDataBarChartProps {
+    previewState?: 'loading' | 'loaded without data' | 'loaded with data';
+    previewDataProvider?: (start: Date, end: Date) => Promise<DailyDataQueryResult>;
+    title: string;
+    dailyDataType: string;
+    domain?: AxisDomain;
+    emptyDomain?: AxisDomain;
+    valueConverter?: (rawValue: number) => number;
+    valueFormatter?: (value: number) => string;
+    highlight?: (rawValue: number) => boolean;
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export default function (props: RecentDailyDataBarChartProps): React.JSX.Element;

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

@@ -0,0 +1,58 @@
+import React from 'react';
+import RecentDailyDataBarChart, { RecentDailyDataBarChartProps } from './RecentDailyDataBarChart';
+declare const _default: {
+    title: string;
+    component: typeof RecentDailyDataBarChart;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+interface RecentDailyDataBarChartStoryArgs extends RecentDailyDataBarChartProps {
+    colorScheme: 'auto' | 'light' | 'dark';
+    thresholdValue: number;
+    thresholdComparison: 'less than' | 'more than';
+    withEmptyDomain: boolean;
+}
+export declare const Default: {
+    args: {
+        colorScheme: string;
+        previewState: string;
+        title: string;
+        thresholdValue: number;
+        thresholdComparison: string;
+        withEmptyDomain: boolean;
+    };
+    argTypes: {
+        colorScheme: {
+            name: string;
+            control: string;
+            options: string[];
+        };
+        previewState: {
+            name: string;
+            control: string;
+            options: string[];
+        };
+        thresholdValue: {
+            name: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        thresholdComparison: {
+            name: string;
+            control: string;
+            options: string[];
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        withEmptyDomain: {
+            name: string;
+        };
+    };
+    render: (args: RecentDailyDataBarChartStoryArgs) => React.JSX.Element;
+};

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

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

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

@@ -0,0 +1,12 @@
+import React from "react";
+export type SeverityCalendarPreviewState = "Default" | "NoData";
+export interface SeverityCalendarProps {
+    surveyName: string;
+    dateRecordedResultIdentifier?: string;
+    severityResultIdentifier: string;
+    severityValueMapper?: (value: string) => string;
+    intervalStart?: Date;
+    previewState?: SeverityCalendarPreviewState;
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export default function (props: SeverityCalendarProps): React.JSX.Element;

package/dist/cjs/types/components/container/SeverityCalendar/SeverityCalendar.previewdata.d.ts

@@ -0,0 +1,2 @@
+import { SurveyAnswer } from "@careevolution/mydatahelps-js";
+export declare const previewSeverityData: SurveyAnswer[];

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

@@ -0,0 +1,52 @@
+import React from "react";
+import SeverityCalendar, { SeverityCalendarProps } from "./SeverityCalendar";
+declare const _default: {
+    title: string;
+    component: typeof SeverityCalendar;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        severityResultIdentifier: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        surveyName: string;
+        severityResultIdentifier: string;
+        dateRecordedResultIdentifier: string;
+        previewState: string;
+    };
+    render: (args: SeverityCalendarProps) => React.JSX.Element;
+};
+export declare const CustomValueMapper: {
+    args: {
+        surveyName: string;
+        severityResultIdentifier: string;
+        dateRecordedResultIdentifier: string;
+        severityValueMapper: (severityValue: string) => "" | "mild" | "moderate" | "severe";
+        previewState: string;
+    };
+    render: (args: SeverityCalendarProps) => React.JSX.Element;
+};
+export declare const NoData: {
+    args: {
+        surveyName: string;
+        severityResultIdentifier: string;
+        dateRecordedResultIdentifier: string;
+        previewState: string;
+    };
+    render: (args: SeverityCalendarProps) => React.JSX.Element;
+};
+export declare const Live: {
+    args: {
+        surveyName: string;
+        severityResultIdentifier: string;
+        dateRecordedResultIdentifier: string;
+    };
+    render: (args: SeverityCalendarProps) => React.JSX.Element;
+};

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

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

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

@@ -1,5 +1,6 @@
 export { default as AllergiesList } from "./AllergiesList";
 export { default as AppDownload } from "./AppDownload";
+export { default as BloodPressureVisualization } from "./BloodPressureVisualization";
 export { default as ConditionsList } from "./ConditionsList";
 export { default as ConnectDevicesMenu } from "./ConnectDevicesMenu";
 export { default as ConnectEhr } from "./ConnectEhr";
@@ -24,7 +25,11 @@ 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 RecentDailyDataBarChart } from "./RecentDailyDataBarChart";
 export { default as RelativeActivityToday } from "./RelativeActivityToday";
 export { default as RestingHeartRateCalendar } from "./RestingHeartRateCalendar";
 export { default as SurveyTaskList } from "./SurveyTaskList";
+export { default as SeverityCalendar } from "./SeverityCalendar";
 export { default as ViewEhr } from "./ViewEhr";
+export { default as InboxItemList } from "./InboxItemList";
+export { default as InboxItemListCoordinator } from "./InboxItemListCoordinator";

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

@@ -12,7 +12,7 @@ export interface CalendarDayProps {
     day?: number;
     stateConfiguration: CalendarDayStateConfiguration;
     computeStateForDay: (date: Date) => string;
-    onClick: (date: Date) => void;
+    onClick?: (date: Date) => void;
     innerRef?: React.Ref<HTMLDivElement>;
 }
 export default function (props: CalendarDayProps): React.JSX.Element;

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

@@ -67,6 +67,66 @@ export declare const Default: {
     };
     render: (args: CalendarDayProps) => React.JSX.Element;
 };
+export declare const Today: {
+    args: {
+        year: number;
+        month: number;
+        day: number;
+        computeStateForDay: (date: Date) => string;
+        stateConfiguration: {
+            state1: {
+                style: {
+                    background: string;
+                };
+            };
+            state2: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+            };
+            state3: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+                streakColor: string;
+            };
+        };
+        onClick: () => void;
+    };
+    render: (args: CalendarDayProps) => React.JSX.Element;
+};
+export declare const Future: {
+    args: {
+        year: number;
+        month: number;
+        day: number;
+        computeStateForDay: (date: Date) => string;
+        stateConfiguration: {
+            state1: {
+                style: {
+                    background: string;
+                };
+            };
+            state2: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+            };
+            state3: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+                streakColor: string;
+            };
+        };
+        onClick: () => void;
+    };
+    render: (args: CalendarDayProps) => React.JSX.Element;
+};
 export declare const StreakLeftNotSupported: {
     args: {
         computeStateForDay: (date: Date) => string;
@@ -337,6 +397,15 @@ export declare const StreakBothCustomColor: {
     };
     render: (args: CalendarDayProps) => React.JSX.Element;
 };
-export declare const InCalendar: {
+export declare const InCalendarNoData: {
+    render: () => React.JSX.Element;
+};
+export declare const InCalendarNoDataWithClickHandler: {
+    render: () => React.JSX.Element;
+};
+export declare const InCalendarWithData: {
+    render: () => React.JSX.Element;
+};
+export declare const InCalendarWithDataWithClickHandler: {
     render: () => React.JSX.Element;
 };

package/dist/cjs/types/components/presentational/DumbbellChart/Dumbbell.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { Dumbbell, Axis } from "./DumbbellChart";
+import "./DumbbellChart.css";
+export interface DumbbellProps {
+    dumbbell?: Dumbbell;
+    axis: Axis;
+    index: number;
+}
+export default function (props: DumbbellProps): React.JSX.Element;

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

@@ -0,0 +1,28 @@
+import "./DumbbellChart.css";
+import React from "react";
+export interface ClosedInterval {
+    values: number[];
+}
+export interface DataPoint {
+    dataSet1: ClosedInterval;
+    dataSet2: ClosedInterval;
+}
+export interface Dumbbell {
+    dataPoint?: DataPoint;
+    xValue: string;
+    class?: DumbbellClass;
+}
+export interface Axis {
+    yRange: ClosedInterval;
+    yIncrement: number;
+    xIncrement: number;
+}
+export interface DumbBellChartProps {
+    axis: Axis;
+    dumbbells: Dumbbell[];
+}
+export declare enum DumbbellClass {
+    "mdhui-dumbbell-in-range" = 0,
+    "mdhui-dumbbell-out-of-range" = 1
+}
+export default function (props: DumbBellChartProps): React.JSX.Element;

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import './InboxCompletedListItem.css';
+import '@fortawesome/fontawesome-svg-core/styles.css';
+export interface InboxCompletedListItemProps {
+    name: string;
+    status: string;
+    onClick?: () => void;
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export default function (props: InboxCompletedListItemProps): React.JSX.Element;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import InboxCompletedListItem from './InboxCompletedListItem';
+declare const _default: {
+    title: string;
+    component: typeof InboxCompletedListItem;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+interface InboxCompletedListItemStoryArgs {
+    name: string;
+    status: string;
+    clickable: boolean;
+}
+export declare const Default: {
+    args: {
+        name: string;
+        status: string;
+        clickable: boolean;
+    };
+    render: (args: InboxCompletedListItemStoryArgs) => React.JSX.Element;
+};

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import './InboxMessageListItem.css';
+import { InboxMessage } from '@careevolution/mydatahelps-js';
+import '@fortawesome/fontawesome-svg-core/styles.css';
+export interface InboxMessageListItemProps {
+    message: InboxMessage;
+    onClick: () => void;
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export default function (props: InboxMessageListItemProps): React.JSX.Element | null;

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import InboxMessageListItem from './InboxMessageListItem';
+import { InboxMessage } from '@careevolution/mydatahelps-js';
+declare const _default: {
+    title: string;
+    component: typeof InboxMessageListItem;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        status: string;
+        title: string;
+    };
+    argTypes: {
+        status: {
+            control: string;
+            options: string[];
+        };
+    };
+    render: (message: InboxMessage) => React.JSX.Element;
+};

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { InboxResource } from '@careevolution/mydatahelps-js';
+import '@fortawesome/fontawesome-svg-core/styles.css';
+import { ResourceImageAlignment } from '../Resource';
+export interface InboxResourceListItemProps {
+    resource: InboxResource;
+    onClick: () => void;
+    imageAlignment?: ResourceImageAlignment;
+    buttonText?: string;
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export default function (props: InboxResourceListItemProps): React.JSX.Element | null;

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

@@ -0,0 +1,67 @@
+import React from 'react';
+import { ResourceImageAlignment } from '../../presentational';
+import InboxResourceListItem from './InboxResourceListItem';
+import { InboxItemStatus } from '@careevolution/mydatahelps-js';
+declare const _default: {
+    title: string;
+    component: typeof InboxResourceListItem;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+interface InboxResourceListItemStoryArgs {
+    title: string;
+    subTitle?: string;
+    imageUrl?: string;
+    status: InboxItemStatus;
+    imageAlignment?: ResourceImageAlignment;
+    buttonText?: string;
+}
+export declare const Default: {
+    args: {
+        status: string;
+        title: string;
+        subTitle: string;
+        imageUrl: any;
+        imageAlignment: string;
+        buttonText: string;
+    };
+    argTypes: {
+        status: {
+            control: string;
+            options: string[];
+        };
+        subTitle: {
+            name: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        imageUrl: {
+            name: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        imageAlignment: {
+            name: string;
+            control: string;
+            options: string[];
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        buttonText: {
+            name: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+    };
+    render: (args: InboxResourceListItemStoryArgs) => React.JSX.Element;
+};

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

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import './InboxSurveyListItem.css';
+import { InboxSurvey } from '@careevolution/mydatahelps-js';
+import '@fortawesome/fontawesome-svg-core/styles.css';
+export type InboxSurveyVariant = 'default' | 'expanded';
+export interface InboxSurveyListItemProps {
+    survey: InboxSurvey;
+    onClick: () => void;
+    variant?: InboxSurveyVariant;
+    surveyActive?: boolean;
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export default function (props: InboxSurveyListItemProps): React.JSX.Element | null;

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

@@ -0,0 +1,72 @@
+import React from 'react';
+import InboxSurveyListItem, { InboxSurveyVariant } from './InboxSurveyListItem';
+import { InboxItemStatus } from '@careevolution/mydatahelps-js';
+declare const _default: {
+    title: string;
+    component: typeof InboxSurveyListItem;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+interface InboxSurveyListItemStoryArgs {
+    name: string;
+    status: InboxItemStatus;
+    description?: string;
+    dueDate?: number;
+    hasSavedProgress?: boolean;
+    variant?: InboxSurveyVariant;
+    surveyActive?: boolean;
+}
+export declare const Default: {
+    args: {
+        variant: string;
+        status: string;
+        name: string;
+        description: string;
+        dueDate: undefined;
+        hasSavedProgress: boolean;
+        surveyActive: boolean;
+    };
+    argTypes: {
+        variant: {
+            control: string;
+            options: string[];
+        };
+        status: {
+            control: string;
+            options: string[];
+        };
+        description: {
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        dueDate: {
+            name: string;
+            control: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        hasSavedProgress: {
+            name: string;
+            control: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        surveyActive: {
+            name: string;
+            control: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+    };
+    render: (args: InboxSurveyListItemStoryArgs) => React.JSX.Element;
+};

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

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import "./NavigationBar.css";
+import './NavigationBar.css';
 import '@fortawesome/fontawesome-svg-core/styles.css';
 import { ColorDefinition } from '../../../helpers/colors';
 export interface NavigationBarProps {
@@ -11,9 +11,12 @@ export interface NavigationBarProps {
     closeButtonText?: string;
     backButtonText?: string;
     className?: string;
-    variant?: "default" | "compressed";
+    variant?: 'default' | 'compressed';
     titleColor?: ColorDefinition;
     subtitleColor?: ColorDefinition;
     buttonColor?: ColorDefinition;
+    navigationBarLeft?: React.ReactNode;
+    navigationBarRight?: React.ReactNode;
+    backgroundColor?: ColorDefinition;
 }
 export default function (props: NavigationBarProps): React.JSX.Element;