@careevolution/mydatahelps-ui 2.9.1-AsthmaUI.2 → 2.9.1-AsthmaUI.21

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/NavigationBar/NavigationBar.d.ts

@@ -1,19 +1,33 @@
 import React from 'react';
-import "./NavigationBar.css";
+import './NavigationBar.css';
 import '@fortawesome/fontawesome-svg-core/styles.css';
 import { ColorDefinition } from '../../../helpers/colors';
+export type NavigationBarButtonPosition = 'left' | 'right';
 export interface NavigationBarProps {
     title?: string;
     subtitle?: string;
     showBackButton?: boolean;
+    backButtonText?: string;
+    backButtonColor?: ColorDefinition;
+    backButtonBackgroundColor?: ColorDefinition;
     showCloseButton?: boolean;
-    children?: React.ReactNode;
     closeButtonText?: string;
-    backButtonText?: string;
+    closeButtonColor?: ColorDefinition;
+    closeButtonBackgroundColor?: ColorDefinition;
+    closeButtonPosition?: NavigationBarButtonPosition;
+    showSaveButton?: boolean;
+    saveButtonText?: string;
+    saveButtonColor?: ColorDefinition;
+    saveButtonBackgroundColor?: ColorDefinition;
+    saveButtonPosition?: NavigationBarButtonPosition;
+    onSave?: () => void;
+    children?: React.ReactNode;
     className?: string;
-    variant?: "default" | "compressed";
+    variant?: 'default' | 'compressed';
+    backgroundColor?: ColorDefinition;
     titleColor?: ColorDefinition;
     subtitleColor?: ColorDefinition;
     buttonColor?: ColorDefinition;
+    buttonBackgroundColor?: ColorDefinition;
 }
 export default function (props: NavigationBarProps): React.JSX.Element;

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

@@ -0,0 +1,145 @@
+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 WithBackButtonCustomColors: {
+    args: {
+        title: string;
+        showBackButton: boolean;
+        backButtonColor: string;
+        backButtonBackgroundColor: 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 WithCloseButtonCustomPosition: {
+    args: {
+        title: string;
+        showCloseButton: boolean;
+        closeButtonPosition: string;
+    };
+    render: (args: NavigationBarProps) => React.JSX.Element;
+};
+export declare const WithCloseButtonCustomColors: {
+    args: {
+        title: string;
+        showCloseButton: boolean;
+        closeButtonColor: string;
+        closeButtonBackgroundColor: string;
+    };
+    render: (args: NavigationBarProps) => React.JSX.Element;
+};
+export declare const WithSaveButton: {
+    args: {
+        title: string;
+        showSaveButton: boolean;
+        onSave: () => void;
+    };
+    render: (args: NavigationBarProps) => React.JSX.Element;
+};
+export declare const WithSaveButtonCustomText: {
+    args: {
+        title: string;
+        showSaveButton: boolean;
+        saveButtonText: string;
+        onSave: () => void;
+    };
+    render: (args: NavigationBarProps) => React.JSX.Element;
+};
+export declare const WithSaveButtonCustomPosition: {
+    args: {
+        title: string;
+        showSaveButton: boolean;
+        saveButtonPosition: string;
+        onSave: () => void;
+    };
+    render: (args: NavigationBarProps) => React.JSX.Element;
+};
+export declare const WithSaveButtonCustomColors: {
+    args: {
+        title: string;
+        showSaveButton: boolean;
+        saveButtonColor: string;
+        saveButtonBackgroundColor: string;
+        onSave: () => void;
+    };
+    render: (args: NavigationBarProps) => React.JSX.Element;
+};
+export declare const Compressed: {
+    args: {
+        title: string;
+        showCloseButton: boolean;
+        closeButtonPosition: string;
+        showSaveButton: boolean;
+        saveButtonColor: string;
+        saveButtonBackgroundColor: string;
+        onSave: () => void;
+        variant: string;
+    };
+    render: (args: NavigationBarProps) => React.JSX.Element;
+};
+export declare const CompressedWithSubtitle: {
+    args: {
+        title: string;
+        subtitle: string;
+        showCloseButton: boolean;
+        closeButtonPosition: string;
+        showSaveButton: boolean;
+        saveButtonColor: string;
+        saveButtonBackgroundColor: string;
+        onSave: () => void;
+        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/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;