@careevolution/mydatahelps-ui 2.10.0 → 2.10.1-DataVisualizations.0

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

@@ -0,0 +1,12 @@
+import "./BloodPressureVisualization.css";
+import React from "react";
+import { WeekStartsOn } from "../../../helpers/get-interval-start";
+import { SurveyBloodPressureDataParameters } from "../../../helpers/blood-pressure-data-providers";
+export type BloodPressurePreviewState = "Default" | "NoData" | "Loading";
+export interface BloodPressureVisualizationProps {
+    previewState?: BloodPressurePreviewState;
+    surveyDataSource: SurveyBloodPressureDataParameters;
+    weekStartsOn?: WeekStartsOn;
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export default function (props: BloodPressureVisualizationProps): React.JSX.Element;

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

@@ -0,0 +1,2 @@
+import { BloodPressureDataPoint } from "../../../helpers/blood-pressure-data-providers/survey-blood-pressure-data-provider";
+export declare var previewBloodPressureDataPoint: BloodPressureDataPoint[];

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

@@ -0,0 +1,43 @@
+import React from "react";
+import BloodPressureVisualization, { BloodPressureVisualizationProps } from "./BloodPressureVisualization";
+import { SurveyBloodPressureDataParameters } from "../../../helpers/blood-pressure-data-providers/survey-blood-pressure-data-provider";
+declare const _default: {
+    title: string;
+    component: typeof BloodPressureVisualization;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        previewState: string;
+        surveyDataSource: SurveyBloodPressureDataParameters;
+    };
+    render: (args: BloodPressureVisualizationProps) => React.JSX.Element;
+};
+export declare const Loading: {
+    args: {
+        previewState: string;
+        surveyDataSource: SurveyBloodPressureDataParameters;
+    };
+    render: (args: BloodPressureVisualizationProps) => React.JSX.Element;
+};
+export declare const NoData: {
+    args: {
+        previewState: string;
+        surveyDataSource: SurveyBloodPressureDataParameters;
+    };
+    render: (args: BloodPressureVisualizationProps) => React.JSX.Element;
+};
+export declare const Live: {
+    args: {
+        surveyDataSource: {
+            surveyName: string;
+            dateResultIdentifier: string;
+            systolicResultIdentifier: string;
+            diastolicResultIdentifier: string;
+        };
+    };
+    render: (args: BloodPressureVisualizationProps) => React.JSX.Element;
+};

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

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

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";
@@ -27,4 +28,5 @@ export { default as ProviderSearch } from "./ProviderSearch";
 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";

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/SingleSurveyTask/SingleSurveyTask.d.ts

@@ -1,17 +1,19 @@
 import React from 'react';
-import "./SingleSurveyTask.css";
-import { SurveyTask } from "@careevolution/mydatahelps-js";
+import './SingleSurveyTask.css';
+import { SurveyTask } from '@careevolution/mydatahelps-js';
 import { IconDefinition } from '@fortawesome/fontawesome-common-types';
 import '@fortawesome/fontawesome-svg-core/styles.css';
 import { ColorDefinition } from '../../../helpers/colors';
 import { ButtonVariant } from '../Button/Button';
+export type SingleSurveyTaskVariant = 'default' | 'expanded';
 export interface SingleSurveyTaskProps {
     task: SurveyTask;
-    descriptionIcon?: IconDefinition;
     onClick: () => void;
+    variant?: SingleSurveyTaskVariant;
+    descriptionIcon?: IconDefinition;
     surveyActive?: boolean;
-    innerRef?: React.Ref<HTMLDivElement>;
     buttonColor?: ColorDefinition;
     buttonVariant?: ButtonVariant;
+    innerRef?: React.Ref<HTMLDivElement>;
 }
 export default function (props: SingleSurveyTaskProps): React.JSX.Element | null;

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

@@ -1,5 +1,6 @@
 import React from 'react';
-import SingleSurveyTask, { SingleSurveyTaskProps } from './SingleSurveyTask';
+import SingleSurveyTask, { SingleSurveyTaskVariant } from './SingleSurveyTask';
+import { SurveyTaskStatus } from "@careevolution/mydatahelps-js";
 declare const _default: {
     title: string;
     component: typeof SingleSurveyTask;
@@ -8,133 +9,68 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Incomplete: {
+interface SingleSurveyTaskStoryArgs {
+    name: string;
+    status: SurveyTaskStatus;
+    description?: string;
+    dueDate?: number;
+    hasSavedProgress?: boolean;
+    variant?: SingleSurveyTaskVariant;
+    endDate?: number;
+    surveyActive?: boolean;
+}
+export declare const Default: {
     args: {
-        task: {
-            status: string;
-            id: import("@careevolution/mydatahelps-js").Guid;
-            linkIdentifier: string;
-            surveyID: import("@careevolution/mydatahelps-js").Guid;
-            surveyName: string;
-            surveyDisplayName?: string | undefined;
-            surveyDescription?: string | undefined;
-            startDate?: string | undefined;
-            endDate?: string | undefined;
-            hasSavedProgress: boolean;
-            dueDate: string;
-            insertedDate: string;
-            modifiedDate: string;
-        };
-        descriptionIcon?: import("@fortawesome/fontawesome-common-types").IconDefinition | undefined;
-        onClick: () => void;
-        surveyActive?: boolean | undefined;
-        innerRef?: React.Ref<HTMLDivElement> | undefined;
-        buttonColor?: import("../../..").ColorDefinition | undefined;
-        buttonVariant?: import("../Button/Button").ButtonVariant | undefined;
+        variant: string;
+        name: string;
+        description: string;
+        status: string;
+        dueDate: undefined;
+        hasSavedProgress: boolean;
+        endDate: undefined;
+        surveyActive: boolean;
     };
-    render: (args: SingleSurveyTaskProps) => React.JSX.Element;
-};
-export declare const IncompleteInProgress: {
-    args: {
-        task: {
-            status: string;
-            hasSavedProgress: boolean;
-            id: import("@careevolution/mydatahelps-js").Guid;
-            linkIdentifier: string;
-            surveyID: import("@careevolution/mydatahelps-js").Guid;
-            surveyName: string;
-            surveyDisplayName?: string | undefined;
-            surveyDescription?: string | undefined;
-            startDate?: string | undefined;
-            endDate?: string | undefined;
-            dueDate: string;
-            insertedDate: string;
-            modifiedDate: string;
+    argTypes: {
+        variant: {
+            control: string;
+            options: string[];
         };
-        descriptionIcon?: import("@fortawesome/fontawesome-common-types").IconDefinition | undefined;
-        onClick: () => void;
-        surveyActive?: boolean | undefined;
-        innerRef?: React.Ref<HTMLDivElement> | undefined;
-        buttonColor?: import("../../..").ColorDefinition | undefined;
-        buttonVariant?: import("../Button/Button").ButtonVariant | undefined;
-    };
-    render: (args: SingleSurveyTaskProps) => React.JSX.Element;
-};
-export declare const IncompleteSurveyActive: {
-    args: {
-        task: {
-            status: string;
-            id: import("@careevolution/mydatahelps-js").Guid;
-            linkIdentifier: string;
-            surveyID: import("@careevolution/mydatahelps-js").Guid;
-            surveyName: string;
-            surveyDisplayName?: string | undefined;
-            surveyDescription?: string | undefined;
-            startDate?: string | undefined;
-            endDate?: string | undefined;
-            hasSavedProgress: boolean;
-            dueDate: string;
-            insertedDate: string;
-            modifiedDate: string;
+        status: {
+            control: string;
+            options: string[];
         };
-        surveyActive: boolean;
-        descriptionIcon?: import("@fortawesome/fontawesome-common-types").IconDefinition | undefined;
-        onClick: () => void;
-        innerRef?: React.Ref<HTMLDivElement> | undefined;
-        buttonColor?: import("../../..").ColorDefinition | undefined;
-        buttonVariant?: import("../Button/Button").ButtonVariant | undefined;
-    };
-    render: (args: SingleSurveyTaskProps) => React.JSX.Element;
-};
-export declare const IncompleteWithLongDescription: {
-    args: {
-        task: {
-            status: string;
-            surveyDescription: string;
-            id: import("@careevolution/mydatahelps-js").Guid;
-            linkIdentifier: string;
-            surveyID: import("@careevolution/mydatahelps-js").Guid;
-            surveyName: string;
-            surveyDisplayName?: string | undefined;
-            startDate?: string | undefined;
-            endDate?: string | undefined;
-            hasSavedProgress: boolean;
-            dueDate: string;
-            insertedDate: string;
-            modifiedDate: string;
+        dueDate: {
+            name: string;
+            control: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
         };
-        descriptionIcon?: import("@fortawesome/fontawesome-common-types").IconDefinition | undefined;
-        onClick: () => void;
-        surveyActive?: boolean | undefined;
-        innerRef?: React.Ref<HTMLDivElement> | undefined;
-        buttonColor?: import("../../..").ColorDefinition | undefined;
-        buttonVariant?: import("../Button/Button").ButtonVariant | undefined;
-    };
-    render: (args: SingleSurveyTaskProps) => React.JSX.Element;
-};
-export declare const Complete: {
-    args: {
-        task: {
-            status: string;
-            endDate: string;
-            id: import("@careevolution/mydatahelps-js").Guid;
-            linkIdentifier: string;
-            surveyID: import("@careevolution/mydatahelps-js").Guid;
-            surveyName: string;
-            surveyDisplayName?: string | undefined;
-            surveyDescription?: string | undefined;
-            startDate?: string | undefined;
-            hasSavedProgress: boolean;
-            dueDate: string;
-            insertedDate: string;
-            modifiedDate: string;
+        hasSavedProgress: {
+            name: string;
+            control: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        surveyActive: {
+            name: string;
+            control: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        endDate: {
+            name: string;
+            control: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
         };
-        descriptionIcon?: import("@fortawesome/fontawesome-common-types").IconDefinition | undefined;
-        onClick: () => void;
-        surveyActive?: boolean | undefined;
-        innerRef?: React.Ref<HTMLDivElement> | undefined;
-        buttonColor?: import("../../..").ColorDefinition | undefined;
-        buttonVariant?: import("../Button/Button").ButtonVariant | undefined;
     };
-    render: (args: SingleSurveyTaskProps) => React.JSX.Element;
+    render: (args: SingleSurveyTaskStoryArgs) => React.JSX.Element;
 };

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

@@ -8,6 +8,7 @@ export { default as CardTitle } from "./CardTitle";
 export { default as DateRangeCoordinator, DateRangeContext } from "./DateRangeCoordinator";
 export { default as DateRangeNavigator } from "./DateRangeNavigator";
 export { default as DayTrackerSymbol } from "./DayTrackerSymbol";
+export { default as DumbbellChart } from "./DumbbellChart";
 export { default as Face } from "./Face";
 export { default as Histogram } from "./Histogram";
 export { default as Layout, LayoutContext } from "./Layout";

package/dist/cjs/types/helpers/blood-pressure-data-providers/index.d.ts

@@ -0,0 +1,3 @@
+export { default as bloodPressureDataProvider } from "./survey-blood-pressure-data-provider";
+export { SurveyBloodPressureDataParameters as SurveyBloodPressureDataParameters } from "./survey-blood-pressure-data-provider";
+export { BloodPressureDataPoint as BloodPressureDataPoint } from "./survey-blood-pressure-data-provider";

package/dist/cjs/types/helpers/blood-pressure-data-providers/survey-blood-pressure-data-provider.d.ts

@@ -0,0 +1,12 @@
+export interface SurveyBloodPressureDataParameters {
+    surveyName: string;
+    dateResultIdentifier: string;
+    systolicResultIdentifier: string;
+    diastolicResultIdentifier: string;
+}
+export interface BloodPressureDataPoint {
+    date: Date;
+    systolic: number;
+    diastolic: number;
+}
+export default function (props: SurveyBloodPressureDataParameters): Promise<BloodPressureDataPoint[]>;

package/dist/cjs/types/helpers/date-helpers.d.ts

@@ -4,3 +4,4 @@ export declare function getDayOfWeek(date: Date): string;
 export declare function getFullDateString(date: Date): string;
 export declare function getShorterDateString(date: Date): string;
 export declare function getMonthName(month: number): string;
+export declare function getLocale(): Locale;

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

@@ -0,0 +1 @@
+export declare function noop(): void;

package/dist/cjs/types/helpers/query-all-survey-answers.d.ts

@@ -0,0 +1,2 @@
+import { SurveyAnswer, SurveyAnswersQuery } from "@careevolution/mydatahelps-js";
+export default function (props: SurveyAnswersQuery): Promise<SurveyAnswer[]>;

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

@@ -5,3 +5,5 @@ export * from './helpers/language';
 export { default as getDayKey } from './helpers/get-day-key';
 export * from './helpers/get-interval-start';
 export * from './helpers/colors';
+export * from './helpers/blood-pressure-data-providers';
+export * from './helpers/query-all-survey-answers';