@charlesgomes/leafcode-shared-lib-react 1.0.71 → 1.0.73

package/dist/index.d.mts

@@ -102,7 +102,7 @@ interface PaginatedResponse$1 {
 interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     name: string;
     label?: string;
-    value?: string | number | readonly string[] | undefined;
+    value?: string;
     onChange?: (value: any) => void;
     onSelect: (item: any) => void;
     error?: FieldError;

package/dist/index.d.ts

@@ -102,7 +102,7 @@ interface PaginatedResponse$1 {
 interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     name: string;
     label?: string;
-    value?: string | number | readonly string[] | undefined;
+    value?: string;
     onChange?: (value: any) => void;
     onSelect: (item: any) => void;
     error?: FieldError;

package/dist/index.js

@@ -723,6 +723,7 @@ var InputBase3 = ({
   error,
   onChange,
   onSelect,
+  value,
   defaultValue,
   inputAutocompleteActive,
   queryKey,
@@ -750,7 +751,6 @@ var InputBase3 = ({
     "--input-height": theme.components.input.sizes.height,
     "--input-border-radius": theme.components.input.sizes.radius
   };
-  const [value, setValue] = (0, import_react12.useState)("");
   const [items, setItems] = (0, import_react12.useState)([]);
   const [pageNumber, setPageNumber] = (0, import_react12.useState)(1);
   const [search, setSearch] = (0, import_react12.useState)("");
@@ -771,15 +771,11 @@ var InputBase3 = ({
     const debounced = import_lodash2.default.debounce(() => {
       setPageNumber(1);
       setItems([]);
-      setSearch(value);
+      setSearch(value ?? "");
     }, 600);
     debounced();
     return () => debounced.cancel();
   }, [value]);
-  (0, import_react12.useEffect)(() => {
-    if (!defaultValue) return;
-    setValue(defaultValue.label ?? defaultValue);
-  }, [defaultValue]);
   const handleScroll = () => {
     if (!listRef.current || !data) return;
     const { scrollTop, clientHeight, scrollHeight } = listRef.current;
@@ -788,7 +784,7 @@ var InputBase3 = ({
     }
   };
   const handleSelect = (item) => {
-    setValue(item.nome);
+    onChange?.(item.nome);
     setIsOpen(false);
     onSelect(item);
   };
@@ -814,7 +810,9 @@ var InputBase3 = ({
       className: "input-wrapper",
       style: styleVars,
       tabIndex: -1,
-      onBlur: (e) => e.relatedTarget === null && setIsOpen(false),
+      onBlur: (e) => {
+        e.relatedTarget === null && setIsOpen(false);
+      },
       children: [
         label && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "label",
@@ -835,10 +833,10 @@ var InputBase3 = ({
               placeholder,
               autoComplete: "off",
               className: "input",
-              value,
+              value: value ?? "",
               onChange: (e) => {
-                setValue(e.target.value);
-                onChange?.(e.target.value);
+                const val = e.target.value;
+                onChange?.(val);
                 setIsOpen(true);
               },
               onFocus: () => setIsOpen(true),
@@ -850,10 +848,9 @@ var InputBase3 = ({
             {
               type: "button",
               onClick: () => {
-                setValue("");
                 setItems([]);
                 setPageNumber(1);
-                onChange?.(null);
+                onChange?.("");
                 onSelect(null);
               },
               className: "dropdown-clear",

package/dist/index.mjs

@@ -673,6 +673,7 @@ var InputBase3 = ({
   error,
   onChange,
   onSelect,
+  value,
   defaultValue,
   inputAutocompleteActive,
   queryKey,
@@ -700,7 +701,6 @@ var InputBase3 = ({
     "--input-height": theme.components.input.sizes.height,
     "--input-border-radius": theme.components.input.sizes.radius
   };
-  const [value, setValue] = useState4("");
   const [items, setItems] = useState4([]);
   const [pageNumber, setPageNumber] = useState4(1);
   const [search, setSearch] = useState4("");
@@ -721,15 +721,11 @@ var InputBase3 = ({
     const debounced = _.debounce(() => {
       setPageNumber(1);
       setItems([]);
-      setSearch(value);
+      setSearch(value ?? "");
     }, 600);
     debounced();
     return () => debounced.cancel();
   }, [value]);
-  useEffect4(() => {
-    if (!defaultValue) return;
-    setValue(defaultValue.label ?? defaultValue);
-  }, [defaultValue]);
   const handleScroll = () => {
     if (!listRef.current || !data) return;
     const { scrollTop, clientHeight, scrollHeight } = listRef.current;
@@ -738,7 +734,7 @@ var InputBase3 = ({
     }
   };
   const handleSelect = (item) => {
-    setValue(item.nome);
+    onChange?.(item.nome);
     setIsOpen(false);
     onSelect(item);
   };
@@ -764,7 +760,9 @@ var InputBase3 = ({
       className: "input-wrapper",
       style: styleVars,
       tabIndex: -1,
-      onBlur: (e) => e.relatedTarget === null && setIsOpen(false),
+      onBlur: (e) => {
+        e.relatedTarget === null && setIsOpen(false);
+      },
       children: [
         label && /* @__PURE__ */ jsx10(
           "label",
@@ -785,10 +783,10 @@ var InputBase3 = ({
               placeholder,
               autoComplete: "off",
               className: "input",
-              value,
+              value: value ?? "",
               onChange: (e) => {
-                setValue(e.target.value);
-                onChange?.(e.target.value);
+                const val = e.target.value;
+                onChange?.(val);
                 setIsOpen(true);
               },
               onFocus: () => setIsOpen(true),
@@ -800,10 +798,9 @@ var InputBase3 = ({
             {
               type: "button",
               onClick: () => {
-                setValue("");
                 setItems([]);
                 setPageNumber(1);
-                onChange?.(null);
+                onChange?.("");
                 onSelect(null);
               },
               className: "dropdown-clear",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@charlesgomes/leafcode-shared-lib-react",
-  "version": "1.0.71",
+  "version": "1.0.73",
   "description": "Lib de componentes react",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",