@clickhouse/click-ui 0.0.83 → 0.0.84

package/dist/components/AutoComplete/AutoComplete.d.ts

@@ -0,0 +1,73 @@
+import { HTMLAttributes, ReactNode } from "react";
+import { PopoverProps } from "@radix-ui/react-popover";
+import { HorizontalDirection, IconName } from '../../components';
+type DivProps = HTMLAttributes<HTMLDivElement>;
+interface SelectItemComponentProps extends Omit<DivProps, "disabled" | "onSelect" | "value" | "children"> {
+    separator?: boolean;
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value: string;
+    icon?: IconName;
+    iconDir?: HorizontalDirection;
+}
+type SelectItemChildren = {
+    children: ReactNode;
+    label?: never;
+};
+type SelectItemLabel = {
+    children?: never;
+    label: ReactNode;
+};
+export interface SelectGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "heading"> {
+    heading: ReactNode;
+    value?: never;
+    onSelect?: never;
+}
+export interface SelectOptionItem extends Omit<SelectItemProps, "children" | "label"> {
+    heading?: never;
+    label: ReactNode;
+    [key: `data-${string}`]: string;
+}
+interface SelectGroupOptionItem extends Omit<SelectGroupProps, "children" | "label"> {
+    options: Array<SelectOptionItem>;
+    label?: never;
+    [key: `data-${string}`]: string;
+}
+export type SelectOptionListItem = SelectGroupOptionItem | SelectOptionItem;
+export type SelectItemProps = SelectItemComponentProps & (SelectItemChildren | SelectItemLabel);
+type SelectOptionType = {
+    options: Array<SelectOptionListItem>;
+    children?: never;
+};
+type SelectChildrenType = {
+    children: ReactNode;
+    options?: never;
+};
+interface Props extends PopoverProps, Omit<DivProps, "onChange" | "dir" | "onSelect" | "children"> {
+    onSelect?: (value: string) => void;
+    value?: string;
+    placeholder?: string;
+    onOpenChange?: (open: boolean) => void;
+    label?: ReactNode;
+    error?: ReactNode;
+    disabled?: boolean;
+    dir?: "start" | "end";
+    orientation?: "horizontal" | "vertical";
+    allowCreateOption?: boolean;
+}
+export type AutoCompleteProps = (SelectOptionType & Props) | (SelectChildrenType & Props);
+export declare const SelectPopoverRoot: import("styled-components").IStyledComponent<"web", {
+    children?: ReactNode;
+    open?: boolean | undefined;
+    defaultOpen?: boolean | undefined;
+    onOpenChange?: ((open: boolean) => void) | undefined;
+    modal?: boolean | undefined;
+}>;
+export declare const AutoComplete: {
+    ({ onSelect: onSelectProp, options, children, onOpenChange: onOpenChangeProp, disabled, value, placeholder, ...props }: AutoCompleteProps): import("react/jsx-runtime").JSX.Element;
+    Group: import("react").ForwardRefExoticComponent<SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export declare const Group: import("react").ForwardRefExoticComponent<SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Item: import("react").ForwardRefExoticComponent<SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/AutoComplete/AutoCompleteOptionList.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+import { SelectOptionListItem } from "./AutoComplete";
+interface Props {
+    options: Array<SelectOptionListItem>;
+    id: string;
+}
+declare const AutoCompleteOptionList: ({ options, id }: Props) => ReactNode;
+export default AutoCompleteOptionList;

package/dist/components/AutoComplete/OptionContext.d.ts

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

package/dist/components/AutoComplete/useOption.d.ts

@@ -0,0 +1,9 @@
+export declare const useOption: () => {
+    search: string;
+    highlighted?: string | undefined;
+    updateHighlighted: (value: string) => void;
+    isHidden: (value?: string | undefined) => boolean;
+    selectedValue: string;
+    onSelect: (value: string) => void;
+};
+export declare const useSearch: () => string;

package/dist/components/Table/Table.d.ts

@@ -1,15 +1,14 @@
-import { HorizontalDirection, IconName } from '../../components';
+import { HorizontalDirection } from '../../components';
 import { HTMLAttributes, ReactNode } from "react";
 type SortDir = "asc" | "desc";
 type SortFn = (sortDir: SortDir, header: TableHeaderType, index: number) => void;
 type TableSize = "sm" | "md";
 export interface TableHeaderType extends HTMLAttributes<HTMLTableCellElement> {
-    icon?: IconName;
-    iconDir?: HorizontalDirection;
     label: ReactNode;
     isSortable?: boolean;
     sortDir?: SortDir;
     sortPosition?: HorizontalDirection;
+    width?: string;
 }
 interface TableCellType extends HTMLAttributes<HTMLTableCellElement> {
     label: ReactNode;
@@ -29,6 +28,8 @@ interface CommonTableProps extends Omit<HTMLAttributes<HTMLTableElement>, "child
     loading?: boolean;
     noDataMessage?: ReactNode;
     size?: TableSize;
+    showHeader?: boolean;
+    rowHeight?: string;
 }
 type SelectReturnValue = {
     index: number;

package/dist/lib/getTextFromNodes.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from "react";
+export declare const getTextFromNodes: (node: ReactNode) => string;

package/package.json

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