@cashub/ui 0.10.4 → 0.10.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.10.4",
+  "version": "0.10.5",
   "private": false,
   "author": "CASHUB Team",
   "description": "CASHUB UI components library",

package/table/GridTable.js

@@ -62,7 +62,6 @@ var GridTable = function GridTable(_ref) {
       onSortChange = _ref.onSortChange,
       backgroundReverse = _ref.backgroundReverse,
       translation = _ref.translation;
-  var wrapperRef = (0, _react.useRef)(null);
   var tableRef = (0, _react.useRef)(null);
 
   var _useCalculateDataRang = (0, _hooks.useCalculateDataRange)(currentPage, limit, total),
@@ -127,9 +126,7 @@ var GridTable = function GridTable(_ref) {
             onClick: showFullValue,
             children: title
           }), sortable && generateSort(fieldName)]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Resizer.default, {
-          container: wrapperRef.current
-        })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Resizer.default, {})]
       }, "TH".concat(index));
     });
   }, [backgroundReverse, columns, handleSortChange, generateSort, showFullValue]);
@@ -185,7 +182,6 @@ var GridTable = function GridTable(_ref) {
   }, [backgroundReverse, columns, texts]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TableWrapper, {
-      ref: wrapperRef,
       backgroundReverse: backgroundReverse,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(ResponsiveTable, {
         ref: tableRef,
@@ -242,7 +238,7 @@ var TableWrapper = _styledComponents.default.div(_templateObject || (_templateOb
   size: 'large'
 }));
 
-var ResponsiveTable = _styledComponents.default.table(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  color: var(--font-on-primary);\n  table-layout: fixed;\n  border-collapse: collapse;\n"])));
+var ResponsiveTable = _styledComponents.default.table(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  /* make fixed width work */\n  width: 0px;\n  color: var(--font-on-primary);\n  table-layout: fixed;\n  border-collapse: collapse;\n"])));
 
 var TD = _styledComponents.default.td(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: 48px;\n  padding: 0 var(--spacing-xs);\n  border-top: 1px solid var(--border-color);\n  border-right: 1px solid var(--border-color);\n  border-bottom: 1px solid var(--border-color);\n  text-align: ", ";\n  background: ", ";\n\n  &:last-child {\n    border-right: none;\n  }\n\n  > span {\n    display: inline-block;\n    width: 100%;\n    padding: 0 2px;\n    overflow: hidden;\n    white-space: pre;\n    text-overflow: ellipsis;\n  }\n"])), function (_ref3) {
   var center = _ref3.center;

package/table/subComponent/Resizer.js

@@ -29,9 +29,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var Resizer = function Resizer(_ref) {
-  var container = _ref.container;
-
+var Resizer = function Resizer() {
   var _useState = (0, _react.useState)(null),
       _useState2 = _slicedToArray(_useState, 2),
       parentNode = _useState2[0],
@@ -40,10 +38,9 @@ var Resizer = function Resizer(_ref) {
   var handleMouseMove = (0, _react.useCallback)(function (event) {
     event.stopPropagation();
     event.preventDefault();
-    var horizontalScrollOffset = container ? container.scrollLeft : document.documentElement.scrollLeft;
-    var targetWidth = horizontalScrollOffset + event.clientX - parentNode.getBoundingClientRect().left;
+    var targetWidth = event.clientX - parentNode.getBoundingClientRect().left;
     parentNode.style.width = "".concat(targetWidth, "px");
-  }, [container, parentNode]);
+  }, [parentNode]);
   var handleMouseUp = (0, _react.useCallback)(function (event) {
     event.stopPropagation();
     event.preventDefault();
@@ -52,8 +49,8 @@ var Resizer = function Resizer(_ref) {
     setParentNode(null);
   }, [handleMouseMove]);
 
-  var initResize = function initResize(_ref2) {
-    var target = _ref2.target;
+  var initResize = function initResize(_ref) {
+    var target = _ref.target;
     setParentNode(target.parentNode);
   };