@clickhouse/click-ui 0.0.193 → 0.0.195

package/dist/click-ui.es.js

@@ -7956,7 +7956,7 @@ DropdownTrigger.displayName = "DropdownTrigger";
 Dropdown.Trigger = DropdownTrigger;
 const DropdownMenuContent = styled(GenericMenuPanel).withConfig({
   componentId: "sc-18bhwbw-2"
-})(["min-width:", ";flex-direction:column;z-index:1;overflow-y:scroll;max-height:calc( (var(--radix-", "-content-available-height) - 100px) );"], ({
+})(["min-width:", ";flex-direction:column;z-index:1;overflow-y:auto;max-height:calc( (var(--radix-", "-content-available-height) - 100px) );"], ({
   theme: theme2
 }) => theme2.click.genericMenu.item.size.minWidth, ({
   $type
@@ -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);
       }
     }
   };
@@ -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) => {
@@ -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

@@ -7971,7 +7971,7 @@ var __publicField = (obj, key, value) => {
   Dropdown.Trigger = DropdownTrigger;
   const DropdownMenuContent = styledComponents.styled(GenericMenuPanel).withConfig({
     componentId: "sc-18bhwbw-2"
-  })(["min-width:", ";flex-direction:column;z-index:1;overflow-y:scroll;max-height:calc( (var(--radix-", "-content-available-height) - 100px) );"], ({
+  })(["min-width:", ";flex-direction:column;z-index:1;overflow-y:auto;max-height:calc( (var(--radix-", "-content-available-height) - 100px) );"], ({
     theme: theme2
   }) => theme2.click.genericMenu.item.size.minWidth, ({
     $type
@@ -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);
         }
       }
     };
@@ -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) => {
@@ -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.193",
+  "version": "0.0.195",
   "description": "Official ClickHouse design system react library",
   "type": "module",
   "license": "Apache-2.0",