@sustaina/shared-ui 1.62.0 → 1.62.2

package/dist/index.d.mts

@@ -2014,6 +2014,7 @@ type ComboboxProps<TData extends OptionData> = React$1.AriaAttributes & Omit<Vir
     virtual?: boolean;
     isLoading?: boolean;
     loadingContent?: React$1.ReactNode;
+    valueRender?: (option: VirtualizedCommandOption<TData>) => React$1.ReactNode;
     popoverProps?: Omit<React$1.ComponentProps<typeof Popover>, "open" | "onOpenChange">;
     popoverContentProps?: Omit<React$1.ComponentProps<typeof PopoverContent>, "children">;
 };

package/dist/index.d.ts

@@ -2014,6 +2014,7 @@ type ComboboxProps<TData extends OptionData> = React$1.AriaAttributes & Omit<Vir
     virtual?: boolean;
     isLoading?: boolean;
     loadingContent?: React$1.ReactNode;
+    valueRender?: (option: VirtualizedCommandOption<TData>) => React$1.ReactNode;
     popoverProps?: Omit<React$1.ComponentProps<typeof Popover>, "open" | "onOpenChange">;
     popoverContentProps?: Omit<React$1.ComponentProps<typeof PopoverContent>, "children">;
 };

package/dist/index.js

@@ -4505,17 +4505,26 @@ function SelectScrollDownButton({
     }
   );
 }
-var FieldSelect = ({ row, fieldOptions, onChangeField }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(Select, { value: row.fieldName, onValueChange: (value) => onChangeField(value), children: [
-  /* @__PURE__ */ jsxRuntime.jsx(
-    SelectTrigger,
-    {
-      className: "w-full justify-between rounded-md bg-white px-4 text-sm font-medium text-gray-700 shadow-none focus:ring-0",
-      "data-testid": "advsearch-dropdown-selectfield",
-      children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "Select field" })
-    }
-  ),
-  /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { className: "w-full min-w-[unset]", children: fieldOptions.map((f) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: f.value, children: f.label }, f.value)) })
-] }) });
+var FieldSelect = ({ row, fieldOptions, onChangeField }) => {
+  const selected = fieldOptions.find((f) => f.value === row.fieldName);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(Select, { value: row.fieldName, onValueChange: (value) => onChangeField(value), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SelectTrigger,
+      {
+        className: "w-full justify-between rounded-md bg-white px-4 text-sm font-medium text-gray-700 shadow-none focus:ring-0",
+        "data-testid": "advsearch-dropdown-selectfield",
+        children: selected ? selected.decorator ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center", children: [
+          selected.decorator,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(selected.labelStyle), children: selected.label })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(selected.labelStyle), children: selected.label }) : /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "Select field" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { className: "w-full min-w-[unset]", children: fieldOptions.map((f) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: f.value, children: f.decorator ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center", children: [
+      f.decorator,
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(f.labelStyle), children: f.label })
+    ] }) : f.label }, f.value)) })
+  ] }) });
+};
 
 // src/components/advanceSearch/types.ts
 var OPERATOR_LABEL = {
@@ -7191,6 +7200,7 @@ var ComboboxInner = ({
   virtual = true,
   isLoading,
   loadingContent,
+  valueRender,
   popoverProps,
   popoverContentProps,
   ...props
@@ -7216,7 +7226,7 @@ var ComboboxInner = ({
     }
     if (!selectedValue) return placeholder2;
     if (currentSelectedOption) {
-      return getLabelField(currentSelectedOption);
+      return valueRender ? valueRender(currentSelectedOption) : getLabelField(currentSelectedOption);
     }
     if (showValueWhenNoMatch) {
       return selectedValue;
@@ -7418,6 +7428,20 @@ var ConditionDropdownInput = ({ row, control, fieldSchema, onClear }) => {
               showClear: hasValue,
               showSearch: true,
               virtual: false,
+              labelRender: (option) => {
+                const opt = option;
+                return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center", children: [
+                  opt.decorator,
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(opt.labelStyle), children: opt.label })
+                ] });
+              },
+              valueRender: (option) => {
+                const opt = option;
+                return opt.decorator ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center", children: [
+                  opt.decorator,
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(opt.labelStyle), children: opt.label })
+                ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(opt.labelStyle), children: opt.label });
+              },
               onSelect: (val) => field.onChange(val),
               onClear: handleClear
             }