- fix default ID problem.

Edward Xiao · Edward Xiao · commit 584344796fa1 · 2019-07-30T17:47:41.000+08:00
diff --git a/lib/components/Checkbox.js b/lib/components/Checkbox.js
@@ -71,6 +71,8 @@ var reactInputsValidationCss = {
 };
 var TYPE = 'checkbox';
 
+var DEFAULT_ID = _utils["default"].getRandomId();
+
 var getDefaultValidationOption = function getDefaultValidationOption(obj) {
   var name = obj.name,
       check = obj.check,
@@ -118,7 +120,7 @@ var component = function component(_ref) {
   var _ref$tabIndex = _ref.tabIndex,
       tabIndex = _ref$tabIndex === void 0 ? null : _ref$tabIndex,
       _ref$id = _ref.id,
-      id = _ref$id === void 0 ? _utils["default"].getRandomId() : _ref$id,
+      id = _ref$id === void 0 ? DEFAULT_ID : _ref$id,
       _ref$name = _ref.name,
       name = _ref$name === void 0 ? '' : _ref$name,
       _ref$value = _ref.value,
diff --git a/lib/components/Radiobox.js b/lib/components/Radiobox.js
@@ -71,6 +71,8 @@ var reactInputsValidationCss = {
 };
 var TYPE = 'radiobox';
 
+var DEFAULT_ID = _utils["default"].getRandomId();
+
 var getDefaultValidationOption = function getDefaultValidationOption(obj) {
   var name = obj.name,
       check = obj.check,
@@ -135,7 +137,7 @@ var component = function component(_ref) {
   var _ref$tabIndex = _ref.tabIndex,
       tabIndex = _ref$tabIndex === void 0 ? null : _ref$tabIndex,
       _ref$id = _ref.id,
-      id = _ref$id === void 0 ? _utils["default"].getRandomId() : _ref$id,
+      id = _ref$id === void 0 ? DEFAULT_ID : _ref$id,
       _ref$name = _ref.name,
       name = _ref$name === void 0 ? '' : _ref$name,
       _ref$value = _ref.value,
diff --git a/lib/components/Select.js b/lib/components/Select.js
@@ -78,8 +78,11 @@ var reactInputsValidationCss = {
   "select__dropdown-icon-container": "react-inputs-validation__select__dropdown-icon-container___2ild-"
 };
 var TYPE = 'select';
+
+var DEFAULT_ID = _utils["default"].getRandomId();
 /* istanbul ignore next */
 
+
 if (!String.prototype.startsWith) {
   String.prototype.startsWith = function (searchString, position) {
     var p = position || 0;
@@ -187,7 +190,7 @@ var component = function component(_ref) {
   var _ref$tabIndex = _ref.tabIndex,
       tabIndex = _ref$tabIndex === void 0 ? null : _ref$tabIndex,
       _ref$id = _ref.id,
-      id = _ref$id === void 0 ? _utils["default"].getRandomId() : _ref$id,
+      id = _ref$id === void 0 ? DEFAULT_ID : _ref$id,
       _ref$name = _ref.name,
       name = _ref$name === void 0 ? '' : _ref$name,
       _ref$value = _ref.value,
diff --git a/lib/components/Textarea.js b/lib/components/Textarea.js
@@ -78,6 +78,9 @@ var reactInputsValidationCss = {
   "select__dropdown-icon-container": "react-inputs-validation__select__dropdown-icon-container___2ild-"
 };
 var TYPE = 'textarea';
+
+var DEFAULT_ID = _utils["default"].getRandomId();
+
 var VALIDATE_OPTION_TYPE_LIST = ['string'];
 var DEFAULT_MAX_LENGTH = 524288; //  Default value is 524288
 
@@ -153,7 +156,7 @@ var component = function component(_ref) {
   var _ref$tabIndex = _ref.tabIndex,
       tabIndex = _ref$tabIndex === void 0 ? null : _ref$tabIndex,
       _ref$id = _ref.id,
-      id = _ref$id === void 0 ? _utils["default"].getRandomId() : _ref$id,
+      id = _ref$id === void 0 ? DEFAULT_ID : _ref$id,
       _ref$name = _ref.name,
       name = _ref$name === void 0 ? '' : _ref$name,
       _ref$value = _ref.value,
diff --git a/lib/components/Textbox.js b/lib/components/Textbox.js
@@ -78,6 +78,9 @@ var reactInputsValidationCss = {
   "select__dropdown-icon-container": "react-inputs-validation__select__dropdown-icon-container___2ild-"
 };
 var TYPE = 'textbox';
+
+var DEFAULT_ID = _utils["default"].getRandomId();
+
 var VALIDATE_OPTION_TYPE_LIST = ['string', 'number'];
 var VALIDATE_NUMBER_TYPE_LIST = ['decimal', 'int'];
 var DEFAULT_MAX_LENGTH = 524288; //  Default value is 524288
@@ -187,7 +190,7 @@ var component = function component(_ref) {
   var _ref$tabIndex = _ref.tabIndex,
       tabIndex = _ref$tabIndex === void 0 ? null : _ref$tabIndex,
       _ref$id = _ref.id,
-      id = _ref$id === void 0 ? _utils["default"].getRandomId() : _ref$id,
+      id = _ref$id === void 0 ? DEFAULT_ID : _ref$id,
       _ref$name = _ref.name,
       name = _ref$name === void 0 ? '' : _ref$name,
       _ref$type = _ref.type,
diff --git a/lib/react-inputs-validation.js b/lib/react-inputs-validation.js
diff --git a/lib/react-inputs-validation.js.map b/lib/react-inputs-validation.js.map
diff --git a/lib/react-inputs-validation.min.js b/lib/react-inputs-validation.min.js
diff --git a/lib/react-inputs-validation.min.js.map b/lib/react-inputs-validation.min.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-inputs-validation",
-  "version": "3.2.5",
+  "version": "3.2.6",
   "description": "React form input validation components",
   "main": "index.js",
   "repository": {
diff --git a/src/js/Inputs/Checkbox.tsx b/src/js/Inputs/Checkbox.tsx
@@ -5,6 +5,7 @@ import { REACT_INPUTS_VALIDATION_CUSTOM_ERROR_MESSAGE_EXAMPLE, DEFAULT_LOCALE, W
 import utils from './utils';
 import reactInputsValidationCss from './react-inputs-validation.css';
 const TYPE = 'checkbox';
+const DEFAULT_ID = utils.getRandomId();
 interface DefaultValidationOption {
   name?: string;
   check?: boolean;
@@ -79,7 +80,7 @@ interface Props {
 }
 const component: React.FC<Props> = ({
   tabIndex = null,
-  id = utils.getRandomId(),
+  id = DEFAULT_ID,
   name = '',
   value = '',
   checked = false,
diff --git a/src/js/Inputs/Radiobox.tsx b/src/js/Inputs/Radiobox.tsx
@@ -5,6 +5,7 @@ import { REACT_INPUTS_VALIDATION_CUSTOM_ERROR_MESSAGE_EXAMPLE, DEFAULT_LOCALE, W
 import utils from './utils';
 import reactInputsValidationCss from './react-inputs-validation.css';
 const TYPE = 'radiobox';
+const DEFAULT_ID = utils.getRandomId();
 interface DefaultValidationOption {
   name?: string;
   check?: boolean;
@@ -94,7 +95,7 @@ interface Props {
 }
 const component: React.FC<Props> = ({
   tabIndex = null,
-  id = utils.getRandomId(),
+  id = DEFAULT_ID,
   name = '',
   value = '',
   disabled = false,
diff --git a/src/js/Inputs/Select.tsx b/src/js/Inputs/Select.tsx
@@ -5,6 +5,7 @@ import { REACT_INPUTS_VALIDATION_CUSTOM_ERROR_MESSAGE_EXAMPLE, DEFAULT_LOCALE, W
 import utils from './utils';
 import reactInputsValidationCss from './react-inputs-validation.css';
 const TYPE = 'select';
+const DEFAULT_ID = utils.getRandomId();
 /* istanbul ignore next */
 if (!String.prototype.startsWith) {
   String.prototype.startsWith = function(searchString, position) {
@@ -136,7 +137,7 @@ let globalVariableCurrentFocus: any | null = null;
 let globalVariableTypingTimeout: any | null = null;
 const component: React.FC<Props> = ({
   tabIndex = null,
-  id = utils.getRandomId(),
+  id = DEFAULT_ID,
   name = '',
   value = '',
   disabled = false,
diff --git a/src/js/Inputs/Textarea.tsx b/src/js/Inputs/Textarea.tsx
@@ -6,6 +6,7 @@ import utils from './utils';
 import { REACT_INPUTS_VALIDATION_CUSTOM_ERROR_MESSAGE_EXAMPLE, DEFAULT_LOCALE, MSG_CLASS_IDENTITIFIER, usePrevious } from './const';
 import reactInputsValidationCss from './react-inputs-validation.css';
 const TYPE = 'textarea';
+const DEFAULT_ID = utils.getRandomId();
 const VALIDATE_OPTION_TYPE_LIST = ['string'];
 const DEFAULT_MAX_LENGTH = 524288; //  Default value is 524288
 const DEFAULT_ROWS = 2; //  Default value is 2
@@ -108,7 +109,7 @@ interface Props {
 
 const component: React.FC<Props> = ({
   tabIndex = null,
-  id = utils.getRandomId(),
+  id = DEFAULT_ID,
   name = '',
   value = '',
   cols = DEFAULT_ROWS,
diff --git a/src/js/Inputs/Textbox.tsx b/src/js/Inputs/Textbox.tsx
@@ -6,6 +6,7 @@ import utils from './utils';
 import { REACT_INPUTS_VALIDATION_CUSTOM_ERROR_MESSAGE_EXAMPLE, DEFAULT_LOCALE, MSG_CLASS_IDENTITIFIER, usePrevious } from './const';
 import reactInputsValidationCss from './react-inputs-validation.css';
 const TYPE = 'textbox';
+const DEFAULT_ID = utils.getRandomId();
 const VALIDATE_OPTION_TYPE_LIST = ['string', 'number'];
 const VALIDATE_NUMBER_TYPE_LIST = ['decimal', 'int'];
 const DEFAULT_MAX_LENGTH = 524288; //  Default value is 524288
@@ -137,7 +138,7 @@ const autoFormatNumber = (v: number | string, numberType: string) => {
 };
 const component: React.FC<Props> = ({
   tabIndex = null,
-  id = utils.getRandomId(),
+  id = DEFAULT_ID,
   name = '',
   type = 'text',
   value = '',

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "react-inputs-validation",`
`3`		`- "version": "3.2.5",`
	`3`	`+ "version": "3.2.6",`
`4`	`4`	`"description": "React form input validation components",`
`5`	`5`	`"main": "index.js",`
`6`	`6`	`"repository": {`