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

package/dist/components/LearnMorePage/LearnMore.js

@@ -16,49 +16,32 @@ var _LearnMoreItem = _interopRequireDefault(require("./LearnMoreItem"));
 var _LearnMore = require("./LearnMore.styles");
 var _LearnMoreShared = require("./LearnMore.shared.styles");
 var _withRouter = require("../../utils/withRouter");
-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 _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 LearnMoreClass = /*#__PURE__*/function (_PureComponent) {
-  _inherits(LearnMoreClass, _PureComponent);
-  var _super = _createSuper(LearnMoreClass);
-  function LearnMoreClass() {
-    var _this;
-    _classCallCheck(this, LearnMoreClass);
-    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 LearnMoreClass extends _react.PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
       openedTab: '',
       isMobile: false,
       isSidebarExpanded: false
     });
-    _defineProperty(_assertThisInitialized(_this), "getActiveTab", function (tabId) {
-      var categories = _this.props.categories;
-      var activeTabObject = {};
-      categories.find(function (category) {
-        var subcategories = category.subcategories;
+    _defineProperty(this, "getActiveTab", tabId => {
+      const {
+        categories
+      } = this.props;
+      let activeTabObject = {};
+      categories.find(category => {
+        const {
+          subcategories
+        } = category;
         if (subcategories.length) {
-          activeTabObject = subcategories.find(function (subcategory) {
-            return subcategory.id === tabId;
-          });
+          activeTabObject = subcategories.find(subcategory => subcategory.id === tabId);
           if (activeTabObject) {
             return true;
           }
@@ -71,163 +54,143 @@ var LearnMoreClass = /*#__PURE__*/function (_PureComponent) {
       });
       return activeTabObject;
     });
-    _defineProperty(_assertThisInitialized(_this), "setDefaultActiveTab", function () {
-      var activeCategory = _this.props.activeCategory;
-      _this.toggleTab(activeCategory);
+    _defineProperty(this, "setDefaultActiveTab", () => {
+      const {
+        activeCategory
+      } = this.props;
+      this.toggleTab(activeCategory);
     });
-    _defineProperty(_assertThisInitialized(_this), "toggleTab", function (tabId) {
-      var openedTab = _this.state.openedTab;
+    _defineProperty(this, "toggleTab", tabId => {
+      const {
+        openedTab
+      } = this.state;
       if (openedTab === tabId) {
-        _this.setState({
+        this.setState({
           openedTab: ''
         });
         return;
       }
-      _this.setState({
+      this.setState({
         openedTab: tabId
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "toggleSidebar", function () {
-      _this.setState(function (prevState) {
-        return {
-          isSidebarExpanded: !prevState.isSidebarExpanded
-        };
-      });
+    _defineProperty(this, "toggleSidebar", () => {
+      this.setState(prevState => ({
+        isSidebarExpanded: !prevState.isSidebarExpanded
+      }));
     });
-    _defineProperty(_assertThisInitialized(_this), "onResize", function () {
-      clearTimeout(_this.timeout);
-      _this.timeout = setTimeout(_this.onResizeTimeout, 200);
+    _defineProperty(this, "onResize", () => {
+      clearTimeout(this.timeout);
+      this.timeout = setTimeout(this.onResizeTimeout, 200);
     });
-    _defineProperty(_assertThisInitialized(_this), "onResizeTimeout", function () {
-      _this.setState({
-        isMobile: _this.checkIsMobile()
+    _defineProperty(this, "onResizeTimeout", () => {
+      this.setState({
+        isMobile: this.checkIsMobile()
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "checkIsMobile", function () {
-      return !window.matchMedia((0, _rwd.getMedia)('Medium')).matches;
-    });
-    _defineProperty(_assertThisInitialized(_this), "navigateToSubcategory", function (subcategoryId) {
-      var _this$props = _this.props,
-        categories = _this$props.categories,
-        items = _this$props.items;
-      _this.props.navigate("/learn-more/".concat(subcategoryId), {
+    _defineProperty(this, "checkIsMobile", () => !window.matchMedia((0, _rwd.getMedia)('Medium')).matches);
+    _defineProperty(this, "navigateToSubcategory", subcategoryId => {
+      const {
+        categories,
+        items
+      } = this.props;
+      this.props.navigate("/learn-more/".concat(subcategoryId), {
         state: {
           learnMore: {
-            categories: categories,
-            items: items
+            categories,
+            items
           }
         }
       });
     });
-    return _this;
   }
-  _createClass(LearnMoreClass, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.setDefaultActiveTab();
-      window.addEventListener('resize', this.onResize);
-      this.onResizeTimeout();
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      window.removeEventListener('resize', this.onResize);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props2 = this.props,
-        activeItem = _this$props2.activeItem,
-        items = _this$props2.items,
-        categories = _this$props2.categories,
-        onMarkComplete = _this$props2.onMarkComplete;
-      var _this$state = this.state,
-        openedTab = _this$state.openedTab,
-        isMobile = _this$state.isMobile,
-        isSidebarExpanded = _this$state.isSidebarExpanded;
-      var activeTabObject = this.getActiveTab(activeItem) || {};
-      var activeItemObject = items.find(function (post) {
-        return post.id === activeItem;
-      });
-      return /*#__PURE__*/_react.default.createElement(_LearnMore.Container, null, /*#__PURE__*/_react.default.createElement(_Grid.Row, {
-        nowrap: true
-      }, isMobile && /*#__PURE__*/_react.default.createElement(_LearnMore.MobileMenuToggler, {
-        isActive: isSidebarExpanded,
-        onClick: this.toggleSidebar
-      }, /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null)), /*#__PURE__*/_react.default.createElement(_LearnMore.SidebarColumn, {
-        part: 6,
-        isExpanded: isSidebarExpanded
-      }, /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, {
-        autoHeight: true,
-        autoHeightMin: "100vh",
-        autoHeightMax: "100vh"
-      }, /*#__PURE__*/_react.default.createElement(_LearnMore.TitleContainer, null, /*#__PURE__*/_react.default.createElement(_LearnMore.SidebarHeading, null, "INVESTING 101"), /*#__PURE__*/_react.default.createElement(_LearnMore.SidebarTitle, null, "LEARN MORE ABOUT INVESTING"), /*#__PURE__*/_react.default.createElement(_BackButton.default, {
-        to: "/"
-      }, "Back to previous page")), /*#__PURE__*/_react.default.createElement(_TabsNav.default, {
-        activeTab: activeItem
-      }, categories.map(function (category) {
-        return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-          key: category.id
-        }, /*#__PURE__*/_react.default.createElement(_LearnMore.TabNav, {
-          borderTop: true,
-          tabId: category.id,
-          isActive: category.subcategories.some(function (subcategory) {
-            return subcategory.id === activeItem;
-          }),
-          complete: category.complete,
-          onClick: function onClick() {
-            return _this2.toggleTab(category.id);
-          }
-        }, /*#__PURE__*/_react.default.createElement(_LearnMore.TabArrow, {
-          isActive: openedTab === category.id
-        }), category.title, /*#__PURE__*/_react.default.createElement(_LearnMoreShared.CompleteMarkTooltip, {
-          disabled: !category.tooltip,
-          position: "right center",
-          content: category.tooltip,
-          trigger: /*#__PURE__*/_react.default.createElement(_LearnMoreShared.CompleteMarkContainer, {
-            inProgress: category.inProgress,
-            complete: category.complete
-          }, /*#__PURE__*/_react.default.createElement(_LearnMoreShared.CompleteMark, null))
-        })), /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
-          isOpened: openedTab === category.id
-        }, category.subcategories.map(function (subcategory) {
-          return /*#__PURE__*/_react.default.createElement(_LearnMore.SubTabNav, {
-            key: subcategory.id,
-            tabId: subcategory.id,
-            isActive: activeItem === subcategory.id,
-            onClick: function onClick() {
-              return _this2.navigateToSubcategory(subcategory.id);
-            }
-          }, subcategory.title, /*#__PURE__*/_react.default.createElement(_LearnMoreShared.CompleteMarkTooltip, {
-            disabled: !subcategory.tooltip,
-            position: "right center",
-            content: subcategory.tooltip,
-            trigger: /*#__PURE__*/_react.default.createElement(_LearnMoreShared.CompleteMarkContainer, {
-              inProgress: subcategory.inProgress,
-              complete: subcategory.complete
-            }, /*#__PURE__*/_react.default.createElement(_LearnMoreShared.CompleteMark, null))
-          }));
-        })));
-      })))), /*#__PURE__*/_react.default.createElement(_LearnMore.ContentColumn, {
-        part: 16
-      }, activeItemObject && /*#__PURE__*/_react.default.createElement(_LearnMoreItem.default, {
-        postItem: activeItemObject,
-        activeTabObject: activeTabObject,
-        onMarkComplete: onMarkComplete
-      }))));
-    }
-  }]);
-  return LearnMoreClass;
-}(_react.PureComponent);
-var learnMoreCategoryPropTypes = {
+  componentDidMount() {
+    this.setDefaultActiveTab();
+    window.addEventListener('resize', this.onResize);
+    this.onResizeTimeout();
+  }
+  componentWillUnmount() {
+    window.removeEventListener('resize', this.onResize);
+  }
+  render() {
+    const {
+      activeItem,
+      items,
+      categories,
+      onMarkComplete
+    } = this.props;
+    const {
+      openedTab,
+      isMobile,
+      isSidebarExpanded
+    } = this.state;
+    const activeTabObject = this.getActiveTab(activeItem) || {};
+    const activeItemObject = items.find(post => post.id === activeItem);
+    return /*#__PURE__*/_react.default.createElement(_LearnMore.Container, null, /*#__PURE__*/_react.default.createElement(_Grid.Row, {
+      nowrap: true
+    }, isMobile && /*#__PURE__*/_react.default.createElement(_LearnMore.MobileMenuToggler, {
+      isActive: isSidebarExpanded,
+      onClick: this.toggleSidebar
+    }, /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null)), /*#__PURE__*/_react.default.createElement(_LearnMore.SidebarColumn, {
+      part: 6,
+      isExpanded: isSidebarExpanded
+    }, /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, {
+      autoHeight: true,
+      autoHeightMin: "100vh",
+      autoHeightMax: "100vh"
+    }, /*#__PURE__*/_react.default.createElement(_LearnMore.TitleContainer, null, /*#__PURE__*/_react.default.createElement(_LearnMore.SidebarHeading, null, "INVESTING 101"), /*#__PURE__*/_react.default.createElement(_LearnMore.SidebarTitle, null, "LEARN MORE ABOUT INVESTING"), /*#__PURE__*/_react.default.createElement(_BackButton.default, {
+      to: "/"
+    }, "Back to previous page")), /*#__PURE__*/_react.default.createElement(_TabsNav.default, {
+      activeTab: activeItem
+    }, categories.map(category => /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+      key: category.id
+    }, /*#__PURE__*/_react.default.createElement(_LearnMore.TabNav, {
+      borderTop: true,
+      tabId: category.id,
+      isActive: category.subcategories.some(subcategory => subcategory.id === activeItem),
+      complete: category.complete,
+      onClick: () => this.toggleTab(category.id)
+    }, /*#__PURE__*/_react.default.createElement(_LearnMore.TabArrow, {
+      isActive: openedTab === category.id
+    }), category.title, /*#__PURE__*/_react.default.createElement(_LearnMoreShared.CompleteMarkTooltip, {
+      disabled: !category.tooltip,
+      position: "right center",
+      content: category.tooltip,
+      trigger: /*#__PURE__*/_react.default.createElement(_LearnMoreShared.CompleteMarkContainer, {
+        inProgress: category.inProgress,
+        complete: category.complete
+      }, /*#__PURE__*/_react.default.createElement(_LearnMoreShared.CompleteMark, null))
+    })), /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
+      isOpened: openedTab === category.id
+    }, category.subcategories.map(subcategory => /*#__PURE__*/_react.default.createElement(_LearnMore.SubTabNav, {
+      key: subcategory.id,
+      tabId: subcategory.id,
+      isActive: activeItem === subcategory.id,
+      onClick: () => this.navigateToSubcategory(subcategory.id)
+    }, subcategory.title, /*#__PURE__*/_react.default.createElement(_LearnMoreShared.CompleteMarkTooltip, {
+      disabled: !subcategory.tooltip,
+      position: "right center",
+      content: subcategory.tooltip,
+      trigger: /*#__PURE__*/_react.default.createElement(_LearnMoreShared.CompleteMarkContainer, {
+        inProgress: subcategory.inProgress,
+        complete: subcategory.complete
+      }, /*#__PURE__*/_react.default.createElement(_LearnMoreShared.CompleteMark, null))
+    }))))))))), /*#__PURE__*/_react.default.createElement(_LearnMore.ContentColumn, {
+      part: 16
+    }, activeItemObject && /*#__PURE__*/_react.default.createElement(_LearnMoreItem.default, {
+      postItem: activeItemObject,
+      activeTabObject: activeTabObject,
+      onMarkComplete: onMarkComplete
+    }))));
+  }
+}
+const learnMoreCategoryPropTypes = exports.learnMoreCategoryPropTypes = {
   title: _propTypes.default.string.isRequired,
   inProgress: _propTypes.default.bool,
   complete: _propTypes.default.bool,
   tooltip: _propTypes.default.node
 };
-exports.learnMoreCategoryPropTypes = learnMoreCategoryPropTypes;
-var learnMorePostPropTypes = {
+const learnMorePostPropTypes = exports.learnMorePostPropTypes = {
   id: _propTypes.default.string.isRequired,
   title: _propTypes.default.string.isRequired,
   excerpt: _propTypes.default.string.isRequired,
@@ -236,7 +199,6 @@ var learnMorePostPropTypes = {
   cover: _propTypes.default.string,
   videoSrc: _propTypes.default.string
 };
-exports.learnMorePostPropTypes = learnMorePostPropTypes;
 LearnMoreClass.propTypes = {
   items: _propTypes.default.arrayOf(_propTypes.default.shape(learnMorePostPropTypes)).isRequired,
   categories: _propTypes.default.arrayOf(_propTypes.default.shape(_objectSpread(_objectSpread({}, learnMoreCategoryPropTypes), {}, {
@@ -247,9 +209,7 @@ LearnMoreClass.propTypes = {
   activeItem: _propTypes.default.string.isRequired
 };
 LearnMoreClass.defaultProps = {
-  onMarkComplete: function onMarkComplete() {}
+  onMarkComplete: () => {}
 };
-var LearnMore = (0, _withRouter.withRouter)(LearnMoreClass);
-exports.LearnMore = LearnMore;
-var _default = (0, _withRouter.withRouter)(LearnMoreClass);
-exports.default = _default;
+const LearnMore = exports.LearnMore = (0, _withRouter.withRouter)(LearnMoreClass);
+var _default = exports.default = (0, _withRouter.withRouter)(LearnMoreClass);

package/dist/components/LearnMorePage/LearnMore.shared.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
 });
@@ -8,33 +7,19 @@ exports.CompleteMarkTooltip = exports.CompleteMarkContainer = exports.CompleteMa
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _semanticUiReact = require("semantic-ui-react");
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-var _templateObject, _templateObject2;
-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 CompleteMark = _styledComponents.default.i.attrs({
+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 CompleteMark = exports.CompleteMark = _styledComponents.default.i.attrs({
   className: 'ion ion-md-checkmark'
 }).withConfig({
   displayName: "LearnMoresharedstyles__CompleteMark",
   componentId: "sc-17qnhrh-0"
 })(["margin:auto;"]);
-exports.CompleteMark = CompleteMark;
-var CompleteMarkContainer = _styledComponents.default.div.withConfig({
+const CompleteMarkContainer = exports.CompleteMarkContainer = _styledComponents.default.div.withConfig({
   displayName: "LearnMoresharedstyles__CompleteMarkContainer",
   componentId: "sc-17qnhrh-1"
-})(["width:20px;height:20px;border-radius:50%;display:flex;border:1px dotted ", ";margin-left:auto;", "{display:none;}", " ", " ", ""], function (props) {
-  return _theme.default.cLightGrey;
-}, CompleteMark, function (props) {
-  return props.inProgress && "\n    border-style: solid;\n    border-color: ".concat(_theme.default.cLighterGreen, ";\n  ");
-}, function (props) {
-  return props.complete && (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      border-style: solid;\n      border-color: ", ";\n      background: ", ";\n\n      ", " {\n        display: block;\n        color: ", ";\n      }\n    "])), _theme.default.cLighterGreen, _theme.default.cLighterGreen, CompleteMark, _theme.default.cDarkGreen);
-}, function (props) {
-  return props.large && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      width: 40px;\n      height: 40px;\n\n      ", " {\n        font-size: 2em;\n      }\n    "])), CompleteMark);
-});
-exports.CompleteMarkContainer = CompleteMarkContainer;
-var CompleteMarkTooltip = (0, _styledComponents.default)(_semanticUiReact.Popup).withConfig({
+})(["width:20px;height:20px;border-radius:50%;display:flex;border:1px dotted ", ";margin-left:auto;", "{display:none;}", " ", " ", ""], props => _theme.default.cLightGrey, CompleteMark, props => props.inProgress && "\n    border-style: solid;\n    border-color: ".concat(_theme.default.cLighterGreen, ";\n  "), props => props.complete && (0, _styledComponents.css)(["border-style:solid;border-color:", ";background:", ";", "{display:block;color:", ";}"], _theme.default.cLighterGreen, _theme.default.cLighterGreen, CompleteMark, _theme.default.cDarkGreen), props => props.large && (0, _styledComponents.css)(["width:40px;height:40px;", "{font-size:2em;}"], CompleteMark));
+const CompleteMarkTooltip = exports.CompleteMarkTooltip = (0, _styledComponents.default)(_semanticUiReact.Popup).withConfig({
   displayName: "LearnMoresharedstyles__CompleteMarkTooltip",
   componentId: "sc-17qnhrh-2"
-})(["margin-left:auto;padding-left:8px;"]);
-exports.CompleteMarkTooltip = CompleteMarkTooltip;
+})(["margin-left:auto;padding-left:8px;"]);

package/dist/components/LearnMorePage/LearnMore.stories.js

@@ -7,9 +7,9 @@ exports.default = exports.LearnMoreDefault = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _LearnMore = require("./LearnMore");
 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 { ComponentWrapper } from '../ComponentWrapper/ComponentWrapper.styles'
-var _default = {
+var _default = exports.default = {
   title: 'Components Library/LearnMorePage/LearnMore',
   component: _LearnMore.LearnMore,
   argTypes: {
@@ -43,10 +43,6 @@ 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(_LearnMore.LearnMore, args));
-};
-var LearnMoreDefault = Template.bind({});
-exports.LearnMoreDefault = LearnMoreDefault;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_LearnMore.LearnMore, args));
+const LearnMoreDefault = exports.LearnMoreDefault = Template.bind({});
 LearnMoreDefault.args = {};

package/dist/components/LearnMorePage/LearnMore.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
 });
@@ -13,108 +12,59 @@ var _Grid = require("../Grid/Grid.styles");
 var _BackButton = require("../BackButton/BackButton.styles");
 var _theme = _interopRequireDefault(require("../../styles/theme"));
 var _spacing = _interopRequireDefault(require("../../styles/spacing"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
-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 Container = _styledComponents.default.div.withConfig({
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+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 Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "LearnMorestyles__Container",
   componentId: "sc-1sdxbx5-0"
 })(["width:100%;overflow:hidden;", "{padding:0 !important;}", "{border-bottom:none;}"], _TabsNav.TabsWrapper, _TabsNav.StyledTabs);
-exports.Container = Container;
-var TabArrow = _styledComponents.default.i.attrs({
+const TabArrow = exports.TabArrow = _styledComponents.default.i.attrs({
   className: 'ion ion-ios-arrow-forward'
 }).withConfig({
   displayName: "LearnMorestyles__TabArrow",
   componentId: "sc-1sdxbx5-1"
-})(["color:", ";margin-right:6px;transition:0.3s transform;", ""], function (props) {
-  return _theme.default.cWarning;
-}, function (props) {
-  return props.isActive === true && "\n    transform: rotate(90deg);\n  ";
-});
-exports.TabArrow = TabArrow;
-var TitleContainer = (0, _styledComponents.default)(_ComponentWrapper.default).withConfig({
+})(["color:", ";margin-right:6px;transition:0.3s transform;", ""], props => _theme.default.cWarning, props => props.isActive === true && "\n    transform: rotate(90deg);\n  ");
+const TitleContainer = exports.TitleContainer = (0, _styledComponents.default)(_ComponentWrapper.default).withConfig({
   displayName: "LearnMorestyles__TitleContainer",
   componentId: "sc-1sdxbx5-2"
-})(["display:flex;flex-direction:column;", " ", " ", "{color:", ";text-transform:uppercase;}", "{color:", ";}"], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 64px;\n  "]))), _rwd.default.Large(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding-right: 96px;\n  "]))), _BackButton.StyledBackButton, function (props) {
-  return _theme.default.cPrimary;
-}, _BackButton.BackButtonIcon, function (props) {
-  return _theme.default.cPrimary;
-});
-exports.TitleContainer = TitleContainer;
-var TabTitle = _styledComponents.default.div.withConfig({
+})(["display:flex;flex-direction:column;", " ", " ", "{color:", ";text-transform:uppercase;}", "{color:", ";}"], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 64px;\n  "]))), _rwd.default.Large(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding-right: 96px;\n  "]))), _BackButton.StyledBackButton, props => _theme.default.cPrimary, _BackButton.BackButtonIcon, props => _theme.default.cPrimary);
+const TabTitle = exports.TabTitle = _styledComponents.default.div.withConfig({
   displayName: "LearnMorestyles__TabTitle",
   componentId: "sc-1sdxbx5-3"
 })(["padding:42px 36px;display:flex;justify-content:space-between;font-weight:700;text-transform:uppercase;position:relative;font-size:11px;line-height:20px;letter-spacing:0.6px;"]);
-exports.TabTitle = TabTitle;
-var Arrow = _styledComponents.default.i.attrs({
+const Arrow = exports.Arrow = _styledComponents.default.i.attrs({
   className: 'ion ion-ios-arrow-right'
 }).withConfig({
   displayName: "LearnMorestyles__Arrow",
   componentId: "sc-1sdxbx5-4"
-})(["&&&{position:absolute;top:50%;right:32px;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(-90deg);\n    ";
-});
-exports.Arrow = Arrow;
-var SubTabNav = (0, _styledComponents.default)(_ComponentWrapper.default).withConfig({
+})(["&&&{position:absolute;top:50%;right:32px;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(-90deg);\n    ");
+const SubTabNav = exports.SubTabNav = (0, _styledComponents.default)(_ComponentWrapper.default).withConfig({
   displayName: "LearnMorestyles__SubTabNav",
   componentId: "sc-1sdxbx5-5"
-})(["display:flex;align-items:center;font-size:10px;cursor:pointer;transition:0.3s background;background:", ";&::before{content:'';display:none;position:absolute;top:52px;bottom:-32px;right:42px;z-index:1;width:0;border-left:1px dotted ", ";transform:translateX(50%);", " ", "}&:last-child::before{display:none;}", ""], function (props) {
-  return _theme.default.cWhite;
-}, function (props) {
-  return _theme.default.cLightGrey;
-}, _rwd.default.Medium(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      display: block;\n    "]))), _rwd.default.Large(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      right: 74px;\n    "]))), function (props) {
-  return props.isActive && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      font-weight: 700;\n      background: ", ";\n    "])), _theme.default.cGrey);
-});
-exports.SubTabNav = SubTabNav;
-var TabNav = (0, _styledComponents.default)(_ComponentWrapper.default).withConfig({
+})(["display:flex;align-items:center;font-size:10px;cursor:pointer;transition:0.3s background;background:", ";&::before{content:'';display:none;position:absolute;top:52px;bottom:-32px;right:42px;z-index:1;width:0;border-left:1px dotted ", ";transform:translateX(50%);", " ", "}&:last-child::before{display:none;}", ""], props => _theme.default.cWhite, props => _theme.default.cLightGrey, _rwd.default.Medium(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      display: block;\n    "]))), _rwd.default.Large(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      right: 74px;\n    "]))), props => props.isActive && (0, _styledComponents.css)(["font-weight:700;background:", ";"], _theme.default.cGrey));
+const TabNav = exports.TabNav = (0, _styledComponents.default)(_ComponentWrapper.default).withConfig({
   displayName: "LearnMorestyles__TabNav",
   componentId: "sc-1sdxbx5-6"
-})(["display:flex;align-items:center;font-size:12px;font-weight:700;letter-spacing:0.4px;text-transform:uppercase;cursor:pointer;&:last-child{border-bottom:1px solid ", ";}", " + div ", "::before{", "}"], function (props) {
-  return _theme.default.cLightGrey;
-}, function (props) {
-  return props.isActive && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      &::before {\n        content: '';\n        width: 8px;\n        position: absolute;\n        left: 0;\n        top: 0;\n        bottom: 0;\n        background: ", ";\n      }\n    "])), _theme.default.cWarning);
-}, SubTabNav, function (props) {
-  return props.complete && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        border-color: ", ";\n        border-left-style: solid;\n      "])), _theme.default.cLighterGreen);
-});
-exports.TabNav = TabNav;
-var SidebarColumn = (0, _styledComponents.default)(_Grid.Column).withConfig({
+})(["display:flex;align-items:center;font-size:12px;font-weight:700;letter-spacing:0.4px;text-transform:uppercase;cursor:pointer;&:last-child{border-bottom:1px solid ", ";}", " + div ", "::before{", "}"], props => _theme.default.cLightGrey, props => props.isActive && (0, _styledComponents.css)(["&::before{content:'';width:8px;position:absolute;left:0;top:0;bottom:0;background:", ";}"], _theme.default.cWarning), SubTabNav, props => props.complete && (0, _styledComponents.css)(["border-color:", ";border-left-style:solid;"], _theme.default.cLighterGreen));
+const SidebarColumn = exports.SidebarColumn = (0, _styledComponents.default)(_Grid.Column).withConfig({
   displayName: "LearnMorestyles__SidebarColumn",
   componentId: "sc-1sdxbx5-7"
-})(["max-width:300px;position:fixed;background:", ";z-index:10000;border-right:1px solid ", ";top:0;padding-top:48px;transition:0.3s transform;transform:translateX(-100%);", " ", " ", ""], function (props) {
-  return _theme.default.cWhite;
-}, function (props) {
-  return _theme.default.cLightGrey;
-}, function (props) {
-  return props.isExpanded && 'transform: translateX(0);';
-}, _rwd.default.Medium(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    transform: translateX(0);\n    max-width: 300px;\n    padding-top: ", "px;\n  "])), function (props) {
-  return _spacing.default.headerHeight;
-}), _rwd.default.Large(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    max-width: 400px;\n  "]))));
-exports.SidebarColumn = SidebarColumn;
-var ContentColumn = (0, _styledComponents.default)(_Grid.Column).withConfig({
+})(["max-width:300px;position:fixed;background:", ";z-index:10000;border-right:1px solid ", ";top:0;padding-top:48px;transition:0.3s transform;transform:translateX(-100%);", " ", " ", ""], props => _theme.default.cWhite, props => _theme.default.cLightGrey, props => props.isExpanded && 'transform: translateX(0);', _rwd.default.Medium(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    transform: translateX(0);\n    max-width: 300px;\n    padding-top: ", "px;\n  "])), props => _spacing.default.headerHeight), _rwd.default.Large(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    max-width: 400px;\n  "]))));
+const ContentColumn = exports.ContentColumn = (0, _styledComponents.default)(_Grid.Column).withConfig({
   displayName: "LearnMorestyles__ContentColumn",
   componentId: "sc-1sdxbx5-8"
-})(["", " ", ""], _rwd.default.Medium(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    margin-left: 300px;\n  "]))), _rwd.default.Large(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    margin-left: 400px;\n  "]))));
-exports.ContentColumn = ContentColumn;
-var SidebarTitle = _styledComponents.default.h3.withConfig({
+})(["", " ", ""], _rwd.default.Medium(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    margin-left: 300px;\n  "]))), _rwd.default.Large(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    margin-left: 400px;\n  "]))));
+const SidebarTitle = exports.SidebarTitle = _styledComponents.default.h3.withConfig({
   displayName: "LearnMorestyles__SidebarTitle",
   componentId: "sc-1sdxbx5-9"
 })(["font-family:'Open Sans';font-size:20px;line-height:24px;font-weight:700;margin-bottom:20px;"]);
-exports.SidebarTitle = SidebarTitle;
-var SidebarHeading = _styledComponents.default.div.withConfig({
+const SidebarHeading = exports.SidebarHeading = _styledComponents.default.div.withConfig({
   displayName: "LearnMorestyles__SidebarHeading",
   componentId: "sc-1sdxbx5-10"
 })(["font-size:12px;letter-spacing:0.4px;font-weight:600;margin-bottom:16px;"]);
-exports.SidebarHeading = SidebarHeading;
-var MobileMenuToggler = _styledComponents.default.div.withConfig({
+const MobileMenuToggler = exports.MobileMenuToggler = _styledComponents.default.div.withConfig({
   displayName: "LearnMorestyles__MobileMenuToggler",
   componentId: "sc-1sdxbx5-11"
-})(["display:block;width:48px;height:48px;position:fixed;top:0;left:0;background:", ";z-index:10001;", " span{display:block;width:16px;height:2px;position:absolute;top:50%;left:50%;margin-top:-1px;margin-left:-8px;background-color:", ";transition:background-color 0.4s,transform 0.4s;&:nth-child(1){transform:translateY(-6px);}&:nth-child(3){transform:translateY(6px);}}", ""], function (props) {
-  return _theme.default.cWhite;
-}, _rwd.default.Medium(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    display: none;\n  "]))), function (props) {
-  return _theme.default.cText;
-}, function (props) {
-  return props.isActive && "\n    span {\n      background-color: ".concat(_theme.default.cPrimary, ";\n\n      &:nth-child(1) {\n        transform: translateY(0) rotate(135deg);\n      }\n\n      &:nth-child(2) {\n        transform: scaleX(0);\n      }\n\n      &:nth-child(3) {\n        transform: translateY(0) rotate(-135deg);\n      }\n    }\n  ");
-});
-exports.MobileMenuToggler = MobileMenuToggler;
+})(["display:block;width:48px;height:48px;position:fixed;top:0;left:0;background:", ";z-index:10001;", " span{display:block;width:16px;height:2px;position:absolute;top:50%;left:50%;margin-top:-1px;margin-left:-8px;background-color:", ";transition:background-color 0.4s,transform 0.4s;&:nth-child(1){transform:translateY(-6px);}&:nth-child(3){transform:translateY(6px);}}", ""], props => _theme.default.cWhite, _rwd.default.Medium(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    display: none;\n  "]))), props => _theme.default.cText, props => props.isActive && "\n    span {\n      background-color: ".concat(_theme.default.cPrimary, ";\n\n      &:nth-child(1) {\n        transform: translateY(0) rotate(135deg);\n      }\n\n      &:nth-child(2) {\n        transform: scaleX(0);\n      }\n\n      &:nth-child(3) {\n        transform: translateY(0) rotate(-135deg);\n      }\n    }\n  "));