dibk-design 3.3.3 → 3.5.0

package/dist/components/Accordion.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,31 +8,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _AccordionModule = _interopRequireDefault(require("./Accordion.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-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; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-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."); }
-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); }
-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; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var Accordion = function Accordion(props) {
-  var _useState = (0, _react.useState)(props.expanded),
-    _useState2 = _slicedToArray(_useState, 2),
-    expanded = _useState2[0],
-    setExpanded = _useState2[1];
-  var _useState3 = (0, _react.useState)(props.initialized),
-    _useState4 = _slicedToArray(_useState3, 2),
-    initialized = _useState4[0],
-    setInitialized = _useState4[1];
-  var handleToggleExpand = function handleToggleExpand() {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Accordion = props => {
+  const [expanded, setExpanded] = (0, _react.useState)(props.expanded);
+  const [initialized, setInitialized] = (0, _react.useState)(props.initialized);
+  const handleToggleExpand = () => {
     setExpanded(!expanded);
     setInitialized(true);
+    if (props.onToggleExpand) {
+      props.onToggleExpand();
+    }
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setExpanded(props.expanded);
   }, [props.expanded]);
-  var renderPanel = function renderPanel() {
+  const renderPanel = () => {
     return _react.default.createElement("button", {
       className: _AccordionModule.default.panel,
       onClick: handleToggleExpand,
@@ -44,7 +34,7 @@ var Accordion = function Accordion(props) {
       className: "".concat(_AccordionModule.default.panelChevron, " ").concat(expanded ? _AccordionModule.default.expanded : "")
     }));
   };
-  var className = "".concat(_AccordionModule.default.accordion, " ").concat(props.color ? _AccordionModule.default[props.color] : "");
+  const className = "".concat(_AccordionModule.default.accordion, " ").concat(props.color ? _AccordionModule.default[props.color] : "");
   return _react.default.createElement("div", {
     className: className
   }, renderPanel(), _react.default.createElement("div", {
@@ -56,7 +46,8 @@ Accordion.propTypes = {
   titleSize: _propTypes.default.oneOf(["regular", "large"]),
   content: _propTypes.default.string,
   color: _propTypes.default.oneOf(["default", "primary", "success", "warning", "info", "lightCyan", "orange", "lightOrange", "lime", "lightLime"]),
-  expanded: _propTypes.default.bool
+  expanded: _propTypes.default.bool,
+  onToggleExpand: _propTypes.default.func
 };
 Accordion.defaultProps = {
   title: null,
@@ -66,5 +57,4 @@ Accordion.defaultProps = {
   color: "default",
   expanded: false
 };
-var _default = Accordion;
-exports.default = _default;
+var _default = exports.default = Accordion;

package/dist/components/Button.js

@@ -11,18 +11,12 @@ var _helpers = require("../functions/helpers");
 var _ButtonModule = _interopRequireDefault(require("./Button.module.scss"));
 var _reactRouterDom = require("react-router-dom");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-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; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var Button = function Button(props) {
+const Button = props => {
   var _props$href, _props$href2, _props$children;
-  var getArrowClass = function getArrowClass(arrow) {
+  const getArrowClass = arrow => {
     switch (arrow) {
       case "left":
         return _ButtonModule.default.hasArrowLeft;
@@ -32,7 +26,7 @@ var Button = function Button(props) {
         return "";
     }
   };
-  var getThemeStyle = function getThemeStyle(theme, color) {
+  const getThemeStyle = (theme, color) => {
     return {
       backgroundColor: (0, _theme.getThemePaletteBackgroundColor)(theme, color),
       color: (0, _theme.getThemePaletteTextColor)(theme, color),
@@ -40,10 +34,11 @@ var Button = function Button(props) {
       borderWidth: (0, _theme.getThemePaletteBorderColor)(theme, color) ? "1px" : "0"
     };
   };
-  var buttonProps = _objectSpread(_objectSpread({}, props), {}, {
+  let buttonProps = {
+    ...props,
     "aria-invalid": props.hasErrors || null,
     href: !props.disabled && (_props$href = props.href) !== null && _props$href !== void 0 && _props$href.length ? props.href : null
-  });
+  };
   delete buttonProps.noHover;
   delete buttonProps.hasErrors;
   delete buttonProps.rounded;
@@ -51,16 +46,16 @@ var Button = function Button(props) {
   delete buttonProps.color;
   delete buttonProps.content;
   delete buttonProps.arrow;
-  var buttonColor = (props === null || props === void 0 ? void 0 : props.inputType) === "radio" ? props.defaultChecked ? "primary" : "default" : props.color;
-  var themeStyle = props.theme ? getThemeStyle(props.theme, buttonColor) : null;
-  var className = (0, _helpers.classNameArrayToClassNameString)([_ButtonModule.default.button, _ButtonModule.default[buttonColor], _ButtonModule.default[props.size], getArrowClass(props.arrow), props.theme && _ButtonModule.default.hasTheme, props.noHover || (props === null || props === void 0 ? void 0 : props.inputType) === "radio" ? _ButtonModule.default.noHover : null, props.rounded && _ButtonModule.default.rounded, props.hasErrors && _ButtonModule.default.hasErrors, props.disabled && _ButtonModule.default.disabled]);
-  var renderReactLinkElements = function renderReactLinkElements(childElements) {
-    var childElementsthroughFragments = (0, _helpers.cloneThroughFragments)(childElements);
-    return childElementsthroughFragments.map(function (childElement, index) {
+  const buttonColor = (props === null || props === void 0 ? void 0 : props.inputType) === "radio" ? props.defaultChecked ? "primary" : "default" : props.color;
+  const themeStyle = props.theme ? getThemeStyle(props.theme, buttonColor) : null;
+  const className = (0, _helpers.classNameArrayToClassNameString)([_ButtonModule.default.button, _ButtonModule.default[buttonColor], _ButtonModule.default[props.size], getArrowClass(props.arrow), props.theme && _ButtonModule.default.hasTheme, props.noHover || (props === null || props === void 0 ? void 0 : props.inputType) === "radio" ? _ButtonModule.default.noHover : null, props.rounded && _ButtonModule.default.rounded, props.hasErrors && _ButtonModule.default.hasErrors, props.disabled && _ButtonModule.default.disabled]);
+  const renderReactLinkElements = childElements => {
+    const childElementsthroughFragments = (0, _helpers.cloneThroughFragments)(childElements);
+    return childElementsthroughFragments.map((childElement, index) => {
       var _childElement$props;
       if (!buttonProps.disabled && !!(childElement !== null && childElement !== void 0 && (_childElement$props = childElement.props) !== null && _childElement$props !== void 0 && _childElement$props.to)) {
         var _childElement$props2, _childElement$props3;
-        var childElementCopy = _react.default.cloneElement(childElement, {
+        const childElementCopy = _react.default.cloneElement(childElement, {
           className: className,
           style: themeStyle,
           key: "button-".concat(index),
@@ -130,5 +125,4 @@ Button.defaultProps = {
   noHover: false,
   arrow: "none"
 };
-var _default = Button;
-exports.default = _default;
+var _default = exports.default = Button;

package/dist/components/CheckBoxIcon.js

@@ -9,23 +9,20 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _theme = require("../functions/theme");
 var _CheckBoxIconModule = _interopRequireDefault(require("./CheckBoxIcon.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var CheckBoxIcon = function CheckBoxIcon(props) {
-  var inlineStyle = {
+const CheckBoxIcon = props => {
+  let inlineStyle = {
     height: props.size,
     width: props.size,
     fontSize: props.size
   };
   if (props.theme && props.checked) {
-    var _objectSpread2;
-    inlineStyle = _objectSpread(_objectSpread({}, inlineStyle), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, !props.hasErrors && "color", (0, _theme.getThemePaletteBackgroundColor)(props.theme, "primary")), _defineProperty(_objectSpread2, !props.hasErrors && props.showBox && "boxShadow", "0 0 0 1px ".concat((0, _theme.getThemePaletteBackgroundColor)(props.theme, "primary"))), _objectSpread2));
+    inlineStyle = {
+      ...inlineStyle,
+      [!props.hasErrors && "color"]: (0, _theme.getThemePaletteBackgroundColor)(props.theme, "primary"),
+      [!props.hasErrors && props.showBox && "boxShadow"]: "0 0 0 1px ".concat((0, _theme.getThemePaletteBackgroundColor)(props.theme, "primary"))
+    };
   }
-  var checkBoxIconProps = {
+  const checkBoxIconProps = {
     className: "".concat(_CheckBoxIconModule.default.checkBoxIcon, " ").concat(props.checked ? _CheckBoxIconModule.default.checked : "", " ").concat(props.disabled ? _CheckBoxIconModule.default.disabled : "", " ").concat(props.showBox ? _CheckBoxIconModule.default.showBox : "", " ").concat(props.hasErrors ? _CheckBoxIconModule.default.hasErrors : ""),
     style: inlineStyle
   };
@@ -51,5 +48,4 @@ CheckBoxIcon.defaultProps = {
   hasErrors: false,
   checkmarkCharacter: "✔"
 };
-var _default = CheckBoxIcon;
-exports.default = _default;
+var _default = exports.default = CheckBoxIcon;

package/dist/components/CheckBoxInput.js

@@ -10,12 +10,12 @@ var _CheckBoxIcon = _interopRequireDefault(require("./CheckBoxIcon"));
 var _asterisk = _interopRequireDefault(require("../assets/svg/asterisk.svg?url"));
 var _CheckBoxInputModule = _interopRequireDefault(require("./CheckBoxInput.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var CheckBoxInput = function CheckBoxInput(props) {
-  var labelProps = {
+const CheckBoxInput = props => {
+  const labelProps = {
     className: "".concat(_CheckBoxInputModule.default.checkBoxInput, " ").concat(props.contentOnly ? _CheckBoxInputModule.default.contentOnly : "", " ").concat(props.disabled ? _CheckBoxInputModule.default.disabled : "", " ").concat(props.hasErrors ? _CheckBoxInputModule.default.hasErrors : ""),
     htmlFor: props.id
   };
-  var iconProps = {
+  const iconProps = {
     checked: props.checked,
     disabled: props.disabled,
     theme: props.theme,
@@ -23,7 +23,7 @@ var CheckBoxInput = function CheckBoxInput(props) {
     hasErrors: props.contentOnly && props.hasErrors,
     checkmarkCharacter: props.checkmarkCharacter
   };
-  var inputProps = {
+  const inputProps = {
     id: props.id,
     name: props.name || null,
     type: "checkbox",
@@ -67,5 +67,4 @@ CheckBoxInput.defaultProps = {
   hasErrors: false,
   checkmarkCharacter: "✔"
 };
-var _default = CheckBoxInput;
-exports.default = _default;
+var _default = exports.default = CheckBoxInput;

package/dist/components/CheckBoxList.js

@@ -10,19 +10,19 @@ var _helpers = require("../functions/helpers");
 var _asterisk = _interopRequireDefault(require("../assets/svg/asterisk.svg?url"));
 var _CheckBoxListModule = _interopRequireDefault(require("./CheckBoxList.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var CheckBoxList = function CheckBoxList(props) {
+const CheckBoxList = props => {
   var _props$legend;
-  var renderChildElements = function renderChildElements(childElements) {
-    var childElementsthroughFragments = (0, _helpers.cloneThroughFragments)(childElements);
-    return childElementsthroughFragments.map(function (childElement, index) {
+  const renderChildElements = childElements => {
+    const childElementsthroughFragments = (0, _helpers.cloneThroughFragments)(childElements);
+    return childElementsthroughFragments.map((childElement, index) => {
       var _childElement$type;
-      var isCheckBoxListItem = (childElement === null || childElement === void 0 || (_childElement$type = childElement.type) === null || _childElement$type === void 0 ? void 0 : _childElement$type.name) === "CheckBoxListItem";
-      var childElementProps = isCheckBoxListItem ? {
+      const isCheckBoxListItem = (childElement === null || childElement === void 0 || (_childElement$type = childElement.type) === null || _childElement$type === void 0 ? void 0 : _childElement$type.name) === "CheckBoxListItem";
+      const childElementProps = isCheckBoxListItem ? {
         requiredGroup: props.required,
         compact: props.compact,
         key: "checkboxListItem-".concat(index)
       } : null;
-      var childElementCopy = _react.default.cloneElement(childElement, childElementProps);
+      const childElementCopy = _react.default.cloneElement(childElement, childElementProps);
       return childElementCopy;
     });
   };
@@ -39,5 +39,4 @@ CheckBoxList.propTypes = {
   required: _propTypes.default.bool,
   compact: _propTypes.default.bool
 };
-var _default = CheckBoxList;
-exports.default = _default;
+var _default = exports.default = CheckBoxList;

package/dist/components/CheckBoxListItem.js

@@ -10,10 +10,10 @@ var _CheckBoxInput = _interopRequireDefault(require("./CheckBoxInput"));
 var _helpers = require("../functions/helpers");
 var _CheckBoxListItemModule = _interopRequireDefault(require("./CheckBoxListItem.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var CheckBoxListItem = function CheckBoxListItem(props) {
-  var listItemClassNameArray = [_CheckBoxListItemModule.default.checkBoxListItem, props.checked ? _CheckBoxListItemModule.default.checked : null, props.disabled ? _CheckBoxListItemModule.default.disabled : null, props.compact ? _CheckBoxListItemModule.default.compact : null, props.contentOnly ? _CheckBoxListItemModule.default.contentOnly : null, props.hasErrors ? _CheckBoxListItemModule.default.hasErrors : null];
-  var listItemClassNameString = (0, _helpers.classNameArrayToClassNameString)(listItemClassNameArray);
-  var inputProps = {
+const CheckBoxListItem = props => {
+  const listItemClassNameArray = [_CheckBoxListItemModule.default.checkBoxListItem, props.checked ? _CheckBoxListItemModule.default.checked : null, props.disabled ? _CheckBoxListItemModule.default.disabled : null, props.compact ? _CheckBoxListItemModule.default.compact : null, props.contentOnly ? _CheckBoxListItemModule.default.contentOnly : null, props.hasErrors ? _CheckBoxListItemModule.default.hasErrors : null];
+  const listItemClassNameString = (0, _helpers.classNameArrayToClassNameString)(listItemClassNameArray);
+  const inputProps = {
     onChange: props.onChange,
     checked: props.checked,
     disabled: props.disabled,
@@ -58,5 +58,4 @@ CheckBoxListItem.defaultProps = {
   hasErrors: false,
   checkmarkCharacter: "✔"
 };
-var _default = CheckBoxListItem;
-exports.default = _default;
+var _default = exports.default = CheckBoxListItem;

package/dist/components/Container.js

@@ -7,10 +7,9 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ContainerModule = _interopRequireDefault(require("./Container.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Container = function Container(props) {
+const Container = props => {
   return _react.default.createElement("div", {
     className: _ContainerModule.default.container
   }, props.children);
 };
-var _default = Container;
-exports.default = _default;
+var _default = exports.default = Container;

package/dist/components/ContentBox.js

@@ -8,10 +8,10 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ContentBoxModule = _interopRequireDefault(require("./ContentBox.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var ContentBox = function ContentBox(props) {
+const ContentBox = props => {
   var _props$content;
-  var renderTitle = function renderTitle() {
-    var className = _ContentBoxModule.default.title + " " + _ContentBoxModule.default[props.titleSize];
+  const renderTitle = () => {
+    let className = _ContentBoxModule.default.title + " " + _ContentBoxModule.default[props.titleSize];
     if (props.title) {
       return _react.default.createElement("h2", {
         className: className
@@ -20,10 +20,10 @@ var ContentBox = function ContentBox(props) {
       return;
     }
   };
-  var colorClass = " " + _ContentBoxModule.default[props.color];
-  var linkClass = props.href ? " " + _ContentBoxModule.default.link : "";
-  var className = _ContentBoxModule.default.contentBox + colorClass + linkClass;
-  var bodyContent = (_props$content = props.content) !== null && _props$content !== void 0 && _props$content.length ? props.content : props.children;
+  let colorClass = " " + _ContentBoxModule.default[props.color];
+  let linkClass = props.href ? " " + _ContentBoxModule.default.link : "";
+  let className = _ContentBoxModule.default.contentBox + colorClass + linkClass;
+  const bodyContent = (_props$content = props.content) !== null && _props$content !== void 0 && _props$content.length ? props.content : props.children;
   if (props.href) {
     return _react.default.createElement("a", {
       href: props.href,
@@ -53,5 +53,4 @@ ContentBox.defaultProps = {
   content: "",
   color: "default"
 };
-var _default = ContentBox;
-exports.default = _default;
+var _default = exports.default = ContentBox;

package/dist/components/Dialog.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,17 +10,17 @@ var _xSymbol = _interopRequireDefault(require("../assets/svg/x-symbol.svg?url"))
 var _DialogModule = _interopRequireDefault(require("./Dialog.module.scss"));
 var _helpers = require("../functions/helpers");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-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; }
-var Dialog = function Dialog(props) {
-  var dialogRef = (0, _react.useRef)();
-  var wrapperRef = (0, _react.useCallback)(function (element) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Dialog = props => {
+  const dialogRef = (0, _react.useRef)();
+  const wrapperRef = (0, _react.useCallback)(element => {
     if (!!element) {
       (0, _helpers.addFocusTrapInsideElement)(element);
     }
   }, []);
-  (0, _react.useEffect)(function () {
-    var keyDownFunction = function keyDownFunction(event) {
+  (0, _react.useEffect)(() => {
+    const keyDownFunction = event => {
       switch (event.keyCode) {
         case 27:
           if (props.onClickOutside) props.onClickOutside();
@@ -30,7 +29,7 @@ var Dialog = function Dialog(props) {
           return null;
       }
     };
-    var handleClickOutside = function handleClickOutside(event) {
+    const handleClickOutside = event => {
       if (dialogRef !== null && dialogRef !== void 0 && dialogRef.current && !dialogRef.current.contains(event.target)) {
         props.onClickOutside();
       }
@@ -68,5 +67,4 @@ Dialog.propTypes = {
 Dialog.defaultProps = {
   maxWidth: "none"
 };
-var _default = Dialog;
-exports.default = _default;
+var _default = exports.default = Dialog;

package/dist/components/DragAndDropFileInput.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,53 +12,44 @@ var _Label = _interopRequireDefault(require("./Label"));
 var _asterisk = _interopRequireDefault(require("../assets/svg/asterisk.svg?url"));
 var _DragAndDropFileInputModule = _interopRequireDefault(require("./DragAndDropFileInput.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-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."); }
-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); }
-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; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var DragAndDropFileInput = function DragAndDropFileInput(props) {
+const DragAndDropFileInput = props => {
   var _props$errorMessage, _props$ariaDescribed;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    highlight = _useState2[0],
-    setHighlight = _useState2[1];
-  var containerElementRef = (0, _react.useRef)();
-  var fileInputElementRef = (0, _react.useRef)();
-  var preventDefaults = function preventDefaults(e) {
+  const [highlight, setHighlight] = (0, _react.useState)(false);
+  const containerElementRef = (0, _react.useRef)();
+  const fileInputElementRef = (0, _react.useRef)();
+  const preventDefaults = e => {
     e.preventDefault();
     e.stopPropagation();
   };
-  var renderValueAsText = function renderValueAsText(value, defaultContent) {
+  const renderValueAsText = (value, defaultContent) => {
     return value ? value : defaultContent;
   };
-  var handleAddButtonOnClick = function handleAddButtonOnClick() {
+  const handleAddButtonOnClick = () => {
     fileInputElementRef.current.click();
   };
-  var getErrorElementId = function getErrorElementId() {
+  const getErrorElementId = () => {
     return "".concat(props.id, "-errorMessage");
   };
-  var inputElementProps = {
+  const inputElementProps = {
     "aria-describedby": props.hasErrors && !!((_props$errorMessage = props.errorMessage) !== null && _props$errorMessage !== void 0 && _props$errorMessage.length) ? getErrorElementId() : !!((_props$ariaDescribed = props["aria-describedby"]) !== null && _props$ariaDescribed !== void 0 && _props$ariaDescribed.length) ? props["aria-describedby"] : null,
     "aria-invalid": props.hasErrors ? "true" : null,
     required: props.required
   };
-  var buttonContent;
+  let buttonContent;
   if (props.selectedFileName) {
     buttonContent = props.buttonContentWhenSelectedFile ? props.buttonContentWhenSelectedFile : props.buttonContent;
   } else {
     buttonContent = props.buttonContent;
   }
-  (0, _react.useEffect)(function () {
-    var handleFiles = function handleFiles(files) {
+  (0, _react.useEffect)(() => {
+    const handleFiles = files => {
       props.onDragAndDropChange(files);
     };
-    var handleDrop = function handleDrop(e) {
-      var files = e.dataTransfer.files;
+    const handleDrop = e => {
+      const files = e.dataTransfer.files;
       handleFiles(files);
     };
     if (containerElementRef !== null && containerElementRef !== void 0 && containerElementRef.current) {
@@ -67,16 +57,16 @@ var DragAndDropFileInput = function DragAndDropFileInput(props) {
       containerElementRef.current.addEventListener("dragover", preventDefaults, false);
       containerElementRef.current.addEventListener("dragleave", preventDefaults, false);
       containerElementRef.current.addEventListener("drop", preventDefaults, false);
-      containerElementRef.current.addEventListener("dragenter", function () {
+      containerElementRef.current.addEventListener("dragenter", () => {
         setHighlight(true);
       }, false);
-      containerElementRef.current.addEventListener("dragover", function () {
+      containerElementRef.current.addEventListener("dragover", () => {
         setHighlight(true);
       }, false);
-      containerElementRef.current.addEventListener("dragleave", function () {
+      containerElementRef.current.addEventListener("dragleave", () => {
         setHighlight(false);
       }, false);
-      containerElementRef.current.addEventListener("drop", function () {
+      containerElementRef.current.addEventListener("drop", () => {
         setHighlight(false);
       }, false);
       containerElementRef.current.addEventListener("drop", handleDrop, false);
@@ -101,9 +91,7 @@ var DragAndDropFileInput = function DragAndDropFileInput(props) {
     size: "small",
     type: "button",
     color: props.buttonColor,
-    onClick: function onClick() {
-      return handleAddButtonOnClick();
-    },
+    onClick: () => handleAddButtonOnClick(),
     content: buttonContent,
     hasErrors: props.hasErrors
   })) : null) : null, props.contentOnly ? _react.default.createElement("span", null, renderValueAsText(props.selectedFileName, props.defaultContent)) : "", _react.default.createElement(_ErrorMessage.default, {
@@ -137,5 +125,4 @@ DragAndDropFileInput.defaultProps = {
   errorMessage: "",
   required: false
 };
-var _default = DragAndDropFileInput;
-exports.default = _default;
+var _default = exports.default = DragAndDropFileInput;

package/dist/components/ErrorBox.js

@@ -9,8 +9,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _theme = require("../functions/theme");
 var _ErrorBoxModule = _interopRequireDefault(require("./ErrorBox.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var ErrorBox = function ErrorBox(props) {
-  var getThemeErrorBoxStyle = function getThemeErrorBoxStyle() {
+const ErrorBox = props => {
+  const getThemeErrorBoxStyle = () => {
     return {
       borderColor: (0, _theme.getThemePaletteBackgroundColor)(props.theme, "warning")
     };
@@ -26,5 +26,4 @@ ErrorBox.propTypes = {
 ErrorBox.defaultProps = {
   children: ""
 };
-var _default = ErrorBox;
-exports.default = _default;
+var _default = exports.default = ErrorBox;

package/dist/components/ErrorMessage.js

@@ -10,13 +10,13 @@ var _theme = require("../functions/theme");
 var _ErrorMessageModule = _interopRequireDefault(require("./ErrorMessage.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
-var ErrorMessage = function ErrorMessage(props) {
-  var getThemeErrorMessageStyle = function getThemeErrorMessageStyle(theme) {
+const ErrorMessage = props => {
+  const getThemeErrorMessageStyle = theme => {
     return {
       color: (0, _theme.getThemePaletteBackgroundColor)(theme, "warning")
     };
   };
-  var getErrorElementProps = function getErrorElementProps() {
+  const getErrorElementProps = () => {
     var _props$id;
     return {
       id: !!((_props$id = props.id) !== null && _props$id !== void 0 && _props$id.length) ? props.id : null,
@@ -36,5 +36,4 @@ ErrorMessage.propTypes = {
 ErrorMessage.defaultProps = {
   content: ""
 };
-var _default = ErrorMessage;
-exports.default = _default;
+var _default = exports.default = ErrorMessage;

package/dist/components/Footer.js

@@ -8,10 +8,9 @@ var _react = _interopRequireDefault(require("react"));
 var _Container = _interopRequireDefault(require("./Container"));
 var _FooterModule = _interopRequireDefault(require("./Footer.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Footer = function Footer(props) {
+const Footer = props => {
   return _react.default.createElement("footer", {
     className: _FooterModule.default.footer
   }, _react.default.createElement(_Container.default, null, props.children));
 };
-var _default = Footer;
-exports.default = _default;
+var _default = exports.default = Footer;

package/dist/components/Header.js

@@ -8,14 +8,14 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _HeaderModule = _interopRequireDefault(require("./Header.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Header = function Header(props) {
+const Header = props => {
   var _props$htmlTag, _props$content;
-  var bigClass = props.big ? _HeaderModule.default.bigHeader : "";
-  var themeClass = props.theme ? _HeaderModule.default.hasTheme : "";
-  var htmlTag = (_props$htmlTag = props.htmlTag) !== null && _props$htmlTag !== void 0 && _props$htmlTag.length ? props.htmlTag : "h".concat(props.size);
-  var headerClass = _HeaderModule.default.header;
-  var headerSizeClass = _HeaderModule.default["size-".concat(props.size)];
-  var headerElement = _react.default.createElement(htmlTag, {
+  const bigClass = props.big ? _HeaderModule.default.bigHeader : "";
+  const themeClass = props.theme ? _HeaderModule.default.hasTheme : "";
+  const htmlTag = (_props$htmlTag = props.htmlTag) !== null && _props$htmlTag !== void 0 && _props$htmlTag.length ? props.htmlTag : "h".concat(props.size);
+  const headerClass = _HeaderModule.default.header;
+  const headerSizeClass = _HeaderModule.default["size-".concat(props.size)];
+  let headerElement = _react.default.createElement(htmlTag, {
     className: "".concat(headerClass, " ").concat(headerSizeClass, " ").concat(bigClass, " ").concat(themeClass),
     id: props.id || null
   }, !!((_props$content = props.content) !== null && _props$content !== void 0 && _props$content.length) ? props.content : props.children);
@@ -34,5 +34,4 @@ Header.propTypes = {
 Header.defaultProps = {
   size: 1
 };
-var _default = Header;
-exports.default = _default;
+var _default = exports.default = Header;