myoperator-ui 0.0.179-beta.0 → 0.0.179

package/dist/index.js

@@ -2190,14 +2190,18 @@ const SelectField = React.forwardRef<HTMLButtonElement, SelectFieldProps>(
     // Internal state for search
     const [searchQuery, setSearchQuery] = React.useState("");
 
-    // Handle onSelect at item level (fires even when same value is re-selected)
-    const handleItemSelect = React.useCallback(
-      (option: SelectOption) => {
-        if (!option.disabled) {
-          onSelect?.(option);
+    // Combined value change handler that also fires onSelect with full option object
+    const handleValueChange = React.useCallback(
+      (newValue: string) => {
+        onValueChange?.(newValue);
+        if (onSelect) {
+          const option = options.find((o) => o.value === newValue);
+          if (option) {
+            onSelect(option);
+          }
         }
       },
-      [onSelect]
+      [onValueChange, onSelect, options]
     );
 
     // Derive state from props
@@ -2274,7 +2278,7 @@ const SelectField = React.forwardRef<HTMLButtonElement, SelectFieldProps>(
         <Select
           value={value}
           defaultValue={defaultValue}
-          onValueChange={onValueChange}
+          onValueChange={handleValueChange}
           disabled={disabled || loading}
           name={name}
           onOpenChange={handleOpenChange}
@@ -2315,7 +2319,6 @@ const SelectField = React.forwardRef<HTMLButtonElement, SelectFieldProps>(
                 key={option.value}
                 value={option.value}
                 disabled={option.disabled}
-                onSelect={() => handleItemSelect(option)}
               >
                 {option.label}
               </SelectItem>
@@ -2332,8 +2335,7 @@ const SelectField = React.forwardRef<HTMLButtonElement, SelectFieldProps>(
                         key={option.value}
                         value={option.value}
                         disabled={option.disabled}
-                        onSelect={() => handleItemSelect(option)}
-                      >
+                              >
                         {option.label}
                       </SelectItem>
                     ))}
@@ -5966,7 +5968,7 @@ const PageHeader = React.forwardRef<HTMLDivElement, PageHeaderProps>(
           {/* Content Section: Title + Description */}
           <div className="flex-1 min-w-0">
             <div className="flex items-center gap-2">
-              <h1 className="m-0 text-base font-semibold text-semantic-text-primary truncate">
+              <h1 className="m-0 text-lg font-semibold text-semantic-text-primary truncate">
                 {title}
               </h1>
               {infoIcon && (
@@ -5976,7 +5978,7 @@ const PageHeader = React.forwardRef<HTMLDivElement, PageHeaderProps>(
               )}
             </div>
             {description && (
-              <p className="m-0 text-sm text-semantic-text-secondary font-normal mt-1 line-clamp-2">
+              <p className="m-0 text-sm text-semantic-text-muted font-normal mt-1 line-clamp-2">
                 {description}
               </p>
             )}

package/package.json

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