lecom-ui 5.0.0 → 5.0.3

package/dist/components/MultiSelect/MultiSelect.js

@@ -13,15 +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(value);
+    }, [value]);
     const handleInputKeyDown = (event) => {
       if (event.key === "Enter") {
         setIsPopoverOpen(true);
@@ -33,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);
     };
@@ -79,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

@@ -609,9 +609,9 @@ interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<
 }
 
 declare const inputVariants: (props?: ({
-    variant?: "filled" | "default" | "borderless" | null | undefined;
-    size?: "small" | "large" | "default" | null | undefined;
-    radius?: "small" | "large" | "default" | "full" | null | undefined;
+    variant?: "default" | "filled" | "borderless" | null | undefined;
+    size?: "default" | "small" | "large" | null | undefined;
+    radius?: "default" | "small" | "large" | "full" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size' | 'sufix' | 'prefix'>, VariantProps<typeof inputVariants> {
     sufix?: React$1.ReactNode;
@@ -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.0",
+  "version": "5.0.3",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",
@@ -29,7 +29,7 @@
     "@radix-ui/react-dialog": "^1.1.11",
     "@radix-ui/react-dropdown-menu": "^2.1.4",
     "@radix-ui/react-label": "^2.1.4",
-    "@radix-ui/react-popover": "^1.1.4",
+    "@radix-ui/react-popover": "^1.1.11",
     "@radix-ui/react-radio-group": "^1.2.2",
     "@radix-ui/react-scroll-area": "^1.2.2",
     "@radix-ui/react-select": "^2.2.2",