@onesaz/ui 0.3.4 → 0.3.5

package/dist/index.d.ts

@@ -678,8 +678,10 @@ interface ComboboxOption {
     label: string;
     disabled?: boolean;
 }
+type ComboboxPrimitiveOption = string;
+type ComboboxObjectOption = Record<string, unknown>;
 interface ComboboxSingleProps {
-    options: ComboboxOption[];
+    options: ComboboxOption[] | ComboboxPrimitiveOption[] | ComboboxObjectOption[];
     value?: ComboboxOption | null;
     defaultValue?: ComboboxOption | null;
     onChange?: (value: ComboboxOption | null) => void;
@@ -693,9 +695,12 @@ interface ComboboxSingleProps {
     openOnFocus?: boolean;
     inputValue?: string;
     onInputChange?: (value: string) => void;
+    simpleOptions?: boolean;
+    labelKey?: string;
+    valueKey?: string;
 }
 interface ComboboxMultipleProps {
-    options: ComboboxOption[];
+    options: ComboboxOption[] | ComboboxPrimitiveOption[] | ComboboxObjectOption[];
     value?: ComboboxOption[];
     defaultValue?: ComboboxOption[];
     onChange?: (value: ComboboxOption[]) => void;
@@ -713,6 +718,9 @@ interface ComboboxMultipleProps {
     selectAll?: boolean;
     /** Label for select-all option */
     selectAllLabel?: string;
+    simpleOptions?: boolean;
+    labelKey?: string;
+    valueKey?: string;
     /** Maximum number of items to display as chips before showing "+N more" */
     maxDisplayItems?: number;
 }

package/dist/index.js

@@ -2975,6 +2975,23 @@ var Combobox = React30.forwardRef(
       openOnFocus = true,
       className
     } = props;
+    const labelKey = props.labelKey ?? "label";
+    const valueKey = props.valueKey ?? "value";
+    const normalizedOptions = React30.useMemo(() => {
+      return (options ?? []).map((option) => {
+        if (typeof option === "string") {
+          return { label: option, value: option };
+        }
+        const record = option;
+        const maybeLabel = record[labelKey];
+        const maybeValue = record[valueKey];
+        return {
+          label: typeof maybeLabel === "string" ? maybeLabel : String(maybeLabel ?? ""),
+          value: typeof maybeValue === "string" ? maybeValue : String(maybeValue ?? ""),
+          disabled: Boolean(option.disabled)
+        };
+      });
+    }, [options, labelKey, valueKey]);
     const [open, setOpen] = React30.useState(false);
     const [internalSearch, setInternalSearch] = React30.useState("");
     const containerRef = React30.useRef(null);
@@ -2988,15 +3005,15 @@ var Combobox = React30.forwardRef(
     const multiValue = isMultiple ? props.value !== void 0 ? props.value : internalMultiValue : [];
     const search = props.inputValue !== void 0 ? props.inputValue : internalSearch;
     const filteredOptions = React30.useMemo(() => {
-      if (!search) return options;
-      return options.filter(
+      if (!search) return normalizedOptions;
+      return normalizedOptions.filter(
         (option) => option.label.toLowerCase().includes(search.toLowerCase())
       );
-    }, [options, search]);
+    }, [normalizedOptions, search]);
     const selectedOptions = isMultiple ? multiValue : [];
     const selectableOptions = React30.useMemo(
-      () => options.filter((option) => !option.disabled),
-      [options]
+      () => normalizedOptions.filter((option) => !option.disabled),
+      [normalizedOptions]
     );
     const allSelected = isMultiple && selectableOptions.length > 0 && selectableOptions.every(
       (option) => multiValue.some((item) => item.value === option.value)