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

package/lib/title-bar/stories/tab.stories.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.tab = exports.humanRightsTab = exports["default"] = exports.animalTab = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _tab = _interopRequireDefault(require("../components/tab"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -16,262 +14,260 @@ var _default = {
   component: _tab["default"]
 };
 exports["default"] = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_tab["default"], args);
+var tab = {
+  args: {
+    title: '主分類',
+    tabs: [{
+      text: '子分類1',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '子分類2',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '子分類3',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '子分類4',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '子分類5',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '子分類6',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }]
+  }
 };
-
-var tab = Template.bind({});
 exports.tab = tab;
-tab.args = {
-  title: '主分類',
-  tabs: [{
-    text: '子分類1',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '子分類2',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '子分類3',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '子分類4',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '子分類5',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '子分類6',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }]
+var humanRightsTab = {
+  args: {
+    title: '人權司法',
+    tabs: [{
+      text: '全部',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '性別',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '勞動',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '移工與移民',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '居住正義',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '轉型正義',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '精神疾病',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '司法改革',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '數位人權',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }]
+  }
 };
-var humanRightsTab = Template.bind({});
 exports.humanRightsTab = humanRightsTab;
-humanRightsTab.args = {
-  title: '人權司法',
-  tabs: [{
-    text: '全部',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '性別',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '勞動',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '移工與移民',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '居住正義',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '轉型正義',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '精神疾病',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '司法改革',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '數位人權',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }]
+var animalTab = {
+  args: {
+    title: '動物',
+    tabs: [{
+      text: '長頸鹿',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '海豚',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '猴子',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '熊貓',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '刺蝟',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '天竺鼠',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '比目魚',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '眼鏡蛇',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '虎鯨',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '台北樹蛙',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '雨傘節',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '獨角獸',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '蠑螈',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '珊瑚蟲',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '老鼠',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '皮卡丘',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '犀牛',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '馬來膜',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '孔雀',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '臺灣黑熊',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '黑面琵鷺',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '大笨鳥',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '麻雀',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '綠繡眼',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '五色鳥',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '赤腹松鼠',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '狐蒙',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '無尾熊',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '鼴鼠',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '福壽螺',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '羊駝',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '孔雀魚',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '紅嘴灰鵯',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '津田氏竹節蟲',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '田鼠',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '曙光鳳蝶',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '雙髻鯊',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '北極熊',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '人面蜘蛛',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '吳郭魚',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '狐狸',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '黃鶯',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '燕子',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }, {
+      text: '鴿子',
+      isExternal: true,
+      link: 'https://www.google.com'
+    }]
+  }
 };
-var animalTab = Template.bind({});
-exports.animalTab = animalTab;
-animalTab.args = {
-  title: '動物',
-  tabs: [{
-    text: '長頸鹿',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '海豚',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '猴子',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '熊貓',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '刺蝟',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '天竺鼠',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '比目魚',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '眼鏡蛇',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '虎鯨',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '台北樹蛙',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '雨傘節',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '獨角獸',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '蠑螈',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '珊瑚蟲',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '老鼠',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '皮卡丘',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '犀牛',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '馬來膜',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '孔雀',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '臺灣黑熊',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '黑面琵鷺',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '大笨鳥',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '麻雀',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '綠繡眼',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '五色鳥',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '赤腹松鼠',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '狐蒙',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '無尾熊',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '鼴鼠',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '福壽螺',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '羊駝',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '孔雀魚',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '紅嘴灰鵯',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '津田氏竹節蟲',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '田鼠',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '曙光鳳蝶',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '雙髻鯊',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '北極熊',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '人面蜘蛛',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '吳郭魚',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '狐狸',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '黃鶯',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '燕子',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }, {
-    text: '鴿子',
-    isExternal: true,
-    link: 'https://www.google.com'
-  }]
-};
+exports.animalTab = animalTab;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "8.21.0-rc.3",
+  "version": "8.21.0-rc.4",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -10,8 +10,8 @@
     "build": "make build",
     "dev": "make dev",
     "prepublishOnly": "make build",
-    "storybook": "start-storybook -p 3000",
-    "build-storybook": "build-storybook",
+    "storybook": "storybook dev -p 3000",
+    "build-storybook": "storybook build",
     "chromatic": "npx chromatic --exit-zero-on-changes"
   },
   "dependencies": {
@@ -34,15 +34,22 @@
   ],
   "devDependencies": {
     "@babel/core": "^7.17.9",
-    "@storybook/addon-actions": "^6.4.21",
-    "@storybook/addon-essentials": "^6.4.21",
-    "@storybook/addon-interactions": "^6.4.21",
-    "@storybook/addon-links": "^6.4.21",
-    "@storybook/addon-viewport": "^6.4.21",
-    "@storybook/react": "^6.4.21",
-    "@storybook/testing-library": "^0.0.9",
+    "@babel/preset-env": "^7.23.2",
+    "@babel/preset-react": "^7.22.15",
+    "@babel/preset-typescript": "^7.23.2",
+    "@storybook/addon-actions": "^7.5.2",
+    "@storybook/addon-essentials": "^7.5.2",
+    "@storybook/addon-interactions": "^7.5.2",
+    "@storybook/addon-links": "^7.5.2",
+    "@storybook/addon-mdx-gfm": "^7.5.2",
+    "@storybook/addon-viewport": "^7.5.2",
+    "@storybook/react": "^7.5.2",
+    "@storybook/react-webpack5": "^7.5.2",
+    "@storybook/testing-library": "^0.2.2",
     "babel-loader": "^8.2.4",
-    "chromatic": "^6.5.4"
+    "chromatic": "^6.5.4",
+    "react-dom": "^16.0.0",
+    "storybook": "^7.5.2"
   },
-  "gitHead": "79564b04f0e64befed05a08b9f934d38f9b8b6bc"
+  "gitHead": "c725d9e91d8d4024fc4f35f3b54a9a937b6f82e1"
 }