@clickhouse/click-ui 0.0.30 → 0.0.32

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

@@ -1,16 +1,21 @@
+import { HorizontalDirection, IconName } from '../../components';
+import { HTMLAttributes, MouseEvent, ReactNode } from "react";
 export type BadgeState = "default" | "success" | "neutral" | "danger" | "disabled" | "warning" | "info";
 export type BadgeSize = "sm" | "md";
-export interface BadgeProps {
-    text: string;
+export interface CommonBadgeProps extends HTMLAttributes<HTMLDivElement> {
+    text: ReactNode;
     state?: BadgeState;
     size?: BadgeSize;
+    icon?: IconName;
+    iconDir?: HorizontalDirection;
 }
-export interface DismissibleBadge extends BadgeProps {
+export interface DismissibleBadge extends CommonBadgeProps {
     dismissible: true;
-    onClose: () => void;
+    onClose: (e: MouseEvent<HTMLOrSVGElement>) => void;
 }
-export interface NonDismissibleBadge extends BadgeProps {
+export interface NonDismissibleBadge extends CommonBadgeProps {
     dismissible?: never;
     onClose?: never;
 }
-export declare const Badge: ({ text, state, size, dismissible, onClose, }: NonDismissibleBadge | DismissibleBadge) => import("react/jsx-runtime").JSX.Element;
+export type BadgeProps = NonDismissibleBadge | DismissibleBadge;
+export declare const Badge: ({ icon, iconDir, text, state, size, dismissible, onClose, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 import { IconName } from '../../components';
-import { ReactNode } from "react";
-export interface CardPrimaryProps {
+import { HTMLAttributes, MouseEventHandler, ReactNode } from "react";
+export interface CardPrimaryProps extends HTMLAttributes<HTMLDivElement> {
     title: string;
     icon: IconName;
     hasShadow?: boolean;
@@ -9,5 +9,6 @@ export interface CardPrimaryProps {
     infoUrl?: string;
     infoText?: string;
     size?: "sm" | "md";
+    onButtonClick?: MouseEventHandler<HTMLElement>;
 }
-export declare const CardPrimary: ({ title, icon, hasShadow, description, infoUrl, infoText, size, disabled, }: CardPrimaryProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardPrimary: ({ title, icon, hasShadow, description, infoUrl, infoText, size, disabled, onButtonClick, ...props }: CardPrimaryProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from "react";
+export declare const EllipsisContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLElement>>;

package/dist/components/Icon/IconCommon.d.ts

@@ -1032,6 +1032,7 @@ export declare const ICONS_MAP: {
     pencil: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
     "pie-chart": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
     play: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "play-in-circle": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
     plus: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
     popout: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
     query: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/types.d.ts

@@ -4,7 +4,7 @@ import { FlagName, FlagProps } from "../icons/Flags";
 import { LogoName } from "../Logos/types";
 import { PaymentName, PaymentProps } from "../icons/Payments";
 export type IconSize = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
-export type IconName = "activity" | "arrow-down" | "arrow-right" | "arrow-triangle" | "arrow-directions" | "arrow-up" | "auth-app" | "auth-sms" | "backups" | "blog" | "book" | "brackets" | "briefcase" | "building" | "burger-menu" | "cards" | "cell-tower" | "chat" | "check" | "check-in-circle" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clock" | "cloud" | "code" | "code-in-square" | "connect" | "connect-alt" | "console" | "copy" | "cross" | "data" | "database" | "disk" | "display" | "document" | "dots-horizontal" | "dots-triangle" | "dots-vertical" | "download" | "download-in-circle" | "email" | "empty" | "eye" | "eye-closed" | "filter" | "fire" | "folder-closed" | "folder-open" | "gift" | "history" | "home" | "http" | "info-in-circle" | "information" | "insert-row" | "integrations" | "key" | "keys" | "light-bulb" | "lightening" | "loading" | "loading-animated" | "metrics" | "metrics-alt" | "payment" | "pencil" | "pie-chart" | "play" | "plus" | "popout" | "query" | "question" | "refresh" | "search" | "secure" | "services" | "settings" | "share" | "share-arrow" | "slide-in" | "slide-out" | "sort-alt" | "sort" | "sparkle" | "speaker" | "speed" | "star" | "support" | "table" | "taxi" | "trash" | "upload" | "url" | "user" | "users" | "warning" | "waves";
+export type IconName = "activity" | "arrow-down" | "arrow-right" | "arrow-triangle" | "arrow-directions" | "arrow-up" | "auth-app" | "auth-sms" | "backups" | "blog" | "book" | "brackets" | "briefcase" | "building" | "burger-menu" | "cards" | "cell-tower" | "chat" | "check" | "check-in-circle" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clock" | "cloud" | "code" | "code-in-square" | "connect" | "connect-alt" | "console" | "copy" | "cross" | "data" | "database" | "disk" | "display" | "document" | "dots-horizontal" | "dots-triangle" | "dots-vertical" | "download" | "download-in-circle" | "email" | "empty" | "eye" | "eye-closed" | "filter" | "fire" | "folder-closed" | "folder-open" | "gift" | "history" | "home" | "http" | "info-in-circle" | "information" | "insert-row" | "integrations" | "key" | "keys" | "light-bulb" | "lightening" | "loading" | "loading-animated" | "metrics" | "metrics-alt" | "payment" | "pencil" | "pie-chart" | "play" | "play-in-circle" | "plus" | "popout" | "query" | "question" | "refresh" | "search" | "secure" | "services" | "settings" | "share" | "share-arrow" | "slide-in" | "slide-out" | "sort-alt" | "sort" | "sparkle" | "speaker" | "speed" | "star" | "support" | "table" | "taxi" | "trash" | "upload" | "url" | "user" | "users" | "warning" | "waves";
 export interface IconProps extends SVGAttributes<HTMLOrSVGElement> {
     name: IconName;
     color?: string;

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

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+import { HorizontalDirection, IconName } from '../../components';
+import { IconSize } from '../../components/Icon/types';
+declare const IconWrapper: ({ icon, iconDir, size, width, height, children, }: {
+    icon?: IconName | undefined;
+    iconDir?: HorizontalDirection | undefined;
+    children: ReactNode;
+    size?: IconSize | undefined;
+    width?: string | number | undefined;
+    height?: string | number | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default IconWrapper;

package/dist/components/Logos/AWSMsk.d.ts

@@ -0,0 +1,3 @@
+import { SVGAttributes } from "react";
+declare const AWSMsk: (props: SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default AWSMsk;

package/dist/components/Logos/types.d.ts

@@ -1 +1 @@
-export type LogoName = "clickhouse" | "aws-s3" | "aws-redshift" | "kakfa" | "fivetran" | "confluent" | "tableau" | "graphana" | "superset" | "metabase" | "aws" | "gcp" | "azure" | "dbt" | "jdbc" | "mysql" | "postgres" | "google" | "github" | "decodeable" | "golang" | "python" | "deepnote" | "nodejs" | "datagrip" | "vector" | "kubenetes" | "c#" | "rust" | "hudi" | "deltalake" | "snowflake" | "mongodb" | "bigquery" | "iceberg";
+export type LogoName = "clickhouse" | "aws-s3" | "aws-redshift" | "aws-msk" | "kakfa" | "fivetran" | "confluent" | "tableau" | "graphana" | "superset" | "metabase" | "aws" | "gcp" | "azure" | "dbt" | "jdbc" | "mysql" | "postgres" | "google" | "github" | "decodeable" | "golang" | "python" | "deepnote" | "nodejs" | "datagrip" | "vector" | "kubenetes" | "c#" | "rust" | "hudi" | "deltalake" | "snowflake" | "mongodb" | "bigquery" | "iceberg";

package/dist/components/Panel/Panel.d.ts

@@ -1,11 +1,12 @@
-/// <reference types="react" />
-export type panelPadding = "none" | "xs" | "sm" | "md" | "lg" | "xl";
-export type panelColor = "default" | "muted" | "transparent";
-export interface panelProps {
+import { HTMLAttributes } from "react";
+export type PanelPadding = "none" | "xs" | "sm" | "md" | "lg" | "xl";
+export type PanelColor = "default" | "muted" | "transparent";
+export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
     hasBorder?: boolean;
     hasShadow?: boolean;
-    color?: panelColor;
-    padding?: panelPadding;
+    color?: PanelColor;
+    padding?: PanelPadding;
     children?: React.ReactNode;
+    orientation?: "horizontal" | "vertical";
 }
-export declare const Panel: ({ hasBorder, hasShadow, color, padding, children }: panelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Panel: ({ hasBorder, hasShadow, color, padding, children, orientation, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Select/MultiSelect.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { SelectContainerProps } from "./common/types";
+export interface MultiSelectProps extends Omit<SelectContainerProps, "onChange" | "value" | "open" | "onOpenChange" | "onSelect"> {
+    defaultValue?: Array<string>;
+    onSelect?: (value: Array<string>) => void;
+    value?: Array<string>;
+    defaultOpen?: boolean;
+}
+export declare const MultiSelect: {
+    ({ value: valueProp, defaultValue, onSelect: onSelectProp, options, children, ...props }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
+    Group: import("react").ForwardRefExoticComponent<import("./common/types").SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<import("./common/types").SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
+};

package/dist/components/Select/MultiSelectValue.d.ts

@@ -0,0 +1,11 @@
+import { SelectItemProps } from "./common/types";
+interface MultiSelectValueProps {
+    selectedValues: Array<string>;
+    valueNode: Map<string, SelectItemProps>;
+    onChange: (selectedValues: Array<string>) => void;
+    onSelect: (selectedValue: string) => void;
+    sortable: boolean;
+    disabled: boolean;
+}
+export declare const MultiSelectValue: ({ selectedValues, valueNode, onChange, sortable, onSelect, disabled, }: MultiSelectValueProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/Select/SingleSelect.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { SelectContainerProps } from "./common/types";
+export interface SelectProps extends Omit<SelectContainerProps, "onChange" | "value" | "sortable" | "open" | "onOpenChange" | "onSelect"> {
+    defaultValue?: string;
+    onSelect?: (value: string) => void;
+    value?: string;
+    placeholder?: string;
+}
+export declare const Select: {
+    ({ value: valueProp, defaultValue, onSelect: onSelectProp, options, children, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
+    Group: import("react").ForwardRefExoticComponent<import("./common/types").SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<import("./common/types").SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
+};

package/dist/components/Select/SingleSelectValue.d.ts

@@ -0,0 +1,6 @@
+import { SelectItemProps } from "./common/types";
+declare const SingleSelectValue: ({ valueNode, value, }: {
+    valueNode?: SelectItemProps | undefined;
+    value: string;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default SingleSelectValue;

package/dist/components/Select/common/InternalSelect.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SelectContainerProps, SelectGroupProps, SelectItemProps } from "./types";
+export declare const InternalSelect: ({ label, children, orientation, dir, disabled, id, error, value: selectedValues, onChange, onSelect, open, onOpenChange, name, form, onCreateOption: onCreateOptionProp, customText, options, showCheck, sortable, placeholder, multiple, showSearch, ...props }: SelectContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectGroup: import("react").ForwardRefExoticComponent<SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectItem: import("react").ForwardRefExoticComponent<SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Select/common/OptionContext.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+type OptionContextProps = {
+    search: string;
+    highlighted?: string;
+    updateHighlighted: (value: string) => void;
+    isHidden: (value?: string) => boolean;
+    selectedValues: Array<string>;
+    onSelect: (value: string) => void;
+    onCreateOption?: (search: string) => void;
+    showCheck?: boolean;
+};
+export declare const OptionContext: import("react").Context<OptionContextProps>;
+export {};