@oliasoft-open-source/react-ui-library 3.2.0 → 3.3.0-beta-2

package/dist/index.js

@@ -35169,7 +35169,8 @@ const InputCell = (props) => {
     maxTooltipWidth: cell.maxTooltipWidth,
     right: columnAlignment === "right",
     testId,
-    tabIndex: cell.disabled ? -1 : 0
+    tabIndex: cell.disabled ? -1 : 0,
+    tooltip: cell.tooltip
   });
 };
 const SelectCell = (props) => {
@@ -35935,6 +35936,7 @@ const TableScrollWrapper = ({
   });
 };
 const Table = (props) => {
+  var _a, _b, _c, _d;
   const {
     onListReorder,
     table: table2
@@ -35952,7 +35954,8 @@ const Table = (props) => {
     stickyHeaders,
     striped: striped2 = true,
     testId,
-    draggable: draggable2
+    draggable: draggable2,
+    onChangeAutoEmptyRow = null
   } = table2;
   const targetRef = useRef();
   const [dimensions, setDimensions] = useState({
@@ -35972,13 +35975,43 @@ const Table = (props) => {
   const rowActions = hasRowActions(rows, headers);
   const colSpan = columnCount + (rowActions ? 1 : 0);
   const [rowsMetaData, setRowsMetaData] = useState([]);
+  const allRows = rows;
+  const isLastPage = footer2 ? ((_a = footer2 == null ? void 0 : footer2.pagination) == null ? void 0 : _a.selectedPage) >= ((_b = footer2 == null ? void 0 : footer2.pagination) == null ? void 0 : _b.rowCount) / ((_d = (_c = footer2 == null ? void 0 : footer2.pagination) == null ? void 0 : _c.rowsPerPage) == null ? void 0 : _d.value) : true;
+  if (onChangeAutoEmptyRow) {
+    const lastRowCells = rows[rows.length - 1].cells;
+    const newEmptyRowIndex = rows.length;
+    const newEmptyCells = lastRowCells.map((cell, i) => {
+      if (cell.type === "Input") {
+        return {
+          ...cell,
+          value: "",
+          onChange: (evt) => onChangeAutoEmptyRow(evt, newEmptyRowIndex, i),
+          error: void 0,
+          disabled: isLastPage ? i === 0 ? false : cell.disabled : true,
+          tooltip: !isLastPage && "Just allowed in last page"
+        };
+      }
+      return {
+        ...cell,
+        value: "",
+        error: void 0,
+        warning: void 0,
+        disabled: true
+      };
+    });
+    const newEmptyRow = {
+      cells: newEmptyCells,
+      testId: testId && `${testId}-last-empty-row`
+    };
+    allRows.push(newEmptyRow);
+  }
   return draggable2 ? /* @__PURE__ */ jsx("div", {
     ref: targetRef,
     children: /* @__PURE__ */ jsx(DragDropContext, {
       onDragEnd: (result) => {
-        var _a, _b;
-        const from = (_a = result == null ? void 0 : result.source) == null ? void 0 : _a.index;
-        const to = (_b = result == null ? void 0 : result.destination) == null ? void 0 : _b.index;
+        var _a2, _b2;
+        const from = (_a2 = result == null ? void 0 : result.source) == null ? void 0 : _a2.index;
+        const to = (_b2 = result == null ? void 0 : result.destination) == null ? void 0 : _b2.index;
         onListReorder({
           from,
           to
@@ -36022,7 +36055,7 @@ const Table = (props) => {
                   }, `0_${rowIndex}`);
                 })]
               }), /* @__PURE__ */ jsxs("tbody", {
-                children: [rows.slice(0, visibleRows).map((row2, rowIndex) => /* @__PURE__ */ jsx(PublicDraggable, {
+                children: [allRows.slice(0, visibleRows).map((row2, rowIndex) => /* @__PURE__ */ jsx(PublicDraggable, {
                   draggableId: rowIndex + "",
                   index: rowIndex,
                   isDragDisabled: row2.noDrag,
@@ -36084,7 +36117,7 @@ const Table = (props) => {
           }, `0_${rowIndex}`);
         })]
       }), /* @__PURE__ */ jsx("tbody", {
-        children: rows.slice(0, visibleRows).map((row2, rowIndex) => /* @__PURE__ */ jsx(Row, {
+        children: allRows.slice(0, visibleRows).map((row2, rowIndex) => /* @__PURE__ */ jsx(Row, {
           rowIndex,
           row: row2,
           columnCount,
@@ -36129,7 +36162,9 @@ Table.propTypes = {
     }),
     bordered: propTypes$1.exports.bool,
     striped: propTypes$1.exports.bool,
-    testId: propTypes$1.exports.string
+    testId: propTypes$1.exports.string,
+    hasLastEmptyRow: propTypes$1.exports.bool,
+    handleLastEmptyRow: propTypes$1.exports.func
   }).isRequired,
   onListReorder: propTypes$1.exports.func
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "3.2.0",
+  "version": "3.3.0-beta-2",
   "description": "Reusable UI components for React projects",
   "module": "./dist/index.js",
   "main": "./dist/index.js",