@oliasoft-open-source/react-ui-library 3.11.0-beta-4 → 3.11.0-beta-5

package/dist/index.js

@@ -59110,18 +59110,18 @@ Spacer.propTypes = {
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   flex: propTypes$1.exports.bool
 };
-const inputInTable$2 = "_inputInTable_pdn5b_337";
-const inputHover$2 = "_inputHover_pdn5b_346";
-const inputFocus$2 = "_inputFocus_pdn5b_351";
-const inputError$2 = "_inputError_pdn5b_358";
-const inputWarning$2 = "_inputWarning_pdn5b_359";
-const inputDisabled$2 = "_inputDisabled_pdn5b_394";
-const hideScrollbars$2 = "_hideScrollbars_pdn5b_399";
-const scrollbars$2 = "_scrollbars_pdn5b_409";
-const scrollWrapper = "_scrollWrapper_pdn5b_446";
-const bordered = "_bordered_pdn5b_474";
-const table = "_table_pdn5b_477";
-const striped = "_striped_pdn5b_561";
+const inputInTable$2 = "_inputInTable_15p4y_337";
+const inputHover$2 = "_inputHover_15p4y_346";
+const inputFocus$2 = "_inputFocus_15p4y_351";
+const inputError$2 = "_inputError_15p4y_358";
+const inputWarning$2 = "_inputWarning_15p4y_359";
+const inputDisabled$2 = "_inputDisabled_15p4y_394";
+const hideScrollbars$2 = "_hideScrollbars_15p4y_399";
+const scrollbars$2 = "_scrollbars_15p4y_409";
+const scrollWrapper = "_scrollWrapper_15p4y_446";
+const bordered = "_bordered_15p4y_474";
+const table = "_table_15p4y_480";
+const striped = "_striped_15p4y_567";
 const styles$a = {
   inputInTable: inputInTable$2,
   inputHover: inputHover$2,
@@ -59136,12 +59136,12 @@ const styles$a = {
   table,
   striped
 };
-const title$1 = "_title_1ohjd_1";
+const title$1 = "_title_83v84_337";
 const styles$9 = {
   title: title$1
 };
 const Title$1 = (props) => {
-  const { colSpan, name: name2, actions: actions2, actionsRight, testId } = props;
+  const { name: name2, actions: actions2, actionsRight, testId } = props;
   const isNameDefined = name2 !== null;
   const isActionsDefined = actions2 !== null;
   if (!isNameDefined && !isActionsDefined) {
@@ -59161,21 +59161,17 @@ const Title$1 = (props) => {
       children: actionsComponent
     });
   };
-  return /* @__PURE__ */ jsxRuntime.exports.jsx("tr", {
-    children: /* @__PURE__ */ jsxRuntime.exports.jsx("th", {
-      colSpan,
-      className: styles$9.cellWrapper,
-      children: /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
-        className: styles$9.title,
-        children: [
-          isNameDefined ? /* @__PURE__ */ jsxRuntime.exports.jsx("span", {
-            "data-testid": testId,
-            children: name2
-          }) : null,
-          actionsContainer()
-        ]
-      })
-    })
+  return /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
+    className: styles$9.title,
+    children: [
+      isNameDefined ? /* @__PURE__ */ jsxRuntime.exports.jsx(Heading$2, {
+        children: /* @__PURE__ */ jsxRuntime.exports.jsx("span", {
+          "data-testid": testId,
+          children: name2
+        })
+      }) : null,
+      actionsContainer()
+    ]
   });
 };
 Title$1.defaultProps = {
@@ -59187,7 +59183,6 @@ Title$1.defaultProps = {
 Title$1.propTypes = {
   actions: actionsShape,
   actionsRight: propTypes$1.exports.bool,
-  colSpan: propTypes$1.exports.number.isRequired,
   name: propTypes$1.exports.oneOfType([
     propTypes$1.exports.string,
     propTypes$1.exports.number,
@@ -60423,64 +60418,68 @@ const Table = (props) => {
         children: (provided) => {
           return /* @__PURE__ */ jsxRuntime.exports.jsx(TableScrollWrapper, {
             table: table2,
-            children: ({ visibleRows }) => /* @__PURE__ */ jsxRuntime.exports.jsxs("table", {
-              className: cx$2(styles$a.table, striped2 ? styles$a.striped : ""),
-              "data-testid": testId,
-              ref: provided.innerRef,
+            children: ({ visibleRows }) => /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, {
               children: [
-                /* @__PURE__ */ jsxRuntime.exports.jsxs("thead", {
+                /* @__PURE__ */ jsxRuntime.exports.jsx(Title$1, {
+                  actions: actions2,
+                  actionsRight,
+                  name: name2,
+                  testId: testId && `${testId}-title`
+                }),
+                /* @__PURE__ */ jsxRuntime.exports.jsxs("table", {
+                  className: cx$2(
+                    styles$a.table,
+                    striped2 ? styles$a.striped : ""
+                  ),
+                  "data-testid": testId,
+                  ref: provided.innerRef,
                   children: [
-                    /* @__PURE__ */ jsxRuntime.exports.jsx(Title$1, {
-                      actions: actions2,
-                      actionsRight,
-                      name: name2,
-                      colSpan,
-                      testId: testId && `${testId}-title`
+                    /* @__PURE__ */ jsxRuntime.exports.jsx("thead", {
+                      children: headers.map((row2, rowIndex) => {
+                        return /* @__PURE__ */ jsxRuntime.exports.jsx(Row, {
+                          rowIndex,
+                          isHeader: true,
+                          row: row2,
+                          columnCount,
+                          columnWidths,
+                          colSpan,
+                          hasRowActions: rowActions,
+                          columnAlignment,
+                          columnHeaderAlignments,
+                          draggableTable: draggable2
+                        }, `0_${rowIndex}`);
+                      })
+                    }),
+                    /* @__PURE__ */ jsxRuntime.exports.jsxs("tbody", {
+                      children: [
+                        rows.slice(0, visibleRows).map((row2, rowIndex) => /* @__PURE__ */ jsxRuntime.exports.jsx(PublicDraggable, {
+                          draggableId: rowIndex + "",
+                          index: rowIndex,
+                          isDragDisabled: row2.noDrag,
+                          children: (provided2, snapshot) => /* @__PURE__ */ jsxRuntime.exports.jsx(Row, {
+                            rowIndex,
+                            row: row2,
+                            columnCount,
+                            columnWidths,
+                            colSpan,
+                            hasRowActions: rowActions,
+                            columnAlignment,
+                            provided: provided2,
+                            snapshot,
+                            draggableTable: draggable2,
+                            width: dimensions.width
+                          }, `1_${rowIndex}`)
+                        }, `index_${rowIndex}`)),
+                        provided.placeholder
+                      ]
                     }),
-                    headers.map((row2, rowIndex) => {
-                      return /* @__PURE__ */ jsxRuntime.exports.jsx(Row, {
-                        rowIndex,
-                        isHeader: true,
-                        row: row2,
-                        columnCount,
-                        columnWidths,
-                        colSpan,
-                        hasRowActions: rowActions,
-                        columnAlignment,
-                        columnHeaderAlignments,
-                        draggableTable: draggable2
-                      }, `0_${rowIndex}`);
+                    footer2 && /* @__PURE__ */ jsxRuntime.exports.jsx(Footer, {
+                      colSpan: colSpan + 1,
+                      pagination: footer2.pagination,
+                      actions: footer2.actions,
+                      content: footer2.content
                     })
                   ]
-                }),
-                /* @__PURE__ */ jsxRuntime.exports.jsxs("tbody", {
-                  children: [
-                    rows.slice(0, visibleRows).map((row2, rowIndex) => /* @__PURE__ */ jsxRuntime.exports.jsx(PublicDraggable, {
-                      draggableId: rowIndex + "",
-                      index: rowIndex,
-                      isDragDisabled: row2.noDrag,
-                      children: (provided2, snapshot) => /* @__PURE__ */ jsxRuntime.exports.jsx(Row, {
-                        rowIndex,
-                        row: row2,
-                        columnCount,
-                        columnWidths,
-                        colSpan,
-                        hasRowActions: rowActions,
-                        columnAlignment,
-                        provided: provided2,
-                        snapshot,
-                        draggableTable: draggable2,
-                        width: dimensions.width
-                      }, `1_${rowIndex}`)
-                    }, `index_${rowIndex}`)),
-                    provided.placeholder
-                  ]
-                }),
-                footer2 && /* @__PURE__ */ jsxRuntime.exports.jsx(Footer, {
-                  colSpan: colSpan + 1,
-                  pagination: footer2.pagination,
-                  actions: footer2.actions,
-                  content: footer2.content
                 })
               ]
             })
@@ -60490,50 +60489,51 @@ const Table = (props) => {
     })
   }) : /* @__PURE__ */ jsxRuntime.exports.jsx(TableScrollWrapper, {
     table: table2,
-    children: ({ visibleRows }) => /* @__PURE__ */ jsxRuntime.exports.jsxs("table", {
-      className: cx$2(styles$a.table, striped2 ? styles$a.striped : ""),
-      "data-testid": testId,
+    children: ({ visibleRows }) => /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, {
       children: [
-        /* @__PURE__ */ jsxRuntime.exports.jsxs("thead", {
+        /* @__PURE__ */ jsxRuntime.exports.jsx(Title$1, {
+          actions: actions2,
+          actionsRight,
+          name: name2,
+          testId: testId && `${testId}-title`
+        }),
+        /* @__PURE__ */ jsxRuntime.exports.jsxs("table", {
+          className: cx$2(styles$a.table, striped2 ? styles$a.striped : ""),
+          "data-testid": testId,
           children: [
-            /* @__PURE__ */ jsxRuntime.exports.jsx(Title$1, {
-              actions: actions2,
-              actionsRight,
-              name: name2,
-              colSpan,
-              testId: testId && `${testId}-title`
+            /* @__PURE__ */ jsxRuntime.exports.jsx("thead", {
+              children: headers.map((row2, rowIndex) => {
+                return /* @__PURE__ */ jsxRuntime.exports.jsx(Row, {
+                  rowIndex,
+                  isHeader: true,
+                  row: row2,
+                  columnCount,
+                  columnWidths,
+                  colSpan,
+                  hasRowActions: rowActions,
+                  columnAlignment,
+                  columnHeaderAlignments
+                }, `0_${rowIndex}`);
+              })
             }),
-            headers.map((row2, rowIndex) => {
-              return /* @__PURE__ */ jsxRuntime.exports.jsx(Row, {
+            /* @__PURE__ */ jsxRuntime.exports.jsx("tbody", {
+              children: rows.slice(0, visibleRows).map((row2, rowIndex) => /* @__PURE__ */ jsxRuntime.exports.jsx(Row, {
                 rowIndex,
-                isHeader: true,
                 row: row2,
                 columnCount,
                 columnWidths,
                 colSpan,
                 hasRowActions: rowActions,
-                columnAlignment,
-                columnHeaderAlignments
-              }, `0_${rowIndex}`);
+                columnAlignment
+              }, `1_${rowIndex}`))
+            }),
+            footer2 && /* @__PURE__ */ jsxRuntime.exports.jsx(Footer, {
+              colSpan,
+              pagination: footer2.pagination,
+              actions: footer2.actions,
+              content: footer2.content
             })
           ]
-        }),
-        /* @__PURE__ */ jsxRuntime.exports.jsx("tbody", {
-          children: rows.slice(0, visibleRows).map((row2, rowIndex) => /* @__PURE__ */ jsxRuntime.exports.jsx(Row, {
-            rowIndex,
-            row: row2,
-            columnCount,
-            columnWidths,
-            colSpan,
-            hasRowActions: rowActions,
-            columnAlignment
-          }, `1_${rowIndex}`))
-        }),
-        footer2 && /* @__PURE__ */ jsxRuntime.exports.jsx(Footer, {
-          colSpan,
-          pagination: footer2.pagination,
-          actions: footer2.actions,
-          content: footer2.content
         })
       ]
     })