myoperator-mcp 0.2.378 → 0.2.380

package/dist/index.js

@@ -10115,6 +10115,14 @@ export interface SelectFieldProps {
    * an "End of list" footer row. Default true (keep firing).
    */
   hasMore?: boolean;
+  /**
+   * Clip long option labels in the dropdown to a single line with an ellipsis
+   * instead of wrapping them across lines. Default false (wrapped). The
+   * selected value in the trigger always truncates, and the value reported to
+   * \`onValueChange\` / \`onSelect\` is always the full string \u2014 truncation is
+   * presentation only.
+   */
+  truncateOptionText?: boolean;
 }
 
 /**
@@ -10192,6 +10200,7 @@ const SelectField = React.forwardRef(
       onScrollEnd,
       loadingMore,
       hasMore,
+      truncateOptionText,
     }: SelectFieldProps,
     ref: React.Ref<HTMLButtonElement>
   ) => {
@@ -10383,6 +10392,7 @@ const SelectField = React.forwardRef(
           <SelectContent
             onViewportScrollEnd={hasMore !== false ? onScrollEnd : undefined}
             hideScrollButtons={totalRendered === 0}
+            truncateOptionText={truncateOptionText}
             className={contentClassName}
           >
             {/* Search input */}
@@ -10553,6 +10563,15 @@ const Select = SelectPrimitive.Root;
 
 const SelectGroup = SelectPrimitive.Group;
 
+/**
+ * Lets \`SelectContent\` set the long-label behaviour once for every
+ * \`SelectItem\` it renders, so callers don't repeat the flag per item.
+ * Items may still override it individually.
+ */
+const SelectItemLayoutContext = React.createContext<{
+  truncateOptionText: boolean;
+}>({ truncateOptionText: false });
+
 const SelectValue = React.forwardRef(({ className, ...props }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>, ref: React.Ref<React.ElementRef<typeof SelectPrimitive.Value>>) => (
   <SelectPrimitive.Value
     ref={ref}
@@ -10670,6 +10689,13 @@ export type SelectContentProps = React.ComponentPropsWithoutRef<
    */
   onViewportScrollEnd?: (event: React.UIEvent<HTMLDivElement>) => void;
   hideScrollButtons?: boolean;
+  /**
+   * Clip long option labels to a single line with an ellipsis instead of
+   * wrapping them. Applies to every \`SelectItem\` inside this content;
+   * individual items can override it with their own \`truncateOptionText\`.
+   * The trigger value always truncates, regardless of this flag.
+   */
+  truncateOptionText?: boolean;
 };
 
 const BOTTOM_THRESHOLD_PX = 24;
@@ -10683,6 +10709,7 @@ const SelectContent = React.forwardRef(
       position = "popper",
       onViewportScrollEnd,
       hideScrollButtons,
+      truncateOptionText = false,
       ...props
     }: SelectContentProps,
     ref: React.Ref<React.ElementRef<typeof SelectPrimitive.Content>>
@@ -10738,6 +10765,11 @@ const SelectContent = React.forwardRef(
       };
     }, [viewport, onViewportScrollEnd]);
 
+    const itemLayout = React.useMemo(
+      () => ({ truncateOptionText }),
+      [truncateOptionText]
+    );
+
     return (
       <SelectPrimitive.Portal>
         <SelectPrimitive.Content
@@ -10766,7 +10798,9 @@ const SelectContent = React.forwardRef(
                 "h-[var(--radix-select-trigger-height)] w-full"
             )}
           >
-            {children}
+            <SelectItemLayoutContext.Provider value={itemLayout}>
+              {children}
+            </SelectItemLayoutContext.Provider>
           </SelectPrimitive.Viewport>
           {!hideScrollButtons && <SelectScrollDownButton />}
         </SelectPrimitive.Content>
@@ -10788,29 +10822,49 @@ const SelectLabel = React.forwardRef(({ className, ...props }: React.ComponentPr
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
 
-const SelectItem = React.forwardRef(({ className, children, ...props }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>, ref: React.Ref<React.ElementRef<typeof SelectPrimitive.Item>>) => (
-  <SelectPrimitive.Item
-    ref={ref}
-    className={cn(
-      "relative flex w-full cursor-pointer select-none items-start rounded-sm py-2 pl-4 pr-8 text-base text-semantic-text-primary outline-none",
-      "hover:bg-semantic-bg-ui focus:bg-semantic-bg-ui",
-      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    )}
-    {...props}
-  >
-    <span className="absolute right-2 flex size-4 items-center justify-center">
-      <SelectPrimitive.ItemIndicator>
-        <Check className="size-4 text-semantic-brand" />
-      </SelectPrimitive.ItemIndicator>
-    </span>
-    <span className="min-w-0 flex-1 whitespace-normal break-words leading-normal">
-      <SelectPrimitive.ItemText>
-        {children}
-      </SelectPrimitive.ItemText>
-    </span>
-  </SelectPrimitive.Item>
-));
+export interface SelectItemProps
+  extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
+  /**
+   * Clip this option's label to a single line with an ellipsis instead of
+   * wrapping it. Defaults to the value set on \`SelectContent\` (wrapped).
+   */
+  truncateOptionText?: boolean;
+}
+
+const SelectItem = React.forwardRef(({ className, children, truncateOptionText, ...props }: SelectItemProps, ref: React.Ref<React.ElementRef<typeof SelectPrimitive.Item>>) => {
+  const layout = React.useContext(SelectItemLayoutContext);
+  const truncate = truncateOptionText ?? layout.truncateOptionText;
+
+  return (
+    <SelectPrimitive.Item
+      ref={ref}
+      className={cn(
+        "relative flex w-full cursor-pointer select-none items-start rounded-sm py-2 pl-4 pr-8 text-base text-semantic-text-primary outline-none",
+        "hover:bg-semantic-bg-ui focus:bg-semantic-bg-ui",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        className
+      )}
+      {...props}
+    >
+      <span className="absolute right-2 flex size-4 items-center justify-center">
+        <SelectPrimitive.ItemIndicator>
+          <Check className="size-4 text-semantic-brand" />
+        </SelectPrimitive.ItemIndicator>
+      </span>
+      <span
+        title={truncate && typeof children === "string" ? children : undefined}
+        className={cn(
+          "min-w-0 flex-1 leading-normal",
+          truncate ? "truncate" : "whitespace-normal break-words"
+        )}
+      >
+        <SelectPrimitive.ItemText>
+          {children}
+        </SelectPrimitive.ItemText>
+      </span>
+    </SelectPrimitive.Item>
+  );
+});
 SelectItem.displayName = SelectPrimitive.Item.displayName;
 
 const SelectSeparator = React.forwardRef(({ className, ...props }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>, ref: React.Ref<React.ElementRef<typeof SelectPrimitive.Separator>>) => (

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myoperator-mcp",
-  "version": "0.2.378",
+  "version": "0.2.380",
   "description": "MCP server for myOperator UI components - enables AI assistants to access component metadata, examples, and design tokens",
   "type": "module",
   "bin": "./dist/index.js",