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.
- package/dist/components/Accordion.js +6 -26
- package/dist/components/Button.js +0 -17
- package/dist/components/CheckBoxIcon.js +0 -13
- package/dist/components/CheckBoxInput.js +0 -6
- package/dist/components/CheckBoxList.js +0 -6
- package/dist/components/CheckBoxListItem.js +0 -7
- package/dist/components/Container.js +0 -4
- package/dist/components/ContentBox.js +0 -9
- package/dist/components/Dialog.js +0 -11
- package/dist/components/DragAndDropFileInput.js +6 -28
- package/dist/components/ErrorBox.js +0 -7
- package/dist/components/ErrorMessage.js +0 -7
- package/dist/components/Footer.js +0 -5
- package/dist/components/Header.js +0 -8
- package/dist/components/InputField.js +0 -23
- package/dist/components/Label.js +0 -11
- package/dist/components/List.js +0 -10
- package/dist/components/ListItem.js +0 -4
- package/dist/components/LoadingAnimation.js +0 -5
- package/dist/components/NavigationBar.js +3 -32
- package/dist/components/NavigationBarListItem.js +0 -9
- package/dist/components/Paper.js +0 -5
- package/dist/components/ProgressBar.js +0 -7
- package/dist/components/RadioButtonIcon.js +0 -13
- package/dist/components/RadioButtonInput.js +0 -6
- package/dist/components/RadioButtonList.js +0 -6
- package/dist/components/RadioButtonListItem.js +0 -7
- package/dist/components/Select.js +0 -25
- package/dist/components/Table.js +0 -4
- package/dist/components/Textarea.js +0 -19
- package/dist/components/Theme.js +0 -12
- package/dist/components/WizardNavigation/Step.js +0 -9
- package/dist/components/WizardNavigation.js +0 -7
- package/dist/functions/generators.js +0 -4
- package/dist/functions/helpers.js +0 -3
- package/dist/functions/theme.js +0 -27
- package/dist/index.js +0 -33
- 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,
|
package/dist/components/Theme.js
CHANGED
|
@@ -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;
|
package/dist/functions/theme.js
CHANGED
|
@@ -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
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
-
"
|
|
12
|
-
|
|
13
|
-
"
|
|
14
|
-
|
|
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
|
-
"
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
"
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
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
|
}
|