@clickhouse/click-ui 0.0.192 → 0.0.194

package/dist/click-ui.es.js

@@ -38232,15 +38232,15 @@ const SingleSelectValue = ({
   valueNode,
   value
 }) => {
+  if (value === void 0 || value === null) {
+    return null;
+  }
   const {
     icon,
     iconDir,
     children,
     label
   } = valueNode ?? {};
-  if (!value) {
-    return null;
-  }
   return /* @__PURE__ */ jsx(SelectValueContainer, { children: /* @__PURE__ */ jsx(IconWrapper$3, { icon, iconDir, children: label ?? children ?? value }) });
 };
 const useOption = () => {
@@ -38422,9 +38422,9 @@ const InternalSelect = ({
       if (e.key === "Enter") {
         e.preventDefault();
         if (highlighted) {
-          onSelect(highlighted);
+          onSelect(highlighted, void 0, e);
         } else if (visibleList.current.length === 0 && allowCreateOption) {
-          onSelect(search, "custom");
+          onSelect(search, "custom", e);
         }
       } else if (["ArrowUp", "ArrowDown", "Home", "End"].includes(e.key)) {
         e.preventDefault();
@@ -38471,7 +38471,7 @@ const InternalSelect = ({
     e.preventDefault();
     e.stopPropagation();
     if (allowCreateOption) {
-      onSelect(search, "custom");
+      onSelect(search, "custom", e);
     }
   };
   return /* @__PURE__ */ jsxs(FormRoot, { $orientation: orientation, $dir: dir, $addLabelPadding: true, ...props, children: [
@@ -38569,11 +38569,11 @@ const SelectItem = forwardRef(({
     selectedValues,
     onSelect
   } = useOption();
-  const onSelectValue = () => {
+  const onSelectValue = (evt) => {
     if (!disabled) {
-      onSelect(value);
+      onSelect(value, void 0, evt);
       if (typeof onSelectProp == "function") {
-        onSelectProp(value);
+        onSelectProp(value, void 0, evt);
       }
     }
   };
@@ -38618,11 +38618,11 @@ const MultiSelectCheckboxItem = forwardRef(({
     selectedValues,
     onSelect
   } = useOption();
-  const onSelectValue = () => {
+  const onSelectValue = (evt) => {
     if (!disabled) {
-      onSelect(value);
+      onSelect(value, void 0, evt);
       if (typeof onSelectProp == "function") {
-        onSelectProp(value);
+        onSelectProp(value, void 0, evt);
       }
     }
   };
@@ -38672,7 +38672,7 @@ const Select = ({
   onOpenChange: onOpenChangeProp,
   ...props
 }) => {
-  const [selectedValues, setSelectedValues] = useState(valueProp ? [valueProp] : defaultValue ? [defaultValue] : []);
+  const [selectedValues, setSelectedValues] = useState(typeof valueProp === "string" ? [valueProp] : typeof defaultValue === "string" ? [defaultValue] : []);
   const [open2, setOpen] = useState(false);
   const onOpenChange = useCallback((open22) => {
     setOpen(open22);
@@ -38680,7 +38680,7 @@ const Select = ({
       onOpenChangeProp(open22);
     }
   }, [onOpenChangeProp]);
-  const onSelect = useCallback((value, type) => {
+  const onSelect = useCallback((value, type, evt) => {
     setSelectedValues((values) => {
       if (values[0] !== value) {
         return [value];
@@ -38689,7 +38689,7 @@ const Select = ({
     });
     onOpenChange(false);
     if (typeof onSelectProp === "function") {
-      onSelectProp(value, type);
+      onSelectProp(value, type, evt);
     }
   }, [onSelectProp, onOpenChange]);
   const onChange = useCallback((values) => {
@@ -38698,7 +38698,7 @@ const Select = ({
     }
   }, [selectedValues, onSelect]);
   useUpdateEffect(() => {
-    setSelectedValues(valueProp ? [valueProp] : []);
+    setSelectedValues(typeof valueProp === "string" ? [valueProp] : []);
   }, [valueProp]);
   const conditionalProps = {};
   if (options) {
@@ -38706,7 +38706,7 @@ const Select = ({
   } else {
     conditionalProps.children = children;
   }
-  return /* @__PURE__ */ jsx(InternalSelect, { onChange, value: valueProp ? [valueProp] : selectedValues, open: open2, onOpenChange, onSelect, ...conditionalProps, ...props });
+  return /* @__PURE__ */ jsx(InternalSelect, { onChange, value: typeof valueProp === "string" ? [valueProp] : selectedValues, open: open2, onOpenChange, onSelect, ...conditionalProps, ...props });
 };
 Select.Group = SelectGroup;
 Select.Item = SelectItem;
@@ -38730,10 +38730,10 @@ const MultiSelect = ({
   useUpdateEffect(() => {
     setSelectedValues(valueProp ?? []);
   }, [valueProp]);
-  const onChange = useCallback((values, type) => {
+  const onChange = useCallback((values, type, evt) => {
     setSelectedValues(values);
     if (typeof onSelectProp === "function") {
-      onSelectProp(values, type);
+      onSelectProp(values, type, evt);
     }
   }, [onSelectProp]);
   const onSelect = useCallback((value, type) => {

package/dist/click-ui.umd.js

@@ -38247,15 +38247,15 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
     valueNode,
     value
   }) => {
+    if (value === void 0 || value === null) {
+      return null;
+    }
     const {
       icon,
       iconDir,
       children,
       label
     } = valueNode ?? {};
-    if (!value) {
-      return null;
-    }
     return /* @__PURE__ */ jsxRuntime.jsx(SelectValueContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(IconWrapper$3, { icon, iconDir, children: label ?? children ?? value }) });
   };
   const useOption = () => {
@@ -38437,9 +38437,9 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
         if (e.key === "Enter") {
           e.preventDefault();
           if (highlighted) {
-            onSelect(highlighted);
+            onSelect(highlighted, void 0, e);
           } else if (visibleList.current.length === 0 && allowCreateOption) {
-            onSelect(search, "custom");
+            onSelect(search, "custom", e);
           }
         } else if (["ArrowUp", "ArrowDown", "Home", "End"].includes(e.key)) {
           e.preventDefault();
@@ -38486,7 +38486,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
       e.preventDefault();
       e.stopPropagation();
       if (allowCreateOption) {
-        onSelect(search, "custom");
+        onSelect(search, "custom", e);
       }
     };
     return /* @__PURE__ */ jsxRuntime.jsxs(FormRoot, { $orientation: orientation, $dir: dir, $addLabelPadding: true, ...props, children: [
@@ -38584,11 +38584,11 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
       selectedValues,
       onSelect
     } = useOption();
-    const onSelectValue = () => {
+    const onSelectValue = (evt) => {
       if (!disabled) {
-        onSelect(value);
+        onSelect(value, void 0, evt);
         if (typeof onSelectProp == "function") {
-          onSelectProp(value);
+          onSelectProp(value, void 0, evt);
         }
       }
     };
@@ -38633,11 +38633,11 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
       selectedValues,
       onSelect
     } = useOption();
-    const onSelectValue = () => {
+    const onSelectValue = (evt) => {
       if (!disabled) {
-        onSelect(value);
+        onSelect(value, void 0, evt);
         if (typeof onSelectProp == "function") {
-          onSelectProp(value);
+          onSelectProp(value, void 0, evt);
         }
       }
     };
@@ -38687,7 +38687,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
     onOpenChange: onOpenChangeProp,
     ...props
   }) => {
-    const [selectedValues, setSelectedValues] = React.useState(valueProp ? [valueProp] : defaultValue ? [defaultValue] : []);
+    const [selectedValues, setSelectedValues] = React.useState(typeof valueProp === "string" ? [valueProp] : typeof defaultValue === "string" ? [defaultValue] : []);
     const [open2, setOpen] = React.useState(false);
     const onOpenChange = React.useCallback((open22) => {
       setOpen(open22);
@@ -38695,7 +38695,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
         onOpenChangeProp(open22);
       }
     }, [onOpenChangeProp]);
-    const onSelect = React.useCallback((value, type) => {
+    const onSelect = React.useCallback((value, type, evt) => {
       setSelectedValues((values) => {
         if (values[0] !== value) {
           return [value];
@@ -38704,7 +38704,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
       });
       onOpenChange(false);
       if (typeof onSelectProp === "function") {
-        onSelectProp(value, type);
+        onSelectProp(value, type, evt);
       }
     }, [onSelectProp, onOpenChange]);
     const onChange = React.useCallback((values) => {
@@ -38713,7 +38713,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
       }
     }, [selectedValues, onSelect]);
     useUpdateEffect(() => {
-      setSelectedValues(valueProp ? [valueProp] : []);
+      setSelectedValues(typeof valueProp === "string" ? [valueProp] : []);
     }, [valueProp]);
     const conditionalProps = {};
     if (options2) {
@@ -38721,7 +38721,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
     } else {
       conditionalProps.children = children;
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(InternalSelect, { onChange, value: valueProp ? [valueProp] : selectedValues, open: open2, onOpenChange, onSelect, ...conditionalProps, ...props });
+    return /* @__PURE__ */ jsxRuntime.jsx(InternalSelect, { onChange, value: typeof valueProp === "string" ? [valueProp] : selectedValues, open: open2, onOpenChange, onSelect, ...conditionalProps, ...props });
   };
   Select.Group = SelectGroup;
   Select.Item = SelectItem;
@@ -38745,10 +38745,10 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
     useUpdateEffect(() => {
       setSelectedValues(valueProp ?? []);
     }, [valueProp]);
-    const onChange = React.useCallback((values, type) => {
+    const onChange = React.useCallback((values, type, evt) => {
       setSelectedValues(values);
       if (typeof onSelectProp === "function") {
-        onSelectProp(values, type);
+        onSelectProp(values, type, evt);
       }
     }, [onSelectProp]);
     const onSelect = React.useCallback((value, type) => {

package/dist/components/Select/MultiSelect.d.ts

@@ -1,8 +1,9 @@
+import { KeyboardEvent, MouseEvent } from 'react';
 import { SelectContainerProps, SelectionType } from './common/types';
 
 export interface MultiSelectProps extends Omit<SelectContainerProps, "onChange" | "value" | "open" | "onOpenChange" | "onSelect"> {
     defaultValue?: Array<string>;
-    onSelect?: (value: Array<string>, type?: SelectionType) => void;
+    onSelect?: (value: Array<string>, type?: SelectionType, evt?: KeyboardEvent<HTMLElement> | MouseEvent<HTMLElement>) => void;
     value?: Array<string>;
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;

package/dist/components/Select/SingleSelect.d.ts

@@ -1,8 +1,9 @@
+import { KeyboardEvent, MouseEvent } from 'react';
 import { SelectContainerProps, SelectionType } from './common/types';
 
 export interface SelectProps extends Omit<SelectContainerProps, "onChange" | "value" | "sortable" | "open" | "onOpenChange" | "onSelect"> {
     defaultValue?: string;
-    onSelect?: (value: string, type?: SelectionType) => void;
+    onSelect?: (value: string, type?: SelectionType, evt?: KeyboardEvent<HTMLElement> | MouseEvent<HTMLElement>) => void;
     value?: string;
     placeholder?: string;
     onOpenChange?: (open: boolean) => void;

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

@@ -1,10 +1,13 @@
+import { KeyboardEvent, MouseEvent } from 'react';
+import { SelectionType } from './types';
+
 type OptionContextProps = {
     search: string;
     highlighted?: string;
     updateHighlighted: (value: string) => void;
     isHidden: (value?: string) => boolean;
     selectedValues: Array<string>;
-    onSelect: (value: string) => void;
+    onSelect: (value: string, type?: SelectionType, evt?: KeyboardEvent<HTMLElement> | MouseEvent<HTMLElement>) => void;
     showCheck?: boolean;
 };
 export declare const OptionContext: import('react').Context<OptionContextProps>;

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, KeyboardEvent, MouseEvent, ReactNode } from 'react';
 import { HorizontalDirection, IconName } from '../..';
 import { PopoverProps } from '@radix-ui/react-popover';
 
@@ -6,7 +6,7 @@ declare type DivProps = HTMLAttributes<HTMLDivElement>;
 interface SelectItemComponentProps extends Omit<DivProps, "disabled" | "onSelect" | "value" | "children"> {
     separator?: boolean;
     disabled?: boolean;
-    onSelect?: (value: string) => void;
+    onSelect?: (value: string, type?: SelectionType, evt?: KeyboardEvent<HTMLElement> | MouseEvent<HTMLElement>) => void;
     value: string;
     icon?: IconName;
     iconDir?: HorizontalDirection;
@@ -59,7 +59,7 @@ interface InternalSelectProps extends PopoverProps, Omit<HTMLAttributes<HTMLDivE
     onOpenChange: (open: boolean) => void;
     value: Array<string>;
     sortable?: boolean;
-    onSelect: (value: string, type?: SelectionType) => void;
+    onSelect: (value: string, type?: SelectionType, evt?: KeyboardEvent<HTMLElement> | MouseEvent<HTMLElement>) => void;
     multiple?: boolean;
     checkbox?: boolean;
     selectLabel?: string;

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

@@ -4,7 +4,7 @@ export declare const useOption: () => {
     updateHighlighted: (value: string) => void;
     isHidden: (value?: string) => boolean;
     selectedValues: Array<string>;
-    onSelect: (value: string) => void;
+    onSelect: (value: string, type?: import('./types').SelectionType, evt?: import('react').KeyboardEvent<HTMLElement> | import('react').MouseEvent<HTMLElement>) => void;
     showCheck?: boolean;
 };
 export declare const useSearch: () => string;

package/package.json

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