@stokr/components-library 2.3.4 → 2.3.5

package/dist/components/ChartLegend/ChartLegend.js

@@ -41,7 +41,12 @@ var ChartLegend = function ChartLegend(props) {
       }
     }, /*#__PURE__*/_react.default.createElement(_ChartLegend.ColorLabel, {
       itemColor: item.color
-    }), /*#__PURE__*/_react.default.createElement(_ChartLegend.NameCol, null, /*#__PURE__*/_react.default.createElement(_ChartLegend.LargeText, null, item.name), /*#__PURE__*/_react.default.createElement(_ChartLegend.SmallText, null, item.subname)), /*#__PURE__*/_react.default.createElement(_ChartLegend.NameCol, null, /*#__PURE__*/_react.default.createElement(_ChartLegend.LargeText, null, item.value), /*#__PURE__*/_react.default.createElement(_ChartLegend.SmallText, null, item.info)), /*#__PURE__*/_react.default.createElement(_ChartLegend.MarketDataCol, {
+    }), /*#__PURE__*/_react.default.createElement(_ChartLegend.NameCol, null, /*#__PURE__*/_react.default.createElement(_ChartLegend.LargeText, {
+      onClick: function onClick(e) {
+        item.onNameClick && item.onNameClick(e, item);
+      },
+      isLink: !!item.onNameClick
+    }, item.name), /*#__PURE__*/_react.default.createElement(_ChartLegend.SmallText, null, item.subname)), /*#__PURE__*/_react.default.createElement(_ChartLegend.NameCol, null, /*#__PURE__*/_react.default.createElement(_ChartLegend.LargeText, null, item.value), /*#__PURE__*/_react.default.createElement(_ChartLegend.SmallText, null, item.info)), /*#__PURE__*/_react.default.createElement(_ChartLegend.MarketDataCol, {
       isPositive: item.isPositive
     }, /*#__PURE__*/_react.default.createElement(_ChartLegend.LargeText, {
       isPositive: item.isPositive
@@ -57,6 +62,7 @@ ChartLegend.propTypes = {
   data: _propTypes.default.arrayOf(_propTypes.default.shape({
     value: _propTypes.default.number.isRequired,
     name: _propTypes.default.string,
+    onNameClick: _propTypes.default.func,
     color: _propTypes.default.string,
     subname: _propTypes.default.string,
     info: _propTypes.default.string,

package/dist/components/ChartLegend/ChartLegend.stories.js

@@ -82,6 +82,11 @@ ChartLegendFull.args = {
     color: 'red',
     subname: 'Sub Name',
     info: 'information',
+    onNameClick: function onNameClick(e, data) {
+      e.preventDefault();
+      e.stopPropagation();
+      alert('name is clicked');
+    },
     price: 10000,
     isPositive: false,
     marketValue: '20 %',

package/dist/components/ChartLegend/ChartLegend.styles.js

@@ -47,10 +47,12 @@ exports.ValueCol = ValueCol;
 var LargeText = _styledComponents.default.div.withConfig({
   displayName: "ChartLegendstyles__LargeText",
   componentId: "sc-gh1vwu-7"
-})(["font-weight:300;font-size:22px;line-height:28px;", " ", ""], function (props) {
+})(["font-weight:300;font-size:22px;line-height:28px;", " ", " ", ""], function (props) {
   return props.isPositive && "\n    color: ".concat(_theme.default.cProgressDone, ";\n  ");
 }, function (props) {
   return props.isPositive === false && "\n    color: ".concat(_theme.default.cWarning, ";\n  ");
+}, function (props) {
+  return props.isLink && "\n    text-decoration:underline;\n    text-decoration-thickness: from-font;\n  ";
 });
 exports.LargeText = LargeText;
 var SmallText = _styledComponents.default.div.withConfig({

package/dist/components/StokrLoader/StokrLoader.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StokrLoader = StokrLoader;
-exports.loaderGif = exports.default = void 0;
+exports.loaderGif = exports.default = exports.StokrLoaderBox = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _media = _interopRequireDefault(require("./media"));
@@ -17,16 +17,27 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 // Render a new image everytime, avoiding jump on the spinning
 var loaderGif = "https://res.cloudinary.com/stokr/image/upload/f_auto,q_auto/v1575035788/Static/stokr_loader_white_400x400_egnhgb.gif?a=".concat(Math.random());
 exports.loaderGif = loaderGif;
+var CenterFullWidth = _styledComponents.default.div.withConfig({
+  displayName: "StokrLoader__CenterFullWidth",
+  componentId: "sc-1chowhw-0"
+})(["width:100%;height:100%;display:flex;align-items:center;justify-content:center;"]);
 function StokrLoader() {
   var fadeIn = (0, _styledComponents.keyframes)(["0%{opacity:0;}60%{opacity:1;}100%{opacity:1;}"]);
   var StyledStokrLoader = _styledComponents.default.div.withConfig({
     displayName: "StokrLoader__StyledStokrLoader",
-    componentId: "sc-1chowhw-0"
+    componentId: "sc-1chowhw-1"
   })(["align-items:center;animation:", " 1.8s ease-in-out forwards;background:rgb(254,254,254);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000;", ";", ";", ";"], fadeIn, _media.default.mobileS(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    img {\n      height: 15rem;\n      width: 15rem;\n    }\n  "]))), _media.default.mobile(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    img {\n      height: 18rem;\n      width: 18rem;\n    }\n  "]))), _media.default.tablet(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    img {\n      height: 30rem;\n      width: 30rem;\n    }\n  "]))));
   return /*#__PURE__*/_react.default.createElement(StyledStokrLoader, null, /*#__PURE__*/_react.default.createElement("img", {
     src: loaderGif,
     alt: "\xA0"
   }));
 }
+var StokrLoaderBox = function StokrLoaderBox() {
+  return /*#__PURE__*/_react.default.createElement(CenterFullWidth, null, /*#__PURE__*/_react.default.createElement("img", {
+    src: loaderGif,
+    alt: "\xA0"
+  }));
+};
+exports.StokrLoaderBox = StokrLoaderBox;
 var _default = StokrLoader;
 exports.default = _default;

package/dist/utils/formatCurrencyValue.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCurrencySymbol = exports.formatCurrencyValue = void 0;
+exports.getProjectCurrencySign = exports.getCurrencySymbol = exports.formatCurrencyValue = void 0;
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -48,4 +48,8 @@ var getCurrencySymbol = function getCurrencySymbol(currencySelected) {
     bmn1: 'BMN1'
   }[currencySelected] || currencySelected;
 };
-exports.getCurrencySymbol = getCurrencySymbol;
+exports.getCurrencySymbol = getCurrencySymbol;
+var getProjectCurrencySign = function getProjectCurrencySign(tokenCurrency) {
+  return tokenCurrency === 'EUR' ? '€' : tokenCurrency === 'USD' ? '$' : '';
+};
+exports.getProjectCurrencySign = getProjectCurrencySign;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "2.3.4",
+  "version": "2.3.5",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",