dibk-design 2.0.1 → 2.0.2

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 (38) hide show
  1. package/dist/components/Accordion.js +6 -26
  2. package/dist/components/Button.js +0 -17
  3. package/dist/components/CheckBoxIcon.js +0 -13
  4. package/dist/components/CheckBoxInput.js +0 -6
  5. package/dist/components/CheckBoxList.js +0 -6
  6. package/dist/components/CheckBoxListItem.js +0 -7
  7. package/dist/components/Container.js +0 -4
  8. package/dist/components/ContentBox.js +0 -9
  9. package/dist/components/Dialog.js +0 -11
  10. package/dist/components/DragAndDropFileInput.js +6 -28
  11. package/dist/components/ErrorBox.js +0 -7
  12. package/dist/components/ErrorMessage.js +0 -7
  13. package/dist/components/Footer.js +0 -5
  14. package/dist/components/Header.js +0 -8
  15. package/dist/components/InputField.js +0 -23
  16. package/dist/components/Label.js +0 -11
  17. package/dist/components/List.js +0 -10
  18. package/dist/components/ListItem.js +0 -4
  19. package/dist/components/LoadingAnimation.js +0 -5
  20. package/dist/components/NavigationBar.js +3 -32
  21. package/dist/components/NavigationBarListItem.js +0 -9
  22. package/dist/components/Paper.js +0 -5
  23. package/dist/components/ProgressBar.js +0 -7
  24. package/dist/components/RadioButtonIcon.js +0 -13
  25. package/dist/components/RadioButtonInput.js +0 -6
  26. package/dist/components/RadioButtonList.js +0 -6
  27. package/dist/components/RadioButtonListItem.js +0 -7
  28. package/dist/components/Select.js +0 -25
  29. package/dist/components/Table.js +0 -4
  30. package/dist/components/Textarea.js +0 -19
  31. package/dist/components/Theme.js +0 -12
  32. package/dist/components/WizardNavigation/Step.js +0 -9
  33. package/dist/components/WizardNavigation.js +0 -7
  34. package/dist/functions/generators.js +0 -4
  35. package/dist/functions/helpers.js +0 -3
  36. package/dist/functions/theme.js +0 -27
  37. package/dist/index.js +0 -33
  38. package/package.json +79 -79
@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _Label = _interopRequireDefault(require("./Label"));
13
-
14
10
  var _ErrorMessage = _interopRequireDefault(require("./ErrorMessage"));
15
-
16
11
  var _theme = require("../functions/theme");
17
-
18
12
  var _generators = require("../functions/generators");
19
-
20
13
  var _TextareaModule = _interopRequireDefault(require("./Textarea.module.scss"));
21
-
22
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
-
24
15
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
25
-
26
16
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
27
-
28
17
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
29
-
30
18
  var Textarea = function Textarea(props) {
31
19
  var getThemeErrorInputStyle = function getThemeErrorInputStyle(theme) {
32
20
  return {
@@ -34,23 +22,18 @@ var Textarea = function Textarea(props) {
34
22
  borderColor: (0, _theme.getThemePaletteBackgroundColor)(theme, "warning")
35
23
  };
36
24
  };
37
-
38
25
  var renderValueAsText = function renderValueAsText(value, defaultContent) {
39
26
  return value ? value : defaultContent;
40
27
  };
41
-
42
28
  var renderInputField = function renderInputField() {
43
29
  var _props$value, _props$defaultValue, _props$width, _props$resize, _textareaElementProps;
44
-
45
30
  var defaultValue = !((_props$value = props.value) !== null && _props$value !== void 0 && _props$value.length) && (_props$defaultValue = props.defaultValue) !== null && _props$defaultValue !== void 0 && _props$defaultValue.length ? props.defaultValue : false;
46
31
  var defaultKey = props.elementKey || null;
47
-
48
32
  var styleRules = _objectSpread(_objectSpread(_objectSpread({}, props.hasErrors ? getThemeErrorInputStyle(props.theme) : null), ((_props$width = props.width) === null || _props$width === void 0 ? void 0 : _props$width.length) && {
49
33
  maxWidth: props.width
50
34
  }), ((_props$resize = props.resize) === null || _props$resize === void 0 ? void 0 : _props$resize.length) && {
51
35
  resize: props.resize
52
36
  });
53
-
54
37
  var textareaElementProps = (_textareaElementProps = {
55
38
  name: props.name,
56
39
  readOnly: props.readOnly,
@@ -63,7 +46,6 @@ var Textarea = function Textarea(props) {
63
46
  }, _defineProperty(_textareaElementProps, defaultValue ? "defaultValue" : "value", defaultValue || props.value), _defineProperty(_textareaElementProps, "placeholder", props.placeholder), _defineProperty(_textareaElementProps, "rows", props.rows), _defineProperty(_textareaElementProps, "className", props.hasErrors ? _TextareaModule.default.hasErrors : ""), _defineProperty(_textareaElementProps, "aria-required", props.mandatory), _defineProperty(_textareaElementProps, "style", styleRules), _textareaElementProps);
64
47
  return _react.default.createElement("textarea", textareaElementProps);
65
48
  };
66
-
67
49
  return _react.default.createElement("div", {
68
50
  className: _TextareaModule.default.textarea
69
51
  }, _react.default.createElement(_Label.default, {
@@ -73,7 +55,6 @@ var Textarea = function Textarea(props) {
73
55
  theme: props.theme
74
56
  }));
75
57
  };
76
-
77
58
  Textarea.propTypes = {
78
59
  id: _propTypes.default.string.isRequired,
79
60
  onChange: _propTypes.default.func.isRequired,
@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _theme = require("../functions/theme");
13
-
14
10
  var _dibkLogoMobile = _interopRequireDefault(require("../assets/svg/dibk-logo-mobile.svg?url"));
15
-
16
11
  var _ThemeModule = _interopRequireDefault(require("./Theme.module.scss"));
17
-
18
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
13
 
20
14
  var Theme = function Theme(props) {
@@ -24,19 +18,16 @@ var Theme = function Theme(props) {
24
18
  color: (0, _theme.getThemePaletteTextColor)(theme, color)
25
19
  };
26
20
  };
27
-
28
21
  var getThemeTextStyle = function getThemeTextStyle(theme) {
29
22
  return {
30
23
  color: (0, _theme.getThemeTextColor)(theme)
31
24
  };
32
25
  };
33
-
34
26
  var getThemeLinkStyle = function getThemeLinkStyle(theme) {
35
27
  return {
36
28
  color: (0, _theme.getThemeLinkColor)(theme)
37
29
  };
38
30
  };
39
-
40
31
  var renderColors = function renderColors(theme) {
41
32
  var colors = ["default", "primary", "success", "warning", "info", "lightCyan", "orange", "lightOrange", "lime", "lightLime"];
42
33
  return colors.map(function (color) {
@@ -49,7 +40,6 @@ var Theme = function Theme(props) {
49
40
  }, color);
50
41
  });
51
42
  };
52
-
53
43
  var renderLogo = function renderLogo(logoLink) {
54
44
  var themeLogo = (0, _theme.getThemeLogo)(props.theme);
55
45
  var themeAppName = (0, _theme.getThemeAppName)(props.theme);
@@ -64,7 +54,6 @@ var Theme = function Theme(props) {
64
54
  href: logoLink
65
55
  }, logoElement) : logoElement;
66
56
  };
67
-
68
57
  var themeTextStyle = props.theme ? getThemeTextStyle(props.theme) : null;
69
58
  var themeLinkStyle = props.theme ? getThemeLinkStyle(props.theme) : null;
70
59
  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
@@ -76,7 +65,6 @@ var Theme = function Theme(props) {
76
65
  href: "#theme"
77
66
  }, "This is a hyperlink")), renderLogo(props.theme));
78
67
  };
79
-
80
68
  Theme.propTypes = {
81
69
  theme: _propTypes.default.object
82
70
  };
@@ -4,30 +4,22 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _reactRouterDom = require("react-router-dom");
13
-
14
10
  var _StepModule = _interopRequireDefault(require("./Step.module.scss"));
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
12
 
18
13
  var Step = function Step(props) {
19
14
  var getActiveClass = function getActiveClass() {
20
15
  return props.activeStepId === props.step.id ? _StepModule.default.active : "";
21
16
  };
22
-
23
17
  var getFinishedClass = function getFinishedClass() {
24
18
  return props.step.finished ? _StepModule.default.finished : "";
25
19
  };
26
-
27
20
  var getErrorClass = function getErrorClass() {
28
21
  return props.step.hasErrors ? _StepModule.default.hasErrors : "";
29
22
  };
30
-
31
23
  var step = props.step;
32
24
  return step.link && Object.keys(step.link).length ? _react.default.createElement(_reactRouterDom.Link, {
33
25
  to: step.link,
@@ -48,7 +40,6 @@ var Step = function Step(props) {
48
40
  className: _StepModule.default.stepName
49
41
  }, props.step.name)));
50
42
  };
51
-
52
43
  Step.propTypes = {
53
44
  step: _propTypes.default.object.isRequired,
54
45
  activeStepId: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _Step = _interopRequireDefault(require("./WizardNavigation/Step"));
13
-
14
10
  var _WizardNavigationModule = _interopRequireDefault(require("./WizardNavigation.module.scss"));
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
12
 
18
13
  var WizardNavigation = function WizardNavigation(props) {
@@ -28,12 +23,10 @@ var WizardNavigation = function WizardNavigation(props) {
28
23
  });
29
24
  }) : null;
30
25
  };
31
-
32
26
  return _react.default.createElement("div", {
33
27
  className: _WizardNavigationModule.default.wizardTopnav
34
28
  }, renderSteps(props.steps, props.activeStepId));
35
29
  };
36
-
37
30
  WizardNavigation.propTypes = {
38
31
  steps: _propTypes.default.shape({
39
32
  id: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
@@ -4,17 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.generateRandomString = void 0;
7
-
8
7
  var generateRandomString = function generateRandomString(length) {
9
8
  var result = '';
10
9
  var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
11
10
  var charactersLength = characters.length;
12
-
13
11
  for (var i = 0; i < length; i++) {
14
12
  result += characters.charAt(Math.floor(Math.random() * charactersLength));
15
13
  }
16
-
17
14
  return result;
18
15
  };
19
-
20
16
  exports.generateRandomString = generateRandomString;
@@ -4,13 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.classNameArrayToClassNameString = void 0;
7
-
8
7
  var classNameArrayToClassNameString = function classNameArrayToClassNameString(classNameArray) {
9
8
  var _classNameArray$filte;
10
-
11
9
  return (classNameArray === null || classNameArray === void 0 ? void 0 : (_classNameArray$filte = classNameArray.filter(function (className) {
12
10
  return className;
13
11
  })) === null || _classNameArray$filte === void 0 ? void 0 : _classNameArray$filte.join(" ")) || "";
14
12
  };
15
-
16
13
  exports.classNameArrayToClassNameString = classNameArrayToClassNameString;
@@ -4,77 +4,50 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getThemeTextColor = exports.getThemePaletteTextColor = exports.getThemePaletteBorderColor = exports.getThemePaletteBackgroundColor = exports.getThemeNavigationBarTextColor = exports.getThemeNavigationBarBackgroundColor = exports.getThemeLogoPadding = exports.getThemeLogo = exports.getThemeLinkColor = exports.getThemeAppName = void 0;
7
-
8
7
  var getThemePaletteBackgroundColor = function getThemePaletteBackgroundColor(theme, color) {
9
8
  var _theme$colors, _theme$colors$palette, _theme$colors$palette2;
10
-
11
9
  return (theme === null || theme === void 0 ? void 0 : (_theme$colors = theme.colors) === null || _theme$colors === void 0 ? void 0 : (_theme$colors$palette = _theme$colors.palette) === null || _theme$colors$palette === void 0 ? void 0 : (_theme$colors$palette2 = _theme$colors$palette[color]) === null || _theme$colors$palette2 === void 0 ? void 0 : _theme$colors$palette2.background) || null;
12
10
  };
13
-
14
11
  exports.getThemePaletteBackgroundColor = getThemePaletteBackgroundColor;
15
-
16
12
  var getThemePaletteTextColor = function getThemePaletteTextColor(theme, color) {
17
13
  var _theme$colors2, _theme$colors2$palett, _theme$colors2$palett2;
18
-
19
14
  return (theme === null || theme === void 0 ? void 0 : (_theme$colors2 = theme.colors) === null || _theme$colors2 === void 0 ? void 0 : (_theme$colors2$palett = _theme$colors2.palette) === null || _theme$colors2$palett === void 0 ? void 0 : (_theme$colors2$palett2 = _theme$colors2$palett[color]) === null || _theme$colors2$palett2 === void 0 ? void 0 : _theme$colors2$palett2.text) || null;
20
15
  };
21
-
22
16
  exports.getThemePaletteTextColor = getThemePaletteTextColor;
23
-
24
17
  var getThemePaletteBorderColor = function getThemePaletteBorderColor(theme, color) {
25
18
  var _theme$colors3, _theme$colors3$palett, _theme$colors3$palett2;
26
-
27
19
  return (theme === null || theme === void 0 ? void 0 : (_theme$colors3 = theme.colors) === null || _theme$colors3 === void 0 ? void 0 : (_theme$colors3$palett = _theme$colors3.palette) === null || _theme$colors3$palett === void 0 ? void 0 : (_theme$colors3$palett2 = _theme$colors3$palett[color]) === null || _theme$colors3$palett2 === void 0 ? void 0 : _theme$colors3$palett2.border) || null;
28
20
  };
29
-
30
21
  exports.getThemePaletteBorderColor = getThemePaletteBorderColor;
31
-
32
22
  var getThemeNavigationBarBackgroundColor = function getThemeNavigationBarBackgroundColor(theme) {
33
23
  var _theme$colors4, _theme$colors4$naviga;
34
-
35
24
  return (theme === null || theme === void 0 ? void 0 : (_theme$colors4 = theme.colors) === null || _theme$colors4 === void 0 ? void 0 : (_theme$colors4$naviga = _theme$colors4.navigationBar) === null || _theme$colors4$naviga === void 0 ? void 0 : _theme$colors4$naviga.background) || null;
36
25
  };
37
-
38
26
  exports.getThemeNavigationBarBackgroundColor = getThemeNavigationBarBackgroundColor;
39
-
40
27
  var getThemeNavigationBarTextColor = function getThemeNavigationBarTextColor(theme) {
41
28
  var _theme$colors5, _theme$colors5$naviga;
42
-
43
29
  return (theme === null || theme === void 0 ? void 0 : (_theme$colors5 = theme.colors) === null || _theme$colors5 === void 0 ? void 0 : (_theme$colors5$naviga = _theme$colors5.navigationBar) === null || _theme$colors5$naviga === void 0 ? void 0 : _theme$colors5$naviga.text) || null;
44
30
  };
45
-
46
31
  exports.getThemeNavigationBarTextColor = getThemeNavigationBarTextColor;
47
-
48
32
  var getThemeLogo = function getThemeLogo(theme) {
49
33
  return (theme === null || theme === void 0 ? void 0 : theme.logo) || null;
50
34
  };
51
-
52
35
  exports.getThemeLogo = getThemeLogo;
53
-
54
36
  var getThemeLogoPadding = function getThemeLogoPadding(theme) {
55
37
  return (theme === null || theme === void 0 ? void 0 : theme.logoPadding) || null;
56
38
  };
57
-
58
39
  exports.getThemeLogoPadding = getThemeLogoPadding;
59
-
60
40
  var getThemeAppName = function getThemeAppName(theme) {
61
41
  return (theme === null || theme === void 0 ? void 0 : theme.appName) || null;
62
42
  };
63
-
64
43
  exports.getThemeAppName = getThemeAppName;
65
-
66
44
  var getThemeTextColor = function getThemeTextColor(theme) {
67
45
  var _theme$colors6;
68
-
69
46
  return (theme === null || theme === void 0 ? void 0 : (_theme$colors6 = theme.colors) === null || _theme$colors6 === void 0 ? void 0 : _theme$colors6.text) || null;
70
47
  };
71
-
72
48
  exports.getThemeTextColor = getThemeTextColor;
73
-
74
49
  var getThemeLinkColor = function getThemeLinkColor(theme) {
75
50
  var _theme$colors7;
76
-
77
51
  return (theme === null || theme === void 0 ? void 0 : (_theme$colors7 = theme.colors) === null || _theme$colors7 === void 0 ? void 0 : _theme$colors7.link) || null;
78
52
  };
79
-
80
53
  exports.getThemeLinkColor = getThemeLinkColor;
package/dist/index.js CHANGED
@@ -195,69 +195,36 @@ Object.defineProperty(exports, "WizardNavigationStep", {
195
195
  return _Step.default;
196
196
  }
197
197
  });
198
-
199
198
  var _Accordion = _interopRequireDefault(require("./components/Accordion"));
200
-
201
199
  var _Button = _interopRequireDefault(require("./components/Button"));
202
-
203
200
  var _CheckBoxIcon = _interopRequireDefault(require("./components/CheckBoxIcon"));
204
-
205
201
  var _CheckBoxInput = _interopRequireDefault(require("./components/CheckBoxInput"));
206
-
207
202
  var _CheckBoxList = _interopRequireDefault(require("./components/CheckBoxList"));
208
-
209
203
  var _CheckBoxListItem = _interopRequireDefault(require("./components/CheckBoxListItem"));
210
-
211
204
  var _Container = _interopRequireDefault(require("./components/Container"));
212
-
213
205
  var _ContentBox = _interopRequireDefault(require("./components/ContentBox"));
214
-
215
206
  var _Dialog = _interopRequireDefault(require("./components/Dialog"));
216
-
217
207
  var _DragAndDropFileInput = _interopRequireDefault(require("./components/DragAndDropFileInput"));
218
-
219
208
  var _ErrorBox = _interopRequireDefault(require("./components/ErrorBox"));
220
-
221
209
  var _ErrorMessage = _interopRequireDefault(require("./components/ErrorMessage"));
222
-
223
210
  var _Footer = _interopRequireDefault(require("./components/Footer"));
224
-
225
211
  var _Header = _interopRequireDefault(require("./components/Header"));
226
-
227
212
  var _InputField = _interopRequireDefault(require("./components/InputField"));
228
-
229
213
  var _Label = _interopRequireDefault(require("./components/Label"));
230
-
231
214
  var _List = _interopRequireDefault(require("./components/List"));
232
-
233
215
  var _ListItem = _interopRequireDefault(require("./components/ListItem"));
234
-
235
216
  var _LoadingAnimation = _interopRequireDefault(require("./components/LoadingAnimation"));
236
-
237
217
  var _NavigationBar = _interopRequireDefault(require("./components/NavigationBar"));
238
-
239
218
  var _NavigationBarListItem = _interopRequireDefault(require("./components/NavigationBarListItem"));
240
-
241
219
  var _Paper = _interopRequireDefault(require("./components/Paper"));
242
-
243
220
  var _ProgressBar = _interopRequireDefault(require("./components/ProgressBar"));
244
-
245
221
  var _RadioButtonIcon = _interopRequireDefault(require("./components/RadioButtonIcon"));
246
-
247
222
  var _RadioButtonInput = _interopRequireDefault(require("./components/RadioButtonInput"));
248
-
249
223
  var _RadioButtonList = _interopRequireDefault(require("./components/RadioButtonList"));
250
-
251
224
  var _RadioButtonListItem = _interopRequireDefault(require("./components/RadioButtonListItem"));
252
-
253
225
  var _Select = _interopRequireDefault(require("./components/Select"));
254
-
255
226
  var _Table = _interopRequireDefault(require("./components/Table"));
256
-
257
227
  var _Textarea = _interopRequireDefault(require("./components/Textarea"));
258
-
259
228
  var _WizardNavigation = _interopRequireDefault(require("./components/WizardNavigation"));
260
-
261
229
  var _Step = _interopRequireDefault(require("./components/WizardNavigation/Step"));
262
-
263
230
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
package/package.json CHANGED
@@ -1,83 +1,83 @@
1
1
  {
2
- "name": "dibk-design",
3
- "version": "2.0.1",
4
- "private": false,
5
- "main": "dist/index.js",
6
- "module": "dist/index.js",
7
- "files": [
8
- "dist",
9
- "README.md"
2
+ "name": "dibk-design",
3
+ "version": "2.0.2",
4
+ "private": false,
5
+ "main": "dist/index.js",
6
+ "module": "dist/index.js",
7
+ "files": [
8
+ "dist",
9
+ "README.md"
10
+ ],
11
+ "dependencies": {
12
+ "@testing-library/jest-dom": "^5.16.5",
13
+ "@testing-library/react": "^13.4.0",
14
+ "@testing-library/user-event": "^14.4.3",
15
+ "react": "^18.2.0",
16
+ "react-dom": "^18.2.0",
17
+ "react-scripts": "5.0.1",
18
+ "sass": "^1.55.0",
19
+ "web-vitals": "^3.0.3"
20
+ },
21
+ "scripts": {
22
+ "start": "react-scripts start",
23
+ "build-components": "NODE_ENV=production babel src/stories --ignore src/**/*.stories.jsx --out-dir dist/components --copy-files --no-copy-ignored",
24
+ "build-functions": "NODE_ENV=production babel src/functions --out-dir dist/functions --copy-files --no-copy-ignored",
25
+ "build-index": "NODE_ENV=production babel src/index.js --out-dir dist --copy-files --no-copy-ignored",
26
+ "build-style": "NODE_ENV=production babel src/style --out-dir dist/style --copy-files --no-copy-ignored",
27
+ "build-assets": "NODE_ENV=production babel src/assets --out-dir dist/assets --copy-files --no-copy-ignored",
28
+ "build": "rm -rf dist && yarn build-components && yarn build-functions && yarn build-index && yarn build-style && yarn build-assets",
29
+ "eject": "react-scripts eject",
30
+ "storybook": "storybook dev -p 6006 -s public",
31
+ "build-storybook": "storybook build -s public -o docs"
32
+ },
33
+ "eslintConfig": {
34
+ "extends": [
35
+ "react-app",
36
+ "react-app/jest"
10
37
  ],
11
- "dependencies": {
12
- "@testing-library/jest-dom": "^5.16.5",
13
- "@testing-library/react": "^13.4.0",
14
- "@testing-library/user-event": "^13.5.0",
15
- "react": "^18.2.0",
16
- "react-dom": "^18.2.0",
17
- "react-scripts": "5.0.1",
18
- "sass": "^1.55.0",
19
- "web-vitals": "^2.1.4"
20
- },
21
- "scripts": {
22
- "start": "react-scripts start",
23
- "build-components": "NODE_ENV=production babel src/stories --ignore src/**/*.stories.jsx --out-dir dist/components --copy-files --no-copy-ignored",
24
- "build-functions": "NODE_ENV=production babel src/functions --out-dir dist/functions --copy-files --no-copy-ignored",
25
- "build-index": "NODE_ENV=production babel src/index.js --out-dir dist --copy-files --no-copy-ignored",
26
- "build-style": "NODE_ENV=production babel src/style --out-dir dist/style --copy-files --no-copy-ignored",
27
- "build-assets": "NODE_ENV=production babel src/assets --out-dir dist/assets --copy-files --no-copy-ignored",
28
- "build": "rm -rf dist && yarn build-components && yarn build-functions && yarn build-index && yarn build-style && yarn build-assets",
29
- "eject": "react-scripts eject",
30
- "storybook": "start-storybook -p 6006 -s public",
31
- "build-storybook": "build-storybook -s public -o docs"
32
- },
33
- "eslintConfig": {
34
- "extends": [
35
- "react-app",
36
- "react-app/jest"
38
+ "overrides": [
39
+ {
40
+ "files": [
41
+ "**/*.stories.*"
37
42
  ],
38
- "overrides": [
39
- {
40
- "files": [
41
- "**/*.stories.*"
42
- ],
43
- "rules": {
44
- "import/no-anonymous-default-export": "off"
45
- }
46
- }
47
- ]
48
- },
49
- "browserslist": {
50
- "production": [
51
- ">0.2%",
52
- "not dead",
53
- "not op_mini all"
54
- ],
55
- "development": [
56
- "last 1 chrome version",
57
- "last 1 firefox version",
58
- "last 1 safari version"
59
- ]
60
- },
61
- "devDependencies": {
62
- "@babel/cli": "^7.18.10",
63
- "@storybook/addon-a11y": "^6.5.12",
64
- "@storybook/addon-actions": "^6.5.12",
65
- "@storybook/addon-essentials": "^6.5.12",
66
- "@storybook/addon-interactions": "^6.5.12",
67
- "@storybook/addon-links": "^6.5.12",
68
- "@storybook/addons": "^6.5.12",
69
- "@storybook/builder-webpack5": "^6.5.12",
70
- "@storybook/manager-webpack5": "^6.5.12",
71
- "@storybook/node-logger": "^6.5.12",
72
- "@storybook/preset-create-react-app": "^4.1.2",
73
- "@storybook/react": "^6.5.12",
74
- "@storybook/testing-library": "^0.0.13",
75
- "@storybook/theming": "^6.5.12",
76
- "babel-plugin-named-exports-order": "^0.0.2",
77
- "babel-plugin-transform-remove-console": "^6.9.4",
78
- "prop-types": "^15.8.1",
79
- "react-router-dom": "^6.4.2",
80
- "url-loader": "^4.1.1",
81
- "webpack": "^5.74.0"
82
- }
43
+ "rules": {
44
+ "import/no-anonymous-default-export": "off"
45
+ }
46
+ }
47
+ ]
48
+ },
49
+ "browserslist": {
50
+ "production": [
51
+ ">0.2%",
52
+ "not dead",
53
+ "not op_mini all"
54
+ ],
55
+ "development": [
56
+ "last 1 chrome version",
57
+ "last 1 firefox version",
58
+ "last 1 safari version"
59
+ ]
60
+ },
61
+ "devDependencies": {
62
+ "@babel/cli": "^7.18.10",
63
+ "@storybook/addon-a11y": "^7.0.0-alpha.37",
64
+ "@storybook/addon-actions": "^7.0.0-alpha.37",
65
+ "@storybook/addon-essentials": "^7.0.0-alpha.37",
66
+ "@storybook/addon-interactions": "^7.0.0-alpha.37",
67
+ "@storybook/addon-links": "^7.0.0-alpha.37",
68
+ "@storybook/addons": "^7.0.0-alpha.37",
69
+ "@storybook/node-logger": "^7.0.0-alpha.37",
70
+ "@storybook/preset-create-react-app": "^4.1.2",
71
+ "@storybook/react": "^7.0.0-alpha.37",
72
+ "@storybook/react-webpack5": "^7.0.0-alpha.37",
73
+ "@storybook/testing-library": "^0.0.14-next.0",
74
+ "@storybook/theming": "^7.0.0-alpha.37",
75
+ "babel-plugin-named-exports-order": "^0.0.2",
76
+ "babel-plugin-transform-remove-console": "^6.9.4",
77
+ "prop-types": "^15.8.1",
78
+ "react-router-dom": "^6.4.2",
79
+ "storybook": "^7.0.0-alpha.37",
80
+ "url-loader": "^4.1.1",
81
+ "webpack": "^5.74.0"
82
+ }
83
83
  }