@cashub/ui 0.10.8 → 0.11.1

package/image/UploadImage.js

@@ -15,11 +15,9 @@ var _fa = require("react-icons/fa");
 
 var _md = require("react-icons/md");
 
-var _reactToastify = require("react-toastify");
-
 var _utils = require("@cashub/utils");
 
-var _MessageContainer = _interopRequireDefault(require("../toast/MessageContainer"));
+var _toast = require("../toast");
 
 var _HiddenFileInput = _interopRequireDefault(require("../file/HiddenFileInput"));
 
@@ -117,22 +115,20 @@ var UploadImage = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         } else {
           ref.current.value = '';
           restoreFile();
-
-          _reactToastify.toast.error( /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageContainer.default, {
+          (0, _toast.showErrorMessage)({
             title: t('error:Upload'),
             message: t('error:UploadSize', {
               size: '2MB'
             })
-          }));
+          });
         }
       } else {
         ref.current.value = '';
         restoreFile();
-
-        _reactToastify.toast.error( /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageContainer.default, {
+        (0, _toast.showErrorMessage)({
           title: t('error:Upload'),
           message: t('error:LogoMerchantFileType')
-        }));
+        });
       }
     }
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.10.8",
+  "version": "0.11.1",
   "private": false,
   "author": "CASHUB Team",
   "description": "CASHUB UI components library",
@@ -32,6 +32,7 @@
     "react-outside-click-handler": "^1.3.0",
     "react-popper": "^2.3.0",
     "react-router-dom": "^5.2.0",
+    "react-toastify": "^7.0.4",
     "styled-components": "^5.3.0"
   },
   "peerDependencies": {

package/table/subComponent/TableFooterInfo.js

@@ -13,7 +13,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var TableFooterInfo = _styledComponents.default.p(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: var(--font-body2);\n  color: var(--font-on-primary);\n"])));
+var TableFooterInfo = _styledComponents.default.p(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: var(--font-body2);\n  color: var(--font-on-primary);\n  flex: 0 0 auto;\n"])));
 
 var _default = TableFooterInfo;
 exports.default = _default;

package/table/subComponent/TableFooterPager.js

@@ -13,7 +13,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var TableFooterPager = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n\n  > :last-child {\n    margin-left: var(--spacing-xs);\n  }\n"])));
+var TableFooterPager = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  flex: 0 1 auto;\n  margin-top: calc(var(--spacing-xs) * -1);\n\n  > * {\n    margin-top: var(--spacing-xs);\n  }\n\n  > :last-child {\n    margin-left: var(--spacing-xs);\n  }\n"])));
 
 var _default = TableFooterPager;
 exports.default = _default;

package/toast/index.js

@@ -3,6 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  CustomToastContainer: true,
+  MessageContainer: true
+};
 Object.defineProperty(exports, "CustomToastContainer", {
   enumerable: true,
   get: function get() {
@@ -20,4 +24,18 @@ var _CustomToastContainer = _interopRequireDefault(require("./CustomToastContain
 
 var _MessageContainer = _interopRequireDefault(require("./MessageContainer"));
 
+var _show = require("./show");
+
+Object.keys(_show).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _show[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _show[key];
+    }
+  });
+});
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/toast/show.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.showWarningMessage = exports.showSuccessMessage = exports.showErrorMessage = void 0;
+
+var _reactToastify = require("react-toastify");
+
+var _MessageContainer = _interopRequireDefault(require("./MessageContainer"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var showSuccessMessage = function showSuccessMessage(_ref) {
+  var title = _ref.title,
+      message = _ref.message,
+      _ref$containHTML = _ref.containHTML,
+      containHTML = _ref$containHTML === void 0 ? false : _ref$containHTML;
+
+  _reactToastify.toast.success( /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageContainer.default, {
+    title: title,
+    message: message,
+    containHTML: containHTML
+  }));
+};
+
+exports.showSuccessMessage = showSuccessMessage;
+
+var showErrorMessage = function showErrorMessage(_ref2) {
+  var title = _ref2.title,
+      message = _ref2.message,
+      _ref2$containHTML = _ref2.containHTML,
+      containHTML = _ref2$containHTML === void 0 ? false : _ref2$containHTML;
+
+  _reactToastify.toast.error( /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageContainer.default, {
+    title: title,
+    message: message,
+    containHTML: containHTML
+  }));
+};
+
+exports.showErrorMessage = showErrorMessage;
+
+var showWarningMessage = function showWarningMessage(_ref3) {
+  var title = _ref3.title,
+      message = _ref3.message,
+      _ref3$containHTML = _ref3.containHTML,
+      containHTML = _ref3$containHTML === void 0 ? false : _ref3$containHTML;
+
+  _reactToastify.toast.warning( /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageContainer.default, {
+    title: title,
+    message: message,
+    containHTML: containHTML
+  }));
+};
+
+exports.showWarningMessage = showWarningMessage;

package/toast/style.css

@@ -0,0 +1 @@
+@import 'react-toastify/dist/ReactToastify.css';