@twreporter/react-components 8.21.0-rc.1 → 8.21.0-rc.10

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;

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;