@twreporter/react-components 9.0.2 → 9.1.0-rc.0

package/lib/side-bar/index.js

@@ -1,74 +1,52 @@
 "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); }
-
+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
 });
 exports.AnchorWrapper = AnchorWrapper;
 exports["default"] = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
-
 var _reactWaypoint = require("react-waypoint");
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _smoothScroll = _interopRequireDefault(require("@twreporter/core/lib/utils/smooth-scroll"));
-
 var _excluded = ["children"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 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 _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); }
-
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } // lodash
+// twreporter
 var _ = {
   get: _get["default"]
 };
+
 /**
  * Get react component display name
  *
  * @param {object} DecoratedComponent
  * @returns {string} display name of react component
  */
-
 function getDisplayName(DecoratedComponent) {
   return DecoratedComponent.displayName || DecoratedComponent.name || 'Component';
 }
-
 function AnchorWrapper(_ref) {
   var children = _ref.children;
   return _react["default"].Children.only(children);
 }
-
 AnchorWrapper.defaultProps = {
   anchorLabel: '',
   showAnchor: false
@@ -79,6 +57,7 @@ AnchorWrapper.propTypes = {
   showAnchor: _propTypes["default"].bool,
   children: _propTypes["default"].element.isRequired
 };
+
 /**
  * `decorateSideBar`
  * returns a High Order Component adding the side bar functionalities onto `DecoratedComponent`.
@@ -141,22 +120,16 @@ AnchorWrapper.propTypes = {
  * @param {Object} DecoratedComponent A React component wants to have side bar functionality
  * @returns {Object} A React component with side bar functionalities
  */
-
 function decorateSideBar(DecoratedComponent) {
   var firstSection = 'first';
   var lastSection = 'last';
   var secondLastSection = 'second-last';
-
   var DecoratedSideBar = /*#__PURE__*/function (_React$PureComponent) {
     _inherits(DecoratedSideBar, _React$PureComponent);
-
     var _super = _createSuper(DecoratedSideBar);
-
     function DecoratedSideBar(props) {
       var _this;
-
       _classCallCheck(this, DecoratedSideBar);
-
       _this = _super.call(this, props);
       _this.state = {
         currentSection: '',
@@ -164,12 +137,11 @@ function decorateSideBar(DecoratedComponent) {
       };
       _this.handleClickAnchor = _this._handleClickAnchor.bind(_assertThisInitialized(_this));
       _this.handleOnEnter = _this._handleOnEnter.bind(_assertThisInitialized(_this));
-      _this.handleOnLeave = _this._handleOnLeave.bind(_assertThisInitialized(_this)); // moduleID to Module
-
+      _this.handleOnLeave = _this._handleOnLeave.bind(_assertThisInitialized(_this));
+      // moduleID to Module
       _this.moduleMap = {};
       return _this;
     }
-
     _createClass(DecoratedSideBar, [{
       key: "componentWillUnmount",
       value: function componentWillUnmount() {
@@ -181,13 +153,10 @@ function decorateSideBar(DecoratedComponent) {
         if (e) {
           e.preventDefault();
         }
-
         var node = this.moduleMap[moduleID];
-
         if (node) {
           (0, _smoothScroll["default"])(node.offsetTop);
         }
-
         return null;
       }
     }, {
@@ -198,6 +167,7 @@ function decorateSideBar(DecoratedComponent) {
           currentSection: nextSection
         });
       }
+
       /**
        * Function will be invoked when the section is out of viewport.
        * Currently only handle the first section and last section.
@@ -208,7 +178,6 @@ function decorateSideBar(DecoratedComponent) {
        * @param {string} props.currentPosition - One of `Waypoint.below`, `Waypoint.above`, `Waypoint.inside`, `Waypoint.invisible`
        * @param {string} order - Section order, could be 'first' or 'last'
        */
-
     }, {
       key: "_handleOnLeave",
       value: function _handleOnLeave(onLeaveSection, props, order) {
@@ -220,9 +189,9 @@ function decorateSideBar(DecoratedComponent) {
               currentSection: this.state.previousSection,
               previousSection: onLeaveSection
             });
-          } // leave the sections controlled by side bar
-
+          }
 
+          // leave the sections controlled by side bar
           this.setState({
             currentSection: '',
             previousSection: onLeaveSection
@@ -233,13 +202,10 @@ function decorateSideBar(DecoratedComponent) {
       key: "render",
       value: function render() {
         var _this2 = this;
-
         var _this$props = this.props,
-            children = _this$props.children,
-            passThroughProps = _objectWithoutProperties(_this$props, _excluded);
-
+          children = _this$props.children,
+          passThroughProps = _objectWithoutProperties(_this$props, _excluded);
         var modules;
-
         if (!children) {
           modules = [];
         } else if (Array.isArray(children)) {
@@ -247,23 +213,19 @@ function decorateSideBar(DecoratedComponent) {
         } else {
           modules = [children];
         }
-
         var anchors = modules.map(function (module) {
           var anchorObj = {
             id: _.get(module.props, 'anchorId'),
             label: _.get(module.props, 'anchorLabel', ''),
             show: _.get(module.props, 'showAnchor', false)
           };
-
           if (anchorObj.id) {
             return anchorObj;
           }
         });
         var webSiteContent = modules.map(function (module, index) {
           var moduleID = _.get(anchors, [index, 'id'], "side_bar_module_".concat(index));
-
           var order;
-
           if (index === 0) {
             order = firstSection;
           } else if (index === modules.length - 1) {
@@ -271,7 +233,6 @@ function decorateSideBar(DecoratedComponent) {
           } else if (index === modules.length - 2) {
             order = secondLastSection;
           }
-
           return /*#__PURE__*/_react["default"].createElement(_reactWaypoint.Waypoint, {
             key: moduleID,
             onLeave: function onLeave(props) {
@@ -298,10 +259,8 @@ function decorateSideBar(DecoratedComponent) {
         }, passThroughProps), webSiteContent);
       }
     }]);
-
     return DecoratedSideBar;
   }(_react["default"].PureComponent);
-
   DecoratedSideBar.displayName = "SideBarHOC(".concat(getDisplayName(DecoratedComponent), ")");
   DecoratedSideBar.defaultProps = {
     children: []
@@ -311,6 +270,4 @@ function decorateSideBar(DecoratedComponent) {
   };
   return (0, _hoistNonReactStatics["default"])(DecoratedSideBar, DecoratedComponent);
 }
-
-var _default = decorateSideBar;
-exports["default"] = _default;
+var _default = exports["default"] = decorateSideBar;

package/lib/simple-header/index.js

@@ -4,29 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.SimpleHeader = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _logo = require("../logo");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var HeaderContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "simple-header__HeaderContainer",
   componentId: "sc-4xugf-0"
 })(["display:flex;justify-content:center;align-items:center;height:64px;"]);
-
 var Logo = /*#__PURE__*/(0, _styledComponents["default"])(_logo.LogoHeader).withConfig({
   displayName: "simple-header__Logo",
   componentId: "sc-4xugf-1"
 })(["width:144px;height:21px;"]);
-
-var SimpleHeader = function SimpleHeader(props) {
+var SimpleHeader = exports.SimpleHeader = function SimpleHeader(props) {
   return /*#__PURE__*/_react["default"].createElement(HeaderContainer, props, /*#__PURE__*/_react["default"].createElement(Logo, null));
 };
-
-exports.SimpleHeader = SimpleHeader;
-var _default = SimpleHeader;
-exports["default"] = _default;
+var _default = exports["default"] = SimpleHeader;

package/lib/simple-header/simpleHeader.stories.js

@@ -4,17 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.simpleHeader = exports["default"] = void 0;
-
 var _ = _interopRequireDefault(require("."));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   title: 'Header/Simple Header',
   component: _["default"]
 };
-exports["default"] = _default;
-var simpleHeader = {
+var simpleHeader = exports.simpleHeader = {
   args: {}
-};
-exports.simpleHeader = simpleHeader;
+};

package/lib/snack-bar/components/snack-bar.js

@@ -4,26 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _theme = require("../utils/theme");
-
 var _paragraph = require("../../text/paragraph");
-
 var _rwd = require("../../rwd");
-
 var _theme2 = require("@twreporter/core/lib/constants/theme");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 // util
+
 // component
+
 // @twreporter
+
 var SnackBarContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "snack-bar__SnackBarContainer",
   componentId: "roennm-0"
@@ -32,17 +26,14 @@ var SnackBarContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig
 }, function (props) {
   return props.$bgColor;
 });
-
 var SnackBar = function SnackBar(_ref) {
   var _ref$text = _ref.text,
-      text = _ref$text === void 0 ? '' : _ref$text,
-      _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? _theme2.THEME.normal : _ref$theme;
-
+    text = _ref$text === void 0 ? '' : _ref$text,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? _theme2.THEME.normal : _ref$theme;
   var _getSnackBarTheme = (0, _theme.getSnackBarTheme)(theme),
-      color = _getSnackBarTheme.color,
-      bgColor = _getSnackBarTheme.bgColor;
-
+    color = _getSnackBarTheme.color,
+    bgColor = _getSnackBarTheme.bgColor;
   return /*#__PURE__*/_react["default"].createElement(SnackBarContainer, {
     $color: color,
     $bgColor: bgColor
@@ -52,11 +43,9 @@ var SnackBar = function SnackBar(_ref) {
     text: text
   })));
 };
-
 SnackBar.propTypes = {
   text: _propTypes["default"].string,
   theme: _propTypes["default"].oneOf(Object.values(_theme2.THEME))
 };
 SnackBar.THEME = _theme2.THEME;
-var _default = SnackBar;
-exports["default"] = _default;
+var _default = exports["default"] = SnackBar;

package/lib/snack-bar/hooks/use-snack-bar.js

@@ -4,50 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("react");
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var useSnackBar = function useSnackBar() {
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      showSnackBar = _useState2[0],
-      setShowSnackBar = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    showSnackBar = _useState2[0],
+    setShowSnackBar = _useState2[1];
   var _useState3 = (0, _react.useState)(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      snackBarText = _useState4[0],
-      setSnackBarText = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    snackBarText = _useState4[0],
+    setSnackBarText = _useState4[1];
   var toastr = function toastr(_ref) {
     var _ref$text = _ref.text,
-        text = _ref$text === void 0 ? '' : _ref$text,
-        _ref$timeout = _ref.timeout,
-        timeout = _ref$timeout === void 0 ? 3000 : _ref$timeout;
+      text = _ref$text === void 0 ? '' : _ref$text,
+      _ref$timeout = _ref.timeout,
+      timeout = _ref$timeout === void 0 ? 3000 : _ref$timeout;
     setSnackBarText(text);
     setShowSnackBar(true);
     setTimeout(function () {
       setShowSnackBar(false);
     }, timeout);
   };
-
   return {
     toastr: toastr,
     showSnackBar: showSnackBar,
     snackBarText: snackBarText
   };
 };
-
-var _default = useSnackBar;
-exports["default"] = _default;
+var _default = exports["default"] = useSnackBar;

package/lib/snack-bar/index.js

@@ -16,15 +16,10 @@ Object.defineProperty(exports, "useSnackBar", {
     return _useSnackBar["default"];
   }
 });
-
 var _snackBar = _interopRequireDefault(require("./components/snack-bar"));
-
 var _useSnackBar = _interopRequireDefault(require("./hooks/use-snack-bar"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   SnackBar: _snackBar["default"],
   useSnackBar: _useSnackBar["default"]
-};
-exports["default"] = _default;
+};

package/lib/snack-bar/stories/snackBar.stories.js

@@ -4,80 +4,65 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.snackBar = exports["default"] = exports.clickToShow = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _useSnackBar2 = _interopRequireDefault(require("../hooks/use-snack-bar"));
-
 var _snackBar = _interopRequireDefault(require("../components/snack-bar"));
-
 var _button = require("../../button");
-
 var _constants = require("../../storybook/constants");
-
 var _random = _interopRequireDefault(require("lodash/random"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /* eslint react/display-name:0 */
+
 // hooks
+
 // components
+
 // storybook
+
 // lodash
+
 var _ = {
   random: _random["default"]
 };
-var _default = {
+var _default = exports["default"] = {
   title: 'Snack Bar',
   component: _snackBar["default"],
   argTypes: {
     theme: _constants.THEME_STORYBOOK_ARG_TYPE
   }
 };
-exports["default"] = _default;
-var snackBar = {
+var snackBar = exports.snackBar = {
   args: {
     text: '系統作業文字',
     theme: _snackBar["default"].THEME.normal
   }
 };
-exports.snackBar = snackBar;
-
 var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "snackBarstories__Container",
   componentId: "sc-1vgclkn-0"
 })(["display:flex;flex-direction:column;align-items:center;width:fit-content;"]);
-
 var SnackBarContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "snackBarstories__SnackBarContainer",
   componentId: "sc-1vgclkn-1"
 })(["margin-bottom:4px;transition:opacity 1s;opacity:", ";"], function (props) {
   return props.$showSnackBar ? 1 : 0;
 });
-
 var ClickToShowSnackBar = function ClickToShowSnackBar(_ref) {
   var timeout = _ref.timeout;
-
   var _useSnackBar = (0, _useSnackBar2["default"])(),
-      toastr = _useSnackBar.toastr,
-      showSnackBar = _useSnackBar.showSnackBar,
-      snackBarText = _useSnackBar.snackBarText;
-
+    toastr = _useSnackBar.toastr,
+    showSnackBar = _useSnackBar.showSnackBar,
+    snackBarText = _useSnackBar.snackBarText;
   var handleClick = function handleClick() {
     var textPool = ['click!', 'hahaha', 'hello', 'world', 'yoyo'];
-
     var text = textPool[_.random(0, 4)];
-
     toastr({
       text: text,
       timeout: timeout
     });
   };
-
   return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(SnackBarContainer, {
     $showSnackBar: showSnackBar
   }, /*#__PURE__*/_react["default"].createElement(_snackBar["default"], {
@@ -87,11 +72,10 @@ var ClickToShowSnackBar = function ClickToShowSnackBar(_ref) {
     onClick: handleClick
   }));
 };
-
 ClickToShowSnackBar.propTypes = {
   timeout: _propTypes["default"].number
 };
-var clickToShow = {
+var clickToShow = exports.clickToShow = {
   render: function render(props) {
     return /*#__PURE__*/_react["default"].createElement(ClickToShowSnackBar, props);
   },
@@ -103,5 +87,4 @@ var clickToShow = {
   args: {
     timeout: 800
   }
-};
-exports.clickToShow = clickToShow;
+};

package/lib/snack-bar/utils/theme.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSnackBarTheme = exports["default"] = void 0;
-
 var _color = require("@twreporter/core/lib/constants/color");
-
-var getSnackBarTheme = function getSnackBarTheme(theme) {
+var getSnackBarTheme = exports.getSnackBarTheme = function getSnackBarTheme(theme) {
   switch (theme) {
     case 'photography':
       return {
         color: _color.colorGrayscale.gray800,
         bgColor: _color.colorGrayscale.gray200
       };
-
     case 'normal':
     default:
       return {
@@ -23,9 +20,6 @@ var getSnackBarTheme = function getSnackBarTheme(theme) {
       };
   }
 };
-
-exports.getSnackBarTheme = getSnackBarTheme;
-var _default = {
+var _default = exports["default"] = {
   getSnackBarTheme: getSnackBarTheme
-};
-exports["default"] = _default;
+};

package/lib/storybook/constants/index.js

@@ -4,24 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.THEME_STORYBOOK_ARG_TYPE = exports.SIZE_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 _sharedEnum = require("../../shared-enum");
-
-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 SIZE_STORYBOOK_ARG_TYPE = (0, _getEnumArg.getRadioArg)(_sharedEnum.Size, _sharedEnum.Size.S);
-exports.SIZE_STORYBOOK_ARG_TYPE = SIZE_STORYBOOK_ARG_TYPE;
+var THEME_STORYBOOK_ARG_TYPE = exports.THEME_STORYBOOK_ARG_TYPE = (0, _getEnumArg.getRadioArg)(_theme.THEME, _theme.THEME.normal);
+var SIZE_STORYBOOK_ARG_TYPE = exports.SIZE_STORYBOOK_ARG_TYPE = (0, _getEnumArg.getRadioArg)(_sharedEnum.Size, _sharedEnum.Size.S);

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;
+};