@gpa-gemstone/react-table 1.2.67 → 1.2.68

package/lib/Table/Column.js

@@ -69,5 +69,5 @@ function ColumnHeaderWrapper(props) {
             } }, (_a = props.children) !== null && _a !== void 0 ? _a : props.colKey));
 }
 function ColumnDataWrapper(props) {
-    return (React.createElement("td", { style: props.style, onClick: props.onClick, draggable: props.dragStart !== undefined, onDragStart: props.dragStart }, props.children));
+    return (React.createElement("td", { style: props.style, onClick: props.onClick, draggable: props.dragStart != undefined, onDragStart: props.dragStart }, props.children));
 }

package/lib/Table/Table.js

@@ -76,7 +76,7 @@ const IsColumnAdjustable = (props) => {
         return propValue;
     return false;
 };
-const scrollBarWidth = getScrollbarWidth();
+const scrollBarWidth = (0, helper_functions_1.GetScrollbarWidth)();
 const lastColumnWidth = 17;
 function Table(props) {
     const bodyRef = React.useRef(null);
@@ -313,18 +313,19 @@ function Rows(props) {
                         data: d[(_b = element.props) === null || _b === void 0 ? void 0 : _b.Field],
                         index: i,
                     }, e);
-                }, dragStart: (e) => {
-                    var _a, _b;
-                    if (props.DragStart == null)
-                        return;
-                    return props.DragStart({
-                        colKey: element.props.Key,
-                        colField: (_a = element.props) === null || _a === void 0 ? void 0 : _a.Field,
-                        row: d,
-                        data: d[(_b = element.props) === null || _b === void 0 ? void 0 : _b.Field],
-                        index: i,
-                    }, e);
-                }, style: style }, ((_d = element.props) === null || _d === void 0 ? void 0 : _d.Content) != null
+                }, dragStart: props.DragStart == null ? undefined :
+                    (e) => {
+                        var _a, _b;
+                        if (props.DragStart == null)
+                            return;
+                        return props.DragStart({
+                            colKey: element.props.Key,
+                            colField: (_a = element.props) === null || _a === void 0 ? void 0 : _a.Field,
+                            row: d,
+                            data: d[(_b = element.props) === null || _b === void 0 ? void 0 : _b.Field],
+                            index: i,
+                        }, e);
+                    }, style: style }, ((_d = element.props) === null || _d === void 0 ? void 0 : _d.Content) != null
                 ? element.props.Content({
                     item: d,
                     key: element.props.Key,
@@ -506,18 +507,3 @@ function Header(props) {
                 React.createElement("th", { style: { width: lastColumnWidth, padding: 0, maxWidth: lastColumnWidth } }, props.LastColumn)
                 : null)));
 }
-function getScrollbarWidth() {
-    // Creating invisible container
-    const outer = document.createElement('div');
-    outer.style.visibility = 'hidden';
-    outer.style.overflow = 'scroll'; // forcing scrollbar to appear
-    document.body.appendChild(outer);
-    // Creating inner element and placing it in the container
-    const inner = document.createElement('div');
-    outer.appendChild(inner);
-    // Calculating difference between container's full width and the child width
-    const scrollbarWidth = (outer.offsetWidth - inner.offsetWidth);
-    // Removing temporary elements from the DOM
-    outer.parentNode.removeChild(outer);
-    return scrollbarWidth;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpa-gemstone/react-table",
-  "version": "1.2.67",
+  "version": "1.2.68",
   "description": "Table for GPA web applications",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -44,8 +44,8 @@
   },
   "dependencies":   {
     "@gpa-gemstone/gpa-symbols": "0.0.49",
-    "@gpa-gemstone/helper-functions": "0.0.38",
-    "@gpa-gemstone/react-interactive": "1.0.145",
+    "@gpa-gemstone/helper-functions": "0.0.39",
+    "@gpa-gemstone/react-interactive": "1.0.146",
     "@types/lodash": "^4.14.171",
     "@types/react": "^17.0.14",
     "lodash": "^4.17.21",