@clickhouse/click-ui 0.0.4 → 0.0.6

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { IconName } from '../../components/Icon/types';
+type Size = "small" | "medium" | "large";
+export interface AccordionProps extends SizeProp {
+    title: string;
+    icon?: IconName;
+    iconSize?: Size;
+    children: React.ReactNode;
+}
+interface SizeProp {
+    size?: Size;
+}
+declare const SidebarAccordion: import("styled-components").IStyledComponent<"web", {
+    title: string;
+    icon?: IconName | undefined;
+    iconSize?: Size | undefined;
+    children: React.ReactNode;
+    size?: Size | undefined;
+}>;
+declare const AccordionToExport: import("styled-components").IStyledComponent<"web", {
+    title: string;
+    icon?: IconName | undefined;
+    iconSize?: Size | undefined;
+    children: React.ReactNode;
+    size?: Size | undefined;
+}>;
+export { AccordionToExport as Accordion, SidebarAccordion };

package/dist/components/Accordion/Accordion.stories.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+declare const _default: {
+    component: import("styled-components").IStyledComponent<"web", {
+        title: string;
+        icon?: import("..").IconName | undefined;
+        iconSize?: ("small" | "medium" | "large") | undefined;
+        children: import("react").ReactNode;
+        size?: ("small" | "medium" | "large") | undefined;
+    }>;
+    title: string;
+    tags: string[];
+};
+export default _default;
+export declare const Playground: {
+    args: {
+        title: string;
+        theme: string;
+        size: string;
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+};

package/dist/components/Accordion/Accordion.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,16 @@
+type AlertSize = "small" | "medium";
+type AlertState = "neutral" | "success" | "warning" | "danger" | "info";
+export type AlertProps = {
+    state?: AlertState;
+    title?: string;
+    text: string;
+    size?: AlertSize;
+    showIcon?: boolean;
+    dismissible?: boolean;
+};
+declare const Alert: ({ text, title, size, state, showIcon, dismissible, ...delegated }: AlertProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const DangerAlert: (props: AlertProps) => import("react/jsx-runtime").JSX.Element;
+declare const InfoAlert: (props: AlertProps) => import("react/jsx-runtime").JSX.Element;
+declare const SuccessAlert: (props: AlertProps) => import("react/jsx-runtime").JSX.Element;
+declare const WarningAlert: (props: AlertProps) => import("react/jsx-runtime").JSX.Element;
+export { Alert, DangerAlert, InfoAlert, SuccessAlert, WarningAlert };

package/dist/components/Alert/Alert.stories.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+    component: ({ text, title, size, state, showIcon, dismissible, ...delegated }: import('../../components/Alert/Alert').AlertProps) => import("react/jsx-runtime").JSX.Element | null;
+    title: string;
+    tags: string[];
+};
+export default _default;
+export declare const Playground: {
+    args: {
+        state: string;
+        text: string;
+    };
+};

package/dist/components/Alert/Alert.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,7 @@
+type TextSize = "md" | "sm";
+export type AvatarProps = {
+    text: string;
+    textSize?: TextSize;
+};
+declare const Avatar: ({ text, textSize, ...delegated }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export { Avatar };

package/dist/components/Avatar/Avatar.stories.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    component: ({ text, textSize, ...delegated }: import("./Avatar").AvatarProps) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    tags: string[];
+};
+export default _default;
+export declare const Playground: {
+    args: {
+        text: string;
+    };
+};

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,16 @@
+export type BadgeState = "default" | "success" | "neutral" | "danger" | "disabled" | "warning" | "info";
+export type BadgeSize = "sm" | "md";
+export interface BadgeProps {
+    text: string;
+    state?: BadgeState;
+    size?: BadgeSize;
+}
+export interface DismissibleBadge extends BadgeProps {
+    dismissible: true;
+    onClose: () => void;
+}
+export interface NonDismissibleBadge extends BadgeProps {
+    dismissible?: never;
+    onClose?: never;
+}
+export declare const Badge: ({ text, state, size, dismissible, onClose, }: NonDismissibleBadge | DismissibleBadge) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Badge/Badge.stories.d.ts

@@ -0,0 +1,34 @@
+declare const _default: {
+    component: ({ text, state, size, dismissible, onClose, }: import("./Badge").NonDismissibleBadge | import("./Badge").DismissibleBadge) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    tags: string[];
+    argTypes: {
+        size: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        state: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        dismissible: {
+            options: boolean[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Playground: {
+    args: {
+        text: string;
+        state: string;
+        size: string;
+        dismissible: boolean;
+    };
+};

package/dist/components/Badge/Badge.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/BigStat/BigStat.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export type bigStatState = "default";
+export type bigStatSize = "sm" | "lg";
+export interface BigStatProps {
+    label: React.ReactNode;
+    title: React.ReactNode;
+    state?: bigStatState;
+    size?: bigStatSize;
+}
+export declare const BigStat: ({ label, title, size, state, }: BigStatProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/BigStat/BigStat.stories.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    component: ({ label, title, size, state, }: import("./BigStat").BigStatProps) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    tags: string[];
+    size: {
+        options: string[];
+        control: {
+            type: string;
+        };
+    };
+};
+export default _default;
+export declare const Playground: {
+    args: {
+        label: string;
+        title: string;
+        state: string;
+        size: string;
+    };
+};

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { IconName } from '../../components/Icon/types';
+type ButtonType = "primary" | "secondary" | "danger";
+type Alignment = "center" | "left";
+export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    type?: ButtonType;
+    disabled?: boolean;
+    label?: string;
+    iconLeft?: IconName;
+    iconRight?: IconName;
+    align?: Alignment;
+    width?: string;
+    height?: string;
+}
+export interface StyledButtonProps {
+    $styleType: ButtonType;
+    disabled?: boolean;
+    align?: Alignment;
+    width?: string;
+    height?: string;
+}
+export declare const Button: ({ type, iconLeft, iconRight, label, align, children, ...delegated }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Button/Button.stories.d.ts

@@ -0,0 +1,28 @@
+declare const _default: {
+    title: string;
+    component: ({ type, iconLeft, iconRight, label, align, children, ...delegated }: import("./Button").ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    argTypes: {
+        type: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        align: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Playground: {
+    args: {
+        type: string;
+        disabled: boolean;
+        label: string;
+        align: string;
+    };
+};

package/dist/components/Button/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,6 @@
+export interface ButtonGroupProps {
+    labels: string[];
+    activeIndex?: number;
+    onClick?: (index: number) => void;
+}
+export declare const ButtonGroup: ({ labels, activeIndex, onClick, }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+    component: ({ labels, activeIndex, onClick, }: import("./ButtonGroup").ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    tags: string[];
+};
+export default _default;
+export declare const Playground: {
+    args: {
+        labels: string[];
+        activeIndex: number;
+    };
+};

package/dist/components/CardPrimary/CardPrimary.d.ts

@@ -0,0 +1,12 @@
+import { IconName } from '../../components/Icon/types';
+export interface CardPrimaryProps {
+    title: string;
+    icon: IconName;
+    hasShadow?: boolean;
+    disabled?: boolean;
+    description: string;
+    infoUrl: string;
+    infoText: string;
+    size?: "sm" | "md";
+}
+export declare const CardPrimary: ({ title, icon, hasShadow, description, infoUrl, infoText, size, disabled, }: CardPrimaryProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CardPrimary/CardPrimary.stories.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    component: ({ title, icon, hasShadow, description, infoUrl, infoText, size, disabled, }: import("./CardPrimary").CardPrimaryProps) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    tags: string[];
+};
+export default _default;
+export declare const Playground: {
+    args: {
+        icon: string;
+        title: string;
+        description: string;
+        infoUrl: string;
+        infoText: string;
+        hasShadow: boolean;
+        disabled: boolean;
+        size: string;
+    };
+};

package/dist/components/CardPrimary/CardPrimary.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/CardSecondary/CardSecondary.d.ts

@@ -0,0 +1,14 @@
+import { IconName } from '../../components/Icon/types';
+export type BadgeState = "default" | "success" | "neutral" | "danger" | "disabled" | "warning" | "info";
+export interface CardSecondaryProps {
+    title: string;
+    icon: IconName;
+    badgeState?: BadgeState;
+    hasShadow?: boolean;
+    disabled?: boolean;
+    badgeText?: string;
+    description: string;
+    infoUrl: string;
+    infoText: string;
+}
+export declare const CardSecondary: ({ title, icon, badgeState, badgeText, hasShadow, disabled, description, infoUrl, infoText, }: CardSecondaryProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CardSecondary/CardSecondary.stories.d.ts

@@ -0,0 +1,27 @@
+declare const _default: {
+    component: ({ title, icon, badgeState, badgeText, hasShadow, disabled, description, infoUrl, infoText, }: import("./CardSecondary").CardSecondaryProps) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    tags: string[];
+    argTypes: {
+        badgeState: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Playground: {
+    args: {
+        title: string;
+        icon: string;
+        description: string;
+        infoUrl: string;
+        infoText: string;
+        hasShadow: boolean;
+        disabled: boolean;
+        badgeText: string;
+        badgeState: string;
+    };
+};

package/dist/components/CardSecondary/CardSecondary.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,5 @@
+import * as RadixCheckbox from "@radix-ui/react-checkbox";
+export interface CheckboxProps extends RadixCheckbox.CheckboxProps {
+    label?: string;
+}
+export declare const Checkbox: ({ id, label, ...delegated }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,29 @@
+declare const _default: {
+    component: ({ checked, ...props }: {
+        checked: "default" | "checked" | "unchecked";
+        disabled: boolean;
+        label?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    tags: string[];
+    argTypes: {
+        checked: {
+            control: string;
+            options: string[];
+        };
+        disabled: {
+            control: string;
+        };
+        label: {
+            control: string;
+        };
+    };
+};
+export default _default;
+export declare const Playground: {
+    args: {
+        label: string;
+        disabled: boolean;
+        checked: string;
+    };
+};

package/dist/components/Checkbox/Checkbox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,38 @@
+import * as RightMenu from "@radix-ui/react-context-menu";
+export declare const ContextMenu: {
+    (props: RightMenu.ContextMenuProps): import("react/jsx-runtime").JSX.Element;
+    Trigger: {
+        (props: RightMenu.ContextMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    SubTrigger: {
+        ({ children, ...props }: RightMenu.ContextMenuSubTriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ sub, children, showArrow, ...props }: ContextMenuContentProps | ContextMenuSubContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Group: {
+        (props: RightMenu.ContextMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Sub: {
+        ({ ...props }: RightMenu.ContextMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ ...props }: RightMenu.ContextMenuItemProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export type ArrowProps = {
+    showArrow?: boolean;
+};
+type ContextMenuContentProps = RightMenu.MenuContentProps & {
+    sub?: true;
+} & ArrowProps;
+type ContextMenuSubContentProps = RightMenu.MenuSubContentProps & {
+    sub?: never;
+} & ArrowProps;
+export default ContextMenu;

package/dist/components/ContextMenu/ContextMenu.stories.d.ts

@@ -0,0 +1,30 @@
+import { ContextMenuProps } from "@radix-ui/react-context-menu";
+interface Props extends ContextMenuProps {
+    disabled?: boolean;
+    showArrow?: boolean;
+    side: "top" | "right" | "left" | "bottom";
+}
+declare const _default: {
+    component: ({ showArrow, disabled, side, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    tags: string[];
+    argTypes: {
+        disabled: {
+            control: string;
+        };
+        showArrow: {
+            control: string;
+        };
+        side: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Playground: {
+    args: {
+        showArrow: boolean;
+        side: string;
+    };
+};

package/dist/components/ContextMenu/ContextMenu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,38 @@
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+export declare const Dropdown: {
+    (props: DropdownMenu.DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+    Trigger: {
+        ({ sub, ...props }: DropdownSubTriggerProps | DropdownTriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ sub, children, showArrow, ...props }: DropdownContentProps | DropdownSubContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Group: {
+        (props: DropdownMenu.DropdownMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Sub: {
+        ({ ...props }: DropdownMenu.DropdownMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ ...props }: DropdownMenu.DropdownMenuItemProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+interface SubDropdownProps {
+    sub?: true;
+}
+interface MainDropdownProps {
+    sub?: never;
+}
+type DropdownSubTriggerProps = DropdownMenu.DropdownMenuSubTriggerProps & SubDropdownProps;
+type DropdownTriggerProps = DropdownMenu.DropdownMenuTriggerProps & MainDropdownProps;
+export type ArrowProps = {
+    showArrow?: boolean;
+};
+type DropdownContentProps = DropdownMenu.MenuContentProps & SubDropdownProps & ArrowProps;
+type DropdownSubContentProps = DropdownMenu.MenuSubContentProps & MainDropdownProps & ArrowProps;
+export default Dropdown;

package/dist/components/Dropdown/Dropdown.stories.d.ts

@@ -0,0 +1,36 @@
+import { DropdownMenuProps } from "@radix-ui/react-dropdown-menu";
+interface Props extends DropdownMenuProps {
+    disabled?: boolean;
+    showArrow?: boolean;
+    side: "top" | "right" | "left" | "bottom";
+}
+declare const _default: {
+    component: ({ showArrow, disabled, side, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    tags: string[];
+    argTypes: {
+        disabled: {
+            control: string;
+        };
+        open: {
+            control: string;
+            options: (boolean | undefined)[];
+        };
+        defaultOpen: {
+            control: string;
+        };
+        showArrow: {
+            control: string;
+        };
+        side: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Playground: {
+    args: {
+        side: string;
+    };
+};

package/dist/components/Dropdown/Dropdown.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/FileTabs/FileTabs.d.ts

@@ -0,0 +1,39 @@
+import { HTMLAttributes, ReactElement, RefObject, ReactNode } from "react";
+import { IconName } from "../Icon/types";
+export type StatusType = "default" | "success" | "neutral" | "danger" | "warning" | "info";
+interface ContextProps {
+    selected?: string;
+    list: Array<string>;
+    updateOrder: (order: number) => void;
+    dragElementContainer: RefObject<HTMLDivElement>;
+    onSelect: (value: string) => void;
+    onClose: (value: string) => void;
+}
+export declare const TabContext: import("react").Context<ContextProps>;
+interface TabProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    onClose?: () => void;
+    value: string;
+    status?: StatusType;
+    icon?: IconName | ReactNode;
+    text: string;
+    testId?: string;
+}
+interface Props extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "onClose" | "onSelect"> {
+    selected?: string;
+    children: ReactElement<TabProps> | Array<ReactElement<TabProps>>;
+    onReorderTab: (props: {
+        sourcePosition: number;
+        destinationPosition: number;
+        sourceValue: string;
+    }) => void;
+    onClose: (value: string, index: number) => void;
+    onSelect: (value: string, index: number) => void;
+}
+export declare const FileTabs: {
+    ({ selected, children, onReorderTab, onMouseLeave: onMouseLeaveProp, onClose: onCloseProp, onSelect: onSelectProp, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+    Tab: {
+        ({ text, value, icon, onMouseDown: onMouseDownProp, status, testId, ...props }: TabProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export {};

package/dist/components/FileTabs/FileTabs.stories.d.ts

@@ -0,0 +1,23 @@
+import { StatusType } from "./FileTabs";
+declare const _default: {
+    component: ({ selected: selectedProp, status, }: {
+        selected: string;
+        status: StatusType;
+    }) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    tags: string[];
+    argTypes: {
+        selected: {
+            control: string;
+            options: string[];
+        };
+        status: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Playground: {
+    args: {};
+};