@oliasoft-open-source/react-ui-library 3.11.0-beta-6 → 3.11.0-beta-8

package/dist/index.js

@@ -10836,12 +10836,12 @@ const DeprecatedIcon = ({ icon: icon2 }) => {
       return /* @__PURE__ */ jsxRuntime.exports.jsx(FaRegCircle, {});
   }
 };
-const wrapper$4 = "_wrapper_92fr1_337";
+const wrapper$5 = "_wrapper_92fr1_337";
 const customSvg = "_customSvg_92fr1_344";
 const customPng = "_customPng_92fr1_347";
 const clickable = "_clickable_92fr1_352";
 const styles$N = {
-  wrapper: wrapper$4,
+  wrapper: wrapper$5,
   customSvg,
   customPng,
   clickable
@@ -10894,7 +10894,7 @@ Icon.propTypes = {
   clickable: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 };
-const wrapper$3 = "_wrapper_1vofz_337";
+const wrapper$4 = "_wrapper_1vofz_337";
 const layer$1 = "_layer_1vofz_341";
 const layerContainer$1 = "_layerContainer_1vofz_344";
 const nested = "_nested_1vofz_359";
@@ -10923,7 +10923,7 @@ const component = "_component_1vofz_523";
 const right$7 = "_right_1vofz_529";
 const actions$2 = "_actions_1vofz_534";
 const styles$M = {
-  wrapper: wrapper$3,
+  wrapper: wrapper$4,
   layer: layer$1,
   layerContainer: layerContainer$1,
   nested,
@@ -11172,7 +11172,7 @@ const placementOptions$1 = (placement, isNested = false) => ({
   preferY: "bottom",
   placement: placement || (isNested ? "right-start" : "bottom-start")
 });
-const wrapper$2 = "_wrapper_b1kj7_337";
+const wrapper$3 = "_wrapper_b1kj7_337";
 const badge = "_badge_b1kj7_341";
 const label$9 = "_label_b1kj7_346";
 const dark$1 = "_dark_b1kj7_358";
@@ -11181,7 +11181,7 @@ const small$d = "_small_b1kj7_364";
 const dot = "_dot_b1kj7_370";
 const hasChildren = "_hasChildren_b1kj7_375";
 const styles$L = {
-  wrapper: wrapper$2,
+  wrapper: wrapper$3,
   badge,
   label: label$9,
   dark: dark$1,
@@ -13802,7 +13802,7 @@ Heading$2.propTypes = {
 };
 const dialog = "_dialog_11kaj_1";
 const inline$3 = "_inline_11kaj_19";
-const scroll$2 = "_scroll_11kaj_22";
+const scroll$3 = "_scroll_11kaj_22";
 const header$2 = "_header_11kaj_25";
 const dismiss$2 = "_dismiss_11kaj_33";
 const content$3 = "_content_11kaj_44";
@@ -13810,7 +13810,7 @@ const footer$2 = "_footer_11kaj_53";
 const styles$C = {
   dialog,
   inline: inline$3,
-  scroll: scroll$2,
+  scroll: scroll$3,
   header: header$2,
   dismiss: dismiss$2,
   content: content$3,
@@ -18868,7 +18868,7 @@ var noSpacing = {
   bottom: 0,
   left: 0
 };
-var scroll$1 = function scroll(target, frame2) {
+var scroll$2 = function scroll(target, frame2) {
   if (!frame2) {
     return target;
   }
@@ -18889,7 +18889,7 @@ var clip = function clip2(target, frame2) {
 };
 var getSubject = function(_ref) {
   var page2 = _ref.page, withPlaceholder = _ref.withPlaceholder, axis = _ref.axis, frame2 = _ref.frame;
-  var scrolled = scroll$1(page2.marginBox, frame2);
+  var scrolled = scroll$2(page2.marginBox, frame2);
   var increased = increase(scrolled, axis, withPlaceholder);
   var clipped = clip(increased, frame2);
   return {
@@ -26844,12 +26844,12 @@ const Portal = ({ id: id2, children }) => {
 Portal.propTypes = {
   id: propTypes$1.exports.string.isRequired
 };
-const wrapper$1 = "_wrapper_mama7_337";
+const wrapper$2 = "_wrapper_mama7_337";
 const contentContainer = "_contentContainer_mama7_351";
 const centered = "_centered_mama7_363";
 const newLine = "_newLine_mama7_367";
 const styles$q = {
-  wrapper: wrapper$1,
+  wrapper: wrapper$2,
   contentContainer,
   centered,
   newLine
@@ -27041,10 +27041,10 @@ OptionDropdown.propTypes = {
   maxHeight: propTypes$1.exports.string
 };
 const page = "_page_uingh_337";
-const scroll2 = "_scroll_uingh_359";
+const scroll$1 = "_scroll_uingh_359";
 const styles$o = {
   page,
-  scroll: scroll2
+  scroll: scroll$1
 };
 const Page = ({ children, left: left2, padding: paddingProp, scroll: scroll3, top: top2 }) => {
   const padding2 = typeof paddingProp === "string" ? paddingProp : paddingProp === true ? "20px" : "0";
@@ -29703,7 +29703,7 @@ ProgressBar$1.propTypes = {
   showProgressColors: propTypes$1.exports.bool,
   noLabel: propTypes$1.exports.bool
 };
-const wrapper = "_wrapper_dg95i_337";
+const wrapper$1 = "_wrapper_dg95i_337";
 const inline$1 = "_inline_dg95i_337";
 const radio = "_radio_dg95i_341";
 const labelMargin = "_labelMargin_dg95i_344";
@@ -29712,7 +29712,7 @@ const noMargin$1 = "_noMargin_dg95i_366";
 const disabled$2 = "_disabled_dg95i_425";
 const isInTable = "_isInTable_dg95i_441";
 const styles$g = {
-  wrapper,
+  wrapper: wrapper$1,
   inline: inline$1,
   radio,
   labelMargin,
@@ -59110,18 +59110,19 @@ Spacer.propTypes = {
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   flex: propTypes$1.exports.bool
 };
-const inputInTable$2 = "_inputInTable_1y97v_337";
-const inputHover$2 = "_inputHover_1y97v_346";
-const inputFocus$2 = "_inputFocus_1y97v_351";
-const inputError$2 = "_inputError_1y97v_358";
-const inputWarning$2 = "_inputWarning_1y97v_359";
-const inputDisabled$2 = "_inputDisabled_1y97v_394";
-const hideScrollbars$2 = "_hideScrollbars_1y97v_399";
-const scrollbars$2 = "_scrollbars_1y97v_409";
-const scrollWrapper = "_scrollWrapper_1y97v_446";
-const bordered = "_bordered_1y97v_474";
-const table = "_table_1y97v_477";
-const striped = "_striped_1y97v_578";
+const inputInTable$2 = "_inputInTable_1auke_337";
+const inputHover$2 = "_inputHover_1auke_346";
+const inputFocus$2 = "_inputFocus_1auke_351";
+const inputError$2 = "_inputError_1auke_358";
+const inputWarning$2 = "_inputWarning_1auke_359";
+const inputDisabled$2 = "_inputDisabled_1auke_394";
+const hideScrollbars$2 = "_hideScrollbars_1auke_399";
+const scrollbars$2 = "_scrollbars_1auke_409";
+const wrapper = "_wrapper_1auke_446";
+const bordered = "_bordered_1auke_453";
+const scroll2 = "_scroll_1auke_409";
+const table = "_table_1auke_467";
+const striped = "_striped_1auke_547";
 const styles$a = {
   inputInTable: inputInTable$2,
   inputHover: inputHover$2,
@@ -59131,12 +59132,13 @@ const styles$a = {
   inputDisabled: inputDisabled$2,
   hideScrollbars: hideScrollbars$2,
   scrollbars: scrollbars$2,
-  scrollWrapper,
+  wrapper,
   bordered,
+  scroll: scroll2,
   table,
   striped
 };
-const title$1 = "_title_83v84_337";
+const title$1 = "_title_jdmij_337";
 const styles$9 = {
   title: title$1
 };
@@ -59258,37 +59260,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_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 inputInTable$1 = "_inputInTable_14le1_337";
+const inputHover$1 = "_inputHover_14le1_346";
+const inputFocus$1 = "_inputFocus_14le1_351";
+const inputError$1 = "_inputError_14le1_358";
+const inputWarning$1 = "_inputWarning_14le1_359";
+const inputDisabled$1 = "_inputDisabled_14le1_394";
+const hideScrollbars$1 = "_hideScrollbars_14le1_399";
+const scrollbars$1 = "_scrollbars_14le1_409";
+const cell = "_cell_14le1_436";
+const disabledLink = "_disabledLink_14le1_446";
+const inputWrapper = "_inputWrapper_14le1_450";
+const breakWord = "_breakWord_14le1_465";
+const inputCell = "_inputCell_14le1_468";
+const sliderCell = "_sliderCell_14le1_471";
+const staticCell = "_staticCell_14le1_475";
+const staticCellContent = "_staticCellContent_14le1_478";
+const error$1 = "_error_14le1_491";
+const warning$2 = "_warning_14le1_492";
+const unit = "_unit_14le1_529";
+const sortingCell = "_sortingCell_14le1_532";
+const sortingCellIcon = "_sortingCellIcon_14le1_540";
+const icon = "_icon_14le1_547";
+const checkBoxCell = "_checkBoxCell_14le1_551";
+const iconCell = "_iconCell_14le1_555";
+const iconWrapper = "_iconWrapper_14le1_560";
+const actionsCell = "_actionsCell_14le1_564";
+const rightAligned = "_rightAligned_14le1_572";
+const centerAligned = "_centerAligned_14le1_578";
+const leftAligned = "_leftAligned_14le1_581";
+const popover = "_popover_14le1_584";
+const disabledPointerEvents = "_disabledPointerEvents_14le1_587";
 const styles$7 = {
   inputInTable: inputInTable$1,
   inputHover: inputHover$1,
@@ -60298,13 +60300,7 @@ const hasRowActions = (rows, headers) => {
   return hasActions(headers) > 0 || hasActions(rows) > 0;
 };
 const TableScrollWrapper = ({ table: table2, children }) => {
-  const {
-    fixedWidth: width,
-    maxHeight,
-    rows,
-    infiniteScroll,
-    bordered: bordered2 = true
-  } = table2;
+  const { rows, infiniteScroll } = table2;
   const pageSize = Math.ceil(window.innerHeight / 32);
   const [visibleRows, setVisibleRows] = infiniteScroll ? useState(pageSize) : [rows.length, null];
   const [hasMore, setHasMore] = infiniteScroll ? useState(visibleRows < rows.length) : [false, null];
@@ -60317,16 +60313,7 @@ const TableScrollWrapper = ({ table: table2, children }) => {
   };
   return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
     id: "scrollWrapper",
-    className: cx$2(
-      styles$a.scrollWrapper,
-      bordered2 ? styles$a.bordered : "",
-      maxHeight ? styles$a.maxHeight : ""
-    ),
-    style: {
-      maxHeight,
-      width,
-      display: width === "auto" ? "inline-block" : null
-    },
+    className: styles$a.scroll,
     children: infiniteScroll ? /* @__PURE__ */ jsxRuntime.exports.jsx(InfiniteScroll, {
       dataLength: Math.min(rows.length, visibleRows + pageSize),
       next: loadMoreItems,
@@ -60353,7 +60340,10 @@ const Table = (props) => {
     testId,
     draggable: draggable2,
     defaultEmptyRow = null,
-    onAddRow = null
+    onAddRow = null,
+    bordered: bordered2 = true,
+    maxHeight,
+    fixedWidth: width
   } = propTable;
   const targetRef = useRef();
   const [dimensions, setDimensions] = useState({ width: 0, height: 0 });
@@ -60404,29 +60394,37 @@ const Table = (props) => {
     ...propTable,
     rows
   };
-  return draggable2 ? /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+  const wrapperClass = cx$2(styles$a.wrapper, bordered2 ? styles$a.bordered : "");
+  const wrapperStyles = {
+    maxHeight,
+    width,
+    display: width === "auto" ? "inline-flex" : "flex"
+  };
+  return draggable2 ? /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
     ref: targetRef,
-    children: /* @__PURE__ */ jsxRuntime.exports.jsx(DragDropContext, {
-      onDragEnd: (result) => {
-        var _a2, _b2;
-        const from2 = (_a2 = result == null ? void 0 : result.source) == null ? void 0 : _a2.index;
-        const to2 = (_b2 = result == null ? void 0 : result.destination) == null ? void 0 : _b2.index;
-        onListReorder({ from: from2, to: to2 });
-      },
-      children: /* @__PURE__ */ jsxRuntime.exports.jsx(ConnectedDroppable, {
-        droppableId: "droppable",
-        children: (provided) => {
-          return /* @__PURE__ */ jsxRuntime.exports.jsx(TableScrollWrapper, {
-            table: table2,
-            children: ({ visibleRows }) => /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, {
-              children: [
-                /* @__PURE__ */ jsxRuntime.exports.jsx(Title$1, {
-                  actions: actions2,
-                  actionsRight,
-                  name: name2,
-                  testId: testId && `${testId}-title`
-                }),
-                /* @__PURE__ */ jsxRuntime.exports.jsxs("table", {
+    className: wrapperClass,
+    style: wrapperStyles,
+    children: [
+      /* @__PURE__ */ jsxRuntime.exports.jsx(Title$1, {
+        actions: actions2,
+        actionsRight,
+        name: name2,
+        testId: testId && `${testId}-title`
+      }),
+      /* @__PURE__ */ jsxRuntime.exports.jsx(DragDropContext, {
+        onDragEnd: (result) => {
+          var _a2, _b2;
+          const from2 = (_a2 = result == null ? void 0 : result.source) == null ? void 0 : _a2.index;
+          const to2 = (_b2 = result == null ? void 0 : result.destination) == null ? void 0 : _b2.index;
+          onListReorder({ from: from2, to: to2 });
+        },
+        children: /* @__PURE__ */ jsxRuntime.exports.jsx(ConnectedDroppable, {
+          droppableId: "droppable",
+          children: (provided) => {
+            return /* @__PURE__ */ jsxRuntime.exports.jsx(TableScrollWrapper, {
+              table: table2,
+              children: ({ visibleRows }) => /* @__PURE__ */ jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment, {
+                children: /* @__PURE__ */ jsxRuntime.exports.jsxs("table", {
                   className: cx$2(
                     styles$a.table,
                     striped2 ? styles$a.striped : ""
@@ -60481,62 +60479,66 @@ const Table = (props) => {
                     })
                   ]
                 })
-              ]
-            })
-          });
-        }
+              })
+            });
+          }
+        })
       })
-    })
-  }) : /* @__PURE__ */ jsxRuntime.exports.jsx(TableScrollWrapper, {
-    table: table2,
-    children: ({ visibleRows }) => /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, {
-      children: [
-        /* @__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("thead", {
-              children: headers.map((row2, rowIndex) => {
-                return /* @__PURE__ */ jsxRuntime.exports.jsx(Row, {
+    ]
+  }) : /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
+    className: wrapperClass,
+    style: wrapperStyles,
+    children: [
+      /* @__PURE__ */ jsxRuntime.exports.jsx(Title$1, {
+        actions: actions2,
+        actionsRight,
+        name: name2,
+        testId: testId && `${testId}-title`
+      }),
+      /* @__PURE__ */ jsxRuntime.exports.jsx(TableScrollWrapper, {
+        table: table2,
+        children: ({ visibleRows }) => /* @__PURE__ */ jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment, {
+          children: /* @__PURE__ */ jsxRuntime.exports.jsxs("table", {
+            className: cx$2(styles$a.table, striped2 ? styles$a.striped : ""),
+            "data-testid": testId,
+            children: [
+              /* @__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}`);
+                })
+              }),
+              /* @__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}`);
-              })
-            }),
-            /* @__PURE__ */ jsxRuntime.exports.jsx("tbody", {
-              children: rows.slice(0, visibleRows).map((row2, rowIndex) => /* @__PURE__ */ jsxRuntime.exports.jsx(Row, {
-                rowIndex,
-                row: row2,
-                columnCount,
-                columnWidths,
+                  columnAlignment
+                }, `1_${rowIndex}`))
+              }),
+              footer2 && /* @__PURE__ */ jsxRuntime.exports.jsx(Footer, {
                 colSpan,
-                hasRowActions: rowActions,
-                columnAlignment
-              }, `1_${rowIndex}`))
-            }),
-            footer2 && /* @__PURE__ */ jsxRuntime.exports.jsx(Footer, {
-              colSpan,
-              pagination: footer2.pagination,
-              actions: footer2.actions,
-              content: footer2.content
-            })
-          ]
+                pagination: footer2.pagination,
+                actions: footer2.actions,
+                content: footer2.content
+              })
+            ]
+          })
         })
-      ]
-    })
+      })
+    ]
   });
 };
 Table.defaultProps = {