@clickhouse/click-ui 0.0.55 → 0.0.56

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

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

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

@@ -1,16 +0,0 @@
-import { IconName } from '../../components';
-import React from "react";
-export 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;
-    fillWidth?: boolean;
-    loading?: boolean;
-}
-export declare const Button: ({ type, iconLeft, iconRight, align, children, fillWidth, label, loading, disabled, ...delegated }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,12 +0,0 @@
-import { HTMLAttributes, ReactNode } from "react";
-export interface ButtonGroupElementProps extends Omit<HTMLAttributes<HTMLButtonElement>, "children"> {
-    value: string;
-    label?: ReactNode;
-}
-export interface ButtonGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onClick"> {
-    options: Array<ButtonGroupElementProps>;
-    selected?: string;
-    onClick?: (value: string) => void;
-    fillWidth?: boolean;
-}
-export declare const ButtonGroup: ({ options, selected, fillWidth, onClick, ...props }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,20 +0,0 @@
-import { IconName } from '../../components';
-import { HTMLAttributes, MouseEventHandler, ReactNode } from "react";
-export type CardPrimarySize = "sm" | "md";
-type ContentAlignment = "start" | "center" | "end";
-export interface CardPrimaryProps extends HTMLAttributes<HTMLDivElement> {
-    title?: string;
-    icon?: IconName;
-    hasShadow?: boolean;
-    disabled?: boolean;
-    description?: ReactNode;
-    infoUrl?: string;
-    infoText?: string;
-    size?: CardPrimarySize;
-    isSelected?: boolean;
-    children?: ReactNode;
-    alignContent?: ContentAlignment;
-    onButtonClick?: MouseEventHandler<HTMLElement>;
-}
-export declare const CardPrimary: ({ alignContent, title, icon, hasShadow, description, infoUrl, infoText, size, disabled, onButtonClick, isSelected, children, ...props }: CardPrimaryProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,15 +0,0 @@
-import { IconName } from '../../components';
-import { ReactNode } from "react";
-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: ReactNode;
-    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/Checkbox/Checkbox.d.ts

@@ -1,8 +0,0 @@
-import * as RadixCheckbox from "@radix-ui/react-checkbox";
-import { ReactNode } from "react";
-export interface CheckboxProps extends RadixCheckbox.CheckboxProps {
-    label?: ReactNode;
-    orientation?: "vertical" | "horizontal";
-    dir?: "start" | "end";
-}
-export declare const Checkbox: ({ id, label, disabled, orientation, dir, ...delegated }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ClickUIProvider/ClickUIProvider.d.ts

@@ -1,14 +0,0 @@
-import { TooltipProviderProps } from "@radix-ui/react-tooltip";
-import { ToastProps } from "@radix-ui/react-toast";
-import { ThemeName } from '../../theme';
-import { ReactNode } from "react";
-interface Props {
-    config?: {
-        tooltip?: Omit<TooltipProviderProps, "children">;
-        toast?: Omit<ToastProps, "children">;
-    };
-    theme: ThemeName;
-    children: ReactNode;
-}
-declare const ClickUIProvider: ({ children, theme, config }: Props) => import("react/jsx-runtime").JSX.Element;
-export default ClickUIProvider;

package/dist/components/CodeBlock/CodeBlock.d.ts

@@ -1,14 +0,0 @@
-import { HTMLAttributes } from "react";
-export type CodeThemeType = "light" | "dark";
-interface Props extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "onCopy"> {
-    language?: string;
-    children: string;
-    theme?: CodeThemeType;
-    showLineNumbers?: boolean;
-    showWrapButton?: boolean;
-    wrapLines?: boolean;
-    onCopy?: (value: string) => void | Promise<void>;
-    onCopyError?: (error: string) => void | Promise<void>;
-}
-export declare const CodeBlock: ({ children, language, theme, showLineNumbers, showWrapButton, wrapLines, onCopy, onCopyError, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/CodeBlock/InlineCodeBlock.d.ts

@@ -1,2 +0,0 @@
-import { HTMLAttributes } from "react";
-export declare const InlineCodeBlock: (props: HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CodeBlock/useColorStyle.d.ts

@@ -1,115 +0,0 @@
-import { CodeThemeType } from "./CodeBlock";
-declare const useColorStyle: (defaultTheme?: CodeThemeType) => {
-    hljs: {
-        display: string;
-        overflowX: string;
-        padding: string;
-        color: string;
-        background: string;
-        borderRadius: string;
-        font: string;
-    };
-    "hljs-comment": {
-        color: string;
-    };
-    "hljs-keyword": {
-        color: string;
-    };
-    "hljs-selector-tag": {
-        color: string;
-    };
-    "hljs-meta-keyword": {
-        color: string;
-    };
-    "hljs-doctag": {
-        color: string;
-    };
-    "hljs-section": {
-        color: string;
-    };
-    "hljs-selector-class": {
-        color: string;
-    };
-    "hljs-meta": {
-        color: string;
-    };
-    "hljs-selector-pseudo": {
-        color: string;
-    };
-    "hljs-attr": {
-        color: string;
-    };
-    "hljs-attribute": {
-        color: string;
-    };
-    "hljs-name": {
-        color: string;
-    };
-    "hljs-type": {
-        color: string;
-    };
-    "hljs-number": {
-        color: string;
-    };
-    "hljs-selector-id": {
-        color: string;
-    };
-    "hljs-quote": {
-        color: string;
-    };
-    "hljs-template-tag": {
-        color: string;
-    };
-    "hljs-built_in": {
-        color: string;
-    };
-    "hljs-title": {
-        color: string;
-    };
-    "hljs-literal": {
-        color: string;
-    };
-    "hljs-string": {
-        color: string;
-    };
-    "hljs-regexp": {
-        color: string;
-    };
-    "hljs-symbol": {
-        color: string;
-    };
-    "hljs-variable": {
-        color: string;
-    };
-    "hljs-template-variable": {
-        color: string;
-    };
-    "hljs-link": {
-        color: string;
-    };
-    "hljs-selector-attr": {
-        color: string;
-    };
-    "hljs-meta-string": {
-        color: string;
-    };
-    "hljs-bullet": {
-        color: string;
-    };
-    "hljs-code": {
-        color: string;
-    };
-    "hljs-deletion": {
-        color: string;
-    };
-    "hljs-addition": {
-        color: string;
-    };
-    "hljs-emphasis": {
-        fontStyle: string;
-    };
-    "hljs-strong": {
-        fontWeight: string;
-    };
-};
-export default useColorStyle;

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

@@ -1,34 +0,0 @@
-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/IconWrapper.d.ts

@@ -1,7 +0,0 @@
-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/ConfirmationDialog/ConfirmationDialog.d.ts

@@ -1,16 +0,0 @@
-import { ReactElement, ReactNode } from "react";
-type DialogPrimaryAction = "primary" | "danger";
-export interface ConfirmationDialogProps {
-    open?: boolean;
-    onCancel?: () => void;
-    title: string;
-    primaryActionType?: DialogPrimaryAction;
-    primaryActionLabel?: string;
-    secondaryActionLabel?: string;
-    message?: string;
-    children?: ReactNode;
-    loading?: boolean;
-    onConfirm?: (() => void) | (() => Promise<void>);
-}
-export declare const ConfirmationDialog: ({ open, onCancel, title, message, loading, primaryActionType, primaryActionLabel, secondaryActionLabel, onConfirm, children, }: ConfirmationDialogProps) => ReactElement;
-export {};

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

@@ -1,47 +0,0 @@
-import * as RightMenu from "@radix-ui/react-context-menu";
-import { HorizontalDirection, IconName } from '../../components';
-export declare const ContextMenu: {
-    (props: RightMenu.ContextMenuProps): import("react/jsx-runtime").JSX.Element;
-    Trigger: {
-        ({ disabled, ...props }: RightMenu.ContextMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    SubTrigger: {
-        ({ icon, iconDir, children, ...props }: 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: {
-        ({ icon, iconDir, children, ...props }: ContextMenuItemProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-};
-interface ContextMenuSubTriggerProps extends RightMenu.ContextMenuSubTriggerProps {
-    icon?: IconName;
-    iconDir?: HorizontalDirection;
-}
-export type ArrowProps = {
-    showArrow?: boolean;
-};
-type ContextMenuContentProps = RightMenu.MenuContentProps & {
-    sub?: true;
-} & ArrowProps;
-type ContextMenuSubContentProps = RightMenu.MenuSubContentProps & {
-    sub?: never;
-} & ArrowProps;
-interface ContextMenuItemProps extends RightMenu.ContextMenuItemProps {
-    icon?: IconName;
-    iconDir?: HorizontalDirection;
-}
-export default ContextMenu;

package/dist/components/Dialog/Dialog.d.ts

@@ -1,27 +0,0 @@
-import { ReactNode } from "react";
-import * as RadixDialog from "@radix-ui/react-dialog";
-import { ButtonProps } from '../../components/Button/Button';
-export declare const Dialog: {
-    ({ children, ...props }: RadixDialog.DialogProps): import("react/jsx-runtime").JSX.Element;
-    Trigger: {
-        ({ children, ...props }: RadixDialog.DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Close: {
-        ({ label, type, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Content: {
-        ({ title, children, showClose, onClose, forceMount, container, showOverlay, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-};
-export interface DialogContentProps extends RadixDialog.DialogContentProps {
-    title: string;
-    showClose?: boolean;
-    forceMount?: true;
-    container?: HTMLElement | null;
-    children: ReactNode;
-    onClose?: () => void;
-    showOverlay?: boolean;
-}

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

@@ -1,45 +0,0 @@
-import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
-import { HorizontalDirection, IconName } from '../../components';
-export declare const Dropdown: {
-    (props: DropdownMenu.DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
-    Trigger: {
-        ({ sub, children, ...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: {
-        ({ icon, iconDir, children, ...props }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-};
-interface SubDropdownProps {
-    sub?: true;
-    icon?: IconName;
-    iconDir?: HorizontalDirection;
-}
-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;
-interface DropdownItemProps extends DropdownMenu.DropdownMenuItemProps {
-    icon?: IconName;
-    iconDir?: HorizontalDirection;
-}
-export default Dropdown;

package/dist/components/EllipsisContent/EllipsisContent.d.ts

@@ -1,5 +0,0 @@
-import { ElementType } from "react";
-export interface EllipsisContentProps<T extends ElementType> {
-    component?: T;
-}
-export declare const EllipsisContent: import("react").ForwardRefExoticComponent<Omit<EllipsisContentProps<ElementType> & Omit<any, "ref">, "ref"> & import("react").RefAttributes<unknown>>;

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

@@ -1,42 +0,0 @@
-/// <reference types="sortablejs" />
-import { HTMLAttributes, ReactElement, ReactNode } from "react";
-import { IconName } from "../Icon/types";
-import { ItemInterface, ReactSortableProps, Sortable, Store } from "react-sortablejs";
-export type FileTabStatusType = "default" | "success" | "neutral" | "danger" | "warning" | "info";
-interface ContextProps {
-    selectedIndex?: number;
-    onClose: (index: number) => void;
-}
-export declare const TabContext: import("react").Context<ContextProps>;
-export interface FileTabProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
-    onClose?: () => void;
-    index: number;
-    status?: FileTabStatusType;
-    icon?: IconName | ReactNode;
-    text: string;
-    testId?: string;
-    preview?: boolean;
-}
-export interface FileTabsProps extends Omit<ReactSortableProps<ItemInterface>, "onSelect" | "list" | "setList"> {
-    selectedIndex?: number;
-    children: ReactElement<FileTabProps> | Array<ReactElement<FileTabProps>>;
-    onReorderTab: (sourcePosition: number, destinationPosition: number) => void;
-    onClose: (index: number) => void;
-    onSelect: (index: number) => void;
-    list?: Array<ItemInterface>;
-    setList?: (newState: Array<ItemInterface>, sortable: Sortable | null, store: Store) => void;
-}
-export declare const FileTabs: {
-    ({ selectedIndex, children, onReorderTab, onClose: onCloseProp, onSelect: onSelectProp, list: listProp, setList: setListProp, onEnd, direction, group, ...props }: FileTabsProps): import("react/jsx-runtime").JSX.Element;
-    Tab: {
-        ({ text, index, icon, onMouseDown: onMouseDownProp, status, testId, preview, ...props }: FileTabProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-};
-interface FileTabElementProps extends HTMLAttributes<HTMLDivElement> {
-    icon?: IconName | ReactNode;
-    active?: boolean;
-    preview?: boolean;
-}
-export declare const FileTabElement: ({ icon, children, active, preview, ...props }: FileTabElementProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Flyout/Flyout.d.ts

@@ -1,66 +0,0 @@
-import { HTMLAttributes, ReactNode } from "react";
-import { DialogProps, DialogTriggerProps, DialogContentProps as RadixDialogContentProps } from "@radix-ui/react-dialog";
-import { ButtonProps } from "..";
-export type FlyoutProps = DialogProps;
-export declare const Flyout: {
-    ({ modal, ...props }: FlyoutProps): import("react/jsx-runtime").JSX.Element;
-    Trigger: {
-        ({ children, ...props }: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Content: {
-        ({ showOverlay, children, container, strategy, size, closeOnInteractOutside, onInteractOutside, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Element: {
-        (props: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Header: {
-        ({ title, description, children, ...props }: FlyoutHeaderProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Body: {
-        ({ align, ...props }: BodyProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Close: {
-        ({ children, ...props }: FlyoutButtonProps | {
-            children?: ReactNode;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Footer: {
-        (props: FlyoutFooterProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-};
-type FlyoutSizeType = "default" | "narrow" | "wide";
-type Strategy = "relative" | "absolute" | "fixed";
-export interface DialogContentProps extends RadixDialogContentProps {
-    container?: HTMLElement | null;
-    showOverlay?: boolean;
-    showClose?: boolean;
-    size?: FlyoutSizeType;
-    strategy?: Strategy;
-    closeOnInteractOutside?: boolean;
-}
-interface TitleHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
-    title: string;
-    description?: string;
-    children?: never;
-}
-interface ChildrenHeaderProps extends HTMLAttributes<HTMLDivElement> {
-    title?: never;
-    description?: never;
-}
-export type FlyoutHeaderProps = TitleHeaderProps | ChildrenHeaderProps;
-type FlyoutAlign = "default" | "top";
-interface BodyProps extends HTMLAttributes<HTMLDivElement> {
-    align?: FlyoutAlign;
-}
-export type FlyoutFooterProps = HTMLAttributes<HTMLDivElement>;
-interface FlyoutButtonProps extends Omit<ButtonProps, "children"> {
-    children?: never;
-}
-export {};