@televet/kibble-ui 1.16.2 → 1.17.0-beta.44rn6j6.1

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

@@ -4,8 +4,9 @@ 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';
 export interface AlertProps extends CAlertProps {
-    status?: AlertVariant;
+    status?: AlertVariant | Status;
     showIcon?: boolean;
     iconProps?: IconProps;
     showButton?: boolean;

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

@@ -1,8 +1,7 @@
-import { AlertButtonAlignment, AlertVariant } from '../../alert.types';
+import { AlertButtonAlignment } from '../../alert.types';
 import { ButtonProps } from 'components/Forms/Button';
 export interface AlertButtonProps extends ButtonProps {
     alignment: AlertButtonAlignment;
-    status: AlertVariant;
     pairedWithCloseButton?: boolean;
 }
-export declare const AlertButton: ({ status, alignment, variant, size, pairedWithCloseButton, ...rest }: AlertButtonProps) => JSX.Element;
+export declare const AlertButton: ({ alignment, variant, size, pairedWithCloseButton, ...rest }: AlertButtonProps) => JSX.Element;

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

@@ -1,6 +1,7 @@
 import { AlertVariant } from '../../alert.types';
 import { IconProps } from 'components/MediaAndIcons/Icon';
+import { Status } from '../../../feedback.types';
 export interface AlertIconProps extends IconProps {
-    status: AlertVariant;
+    status: AlertVariant | Status;
 }
 export declare const AlertIcon: ({ status, ...rest }: AlertIconProps) => JSX.Element;

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

@@ -0,0 +1 @@
+export * from './useToast';

package/build/components/Feedback/Toast/toast.utils.d.ts

@@ -0,0 +1,7 @@
+export declare type LogicalToastPosition = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
+export declare type ToastPositionWithLogical = LogicalToastPosition | 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';
+export declare type ToastPosition = Exclude<ToastPositionWithLogical, LogicalToastPosition>;
+export declare type WithoutLogicalPosition<T> = Omit<T, 'position'> & {
+    position?: ToastPosition;
+};
+export declare function getToastPlacement(position: ToastPositionWithLogical | undefined, dir: 'ltr' | 'rtl'): ToastPosition | undefined;

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

@@ -0,0 +1,77 @@
+import * as React from 'react';
+import { ColorMode, useChakra } from '@chakra-ui/system';
+import { RenderProps, ToastOptions, ToastPositionWithLogical } from '@chakra-ui/react';
+import { ToastId } from '@chakra-ui/toast/dist/declarations/src/toast.types';
+import { Status } from '../feedback.types';
+export interface UseToastOptions {
+    /**
+     * The placement of the toast
+     *
+     * @default "top"
+     */
+    position?: ToastPositionWithLogical;
+    /**
+     * The delay before the toast hides (in milliseconds)
+     * If set to `null`, toast will never dismiss.
+     *
+     * @default 5000 ( = 5000ms )
+     */
+    duration?: ToastOptions['duration'];
+    /**
+     * Render a component toast component.
+     * Any component passed will receive 2 props: `id` and `onClose`.
+     */
+    render?(props: RenderProps): React.ReactNode;
+    /**
+     * The title of the toast
+     */
+    title: string;
+    /**
+     * The description of the toast
+     */
+    description?: string;
+    /**
+     * If `true`, toast will show a close button
+     */
+    isClosable?: boolean;
+    /**
+     * The status of the toast.
+     */
+    status?: Status;
+    /**
+     * The `id` of the toast.
+     *
+     * Mostly used when you need to prevent duplicate.
+     * By default, we generate a unique `id` for each toast
+     */
+    id?: ToastId;
+    /**
+     * Callback function to run side effects after the toast has closed.
+     */
+    onCloseComplete?: () => void;
+    /**
+     * Optional style overrides for the container wrapping the toast component.
+     */
+    containerStyle?: React.CSSProperties;
+    /**
+     * Used to manually close the toast.
+     */
+    onClose?: () => void;
+    buttonTitle?: string;
+    onButtonClick?: () => void;
+}
+export declare type CreateStandAloneToastParam = Partial<ReturnType<typeof useChakra> & {
+    setColorMode: (value: ColorMode) => void;
+    defaultOptions: UseToastOptions;
+}>;
+export declare const defaultStandaloneParam: Required<CreateStandAloneToastParam>;
+/**
+ * Create a toast from outside of React Components
+ */
+export declare const createStandaloneToast: ({ theme, defaultOptions, }?: CreateStandAloneToastParam) => (options?: UseToastOptions | undefined) => ToastId | undefined;
+/**
+ * React hook used to create a function that can be used
+ * to show toasts in an application.
+ */
+export declare const useToast: (options?: UseToastOptions | undefined) => (options?: UseToastOptions | undefined) => ToastId | undefined;
+export default useToast;

package/build/components/Feedback/feedback.types.d.ts

@@ -0,0 +1 @@
+export declare type Status = 'info' | 'success' | 'warning' | 'error';

package/build/components/Feedback/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Alert';
+export * from './Toast';
 export * from './Spinner';

package/build/components/Forms/DatePicker/datepicker.component.d.ts

@@ -18,4 +18,4 @@ export interface DatePickerProps {
  *
  * More dateFormat info: https://github.com/date-fns/date-fns/blob/main/docs/unicodeTokens.md
  */
-export declare const DatePicker: ({ date, onDateChange, inputProps, placement, dateFormat, minYear, maxYear, }: DatePickerProps) => JSX.Element;
+export declare const BetaDatePicker: ({ date, onDateChange, inputProps, placement, dateFormat, minYear, maxYear, }: DatePickerProps) => JSX.Element;