dibk-design 3.3.3 → 3.5.0

package/dist/functions/helpers.js

@@ -5,61 +5,55 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.setFocusToElement = exports.getFocusableElementsInsideElement = exports.cloneThroughFragments = exports.classNameArrayToClassNameString = exports.addFocusTrapInsideElement = void 0;
 var _react = require("react");
-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 classNameArrayToClassNameString = function classNameArrayToClassNameString(classNameArray) {
+const classNameArrayToClassNameString = classNameArray => {
   var _classNameArray$filte;
-  return (classNameArray === null || classNameArray === void 0 || (_classNameArray$filte = classNameArray.filter(function (className) {
-    return className;
-  })) === null || _classNameArray$filte === void 0 ? void 0 : _classNameArray$filte.join(" ")) || "";
+  return (classNameArray === null || classNameArray === void 0 || (_classNameArray$filte = classNameArray.filter(className => className)) === null || _classNameArray$filte === void 0 ? void 0 : _classNameArray$filte.join(" ")) || "";
 };
 exports.classNameArrayToClassNameString = classNameArrayToClassNameString;
-var cloneThroughFragments = function cloneThroughFragments(children) {
-  return _react.Children.map(children, function (c) {
+const cloneThroughFragments = children => {
+  return _react.Children.map(children, c => {
     if ((0, _react.isValidElement)(c)) {
       if (c.type === _react.Fragment) {
         return cloneThroughFragments(c.props.children);
       }
-      return (0, _react.cloneElement)(c, _objectSpread({}, c.props));
+      return (0, _react.cloneElement)(c, {
+        ...c.props
+      });
     }
     return c;
   });
 };
 exports.cloneThroughFragments = cloneThroughFragments;
-var setFocusToElement = function setFocusToElement(element) {
-  var autoFocusElement = document.createElement("button");
+const setFocusToElement = element => {
+  const autoFocusElement = document.createElement("button");
   element.prepend(autoFocusElement);
   autoFocusElement.focus();
   autoFocusElement.remove();
 };
 exports.setFocusToElement = setFocusToElement;
-var getFocusableElementsInsideElement = function getFocusableElementsInsideElement(element) {
-  return Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter(function (resultElement) {
+const getFocusableElementsInsideElement = element => {
+  return Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter(resultElement => {
     return resultElement;
   });
 };
 exports.getFocusableElementsInsideElement = getFocusableElementsInsideElement;
-var addFocusTrapInsideElement = function addFocusTrapInsideElement(element) {
+const addFocusTrapInsideElement = element => {
   setFocusToElement(element);
-  var focusableElements = getFocusableElementsInsideElement(element);
-  var firstFocusableElement = focusableElements !== null && focusableElements !== void 0 && focusableElements.length ? focusableElements[0] : null;
-  var lastFocusableElement = (focusableElements === null || focusableElements === void 0 ? void 0 : focusableElements.length) > 1 ? focusableElements[focusableElements.length - 1] : firstFocusableElement;
+  const focusableElements = getFocusableElementsInsideElement(element);
+  const firstFocusableElement = focusableElements !== null && focusableElements !== void 0 && focusableElements.length ? focusableElements[0] : null;
+  const lastFocusableElement = (focusableElements === null || focusableElements === void 0 ? void 0 : focusableElements.length) > 1 ? focusableElements[focusableElements.length - 1] : firstFocusableElement;
   if (firstFocusableElement) {
-    firstFocusableElement.onkeydown = function (event) {
+    firstFocusableElement.onkeydown = event => {
       if (event.keyCode === 9 && event.shiftKey) {
         lastFocusableElement.focus();
       }
     };
   }
   if (lastFocusableElement) {
-    lastFocusableElement.onclick = function () {
+    lastFocusableElement.onclick = () => {
       firstFocusableElement.focus();
     };
-    lastFocusableElement.onkeydown = function (event) {
+    lastFocusableElement.onkeydown = event => {
       if (event.keyCode === 9 && !event.shiftKey) {
         event.preventDefault();
         firstFocusableElement.focus();

package/dist/functions/theme.js

@@ -4,49 +4,49 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getThemeTextColor = exports.getThemePaletteTextColor = exports.getThemePaletteBorderColor = exports.getThemePaletteBackgroundColor = exports.getThemeNavigationBarTextColor = exports.getThemeNavigationBarBackgroundColor = exports.getThemeLogoPadding = exports.getThemeLogo = exports.getThemeLinkColor = exports.getThemeAppName = void 0;
-var getThemePaletteBackgroundColor = function getThemePaletteBackgroundColor(theme, color) {
+const getThemePaletteBackgroundColor = (theme, color) => {
   var _theme$colors;
   return (theme === null || theme === void 0 || (_theme$colors = theme.colors) === null || _theme$colors === void 0 || (_theme$colors = _theme$colors.palette) === null || _theme$colors === void 0 || (_theme$colors = _theme$colors[color]) === null || _theme$colors === void 0 ? void 0 : _theme$colors.background) || null;
 };
 exports.getThemePaletteBackgroundColor = getThemePaletteBackgroundColor;
-var getThemePaletteTextColor = function getThemePaletteTextColor(theme, color) {
+const getThemePaletteTextColor = (theme, color) => {
   var _theme$colors2;
   return (theme === null || theme === void 0 || (_theme$colors2 = theme.colors) === null || _theme$colors2 === void 0 || (_theme$colors2 = _theme$colors2.palette) === null || _theme$colors2 === void 0 || (_theme$colors2 = _theme$colors2[color]) === null || _theme$colors2 === void 0 ? void 0 : _theme$colors2.text) || null;
 };
 exports.getThemePaletteTextColor = getThemePaletteTextColor;
-var getThemePaletteBorderColor = function getThemePaletteBorderColor(theme, color) {
+const getThemePaletteBorderColor = (theme, color) => {
   var _theme$colors3;
   return (theme === null || theme === void 0 || (_theme$colors3 = theme.colors) === null || _theme$colors3 === void 0 || (_theme$colors3 = _theme$colors3.palette) === null || _theme$colors3 === void 0 || (_theme$colors3 = _theme$colors3[color]) === null || _theme$colors3 === void 0 ? void 0 : _theme$colors3.border) || null;
 };
 exports.getThemePaletteBorderColor = getThemePaletteBorderColor;
-var getThemeNavigationBarBackgroundColor = function getThemeNavigationBarBackgroundColor(theme) {
+const getThemeNavigationBarBackgroundColor = theme => {
   var _theme$colors4;
   return (theme === null || theme === void 0 || (_theme$colors4 = theme.colors) === null || _theme$colors4 === void 0 || (_theme$colors4 = _theme$colors4.navigationBar) === null || _theme$colors4 === void 0 ? void 0 : _theme$colors4.background) || null;
 };
 exports.getThemeNavigationBarBackgroundColor = getThemeNavigationBarBackgroundColor;
-var getThemeNavigationBarTextColor = function getThemeNavigationBarTextColor(theme) {
+const getThemeNavigationBarTextColor = theme => {
   var _theme$colors5;
   return (theme === null || theme === void 0 || (_theme$colors5 = theme.colors) === null || _theme$colors5 === void 0 || (_theme$colors5 = _theme$colors5.navigationBar) === null || _theme$colors5 === void 0 ? void 0 : _theme$colors5.text) || null;
 };
 exports.getThemeNavigationBarTextColor = getThemeNavigationBarTextColor;
-var getThemeLogo = function getThemeLogo(theme) {
+const getThemeLogo = theme => {
   return (theme === null || theme === void 0 ? void 0 : theme.logo) || null;
 };
 exports.getThemeLogo = getThemeLogo;
-var getThemeLogoPadding = function getThemeLogoPadding(theme) {
+const getThemeLogoPadding = theme => {
   return (theme === null || theme === void 0 ? void 0 : theme.logoPadding) || null;
 };
 exports.getThemeLogoPadding = getThemeLogoPadding;
-var getThemeAppName = function getThemeAppName(theme) {
+const getThemeAppName = theme => {
   return (theme === null || theme === void 0 ? void 0 : theme.appName) || null;
 };
 exports.getThemeAppName = getThemeAppName;
-var getThemeTextColor = function getThemeTextColor(theme) {
+const getThemeTextColor = theme => {
   var _theme$colors6;
   return (theme === null || theme === void 0 || (_theme$colors6 = theme.colors) === null || _theme$colors6 === void 0 ? void 0 : _theme$colors6.text) || null;
 };
 exports.getThemeTextColor = getThemeTextColor;
-var getThemeLinkColor = function getThemeLinkColor(theme) {
+const getThemeLinkColor = theme => {
   var _theme$colors7;
   return (theme === null || theme === void 0 || (_theme$colors7 = theme.colors) === null || _theme$colors7 === void 0 ? void 0 : _theme$colors7.link) || null;
 };

package/dist/index.js

@@ -5,193 +5,193 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Accordion.default;
   }
 });
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Button.default;
   }
 });
 Object.defineProperty(exports, "CheckBoxIcon", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CheckBoxIcon.default;
   }
 });
 Object.defineProperty(exports, "CheckBoxInput", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CheckBoxInput.default;
   }
 });
 Object.defineProperty(exports, "CheckBoxList", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CheckBoxList.default;
   }
 });
 Object.defineProperty(exports, "CheckBoxListItem", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CheckBoxListItem.default;
   }
 });
 Object.defineProperty(exports, "Container", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Container.default;
   }
 });
 Object.defineProperty(exports, "ContentBox", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ContentBox.default;
   }
 });
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Dialog.default;
   }
 });
 Object.defineProperty(exports, "DragAndDropFileInput", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DragAndDropFileInput.default;
   }
 });
 Object.defineProperty(exports, "ErrorBox", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ErrorBox.default;
   }
 });
 Object.defineProperty(exports, "ErrorMessage", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ErrorMessage.default;
   }
 });
 Object.defineProperty(exports, "Footer", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Footer.default;
   }
 });
 Object.defineProperty(exports, "Header", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Header.default;
   }
 });
 Object.defineProperty(exports, "InputField", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _InputField.default;
   }
 });
 Object.defineProperty(exports, "Label", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Label.default;
   }
 });
 Object.defineProperty(exports, "List", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _List.default;
   }
 });
 Object.defineProperty(exports, "ListItem", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ListItem.default;
   }
 });
 Object.defineProperty(exports, "LoadingAnimation", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _LoadingAnimation.default;
   }
 });
 Object.defineProperty(exports, "NavigationBar", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _NavigationBar.default;
   }
 });
 Object.defineProperty(exports, "NavigationBarListItem", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _NavigationBarListItem.default;
   }
 });
 Object.defineProperty(exports, "Paper", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Paper.default;
   }
 });
 Object.defineProperty(exports, "ProgressBar", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ProgressBar.default;
   }
 });
 Object.defineProperty(exports, "RadioButtonIcon", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _RadioButtonIcon.default;
   }
 });
 Object.defineProperty(exports, "RadioButtonInput", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _RadioButtonInput.default;
   }
 });
 Object.defineProperty(exports, "RadioButtonList", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _RadioButtonList.default;
   }
 });
 Object.defineProperty(exports, "RadioButtonListItem", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _RadioButtonListItem.default;
   }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Select.default;
   }
 });
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Table.default;
   }
 });
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Textarea.default;
   }
 });
 Object.defineProperty(exports, "WizardNavigation", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _WizardNavigation.default;
   }
 });
 Object.defineProperty(exports, "WizardNavigationStep", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Step.default;
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dibk-design",
-  "version": "3.3.3",
+  "version": "3.5.0",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "files": [