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

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

@@ -17,6 +17,7 @@ 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 = {
   title: 'Card/Article',
   component: _articleCard["default"],
@@ -34,22 +35,23 @@ var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   return props.size === _articleCard["default"].Size.S ? '343' : '878';
 });
 
-var article = function article(args) {
-  return /*#__PURE__*/_react["default"].createElement(Container, {
-    size: args.size
-  }, /*#__PURE__*/_react["default"].createElement(_articleCard["default"], args));
-};
-
-exports.article = article;
-article.args = {
-  size: _articleCard["default"].Size.L,
-  title: '文章標題文章標題文章標題文章標題文章標題文章標題文章標題文章標題',
-  description: '文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述',
-  category: '主分類',
-  date: '2022/01/01',
-  image: {
-    src: 'https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/Google_Images_2015_logo.svg/220px-Google_Images_2015_logo.svg.png',
-    alt: 'test'
+var article = {
+  render: function render(args) {
+    return /*#__PURE__*/_react["default"].createElement(Container, {
+      size: args.size
+    }, /*#__PURE__*/_react["default"].createElement(_articleCard["default"], args));
   },
-  releaseBranch: _releaseBranch.BRANCH.master
-};
+  args: {
+    size: _articleCard["default"].Size.L,
+    title: '文章標題文章標題文章標題文章標題文章標題文章標題文章標題文章標題',
+    description: '文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述文章描述',
+    category: '主分類',
+    date: '2022/01/01',
+    image: {
+      src: 'https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/Google_Images_2015_logo.svg/220px-Google_Images_2015_logo.svg.png',
+      alt: 'test'
+    },
+    releaseBranch: _releaseBranch.BRANCH.master
+  }
+};
+exports.article = article;

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

@@ -15,6 +15,7 @@ var _constants = require("../../storybook/constants");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+/* eslint react/display-name:0 */
 var _default = {
   title: 'Card/Dialog',
   component: _dialog["default"],
@@ -27,18 +28,18 @@ var StyledDialog = /*#__PURE__*/(0, _styledComponents["default"])(_dialog["defau
   displayName: "dialogstories__StyledDialog",
   componentId: "sc-1h10bts-0"
 })(["width:fit-content;"]);
-
-var dialog = function dialog(args) {
-  return /*#__PURE__*/_react["default"].createElement(StyledDialog, args);
-};
-
-exports.dialog = dialog;
-dialog.args = {
-  text: '登出',
-  size: _dialog["default"].Size.S
-};
-dialog.parameters = {
-  backgrounds: {
-    "default": 'normal'
+var dialog = {
+  render: function render(args) {
+    return /*#__PURE__*/_react["default"].createElement(StyledDialog, args);
+  },
+  args: {
+    text: '登出',
+    size: _dialog["default"].Size.S
+  },
+  parameters: {
+    backgrounds: {
+      "default": 'normal'
+    }
   }
-};
+};
+exports.dialog = dialog;

package/lib/checkbox/checkbox.stories.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.checkbox = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _ = _interopRequireDefault(require("."));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -22,18 +20,14 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_["default"], args);
-};
-
-var checkbox = Template.bind({});
-exports.checkbox = checkbox;
-checkbox.args = {
-  label: '藝術',
-  value: false,
-  disabled: false,
-  onChange: function onChange(e) {
-    console.log('callback', e.target.checked);
+var checkbox = {
+  args: {
+    label: '藝術',
+    value: false,
+    disabled: false,
+    onChange: function onChange(e) {
+      console.log('callback', e.target.checked);
+    }
   }
-};
+};
+exports.checkbox = checkbox;

package/lib/divider.stories.js

@@ -13,6 +13,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+/* eslint react/display-name:0 */
 var _default = {
   title: 'Divider/Line',
   component: _divider["default"]
@@ -40,37 +41,38 @@ var VerticalContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig
   componentId: "sc-166xqvx-2"
 })(["height:200px;"]);
 
-var divider = function divider(args) {
-  return /*#__PURE__*/_react["default"].createElement(FlexContainer, args, /*#__PURE__*/_react["default"].createElement(Cube, null), /*#__PURE__*/_react["default"].createElement(_divider["default"], args), /*#__PURE__*/_react["default"].createElement(Cube, null));
+var divider = {
+  render: function render(args) {
+    return /*#__PURE__*/_react["default"].createElement(FlexContainer, args, /*#__PURE__*/_react["default"].createElement(Cube, null), /*#__PURE__*/_react["default"].createElement(_divider["default"], args), /*#__PURE__*/_react["default"].createElement(Cube, null));
+  },
+  args: {
+    direction: _divider["default"].Direction.HORIZONTAL
+  }
 };
-
 exports.divider = divider;
-divider.args = {
-  direction: _divider["default"].Direction.HORIZONTAL
-};
-
-var horizontal = function horizontal() {
-  return /*#__PURE__*/_react["default"].createElement(_divider["default"], {
-    direction: _divider["default"].Direction.HORIZONTAL
-  });
+var horizontal = {
+  render: function render() {
+    return /*#__PURE__*/_react["default"].createElement(_divider["default"], {
+      direction: _divider["default"].Direction.HORIZONTAL
+    });
+  },
+  parameters: {
+    controls: {
+      exclude: ['direction']
+    }
+  }
 };
-
 exports.horizontal = horizontal;
-horizontal.parameters = {
-  controls: {
-    exclude: ['direction']
+var vertical = {
+  render: function render() {
+    return /*#__PURE__*/_react["default"].createElement(VerticalContainer, null, /*#__PURE__*/_react["default"].createElement(_divider["default"], {
+      direction: _divider["default"].Direction.VERTICAL
+    }));
+  },
+  parameters: {
+    controls: {
+      exclude: ['direction']
+    }
   }
 };
-
-var vertical = function vertical() {
-  return /*#__PURE__*/_react["default"].createElement(VerticalContainer, null, /*#__PURE__*/_react["default"].createElement(_divider["default"], {
-    direction: _divider["default"].Direction.VERTICAL
-  }));
-};
-
-exports.vertical = vertical;
-vertical.parameters = {
-  controls: {
-    exclude: ['direction']
-  }
-};
+exports.vertical = vertical;

package/lib/empty-state/stories/empty-guide.stories.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.emptyState = exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _index = _interopRequireDefault(require("../index"));
 
 var _enums = require("../enums");
@@ -26,17 +24,14 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var emptyState = function emptyState(args) {
-  return /*#__PURE__*/_react["default"].createElement(_index["default"], args);
+var emptyState = {
+  args: {
+    title: '文字',
+    showGuide: true,
+    guide: '文字文字',
+    showButton: true,
+    buttonText: '按鈕',
+    buttonUrl: '/'
+  }
 };
-
-exports.emptyState = emptyState;
-emptyState.args = {
-  title: '文字',
-  showGuide: true,
-  guide: '文字文字',
-  showButton: true,
-  buttonText: '按鈕',
-  buttonUrl: '/'
-};
+exports.emptyState = emptyState;

package/lib/icon/stories/arrow.stories.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.up = exports.right = exports.left = exports.down = exports["default"] = exports.arrow = 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/Arrow',
   component: _index.Arrow,
@@ -21,53 +17,53 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_index.Arrow, args);
+var arrow = {
+  args: {
+    direction: _index.Arrow.Direction.RIGHT
+  }
 };
-
-var arrow = Template.bind({});
 exports.arrow = arrow;
-arrow.args = {
-  direction: _index.Arrow.Direction.RIGHT
+var right = {
+  parameters: {
+    controls: {
+      exclude: ['direction']
+    }
+  },
+  args: {
+    direction: _index.Arrow.Direction.RIGHT
+  }
 };
-var right = Template.bind({});
 exports.right = right;
-right.parameters = {
-  controls: {
-    exclude: ['direction']
+var left = {
+  parameters: {
+    controls: {
+      exclude: ['direction']
+    }
+  },
+  args: {
+    direction: _index.Arrow.Direction.LEFT
   }
 };
-right.args = {
-  direction: _index.Arrow.Direction.RIGHT
-};
-var left = Template.bind({});
 exports.left = left;
-left.parameters = {
-  controls: {
-    exclude: ['direction']
+var up = {
+  parameters: {
+    controls: {
+      exclude: ['direction']
+    }
+  },
+  args: {
+    direction: _index.Arrow.Direction.UP
   }
 };
-left.args = {
-  direction: _index.Arrow.Direction.LEFT
-};
-var up = Template.bind({});
 exports.up = up;
-up.parameters = {
-  controls: {
-    exclude: ['direction']
-  }
-};
-up.args = {
-  direction: _index.Arrow.Direction.UP
-};
-var down = Template.bind({});
-exports.down = down;
-down.parameters = {
-  controls: {
-    exclude: ['direction']
+var down = {
+  parameters: {
+    controls: {
+      exclude: ['direction']
+    }
+  },
+  args: {
+    direction: _index.Arrow.Direction.DOWN
   }
 };
-down.args = {
-  direction: _index.Arrow.Direction.DOWN
-};
+exports.down = down;

package/lib/icon/stories/article.stories.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.article = 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/Article',
   component: _index.Article,
@@ -21,9 +17,5 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var article = function article(args) {
-  return /*#__PURE__*/_react["default"].createElement(_index.Article, args);
-};
-
+var article = {};
 exports.article = article;

package/lib/icon/stories/bookmark.stories.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.saved = exports["default"] = exports.bookmark = exports.basic = exports.add = 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/Bookmark',
   component: _index.Bookmark,
@@ -21,43 +17,42 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_index.Bookmark, args);
+var bookmark = {
+  args: {
+    type: _index.Bookmark.Type.BASIC
+  }
 };
-
-var bookmark = Template.bind({});
 exports.bookmark = bookmark;
-bookmark.args = {
-  type: _index.Bookmark.Type.BASIC
+var basic = {
+  parameters: {
+    controls: {
+      exclude: ['type']
+    }
+  },
+  args: {
+    type: _index.Bookmark.Type.BASIC
+  }
 };
-var basic = Template.bind({});
 exports.basic = basic;
-basic.parameters = {
-  controls: {
-    exclude: ['type']
+var add = {
+  parameters: {
+    controls: {
+      exclude: ['type']
+    }
+  },
+  args: {
+    type: _index.Bookmark.Type.ADD
   }
 };
-basic.args = {
-  type: _index.Bookmark.Type.BASIC
-};
-var add = Template.bind({});
 exports.add = add;
-add.parameters = {
-  controls: {
-    exclude: ['type']
-  }
-};
-add.args = {
-  type: _index.Bookmark.Type.ADD
-};
-var saved = Template.bind({});
-exports.saved = saved;
-saved.parameters = {
-  controls: {
-    exclude: ['type']
+var saved = {
+  parameters: {
+    controls: {
+      exclude: ['type']
+    }
+  },
+  args: {
+    type: _index.Bookmark.Type.SAVED
   }
 };
-saved.args = {
-  type: _index.Bookmark.Type.SAVED
-};
+exports.saved = saved;

package/lib/icon/stories/changeIconColor.stories.js

@@ -45,9 +45,5 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var changeIconColor = function changeIconColor(args) {
-  return /*#__PURE__*/_react["default"].createElement(ChangeIconColor, args);
-};
-
+var changeIconColor = {};
 exports.changeIconColor = changeIconColor;

package/lib/icon/stories/clock.stories.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.clock = 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/Clock',
   component: _index.Clock,
@@ -21,9 +17,5 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var clock = function clock(args) {
-  return /*#__PURE__*/_react["default"].createElement(_index.Clock, args);
-};
-
+var clock = {};
 exports.clock = clock;

package/lib/icon/stories/copy.stories.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.copy = 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/Copy',
   component: _index.Copy,
@@ -21,9 +17,5 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var copy = function copy(args) {
-  return /*#__PURE__*/_react["default"].createElement(_index.Copy, args);
-};
-
+var copy = {};
 exports.copy = copy;

package/lib/icon/stories/cross.stories.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.cross = 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/Cross',
   component: _index.Cross,
@@ -21,9 +17,5 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var cross = function cross(args) {
-  return /*#__PURE__*/_react["default"].createElement(_index.Cross, args);
-};
-
+var cross = {};
 exports.cross = cross;

package/lib/icon/stories/hamburger.stories.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.hamburger = 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/Hamburger',
   component: _index.Hamburger,
@@ -21,9 +17,5 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var hamburger = function hamburger(args) {
-  return /*#__PURE__*/_react["default"].createElement(_index.Hamburger, args);
-};
-
+var hamburger = {};
 exports.hamburger = hamburger;

package/lib/icon/stories/home.stories.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.home = 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/Home',
   component: _index.Home,
@@ -21,9 +17,5 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var home = function home(args) {
-  return /*#__PURE__*/_react["default"].createElement(_index.Home, args);
-};
-
+var home = {};
 exports.home = home;

package/lib/icon/stories/letter.stories.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.letter = 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/Letter',
   component: _index.Letter,
@@ -21,9 +17,5 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var letter = function letter(args) {
-  return /*#__PURE__*/_react["default"].createElement(_index.Letter, args);
-};
-
+var letter = {};
 exports.letter = letter;

package/lib/icon/stories/loading.stories.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.loading = 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/Loading',
   component: _index.Loading,
@@ -21,9 +17,5 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
-var loading = function loading(args) {
-  return /*#__PURE__*/_react["default"].createElement(_index.Loading, args);
-};
-
+var loading = {};
 exports.loading = loading;