@twreporter/universal-header 3.0.3-rc.0 → 3.0.3-rc.2

package/lib/standalone-header.js

@@ -1,77 +1,51 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _header = _interopRequireDefault(require("./containers/header"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _requestOrigins = _interopRequireDefault(require("@twreporter/core/lib/constants/request-origins"));
-
 var _index = _interopRequireDefault(require("./reducers/index"));
-
-var _reduxThunk = _interopRequireDefault(require("redux-thunk"));
-
 var _propTypes2 = require("./constants/prop-types");
-
 var _reactRedux = require("react-redux");
-
-var _redux = require("redux");
-
+var _toolkit = require("@reduxjs/toolkit");
 var _auth = require("./actions/auth");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _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, descriptor.key, descriptor); } }
-
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var StandaloneHeader = /*#__PURE__*/function (_React$PureComponent) {
+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 StandaloneHeader = exports["default"] = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(StandaloneHeader, _React$PureComponent);
-
   var _super = _createSuper(StandaloneHeader);
-
   function StandaloneHeader(props) {
     var _this;
-
     _classCallCheck(this, StandaloneHeader);
-
     _this = _super.call(this, props);
     var releaseBranch = _this.props.releaseBranch;
-    _this.store = (0, _redux.createStore)(_index["default"], {
-      origins: _requestOrigins["default"].forClientSideRendering[releaseBranch],
-      auth: {}
-    }, (0, _redux.applyMiddleware)(_reduxThunk["default"]));
+    _this.store = (0, _toolkit.configureStore)({
+      reducer: {
+        rootReducer: _index["default"],
+        origins: _requestOrigins["default"].forClientSideRendering[releaseBranch],
+        auth: {}
+      }
+    });
     return _this;
   }
-
   _createClass(StandaloneHeader, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -89,19 +63,14 @@ var StandaloneHeader = /*#__PURE__*/function (_React$PureComponent) {
       }, this.props)));
     }
   }]);
-
   return StandaloneHeader;
 }(_react["default"].PureComponent);
-
-exports["default"] = StandaloneHeader;
-
 _defineProperty(StandaloneHeader, "propTypes", {
   theme: _propTypes2.CONTEXT_PROP.propTypes.theme,
   releaseBranch: _propTypes2.CONTEXT_PROP.propTypes.releaseBranch,
   isAuthed: _propTypes2.CONTEXT_PROP.propTypes.isAuthed,
   pathname: _propTypes["default"].string
 });
-
 _defineProperty(StandaloneHeader, "defaultProps", {
   theme: _propTypes2.CONTEXT_PROP.defaultProps.theme,
   releaseBranch: _propTypes2.CONTEXT_PROP.defaultProps.releaseBranch,

package/lib/storybook/constants/index.js

@@ -4,20 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.THEME_STORYBOOK_ARG_TYPE = exports.BRANCH_STORYBOOK_ARG_TYPE = void 0;
-
 var _getEnumArg = require("../utils/get-enum-arg");
-
 var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
-
 var _theme = require("@twreporter/core/lib/constants/theme");
-
-var BRANCH_STORYBOOK_ARG_TYPE = {
+var BRANCH_STORYBOOK_ARG_TYPE = exports.BRANCH_STORYBOOK_ARG_TYPE = {
   defaultValue: _releaseBranch.BRANCH.master,
   options: [_releaseBranch.BRANCH.master, _releaseBranch.BRANCH.staging, _releaseBranch.BRANCH.preview, _releaseBranch.BRANCH.release],
   control: {
     type: 'radio'
   }
 };
-exports.BRANCH_STORYBOOK_ARG_TYPE = BRANCH_STORYBOOK_ARG_TYPE;
-var THEME_STORYBOOK_ARG_TYPE = (0, _getEnumArg.getRadioArg)(_theme.THEME, _theme.THEME.normal);
-exports.THEME_STORYBOOK_ARG_TYPE = THEME_STORYBOOK_ARG_TYPE;
+var THEME_STORYBOOK_ARG_TYPE = exports.THEME_STORYBOOK_ARG_TYPE = (0, _getEnumArg.getRadioArg)(_theme.THEME, _theme.THEME.normal);

package/lib/storybook/utils/get-enum-arg.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getRadioArg = void 0;
-
-var getRadioArg = function getRadioArg(enumObject, defaultValue) {
+var getRadioArg = exports.getRadioArg = function getRadioArg(enumObject, defaultValue) {
   return {
     defaultValue: defaultValue,
     options: Object.values(enumObject),
@@ -13,6 +12,4 @@ var getRadioArg = function getRadioArg(enumObject, defaultValue) {
       type: 'radio'
     }
   };
-};
-
-exports.getRadioArg = getRadioArg;
+};

package/lib/utils/animations.js

@@ -4,29 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _styledComponents = require("styled-components");
-
 var changeOpacity = function changeOpacity(valueFrom, valueTo) {
   return (0, _styledComponents.keyframes)(["from{opacity:", ";}to{opacity:", ";}"], valueFrom, valueTo);
 };
-
 var changeHeight = function changeHeight(valueFrom, valueTo) {
   return (0, _styledComponents.keyframes)(["from{height:", ";}to{height:", ";}"], valueFrom, valueTo);
 };
-
 var changeWidth = function changeWidth(valueFrom, valueTo) {
   return (0, _styledComponents.keyframes)(["from{width:", ";}to{width:", ";}"], valueFrom, valueTo);
 };
-
 var changeTranslateX = function changeTranslateX(valueFrom, valueTo) {
   return (0, _styledComponents.keyframes)(["from{transform:translateX(", ");}to{transform:translateX(", ");}"], valueFrom, valueTo);
 };
-
-var _default = {
+var _default = exports["default"] = {
   changeOpacity: changeOpacity,
   changeHeight: changeHeight,
   changeWidth: changeWidth,
   changeTranslateX: changeTranslateX
-};
-exports["default"] = _default;
+};