@careevolution/mydatahelps-ui 2.10.0 → 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/DateRangeCoordinator/index.d.ts

@@ -1 +1 @@
-export { default, DateRangeContext } 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;

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

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

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

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

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

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

package/dist/esm/types/components/presentational/InboxResourceDisplay/InboxResourceDisplay.d.ts

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

package/dist/esm/types/components/presentational/InboxResourceDisplay/InboxResourceDisplay.stories.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import InboxResourceDisplay from './InboxResourceDisplay';
+import { InboxResourceImageAlignment } from '../InboxResourceListItem';
+declare const _default: {
+    title: string;
+    component: typeof InboxResourceDisplay;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+interface InboxResourceDisplayStoryArgs {
+    title: string;
+    subTitle?: string;
+    imageUrl?: string;
+    imageAlignment?: InboxResourceImageAlignment;
+    buttonText?: string;
+}
+export declare const Default: {
+    args: {
+        title: string;
+        subTitle: string;
+        imageUrl: any;
+        imageAlignment: string;
+        buttonText: string;
+    };
+    argTypes: {
+        subTitle: {
+            name: string;
+        };
+        imageUrl: {
+            name: string;
+        };
+        imageAlignment: {
+            name: string;
+            control: string;
+            options: string[];
+        };
+        buttonText: {
+            name: string;
+        };
+    };
+    render: (args: InboxResourceDisplayStoryArgs) => React.JSX.Element;
+};

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

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

package/dist/esm/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';
+export type InboxResourceImageAlignment = 'left' | 'center' | 'right';
+export interface InboxResourceListItemProps {
+    resource: InboxResource;
+    onClick: () => void;
+    imageAlignment?: InboxResourceImageAlignment;
+    buttonText?: string;
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export default function (props: InboxResourceListItemProps): React.JSX.Element | null;

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

@@ -0,0 +1,67 @@
+import React from 'react';
+import { InboxResourceImageAlignment } 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?: InboxResourceImageAlignment;
+    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/esm/types/components/presentational/InboxResourceListItem/index.d.ts

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

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

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

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

@@ -1,2 +1 @@
-export { default } from "./Layout";
-export { LayoutContext } from "./Layout";
+export { default, LayoutContext } from './Layout';

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

@@ -17,5 +17,6 @@ export interface NavigationBarProps {
     buttonColor?: ColorDefinition;
     navigationBarLeft?: React.ReactNode;
     navigationBarRight?: React.ReactNode;
+    backgroundColor?: ColorDefinition;
 }
 export default function (props: NavigationBarProps): React.JSX.Element;

package/dist/esm/types/components/presentational/RotatingText/RotatingText.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './RotatingText.css';
+export interface RotatingTextEntry {
+    title?: string;
+    text: string;
+}
+export type RotatingTextInterval = 'day' | 'week' | 'month';
+export interface RotatingTextProps {
+    interval?: RotatingTextInterval;
+    entryTitlePrefix?: string;
+    entries: RotatingTextEntry[];
+    startDate: Date;
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export default function (props: RotatingTextProps): React.JSX.Element;