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

package/dist/index.js

@@ -35952,7 +35952,10 @@ const Table = (props) => {
     stickyHeaders,
     striped: striped2 = true,
     testId,
-    draggable: draggable2
+    draggable: draggable2,
+    hasAutoEmptyRow = false,
+    onChangeAutoEmptyRow = () => {
+    }
   } = table2;
   const targetRef = useRef();
   const [dimensions, setDimensions] = useState({
@@ -35972,6 +35975,34 @@ const Table = (props) => {
   const rowActions = hasRowActions(rows, headers);
   const colSpan = columnCount + (rowActions ? 1 : 0);
   const [rowsMetaData, setRowsMetaData] = useState([]);
+  const allRows = rows;
+  if (hasAutoEmptyRow) {
+    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: i === 0 ? false : cell.disabled
+        };
+      }
+      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, {
@@ -36022,7 +36053,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 +36115,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 +36160,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-1",
   "description": "Reusable UI components for React projects",
   "module": "./dist/index.js",
   "main": "./dist/index.js",