dibk-design 2.0.1 → 2.0.3

package/dist/components/RadioButtonList.js

@@ -4,25 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _RadioButtonListModule = _interopRequireDefault(require("./RadioButtonList.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var RadioButtonList = function RadioButtonList(props) {
   var _props$legend;
-
+  var renderChildElements = function renderChildElements(childElements) {
+    return childElements.map(function (childElement, index) {
+      var _childElement$type;
+      if ((childElement === null || childElement === void 0 ? void 0 : (_childElement$type = childElement.type) === null || _childElement$type === void 0 ? void 0 : _childElement$type.name) === "RadioButtonListItem" && props.required) {
+        var childElementCopy = _react.default.cloneElement(childElement, {
+          requiredGroup: true,
+          key: "radioButtonListItem-".concat(index)
+        });
+        return childElementCopy;
+      } else {
+        var _childElementCopy = _react.default.cloneElement(childElement, {
+          key: "radiobuttonListChild-".concat(index)
+        });
+        return _childElementCopy;
+      }
+    });
+  };
   return _react.default.createElement("fieldset", {
     className: _RadioButtonListModule.default.radioButtonList
-  }, !!((_props$legend = props.legend) !== null && _props$legend !== void 0 && _props$legend.length) ? _react.default.createElement("legend", null, props.legend) : null, props.children);
+  }, !!((_props$legend = props.legend) !== null && _props$legend !== void 0 && _props$legend.length) ? _react.default.createElement("legend", null, props.legend, props.required && _react.default.createElement("span", {
+    className: _RadioButtonListModule.default.requiredSymbol
+  }, "*")) : null, renderChildElements(props.children));
 };
-
 RadioButtonList.propTypes = {
-  legend: _propTypes.default.string
+  legend: _propTypes.default.string,
+  required: _propTypes.default.bool
 };
 var _default = RadioButtonList;
 exports.default = _default;

package/dist/components/RadioButtonList.module.scss

@@ -13,5 +13,10 @@ fieldset.radioButtonList {
         margin-bottom: 2px;
         font-family: $default-font;
         overflow-wrap: break-word;
+        .requiredSymbol {
+            color: $color-error;
+            font-size: 0.8em;
+            vertical-align: top;
+        }
     }
 }

package/dist/components/RadioButtonListItem.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _RadioButtonInput = _interopRequireDefault(require("./RadioButtonInput"));
-
 var _helpers = require("../functions/helpers");
-
 var _RadioButtonListItemModule = _interopRequireDefault(require("./RadioButtonListItem.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var RadioButtonListItem = function RadioButtonListItem(props) {
@@ -25,6 +19,8 @@ var RadioButtonListItem = function RadioButtonListItem(props) {
     inputValue: props.inputValue,
     checked: props.checked,
     disabled: props.disabled,
+    required: props.required,
+    requiredGroup: props.requiredGroup,
     contentOnly: props.contentOnly,
     hasErrors: props.hasErrors,
     id: props.id,
@@ -35,11 +31,12 @@ var RadioButtonListItem = function RadioButtonListItem(props) {
     className: listItemClassNameString
   }, _react.default.createElement(_RadioButtonInput.default, inputProps, props.children));
 };
-
 RadioButtonListItem.propTypes = {
   inputValue: _propTypes.default.string.isRequired,
   checked: _propTypes.default.bool,
   disabled: _propTypes.default.bool,
+  required: _propTypes.default.bool,
+  requiredGroup: _propTypes.default.bool,
   name: _propTypes.default.string,
   id: _propTypes.default.string.isRequired,
   onChange: _propTypes.default.func,
@@ -51,6 +48,8 @@ RadioButtonListItem.propTypes = {
 RadioButtonListItem.defaultProps = {
   name: "",
   checked: false,
+  required: false,
+  requiredGroup: false,
   disabled: false,
   contentOnly: false,
   hasErrors: false

package/dist/components/Select.js

@@ -4,31 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Label = _interopRequireDefault(require("./Label"));
-
 var _ErrorMessage = _interopRequireDefault(require("./ErrorMessage"));
-
 var _theme = require("../functions/theme");
-
 var _generators = require("../functions/generators");
-
 var _SelectModule = _interopRequireDefault(require("./Select.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 var Select = function Select(props) {
   var getThemeErrorInputStyle = function getThemeErrorInputStyle(theme) {
     return {
@@ -36,13 +23,11 @@ var Select = function Select(props) {
       borderColor: (0, _theme.getThemePaletteBackgroundColor)(theme, "warning")
     };
   };
-
   var getThemeArrowStyle = function getThemeArrowStyle(theme) {
     return {
       borderTopColor: (0, _theme.getThemePaletteBackgroundColor)(theme, "primary")
     };
   };
-
   var getKeyByValue = function getKeyByValue(value, options) {
     var selectedOption = options && options.length ? options.find(function (option) {
       if (_typeof(option) === "object") {
@@ -51,7 +36,6 @@ var Select = function Select(props) {
         return option === value;
       }
     }) : null;
-
     if (selectedOption && selectedOption.key) {
       return selectedOption.key;
     } else if (selectedOption && selectedOption.value) {
@@ -60,11 +44,9 @@ var Select = function Select(props) {
       return selectedOption;
     }
   };
-
   var renderOptionElements = function renderOptionElements(options) {
     return options.map(function (option, key) {
       var optionObject = null;
-
       if (_typeof(option) === "object") {
         optionObject = {
           key: option.key ? option.key : "",
@@ -76,21 +58,18 @@ var Select = function Select(props) {
           value: option
         };
       }
-
       return _react.default.createElement("option", {
         value: optionObject.value,
         key: key
       }, optionObject.key);
     });
   };
-
   var renderPlaceholderOption = function renderPlaceholderOption(placeholder, placeholderValue) {
     return placeholder ? _react.default.createElement("option", {
       value: placeholderValue,
       disabled: true
     }, placeholder) : "";
   };
-
   if (props.contentOnly) {
     var value = props.defaultValue ? props.defaultValue : props.value || null;
     return _react.default.createElement("div", {
@@ -100,22 +79,23 @@ var Select = function Select(props) {
     }, props.label), _react.default.createElement("span", null, value ? props.keyAsContent ? getKeyByValue(value, props.options) : value : props.defaultContent));
   } else {
     var _props$width, _selectElementProps, _props$width2;
-
     var defaultValue = !props.value && props.defaultValue ? props.defaultValue : false;
-
     var styleRules = _objectSpread(_objectSpread({}, props.hasErrors ? getThemeErrorInputStyle(props.theme) : null), ((_props$width = props.width) === null || _props$width === void 0 ? void 0 : _props$width.length) && {
       maxWidth: props.width
     });
-
     var selectElementProps = (_selectElementProps = {
       name: props.name,
-      multiple: props.multiple
+      multiple: props.multiple,
+      required: props.required,
+      disabled: props.disabled
     }, _defineProperty(_selectElementProps, defaultValue ? "defaultValue" : "value", defaultValue || props.value), _defineProperty(_selectElementProps, "onChange", props.onChange), _defineProperty(_selectElementProps, "id", props.id), _defineProperty(_selectElementProps, "role", props.role), _defineProperty(_selectElementProps, "key", "".concat(props.id, "-").concat((0, _generators.generateRandomString)(6))), _defineProperty(_selectElementProps, "className", props.hasErrors ? _SelectModule.default.hasErrors : ""), _defineProperty(_selectElementProps, "style", styleRules), _selectElementProps);
     return _react.default.createElement("div", {
       className: _SelectModule.default.select
     }, _react.default.createElement(_Label.default, {
       htmlFor: props.id
-    }, props.label), _react.default.createElement("div", {
+    }, props.label, props.required && _react.default.createElement("span", {
+      className: _SelectModule.default.requiredSymbol
+    }, "*")), _react.default.createElement("div", {
       className: _SelectModule.default.selectContainer,
       style: _objectSpread({}, ((_props$width2 = props.width) === null || _props$width2 === void 0 ? void 0 : _props$width2.length) && {
         maxWidth: props.width
@@ -129,11 +109,12 @@ var Select = function Select(props) {
     }));
   }
 };
-
 Select.propTypes = {
   id: _propTypes.default.string.isRequired,
   onChange: _propTypes.default.func.isRequired,
   name: _propTypes.default.string,
+  required: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
   multiple: _propTypes.default.bool,
   options: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]), _propTypes.default.shape({
     key: _propTypes.default.string,
@@ -153,7 +134,12 @@ Select.propTypes = {
   theme: _propTypes.default.object
 };
 Select.defaultProps = {
+  onChange: function onChange() {
+    return false;
+  },
   name: "",
+  required: false,
+  disabled: false,
   options: [],
   label: "",
   contentOnly: false,
@@ -162,10 +148,7 @@ Select.defaultProps = {
   placeholderValue: "",
   defaultContent: null,
   hasErrors: false,
-  errorMessage: "",
-  onChange: function onChange() {
-    return false;
-  }
+  errorMessage: ""
 };
 var _default = Select;
 exports.default = _default;

package/dist/components/Select.module.scss

@@ -1,6 +1,11 @@
 @import "../style/global.scss";
 
 .select {
+    .requiredSymbol {
+        color: $color-error;
+        font-size: 0.8em;
+        vertical-align: top;
+    }
     .selectContainer {
         position: relative;
 

package/dist/components/Table.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _TableModule = _interopRequireDefault(require("./Table.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Table = function Table(props) {
@@ -16,6 +13,5 @@ var Table = function Table(props) {
     className: _TableModule.default.table
   }, props.children);
 };
-
 var _default = Table;
 exports.default = _default;

package/dist/components/Textarea.js

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Label = _interopRequireDefault(require("./Label"));
-
 var _ErrorMessage = _interopRequireDefault(require("./ErrorMessage"));
-
 var _theme = require("../functions/theme");
-
 var _generators = require("../functions/generators");
-
 var _TextareaModule = _interopRequireDefault(require("./Textarea.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var Textarea = function Textarea(props) {
   var getThemeErrorInputStyle = function getThemeErrorInputStyle(theme) {
     return {
@@ -34,54 +22,51 @@ var Textarea = function Textarea(props) {
       borderColor: (0, _theme.getThemePaletteBackgroundColor)(theme, "warning")
     };
   };
-
   var renderValueAsText = function renderValueAsText(value, defaultContent) {
     return value ? value : defaultContent;
   };
-
   var renderInputField = function renderInputField() {
     var _props$value, _props$defaultValue, _props$width, _props$resize, _textareaElementProps;
-
     var defaultValue = !((_props$value = props.value) !== null && _props$value !== void 0 && _props$value.length) && (_props$defaultValue = props.defaultValue) !== null && _props$defaultValue !== void 0 && _props$defaultValue.length ? props.defaultValue : false;
     var defaultKey = props.elementKey || null;
-
     var styleRules = _objectSpread(_objectSpread(_objectSpread({}, props.hasErrors ? getThemeErrorInputStyle(props.theme) : null), ((_props$width = props.width) === null || _props$width === void 0 ? void 0 : _props$width.length) && {
       maxWidth: props.width
     }), ((_props$resize = props.resize) === null || _props$resize === void 0 ? void 0 : _props$resize.length) && {
       resize: props.resize
     });
-
     var textareaElementProps = (_textareaElementProps = {
       name: props.name,
       readOnly: props.readOnly,
       disabled: props.disabled,
+      required: props.required,
       type: props.type,
       id: props.id,
       key: defaultKey || "".concat(props.id, "-").concat((0, _generators.generateRandomString)(6)),
       onChange: props.onChange,
       onBlur: props.onBlur
-    }, _defineProperty(_textareaElementProps, defaultValue ? "defaultValue" : "value", defaultValue || props.value), _defineProperty(_textareaElementProps, "placeholder", props.placeholder), _defineProperty(_textareaElementProps, "rows", props.rows), _defineProperty(_textareaElementProps, "className", props.hasErrors ? _TextareaModule.default.hasErrors : ""), _defineProperty(_textareaElementProps, "aria-required", props.mandatory), _defineProperty(_textareaElementProps, "style", styleRules), _textareaElementProps);
+    }, _defineProperty(_textareaElementProps, defaultValue ? "defaultValue" : "value", defaultValue || props.value), _defineProperty(_textareaElementProps, "placeholder", props.placeholder), _defineProperty(_textareaElementProps, "rows", props.rows), _defineProperty(_textareaElementProps, "className", props.hasErrors ? _TextareaModule.default.hasErrors : ""), _defineProperty(_textareaElementProps, "style", styleRules), _textareaElementProps);
     return _react.default.createElement("textarea", textareaElementProps);
   };
-
   return _react.default.createElement("div", {
     className: _TextareaModule.default.textarea
   }, _react.default.createElement(_Label.default, {
     htmlFor: props.id
-  }, props.label), !props.contentOnly ? renderInputField() : _react.default.createElement("span", null, renderValueAsText(props.value || props.defaultValue, props.defaultContent)), _react.default.createElement(_ErrorMessage.default, {
+  }, props.label, props.required && _react.default.createElement("span", {
+    className: _TextareaModule.default.requiredSymbol
+  }, "*")), !props.contentOnly ? renderInputField() : _react.default.createElement("span", null, renderValueAsText(props.value || props.defaultValue, props.defaultContent)), _react.default.createElement(_ErrorMessage.default, {
     content: props.errorMessage,
     theme: props.theme
   }));
 };
-
 Textarea.propTypes = {
   id: _propTypes.default.string.isRequired,
   onChange: _propTypes.default.func.isRequired,
   onBlur: _propTypes.default.func,
   name: _propTypes.default.string,
   type: _propTypes.default.string,
+  required: _propTypes.default.bool,
   width: _propTypes.default.string,
-  resize: _propTypes.default.oneOf(['both', 'horizontal', 'vertical', 'none']),
+  resize: _propTypes.default.oneOf(["both", "horizontal", "vertical", "none"]),
   value: _propTypes.default.string,
   defaultValue: _propTypes.default.string,
   elementKey: _propTypes.default.string,
@@ -92,23 +77,22 @@ Textarea.propTypes = {
   defaultContent: _propTypes.default.string,
   hasErrors: _propTypes.default.bool,
   errorMessage: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]))]),
-  mandatory: _propTypes.default.bool,
   theme: _propTypes.default.object
 };
 Textarea.defaultProps = {
+  onChange: function onChange() {
+    return false;
+  },
   name: "",
   type: "text",
+  required: false,
   label: "",
   contentOnly: false,
-  resize: 'both',
+  resize: "both",
   placeholder: "",
   defaultContent: "",
   hasErrors: false,
-  errorMessage: "",
-  mandatory: false,
-  onChange: function onChange() {
-    return false;
-  }
+  errorMessage: ""
 };
 var _default = Textarea;
 exports.default = _default;

package/dist/components/Textarea.module.scss

@@ -4,6 +4,11 @@
     > div {
         display: block;
     }
+    .requiredSymbol {
+        color: $color-error;
+        font-size: 0.8em;
+        vertical-align: top;
+    }
     textarea {
         @include appearance(none);
         @include transition(border-color 0.15s linear, background 0.15s linear);

package/dist/components/Theme.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _theme = require("../functions/theme");
-
 var _dibkLogoMobile = _interopRequireDefault(require("../assets/svg/dibk-logo-mobile.svg?url"));
-
 var _ThemeModule = _interopRequireDefault(require("./Theme.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Theme = function Theme(props) {
@@ -24,19 +18,16 @@ var Theme = function Theme(props) {
       color: (0, _theme.getThemePaletteTextColor)(theme, color)
     };
   };
-
   var getThemeTextStyle = function getThemeTextStyle(theme) {
     return {
       color: (0, _theme.getThemeTextColor)(theme)
     };
   };
-
   var getThemeLinkStyle = function getThemeLinkStyle(theme) {
     return {
       color: (0, _theme.getThemeLinkColor)(theme)
     };
   };
-
   var renderColors = function renderColors(theme) {
     var colors = ["default", "primary", "success", "warning", "info", "lightCyan", "orange", "lightOrange", "lime", "lightLime"];
     return colors.map(function (color) {
@@ -49,7 +40,6 @@ var Theme = function Theme(props) {
       }, color);
     });
   };
-
   var renderLogo = function renderLogo(logoLink) {
     var themeLogo = (0, _theme.getThemeLogo)(props.theme);
     var themeAppName = (0, _theme.getThemeAppName)(props.theme);
@@ -64,7 +54,6 @@ var Theme = function Theme(props) {
       href: logoLink
     }, logoElement) : logoElement;
   };
-
   var themeTextStyle = props.theme ? getThemeTextStyle(props.theme) : null;
   var themeLinkStyle = props.theme ? getThemeLinkStyle(props.theme) : null;
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
@@ -76,7 +65,6 @@ var Theme = function Theme(props) {
     href: "#theme"
   }, "This is a hyperlink")), renderLogo(props.theme));
 };
-
 Theme.propTypes = {
   theme: _propTypes.default.object
 };

package/dist/components/WizardNavigation/Step.js

@@ -4,30 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactRouterDom = require("react-router-dom");
-
 var _StepModule = _interopRequireDefault(require("./Step.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Step = function Step(props) {
   var getActiveClass = function getActiveClass() {
     return props.activeStepId === props.step.id ? _StepModule.default.active : "";
   };
-
   var getFinishedClass = function getFinishedClass() {
     return props.step.finished ? _StepModule.default.finished : "";
   };
-
   var getErrorClass = function getErrorClass() {
     return props.step.hasErrors ? _StepModule.default.hasErrors : "";
   };
-
   var step = props.step;
   return step.link && Object.keys(step.link).length ? _react.default.createElement(_reactRouterDom.Link, {
     to: step.link,
@@ -48,7 +40,6 @@ var Step = function Step(props) {
     className: _StepModule.default.stepName
   }, props.step.name)));
 };
-
 Step.propTypes = {
   step: _propTypes.default.object.isRequired,
   activeStepId: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,

package/dist/components/WizardNavigation.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Step = _interopRequireDefault(require("./WizardNavigation/Step"));
-
 var _WizardNavigationModule = _interopRequireDefault(require("./WizardNavigation.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var WizardNavigation = function WizardNavigation(props) {
@@ -28,12 +23,10 @@ var WizardNavigation = function WizardNavigation(props) {
       });
     }) : null;
   };
-
   return _react.default.createElement("div", {
     className: _WizardNavigationModule.default.wizardTopnav
   }, renderSteps(props.steps, props.activeStepId));
 };
-
 WizardNavigation.propTypes = {
   steps: _propTypes.default.shape({
     id: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),

package/dist/functions/generators.js

@@ -4,17 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.generateRandomString = void 0;
-
 var generateRandomString = function generateRandomString(length) {
   var result = '';
   var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
   var charactersLength = characters.length;
-
   for (var i = 0; i < length; i++) {
     result += characters.charAt(Math.floor(Math.random() * charactersLength));
   }
-
   return result;
 };
-
 exports.generateRandomString = generateRandomString;

package/dist/functions/helpers.js

@@ -4,13 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.classNameArrayToClassNameString = void 0;
-
 var classNameArrayToClassNameString = function classNameArrayToClassNameString(classNameArray) {
   var _classNameArray$filte;
-
   return (classNameArray === null || classNameArray === void 0 ? void 0 : (_classNameArray$filte = classNameArray.filter(function (className) {
     return className;
   })) === null || _classNameArray$filte === void 0 ? void 0 : _classNameArray$filte.join(" ")) || "";
 };
-
 exports.classNameArrayToClassNameString = classNameArrayToClassNameString;