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

package/dist/components/DonutChart/DonutChart.js

@@ -7,163 +7,135 @@ exports.default = exports.DonutChart = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var d3 = _interopRequireWildcard(require("d3"));
-var _DonutChart = require("./DonutChart.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); }
+var _DonutChart2 = require("./DonutChart.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 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 _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 DonutChart = /*#__PURE__*/function (_PureComponent) {
-  _inherits(DonutChart, _PureComponent);
-  var _super = _createSuper(DonutChart);
-  function DonutChart() {
-    var _this;
-    _classCallCheck(this, DonutChart);
-    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), "state", {
+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); }
+class DonutChart extends _react.PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
       data: [],
       key: 0
     });
-    _defineProperty(_assertThisInitialized(_this), "createChart", function () {
-      if (!_this.chartEl) return;
-      var data = _this.state.data;
-      var width = 320;
-      var height = 320;
-      var pad = 10;
-      var thickness = 14;
-      var outerRadius = width / 2;
-      var innerRadius = outerRadius - thickness;
-      var padAngle = pad / (outerRadius - thickness / 2);
-      var customColors = data.map(function (item) {
-        return item.color;
-      });
-      var color = customColors[0] ? d3.scaleOrdinal(customColors) : d3.scaleOrdinal(d3.schemeCategory10);
-      var svg = d3.select(_this.chartEl).append('svg').attr('viewBox', "0 0 ".concat(width, " ").concat(height));
-      var chart = svg.append('g').attr('transform', "translate(".concat(width / 2, ", ").concat(height / 2, ")"));
-      var pie = d3.pie().value(function (d) {
-        return d.value;
-      }).sort(null).padAngle(padAngle);
-      var arc = d3.arc().outerRadius(outerRadius).innerRadius(innerRadius);
+    _defineProperty(this, "createChart", () => {
+      if (!this.chartEl) return;
+      const {
+        data
+      } = this.state;
+      const width = 320;
+      const height = 320;
+      const pad = 10;
+      const thickness = 14;
+      const outerRadius = width / 2;
+      const innerRadius = outerRadius - thickness;
+      const padAngle = pad / (outerRadius - thickness / 2);
+      const customColors = data.map(item => item.color);
+      const color = customColors[0] ? d3.scaleOrdinal(customColors) : d3.scaleOrdinal(d3.schemeCategory10);
+      const svg = d3.select(this.chartEl).append('svg').attr('viewBox', "0 0 ".concat(width, " ").concat(height));
+      const chart = svg.append('g').attr('transform', "translate(".concat(width / 2, ", ").concat(height / 2, ")"));
+      const pie = d3.pie().value(d => d.value).sort(null).padAngle(padAngle);
+      const arc = d3.arc().outerRadius(outerRadius).innerRadius(innerRadius);
       function arcTween(a) {
-        var interp = d3.interpolate(this._current, a);
+        const interp = d3.interpolate(this._current, a);
         this._current = interp(1);
-        return function (time) {
-          return arc(interp(time));
-        };
+        return time => arc(interp(time));
       }
       function setD(d) {
         this._current = d;
       }
-      _this.drawDate = function (dataSet) {
+      this.drawDate = dataSet => {
         // Join new data
-        var path = chart.selectAll('path').data(pie(dataSet));
+        const path = chart.selectAll('path').data(pie(dataSet));
 
         // Update existing arcs
         path.transition().ease(d3.easeQuadOut).duration(1000).attrTween('d', arcTween);
 
         // Enter new arcs
-        path.enter().append('path').attr('fill', function (d, i) {
-          return color(i);
-        }).attr('d', arc).each(setD);
+        path.enter().append('path').attr('fill', (d, i) => color(i)).attr('d', arc).each(setD);
       };
 
       // set init data
-      _this.drawDate(data.map(function (datum) {
-        return _objectSpread(_objectSpread({}, datum), {}, {
-          value: 0
-        });
-      }));
+      this.drawDate(data.map(datum => _objectSpread(_objectSpread({}, datum), {}, {
+        value: 0
+      })));
     });
-    _defineProperty(_assertThisInitialized(_this), "drawChart", function () {
-      var data = _this.props.data;
-      _this.drawDate(data);
-      _this.drawn = true;
+    _defineProperty(this, "drawChart", () => {
+      const {
+        data
+      } = this.props;
+      this.drawDate(data);
+      this.drawn = true;
     });
-    _defineProperty(_assertThisInitialized(_this), "onScroll", function (e) {
-      if (_this.drawn) return;
-      if (_this.chartEl.getBoundingClientRect().top < window.innerHeight) {
-        _this.drawChart();
+    _defineProperty(this, "onScroll", e => {
+      if (this.drawn) return;
+      if (this.chartEl.getBoundingClientRect().top < window.innerHeight) {
+        this.drawChart();
       }
     });
-    return _this;
   }
-  _createClass(DonutChart, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      var data = this.props.data;
+  componentDidMount() {
+    const {
+      data
+    } = this.props;
+    this.setState({
+      data
+    }, () => {
+      this.createChart();
+      window.addEventListener('scroll', this.onScroll);
+      this.onScroll();
+    });
+  }
+  componentDidUpdate(prevProps) {
+    const {
+      key
+    } = this.state;
+    const {
+      data: newData
+    } = this.props;
+    const {
+      data: prevData
+    } = prevProps;
+    if (newData && prevData && JSON.stringify(newData) !== JSON.stringify(prevData)) {
       this.setState({
-        data: data
-      }, function () {
-        _this2.createChart();
-        window.addEventListener('scroll', _this2.onScroll);
-        _this2.onScroll();
-      });
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this3 = this;
-      var key = this.state.key;
-      var newData = this.props.data;
-      var prevData = prevProps.data;
-      if (newData && prevData && JSON.stringify(newData) !== JSON.stringify(prevData)) {
+        data: newData
+      }, () => {
+        this.drawn = false;
+        window.removeEventListener('scroll', this.onScroll);
         this.setState({
-          data: newData
-        }, function () {
-          _this3.drawn = false;
-          window.removeEventListener('scroll', _this3.onScroll);
-          _this3.setState({
-            key: key + 1
-          }, function () {
-            _this3.createChart();
-            window.addEventListener('scroll', _this3.onScroll);
-            _this3.onScroll();
-          });
+          key: key + 1
+        }, () => {
+          this.createChart();
+          window.addEventListener('scroll', this.onScroll);
+          this.onScroll();
         });
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      window.removeEventListener('scroll', this.onScroll);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this4 = this;
-      var _this$props = this.props,
-        children = _this$props.children,
-        center = _this$props.center;
-      var key = this.state.key;
-      return /*#__PURE__*/_react.default.createElement(_DonutChart.Chart, {
-        ref: function ref(el) {
-          _this4.chartEl = el;
-        },
-        center: center,
-        key: key
-      }, /*#__PURE__*/_react.default.createElement(_DonutChart.Content, null, children));
+      });
     }
-  }]);
-  return DonutChart;
-}(_react.PureComponent);
+  }
+  componentWillUnmount() {
+    window.removeEventListener('scroll', this.onScroll);
+  }
+  render() {
+    const {
+      children,
+      center
+    } = this.props;
+    const {
+      key
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement(_DonutChart2.Chart, {
+      ref: el => {
+        this.chartEl = el;
+      },
+      center: center,
+      key: key
+    }, /*#__PURE__*/_react.default.createElement(_DonutChart2.Content, null, children));
+  }
+}
 exports.DonutChart = DonutChart;
 DonutChart.propTypes = {
   children: _propTypes.default.node,
@@ -178,5 +150,4 @@ DonutChart.defaultProps = {
   children: null,
   center: false
 };
-var _default = DonutChart;
-exports.default = _default;
+var _default = exports.default = DonutChart;

package/dist/components/DonutChart/DonutChart.stories.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _DonutChart = _interopRequireDefault(require("./DonutChart"));
 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/DonutChart',
   component: _DonutChart.default,
   argTypes: {
@@ -34,12 +34,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(_DonutChart.default, args)));
-};
-var DonutChartDefault = Template.bind({});
-exports.DonutChartDefault = DonutChartDefault;
+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(_DonutChart.default, args)));
+const DonutChartDefault = exports.DonutChartDefault = Template.bind({});
 DonutChartDefault.args = {
   children: null,
   data: [{

package/dist/components/DonutChart/DonutChart.styles.js

@@ -5,46 +5,34 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DonutChartValue = exports.DonutChartTrend = exports.DonutChartLabel = exports.DonutChartInfo = exports.Content = exports.Chart = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Chart = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Chart = exports.Chart = _styledComponents.default.div.withConfig({
   displayName: "DonutChartstyles__Chart",
   componentId: "sc-mlj05j-0"
-})(["position:relative;display:block;max-width:320px;& > svg{width:100%;height:auto;}", ""], function (props) {
-  return props.center && "\n    margin: 0 auto;\n  ";
-});
-exports.Chart = Chart;
-var thickness = '14px';
-var Content = _styledComponents.default.div.withConfig({
+})(["position:relative;display:block;max-width:320px;& > svg{width:100%;height:auto;}", ""], props => props.center && "\n    margin: 0 auto;\n  ");
+const thickness = '14px';
+const Content = exports.Content = _styledComponents.default.div.withConfig({
   displayName: "DonutChartstyles__Content",
   componentId: "sc-mlj05j-1"
 })(["display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:", ";left:", ";right:", ";bottom:", ";text-align:center;"], thickness, thickness, thickness, thickness);
-exports.Content = Content;
-var DonutChartLabel = _styledComponents.default.p.withConfig({
+const DonutChartLabel = exports.DonutChartLabel = _styledComponents.default.p.withConfig({
   displayName: "DonutChartstyles__DonutChartLabel",
   componentId: "sc-mlj05j-2"
-})(["font-family:'Open Sans';font-size:11px;line-height:16px;letter-spacing:2px;text-transform:uppercase;padding:4px 0;margin:0;", ""], function (props) {
-  return props.strong && "\n    font-weight: bold;\n  ";
-});
-exports.DonutChartLabel = DonutChartLabel;
-var DonutChartValue = _styledComponents.default.h3.withConfig({
+})(["font-family:'Open Sans';font-size:11px;line-height:16px;letter-spacing:2px;text-transform:uppercase;padding:4px 0;margin:0;", ""], props => props.strong && "\n    font-weight: bold;\n  ");
+const DonutChartValue = exports.DonutChartValue = _styledComponents.default.h3.withConfig({
   displayName: "DonutChartstyles__DonutChartValue",
   componentId: "sc-mlj05j-3"
-})(["font-family:'Open Sans';font-weight:300;font-size:", ";line-height:58px;letter-spacing:2.4px;margin:0;padding:7px 0;margin-bottom:7px;"], function (_ref) {
-  var fontSize = _ref.fontSize;
+})(["font-family:'Open Sans';font-weight:300;font-size:", ";line-height:58px;letter-spacing:2.4px;margin:0;padding:7px 0;margin-bottom:7px;"], _ref => {
+  let {
+    fontSize
+  } = _ref;
   return fontSize ? "".concat(fontSize, "px") : '55px';
 });
-exports.DonutChartValue = DonutChartValue;
-var DonutChartInfo = _styledComponents.default.p.withConfig({
+const DonutChartInfo = exports.DonutChartInfo = _styledComponents.default.p.withConfig({
   displayName: "DonutChartstyles__DonutChartInfo",
   componentId: "sc-mlj05j-4"
 })(["font-family:'Open Sans';font-weight:300;font-size:22px;line-height:28px;letter-spacing:0.8px;margin:0;"]);
-exports.DonutChartInfo = DonutChartInfo;
-var DonutChartTrend = _styledComponents.default.span.withConfig({
+const DonutChartTrend = exports.DonutChartTrend = _styledComponents.default.span.withConfig({
   displayName: "DonutChartstyles__DonutChartTrend",
   componentId: "sc-mlj05j-5"
-})(["display:inline-block;margin-left:8px;&:before{content:'\\f1fc';font-family:'Ionicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;-moz-osx-font-smoothing:grayscale;font-size:12px;line-height:12px;display:inline-block;vertical-align:middle;margin-top:-1px;width:12px;height:12px;margin-right:8px;}", " ", ""], function (props) {
-  return props.inc && "\n    color: ".concat(props.theme.cProgressDone, ";\n\n    &:before {\n      content: '\\f3d8';\n    }\n  ");
-}, function (props) {
-  return props.dec && "\n    color: ".concat(props.theme.cWarning, ";\n\n    &:before {\n      content: '\\f3d0';\n    }\n  ");
-});
-exports.DonutChartTrend = DonutChartTrend;
+})(["display:inline-block;margin-left:8px;&:before{content:'\\f1fc';font-family:'Ionicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;-moz-osx-font-smoothing:grayscale;font-size:12px;line-height:12px;display:inline-block;vertical-align:middle;margin-top:-1px;width:12px;height:12px;margin-right:8px;}", " ", ""], props => props.inc && "\n    color: ".concat(props.theme.cProgressDone, ";\n\n    &:before {\n      content: '\\f3d8';\n    }\n  "), props => props.dec && "\n    color: ".concat(props.theme.cWarning, ";\n\n    &:before {\n      content: '\\f3d0';\n    }\n  "));

package/dist/components/DoubleButton/DoubleButton.styles.js

@@ -8,15 +8,15 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _Button = _interopRequireDefault(require("../Button/Button.styles"));
 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 DoubleButtons = _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 DoubleButtons = exports.DoubleButtons = _styledComponents.default.div.withConfig({
   displayName: "DoubleButtonstyles__DoubleButtons",
   componentId: "sc-13b0zge-0"
-})(["margin:-12px;", "{width:100%;margin:12px;}", ""], _Button.default, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n       flex-direction: ", ";\n\n    \n    ", " {\n      width: auto;\n      flex: 1;\n    }\n  "])), function (_ref) {
-  var column = _ref.column;
+})(["margin:-12px;", "{width:100%;margin:12px;}", ""], _Button.default, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n       flex-direction: ", ";\n\n    \n    ", " {\n      width: auto;\n      flex: 1;\n    }\n  "])), _ref => {
+  let {
+    column
+  } = _ref;
   return column ? 'column' : 'row';
 }, _Button.default));
-exports.DoubleButtons = DoubleButtons;
-var _default = DoubleButtons;
-exports.default = _default;
+var _default = exports.default = DoubleButtons;

package/dist/components/ErrorMessage/ErrorMessage.styles.js

@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ErrorMessage = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var ErrorMessage = _styledComponents.default.p.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ErrorMessage = exports.ErrorMessage = _styledComponents.default.p.withConfig({
   displayName: "ErrorMessagestyles__ErrorMessage",
   componentId: "sc-1b3bbc3-0"
 })(["color:#ee220d;font-size:12px;margin-top:20px;"]);
-exports.ErrorMessage = ErrorMessage;
-var _default = ErrorMessage; // unused component
-exports.default = _default;
+var _default = exports.default = ErrorMessage; // unused component

package/dist/components/FAQ/FAQ.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,35 +9,27 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var scrollToElement = _interopRequireWildcard(require("scroll-to-element"));
 var _Text = _interopRequireDefault(require("../Text/Text.styles"));
 var _FAQ = require("./FAQ.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 FAQ = function FAQ(props) {
-  var items = props.items,
-    noScroll = props.noScroll,
-    scrollRef = props.scrollRef,
-    modalViewMore = props.modalViewMore,
-    withTextStyling = props.withTextStyling;
-  var _useState = (0, _react.useState)(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeIndex = _useState2[0],
-    setActiveIndex = _useState2[1];
-  var onTitleClick = function onTitleClick(e, index) {
+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 FAQ = props => {
+  const {
+    items,
+    noScroll,
+    scrollRef,
+    modalViewMore,
+    withTextStyling
+  } = props;
+  const [activeIndex, setActiveIndex] = (0, _react.useState)(null);
+  const onTitleClick = (e, index) => {
     e.persist();
-    var newActiveIndex = activeIndex === index ? null : index;
+    const newActiveIndex = activeIndex === index ? null : index;
     setActiveIndex(newActiveIndex);
     if (!noScroll && newActiveIndex !== null) {
       //we pass scroll ref if we use FAQ in modal
       //scroll ref is pointing to scroll element in modal
       if (scrollRef !== null && scrollRef !== void 0 && scrollRef.current) {
         //we put timeout bc when faq item opens, it needs some time to re-render the scroll of the modal
-        setTimeout(function () {
+        setTimeout(() => {
           scrollRef === null || scrollRef === void 0 || scrollRef.current.scrollToBottom();
         }, 0);
       } else {
@@ -49,31 +40,25 @@ var FAQ = function FAQ(props) {
       }
     }
   };
-  var textStyling = {
+  const textStyling = {
     paddingLeft: '28px',
     fontSize: '12px',
     fontWeight: '300',
     lineHeight: '16px'
   };
-  return /*#__PURE__*/_react.default.createElement(_FAQ.FaqItems, null, items.map(function (item, index) {
-    return /*#__PURE__*/_react.default.createElement(_FAQ.FaqItem, {
-      key: item.title
-    }, /*#__PURE__*/_react.default.createElement(_FAQ.FaqTitle, {
-      isActive: activeIndex === index,
-      onClick: function onClick(e) {
-        return onTitleClick(e, index);
-      },
-      modalViewMore: modalViewMore
-    }, item.title, /*#__PURE__*/_react.default.createElement(_FAQ.FaqDropdownIcon, null)), /*#__PURE__*/_react.default.createElement(_FAQ.FaqContent, {
-      isOpened: activeIndex === index
-    }, !Array.isArray(item.content) ? /*#__PURE__*/_react.default.createElement(_FAQ.FaqText, null, item.content) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Text.default, {
-      style: withTextStyling ? textStyling : {}
-    }, /*#__PURE__*/_react.default.createElement("ul", null, item.content.map(function (answer) {
-      return /*#__PURE__*/_react.default.createElement("li", {
-        key: answer
-      }, answer);
-    }))))));
-  }));
+  return /*#__PURE__*/_react.default.createElement(_FAQ.FaqItems, null, items.map((item, index) => /*#__PURE__*/_react.default.createElement(_FAQ.FaqItem, {
+    key: item.title
+  }, /*#__PURE__*/_react.default.createElement(_FAQ.FaqTitle, {
+    isActive: activeIndex === index,
+    onClick: e => onTitleClick(e, index),
+    modalViewMore: modalViewMore
+  }, item.title, /*#__PURE__*/_react.default.createElement(_FAQ.FaqDropdownIcon, null)), /*#__PURE__*/_react.default.createElement(_FAQ.FaqContent, {
+    isOpened: activeIndex === index
+  }, !Array.isArray(item.content) ? /*#__PURE__*/_react.default.createElement(_FAQ.FaqText, null, item.content) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Text.default, {
+    style: withTextStyling ? textStyling : {}
+  }, /*#__PURE__*/_react.default.createElement("ul", null, item.content.map(answer => /*#__PURE__*/_react.default.createElement("li", {
+    key: answer
+  }, answer)))))))));
 };
 exports.FAQ = FAQ;
 FAQ.propTypes = {
@@ -82,5 +67,4 @@ FAQ.propTypes = {
     content: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]).isRequired
   })).isRequired
 };
-var _default = FAQ;
-exports.default = _default;
+var _default = exports.default = FAQ;

package/dist/components/FAQ/FAQ.stories.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _FAQ = require("./FAQ");
 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/FAQ',
   component: _FAQ.FAQ,
   argTypes: {
@@ -25,7 +25,6 @@ var _default = {
       //   defaultValue: 'Default Content',
       // },
     },
-
     onTitleClick: {
       action: 'titleClick',
       type: 'function'
@@ -36,12 +35,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(_FAQ.FAQ, args)));
-};
-var FAQExample = Template.bind({});
-exports.FAQExample = FAQExample;
+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(_FAQ.FAQ, args)));
+const FAQExample = exports.FAQExample = Template.bind({});
 FAQExample.args = {
   items: [{
     title: 'What kind of Ventures can be found on STOKR?',