dibk-design 0.4.34 → 0.4.35

package/dist/components/InputField.js

@@ -11,18 +11,20 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _Button = _interopRequireDefault(require("./Button"));
-
-var _Label = _interopRequireDefault(require("./Label"));
-
 var _reactDatepicker = _interopRequireWildcard(require("react-datepicker"));
 
 var _dateFns = require("date-fns");
 
 var _nb = _interopRequireDefault(require("date-fns/locale/nb"));
 
+var _Button = _interopRequireDefault(require("./Button"));
+
+var _Label = _interopRequireDefault(require("./Label"));
+
 var _theme = require("../functions/theme");
 
+var _generators = require("../functions/generators");
+
 require("react-datepicker/dist/react-datepicker.css");
 
 var _InputFieldModule = _interopRequireDefault(require("./InputField.module.scss"));
@@ -110,7 +112,7 @@ var InputField = /*#__PURE__*/function (_React$Component) {
         disabled: this.props.disabled,
         type: this.props.type,
         id: this.props.id,
-        key: "".concat(this.props.id).concat(defaultValue ? '-' + defaultValue : ''),
+        key: "".concat(this.props.id, "-").concat((0, _generators.generateRandomString)(6)),
         onChange: this.props.onChange,
         onBlur: this.props.onBlur
       }, _defineProperty(_ref, defaultValue ? 'defaultValue' : 'value', defaultValue || this.props.value), _defineProperty(_ref, "placeholder", this.props.placeholder), _defineProperty(_ref, "className", this.props.hasErrors ? _InputFieldModule.default.hasErrors : ''), _defineProperty(_ref, 'aria-required', this.props.mandatory), _defineProperty(_ref, "style", styleRules), _ref;
@@ -125,7 +127,7 @@ var InputField = /*#__PURE__*/function (_React$Component) {
         readOnly: this.props.readOnly,
         disabled: this.props.disabled,
         id: this.props.id,
-        key: "".concat(this.props.id).concat(defaultValue ? '-' + defaultValue : ''),
+        key: "".concat(this.props.id, "-").concat((0, _generators.generateRandomString)(6)),
         dateFormat: this.props.dateFormat,
         locale: 'nb',
         selectsStart: this.props.selectsStart,

package/dist/components/Select.js

@@ -13,6 +13,8 @@ var _Label = _interopRequireDefault(require("./Label"));
 
 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 }; }
@@ -151,7 +153,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
         var props = (_props = {
           name: this.props.name,
           multiple: this.props.multiple
-        }, _defineProperty(_props, defaultValue ? 'defaultValue' : 'value', defaultValue || this.props.value), _defineProperty(_props, "onChange", this.props.onChange), _defineProperty(_props, "id", this.props.id), _defineProperty(_props, "className", this.props.hasErrors ? _SelectModule.default.hasErrors : ''), _defineProperty(_props, "style", styleRules), _props);
+        }, _defineProperty(_props, defaultValue ? 'defaultValue' : 'value', defaultValue || this.props.value), _defineProperty(_props, "onChange", this.props.onChange), _defineProperty(_props, "id", this.props.id), _defineProperty(_props, "key", "".concat(this.props.id, "-").concat((0, _generators.generateRandomString)(6))), _defineProperty(_props, "className", this.props.hasErrors ? _SelectModule.default.hasErrors : ''), _defineProperty(_props, "style", styleRules), _props);
         return /*#__PURE__*/_react.default.createElement("div", {
           className: _SelectModule.default.select
         }, /*#__PURE__*/_react.default.createElement(_Label.default, {

package/dist/components/Textarea.js

@@ -15,6 +15,8 @@ var _Label = _interopRequireDefault(require("./Label"));
 
 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 }; }
@@ -95,6 +97,7 @@ var Textarea = /*#__PURE__*/function (_React$Component) {
         disabled: this.props.disabled,
         type: this.props.type,
         id: this.props.id,
+        key: "".concat(this.props.id, "-").concat((0, _generators.generateRandomString)(6)),
         onChange: this.props.onChange,
         onBlur: this.props.onBlur
       }, _defineProperty(_props, defaultValue ? 'defaultValue' : 'value', defaultValue || this.props.value), _defineProperty(_props, "placeholder", this.props.placeholder), _defineProperty(_props, "rows", this.props.rows), _defineProperty(_props, "className", this.props.hasErrors ? _TextareaModule.default.hasErrors : ''), _defineProperty(_props, 'aria-required', this.props.mandatory), _defineProperty(_props, "style", styleRules), _props);

package/dist/functions/generators.js

@@ -0,0 +1,20 @@
+"use strict";
+
+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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dibk-design",
-  "version": "0.4.34",
+  "version": "0.4.35",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",