@careevolution/mydatahelps-ui 2.2.1-VB.2 → 2.2.1-VB2.0

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import './AppDownload.css';
 import '@fortawesome/fontawesome-svg-core/styles.css';
 export interface AppDownloadProps {
     previewProjectPlatforms?: string[];
     previewDevicePlatform?: string;
 }
-export default function (props: AppDownloadProps): JSX.Element | null;
+export default function (props: AppDownloadProps): React.JSX.Element | null;

package/dist/cjs/types/components/container/{ConnectDeviceAccount/ConnectDeviceAccount.d.ts → ConnectDevice/ConnectDevice.d.ts}

@@ -1,12 +1,13 @@
-/// <reference types="react" />
+import React from 'react';
 import { ExternalAccountStatus } from "@careevolution/mydatahelps-js";
-import "./ConnectDeviceAccount.css";
-export interface ConnectDeviceAccountProps {
+import "./ConnectDevice.css";
+export interface ConnectDeviceProps {
     title?: string;
     providerName: string;
     providerIDCallback: () => number;
     previewState?: ConnectDevicePreviewState;
+    disabledBehavior?: 'hide' | 'displayError';
     dataCollectionProperty: string;
 }
-export declare type ConnectDevicePreviewState = ExternalAccountStatus | "notConnected";
-export default function (props: ConnectDeviceAccountProps): JSX.Element;
+export declare type ConnectDevicePreviewState = ExternalAccountStatus | "notConnected" | "notEnabled";
+export default function (props: ConnectDeviceProps): React.JSX.Element | null;

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

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

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import "./ConnectEhr.css";
 import '@fortawesome/fontawesome-svg-core/styles.css';
 export interface ConnectEhrProps {
@@ -9,4 +9,4 @@ export interface ConnectEhrProps {
 }
 export declare type ConnectEhrApplicationUrl = "preview" | string;
 export declare type ConnectEhrPreviewState = "notEnabled" | "enabled" | "enabledConnected" | "enabledNeedsAttention";
-export default function (props: ConnectEhrProps): JSX.Element | null;
+export default function (props: ConnectEhrProps): React.JSX.Element | null;

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

@@ -1,8 +1,10 @@
-/// <reference types="react" />
 import { ExternalAccountStatus } from "@careevolution/mydatahelps-js";
+import React from "react";
 export interface ConnectFitbitProps {
+    title?: string;
     fitbitProviderID?: number;
     previewState?: ConnectFitbitPreviewState;
+    disabledBehavior?: 'hide' | 'displayError';
 }
-export declare type ConnectFitbitPreviewState = ExternalAccountStatus | "notConnected";
-export default function (props: ConnectFitbitProps): JSX.Element;
+export declare type ConnectFitbitPreviewState = ExternalAccountStatus | "notConnected" | "notEnabled";
+export default function (props: ConnectFitbitProps): React.JSX.Element;

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

@@ -1,8 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { ExternalAccountStatus } from "@careevolution/mydatahelps-js";
 export interface ConnectGarminProps {
+    title?: string;
     garminProviderID?: number;
     previewState?: ConnectGarminPreviewState;
+    disabledBehavior?: 'hide' | 'displayError';
 }
-export declare type ConnectGarminPreviewState = ExternalAccountStatus | "notConnected";
-export default function (props: ConnectGarminProps): JSX.Element;
+export declare type ConnectGarminPreviewState = ExternalAccountStatus | "notConnected" | "notEnabled";
+export default function (props: ConnectGarminProps): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DeviceDataNamespace, DeviceDataPoint } from "@careevolution/mydatahelps-js";
 import "./ConnectedDevices.css";
 import '@fortawesome/fontawesome-svg-core/styles.css';
@@ -9,4 +9,4 @@ export interface ConnectedDevicesProps {
     previewData: DeviceDataPoint[];
 }
 export declare type ConnectedDevicesPreviewState = "notEnabled" | "notConnected" | "connected";
-export default function (props: ConnectedDevicesProps): JSX.Element | null;
+export default function (props: ConnectedDevicesProps): React.JSX.Element | null;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import "./DeviceDataMonthChart.css";
 export interface DeviceDataMonthChartProps {
     lines: DeviceDataChartLine[];
@@ -16,4 +16,4 @@ export interface DeviceDataChartLine {
     showAverage?: boolean;
 }
 export declare type DeviceDataMonthChartPreviewState = "WithData" | "NoData" | "Loading";
-export default function (props: DeviceDataMonthChartProps): JSX.Element | null;
+export default function (props: DeviceDataMonthChartProps): React.JSX.Element | null;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 export interface DeviceDataMonthChartsProps {
     previewState?: DeviceDataMonthChartsPreviewState;
 }
 export declare type DeviceDataMonthChartsPreviewState = "Default" | "NoData";
-export default function (props: DeviceDataMonthChartsProps): JSX.Element;
+export default function (props: DeviceDataMonthChartsProps): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ExternalAccount } from '@careevolution/mydatahelps-js';
 export interface ExternalAccountListProps {
     externalAccountProviderCategories?: string[];
@@ -6,4 +6,4 @@ export interface ExternalAccountListProps {
     onExternalAccountsLoaded?: (accounts: ExternalAccount[]) => void;
 }
 export declare type NotificationListPreviewState = "Default";
-export default function (props: ExternalAccountListProps): JSX.Element;
+export default function (props: ExternalAccountListProps): React.JSX.Element;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 import "./ExternalAccountsLoadingIndicator.css";
 export interface ExternalAccountsLoadingIndicatorProps {
     previewState?: "externalAccountsFetchingData" | "externalAccountsLoaded";
     externalAccountCategories?: string[];
 }
-export default function (props: ExternalAccountsLoadingIndicatorProps): JSX.Element | null;
+export default function (props: ExternalAccountsLoadingIndicatorProps): React.JSX.Element | null;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import "./ExternalAccountsPreview.css";
 export interface ExternalAccountsPreviewProps {
     excludeProviders?: boolean;
@@ -9,4 +9,4 @@ export interface ExternalAccountsPreviewProps {
 }
 export declare type ExternalAccountsApplicationUrl = "preview" | string;
 export declare type ExternalAccountsPreviewPreviewState = "Default";
-export default function (props: ExternalAccountsPreviewProps): JSX.Element | null;
+export default function (props: ExternalAccountsPreviewProps): React.JSX.Element | null;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import '@fortawesome/fontawesome-svg-core/styles.css';
 import { ConnectedDevicesPreviewState } from '../ConnectedDevices/ConnectedDevices';
 export interface FitbitDevicesProps {
     previewState?: ConnectedDevicesPreviewState;
 }
-export default function (props: FitbitDevicesProps): JSX.Element;
+export default function (props: FitbitDevicesProps): React.JSX.Element;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { MonthChartsPreviewState } from '../MonthCharts/MonthCharts';
 export interface FitbitMonthChartsProps {
     previewState?: MonthChartsPreviewState;
 }
-export default function (props: FitbitMonthChartsProps): JSX.Element;
+export default function (props: FitbitMonthChartsProps): React.JSX.Element;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import '@fortawesome/fontawesome-svg-core/styles.css';
 import { ConnectedDevicesPreviewState } from '../ConnectedDevices/ConnectedDevices';
 export interface GarminDevicesProps {
     previewState?: ConnectedDevicesPreviewState;
 }
-export default function (props: GarminDevicesProps): JSX.Element;
+export default function (props: GarminDevicesProps): React.JSX.Element;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { MonthChartsPreviewState } from '../MonthCharts/MonthCharts';
 export interface GarminMonthChartsProps {
     previewState?: MonthChartsPreviewState;
 }
-export default function (props: GarminMonthChartsProps): JSX.Element;
+export default function (props: GarminMonthChartsProps): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import "./HealthPreviewSection.css";
 export declare type HealthPreviewSectionConcept = "Medications" | "Immunizations" | "Reports" | "Allergies" | "Conditions" | "Procedures";
 export interface HealthPreviewSectionProps {
@@ -7,4 +7,4 @@ export interface HealthPreviewSectionProps {
     previewState?: "NoData" | "Default";
     indicatorPosition?: "default" | "topRight";
 }
-export default function (props: HealthPreviewSectionProps): JSX.Element | null;
+export default function (props: HealthPreviewSectionProps): React.JSX.Element | null;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import "./LabResultsSummary.css";
 import "../HealthPreviewSection/HealthPreviewSection.css";
 import { TermInformation } from "../../presentational/LabResultWithSparkline/LabResultWithSparkline";
@@ -7,4 +7,4 @@ export interface LabResultsSummaryProps {
     onClick(): void;
     onViewTermInfo(termInfo: TermInformation): void;
 }
-export default function (props: LabResultsSummaryProps): JSX.Element | null;
+export default function (props: LabResultsSummaryProps): React.JSX.Element | null;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DeviceDataChartLine } from '../DeviceDataMonthChart';
 export interface MonthChartsProps {
     previewState?: MonthChartsPreviewState;
@@ -9,4 +9,4 @@ export interface MonthChartsProps {
     }[];
 }
 export declare type MonthChartsPreviewState = "notEnabled" | "notConnected" | "connected";
-export default function (props: MonthChartsProps): JSX.Element;
+export default function (props: MonthChartsProps): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import "./MostRecentNotification.css";
 import { NotificationType } from "@careevolution/mydatahelps-js";
 export interface MostRecentNotificationProps {
@@ -8,4 +8,4 @@ export interface MostRecentNotificationProps {
     previewState?: MostRecentNotificationPreviewState;
 }
 export declare type MostRecentNotificationPreviewState = "Default";
-export default function (props: MostRecentNotificationProps): JSX.Element | null;
+export default function (props: MostRecentNotificationProps): React.JSX.Element | null;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { NotificationType } from "@careevolution/mydatahelps-js";
 export interface NotificationListProps {
     notificationType?: NotificationType;
     previewState?: NotificationListPreviewState;
 }
 export declare type NotificationListPreviewState = "Default" | "NoData";
-export default function (props: NotificationListProps): JSX.Element;
+export default function (props: NotificationListProps): React.JSX.Element;

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

@@ -4,4 +4,4 @@ export interface PlatformSpecificContentProps {
     children?: React.ReactNode;
     previewDevicePlatform?: string;
 }
-export default function (props: PlatformSpecificContentProps): JSX.Element | null;
+export default function (props: PlatformSpecificContentProps): React.JSX.Element | null;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import "./ProjectHeader.css";
 export interface ProjectHeaderProps {
     previewState?: ProjectHeaderPropsPreviewState;
 }
 export declare type ProjectHeaderPropsPreviewState = "Default";
-export default function (props: ProjectHeaderProps): JSX.Element;
+export default function (props: ProjectHeaderProps): React.JSX.Element;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import "./ProjectSupport.css";
 export interface ProjectSupportProps {
     previewState?: ProjectSupportPropsPreviewState;
 }
 export declare type ProjectSupportPropsPreviewState = "Default";
-export default function (props: ProjectSupportProps): JSX.Element | null;
+export default function (props: ProjectSupportProps): React.JSX.Element | null;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import "./ProviderSearch.css";
 import '@fortawesome/fontawesome-svg-core/styles.css';
 export interface ProviderSearchProps {
@@ -6,4 +6,4 @@ export interface ProviderSearchProps {
     providerCategories?: string[];
 }
 export declare type ProviderSearchPreviewState = "Default";
-export default function (props: ProviderSearchProps): JSX.Element;
+export default function (props: ProviderSearchProps): React.JSX.Element;

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

@@ -12,4 +12,4 @@ export interface RelativeActivityDataType {
     color: string;
     formatter: (number: number) => string;
 }
-export default function (props: RelativeActivityTodayProps): JSX.Element | null;
+export default function (props: RelativeActivityTodayProps): React.JSX.Element | null;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import "./RestingHeartRateCalendar.css";
 export declare type RestingHeartRateCalendarPreviewState = "WithData" | "NoData" | "Loading";
 export interface RestingHeartRateCalendarProps {
@@ -6,4 +6,4 @@ export interface RestingHeartRateCalendarProps {
     year: number;
     showPreviewData: RestingHeartRateCalendarPreviewState;
 }
-export default function (props: RestingHeartRateCalendarProps): JSX.Element;
+export default function (props: RestingHeartRateCalendarProps): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import "./SurveyTaskList.css";
 import { SurveyTaskStatus } from "@careevolution/mydatahelps-js";
 export interface SurveyTaskListProps {
@@ -6,8 +6,8 @@ export interface SurveyTaskListProps {
     limit?: number;
     title?: string;
     onDetailLinkClick?: Function;
+    hideDueDate?: boolean;
     previewState?: SurveyTaskListListPreviewState;
-    embedTasksInCards?: boolean;
 }
 export declare type SurveyTaskListListPreviewState = "IncompleteTasks" | "CompleteTasks";
-export default function (props: SurveyTaskListProps): JSX.Element | null;
+export default function (props: SurveyTaskListProps): React.JSX.Element | null;

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

@@ -1,7 +1,6 @@
-export { default as ConnectAppleHealth } from "./ConnectAppleHealth";
+export { default as AppDownload } from "./AppDownload";
 export { default as ConnectEhr } from "./ConnectEhr";
 export { default as ConnectFitbit } from "./ConnectFitbit";
-export { default as ConnectGoogleFit } from "./ConnectGoogleFit";
 export { default as ConnectGarmin } from "./ConnectGarmin";
 export { default as DeviceDataMonthChart, DeviceDataChartLine } from "./DeviceDataMonthChart";
 export { default as DeviceDataMonthCharts } from "./DeviceDataMonthCharts";

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

@@ -15,4 +15,4 @@ export interface ActionProps {
     indicatorPosition?: "default" | "topRight";
     bottomBorder?: boolean;
 }
-export default function (props: ActionProps): JSX.Element;
+export default function (props: ActionProps): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import React, { ReactElement } from 'react';
 import "./ActivityMeter.css";
 export interface ActivityMeterProps {
     label: string;
@@ -10,4 +10,4 @@ export interface ActivityMeterProps {
     message?: string;
     className?: string;
 }
-export default function (props: ActivityMeterProps): JSX.Element;
+export default function (props: ActivityMeterProps): React.JSX.Element;

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

@@ -11,6 +11,6 @@ export interface ButtonProps {
     className?: string;
     color?: string;
     loading?: boolean;
-    variant?: "default" | "subtle" | "inverted";
+    variant?: "default" | "subtle" | "light";
 }
-export default function (props: ButtonProps): JSX.Element;
+export default function (props: ButtonProps): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import "./Calendar.css";
 export interface CalendarProps {
     month: number;
@@ -6,4 +6,4 @@ export interface CalendarProps {
     dayRenderer(year: number, month: number, day?: number): JSX.Element | null;
     weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
 }
-export default function (props: CalendarProps): JSX.Element;
+export default function (props: CalendarProps): React.JSX.Element;

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

@@ -5,6 +5,5 @@ export interface CardProps {
     children?: React.ReactNode;
     allowOverflow?: boolean;
     innerRef?: React.Ref<HTMLDivElement>;
-    autoHide?: boolean;
 }
-export default function (props: CardProps): JSX.Element | null;
+export default function (props: CardProps): React.JSX.Element | null;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import "./CardTitle.css";
 export interface CardTitleProps {
     title: string;
     onDetailClick?: Function;
     detailLinkText?: string;
 }
-export default function (props: CardTitleProps): JSX.Element;
+export default function (props: CardTitleProps): React.JSX.Element;

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import '@fortawesome/fontawesome-svg-core/styles.css';
+import React from 'react';
 import "./DateRangeNavigator.css";
 export interface DateRangeNavigatorProps {
     intervalType: "Week" | "Month";
@@ -8,4 +8,4 @@ export interface DateRangeNavigatorProps {
     onIntervalChange(newIntervalStart: Date, newIntervalEnd: Date): void;
     className?: string;
 }
-export default function (props: DateRangeNavigatorProps): JSX.Element;
+export default function (props: DateRangeNavigatorProps): React.JSX.Element;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import "./DayTrackerSymbol.css";
 export interface DayTrackerSymbolProps {
     primaryColors: string[];
     secondaryColors: string[];
     className?: string;
 }
-export default function (props: DayTrackerSymbolProps): JSX.Element;
+export default function (props: DayTrackerSymbolProps): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import { MouseEventHandler } from 'react';
+import React, { MouseEventHandler } from 'react';
 import "./Face.css";
 export interface FaceProps {
     faceValue?: number;
@@ -6,4 +6,4 @@ export interface FaceProps {
     onClick?: MouseEventHandler;
     className?: string;
 }
-export default function (props: FaceProps): JSX.Element;
+export default function (props: FaceProps): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import "./Histogram.css";
 export interface HistogramProps {
     entries: {
@@ -9,4 +9,4 @@ export interface HistogramProps {
     }[];
     className?: string;
 }
-export default function (props: HistogramProps): JSX.Element;
+export default function (props: HistogramProps): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import "./LabResultWithSparkline.css";
 export interface LabResultValue {
     Type: string;
@@ -23,4 +23,4 @@ export interface LabResultWithSparklineProps {
     labResultValue: LabResultValue;
     onViewTermInfo(termInfo: TermInformation): void;
 }
-export default function (props: LabResultWithSparklineProps): JSX.Element;
+export default function (props: LabResultWithSparklineProps): React.JSX.Element;

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

@@ -19,4 +19,4 @@ export interface LayoutContext {
     bodyBackgroundColor: string;
 }
 export declare const LayoutContext: React.Context<LayoutContext>;
-export default function (props: LayoutProps): JSX.Element;
+export default function (props: LayoutProps): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import "./LoadingIndicator.css";
 import '@fortawesome/fontawesome-svg-core/styles.css';
 export interface LoadingIndicatorProps {
@@ -6,5 +6,5 @@ export interface LoadingIndicatorProps {
     color?: string;
     className?: string;
 }
-declare function LoadingIndicator(props: LoadingIndicatorProps): JSX.Element;
+declare function LoadingIndicator(props: LoadingIndicatorProps): React.JSX.Element;
 export default LoadingIndicator;

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

@@ -12,4 +12,4 @@ export interface NavigationBarProps {
     className?: string;
     variant?: "default" | "compressed";
 }
-export default function (props: NavigationBarProps): JSX.Element;
+export default function (props: NavigationBarProps): React.JSX.Element;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 export interface OnVisibleTriggerProps {
     onTrigger: Function;
     enabled: boolean;
 }
-export default function (props: OnVisibleTriggerProps): JSX.Element;
+export default function (props: OnVisibleTriggerProps): React.JSX.Element;

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

@@ -5,6 +5,5 @@ export interface SectionProps {
     className?: string;
     noTopMargin?: boolean;
     innerRef?: React.Ref<HTMLDivElement>;
-    autoHide?: boolean;
 }
-export default function (props: SectionProps): JSX.Element | null;
+export default function (props: SectionProps): React.JSX.Element | null;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import "./SegmentedControl.css";
 export interface SegmentedControlProps {
     segments: {
@@ -10,4 +10,4 @@ export interface SegmentedControlProps {
     className?: string;
     color?: string;
 }
-export default function (props: SegmentedControlProps): JSX.Element;
+export default function (props: SegmentedControlProps): React.JSX.Element;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import "./ShinyOverlay.css";
-export default function (): JSX.Element;
+export default function (): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ExternalAccount } from '@careevolution/mydatahelps-js';
 import "./SingleExternalAccount.css";
 import '@fortawesome/fontawesome-svg-core/styles.css';
@@ -7,4 +7,4 @@ export interface SingleExternalAccountProps {
     onAccountRemoved: (account: ExternalAccount) => void;
     onReconnectAccount: (account: ExternalAccount) => void;
 }
-export default function (props: SingleExternalAccountProps): JSX.Element;
+export default function (props: SingleExternalAccountProps): React.JSX.Element;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import "./SingleNotification.css";
 import { Notification } from "@careevolution/mydatahelps-js";
 export interface SingleNotificationProps {
     notification: Notification;
 }
-export default function (props: SingleNotificationProps): JSX.Element;
+export default function (props: SingleNotificationProps): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import "./SingleSurveyTask.css";
 import { SurveyTask } from "@careevolution/mydatahelps-js";
 import { IconDefinition } from '@fortawesome/fontawesome-common-types';
@@ -6,6 +6,7 @@ import '@fortawesome/fontawesome-svg-core/styles.css';
 export interface SingleSurveyTaskProps {
     task: SurveyTask;
     descriptionIcon?: IconDefinition;
+    hideDueDate?: boolean;
     disableClick?: boolean;
 }
-export default function (props: SingleSurveyTaskProps): JSX.Element | null;
+export default function (props: SingleSurveyTaskProps): React.JSX.Element | null;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import "./SparkBarChart.css";
 export interface SparkBarChartProps {
     averageFillPercent: number;
@@ -8,4 +8,4 @@ export interface SparkBarChartBar {
     color: string;
     barFillPercent: number;
 }
-export default function (props: SparkBarChartProps): JSX.Element;
+export default function (props: SparkBarChartProps): React.JSX.Element;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import "./StatusBarBackground.css";
 export default interface StatusBarBackgroundProps {
     color?: string;
 }
-export default function (props: StatusBarBackgroundProps): JSX.Element;
+export default function (props: StatusBarBackgroundProps): React.JSX.Element;