react-table-edit 0.1.9 → 0.2.1

package/dist/index.js

@@ -65,7 +65,7 @@ var ReactInput = (props) => {
     setValue("");
     setSearchTerm("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_reactstrap.Input,
       {
@@ -80,7 +80,7 @@ var ReactInput = (props) => {
       }
     ),
     value ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_becoxy_icons.X, { className: "input__clear-icon", onClick: handelClear, strokeWidth: 3, fontSize: 16 }) : ""
-  ] }) });
+  ] });
 };
 var react_input_default = ReactInput;
 
@@ -1485,8 +1485,8 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
     setContentColumns(arrContentColumns);
   }, [columns]);
   const getNestedChildren = (array, arrHeaderColumns, arrContentColumns, level, maxLevel) => {
-    array.forEach((item, index) => {
-      const ele = { ...item, visible: item.invisibleDisable ? item.visible : arrHeaderColumns[0][index]?.visible ?? item.visible, rowspan: 1, index: 0 };
+    array.forEach((item) => {
+      const ele = { ...item, visible: item.invisibleDisable ? item.visible : contentColumns[level]?.visible ?? item.visible, rowspan: 1, index: 0 };
       if (item.columns && item.columns?.length > 0) {
         const countLevel = getNestedChildren(item.columns, arrHeaderColumns, arrContentColumns, level + 1, maxLevel);
         arrHeaderColumns[maxLevel - 1 - countLevel].push(ele);
@@ -1569,7 +1569,7 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
     }
   };
   const searchTemplate = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react12.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "me-50", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react12.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "me-50 r-search", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       react_input_default,
       {
         style: { width: "230px" },
@@ -2308,7 +2308,7 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
   }, [selectedItem]);
   const renderContentCol = (col, row, indexRow, indexCol, isSelected) => {
     if (col.field === "command") {
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      return col.visible !== false && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "td",
         {
           className: (0, import_classnames9.default)(
@@ -2326,7 +2326,7 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
         `col-${indexRow}-${indexCol}`
       );
     } else if (col.field === "#") {
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      return col.visible !== false && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "td",
         {
           className: (0, import_classnames9.default)(`r-rowcell p-0 cursor-pointer fix-${col.fixedType}`, { "cell-fixed": col.fixedType }, { "r-active": isSelected && editDisable || indexFocus === indexRow }),
@@ -2494,12 +2494,12 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
               id: indexFocus === indexRow && typeDis !== 1 ? `${idTable}-col${indexCol + 1}-row${indexRow + 1}` : "",
               className: (0, import_classnames9.default)("r-rowcell-content", { "is-invalid": errorMessage }),
               style: {
-                margin: typeDis !== 1 && !errorMessage ? "6px 10px" : 2,
-                maxWidth: col.maxWidth ? col.maxWidth : col.width ? col.width : col.minWidth
+                padding: typeDis !== 1 && errorMessage ? "6px 10px" : 0,
+                margin: typeDis !== 1 && !errorMessage ? "6px 10px" : 2
               },
               children: [
-                typeDis === 1 && !refreshRow ? renderEdit(row, col, indexRow, indexCol) : typeDis === 2 ? col.template(row, indexRow) : value,
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "icon-table", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_ej2_react_popups.TooltipComponent, { className: (0, import_classnames9.default)("cursor-pointer text-primary", { "d-none": !errorMessage }), content: errorMessage, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_becoxy_icons4.AlertCircle, { fontSize: 16.5 }) }) })
+                typeDis === 1 && !refreshRow ? renderEdit(row, col, indexRow, indexCol) : typeDis === 2 ? col.template(row, indexRow) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "r-cell-text", style: { maxWidth: col.maxWidth ? col.maxWidth : col.width ? col.width : col.minWidth }, children: value }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "icon-table", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_ej2_react_popups.TooltipComponent, { className: (0, import_classnames9.default)("cursor-pointer text-primary", { "d-none": !errorMessage }), content: errorMessage?.toString() ?? "", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_becoxy_icons4.AlertCircle, { fontSize: 16.5 }) }) })
               ]
             }
           ) })

package/dist/index.mjs

@@ -21,7 +21,7 @@ var ReactInput = (props) => {
     setValue("");
     setSearchTerm("");
   };
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Input,
       {
@@ -36,7 +36,7 @@ var ReactInput = (props) => {
       }
     ),
     value ? /* @__PURE__ */ jsx(X, { className: "input__clear-icon", onClick: handelClear, strokeWidth: 3, fontSize: 16 }) : ""
-  ] }) });
+  ] });
 };
 var react_input_default = ReactInput;
 
@@ -1459,8 +1459,8 @@ var TableEdit = forwardRef2((props, ref) => {
     setContentColumns(arrContentColumns);
   }, [columns]);
   const getNestedChildren = (array, arrHeaderColumns, arrContentColumns, level, maxLevel) => {
-    array.forEach((item, index) => {
-      const ele = { ...item, visible: item.invisibleDisable ? item.visible : arrHeaderColumns[0][index]?.visible ?? item.visible, rowspan: 1, index: 0 };
+    array.forEach((item) => {
+      const ele = { ...item, visible: item.invisibleDisable ? item.visible : contentColumns[level]?.visible ?? item.visible, rowspan: 1, index: 0 };
       if (item.columns && item.columns?.length > 0) {
         const countLevel = getNestedChildren(item.columns, arrHeaderColumns, arrContentColumns, level + 1, maxLevel);
         arrHeaderColumns[maxLevel - 1 - countLevel].push(ele);
@@ -1543,7 +1543,7 @@ var TableEdit = forwardRef2((props, ref) => {
     }
   };
   const searchTemplate = () => {
-    return /* @__PURE__ */ jsx12(Fragment12, { children: /* @__PURE__ */ jsx12("div", { className: "me-50", children: /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx12(Fragment12, { children: /* @__PURE__ */ jsx12("div", { className: "me-50 r-search", children: /* @__PURE__ */ jsx12(
       react_input_default,
       {
         style: { width: "230px" },
@@ -2282,7 +2282,7 @@ var TableEdit = forwardRef2((props, ref) => {
   }, [selectedItem]);
   const renderContentCol = (col, row, indexRow, indexCol, isSelected) => {
     if (col.field === "command") {
-      return /* @__PURE__ */ jsx12(
+      return col.visible !== false && /* @__PURE__ */ jsx12(
         "td",
         {
           className: classnames5(
@@ -2300,7 +2300,7 @@ var TableEdit = forwardRef2((props, ref) => {
         `col-${indexRow}-${indexCol}`
       );
     } else if (col.field === "#") {
-      return /* @__PURE__ */ jsx12(
+      return col.visible !== false && /* @__PURE__ */ jsx12(
         "td",
         {
           className: classnames5(`r-rowcell p-0 cursor-pointer fix-${col.fixedType}`, { "cell-fixed": col.fixedType }, { "r-active": isSelected && editDisable || indexFocus === indexRow }),
@@ -2468,12 +2468,12 @@ var TableEdit = forwardRef2((props, ref) => {
               id: indexFocus === indexRow && typeDis !== 1 ? `${idTable}-col${indexCol + 1}-row${indexRow + 1}` : "",
               className: classnames5("r-rowcell-content", { "is-invalid": errorMessage }),
               style: {
-                margin: typeDis !== 1 && !errorMessage ? "6px 10px" : 2,
-                maxWidth: col.maxWidth ? col.maxWidth : col.width ? col.width : col.minWidth
+                padding: typeDis !== 1 && errorMessage ? "6px 10px" : 0,
+                margin: typeDis !== 1 && !errorMessage ? "6px 10px" : 2
               },
               children: [
-                typeDis === 1 && !refreshRow ? renderEdit(row, col, indexRow, indexCol) : typeDis === 2 ? col.template(row, indexRow) : value,
-                /* @__PURE__ */ jsx12("span", { className: "icon-table", children: /* @__PURE__ */ jsx12(TooltipComponent, { className: classnames5("cursor-pointer text-primary", { "d-none": !errorMessage }), content: errorMessage, children: /* @__PURE__ */ jsx12(AlertCircle, { fontSize: 16.5 }) }) })
+                typeDis === 1 && !refreshRow ? renderEdit(row, col, indexRow, indexCol) : typeDis === 2 ? col.template(row, indexRow) : /* @__PURE__ */ jsx12("div", { className: "r-cell-text", style: { maxWidth: col.maxWidth ? col.maxWidth : col.width ? col.width : col.minWidth }, children: value }),
+                /* @__PURE__ */ jsx12("span", { className: "icon-table", children: /* @__PURE__ */ jsx12(TooltipComponent, { className: classnames5("cursor-pointer text-primary", { "d-none": !errorMessage }), content: errorMessage?.toString() ?? "", children: /* @__PURE__ */ jsx12(AlertCircle, { fontSize: 16.5 }) }) })
               ]
             }
           ) })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-table-edit",
   "license": "MIT",
-  "version": "0.1.9",
+  "version": "0.2.1",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",