@clickhouse/click-ui 0.8.0 → 0.9.1-rc1

package/dist/esm/components/Select/common/SelectComponents.module.css.js

@@ -14,6 +14,7 @@ const styles = {
 	"select-list-content": "select-list-content__AJbe9",
 	"hidden-select-element": "hidden-select-element__YZlhL",
 	"select-group-container": "select-group-container__Pd5rW",
+	"select-item": "select-item__BAnRr",
 	"select-group-name": "select-group-name__TrAy3",
 	"select-group-content": "select-group-content__OBO5d",
 	"select-no-data-container": "select-no-data-container__b2319",

package/dist/esm/components/Select/common/SelectComponents.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectComponents.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SelectComponents.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/types/components/Assets/Icons/Horizontal-Loading.d.ts

@@ -1,4 +1,3 @@
-declare const Horizontal_Loading: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGAttributes<SVGElement> & {
-    theme?: import('../../..').ThemeName;
-}, never>> & string & Omit<(props: import('../../../types').SVGAssetProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+import { SVGAssetProps } from '../../../types';
+declare const Horizontal_Loading: ({ className, theme, ...props }: SVGAssetProps) => import("react/jsx-runtime").JSX.Element;
 export default Horizontal_Loading;

package/dist/types/components/Assets/Icons/Loading-Animated.d.ts

@@ -1,4 +1,3 @@
-declare const Loading_Animated: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').SVGAttributes<SVGElement> & {
-    theme?: import('../../..').ThemeName;
-}, never>, never>> & string;
+import { SVGAssetProps } from '../../../types';
+declare const Loading_Animated: ({ className, ...props }: SVGAssetProps) => import("react/jsx-runtime").JSX.Element;
 export default Loading_Animated;

package/dist/types/components/Assets/Icons/Loading.d.ts

@@ -1,5 +1,3 @@
 import { SVGAssetProps } from '../../../types';
-declare const LoadingFlipped: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGAttributes<SVGElement> & {
-    theme?: import('../../..').ThemeName;
-}, never>> & string & Omit<(props: SVGAssetProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
-export default LoadingFlipped;
+declare const Loading: ({ className, theme, ...props }: SVGAssetProps) => import("react/jsx-runtime").JSX.Element;
+export default Loading;

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

@@ -1,6 +1,7 @@
 import { DateRange, Timezone } from './utils';
 type OpenDirection = 'left' | 'right';
 export interface DateRangePickerProps {
+    allowOnlyDatesList?: Array<Date>;
     endDate?: Date;
     disabled?: boolean;
     futureDatesDisabled?: boolean;
@@ -14,5 +15,5 @@ export interface DateRangePickerProps {
     responsivePositioning?: boolean;
     timezone?: Timezone;
 }
-export declare const DateRangePicker: ({ endDate, startDate, disabled, futureDatesDisabled, futureStartDatesDisabled, maxRangeLength, onSelectDateRange, openDirection, placeholder, predefinedDatesList, responsivePositioning, timezone, }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DateRangePicker: ({ allowOnlyDatesList, endDate, startDate, disabled, futureDatesDisabled, futureStartDatesDisabled, maxRangeLength, onSelectDateRange, openDirection, placeholder, predefinedDatesList, responsivePositioning, timezone, }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -22,6 +22,8 @@ export declare const shiftFromTimezone: (date: Date, timezone: Timezone) => Date
 export declare const getPredefinedMonthsForDateRangePicker: (numberOfMonths: number) => DateRange[];
 export declare const getPredefinedTimePeriodsForDateTimePicker: () => DateRangeListItem[];
 export declare const getNextNDatesForDatePickerAllowOnlyList: (numberOfDays: number) => Date[];
-export declare const datesAreWithinMaxRange: (startDate: Date, endDate: Date, maxRangeLength: number) => boolean;
+export declare const isDateNotInAllowList: (allowList: Array<Date> | undefined, date: Date) => boolean;
+export declare const areDatesWithinMaxRange: (startDate: Date, endDate: Date, maxRangeLength: number) => boolean;
+export declare const isDateRangeWithinRange: (selectedRange: DateRange, predefinedRange: DateRange, timezone?: Timezone) => boolean;
 export declare const isDateRangeTheWholeMonth: ({ startDate, endDate }: DateRange, timezone?: Timezone) => boolean;
-export declare const dateRangeIsValid: (dateRange: DateRange) => boolean;
+export declare const isDateRangeValid: (dateRange: DateRange) => boolean;

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

@@ -7,11 +7,10 @@ interface RowNumberColumnProps {
     rowWidth: number;
     getSelectionType: SelectionTypeFn;
     rowCount: number;
-    showHeader: boolean;
     scrolledHorizontal: boolean;
     rowStart: number;
     showBorder: boolean;
     rowAutoHeight?: boolean;
 }
-declare const RowNumberColumn: ({ minRow, maxRow, rowHeight, headerHeight, rowWidth, getSelectionType, rowCount, showHeader, scrolledHorizontal, rowStart, showBorder, rowAutoHeight, }: RowNumberColumnProps) => import("react/jsx-runtime").JSX.Element;
+declare const RowNumberColumn: ({ minRow, maxRow, rowHeight, headerHeight, rowWidth, getSelectionType, rowCount, scrolledHorizontal, rowStart, showBorder, rowAutoHeight, }: RowNumberColumnProps) => import("react/jsx-runtime").JSX.Element;
 export default RowNumberColumn;

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

@@ -1,15 +1,20 @@
+import { ComponentProps, ElementType, ReactNode } from 'react';
 import { SelectionType } from './types';
-export declare const StyledCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+interface StyledCellOwnProps {
     $isFocused: boolean;
     $selectionType: SelectionType;
     $isSelectedTop: boolean;
     $isSelectedLeft: boolean;
     $isLastRow: boolean;
     $isLastColumn: boolean;
-    $isFirstRow: boolean;
-    $isFirstColumn: boolean;
     $height: number;
-    $type?: "body" | "header";
+    $type?: 'body' | 'header';
     $showBorder: boolean;
     $rowAutoHeight?: boolean;
-}>> & string;
+}
+type StyledCellProps<T extends ElementType> = StyledCellOwnProps & {
+    as?: T;
+    children?: ReactNode;
+} & Omit<ComponentProps<T>, keyof StyledCellOwnProps | 'as' | 'children'>;
+export declare const StyledCell: <T extends ElementType = "div">({ as, $isFocused, $selectionType, $isSelectedTop, $isSelectedLeft, $isLastRow, $isLastColumn, $height, $type, $showBorder, $rowAutoHeight, className, style, children, ...props }: StyledCellProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/Select/common/index.d.ts

@@ -1,4 +1,4 @@
-export type { SelectItemProps, SelectGroupProps, SelectOptionItem, SelectGroupOptionItem, SelectOptionListItem, SelectionType, SelectContainerProps, SelectItemObject, } from './types';
+export type { SelectItemProps, SelectGroupProps, SelectOptionItem, SelectGroupOptionItem, SelectOptionListItem, SelectionType, SelectContainerProps, } from './types';
 export { InternalSelect } from './InternalSelect';
 export { OptionContext } from './OptionContext';
 export { useOption } from './useOption';

package/dist/types/components/Select/common/types.d.ts

@@ -95,10 +95,4 @@ export interface BaseMultiSelectProps extends Omit<SelectContainerProps, 'onChan
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
 }
-export type SelectItemObject = {
-    disabled?: boolean;
-    value: string;
-    title: string;
-    heading?: string;
-};
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickhouse/click-ui",
-  "version": "0.8.0",
+  "version": "v0.9.1-rc1",
   "description": "Official ClickHouse design system react library",
   "type": "module",
   "license": "Apache-2.0",