@clickhouse/click-ui 0.0.227 → 0.0.229

package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts

@@ -1,7 +1,7 @@
-import { ReactElement, ReactNode } from 'react';
+import { HTMLAttributes, ReactElement, ReactNode } from 'react';
 
 type DialogPrimaryAction = "primary" | "danger";
-export interface ConfirmationDialogProps {
+export interface ConfirmationDialogProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
     disabled?: boolean;
     loading?: boolean;

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

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

package/dist/components/DatePicker/DateRangePicker.d.ts

@@ -1,9 +1,14 @@
-export interface DatePickerProps {
+import { DateRange } from './utils';
+
+export interface DateRangePickerProps {
     endDate?: Date;
     disabled?: boolean;
     futureDatesDisabled?: boolean;
+    futureStartDatesDisabled?: boolean;
     onSelectDateRange: (selectedStartDate: Date, selectedEndDate: Date) => void;
     placeholder?: string;
+    predefinedDatesList?: Array<DateRange>;
+    maxRangeLength?: number;
     startDate?: Date;
 }
-export declare const DateRangePicker: ({ endDate, startDate, disabled, futureDatesDisabled, onSelectDateRange, placeholder, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DateRangePicker: ({ endDate, startDate, disabled, futureDatesDisabled, futureStartDatesDisabled, maxRangeLength, onSelectDateRange, placeholder, predefinedDatesList, }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DatePicker/utils.d.ts

@@ -0,0 +1,10 @@
+export interface DateRange {
+    startDate: Date;
+    endDate: Date;
+}
+export declare const selectedDateFormatter: Intl.DateTimeFormat;
+export declare const weekdayFormatter: Intl.DateTimeFormat;
+export declare const headerDateFormatter: Intl.DateTimeFormat;
+export declare const getPredefinedMonthsForDateRangePicker: (numberOfMonths: number) => Array<DateRange>;
+export declare const datesAreWithinMaxRange: (startDate: Date, endDate: Date, maxRangeLength: number) => boolean;
+export declare const isDateRangeTheWholeMonth: ({ startDate, endDate }: DateRange) => boolean;

package/dist/components/Dropdown/Dropdown.d.ts

@@ -1,4 +1,4 @@
-import { HorizontalDirection, IconName } from '..';
+import { HorizontalDirection, IconName } from '../types';
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 export declare const Dropdown: {
     (props: DropdownMenu.DropdownMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Link/Link.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, ElementType, ReactEventHandler, ReactNode } from 'react';
 import { IconName } from '..';
-import { TextSize, TextWeight } from './common';
+import { TextSize, TextWeight } from '../commonTypes';
 
 export interface LinkProps<T extends ElementType = "a"> {
     size?: TextSize;

package/dist/components/Link/common.d.ts

@@ -1,5 +1,5 @@
-export type TextSize = "xs" | "sm" | "md" | "lg";
-export type TextWeight = "normal" | "medium" | "semibold" | "bold";
+import { TextSize, TextWeight } from '../commonTypes';
+
 export type StyledLinkProps = {
     $size: TextSize;
     $weight: TextWeight;

package/dist/components/Logos/Cloudflare.d.ts

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

package/dist/components/Logos/Databricks.d.ts

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

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

@@ -1 +1 @@
-export type LogoName = "clickhouse" | "airbyte" | "aws-s3" | "aws-athena" | "aws-kinesis" | "aws-redshift" | "aws-msk" | "kafka" | "digital_ocean" | "feature_database" | "feature_hexagon" | "fivetran" | "confluent" | "hex" | "tableau" | "grafana" | "superset" | "metabase" | "microsoft" | "aws" | "gcp" | "gcs" | "azure" | "azure-blob-storage" | "azure-event-hub" | "dbeaver" | "dbt" | "jdbc" | "mysql" | "postgres" | "google" | "github" | "decodeable" | "golang" | "prequel" | "python" | "deepnote" | "nodejs" | "datagrip" | "vector" | "kubenetes" | "c#" | "redpanda" | "rust" | "hudi" | "deltalake" | "snowflake" | "mongodb" | "bigquery" | "iceberg" | "upstash" | "warpstream";
+export type LogoName = "clickhouse" | "airbyte" | "aws-s3" | "aws-athena" | "aws-kinesis" | "aws-redshift" | "aws-msk" | "kafka" | "digital_ocean" | "feature_database" | "feature_hexagon" | "fivetran" | "confluent" | "hex" | "tableau" | "grafana" | "superset" | "metabase" | "microsoft" | "aws" | "gcp" | "gcs" | "azure" | "azure-blob-storage" | "azure-event-hub" | "dbeaver" | "dbt" | "jdbc" | "mysql" | "postgres" | "google" | "github" | "decodeable" | "golang" | "prequel" | "python" | "deepnote" | "nodejs" | "datagrip" | "vector" | "kubenetes" | "c#" | "redpanda" | "rust" | "hudi" | "deltalake" | "snowflake" | "mongodb" | "bigquery" | "iceberg" | "upstash" | "warpstream" | "cloudflare" | "databricks";

package/dist/components/Typography/Text/Text.d.ts

@@ -1,9 +1,8 @@
 import { ComponentProps, ElementType, ReactNode } from 'react';
+import { TextSize, TextWeight } from '../../commonTypes';
 
 export type TextAlignment = "left" | "center" | "right";
 export type TextColor = "default" | "muted" | "danger" | "disabled";
-export type TextSize = "xs" | "sm" | "md" | "lg";
-export type TextWeight = "normal" | "medium" | "semibold" | "bold" | "mono";
 export interface TextProps<T extends ElementType = "p"> {
     children: ReactNode;
     align?: TextAlignment;

package/dist/components/commonTypes.d.ts

@@ -0,0 +1,2 @@
+export type TextSize = "xs" | "sm" | "md" | "lg";
+export type TextWeight = "normal" | "medium" | "semibold" | "bold" | "mono";

package/dist/components/index.d.ts

@@ -23,6 +23,8 @@ export { ContextMenu } from './ContextMenu/ContextMenu';
 export { Container } from './Container/Container';
 export { DateDetails } from './DateDetails/DateDetails';
 export { DatePicker } from './DatePicker/DatePicker';
+export { DateRangePicker } from './DatePicker/DateRangePicker';
+export { getPredefinedMonthsForDateRangePicker } from './DatePicker/utils';
 export { Dialog } from './Dialog/Dialog';
 export { EllipsisContent } from './EllipsisContent/EllipsisContent';
 export { FileUpload } from './FileUpload/FileUpload';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickhouse/click-ui",
-  "version": "0.0.227",
+  "version": "0.0.229",
   "description": "Official ClickHouse design system react library",
   "type": "module",
   "license": "Apache-2.0",
@@ -77,16 +77,10 @@
   },
   "devDependencies": {
     "@radix-ui/react-switch": "^1.0.2",
-    "@storybook/addon-a11y": "^7.3.2",
-    "@storybook/addon-essentials": "^7.0.18",
-    "@storybook/addon-interactions": "^7.0.18",
-    "@storybook/addon-links": "^7.0.18",
-    "@storybook/blocks": "^7.0.18",
-    "@storybook/manager-api": "^7.0.23",
-    "@storybook/react": "^7.0.18",
-    "@storybook/react-vite": "^7.0.18",
-    "@storybook/testing-library": "^0.1.0",
-    "@storybook/theming": "^7.0.23",
+    "@storybook/addon-a11y": "^9.0.18",
+    "@storybook/addon-docs": "^9.0.18",
+    "@storybook/addon-links": "^9.0.18",
+    "@storybook/react-vite": "^9.0.18",
     "@testing-library/dom": "^10.1.0",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.7",
@@ -108,11 +102,12 @@
     "eslint-plugin-prefer-arrow-functions": "^3.3.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.7",
-    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-plugin-storybook": "^9.0.18",
     "jsdom": "^24.0.0",
+    "prettier": "^3.6.2",
     "prop-types": "^15.8.1",
-    "storybook": "^7.0.18",
-    "storybook-addon-pseudo-states": "^2.0.1",
+    "storybook": "^9.0.18",
+    "storybook-addon-pseudo-states": "^9.0.18",
     "styled-components": "^6.1.11",
     "stylis": "^4.3.0",
     "ts-node": "^10.9.1",