@algorithm-shift/design-system 1.2.956 → 1.2.957

package/dist/index.d.mts

@@ -334,8 +334,8 @@ interface LazyMultiSelectDropdownProps extends Omit<any, 'lazyLoad'> {
     pageSize?: number;
     dataKey?: string;
     dataLabel?: string;
-    value: string[] | string;
-    onChange: (val: string[] | string, id?: string) => void;
+    value?: string[] | string;
+    onChange?: (val: string[] | string, id?: string) => void;
     errorMessage?: string;
     axiosInstance?: any;
     outputFormat?: 'array' | 'comma' | 'semicolon';

package/dist/index.d.ts

@@ -334,8 +334,8 @@ interface LazyMultiSelectDropdownProps extends Omit<any, 'lazyLoad'> {
     pageSize?: number;
     dataKey?: string;
     dataLabel?: string;
-    value: string[] | string;
-    onChange: (val: string[] | string, id?: string) => void;
+    value?: string[] | string;
+    onChange?: (val: string[] | string, id?: string) => void;
     errorMessage?: string;
     axiosInstance?: any;
     outputFormat?: 'array' | 'comma' | 'semicolon';

package/dist/index.js

@@ -27853,8 +27853,14 @@ function useLazyDropdown(config) {
   (0, import_react19.useEffect)(() => {
     const cfg = configRef.current;
     if (!cfg.enabled || !cfg.value || cfg.dataSource !== "api" || !cfg.apiUrl) return;
-    const valueExists = options.some((opt) => opt.value === cfg.value);
-    if (valueExists) return;
+    if (!!cfg.isMultiSelect) {
+      const values = String(cfg.value).split(",").map((v) => v.trim());
+      const valueExists = values.every((val) => options.some((opt) => opt.value === val));
+      if (valueExists) return;
+    } else {
+      const valueExists = options.some((opt) => opt.value === cfg.value);
+      if (valueExists) return;
+    }
     fetchValueItem();
   }, [config.value, config.dataKey, config.apiUrl, config.dataSource, transformToOptions]);
   const loadMore = (0, import_react19.useCallback)(() => {
@@ -28777,7 +28783,8 @@ function LazyMultiSelectDropdown({
     dataLabel,
     initialData: options || [],
     value,
-    axiosInstance
+    axiosInstance,
+    isMultiSelect: true
   });
   const ensureUnique = (arr) => {
     return Array.from(new Set(arr));
@@ -28841,11 +28848,11 @@ function LazyMultiSelectDropdown({
     } else {
       updated = ensureUnique([...normalizedValue, val]);
     }
-    onChange(convertOutput(updated), id);
+    onChange?.(convertOutput(updated), id);
   };
   const removeTag = (val) => {
     const updated = normalizedValue.filter((v) => v !== val);
-    onChange(convertOutput(updated), id);
+    onChange?.(convertOutput(updated), id);
   };
   const handleFocus = () => {
     if (!disabled) setIsOpen(true);