next-recomponents 1.2.2 → 1.2.4

package/dist/index.js

@@ -11148,9 +11148,9 @@ function TD(_a) {
   const [isHidded, setIsHidded] = (0, import_react23.useState)(false);
   const isNode = (0, import_react23.useMemo)(() => {
     var _a2;
-    return symbols && typeof symbols[item.name] == "object" && ((_a2 = symbols[item.name]) == null ? void 0 : _a2.props);
+    return symbols && typeof symbols[item == null ? void 0 : item.name] == "object" && ((_a2 = symbols[item == null ? void 0 : item.name]) == null ? void 0 : _a2.props);
   }, [symbols]);
-  const newProps = symbols && isNode && Object.keys(symbols[item.name].props).reduce(
+  const newProps = symbols && isNode && Object.keys(symbols[item == null ? void 0 : item.name].props).reduce(
     (acc, i) => {
       try {
         const newAcc = __spreadValues({}, acc);
@@ -11159,29 +11159,29 @@ function TD(_a) {
           newAcc[i] = (e) => {
             var _a2, _b2;
             e.item = item;
-            (_b2 = (_a2 = symbols[item.name].props)[i]) == null ? void 0 : _b2.call(_a2, e);
+            (_b2 = (_a2 = symbols[item == null ? void 0 : item.name].props)[i]) == null ? void 0 : _b2.call(_a2, e);
           };
         }
         return newAcc;
       } catch (error) {
       }
     },
-    { defaultValue: item.content }
+    { defaultValue: item == null ? void 0 : item.content }
   );
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "td",
     {
       onDoubleClick: (e) => setIsHidded(!isHidded),
-      title: item.title,
+      title: item == null ? void 0 : item.title,
       className: [
         isHidded && color2,
         !isHidded && "whitespace-nowrap overflow-hidden text-ellipsis   ",
         "border-b max-w-[200px] p-5 ",
-        ["number", "money"].includes(item.cellTypeOf) && "text-right"
+        ["number", "money"].includes(item == null ? void 0 : item.cellTypeOf) && "text-right"
       ].join(" "),
-      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: symbols && symbols[item.name] && "flex justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: symbols && symbols[item.name] && (isNode ? import_react23.default.cloneElement(symbols[item.name], __spreadValues({}, newProps)) : symbols[item.name]) }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: item.content })
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: symbols && symbols[item == null ? void 0 : item.name] && "flex justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: symbols && symbols[item == null ? void 0 : item.name] && (isNode ? import_react23.default.cloneElement(symbols[item == null ? void 0 : item.name], __spreadValues({}, newProps)) : symbols[item == null ? void 0 : item.name]) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: item == null ? void 0 : item.content })
       ] })
     }
   );
@@ -11238,7 +11238,10 @@ function FilterMenu({
   const [newMapedData, setNewMapedData] = (0, import_react24.useState)([]);
   (0, import_react24.useEffect)(() => {
     setNewMapedData(
-      [...new Set(mapedData.map((md) => md[h].content))].filter(
+      [...new Set(mapedData.map((md) => {
+        var _a;
+        return (_a = md[h]) == null ? void 0 : _a.content;
+      }))].filter(
         (item) => {
           return item && `${item}`.toLowerCase().includes(text.toLowerCase());
         }
@@ -11403,7 +11406,8 @@ function HTable(_a) {
   const mapedTotals = (0, import_react25.useMemo)(() => {
     return mapedData.reduce((acc, md) => {
       head.forEach((h) => {
-        const value = isNaN(+md[h].content) ? 0 : +md[h].content;
+        var _a2, _b2;
+        const value = isNaN(+((_a2 = md[h]) == null ? void 0 : _a2.content)) ? 0 : +((_b2 = md[h]) == null ? void 0 : _b2.content);
         if (acc[h]) {
           acc[h] += value;
         } else {
@@ -11417,7 +11421,10 @@ function HTable(_a) {
     setFilters(__spreadValues({}, head.reduce((acc, hh) => {
       const newAcc = __spreadValues({}, acc);
       newAcc[hh] = [
-        ...new Set(mapedData.map((md) => md[hh].content))
+        ...new Set(mapedData.map((md) => {
+          var _a2;
+          return (_a2 = md[hh]) == null ? void 0 : _a2.content;
+        }))
       ];
       return newAcc;
     }, {})));
@@ -11447,7 +11454,12 @@ function HTable(_a) {
     /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("thead", { className: "bg-gray-800 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tr", { children: head.map((h, key) => {
       var _a2;
       const items = [
-        ...new Set(mapedData.map((item) => item[h].content))
+        ...new Set(
+          mapedData.map((item) => {
+            var _a3;
+            return (_a3 = item[h]) == null ? void 0 : _a3.content;
+          })
+        )
       ];
       return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
         "th",
@@ -11487,8 +11499,9 @@ function HTable(_a) {
       );
     }) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tbody", { className: "divide-y divide-gray-200", children: mapedData.filter((md) => {
+      var _a2;
       for (let datum of Object.keys(md)) {
-        if (!filters[datum].map((d) => `${d}`.toLowerCase()).includes(`${md[datum].content}`.toLowerCase())) {
+        if (!filters[datum].map((d) => `${d}`.toLowerCase()).includes(`${(_a2 = md[datum]) == null ? void 0 : _a2.content}`.toLowerCase())) {
           return false;
         }
       }

package/dist/index.mjs

@@ -11139,9 +11139,9 @@ function TD(_a) {
   const [isHidded, setIsHidded] = useState4(false);
   const isNode = useMemo6(() => {
     var _a2;
-    return symbols && typeof symbols[item.name] == "object" && ((_a2 = symbols[item.name]) == null ? void 0 : _a2.props);
+    return symbols && typeof symbols[item == null ? void 0 : item.name] == "object" && ((_a2 = symbols[item == null ? void 0 : item.name]) == null ? void 0 : _a2.props);
   }, [symbols]);
-  const newProps = symbols && isNode && Object.keys(symbols[item.name].props).reduce(
+  const newProps = symbols && isNode && Object.keys(symbols[item == null ? void 0 : item.name].props).reduce(
     (acc, i) => {
       try {
         const newAcc = __spreadValues({}, acc);
@@ -11150,29 +11150,29 @@ function TD(_a) {
           newAcc[i] = (e) => {
             var _a2, _b2;
             e.item = item;
-            (_b2 = (_a2 = symbols[item.name].props)[i]) == null ? void 0 : _b2.call(_a2, e);
+            (_b2 = (_a2 = symbols[item == null ? void 0 : item.name].props)[i]) == null ? void 0 : _b2.call(_a2, e);
           };
         }
         return newAcc;
       } catch (error) {
       }
     },
-    { defaultValue: item.content }
+    { defaultValue: item == null ? void 0 : item.content }
   );
   return /* @__PURE__ */ jsx8(
     "td",
     {
       onDoubleClick: (e) => setIsHidded(!isHidded),
-      title: item.title,
+      title: item == null ? void 0 : item.title,
       className: [
         isHidded && color2,
         !isHidded && "whitespace-nowrap overflow-hidden text-ellipsis   ",
         "border-b max-w-[200px] p-5 ",
-        ["number", "money"].includes(item.cellTypeOf) && "text-right"
+        ["number", "money"].includes(item == null ? void 0 : item.cellTypeOf) && "text-right"
       ].join(" "),
-      children: /* @__PURE__ */ jsxs6("div", { className: symbols && symbols[item.name] && "flex justify-between", children: [
-        /* @__PURE__ */ jsx8("div", { children: symbols && symbols[item.name] && (isNode ? React3.cloneElement(symbols[item.name], __spreadValues({}, newProps)) : symbols[item.name]) }),
-        /* @__PURE__ */ jsx8("div", { children: item.content })
+      children: /* @__PURE__ */ jsxs6("div", { className: symbols && symbols[item == null ? void 0 : item.name] && "flex justify-between", children: [
+        /* @__PURE__ */ jsx8("div", { children: symbols && symbols[item == null ? void 0 : item.name] && (isNode ? React3.cloneElement(symbols[item == null ? void 0 : item.name], __spreadValues({}, newProps)) : symbols[item == null ? void 0 : item.name]) }),
+        /* @__PURE__ */ jsx8("div", { children: item == null ? void 0 : item.content })
       ] })
     }
   );
@@ -11229,7 +11229,10 @@ function FilterMenu({
   const [newMapedData, setNewMapedData] = useState5([]);
   useEffect6(() => {
     setNewMapedData(
-      [...new Set(mapedData.map((md) => md[h].content))].filter(
+      [...new Set(mapedData.map((md) => {
+        var _a;
+        return (_a = md[h]) == null ? void 0 : _a.content;
+      }))].filter(
         (item) => {
           return item && `${item}`.toLowerCase().includes(text.toLowerCase());
         }
@@ -11394,7 +11397,8 @@ function HTable(_a) {
   const mapedTotals = useMemo7(() => {
     return mapedData.reduce((acc, md) => {
       head.forEach((h) => {
-        const value = isNaN(+md[h].content) ? 0 : +md[h].content;
+        var _a2, _b2;
+        const value = isNaN(+((_a2 = md[h]) == null ? void 0 : _a2.content)) ? 0 : +((_b2 = md[h]) == null ? void 0 : _b2.content);
         if (acc[h]) {
           acc[h] += value;
         } else {
@@ -11408,7 +11412,10 @@ function HTable(_a) {
     setFilters(__spreadValues({}, head.reduce((acc, hh) => {
       const newAcc = __spreadValues({}, acc);
       newAcc[hh] = [
-        ...new Set(mapedData.map((md) => md[hh].content))
+        ...new Set(mapedData.map((md) => {
+          var _a2;
+          return (_a2 = md[hh]) == null ? void 0 : _a2.content;
+        }))
       ];
       return newAcc;
     }, {})));
@@ -11438,7 +11445,12 @@ function HTable(_a) {
     /* @__PURE__ */ jsx11("thead", { className: "bg-gray-800 text-white", children: /* @__PURE__ */ jsx11("tr", { children: head.map((h, key) => {
       var _a2;
       const items = [
-        ...new Set(mapedData.map((item) => item[h].content))
+        ...new Set(
+          mapedData.map((item) => {
+            var _a3;
+            return (_a3 = item[h]) == null ? void 0 : _a3.content;
+          })
+        )
       ];
       return /* @__PURE__ */ jsxs8(
         "th",
@@ -11478,8 +11490,9 @@ function HTable(_a) {
       );
     }) }) }),
     /* @__PURE__ */ jsx11("tbody", { className: "divide-y divide-gray-200", children: mapedData.filter((md) => {
+      var _a2;
       for (let datum of Object.keys(md)) {
-        if (!filters[datum].map((d) => `${d}`.toLowerCase()).includes(`${md[datum].content}`.toLowerCase())) {
+        if (!filters[datum].map((d) => `${d}`.toLowerCase()).includes(`${(_a2 = md[datum]) == null ? void 0 : _a2.content}`.toLowerCase())) {
           return false;
         }
       }

package/package.json

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

package/src/table/filter.menu.tsx

@@ -27,7 +27,7 @@ export default function FilterMenu({
 
   useEffect(() => {
     setNewMapedData(
-      [...new Set<string>(mapedData.map((md: any) => md[h].content))].filter(
+      [...new Set<string>(mapedData.map((md: any) => md[h]?.content))].filter(
         (item) => {
           return item && `${item}`.toLowerCase().includes(text.toLowerCase());
         }

package/src/table/h.tsx

@@ -24,7 +24,7 @@ export default function HTable({
   const mapedTotals = useMemo(() => {
     return mapedData.reduce((acc: any, md: any) => {
       head.forEach((h) => {
-        const value = isNaN(+md[h].content) ? 0 : +md[h].content;
+        const value = isNaN(+md[h]?.content) ? 0 : +md[h]?.content;
         if (acc[h]) {
           acc[h] += value;
         } else {
@@ -40,7 +40,7 @@ export default function HTable({
       ...head.reduce((acc, hh) => {
         const newAcc: any = { ...acc };
         newAcc[hh] = [
-          ...new Set<string>(mapedData.map((md: any) => md[hh].content)),
+          ...new Set<string>(mapedData.map((md: any) => md[hh]?.content)),
         ];
         return newAcc;
       }, {}),
@@ -80,7 +80,9 @@ export default function HTable({
         <tr>
           {head.map((h, key) => {
             const items = [
-              ...new Set<string>(mapedData.map((item: any) => item[h].content)),
+              ...new Set<string>(
+                mapedData.map((item: any) => item[h]?.content)
+              ),
             ];
             return (
               <th
@@ -125,7 +127,7 @@ export default function HTable({
               if (
                 !filters[datum]
                   .map((d: any) => `${d}`.toLowerCase())
-                  .includes(`${md[datum].content}`.toLowerCase())
+                  .includes(`${md[datum]?.content}`.toLowerCase())
               ) {
                 return false;
               }

package/src/table/td.tsx

@@ -23,14 +23,14 @@ export default function TD({
   const isNode = useMemo(() => {
     return (
       symbols &&
-      typeof symbols[item.name] == "object" &&
-      symbols[item.name]?.props
+      typeof symbols[item?.name] == "object" &&
+      symbols[item?.name]?.props
     );
   }, [symbols]);
   const newProps =
     symbols &&
     isNode &&
-    Object.keys(symbols[item.name].props).reduce(
+    Object.keys(symbols[item?.name].props).reduce(
       (acc: any, i) => {
         try {
           const newAcc = { ...acc };
@@ -38,36 +38,36 @@ export default function TD({
           if (hasEvent) {
             newAcc[i] = (e: any) => {
               e.item = item;
-              symbols[item.name].props[i]?.(e);
+              symbols[item?.name].props[i]?.(e);
             };
           }
           return newAcc;
         } catch (error) {}
       },
-      { defaultValue: item.content }
+      { defaultValue: item?.content }
     );
   return (
     <td
       onDoubleClick={(e) => setIsHidded(!isHidded)}
-      title={item.title}
+      title={item?.title}
       className={[
         isHidded && color,
         !isHidded && "whitespace-nowrap overflow-hidden text-ellipsis   ",
         "border-b max-w-[200px] p-5 ",
-        ["number", "money"].includes(item.cellTypeOf) && "text-right",
+        ["number", "money"].includes(item?.cellTypeOf) && "text-right",
       ].join(" ")}
     >
-      <div className={symbols && symbols[item.name] && "flex justify-between"}>
+      <div className={symbols && symbols[item?.name] && "flex justify-between"}>
         <div>
           {symbols &&
-            symbols[item.name] &&
+            symbols[item?.name] &&
             (isNode
-              ? React.cloneElement(symbols[item.name], {
+              ? React.cloneElement(symbols[item?.name], {
                   ...newProps,
                 })
-              : symbols[item.name])}
+              : symbols[item?.name])}
         </div>
-        <div>{item.content}</div>
+        <div>{item?.content}</div>
       </div>
     </td>
   );