@cashub/ui 0.40.6 → 0.41.0

package/package.json

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

package/table/InfiniteGridTable.js

@@ -151,6 +151,14 @@ const InfiniteGridTable = _ref => {
         sortable,
         align
       } = column;
+      let key = 'TH';
+      if (title) {
+        key += "".concat(key).concat(title);
+      } else if (fieldName) {
+        key += "".concat(key).concat(fieldName);
+      } else {
+        key += "".concat(key).concat(index);
+      }
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_GridTableHeadCell.default, {
         width: width,
         align: align,
@@ -169,7 +177,7 @@ const InfiniteGridTable = _ref => {
           index: index,
           onResize: handleResizeColumn
         })]
-      }, "TH".concat(index));
+      }, key);
     });
     tableHeads.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_GridTableHeadCell.default, {
       role: "presentation",
@@ -241,8 +249,28 @@ const InfiniteGridTable = _ref => {
       })
     });
   }, [backgroundReverse, tableColumns, texts]);
+
+  // merge previous column width to columns array
   (0, _react.useEffect)(() => {
-    setTableColumns(columns);
+    setTableColumns(previousColumns => {
+      return columns.map(column => {
+        const previousColumn = previousColumns.find(previousColumn => {
+          const {
+            title: previousTitle,
+            fieldName: previousFieldName
+          } = previousColumn;
+          const {
+            title,
+            fieldName
+          } = column;
+          return title === previousTitle && fieldName === previousFieldName;
+        });
+        const width = (previousColumn === null || previousColumn === void 0 ? void 0 : previousColumn.width) || column.width;
+        return _objectSpread(_objectSpread({}, column), {}, {
+          width
+        });
+      });
+    });
   }, [columns]);
   (0, _react.useEffect)(() => {
     handleResize();

package/tagify/TagifyStyle.js

@@ -10,5 +10,5 @@ var _templateObject;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 // integrate tagify component
-const TagifyStyle = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .tagify__dropdown {\n    &__wrapper {\n      max-height: 320px;\n      border: 1px solid var(--border-color);\n      color: var(--font-on-background);\n      background: var(--color-background1);\n      box-shadow: var(--box-shadow);\n      border-radius: var(--border-radius);\n      padding: var(--spacing-s) 0;\n      overflow-y: auto;\n      overflow-x: visible;\n\n      ", "\n    }\n\n    &__item {\n      max-width: 100%;\n      word-break: break-all;\n      padding: 12px var(--spacing-s);\n      background: var(--color-background1);\n      transition: 0.3s;\n\n      &:hover {\n        background: var(--color-hover);\n      }\n    }\n\n    hr {\n      border: none;\n      border-top: 1px solid var(--border-color);\n      margin: var(--spacing-s) 0;\n    }\n  }\n"])), _scrollbar.default);
+const TagifyStyle = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .tagify__dropdown {\n    &__wrapper {\n      max-height: 320px;\n      border: 1px solid var(--border-color);\n      color: var(--font-on-background);\n      background: var(--color-background1);\n      box-shadow: var(--box-shadow);\n      border-radius: var(--border-radius);\n      padding: var(--spacing-s) 0;\n      overflow-y: auto;\n      overflow-x: visible;\n\n      ", "\n    }\n\n    &__item {\n      max-width: 100%;\n      word-break: break-all;\n      padding: 12px var(--spacing-s);\n      background: var(--color-background1);\n      transition: 0.3s;\n\n      &:hover {\n        background: var(--color-hover);\n      }\n\n      &[data-value=\"__create__\"] {\n        border-radius: 0 0 var(--border-radius) var(--border-radius);\n        border-top: 1px solid var(--border-color);\n        padding-top: var(--spacing);\n\n        &.fixed-bottom{\n          position: fixed;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          padding: var(--spacing-s);\n        }\n      }\n    }\n\n    &.has-fixed-bottom {\n      .tagify__dropdown__wrapper {\n        padding-bottom: 60px;\n      }\n    }\n  }\n"])), _scrollbar.default);
 var _default = exports.default = TagifyStyle;