next-recomponents 2.0.45 → 2.0.46

package/dist/index.js

@@ -36765,12 +36765,12 @@ function Select({
     }).map((child) => {
       return {
         value: child.props.value,
-        label: child.props.children
+        label: import_react9.default.Children.toArray(child.props.children).join("")
       };
     });
     setOptions(parsedOptions);
     setFiltered(parsedOptions);
-    const value = (props == null ? void 0 : props.value) && ((_a = parsedOptions.find((opt) => opt.value == props.value)) == null ? void 0 : _a.label);
+    const value = (props == null ? void 0 : props.value) ? ((_a = parsedOptions.find((opt) => opt.value == props.value)) == null ? void 0 : _a.label) || "" : "";
     setInputValue(value);
   }, [children]);
   (0, import_react9.useEffect)(() => {
@@ -36798,7 +36798,8 @@ function Select({
     }
   };
   const selectOption = (opt) => {
-    setInputValue(opt.label);
+    const v = `${opt.label}`;
+    setInputValue(v);
     setIsOpen(false);
   };
   const containerRef = (0, import_react9.useRef)(null);
@@ -36816,7 +36817,7 @@ function Select({
     }
   }, [isOpen]);
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { ref: containerRef, className: "w-full relative my-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative flex items-center border rounded bg-white", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative flex items-center border rounded bg-white ", children: [
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         "input",
         {
@@ -36877,7 +36878,7 @@ function Select({
           children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CloseIcon, {})
         }
       ),
-      isOpen && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      isOpen && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         "div",
         {
           style: { zIndex: 9999999999 },

package/dist/index.mjs

@@ -36750,12 +36750,12 @@ function Select({
     }).map((child) => {
       return {
         value: child.props.value,
-        label: child.props.children
+        label: React5.Children.toArray(child.props.children).join("")
       };
     });
     setOptions(parsedOptions);
     setFiltered(parsedOptions);
-    const value = (props == null ? void 0 : props.value) && ((_a = parsedOptions.find((opt) => opt.value == props.value)) == null ? void 0 : _a.label);
+    const value = (props == null ? void 0 : props.value) ? ((_a = parsedOptions.find((opt) => opt.value == props.value)) == null ? void 0 : _a.label) || "" : "";
     setInputValue(value);
   }, [children]);
   useEffect5(() => {
@@ -36783,7 +36783,8 @@ function Select({
     }
   };
   const selectOption = (opt) => {
-    setInputValue(opt.label);
+    const v = `${opt.label}`;
+    setInputValue(v);
     setIsOpen(false);
   };
   const containerRef = useRef2(null);
@@ -36801,7 +36802,7 @@ function Select({
     }
   }, [isOpen]);
   return /* @__PURE__ */ jsxs7("div", { ref: containerRef, className: "w-full relative my-3", children: [
-    /* @__PURE__ */ jsxs7("div", { className: "relative flex items-center border rounded bg-white", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "relative flex items-center border rounded bg-white ", children: [
       /* @__PURE__ */ jsx10(
         "input",
         {
@@ -36862,7 +36863,7 @@ function Select({
           children: /* @__PURE__ */ jsx10(CloseIcon, {})
         }
       ),
-      isOpen && filtered.length > 0 && /* @__PURE__ */ jsx10(
+      isOpen && /* @__PURE__ */ jsx10(
         "div",
         {
           style: { zIndex: 9999999999 },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-recomponents",
-  "version": "2.0.45",
+  "version": "2.0.46",
   "description": "description nueva",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/select/index.tsx

@@ -56,14 +56,14 @@ export default function Select({
       .map((child: any) => {
         return {
           value: child.props.value,
-          label: child.props.children,
+          label: React.Children.toArray(child.props.children).join(""),
         };
       });
     setOptions(parsedOptions);
     setFiltered(parsedOptions);
-    const value =
-      props?.value &&
-      parsedOptions.find((opt) => opt.value == props.value)?.label;
+    const value = props?.value
+      ? parsedOptions.find((opt) => opt.value == props.value)?.label || ""
+      : "";
     setInputValue(value);
   }, [children]);
 
@@ -97,8 +97,9 @@ export default function Select({
   };
 
   const selectOption = (opt: { value: string; label: string }) => {
-    // console.log(opt.label);
-    setInputValue(opt.label);
+    const v = `${opt.label}`;
+
+    setInputValue(v);
     setIsOpen(false);
   };
 
@@ -120,7 +121,7 @@ export default function Select({
   }, [isOpen]);
   return (
     <div ref={containerRef} className="w-full relative my-3">
-      <div className="relative flex items-center border rounded bg-white">
+      <div className="relative flex items-center border rounded bg-white ">
         <input
           autoComplete="off"
           ref={inputRef}
@@ -162,6 +163,7 @@ export default function Select({
           onFocus={() => setIsOpen(true)}
           onKeyDown={handleKeyDown}
         />
+
         {label && (
           <label className="absolute -top-2.5 left-2 text-xs font-bold  px-1">
             {label} {props?.required && <span className="text-red-500">*</span>}
@@ -190,7 +192,7 @@ export default function Select({
             <CloseIcon />
           </button>
         )}
-        {isOpen && filtered.length > 0 && (
+        {isOpen && (
           <div
             style={{ zIndex: 9999999999 }}
             className={`absolute w-full border rounded shadow bg-white z-10 max-h-100 top-10  overflow-y-auto ${