@cashub/ui 0.42.0 → 0.42.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.42.0",
+  "version": "0.42.1",
   "private": false,
   "author": "CasHUB Team",
   "description": "CasHUB UI components library",

package/table/InfiniteGridTable.js

@@ -232,6 +232,7 @@ const InfiniteGridTable = _ref => {
         "data-index": index,
         style: {
           position: 'absolute',
+          display: 'flex',
           left: 0,
           top: "".concat(top, "px")
         },
@@ -324,36 +325,31 @@ const TableWrapper = _styledComponents.default.div(_templateObject || (_template
   return backgroundReverse ? 'var(--color-background1)' : 'var(--color-background2)';
 });
 const ResponsiveTable = _styledComponents.default.table(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  /* make fixed width work */\n  position: relative;\n  width: 0px;\n  color: var(--font-on-background);\n  table-layout: fixed;\n  border-collapse: collapse;\n"])));
-const TD = _styledComponents.default.td(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: ", ";\n  max-width: ", ";\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    padding: 0;\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"])), _ref3 => {
+const TD = _styledComponents.default.td(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  align-content: center;\n  width: ", ";\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    padding: 0;\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"])), _ref3 => {
   let {
     $width
   } = _ref3;
   return $width;
 }, _ref4 => {
-  let {
-    $width
-  } = _ref4;
-  return $width;
-}, _ref5 => {
   let {
     center
-  } = _ref5;
+  } = _ref4;
   return center ? 'center' : 'left';
-}, _ref6 => {
+}, _ref5 => {
   let {
     backgroundReverse
-  } = _ref6;
+  } = _ref5;
   return backgroundReverse ? 'var(--color-background1)' : 'var(--color-background2)';
 });
-const Scrollbar = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: sticky;\n  bottom: 0;\n  width: 100%;\n  overflow: auto;\n  background: ", ";\n\n  ::before {\n    display: block;\n    content: '';\n    width: ", ";\n    height: 1px;\n  }\n\n  ", "\n"])), _ref7 => {
+const Scrollbar = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: sticky;\n  bottom: 0;\n  width: 100%;\n  overflow: auto;\n  background: ", ";\n\n  ::before {\n    display: block;\n    content: '';\n    width: ", ";\n    height: 1px;\n  }\n\n  ", "\n"])), _ref6 => {
   let {
     backgroundReverse
-  } = _ref7;
+  } = _ref6;
   return backgroundReverse ? 'var(--color-background1)' : 'var(--color-background2)';
-}, _ref8 => {
+}, _ref7 => {
   let {
     width
-  } = _ref8;
+  } = _ref7;
   return "".concat(width, "px");
 }, (0, _scrollbar.default)({
   size: 'large'

package/table/subComponent/Resizer.js

@@ -19,7 +19,10 @@ const Resizer = _ref => {
   const handleMouseMove = (0, _react.useCallback)(event => {
     event.stopPropagation();
     event.preventDefault();
-    const targetWidth = event.clientX - parentNode.getBoundingClientRect().left;
+    let targetWidth = event.clientX - parentNode.getBoundingClientRect().left;
+    if (targetWidth < 1) {
+      targetWidth = 1;
+    }
     parentNode.style.width = "".concat(targetWidth, "px");
     if (typeof onResize === 'function') {
       onResize(index, targetWidth);