@twreporter/universal-header 3.0.11 → 3.0.12-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/lib/components/tab-bar.js +62 -32
  2. package/package.json +5 -4
package/lib/components/tab-bar.js CHANGED
@@ -12,7 +12,6 @@ var _links = require("../utils/links");
12
12
  var _theme = require("../utils/theme");
13
13
  var _theme2 = _interopRequireDefault(require("../constants/theme"));
14
14
  var _customizedLink = _interopRequireDefault(require("@twreporter/react-components/lib/customized-link"));
15
- var _materialIcon = _interopRequireDefault(require("@twreporter/react-components/lib/material-icon"));
16
15
  var _button = require("@twreporter/react-components/lib/button");
17
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
18
17
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -21,10 +20,66 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
21
20
  // utils
22
21
  // constants
23
22
  // @twreporter
23
+ // material symbol
24
+ var Home = function Home(props) {
25
+ return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
26
+ d: "M220-180h150v-250h220v250h150v-390L480-765 220-570v390zm-60 60v-480l320-240 320 240v480H530v-250H430v250H160zm320-353z"
27
+ }));
28
+ };
29
+ Home.defaultProps = {
30
+ xmlns: "http://www.w3.org/2000/svg",
31
+ width: "48",
32
+ height: "48",
33
+ viewBox: "0 -960 960 960"
34
+ };
35
+ var Clock = function Clock(props) {
36
+ return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
37
+ d: "M627-287l45-45-159-160v-201h-60v225l174 181zM480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-82 31.5-155t86-127.5Q252-817 325-848.5T480-880q82 0 155 31.5t127.5 86Q817-708 848.5-635T880-480q0 82-31.5 155t-86 127.5Q708-143 635-111.5T480-80zm0-400zm0 340q140 0 240-100t100-240q0-140-100-240T480-820q-140 0-240 100T140-480q0 140 100 240t240 100z"
38
+ }));
39
+ };
40
+ Clock.defaultProps = {
41
+ xmlns: "http://www.w3.org/2000/svg",
42
+ width: "48",
43
+ height: "48",
44
+ viewBox: "0 -960 960 960"
45
+ };
46
+ var Topic = function Topic(props) {
47
+ return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
48
+ d: "M248-300q53.57 0 104.28 12.5Q403-275 452-250v-427q-45-30-97.62-46.5Q301.76-740 248-740q-38 0-74.5 9.5T100-707v434q31-14 70.5-20.5T248-300zm264 50q50-25 98-37.5T712-300q38 0 78.5 6t69.5 16v-429q-34-17-71.82-25-37.82-8-76.18-8-54 0-104.5 16.5T512-677v427zm-30 90q-51-38-111-58.5T248-239q-36.54 0-71.77 9T106-208q-23.1 11-44.55-3Q40-225 40-251v-463q0-15 7-27.5T68-761q42-20 87.39-29.5 45.4-9.5 92.61-9.5 63 0 122.5 17T482-731q51-35 109.5-52T712-800q46.87 0 91.93 9.5Q849-781 891-761q14 7 21.5 19.5T920-714v463q0 27.89-22.5 42.45Q875-194 853-208q-34-14-69.23-22.5Q748.54-239 712-239q-63 0-121 21t-109 58zM276-489z"
49
+ }));
50
+ };
51
+ Topic.defaultProps = {
52
+ xmlns: "http://www.w3.org/2000/svg",
53
+ width: "48",
54
+ height: "48",
55
+ viewBox: "0 -960 960 960"
56
+ };
57
+ var Star = function Star(props) {
58
+ return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
59
+ d: "M306.84-700.82L424-853q11-14 25.59-21 14.58-7 30.5-7 15.91 0 30.41 7t25.5 21l117.16 152.18L831-641q23 8 36 27.11t13 42.22q0 10.67-3.03 21.3-3.04 10.63-9.97 20.37L753-367l4 173q0 31-21 52.5T685.82-120q-1.82 0-18.82-3l-187-52-186.78 51.92Q288-121 282.49-120.5q-5.51.5-10.1.5-29.39 0-49.89-21.69Q202-163.37 203-195l4-173.25L93-531q-6.93-9.83-9.97-20.55Q80-562.28 80-573q0-23 12.92-41.61Q105.84-633.21 129-641l177.84-59.82zM343-649l-209 70 134 194-5 207 217-60 217 61-5-208 134-192-209-72-137-178-137 178zm137 147z"
60
+ }));
61
+ };
62
+ Star.defaultProps = {
63
+ xmlns: "http://www.w3.org/2000/svg",
64
+ width: "48",
65
+ height: "48",
66
+ viewBox: "0 -960 960 960"
67
+ };
68
+ var Menu = function Menu(props) {
69
+ return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
70
+ d: "M120-240v-60h720v60H120zm0-210v-60h720v60H120zm0-210v-60h720v60H120z"
71
+ }));
72
+ };
73
+ Menu.defaultProps = {
74
+ xmlns: "http://www.w3.org/2000/svg",
75
+ width: "48",
76
+ height: "48",
77
+ viewBox: "0 -960 960 960"
78
+ };
24
79
  var TabBarContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
25
80
  displayName: "tab-bar__TabBarContainer",
26
81
  componentId: "bdt7uj-0"
27
- })(["display:flex;justify-content:space-between;padding:8px 16px;box-shadow:0px 0px 2px rgba(0,0,0,0.15);background-color:", ";padding-bottom:calc(8px + env(safe-area-inset-bottom,0));a{text-decoration:none;}a:visited,a:active{color:inherit;background-color:inherit;}"], function (props) {
82
+ })(["display:flex;justify-content:space-between;padding:8px 16px;box-shadow:0px 0px 2px rgba(0,0,0,0.15);background-color:", ";padding-bottom:calc(8px + env(safe-area-inset-bottom,0));a{text-decoration:none;}a:visited,a:active{color:inherit;background-color:inherit;}svg{background-color:transparent;fill:currentColor;width:24px;height:24px;}"], function (props) {
28
83
  return props.$bgColor;
29
84
  });
30
85
  var buttonContainerCss = /*#__PURE__*/(0, _styledComponents.css)(["display:flex;justify-content:center;margin-right:8px;flex:1;&:last-child{margin-right:0;}"]);
@@ -52,36 +107,11 @@ var TabBar = function TabBar() {
52
107
  latest = _getTabBarLinks.latest,
53
108
  topic = _getTabBarLinks.topic,
54
109
  myreading = _getTabBarLinks.myreading;
55
- var HomeIcon = /*#__PURE__*/_react["default"].createElement(_materialIcon["default"], {
56
- icon: "home",
57
- weight: 400,
58
- grade: 0,
59
- size: 24
60
- });
61
- var ClockIcon = /*#__PURE__*/_react["default"].createElement(_materialIcon["default"], {
62
- icon: "schedule",
63
- weight: 400,
64
- grade: 0,
65
- size: 24
66
- });
67
- var TopicIcon = /*#__PURE__*/_react["default"].createElement(_materialIcon["default"], {
68
- icon: "import_contacts",
69
- weight: 400,
70
- grade: 0,
71
- size: 24
72
- });
73
- var MyReadingIcon = /*#__PURE__*/_react["default"].createElement(_materialIcon["default"], {
74
- icon: "kid_star",
75
- weight: 400,
76
- grade: 0,
77
- size: 24
78
- });
79
- var HamburgerIcon = /*#__PURE__*/_react["default"].createElement(_materialIcon["default"], {
80
- icon: "menu",
81
- weight: 400,
82
- grade: 0,
83
- size: 24
84
- });
110
+ var HomeIcon = /*#__PURE__*/_react["default"].createElement(Home, null);
111
+ var ClockIcon = /*#__PURE__*/_react["default"].createElement(Clock, null);
112
+ var TopicIcon = /*#__PURE__*/_react["default"].createElement(Topic, null);
113
+ var MyReadingIcon = /*#__PURE__*/_react["default"].createElement(Star, null);
114
+ var HamburgerIcon = /*#__PURE__*/_react["default"].createElement(Menu, null);
85
115
  var _selectTabBarTheme = (0, _theme.selectTabBarTheme)(theme),
86
116
  bgColor = _selectTabBarTheme.bgColor,
87
117
  borderColor = _selectTabBarTheme.borderColor;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@twreporter/universal-header",
3
- "version": "3.0.11",
3
+ "version": "3.0.12-rc.1",
4
4
  "description": "Universal header of TWReporter sites",
5
5
  "main": "lib/index.js",
6
6
  "scripts": {
@@ -20,9 +20,10 @@
20
20
  ],
21
21
  "license": "MIT",
22
22
  "dependencies": {
23
+ "@material-symbols/svg-400": "^0.27.2",
23
24
  "@reduxjs/toolkit": "^2.2.5",
24
- "@twreporter/core": "^1.24.0",
25
- "@twreporter/react-components": "^9.4.2",
25
+ "@twreporter/core": "^1.24.1-rc.0",
26
+ "@twreporter/react-components": "^9.4.3-rc.0",
26
27
  "lodash": "^4.17.11",
27
28
  "prop-types": "^15.6.2",
28
29
  "querystring": "^0.2.0",
@@ -57,5 +58,5 @@
57
58
  "react-dom": "^18.2.0",
58
59
  "storybook": "^8.1.11"
59
60
  },
60
- "gitHead": "1874e3f3393b1a137573c19c20abf3bdbcc94083"
61
+ "gitHead": "4331f0018971644064a92cf3f8ae10f7152387e2"
61
62
  }