@careevolution/mydatahelps-ui 2.9.1-Issue139.4 → 2.10.0

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

@@ -0,0 +1,18 @@
+import React, { CSSProperties } from 'react';
+import './CalendarDay.css';
+import { ColorDefinition } from '../../../helpers/colors';
+export type CalendarDayStateConfiguration = Record<string, {
+    style?: CSSProperties;
+    streak?: boolean;
+    streakColor?: ColorDefinition;
+}>;
+export interface CalendarDayProps {
+    year: number;
+    month: number;
+    day?: number;
+    stateConfiguration: CalendarDayStateConfiguration;
+    computeStateForDay: (date: Date) => string;
+    onClick?: (date: Date) => void;
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export default function (props: CalendarDayProps): React.JSX.Element;

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

@@ -0,0 +1,411 @@
+import React from 'react';
+import CalendarDay, { CalendarDayProps } from './CalendarDay';
+declare const _default: {
+    title: string;
+    component: typeof CalendarDay;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const NoDay: {
+    args: {
+        day: undefined;
+        year: number;
+        month: number;
+        stateConfiguration: {
+            state1: {
+                style: {
+                    background: string;
+                };
+            };
+            state2: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+            };
+            state3: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+                streakColor: string;
+            };
+        };
+        onClick: () => void;
+    };
+    render: (args: CalendarDayProps) => React.JSX.Element;
+};
+export declare const Default: {
+    args: {
+        computeStateForDay: (date: Date) => string;
+        year: number;
+        month: number;
+        day: number;
+        stateConfiguration: {
+            state1: {
+                style: {
+                    background: string;
+                };
+            };
+            state2: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+            };
+            state3: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+                streakColor: string;
+            };
+        };
+        onClick: () => void;
+    };
+    render: (args: CalendarDayProps) => React.JSX.Element;
+};
+export declare const Today: {
+    args: {
+        year: number;
+        month: number;
+        day: number;
+        computeStateForDay: (date: Date) => string;
+        stateConfiguration: {
+            state1: {
+                style: {
+                    background: string;
+                };
+            };
+            state2: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+            };
+            state3: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+                streakColor: string;
+            };
+        };
+        onClick: () => void;
+    };
+    render: (args: CalendarDayProps) => React.JSX.Element;
+};
+export declare const Future: {
+    args: {
+        year: number;
+        month: number;
+        day: number;
+        computeStateForDay: (date: Date) => string;
+        stateConfiguration: {
+            state1: {
+                style: {
+                    background: string;
+                };
+            };
+            state2: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+            };
+            state3: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+                streakColor: string;
+            };
+        };
+        onClick: () => void;
+    };
+    render: (args: CalendarDayProps) => React.JSX.Element;
+};
+export declare const StreakLeftNotSupported: {
+    args: {
+        computeStateForDay: (date: Date) => string;
+        year: number;
+        month: number;
+        day: number;
+        stateConfiguration: {
+            state1: {
+                style: {
+                    background: string;
+                };
+            };
+            state2: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+            };
+            state3: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+                streakColor: string;
+            };
+        };
+        onClick: () => void;
+    };
+    render: (args: CalendarDayProps) => React.JSX.Element;
+};
+export declare const StreakLeftDefaultColor: {
+    args: {
+        computeStateForDay: (date: Date) => string;
+        year: number;
+        month: number;
+        day: number;
+        stateConfiguration: {
+            state1: {
+                style: {
+                    background: string;
+                };
+            };
+            state2: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+            };
+            state3: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+                streakColor: string;
+            };
+        };
+        onClick: () => void;
+    };
+    render: (args: CalendarDayProps) => React.JSX.Element;
+};
+export declare const StreakLeftCustomColor: {
+    args: {
+        computeStateForDay: (date: Date) => string;
+        year: number;
+        month: number;
+        day: number;
+        stateConfiguration: {
+            state1: {
+                style: {
+                    background: string;
+                };
+            };
+            state2: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+            };
+            state3: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+                streakColor: string;
+            };
+        };
+        onClick: () => void;
+    };
+    render: (args: CalendarDayProps) => React.JSX.Element;
+};
+export declare const StreakRightNotSupported: {
+    args: {
+        computeStateForDay: (date: Date) => string;
+        year: number;
+        month: number;
+        day: number;
+        stateConfiguration: {
+            state1: {
+                style: {
+                    background: string;
+                };
+            };
+            state2: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+            };
+            state3: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+                streakColor: string;
+            };
+        };
+        onClick: () => void;
+    };
+    render: (args: CalendarDayProps) => React.JSX.Element;
+};
+export declare const StreakRightDefaultColor: {
+    args: {
+        computeStateForDay: (date: Date) => string;
+        year: number;
+        month: number;
+        day: number;
+        stateConfiguration: {
+            state1: {
+                style: {
+                    background: string;
+                };
+            };
+            state2: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+            };
+            state3: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+                streakColor: string;
+            };
+        };
+        onClick: () => void;
+    };
+    render: (args: CalendarDayProps) => React.JSX.Element;
+};
+export declare const StreakRightCustomColor: {
+    args: {
+        computeStateForDay: (date: Date) => string;
+        year: number;
+        month: number;
+        day: number;
+        stateConfiguration: {
+            state1: {
+                style: {
+                    background: string;
+                };
+            };
+            state2: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+            };
+            state3: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+                streakColor: string;
+            };
+        };
+        onClick: () => void;
+    };
+    render: (args: CalendarDayProps) => React.JSX.Element;
+};
+export declare const StreakBothNotSupported: {
+    args: {
+        computeStateForDay: (date: Date) => string;
+        year: number;
+        month: number;
+        day: number;
+        stateConfiguration: {
+            state1: {
+                style: {
+                    background: string;
+                };
+            };
+            state2: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+            };
+            state3: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+                streakColor: string;
+            };
+        };
+        onClick: () => void;
+    };
+    render: (args: CalendarDayProps) => React.JSX.Element;
+};
+export declare const StreakBothDefaultColor: {
+    args: {
+        computeStateForDay: (date: Date) => string;
+        year: number;
+        month: number;
+        day: number;
+        stateConfiguration: {
+            state1: {
+                style: {
+                    background: string;
+                };
+            };
+            state2: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+            };
+            state3: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+                streakColor: string;
+            };
+        };
+        onClick: () => void;
+    };
+    render: (args: CalendarDayProps) => React.JSX.Element;
+};
+export declare const StreakBothCustomColor: {
+    args: {
+        computeStateForDay: (date: Date) => string;
+        year: number;
+        month: number;
+        day: number;
+        stateConfiguration: {
+            state1: {
+                style: {
+                    background: string;
+                };
+            };
+            state2: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+            };
+            state3: {
+                style: {
+                    background: string;
+                };
+                streak: boolean;
+                streakColor: string;
+            };
+        };
+        onClick: () => void;
+    };
+    render: (args: CalendarDayProps) => React.JSX.Element;
+};
+export declare const InCalendarNoData: {
+    render: () => React.JSX.Element;
+};
+export declare const InCalendarNoDataWithClickHandler: {
+    render: () => React.JSX.Element;
+};
+export declare const InCalendarWithData: {
+    render: () => React.JSX.Element;
+};
+export declare const InCalendarWithDataWithClickHandler: {
+    render: () => React.JSX.Element;
+};

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

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

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

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import "./NavigationBar.css";
+import './NavigationBar.css';
 import '@fortawesome/fontawesome-svg-core/styles.css';
 import { ColorDefinition } from '../../../helpers/colors';
 export interface NavigationBarProps {
@@ -11,9 +11,11 @@ export interface NavigationBarProps {
     closeButtonText?: string;
     backButtonText?: string;
     className?: string;
-    variant?: "default" | "compressed";
+    variant?: 'default' | 'compressed';
     titleColor?: ColorDefinition;
     subtitleColor?: ColorDefinition;
     buttonColor?: ColorDefinition;
+    navigationBarLeft?: React.ReactNode;
+    navigationBarRight?: React.ReactNode;
 }
 export default function (props: NavigationBarProps): React.JSX.Element;

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

@@ -0,0 +1,83 @@
+import React from 'react';
+import NavigationBar, { NavigationBarProps } from './NavigationBar';
+declare const _default: {
+    title: string;
+    component: typeof NavigationBar;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const WithBackButton: {
+    args: {
+        title: string;
+        showBackButton: boolean;
+    };
+    render: (args: NavigationBarProps) => React.JSX.Element;
+};
+export declare const WithBackButtonCustomText: {
+    args: {
+        title: string;
+        showBackButton: boolean;
+        backButtonText: string;
+    };
+    render: (args: NavigationBarProps) => React.JSX.Element;
+};
+export declare const WithCloseButton: {
+    args: {
+        title: string;
+        showCloseButton: boolean;
+    };
+    render: (args: NavigationBarProps) => React.JSX.Element;
+};
+export declare const WithCloseButtonCustomText: {
+    args: {
+        title: string;
+        showCloseButton: boolean;
+        closeButtonText: string;
+    };
+    render: (args: NavigationBarProps) => React.JSX.Element;
+};
+export declare const WithCustomButtons: {
+    args: {
+        title: string;
+        navigationBarLeft: React.JSX.Element;
+        navigationBarRight: React.JSX.Element;
+    };
+    render: (args: NavigationBarProps) => React.JSX.Element;
+};
+export declare const Compressed: {
+    args: {
+        title: string;
+        navigationBarLeft: React.JSX.Element;
+        navigationBarRight: React.JSX.Element;
+        variant: string;
+    };
+    render: (args: NavigationBarProps) => React.JSX.Element;
+};
+export declare const CompressedWithSubtitle: {
+    args: {
+        title: string;
+        subtitle: string;
+        navigationBarLeft: React.JSX.Element;
+        navigationBarRight: React.JSX.Element;
+        variant: string;
+    };
+    render: (args: NavigationBarProps) => React.JSX.Element;
+};
+export declare const WithDateRangeNavigator: {
+    args: {
+        title: string;
+        showCloseButton: boolean;
+        children: React.JSX.Element;
+    };
+    render: (args: NavigationBarProps) => React.JSX.Element;
+};
+export declare const WithRoundedDateRangeNavigator: {
+    args: {
+        title: string;
+        showCloseButton: boolean;
+        children: React.JSX.Element;
+    };
+    render: (args: NavigationBarProps) => React.JSX.Element;
+};

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

@@ -0,0 +1,24 @@
+import { ColorDefinition } from "../../../helpers/colors";
+import "./ProgressBar.css";
+import React, { ReactElement } from "react";
+export interface ProgressBarProps {
+    backgroundColor?: ColorDefinition;
+    borderColor?: ColorDefinition;
+    fillColor?: ColorDefinition;
+    fillPercent: number;
+    steps?: {
+        percent: number;
+        icon: ReactElement;
+    }[];
+    innerRef?: React.Ref<HTMLDivElement>;
+    defaultMargin?: boolean;
+}
+declare function ProgressBar(props: ProgressBarProps): React.JSX.Element;
+declare namespace ProgressBar {
+    var defaultProps: {
+        backgroundColor: string;
+        fillColor: string;
+        fillPercent: number;
+    };
+}
+export default ProgressBar;

package/dist/esm/types/components/presentational/ProgressBar/ProgressBarStep.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { ColorDefinition } from "../../../helpers/colors";
+export interface ProgressBarStepProps {
+    borderColor?: ColorDefinition;
+    backgroundColor?: ColorDefinition;
+    children?: React.ReactNode;
+    height: string;
+}
+export default function ProgressBarStep(props: ProgressBarStepProps): React.JSX.Element;

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

@@ -0,0 +1,2 @@
+export { default } from './ProgressBar';
+export { default as ProgressBarStep } from './ProgressBarStep';

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

@@ -5,9 +5,7 @@ import { IconDefinition } from '@fortawesome/fontawesome-common-types';
 import '@fortawesome/fontawesome-svg-core/styles.css';
 import { ColorDefinition } from '../../../helpers/colors';
 import { ButtonVariant } from '../Button/Button';
-export type SingleSurveyTaskPreviewState = 'hasBeenClicked';
 export interface SingleSurveyTaskProps {
-    previewState?: SingleSurveyTaskPreviewState;
     task: SurveyTask;
     descriptionIcon?: IconDefinition;
     onClick: () => void;

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

@@ -25,7 +25,6 @@ export declare const Incomplete: {
             insertedDate: string;
             modifiedDate: string;
         };
-        previewState?: "hasBeenClicked" | undefined;
         descriptionIcon?: import("@fortawesome/fontawesome-common-types").IconDefinition | undefined;
         onClick: () => void;
         surveyActive?: boolean | undefined;
@@ -52,7 +51,6 @@ export declare const IncompleteInProgress: {
             insertedDate: string;
             modifiedDate: string;
         };
-        previewState?: "hasBeenClicked" | undefined;
         descriptionIcon?: import("@fortawesome/fontawesome-common-types").IconDefinition | undefined;
         onClick: () => void;
         surveyActive?: boolean | undefined;
@@ -80,7 +78,6 @@ export declare const IncompleteSurveyActive: {
             modifiedDate: string;
         };
         surveyActive: boolean;
-        previewState?: "hasBeenClicked" | undefined;
         descriptionIcon?: import("@fortawesome/fontawesome-common-types").IconDefinition | undefined;
         onClick: () => void;
         innerRef?: React.Ref<HTMLDivElement> | undefined;
@@ -106,7 +103,6 @@ export declare const IncompleteWithLongDescription: {
             insertedDate: string;
             modifiedDate: string;
         };
-        previewState?: "hasBeenClicked" | undefined;
         descriptionIcon?: import("@fortawesome/fontawesome-common-types").IconDefinition | undefined;
         onClick: () => void;
         surveyActive?: boolean | undefined;
@@ -133,7 +129,6 @@ export declare const Complete: {
             insertedDate: string;
             modifiedDate: string;
         };
-        previewState?: "hasBeenClicked" | undefined;
         descriptionIcon?: import("@fortawesome/fontawesome-common-types").IconDefinition | undefined;
         onClick: () => void;
         surveyActive?: boolean | undefined;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import './ValueSelector.css';
+import { ColorDefinition } from '../../../helpers/colors';
+export interface ValueSelectorProps {
+    title?: string;
+    titleColor?: ColorDefinition;
+    subtitle?: string;
+    subtitleColor?: ColorDefinition;
+    values: string[];
+    valueBackgroundColor?: ColorDefinition;
+    valueTextColor?: ColorDefinition;
+    checkboxColor?: ColorDefinition;
+    selectedValues?: string[];
+    selectedButtonBackgroundColor?: ColorDefinition;
+    selectedButtonTextColor?: ColorDefinition;
+    selectedCheckboxColor?: ColorDefinition;
+    onChange?: (selectedValues: string[]) => void;
+    variant?: 'default' | 'checkboxes';
+    multiSelect?: boolean;
+    preventEmptySelections?: boolean;
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export default function (props: ValueSelectorProps): React.JSX.Element;