@clickhouse/click-ui 0.0.190 → 0.0.192

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

@@ -12,6 +12,7 @@ export interface CommonBadgeProps extends HTMLAttributes<HTMLDivElement> {
     type?: BadgeType;
     icon?: ImageName;
     iconDir?: HorizontalDirection;
+    ellipsisContent?: boolean;
 }
 export interface DismissibleBadge extends CommonBadgeProps {
     dismissible: true;
@@ -22,4 +23,4 @@ export interface NonDismissibleBadge extends CommonBadgeProps {
     onClose?: never;
 }
 export type BadgeProps = NonDismissibleBadge | DismissibleBadge;
-export declare const Badge: ({ icon, iconDir, text, state, size, type, dismissible, onClose, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Badge: ({ icon, iconDir, text, state, size, type, dismissible, onClose, ellipsisContent, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
 export declare const TopBadgeWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<any, never> & import('../Container/Container').ContainerProps<import('react').ElementType>, never>> & string & Omit<(<T extends import('react').ElementType = "div">(props: Omit<import('react').ComponentProps<T>, keyof T> & import('../Container/Container').ContainerProps<T>) => import('react').ReactNode), keyof import('react').Component<any, {}, any>>;
 export declare const CardPrimaryTopBadge: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../Badge/Badge').DismissibleBadge | import('../Badge/Badge').NonDismissibleBadge, {
     $isSelected?: boolean;
-}>> & string & Omit<({ icon, iconDir, text, state, size, type, dismissible, onClose, ...props }: import('../Badge/Badge').BadgeProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+}>> & string & Omit<({ icon, iconDir, text, state, size, type, dismissible, onClose, ellipsisContent, ...props }: import('../Badge/Badge').BadgeProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;

package/dist/components/DateDetails/DateDetails.d.ts

@@ -0,0 +1,7 @@
+export type ArrowPosition = "top" | "right" | "left" | "bottom";
+export interface DateDetailsProps {
+    date: Date;
+    side?: ArrowPosition;
+    systemTimeZone?: string;
+}
+export declare const DateDetails: ({ date, side, systemTimeZone, }: DateDetailsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -19,5 +19,5 @@ interface HeaderProps {
     scrolledHorizontal: boolean;
     resizingState: ResizingState;
 }
-declare const Header: ({ scrolledVertical, scrolledHorizontal, showRowNumber, rowNumberWidth, minColumn, maxColumn, height, getColumnWidth, cell, columnCount, getSelectionType, onColumnResize, getColumnHorizontalPosition, getResizerPosition, showBorder, resizingState }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const Header: ({ scrolledVertical, scrolledHorizontal, showRowNumber, rowNumberWidth, minColumn, maxColumn, height, getColumnWidth, cell, columnCount, getSelectionType, onColumnResize, getColumnHorizontalPosition, getResizerPosition, showBorder, resizingState, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default Header;

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

@@ -12,6 +12,7 @@ interface RowNumberColumnProps {
     scrolledHorizontal: boolean;
     rowStart: number;
     showBorder: boolean;
+    rowAutoHeight?: boolean;
 }
-declare const RowNumberColumn: ({ minRow, maxRow, rowHeight, headerHeight, rowWidth, getSelectionType, rowCount, 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, rowAutoHeight, }: RowNumberColumnProps) => import("react/jsx-runtime").JSX.Element;
 export default RowNumberColumn;

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

@@ -12,4 +12,5 @@ export declare const StyledCell: import('styled-components/dist/types').IStyledC
     $height: number;
     $type?: "body" | "header";
     $showBorder: boolean;
+    $rowAutoHeight?: boolean;
 }>> & string;

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

@@ -107,6 +107,9 @@ export interface ItemDataType {
     headerHeight: number;
     rowNumberWidth: number;
     rowStart: number;
+    rowAutoHeight?: boolean;
+    updateRowHeight: (rowIndex: number, height: number) => void;
+    getRowHeight: (index: number) => number;
 }
 export interface GridContextMenuItemProps extends Omit<ContextMenuItemProps, "children"> {
     label: ReactNode;
@@ -137,6 +140,7 @@ export interface GridProps extends Omit<VariableSizeGridProps, "height" | "width
     onCopyCallback?: (copied: boolean) => void;
     onContextMenu?: MouseEventHandler<HTMLDivElement>;
     forwardedGridRef?: MutableRefObject<VariableSizeGrid>;
+    rowAutoHeight?: boolean;
 }
 export type ResizerPosition = {
     left: string;

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

@@ -24,6 +24,13 @@ export declare const ICONS_MAP: {
     cards: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
     "cell-tower": (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
     chat: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "chart-area": (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "chart-bar-horizontal": (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "chart-donut": (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "chart-heatmap": (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "chart-scatter": (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "chart-stacked-horizontal": (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "chart-stacked-vertical": (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
     check: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
     "check-in-circle": (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
     "chevron-down": (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,7 +6,7 @@ import { PaymentName, PaymentProps } from '../icons/Payments';
 
 export type IconSize = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
 export type IconState = "default" | "success" | "warning" | "danger" | "info";
-export declare const ICON_NAMES: readonly ["activity", "alarm", "arrow-down", "arrow-left", "arrow-right", "arrow-triangle", "arrow-directions", "arrow-up", "auth-app", "auth-sms", "backups", "bar-chart", "bell", "beta", "blog", "book", "brackets", "briefcase", "building", "burger-menu", "calendar", "calendar-with-time", "cards", "cell-tower", "chat", "check", "check-in-circle", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle", "clock", "cloud", "cloud-keys", "code", "code-in-square", "connect", "connect-alt", "console", "copy", "cpu", "cross", "credit-card", "data", "database", "disk", "display", "document", "dot", "dots-horizontal", "dots-triangle", "dots-vertical", "dots-vertical-double", "double-check", "download", "download-in-circle", "email", "empty", "enter", "eye", "eye-closed", "filter", "fire", "flag", "flask", "folder-closed", "folder-open", "gear", "gift", "git-merge", "globe", "hexagon", "history", "horizontal-loading", "home", "http", "http-monitoring", "info-in-circle", "information", "insert-row", "integrations", "key", "keys", "lifebuoy", "light-bulb", "light-bulb-on", "lightening", "line-in-circle", "loading", "loading-animated", "lock", "metrics", "metrics-alt", "minus", "moon", "no-cloud", "pause", "payment", "pencil", "pie-chart", "pipe", "play", "play-in-circle", "plus", "popout", "puzzle-piece", "query", "question", "refresh", "rocket", "sandglass", "search", "secure", "server", "services", "settings", "share", "share-arrow", "share-network", "slide-in", "slide-out", "sort-alt", "sort", "sparkle", "speaker", "speed", "square", "star", "stop", "support", "table", "taxi", "trash", "tree-structure", "upgrade", "upload", "url", "user", "users", "warning", "waves"];
+export declare const ICON_NAMES: readonly ["activity", "alarm", "arrow-down", "arrow-left", "arrow-right", "arrow-triangle", "arrow-directions", "arrow-up", "auth-app", "auth-sms", "backups", "bar-chart", "bell", "beta", "blog", "book", "brackets", "briefcase", "building", "burger-menu", "calendar", "calendar-with-time", "cards", "cell-tower", "chat", "chart-area", "chart-bar-horizontal", "chart-donut", "chart-heatmap", "chart-scatter", "chart-stacked-horizontal", "chart-stacked-vertical", "check", "check-in-circle", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle", "clock", "cloud", "cloud-keys", "code", "code-in-square", "connect", "connect-alt", "console", "copy", "cpu", "cross", "credit-card", "data", "database", "disk", "display", "document", "dot", "dots-horizontal", "dots-triangle", "dots-vertical", "dots-vertical-double", "double-check", "download", "download-in-circle", "email", "empty", "enter", "eye", "eye-closed", "filter", "fire", "flag", "flask", "folder-closed", "folder-open", "gear", "gift", "git-merge", "globe", "hexagon", "history", "horizontal-loading", "home", "http", "http-monitoring", "info-in-circle", "information", "insert-row", "integrations", "key", "keys", "lifebuoy", "light-bulb", "light-bulb-on", "lightening", "line-in-circle", "loading", "loading-animated", "lock", "metrics", "metrics-alt", "minus", "moon", "no-cloud", "pause", "payment", "pencil", "pie-chart", "pipe", "play", "play-in-circle", "plus", "popout", "puzzle-piece", "query", "question", "refresh", "rocket", "sandglass", "search", "secure", "server", "services", "settings", "share", "share-arrow", "share-network", "slide-in", "slide-out", "sort-alt", "sort", "sparkle", "speaker", "speed", "square", "star", "stop", "support", "table", "taxi", "trash", "tree-structure", "upgrade", "upload", "url", "user", "users", "warning", "waves"];
 export type IconName = (typeof ICON_NAMES)[number];
 export interface IconProps extends SVGAttributes<HTMLOrSVGElement> {
     name: IconName;

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

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

package/dist/components/icons/ChartArea.d.ts

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

package/dist/components/icons/ChartBarHorizontal.d.ts

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

package/dist/components/icons/ChartDonut.d.ts

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

package/dist/components/icons/ChartHeatmap.d.ts

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

package/dist/components/icons/ChartScatter.d.ts

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

package/dist/components/icons/ChartStackedHorizontal.d.ts

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

package/dist/components/icons/ChartStackedVertical.d.ts

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

package/dist/components/index.d.ts

@@ -12,22 +12,23 @@ export { Badge } from './Badge/Badge';
 export { BigStat } from './BigStat/BigStat';
 export { ButtonGroup } from './ButtonGroup/ButtonGroup';
 export { Button } from './Button/Button';
-export { CardSecondary } from './CardSecondary/CardSecondary';
-export { CardPrimary } from './CardPrimary/CardPrimary';
 export { CardHorizontal } from './CardHorizontal/CardHorizontal';
+export { CardPrimary } from './CardPrimary/CardPrimary';
 export { CardPromotion } from './CardPromotion/CardPromotion';
+export { CardSecondary } from './CardSecondary/CardSecondary';
 export { Checkbox } from './Checkbox/Checkbox';
 export { CodeBlock } from './CodeBlock/CodeBlock';
+export { ConfirmationDialog } from './ConfirmationDialog/ConfirmationDialog';
+export { ContextMenu } from './ContextMenu/ContextMenu';
 export { Container } from './Container/Container';
+export { DateDetails } from './DateDetails/DateDetails';
 export { DatePicker } from './DatePicker/DatePicker';
 export { Dialog } from './Dialog/Dialog';
-export { ConfirmationDialog } from './ConfirmationDialog/ConfirmationDialog';
 export { EllipsisContent } from './EllipsisContent/EllipsisContent';
 export { Flyout } from './Flyout/Flyout';
 export { FormContainer } from './FormContainer/FormContainer';
 export { GridContainer } from './GridContainer/GridContainer';
 export { InlineCodeBlock } from './CodeBlock/InlineCodeBlock';
-export { ContextMenu } from './ContextMenu/ContextMenu';
 export { default as Flags } from './icons/Flags';
 export { Grid } from './Grid/Grid';
 export { HoverCard } from './HoverCard/HoverCard';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickhouse/click-ui",
-  "version": "0.0.190",
+  "version": "0.0.192",
   "description": "Official ClickHouse design system react library",
   "type": "module",
   "license": "Apache-2.0",
@@ -115,6 +115,7 @@
     "watch": "^1.0.2"
   },
   "peerDependencies": {
+    "dayjs": "^1.11.13",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "styled-components": ">= 5"