@careevolution/mydatahelps-ui 2.18.0 → 2.18.1-RelativeActivity.0

package/dist/cjs/types/components/asthma/helpers/asthma-functions.d.ts

@@ -1,4 +1,4 @@
-import { AsthmaControlState, AsthmaDataStatus, AsthmaImpact, AsthmaLogEntry, AsthmaSymptom, AsthmaSymptomLevel, AsthmaTrigger } from '../model';
+import { AsthmaAirQualityDescription, AsthmaControlState, AsthmaDataStatus, AsthmaImpact, AsthmaLogEntry, AsthmaSymptom, AsthmaSymptomLevel, AsthmaTrigger } from '../model';
 import { ColorDefinition } from '../../../helpers/colors';
 export declare const dateToAsthmaLogEntryIdentifier: (date: Date) => string;
 export declare const computeAsthmaControlState: (logEntries: AsthmaLogEntry[], date: Date) => AsthmaControlState;
@@ -12,6 +12,7 @@ export declare const getAsthmaImpactTexts: (impacts: AsthmaImpact[] | undefined)
 export declare const getAsthmaImpacts: (impactTexts: string[]) => AsthmaImpact[];
 export declare const getAsthmaTriggerTexts: (triggers: AsthmaTrigger[] | undefined) => string[];
 export declare const getAsthmaTriggers: (triggerTexts: string[]) => AsthmaTrigger[];
+export declare const getAsthmaAirQualityDescriptionText: (description: AsthmaAirQualityDescription | undefined) => string | undefined;
 export declare const isDaytimeRestingHeartRateWithinRange: (baseline: number, rawValue: number) => boolean;
 export declare const isNighttimeRestingHeartRateWithinRange: (baseline: number, rawValue: number) => boolean;
 export declare const isRespiratoryRateWithinRange: (baseline: number, rawValue: number) => boolean;

package/dist/cjs/types/components/asthma/model/types.d.ts

@@ -37,11 +37,12 @@ export interface AsthmaBiometric {
     value?: number;
 }
 export type AsthmaAirQualityType = 'work' | 'home';
+export type AsthmaAirQualityDescription = 'unhealthy' | 'very unhealthy' | 'hazardous';
 export interface AsthmaAirQuality {
     type: AsthmaAirQualityType;
     status: AsthmaDataStatus;
     value?: number;
-    description?: string;
+    description?: AsthmaAirQualityDescription;
 }
 export type AsthmaSymptomLevel = 'none' | 'mild' | 'moderate' | 'severe';
 export type AsthmaSymptom = 'Difficulty breathing' | 'Wheezing' | 'Coughing' | 'Chest tightness or pressure';

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

@@ -99,6 +99,67 @@ export declare const sleepBarChart: {
     };
     render: (args: DailyDataChartProps) => React.JSX.Element;
 };
+export declare const sleepAppleHealthBarChart: {
+    args: {
+        title: string;
+        intervalType: string;
+        weekStartsOn: string;
+        dailyDataType: DailyDataType;
+        valueFormatter: (value: number) => string;
+        valueConverter: (value: number) => number;
+        chartType: string;
+        previewDataProvider: (start: Date, end: Date) => Promise<DailyDataQueryResult>;
+    };
+    render: (args: DailyDataChartProps) => React.JSX.Element;
+};
+export declare const liveSleepAppleHealthBarChart: {
+    args: {
+        title: string;
+        intervalType: string;
+        weekStartsOn: string;
+        dailyDataType: DailyDataType;
+        valueFormatter: (value: number) => string;
+        valueConverter: (value: number) => number;
+        chartType: string;
+    };
+    render: (args: DailyDataChartProps) => React.JSX.Element;
+};
+export declare const liveSleepCoreAppleHealthBarChart: {
+    args: {
+        title: string;
+        intervalType: string;
+        weekStartsOn: string;
+        dailyDataType: DailyDataType;
+        valueFormatter: (value: number) => string;
+        valueConverter: (value: number) => number;
+        chartType: string;
+    };
+    render: (args: DailyDataChartProps) => React.JSX.Element;
+};
+export declare const liveSleepRemAppleHealthBarChart: {
+    args: {
+        title: string;
+        intervalType: string;
+        weekStartsOn: string;
+        dailyDataType: DailyDataType;
+        valueFormatter: (value: number) => string;
+        valueConverter: (value: number) => number;
+        chartType: string;
+    };
+    render: (args: DailyDataChartProps) => React.JSX.Element;
+};
+export declare const liveSleepDeepAppleHealthBarChart: {
+    args: {
+        title: string;
+        intervalType: string;
+        weekStartsOn: string;
+        dailyDataType: DailyDataType;
+        valueFormatter: (value: number) => string;
+        valueConverter: (value: number) => number;
+        chartType: string;
+    };
+    render: (args: DailyDataChartProps) => React.JSX.Element;
+};
 export declare const noData: {
     args: {
         title: string;

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

@@ -0,0 +1,21 @@
+import React from "react";
+import "./RelativeActivity.css";
+import { ColorDefinition } from "../../../helpers/colors";
+export interface RelativeActivityProps {
+    dataTypes: RelativeActivityDataType[];
+    previewState?: "Default";
+    title?: string;
+    innerRef?: React.Ref<HTMLDivElement>;
+    specifyThresholds?: boolean;
+    date?: Date;
+}
+export interface RelativeActivityDataType {
+    dailyDataType: string;
+    label: string;
+    icon: React.ReactElement;
+    color: ColorDefinition;
+    overThresholdColor?: ColorDefinition;
+    formatter: (number: number) => string;
+    threshold?: number;
+}
+export default function (props: RelativeActivityProps): React.JSX.Element | null;

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

@@ -0,0 +1,27 @@
+import React from "react";
+import RelativeActivity, { RelativeActivityDataType, RelativeActivityProps } from "./RelativeActivity";
+declare const _default: {
+    title: string;
+    component: typeof RelativeActivity;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const AverageAsThreshold: {
+    args: {
+        dataTypes: RelativeActivityDataType[];
+        title: string;
+        previewState: string;
+    };
+    render: (args: RelativeActivityProps) => React.JSX.Element;
+};
+export declare const SpecificThresholds: {
+    args: {
+        dataTypes: RelativeActivityDataType[];
+        title: string;
+        previewState: string;
+        specifyThresholds: boolean;
+    };
+    render: (args: RelativeActivityProps) => React.JSX.Element;
+};

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

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

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

@@ -1,16 +1,9 @@
 import React from "react";
-import "./RelativeActivityToday.css";
+import { RelativeActivityDataType } from "../RelativeActivity/RelativeActivity";
 export interface RelativeActivityTodayProps {
     dataTypes: RelativeActivityDataType[];
     previewState?: "Default";
     title?: string;
     innerRef?: React.Ref<HTMLDivElement>;
 }
-export interface RelativeActivityDataType {
-    dailyDataType: string;
-    label: string;
-    icon: React.ReactElement;
-    color: string;
-    formatter: (number: number) => string;
-}
-export default function (props: RelativeActivityTodayProps): React.JSX.Element | null;
+export default function (props: RelativeActivityTodayProps): React.JSX.Element;

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

@@ -0,0 +1,25 @@
+import React from "react";
+import RelativeActivityToday, { RelativeActivityTodayProps } from "./RelativeActivityToday";
+import { DailyDataType } from "../../../helpers/query-daily-data";
+declare const _default: {
+    title: string;
+    component: typeof RelativeActivityToday;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        title: string;
+        previewState: string;
+        dataTypes: {
+            dailyDataType: DailyDataType;
+            label: string;
+            icon: React.JSX.Element;
+            color: string;
+            formatter: (number: number) => string;
+        }[];
+    };
+    render: (args: RelativeActivityTodayProps) => React.JSX.Element;
+};

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

@@ -0,0 +1,9 @@
+import React from "react";
+import { WeeklyRelativeActivityDataType } from "../RelativeActivityWeekNavigator/RelativeActivityWeekNavigator";
+export interface RelativeActivityWeekCoordinatorProps {
+    innerRef?: React.Ref<HTMLDivElement>;
+    dataTypes: WeeklyRelativeActivityDataType[];
+    previewState?: "default";
+    children?: React.ReactNode;
+}
+export default function RelativeActivityDateRangeCoordinator(props: RelativeActivityWeekCoordinatorProps): React.JSX.Element;

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

@@ -0,0 +1,19 @@
+import React from "react";
+import RelativeActivityWeekCoordinator, { RelativeActivityWeekCoordinatorProps } from "./RelativeActivityWeekCoordinator";
+import { WeeklyRelativeActivityDataType } from "../RelativeActivityWeekNavigator/RelativeActivityWeekNavigator";
+declare const _default: {
+    title: string;
+    component: typeof RelativeActivityWeekCoordinator;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        previewState: string;
+        dataTypes: WeeklyRelativeActivityDataType[];
+        children: React.JSX.Element;
+    };
+    render: (args: RelativeActivityWeekCoordinatorProps) => React.JSX.Element;
+};

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

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

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { DailyDataType } from "../../../helpers/query-daily-data";
+import { ColorDefinition } from "../../../helpers/colors";
+export interface RelativeActivityWeekNavigatorProps {
+    selectedDate: Date;
+    onDateSelected(date: Date): void;
+    dataTypes: WeeklyRelativeActivityDataType[];
+    previewState?: "default";
+}
+export interface WeeklyRelativeActivityDataType {
+    dailyDataType: DailyDataType;
+    threshold: number;
+    color?: ColorDefinition;
+    overthresholdColor?: ColorDefinition;
+}
+export default function (props: RelativeActivityWeekNavigatorProps): React.JSX.Element;

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

@@ -0,0 +1,19 @@
+import React from "react";
+import RelativeActivityWeekNavigator, { RelativeActivityWeekNavigatorProps, WeeklyRelativeActivityDataType } from "./RelativeActivityWeekNavigator";
+declare const _default: {
+    title: string;
+    component: typeof RelativeActivityWeekNavigator;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        previewState: string;
+        selectedDate: Date;
+        onDateSelected: (date: Date) => void;
+        dataTypes: WeeklyRelativeActivityDataType[];
+    };
+    render: (args: RelativeActivityWeekNavigatorProps) => React.JSX.Element;
+};

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

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

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

@@ -27,6 +27,9 @@ export { default as ProjectHeader } from "./ProjectHeader";
 export { default as ProjectSupport } from "./ProjectSupport";
 export { default as ProviderSearch } from "./ProviderSearch";
 export { default as RecentDailyDataBarChart } from "./RecentDailyDataBarChart";
+export { default as RelativeActivityWeekCoordinator } from "./RelativeActivityWeekCoordinator";
+export { default as RelativeActivityWeekNavigator, WeeklyRelativeActivityDataType } from "./RelativeActivityWeekNavigator";
+export { default as RelativeActivity, RelativeActivityDataType } from "./RelativeActivity";
 export { default as RelativeActivityToday } from "./RelativeActivityToday";
 export { default as RestingHeartRateCalendar } from "./RestingHeartRateCalendar";
 export { default as SurveyTaskList } from "./SurveyTaskList";

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

@@ -1,12 +1,13 @@
 import React, { ReactElement } from 'react';
 import "./ActivityMeter.css";
+import { ColorDefinition } from '../../../helpers/colors';
 export interface ActivityMeterProps {
     label: string;
     value: string;
     icon: ReactElement;
     fillPercent: number;
     averageFillPercent: number;
-    color: string;
+    color: ColorDefinition;
     message?: string;
     className?: string;
     innerRef?: React.Ref<HTMLDivElement>;

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

@@ -5,7 +5,7 @@ export interface DateRangeCoordinatorProps {
     intervalType: "Day" | "Week" | "Month";
     weekStartsOn?: WeekStartsOn;
     variant?: "default" | "rounded";
-    children: React.ReactNode;
+    children?: React.ReactNode;
     innerRef?: React.Ref<HTMLDivElement>;
     sticky?: boolean;
 }
@@ -14,4 +14,4 @@ export interface DateRangeContext {
     intervalStart: Date;
 }
 export declare const DateRangeContext: React.Context<DateRangeContext | null>;
-export default function DateRangeNavigatorContext(props: DateRangeCoordinatorProps): React.JSX.Element;
+export default function DateRangeNavigatorContext(props: DateRangeCoordinatorProps): React.JSX.Element | null;

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

@@ -0,0 +1,10 @@
+import React from "react";
+import { TitleProps } from "../Title/Title";
+import { ColorDefinition } from "../../../helpers/colors";
+export interface DateRangeTitleProps extends TitleProps {
+    color?: ColorDefinition;
+    order?: 1 | 2 | 3 | 4 | 5 | 6;
+    style?: React.CSSProperties;
+    defaultMargin?: boolean;
+}
+export default function DateRangeTitle(props: DateRangeTitleProps): React.JSX.Element;

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

@@ -0,0 +1,22 @@
+import React from "react";
+import DateRangeTitle, { DateRangeTitleProps } from "./DateRangeTitle";
+declare const _default: {
+    title: string;
+    component: typeof DateRangeTitle;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Week: {
+    args: {};
+    render: (args: DateRangeTitleProps) => React.JSX.Element;
+};
+export declare const Month: {
+    args: {};
+    render: (args: DateRangeTitleProps) => React.JSX.Element;
+};
+export declare const Day: {
+    args: {};
+    render: (args: DateRangeTitleProps) => React.JSX.Element;
+};

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

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

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

@@ -1,12 +1,13 @@
 import React from 'react';
 import "./SparkBarChart.css";
+import { ColorDefinition } from '../../../helpers/colors';
 export interface SparkBarChartProps {
     averageFillPercent: number;
     bars: SparkBarChartBar[];
     innerRef?: React.Ref<HTMLDivElement>;
 }
 export interface SparkBarChartBar {
-    color: string;
+    color: ColorDefinition;
     barFillPercent: number;
 }
 export default function (props: SparkBarChartProps): React.JSX.Element;

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

@@ -7,6 +7,7 @@ export { default as Card } from "./Card";
 export { default as CardTitle } from "./CardTitle";
 export { default as DateRangeCoordinator, DateRangeContext } from "./DateRangeCoordinator";
 export { default as DateRangeNavigator } from "./DateRangeNavigator";
+export { default as DateRangeTitle } from "./DateRangeTitle";
 export { default as DayTrackerSymbol } from "./DayTrackerSymbol";
 export { default as DumbbellChart } from "./DumbbellChart";
 export { default as Face } from "./Face";

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

@@ -1,3 +1,3 @@
 import { EventName } from '@careevolution/mydatahelps-js';
 import { DependencyList } from 'react';
-export declare function useInitializeView(initialize: () => void, additionalEvents?: EventName[], dependencies?: DependencyList): void;
+export declare function useInitializeView(initialize: () => void, additionalEvents?: EventName[], dependencies?: DependencyList, debounceWait?: number): void;

package/dist/cjs/types/helpers/daily-data-providers/apple-health-sleep.d.ts

@@ -1,6 +1,15 @@
-export declare function asleepTime(startDate: Date, endDate: Date): Promise<{
+export declare function inBedTime(startDate: Date, endDate: Date): Promise<{
     [key: string]: number;
 }>;
-export declare function inBedTime(startDate: Date, endDate: Date): Promise<{
+export declare function asleepCoreTime(startDate: Date, endDate: Date): Promise<{
+    [key: string]: number;
+}>;
+export declare function asleepRemTime(startDate: Date, endDate: Date): Promise<{
+    [key: string]: number;
+}>;
+export declare function asleepDeepTime(startDate: Date, endDate: Date): Promise<{
+    [key: string]: number;
+}>;
+export declare function asleepTime(startDate: Date, endDate: Date): Promise<{
     [key: string]: number;
 }>;

package/dist/cjs/types/helpers/daily-data-providers/combined-sleep.d.ts

@@ -0,0 +1 @@
+export default function (startDate: Date, endDate: Date): Promise<{}>;

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

@@ -4,6 +4,9 @@ export { default as appleHealthHeartRateRangeDataProvider } from "./apple-health
 export { default as appleHealthMaxHeartRateDataProvider } from "./apple-health-max-heart-rate";
 export { default as appleHealthRestingHeartRateDataProvider } from "./apple-health-resting-heart-rate";
 export { asleepTime as appleHealthSleepDataProvider } from "./apple-health-sleep";
+export { asleepRemTime as appleHealthSleepRemDataProvider } from "./apple-health-sleep";
+export { asleepCoreTime as appleHealthSleepCoreDataProvider } from "./apple-health-sleep";
+export { asleepDeepTime as appleHealthSleepDeepDataProvider } from "./apple-health-sleep";
 export { inBedTime as appleHealthInBedDataProvider } from "./apple-health-sleep";
 export { default as appleHealthStandTimeDataProvider } from "./apple-health-stand-time";
 export { default as appleHealthStepsDataProvider } from "./apple-health-steps";
@@ -30,6 +33,7 @@ export { default as fitbitBreathingRateDataProvider } from "./fitbit-breathing-r
 export { default as fitbitHrvDataProvider } from "./fitbit-hrv";
 export { default as fitbitSpO2DataProvider } from "./fitbit-spo2";
 export { default as combinedStepsDataProvider } from "./combined-steps";
+export { default as combinedSleepDataProvider } from "./combined-sleep";
 export { default as googleFitStepsDataProvider } from "./google-fit-steps";
 export { default as appleHealthDistanceDataProvider } from "./apple-health-distance";
 export { default as garminStepsDataProvider } from "./garmin-steps";

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

@@ -4,4 +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;
+export declare function titleForDateRange(intervalType: "Day" | "Week" | "Month", intervalStart: Date, variant?: "short" | "long"): string | undefined;

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

@@ -1,2 +1,4 @@
+export type Language = "" | "en" | "es" | "nl" | "de" | "fr" | "pt" | "it" | "pl";
 export declare function language(key: string): string;
+export declare function getLanguageFromIso(language: string): Language;
 export default language;

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

@@ -0,0 +1 @@
+export declare function getLocaleFromIso(language: string): Locale;

package/dist/cjs/types/helpers/query-daily-data.d.ts

@@ -16,6 +16,9 @@ export declare enum DailyDataType {
     AppleHealthMaxHeartRate = "AppleHealthMaxHeartRate",
     AppleHealthRestingHeartRate = "AppleHealthRestingHeartRate",
     AppleHealthSleepMinutes = "AppleHealthSleepMinutes",
+    AppleHealthSleepRemMinutes = "AppleHealthSleepRemMinutes",
+    AppleHealthSleepDeepMinutes = "AppleHealthSleepDeepMinutes",
+    AppleHealthSleepCoreMinutes = "AppleHealthSleepCoreMinutes",
     AppleHealthInBedMinutes = "AppleHealthInBedMinutes",
     AppleHealthStandMinutes = "AppleHealthStandMinutes",
     AppleHealthSteps = "AppleHealthSteps",
@@ -67,6 +70,7 @@ export declare enum DailyDataType {
     GoogleFitSteps = "GoogleFitSteps",
     Steps = "Steps",
     RestingHeartRate = "RestingHeartRate",
+    SleepMinutes = "SleepMinutes",
     HomeAirQuality = "HomeAirQuality",
     WorkAirQuality = "WorkAirQuality"
 }

package/dist/cjs/types/helpers/strings-de.d.ts

@@ -0,0 +1,4 @@
+declare let strings: {
+    [key: string]: string;
+};
+export default strings;

package/dist/cjs/types/helpers/strings-fr.d.ts

@@ -0,0 +1,4 @@
+declare let strings: {
+    [key: string]: string;
+};
+export default strings;

package/dist/cjs/types/helpers/strings-it.d.ts

@@ -0,0 +1,4 @@
+declare let strings: {
+    [key: string]: string;
+};
+export default strings;

package/dist/cjs/types/helpers/strings-nl.d.ts

@@ -0,0 +1,4 @@
+declare let strings: {
+    [key: string]: string;
+};
+export default strings;

package/dist/cjs/types/helpers/strings-pl.d.ts

@@ -0,0 +1,4 @@
+declare let strings: {
+    [key: string]: string;
+};
+export default strings;

package/dist/cjs/types/helpers/strings-pt.d.ts

@@ -0,0 +1,4 @@
+declare let strings: {
+    [key: string]: string;
+};
+export default strings;

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

@@ -2,6 +2,7 @@ export * from './components';
 export * from './hooks';
 export * from './helpers/query-daily-data';
 export * from './helpers/language';
+export * from './helpers/locale';
 export { default as getDayKey } from './helpers/get-day-key';
 export * from './helpers/get-interval-start';
 export * from './helpers/colors';