myoperator-ui 0.0.173 → 0.0.174

package/dist/index.js

@@ -2190,18 +2190,14 @@ const SelectField = React.forwardRef<HTMLButtonElement, SelectFieldProps>(
     // Internal state for search
     const [searchQuery, setSearchQuery] = React.useState("");
 
-    // Handle value change and call both onValueChange and onSelect
-    const handleValueChange = React.useCallback(
-      (newValue: string) => {
-        onValueChange?.(newValue);
-        if (onSelect) {
-          const selectedOption = options.find((o) => o.value === newValue);
-          if (selectedOption) {
-            onSelect(selectedOption);
-          }
+    // Handle onSelect at item level (fires even when same value is re-selected)
+    const handleItemSelect = React.useCallback(
+      (option: SelectOption) => {
+        if (!option.disabled) {
+          onSelect?.(option);
         }
       },
-      [onValueChange, onSelect, options]
+      [onSelect]
     );
 
     // Derive state from props
@@ -2278,7 +2274,7 @@ const SelectField = React.forwardRef<HTMLButtonElement, SelectFieldProps>(
         <Select
           value={value}
           defaultValue={defaultValue}
-          onValueChange={handleValueChange}
+          onValueChange={onValueChange}
           disabled={disabled || loading}
           name={name}
           onOpenChange={handleOpenChange}
@@ -2319,6 +2315,12 @@ const SelectField = React.forwardRef<HTMLButtonElement, SelectFieldProps>(
                 key={option.value}
                 value={option.value}
                 disabled={option.disabled}
+                onPointerUp={() => handleItemSelect(option)}
+                onKeyDown={(e) => {
+                  if (e.key === "Enter" || e.key === " ") {
+                    handleItemSelect(option);
+                  }
+                }}
               >
                 {option.label}
               </SelectItem>
@@ -2335,6 +2337,12 @@ const SelectField = React.forwardRef<HTMLButtonElement, SelectFieldProps>(
                         key={option.value}
                         value={option.value}
                         disabled={option.disabled}
+                        onPointerUp={() => handleItemSelect(option)}
+                        onKeyDown={(e) => {
+                          if (e.key === "Enter" || e.key === " ") {
+                            handleItemSelect(option);
+                          }
+                        }}
                       >
                         {option.label}
                       </SelectItem>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myoperator-ui",
-  "version": "0.0.173",
+  "version": "0.0.174",
   "description": "CLI for adding myOperator UI components to your project",
   "type": "module",
   "exports": "./dist/index.js",