@qodo/design-system 0.15.2 → 0.16.0

package/dist/index.d.ts

@@ -28,7 +28,7 @@ import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { RowData } from '@tanstack/react-table';
 import * as SelectPrimitive from '@radix-ui/react-select';
-import { SelectProps } from './types';
+import { SelectProps as SelectProps_2 } from './types';
 import { SetStateAction } from 'react';
 import { Steps as Steps_2 } from '@ark-ui/react/steps';
 import { SubmitHandler } from 'react-hook-form';
@@ -85,17 +85,19 @@ export declare type ActionsCellProps = OmittedDropdownProps & {
     triggerProps?: TriggerProps;
 };
 
-export declare function Badge({ className, variant, size, ...props }: BadgeProps): JSX_2.Element;
+export declare function Badge({ className, variant, size, disabled, active, ...props }: BadgeProps): JSX_2.Element;
 
 export declare const BadgeCell: (props: BadgeCellProps) => JSX_2.Element;
 
 export declare type BadgeCellProps = BaseCellProps & BadgeProps;
 
 declare interface BadgeProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+    disabled?: boolean;
+    active?: boolean;
 }
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "outline" | "text" | "success" | "destructive" | "error" | "primary" | "pending" | "tag" | null | undefined;
+    variant?: "default" | "secondary" | "outline" | "text" | "success" | "warning" | "destructive" | "error" | "primary" | "pending" | null | undefined;
     size?: "sm" | "lg" | "xs" | "md" | null | undefined;
 } & ClassProp) | undefined) => string;
 
@@ -111,6 +113,22 @@ declare type BaseMenuItemType = {
     disabled?: boolean;
 };
 
+declare type BaseSelectProps = {
+    disabled?: boolean;
+    options: Option_2[];
+    placeholder?: string;
+    triggerClassName?: string;
+    triggerWrapperClassName?: string;
+    badgeClassName?: string;
+    inputPlaceholder?: string;
+    badgeVariant?: BadgeProps["variant"];
+    searchable?: boolean;
+    toggleIcon?: ReactNode;
+    emptyState?: ReactNode;
+    dir?: string;
+    mode?: (typeof SELECT_MODE)[keyof typeof SELECT_MODE];
+} & Omit<default_2.HTMLAttributes<HTMLDivElement>, "onSelect">;
+
 export declare const borderRadius: {
     readonly sm: "0.25rem";
     readonly md: "0.375rem";
@@ -121,6 +139,7 @@ export declare const borderRadius: {
 export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    loading?: boolean;
 }
 
 declare const buttonVariants: (props?: ({
@@ -128,7 +147,9 @@ declare const buttonVariants: (props?: ({
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare function Card({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
+export declare function Card({ className, ...props }: React_2.ComponentProps<"div"> & {
+    variant?: string;
+}): JSX_2.Element;
 
 export declare function CardAction({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
 
@@ -312,7 +333,7 @@ export declare const Form: {
     <T extends FieldValues>(props: FormProps<T>): JSX_2.Element;
     Button: ({ type, ...rest }: ButtonProps_2) => JSX_2.Element;
     Input: ForwardRefExoticComponent<Omit<InputProps_2, "ref"> & RefAttributes<HTMLInputElement>>;
-    Select: (props: PropsWithChildren<SelectProps>) => JSX_2.Element;
+    Select: (props: PropsWithChildren<SelectProps_2>) => JSX_2.Element;
     Combobox: (props: PropsWithChildren<ComboboxProps_2>) => JSX_2.Element;
     RadioGroup: (props: PropsWithChildren<RadioGroupProps_2>) => JSX_2.Element;
     RadioGroupItem: {
@@ -364,6 +385,25 @@ declare const inputVariants: (props?: ({
     variant?: "default" | "secondary" | "accent" | "success" | "warning" | "destructive" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+declare const INSIGHT_VARIANTS: {
+    DEFAULT: string;
+    PRIMARY: string;
+    ACTIVE: string;
+};
+
+export declare function InsightCard({ title, description, caption, additionalContent, titleClassName: propTitleClassName, descriptionClassName: propDescriptionClassName, variant, className, }: InsightCardProps): JSX_2.Element;
+
+export declare type InsightCardProps = {
+    title: ReactNode;
+    description?: ReactNode;
+    variant?: (typeof INSIGHT_VARIANTS)[keyof typeof INSIGHT_VARIANTS];
+    caption?: ReactNode;
+    descriptionClassName?: string;
+    titleClassName?: string;
+    additionalContent?: ReactNode;
+    className?: string;
+};
+
 export declare type LoadingSkeletonProps = {
     columnsCount: number;
     rowsCount?: number;
@@ -373,6 +413,11 @@ declare interface MenuLabelType extends TypeGuard<"MenuLabel"> {
     label: ReactNode;
 }
 
+declare type MultipleSelectProps = BaseSelectProps & {
+    value?: string[];
+    onSelect?: (value: string[]) => void;
+};
+
 export declare type NoResultProps = {
     title?: string;
 };
@@ -381,6 +426,15 @@ export declare const NumberCell: (props: BaseCellProps) => JSX_2.Element;
 
 declare type OmittedDropdownProps = Omit<DropdownProps, "triggerElement">;
 
+declare type Option_2 = {
+    label: ReactNode;
+    value: string;
+    icon?: ReactNode;
+    children?: Option_2[];
+    disabled?: boolean;
+};
+export { Option_2 as Option }
+
 export declare type PaginationProps<T extends RowData> = {
     table: Table_2<T>;
 };
@@ -460,6 +514,11 @@ declare const SearchSize: {
 
 export declare const Select: React_2.FC<SelectPrimitive.SelectProps>;
 
+declare const SELECT_MODE: {
+    SINGLE: string;
+    MULTIPLE: string;
+};
+
 export declare const SelectContent: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
     container?: HTMLElement | null;
 } & React_2.RefAttributes<HTMLDivElement>>;
@@ -470,6 +529,8 @@ export declare const SelectItem: React_2.ForwardRefExoticComponent<Omit<SelectPr
 
 export declare const SelectLabel: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
+export declare type SelectProps = SingleSelectProps | MultipleSelectProps;
+
 export declare const SelectScrollDownButton: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const SelectScrollUpButton: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
@@ -489,6 +550,11 @@ declare type SeparatorProps = React.ComponentProps<typeof Steps_2.Separator> & {
 declare interface SeparatorType extends TypeGuard<"Separator"> {
 }
 
+declare type SingleSelectProps = BaseSelectProps & {
+    value?: string;
+    onSelect?: (value: string) => void;
+};
+
 export declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
 
 export declare const SortableHeaderCell: <T extends RowData>({ column, children, tooltipContent, }: SortableHeaderCellProps<T>) => JSX_2.Element;