@gpa-gemstone/react-table 1.2.32 → 1.2.33

package/lib/AdjustableTable/AdjustableColumn.js

@@ -80,7 +80,7 @@ function AdjColumnHeaderWrapper(props) {
         props.startAdjustment(e);
         console.log('onCLick border div');
     }, [props.startAdjustment]);
-    return React.createElement("th", { ref: thref, style: style, onClick: onClick },
+    return React.createElement("th", { ref: thref, style: style, onClick: onClick, onDrag: function (e) { e.stopPropagation(); } },
         React.createElement("div", { style: {
                 width: 5,
                 height: '100%',

package/lib/AdjustableTable/AdjustableTable.js

@@ -185,7 +185,7 @@ function Header(props) {
     var _a = React.useState(undefined), adjKeys = _a[0], setAdjKeys = _a[1];
     var _b = React.useState(0), mouseDown = _b[0], setMouseDown = _b[1];
     var _c = React.useState(0), deltaX = _c[0], setDeltaX = _c[1];
-    var finishAdjustment = React.useCallback(function (e) {
+    var finishAdjustment = function (e) {
         var _a, _b;
         var d = deltaX;
         if (adjKeys === undefined)
@@ -193,12 +193,14 @@ function Header(props) {
         var w = limitMovement(adjKeys[0], adjKeys[1], d);
         var leftWidth = (_a = props.GetWidth(adjKeys[0], 'adjustable')) !== null && _a !== void 0 ? _a : 100;
         var rightWidth = (_b = props.GetWidth(adjKeys[1], 'adjustable')) !== null && _b !== void 0 ? _b : 100;
-        props.SetWidth(adjKeys[0], (leftWidth - w), 'adjustable');
-        props.SetWidth(adjKeys[1], (rightWidth + w), 'adjustable');
+        if (Math.abs(w) > 5) {
+            props.SetWidth(adjKeys[0], (leftWidth - w), 'adjustable');
+            props.SetWidth(adjKeys[1], (rightWidth + w), 'adjustable');
+        }
         setMouseDown(0);
         setAdjKeys(undefined);
         setDeltaX(0);
-    }, [adjKeys]);
+    };
     var onMove = React.useCallback(function (e) {
         if (adjKeys === undefined)
             return;
@@ -215,7 +217,7 @@ function Header(props) {
             w = (leftWidth !== null && leftWidth !== void 0 ? leftWidth : 100) - leftMin;
         }
         if ((rightWidth !== null && rightWidth !== void 0 ? rightWidth : 100) + w < rightMin) {
-            w = (rightWidth !== null && rightWidth !== void 0 ? rightWidth : 100) - rightMin;
+            w = -(rightWidth !== null && rightWidth !== void 0 ? rightWidth : 100) - rightMin;
         }
         return w;
     }
@@ -228,6 +230,7 @@ function Header(props) {
             return w - deltaX;
         if (key === adjKeys[1])
             return w + deltaX;
+        return w;
     };
     return (React.createElement("thead", { className: props.Class, style: props.Style, onMouseMove: function (e) { onMove(e.nativeEvent); e.stopPropagation(); }, onMouseUp: function (e) { finishAdjustment(e.nativeEvent); e.stopPropagation(); }, onMouseLeave: function (e) { finishAdjustment(e.nativeEvent); e.stopPropagation(); } },
         React.createElement("tr", { ref: trRef },

package/lib/AdjustableTable/Column.js

@@ -73,7 +73,7 @@ function ColumnHeaderWrapper(props) {
     var onClick = React.useCallback(function (e) {
         props.onSort(props.Key, e, props.Field);
     }, [props.onSort]);
-    return React.createElement("th", { ref: thref, style: style, onClick: onClick },
+    return React.createElement("th", { ref: thref, style: style, onClick: onClick, onDrag: function (e) { e.stopPropagation(); } },
         props.sorted && props.asc ? React.createElement("div", { style: { position: 'absolute', width: 25 } }, gpa_symbols_1.SVGIcons.ArrowDropDown) : null,
         props.sorted && !props.asc ? React.createElement("div", { style: { position: 'absolute', width: 25 } }, gpa_symbols_1.SVGIcons.ArrowDropUp) : null,
         React.createElement("div", { style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpa-gemstone/react-table",
-  "version": "1.2.32",
+  "version": "1.2.33",
   "description": "Table for GPA web applications",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",