@careevolution/mydatahelps-ui 2.9.1-AsthmaUI.0 → 2.9.1-AsthmaUI.10

package/dist/esm/types/components/asthma/container/AsthmaAirQualities/AsthmaAirQualities.d.ts

@@ -3,7 +3,6 @@ import './AsthmaAirQualities.css';
 import { AsthmaAirQualitiesPreviewState } from './AsthmaAirQualities.previewData';
 export interface AsthmaAirQualitiesProps {
     previewState?: AsthmaAirQualitiesPreviewState;
-    onClick: () => void;
     innerRef?: React.Ref<HTMLDivElement>;
 }
 export default function (props: AsthmaAirQualitiesProps): React.JSX.Element;

package/dist/esm/types/components/asthma/container/AsthmaBiometrics/AsthmaBiometrics.d.ts

@@ -3,7 +3,6 @@ import './AsthmaBiometrics.css';
 import { AsthmaBiometricsPreviewState } from './AsthmaBiometrics.previewData';
 export interface AsthmaBiometricsProps {
     previewState?: AsthmaBiometricsPreviewState;
-    onClick: () => void;
     innerRef?: React.Ref<HTMLDivElement>;
 }
 export default function (props: AsthmaBiometricsProps): React.JSX.Element;

package/dist/esm/types/components/asthma/container/AsthmaTools/AsthmaTools.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './AsthmaTools.css';
+export interface AsthmaToolsProps {
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export default function (props: AsthmaToolsProps): React.JSX.Element;

package/dist/esm/types/components/asthma/container/AsthmaTools/AsthmaTools.stories.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import AsthmaTools from './AsthmaTools';
+declare const _default: {
+    title: string;
+    component: typeof AsthmaTools;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: {
+    render: () => React.JSX.Element;
+};

package/dist/esm/types/components/asthma/container/AsthmaTools/index.d.ts

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

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

@@ -1,7 +1,6 @@
 export { default as AsthmaAirQualities } from './AsthmaAirQualities';
 export { default as AsthmaBiometrics } from './AsthmaBiometrics';
-export { default as AsthmaCalendarViewHeader } from './AsthmaCalendarViewHeader';
 export { default as AsthmaControlCalendar } from './AsthmaControlCalendar';
 export { default as AsthmaControlStatusHeader } from './AsthmaControlStatusHeader';
-export { default as AsthmaDashboardViewHeader } from './AsthmaDashboardViewHeader';
 export { default as AsthmaLogEntryHeader } from './AsthmaLogEntryHeader';
+export { default as AsthmaTools } from './AsthmaTools';

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

@@ -2,4 +2,3 @@ export * from './container';
 export * from './helpers';
 export * from './model';
 export * from './presentational';
-export * from './views';

package/dist/esm/types/components/asthma/presentational/AsthmaBiometricsCoordinator/AsthmaBiometricsCoordinator.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface AsthmaBiometricsCoordinatorProps {
+    previewState?: 'default';
+    children: React.ReactNode;
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export default function (props: AsthmaBiometricsCoordinatorProps): React.JSX.Element;

package/dist/esm/types/components/asthma/presentational/AsthmaBiometricsCoordinator/AsthmaBiometricsCoordinator.stories.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import AsthmaBiometricsCoordinator, { AsthmaBiometricsCoordinatorProps } from './AsthmaBiometricsCoordinator';
+declare const _default: {
+    title: string;
+    component: typeof AsthmaBiometricsCoordinator;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        previewState: string;
+    };
+    render: (args: AsthmaBiometricsCoordinatorProps) => React.JSX.Element;
+};

package/dist/esm/types/components/asthma/presentational/AsthmaBiometricsCoordinator/index.d.ts

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

package/dist/esm/types/components/asthma/presentational/AsthmaFacts/AsthmaFacts.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface AsthmaFactsProps {
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export default function (props: AsthmaFactsProps): React.JSX.Element;

package/dist/esm/types/components/asthma/presentational/AsthmaFacts/AsthmaFacts.stories.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import AsthmaFacts, { AsthmaFactsProps } from './AsthmaFacts';
+declare const _default: {
+    title: string;
+    component: typeof AsthmaFacts;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        label: string;
+        value: number;
+        units: string;
+        status: string;
+    };
+    render: (args: AsthmaFactsProps) => React.JSX.Element;
+};

package/dist/esm/types/components/asthma/presentational/AsthmaFacts/index.d.ts

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

package/dist/esm/types/components/asthma/presentational/AsthmaToolLink/AsthmaToolLink.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './AsthmaToolLink.css';
+export interface AsthmaToolLinkProps {
+    text: string;
+    onClick: () => void;
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export default function (props: AsthmaToolLinkProps): React.JSX.Element;

package/dist/esm/types/components/asthma/presentational/AsthmaToolLink/AsthmaToolLink.stories.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import AsthmaToolLink, { AsthmaToolLinkProps } from './AsthmaToolLink';
+declare const _default: {
+    title: string;
+    component: typeof AsthmaToolLink;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        text: string;
+        onClick: () => void;
+    };
+    render: (args: AsthmaToolLinkProps) => React.JSX.Element;
+};

package/dist/esm/types/components/asthma/presentational/AsthmaToolLink/index.d.ts

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

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

@@ -1,3 +1,5 @@
+export { default as AsthmaBiometricsCoordinator } from './AsthmaBiometricsCoordinator';
 export { default as AsthmaDataSummary } from './AsthmaDataSummary';
+export { default as AsthmaFacts } from './AsthmaFacts';
 export { default as AsthmaLogEntrySummary } from './AsthmaLogEntrySummary';
-export { default as AsthmaViewTitle } from './AsthmaViewTitle';
+export { default as AsthmaToolLink } from './AsthmaToolLink';

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,342 @@
+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 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 InCalendar: {
+    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/ColumnPanel/ColumnPanel.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './ColumnPanel.css';
+export interface ColumnPanelProps {
+    columns: number;
+    children: React.ReactNode;
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export default function (props: ColumnPanelProps): React.JSX.Element;

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import ColumnPanel, { ColumnPanelProps } from './ColumnPanel';
+declare const _default: {
+    title: string;
+    component: typeof ColumnPanel;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const OneColumn: {
+    args: {
+        columns: number;
+        children: React.JSX.Element[];
+    };
+    render: (args: ColumnPanelProps) => React.JSX.Element;
+};
+export declare const TwoColumns: {
+    args: {
+        columns: number;
+        children: React.JSX.Element[];
+    };
+    render: (args: ColumnPanelProps) => React.JSX.Element;
+};
+export declare const ThreeColumns: {
+    args: {
+        columns: number;
+        children: React.JSX.Element[];
+    };
+    render: (args: ColumnPanelProps) => React.JSX.Element;
+};

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

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

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

@@ -0,0 +1,20 @@
+import React from 'react';
+export type DataStatus = 'establishing' | 'offline' | 'in-range' | 'out-of-range';
+export interface Data {
+    label: string;
+    status: DataStatus;
+    statusText?: string;
+    value?: number;
+    units?: string;
+}
+export interface DataCoordinatorProps {
+    previewState?: 'default';
+    loadData: () => Promise<Record<string, Data>>;
+    children: React.ReactNode;
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export interface DataContext {
+    data?: Record<string, Data>;
+}
+export declare const DataContext: React.Context<DataContext | null>;
+export default function (props: DataCoordinatorProps): React.JSX.Element;

package/dist/{cjs/types/components/asthma/views/AsthmaDataView/AsthmaDataView.stories.d.ts → esm/types/components/presentational/DataCoordinator/DataCoordinator.stories.d.ts}

@@ -1,8 +1,8 @@
-import React from 'react';
-import AsthmaDataView, { AsthmaDataViewProps } from './AsthmaDataView';
+import React from "react";
+import DataCoordinator, { DataCoordinatorProps } from "./DataCoordinator";
 declare const _default: {
     title: string;
-    component: typeof AsthmaDataView;
+    component: typeof DataCoordinator;
     parameters: {
         layout: string;
     };
@@ -12,5 +12,5 @@ export declare const Default: {
     args: {
         previewState: string;
     };
-    render: (args: AsthmaDataViewProps) => React.JSX.Element;
+    render: (args: DataCoordinatorProps) => React.JSX.Element;
 };

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

@@ -0,0 +1 @@
+export { default, DataContext, Data, DataStatus } from './DataCoordinator';

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import './DataItem.css';
+export interface DataItemProps {
+    dataKey: string;
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export default function (props: DataItemProps): React.JSX.Element;