@daoyi/nmtl-ui 2.0.1-beta.119 → 2.0.1-beta.120

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 (4) hide show
  1. package/lib/components/{Drawer-c04df870.js → Drawer-48414c2e.js} +11 -5
  2. package/lib/components/Drawer.js +1 -1
  3. package/lib/components/Header.js +14 -7
  4. package/package.json +125 -125
package/lib/components/{Drawer-c04df870.js → Drawer-48414c2e.js} RENAMED
@@ -73,7 +73,7 @@ DrawerList.propTypes = {
73
73
  setOpen: PropTypes.func.isRequired
74
74
  };
75
75
 
76
- var css_248z = ".drawer__icon {\n display: none !important;\n}\n.drawer__header {\n display: flex;\n align-items: center;\n padding: 20px;\n}\n.drawer__header-title {\n font-size: 1.125rem;\n font-weight: bold;\n}\n.drawer__list {\n padding: 10px !important;\n}\n.drawer__list .MuiSvgIcon-root {\n margin-left: 8px;\n}\n.drawer__lang {\n margin: 24px 36px !important;\n}\n\n@media screen and (max-width: 768px) {\n .drawer {\n display: flex;\n justify-content: flex-end;\n }\n .drawer__icon {\n display: flex !important;\n }\n}";
76
+ var css_248z = "@charset \"UTF-8\";\n.drawer__icon {\n display: none !important;\n}\n.drawer__header {\n display: flex;\n align-items: center;\n padding: 20px;\n}\n.drawer__header-title {\n font-size: 1.125rem;\n font-weight: bold;\n}\n.drawer__list {\n padding: 10px !important;\n}\n.drawer__list .MuiSvgIcon-root {\n margin-left: 8px;\n}\n.drawer__lang {\n margin: 24px 36px !important;\n}\n\n@media screen and (max-width: 768px) {\n .drawer {\n display: flex;\n justify-content: flex-end;\n }\n .drawer__icon {\n display: flex !important;\n }\n}\n/* 呼叫端自訂工具區（如字級縮放）：窄畫面時由 Header 收進抽屜 */\n.drawer__extraTools {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 8px 16px;\n}";
77
77
  styleInject(css_248z);
78
78
 
79
79
  var Drawer = function Drawer(_ref) {
@@ -83,7 +83,8 @@ var Drawer = function Drawer(_ref) {
83
83
  supportLanguages = _ref.supportLanguages,
84
84
  drawerList = _ref.drawerList,
85
85
  onLanguageChange = _ref.onLanguageChange,
86
- languageSelectLabel = _ref.languageSelectLabel;
86
+ languageSelectLabel = _ref.languageSelectLabel,
87
+ extraTools = _ref.extraTools;
87
88
  var _useState = useState(false),
88
89
  _useState2 = _slicedToArray(_useState, 2),
89
90
  open = _useState2[0],
@@ -137,7 +138,9 @@ var Drawer = function Drawer(_ref) {
137
138
  return onLanguageChange(value);
138
139
  },
139
140
  options: supportLanguages
140
- })));
141
+ }), extraTools && /*#__PURE__*/React__default.createElement("div", {
142
+ className: "drawer__extraTools"
143
+ }, extraTools)));
141
144
  };
142
145
  Drawer.defaultProps = {
143
146
  title: undefined,
@@ -154,7 +157,8 @@ Drawer.defaultProps = {
154
157
 
155
158
  drawerList: undefined,
156
159
  onLanguageChange: function onLanguageChange() {},
157
- languageSelectLabel: undefined
160
+ languageSelectLabel: undefined,
161
+ extraTools: undefined
158
162
  };
159
163
  Drawer.propTypes = {
160
164
  title: PropTypes.string,
@@ -164,7 +168,9 @@ Drawer.propTypes = {
164
168
  drawerList: PropTypes.arrayOf(PropTypes.any),
165
169
  onLanguageChange: PropTypes.func,
166
170
  /** 語言下拉的無障礙名稱（WCAG 3.3.2）；未提供時使用套件內 aria.header.languageSelect */
167
- languageSelectLabel: PropTypes.string
171
+ languageSelectLabel: PropTypes.string,
172
+ /** 呼叫端自訂的工具區（如字級縮放）；由 Header 一併傳入，窄畫面時顯示於抽屜內 */
173
+ extraTools: PropTypes.node
168
174
  };
169
175
 
170
176
  export { Drawer as D, checkLanguageSupport as c, defaultSupportLanguage as d };
package/lib/components/Drawer.js CHANGED
@@ -1,4 +1,4 @@
1
- export { D as default } from './Drawer-c04df870.js';
1
+ export { D as default } from './Drawer-48414c2e.js';
2
2
  import './_rollupPluginBabelHelpers-a52356f6.js';
3
3
  import 'react';
4
4
  import 'prop-types';
package/lib/components/Header.js CHANGED
@@ -8,7 +8,7 @@ import { Typography, IconButton } from '@material-ui/core';
8
8
  import { SearchOutlined } from '@material-ui/icons';
9
9
  import { K as KeywordSearch } from './KeywordSearch-fec33a2c.js';
10
10
  import { S as Select } from './Select-141d7992.js';
11
- import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-c04df870.js';
11
+ import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-48414c2e.js';
12
12
  import { getIntl } from './globalConfig';
13
13
  import { s as styleInject } from './style-inject.es-1f59c1d0.js';
14
14
  import './isObjectLike-e111475d.js';
@@ -26,7 +26,7 @@ import './Empty-c6a44967.js';
26
26
  import './useTheme-d16d02d9.js';
27
27
  import './withTheme-2d778133.js';
28
28
 
29
- var css_248z = "@charset \"UTF-8\";\n.header {\n display: flex;\n align-items: center;\n background: rgba(255, 255, 255, 0.6);\n background-color: rgba(255, 255, 255, 0.6);\n padding: 12px 36px !important;\n position: fixed;\n top: 0;\n z-index: 10;\n width: 100% !important;\n transition: top 0.3s ease-in-out;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);\n}\n.header__logo {\n display: flex;\n width: -moz-fit-content !important;\n width: fit-content !important;\n margin-right: 30px !important;\n cursor: pointer;\n text-decoration: none;\n}\n.header__logo__img {\n display: flex;\n align-items: center;\n}\n.header__logo__title {\n white-space: nowrap;\n margin-left: 1rem !important;\n font-size: 1.5rem !important;\n font-weight: 700 !important;\n font-family: \"Noto Sans TC\" !important;\n}\n.header__links {\n display: flex;\n justify-content: flex-end;\n padding-right: 14px;\n}\n.header__links a {\n text-decoration: none;\n}\n.header__links--full {\n flex: 1;\n}\n.header__links__item {\n color: rgba(0, 0, 0, 0.85);\n font-size: 1.125rem !important;\n font-weight: 500 !important;\n white-space: nowrap;\n padding: 6px 14px;\n font-family: \"Noto Sans TC\" !important;\n}\n.header__links__item--active .header__links__item {\n font-weight: 800 !important;\n background: transparent;\n border-radius: 45px;\n}\n.header__links__item:hover {\n font-weight: 800 !important;\n}\n.header__language {\n min-width: 100px !important;\n}\n.header__searchIcon {\n display: none !important;\n}\n@media screen and (max-width: 768px) {\n .header--smallUseSearchIcon .header__searchIcon {\n display: flex !important;\n margin-right: 10px !important;\n }\n .header--smallUseSearchIcon .keywordSearch {\n visibility: hidden;\n flex: 1;\n width: 0;\n }\n}\n.header--hide {\n top: -100px;\n}\n.header--focus .header__links {\n display: none;\n}\n.header .MuiTypography-root {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.header .autocomplete {\n float: right;\n}\n.header .autocomplete .MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] {\n padding: 1px 8px !important;\n}\n.header .keywordSearch {\n margin-right: 8px;\n}\n.header .keywordSearch--focus .autocomplete {\n width: 100% !important;\n}\n.header .keywordSearch--animation .autocomplete {\n width: 240px;\n transition: width 0.3s ease-in-out;\n}\n\n/* 避免寬度460以下炸版 */\n@media screen and (max-width: 460px) {\n .header .keywordSearch--animation .autocomplete {\n width: 100%;\n }\n}\n@media screen and (max-width: 768px) {\n .header {\n padding: 12px 15px !important;\n }\n .header__logo {\n margin-right: 16px !important;\n }\n .header__logo__title {\n display: none !important;\n }\n .header__links {\n display: none;\n }\n .header__links__item {\n font-size: 1rem !important;\n }\n .header__language {\n display: none !important;\n }\n .header--focus .header__logo {\n display: none !important;\n }\n\n .autocomplete__icon {\n display: none !important;\n }\n}";
29
+ var css_248z = "@charset \"UTF-8\";\n.header {\n display: flex;\n align-items: center;\n background: rgba(255, 255, 255, 0.6);\n background-color: rgba(255, 255, 255, 0.6);\n padding: 12px 36px !important;\n position: fixed;\n top: 0;\n z-index: 10;\n width: 100% !important;\n transition: top 0.3s ease-in-out;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);\n /* 呼叫端自訂工具區（如字級縮放）：與語系選單同屬右側工具列 */\n}\n.header__logo {\n display: flex;\n width: -moz-fit-content !important;\n width: fit-content !important;\n margin-right: 30px !important;\n cursor: pointer;\n text-decoration: none;\n}\n.header__logo__img {\n display: flex;\n align-items: center;\n}\n.header__logo__title {\n white-space: nowrap;\n margin-left: 1rem !important;\n font-size: 1.5rem !important;\n font-weight: 700 !important;\n font-family: \"Noto Sans TC\" !important;\n}\n.header__links {\n display: flex;\n justify-content: flex-end;\n padding-right: 14px;\n}\n.header__links a {\n text-decoration: none;\n}\n.header__links--full {\n flex: 1;\n}\n.header__links__item {\n color: rgba(0, 0, 0, 0.85);\n font-size: 1.125rem !important;\n font-weight: 500 !important;\n white-space: nowrap;\n padding: 6px 14px;\n font-family: \"Noto Sans TC\" !important;\n}\n.header__links__item--active .header__links__item {\n font-weight: 800 !important;\n background: transparent;\n border-radius: 45px;\n}\n.header__links__item:hover {\n font-weight: 800 !important;\n}\n.header__language {\n min-width: 100px !important;\n}\n.header__extraTools {\n display: flex;\n align-items: center;\n margin-right: 8px;\n}\n.header__searchIcon {\n display: none !important;\n}\n@media screen and (max-width: 768px) {\n .header--smallUseSearchIcon .header__searchIcon {\n display: flex !important;\n margin-right: 10px !important;\n }\n .header--smallUseSearchIcon .keywordSearch {\n visibility: hidden;\n flex: 1;\n width: 0;\n }\n}\n.header--hide {\n top: -100px;\n}\n.header--focus .header__links {\n display: none;\n}\n.header .MuiTypography-root {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.header .autocomplete {\n float: right;\n}\n.header .autocomplete .MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] {\n padding: 1px 8px !important;\n}\n.header .keywordSearch {\n margin-right: 8px;\n}\n.header .keywordSearch--focus .autocomplete {\n width: 100% !important;\n}\n.header .keywordSearch--animation .autocomplete {\n width: 240px;\n transition: width 0.3s ease-in-out;\n}\n\n/* 避免寬度460以下炸版 */\n@media screen and (max-width: 460px) {\n .header .keywordSearch--animation .autocomplete {\n width: 100%;\n }\n}\n@media screen and (max-width: 768px) {\n .header {\n padding: 12px 15px !important;\n /* 窄畫面比照語系選單收進抽屜，避免擠壓搜尋框 */\n }\n .header__logo {\n margin-right: 16px !important;\n }\n .header__logo__title {\n display: none !important;\n }\n .header__links {\n display: none;\n }\n .header__links__item {\n font-size: 1rem !important;\n }\n .header__language {\n display: none !important;\n }\n .header__extraTools {\n display: none !important;\n }\n .header--focus .header__logo {\n display: none !important;\n }\n\n .autocomplete__icon {\n display: none !important;\n }\n}";
30
30
  styleInject(css_248z);
31
31
 
32
32
  var showDarkModeSwitch = false;
@@ -46,7 +46,8 @@ var Header = function Header(props) {
46
46
  props.setDarkMode;
47
47
  var onLanguageChange = props.onLanguageChange,
48
48
  onSearchIconClick = props.onSearchIconClick,
49
- languageSelectLabel = props.languageSelectLabel;
49
+ languageSelectLabel = props.languageSelectLabel,
50
+ extraTools = props.extraTools;
50
51
  var history = useHistory();
51
52
  var search = history.location.search;
52
53
  var _useRouteMatch = useRouteMatch(),
@@ -149,7 +150,9 @@ var Header = function Header(props) {
149
150
  }, /*#__PURE__*/React__default.createElement(SearchOutlined, {
150
151
  fontSize: "large",
151
152
  "aria-hidden": "true"
152
- })), showDarkModeSwitch , Array.isArray(supportLanguages) && supportLanguages.length > 0 && /*#__PURE__*/React__default.createElement(Select, {
153
+ })), showDarkModeSwitch , extraTools && /*#__PURE__*/React__default.createElement("div", {
154
+ className: "header__extraTools"
155
+ }, extraTools), Array.isArray(supportLanguages) && supportLanguages.length > 0 && /*#__PURE__*/React__default.createElement(Select, {
153
156
  className: "header__language",
154
157
  ariaLabel: languageSelectLabel || getIntl().formatMessage({
155
158
  id: 'aria.header.languageSelect'
@@ -168,7 +171,8 @@ var Header = function Header(props) {
168
171
  drawerList: pages,
169
172
  supportLanguages: supportLanguages,
170
173
  onLanguageChange: onLanguageChange,
171
- languageSelectLabel: languageSelectLabel
174
+ languageSelectLabel: languageSelectLabel,
175
+ extraTools: extraTools
172
176
  }));
173
177
  };
174
178
  Header.defaultProps = {
@@ -186,7 +190,8 @@ Header.defaultProps = {
186
190
  setDarkMode: function setDarkMode() {},
187
191
  onLanguageChange: function onLanguageChange() {},
188
192
  onSearchIconClick: function onSearchIconClick() {},
189
- languageSelectLabel: undefined
193
+ languageSelectLabel: undefined,
194
+ extraTools: undefined
190
195
  };
191
196
  Header.propTypes = {
192
197
  /** Css Name */
@@ -220,7 +225,9 @@ Header.propTypes = {
220
225
  /** SearchIcon點擊時的callback */
221
226
  onSearchIconClick: PropTypes.func,
222
227
  /** 語言下拉的無障礙名稱（WCAG 3.3.2）；未提供時使用套件內 aria.header.languageSelect */
223
- languageSelectLabel: PropTypes.string
228
+ languageSelectLabel: PropTypes.string,
229
+ /** 呼叫端自訂的工具區（如字級縮放）：寬畫面顯示於語系選單之前，窄畫面隨語系一起收進抽屜 */
230
+ extraTools: PropTypes.node
224
231
  };
225
232
 
226
233
  export { Header as default };
package/package.json CHANGED
@@ -1,125 +1,125 @@
1
- {
2
- "name": "@daoyi/nmtl-ui",
3
- "version": "2.0.1-beta.119",
4
- "description": "This project is to be used as a starter kit for building React component using Storybook and Rollup",
5
- "author": "daoyi",
6
- "main": "lib/index.js",
7
- "typings": "lib/index.d.ts",
8
- "files": [
9
- "lib"
10
- ],
11
- "repository": {
12
- "type": "git",
13
- "url": "https://github.com/HsunTsai/react-storybook-jsx-starter"
14
- },
15
- "dependencies": {
16
- "@geometricpanda/storybook-addon-badges": "0.2.2",
17
- "@material-ui/core": "4.12.3",
18
- "@material-ui/icons": "4.11.2",
19
- "@material-ui/lab": "4.0.0-alpha.60",
20
- "@material-ui/styles": "4.11.4",
21
- "axios": "0.21.1",
22
- "babel-eslint": "10.1.0",
23
- "classnames": "2.3.1",
24
- "d3": "5.16.0",
25
- "d3-selection": "1.4.2",
26
- "d3-transition": "1.3.2",
27
- "dom-to-image": "2.6.0",
28
- "formik": "2.2.9",
29
- "html-to-react": "1.4.5",
30
- "jquery": "3.6.0",
31
- "js-file-download": "0.4.12",
32
- "jszip": "3.7.1",
33
- "lodash": "4.17.21",
34
- "markdown-it": "12.0.6",
35
- "moment": "^2.29.4",
36
- "notistack": "1.0.10",
37
- "prop-types": "15.7.2",
38
- "query-string": "6.12.1",
39
- "react": "16.14.0",
40
- "react-awesome-lightbox": "^1.8.1",
41
- "react-data-export": "0.6.0",
42
- "react-dom": "16.14.0",
43
- "react-dropzone": "11.3.2",
44
- "react-facebook-login": "4.1.1",
45
- "react-file-download": "0.3.5",
46
- "react-font-size-changer": "0.2.0",
47
- "react-google-login": "5.2.2",
48
- "react-intl": "5.8.0",
49
- "react-redux": "7.2.5",
50
- "react-router-dom": "5.2.0",
51
- "react-share": "4.4.0",
52
- "react-slick": "^0.28.1",
53
- "redux": "4.1.0",
54
- "sass": "1.41.1",
55
- "screenfull": "5.2.0",
56
- "slick-carousel": "^1.8.1",
57
- "styled-components": "5.3.5",
58
- "xlsx": "0.18.5"
59
- },
60
- "devDependencies": {
61
- "@babel/core": "7.14.8",
62
- "@babel/preset-env": "7.14.8",
63
- "@babel/preset-react": "7.14.5",
64
- "@rollup/plugin-babel": "5.3.1",
65
- "@rollup/plugin-commonjs": "22.0.0",
66
- "@rollup/plugin-node-resolve": "13.2.1",
67
- "@rollup/plugin-replace": "4.0.0",
68
- "@rollup/plugin-image": "2.1.1",
69
- "@rollup/plugin-json": "4.1.0",
70
- "@storybook/addon-essentials": "6.5.13",
71
- "@storybook/addon-links": "6.5.13",
72
- "@storybook/addon-notes": "6.0.0-alpha.6",
73
- "@storybook/addons": "6.5.13",
74
- "@storybook/preset-scss": "1.0.3",
75
- "@storybook/react": "6.5.13",
76
- "autoprefixer": "9.8.6",
77
- "babel-loader": "8.2.2",
78
- "babel-plugin-transform-imports": "2.0.0",
79
- "css-loader": "1.0.1",
80
- "eslint": "7.2.0",
81
- "eslint-config-airbnb": "18.2.1",
82
- "eslint-config-node": "4.1.0",
83
- "eslint-config-prettier": "8.3.0",
84
- "eslint-loader": "4.0.2",
85
- "eslint-plugin-import": "2.22.1",
86
- "eslint-plugin-jsx-a11y": "6.4.1",
87
- "eslint-plugin-node": "11.1.0",
88
- "eslint-plugin-prettier": "3.4.1",
89
- "eslint-plugin-react": "7.21.5",
90
- "eslint-plugin-react-hooks": "1.7.0",
91
- "http-proxy-middleware": "1.3.1",
92
- "prettier": "2.4.1",
93
- "rollup": "2.70.2",
94
- "rollup-plugin-cleaner": "1.0.0",
95
- "rollup-plugin-postcss": "4.0.1",
96
- "rollup-plugin-terser": "7.0.2",
97
- "sass-loader": "7.1.0",
98
- "style-loader": "0.22.1"
99
- },
100
- "browserslist": {
101
- "production": [
102
- ">0.2%",
103
- "not dead",
104
- "not op_mini all"
105
- ],
106
- "development": [
107
- "last 1 chrome version",
108
- "last 1 firefox version",
109
- "last 1 safari version"
110
- ]
111
- },
112
- "scripts": {
113
- "start": "set NODE_OPTIONS=--max_old_space_size=16384 && yarn storybook",
114
- "lint": "eslint ./src/**/*.{js,jsx}",
115
- "format": "prettier --write --tab-width 4 --use-tabs true \"{,src/**/}*.{js,jsx}\"",
116
- "storybook": "start-storybook -p 6006 --no-open",
117
- "build": "rollup -c && npm run build-index",
118
- "build-index": "node ./rollup.index.js",
119
- "build-storybook": "build-storybook -c .storybook -o public",
120
- "create": "node ./buildUtils/create.js",
121
- "pub": "npm version patch -m Publish && npm publish",
122
- "pub-alpha": "npm version prerelease --preid=alpha && npm publish --tag alpha",
123
- "pub-beta": "npm version prerelease --preid=beta && npm publish --tag beta"
124
- }
125
- }
1
+ {
2
+ "name": "@daoyi/nmtl-ui",
3
+ "version": "2.0.1-beta.120",
4
+ "description": "This project is to be used as a starter kit for building React component using Storybook and Rollup",
5
+ "author": "daoyi",
6
+ "main": "lib/index.js",
7
+ "typings": "lib/index.d.ts",
8
+ "files": [
9
+ "lib"
10
+ ],
11
+ "repository": {
12
+ "type": "git",
13
+ "url": "https://github.com/HsunTsai/react-storybook-jsx-starter"
14
+ },
15
+ "dependencies": {
16
+ "@geometricpanda/storybook-addon-badges": "0.2.2",
17
+ "@material-ui/core": "4.12.3",
18
+ "@material-ui/icons": "4.11.2",
19
+ "@material-ui/lab": "4.0.0-alpha.60",
20
+ "@material-ui/styles": "4.11.4",
21
+ "axios": "0.21.1",
22
+ "babel-eslint": "10.1.0",
23
+ "classnames": "2.3.1",
24
+ "d3": "5.16.0",
25
+ "d3-selection": "1.4.2",
26
+ "d3-transition": "1.3.2",
27
+ "dom-to-image": "2.6.0",
28
+ "formik": "2.2.9",
29
+ "html-to-react": "1.4.5",
30
+ "jquery": "3.6.0",
31
+ "js-file-download": "0.4.12",
32
+ "jszip": "3.7.1",
33
+ "lodash": "4.17.21",
34
+ "markdown-it": "12.0.6",
35
+ "moment": "^2.29.4",
36
+ "notistack": "1.0.10",
37
+ "prop-types": "15.7.2",
38
+ "query-string": "6.12.1",
39
+ "react": "16.14.0",
40
+ "react-awesome-lightbox": "^1.8.1",
41
+ "react-data-export": "0.6.0",
42
+ "react-dom": "16.14.0",
43
+ "react-dropzone": "11.3.2",
44
+ "react-facebook-login": "4.1.1",
45
+ "react-file-download": "0.3.5",
46
+ "react-font-size-changer": "0.2.0",
47
+ "react-google-login": "5.2.2",
48
+ "react-intl": "5.8.0",
49
+ "react-redux": "7.2.5",
50
+ "react-router-dom": "5.2.0",
51
+ "react-share": "4.4.0",
52
+ "react-slick": "^0.28.1",
53
+ "redux": "4.1.0",
54
+ "sass": "1.41.1",
55
+ "screenfull": "5.2.0",
56
+ "slick-carousel": "^1.8.1",
57
+ "styled-components": "5.3.5",
58
+ "xlsx": "0.18.5"
59
+ },
60
+ "devDependencies": {
61
+ "@babel/core": "7.14.8",
62
+ "@babel/preset-env": "7.14.8",
63
+ "@babel/preset-react": "7.14.5",
64
+ "@rollup/plugin-babel": "5.3.1",
65
+ "@rollup/plugin-commonjs": "22.0.0",
66
+ "@rollup/plugin-node-resolve": "13.2.1",
67
+ "@rollup/plugin-replace": "4.0.0",
68
+ "@rollup/plugin-image": "2.1.1",
69
+ "@rollup/plugin-json": "4.1.0",
70
+ "@storybook/addon-essentials": "6.5.13",
71
+ "@storybook/addon-links": "6.5.13",
72
+ "@storybook/addon-notes": "6.0.0-alpha.6",
73
+ "@storybook/addons": "6.5.13",
74
+ "@storybook/preset-scss": "1.0.3",
75
+ "@storybook/react": "6.5.13",
76
+ "autoprefixer": "9.8.6",
77
+ "babel-loader": "8.2.2",
78
+ "babel-plugin-transform-imports": "2.0.0",
79
+ "css-loader": "1.0.1",
80
+ "eslint": "7.2.0",
81
+ "eslint-config-airbnb": "18.2.1",
82
+ "eslint-config-node": "4.1.0",
83
+ "eslint-config-prettier": "8.3.0",
84
+ "eslint-loader": "4.0.2",
85
+ "eslint-plugin-import": "2.22.1",
86
+ "eslint-plugin-jsx-a11y": "6.4.1",
87
+ "eslint-plugin-node": "11.1.0",
88
+ "eslint-plugin-prettier": "3.4.1",
89
+ "eslint-plugin-react": "7.21.5",
90
+ "eslint-plugin-react-hooks": "1.7.0",
91
+ "http-proxy-middleware": "1.3.1",
92
+ "prettier": "2.4.1",
93
+ "rollup": "2.70.2",
94
+ "rollup-plugin-cleaner": "1.0.0",
95
+ "rollup-plugin-postcss": "4.0.1",
96
+ "rollup-plugin-terser": "7.0.2",
97
+ "sass-loader": "7.1.0",
98
+ "style-loader": "0.22.1"
99
+ },
100
+ "browserslist": {
101
+ "production": [
102
+ ">0.2%",
103
+ "not dead",
104
+ "not op_mini all"
105
+ ],
106
+ "development": [
107
+ "last 1 chrome version",
108
+ "last 1 firefox version",
109
+ "last 1 safari version"
110
+ ]
111
+ },
112
+ "scripts": {
113
+ "start": "set NODE_OPTIONS=--max_old_space_size=16384 && yarn storybook",
114
+ "lint": "eslint ./src/**/*.{js,jsx}",
115
+ "format": "prettier --write --tab-width 4 --use-tabs true \"{,src/**/}*.{js,jsx}\"",
116
+ "storybook": "start-storybook -p 6006 --no-open",
117
+ "build": "rollup -c && npm run build-index",
118
+ "build-index": "node ./rollup.index.js",
119
+ "build-storybook": "build-storybook -c .storybook -o public",
120
+ "create": "node ./buildUtils/create.js",
121
+ "pub": "npm version patch -m Publish && npm publish",
122
+ "pub-alpha": "npm version prerelease --preid=alpha && npm publish --tag alpha",
123
+ "pub-beta": "npm version prerelease --preid=beta && npm publish --tag beta"
124
+ }
125
+ }