@clickhouse/click-ui 0.0.227 → 0.0.228

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,7 @@
1
- import { ReactElement, ReactNode } from 'react';
1
+ import { HTMLAttributes, ReactElement, ReactNode } from 'react';
2
2
 
3
3
  type DialogPrimaryAction = "primary" | "danger";
4
- export interface ConfirmationDialogProps {
4
+ export interface ConfirmationDialogProps extends HTMLAttributes<HTMLDivElement> {
5
5
  children?: ReactNode;
6
6
  disabled?: boolean;
7
7
  loading?: boolean;
@@ -1,9 +1,14 @@
1
- export interface DatePickerProps {
1
+ import { DateRange } from './utils';
2
+
3
+ export interface DateRangePickerProps {
2
4
  endDate?: Date;
3
5
  disabled?: boolean;
4
6
  futureDatesDisabled?: boolean;
7
+ futureStartDatesDisabled?: boolean;
5
8
  onSelectDateRange: (selectedStartDate: Date, selectedEndDate: Date) => void;
6
9
  placeholder?: string;
10
+ predefinedDatesList?: Array<DateRange>;
11
+ maxRangeLength?: number;
7
12
  startDate?: Date;
8
13
  }
9
- export declare const DateRangePicker: ({ endDate, startDate, disabled, futureDatesDisabled, onSelectDateRange, placeholder, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const DateRangePicker: ({ endDate, startDate, disabled, futureDatesDisabled, futureStartDatesDisabled, maxRangeLength, onSelectDateRange, placeholder, predefinedDatesList, }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,10 @@
1
+ export interface DateRange {
2
+ startDate: Date;
3
+ endDate: Date;
4
+ }
5
+ export declare const selectedDateFormatter: Intl.DateTimeFormat;
6
+ export declare const weekdayFormatter: Intl.DateTimeFormat;
7
+ export declare const headerDateFormatter: Intl.DateTimeFormat;
8
+ export declare const getPredefinedMonthsForDateRangePicker: (numberOfMonths: number) => Array<DateRange>;
9
+ export declare const datesAreWithinMaxRange: (startDate: Date, endDate: Date, maxRangeLength: number) => boolean;
10
+ export declare const isDateRangeTheWholeMonth: ({ startDate, endDate }: DateRange) => boolean;
@@ -1,4 +1,4 @@
1
- import { HorizontalDirection, IconName } from '..';
1
+ import { HorizontalDirection, IconName } from '../types';
2
2
  import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
3
3
  export declare const Dropdown: {
4
4
  (props: DropdownMenu.DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
@@ -23,6 +23,8 @@ export { ContextMenu } from './ContextMenu/ContextMenu';
23
23
  export { Container } from './Container/Container';
24
24
  export { DateDetails } from './DateDetails/DateDetails';
25
25
  export { DatePicker } from './DatePicker/DatePicker';
26
+ export { DateRangePicker } from './DatePicker/DateRangePicker';
27
+ export { getPredefinedMonthsForDateRangePicker } from './DatePicker/utils';
26
28
  export { Dialog } from './Dialog/Dialog';
27
29
  export { EllipsisContent } from './EllipsisContent/EllipsisContent';
28
30
  export { FileUpload } from './FileUpload/FileUpload';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clickhouse/click-ui",
3
- "version": "0.0.227",
3
+ "version": "0.0.228",
4
4
  "description": "Official ClickHouse design system react library",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",