@stokr/components-library 2.3.58-beta.6 → 2.3.58-beta.7

package/dist/components/CapitalRaisedSummary/CapitalRaisedSummery.stories.js

@@ -8,9 +8,9 @@ var _react = _interopRequireDefault(require("react"));
 var _CaptialRaisedSummary = _interopRequireDefault(require("./CaptialRaisedSummary"));
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // import Checkbox, { CheckboxPropTypes } from '../Checkbox/Checkbox'
-var _default = {
+var _default = exports.default = {
   title: 'Components Library/Capital Raised Summary',
   component: _CaptialRaisedSummary.default,
   argTypes: {
@@ -25,12 +25,8 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_CaptialRaisedSummary.default, args)));
-};
-var CapitalRaisedSum = Template.bind({});
-exports.CapitalRaisedSum = CapitalRaisedSum;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_CaptialRaisedSummary.default, args)));
+const CapitalRaisedSum = exports.CapitalRaisedSum = Template.bind({});
 CapitalRaisedSum.args = {
   capital: 150,
   multiProgressBar: {

package/dist/components/CapitalRaisedSummary/CaptialRaisedSummary.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,12 +9,13 @@ var _reactCountup = _interopRequireDefault(require("react-countup"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _MultiProgressBar = _interopRequireWildcard(require("../MultiProgressBar/MultiProgressBar"));
 var _CaptialRaisedSummary = require("./CaptialRaisedSummary.styles");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var CaptialRaisedSummary = function CaptialRaisedSummary(_ref) {
-  var capital = _ref.capital,
-    multiProgressBar = _ref.multiProgressBar;
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CaptialRaisedSummary = _ref => {
+  let {
+    capital,
+    multiProgressBar
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_CaptialRaisedSummary.Wrapper, null, /*#__PURE__*/_react.default.createElement(_CaptialRaisedSummary.Title, null, "CAPITAL RAISED"), /*#__PURE__*/_react.default.createElement(_CaptialRaisedSummary.Amount, null, /*#__PURE__*/_react.default.createElement(_reactCountup.default, {
     end: capital,
     prefix: "\u20AC ",
@@ -28,7 +28,6 @@ CaptialRaisedSummary.propTypes = {
   capital: _propTypes.default.number.isRequired,
   multiProgressBar: _propTypes.default.shape(_MultiProgressBar.MultiProgressBarPropTypes).isRequired
 };
-var _default = CaptialRaisedSummary; //MERGE:
+var _default = exports.default = CaptialRaisedSummary; //MERGE:
 //check IIS for better logic, yet unmerged
-//only IIS is used, so replace, but context is unresolved
-exports.default = _default;
+//only IIS is used, so replace, but context is unresolved

package/dist/components/CapitalRaisedSummary/CaptialRaisedSummary.styles.js

@@ -9,26 +9,17 @@ var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/Comp
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
 var _templateObject, _templateObject2;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Wrapper = (0, _styledComponents.default)(_ComponentWrapper.default).withConfig({
+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) } })); }
+const Wrapper = exports.Wrapper = (0, _styledComponents.default)(_ComponentWrapper.default).withConfig({
   displayName: "CaptialRaisedSummarystyles__Wrapper",
   componentId: "sc-1608cnu-0"
-})(["background:", ";display:flex;flex-direction:column;justify-content:center;height:100%;margin-top:-1px;"], function (props) {
-  return _theme.default.cPrimary;
-});
-exports.Wrapper = Wrapper;
-var Title = _styledComponents.default.div.withConfig({
+})(["background:", ";display:flex;flex-direction:column;justify-content:center;height:100%;margin-top:-1px;"], props => _theme.default.cPrimary);
+const Title = exports.Title = _styledComponents.default.div.withConfig({
   displayName: "CaptialRaisedSummarystyles__Title",
   componentId: "sc-1608cnu-1"
-})(["font-size:11px;line-height:20px;letter-spacing:2px;margin-bottom:14px;color:", ";"], function (props) {
-  return _theme.default.cWhite;
-});
-exports.Title = Title;
-var Amount = _styledComponents.default.div.withConfig({
+})(["font-size:11px;line-height:20px;letter-spacing:2px;margin-bottom:14px;color:", ";"], props => _theme.default.cWhite);
+const Amount = exports.Amount = _styledComponents.default.div.withConfig({
   displayName: "CaptialRaisedSummarystyles__Amount",
   componentId: "sc-1608cnu-2"
-})(["font-size:34px;line-height:40px;font-weight:300;margin-bottom:20px;letter-spacing:2px;color:", ";white-space:nowrap;", " ", ""], function (props) {
-  return _theme.default.cWhite;
-}, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: 28px;\n  "]))), _rwd.default.Large(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    font-size: 34px;\n  "]))));
-exports.Amount = Amount;
+})(["font-size:34px;line-height:40px;font-weight:300;margin-bottom:20px;letter-spacing:2px;color:", ";white-space:nowrap;", " ", ""], props => _theme.default.cWhite, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: 28px;\n  "]))), _rwd.default.Large(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    font-size: 34px;\n  "]))));

package/dist/components/Card/Card.styles.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,61 +8,35 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _Select = require("../Input/Select.styles");
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Card = _styledComponents.default.div.withConfig({
+var _templateObject;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+const Card = exports.Card = _styledComponents.default.div.withConfig({
   displayName: "Cardstyles__Card",
   componentId: "sc-16hwkn5-0"
-})(["padding:28px 22px;background:", ";", " ", " ", " ", ""], _theme.default.cWhite, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 40px 50px;\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n  "])), function (props) {
-  return props.lessPadding && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        padding: 28px 22px;\n      "])));
-}, function (props) {
-  return props.lessPaddingHorizontal && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        padding: 40px 22px;\n      "])));
-}, function (props) {
-  return props.lessPaddingVertical && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        padding: 28px 50px;\n      "])));
-}, function (props) {
-  return props.chartPadding && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        padding: 20px;\n      "])));
-}, function (props) {
-  return props.noPadding && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        padding: 0;\n      "])));
-}), function (props) {
-  return props.chartPadding && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      padding: 10px;\n    "])));
-}, function (props) {
-  return props.noPadding && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      padding: 0;\n    "])));
-}, function (props) {
-  return props.grow && "\n    flex-grow: ".concat(props.grow, ";\n  ");
-});
-exports.Card = Card;
-var CardTitle = _styledComponents.default.div.withConfig({
+})(["padding:28px 22px;background:", ";", " ", " ", " ", ""], _theme.default.cWhite, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 40px 50px;\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n  "])), props => props.lessPadding && (0, _styledComponents.css)(["padding:28px 22px;"]), props => props.lessPaddingHorizontal && (0, _styledComponents.css)(["padding:40px 22px;"]), props => props.lessPaddingVertical && (0, _styledComponents.css)(["padding:28px 50px;"]), props => props.chartPadding && (0, _styledComponents.css)(["padding:20px;"]), props => props.noPadding && (0, _styledComponents.css)(["padding:0;"])), props => props.chartPadding && (0, _styledComponents.css)(["padding:10px;"]), props => props.noPadding && (0, _styledComponents.css)(["padding:0;"]), props => props.grow && "\n    flex-grow: ".concat(props.grow, ";\n  "));
+const CardTitle = exports.CardTitle = _styledComponents.default.div.withConfig({
   displayName: "Cardstyles__CardTitle",
   componentId: "sc-16hwkn5-1"
 })(["font-size:16px;line-height:22px;font-weight:600;"]);
-exports.CardTitle = CardTitle;
-var CardTitleContainer = _styledComponents.default.div.withConfig({
+const CardTitleContainer = exports.CardTitleContainer = _styledComponents.default.div.withConfig({
   displayName: "Cardstyles__CardTitleContainer",
   componentId: "sc-16hwkn5-2"
 })(["display:flex;flex-direction:row;align-items:center;"]);
-exports.CardTitleContainer = CardTitleContainer;
-var CardRightText = _styledComponents.default.div.withConfig({
+const CardRightText = exports.CardRightText = _styledComponents.default.div.withConfig({
   displayName: "Cardstyles__CardRightText",
   componentId: "sc-16hwkn5-3"
 })(["margin-left:auto;font-size:16px;"]);
-exports.CardRightText = CardRightText;
-var CardLeftText = _styledComponents.default.div.withConfig({
+const CardLeftText = exports.CardLeftText = _styledComponents.default.div.withConfig({
   displayName: "Cardstyles__CardLeftText",
   componentId: "sc-16hwkn5-4"
 })(["margin-left:18px;font-size:16px;"]);
-exports.CardLeftText = CardLeftText;
-var CardHeader = _styledComponents.default.div.withConfig({
+const CardHeader = exports.CardHeader = _styledComponents.default.div.withConfig({
   displayName: "Cardstyles__CardHeader",
   componentId: "sc-16hwkn5-5"
-})(["display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;", " ", "{height:22px;margin-top:-8px;}"], function (props) {
-  return props.paddingRight && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      padding-right: ", ";\n    "])), props.paddingRight);
-}, _Select.SelectWrapper);
-exports.CardHeader = CardHeader;
-var CardHeaderRegular = _styledComponents.default.div.withConfig({
+})(["display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;", " ", "{height:22px;margin-top:-8px;}"], props => props.paddingRight && (0, _styledComponents.css)(["padding-right:", ";"], props.paddingRight), _Select.SelectWrapper);
+const CardHeaderRegular = exports.CardHeaderRegular = _styledComponents.default.div.withConfig({
   displayName: "Cardstyles__CardHeaderRegular",
   componentId: "sc-16hwkn5-6"
-})(["font-weight:400;display:inline-block;"]);
-exports.CardHeaderRegular = CardHeaderRegular;
+})(["font-weight:400;display:inline-block;"]);

package/dist/components/ChartBox/ChartBox.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
 var _Text = _interopRequireDefault(require("../Text/Text.styles"));
 var _ChartBox = require("./ChartBox.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // import Select from "components/Input/Select";
 // import DonutChart from "components/DonutChart/DonutChart";
 // import {
@@ -34,11 +34,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //   />
 // );
 
-var ChartBox = function ChartBox() {
-  return /*#__PURE__*/_react.default.createElement(_ChartBox.Container, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-    center: true
-  }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h4", null, "No Investments yet..."))));
-};
+const ChartBox = () => /*#__PURE__*/_react.default.createElement(_ChartBox.Container, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+  center: true
+}, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h4", null, "No Investments yet..."))));
 exports.ChartBox = ChartBox;
-var _default = ChartBox;
-exports.default = _default;
+var _default = exports.default = ChartBox;

package/dist/components/ChartBox/ChartBox.stories.js

@@ -6,15 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.chartBoxEmpty = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ChartBox = require("./ChartBox");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Components Library/Chart Box/Chart Box',
   component: _ChartBox.ChartBox
 };
-exports.default = _default;
-var chartBoxEmpty = function chartBoxEmpty() {
-  return /*#__PURE__*/_react.default.createElement(_ChartBox.ChartBox, null);
-};
+const chartBoxEmpty = () => /*#__PURE__*/_react.default.createElement(_ChartBox.ChartBox, null);
 
 //ChartBox the component is pretty much commented out
 exports.chartBoxEmpty = chartBoxEmpty;

package/dist/components/ChartBox/ChartBox.styles.js

@@ -7,27 +7,21 @@ exports.SelectWrapper = exports.Legend = exports.Container = exports.Chart = voi
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _templateObject, _templateObject2, _templateObject3;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Container = _styledComponents.default.div.withConfig({
+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) } })); }
+const Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "ChartBoxstyles__Container",
   componentId: "sc-1h5ta2j-0"
 })(["position:relative;font-size:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;text-align:left;width:100%;", " @media screen and (max-width:767px){width:100%;}"], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    align-items: start;\n    padding: 64px 0;\n    flex-direction: row;\n  "]))));
-exports.Container = Container;
-var Chart = _styledComponents.default.div.withConfig({
+const Chart = exports.Chart = _styledComponents.default.div.withConfig({
   displayName: "ChartBoxstyles__Chart",
   componentId: "sc-1h5ta2j-1"
 })(["display:block;"]);
-exports.Chart = Chart;
-var Legend = _styledComponents.default.div.withConfig({
+const Legend = exports.Legend = _styledComponents.default.div.withConfig({
   displayName: "ChartBoxstyles__Legend",
   componentId: "sc-1h5ta2j-2"
-})(["display:block;width:100%;padding-top:64px;", " ", ""], _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: auto;\n    flex-grow: 1;\n    padding-top: 0;\n    padding-left: 64px;\n\n    ", "\n  "])), function (props) {
-  return props.spaceTop && "\n      padding-top: 104px;\n    ";
-}), _rwd.default.Large(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    max-width: 768px;\n  "]))));
-exports.Legend = Legend;
-var SelectWrapper = _styledComponents.default.div.withConfig({
+})(["display:block;width:100%;padding-top:64px;", " ", ""], _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: auto;\n    flex-grow: 1;\n    padding-top: 0;\n    padding-left: 64px;\n\n    ", "\n  "])), props => props.spaceTop && "\n      padding-top: 104px;\n    "), _rwd.default.Large(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    max-width: 768px;\n  "]))));
+const SelectWrapper = exports.SelectWrapper = _styledComponents.default.div.withConfig({
   displayName: "ChartBoxstyles__SelectWrapper",
   componentId: "sc-1h5ta2j-3"
-})(["padding-bottom:64px;"]);
-exports.SelectWrapper = SelectWrapper;
+})(["padding-bottom:64px;"]);

package/dist/components/ChartBox/ChartBoxDistribution.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
 var _Text = _interopRequireDefault(require("../Text/Text.styles"));
 var _ChartBox = require("./ChartBox.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // import Select from '../Input/Select';
 // import DonutChart from '../DonutChart/DonutChart';
 // import {
@@ -20,11 +20,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //   Container, Chart, Legend, SelectWrapper,
 // } from './ChartBox.styles';
 
-var ChartBoxDistribution = function ChartBoxDistribution() {
-  return /*#__PURE__*/_react.default.createElement(_ChartBox.Container, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-    center: true
-  }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h4", null, "No Distributions yet..."))));
-};
+const ChartBoxDistribution = () => /*#__PURE__*/_react.default.createElement(_ChartBox.Container, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+  center: true
+}, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h4", null, "No Distributions yet..."))));
 exports.ChartBoxDistribution = ChartBoxDistribution;
-var _default = ChartBoxDistribution;
-exports.default = _default;
+var _default = exports.default = ChartBoxDistribution;

package/dist/components/ChartBox/ChartBoxDistribution.stories.js

@@ -6,15 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.chartBoxDistributionEmpty = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ChartBoxDistribution = require("./ChartBoxDistribution");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Components Library/Chart Box/Chart Box Distribution',
   component: _ChartBoxDistribution.ChartBoxDistribution
 };
-exports.default = _default;
-var chartBoxDistributionEmpty = function chartBoxDistributionEmpty() {
-  return /*#__PURE__*/_react.default.createElement(_ChartBoxDistribution.ChartBoxDistribution, null);
-};
+const chartBoxDistributionEmpty = () => /*#__PURE__*/_react.default.createElement(_ChartBoxDistribution.ChartBoxDistribution, null);
 
 //ChartBox the component is pretty much commented out
 //Legend

package/dist/components/ChartLegend/ChartLegend.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,53 +8,39 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactCollapse = require("react-collapse");
 var _ChartLegend = require("./ChartLegend.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var ChartLegend = function ChartLegend(props) {
-  var data = props.data;
-  var _useState = (0, _react.useState)(data.map(function () {
-      return false;
-    })),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeItems = _useState2[0],
-    setActiveItems = _useState2[1];
-  var toggleItem = function toggleItem(key) {
-    var newActiveItems = data.map(function (item, itemKey) {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const ChartLegend = props => {
+  const {
+    data
+  } = props;
+  const [activeItems, setActiveItems] = (0, _react.useState)(data.map(() => false));
+  const toggleItem = key => {
+    let newActiveItems = data.map((item, itemKey) => {
       return itemKey === key ? !activeItems[itemKey] : activeItems[itemKey];
     });
     setActiveItems(newActiveItems);
   };
-  return /*#__PURE__*/_react.default.createElement(_ChartLegend.Items, null, data.map(function (item, itemKey) {
-    return /*#__PURE__*/_react.default.createElement(_ChartLegend.Item, {
-      key: item.name
-    }, /*#__PURE__*/_react.default.createElement(_ChartLegend.Head, {
-      onClick: function onClick() {
-        return toggleItem(itemKey);
-      }
-    }, /*#__PURE__*/_react.default.createElement(_ChartLegend.ColorLabel, {
-      itemColor: item.color
-    }), /*#__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
-    }, item.marketValue), /*#__PURE__*/_react.default.createElement(_ChartLegend.SmallText, null, item.marketInfo)), item.details && /*#__PURE__*/_react.default.createElement(_ChartLegend.Arrow, {
-      isOpened: activeItems[itemKey]
-    })), item.details && /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
-      isOpened: activeItems[itemKey]
-    }, /*#__PURE__*/_react.default.createElement(_ChartLegend.Body, null, item.details)));
-  }));
+  return /*#__PURE__*/_react.default.createElement(_ChartLegend.Items, null, data.map((item, itemKey) => /*#__PURE__*/_react.default.createElement(_ChartLegend.Item, {
+    key: item.name
+  }, /*#__PURE__*/_react.default.createElement(_ChartLegend.Head, {
+    onClick: () => toggleItem(itemKey)
+  }, /*#__PURE__*/_react.default.createElement(_ChartLegend.ColorLabel, {
+    itemColor: item.color
+  }), /*#__PURE__*/_react.default.createElement(_ChartLegend.NameCol, null, /*#__PURE__*/_react.default.createElement(_ChartLegend.LargeText, {
+    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
+  }, item.marketValue), /*#__PURE__*/_react.default.createElement(_ChartLegend.SmallText, null, item.marketInfo)), item.details && /*#__PURE__*/_react.default.createElement(_ChartLegend.Arrow, {
+    isOpened: activeItems[itemKey]
+  })), item.details && /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
+    isOpened: activeItems[itemKey]
+  }, /*#__PURE__*/_react.default.createElement(_ChartLegend.Body, null, item.details)))));
 };
 exports.ChartLegend = ChartLegend;
 ChartLegend.propTypes = {
@@ -72,5 +57,4 @@ ChartLegend.propTypes = {
     marketInfo: _propTypes.default.string
   })).isRequired
 };
-var _default = ChartLegend;
-exports.default = _default;
+var _default = exports.default = ChartLegend;

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

@@ -9,8 +9,8 @@ var _ChartLegend = require("./ChartLegend");
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _BasicTable = _interopRequireDefault(require("../BasicTable/BasicTable"));
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Components Library/Chart Legend',
   component: _ChartLegend.ChartLegend,
   argTypes: {
@@ -50,31 +50,25 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_ChartLegend.ChartLegend, args)));
-};
-var Table = function Table(balance, symbol, price, address, link, label) {
-  return /*#__PURE__*/_react.default.createElement(_BasicTable.default, {
-    data: [{
-      label: 'Token balance',
-      value: balance.toString()
-    }, {
-      label: 'Token price',
-      value: "".concat(symbol, " ").concat(price.toFixed(2))
-    }, {
-      label: 'Token value',
-      value: "".concat(symbol, " ").concat((balance * price).toFixed(2))
-    }, {
-      label: label,
-      value: address,
-      isLink: true,
-      link: link
-    }]
-  });
-};
-var ChartLegendFull = Template.bind({});
-exports.ChartLegendFull = ChartLegendFull;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_ChartLegend.ChartLegend, args)));
+const Table = (balance, symbol, price, address, link, label) => /*#__PURE__*/_react.default.createElement(_BasicTable.default, {
+  data: [{
+    label: 'Token balance',
+    value: balance.toString()
+  }, {
+    label: 'Token price',
+    value: "".concat(symbol, " ").concat(price.toFixed(2))
+  }, {
+    label: 'Token value',
+    value: "".concat(symbol, " ").concat((balance * price).toFixed(2))
+  }, {
+    label: label,
+    value: address,
+    isLink: true,
+    link
+  }]
+});
+const ChartLegendFull = exports.ChartLegendFull = Template.bind({});
 ChartLegendFull.args = {
   data: [{
     value: 1560,
@@ -82,7 +76,7 @@ ChartLegendFull.args = {
     color: 'red',
     subname: 'Sub Name',
     info: 'information',
-    onNameClick: function onNameClick(e, data) {
+    onNameClick: (e, data) => {
       e.preventDefault();
       e.stopPropagation();
       alert('name is clicked');

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

@@ -6,75 +6,50 @@ Object.defineProperty(exports, "__esModule", {
 exports.ValueCol = exports.SmallText = exports.NameCol = exports.MarketDataCol = exports.LargeText = exports.Items = exports.Item = exports.Head = exports.ColorLabel = exports.Body = exports.Arrow = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Items = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Items = exports.Items = _styledComponents.default.div.withConfig({
   displayName: "ChartLegendstyles__Items",
   componentId: "sc-gh1vwu-0"
 })(["display:block;margin:-16px 0;"]);
-exports.Items = Items;
-var Item = _styledComponents.default.div.withConfig({
+const Item = exports.Item = _styledComponents.default.div.withConfig({
   displayName: "ChartLegendstyles__Item",
   componentId: "sc-gh1vwu-1"
 })(["padding:16px 0;"]);
-exports.Item = Item;
-var Head = _styledComponents.default.div.withConfig({
+const Head = exports.Head = _styledComponents.default.div.withConfig({
   displayName: "ChartLegendstyles__Head",
   componentId: "sc-gh1vwu-2"
 })(["cursor:pointer;position:relative;font-size:0;padding:0 46px;"]);
-exports.Head = Head;
-var Body = _styledComponents.default.div.withConfig({
+const Body = exports.Body = _styledComponents.default.div.withConfig({
   displayName: "ChartLegendstyles__Body",
   componentId: "sc-gh1vwu-3"
 })(["padding:18px 0;"]);
-exports.Body = Body;
-var ColorLabel = _styledComponents.default.div.withConfig({
+const ColorLabel = exports.ColorLabel = _styledComponents.default.div.withConfig({
   displayName: "ChartLegendstyles__ColorLabel",
   componentId: "sc-gh1vwu-4"
-})(["display:block;width:28px;height:28px;background-color:", ";position:absolute;top:0;left:0;"], function (props) {
-  return props.itemColor;
-});
-exports.ColorLabel = ColorLabel;
-var NameCol = _styledComponents.default.div.withConfig({
+})(["display:block;width:28px;height:28px;background-color:", ";position:absolute;top:0;left:0;"], props => props.itemColor);
+const NameCol = exports.NameCol = _styledComponents.default.div.withConfig({
   displayName: "ChartLegendstyles__NameCol",
   componentId: "sc-gh1vwu-5"
 })(["width:40%;display:inline-block;vertical-align:top;"]);
-exports.NameCol = NameCol;
-var ValueCol = _styledComponents.default.div.withConfig({
+const ValueCol = exports.ValueCol = _styledComponents.default.div.withConfig({
   displayName: "ChartLegendstyles__ValueCol",
   componentId: "sc-gh1vwu-6"
 })(["width:50%;display:inline-block;vertical-align:top;"]);
-exports.ValueCol = ValueCol;
-var LargeText = _styledComponents.default.div.withConfig({
+const LargeText = exports.LargeText = _styledComponents.default.div.withConfig({
   displayName: "ChartLegendstyles__LargeText",
   componentId: "sc-gh1vwu-7"
-})(["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({
+})(["font-weight:300;font-size:22px;line-height:28px;", " ", " ", ""], props => props.isPositive && "\n    color: ".concat(_theme.default.cProgressDone, ";\n  "), props => props.isPositive === false && "\n    color: ".concat(_theme.default.cWarning, ";\n  "), props => props.isLink && "\n    text-decoration:underline;\n    text-decoration-thickness: from-font;\n  ");
+const SmallText = exports.SmallText = _styledComponents.default.div.withConfig({
   displayName: "ChartLegendstyles__SmallText",
   componentId: "sc-gh1vwu-8"
 })(["font-size:11px;line-height:12px;margin-top:4px;font-style:italic;"]);
-exports.SmallText = SmallText;
-var MarketDataCol = _styledComponents.default.div.withConfig({
+const MarketDataCol = exports.MarketDataCol = _styledComponents.default.div.withConfig({
   displayName: "ChartLegendstyles__MarketDataCol",
   componentId: "sc-gh1vwu-9"
-})(["width:20%;display:inline-block;vertical-align:top;position:relative;", "{position:relative;left:-20px;}&::before{display:block;position:absolute;content:'';top:30%;left:-20px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;", " ", "}"], SmallText, function (props) {
-  return props.isPositive && "\n      border-bottom: 7px solid\n        ".concat(_theme.default.cProgressDone, ";\n    ");
-}, function (props) {
-  return props.isPositive === false && "\n      border-top: 7px solid\n        ".concat(_theme.default.cWarning, ";\n    ");
-});
-exports.MarketDataCol = MarketDataCol;
-var Arrow = _styledComponents.default.i.attrs({
+})(["width:20%;display:inline-block;vertical-align:top;position:relative;", "{position:relative;left:-20px;}&::before{display:block;position:absolute;content:'';top:30%;left:-20px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;", " ", "}"], SmallText, props => props.isPositive && "\n      border-bottom: 7px solid\n        ".concat(_theme.default.cProgressDone, ";\n    "), props => props.isPositive === false && "\n      border-top: 7px solid\n        ".concat(_theme.default.cWarning, ";\n    "));
+const Arrow = exports.Arrow = _styledComponents.default.i.attrs({
   className: 'ion ion-ios-arrow-down'
 }).withConfig({
   displayName: "ChartLegendstyles__Arrow",
   componentId: "sc-gh1vwu-10"
-})(["&&&{position:absolute;top:14px;right:24px;transition:0.3s transform;transform:rotate(0);text-align:center;font-size:16px;line-height:16px;height:16px;margin-top:-8px;", "}"], function (props) {
-  return props.isOpened && "\n      transform: rotate(180deg);\n    ";
-});
-exports.Arrow = Arrow;
+})(["&&&{position:absolute;top:14px;right:24px;transition:0.3s transform;transform:rotate(0);text-align:center;font-size:16px;line-height:16px;height:16px;margin-top:-8px;", "}"], props => props.isOpened && "\n      transform: rotate(180deg);\n    ");