@sustaina/shared-ui 1.33.0 → 1.33.1

package/dist/index.mjs

@@ -10644,6 +10644,7 @@ var useFieldNames_default = useFieldNames;
 var ROW_HEIGHT = 32;
 var MIN_HEIGHT_EMPTY = 76;
 var VirtualizedCommand = ({
+  name,
   height = 292,
   options,
   emptyContent = "No data.",
@@ -10751,7 +10752,14 @@ var VirtualizedCommand = ({
     }
   }, [value, filteredOptions, virtualizer, getValueField]);
   return /* @__PURE__ */ jsxs(Command, { shouldFilter: false, onKeyDown: handleKeyDown, onFocus, onBlur, children: [
-    showSearch && /* @__PURE__ */ jsx(CommandInput, { onValueChange: handleSearch, placeholder: searchPlaceholder }),
+    showSearch && /* @__PURE__ */ jsx(
+      CommandInput,
+      {
+        onValueChange: handleSearch,
+        placeholder: searchPlaceholder,
+        "data-testid": `command-input-${name}`
+      }
+    ),
     /* @__PURE__ */ jsxs(
       CommandList,
       {
@@ -10765,7 +10773,7 @@ var VirtualizedCommand = ({
         onMouseDown: () => setIsKeyboardNavActive(false),
         onMouseMove: () => setIsKeyboardNavActive(false),
         children: [
-          /* @__PURE__ */ jsx(CommandEmpty, { children: internalOptions.length === 0 ? emptyContent : notFoundContent }),
+          /* @__PURE__ */ jsx(CommandEmpty, { "data-testid": `command-item-empty-${name}`, children: internalOptions.length === 0 ? emptyContent : notFoundContent }),
           /* @__PURE__ */ jsx(
             CommandGroup,
             {
@@ -10774,7 +10782,7 @@ var VirtualizedCommand = ({
                 width: "100%",
                 position: "relative"
               },
-              children: virtualOptions.map((virtualOption) => {
+              children: virtualOptions.map((virtualOption, index) => {
                 const option = filteredOptions[virtualOption.index];
                 const optionLabel = getLabelField(option);
                 const optionValue = getValueField(option);
@@ -10795,6 +10803,7 @@ var VirtualizedCommand = ({
                     onMouseLeave: () => !isKeyboardNavActive && setFocusedIndex(-1),
                     onSelect: (selectedValue) => onSelect?.(selectedValue, option),
                     disabled: disabledOption?.(option),
+                    "data-testid": `command-item-${index}-${optionValue}`,
                     children: [
                       typeof labelRendered === "string" ? /* @__PURE__ */ jsx(truncated_default, { tooltipProps: { disabled: true }, children: labelRendered }) : labelRendered,
                       /* @__PURE__ */ jsx(
@@ -10820,18 +10829,28 @@ var VirtualizedCommand = ({
 };
 var VirtualizedCommand_default = VirtualizedCommand;
 var ComboboxInner = ({
+  name,
+  dropdownName,
   defaultValue,
   className,
   options,
   value,
   disabled,
-  placeholder: placeholder2 = "placeholder",
+  placeholder: placeholder2,
   fieldNames,
   showClear = false,
   onSelect,
   onFocus,
   onBlur,
-  ...virtualizedCommandProps
+  disabledOption,
+  emptyContent,
+  filterOption,
+  height,
+  labelRender,
+  notFoundContent,
+  searchPlaceholder,
+  showSearch,
+  ...props
 }, ref) => {
   const { getValueField } = useFieldNames_default({ fieldNames });
   const [open, setOpen] = React4.useState(false);
@@ -10869,12 +10888,14 @@ var ComboboxInner = ({
       "button",
       {
         ref,
+        name,
         type: "button",
         role: "combobox",
         "aria-expanded": open,
         className: cn(
           "flex w-full items-center justify-between gap-2 rounded-md border bg-white px-3 h-9 text-sm whitespace-nowrap shadow-xs outline-none border-input",
           "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive disabled:cursor-not-allowed disabled:opacity-50",
+          "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
           "transition-all",
           className
         ),
@@ -10882,6 +10903,8 @@ var ComboboxInner = ({
         disabled,
         onFocus,
         onBlur,
+        "data-testid": `combobox-trigger-${name}`,
+        ...props,
         children: [
           /* @__PURE__ */ jsx(
             truncated_default,
@@ -10901,6 +10924,7 @@ var ComboboxInner = ({
                   "inline-flex items-center justify-center p-0 cursor-pointer transition-all size-[15px]"
                 ),
                 onClick: handleClear,
+                "data-testid": `combobox-clear-button-${name}`,
                 children: /* @__PURE__ */ jsx(X, { className: "size-[15px] bg-black text-white border border-black hover:bg-[#333] rounded-full" })
               }
             )
@@ -10917,10 +10941,18 @@ var ComboboxInner = ({
         children: /* @__PURE__ */ jsx(
           VirtualizedCommand_default,
           {
-            ...virtualizedCommandProps,
+            name: dropdownName,
+            emptyContent,
+            height,
+            notFoundContent,
+            searchPlaceholder,
+            showSearch,
             fieldNames,
             options,
             value: selectedValue,
+            disabledOption,
+            filterOption,
+            labelRender,
             onSelect: handleSelect
           }
         )