@majapisoftwares/ui 4.3.3 → 4.3.5

package/components/Input/MultiSelectInput.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentProps } from "react";
 import { type InputProps } from "./Input";
-declare function MultiSelectInput({ options, value, onChange, emptyLabel, ref, badgeClassName, name, onValueChange, inputClassName, emptyClassName, ...props }: Omit<InputProps<undefined>, "value"> & {
+declare function MultiSelectInput({ options, value, onChange, emptyLabel, ref, badgeClassName, name, onValueChange, inputClassName, emptyClassName, noneLabel, ...props }: Omit<InputProps<undefined>, "value"> & {
     options: {
         value: string;
         name: string;
@@ -10,6 +10,7 @@ declare function MultiSelectInput({ options, value, onChange, emptyLabel, ref, b
     emptyLabel?: string;
     badgeClassName?: string;
     emptyClassName?: string;
+    noneLabel?: string;
 }): import("react").JSX.Element;
 export type MultiSelectInputProps = ComponentProps<typeof MultiSelectInput>;
 export default MultiSelectInput;

package/components/Input/MultiSelectInput.jsx

@@ -7,7 +7,7 @@ import clsx from "../../utils/clsx";
 import Badge from "../Badge";
 import useInputRefValue from "./useInputRefValue";
 import { useDeepCompareEffect } from "react-use";
-function MultiSelectInput({ options, value, onChange, emptyLabel = "None", ref, badgeClassName, name, onValueChange, inputClassName, emptyClassName, ...props }) {
+function MultiSelectInput({ options, value, onChange, emptyLabel = "None", ref, badgeClassName, name, onValueChange, inputClassName, emptyClassName, noneLabel = "None", ...props }) {
     const { innerRef, innerValue, setInnerValue } = useInputRefValue({
         value,
         ref,
@@ -19,7 +19,7 @@ function MultiSelectInput({ options, value, onChange, emptyLabel = "None", ref,
         if (onValueChange) {
             onValueChange(innerValue || []);
         }
-    }, [innerValue]);
+    }, [{ innerValue }]);
     emptyClassName = isEmpty
         ? clsx("text-zinc-500 dark:text-zinc-500", emptyClassName)
         : "p-1.5";
@@ -37,7 +37,7 @@ function MultiSelectInput({ options, value, onChange, emptyLabel = "None", ref,
       </DropdownMenu.Trigger>
       <DropdownMenu.Content>
         <DropdownMenu.Item onClick={() => setInnerValue([])}>
-          {emptyLabel}
+          {noneLabel}
         </DropdownMenu.Item>
         {options.map((option) => (<DropdownMenu.CheckboxItem key={option.name} checked={innerValue?.includes(option.value)} onClick={() => setInnerValue(xor(innerValue, [option.value]))}>
             {option.name}

package/components/Input/useInputRefValue.jsx

@@ -42,7 +42,7 @@ export default function useInputRefValue({ value, ref, name, onChange, }) {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
             });
         }
-    }, [innerValue]);
+    }, [{ innerValue }]);
     return {
         innerRef,
         innerValue,

package/package.json

@@ -4,5 +4,5 @@
     "type": "git",
     "url": "https://github.com/majapisoftwares/ui.git"
   },
-  "version": "4.3.3"
+  "version": "4.3.5"
 }