@cashub/ui 0.35.2 → 0.37.0

package/package.json

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

package/table/Table.js

@@ -52,7 +52,8 @@ const Table = _ref => {
     translation,
     beforeCreateRow,
     popoverContainer,
-    centerFooter = false
+    centerFooter = false,
+    showPager = true
   } = _ref;
   const tableRef = (0, _react.useRef)(null);
   const {
@@ -269,7 +270,7 @@ const Table = _ref => {
       center: centerFooter,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableFooterInfo.default, {
         children: texts.info.replace('_START_', start).replace('_END_', end).replace('_TOTAL_', total)
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableFooterPager.default, {
+      }), showPager && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableFooterPager.default, {
         center: centerFooter,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Paginate.default, {
           currentPage: currentPage,

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"])), _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\n    hr {\n      border: none;\n      border-top: 1px solid var(--border-color);\n      margin: var(--spacing-s) 0;\n    }\n  }\n"])), _scrollbar.default);
 var _default = exports.default = TagifyStyle;

package/tagify/index.js

@@ -15,6 +15,13 @@ Object.defineProperty(exports, "Tags", {
     return _Tags.default;
   }
 });
+Object.defineProperty(exports, "getCreateButtonTemplate", {
+  enumerable: true,
+  get: function () {
+    return _getCreateButtonTemplate.default;
+  }
+});
 var _Tags = _interopRequireDefault(require("./Tags"));
 var _TagifyStyle = _interopRequireDefault(require("./TagifyStyle"));
+var _getCreateButtonTemplate = _interopRequireDefault(require("./templates/getCreateButtonTemplate"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/tagify/templates/getCreateButtonTemplate.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const getCreateButtonTemplate = function (label) {
+  let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const attrString = Object.entries(props).map(_ref => {
+    let [key, val] = _ref;
+    return "".concat(key, "=\"").concat(val, "\"");
+  }).join(' ');
+  return "\n    <div ".concat(attrString, " tabindex=\"0\" role=\"option\" data-value=\"__create__\">\n      ").concat(label, "\n    </div>");
+};
+var _default = exports.default = getCreateButtonTemplate;