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,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,
@@ -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
@@ -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
- _useState2 = _slicedToArray(_useState, 2),
47
- active = _useState2[0],
48
- setActive = _useState2[1];
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
@@ -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,
@@ -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;