@mbao01/common 0.5.2 → 0.5.3

package/dist/types/components/Combobox/Combobox.d.ts

@@ -1,2 +1,2 @@
 import { ComboboxProps, Item } from './types';
-export declare const Combobox: <T extends Item>({ label, items, classes, emptyText, placeholder, getItemValue, getItemLabel, }: ComboboxProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Combobox: <T extends Item>({ label, items, classes, emptyText, placeholder, getItemValue, getItemLabel, onSelectItem, }: ComboboxProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Combobox/types.d.ts

@@ -6,6 +6,7 @@ export type ComboboxProps<T extends Item> = {
     emptyText?: string;
     getItemValue?: (item: T) => string;
     getItemLabel?: (item: T) => string;
+    onSelectItem?: (item: T) => void;
     classes?: Partial<{
         root: string;
         trigger: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mbao01/common",
   "private": false,
-  "version": "0.5.2",
+  "version": "0.5.3",
   "type": "module",
   "author": "Ayomide Bakare",
   "license": "MIT",
@@ -168,5 +168,5 @@
     "recharts": "2",
     "typescript": "5"
   },
-  "gitHead": "30eba9ab76ef0ae78f5acbfb4b309204ca39971d"
+  "gitHead": "4e3cbd9b5e2ce16d8c80137c28cb977f833c968e"
 }

package/src/components/Combobox/Combobox.tsx

@@ -16,11 +16,10 @@ export const Combobox = <T extends Item>({
   placeholder,
   getItemValue = (item: T) => item.value as string,
   getItemLabel = (item: T) => item.label as string,
+  onSelectItem,
 }: ComboboxProps<T>) => {
   const [open, setOpen] = React.useState(false);
   const [value, setValue] = React.useState<string | number | null>(null);
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const [_, setItem] = React.useState<T | null>(null);
 
   const currentItem = items?.find((item) => getItemValue(item) === value);
 
@@ -49,8 +48,8 @@ export const Combobox = <T extends Item>({
                   value={getItemValue(item)}
                   onSelect={(currentValue) => {
                     setValue(currentValue === value ? null : currentValue);
-                    setItem(item);
                     setOpen(false);
+                    onSelectItem?.(item);
                   }}
                   className={cn(
                     {

package/src/components/Combobox/types.ts

@@ -8,6 +8,7 @@ export type ComboboxProps<T extends Item> = {
   emptyText?: string;
   getItemValue?: (item: T) => string;
   getItemLabel?: (item: T) => string;
+  onSelectItem?: (item: T) => void;
   classes?: Partial<{
     root: string;
     trigger: string;