@televet/kibble-ui 1.20.1 → 1.20.2

package/build/components/MediaAndIcons/Avatar/avatar.argTypes.d.ts

@@ -1,8 +1,81 @@
+import { Placement } from '@chakra-ui/react';
+import React from 'react';
+import { AvatarSize, AvatarVariant } from './index';
+import { IconName } from '../Icon';
+import { AvatarBadgePosition, AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';
+export interface AvatarArgTypeProps {
+    backgroundColor?: string;
+    badgeBackgroundColor?: string;
+    badgeBorderColor?: string;
+    badgeIconColor?: string;
+    badgeIconName?: IconName;
+    badgePosition?: AvatarBadgePosition;
+    badgeProps?: AvatarBadgeProps;
+    color?: string;
+    handleClick?: React.MouseEventHandler<HTMLSpanElement>;
+    handleRemoveButtonClick?: React.MouseEventHandler<HTMLDivElement>;
+    hideBorder?: boolean;
+    iconName?: IconName;
+    name?: string;
+    randomizeVariant?: boolean;
+    showBadge?: boolean;
+    showRemoveButton?: boolean;
+    showTooltip?: boolean;
+    size?: AvatarSize;
+    src?: string;
+    tooltipPlacement?: Placement;
+    tooltipText?: string;
+    variant?: AvatarVariant;
+}
 export declare const avatarArgTypes: {
+    backgroundColor: {
+        description: string;
+        control: string;
+    };
+    badgeBackgroundColor: any;
+    badgeBorderColor: any;
+    badgeIconColor: any;
+    badgeIconName: any;
+    badgePosition: any;
+    badgeProps: {
+        type: string;
+        description: string;
+    };
+    color: {
+        description: string;
+        control: string;
+    };
+    handleClick: {
+        type: string;
+        description: string;
+    };
+    handleRemoveButtonClick: {
+        type: string;
+        description: string;
+    };
+    hideBorder: {
+        type: string;
+        description: string;
+        defaultValue: boolean;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    iconName: {
+        control: {
+            type: string;
+        };
+        options: string[];
+        description: string;
+    };
     name: {
         type: {
             name: string;
-            required: boolean;
         };
         control: string;
         description: string;
@@ -12,29 +85,22 @@ export declare const avatarArgTypes: {
             };
         };
     };
-    src: {
+    randomizeVariant: {
         type: string;
-        control: string;
         description: string;
+        defaultValue: boolean;
         table: {
             type: {
                 summary: string;
             };
+            defaultValue: {
+                summary: string;
+            };
         };
     };
-    iconName: {
-        control: {
-            type: string;
-        };
-        options: string[];
-        description: string;
-    };
-    size: {
+    showBadge: {
         type: string;
-        control: string;
         description: string;
-        defaultValue: string;
-        options: string[];
         table: {
             type: {
                 summary: string;
@@ -44,7 +110,7 @@ export declare const avatarArgTypes: {
             };
         };
     };
-    isClinic: {
+    showRemoveButton: {
         type: string;
         description: string;
         defaultValue: boolean;
@@ -70,11 +136,12 @@ export declare const avatarArgTypes: {
             };
         };
     };
-    tooltipPlacement: {
+    size: {
+        type: string;
         control: string;
-        options: import("@popperjs/core").Placement[];
-        defaultValue: string;
         description: string;
+        defaultValue: string;
+        options: string[];
         table: {
             type: {
                 summary: string;
@@ -84,8 +151,9 @@ export declare const avatarArgTypes: {
             };
         };
     };
-    tooltipText: {
+    src: {
         type: string;
+        control: string;
         description: string;
         table: {
             type: {
@@ -93,18 +161,21 @@ export declare const avatarArgTypes: {
             };
         };
     };
-    loading: {
-        type: string;
+    tooltipPlacement: {
         control: string;
+        options: Placement[];
+        defaultValue: string;
         description: string;
-        options: string[];
         table: {
             type: {
                 summary: string;
             };
+            defaultValue: {
+                summary: string;
+            };
         };
     };
-    handleClick: {
+    tooltipText: {
         type: string;
         description: string;
         table: {
@@ -113,30 +184,18 @@ export declare const avatarArgTypes: {
             };
         };
     };
-    backgroundColor: {
-        description: string;
-        control: string;
-    };
-    color: {
-        description: string;
+    variant: {
         control: string;
-    };
-    showBadge: {
-        type: string;
+        options: AvatarVariant[];
+        defaultValue: AvatarVariant;
         description: string;
         table: {
             type: {
                 summary: string;
             };
+            defaultValue: {
+                summary: AvatarVariant;
+            };
         };
     };
-    badgeProps: {
-        type: string;
-        description: string;
-    };
-    badgeIconName: any;
-    badgePosition: any;
-    badgeIconColor: any;
-    badgeBorderColor: any;
-    badgeBackgroundColor: any;
 };

package/build/components/MediaAndIcons/Avatar/avatar.component.d.ts

@@ -1,32 +1,23 @@
 import { AvatarProps as CAvatarProps, Placement } from '@chakra-ui/react';
 import { IconName } from 'components/MediaAndIcons/Icon';
-import React, { CSSProperties } from 'react';
-import { AvatarSize } from './avatar.types';
+import React from 'react';
+import { AvatarSize, AvatarVariant } from './avatar.types';
 import { AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';
-export declare enum AvatarVariant {
-    Green = "green",
-    Red = "red",
-    Blue = "blue",
-    Comet = "comet",
-    Number = "number",
-    Dashed = "dashed",
-    Image = "image",
-    Icon = "icon"
-}
 export interface AvatarProps extends CAvatarProps {
-    name: string;
-    size?: AvatarSize;
-    isClinic?: boolean;
-    showTooltip?: boolean;
-    tooltipPlacement?: Placement;
-    style?: CSSProperties;
+    badgeProps?: AvatarBadgeProps;
     handleClick?: React.MouseEventHandler<HTMLSpanElement>;
-    showRemoveButton?: boolean;
     handleRemoveButtonClick?: React.MouseEventHandler<HTMLDivElement>;
-    variant?: AvatarVariant;
+    hideBorder?: boolean;
     iconName?: IconName;
-    tooltipText?: string;
+    name?: string;
+    randomizeVariant?: boolean;
     showBadge?: boolean;
-    badgeProps?: AvatarBadgeProps;
+    showRemoveButton?: boolean;
+    showTooltip?: boolean;
+    size?: AvatarSize;
+    src?: string;
+    tooltipPlacement?: Placement;
+    tooltipText?: string;
+    variant?: AvatarVariant;
 }
-export declare const Avatar: ({ name, src, isClinic, size, showTooltip, tooltipPlacement, style, handleClick, showRemoveButton, handleRemoveButtonClick, variant, iconName, tooltipText, showBadge, badgeProps, ...rest }: AvatarProps) => JSX.Element;
+export declare const Avatar: ({ badgeProps, handleClick, handleRemoveButtonClick, hideBorder, iconName, name, randomizeVariant, showBadge, showRemoveButton, showTooltip, size, src, tooltipPlacement, tooltipText, variant, ...rest }: AvatarProps) => JSX.Element;

package/build/components/MediaAndIcons/Avatar/avatar.types.d.ts

@@ -1 +1,10 @@
 export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg';
+export declare enum AvatarVariant {
+    Green = "green",
+    Red = "red",
+    Blue = "blue",
+    Comet = "comet",
+    Dark = "dark",
+    Dashed = "dashed",
+    Test = "test"
+}

package/build/components/MediaAndIcons/Avatar/index.d.ts

@@ -1,4 +1,3 @@
-export * from './components/AvatarGroup/avatarGroup.component';
 export * from './components/AvatarBadge/avatarBadge.component';
 export * from './avatar.component';
 export * from './avatar.types';

package/build/components/MediaAndIcons/AvatarGroup/avatarGroup.argTypes.d.ts

@@ -0,0 +1,94 @@
+export declare const avatarGroupArgTypes: {
+    addButtonTooltipText: {
+        type: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    avatars: {
+        type: {
+            required: boolean;
+        };
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    handleAddButtonClick: {
+        type: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    handleRemoveButtonClick: {
+        type: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    max: {
+        type: string;
+        description: string;
+        defaultValue: number;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: number;
+            };
+        };
+    };
+    showAddButton: {
+        type: string;
+        defaultValue: boolean;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    showRemoveAvatarButton: {
+        type: string;
+        defaultValue: boolean;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: boolean;
+            };
+        };
+    };
+    size: {
+        type: string;
+        control: string;
+        description: string;
+        defaultValue: string;
+        options: string[];
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+};

package/build/components/MediaAndIcons/AvatarGroup/avatarGroup.component.d.ts

@@ -0,0 +1,13 @@
+import { AvatarProps } from '../Avatar/avatar.component';
+import { AvatarSize } from '../Avatar/avatar.types';
+export interface AvatarGroupProps {
+    addButtonTooltipText?: string;
+    avatars: AvatarProps[];
+    handleAddButtonClick?: () => void;
+    handleRemoveButtonClick?: () => void;
+    max?: number;
+    showAddButton?: boolean;
+    showRemoveAvatarButton?: boolean;
+    size?: AvatarSize;
+}
+export declare const AvatarGroup: ({ addButtonTooltipText, avatars, handleAddButtonClick, handleRemoveButtonClick, max, showAddButton, showRemoveAvatarButton, size, }: AvatarGroupProps) => JSX.Element;

package/build/components/MediaAndIcons/AvatarGroup/avatarGroup.storiesData.d.ts

@@ -0,0 +1,11 @@
+export declare const avatars: ({
+    name: string;
+    src: string;
+    handleClick: () => void;
+    randomizeVariant?: undefined;
+} | {
+    name: string;
+    randomizeVariant: boolean;
+    handleClick: () => void;
+    src?: undefined;
+})[];

package/build/components/MediaAndIcons/AvatarGroup/index.d.ts

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