@clickhouse/click-ui 0.0.230 → 0.0.231

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

@@ -1,7 +1,11 @@
 import { SelectContainerProps, SelectGroupProps, SelectItemProps } from './types';
 import { CheckboxVariants, TextProps } from '../..';
 
-export declare const InternalSelect: ({ label, children, orientation, dir, disabled, id, error, value: selectedValues, onChange, onSelect, open, onOpenChange, name, form, allowCreateOption, customText, options, sortable, placeholder, multiple, checkbox, selectLabel, showSearch, container, useFullWidthItems, itemCharacterLimit, ...props }: SelectContainerProps) => import("react/jsx-runtime").JSX.Element;
+export interface NoAvailableOptionsFactoryProps {
+    search: string;
+    close: () => void;
+}
+export declare const InternalSelect: ({ label, children, orientation, dir, disabled, id, error, value: selectedValues, onChange, onSelect, open, onOpenChange, name, form, allowCreateOption, customText, options, sortable, placeholder, multiple, checkbox, selectLabel, showSearch, container, useFullWidthItems, itemCharacterLimit, noAvailableOptions, ...props }: SelectContainerProps) => import("react/jsx-runtime").JSX.Element;
 export declare const SelectGroup: import('react').ForwardRefExoticComponent<SelectGroupProps & import('react').RefAttributes<HTMLDivElement>>;
 export declare const SelectItem: import('react').ForwardRefExoticComponent<SelectItemProps & import('react').RefAttributes<HTMLDivElement>>;
 export type MultiSelectCheckboxItemProps = SelectItemProps & {

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

@@ -1,6 +1,7 @@
 import { HTMLAttributes, KeyboardEvent, MouseEvent, ReactNode } from 'react';
 import { HorizontalDirection, IconName } from '../..';
 import { PopoverProps } from '@radix-ui/react-popover';
+import { NoAvailableOptionsFactoryProps } from './InternalSelect';
 
 declare type DivProps = HTMLAttributes<HTMLDivElement>;
 interface SelectItemComponentProps extends Omit<DivProps, "disabled" | "onSelect" | "value" | "children"> {
@@ -72,6 +73,13 @@ interface InternalSelectProps extends PopoverProps, Omit<HTMLAttributes<HTMLDivE
     container?: HTMLElement;
     useFullWidthItems?: boolean;
     itemCharacterLimit?: string;
+    /**
+     * Controls rendering when no options are available.
+     * - false: renders nothing
+     * - true: renders default message 'No Options found' with search term if present
+     * - ({ search: string, onClose: () => void }) => ReactNode: renders the returned node allowing dynamic content based on current search string
+     */
+    noAvailableOptions?: boolean | ((props: NoAvailableOptionsFactoryProps) => ReactNode);
 }
 export type SelectOptionProp = SelectOptionType | SelectChildrenType;
 export type SelectContainerProps = SelectOptionProp & InternalSelectProps;

package/package.json

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