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

package/dist/components/BarChartLegend/BarChartLegend.js

@@ -7,25 +7,13 @@ exports.default = exports.BarChartLegend = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var d3 = _interopRequireWildcard(require("d3"));
-var _BarChartLegend = require("./BarChartLegend.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 _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); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var gradients = {
+var _BarChartLegend2 = require("./BarChartLegend.styles");
+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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const gradients = {
   default: {
     start: '#0050ca',
     end: '#0050ca'
@@ -39,60 +27,46 @@ var gradients = {
     end: '#0050ca'
   }
 };
-var BarChartLegend = /*#__PURE__*/function (_PureComponent) {
-  _inherits(BarChartLegend, _PureComponent);
-  var _super = _createSuper(BarChartLegend);
-  function BarChartLegend() {
-    var _this;
-    _classCallCheck(this, BarChartLegend);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "createChart", function () {
-      if (!_this.barEl) return;
-      var _this$props = _this.props,
-        id = _this$props.id,
-        colorTheme = _this$props.colorTheme;
-      var width = 50;
-      var thickness = 6;
-      var radius = thickness / 2;
-      _this.svg = d3.select(_this.barEl).append('svg').attr('width', width).attr('height', thickness);
-      _this.defs = _this.svg.append('defs');
+class BarChartLegend extends _react.PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "createChart", () => {
+      if (!this.barEl) return;
+      const {
+        id,
+        colorTheme
+      } = this.props;
+      const width = 50;
+      const thickness = 6;
+      const radius = thickness / 2;
+      this.svg = d3.select(this.barEl).append('svg').attr('width', width).attr('height', thickness);
+      this.defs = this.svg.append('defs');
 
       // #region gradient
-      _this.gradient = _this.defs.append('linearGradient').attr('id', "".concat(id, "-barChartLegend-gradient")).attr('x1', '0%').attr('x2', '100%').attr('y1', '50%').attr('y2', '50%');
-      _this.gradient.append('stop').attr('class', 'start').attr('offset', '0%').attr('stop-color', gradients[colorTheme].start).attr('stop-opacity', 1);
-      _this.gradient.append('stop').attr('class', 'end').attr('offset', '100%').attr('stop-color', gradients[colorTheme].end).attr('stop-opacity', 1);
+      this.gradient = this.defs.append('linearGradient').attr('id', "".concat(id, "-barChartLegend-gradient")).attr('x1', '0%').attr('x2', '100%').attr('y1', '50%').attr('y2', '50%');
+      this.gradient.append('stop').attr('class', 'start').attr('offset', '0%').attr('stop-color', gradients[colorTheme].start).attr('stop-opacity', 1);
+      this.gradient.append('stop').attr('class', 'end').attr('offset', '100%').attr('stop-color', gradients[colorTheme].end).attr('stop-opacity', 1);
       // #endregion gradient
 
       // #region bars
-      _this.bar = _this.svg.append('path').attr('class', 'bar').style('fill', "url(#".concat(id, "-barChartLegend-gradient)")).attr('d', function (item) {
-        return "\n        M 0 0\n        A ".concat(radius, " ").concat(radius, " 0 0 1 ").concat(radius, " ").concat(-radius, "\n        H ").concat(width - radius, "\n        A ").concat(radius, " ").concat(radius, " 0 0 1 ").concat(width, " 0\n        A ").concat(radius, " ").concat(radius, " 0 0 1 ").concat(width - radius, " ").concat(radius, "\n        H ").concat(radius, "\n        A ").concat(radius, " ").concat(radius, " 0 0 1 0 0 \n        Z\n      ");
-      }).attr('transform', "translate(0, ".concat(radius, ")"));
+      this.bar = this.svg.append('path').attr('class', 'bar').style('fill', "url(#".concat(id, "-barChartLegend-gradient)")).attr('d', item => "\n        M 0 0\n        A ".concat(radius, " ").concat(radius, " 0 0 1 ").concat(radius, " ").concat(-radius, "\n        H ").concat(width - radius, "\n        A ").concat(radius, " ").concat(radius, " 0 0 1 ").concat(width, " 0\n        A ").concat(radius, " ").concat(radius, " 0 0 1 ").concat(width - radius, " ").concat(radius, "\n        H ").concat(radius, "\n        A ").concat(radius, " ").concat(radius, " 0 0 1 0 0 \n        Z\n      ")).attr('transform', "translate(0, ".concat(radius, ")"));
       // #endregion bars
     });
-    return _this;
   }
-  _createClass(BarChartLegend, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.createChart();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var label = this.props.label;
-      return /*#__PURE__*/_react.default.createElement(_BarChartLegend.Container, null, /*#__PURE__*/_react.default.createElement(_BarChartLegend.Bar, {
-        ref: function ref(el) {
-          _this2.barEl = el;
-        }
-      }), /*#__PURE__*/_react.default.createElement(_BarChartLegend.Label, null, label));
-    }
-  }]);
-  return BarChartLegend;
-}(_react.PureComponent);
+  componentDidMount() {
+    this.createChart();
+  }
+  render() {
+    const {
+      label
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(_BarChartLegend2.Container, null, /*#__PURE__*/_react.default.createElement(_BarChartLegend2.Bar, {
+      ref: el => {
+        this.barEl = el;
+      }
+    }), /*#__PURE__*/_react.default.createElement(_BarChartLegend2.Label, null, label));
+  }
+}
 exports.BarChartLegend = BarChartLegend;
 BarChartLegend.propTypes = {
   id: _propTypes.default.string.isRequired,
@@ -102,5 +76,4 @@ BarChartLegend.propTypes = {
 BarChartLegend.defaultProps = {
   colorTheme: 'default'
 };
-var _default = BarChartLegend;
-exports.default = _default;
+var _default = exports.default = BarChartLegend;

package/dist/components/BarChartLegend/BarChartLegend.styles.js

@@ -6,21 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.Label = exports.Container = exports.Bar = 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 Container = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "BarChartLegendstyles__Container",
   componentId: "sc-442fg9-0"
 })(["position:relative;font-size:0;padding:2px 0;"]);
-exports.Container = Container;
-var Bar = _styledComponents.default.div.withConfig({
+const Bar = exports.Bar = _styledComponents.default.div.withConfig({
   displayName: "BarChartLegendstyles__Bar",
   componentId: "sc-442fg9-1"
 })(["z-index:1;position:relative;display:inline-block;vertical-align:middle;width:50px;margin-right:-50px;"]);
-exports.Bar = Bar;
-var Label = _styledComponents.default.div.withConfig({
+const Label = exports.Label = _styledComponents.default.div.withConfig({
   displayName: "BarChartLegendstyles__Label",
   componentId: "sc-442fg9-2"
-})(["z-index:0;position:relative;display:inline-block;vertical-align:middle;padding-left:70px;max-width:100%;color:", ";font-size:11px;line-height:16px;"], function (props) {
-  return _theme.default.cGrey2;
-});
-exports.Label = Label;
+})(["z-index:0;position:relative;display:inline-block;vertical-align:middle;padding-left:70px;max-width:100%;color:", ";font-size:11px;line-height:16px;"], props => _theme.default.cGrey2);

package/dist/components/BasicTable/BasicTable.js

@@ -7,19 +7,19 @@ exports.default = exports.BasicTable = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _BasicTable = require("./BasicTable.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var BasicTable = function BasicTable(_ref) {
-  var data = _ref.data,
-    filled = _ref.filled,
-    smallPadding = _ref.smallPadding;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const BasicTable = _ref => {
+  let {
+    data,
+    filled,
+    smallPadding
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_BasicTable.Table, {
     filled: filled
-  }, data.map(function (item, itemKey) {
-    return /*#__PURE__*/_react.default.createElement(_BasicTable.Row, {
-      key: item.label,
-      smallPadding: smallPadding
-    }, /*#__PURE__*/_react.default.createElement(_BasicTable.Label, null, item.label), /*#__PURE__*/_react.default.createElement(_BasicTable.Value, null, item.value, /*#__PURE__*/_react.default.createElement(_BasicTable.Caption, null, item.valueDescription)), item.labelwarning ? /*#__PURE__*/_react.default.createElement(_BasicTable.LabelWarning, null, item.labelwarning) : '');
-  }));
+  }, data.map((item, itemKey) => /*#__PURE__*/_react.default.createElement(_BasicTable.Row, {
+    key: item.label,
+    smallPadding: smallPadding
+  }, /*#__PURE__*/_react.default.createElement(_BasicTable.Label, null, item.label), /*#__PURE__*/_react.default.createElement(_BasicTable.Value, null, item.value, /*#__PURE__*/_react.default.createElement(_BasicTable.Caption, null, item.valueDescription)), item.labelwarning ? /*#__PURE__*/_react.default.createElement(_BasicTable.LabelWarning, null, item.labelwarning) : '')));
 };
 exports.BasicTable = BasicTable;
 BasicTable.propTypes = {
@@ -28,5 +28,4 @@ BasicTable.propTypes = {
     value: _propTypes.default.string.isRequired
   })).isRequired
 };
-var _default = BasicTable;
-exports.default = _default;
+var _default = exports.default = BasicTable;

package/dist/components/BasicTable/BasicTable.stories.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _BasicTable = _interopRequireDefault(require("./BasicTable"));
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 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/Basic Table',
   component: _BasicTable.default,
   argTypes: {
@@ -28,20 +28,15 @@ 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(_BasicTable.default, args)));
-};
-var BasicTableExample = Template.bind({});
-exports.BasicTableExample = BasicTableExample;
+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(_BasicTable.default, args)));
+const BasicTableExample = exports.BasicTableExample = Template.bind({});
 BasicTableExample.args = {
   data: [{
     lable: 'table lable',
     value: 'a value'
   }]
 };
-var BasicTableSeveral = Template.bind({});
-exports.BasicTableSeveral = BasicTableSeveral;
+const BasicTableSeveral = exports.BasicTableSeveral = Template.bind({});
 BasicTableSeveral.args = {
   data: [{
     lable: 'table lable',

package/dist/components/BasicTable/BasicTable.styles.js

@@ -8,45 +8,29 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
 var _templateObject;
-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 Table = _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 Table = exports.Table = _styledComponents.default.div.withConfig({
   displayName: "BasicTablestyles__Table",
   componentId: "sc-11e8nyz-0"
-})(["display:block;border:1px solid ", ";", ""], function (props) {
-  return _theme.default.cLightGrey;
-}, function (props) {
-  return props.filled && "\n  background:  #e1e1e1; //".concat(function (props) {
-    return _theme.default.cLightGrey;
-  }, ";\n  ");
-});
-exports.Table = Table;
-var Row = _styledComponents.default.div.withConfig({
+})(["display:block;border:1px solid ", ";", ""], props => _theme.default.cLightGrey, props => props.filled && "\n  background:  #e1e1e1; //".concat(props => _theme.default.cLightGrey, ";\n  "));
+const Row = exports.Row = _styledComponents.default.div.withConfig({
   displayName: "BasicTablestyles__Row",
   componentId: "sc-11e8nyz-1"
-})(["font-size:11px;line-height:24px;letter-spacing:2.1px;text-transform:uppercase;padding:16px 24px;display:block;", " & + &{border-top:1px solid ", ";}&:after{content:'';display:block;width:100%;height:0;clear:both;}", ""], _rwd.default.XLarge(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 16px 46px;\n  "]))), function (props) {
-  return _theme.default.cLightGrey;
-}, function (props) {
-  return props.smallPadding && "\n  padding:  14px 6px;\n  ";
-});
-exports.Row = Row;
-var Label = _styledComponents.default.div.withConfig({
+})(["font-size:11px;line-height:24px;letter-spacing:2.1px;text-transform:uppercase;padding:16px 24px;display:block;", " & + &{border-top:1px solid ", ";}&:after{content:'';display:block;width:100%;height:0;clear:both;}", ""], _rwd.default.XLarge(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 16px 46px;\n  "]))), props => _theme.default.cLightGrey, props => props.smallPadding && "\n  padding:  14px 6px;\n  ");
+const Label = exports.Label = _styledComponents.default.div.withConfig({
   displayName: "BasicTablestyles__Label",
   componentId: "sc-11e8nyz-2"
 })(["float:left;max-width:50%;text-align:start;"]);
-exports.Label = Label;
-var Value = _styledComponents.default.div.withConfig({
+const Value = exports.Value = _styledComponents.default.div.withConfig({
   displayName: "BasicTablestyles__Value",
   componentId: "sc-11e8nyz-3"
 })(["float:right;display:grid;max-width:50%;"]);
-exports.Value = Value;
-var LabelWarning = _styledComponents.default.div.withConfig({
+const LabelWarning = exports.LabelWarning = _styledComponents.default.div.withConfig({
   displayName: "BasicTablestyles__LabelWarning",
   componentId: "sc-11e8nyz-4"
 })(["float:left;text-align:left;width:100%;color:#ee220d;line-height:16px;"]);
-exports.LabelWarning = LabelWarning;
-var Caption = _styledComponents.default.div.withConfig({
+const Caption = exports.Caption = _styledComponents.default.div.withConfig({
   displayName: "BasicTablestyles__Caption",
   componentId: "sc-11e8nyz-5"
-})(["text-transform:initial;font-size:11px;float:right;letter-spacing:0.6px;font-style:italic;"]);
-exports.Caption = Caption;
+})(["text-transform:initial;font-size:11px;float:right;letter-spacing:0.6px;font-style:italic;"]);

package/dist/components/BlogPost/BlogPost.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,50 +9,34 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _BlogPost = require("./BlogPost.styles");
 var _breakdown = _interopRequireDefault(require("../breakdown"));
 var _StokrLoader = require("../StokrLoader/StokrLoader");
-var _excluded = ["layout", "category", "title", "description", "image", "date", "link", "onClick", "onContainerClick", "withHoverBg", "CTAText", "offestViewport"];
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var BlogPost = function BlogPost(_ref) {
-  var _ref$layout = _ref.layout,
-    layout = _ref$layout === void 0 ? 'image-left' : _ref$layout,
-    category = _ref.category,
-    title = _ref.title,
-    description = _ref.description,
-    image = _ref.image,
-    date = _ref.date,
-    link = _ref.link,
-    _onClick = _ref.onClick,
-    onContainerClick = _ref.onContainerClick,
-    _ref$withHoverBg = _ref.withHoverBg,
-    withHoverBg = _ref$withHoverBg === void 0 ? false : _ref$withHoverBg,
-    _ref$CTAText = _ref.CTAText,
-    CTAText = _ref$CTAText === void 0 ? 'Read full' : _ref$CTAText,
-    _ref$offestViewport = _ref.offestViewport,
-    offestViewport = _ref$offestViewport === void 0 ? 100 : _ref$offestViewport,
+const _excluded = ["layout", "category", "title", "description", "image", "date", "link", "onClick", "onContainerClick", "withHoverBg", "CTAText", "offestViewport"];
+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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const BlogPost = _ref => {
+  let {
+      layout = 'image-left',
+      category,
+      title,
+      description,
+      image,
+      date,
+      link,
+      onClick,
+      onContainerClick,
+      withHoverBg = false,
+      CTAText = 'Read full',
+      offestViewport = 100
+    } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isVisible = _useState2[0],
-    setIsVisible = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    imageLoaded = _useState4[0],
-    setImageLoaded = _useState4[1];
-  var imageRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    var observer = new IntersectionObserver(function (_ref2) {
-      var _ref3 = _slicedToArray(_ref2, 1),
-        entry = _ref3[0];
+  const [isVisible, setIsVisible] = (0, _react.useState)(false);
+  const [imageLoaded, setImageLoaded] = (0, _react.useState)(false);
+  const imageRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    const observer = new IntersectionObserver(_ref2 => {
+      let [entry] = _ref2;
       if (entry.isIntersecting) {
         setIsVisible(true);
         observer.disconnect();
@@ -61,22 +44,21 @@ var BlogPost = function BlogPost(_ref) {
     }, {
       rootMargin: "".concat(offestViewport, "px") // Start loading image when it's 50px from viewport
     });
-
     if (imageRef.current) {
       observer.observe(imageRef.current);
     }
-    return function () {
+    return () => {
       observer.disconnect();
     };
   }, []);
-  var handleImageLoad = function handleImageLoad() {
+  const handleImageLoad = () => {
     setImageLoaded(true);
   };
   return /*#__PURE__*/_react.default.createElement(_BlogPost.Container, _extends({
     layout: layout
   }, props, {
     withHoverBg: withHoverBg,
-    onClick: function onClick() {
+    onClick: () => {
       onContainerClick && onContainerClick();
     }
   }), /*#__PURE__*/_react.default.createElement(_BlogPost.ImageWrapper, {
@@ -100,9 +82,9 @@ var BlogPost = function BlogPost(_ref) {
     category: category
   }, category), /*#__PURE__*/_react.default.createElement(_BlogPost.TextWrapper, null, /*#__PURE__*/_react.default.createElement("h3", null, title), description && layout !== 'image-fullscreen' && layout !== 'image-cover' && /*#__PURE__*/_react.default.createElement("p", null, description)), /*#__PURE__*/_react.default.createElement(_BlogPost.BottomRow, null, date && /*#__PURE__*/_react.default.createElement(_breakdown.default, null, date), /*#__PURE__*/_react.default.createElement(_BlogPost.StyledButton, {
     transparent: true,
-    onClick: function onClick() {
-      if (link && !_onClick) window.location.href = link;
-      if (_onClick) _onClick();
+    onClick: () => {
+      if (link && !onClick) window.location.href = link;
+      if (onClick) onClick();
     }
   }, CTAText))));
 };
@@ -116,5 +98,4 @@ BlogPost.propTypes = {
   date: _propTypes.default.string,
   link: _propTypes.default.string.isRequired
 };
-var _default = BlogPost;
-exports.default = _default;
+var _default = exports.default = BlogPost;

package/dist/components/BlogPost/BlogPost.stories.js

@@ -4,22 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ImageRight = exports.ImageLeft = exports.ImageCover = exports.GridExample = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _react = _interopRequireDefault(require("react"));
 var _BlogPost = _interopRequireDefault(require("./BlogPost"));
 var _global = _interopRequireDefault(require("../../styles/global"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _templateObject, _templateObject2;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var _default = {
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _default = exports.default = {
   title: 'Components Library/BlogPost',
   component: _BlogPost.default,
   argTypes: {
@@ -51,18 +50,14 @@ 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("div", {
-    style: {
-      maxWidth: '1200px',
-      margin: '0 auto',
-      padding: '20px'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_BlogPost.default, args)));
-};
-var ImageLeft = Template.bind({});
-exports.ImageLeft = ImageLeft;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement("div", {
+  style: {
+    maxWidth: '1200px',
+    margin: '0 auto',
+    padding: '20px'
+  }
+}, /*#__PURE__*/_react.default.createElement(_BlogPost.default, args)));
+const ImageLeft = exports.ImageLeft = Template.bind({});
 ImageLeft.args = {
   layout: 'image-left',
   category: 'BITCOIN MINING',
@@ -77,27 +72,23 @@ ImageLeft.args = {
 //https://res.cloudinary.com/stokr/image/upload/v1694077746/cld-sample-2.jpg
 //https://res.cloudinary.com/stokr/image/upload/v1713792627/STOKE_POST/stos-an-alternative-way-of-fundraising-for-business_xqx6zu.jpg
 
-var ImageRight = Template.bind({});
-exports.ImageRight = ImageRight;
+const ImageRight = exports.ImageRight = Template.bind({});
 ImageRight.args = _objectSpread(_objectSpread({}, ImageLeft.args), {}, {
   layout: 'image-right'
 });
-var ImageCover = Template.bind({});
-exports.ImageCover = ImageCover;
+const ImageCover = exports.ImageCover = Template.bind({});
 ImageCover.args = _objectSpread(_objectSpread({}, ImageLeft.args), {}, {
   layout: 'image-cover'
 });
-var GridLayout = _styledComponents.default.div.withConfig({
+const GridLayout = _styledComponents.default.div.withConfig({
   displayName: "BlogPoststories__GridLayout",
   componentId: "sc-1hqbvxb-0"
 })(["display:grid;grid-template-columns:1fr;gap:3rem;", ";", ";"], _rwd.default.Mobile(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    gap: 6rem;\n  "]))), _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    gap: 10rem 4rem;\n    grid-template-columns: repeat(2, 50%);\n  "]))));
-var LAYOUTS = [['image-cover', 'image-right', 'image-left', 'image-cover', 'image-cover', 'image-right', 'image-fullscreen'], ['image-cover', 'image-left', 'image-right', 'image-cover', 'image-cover', 'image-left', 'image-fullscreen']];
-var getLayoutPattern = function getLayoutPattern(index) {
-  return LAYOUTS[Math.floor(index / 7) % 2][index % 7];
-};
+const LAYOUTS = [['image-cover', 'image-right', 'image-left', 'image-cover', 'image-cover', 'image-right', 'image-fullscreen'], ['image-cover', 'image-left', 'image-right', 'image-cover', 'image-cover', 'image-left', 'image-fullscreen']];
+const getLayoutPattern = index => LAYOUTS[Math.floor(index / 7) % 2][index % 7];
 
 // Sample blog posts data
-var samplePosts = [{
+const samplePosts = [{
   layout: 'image-cover',
   category: 'BITCOIN MINING',
   title: 'STOKR RECEIVES BaFin APPROVAL FOR THE FIRST BITCOIN-BASED STO IN GERMANY',
@@ -155,19 +146,15 @@ var samplePosts = [{
   date: '01 MAR 2022',
   link: '/blog/post-1'
 }];
-var GridExample = function GridExample(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      maxWidth: '1700px',
-      margin: '0 auto'
-    }
-  }, /*#__PURE__*/_react.default.createElement(GridLayout, null, samplePosts.map(function (post, index) {
-    return /*#__PURE__*/_react.default.createElement(_BlogPost.default, _extends({
-      key: index
-    }, post, {
-      withHoverBg: true,
-      layout: getLayoutPattern(index)
-    }));
-  }))));
-};
+const GridExample = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement("div", {
+  style: {
+    maxWidth: '1700px',
+    margin: '0 auto'
+  }
+}, /*#__PURE__*/_react.default.createElement(GridLayout, null, samplePosts.map((post, index) => /*#__PURE__*/_react.default.createElement(_BlogPost.default, _extends({
+  key: index
+}, post, {
+  withHoverBg: true,
+  layout: getLayoutPattern(index)
+}))))));
 exports.GridExample = GridExample;