@televet/kibble-ui 1.18.0 → 1.19.0-beta.37pzzaj.5

package/build/components/Forms/TimePicker/components/ScrollContainer.d.ts

@@ -0,0 +1,4 @@
+declare const ScrollContainer: ({ ...props }: {
+    [x: string]: any;
+}) => JSX.Element;
+export default ScrollContainer;

package/build/components/Forms/TimePicker/components/TimeOption.d.ts

@@ -0,0 +1,9 @@
+import { MutableRefObject } from 'react';
+interface TimeOptionProps {
+    value: string;
+    innerRef?: MutableRefObject<HTMLDivElement | null> | null;
+    isSelected: boolean;
+    handleClick: (selectedValue: string) => void;
+}
+declare const TimeOption: ({ value, innerRef, isSelected, handleClick }: TimeOptionProps) => JSX.Element;
+export default TimeOption;

package/build/components/Forms/TimePicker/index.d.ts

@@ -0,0 +1,3 @@
+export * from './timePicker.component';
+export * from './timePicker.types';
+export * from '../TimeRange/timeRange.component';

package/build/components/Forms/TimePicker/timePicker.argTypes.d.ts

@@ -0,0 +1,82 @@
+export declare const timePickerArgTypes: {
+    initialTime: {
+        defaultValue: Date;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: null;
+        };
+        type: {
+            name: string;
+        };
+    };
+    minuteInterval: {
+        defaultValue: number;
+        description: string;
+        control: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: number;
+        };
+        type: {
+            name: string;
+        };
+    };
+    placement: {
+        description: string;
+        options: import("@chakra-ui/popper/dist/declarations/src/popper.placement").PlacementWithLogical[];
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    onTimeChange: {
+        description: string;
+        action: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    inputProps: {
+        description: string;
+        control: {
+            type: string;
+        };
+        table: {
+            summary: {
+                variant: string;
+                size: string;
+            };
+        };
+    };
+    onChange: any;
+    size: any;
+    label: any;
+    helperText: any;
+    helperTextAlignment: any;
+    errorText: any;
+    isDisabled: any;
+    isInvalid: any;
+    useInvalidIcon: any;
+    useInvalidText: any;
+    useInvalidBorder: any;
+    invalidIconColor: any;
+    isReadOnly: any;
+    isRequired: any;
+    autoFocus: any;
+    labelStyle: any;
+    formControlStyle: any;
+};

package/build/components/Forms/TimePicker/timePicker.component.d.ts

@@ -0,0 +1,10 @@
+import { PlacementWithLogical } from '@chakra-ui/react';
+import { TextInputProps } from '../TextInput';
+export interface TimePickerProps {
+    initialTime: Date;
+    minuteInterval?: number;
+    inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;
+    placement?: PlacementWithLogical;
+    onTimeChange?: (time: Date) => void;
+}
+export declare const TimePicker: ({ initialTime, minuteInterval, inputProps, placement, onTimeChange, }: TimePickerProps) => JSX.Element;

package/build/components/Forms/TimePicker/timePicker.types.d.ts

@@ -0,0 +1,4 @@
+export declare enum Meridiem {
+    AM = "AM",
+    PM = "PM"
+}

package/build/components/Forms/TimeRange/index.d.ts

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

package/build/components/Forms/TimeRange/timeRange.argTypes.d.ts

@@ -0,0 +1,38 @@
+export declare const timeRangeArgTypes: {
+    startTimePickerProps: {
+        description: string;
+        control: {
+            type: string;
+        };
+        table: {
+            summary: {
+                variant: string;
+                size: string;
+            };
+        };
+    };
+    endTimePickerProps: {
+        description: string;
+        control: {
+            type: string;
+        };
+        table: {
+            summary: {
+                variant: string;
+                size: string;
+            };
+        };
+    };
+    dashContainerProps: {
+        description: string;
+        control: {
+            type: string;
+        };
+        table: {
+            summary: {
+                variant: string;
+                size: string;
+            };
+        };
+    };
+};

package/build/components/Forms/TimeRange/timeRange.component.d.ts

@@ -0,0 +1,8 @@
+import { BoxProps } from '@chakra-ui/react';
+import { TimePickerProps } from '../TimePicker/timePicker.component';
+export interface TimeRangeProps {
+    startTimePickerProps: TimePickerProps;
+    endTimePickerProps: TimePickerProps;
+    dashContainerProps?: BoxProps;
+}
+export declare const TimeRange: ({ startTimePickerProps, endTimePickerProps, dashContainerProps, }: TimeRangeProps) => JSX.Element;

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

@@ -8,3 +8,4 @@ export * from './Select';
 export * from './Switch';
 export * from './DatePicker';
 export * from './FormControl';
+export * from './TimePicker';

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

@@ -1,6 +1,8 @@
 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 { AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';
 export declare enum AvatarVariant {
     Green = "green",
     Red = "red",
@@ -8,7 +10,8 @@ export declare enum AvatarVariant {
     Comet = "comet",
     Number = "number",
     Dashed = "dashed",
-    Image = "image"
+    Image = "image",
+    Icon = "icon"
 }
 export interface AvatarProps extends CAvatarProps {
     name: string;
@@ -21,6 +24,9 @@ export interface AvatarProps extends CAvatarProps {
     showRemoveButton?: boolean;
     handleRemoveButtonClick?: React.MouseEventHandler<HTMLDivElement>;
     variant?: AvatarVariant;
+    iconName?: IconName;
     tooltipText?: string;
+    showBadge?: boolean;
+    badgeProps?: AvatarBadgeProps;
 }
-export declare const Avatar: ({ name, src, isClinic, size, showTooltip, tooltipPlacement, style, handleClick, showRemoveButton, handleRemoveButtonClick, variant, tooltipText, ...rest }: AvatarProps) => JSX.Element;
+export declare const Avatar: ({ name, src, isClinic, size, showTooltip, tooltipPlacement, style, handleClick, showRemoveButton, handleRemoveButtonClick, variant, iconName, tooltipText, showBadge, badgeProps, ...rest }: AvatarProps) => JSX.Element;

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

@@ -1,2 +1,2 @@
-import { ComponentStyleConfig } from '@chakra-ui/react';
-export declare const AvatarConfig: ComponentStyleConfig;
+import { CustomStyleConfig } from 'shared/types';
+export declare const AvatarConfig: CustomStyleConfig;

package/build/components/MediaAndIcons/Avatar/components/AvatarBadge/avatarBadge.component.d.ts

@@ -0,0 +1,20 @@
+import { IconName } from 'components/MediaAndIcons/Icon';
+import { AvatarSize } from '../../avatar.types';
+export declare enum AvatarBadgePosition {
+    TopLeft = "topLeft",
+    TopRight = "topRight",
+    BottomLeft = "bottomLeft",
+    BottomRight = "bottomRight"
+}
+export interface AvatarBadgeProps {
+    badgeIconName?: IconName;
+    badgeBackgroundColor?: string;
+    badgeBorderColor?: string;
+    badgeIconColor?: string;
+    badgePosition?: AvatarBadgePosition;
+}
+interface AvatarBadgeComponentProps extends AvatarBadgeProps {
+    avatarSize: AvatarSize;
+}
+declare const AvatarBadge: ({ avatarSize, badgeIconName, badgeBackgroundColor, badgeBorderColor, badgeIconColor, badgePosition, }: AvatarBadgeComponentProps) => JSX.Element;
+export default AvatarBadge;

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

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

package/build/components/Overlay/Menu/components/MenuItem/menuItem.component.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode, MutableRefObject, KeyboardEvent } from 'react';
+import { ReactNode, MutableRefObject, KeyboardEvent, ReactElement } from 'react';
 import { TextColor } from 'components/Typography';
 export interface MenuItemProps {
     canSelectAll?: boolean;

package/build/components/Overlay/Modal/index.d.ts

@@ -1,5 +1,4 @@
 export * from './modal.types';
-export * as BetaModal from './modal.component';
 export * from './modal.component';
 export * from './components/ModalHeader/modalHeader.component';
 export * from './components/ModalCloseButton/modalCloseButton.component';

package/build/components/Overlay/Popover/popover.component.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { PopoverProps as ChakraPopoverProps } from '@chakra-ui/react';
+import { PopoverProps as ChakraPopoverProps, PopoverContentProps } from '@chakra-ui/react';
 import { PopoverSize } from './popover.types';
 import { Token } from '@chakra-ui/styled-system/dist/declarations/src/utils';
 import * as CSS from 'csstype';
@@ -10,5 +10,6 @@ export interface PopoverProps extends ChakraPopoverProps {
     allowEscape?: boolean;
     size?: PopoverSize;
     shadow?: Token<CSS.Property.BoxShadow | number, 'shadows'>;
+    contentProps?: PopoverContentProps;
 }
-export declare const Popover: ({ children, popoverTrigger, darkMode, allowEscape, size, shadow, ...rest }: PopoverProps) => JSX.Element;
+export declare const Popover: ({ children, popoverTrigger, darkMode, allowEscape, size, shadow, contentProps, ...rest }: PopoverProps) => JSX.Element;