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,60 +4,41 @@ 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 _Button = _interopRequireDefault(require("./Button"));
|
|
13
|
-
|
|
14
10
|
var _Label = _interopRequireDefault(require("./Label"));
|
|
15
|
-
|
|
16
11
|
var _ErrorMessage = _interopRequireDefault(require("./ErrorMessage"));
|
|
17
|
-
|
|
18
12
|
var _theme = require("../functions/theme");
|
|
19
|
-
|
|
20
13
|
var _generators = require("../functions/generators");
|
|
21
|
-
|
|
22
14
|
var _InputFieldModule = _interopRequireDefault(require("./InputField.module.scss"));
|
|
23
|
-
|
|
24
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
|
-
|
|
26
16
|
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; }
|
|
27
|
-
|
|
28
17
|
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; }
|
|
29
|
-
|
|
30
18
|
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; }
|
|
31
|
-
|
|
32
19
|
var InputField = function InputField(props) {
|
|
33
20
|
var _props$width;
|
|
34
|
-
|
|
35
21
|
var getThemeErrorInputStyle = function getThemeErrorInputStyle(theme) {
|
|
36
22
|
return {
|
|
37
23
|
boxShadow: "0 0 3px ".concat((0, _theme.getThemePaletteBackgroundColor)(theme, "warning")),
|
|
38
24
|
borderColor: (0, _theme.getThemePaletteBackgroundColor)(theme, "warning")
|
|
39
25
|
};
|
|
40
26
|
};
|
|
41
|
-
|
|
42
27
|
var formatDate = function formatDate(inputDate) {
|
|
43
28
|
if (!inputDate) {
|
|
44
29
|
return null;
|
|
45
30
|
}
|
|
46
|
-
|
|
47
31
|
var date = new Date(inputDate);
|
|
48
32
|
var year = date.getFullYear();
|
|
49
33
|
var month = date.getMonth() + 1 < 10 ? "0".concat(date.getMonth() + 1) : date.getMonth() + 1;
|
|
50
34
|
var day = date.getDate() < 10 ? "0".concat(date.getDate()) : date.getDate();
|
|
51
35
|
return "".concat(day, ".").concat(month, ".").concat(year);
|
|
52
36
|
};
|
|
53
|
-
|
|
54
37
|
var renderValueAsText = function renderValueAsText(value, defaultContent) {
|
|
55
38
|
return props.type === "date" ? value ? formatDate(value) : defaultContent : value ? value : defaultContent;
|
|
56
39
|
};
|
|
57
|
-
|
|
58
40
|
var getInputElementProps = function getInputElementProps(defaultValue, defaultKey, styleRules) {
|
|
59
41
|
var _ref;
|
|
60
|
-
|
|
61
42
|
return _ref = {
|
|
62
43
|
name: props.name,
|
|
63
44
|
readOnly: props.readOnly,
|
|
@@ -73,14 +54,11 @@ var InputField = function InputField(props) {
|
|
|
73
54
|
onBlur: props.onBlur
|
|
74
55
|
}, _defineProperty(_ref, defaultValue ? "defaultValue" : "value", defaultValue || props.value), _defineProperty(_ref, "placeholder", props.placeholder || null), _defineProperty(_ref, "className", props.hasErrors ? _InputFieldModule.default.hasErrors : null), _defineProperty(_ref, "aria-required", props.mandatory), _defineProperty(_ref, "aria-describedby", props["aria-describedby"] || null), _defineProperty(_ref, "style", styleRules), _ref;
|
|
75
56
|
};
|
|
76
|
-
|
|
77
57
|
var defaultValue = props.defaultValue ? props.defaultValue : props.value || null;
|
|
78
58
|
var defaultKey = props.elementKey || null;
|
|
79
|
-
|
|
80
59
|
var styleRules = _objectSpread(_objectSpread({}, props.hasErrors ? getThemeErrorInputStyle(props.theme) : null), ((_props$width = props.width) === null || _props$width === void 0 ? void 0 : _props$width.length) && {
|
|
81
60
|
maxWidth: props.width
|
|
82
61
|
});
|
|
83
|
-
|
|
84
62
|
return _react.default.createElement("div", {
|
|
85
63
|
className: "".concat(_InputFieldModule.default.inputField, " ").concat(_InputFieldModule.default[props.type])
|
|
86
64
|
}, _react.default.createElement(_Label.default, {
|
|
@@ -102,7 +80,6 @@ var InputField = function InputField(props) {
|
|
|
102
80
|
theme: props.theme
|
|
103
81
|
}));
|
|
104
82
|
};
|
|
105
|
-
|
|
106
83
|
InputField.propTypes = {
|
|
107
84
|
id: _propTypes.default.string.isRequired,
|
|
108
85
|
onChange: _propTypes.default.func.isRequired,
|
package/dist/components/Label.js
CHANGED
|
@@ -4,26 +4,16 @@ 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 _LabelModule = _interopRequireDefault(require("./Label.module.scss"));
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
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); }
|
|
17
|
-
|
|
18
12
|
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; }
|
|
19
|
-
|
|
20
13
|
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; }
|
|
21
|
-
|
|
22
14
|
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; }
|
|
23
|
-
|
|
24
15
|
var Label = function Label(props) {
|
|
25
16
|
var labelProps = _objectSpread({}, props);
|
|
26
|
-
|
|
27
17
|
delete labelProps.inline;
|
|
28
18
|
delete labelProps.normalCursor;
|
|
29
19
|
var className = "".concat(_LabelModule.default.label, " ").concat(props.inline ? _LabelModule.default.inline : "", " ").concat(props.normalCursor ? _LabelModule.default.normalCursor : "");
|
|
@@ -31,7 +21,6 @@ var Label = function Label(props) {
|
|
|
31
21
|
className: className
|
|
32
22
|
}), props.children);
|
|
33
23
|
};
|
|
34
|
-
|
|
35
24
|
Label.propTypes = {
|
|
36
25
|
inline: _propTypes.default.bool,
|
|
37
26
|
normalCursor: _propTypes.default.bool
|
package/dist/components/List.js
CHANGED
|
@@ -4,34 +4,24 @@ 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 _ListModule = _interopRequireDefault(require("./List.module.scss"));
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
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; }
|
|
17
|
-
|
|
18
12
|
var List = function List(props) {
|
|
19
13
|
var renderList = function renderList() {
|
|
20
14
|
var listType = props.ordered ? "ol" : "ul";
|
|
21
15
|
var defaultListStyle = props.ordered ? "decimal" : "disc";
|
|
22
16
|
var scssValueProperty = "--listStyle";
|
|
23
|
-
|
|
24
17
|
var listElement = _react.default.createElement(listType, {
|
|
25
18
|
className: "".concat(_ListModule.default.list, " ").concat(!!props.compact ? _ListModule.default.compact : ""),
|
|
26
19
|
style: _defineProperty({}, scssValueProperty, props.listStyle || defaultListStyle)
|
|
27
20
|
}, props.children);
|
|
28
|
-
|
|
29
21
|
return listElement;
|
|
30
22
|
};
|
|
31
|
-
|
|
32
23
|
return renderList();
|
|
33
24
|
};
|
|
34
|
-
|
|
35
25
|
List.propTypes = {
|
|
36
26
|
listStyle: _propTypes.default.string,
|
|
37
27
|
compact: _propTypes.default.bool,
|
|
@@ -4,11 +4,8 @@ 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
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
10
|
|
|
14
11
|
var ListItem = function ListItem(props) {
|
|
@@ -17,7 +14,6 @@ var ListItem = function ListItem(props) {
|
|
|
17
14
|
};
|
|
18
15
|
return _react.default.createElement("li", elementProps, props.children, props.elementKey);
|
|
19
16
|
};
|
|
20
|
-
|
|
21
17
|
ListItem.propTypes = {
|
|
22
18
|
elementKey: _propTypes.default.string
|
|
23
19
|
};
|
|
@@ -4,13 +4,9 @@ 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 _LoadingAnimationModule = _interopRequireDefault(require("./LoadingAnimation.module.scss"));
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
11
|
|
|
16
12
|
var LoadingAnimation = function LoadingAnimation(props) {
|
|
@@ -18,7 +14,6 @@ var LoadingAnimation = function LoadingAnimation(props) {
|
|
|
18
14
|
className: props.fixed ? _LoadingAnimationModule.default.loadingAnimation + " " + _LoadingAnimationModule.default.fixed : _LoadingAnimationModule.default.loadingAnimation
|
|
19
15
|
}, props.message);
|
|
20
16
|
};
|
|
21
|
-
|
|
22
17
|
LoadingAnimation.propTypes = {
|
|
23
18
|
fixed: _propTypes.default.bool,
|
|
24
19
|
active: _propTypes.default.bool,
|
|
@@ -1,83 +1,58 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _NavigationBarListItem = _interopRequireDefault(require("./NavigationBarListItem"));
|
|
15
|
-
|
|
16
11
|
var _theme = require("../functions/theme");
|
|
17
|
-
|
|
18
12
|
var _dibkLogoMobile = _interopRequireDefault(require("../assets/svg/dibk-logo-mobile.svg?url"));
|
|
19
|
-
|
|
20
13
|
var _NavigationBarModule = _interopRequireDefault(require("./NavigationBar.module.scss"));
|
|
21
|
-
|
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
15
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
|
-
|
|
26
16
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
-
|
|
28
17
|
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); }
|
|
29
|
-
|
|
30
18
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
31
|
-
|
|
32
19
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
33
|
-
|
|
34
20
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
35
|
-
|
|
36
21
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
37
|
-
|
|
38
22
|
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
39
|
-
|
|
40
23
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
41
|
-
|
|
42
24
|
var NavigationBar = function NavigationBar(props) {
|
|
43
25
|
var _props$primaryListIte, _props$secondaryListI;
|
|
44
|
-
|
|
45
26
|
var _useState = (0, _react.useState)(false),
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
27
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
28
|
+
active = _useState2[0],
|
|
29
|
+
setActive = _useState2[1];
|
|
50
30
|
var toggleList = function toggleList() {
|
|
51
31
|
setActive(!active);
|
|
52
32
|
};
|
|
53
|
-
|
|
54
33
|
var getNavigationBarThemeStyle = function getNavigationBarThemeStyle(theme) {
|
|
55
34
|
return {
|
|
56
35
|
backgroundColor: (0, _theme.getThemeNavigationBarBackgroundColor)(theme),
|
|
57
36
|
color: (0, _theme.getThemeNavigationBarTextColor)(theme)
|
|
58
37
|
};
|
|
59
38
|
};
|
|
60
|
-
|
|
61
39
|
var getListItemThemeStyle = function getListItemThemeStyle(theme) {
|
|
62
40
|
return {
|
|
63
41
|
color: (0, _theme.getThemeNavigationBarTextColor)(theme),
|
|
64
42
|
borderBottomColor: (0, _theme.getThemeNavigationBarTextColor)(theme)
|
|
65
43
|
};
|
|
66
44
|
};
|
|
67
|
-
|
|
68
45
|
var getLogoThemeStyle = function getLogoThemeStyle(theme) {
|
|
69
46
|
return {
|
|
70
47
|
padding: (0, _theme.getThemeLogoPadding)(theme)
|
|
71
48
|
};
|
|
72
49
|
};
|
|
73
|
-
|
|
74
50
|
var renderPrimaryList = function renderPrimaryList() {
|
|
75
51
|
var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : props.primaryListItems;
|
|
76
52
|
var iteration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
77
53
|
var listItemThemeStyle = getListItemThemeStyle(props.theme);
|
|
78
54
|
var listItems = items.map(function (listItem, i) {
|
|
79
55
|
var key = iteration + "-" + i;
|
|
80
|
-
|
|
81
56
|
if (listItem.listItems !== undefined) {
|
|
82
57
|
return _react.default.createElement("li", {
|
|
83
58
|
key: key
|
|
@@ -96,7 +71,6 @@ var NavigationBar = function NavigationBar(props) {
|
|
|
96
71
|
className: _NavigationBarModule.default.primaryList
|
|
97
72
|
}, listItems);
|
|
98
73
|
};
|
|
99
|
-
|
|
100
74
|
var renderSecondaryList = function renderSecondaryList() {
|
|
101
75
|
var listItems = props.secondaryListItems.map(function (listItem, i) {
|
|
102
76
|
return _react.default.createElement(_NavigationBarListItem.default, {
|
|
@@ -109,7 +83,6 @@ var NavigationBar = function NavigationBar(props) {
|
|
|
109
83
|
className: _NavigationBarModule.default.secondaryList
|
|
110
84
|
}, listItems);
|
|
111
85
|
};
|
|
112
|
-
|
|
113
86
|
var renderLogo = function renderLogo(logoLink) {
|
|
114
87
|
var themeLogo = (0, _theme.getThemeLogo)(props.theme);
|
|
115
88
|
var themeAppName = (0, _theme.getThemeAppName)(props.theme);
|
|
@@ -129,7 +102,6 @@ var NavigationBar = function NavigationBar(props) {
|
|
|
129
102
|
href: logoLink
|
|
130
103
|
}), logoElement) : logoElement;
|
|
131
104
|
};
|
|
132
|
-
|
|
133
105
|
var navigationBarThemeStyle = getNavigationBarThemeStyle(props.theme);
|
|
134
106
|
var hamburgerIconLineStyle = {
|
|
135
107
|
backgroundColor: (0, _theme.getThemeNavigationBarTextColor)(props.theme)
|
|
@@ -172,7 +144,6 @@ var NavigationBar = function NavigationBar(props) {
|
|
|
172
144
|
className: "".concat(_NavigationBarModule.default.dropdownOverlay, " ").concat(active ? _NavigationBarModule.default.active : "")
|
|
173
145
|
})));
|
|
174
146
|
};
|
|
175
|
-
|
|
176
147
|
NavigationBar.propTypes = {
|
|
177
148
|
primaryListItems: _propTypes.default.array,
|
|
178
149
|
secondaryListItems: _propTypes.default.array,
|
|
@@ -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
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
17
|
-
|
|
18
12
|
var NavigationBarListItem = function NavigationBarListItem(props) {
|
|
19
13
|
var getListItemThemeStyle = function getListItemThemeStyle() {
|
|
20
14
|
return {
|
|
@@ -22,9 +16,7 @@ var NavigationBarListItem = function NavigationBarListItem(props) {
|
|
|
22
16
|
borderBottomColor: (0, _theme.getThemeNavigationBarTextColor)(props.theme)
|
|
23
17
|
};
|
|
24
18
|
};
|
|
25
|
-
|
|
26
19
|
var listItemThemeStyle = getListItemThemeStyle();
|
|
27
|
-
|
|
28
20
|
if (typeof props.listItem === "string") {
|
|
29
21
|
return _react.default.createElement("li", null, _react.default.createElement("span", {
|
|
30
22
|
style: listItemThemeStyle
|
|
@@ -38,7 +30,6 @@ var NavigationBarListItem = function NavigationBarListItem(props) {
|
|
|
38
30
|
return null;
|
|
39
31
|
}
|
|
40
32
|
};
|
|
41
|
-
|
|
42
33
|
NavigationBarListItem.propTypes = {
|
|
43
34
|
listItem: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
|
|
44
35
|
theme: _propTypes.default.object
|
package/dist/components/Paper.js
CHANGED
|
@@ -4,13 +4,9 @@ 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 _PaperModule = _interopRequireDefault(require("./Paper.module.scss"));
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
11
|
|
|
16
12
|
var Paper = function Paper(props) {
|
|
@@ -18,7 +14,6 @@ var Paper = function Paper(props) {
|
|
|
18
14
|
className: "".concat(_PaperModule.default.paper, " ").concat(props.noMargin ? _PaperModule.default.noMargin : "", " ").concat(props.noPadding ? _PaperModule.default.noPadding : "")
|
|
19
15
|
}, props.children);
|
|
20
16
|
};
|
|
21
|
-
|
|
22
17
|
Paper.propTypes = {
|
|
23
18
|
noMargin: _propTypes.default.bool,
|
|
24
19
|
noPadding: _propTypes.default.bool
|
|
@@ -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 _ProgressBarModule = _interopRequireDefault(require("./ProgressBar.module.scss"));
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
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; }
|
|
17
|
-
|
|
18
12
|
var ProgressBar = function ProgressBar(props) {
|
|
19
13
|
var scssValueProperty = "--value";
|
|
20
14
|
return _react.default.createElement("div", {
|
|
@@ -26,7 +20,6 @@ var ProgressBar = function ProgressBar(props) {
|
|
|
26
20
|
style: _defineProperty({}, scssValueProperty, props.progress || 0)
|
|
27
21
|
});
|
|
28
22
|
};
|
|
29
|
-
|
|
30
23
|
ProgressBar.propTypes = {
|
|
31
24
|
progress: _propTypes.default.number,
|
|
32
25
|
hasErrors: _propTypes.default.bool
|
|
@@ -4,42 +4,29 @@ 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 _RadioButtonIconModule = _interopRequireDefault(require("./RadioButtonIcon.module.scss"));
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
12
|
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; }
|
|
19
|
-
|
|
20
13
|
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; }
|
|
21
|
-
|
|
22
14
|
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; }
|
|
23
|
-
|
|
24
15
|
var RadioButtonIcon = function RadioButtonIcon(props) {
|
|
25
16
|
var inlineStyle = {
|
|
26
17
|
height: props.size,
|
|
27
18
|
width: props.size
|
|
28
19
|
};
|
|
29
|
-
|
|
30
20
|
if (props.theme && props.checked) {
|
|
31
21
|
var _objectSpread2;
|
|
32
|
-
|
|
33
22
|
inlineStyle = _objectSpread(_objectSpread({}, inlineStyle), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, !props.hasErrors && "background", (0, _theme.getThemePaletteBackgroundColor)(props.theme, "primary")), _defineProperty(_objectSpread2, !props.hasErrors && "boxShadow", "0 0 0 1px ".concat((0, _theme.getThemePaletteBackgroundColor)(props.theme, "primary"))), _objectSpread2));
|
|
34
23
|
}
|
|
35
|
-
|
|
36
24
|
var radioButtonIconProps = {
|
|
37
25
|
className: "".concat(_RadioButtonIconModule.default.radioButtonIcon, " ").concat(props.checked ? _RadioButtonIconModule.default.checked : "", " ").concat(props.disabled ? _RadioButtonIconModule.default.disabled : "", " ").concat(props.hasErrors ? _RadioButtonIconModule.default.hasErrors : ""),
|
|
38
26
|
style: inlineStyle
|
|
39
27
|
};
|
|
40
28
|
return _react.default.createElement("span", radioButtonIconProps);
|
|
41
29
|
};
|
|
42
|
-
|
|
43
30
|
RadioButtonIcon.propTypes = {
|
|
44
31
|
size: _propTypes.default.string,
|
|
45
32
|
checked: _propTypes.default.bool,
|
|
@@ -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 _RadioButtonIcon = _interopRequireDefault(require("./RadioButtonIcon"));
|
|
13
|
-
|
|
14
10
|
var _RadioButtonInputModule = _interopRequireDefault(require("./RadioButtonInput.module.scss"));
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
12
|
|
|
18
13
|
var RadioButtonInput = function RadioButtonInput(props) {
|
|
@@ -39,7 +34,6 @@ var RadioButtonInput = function RadioButtonInput(props) {
|
|
|
39
34
|
};
|
|
40
35
|
return _react.default.createElement("label", labelProps, !props.contentOnly ? _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_RadioButtonIcon.default, iconProps), _react.default.createElement("input", inputProps)) : null, _react.default.createElement("span", null, props.children));
|
|
41
36
|
};
|
|
42
|
-
|
|
43
37
|
RadioButtonInput.propTypes = {
|
|
44
38
|
checked: _propTypes.default.bool,
|
|
45
39
|
disabled: _propTypes.default.bool,
|
|
@@ -4,23 +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 _RadioButtonListModule = _interopRequireDefault(require("./RadioButtonList.module.scss"));
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
11
|
|
|
16
12
|
var RadioButtonList = function RadioButtonList(props) {
|
|
17
13
|
var _props$legend;
|
|
18
|
-
|
|
19
14
|
return _react.default.createElement("fieldset", {
|
|
20
15
|
className: _RadioButtonListModule.default.radioButtonList
|
|
21
16
|
}, !!((_props$legend = props.legend) !== null && _props$legend !== void 0 && _props$legend.length) ? _react.default.createElement("legend", null, props.legend) : null, props.children);
|
|
22
17
|
};
|
|
23
|
-
|
|
24
18
|
RadioButtonList.propTypes = {
|
|
25
19
|
legend: _propTypes.default.string
|
|
26
20
|
};
|
|
@@ -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 _RadioButtonInput = _interopRequireDefault(require("./RadioButtonInput"));
|
|
13
|
-
|
|
14
10
|
var _helpers = require("../functions/helpers");
|
|
15
|
-
|
|
16
11
|
var _RadioButtonListItemModule = _interopRequireDefault(require("./RadioButtonListItem.module.scss"));
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
13
|
|
|
20
14
|
var RadioButtonListItem = function RadioButtonListItem(props) {
|
|
@@ -35,7 +29,6 @@ var RadioButtonListItem = function RadioButtonListItem(props) {
|
|
|
35
29
|
className: listItemClassNameString
|
|
36
30
|
}, _react.default.createElement(_RadioButtonInput.default, inputProps, props.children));
|
|
37
31
|
};
|
|
38
|
-
|
|
39
32
|
RadioButtonListItem.propTypes = {
|
|
40
33
|
inputValue: _propTypes.default.string.isRequired,
|
|
41
34
|
checked: _propTypes.default.bool,
|
|
@@ -4,31 +4,18 @@ 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 _SelectModule = _interopRequireDefault(require("./Select.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
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
31
|
-
|
|
32
19
|
var Select = function Select(props) {
|
|
33
20
|
var getThemeErrorInputStyle = function getThemeErrorInputStyle(theme) {
|
|
34
21
|
return {
|
|
@@ -36,13 +23,11 @@ var Select = function Select(props) {
|
|
|
36
23
|
borderColor: (0, _theme.getThemePaletteBackgroundColor)(theme, "warning")
|
|
37
24
|
};
|
|
38
25
|
};
|
|
39
|
-
|
|
40
26
|
var getThemeArrowStyle = function getThemeArrowStyle(theme) {
|
|
41
27
|
return {
|
|
42
28
|
borderTopColor: (0, _theme.getThemePaletteBackgroundColor)(theme, "primary")
|
|
43
29
|
};
|
|
44
30
|
};
|
|
45
|
-
|
|
46
31
|
var getKeyByValue = function getKeyByValue(value, options) {
|
|
47
32
|
var selectedOption = options && options.length ? options.find(function (option) {
|
|
48
33
|
if (_typeof(option) === "object") {
|
|
@@ -51,7 +36,6 @@ var Select = function Select(props) {
|
|
|
51
36
|
return option === value;
|
|
52
37
|
}
|
|
53
38
|
}) : null;
|
|
54
|
-
|
|
55
39
|
if (selectedOption && selectedOption.key) {
|
|
56
40
|
return selectedOption.key;
|
|
57
41
|
} else if (selectedOption && selectedOption.value) {
|
|
@@ -60,11 +44,9 @@ var Select = function Select(props) {
|
|
|
60
44
|
return selectedOption;
|
|
61
45
|
}
|
|
62
46
|
};
|
|
63
|
-
|
|
64
47
|
var renderOptionElements = function renderOptionElements(options) {
|
|
65
48
|
return options.map(function (option, key) {
|
|
66
49
|
var optionObject = null;
|
|
67
|
-
|
|
68
50
|
if (_typeof(option) === "object") {
|
|
69
51
|
optionObject = {
|
|
70
52
|
key: option.key ? option.key : "",
|
|
@@ -76,21 +58,18 @@ var Select = function Select(props) {
|
|
|
76
58
|
value: option
|
|
77
59
|
};
|
|
78
60
|
}
|
|
79
|
-
|
|
80
61
|
return _react.default.createElement("option", {
|
|
81
62
|
value: optionObject.value,
|
|
82
63
|
key: key
|
|
83
64
|
}, optionObject.key);
|
|
84
65
|
});
|
|
85
66
|
};
|
|
86
|
-
|
|
87
67
|
var renderPlaceholderOption = function renderPlaceholderOption(placeholder, placeholderValue) {
|
|
88
68
|
return placeholder ? _react.default.createElement("option", {
|
|
89
69
|
value: placeholderValue,
|
|
90
70
|
disabled: true
|
|
91
71
|
}, placeholder) : "";
|
|
92
72
|
};
|
|
93
|
-
|
|
94
73
|
if (props.contentOnly) {
|
|
95
74
|
var value = props.defaultValue ? props.defaultValue : props.value || null;
|
|
96
75
|
return _react.default.createElement("div", {
|
|
@@ -100,13 +79,10 @@ var Select = function Select(props) {
|
|
|
100
79
|
}, props.label), _react.default.createElement("span", null, value ? props.keyAsContent ? getKeyByValue(value, props.options) : value : props.defaultContent));
|
|
101
80
|
} else {
|
|
102
81
|
var _props$width, _selectElementProps, _props$width2;
|
|
103
|
-
|
|
104
82
|
var defaultValue = !props.value && props.defaultValue ? props.defaultValue : false;
|
|
105
|
-
|
|
106
83
|
var styleRules = _objectSpread(_objectSpread({}, props.hasErrors ? getThemeErrorInputStyle(props.theme) : null), ((_props$width = props.width) === null || _props$width === void 0 ? void 0 : _props$width.length) && {
|
|
107
84
|
maxWidth: props.width
|
|
108
85
|
});
|
|
109
|
-
|
|
110
86
|
var selectElementProps = (_selectElementProps = {
|
|
111
87
|
name: props.name,
|
|
112
88
|
multiple: props.multiple
|
|
@@ -129,7 +105,6 @@ var Select = function Select(props) {
|
|
|
129
105
|
}));
|
|
130
106
|
}
|
|
131
107
|
};
|
|
132
|
-
|
|
133
108
|
Select.propTypes = {
|
|
134
109
|
id: _propTypes.default.string.isRequired,
|
|
135
110
|
onChange: _propTypes.default.func.isRequired,
|
package/dist/components/Table.js
CHANGED
|
@@ -4,11 +4,8 @@ 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 _TableModule = _interopRequireDefault(require("./Table.module.scss"));
|
|
11
|
-
|
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
10
|
|
|
14
11
|
var Table = function Table(props) {
|
|
@@ -16,6 +13,5 @@ var Table = function Table(props) {
|
|
|
16
13
|
className: _TableModule.default.table
|
|
17
14
|
}, props.children);
|
|
18
15
|
};
|
|
19
|
-
|
|
20
16
|
var _default = Table;
|
|
21
17
|
exports.default = _default;
|