react-table-edit 0.2.0 → 0.2.2

package/dist/index.js

@@ -977,7 +977,7 @@ var EditForm = (0, import_react9.forwardRef)((props, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "div",
     {
-      className: "from-edit",
+      className: "form-edit",
       ref,
       id,
       children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ref: editFormRef, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
@@ -1010,7 +1010,7 @@ var EditForm = (0, import_react9.forwardRef)((props, ref) => {
                   width: menuWidth ? menuWidth : "min-content",
                   maxWidth: innerWidth > 1280 ? 1280 : innerWidth,
                   borderRadius: 8,
-                  zIndex: 1060
+                  zIndex: 1056
                 },
                 children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_reactstrap6.DropdownItem, { className: "p-0", style: { borderRadius: "6px" }, tag: "div", header: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_reactstrap6.Form, { className: "todo-modal", onKeyDown: (e) => formKeyDown(e, handleSubmit(handleOnSubmit)), children: [
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
@@ -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);
@@ -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 }) }) })
               ]
             }
           ) })
@@ -2723,7 +2723,7 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
               return renderHeaderCol(col, index, indexParent);
             }) }, indexParent);
           }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tbody", { className: "r-gridcontent", style: { overflowY: "scroll" }, children: dataSource?.map((row, indexRow) => {
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tbody", { className: "r-gridcontent", children: dataSource?.map((row, indexRow) => {
             const isSelected = selectedRows?.some((x) => x[fieldKey] === row[fieldKey]);
             return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "tr",

package/dist/index.mjs

@@ -943,7 +943,7 @@ var EditForm = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx8(
     "div",
     {
-      className: "from-edit",
+      className: "form-edit",
       ref,
       id,
       children: /* @__PURE__ */ jsx8("div", { ref: editFormRef, children: /* @__PURE__ */ jsxs7(
@@ -976,7 +976,7 @@ var EditForm = forwardRef((props, ref) => {
                   width: menuWidth ? menuWidth : "min-content",
                   maxWidth: innerWidth > 1280 ? 1280 : innerWidth,
                   borderRadius: 8,
-                  zIndex: 1060
+                  zIndex: 1056
                 },
                 children: /* @__PURE__ */ jsx8(DropdownItem, { className: "p-0", style: { borderRadius: "6px" }, tag: "div", header: true, children: /* @__PURE__ */ jsxs7(Form, { className: "todo-modal", onKeyDown: (e) => formKeyDown(e, handleSubmit(handleOnSubmit)), children: [
                   /* @__PURE__ */ jsx8(
@@ -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);
@@ -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 }) }) })
               ]
             }
           ) })
@@ -2697,7 +2697,7 @@ var TableEdit = forwardRef2((props, ref) => {
               return renderHeaderCol(col, index, indexParent);
             }) }, indexParent);
           }) }),
-          /* @__PURE__ */ jsx12("tbody", { className: "r-gridcontent", style: { overflowY: "scroll" }, children: dataSource?.map((row, indexRow) => {
+          /* @__PURE__ */ jsx12("tbody", { className: "r-gridcontent", children: dataSource?.map((row, indexRow) => {
             const isSelected = selectedRows?.some((x) => x[fieldKey] === row[fieldKey]);
             return /* @__PURE__ */ jsx12(
               "tr",

package/package.json

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