@clickhouse/click-ui 0.0.0-alpha

package/dist/components/Collapsible/Collapsible.d.ts

@@ -0,0 +1,34 @@
+import { HTMLAttributes } from "react";
+import { HorizontalDirection, IconName } from '../../components';
+export interface CollapsibleProps extends HTMLAttributes<HTMLDivElement> {
+    open?: boolean;
+    onOpenChange?: (value: boolean) => void;
+}
+export declare const Collapsible: {
+    ({ open: openProp, onOpenChange: onOpenChangeProp, children, ...props }: CollapsibleProps): import("react/jsx-runtime").JSX.Element;
+    Header: {
+        ({ indicatorDir, icon, iconDir, children, ...props }: CollapsipleHeaderProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Trigger: {
+        ({ onClick: onClickProp, children, indicatorDir, icon, iconDir, ...props }: CollapsipleTriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ indicatorDir, ...props }: HTMLAttributes<HTMLDivElement> & {
+            indicatorDir?: HorizontalDirection | undefined;
+        }): import("react/jsx-runtime").JSX.Element | undefined;
+        displayName: string;
+    };
+};
+interface CollapsipleHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    icon?: IconName;
+    iconDir?: HorizontalDirection;
+    indicatorDir?: HorizontalDirection;
+}
+interface CollapsipleTriggerProps extends HTMLAttributes<HTMLButtonElement> {
+    icon?: IconName;
+    iconDir?: HorizontalDirection;
+    indicatorDir?: HorizontalDirection;
+}
+export {};

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

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

package/dist/components/Collapsible/IconWrapper.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+import { HorizontalDirection, IconName } from '../../components';
+export declare const IconWrapper: ({ icon, iconDir, children, }: {
+    icon?: IconName | undefined;
+    iconDir?: HorizontalDirection | undefined;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

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: {};
+};