@oliasoft-open-source/react-ui-library 3.8.1 → 3.9.1

package/dist/index.js

@@ -58161,11 +58161,11 @@ const Cell = (props) => {
     isHeader,
     columnHeaderAlignment,
     columnAlignment,
-    width,
+    width: widthProp,
     snapshot,
     testId
   } = props;
-  const { style: style2, colSpan, rowSpan } = cell2;
+  const { style: styleProp, colSpan, rowSpan } = cell2;
   const ref2 = useRef(null);
   const alignment = {
     bodyAlignment: columnAlignment,
@@ -58187,30 +58187,13 @@ const Cell = (props) => {
     cell2.breakWord ? styles$7.breakWord : ""
   );
   const isWidthCustomSelect = cell2.type === "Select" && cell2.native !== true && cell2.width !== void 0;
-  return isHeader ? /* @__PURE__ */ jsx("th", {
-    className,
-    style: {
-      ...style2,
-      ...isWidthCustomSelect ? { width: "1%" } : {},
-      ...width && !colSpan ? { minWidth: width } : {}
-    },
-    colSpan,
-    rowSpan,
-    children: /* @__PURE__ */ jsx(CellWrapper, {
-      cell: cell2,
-      columnAlignment: cellAlignmentText,
-      isHeader,
-      testId
-    })
-  }) : /* @__PURE__ */ jsx("td", {
+  const width = isWidthCustomSelect ? "1%" : widthProp && !(colSpan && colSpan > 1) ? widthProp : (snapshot == null ? void 0 : snapshot.isDragging) && ref2.current ? ref2.current.offsetWidth : void 0;
+  const style2 = { ...styleProp, width };
+  const Element2 = isHeader ? "th" : "td";
+  return /* @__PURE__ */ jsx(Element2, {
     ref: ref2,
     className,
-    style: {
-      ...style2,
-      ...isWidthCustomSelect ? { width: "1%" } : {},
-      ...width && !colSpan ? { minWidth: width } : {},
-      ...(snapshot == null ? void 0 : snapshot.isDragging) ? { width: ref2.current ? ref2.current.offsetWidth : 0 } : {}
-    },
+    style: style2,
     colSpan,
     rowSpan,
     children: /* @__PURE__ */ jsx(CellWrapper, {
@@ -58694,7 +58677,13 @@ const hasRowActions = (rows, headers) => {
   return hasActions(headers) > 0 || hasActions(rows) > 0;
 };
 const TableScrollWrapper = ({ table: table2, children }) => {
-  const { maxHeight: maxHeight2, rows, infiniteScroll, bordered: bordered2 = true } = table2;
+  const {
+    fixedWidth: width,
+    maxHeight: maxHeight2,
+    rows,
+    infiniteScroll,
+    bordered: bordered2 = true
+  } = table2;
   const pageSize = Math.ceil(window.innerHeight / 38);
   const [visibleRows, setVisibleRows] = infiniteScroll ? useState(pageSize) : [rows.length, null];
   const [hasMore, setHasMore] = infiniteScroll ? useState(visibleRows < rows.length) : [false, null];
@@ -58712,7 +58701,11 @@ const TableScrollWrapper = ({ table: table2, children }) => {
       bordered2 ? styles$a.bordered : "",
       maxHeight2 ? styles$a.maxHeight : ""
     ),
-    style: { maxHeight: maxHeight2 },
+    style: {
+      maxHeight: maxHeight2,
+      width,
+      display: width === "auto" ? "inline-block" : null
+    },
     children: infiniteScroll ? /* @__PURE__ */ jsx(InfiniteScroll, {
       dataLength: Math.min(rows.length, visibleRows + pageSize),
       next: loadMoreItems,
@@ -58809,9 +58802,6 @@ const Table = (props) => {
             table: table2,
             children: ({ visibleRows }) => /* @__PURE__ */ jsxs("table", {
               className: cx$2(styles$a.table, striped2 ? styles$a.striped : ""),
-              style: {
-                minWidth: fixedWidth || ""
-              },
               "data-testid": testId,
               ref: provided.innerRef,
               children: [
@@ -58881,7 +58871,6 @@ const Table = (props) => {
     table: table2,
     children: ({ visibleRows }) => /* @__PURE__ */ jsxs("table", {
       className: cx$2(styles$a.table, striped2 ? styles$a.striped : ""),
-      style: { minWidth: fixedWidth || "" },
       "data-testid": testId,
       children: [
         /* @__PURE__ */ jsxs("thead", {
@@ -72620,3 +72609,4 @@ export {
   useWindowWidth,
   widthOfCharacters
 };
+//# sourceMappingURL=index.js.map