dibk-design 7.2.2 → 7.4.0

package/dist/components/Accordion.js

@@ -33,14 +33,14 @@ const Accordion = props => {
     }), _react.default.createElement("span", {
       className: _AccordionModule.default.panelText
     }, props.title), _react.default.createElement("span", {
-      className: `${_AccordionModule.default.panelChevron} ${expanded ? _AccordionModule.default.expanded : ""}`
+      className: "".concat(_AccordionModule.default.panelChevron, " ").concat(expanded ? _AccordionModule.default.expanded : "")
     }));
   };
   const className = (0, _helpers.classNameArrayToClassNameString)([_AccordionModule.default.accordion, props.color && _AccordionModule.default[props.color], !props.noMargin && _AccordionModule.default.margin]);
   return _react.default.createElement("div", {
     className: className
   }, renderPanel(), _react.default.createElement("div", {
-    className: `${_AccordionModule.default.content} ${initialized ? _AccordionModule.default.initialized : ""} ${expanded ? _AccordionModule.default.expanded : ""}`
+    className: "".concat(_AccordionModule.default.content, " ").concat(initialized ? _AccordionModule.default.initialized : "", " ").concat(expanded ? _AccordionModule.default.expanded : "")
   }, props.children));
 };
 Accordion.propTypes = {

package/dist/components/Button.js

@@ -13,7 +13,13 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 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 && {}.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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, 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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const Button = props => {
+  var _props$href, _props$href2, _props$children;
   const getArrowClass = arrow => {
     switch (arrow) {
       case "left":
@@ -24,11 +30,10 @@ const Button = props => {
         return "";
     }
   };
-  let buttonProps = {
-    ...props,
+  let buttonProps = _objectSpread(_objectSpread({}, props), {}, {
     "aria-invalid": props.hasErrors || null,
-    href: !props.disabled && props.href?.length ? props.href : 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;
@@ -37,21 +42,23 @@ const Button = props => {
   delete buttonProps.content;
   delete buttonProps.arrow;
   delete buttonProps.noMargin;
-  const buttonColor = props?.inputType === "radio" ? props.defaultChecked ? "primary" : "secondary" : props.color;
-  const className = (0, _helpers.classNameArrayToClassNameString)([_ButtonModule.default.button, _ButtonModule.default[buttonColor], _ButtonModule.default[props.size], getArrowClass(props.arrow), props.noHover || props?.inputType === "radio" ? _ButtonModule.default.noHover : null, props.rounded && _ButtonModule.default.rounded, props.hasErrors && _ButtonModule.default.hasErrors, props.disabled && _ButtonModule.default.disabled, props.noMargin && _ButtonModule.default.noMargin]);
+  const buttonColor = (props === null || props === void 0 ? void 0 : props.inputType) === "radio" ? props.defaultChecked ? "primary" : "secondary" : props.color;
+  const className = (0, _helpers.classNameArrayToClassNameString)([_ButtonModule.default.button, _ButtonModule.default[buttonColor], _ButtonModule.default[props.size], getArrowClass(props.arrow), 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, props.noMargin && _ButtonModule.default.noMargin]);
   const renderReactLinkElements = childElements => {
     const childElementsthroughFragments = (0, _helpers.cloneThroughFragments)(childElements);
     return childElementsthroughFragments.map((childElement, index) => {
-      if (!buttonProps.disabled && !!childElement?.props?.to) {
+      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;
         const childElementCopy = _react.default.cloneElement(childElement, {
           className: className,
-          key: `button-${index}`,
-          to: !buttonProps.disabled && childElement?.props?.to ? childElement?.props?.to : null
+          key: "button-".concat(index),
+          to: !buttonProps.disabled && childElement !== null && childElement !== void 0 && (_childElement$props2 = childElement.props) !== null && _childElement$props2 !== void 0 && _childElement$props2.to ? childElement === null || childElement === void 0 || (_childElement$props3 = childElement.props) === null || _childElement$props3 === void 0 ? void 0 : _childElement$props3.to : null
         });
         return childElementCopy;
       } else {
         return _react.default.createElement("button", _extends({}, buttonProps, {
-          key: `button-${index}`,
+          key: "button-".concat(index),
           className: className
         }), props.content || childElement.props.children);
       }
@@ -69,11 +76,11 @@ const Button = props => {
     }, _react.default.createElement("input", _extends({}, buttonProps, {
       type: "radio"
     })), props.content);
-  } else if (props.href?.length && !props.disabled) {
+  } else if ((_props$href2 = props.href) !== null && _props$href2 !== void 0 && _props$href2.length && !props.disabled) {
     return _react.default.createElement("a", _extends({}, buttonProps, {
       className: className
     }), props.content || props.children);
-  } else if (props?.children?.type === _reactRouterDom.Link) {
+  } else if ((props === null || props === void 0 || (_props$children = props.children) === null || _props$children === void 0 ? void 0 : _props$children.type) === _reactRouterDom.Link) {
     return _react.default.createElement(_react.Fragment, null, renderReactLinkElements(_react.default.Children.toArray(props.children)));
   } else {
     return _react.default.createElement("button", _extends({}, buttonProps, {

package/dist/components/CheckBoxIcon.js

@@ -15,7 +15,7 @@ const CheckBoxIcon = props => {
     fontSize: props.size
   };
   const checkBoxIconProps = {
-    className: `${_CheckBoxIconModule.default.checkBoxIcon} ${props.checked ? _CheckBoxIconModule.default.checked : ""} ${props.disabled ? _CheckBoxIconModule.default.disabled : ""} ${props.showBox ? _CheckBoxIconModule.default.showBox : ""} ${props.hasErrors ? _CheckBoxIconModule.default.hasErrors : ""}`,
+    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
   };
   return _react.default.createElement("span", checkBoxIconProps, _react.default.createElement("span", {

package/dist/components/CheckBoxInput.js

@@ -12,7 +12,7 @@ var _CheckBoxInputModule = _interopRequireDefault(require("./CheckBoxInput.modul
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CheckBoxInput = props => {
   const labelProps = {
-    className: `${_CheckBoxInputModule.default.checkBoxInput} ${props.contentOnly ? _CheckBoxInputModule.default.contentOnly : ""} ${props.disabled ? _CheckBoxInputModule.default.disabled : ""} ${props.hasErrors ? _CheckBoxInputModule.default.hasErrors : ""}`,
+    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
   };
   const iconProps = {

package/dist/components/CheckBoxList.js

@@ -22,12 +22,13 @@ const CheckBoxList = _ref => {
   const renderChildElements = childElements => {
     const childElementsthroughFragments = (0, _helpers.cloneThroughFragments)(childElements);
     return childElementsthroughFragments.map((childElement, index) => {
-      const isCheckBoxListItem = childElement?.props?.type === "CheckBoxListItem";
+      var _childElement$props;
+      const isCheckBoxListItem = (childElement === null || childElement === void 0 || (_childElement$props = childElement.props) === null || _childElement$props === void 0 ? void 0 : _childElement$props.type) === "CheckBoxListItem";
       if (isCheckBoxListItem) {
         const childElementCopy = _react.default.cloneElement(childElement, {
           requiredGroup: required,
           compact: compact,
-          key: `checkboxListItem-${index}`
+          key: "checkboxListItem-".concat(index)
         });
         return childElementCopy;
       } else {
@@ -37,7 +38,7 @@ const CheckBoxList = _ref => {
   };
   return _react.default.createElement("fieldset", {
     className: _CheckBoxListModule.default.checkBoxList
-  }, !!legend?.length ? _react.default.createElement("legend", null, legendSize ? _react.default.createElement(_Header.default, {
+  }, !!(legend !== null && legend !== void 0 && legend.length) ? _react.default.createElement("legend", null, legendSize ? _react.default.createElement(_Header.default, {
     size: legendSize
   }, legend) : legend, required && _react.default.createElement("img", {
     src: _asterisk.default,

package/dist/components/Container.js

@@ -9,8 +9,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ContainerModule = _interopRequireDefault(require("./Container.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Container = props => {
+  var _props$maxWidth;
   const styleProps = {
-    "--max-width": props?.maxWidth?.length && props.maxWidth
+    "--max-width": (props === null || props === void 0 || (_props$maxWidth = props.maxWidth) === null || _props$maxWidth === void 0 ? void 0 : _props$maxWidth.length) && props.maxWidth
   };
   return _react.default.createElement("div", {
     className: _ContainerModule.default.container,

package/dist/components/ContentBox.js

@@ -9,6 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ContentBoxModule = _interopRequireDefault(require("./ContentBox.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ContentBox = props => {
+  var _props$content;
   const renderTitle = () => {
     let className = _ContentBoxModule.default.title + " " + _ContentBoxModule.default[props.titleSize];
     if (props.title) {
@@ -22,7 +23,7 @@ const ContentBox = props => {
   let colorClass = " " + _ContentBoxModule.default[props.color];
   let linkClass = props.href ? " " + _ContentBoxModule.default.link : "";
   let className = _ContentBoxModule.default.contentBox + colorClass + linkClass;
-  const bodyContent = props.content?.length ? props.content : props.children;
+  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,

package/dist/components/DescriptionList.js

@@ -21,7 +21,7 @@ const DescriptionList = _ref => {
       const childElementCopy = _react.default.cloneElement(childElement, {
         compact: compact,
         titleWidth: titleWidth,
-        key: `descriptionListItem-${index}`
+        key: "descriptionListItem-".concat(index)
       });
       return childElementCopy;
     });

package/dist/components/Dialog.js

@@ -13,6 +13,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 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 && {}.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 => {
+  var _props$attachTo, _props$maxWidth;
   const dialogRef = (0, _react.useRef)();
   const dialogContainerRef = (0, _react.useRef)();
   const dialogContentRef = (0, _react.useCallback)(element => {
@@ -32,7 +33,7 @@ const Dialog = props => {
       }
     };
     const handleClickOutside = event => {
-      if (dialogContainerRef?.current && !dialogContainerRef.current.contains(event.target)) {
+      if (dialogContainerRef !== null && dialogContainerRef !== void 0 && dialogContainerRef.current && !dialogContainerRef.current.contains(event.target)) {
         props.onClickOutside();
       }
     };
@@ -45,9 +46,9 @@ const Dialog = props => {
       props.modal ? dialogRef.current.showModal() : dialogRef.current.show();
     }
   }, [dialogRef, props.hidden, props.modal]);
-  const sideBarClassNames = props.attachTo?.length && (0, _helpers.classNameArrayToClassNameString)([_DialogModule.default.isSidebar, _DialogModule.default[props.attachTo]]);
+  const sideBarClassNames = ((_props$attachTo = props.attachTo) === null || _props$attachTo === void 0 ? void 0 : _props$attachTo.length) && (0, _helpers.classNameArrayToClassNameString)([_DialogModule.default.isSidebar, _DialogModule.default[props.attachTo]]);
   const dialogContentStyleProps = {
-    "--max-width": props?.maxWidth?.length && props.maxWidth
+    "--max-width": (props === null || props === void 0 || (_props$maxWidth = props.maxWidth) === null || _props$maxWidth === void 0 ? void 0 : _props$maxWidth.length) && props.maxWidth
   };
   return _react.default.createElement("dialog", {
     className: (0, _helpers.classNameArrayToClassNameString)([_DialogModule.default.dialog, sideBarClassNames]),

package/dist/components/DragAndDropFileInput.js

@@ -16,6 +16,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 && {}.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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const DragAndDropFileInput = props => {
+  var _props$errorMessage, _props$ariaDescribed;
   const [highlight, setHighlight] = (0, _react.useState)(false);
   const containerElementRef = (0, _react.useRef)();
   const fileInputElementRef = (0, _react.useRef)();
@@ -30,11 +31,11 @@ const DragAndDropFileInput = props => {
     fileInputElementRef.current.click();
   };
   const getErrorElementId = () => {
-    return `${props.id}-errorMessage`;
+    return "".concat(props.id, "-errorMessage");
   };
   const inputElementProps = {
     id: props.id,
-    "aria-describedby": props.hasErrors && !!props.errorMessage?.length ? getErrorElementId() : !!props["aria-describedby"]?.length ? props["aria-describedby"] : null,
+    "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,
     name: props.name,
     required: props.required
@@ -53,7 +54,7 @@ const DragAndDropFileInput = props => {
       const files = e.dataTransfer.files;
       handleFiles(files);
     };
-    if (containerElementRef?.current) {
+    if (containerElementRef !== null && containerElementRef !== void 0 && containerElementRef.current) {
       containerElementRef.current.addEventListener("dragenter", preventDefaults, false);
       containerElementRef.current.addEventListener("dragover", preventDefaults, false);
       containerElementRef.current.addEventListener("dragleave", preventDefaults, false);
@@ -83,7 +84,7 @@ const DragAndDropFileInput = props => {
     className: _DragAndDropFileInputModule.default.requiredSymbol
   })), _react.default.createElement("div", null, props.children), !props.contentOnly ? _react.default.createElement("div", {
     ref: containerElementRef,
-    className: `${_DragAndDropFileInputModule.default.dragAndDropContainer} ${highlight ? _DragAndDropFileInputModule.default.highlighted : ""}`
+    className: "".concat(_DragAndDropFileInputModule.default.dragAndDropContainer, " ").concat(highlight ? _DragAndDropFileInputModule.default.highlighted : "")
   }, props.selectedFileName ? _react.default.createElement("div", null, _react.default.createElement("span", null, _react.default.createElement("b", null, "Valgt fil:"), " ", props.selectedFileName)) : _react.default.createElement("div", null, "Slipp fil her"), _react.default.createElement("input", _extends({}, inputElementProps, {
     ref: fileInputElementRef,
     type: "file",

package/dist/components/ErrorMessage.js

@@ -11,13 +11,15 @@ var _errorSign = _interopRequireDefault(require("../assets/svg/error-sign.svg?ur
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const ErrorMessage = props => {
+  var _props$content;
   const getErrorElementProps = () => {
+    var _props$id;
     return {
-      id: !!props.id?.length ? props.id : null,
+      id: !!((_props$id = props.id) !== null && _props$id !== void 0 && _props$id.length) ? props.id : null,
       className: _ErrorMessageModule.default.errorMessage
     };
   };
-  return props?.content?.length ? _react.default.createElement("span", _extends({
+  return props !== null && props !== void 0 && (_props$content = props.content) !== null && _props$content !== void 0 && _props$content.length ? _react.default.createElement("span", _extends({
     "aria-live": "polite"
   }, getErrorElementProps()), _react.default.createElement("img", {
     src: _errorSign.default,

package/dist/components/Header.js

@@ -10,18 +10,19 @@ var _HeaderModule = _interopRequireDefault(require("./Header.module.scss"));
 var _helpers = require("../functions/helpers");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Header = props => {
+  var _props$htmlTag, _props$label, _props$content;
   const bigClass = props.big ? _HeaderModule.default.bigHeader : "";
-  const htmlTag = props.htmlTag?.length ? props.htmlTag : `h${props.size}`;
+  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-${props.size}`];
+  const headerSizeClass = _HeaderModule.default["size-".concat(props.size)];
   let headerElement = _react.default.createElement(htmlTag, {
     className: (0, _helpers.classNameArrayToClassNameString)([headerClass, headerSizeClass, bigClass]),
     id: props.id || null,
     htmlFor: props.htmlFor || null,
-    style: props?.label?.length ? {
-      "--label": `"${props.label}"`
+    style: props !== null && props !== void 0 && (_props$label = props.label) !== null && _props$label !== void 0 && _props$label.length ? {
+      "--label": "\"".concat(props.label, "\"")
     } : null
-  }, !!props.content?.length ? props.content : props.children);
+  }, !!((_props$content = props.content) !== null && _props$content !== void 0 && _props$content.length) ? props.content : props.children);
   return _react.default.createElement("div", {
     className: _HeaderModule.default.headerContainer
   }, " ", headerElement, " ");

package/dist/components/InputField.js

@@ -14,24 +14,31 @@ var _helpers = require("../functions/helpers");
 var _asterisk = _interopRequireDefault(require("../assets/svg/asterisk.svg?url"));
 var _InputFieldModule = _interopRequireDefault(require("./InputField.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const InputField = props => {
+  var _props$width;
   const formatDate = inputDate => {
     if (!inputDate) {
       return null;
     }
     const date = new Date(inputDate);
     const year = date.getFullYear();
-    const month = date.getMonth() + 1 < 10 ? `0${date.getMonth() + 1}` : date.getMonth() + 1;
-    const day = date.getDate() < 10 ? `0${date.getDate()}` : date.getDate();
-    return `${day}.${month}.${year}`;
+    const month = date.getMonth() + 1 < 10 ? "0".concat(date.getMonth() + 1) : date.getMonth() + 1;
+    const day = date.getDate() < 10 ? "0".concat(date.getDate()) : date.getDate();
+    return "".concat(day, ".").concat(month, ".").concat(year);
   };
   const renderValueAsText = (value, defaultContent) => {
     return props.type === "date" ? value ? formatDate(value) : defaultContent : value ? value : defaultContent;
   };
   const getErrorElementId = () => {
-    return `${props.id}-errorMessage`;
+    return "".concat(props.id, "-errorMessage");
   };
   const getInputElementProps = (defaultValue, defaultKey, styleRules) => {
+    var _props$errorMessage, _props$ariaDescribed;
     return {
       name: props.name,
       readOnly: props.readOnly,
@@ -40,7 +47,7 @@ const InputField = props => {
       type: props.type,
       role: props.role,
       id: props.id,
-      key: defaultKey || `${props.id}-${(0, _generators.generateRandomString)(6)}`,
+      key: defaultKey || "".concat(props.id, "-").concat((0, _generators.generateRandomString)(6)),
       min: props.min || null,
       max: props.max || null,
       onChange: props.onChange,
@@ -48,7 +55,7 @@ const InputField = props => {
       [defaultValue ? "defaultValue" : "value"]: defaultValue || props.value,
       placeholder: props.placeholder || null,
       className: props.hasErrors ? _InputFieldModule.default.hasErrors : null,
-      "aria-describedby": props.hasErrors && !!props.errorMessage?.length ? getErrorElementId() : !!props["aria-describedby"]?.length ? props["aria-describedby"] : null,
+      "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,
       "aria-autocomplete": props["aria-autocomplete"] || null,
       style: styleRules
@@ -56,11 +63,9 @@ const InputField = props => {
   };
   const defaultValue = props.defaultValue ? props.defaultValue : props.value || null;
   const defaultKey = props.elementKey || null;
-  const styleRules = {
-    ...(props.width?.length && {
-      maxWidth: props.width
-    })
-  };
+  const styleRules = _objectSpread({}, ((_props$width = props.width) === null || _props$width === void 0 ? void 0 : _props$width.length) && {
+    maxWidth: props.width
+  });
   return _react.default.createElement("div", {
     className: (0, _helpers.classNameArrayToClassNameString)([_InputFieldModule.default.inputField, _InputFieldModule.default[props.type], props.noMargin && _InputFieldModule.default.noMargin])
   }, _react.default.createElement(_Label.default, {

package/dist/components/Label.js

@@ -8,20 +8,23 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _LabelModule = _interopRequireDefault(require("./Label.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const Label = props => {
-  let labelProps = {
-    ...props
-  };
-  const htmlTag = props.htmlTag?.length ? props.htmlTag : "label";
+  var _props$htmlTag;
+  let labelProps = _objectSpread({}, props);
+  const htmlTag = (_props$htmlTag = props.htmlTag) !== null && _props$htmlTag !== void 0 && _props$htmlTag.length ? props.htmlTag : "label";
   delete labelProps.inline;
   delete labelProps.normalCursor;
   delete labelProps.htmlTag;
-  const className = `${_LabelModule.default.label} ${props.inline ? _LabelModule.default.inline : ""} ${props.normalCursor ? _LabelModule.default.normalCursor : ""}`;
-  const labelElement = _react.default.createElement(htmlTag, {
-    ...labelProps,
+  const className = "".concat(_LabelModule.default.label, " ").concat(props.inline ? _LabelModule.default.inline : "", " ").concat(props.normalCursor ? _LabelModule.default.normalCursor : "");
+  const labelElement = _react.default.createElement(htmlTag, _objectSpread(_objectSpread({}, labelProps), {}, {
     className,
     id: props.id || null
-  }, props.children);
+  }), props.children);
   return labelElement;
 };
 Label.propTypes = {

package/dist/components/List.js

@@ -15,7 +15,7 @@ const List = props => {
     return childElementsthroughFragments.map((childElement, index) => {
       const childElementCopy = _react.default.cloneElement(childElement, {
         compact: props.compact,
-        key: `listItem-${index}`
+        key: "listItem-".concat(index)
       });
       return childElementCopy;
     });
@@ -25,7 +25,7 @@ const List = props => {
     const defaultListStyle = props.ordered ? "decimal" : "disc";
     const scssValueProperty = "--listStyle";
     let listElement = _react.default.createElement(listType, {
-      className: `${_ListModule.default.list} ${!!props.compact ? _ListModule.default.compact : ""}`,
+      className: "".concat(_ListModule.default.list, " ").concat(!!props.compact ? _ListModule.default.compact : ""),
       style: {
         [scssValueProperty]: props.listStyle || defaultListStyle
       }

package/dist/components/NavigationBar.js

@@ -17,6 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 && {}.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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const NavigationBar = props => {
+  var _props$primaryListIte, _props$secondaryListI, _props$mainContentId;
   const [active, setActive] = (0, _react.useState)(false);
   const toggleList = () => {
     setActive(!active);
@@ -43,7 +44,7 @@ const NavigationBar = props => {
         });
       }
     });
-    return !!listItems?.length && _react.default.createElement("ul", {
+    return !!(listItems !== null && listItems !== void 0 && listItems.length) && _react.default.createElement("ul", {
       className: _NavigationBarModule.default.primaryList
     }, listItems);
   };
@@ -55,7 +56,7 @@ const NavigationBar = props => {
         theme: props.theme
       });
     });
-    return !!listItems?.length && _react.default.createElement("ul", {
+    return !!(listItems !== null && listItems !== void 0 && listItems.length) && _react.default.createElement("ul", {
       className: _NavigationBarModule.default.secondaryList
     }, listItems);
   };
@@ -66,7 +67,7 @@ const NavigationBar = props => {
       if (logoLink && logoLinkTitle) {
         return "";
       } else if (themeLogo && themeAppName) {
-        return `${themeAppName} logo`;
+        return "".concat(themeAppName, " logo");
       } else {
         return "DIBK logo";
       }
@@ -91,12 +92,12 @@ const NavigationBar = props => {
       title: logoLinkTitle
     }), renderLogoElement()) : renderLogoElement();
   };
-  const hasListItems = !!props.primaryListItems?.length || !!props.secondaryListItems?.length;
+  const hasListItems = !!((_props$primaryListIte = props.primaryListItems) !== null && _props$primaryListIte !== void 0 && _props$primaryListIte.length) || !!((_props$secondaryListI = props.secondaryListItems) !== null && _props$secondaryListI !== void 0 && _props$secondaryListI.length);
   return _react.default.createElement("div", {
     className: (0, _helpers.classNameArrayToClassNameString)([props.compact && _NavigationBarModule.default.compact, _NavigationBarModule.default.navigationBarContainer])
-  }, props.mainContentId?.length && _react.default.createElement("a", {
+  }, ((_props$mainContentId = props.mainContentId) === null || _props$mainContentId === void 0 ? void 0 : _props$mainContentId.length) && _react.default.createElement("a", {
     id: "main-content-link",
-    href: `#${props.mainContentId}`,
+    href: "#".concat(props.mainContentId),
     className: _NavigationBarModule.default.mainContentLink
   }, _react.default.createElement("span", {
     id: "main-content-link-text"
@@ -108,7 +109,7 @@ const NavigationBar = props => {
     className: _NavigationBarModule.default.childElements
   }, props.children), hasListItems && _react.default.createElement("button", {
     type: "button",
-    className: `${_NavigationBarModule.default.menuToggle} ${active ? _NavigationBarModule.default.active : ""}`,
+    className: "".concat(_NavigationBarModule.default.menuToggle, " ").concat(active ? _NavigationBarModule.default.active : ""),
     onClick: () => toggleList(),
     "aria-expanded": active ? "true" : "false",
     "aria-controls": "main-menu-dropdown"