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

package/dist/index.js

@@ -13900,31 +13900,31 @@ const dialogShape = propTypes$1.exports.shape({
 Dialog.propTypes = {
   dialog: dialogShape.isRequired
 };
-const inputInTable$a = "_inputInTable_1k7ti_337";
-const inputHover$a = "_inputHover_1k7ti_346";
-const inputFocus$a = "_inputFocus_1k7ti_351";
-const inputError$a = "_inputError_1k7ti_358";
-const inputWarning$a = "_inputWarning_1k7ti_359";
-const inputDisabled$a = "_inputDisabled_1k7ti_394";
-const hideScrollbars$a = "_hideScrollbars_1k7ti_399";
-const scrollbars$a = "_scrollbars_1k7ti_409";
-const inline$2 = "_inline_1k7ti_448";
-const left$2 = "_left_1k7ti_451";
-const right$6 = "_right_1k7ti_454";
-const fixed$1 = "_fixed_1k7ti_457";
-const border$1 = "_border_1k7ti_469";
-const shadow = "_shadow_1k7ti_475";
-const drawerContent = "_drawerContent_1k7ti_478";
-const isResizing = "_isResizing_1k7ti_490";
-const toggleButton = "_toggleButton_1k7ti_501";
-const top = "_top_1k7ti_514";
-const bottom = "_bottom_1k7ti_517";
-const toggleButtonOpen = "_toggleButtonOpen_1k7ti_520";
-const tabs$1 = "_tabs_1k7ti_523";
-const tab$1 = "_tab_1k7ti_523";
-const active$4 = "_active_1k7ti_554";
-const tabsContent = "_tabsContent_1k7ti_576";
-const resizeHandle = "_resizeHandle_1k7ti_582";
+const inputInTable$a = "_inputInTable_yeflg_337";
+const inputHover$a = "_inputHover_yeflg_346";
+const inputFocus$a = "_inputFocus_yeflg_351";
+const inputError$a = "_inputError_yeflg_358";
+const inputWarning$a = "_inputWarning_yeflg_359";
+const inputDisabled$a = "_inputDisabled_yeflg_394";
+const hideScrollbars$a = "_hideScrollbars_yeflg_399";
+const scrollbars$a = "_scrollbars_yeflg_409";
+const inline$2 = "_inline_yeflg_448";
+const left$2 = "_left_yeflg_451";
+const right$6 = "_right_yeflg_454";
+const fixed$1 = "_fixed_yeflg_457";
+const border$1 = "_border_yeflg_469";
+const shadow = "_shadow_yeflg_475";
+const drawerContent = "_drawerContent_yeflg_478";
+const isResizing = "_isResizing_yeflg_490";
+const toggleButton = "_toggleButton_yeflg_501";
+const top = "_top_yeflg_514";
+const bottom = "_bottom_yeflg_517";
+const toggleButtonOpen = "_toggleButtonOpen_yeflg_520";
+const tabs$1 = "_tabs_yeflg_523";
+const tab$1 = "_tab_yeflg_523";
+const active$4 = "_active_yeflg_554";
+const tabsContent = "_tabsContent_yeflg_576";
+const resizeHandle = "_resizeHandle_yeflg_582";
 const styles$B = {
   inputInTable: inputInTable$a,
   inputHover: inputHover$a,
@@ -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,
@@ -59263,37 +59258,37 @@ function CgSortAz(props) {
 function CgSortZa(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none" }, "child": [{ "tag": "path", "attr": { "d": "M6 16C6 16.5523 6.44772 17 7 17H17C17.5523 17 18 16.5523 18 16C18 15.4477 17.5523 15 17 15H7C6.44772 15 6 15.4477 6 16Z", "fill": "currentColor" } }, { "tag": "path", "attr": { "d": "M8 12C8 12.5523 8.44772 13 9 13H15C15.5523 13 16 12.5523 16 12C16 11.4477 15.5523 11 15 11H9C8.44772 11 8 11.4477 8 12Z", "fill": "currentColor" } }, { "tag": "path", "attr": { "d": "M11 9C10.4477 9 10 8.55229 10 8C10 7.44771 10.4477 7 11 7H13C13.5523 7 14 7.44771 14 8C14 8.55229 13.5523 9 13 9H11Z", "fill": "currentColor" } }] })(props);
 }
-const inputInTable$1 = "_inputInTable_oppsm_337";
-const inputHover$1 = "_inputHover_oppsm_346";
-const inputFocus$1 = "_inputFocus_oppsm_351";
-const inputError$1 = "_inputError_oppsm_358";
-const inputWarning$1 = "_inputWarning_oppsm_359";
-const inputDisabled$1 = "_inputDisabled_oppsm_394";
-const hideScrollbars$1 = "_hideScrollbars_oppsm_399";
-const scrollbars$1 = "_scrollbars_oppsm_409";
-const cell = "_cell_oppsm_436";
-const disabledLink = "_disabledLink_oppsm_446";
-const inputWrapper = "_inputWrapper_oppsm_450";
-const breakWord = "_breakWord_oppsm_466";
-const inputCell = "_inputCell_oppsm_469";
-const sliderCell = "_sliderCell_oppsm_472";
-const staticCell = "_staticCell_oppsm_476";
-const staticCellContent = "_staticCellContent_oppsm_479";
-const error$1 = "_error_oppsm_492";
-const warning$2 = "_warning_oppsm_493";
-const unit = "_unit_oppsm_530";
-const sortingCell = "_sortingCell_oppsm_533";
-const sortingCellIcon = "_sortingCellIcon_oppsm_541";
-const icon = "_icon_oppsm_548";
-const checkBoxCell = "_checkBoxCell_oppsm_552";
-const iconCell = "_iconCell_oppsm_556";
-const iconWrapper = "_iconWrapper_oppsm_561";
-const actionsCell = "_actionsCell_oppsm_565";
-const rightAligned = "_rightAligned_oppsm_572";
-const centerAligned = "_centerAligned_oppsm_578";
-const leftAligned = "_leftAligned_oppsm_581";
-const popover = "_popover_oppsm_584";
-const disabledPointerEvents = "_disabledPointerEvents_oppsm_587";
+const inputInTable$1 = "_inputInTable_ibs3l_337";
+const inputHover$1 = "_inputHover_ibs3l_346";
+const inputFocus$1 = "_inputFocus_ibs3l_351";
+const inputError$1 = "_inputError_ibs3l_358";
+const inputWarning$1 = "_inputWarning_ibs3l_359";
+const inputDisabled$1 = "_inputDisabled_ibs3l_394";
+const hideScrollbars$1 = "_hideScrollbars_ibs3l_399";
+const scrollbars$1 = "_scrollbars_ibs3l_409";
+const cell = "_cell_ibs3l_436";
+const disabledLink = "_disabledLink_ibs3l_446";
+const inputWrapper = "_inputWrapper_ibs3l_450";
+const breakWord = "_breakWord_ibs3l_466";
+const inputCell = "_inputCell_ibs3l_469";
+const sliderCell = "_sliderCell_ibs3l_472";
+const staticCell = "_staticCell_ibs3l_476";
+const staticCellContent = "_staticCellContent_ibs3l_479";
+const error$1 = "_error_ibs3l_492";
+const warning$2 = "_warning_ibs3l_493";
+const unit = "_unit_ibs3l_530";
+const sortingCell = "_sortingCell_ibs3l_533";
+const sortingCellIcon = "_sortingCellIcon_ibs3l_541";
+const icon = "_icon_ibs3l_548";
+const checkBoxCell = "_checkBoxCell_ibs3l_552";
+const iconCell = "_iconCell_ibs3l_556";
+const iconWrapper = "_iconWrapper_ibs3l_561";
+const actionsCell = "_actionsCell_ibs3l_565";
+const rightAligned = "_rightAligned_ibs3l_573";
+const centerAligned = "_centerAligned_ibs3l_579";
+const leftAligned = "_leftAligned_ibs3l_582";
+const popover = "_popover_ibs3l_585";
+const disabledPointerEvents = "_disabledPointerEvents_ibs3l_588";
 const styles$7 = {
   inputInTable: inputInTable$1,
   inputHover: inputHover$1,
@@ -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
         })
       ]
     })