@careevolution/mydatahelps-ui 2.9.1-Issue139.5 → 2.10.1-InboxAndAsthmaUI.0

package/dist/esm/types/components/container/InboxItemList/InboxItemList.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import './InboxItemList.css';
+import { InboxItem, InboxItemSortColumn, InboxItemStatus, InboxItemType, SortOrder } from '@careevolution/mydatahelps-js';
+import { InboxResourceImageAlignment, InboxSurveyVariant } from '../../presentational';
+import { InboxItemListPreviewState } from './InboxItemList.previewData';
+export interface InboxItemListProps {
+    previewState?: InboxItemListPreviewState;
+    title?: string;
+    type?: InboxItemType | InboxItemType[];
+    status?: InboxItemStatus | InboxItemStatus[];
+    category?: string;
+    sortOrder?: SortOrder;
+    sortColumn?: InboxItemSortColumn;
+    endsAfter?: string;
+    endsBefore?: string;
+    limit?: number;
+    messageViewerUrl?: string;
+    emptyText?: string;
+    showTitleWhenEmpty?: boolean;
+    surveyVariant?: InboxSurveyVariant;
+    resourceImageAlignment?: InboxResourceImageAlignment;
+    hideLoadingIndicator?: boolean;
+    onItemsLoaded?: (items: InboxItem[]) => void;
+    syncOnChanges?: boolean;
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export default function (props: InboxItemListProps): React.JSX.Element;

package/dist/esm/types/components/container/InboxItemList/InboxItemList.previewData.d.ts

@@ -0,0 +1,6 @@
+import { InboxItem } from '@careevolution/mydatahelps-js';
+export type InboxItemListPreviewState = 'no items' | 'incomplete message' | 'incomplete survey' | 'incomplete resource' | 'incomplete items' | 'complete items';
+export interface InboxItemListPreviewData {
+    items: InboxItem[];
+}
+export declare const previewData: Record<InboxItemListPreviewState, InboxItemListPreviewData>;

package/dist/esm/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/esm/types/components/container/InboxItemList/index.d.ts

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

package/dist/esm/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/esm/types/components/container/InboxItemListCoordinator/index.d.ts

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

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

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

package/dist/esm/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/esm/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/esm/types/components/container/SeverityCalendar/index.d.ts

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

package/dist/esm/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,7 @@ 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";
+export { default as InboxItemList } from "./InboxItemList";
+export { default as InboxItemListCoordinator } from "./InboxItemListCoordinator";

package/dist/esm/types/components/index.d.ts

@@ -1,5 +1,6 @@
-export * from './presentational';
+export * from './asthma';
 export * from './container';
+export * from './presentational';
+export * from './step';
 export * from './symptom-shark';
 export * from './view';
-export * from './step';

package/dist/esm/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/esm/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/esm/types/components/presentational/CalendarDay/index.d.ts

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

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

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

package/dist/esm/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/esm/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;