@clickhouse/click-ui 0.0.39 → 0.0.40

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

@@ -1,39 +1,42 @@
-import { HTMLAttributes, ReactElement, RefObject, ReactNode } from "react";
+/// <reference types="sortablejs" />
+import { HTMLAttributes, ReactElement, ReactNode } from "react";
 import { IconName } from "../Icon/types";
-export type StatusType = "default" | "success" | "neutral" | "danger" | "warning" | "info";
+import { ItemInterface, ReactSortableProps, Sortable, Store } from "react-sortablejs";
+export type FileTabStatusType = "default" | "success" | "neutral" | "danger" | "warning" | "info";
 interface ContextProps {
-    selected?: string;
-    list: Array<string>;
-    updateOrder: (order: number) => void;
-    dragElementContainer: RefObject<HTMLDivElement>;
-    onSelect: (value: string) => void;
-    onClose: (value: string) => void;
+    selectedIndex?: number;
+    onClose: (index: number) => void;
 }
 export declare const TabContext: import("react").Context<ContextProps>;
-interface TabProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+export interface FileTabProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
     onClose?: () => void;
-    value: string;
-    status?: StatusType;
+    index: number;
+    status?: FileTabStatusType;
     icon?: IconName | ReactNode;
     text: string;
     testId?: string;
+    preview?: boolean;
 }
-interface Props extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "onClose" | "onSelect"> {
-    selected?: string;
-    children: ReactElement<TabProps> | Array<ReactElement<TabProps>>;
-    onReorderTab: (props: {
-        sourcePosition: number;
-        destinationPosition: number;
-        sourceValue: string;
-    }) => void;
-    onClose: (value: string, index: number) => void;
-    onSelect: (value: string, index: number) => void;
+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: {
-    ({ selected, children, onReorderTab, onMouseLeave: onMouseLeaveProp, onClose: onCloseProp, onSelect: onSelectProp, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+    ({ selectedIndex, children, onReorderTab, onClose: onCloseProp, onSelect: onSelectProp, list: listProp, setList: setListProp, onEnd, direction, group, ...props }: FileTabsProps): import("react/jsx-runtime").JSX.Element;
     Tab: {
-        ({ text, value, icon, onMouseDown: onMouseDownProp, status, testId, ...props }: TabProps): import("react/jsx-runtime").JSX.Element;
+        ({ 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/index.d.ts

@@ -39,7 +39,7 @@ export { Spacer } from "./Spacer/Spacer";
 export { SplitButton } from "./SplitButton/SplitButton";
 export { Switch } from "./Switch/Switch";
 export { Tabs } from "./Tabs/Tabs";
-export { FileTabs } from "./FileTabs/FileTabs";
+export { FileTabs, FileTabElement } from "./FileTabs/FileTabs";
 export { Table } from "./Table/Table";
 export { Text } from "./Typography/Text/Text";
 export { TextField } from "./Input/TextField";

package/dist/components/types.d.ts

@@ -34,6 +34,7 @@ export type { PanelProps } from "./Panel/Panel";
 export type { FlyoutProps, FlyoutFooterProps, FlyoutHeaderProps } from "./Flyout/Flyout";
 export type { DialogContentProps } from "./Dialog/Dialog";
 export type { DialogProps, DialogTriggerProps } from "@radix-ui/react-dialog";
+export type { FileTabStatusType } from "./FileTabs/FileTabs";
 export type States = "default" | "active" | "disabled" | "error" | "hover";
 export type HorizontalDirection = "start" | "end";
 export type Orientation = "horizontal" | "vertical";

package/dist/styles/types.d.ts

@@ -2222,6 +2222,7 @@ export interface Theme {
             "background": {
                 "default": string;
                 "muted": string;
+                "sidebar": string;
             };
             "text": {
                 "default": string;

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

@@ -566,7 +566,8 @@ declare const _default: {
     "color": {
       "background": {
         "default": "#ffffff",
-        "muted": "#f6f7fa"
+        "muted": "#f6f7fa",
+        "sidebar": "#2f2c3a"
       },
       "text": {
         "default": "#161517",

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

@@ -1162,7 +1162,8 @@ declare const _default: {
     "color": {
       "background": {
         "default": "#1F1F1C",
-        "muted": "#282828"
+        "muted": "#282828",
+        "sidebar": "#1F1F1C"
       },
       "text": {
         "default": "#ffffff",

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

@@ -2221,7 +2221,8 @@ declare const _default: {
     "color": {
       "background": {
         "default": "#ffffff",
-        "muted": "#f6f7fa"
+        "muted": "#f6f7fa",
+        "sidebar": "#ffffff"
       },
       "text": {
         "default": "#161517",

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

@@ -1155,7 +1155,8 @@ declare const _default: {
     "color": {
       "background": {
         "default": "#ffffff",
-        "muted": "#f6f7fa"
+        "muted": "#f6f7fa",
+        "sidebar": "#ffffff"
       },
       "text": {
         "default": "#161517",

package/package.json

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