@oliasoft-open-source/react-ui-library 3.9.0 → 3.9.2-beta-1

package/dist/index.js

@@ -27509,6 +27509,9 @@ const Select = (props) => {
     closeOnOptionActionClick,
     testId
   } = props;
+  console.group("PROPS");
+  console.log(props);
+  console.groupEnd();
   const enableAutoScroll = !native && autoScroll2 === true;
   const {
     multi,
@@ -27550,20 +27553,30 @@ const Select = (props) => {
     ]
   }) : error2;
   const onChangeSelectedValue = (evt, selectedOptions2) => {
+    console.group("ON CHANGE");
+    console.group("ON CHANGE PROPS");
+    console.log(evt);
+    console.log(selectedOptions2);
+    console.groupEnd();
     if (deprecatedEventHandler) {
+      console.log("DEPRECATED");
       const newSelectedOptions = multi ? selectedOptions2.map((o) => simpleInputs ? o.value : o) : simpleInputs ? selectedOptions2.value : selectedOptions2;
       onChange(newSelectedOptions);
     } else {
+      console.log("DEPRECATED ELSE");
       const isSyntheticEvent = !(evt instanceof Event);
       const value = multi ? selectedOptions2 : selectedOptions2.value;
       if (isSyntheticEvent) {
+        console.log("SYNTHETIC");
         evt.target.name = name2;
         evt.target.value = value;
         if (!multi) {
+          console.log("NO MULTI");
           evt.target.label = selectedOptions2.label;
         }
         onChange(evt);
       } else {
+        console.log("SYNTHETIC ELSE");
         onChange({
           ...evt,
           target: {
@@ -27575,6 +27588,7 @@ const Select = (props) => {
         });
       }
     }
+    console.groupEnd();
   };
   return useNative ? /* @__PURE__ */ jsx(NativeSelect, {
     ...props,
@@ -58161,11 +58175,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 +58201,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 +58691,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 +58715,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 +58816,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 +58885,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", {