@twreporter/react-components 9.0.2 → 9.1.0-rc.0
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.
- package/CHANGELOG.md +22 -0
- package/lib/badge/badge.stories.js +3 -9
- package/lib/badge/index.js +8 -24
- package/lib/bookmark-list/bookmark.js +20 -69
- package/lib/bookmark-list/bookmarks.js +10 -40
- package/lib/bookmark-list/customized-link.js +4 -14
- package/lib/bookmark-list/image-wrapper.js +9 -36
- package/lib/bookmark-list/index.js +36 -91
- package/lib/bookmark-list/redirect-to-sign-in.js +1 -10
- package/lib/bookmark-list/stories/bookmark.stories.js +3 -9
- package/lib/bookmark-widget/index.js +91 -220
- package/lib/button/components/iconButton.js +15 -34
- package/lib/button/components/iconWithTextButton.js +16 -31
- package/lib/button/components/link.js +27 -45
- package/lib/button/components/menuButton.js +18 -38
- package/lib/button/components/pillButton.js +31 -60
- package/lib/button/components/textButton.js +29 -61
- package/lib/button/components/toggleButton.js +11 -31
- package/lib/button/enums/index.js +4 -7
- package/lib/button/index.js +5 -18
- package/lib/button/stories/iconButton.stories.js +4 -15
- package/lib/button/stories/iconWithTextButton.stories.js +4 -13
- package/lib/button/stories/link.stories.js +9 -27
- package/lib/button/stories/menuButton.stories.js +3 -10
- package/lib/button/stories/pillButton.stories.js +4 -15
- package/lib/button/stories/textButton.stories.js +4 -15
- package/lib/button/stories/toggleButton.stories.js +3 -8
- package/lib/button/utils/size.js +3 -8
- package/lib/button/utils/theme.js +11 -102
- package/lib/card/components/article-card.js +31 -59
- package/lib/card/components/dialog.js +7 -22
- package/lib/card/components/short-story.js +24 -44
- package/lib/card/index.js +2 -8
- package/lib/card/stories/articleCard.stories.js +3 -14
- package/lib/card/stories/dialog.stories.js +3 -11
- package/lib/card/stories/shortStory.stories.js +3 -16
- package/lib/checkbox/checkbox.stories.js +3 -8
- package/lib/checkbox/index.js +10 -31
- package/lib/color.stories.js +9 -34
- package/lib/confirmation/index.js +7 -29
- package/lib/customized-link.js +5 -18
- package/lib/divider.js +3 -19
- package/lib/divider.stories.js +5 -18
- package/lib/donation-link.js +2 -14
- package/lib/empty-state/enums/index.js +2 -3
- package/lib/empty-state/index.js +20 -41
- package/lib/empty-state/stories/empty-guide.stories.js +3 -11
- package/lib/error/index.js +3 -8
- package/lib/error/message.js +3 -44
- package/lib/footer/constants/links.js +10 -16
- package/lib/footer/footer.stories.js +3 -10
- package/lib/footer/index.js +5 -40
- package/lib/footer/link.js +15 -46
- package/lib/footer/logo.js +12 -32
- package/lib/hook/index.js +3 -18
- package/lib/hook/use-bookmark.js +21 -47
- package/lib/hook/use-font-face-observer.js +9 -24
- package/lib/hook/use-outside-click.js +4 -9
- package/lib/icon/enum/index.js +5 -9
- package/lib/icon/index.js +49 -105
- package/lib/icon/stories/arrow.stories.js +7 -16
- package/lib/icon/stories/article.stories.js +2 -7
- package/lib/icon/stories/bookmark.stories.js +6 -14
- package/lib/icon/stories/changeIconColor.stories.js +2 -12
- package/lib/icon/stories/clock.stories.js +2 -7
- package/lib/icon/stories/copy.stories.js +2 -7
- package/lib/icon/stories/cross.stories.js +2 -7
- package/lib/icon/stories/hamburger.stories.js +2 -7
- package/lib/icon/stories/home.stories.js +2 -7
- package/lib/icon/stories/letter.stories.js +2 -7
- package/lib/icon/stories/loading.stories.js +2 -7
- package/lib/icon/stories/member.stories.js +2 -7
- package/lib/icon/stories/printer.stories.js +2 -7
- package/lib/icon/stories/search.stories.js +2 -7
- package/lib/icon/stories/share.stories.js +2 -7
- package/lib/icon/stories/socialMedia.stories.js +2 -8
- package/lib/icon/stories/text.stories.js +2 -7
- package/lib/icon/stories/topic.stories.js +2 -7
- package/lib/image-with-fallback.js +22 -52
- package/lib/input/components/search-bar.js +40 -85
- package/lib/input/components/text-field.js +20 -40
- package/lib/input/enums/index.js +6 -8
- package/lib/input/index.js +2 -7
- package/lib/input/stories/search-bar.stories.js +3 -16
- package/lib/input/stories/text-field.stories.js +3 -14
- package/lib/input/utils/theme.js +2 -9
- package/lib/is-fetching-wrapper.js +16 -48
- package/lib/junior-link.js +6 -29
- package/lib/link-with-tracker.js +14 -47
- package/lib/listing-page/components/card-list.js +20 -51
- package/lib/listing-page/components/image.js +15 -46
- package/lib/listing-page/components/list-item.js +18 -65
- package/lib/listing-page/components/list.js +17 -61
- package/lib/listing-page/components/page-content.js +2 -12
- package/lib/listing-page/components/topics/index.js +26 -74
- package/lib/listing-page/components/topics/post-item.js +14 -47
- package/lib/listing-page/components/topics/posts.js +1 -10
- package/lib/listing-page/components/topics/section.js +3 -25
- package/lib/listing-page/components/topics/topic-item.js +17 -56
- package/lib/listing-page/constants/mockup-spec.js +2 -3
- package/lib/listing-page/constants/predefined-css.js +2 -10
- package/lib/listing-page/constants/prop-types.js +2 -7
- package/lib/listing-page/constants/topics.js +2 -3
- package/lib/listing-page/index.js +2 -8
- package/lib/listing-page/stories/cardList.stories.js +3 -10
- package/lib/logo/components/logo-footer.js +6 -21
- package/lib/logo/components/logo-header.js +7 -23
- package/lib/logo/components/logo-loading-fallback.js +4 -13
- package/lib/logo/components/logo-symbol.js +7 -23
- package/lib/logo/index.js +2 -9
- package/lib/logo/stories/logoFooter.stories.js +2 -8
- package/lib/logo/stories/logoHeader.stories.js +3 -9
- package/lib/logo/stories/logoLoadingFallback.stories.js +2 -8
- package/lib/logo/stories/logoSymbol.stories.js +3 -9
- package/lib/logo/utils/path.js +2 -9
- package/lib/material-icon.js +9 -17
- package/lib/mobile-member-role-card/index.js +22 -49
- package/lib/mobile-member-role-card/stories/member-role-card.stories.js +3 -12
- package/lib/mobile-pop-up-modal.js +10 -44
- package/lib/more.js +10 -37
- package/lib/pagination/index.js +17 -83
- package/lib/podcast-link.js +6 -29
- package/lib/rwd.js +6 -26
- package/lib/shared-enum.js +2 -3
- package/lib/side-bar/index.js +16 -59
- package/lib/simple-header/index.js +2 -12
- package/lib/simple-header/simpleHeader.stories.js +3 -8
- package/lib/snack-bar/components/snack-bar.js +9 -20
- package/lib/snack-bar/hooks/use-snack-bar.js +12 -25
- package/lib/snack-bar/index.js +2 -7
- package/lib/snack-bar/stories/snackBar.stories.js +12 -29
- package/lib/snack-bar/utils/theme.js +3 -9
- package/lib/storybook/constants/index.js +3 -11
- package/lib/storybook/utils/get-enum-arg.js +2 -5
- package/lib/table-of-contents/index.js +62 -128
- package/lib/text/constants/headline-type.js +5 -8
- package/lib/text/enums/index.js +3 -5
- package/lib/text/headline.js +14 -41
- package/lib/text/paragraph.js +13 -34
- package/lib/text/stories/headline.stories.js +8 -21
- package/lib/text/stories/paragraph.stories.js +6 -17
- package/lib/text/utils/webfonts.js +9 -22
- package/lib/title-bar/components/tab.js +27 -69
- package/lib/title-bar/components/title1.js +6 -17
- package/lib/title-bar/components/title2.js +7 -23
- package/lib/title-bar/index.js +2 -8
- package/lib/title-bar/stories/tab.stories.js +5 -12
- package/lib/title-bar/stories/title1.stories.js +5 -12
- package/lib/title-bar/stories/title2.stories.js +3 -11
- package/lib/utils/link-with-params.js +0 -5
- package/package.json +4 -4
- package/lib/hook/use-store.js +0 -46
package/lib/icon/enum/index.js
CHANGED
|
@@ -4,25 +4,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.MediaType = exports.IconType = exports.BookmarkType = exports.ArrowDirection = void 0;
|
|
7
|
-
var IconType = Object.freeze({
|
|
7
|
+
var IconType = exports.IconType = Object.freeze({
|
|
8
8
|
MASK: 'mask',
|
|
9
9
|
RAW: 'raw'
|
|
10
10
|
});
|
|
11
|
-
exports.
|
|
12
|
-
var ArrowDirection = Object.freeze({
|
|
11
|
+
var ArrowDirection = exports.ArrowDirection = Object.freeze({
|
|
13
12
|
RIGHT: 'right',
|
|
14
13
|
LEFT: 'left',
|
|
15
14
|
UP: 'up',
|
|
16
15
|
DOWN: 'down'
|
|
17
16
|
});
|
|
18
|
-
exports.
|
|
19
|
-
var BookmarkType = Object.freeze({
|
|
17
|
+
var BookmarkType = exports.BookmarkType = Object.freeze({
|
|
20
18
|
BASIC: 'basic',
|
|
21
19
|
ADD: 'add',
|
|
22
20
|
SAVED: 'saved'
|
|
23
21
|
});
|
|
24
|
-
exports.
|
|
25
|
-
var MediaType = Object.freeze({
|
|
22
|
+
var MediaType = exports.MediaType = Object.freeze({
|
|
26
23
|
FACEBOOK: 'facebook',
|
|
27
24
|
INSTAGRAM: 'instagram',
|
|
28
25
|
MEDIUM: 'medium',
|
|
@@ -31,5 +28,4 @@ var MediaType = Object.freeze({
|
|
|
31
28
|
LINE: 'line',
|
|
32
29
|
GOOGLE: 'google',
|
|
33
30
|
PLURK: 'plurk'
|
|
34
|
-
});
|
|
35
|
-
exports.MediaType = MediaType;
|
|
31
|
+
});
|
package/lib/icon/index.js
CHANGED
|
@@ -4,53 +4,39 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.Youtube = exports.Twitter = exports.Topic = exports.Text = exports.SocialMedia = exports.Share = exports.Search = exports.Printer = exports.Plurk = exports.Member = exports.Medium = exports.Loading = exports.Line = exports.Letter = exports.KidStar = exports.Instagram = exports.Icon = exports.Home = exports.History = exports.Hamburger = exports.Google = exports.Facebook = exports.Cross = exports.Copy = exports.Clock = exports.Bookmark = exports.Article = exports.Arrow = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
|
-
|
|
14
10
|
var _enum = require("./enum");
|
|
15
|
-
|
|
16
11
|
var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
|
|
17
|
-
|
|
18
12
|
var _excluded = ["type", "filename", "releaseBranch"],
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
13
|
+
_excluded2 = ["releaseBranch"],
|
|
14
|
+
_excluded3 = ["direction", "releaseBranch"],
|
|
15
|
+
_excluded4 = ["mediaType"]; // enum
|
|
16
|
+
// @twreporter
|
|
23
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
24
|
-
|
|
25
18
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
26
|
-
|
|
27
19
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
28
|
-
|
|
29
20
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
30
|
-
|
|
31
21
|
var baseGCSDir = 'https://www.twreporter.org/assets/icon/';
|
|
32
|
-
|
|
33
22
|
var IconContainer = /*#__PURE__*/_styledComponents["default"].svg.withConfig({
|
|
34
23
|
displayName: "icon__IconContainer",
|
|
35
24
|
componentId: "sc-4fv57p-0"
|
|
36
25
|
})(["height:24px;width:24px;background-color:black;mask-image:url(", ");mask-size:cover;"], function (props) {
|
|
37
26
|
return props.src;
|
|
38
27
|
});
|
|
39
|
-
|
|
40
28
|
var RawIconContainer = /*#__PURE__*/_styledComponents["default"].img.withConfig({
|
|
41
29
|
displayName: "icon__RawIconContainer",
|
|
42
30
|
componentId: "sc-4fv57p-1"
|
|
43
31
|
})(["height:24px;width:24px;"]);
|
|
44
|
-
|
|
45
|
-
var Icon = function Icon(_ref) {
|
|
32
|
+
var Icon = exports.Icon = function Icon(_ref) {
|
|
46
33
|
var _ref$type = _ref.type,
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
34
|
+
type = _ref$type === void 0 ? _enum.IconType.MASK : _ref$type,
|
|
35
|
+
_ref$filename = _ref.filename,
|
|
36
|
+
filename = _ref$filename === void 0 ? '' : _ref$filename,
|
|
37
|
+
_ref$releaseBranch = _ref.releaseBranch,
|
|
38
|
+
releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch.BRANCH.master : _ref$releaseBranch,
|
|
39
|
+
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
54
40
|
var src = "".concat(baseGCSDir).concat(releaseBranch, "/").concat(filename, ".svg");
|
|
55
41
|
var IconComponent = type === _enum.IconType.RAW ? RawIconContainer : IconContainer;
|
|
56
42
|
return /*#__PURE__*/_react["default"].createElement(IconComponent, _extends({
|
|
@@ -58,8 +44,6 @@ var Icon = function Icon(_ref) {
|
|
|
58
44
|
src: src
|
|
59
45
|
}, restProps));
|
|
60
46
|
};
|
|
61
|
-
|
|
62
|
-
exports.Icon = Icon;
|
|
63
47
|
Icon.propTypes = {
|
|
64
48
|
type: _propTypes["default"].oneOf(Object.values(_enum.IconType)),
|
|
65
49
|
filename: _propTypes["default"].string,
|
|
@@ -67,19 +51,16 @@ Icon.propTypes = {
|
|
|
67
51
|
};
|
|
68
52
|
Icon.type = _enum.IconType;
|
|
69
53
|
Icon.releaseBranch = _releaseBranch.BRANCH;
|
|
70
|
-
|
|
71
54
|
var getIcon = function getIcon(gcsFileName) {
|
|
72
55
|
var gcsIcon = function gcsIcon(_ref2) {
|
|
73
56
|
var _ref2$releaseBranch = _ref2.releaseBranch,
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
57
|
+
releaseBranch = _ref2$releaseBranch === void 0 ? _releaseBranch.BRANCH.master : _ref2$releaseBranch,
|
|
58
|
+
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
77
59
|
return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
|
|
78
60
|
filename: gcsFileName,
|
|
79
61
|
releaseBranch: releaseBranch
|
|
80
62
|
}, props));
|
|
81
63
|
};
|
|
82
|
-
|
|
83
64
|
gcsIcon.propTypes = {
|
|
84
65
|
type: _propTypes["default"].oneOf(Object.values(_enum.IconType)),
|
|
85
66
|
releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
|
|
@@ -88,105 +69,69 @@ var getIcon = function getIcon(gcsFileName) {
|
|
|
88
69
|
gcsIcon.Type = _enum.IconType;
|
|
89
70
|
return gcsIcon;
|
|
90
71
|
};
|
|
91
|
-
|
|
92
|
-
var
|
|
93
|
-
exports.
|
|
94
|
-
var
|
|
95
|
-
exports.
|
|
96
|
-
var
|
|
97
|
-
exports.
|
|
98
|
-
var
|
|
99
|
-
exports.
|
|
100
|
-
var
|
|
101
|
-
exports.
|
|
102
|
-
var
|
|
103
|
-
exports.
|
|
104
|
-
var
|
|
105
|
-
exports.
|
|
106
|
-
var
|
|
107
|
-
exports.
|
|
108
|
-
var
|
|
109
|
-
exports.
|
|
110
|
-
var
|
|
111
|
-
exports.
|
|
112
|
-
var
|
|
113
|
-
exports.
|
|
114
|
-
var
|
|
115
|
-
exports.
|
|
116
|
-
var Printer = getIcon('printer');
|
|
117
|
-
exports.Printer = Printer;
|
|
118
|
-
var Letter = getIcon('letter');
|
|
119
|
-
exports.Letter = Letter;
|
|
120
|
-
var Facebook = getIcon('facebook');
|
|
121
|
-
exports.Facebook = Facebook;
|
|
122
|
-
var Instagram = getIcon('instagram');
|
|
123
|
-
exports.Instagram = Instagram;
|
|
124
|
-
var Medium = getIcon('medium');
|
|
125
|
-
exports.Medium = Medium;
|
|
126
|
-
var Twitter = getIcon('twitter');
|
|
127
|
-
exports.Twitter = Twitter;
|
|
128
|
-
var Youtube = getIcon('youtube');
|
|
129
|
-
exports.Youtube = Youtube;
|
|
130
|
-
var Line = getIcon('line');
|
|
131
|
-
exports.Line = Line;
|
|
132
|
-
var Google = getIcon('google');
|
|
133
|
-
exports.Google = Google;
|
|
134
|
-
var History = getIcon('history');
|
|
135
|
-
exports.History = History;
|
|
136
|
-
var KidStar = getIcon('kid_star');
|
|
137
|
-
exports.KidStar = KidStar;
|
|
138
|
-
var Plurk = getIcon('plurk');
|
|
139
|
-
exports.Plurk = Plurk;
|
|
140
|
-
|
|
141
|
-
var Arrow = function Arrow(_ref3) {
|
|
72
|
+
var Hamburger = exports.Hamburger = getIcon('hamburger');
|
|
73
|
+
var Cross = exports.Cross = getIcon('cross');
|
|
74
|
+
var Search = exports.Search = getIcon('search');
|
|
75
|
+
var Member = exports.Member = getIcon('member');
|
|
76
|
+
var Home = exports.Home = getIcon('home');
|
|
77
|
+
var Share = exports.Share = getIcon('share');
|
|
78
|
+
var Text = exports.Text = getIcon('text');
|
|
79
|
+
var Clock = exports.Clock = getIcon('clock');
|
|
80
|
+
var Article = exports.Article = getIcon('article');
|
|
81
|
+
var Topic = exports.Topic = getIcon('topic');
|
|
82
|
+
var Copy = exports.Copy = getIcon('copy');
|
|
83
|
+
var Loading = exports.Loading = getIcon('loading');
|
|
84
|
+
var Printer = exports.Printer = getIcon('printer');
|
|
85
|
+
var Letter = exports.Letter = getIcon('letter');
|
|
86
|
+
var Facebook = exports.Facebook = getIcon('facebook');
|
|
87
|
+
var Instagram = exports.Instagram = getIcon('instagram');
|
|
88
|
+
var Medium = exports.Medium = getIcon('medium');
|
|
89
|
+
var Twitter = exports.Twitter = getIcon('twitter');
|
|
90
|
+
var Youtube = exports.Youtube = getIcon('youtube');
|
|
91
|
+
var Line = exports.Line = getIcon('line');
|
|
92
|
+
var Google = exports.Google = getIcon('google');
|
|
93
|
+
var History = exports.History = getIcon('history');
|
|
94
|
+
var KidStar = exports.KidStar = getIcon('kid_star');
|
|
95
|
+
var Plurk = exports.Plurk = getIcon('plurk');
|
|
96
|
+
var Arrow = exports.Arrow = function Arrow(_ref3) {
|
|
142
97
|
var _ref3$direction = _ref3.direction,
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
98
|
+
direction = _ref3$direction === void 0 ? _enum.ArrowDirection.RIGHT : _ref3$direction,
|
|
99
|
+
releaseBranch = _ref3.releaseBranch,
|
|
100
|
+
props = _objectWithoutProperties(_ref3, _excluded3);
|
|
147
101
|
var filename = "arrow_".concat(direction);
|
|
148
102
|
return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
|
|
149
103
|
filename: filename,
|
|
150
104
|
releaseBranch: releaseBranch
|
|
151
105
|
}, props));
|
|
152
106
|
};
|
|
153
|
-
|
|
154
|
-
exports.Arrow = Arrow;
|
|
155
107
|
Arrow.propTypes = {
|
|
156
108
|
direction: _propTypes["default"].oneOf(Object.values(_enum.ArrowDirection)),
|
|
157
109
|
releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
|
|
158
110
|
};
|
|
159
111
|
Arrow.Direction = _enum.ArrowDirection;
|
|
160
|
-
|
|
161
|
-
var Bookmark = function Bookmark(_ref4) {
|
|
112
|
+
var Bookmark = exports.Bookmark = function Bookmark(_ref4) {
|
|
162
113
|
var _ref4$type = _ref4.type,
|
|
163
|
-
|
|
164
|
-
|
|
114
|
+
type = _ref4$type === void 0 ? _enum.BookmarkType.BASIC : _ref4$type,
|
|
115
|
+
releaseBranch = _ref4.releaseBranch;
|
|
165
116
|
var filename = "bookmark_".concat(type);
|
|
166
117
|
return /*#__PURE__*/_react["default"].createElement(Icon, {
|
|
167
118
|
filename: filename,
|
|
168
119
|
releaseBranch: releaseBranch
|
|
169
120
|
});
|
|
170
121
|
};
|
|
171
|
-
|
|
172
|
-
exports.Bookmark = Bookmark;
|
|
173
122
|
Bookmark.propTypes = {
|
|
174
123
|
type: _propTypes["default"].oneOf(Object.values(_enum.BookmarkType)),
|
|
175
124
|
releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
|
|
176
125
|
};
|
|
177
126
|
Bookmark.Type = _enum.BookmarkType;
|
|
178
|
-
|
|
179
|
-
var SocialMedia = function SocialMedia(_ref5) {
|
|
127
|
+
var SocialMedia = exports.SocialMedia = function SocialMedia(_ref5) {
|
|
180
128
|
var _ref5$mediaType = _ref5.mediaType,
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
129
|
+
mediaType = _ref5$mediaType === void 0 ? _enum.MediaType.GOOGLE : _ref5$mediaType,
|
|
130
|
+
args = _objectWithoutProperties(_ref5, _excluded4);
|
|
184
131
|
return /*#__PURE__*/_react["default"].createElement(Icon, _extends({
|
|
185
132
|
filename: mediaType
|
|
186
133
|
}, args));
|
|
187
134
|
};
|
|
188
|
-
|
|
189
|
-
exports.SocialMedia = SocialMedia;
|
|
190
135
|
SocialMedia.propTypes = {
|
|
191
136
|
type: Icon.propTypes.type,
|
|
192
137
|
mediaType: _propTypes["default"].oneOf(Object.values(_enum.MediaType)),
|
|
@@ -194,7 +139,7 @@ SocialMedia.propTypes = {
|
|
|
194
139
|
};
|
|
195
140
|
SocialMedia.Type = _enum.IconType;
|
|
196
141
|
SocialMedia.MediaType = _enum.MediaType;
|
|
197
|
-
var _default = {
|
|
142
|
+
var _default = exports["default"] = {
|
|
198
143
|
Arrow: Arrow,
|
|
199
144
|
Article: Article,
|
|
200
145
|
Bookmark: Bookmark,
|
|
@@ -222,5 +167,4 @@ var _default = {
|
|
|
222
167
|
History: History,
|
|
223
168
|
KidStar: KidStar,
|
|
224
169
|
Plurk: Plurk
|
|
225
|
-
};
|
|
226
|
-
exports["default"] = _default;
|
|
170
|
+
};
|
|
@@ -4,26 +4,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.up = exports.right = exports.left = exports.down = exports["default"] = exports.arrow = void 0;
|
|
7
|
-
|
|
8
7
|
var _index = require("../index");
|
|
9
|
-
|
|
10
8
|
var _constants = require("../../storybook/constants");
|
|
11
|
-
|
|
12
|
-
var _default = {
|
|
9
|
+
var _default = exports["default"] = {
|
|
13
10
|
title: 'Icon/Arrow',
|
|
14
11
|
component: _index.Arrow,
|
|
15
12
|
argTypes: {
|
|
16
13
|
releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
|
|
17
14
|
}
|
|
18
15
|
};
|
|
19
|
-
exports
|
|
20
|
-
var arrow = {
|
|
16
|
+
var arrow = exports.arrow = {
|
|
21
17
|
args: {
|
|
22
18
|
direction: _index.Arrow.Direction.RIGHT
|
|
23
19
|
}
|
|
24
20
|
};
|
|
25
|
-
exports.
|
|
26
|
-
var right = {
|
|
21
|
+
var right = exports.right = {
|
|
27
22
|
parameters: {
|
|
28
23
|
controls: {
|
|
29
24
|
exclude: ['direction']
|
|
@@ -33,8 +28,7 @@ var right = {
|
|
|
33
28
|
direction: _index.Arrow.Direction.RIGHT
|
|
34
29
|
}
|
|
35
30
|
};
|
|
36
|
-
exports.
|
|
37
|
-
var left = {
|
|
31
|
+
var left = exports.left = {
|
|
38
32
|
parameters: {
|
|
39
33
|
controls: {
|
|
40
34
|
exclude: ['direction']
|
|
@@ -44,8 +38,7 @@ var left = {
|
|
|
44
38
|
direction: _index.Arrow.Direction.LEFT
|
|
45
39
|
}
|
|
46
40
|
};
|
|
47
|
-
exports.
|
|
48
|
-
var up = {
|
|
41
|
+
var up = exports.up = {
|
|
49
42
|
parameters: {
|
|
50
43
|
controls: {
|
|
51
44
|
exclude: ['direction']
|
|
@@ -55,8 +48,7 @@ var up = {
|
|
|
55
48
|
direction: _index.Arrow.Direction.UP
|
|
56
49
|
}
|
|
57
50
|
};
|
|
58
|
-
exports.
|
|
59
|
-
var down = {
|
|
51
|
+
var down = exports.down = {
|
|
60
52
|
parameters: {
|
|
61
53
|
controls: {
|
|
62
54
|
exclude: ['direction']
|
|
@@ -65,5 +57,4 @@ var down = {
|
|
|
65
57
|
args: {
|
|
66
58
|
direction: _index.Arrow.Direction.DOWN
|
|
67
59
|
}
|
|
68
|
-
};
|
|
69
|
-
exports.down = down;
|
|
60
|
+
};
|
|
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.article = void 0;
|
|
7
|
-
|
|
8
7
|
var _index = require("../index");
|
|
9
|
-
|
|
10
8
|
var _constants = require("../../storybook/constants");
|
|
11
|
-
|
|
12
|
-
var _default = {
|
|
9
|
+
var _default = exports["default"] = {
|
|
13
10
|
title: 'Icon/Article',
|
|
14
11
|
component: _index.Article,
|
|
15
12
|
argTypes: {
|
|
16
13
|
releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
|
|
17
14
|
}
|
|
18
15
|
};
|
|
19
|
-
exports
|
|
20
|
-
var article = {};
|
|
21
|
-
exports.article = article;
|
|
16
|
+
var article = exports.article = {};
|
|
@@ -4,26 +4,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.saved = exports["default"] = exports.bookmark = exports.basic = exports.add = void 0;
|
|
7
|
-
|
|
8
7
|
var _index = require("../index");
|
|
9
|
-
|
|
10
8
|
var _constants = require("../../storybook/constants");
|
|
11
|
-
|
|
12
|
-
var _default = {
|
|
9
|
+
var _default = exports["default"] = {
|
|
13
10
|
title: 'Icon/Bookmark',
|
|
14
11
|
component: _index.Bookmark,
|
|
15
12
|
argTypes: {
|
|
16
13
|
releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
|
|
17
14
|
}
|
|
18
15
|
};
|
|
19
|
-
exports
|
|
20
|
-
var bookmark = {
|
|
16
|
+
var bookmark = exports.bookmark = {
|
|
21
17
|
args: {
|
|
22
18
|
type: _index.Bookmark.Type.BASIC
|
|
23
19
|
}
|
|
24
20
|
};
|
|
25
|
-
exports.
|
|
26
|
-
var basic = {
|
|
21
|
+
var basic = exports.basic = {
|
|
27
22
|
parameters: {
|
|
28
23
|
controls: {
|
|
29
24
|
exclude: ['type']
|
|
@@ -33,8 +28,7 @@ var basic = {
|
|
|
33
28
|
type: _index.Bookmark.Type.BASIC
|
|
34
29
|
}
|
|
35
30
|
};
|
|
36
|
-
exports.
|
|
37
|
-
var add = {
|
|
31
|
+
var add = exports.add = {
|
|
38
32
|
parameters: {
|
|
39
33
|
controls: {
|
|
40
34
|
exclude: ['type']
|
|
@@ -44,8 +38,7 @@ var add = {
|
|
|
44
38
|
type: _index.Bookmark.Type.ADD
|
|
45
39
|
}
|
|
46
40
|
};
|
|
47
|
-
exports.
|
|
48
|
-
var saved = {
|
|
41
|
+
var saved = exports.saved = {
|
|
49
42
|
parameters: {
|
|
50
43
|
controls: {
|
|
51
44
|
exclude: ['type']
|
|
@@ -54,5 +47,4 @@ var saved = {
|
|
|
54
47
|
args: {
|
|
55
48
|
type: _index.Bookmark.Type.SAVED
|
|
56
49
|
}
|
|
57
|
-
};
|
|
58
|
-
exports.saved = saved;
|
|
50
|
+
};
|
|
@@ -4,35 +4,27 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.changeIconColor = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
|
-
|
|
14
10
|
var _index = require("../index");
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
-
|
|
18
12
|
var IconContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
19
13
|
displayName: "changeIconColorstories__IconContainer",
|
|
20
14
|
componentId: "qv69ol-0"
|
|
21
15
|
})(["svg{background-color:", ";}"], function (props) {
|
|
22
16
|
return props.$color;
|
|
23
17
|
});
|
|
24
|
-
|
|
25
18
|
var ChangeIconColor = function ChangeIconColor(_ref) {
|
|
26
19
|
var color = _ref.color;
|
|
27
20
|
return /*#__PURE__*/_react["default"].createElement(IconContainer, {
|
|
28
21
|
$color: color
|
|
29
22
|
}, /*#__PURE__*/_react["default"].createElement(_index.Article, null));
|
|
30
23
|
};
|
|
31
|
-
|
|
32
24
|
ChangeIconColor.propTypes = {
|
|
33
25
|
color: _propTypes["default"].string
|
|
34
26
|
};
|
|
35
|
-
var _default = {
|
|
27
|
+
var _default = exports["default"] = {
|
|
36
28
|
title: 'Icon/Change Icon Color',
|
|
37
29
|
component: ChangeIconColor,
|
|
38
30
|
argTypes: {
|
|
@@ -44,6 +36,4 @@ var _default = {
|
|
|
44
36
|
}
|
|
45
37
|
}
|
|
46
38
|
};
|
|
47
|
-
exports
|
|
48
|
-
var changeIconColor = {};
|
|
49
|
-
exports.changeIconColor = changeIconColor;
|
|
39
|
+
var changeIconColor = exports.changeIconColor = {};
|
|
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.clock = void 0;
|
|
7
|
-
|
|
8
7
|
var _index = require("../index");
|
|
9
|
-
|
|
10
8
|
var _constants = require("../../storybook/constants");
|
|
11
|
-
|
|
12
|
-
var _default = {
|
|
9
|
+
var _default = exports["default"] = {
|
|
13
10
|
title: 'Icon/Clock',
|
|
14
11
|
component: _index.Clock,
|
|
15
12
|
argTypes: {
|
|
16
13
|
releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
|
|
17
14
|
}
|
|
18
15
|
};
|
|
19
|
-
exports
|
|
20
|
-
var clock = {};
|
|
21
|
-
exports.clock = clock;
|
|
16
|
+
var clock = exports.clock = {};
|
|
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.copy = void 0;
|
|
7
|
-
|
|
8
7
|
var _index = require("../index");
|
|
9
|
-
|
|
10
8
|
var _constants = require("../../storybook/constants");
|
|
11
|
-
|
|
12
|
-
var _default = {
|
|
9
|
+
var _default = exports["default"] = {
|
|
13
10
|
title: 'Icon/Copy',
|
|
14
11
|
component: _index.Copy,
|
|
15
12
|
argTypes: {
|
|
16
13
|
releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
|
|
17
14
|
}
|
|
18
15
|
};
|
|
19
|
-
exports
|
|
20
|
-
var copy = {};
|
|
21
|
-
exports.copy = copy;
|
|
16
|
+
var copy = exports.copy = {};
|
|
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.cross = void 0;
|
|
7
|
-
|
|
8
7
|
var _index = require("../index");
|
|
9
|
-
|
|
10
8
|
var _constants = require("../../storybook/constants");
|
|
11
|
-
|
|
12
|
-
var _default = {
|
|
9
|
+
var _default = exports["default"] = {
|
|
13
10
|
title: 'Icon/Cross',
|
|
14
11
|
component: _index.Cross,
|
|
15
12
|
argTypes: {
|
|
16
13
|
releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
|
|
17
14
|
}
|
|
18
15
|
};
|
|
19
|
-
exports
|
|
20
|
-
var cross = {};
|
|
21
|
-
exports.cross = cross;
|
|
16
|
+
var cross = exports.cross = {};
|
|
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.hamburger = exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _index = require("../index");
|
|
9
|
-
|
|
10
8
|
var _constants = require("../../storybook/constants");
|
|
11
|
-
|
|
12
|
-
var _default = {
|
|
9
|
+
var _default = exports["default"] = {
|
|
13
10
|
title: 'Icon/Hamburger',
|
|
14
11
|
component: _index.Hamburger,
|
|
15
12
|
argTypes: {
|
|
16
13
|
releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
|
|
17
14
|
}
|
|
18
15
|
};
|
|
19
|
-
exports
|
|
20
|
-
var hamburger = {};
|
|
21
|
-
exports.hamburger = hamburger;
|
|
16
|
+
var hamburger = exports.hamburger = {};
|
|
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.home = exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _index = require("../index");
|
|
9
|
-
|
|
10
8
|
var _constants = require("../../storybook/constants");
|
|
11
|
-
|
|
12
|
-
var _default = {
|
|
9
|
+
var _default = exports["default"] = {
|
|
13
10
|
title: 'Icon/Home',
|
|
14
11
|
component: _index.Home,
|
|
15
12
|
argTypes: {
|
|
16
13
|
releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
|
|
17
14
|
}
|
|
18
15
|
};
|
|
19
|
-
exports
|
|
20
|
-
var home = {};
|
|
21
|
-
exports.home = home;
|
|
16
|
+
var home = exports.home = {};
|
|
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.letter = exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _index = require("../index");
|
|
9
|
-
|
|
10
8
|
var _constants = require("../../storybook/constants");
|
|
11
|
-
|
|
12
|
-
var _default = {
|
|
9
|
+
var _default = exports["default"] = {
|
|
13
10
|
title: 'Icon/Letter',
|
|
14
11
|
component: _index.Letter,
|
|
15
12
|
argTypes: {
|
|
16
13
|
releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
|
|
17
14
|
}
|
|
18
15
|
};
|
|
19
|
-
exports
|
|
20
|
-
var letter = {};
|
|
21
|
-
exports.letter = letter;
|
|
16
|
+
var letter = exports.letter = {};
|
|
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.loading = exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _index = require("../index");
|
|
9
|
-
|
|
10
8
|
var _constants = require("../../storybook/constants");
|
|
11
|
-
|
|
12
|
-
var _default = {
|
|
9
|
+
var _default = exports["default"] = {
|
|
13
10
|
title: 'Icon/Loading',
|
|
14
11
|
component: _index.Loading,
|
|
15
12
|
argTypes: {
|
|
16
13
|
releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
|
|
17
14
|
}
|
|
18
15
|
};
|
|
19
|
-
exports
|
|
20
|
-
var loading = {};
|
|
21
|
-
exports.loading = loading;
|
|
16
|
+
var loading = exports.loading = {};
|
|
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.member = exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _index = require("../index");
|
|
9
|
-
|
|
10
8
|
var _constants = require("../../storybook/constants");
|
|
11
|
-
|
|
12
|
-
var _default = {
|
|
9
|
+
var _default = exports["default"] = {
|
|
13
10
|
title: 'Icon/Member',
|
|
14
11
|
component: _index.Member,
|
|
15
12
|
argTypes: {
|
|
16
13
|
releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
|
|
17
14
|
}
|
|
18
15
|
};
|
|
19
|
-
exports
|
|
20
|
-
var member = {};
|
|
21
|
-
exports.member = member;
|
|
16
|
+
var member = exports.member = {};
|
|
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.printer = exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _index = require("../index");
|
|
9
|
-
|
|
10
8
|
var _constants = require("../../storybook/constants");
|
|
11
|
-
|
|
12
|
-
var _default = {
|
|
9
|
+
var _default = exports["default"] = {
|
|
13
10
|
title: 'Icon/Printer',
|
|
14
11
|
component: _index.Printer,
|
|
15
12
|
argTypes: {
|
|
16
13
|
releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
|
|
17
14
|
}
|
|
18
15
|
};
|
|
19
|
-
exports
|
|
20
|
-
var printer = {};
|
|
21
|
-
exports.printer = printer;
|
|
16
|
+
var printer = exports.printer = {};
|