@solace-health/ui 0.9.69 → 0.10.0

package/dist/index.d.ts

@@ -2,15 +2,15 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { CSSProperties } from 'react';
 import dayjs from 'dayjs';
-import * as contentful from 'contentful';
-import { FunctionalComponent } from 'preact';
-import * as antd from 'antd';
-import { TabsProps, MenuProps as MenuProps$1, DropDownProps, SubMenuProps } from 'antd';
-import { MenuProps } from '@szhsin/react-menu';
 import * as _emotion_styled from '@emotion/styled';
 export { default as styled } from '@emotion/styled';
-import * as _emotion_react from '@emotion/react';
 import * as preact_hooks from 'preact/hooks';
+import * as _emotion_react from '@emotion/react';
+import * as antd from 'antd';
+import { MenuProps, DropDownProps, TabsProps, SubMenuProps } from 'antd';
+import * as contentful from 'contentful';
+import { MenuProps as MenuProps$1 } from '@szhsin/react-menu';
+import { FunctionalComponent } from 'preact';
 import * as antd_es_upload_interface from 'antd/es/upload/interface';
 import * as antd_es_upload from 'antd/es/upload';
 import * as react_hook_form from 'react-hook-form';
@@ -40,7 +40,7 @@ declare type Props$c = {
     };
     [extraProps: string]: unknown;
 };
-declare const _default$6: {
+declare const _default$7: {
     Primary: ({ children, isSubmitting, toolTip, ...extraProps }: Props$c) => react_jsx_runtime.JSX.Element;
     Outline: ({ children, isSubmitting, toolTip, ...extraProps }: Props$c) => react_jsx_runtime.JSX.Element;
     Unstyled: ({ children, isSubmitting, toolTip, ...extraProps }: Props$c) => react_jsx_runtime.JSX.Element;
@@ -85,6 +85,16 @@ declare type Props$9 = {
 };
 declare const Drawer: ({ isOpen, onClose, children, title, placement, headerStyle, ...extraProps }: Props$9) => react_jsx_runtime.JSX.Element;
 
+declare const Dropdown: _emotion_styled.StyledComponent<{
+    items: MenuProps["items"];
+    children: React.ReactNode;
+    className?: string | undefined;
+} & DropDownProps & {
+    theme?: _emotion_react.Theme | undefined;
+}, {}, {
+    ref?: preact_hooks.Ref<any> | undefined;
+}>;
+
 declare const ErrorTypography: ({ children, text, includeIcon, marginBottom, }: {
     children?: React.ReactNode;
     text?: string | undefined;
@@ -92,6 +102,30 @@ declare const ErrorTypography: ({ children, text, includeIcon, marginBottom, }:
     marginBottom?: number | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
+declare type File = {
+    id: string;
+    name: string;
+};
+declare enum FileDisplay {
+    Card = "card",
+    List = "list"
+}
+declare type FileProps = {
+    file: File;
+    display?: FileDisplay;
+    handleDownload: (file: File) => void;
+    className?: string;
+};
+declare type GroupProps = {
+    files: File[];
+    handleDownload: (file: File) => void;
+    className?: string;
+};
+declare const _default$6: {
+    Group: ({ files, handleDownload, className }: GroupProps) => react_jsx_runtime.JSX.Element;
+    Display: ({ file, display, handleDownload, className, }: FileProps) => react_jsx_runtime.JSX.Element | null;
+};
+
 declare const _default$5: {
     AddCircle: ({ color }: {
         color?: string | undefined;
@@ -132,6 +166,9 @@ declare const _default$5: {
         color?: string | undefined;
     }) => react_jsx_runtime.JSX.Element;
     Draggable: () => react_jsx_runtime.JSX.Element;
+    DownloadArrow: ({ fill }: {
+        fill?: string | undefined;
+    }) => react_jsx_runtime.JSX.Element;
     Invoice: ({ active, color }: {
         active?: boolean | undefined;
         color?: string | undefined;
@@ -175,6 +212,9 @@ declare const _default$5: {
     }) => react_jsx_runtime.JSX.Element;
     HeartPulse: () => JSX.Element;
     IdBadge: () => react_jsx_runtime.JSX.Element;
+    Image: ({ color }: {
+        color?: string | undefined;
+    }) => react_jsx_runtime.JSX.Element;
     Key: ({ active, color }: {
         active?: boolean | undefined;
         color?: string | undefined;
@@ -229,21 +269,6 @@ declare const _default$5: {
     Filter: () => react_jsx_runtime.JSX.Element;
 };
 
-declare enum PillStatus {
-    Success = "success",
-    Error = "error",
-    Warning = "warning",
-    Processing = "processing",
-    Label = "label",
-    Default = "default"
-}
-declare type Props$8 = {
-    children: React.ReactNode;
-    status?: PillStatus | string;
-    icon?: React.ReactNode | null;
-};
-declare const Pill: ({ children, status, icon, }: Props$8) => react_jsx_runtime.JSX.Element;
-
 declare enum Size {
     XL = "xl",
     LG = "lg",
@@ -252,11 +277,11 @@ declare enum Size {
     XS = "xs"
 }
 
-declare type Props$7 = {
+declare type Props$8 = {
     color?: string;
     size?: Size;
 };
-declare const LoadingSpinner: ({ color, size, }: Props$7) => react_jsx_runtime.JSX.Element;
+declare const LoadingSpinner: ({ color, size, }: Props$8) => react_jsx_runtime.JSX.Element;
 
 declare enum ContentfulLottieFileSlug {
     LOADING_LISTINGS = "loadingListings",
@@ -276,7 +301,7 @@ declare class Contentful {
     getImage(slug: string): Promise<any>;
 }
 
-declare type Props$6 = {
+declare type Props$7 = {
     height: number | string;
     width: number | string;
     loop: boolean;
@@ -286,49 +311,7 @@ declare type Props$6 = {
         accessToken: string;
     };
 };
-declare const LottieAnimation: ({ height, width, loop, slug, contentfulConfig, }: Props$6) => react_jsx_runtime.JSX.Element | null;
-
-declare type Props$5 = {
-    children: React.ReactNode;
-    isOpen: boolean;
-    onClose?: () => void;
-    width?: number;
-    style?: any;
-    bodyStyle?: any;
-};
-declare const Modal: ({ children, isOpen, onClose, width, style, bodyStyle, ...props }: Props$5) => react_jsx_runtime.JSX.Element;
-
-declare const Progress: ({ percent, size, }: {
-    percent?: number | undefined;
-    size?: number | undefined;
-}) => react_jsx_runtime.JSX.Element;
-
-declare type Props$4 = {
-    onChange: (value: string) => void;
-    options: string[] | number[] | Array<{
-        label: FunctionalComponent;
-        value: string;
-        icon?: FunctionalComponent;
-        disabled?: boolean;
-        className?: string;
-    }>;
-    size: "small" | "middle" | "large";
-    defaultValue: string;
-    block: boolean;
-};
-declare const Segmented: ({ onChange, options, size, defaultValue, block, }: Props$4) => react_jsx_runtime.JSX.Element;
-
-declare type Props$3 = {
-    color: string;
-};
-declare const SolaceLogo: ({ color }: Props$3) => react_jsx_runtime.JSX.Element;
-
-declare type Props$2 = {
-    className?: string;
-    navigate?: (url: string) => void;
-    pathname?: string;
-} & TabsProps;
-declare const Tabs: ({ className, items, navigate, activeKey, pathname, ...otherProps }: Props$2) => react_jsx_runtime.JSX.Element;
+declare const LottieAnimation: ({ height, width, loop, slug, contentfulConfig, }: Props$7) => react_jsx_runtime.JSX.Element | null;
 
 declare type ContainerProps = {
     cta: string | JSX.Element;
@@ -336,7 +319,7 @@ declare type ContainerProps = {
     onItemClick?: (e: any) => void;
     onMenuChange?: (e: any) => void;
     className?: string;
-    menuProps?: MenuProps;
+    menuProps?: MenuProps$1;
     caretColor?: string;
     borderColor?: string;
 };
@@ -373,6 +356,78 @@ declare const _default$4: {
     Item: ({ label, value, selected, onClick, disabled, linkTo, className, }: ItemProps) => react_jsx_runtime.JSX.Element;
 };
 
+declare type Props$6 = {
+    children: React.ReactNode;
+    isOpen: boolean;
+    onClose?: () => void;
+    width?: number;
+    style?: any;
+    bodyStyle?: any;
+};
+declare const Modal: ({ children, isOpen, onClose, width, style, bodyStyle, ...props }: Props$6) => react_jsx_runtime.JSX.Element;
+
+interface Step {
+    title: string;
+    description: string;
+}
+
+declare const _default$3: {
+    Horizontal: ({ currentStep, steps, }: {
+        currentStep: number;
+        steps: string[];
+    }) => react_jsx_runtime.JSX.Element;
+    Vertical: ({ steps }: {
+        steps: Step[];
+    }) => react_jsx_runtime.JSX.Element;
+};
+
+declare enum PillStatus {
+    Success = "success",
+    Error = "error",
+    Warning = "warning",
+    Processing = "processing",
+    Label = "label",
+    Default = "default"
+}
+declare type Props$5 = {
+    children: React.ReactNode;
+    status?: PillStatus | string;
+    icon?: React.ReactNode | null;
+};
+declare const Pill: ({ children, status, icon, }: Props$5) => react_jsx_runtime.JSX.Element;
+
+declare const Progress: ({ percent, size, }: {
+    percent?: number | undefined;
+    size?: number | undefined;
+}) => react_jsx_runtime.JSX.Element;
+
+declare type Props$4 = {
+    onChange: (value: string) => void;
+    options: string[] | number[] | Array<{
+        label: FunctionalComponent;
+        value: string;
+        icon?: FunctionalComponent;
+        disabled?: boolean;
+        className?: string;
+    }>;
+    size: "small" | "middle" | "large";
+    defaultValue: string;
+    block: boolean;
+};
+declare const Segmented: ({ onChange, options, size, defaultValue, block, }: Props$4) => react_jsx_runtime.JSX.Element;
+
+declare type Props$3 = {
+    color: string;
+};
+declare const SolaceLogo: ({ color }: Props$3) => react_jsx_runtime.JSX.Element;
+
+declare type Props$2 = {
+    className?: string;
+    navigate?: (url: string) => void;
+    pathname?: string;
+} & TabsProps;
+declare const Tabs: ({ className, items, navigate, activeKey, pathname, ...otherProps }: Props$2) => react_jsx_runtime.JSX.Element;
+
 declare type Props$1 = {
     startTime?: string;
     endTime?: string;
@@ -413,31 +468,6 @@ declare type ProviderProps = {
 };
 declare const SolaceThemeProvider: ({ children, theme, }: ProviderProps) => react_jsx_runtime.JSX.Element;
 
-interface Step {
-    title: string;
-    description: string;
-}
-
-declare const _default$3: {
-    Horizontal: ({ currentStep, steps, }: {
-        currentStep: number;
-        steps: string[];
-    }) => react_jsx_runtime.JSX.Element;
-    Vertical: ({ steps }: {
-        steps: Step[];
-    }) => react_jsx_runtime.JSX.Element;
-};
-
-declare const Dropdown: _emotion_styled.StyledComponent<{
-    items: MenuProps$1["items"];
-    children: React.ReactNode;
-    className?: string | undefined;
-} & DropDownProps & {
-    theme?: _emotion_react.Theme | undefined;
-}, {}, {
-    ref?: preact_hooks.Ref<any> | undefined;
-}>;
-
 declare const _default$2: {
     Container: ({ formMethods, formOptions, onSubmit, children, className, }: {
         formMethods?: UseFormReturn<any, any> | null | undefined;
@@ -504,6 +534,11 @@ declare const _default$2: {
             value: string;
         }[];
     }) => react_jsx_runtime.JSX.Element;
+    InputLabel: ({ label, isLabelBold, required, }: {
+        label: string | JSX.Element | null;
+        isLabelBold?: boolean | undefined;
+        required?: boolean | undefined;
+    }) => react_jsx_runtime.JSX.Element;
     DateSelect: ({ label, isLabelBold, name, required, disabled, defaultValue, options, ...inputProps }: {
         [inputProps: string]: unknown;
         label?: string | JSX.Element | null | undefined;
@@ -670,7 +705,7 @@ declare const _default$2: {
         disabled?: boolean | undefined;
         loading?: boolean | undefined;
     }) => react_jsx_runtime.JSX.Element;
-    FileUpload: ({ label, name, disabled, description, isLabelBold, formOptions, onChange, onRemove, onDownload, defaultValue, containerStyle, errorMessage, action, headers, uploadData, defaultFileList }: {
+    FileUpload: ({ label, name, disabled, description, isLabelBold, formOptions, onChange, onRemove, onDownload, defaultValue, containerStyle, errorMessage, action, headers, uploadData, defaultFileList, }: {
         label?: string | JSX.Element | undefined;
         name: string;
         formOptions?: react_hook_form.RegisterOptions<react_hook_form.FieldValues, string> | undefined;
@@ -690,7 +725,22 @@ declare const _default$2: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
+declare type NavigationMenuProps = {
+    children: React.ReactNode;
+} & Omit<MenuProps, "ref" | "theme">;
 declare const _default$1: {
+    Container: ({ children, ...rest }: NavigationMenuProps) => react_jsx_runtime.JSX.Element;
+    MenuDivider: (props: MenuDividerProps) => react_jsx_runtime.JSX.Element;
+    MenuItem: ({ children, ...rest }: {
+        children: react.ReactNode;
+    } & MenuItemType) => react_jsx_runtime.JSX.Element;
+    SubMenuContainer: ({ children, ...rest }: {
+        children: react.ReactNode;
+        hideExpandIcon?: boolean | undefined;
+    } & SubMenuProps) => react_jsx_runtime.JSX.Element;
+};
+
+declare const _default: {
     Body: ({ className, children, size, color, center, }: {
         className?: string | undefined;
         size?: Size | undefined;
@@ -726,19 +776,4 @@ declare const VantaLogo: ({ contentfulConfig, size, }: {
     size?: number | undefined;
 }) => react_jsx_runtime.JSX.Element | null;
 
-declare type NavigationMenuProps = {
-    children: React.ReactNode;
-} & Omit<MenuProps$1, "ref" | "theme">;
-declare const _default: {
-    Container: ({ children, ...rest }: NavigationMenuProps) => react_jsx_runtime.JSX.Element;
-    MenuDivider: (props: MenuDividerProps) => react_jsx_runtime.JSX.Element;
-    MenuItem: ({ children, ...rest }: {
-        children: react.ReactNode;
-    } & MenuItemType) => react_jsx_runtime.JSX.Element;
-    SubMenuContainer: ({ children, ...rest }: {
-        children: react.ReactNode;
-        hideExpandIcon?: boolean | undefined;
-    } & SubMenuProps) => react_jsx_runtime.JSX.Element;
-};
-
-export { Avatar, _default$6 as Button, Collapse, Contentful, ContentfulLottieFileSlug, DateSelect, Drawer, Dropdown, ErrorTypography, _default$2 as Form, _default$5 as Icons, LoadingSpinner, LottieAnimation, _default$4 as Menu, Modal, _default as NavigationMenu, _default$3 as NumberedProgressSteps, Pill, Progress, Segmented, Size, SolaceLogo, SolaceThemeProvider, Tabs, TimeSelect, Toggle, Tooltip, _default$1 as Typography, VantaLogo };
+export { Avatar, _default$7 as Button, Collapse, Contentful, ContentfulLottieFileSlug, DateSelect, Drawer, Dropdown, ErrorTypography, _default$6 as File, _default$2 as Form, _default$5 as Icons, LoadingSpinner, LottieAnimation, _default$4 as Menu, Modal, _default$1 as NavigationMenu, _default$3 as NumberedProgressSteps, Pill, Progress, Segmented, Size, SolaceLogo, SolaceThemeProvider, Tabs, TimeSelect, Toggle, Tooltip, _default as Typography, VantaLogo };