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

package/dist/components/Slider/Slider.js

@@ -10,25 +10,26 @@ var _reactSlick = _interopRequireDefault(require("react-slick"));
 require("slick-carousel/slick/slick.css");
 require("slick-carousel/slick/slick-theme.css");
 var _Slider = require("./Slider.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Slider = function Slider(_ref) {
-  var children = _ref.children,
-    autoplay = _ref.autoplay,
-    dots = _ref.dots,
-    arrows = _ref.arrows,
-    infinite = _ref.infinite,
-    _ref$rtl = _ref.rtl,
-    rtl = _ref$rtl === void 0 ? false : _ref$rtl;
-  var settings = {
-    dots: dots,
-    arrows: arrows,
-    infinite: infinite,
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Slider = _ref => {
+  let {
+    children,
+    autoplay,
+    dots,
+    arrows,
+    infinite,
+    rtl = false
+  } = _ref;
+  const settings = {
+    dots,
+    arrows,
+    infinite,
     speed: 600,
     autoplay: !!autoplay,
     autoplaySpeed: autoplay,
     slidesToShow: 1,
     slidesToScroll: 1,
-    rtl: rtl
+    rtl
   };
   return /*#__PURE__*/_react.default.createElement(_Slider.WrapperSlider, null, /*#__PURE__*/_react.default.createElement(_reactSlick.default, settings, children));
 };
@@ -46,5 +47,4 @@ Slider.defaultProps = {
   arrows: false,
   infinite: true
 };
-var _default = Slider; //rtl is reverse motion direction
-exports.default = _default;
+var _default = exports.default = Slider; //rtl is reverse motion direction

package/dist/components/Slider/Slider.stories.js

@@ -9,8 +9,8 @@ var _Slider = require("./Slider");
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _Number = require("../Number/Number");
 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/Slider',
   component: _Slider.Slider,
   argTypes: {
@@ -48,20 +48,15 @@ var _default = {
 //     </Slider>
 //   </Wrapper>
 // )
-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(_Slider.Slider, args)));
-};
-var SliderActive = Template.bind({});
-exports.SliderActive = SliderActive;
+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(_Slider.Slider, args)));
+const SliderActive = exports.SliderActive = Template.bind({});
 SliderActive.args = {
   children: [/*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null)],
   autoplay: 3,
   dots: true,
   arrows: true
 };
-var SliderActiveRtl = Template.bind({});
-exports.SliderActiveRtl = SliderActiveRtl;
+const SliderActiveRtl = exports.SliderActiveRtl = Template.bind({});
 SliderActiveRtl.args = {
   children: [/*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null)],
   autoplay: 3,

package/dist/components/Slider/Slider.styles.js

@@ -5,19 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WrapperSlider = exports.ImageSlideWrapper = exports.ImageSlide = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var WrapperSlider = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const WrapperSlider = exports.WrapperSlider = _styledComponents.default.div.withConfig({
   displayName: "Sliderstyles__WrapperSlider",
   componentId: "sc-t5slmz-0"
 })(["height:100%;.slick-list{z-index:0;}.slick-arrow{z-index:1;width:24px;height:24px;&.slick-prev,&.slick-next{&:before{font-family:'Ionicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:20px;line-height:24px;text-align:center;text-shadow:0 0 4px 0 rgba(0,0,0,0.2);opacity:1;color:#fff;transition:color 0.2s;}&:hover{&:before{color:#0050ca;}}}&.slick-prev{left:4px;&:before{content:'\f3cf';}}&.slick-next{right:4px;&:before{content:'\f3d1';}}}.slick-dots{z-index:1;height:auto;bottom:4px;li{display:inline-block;width:24px;height:24px;margin:0;button{display:block;padding:8px;width:24px;height:24px;&:before{position:relative;content:'';display:block;width:8px;height:8px;border-radius:4px;background-color:#fff;opacity:1;box-shadow:0 0 4px 0 rgba(0,0,0,0.2);transition:background-color 0.2s;}&:hover{&:before{background-color:#0050ca;}}}&.slick-active{button{&:before{background-color:#ee220d;}}}}}"]);
-exports.WrapperSlider = WrapperSlider;
-var ImageSlide = _styledComponents.default.img.withConfig({
+const ImageSlide = exports.ImageSlide = _styledComponents.default.img.withConfig({
   displayName: "Sliderstyles__ImageSlide",
   componentId: "sc-t5slmz-1"
 })(["width:100%;height:100%;object-fit:cover;object-position:center center;"]);
-exports.ImageSlide = ImageSlide;
-var ImageSlideWrapper = _styledComponents.default.div.withConfig({
+const ImageSlideWrapper = exports.ImageSlideWrapper = _styledComponents.default.div.withConfig({
   displayName: "Sliderstyles__ImageSlideWrapper",
   componentId: "sc-t5slmz-2"
-})(["height:193px;position:relative;"]);
-exports.ImageSlideWrapper = ImageSlideWrapper;
+})(["height:193px;position:relative;"]);

package/dist/components/SpanButton/SpanButton.styles.js

@@ -5,11 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SpanButton = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var SpanButton = _styledComponents.default.span.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SpanButton = exports.SpanButton = _styledComponents.default.span.withConfig({
   displayName: "SpanButtonstyles__SpanButton",
   componentId: "sc-1ktf7ep-0"
-})(["color:#0050ca;cursor:pointer;font-weight:400;", " &:hover{color:#202020;}"], function (props) {
-  return props.urlLink && "\n    text-decoration: underline;\n  ";
-});
-exports.SpanButton = SpanButton;
+})(["color:#0050ca;cursor:pointer;font-weight:400;", " &:hover{color:#202020;}"], props => props.urlLink && "\n    text-decoration: underline;\n  ");

package/dist/components/StatusBadge/StatusBadge.styles.js

@@ -6,15 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.StatusBadge = 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 StatusBadge = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StatusBadge = exports.StatusBadge = _styledComponents.default.div.withConfig({
   displayName: "StatusBadgestyles__StatusBadge",
   componentId: "sc-ffsxx0-0"
-})(["display:inline-block;vertical-align:top;padding:0px 16px;background-color:", ";color:", ";font-weight:600;font-size:8px;letter-spacing:1.78px;line-height:16px;border-radius:8px;margin-left:12px;"], function (props) {
-  return _theme.default.cBlack;
-}, function (props) {
-  return _theme.default.cWhite;
-});
-exports.StatusBadge = StatusBadge;
-var _default = StatusBadge;
-exports.default = _default;
+})(["display:inline-block;vertical-align:top;padding:0px 16px;background-color:", ";color:", ";font-weight:600;font-size:8px;letter-spacing:1.78px;line-height:16px;border-radius:8px;margin-left:12px;"], props => _theme.default.cBlack, props => _theme.default.cWhite);
+var _default = exports.default = StatusBadge;

package/dist/components/StepController/StepController.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,26 +9,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
 var _StepController = require("./StepController.styles");
 var _StepControllerProgress = _interopRequireDefault(require("./StepControllerProgress"));
-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 _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 _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 _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 _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); }
-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); }
-var timeout = 300;
-var getTransitionStyles = {
+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 timeout = 300;
+const getTransitionStyles = {
   entering: {
     position: 'absolute',
     opacity: 0
@@ -43,60 +31,48 @@ var getTransitionStyles = {
     opacity: 0
   }
 };
-var StepController = /*#__PURE__*/function (_PureComponent) {
-  _inherits(StepController, _PureComponent);
-  var _super = _createSuper(StepController);
-  function StepController() {
-    _classCallCheck(this, StepController);
-    return _super.apply(this, arguments);
+class StepController extends _react.PureComponent {
+  componentDidMount() {
+    const {
+      changeStep,
+      stepsProgressList
+    } = this.props;
+    changeStep(stepsProgressList[0].id);
   }
-  _createClass(StepController, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this$props = this.props,
-        changeStep = _this$props.changeStep,
-        stepsProgressList = _this$props.stepsProgressList;
-      changeStep(stepsProgressList[0].id);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        children = _this$props2.children,
-        stepsProgressList = _this$props2.stepsProgressList,
-        currentStep = _this$props2.currentStep,
-        activeStepIndex = _this$props2.activeStepIndex,
-        doneStepsIndexes = _this$props2.doneStepsIndexes,
-        touchedStepsIndexes = _this$props2.touchedStepsIndexes;
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_StepController.StepsProgressContainer, null, /*#__PURE__*/_react.default.createElement(_StepControllerProgress.default, {
-        activeStepIndex: activeStepIndex,
-        doneStepsIndexes: doneStepsIndexes,
-        touchedStepsIndexes: touchedStepsIndexes,
-        stepsProgressList: stepsProgressList
-      })), /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, {
-        component: _StepController.StepContainer
-      }, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
-        key: currentStep,
-        timeout: {
-          enter: timeout,
-          exit: timeout
-        }
-      }, function (status) {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          style: _objectSpread({
-            height: '100%'
-          }, getTransitionStyles[status])
-        }, _react.default.Children.map(children, function (child) {
-          if (child.props.id === currentStep && /*#__PURE__*/_react.default.isValidElement(child)) {
-            return child;
-          }
-          return null;
-        }));
-      })));
-    }
-  }]);
-  return StepController;
-}(_react.PureComponent);
+  render() {
+    const {
+      children,
+      stepsProgressList,
+      currentStep,
+      activeStepIndex,
+      doneStepsIndexes,
+      touchedStepsIndexes
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_StepController.StepsProgressContainer, null, /*#__PURE__*/_react.default.createElement(_StepControllerProgress.default, {
+      activeStepIndex: activeStepIndex,
+      doneStepsIndexes: doneStepsIndexes,
+      touchedStepsIndexes: touchedStepsIndexes,
+      stepsProgressList: stepsProgressList
+    })), /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, {
+      component: _StepController.StepContainer
+    }, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
+      key: currentStep,
+      timeout: {
+        enter: timeout,
+        exit: timeout
+      }
+    }, status => /*#__PURE__*/_react.default.createElement("div", {
+      style: _objectSpread({
+        height: '100%'
+      }, getTransitionStyles[status])
+    }, _react.default.Children.map(children, child => {
+      if (child.props.id === currentStep && /*#__PURE__*/_react.default.isValidElement(child)) {
+        return child;
+      }
+      return null;
+    })))));
+  }
+}
 exports.StepController = StepController;
 StepController.propTypes = {
   children: _propTypes.default.node.isRequired,
@@ -107,5 +83,4 @@ StepController.propTypes = {
   doneStepsIndexes: _propTypes.default.arrayOf(_propTypes.default.number).isRequired,
   changeStep: _propTypes.default.func.isRequired
 };
-var _default = StepController;
-exports.default = _default;
+var _default = exports.default = StepController;

package/dist/components/StepController/StepController.stories.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _StepController = require("./StepController");
 var _SvgIcons = require("../SvgIcons");
 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/StepController/Stepcontroller',
   component: _StepController.StepController,
   argTypes: {
@@ -47,12 +47,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(_StepController.StepController, args));
-};
-var SCTouched1Done0 = Template.bind({});
-exports.SCTouched1Done0 = SCTouched1Done0;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_StepController.StepController, args));
+const SCTouched1Done0 = exports.SCTouched1Done0 = Template.bind({});
 SCTouched1Done0.args = {
   children: [/*#__PURE__*/_react.default.createElement(_SvgIcons.OneSvg, null), /*#__PURE__*/_react.default.createElement(_SvgIcons.TwoSvg, null), /*#__PURE__*/_react.default.createElement(_SvgIcons.FourSvg, null)],
   stepsProgressList: [/*#__PURE__*/_react.default.createElement(_SvgIcons.OneSvg, null), /*#__PURE__*/_react.default.createElement(_SvgIcons.TwoSvg, null), /*#__PURE__*/_react.default.createElement(_SvgIcons.FourSvg, null)],

package/dist/components/StepController/StepController.styles.js

@@ -8,19 +8,13 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
 var _templateObject, _templateObject2;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var StepsProgressContainer = _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 StepsProgressContainer = exports.StepsProgressContainer = _styledComponents.default.div.withConfig({
   displayName: "StepControllerstyles__StepsProgressContainer",
   componentId: "sc-143sf1l-0"
-})(["position:relative;width:100%;height:40px;padding:4px 0;box-shadow:0 1px 0 0 ", ";", ""], function (props) {
-  return _theme.default.cLightGrey;
-}, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: 56px;\n    padding: 12px 0;\n  "]))));
-exports.StepsProgressContainer = StepsProgressContainer;
-var StepContainer = _styledComponents.default.div.withConfig({
+})(["position:relative;width:100%;height:40px;padding:4px 0;box-shadow:0 1px 0 0 ", ";", ""], props => _theme.default.cLightGrey, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: 56px;\n    padding: 12px 0;\n  "]))));
+const StepContainer = exports.StepContainer = _styledComponents.default.div.withConfig({
   displayName: "StepControllerstyles__StepContainer",
   componentId: "sc-143sf1l-1"
-})(["width:100%;height:100%;position:relative;overflow:hidden;", ""], _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", "\n  "])), function (props) {
-  return props.heightLimited && "\n      height: 80vh;\n    ";
-}));
-exports.StepContainer = StepContainer;
+})(["width:100%;height:100%;position:relative;overflow:hidden;", ""], _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", "\n  "])), props => props.heightLimited && "\n      height: 80vh;\n    "));

package/dist/components/StepController/StepControllerContext.js

@@ -6,37 +6,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.StepControllerProvider = exports.StepControllerConsumer = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-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 StepControllerContext = /*#__PURE__*/_react.default.createContext();
-var StepControllerProvider = /*#__PURE__*/function (_Component) {
-  _inherits(StepControllerProvider, _Component);
-  var _super = _createSuper(StepControllerProvider);
-  function StepControllerProvider() {
+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 StepControllerContext = /*#__PURE__*/_react.default.createContext();
+class StepControllerProvider extends _react.Component {
+  constructor() {
     var _this;
-    _classCallCheck(this, StepControllerProvider);
-    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", {
+    super(...arguments);
+    _this = this;
+    _defineProperty(this, "state", {
       currentStep: '',
       prevStep: '',
       prevStepIndex: null,
@@ -44,17 +27,18 @@ var StepControllerProvider = /*#__PURE__*/function (_Component) {
       doneStepsIndexes: [],
       touchedStepsIndexes: []
     });
-    _defineProperty(_assertThisInitialized(_this), "changeStep", function (stepName) {
-      var activeStep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      var doneStep = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-      var _this$state = _this.state,
-        activeStepIndex = _this$state.activeStepIndex,
-        doneStepsIndexes = _this$state.doneStepsIndexes,
-        touchedStepsIndexes = _this$state.touchedStepsIndexes;
-      var nextActiveStep = activeStep === null ? activeStepIndex : activeStep;
-      var nextDoneStepIndexes = doneStepsIndexes.slice();
-      var nextTouchedStepsIndexes = touchedStepsIndexes.slice();
-      var emptyDoneStep;
+    _defineProperty(this, "changeStep", function (stepName) {
+      let activeStep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      let doneStep = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+      const {
+        activeStepIndex,
+        doneStepsIndexes,
+        touchedStepsIndexes
+      } = _this.state;
+      const nextActiveStep = activeStep === null ? activeStepIndex : activeStep;
+      const nextDoneStepIndexes = doneStepsIndexes.slice();
+      const nextTouchedStepsIndexes = touchedStepsIndexes.slice();
+      let emptyDoneStep;
       if (doneStep !== null && !nextDoneStepIndexes.includes(doneStep)) {
         nextDoneStepIndexes.push(doneStep);
       }
@@ -64,41 +48,35 @@ var StepControllerProvider = /*#__PURE__*/function (_Component) {
       if (Array.isArray(doneStep) && doneStep.length === 0) {
         emptyDoneStep = [];
       }
-      _this.setState(function () {
-        return {
-          currentStep: stepName,
-          activeStepIndex: nextActiveStep,
-          doneStepsIndexes: emptyDoneStep || nextDoneStepIndexes,
-          touchedStepsIndexes: nextTouchedStepsIndexes
-        };
-      });
+      _this.setState(() => ({
+        currentStep: stepName,
+        activeStepIndex: nextActiveStep,
+        doneStepsIndexes: emptyDoneStep || nextDoneStepIndexes,
+        touchedStepsIndexes: nextTouchedStepsIndexes
+      }));
     });
-    _defineProperty(_assertThisInitialized(_this), "setPrevStep", function (prevStep) {
-      var prevStepIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    _defineProperty(this, "setPrevStep", function (prevStep) {
+      let prevStepIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
       _this.setState({
-        prevStep: prevStep,
-        prevStepIndex: prevStepIndex
+        prevStep,
+        prevStepIndex
       });
     });
-    return _this;
   }
-  _createClass(StepControllerProvider, [{
-    key: "render",
-    value: function render() {
-      var children = this.props.children;
-      return /*#__PURE__*/_react.default.createElement(StepControllerContext.Provider, {
-        value: _objectSpread(_objectSpread({}, this.state), {}, {
-          changeStep: this.changeStep,
-          setPrevStep: this.setPrevStep
-        })
-      }, children);
-    }
-  }]);
-  return StepControllerProvider;
-}(_react.Component);
+  render() {
+    const {
+      children
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(StepControllerContext.Provider, {
+      value: _objectSpread(_objectSpread({}, this.state), {}, {
+        changeStep: this.changeStep,
+        setPrevStep: this.setPrevStep
+      })
+    }, children);
+  }
+}
 exports.StepControllerProvider = StepControllerProvider;
 StepControllerProvider.propTypes = {
   children: _propTypes.default.node.isRequired
 };
-var StepControllerConsumer = StepControllerContext.Consumer;
-exports.StepControllerConsumer = StepControllerConsumer;
+const StepControllerConsumer = exports.StepControllerConsumer = StepControllerContext.Consumer;

package/dist/components/StepController/StepControllerProgress.js

@@ -7,27 +7,25 @@ exports.default = exports.StepControllerProgress = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _StepsProgress = require("../StepsProgress/StepsProgress.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var StepControllerProgress = function StepControllerProgress(_ref) {
-  var touchedStepsIndexes = _ref.touchedStepsIndexes,
-    doneStepsIndexes = _ref.doneStepsIndexes,
-    activeStepIndex = _ref.activeStepIndex,
-    stepsProgressList = _ref.stepsProgressList;
-  var handleItemClick = function handleItemClick(item, key) {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StepControllerProgress = _ref => {
+  let {
+    touchedStepsIndexes,
+    doneStepsIndexes,
+    activeStepIndex,
+    stepsProgressList
+  } = _ref;
+  const handleItemClick = (item, key) => {
     if (touchedStepsIndexes.includes(key)) {
       item.handleClick(item.id);
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_StepsProgress.Container, null, /*#__PURE__*/_react.default.createElement(_StepsProgress.Wrap, null, /*#__PURE__*/_react.default.createElement(_StepsProgress.Items, null, stepsProgressList.map(function (item, key) {
-    return /*#__PURE__*/_react.default.createElement(_StepsProgress.Item, {
-      key: item.id,
-      isDone: doneStepsIndexes.includes(key),
-      isActive: key === activeStepIndex,
-      onClick: function onClick() {
-        return handleItemClick(item, key);
-      }
-    });
-  }))));
+  return /*#__PURE__*/_react.default.createElement(_StepsProgress.Container, null, /*#__PURE__*/_react.default.createElement(_StepsProgress.Wrap, null, /*#__PURE__*/_react.default.createElement(_StepsProgress.Items, null, stepsProgressList.map((item, key) => /*#__PURE__*/_react.default.createElement(_StepsProgress.Item, {
+    key: item.id,
+    isDone: doneStepsIndexes.includes(key),
+    isActive: key === activeStepIndex,
+    onClick: () => handleItemClick(item, key)
+  })))));
 };
 exports.StepControllerProgress = StepControllerProgress;
 StepControllerProgress.propTypes = {
@@ -36,5 +34,4 @@ StepControllerProgress.propTypes = {
   activeStepIndex: _propTypes.default.number.isRequired,
   stepsProgressList: _propTypes.default.instanceOf(Array).isRequired
 };
-var _default = StepControllerProgress;
-exports.default = _default;
+var _default = exports.default = StepControllerProgress;

package/dist/components/StepController/StepControllerProgress.stories.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _StepControllerProgress = require("./StepControllerProgress");
 var _SvgIcons = require("../SvgIcons");
 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/StepController/StepControllerProgress',
   component: _StepControllerProgress.StepControllerProgress,
   argTypes: {
@@ -37,12 +37,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(_StepControllerProgress.StepControllerProgress, args));
-};
-var SCPTouched2Done2 = Template.bind({});
-exports.SCPTouched2Done2 = SCPTouched2Done2;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_StepControllerProgress.StepControllerProgress, args));
+const SCPTouched2Done2 = exports.SCPTouched2Done2 = Template.bind({});
 SCPTouched2Done2.args = {
   stepsProgressList: [/*#__PURE__*/_react.default.createElement(_SvgIcons.OneSvg, null), /*#__PURE__*/_react.default.createElement(_SvgIcons.TwoSvg, null), /*#__PURE__*/_react.default.createElement(_SvgIcons.FourSvg, null)],
   touchedStepsIndexes: [2],