@twreporter/react-components 8.21.0-rc.3 → 8.21.0-rc.5

package/lib/icon/stories/member.stories.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.member = exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _index = require("../index");
 
 var _constants = require("../../storybook/constants");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var _default = {
   title: 'Icon/Member',
   component: _index.Member,
@@ -21,9 +17,5 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var member = function member(args) {
-  return /*#__PURE__*/_react["default"].createElement(_index.Member, args);
-};
-
+var member = {};
 exports.member = member;

package/lib/icon/stories/printer.stories.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.printer = exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _index = require("../index");
 
 var _constants = require("../../storybook/constants");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var _default = {
   title: 'Icon/Printer',
   component: _index.Printer,
@@ -21,9 +17,5 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var printer = function printer(args) {
-  return /*#__PURE__*/_react["default"].createElement(_index.Printer, args);
-};
-
+var printer = {};
 exports.printer = printer;

package/lib/icon/stories/search.stories.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.search = exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _index = require("../index");
 
 var _constants = require("../../storybook/constants");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var _default = {
   title: 'Icon/Search',
   component: _index.Search,
@@ -21,9 +17,5 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var search = function search(args) {
-  return /*#__PURE__*/_react["default"].createElement(_index.Search, args);
-};
-
+var search = {};
 exports.search = search;

package/lib/icon/stories/share.stories.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.share = exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _index = require("../index");
 
 var _constants = require("../../storybook/constants");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var _default = {
   title: 'Icon/Share',
   component: _index.Share,
@@ -21,9 +17,5 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var share = function share(args) {
-  return /*#__PURE__*/_react["default"].createElement(_index.Share, args);
-};
-
+var share = {};
 exports.share = share;

package/lib/icon/stories/socialMedia.stories.js

@@ -5,16 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.socialMedia = exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _getEnumArg = require("../../storybook/utils/get-enum-arg");
 
 var _index = require("../index");
 
 var _constants = require("../../storybook/constants");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var _default = {
   title: 'Icon/Social Media',
   component: _index.SocialMedia,
@@ -25,9 +21,5 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var socialMedia = function socialMedia(args) {
-  return /*#__PURE__*/_react["default"].createElement(_index.SocialMedia, args);
-};
-
+var socialMedia = {};
 exports.socialMedia = socialMedia;

package/lib/icon/stories/text.stories.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.text = exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _index = require("../index");
 
 var _constants = require("../../storybook/constants");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var _default = {
   title: 'Icon/Text',
   component: _index.Text,
@@ -21,9 +17,5 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var text = function text(args) {
-  return /*#__PURE__*/_react["default"].createElement(_index.Text, args);
-};
-
+var text = {};
 exports.text = text;

package/lib/icon/stories/topic.stories.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.topic = exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _index = require("../index");
 
 var _constants = require("../../storybook/constants");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var _default = {
   title: 'Icon/Topic',
   component: _index.Topic,
@@ -21,9 +17,5 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var topic = function topic(args) {
-  return /*#__PURE__*/_react["default"].createElement(_index.Topic, args);
-};
-
+var topic = {};
 exports.topic = topic;

package/lib/input/stories/search-bar.stories.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.searchBar = exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _getEnumArg = require("../../storybook/utils/get-enum-arg");
 
 var _searchBar = _interopRequireDefault(require("../components/search-bar"));
@@ -28,12 +26,6 @@ var _default = {
 };
 exports["default"] = _default;
 
-var searchBar = function searchBar(props) {
-  return /*#__PURE__*/_react["default"].createElement(_searchBar["default"], props);
-};
-
-exports.searchBar = searchBar;
-
 var onSearch = function onSearch(keyword) {
   var _window;
 
@@ -46,12 +38,15 @@ var onClose = function onClose() {
   return (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.alert('click close !');
 };
 
-searchBar.args = {
-  placeholder: '關鍵字搜尋',
-  theme: _searchBar["default"].THEME.normal,
-  releaseBranch: _releaseBranch.BRANCH.master,
-  onSearch: onSearch,
-  onClose: onClose,
-  autofocus: false,
-  widthType: _searchBar["default"].WidthType.FIT
-};
+var searchBar = {
+  args: {
+    placeholder: '關鍵字搜尋',
+    theme: _searchBar["default"].THEME.normal,
+    releaseBranch: _releaseBranch.BRANCH.master,
+    onSearch: onSearch,
+    onClose: onClose,
+    autofocus: false,
+    widthType: _searchBar["default"].WidthType.FIT
+  }
+};
+exports.searchBar = searchBar;

package/lib/input/stories/text-field.stories.js

@@ -15,6 +15,7 @@ var _textField = _interopRequireDefault(require("../components/text-field"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+/* eslint react/display-name:0 */
 var _default = {
   title: 'Input/Text Field',
   component: _textField["default"],
@@ -29,12 +30,6 @@ var Form = /*#__PURE__*/(0, _styledComponents["default"])(_textField["default"])
   componentId: "sc-1rwuni4-0"
 })(["width:200px;"]);
 
-var textField = function textField(args) {
-  return /*#__PURE__*/_react["default"].createElement(Form, args);
-};
-
-exports.textField = textField;
-
 var onSubmit = function onSubmit(value) {
   console.log('submit', value);
 };
@@ -43,11 +38,17 @@ var onChange = function onChange(value) {
   console.log('change', value);
 };
 
-textField.args = {
-  onSubmit: onSubmit,
-  onChange: onChange,
-  placeholder: 'test',
-  align: _textField["default"].Align.LEFT,
-  state: _textField["default"].State.DEFAULT,
-  message: '系統文字'
-};
+var textField = {
+  render: function render(args) {
+    return /*#__PURE__*/_react["default"].createElement(Form, args);
+  },
+  args: {
+    onSubmit: onSubmit,
+    onChange: onChange,
+    placeholder: 'test',
+    align: _textField["default"].Align.LEFT,
+    state: _textField["default"].State.DEFAULT,
+    message: '系統文字'
+  }
+};
+exports.textField = textField;

package/lib/listing-page/stories/cardList.stories.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.card = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _cardList = _interopRequireDefault(require("../components/card-list"));
 
 var _constants = require("../../storybook/constants");
@@ -23,61 +21,58 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var card = function card(args) {
-  return /*#__PURE__*/_react["default"].createElement(_cardList["default"], args);
-};
-
-exports.card = card;
-card.args = {
-  data: [{
-    id: '12345',
-    title: '文章標題文章標題文章標題文章標題文章標題文章標題文章標題文章標題',
-    og_description: '文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述',
-    category_set: [{
-      category: {
-        name: '主分類'
+var card = {
+  args: {
+    data: [{
+      id: '12345',
+      title: '文章標題文章標題文章標題文章標題文章標題文章標題文章標題文章標題',
+      og_description: '文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述',
+      category_set: [{
+        category: {
+          name: '主分類'
+        },
+        subcategory: {
+          name: '子分類'
+        }
+      }],
+      published_date: '2023-02-12T16:00:00Z',
+      hero_image: {
+        description: 'test'
       },
-      subcategory: {
-        name: '子分類'
-      }
-    }],
-    published_date: '2023-02-12T16:00:00Z',
-    hero_image: {
-      description: 'test'
-    },
-    slug: 'this-is-a-test-article'
-  }, {
-    id: '12347',
-    title: '文章標題',
-    og_description: '文章描述',
-    published_date: '2023-02-12T16:00:00Z',
-    hero_image: {
-      description: 'test'
-    },
-    slug: 'this-is-a-test-article-3'
-  }, {
-    id: '12346',
-    title: '文章標題文章標題文章標題文章標題文章標題文章標題文章標題文章標題',
-    og_description: '文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述',
-    category_set: [{
-      category: {
-        name: '主分類'
+      slug: 'this-is-a-test-article'
+    }, {
+      id: '12347',
+      title: '文章標題',
+      og_description: '文章描述',
+      published_date: '2023-02-12T16:00:00Z',
+      hero_image: {
+        description: 'test'
       },
-      subcategory: {
-        name: '子分類'
-      }
-    }],
-    published_date: '2023-02-12T16:00:00Z',
-    hero_image: {
-      description: 'test',
-      resized_targets: {
-        mobile: {
-          url: 'https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/Google_Images_2015_logo.svg/220px-Google_Images_2015_logo.svg.png'
+      slug: 'this-is-a-test-article-3'
+    }, {
+      id: '12346',
+      title: '文章標題文章標題文章標題文章標題文章標題文章標題文章標題文章標題',
+      og_description: '文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述',
+      category_set: [{
+        category: {
+          name: '主分類'
+        },
+        subcategory: {
+          name: '子分類'
+        }
+      }],
+      published_date: '2023-02-12T16:00:00Z',
+      hero_image: {
+        description: 'test',
+        resized_targets: {
+          mobile: {
+            url: 'https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/Google_Images_2015_logo.svg/220px-Google_Images_2015_logo.svg.png'
+          }
         }
-      }
-    },
-    slug: 'this-is-a-test-article-2'
-  }],
-  releaseBranch: _releaseBranch.BRANCH.master
-};
+      },
+      slug: 'this-is-a-test-article-2'
+    }],
+    releaseBranch: _releaseBranch.BRANCH.master
+  }
+};
+exports.card = card;

package/lib/logo/stories/logoFooter.stories.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.footer = exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _logoFooter = _interopRequireDefault(require("../components/logo-footer"));
 
 var _constants = require("../../storybook/constants");
@@ -21,9 +19,5 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var footer = function footer(args) {
-  return /*#__PURE__*/_react["default"].createElement(_logoFooter["default"], args);
-};
-
+var footer = {};
 exports.footer = footer;

package/lib/logo/stories/logoHeader.stories.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.header = exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _logoHeader = _interopRequireDefault(require("../components/logo-header"));
 
 var _constants = require("../../storybook/constants");
@@ -21,12 +19,9 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var header = function header(args) {
-  return /*#__PURE__*/_react["default"].createElement(_logoHeader["default"], args);
+var header = {
+  args: {
+    type: _logoHeader["default"].Type.DEFAULT
+  }
 };
-
-exports.header = header;
-header.args = {
-  type: _logoHeader["default"].Type.DEFAULT
-};
+exports.header = header;

package/lib/logo/stories/logoLoadingFallback.stories.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.fallback = exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _logoLoadingFallback = _interopRequireDefault(require("../components/logo-loading-fallback"));
 
 var _constants = require("../../storybook/constants");
@@ -21,9 +19,5 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var fallback = function fallback(args) {
-  return /*#__PURE__*/_react["default"].createElement(_logoLoadingFallback["default"], args);
-};
-
+var fallback = {};
 exports.fallback = fallback;

package/lib/logo/stories/logoSymbol.stories.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.symbol = exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _logoSymbol = _interopRequireDefault(require("../components/logo-symbol"));
 
 var _constants = require("../../storybook/constants");
@@ -21,12 +19,9 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var symbol = function symbol(args) {
-  return /*#__PURE__*/_react["default"].createElement(_logoSymbol["default"], args);
+var symbol = {
+  args: {
+    type: _logoSymbol["default"].Type.DEFAULT
+  }
 };
-
-exports.symbol = symbol;
-symbol.args = {
-  type: _logoSymbol["default"].Type.DEFAULT
-};
+exports.symbol = symbol;

package/lib/mobile-member-role-card/stories/member-role-card.stories.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.moblieMemberRoleCard = exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _index = _interopRequireDefault(require("../index"));
 
 var _getEnumArg = require("../../storybook/utils/get-enum-arg");
@@ -29,17 +27,14 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var moblieMemberRoleCard = function moblieMemberRoleCard(args) {
-  return /*#__PURE__*/_react["default"].createElement(_index["default"], args);
+var moblieMemberRoleCard = {
+  args: {
+    email: 'abc@mail.com',
+    joinDate: '2022/1/8',
+    name: '報導者',
+    articleReadCount: 12,
+    articleReadingTime: 380,
+    hideInfo: false
+  }
 };
-
-exports.moblieMemberRoleCard = moblieMemberRoleCard;
-moblieMemberRoleCard.args = {
-  email: 'abc@mail.com',
-  joinDate: '2022/1/8',
-  name: '報導者',
-  articleReadCount: 12,
-  articleReadingTime: 380,
-  hideInfo: false
-};
+exports.moblieMemberRoleCard = moblieMemberRoleCard;

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

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.simpleHeader = exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _ = _interopRequireDefault(require("."));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -16,11 +14,7 @@ var _default = {
   component: _["default"]
 };
 exports["default"] = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_["default"], args);
+var simpleHeader = {
+  args: {}
 };
-
-var simpleHeader = Template.bind({});
-exports.simpleHeader = simpleHeader;
-simpleHeader.args = {};
+exports.simpleHeader = simpleHeader;

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

@@ -23,6 +23,7 @@ var _random = _interopRequireDefault(require("lodash/random"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+/* eslint react/display-name:0 */
 // hooks
 // components
 // storybook
@@ -38,16 +39,13 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var snackBar = function snackBar(props) {
-  return /*#__PURE__*/_react["default"].createElement(_snackBar["default"], props);
+var snackBar = {
+  args: {
+    text: '系統作業文字',
+    theme: _snackBar["default"].THEME.normal
+  }
 };
-
 exports.snackBar = snackBar;
-snackBar.args = {
-  text: '系統作業文字',
-  theme: _snackBar["default"].THEME.normal
-};
 
 var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "snackBarstories__Container",
@@ -93,17 +91,17 @@ var ClickToShowSnackBar = function ClickToShowSnackBar(_ref) {
 ClickToShowSnackBar.propTypes = {
   timeout: _propTypes["default"].number
 };
-
-var clickToShow = function clickToShow(props) {
-  return /*#__PURE__*/_react["default"].createElement(ClickToShowSnackBar, props);
-};
-
-exports.clickToShow = clickToShow;
-clickToShow.parameters = {
-  controls: {
-    exclude: ['text', 'theme']
+var clickToShow = {
+  render: function render(props) {
+    return /*#__PURE__*/_react["default"].createElement(ClickToShowSnackBar, props);
+  },
+  parameters: {
+    controls: {
+      exclude: ['text', 'theme']
+    }
+  },
+  args: {
+    timeout: 800
   }
 };
-clickToShow.args = {
-  timeout: 800
-};
+exports.clickToShow = clickToShow;

package/lib/text/paragraph.js

@@ -28,7 +28,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var defaultContainer = /*#__PURE__*/_styledComponents["default"].p.withConfig({
   displayName: "paragraph__defaultContainer",
   componentId: "sc-1aejhao-0"
-})(["font-weight:", ";font-family:", ";line-height:150%;display:flex;align-items:center;"], function (props) {
+})(["font-weight:", ";font-family:", ";line-height:150%;display:flex;align-items:center;margin-block-start:0px;margin-block-end:0px;"], function (props) {
   return _font.fontWeight[props.weight];
 }, _font.fontFamily["default"]);