@clickhouse/click-ui 0.0.29 → 0.0.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,14 @@
1
+ import { TooltipProviderProps } from "@radix-ui/react-tooltip";
2
+ import { ToastProps } from "@radix-ui/react-toast";
3
+ import { ThemeName } from '../../theme';
4
+ import { ReactNode } from "react";
5
+ interface Props {
6
+ config?: {
7
+ tooltip?: Omit<TooltipProviderProps, "children">;
8
+ toast?: Omit<ToastProps, "children">;
9
+ };
10
+ theme: ThemeName;
11
+ children: ReactNode;
12
+ }
13
+ declare const ClickUIProvider: ({ children, theme, config }: Props) => import("react/jsx-runtime").JSX.Element;
14
+ export default ClickUIProvider;
@@ -10,6 +10,7 @@ export interface SidebarCollapsibleItemProps extends HTMLAttributes<HTMLDivEleme
10
10
  indicatorDir?: HorizontalDirection;
11
11
  selected?: boolean;
12
12
  level?: number;
13
+ type?: "main" | "sqlSidebar";
13
14
  }
14
15
  declare const SidebarCollapsibleItem: import("react").ForwardRefExoticComponent<SidebarCollapsibleItemProps & import("react").RefAttributes<HTMLButtonElement>>;
15
16
  export { SidebarCollapsibleItem };
@@ -8,5 +8,6 @@ export interface SidebarCollapsibleTitleProps extends React.HTMLAttributes<HTMLB
8
8
  iconDir?: HorizontalDirection;
9
9
  icon?: IconName;
10
10
  selected?: boolean;
11
+ type?: "main" | "sqlSidebar";
11
12
  }
12
- export declare const SidebarCollapsibleTitle: ({ label, children, open, onOpenChange, iconDir, icon, selected, ...props }: SidebarCollapsibleTitleProps) => import("react/jsx-runtime").JSX.Element | undefined;
13
+ export declare const SidebarCollapsibleTitle: ({ label, children, open, onOpenChange, iconDir, icon, selected, type, ...props }: SidebarCollapsibleTitleProps) => import("react/jsx-runtime").JSX.Element | undefined;
@@ -6,10 +6,12 @@ export interface SidebarNavigationItemProps extends HTMLAttributes<HTMLButtonEle
6
6
  level?: number;
7
7
  icon?: IconName;
8
8
  iconDir?: HorizontalDirection;
9
+ type?: "main" | "sqlSidebar";
9
10
  }
10
11
  declare const SidebarNavigationItem: import("react").ForwardRefExoticComponent<SidebarNavigationItemProps & import("react").RefAttributes<HTMLButtonElement>>;
11
12
  export declare const SidebarItemWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
12
13
  $collapsible?: boolean | undefined;
13
14
  $level: number;
15
+ $type: "main" | "sqlSidebar";
14
16
  }>>;
15
17
  export { SidebarNavigationItem };
@@ -5,8 +5,10 @@ export interface SidebarNavigationTitleProps extends HTMLAttributes<HTMLButtonEl
5
5
  selected?: boolean;
6
6
  icon?: IconName;
7
7
  iconDir?: HorizontalDirection;
8
+ type?: "main" | "sqlSidebar";
8
9
  }
9
- export declare const SidebarNavigationTitle: ({ label, icon, iconDir, selected, ...props }: SidebarNavigationTitleProps) => import("react/jsx-runtime").JSX.Element;
10
+ export declare const SidebarNavigationTitle: ({ label, icon, iconDir, selected, type, ...props }: SidebarNavigationTitleProps) => import("react/jsx-runtime").JSX.Element;
10
11
  export declare const SidebarTitleWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
11
12
  $collapsible?: boolean | undefined;
13
+ $type: "main" | "sqlSidebar";
12
14
  }>>;
@@ -3,6 +3,7 @@ import { DropdownMenuProps } from "@radix-ui/react-dropdown-menu";
3
3
  import { IconName } from '../../components';
4
4
  type ButtonType = "primary" | "secondary";
5
5
  type IconDirection = "left" | "right";
6
+ type Alignment = "center" | "left";
6
7
  type MenuItem = {
7
8
  icon?: IconName;
8
9
  iconDir?: IconDirection;
@@ -25,8 +26,12 @@ export type Menu = SubMenu | MenuGroup | MenuItem;
25
26
  export interface SplitButtonProps extends DropdownMenuProps, Omit<HTMLAttributes<HTMLButtonElement>, "dir"> {
26
27
  type?: ButtonType;
27
28
  disabled?: boolean;
29
+ fillWidth?: boolean;
30
+ align?: Alignment;
28
31
  menu: Array<Menu>;
29
32
  side?: "top" | "bottom";
33
+ icon?: IconName;
34
+ iconDir?: IconDirection;
30
35
  }
31
- export declare const SplitButton: ({ type, disabled, menu, dir, open, defaultOpen, onOpenChange, modal, side, ...props }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;
36
+ export declare const SplitButton: ({ type, disabled, menu, dir, open, defaultOpen, onOpenChange, modal, side, fillWidth, align, children, icon, iconDir, ...props }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;
32
37
  export {};
@@ -1,10 +1,10 @@
1
1
  import { ReactNode } from "react";
2
2
  import * as RadixUIToast from "@radix-ui/react-toast";
3
3
  import { ButtonProps } from '../../components';
4
- interface ContextProps {
4
+ interface ToastContextProps {
5
5
  createToast: (toast: ToastProps) => void;
6
6
  }
7
- export declare const ToastContext: import("react").Context<ContextProps>;
7
+ export declare const ToastContext: import("react").Context<ToastContextProps>;
8
8
  type ToastType = "danger" | "warning" | "default" | "success";
9
9
  export interface ToastProps {
10
10
  id?: string;
@@ -1,5 +1,4 @@
1
1
  import * as RadixTooltip from "@radix-ui/react-tooltip";
2
- export declare const TooltipProvider: ({ children, ...props }: RadixTooltip.TooltipProviderProps) => import("react/jsx-runtime").JSX.Element;
3
2
  export declare const Tooltip: {
4
3
  ({ children, ...props }: RadixTooltip.TooltipProps): import("react/jsx-runtime").JSX.Element;
5
4
  Trigger: {
@@ -37,7 +37,7 @@ export { FileTabs } from "./FileTabs/FileTabs";
37
37
  export { Text } from "./Typography/Text/Text";
38
38
  export { TextField } from "./Input/TextField";
39
39
  export { Title } from "./Typography/Title/Title";
40
- export { Tooltip, TooltipProvider } from "./Tooltip/Tooltip";
41
- export { ToastProvider } from "./Toast/Toast";
40
+ export { Tooltip } from "./Tooltip/Tooltip";
41
+ export { default as ClickUIProvider } from "./ClickUIProvider/ClickUIProvider";
42
42
  export { useToast } from "./Toast/useToast";
43
43
  export { UserIcon as ProfileIcon } from "./icons/UserIcon";
@@ -1,5 +1,4 @@
1
1
  import { Theme } from "../styles/types";
2
- import { ThemeProvider } from "./theme";
3
2
  export declare const themes: Record<ThemeName, Theme>;
4
3
  type ThemeName = "dark" | "light" | "classic";
5
4
  declare module "styled-components" {
@@ -7,4 +6,3 @@ declare module "styled-components" {
7
6
  }
8
7
  }
9
8
  export type { ThemeName };
10
- export { ThemeProvider };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clickhouse/click-ui",
3
- "version": "0.0.29",
3
+ "version": "0.0.30",
4
4
  "description": "Official ClickHouse design system react library",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",