@gpa-gemstone/react-table 1.2.54 → 1.2.56

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);
@@ -278,8 +278,6 @@ function AdjustableTable(props) {
             React.createElement("tr", { style: props.RowStyle !== undefined ? Object.assign({}, props.RowStyle) : {} }, props.LastRow))) : null));
 }
 function Rows(props) {
-    if (props.Data.length === 0)
-        return null;
     const onClick = React.useCallback((e, item, index) => {
         if (props.OnClick !== undefined)
             props.OnClick({
@@ -290,7 +288,7 @@ 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))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpa-gemstone/react-table",
-  "version": "1.2.54",
+  "version": "1.2.56",
   "description": "Table for GPA web applications",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -42,7 +42,7 @@
     "typescript": "5.5.3"
   },
   "dependencies":   {
-    "@gpa-gemstone/gpa-symbols": "0.0.41",
+    "@gpa-gemstone/gpa-symbols": "0.0.43",
     "@gpa-gemstone/helper-functions": "0.0.35",
     "@types/lodash": "^4.14.171",
     "@types/react": "^17.0.14",