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

package/lib/card/components/article-card.js

@@ -4,41 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _imageWithFallback = _interopRequireDefault(require("../../image-with-fallback"));
-
 var _paragraph = require("../../text/paragraph");
-
 var _headline = require("../../text/headline");
-
 var _icon = require("../../icon");
-
 var _button = require("../../button");
-
 var _customizedLink = _interopRequireDefault(require("../../customized-link"));
-
 var _sharedEnum = require("../../shared-enum");
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
-
 var _theme = require("@twreporter/core/lib/constants/theme");
-
 var _entityPath = _interopRequireDefault(require("@twreporter/core/lib/constants/entity-path"));
-
 var _width, _height, _marginLeft, _marginTop, _marginBottom;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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; }
-
+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 _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); } // component
+// enum
+// @twreporter
 var imageStyle = {
   width: (_width = {}, _defineProperty(_width, _sharedEnum.Size.S, '72px'), _defineProperty(_width, _sharedEnum.Size.L, '216px'), _width),
   height: (_height = {}, _defineProperty(_height, _sharedEnum.Size.S, '72px'), _defineProperty(_height, _sharedEnum.Size.L, '144px'), _height),
@@ -54,17 +41,14 @@ var Container = /*#__PURE__*/(0, _styledComponents["default"])(_customizedLink["
   displayName: "article-card__Container",
   componentId: "sc-9196c7-0"
 })(["text-decoration:none;&:hover{.hover{opacity:0.8;}}"]);
-
 var FlexGroup = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "article-card__FlexGroup",
   componentId: "sc-9196c7-1"
 })(["display:flex;"]);
-
 var FlexGroupColumn = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "article-card__FlexGroupColumn",
   componentId: "sc-9196c7-2"
 })(["display:flex;flex-direction:column;"]);
-
 var FlexSpaceBetween = /*#__PURE__*/(0, _styledComponents["default"])(FlexGroup).withConfig({
   displayName: "article-card__FlexSpaceBetween",
   componentId: "sc-9196c7-3"
@@ -77,12 +61,10 @@ var Meta = /*#__PURE__*/(0, _styledComponents["default"])(FlexGroup).withConfig(
 }, function (props) {
   return props.$hide ? "display: none;" : '';
 });
-
 var DescContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "article-card__DescContainer",
   componentId: "sc-9196c7-5"
 })(["color:", ";margin-top:8px;p{display:-webkit-box;text-overflow:ellipsis;overflow:hidden;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;}"], _color.colorGrayscale.gray800);
-
 var BookmarkContainer = /*#__PURE__*/(0, _styledComponents["default"])(FlexGroup).withConfig({
   displayName: "article-card__BookmarkContainer",
   componentId: "sc-9196c7-6"
@@ -107,31 +89,30 @@ var TitleText = /*#__PURE__*/(0, _styledComponents["default"])(_headline.H4).wit
   displayName: "article-card__TitleText",
   componentId: "sc-9196c7-9"
 })(["color:", ";"], _color.colorGrayscale.gray800);
-
 var ArticleCard = function ArticleCard(_ref) {
   var _ref$title = _ref.title,
-      title = _ref$title === void 0 ? '' : _ref$title,
-      _ref$description = _ref.description,
-      description = _ref$description === void 0 ? '' : _ref$description,
-      _ref$date = _ref.date,
-      date = _ref$date === void 0 ? '' : _ref$date,
-      _ref$image = _ref.image,
-      image = _ref$image === void 0 ? {} : _ref$image,
-      _ref$category = _ref.category,
-      category = _ref$category === void 0 ? '' : _ref$category,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _sharedEnum.Size.S : _ref$size,
-      _ref$isBookmarked = _ref.isBookmarked,
-      isBookmarked = _ref$isBookmarked === void 0 ? false : _ref$isBookmarked,
-      toggleBookmark = _ref.toggleBookmark,
-      _ref$releaseBranch = _ref.releaseBranch,
-      releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch.BRANCH.master : _ref$releaseBranch,
-      _ref$showIsBookmarked = _ref.showIsBookmarked,
-      showIsBookmarked = _ref$showIsBookmarked === void 0 ? false : _ref$showIsBookmarked,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? _theme.ARTICLE_THEME.v2["default"] : _ref$style,
-      _ref$slug = _ref.slug,
-      slug = _ref$slug === void 0 ? '' : _ref$slug;
+    title = _ref$title === void 0 ? '' : _ref$title,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? '' : _ref$description,
+    _ref$date = _ref.date,
+    date = _ref$date === void 0 ? '' : _ref$date,
+    _ref$image = _ref.image,
+    image = _ref$image === void 0 ? {} : _ref$image,
+    _ref$category = _ref.category,
+    category = _ref$category === void 0 ? '' : _ref$category,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _sharedEnum.Size.S : _ref$size,
+    _ref$isBookmarked = _ref.isBookmarked,
+    isBookmarked = _ref$isBookmarked === void 0 ? false : _ref$isBookmarked,
+    toggleBookmark = _ref.toggleBookmark,
+    _ref$releaseBranch = _ref.releaseBranch,
+    releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch.BRANCH.master : _ref$releaseBranch,
+    _ref$showIsBookmarked = _ref.showIsBookmarked,
+    showIsBookmarked = _ref$showIsBookmarked === void 0 ? false : _ref$showIsBookmarked,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? _theme.ARTICLE_THEME.v2["default"] : _ref$style,
+    _ref$slug = _ref.slug,
+    slug = _ref$slug === void 0 ? '' : _ref$slug;
   var hideMeta = !category && !date;
   var titleJSX = title ? /*#__PURE__*/_react["default"].createElement(TitleText, {
     text: title,
@@ -158,35 +139,29 @@ var ArticleCard = function ArticleCard(_ref) {
     to: "".concat(isInteractiveArticle ? _entityPath["default"].interactiveArticle : _entityPath["default"].article).concat(slug),
     target: isInteractiveArticle ? '_blank' : ''
   };
-
   var onBookmarkClick = function onBookmarkClick(event) {
     event.preventDefault();
     toggleBookmark();
   };
-
   var bookmarkIcon = /*#__PURE__*/_react["default"].createElement(_icon.Bookmark, {
     type: isBookmarked ? _icon.Bookmark.Type.SAVED : _icon.Bookmark.Type.ADD,
     releaseBranch: releaseBranch
   });
-
   var bookmarkButton = /*#__PURE__*/_react["default"].createElement(_button.TextButton, {
     theme: _button.TextButton.THEME.normal,
     style: _button.TextButton.Style.LIGHT,
     leftIconComponent: bookmarkIcon,
     text: isBookmarked ? '已收藏' : '收藏'
   });
-
   var bookmarkJSX = showIsBookmarked ? /*#__PURE__*/_react["default"].createElement(BookmarkContainer, {
     onClick: onBookmarkClick,
     $size: size
   }, bookmarkButton) : null;
-
   var metaJSX = /*#__PURE__*/_react["default"].createElement(Meta, {
     $hide: hideMeta,
     $size: size,
     className: "hover"
   }, categoryJSX, dateJSX);
-
   var imageJSX = /*#__PURE__*/_react["default"].createElement(ImageContainer, {
     $size: size,
     className: "hover"
@@ -195,15 +170,13 @@ var ArticleCard = function ArticleCard(_ref) {
     alt: image.alt,
     releaseBranch: releaseBranch
   }));
-
   if (size === _sharedEnum.Size.S) {
     return /*#__PURE__*/_react["default"].createElement(Container, link, /*#__PURE__*/_react["default"].createElement(FlexGroupColumn, null, /*#__PURE__*/_react["default"].createElement(FlexSpaceBetween, null, /*#__PURE__*/_react["default"].createElement(FlexGroupColumn, null, metaJSX, titleJSX), /*#__PURE__*/_react["default"].createElement(FlexGroup, null, imageJSX)), /*#__PURE__*/_react["default"].createElement(FlexGroupColumn, null, /*#__PURE__*/_react["default"].createElement(DescContainer, null, descriptionJSX), bookmarkJSX)));
-  } // L size
-
+  }
 
+  // L size
   return /*#__PURE__*/_react["default"].createElement(Container, link, /*#__PURE__*/_react["default"].createElement(FlexSpaceBetween, null, /*#__PURE__*/_react["default"].createElement(LeftColumn, null, metaJSX, /*#__PURE__*/_react["default"].createElement(FlexGroupColumn, null, titleJSX, /*#__PURE__*/_react["default"].createElement(DescContainer, null, descriptionJSX), bookmarkJSX)), imageJSX));
 };
-
 ArticleCard.propTypes = {
   title: _propTypes["default"].string.isRequired,
   description: _propTypes["default"].string.isRequired,
@@ -223,5 +196,4 @@ ArticleCard.propTypes = {
   slug: _propTypes["default"].string
 };
 ArticleCard.Size = _sharedEnum.Size;
-var _default = ArticleCard;
-exports["default"] = _default;
+var _default = exports["default"] = ArticleCard;

package/lib/card/components/dialog.js

@@ -4,47 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _paragraph = require("../../text/paragraph");
-
 var _sharedEnum = require("../../shared-enum");
-
-var _excluded = ["text", "size"];
-
+var _excluded = ["text", "size"]; // component
+// enum
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 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; }
-
 var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "dialog__Container",
   componentId: "mpc5lq-0"
 })(["display:flex;flex-direction:column;align-items:flex-end;"]);
-
 var Text = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "dialog__Text",
   componentId: "mpc5lq-1"
 })(["padding:16px 24px;background-color:white;box-shadow:0px 0px 24px rgba(0,0,0,0.1);"]);
-
 var Triangle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "dialog__Triangle",
   componentId: "mpc5lq-2"
 })(["width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid white;transform:translateX(-16px);"]);
-
 var Dialog = function Dialog(_ref) {
   var _ref$text = _ref.text,
-      text = _ref$text === void 0 ? '' : _ref$text,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _sharedEnum.Size.S : _ref$size,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    text = _ref$text === void 0 ? '' : _ref$text,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _sharedEnum.Size.S : _ref$size,
+    props = _objectWithoutProperties(_ref, _excluded);
   var textIcon = size === _sharedEnum.Size.S ? /*#__PURE__*/_react["default"].createElement(_paragraph.P2, {
     text: text,
     weight: "bold"
@@ -54,11 +41,9 @@ var Dialog = function Dialog(_ref) {
   });
   return /*#__PURE__*/_react["default"].createElement(Container, props, /*#__PURE__*/_react["default"].createElement(Triangle, null), /*#__PURE__*/_react["default"].createElement(Text, null, textIcon));
 };
-
 Dialog.propTypes = {
   text: _propTypes["default"].string,
   size: _propTypes["default"].oneOf(Object.values(_sharedEnum.Size))
 };
 Dialog.Size = _sharedEnum.Size;
-var _default = Dialog;
-exports["default"] = _default;
+var _default = exports["default"] = Dialog;

package/lib/card/components/short-story.js

@@ -4,37 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _imageWithFallback = _interopRequireDefault(require("../../image-with-fallback"));
-
 var _paragraph = require("../../text/paragraph");
-
 var _headline = require("../../text/headline");
-
 var _customizedLink = _interopRequireDefault(require("../../customized-link"));
-
 var _sharedEnum = require("../../shared-enum");
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _theme = require("@twreporter/core/lib/constants/theme");
-
 var _entityPath = _interopRequireDefault(require("@twreporter/core/lib/constants/entity-path"));
-
 var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
-
 var _width, _height, _marginLeft, _marginBottom;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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; }
-
+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 _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); } // component
+// enum
+// @twreporter
 var imageStyle = {
   width: (_width = {}, _defineProperty(_width, _sharedEnum.Size.S, '48px'), _defineProperty(_width, _sharedEnum.Size.L, '80px'), _width),
   height: (_height = {}, _defineProperty(_height, _sharedEnum.Size.S, '48px'), _defineProperty(_height, _sharedEnum.Size.L, '80px'), _height),
@@ -47,17 +36,14 @@ var Container = /*#__PURE__*/(0, _styledComponents["default"])(_customizedLink["
   displayName: "short-story__Container",
   componentId: "sc-119yx1u-0"
 })(["text-decoration:none;&:hover{opacity:0.8;}"]);
-
 var FlexGroup = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "short-story__FlexGroup",
   componentId: "sc-119yx1u-1"
 })(["display:flex;"]);
-
 var FlexGroupColumn = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "short-story__FlexGroupColumn",
   componentId: "sc-119yx1u-2"
 })(["display:flex;flex-direction:column;"]);
-
 var FlexSpaceBetween = /*#__PURE__*/(0, _styledComponents["default"])(FlexGroup).withConfig({
   displayName: "short-story__FlexSpaceBetween",
   componentId: "sc-119yx1u-3"
@@ -88,24 +74,23 @@ var TitleText = /*#__PURE__*/(0, _styledComponents["default"])(_headline.H6).wit
   displayName: "short-story__TitleText",
   componentId: "sc-119yx1u-7"
 })(["color:", ";"], _color.colorGrayscale.gray800);
-
 var ShortStory = function ShortStory(_ref) {
   var _ref$title = _ref.title,
-      title = _ref$title === void 0 ? '' : _ref$title,
-      _ref$date = _ref.date,
-      date = _ref$date === void 0 ? '' : _ref$date,
-      _ref$image = _ref.image,
-      image = _ref$image === void 0 ? {} : _ref$image,
-      _ref$category = _ref.category,
-      category = _ref$category === void 0 ? '' : _ref$category,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _sharedEnum.Size.S : _ref$size,
-      _ref$releaseBranch = _ref.releaseBranch,
-      releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch.BRANCH.master : _ref$releaseBranch,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? _theme.ARTICLE_THEME.v2["default"] : _ref$style,
-      _ref$slug = _ref.slug,
-      slug = _ref$slug === void 0 ? '' : _ref$slug;
+    title = _ref$title === void 0 ? '' : _ref$title,
+    _ref$date = _ref.date,
+    date = _ref$date === void 0 ? '' : _ref$date,
+    _ref$image = _ref.image,
+    image = _ref$image === void 0 ? {} : _ref$image,
+    _ref$category = _ref.category,
+    category = _ref$category === void 0 ? '' : _ref$category,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _sharedEnum.Size.S : _ref$size,
+    _ref$releaseBranch = _ref.releaseBranch,
+    releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch.BRANCH.master : _ref$releaseBranch,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? _theme.ARTICLE_THEME.v2["default"] : _ref$style,
+    _ref$slug = _ref.slug,
+    slug = _ref$slug === void 0 ? '' : _ref$slug;
   var hideMeta = !category && !date;
   var titleJSX = title ? /*#__PURE__*/_react["default"].createElement(TitleText, {
     text: title,
@@ -122,12 +107,10 @@ var ShortStory = function ShortStory(_ref) {
     to: "".concat(isInteractiveArticle ? _entityPath["default"].interactiveArticle : _entityPath["default"].article).concat(slug),
     target: isInteractiveArticle ? '_blank' : ''
   };
-
   var metaJSX = /*#__PURE__*/_react["default"].createElement(Meta, {
     $hide: hideMeta,
     $size: size
   }, categoryJSX, dateJSX);
-
   var imageJSX = /*#__PURE__*/_react["default"].createElement(ImageContainer, {
     $size: size
   }, /*#__PURE__*/_react["default"].createElement(_imageWithFallback["default"], {
@@ -135,15 +118,13 @@ var ShortStory = function ShortStory(_ref) {
     alt: image.alt,
     releaseBranch: releaseBranch
   }));
-
   if (size === _sharedEnum.Size.S) {
     return /*#__PURE__*/_react["default"].createElement(Container, link, /*#__PURE__*/_react["default"].createElement(FlexGroupColumn, null, /*#__PURE__*/_react["default"].createElement(FlexSpaceBetween, null, /*#__PURE__*/_react["default"].createElement(FlexGroupColumn, null, metaJSX, titleJSX), /*#__PURE__*/_react["default"].createElement(FlexGroup, null, imageJSX))));
-  } // L size
-
+  }
 
+  // L size
   return /*#__PURE__*/_react["default"].createElement(Container, link, /*#__PURE__*/_react["default"].createElement(FlexSpaceBetween, null, /*#__PURE__*/_react["default"].createElement(LeftColumn, null, metaJSX, /*#__PURE__*/_react["default"].createElement(FlexGroupColumn, null, titleJSX)), imageJSX));
 };
-
 ShortStory.propTypes = {
   title: _propTypes["default"].string.isRequired,
   date: _propTypes["default"].string,
@@ -159,5 +140,4 @@ ShortStory.propTypes = {
   slug: _propTypes["default"].string
 };
 ShortStory.Size = _sharedEnum.Size;
-var _default = ShortStory;
-exports["default"] = _default;
+var _default = exports["default"] = ShortStory;

package/lib/card/index.js

@@ -22,18 +22,12 @@ Object.defineProperty(exports, "ShortStory", {
   }
 });
 exports["default"] = void 0;
-
 var _dialog = _interopRequireDefault(require("./components/dialog"));
-
 var _articleCard = _interopRequireDefault(require("./components/article-card"));
-
 var _shortStory = _interopRequireDefault(require("./components/short-story"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   Dialog: _dialog["default"],
   ArticleCard: _articleCard["default"],
   ShortStory: _shortStory["default"]
-};
-exports["default"] = _default;
+};

package/lib/card/stories/articleCard.stories.js

@@ -4,21 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.article = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _articleCard = _interopRequireDefault(require("../components/article-card"));
-
 var _constants = require("../../storybook/constants");
-
 var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /* eslint react/display-name:0 */
-var _default = {
+var _default = exports["default"] = {
   title: 'Card/Article',
   component: _articleCard["default"],
   argTypes: {
@@ -26,16 +19,13 @@ var _default = {
     size: _constants.SIZE_STORYBOOK_ARG_TYPE
   }
 };
-exports["default"] = _default;
-
 var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "articleCardstories__Container",
   componentId: "q36nxb-0"
 })(["width:", "px;"], function (props) {
   return props.$size === _articleCard["default"].Size.S ? '343' : '878';
 });
-
-var article = {
+var article = exports.article = {
   render: function render(args) {
     return /*#__PURE__*/_react["default"].createElement(Container, {
       $size: args.size
@@ -55,5 +45,4 @@ var article = {
     isBookmarked: true,
     showIsBookmarked: false
   }
-};
-exports.article = article;
+};

package/lib/card/stories/dialog.stories.js

@@ -4,31 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.dialog = exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _dialog = _interopRequireDefault(require("../components/dialog"));
-
 var _constants = require("../../storybook/constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /* eslint react/display-name:0 */
-var _default = {
+var _default = exports["default"] = {
   title: 'Card/Dialog',
   component: _dialog["default"],
   argTypes: {
     size: _constants.SIZE_STORYBOOK_ARG_TYPE
   }
 };
-exports["default"] = _default;
 var StyledDialog = /*#__PURE__*/(0, _styledComponents["default"])(_dialog["default"]).withConfig({
   displayName: "dialogstories__StyledDialog",
   componentId: "sc-1h10bts-0"
 })(["width:fit-content;"]);
-var dialog = {
+var dialog = exports.dialog = {
   render: function render(args) {
     return /*#__PURE__*/_react["default"].createElement(StyledDialog, args);
   },
@@ -41,5 +34,4 @@ var dialog = {
       "default": 'normal'
     }
   }
-};
-exports.dialog = dialog;
+};

package/lib/card/stories/shortStory.stories.js

@@ -4,28 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.shortStory = exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _shortStory = _interopRequireDefault(require("../components/short-story"));
-
 var _constants = require("../../storybook/constants");
-
 var _getEnumArg = require("../../storybook/utils/get-enum-arg");
-
 var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
-
 var _theme = require("@twreporter/core/lib/constants/theme");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /* eslint react/display-name:0 */
 // components
 // storybooks
 // @twreporters
-var _default = {
+var _default = exports["default"] = {
   title: 'Card/Short Story',
   component: _shortStory["default"],
   argTypes: {
@@ -34,16 +25,13 @@ var _default = {
     style: (0, _getEnumArg.getRadioArg)(_theme.ARTICLE_THEME.v2, _theme.ARTICLE_THEME.v2["default"])
   }
 };
-exports["default"] = _default;
-
 var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "shortStorystories__Container",
   componentId: "luhojz-0"
 })(["width:", "px;"], function (props) {
   return props.$size === _shortStory["default"].Size.S ? '343' : '516';
 });
-
-var shortStory = {
+var shortStory = exports.shortStory = {
   render: function render(args) {
     return /*#__PURE__*/_react["default"].createElement(Container, {
       $size: args.size
@@ -62,5 +50,4 @@ var shortStory = {
     style: _theme.ARTICLE_THEME.v2["default"],
     slug: 'a-test-slug'
   }
-};
-exports.shortStory = shortStory;
+};

package/lib/checkbox/checkbox.stories.js

@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.checkbox = void 0;
-
 var _ = _interopRequireDefault(require("."));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   title: 'Checkbox',
   component: _["default"],
   argTypes: {
@@ -19,8 +16,7 @@ var _default = {
     }
   }
 };
-exports["default"] = _default;
-var checkbox = {
+var checkbox = exports.checkbox = {
   args: {
     label: '藝術',
     value: false,
@@ -29,5 +25,4 @@ var checkbox = {
       console.log('callback', e.target.checked);
     }
   }
-};
-exports.checkbox = checkbox;
+};