@televet/kibble-ui 1.17.12 → 1.17.13

package/build/components/Feedback/Alert/alert.argTypes.d.ts

@@ -0,0 +1,112 @@
+import { AlertVariant } from './alert.types';
+export declare const alertArgTypes: {
+    buttonProps: {
+        type: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    description: {
+        type: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    descriptionProps: {
+        type: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    iconProps: {
+        type: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    onClose: {
+        type: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    hideIcon: {
+        type: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: boolean;
+            };
+        };
+        defaultValue: boolean;
+        description: string;
+    };
+    hideCloseButton: {
+        type: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: boolean;
+            };
+        };
+        defaultValue: boolean;
+        description: string;
+    };
+    status: {
+        control: string;
+        options: AlertVariant[];
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: AlertVariant;
+            };
+        };
+        defaultValue: AlertVariant;
+        description: string;
+    };
+    alertTitle: {
+        name: string;
+        type: {
+            name: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    titleProps: {
+        type: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+};

package/build/components/Feedback/Alert/alert.component.d.ts

@@ -2,23 +2,21 @@ import React, { ReactNode } from 'react';
 import { AlertProps as CAlertProps } from '@chakra-ui/react';
 import { IconProps } from 'components/MediaAndIcons';
 import { AlertVariant } from './alert.types';
-import { ButtonProps } from 'components/Forms/Button';
 import { TextProps } from 'components/Typography/Text';
 import { Status } from '../feedback.types';
 import { HeadingProps } from '../../Typography';
-export interface AlertProps extends CAlertProps {
+import { AlertButtonProps } from './components/alertButton.component';
+export interface AlertProps extends Omit<CAlertProps, 'title'> {
+    buttonProps?: AlertButtonProps;
     children?: ReactNode;
-    status?: AlertVariant | Status;
-    showIcon?: boolean;
-    iconProps?: IconProps;
-    showButton?: boolean;
-    buttonProps?: ButtonProps;
-    buttonTitle?: string;
-    alertTitle?: string;
-    titleProps?: HeadingProps;
-    description?: string;
+    description?: string | ReactNode;
     descriptionProps?: TextProps;
-    showCloseButton?: boolean;
+    iconProps?: IconProps;
     onClose?: React.MouseEventHandler<HTMLButtonElement>;
+    hideCloseButton?: boolean;
+    hideIcon?: boolean;
+    status?: AlertVariant | Status;
+    title?: string | ReactNode;
+    titleProps?: HeadingProps;
 }
-export declare const Alert: ({ children, status, showIcon, iconProps, showButton, buttonProps, buttonTitle, alertTitle, titleProps, description, descriptionProps, showCloseButton, onClose, ...rest }: AlertProps) => JSX.Element;
+export declare const Alert: ({ buttonProps, children, description, descriptionProps, iconProps, onClose, hideCloseButton, hideIcon, status, title, titleProps, ...rest }: AlertProps) => JSX.Element;

package/build/components/Feedback/Alert/components/alertBody.component.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface AlertBodyProps {
+    children: ReactNode;
+    hideIcon: boolean;
+    hideCloseButton: boolean;
+}
+export declare const AlertBody: (props: AlertBodyProps) => JSX.Element;

package/build/components/Feedback/Alert/components/alertButton.component.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from '../../../../components/Forms/Button';
+export interface AlertButtonProps extends ButtonProps {
+    buttonPosition?: 'topRight' | 'bottomLeft';
+    buttonText: string;
+    hasDescription?: boolean;
+}
+export declare const AlertButton: (buttonProps: AlertButtonProps) => JSX.Element;

package/build/components/Feedback/Alert/components/alertCloseButton.component.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface AlertCloseButtonProps {
+    onClose?: React.MouseEventHandler<HTMLButtonElement>;
+}
+export declare const AlertCloseButton: (props: AlertCloseButtonProps) => JSX.Element;

package/build/components/Feedback/Alert/components/alertDescription.component.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { TextProps } from '../../../../components/Typography/Text';
+export interface AlertDescriptionProps {
+    description?: string | ReactNode;
+    descriptionProps?: TextProps;
+}
+export declare const AlertDescription: (props: AlertDescriptionProps) => JSX.Element;

package/build/components/Feedback/Alert/components/alertHeader.component.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface AlertHeaderProps {
+    children: ReactNode;
+}
+export declare const AlertHeader: (props: AlertHeaderProps) => JSX.Element;

package/build/components/Feedback/Alert/components/alertIcon.component.d.ts

@@ -0,0 +1,8 @@
+import { IconProps } from '../../../../components/MediaAndIcons';
+import { AlertVariant } from '../alert.types';
+import { Status } from '../../feedback.types';
+export interface AlertIconProps {
+    iconProps?: IconProps;
+    status: AlertVariant | Status;
+}
+export declare const AlertIcon: (props: AlertIconProps) => JSX.Element;

package/build/components/Feedback/Alert/components/alertTitle.component.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { HeadingProps } from '../../../Typography';
+export interface AlertTitleProps {
+    title?: string | ReactNode;
+    titleProps?: HeadingProps;
+}
+export declare const AlertTitle: (props: AlertTitleProps) => JSX.Element;

package/build/components/Feedback/Toast/useToast.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ColorMode, useChakra } from '@chakra-ui/system';
 import { CloseAllToastsOptions, ToastOptions, ToastPositionWithLogical } from '@chakra-ui/react';
 import { ToastId } from '@chakra-ui/toast/dist/declarations/src/toast.types';
-import { Status } from '../feedback.types';
+import { AlertProps } from '../Alert';
 interface Toaster {
     (options?: UseToastOptions | undefined): string | number | undefined;
     close: (id: React.ReactText) => void;
@@ -10,7 +10,7 @@ interface Toaster {
     update(id: ToastId, options: Omit<UseToastOptions, 'id'>): void;
     isActive: (id: React.ReactText) => boolean | undefined;
 }
-export interface UseToastOptions {
+export interface UseToastOptions extends Omit<AlertProps, 'id' | 'position'> {
     /**
      * The placement of the toast
      *
@@ -24,26 +24,6 @@ export interface UseToastOptions {
      * @default 5000 ( = 5000ms )
      */
     duration?: ToastOptions['duration'];
-    /**
-     * The title of the toast
-     */
-    title: string;
-    /**
-     * The description of the toast
-     */
-    description?: string;
-    /**
-     * If `false`, the toast icon will be hidden.
-     */
-    hideIcon?: boolean;
-    /**
-     * If `true`, the close button will be hidden.
-     */
-    isClosable?: boolean;
-    /**
-     * The status of the toast.
-     */
-    status?: Status;
     /**
      * The `id` of the toast.
      *
@@ -59,20 +39,6 @@ export interface UseToastOptions {
      * Optional style overrides for the container wrapping the toast component.
      */
     containerStyle?: React.CSSProperties;
-    /**
-     * Used to manually close the toast.
-     */
-    onClose?: () => void;
-    /**
-     * The text to display for the optional button.
-     *
-     * Both the `buttonTitle` and `onButtonClick` are required for the button to display.
-     */
-    buttonTitle?: string;
-    /**
-     * The callback for the optional button.
-     */
-    onButtonClick?: () => void;
 }
 export declare type CreateStandAloneToastParam = Partial<ReturnType<typeof useChakra> & {
     setColorMode: (value: ColorMode) => void;