@gpa-gemstone/react-table 1.2.55 → 1.2.57

package/lib/AdjustableTable/Table.d.ts

@@ -53,6 +53,7 @@ interface TableProps<T> {
     TheadClass?: string;
     /**
     * style of the tbody component
+    * Note: Display style overwritten to "block"
     */
     TbodyStyle?: React.CSSProperties;
     /**

package/lib/AdjustableTable/Table.js

@@ -122,8 +122,8 @@ function AdjustableTable(props) {
                 if (numOfColsWithUndefinedCSS > 0 && numOfColsWithAutoCSS == 0) { // Split only on the css undefined if there are no auto-cols
                     colsToDivideBy = numOfColsWithUndefinedCSS;
                 }
-                const extraSpace = (currentTableWidth - colW - numEnabledColumns) / colsToDivideBy;
-                setExtraWidthPerRow(extraSpace);
+                const extraSpace = (currentTableWidth - colW) / colsToDivideBy;
+                setExtraWidthPerRow(Math.floor(extraSpace));
                 (_a = props.ReduceWidthCallback) === null || _a === void 0 ? void 0 : _a.call(props, hideKeys);
                 setAutoWidthVersion((v) => v + 1);
             }, 500);
@@ -288,13 +288,13 @@ function Rows(props) {
                 index: index,
             }, e);
     }, [props.OnClick]);
-    const bodyStyle = React.useMemo(() => (Object.assign(Object.assign({}, props.BodyStyle), { paddingRight: (props.BodyScrolled ? 0 : 17) })), [props.BodyStyle, props.BodyScrolled]);
+    const bodyStyle = React.useMemo(() => (Object.assign(Object.assign({}, props.BodyStyle), { paddingRight: (props.BodyScrolled ? 0 : 17), display: "block" })), [props.BodyStyle, props.BodyScrolled]);
     return (React.createElement("tbody", { style: bodyStyle, className: props.BodyClass, ref: props.BodyRef }, props.Data.map((d, i) => {
         const style = props.RowStyle !== undefined ? Object.assign({}, props.RowStyle) : {};
         if (style.cursor === undefined && (props.OnClick !== undefined || props.DragStart !== undefined))
             style.cursor = 'pointer';
         if (props.Selected !== undefined && props.Selected(d, i))
-            style.backgroundColor = 'yellow';
+            style.backgroundColor = 'var(--warning)';
         const key = props.KeySelector(d, i);
         return (React.createElement("tr", { key: key, style: style, onClick: (e) => onClick(e, d, i) }, React.Children.map(props.children, (element) => {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpa-gemstone/react-table",
-  "version": "1.2.55",
+  "version": "1.2.57",
   "description": "Table for GPA web applications",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -42,8 +42,8 @@
     "typescript": "5.5.3"
   },
   "dependencies":   {
-    "@gpa-gemstone/gpa-symbols": "0.0.42",
-    "@gpa-gemstone/helper-functions": "0.0.35",
+    "@gpa-gemstone/gpa-symbols": "0.0.44",
+    "@gpa-gemstone/helper-functions": "0.0.36",
     "@types/lodash": "^4.14.171",
     "@types/react": "^17.0.14",
     "lodash": "^4.17.21",