@careevolution/mydatahelps-ui 2.9.1-Issue139.5 → 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/CalendarDay/CalendarDay.d.ts

@@ -0,0 +1,18 @@
+import React, { CSSProperties } from 'react';
+import './CalendarDay.css';
+import { ColorDefinition } from '../../../helpers/colors';
+export type CalendarDayStateConfiguration = Record<string, {
+    style?: CSSProperties;
+    streak?: boolean;
+    streakColor?: ColorDefinition;
+}>;
+export interface CalendarDayProps {
+    year: number;
+    month: number;
+    day?: number;
+    stateConfiguration: CalendarDayStateConfiguration;
+    computeStateForDay: (date: Date) => string;
+    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

@@ -0,0 +1,411 @@
+import React from 'react';
+import CalendarDay, { CalendarDayProps } from './CalendarDay';
+declare const _default: {
+    title: string;
+    component: typeof CalendarDay;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const NoDay: {
+    args: {
+        day: undefined;
+        year: number;
+        month: number;
+        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 Default: {
+    args: {
+        computeStateForDay: (date: Date) => string;
+        year: number;
+        month: number;
+        day: number;
+        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 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;
+        year: number;
+        month: number;
+        day: number;
+        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 StreakLeftDefaultColor: {
+    args: {
+        computeStateForDay: (date: Date) => string;
+        year: number;
+        month: number;
+        day: number;
+        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 StreakLeftCustomColor: {
+    args: {
+        computeStateForDay: (date: Date) => string;
+        year: number;
+        month: number;
+        day: number;
+        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 StreakRightNotSupported: {
+    args: {
+        computeStateForDay: (date: Date) => string;
+        year: number;
+        month: number;
+        day: number;
+        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 StreakRightDefaultColor: {
+    args: {
+        computeStateForDay: (date: Date) => string;
+        year: number;
+        month: number;
+        day: number;
+        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 StreakRightCustomColor: {
+    args: {
+        computeStateForDay: (date: Date) => string;
+        year: number;
+        month: number;
+        day: number;
+        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 StreakBothNotSupported: {
+    args: {
+        computeStateForDay: (date: Date) => string;
+        year: number;
+        month: number;
+        day: number;
+        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 StreakBothDefaultColor: {
+    args: {
+        computeStateForDay: (date: Date) => string;
+        year: number;
+        month: number;
+        day: number;
+        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 StreakBothCustomColor: {
+    args: {
+        computeStateForDay: (date: Date) => string;
+        year: number;
+        month: number;
+        day: number;
+        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 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/CalendarDay/index.d.ts

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

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

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

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/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,11 @@ 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;
 }
 export default function (props: NavigationBarProps): React.JSX.Element;