lecom-ui 5.0.1 → 5.0.3

package/dist/components/MultiSelect/MultiSelect.js

@@ -13,18 +13,18 @@ const MultiSelect = React.forwardRef(
   ({
     options,
     onValueChange,
-    defaultValue = [],
+    value = [],
     placeholder = "Select options",
     maxCount = 3,
     modalPopover = false,
     className
   }, ref) => {
     const { t } = useTranslation();
-    const [selectedValues, setSelectedValues] = React.useState(defaultValue);
+    const [selectedValues, setSelectedValues] = React.useState(value);
     const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);
     React.useEffect(() => {
-      setSelectedValues(defaultValue);
-    }, [defaultValue]);
+      setSelectedValues(value);
+    }, [value]);
     const handleInputKeyDown = (event) => {
       if (event.key === "Enter") {
         setIsPopoverOpen(true);
@@ -36,7 +36,7 @@ const MultiSelect = React.forwardRef(
       }
     };
     const toggleOption = (option) => {
-      const newSelectedValues = selectedValues.includes(option) ? selectedValues.filter((value) => value !== option) : [...selectedValues, option];
+      const newSelectedValues = selectedValues.includes(option) ? selectedValues.filter((value2) => value2 !== option) : [...selectedValues, option];
       setSelectedValues(newSelectedValues);
       onValueChange(newSelectedValues);
     };
@@ -82,15 +82,15 @@ const MultiSelect = React.forwardRef(
             className
           )
         },
-        selectedValues.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-center w-full" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap items-center gap-1" }, selectedValues.slice(0, maxCount).map((value) => {
-          const option = options.find((o) => o.value === value);
-          return /* @__PURE__ */ React.createElement(Tag, { key: value, color: "blue", className: "focus:ring-0" }, option?.label, /* @__PURE__ */ React.createElement(
+        selectedValues.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-center w-full" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap items-center gap-1" }, selectedValues.slice(0, maxCount).map((value2) => {
+          const option = options.find((o) => o.value === value2);
+          return /* @__PURE__ */ React.createElement(Tag, { key: value2, color: "blue", className: "focus:ring-0" }, option?.label, /* @__PURE__ */ React.createElement(
             X,
             {
               className: "h-4 w-4 cursor-pointer",
               onClick: (event) => {
                 event.stopPropagation();
-                toggleOption(value);
+                toggleOption(value2);
               }
             }
           ));

package/dist/index.d.ts

@@ -657,7 +657,7 @@ interface MultiSelectProps extends React$1.ButtonHTMLAttributes<HTMLButtonElemen
         value: string;
     }[];
     onValueChange: (value: string[]) => void;
-    defaultValue?: string[];
+    value?: string[];
     placeholder?: string;
     maxCount?: number;
     modalPopover?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lecom-ui",
-  "version": "5.0.1",
+  "version": "5.0.3",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",