@clickhouse/click-ui 0.0.113 → 0.0.115

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

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
 import { DialogProps, DialogTriggerProps, DialogContentProps as RadixDialogContentProps } from "@radix-ui/react-dialog";
-import { ButtonProps, ContainerProps } from "..";
+import { ButtonProps, ContainerProps } from '../../components';
 export type FlyoutProps = DialogProps;
 export declare const Flyout: {
     ({ modal, ...props }: FlyoutProps): import("react/jsx-runtime").JSX.Element;
@@ -9,7 +9,7 @@ export declare const Flyout: {
         displayName: string;
     };
     Content: {
-        ({ showOverlay, children, container, strategy, size, type, closeOnInteractOutside, onInteractOutside, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+        ({ showOverlay, children, container, strategy, size, type, closeOnInteractOutside, width, align, onInteractOutside, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Element: {
@@ -34,10 +34,14 @@ export declare const Flyout: {
         (props: FlyoutFooterProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
+    CodeBlock: ({ statement, ...props }: {
+        statement: string;
+    } & ElementProps) => import("react/jsx-runtime").JSX.Element;
 };
 type FlyoutSizeType = "default" | "narrow" | "wide";
 type Strategy = "relative" | "absolute" | "fixed";
 type FlyoutType = "default" | "inline";
+type DialogContentAlignmentType = "start" | "end";
 export interface DialogContentProps extends RadixDialogContentProps {
     container?: HTMLElement | null;
     showOverlay?: boolean;
@@ -46,6 +50,8 @@ export interface DialogContentProps extends RadixDialogContentProps {
     type?: FlyoutType;
     strategy?: Strategy;
     closeOnInteractOutside?: boolean;
+    width?: string;
+    align?: DialogContentAlignmentType;
 }
 interface ElementProps extends Omit<ContainerProps<"div">, "component" | "padding" | "gap" | "orientation"> {
     type?: FlyoutType;

package/dist/components/Grid/Grid.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
-import { VariableSizeGrid } from "react-window";
 import { GridProps } from "./types";
-export declare const Grid: import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<VariableSizeGrid<any>>>;
+export declare const Grid: import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Grid/Header.d.ts

@@ -1,4 +1,4 @@
-import { CellProps, ColumnResizeFn, RoundedType, SelectionTypeFn, SetResizeCursorPositionFn } from "./types";
+import { CellProps, ColumnResizeFn, SelectionTypeFn, SetResizeCursorPositionFn } from "./types";
 interface HeaderProps {
     showRowNumber: boolean;
     rowNumberWidth: number;
@@ -8,13 +8,13 @@ interface HeaderProps {
     columnWidth: (index: number) => number;
     cell: CellProps;
     getSelectionType: SelectionTypeFn;
-    rounded: RoundedType;
     columnCount: number;
     onColumnResize: ColumnResizeFn;
     getColumnHorizontalPosition: (columnIndex: number) => number;
     scrolledVertical: boolean;
     setResizeCursorPosition: SetResizeCursorPositionFn;
     showBorder: boolean;
+    scrolledHorizontal: boolean;
 }
-declare const Header: ({ scrolledVertical, showRowNumber, rowNumberWidth, minColumn, maxColumn, height, columnWidth, cell, rounded, columnCount, getSelectionType, onColumnResize, getColumnHorizontalPosition, setResizeCursorPosition, showBorder, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const Header: ({ scrolledVertical, scrolledHorizontal, showRowNumber, rowNumberWidth, minColumn, maxColumn, height, columnWidth, cell, columnCount, getSelectionType, onColumnResize, getColumnHorizontalPosition, setResizeCursorPosition, showBorder, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default Header;

package/dist/components/Grid/RowNumberColumn.d.ts

@@ -1,4 +1,4 @@
-import { RoundedType, SelectionTypeFn } from "./types";
+import { SelectionTypeFn } from "./types";
 interface RowNumberColumnProps {
     minRow: number;
     maxRow: number;
@@ -7,11 +7,10 @@ interface RowNumberColumnProps {
     rowWidth: number;
     getSelectionType: SelectionTypeFn;
     rowCount: number;
-    rounded: RoundedType;
     showHeader: boolean;
     scrolledHorizontal: boolean;
     rowStart: number;
     showBorder: boolean;
 }
-declare const RowNumberColumn: ({ minRow, maxRow, rowHeight, headerHeight, rowWidth, getSelectionType, rowCount, rounded, showHeader, scrolledHorizontal, rowStart, showBorder, }: RowNumberColumnProps) => import("react/jsx-runtime").JSX.Element;
+declare const RowNumberColumn: ({ minRow, maxRow, rowHeight, headerHeight, rowWidth, getSelectionType, rowCount, showHeader, scrolledHorizontal, rowStart, showBorder, }: RowNumberColumnProps) => import("react/jsx-runtime").JSX.Element;
 export default RowNumberColumn;

package/dist/components/Grid/StyledCell.d.ts

@@ -1,4 +1,4 @@
-import { RoundedType, SelectionType } from "./types";
+import { SelectionType } from "./types";
 export declare const StyledCell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     $isFocused: boolean;
     $selectionType: SelectionType;
@@ -8,7 +8,6 @@ export declare const StyledCell: import("styled-components").StyledComponent<"di
     $isLastColumn: boolean;
     $isFirstRow: boolean;
     $isFirstColumn: boolean;
-    $rounded: RoundedType;
     $height: number;
     $type?: "body" | "header" | undefined;
     $showBorder: boolean;

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

@@ -1,5 +1,5 @@
-import { ComponentType, HTMLAttributes, KeyboardEventHandler, MouseEventHandler, ReactNode } from "react";
-import { VariableSizeGridProps } from "react-window";
+import { ComponentType, HTMLAttributes, KeyboardEventHandler, MouseEventHandler, MutableRefObject, ReactNode } from "react";
+import { VariableSizeGrid, VariableSizeGridProps } from "react-window";
 import { ContextMenuItemProps } from '../../components';
 interface CellCommonProps extends HTMLAttributes<HTMLElement> {
     columnIndex: number;
@@ -100,7 +100,6 @@ export interface ItemDataType {
     columnCount: number;
     cell: CellProps;
     focus: SelectionFocus;
-    rounded: RoundedType;
     rowHeight: number;
     headerHeight: number;
     rowNumberWidth: number;
@@ -110,6 +109,8 @@ export interface GridContextMenuItemProps extends Omit<ContextMenuItemProps, "ch
     label: ReactNode;
 }
 export interface GridProps extends Omit<VariableSizeGridProps, "height" | "width" | "rowHeight" | "children" | "innerElementType" | "innerRef" | "outerElementType" | "outerRef" | "columnWidth"> {
+    autoFocus?: boolean;
+    autoHeight?: boolean;
     rowStart?: number;
     rounded?: RoundedType;
     focus?: SelectionFocus;
@@ -131,6 +132,7 @@ export interface GridProps extends Omit<VariableSizeGridProps, "height" | "width
     showBorder?: boolean;
     onCopy?: (isCopied: boolean) => void | Promise<void>;
     onContextMenu?: MouseEventHandler<HTMLDivElement>;
+    forwardedGridRef?: MutableRefObject<VariableSizeGrid>;
 }
 export type SetResizeCursorPositionFn = (element: HTMLSpanElement, clientX: number, width: number, columnIndex: number) => void;
 export {};

package/dist/styles/variables.classic.json.d.ts

@@ -872,7 +872,7 @@ declare const _default: {
       "iconButton": {
         "badge": {
           "foreground": "#1d1d1d",
-          "background": "#C78F0F"
+          "background": "#FFC029"
         }
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickhouse/click-ui",
-  "version": "0.0.113",
+  "version": "0.0.115",
   "description": "Official ClickHouse design system react library",
   "type": "module",
   "license": "Apache-2.0",