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

package/lib/title-bar/components/title2.js

@@ -4,39 +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 _headline = require("../../text/headline");
-
 var _paragraph = require("../../text/paragraph");
-
 var _divider = _interopRequireDefault(require("../../divider"));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
-var _templateObject;
-
+var _templateObject; // component
+// @twreporter
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var BarContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "title2__BarContainer",
   componentId: "t8u2lz-0"
 })(["width:100%;display:flex;align-self:stretch;margin-bottom:16px;justify-content:space-between;", ""], _mediaQuery["default"].tabletAndBelow(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin-bottom: 8px;\n  "]))));
-
 var Text = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "title2__Text",
   componentId: "t8u2lz-1"
 })(["display:flex;align-items:baseline;gap:16px;"]);
-
 var H5Gray800 = /*#__PURE__*/(0, _styledComponents["default"])(_headline.H5).withConfig({
   displayName: "title2__H5Gray800",
   componentId: "t8u2lz-2"
@@ -49,13 +36,12 @@ var DividerGray800 = /*#__PURE__*/(0, _styledComponents["default"])(_divider["de
   displayName: "title2__DividerGray800",
   componentId: "t8u2lz-4"
 })(["border-color:", ";"], _color.colorGrayscale.gray800);
-
 var Title2 = function Title2(_ref) {
   var _ref$title = _ref.title,
-      title = _ref$title === void 0 ? '' : _ref$title,
-      _ref$subtitle = _ref.subtitle,
-      subtitle = _ref$subtitle === void 0 ? '' : _ref$subtitle,
-      renderButton = _ref.renderButton;
+    title = _ref$title === void 0 ? '' : _ref$title,
+    _ref$subtitle = _ref.subtitle,
+    subtitle = _ref$subtitle === void 0 ? '' : _ref$subtitle,
+    renderButton = _ref.renderButton;
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(BarContainer, null, /*#__PURE__*/_react["default"].createElement(Text, null, /*#__PURE__*/_react["default"].createElement(H5Gray800, {
     text: title
   }), subtitle ? /*#__PURE__*/_react["default"].createElement(P2Gray600, {
@@ -64,11 +50,9 @@ var Title2 = function Title2(_ref) {
     direction: _divider["default"].Direction.HORIZONTAL
   }));
 };
-
 Title2.propTypes = {
   title: _propTypes["default"].string.isRequired,
   subtitle: _propTypes["default"].string,
   renderButton: _propTypes["default"].element
 };
-var _default = Title2;
-exports["default"] = _default;
+var _default = exports["default"] = Title2;

package/lib/title-bar/index.js

@@ -22,18 +22,12 @@ Object.defineProperty(exports, "TitleTab", {
   }
 });
 exports["default"] = void 0;
-
 var _title = _interopRequireDefault(require("./components/title1"));
-
 var _title2 = _interopRequireDefault(require("./components/title2"));
-
 var _tab = _interopRequireDefault(require("./components/tab"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   Title1: _title["default"],
   Title2: _title2["default"],
   TitleTab: _tab["default"]
-};
-exports["default"] = _default;
+};

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

@@ -4,17 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tab = exports.humanRightsTab = exports["default"] = exports.animalTab = void 0;
-
 var _tab = _interopRequireDefault(require("../components/tab"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   title: 'Title Bar/Tab',
   component: _tab["default"]
 };
-exports["default"] = _default;
-var tab = {
+var tab = exports.tab = {
   args: {
     title: '主分類',
     tabs: [{
@@ -44,8 +40,7 @@ var tab = {
     }]
   }
 };
-exports.tab = tab;
-var humanRightsTab = {
+var humanRightsTab = exports.humanRightsTab = {
   args: {
     title: '人權司法',
     tabs: [{
@@ -87,8 +82,7 @@ var humanRightsTab = {
     }]
   }
 };
-exports.humanRightsTab = humanRightsTab;
-var animalTab = {
+var animalTab = exports.animalTab = {
   args: {
     title: '動物',
     tabs: [{
@@ -269,5 +263,4 @@ var animalTab = {
       link: 'https://www.google.com'
     }]
   }
-};
-exports.animalTab = animalTab;
+};

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

@@ -4,33 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tagBar = exports["default"] = exports.bookmarkBar = exports.bar = void 0;
-
 var _title = _interopRequireDefault(require("../components/title1"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   title: 'Title Bar/Title 1',
   component: _title["default"]
 };
-exports["default"] = _default;
-var bar = {
+var bar = exports.bar = {
   args: {
     title: '標題',
     subtitle: '副標'
   }
 };
-exports.bar = bar;
-var tagBar = {
+var tagBar = exports.tagBar = {
   args: {
     title: 'Tag'
   }
 };
-exports.tagBar = tagBar;
-var bookmarkBar = {
+var bookmarkBar = exports.bookmarkBar = {
   args: {
     title: '我的書籤',
     subtitle: '全部 55'
   }
-};
-exports.bookmarkBar = bookmarkBar;
+};

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

@@ -4,19 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.title2 = exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _title = _interopRequireDefault(require("../components/title2"));
-
 var _textButton = _interopRequireDefault(require("../../button/components/textButton"));
-
 var _icon = require("../../icon");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /* eslint react/display-name:0 */
-var _default = {
+var _default = exports["default"] = {
   title: 'Title Bar/Title 2',
   component: _title["default"],
   argTypes: {
@@ -29,8 +23,7 @@ var _default = {
     }
   }
 };
-exports["default"] = _default;
-var title2 = {
+var title2 = exports.title2 = {
   render: function render(args) {
     args.renderButton = args.showButton ? /*#__PURE__*/_react["default"].createElement(_textButton["default"], {
       text: "NOT RWD \u6309\u9215",
@@ -50,5 +43,4 @@ var title2 = {
       exclude: ['renderButton']
     }
   }
-};
-exports.title2 = title2;
+};

package/lib/utils/link-with-params.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = linkWithParams;
-
 var _url = _interopRequireDefault(require("url"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /**
  * @param { string } originalUrl - The original url
  * @param { Object } params - search params to be set
@@ -16,12 +13,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  */
 function linkWithParams(originalUrl, params) {
   var urlObj = new URL(originalUrl);
-
   for (var key in params) {
     if (params[key]) {
       urlObj.searchParams.set(key, params[key]);
     }
   }
-
   return _url["default"].format(urlObj);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "9.0.2",
+  "version": "9.1.0-rc.0",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -16,14 +16,14 @@
   },
   "dependencies": {
     "@twreporter/core": "^1.22.1",
-    "@twreporter/redux": "^8.0.2",
+    "@twreporter/redux": "^8.0.3-rc.0",
     "fontfaceobserver-es": "^3.3.3",
     "hoist-non-react-statics": "^2.3.1",
     "lodash": "^4.0.0",
     "memoize-one": "^5.0.5",
     "prop-types": "^15.0.0",
     "react": "^18.2.0",
-    "react-redux": "^6.0.0",
+    "react-redux": "^9.1.2",
     "react-router-dom": "^5.1.2",
     "react-transition-group": "^4.4.5",
     "react-waypoint": "^10.3.0",
@@ -52,5 +52,5 @@
     "react-dom": "^18.2.0",
     "storybook": "^7.5.2"
   },
-  "gitHead": "48b821a07c388fab197859b742571da4f76bbf87"
+  "gitHead": "df79295a50f202d6ed016de4e91bbbc0899a3882"
 }

package/lib/hook/use-store.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = require("react");
-
-var _reactRedux = require("react-redux");
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function useStore() {
-  var _useContext = (0, _react.useContext)(_reactRedux.ReactReduxContext),
-      store = _useContext.store;
-
-  var getState = store.getState,
-      dispatch = store.dispatch,
-      subscribe = store.subscribe;
-
-  var _useState = (0, _react.useState)(getState()),
-      _useState2 = _slicedToArray(_useState, 2),
-      storeState = _useState2[0],
-      setStoreState = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    return subscribe(function () {
-      setStoreState(getState());
-    }, []);
-  });
-  return [storeState, dispatch];
-}
-
-var _default = useStore;
-exports["default"] = _default;