react-validate-component 0.1.1-0 → 0.1.2

package/dist/index.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
-import { VTEXT_PARAMS } from './types/vinput';
-export declare const VText: ({ vState, vClassName, vShowMessage, vMessage, vIsInnerMessage, vLocateMessage, vMessageClass, vIsAnimate, props, }: VTEXT_PARAMS) => JSX.Element;
-export declare const VCheckbox: () => React.JSX.Element;
-export declare const VRadio: () => React.JSX.Element;
-export declare const VDate: () => React.JSX.Element;
-export declare const VColor: () => React.JSX.Element;
-export declare const VEmail: () => React.JSX.Element;
-export declare const VRange: () => React.JSX.Element;
-export declare const VUrl: () => React.JSX.Element;
+import { VText } from './vText';
+import { VCheckbox } from './vCheckbox';
+import { vColor } from './vColor';
+import { vDate } from './vDate';
+import { vEmail } from './vEmail';
+import { vRadio } from './vRadio';
+import { vRange } from './vRange';
+import { vURL } from './vURL';
+export { VText, VCheckbox, vColor, vDate, vEmail, vRadio, vRange, vURL };

package/dist/react-validate-component.cjs.development.js

@@ -33,23 +33,23 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".index-module_invalid__gHKsE {\r\n  border: 2px solid red;\r\n}\r\n\r\n/* 유효성 메시지 locate */\r\n.index-module_vinput__tFGFH {\r\n  display: flex;\r\n}\r\n.index-module_vinput-top-left__2g8Bq {\r\n  flex-direction: column-reverse;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-top__ZTh6H {\r\n  flex-direction: column-reverse;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-top-right__t6K-Q {\r\n  flex-direction: column-reverse;\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-center-left__vJn0s {\r\n  flex-direction: row-reverse;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-center-right__HDgip {\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-bottom-left__xxaiT {\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-bottom__nCOAf {\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-bottom-right__6AjOE {\r\n  flex-direction: column;\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n}\r\n.index-module_innerMessage__rihga {\r\n  position: absolute;\r\n  font-size: 12px;\r\n  margin: 0;\r\n  padding: 2px 5px;\r\n  display: flex;\r\n}\r\n.index-module_innerMessage-top-left__HLoYg {\r\n  align-items: flex-start;\r\n  justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-top__ouYW6 {\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n}\r\n.index-module_innerMessage-top-right__7tMC8 {\r\n  align-items: flex-start;\r\n  justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-center-left__4iZyl {\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-center__U2006 {\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_innerMessage-center-right__Pg2oU {\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-bottom-left__1QDIv {\r\n  align-items: flex-end;\r\n  justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-bottom__gMogT {\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n}\r\n.index-module_innerMessage-bottom-right__peBq- {\r\n  align-items: flex-end;\r\n  justify-content: flex-end;\r\n}\r\n\r\n.index-module_animateMessage__Gxf3M {\r\n  animation: index-module_fade-in__GxKz8 1s ease-in-out;\r\n}\r\n\r\n@keyframes index-module_fade-in__GxKz8 {\r\n  0% {\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n";
-var styles = {"invalid":"index-module_invalid__gHKsE","vinput":"index-module_vinput__tFGFH","vinput-top-left":"index-module_vinput-top-left__2g8Bq","vinput-top":"index-module_vinput-top__ZTh6H","vinput-top-right":"index-module_vinput-top-right__t6K-Q","vinput-center-left":"index-module_vinput-center-left__vJn0s","vinput-center-right":"index-module_vinput-center-right__HDgip","vinput-bottom-left":"index-module_vinput-bottom-left__xxaiT","vinput-bottom":"index-module_vinput-bottom__nCOAf","vinput-bottom-right":"index-module_vinput-bottom-right__6AjOE","innerMessage":"index-module_innerMessage__rihga","innerMessage-top-left":"index-module_innerMessage-top-left__HLoYg","innerMessage-top":"index-module_innerMessage-top__ouYW6","innerMessage-top-right":"index-module_innerMessage-top-right__7tMC8","innerMessage-center-left":"index-module_innerMessage-center-left__4iZyl","innerMessage-center":"index-module_innerMessage-center__U2006","innerMessage-center-right":"index-module_innerMessage-center-right__Pg2oU","innerMessage-bottom-left":"index-module_innerMessage-bottom-left__1QDIv","innerMessage-bottom":"index-module_innerMessage-bottom__gMogT","innerMessage-bottom-right":"index-module_innerMessage-bottom-right__peBq-","animateMessage":"index-module_animateMessage__Gxf3M","fade-in":"index-module_fade-in__GxKz8"};
+var css_248z = ".index-module_invalid__iPosr {\r\n  border: 2px solid red;\r\n  outline: none;\r\n}\r\n.index-module_invalid__iPosr:focus,\r\n.index-module_invalid__iPosr:focus-visible,\r\n.index-module_invalid__iPosr:focus-within {\r\n  border: 2px solid red;\r\n}\r\n\r\n/* vType === 'outer' */\r\n.index-module_vinput__Xz53v {\r\n  display: flex;\r\n}\r\n.index-module_vinput-top-left__UFNRe {\r\n  flex-direction: column-reverse;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-top__Gor3M {\r\n  flex-direction: column-reverse;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-top-right__wexyT {\r\n  flex-direction: column-reverse;\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-center-left__oTbXC {\r\n  flex-direction: row-reverse;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-center-right__wz--8 {\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-bottom-left__9gm8q {\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-bottom__bxp6x {\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-bottom-right__ihiB0 {\r\n  flex-direction: column;\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n}\r\n\r\n/* vType === 'inner' */\r\n.index-module_innerMessage__cnS6N {\r\n  position: absolute;\r\n  font-size: 12px;\r\n  margin: 0;\r\n  padding: 2px 5px;\r\n  display: flex;\r\n}\r\n.index-module_innerMessage-top-left__3804h {\r\n  align-items: flex-start;\r\n  justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-top__MRmrS {\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n}\r\n.index-module_innerMessage-top-right__4ejsZ {\r\n  align-items: flex-start;\r\n  justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-center-left__t2SwR {\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-center__gT4X6 {\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_innerMessage-center-right__FzHy2 {\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-bottom-left__gI2z5 {\r\n  align-items: flex-end;\r\n  justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-bottom__Zb48i {\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n}\r\n.index-module_innerMessage-bottom-right__OlaLD {\r\n  align-items: flex-end;\r\n  justify-content: flex-end;\r\n}\r\n\r\n/* vType === 'tooltip' */\r\n.index-module_tooltipMessage__BG3C0 {\r\n  position: absolute;\r\n  margin: 0;\r\n  padding: 10px 20px;\r\n  border: 1px solid transparent;\r\n  border-radius: 10px;\r\n  background-color: black;\r\n}\r\np[class*='tooltipMessage-top'] {\r\n  transform: translateY(calc(-100% - 10px));\r\n}\r\np[class*='tooltipMessage-top']::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  border: 10px solid transparent;\r\n  border-top-color: black;\r\n  border-bottom: 0;\r\n  margin-bottom: -11px;\r\n}\r\n.index-module_vinput__Xz53v.index-module_tooltipMessage-top-left__EExDe {\r\n  justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-top-left__EExDe::after {\r\n  left: 3%;\r\n}\r\n.index-module_vinput__Xz53v.index-module_tooltipMessage-top__L7c5- {\r\n  justify-content: center;\r\n}\r\np.index-module_tooltipMessage-top__L7c5-::after {\r\n  left: 44%;\r\n}\r\n.index-module_tooltipMessage-top-right__iVHO9 {\r\n  justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-top-right__iVHO9::after {\r\n  left: 87%;\r\n}\r\np[class*='tooltipMessage-center'] {\r\n  /* transform: translateY(calc(-100% - 10px)); */\r\n}\r\np[class*='tooltipMessage-center']::after {\r\n  content: '';\r\n  position: absolute;\r\n  border: 10px solid transparent;\r\n}\r\n.index-module_vinput__Xz53v.index-module_tooltipMessage-center-right__nL7jv {\r\n  justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-center-right__nL7jv {\r\n  transform: translateX(calc(100% + 10px));\r\n}\r\np.index-module_tooltipMessage-center-right__nL7jv::after {\r\n  border-right-color: black;\r\n  left: -10%;\r\n}\r\n.index-module_vinput__Xz53v.index-module_tooltipMessage-center-left__C2dwc {\r\n  justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-center-left__C2dwc {\r\n  transform: translateX(calc(-100% - 10px));\r\n}\r\np.index-module_tooltipMessage-center-left__C2dwc::after {\r\n  border-left-color: black;\r\n  left: 100%;\r\n}\r\n\r\np[class*='tooltipMessage-bottom'] {\r\n  transform: translateY(calc(120% + 10px));\r\n}\r\np[class*='tooltipMessage-bottom']::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  border: 10px solid transparent;\r\n  border-bottom-color: black;\r\n  border-top: 0;\r\n  margin-top: -11px;\r\n}\r\n.index-module_vinput__Xz53v.index-module_tooltipMessage-bottom-left__G4dRB {\r\n  justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-bottom-left__G4dRB::after {\r\n  left: 3%;\r\n}\r\n.index-module_vinput__Xz53v.index-module_tooltipMessage-bottom__O5fIQ {\r\n  justify-content: center;\r\n}\r\np.index-module_tooltipMessage-bottom__O5fIQ::after {\r\n  left: 44%;\r\n}\r\n.index-module_tooltipMessage-bottom-right__ACA9z {\r\n  justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-bottom-right__ACA9z::after {\r\n  left: 87%;\r\n}\r\n\r\n.index-module_animateMessage__2Xq3T {\r\n  animation: index-module_fade-in__Xcu-Q 1s ease-in-out;\r\n}\r\n\r\n@keyframes index-module_fade-in__Xcu-Q {\r\n  0% {\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n";
+var styles = {"invalid":"index-module_invalid__iPosr","vinput":"index-module_vinput__Xz53v","vinput-top-left":"index-module_vinput-top-left__UFNRe","vinput-top":"index-module_vinput-top__Gor3M","vinput-top-right":"index-module_vinput-top-right__wexyT","vinput-center-left":"index-module_vinput-center-left__oTbXC","vinput-center-right":"index-module_vinput-center-right__wz--8","vinput-bottom-left":"index-module_vinput-bottom-left__9gm8q","vinput-bottom":"index-module_vinput-bottom__bxp6x","vinput-bottom-right":"index-module_vinput-bottom-right__ihiB0","innerMessage":"index-module_innerMessage__cnS6N","innerMessage-top-left":"index-module_innerMessage-top-left__3804h","innerMessage-top":"index-module_innerMessage-top__MRmrS","innerMessage-top-right":"index-module_innerMessage-top-right__4ejsZ","innerMessage-center-left":"index-module_innerMessage-center-left__t2SwR","innerMessage-center":"index-module_innerMessage-center__gT4X6","innerMessage-center-right":"index-module_innerMessage-center-right__FzHy2","innerMessage-bottom-left":"index-module_innerMessage-bottom-left__gI2z5","innerMessage-bottom":"index-module_innerMessage-bottom__Zb48i","innerMessage-bottom-right":"index-module_innerMessage-bottom-right__OlaLD","tooltipMessage":"index-module_tooltipMessage__BG3C0","tooltipMessage-top-left":"index-module_tooltipMessage-top-left__EExDe","tooltipMessage-top":"index-module_tooltipMessage-top__L7c5-","tooltipMessage-top-right":"index-module_tooltipMessage-top-right__iVHO9","tooltipMessage-center-right":"index-module_tooltipMessage-center-right__nL7jv","tooltipMessage-center-left":"index-module_tooltipMessage-center-left__C2dwc","tooltipMessage-bottom-left":"index-module_tooltipMessage-bottom-left__G4dRB","tooltipMessage-bottom":"index-module_tooltipMessage-bottom__O5fIQ","tooltipMessage-bottom-right":"index-module_tooltipMessage-bottom-right__ACA9z","animateMessage":"index-module_animateMessage__2Xq3T","fade-in":"index-module_fade-in__Xcu-Q"};
 styleInject(css_248z);
 
 // Text
-var VText = function VText(_ref) {
-  var _props$defaultValue;
+function VText(_ref) {
+  var _props$defaultValue, _props$defaultValue2, _props$defaultValue3;
   var _ref$vState = _ref.vState,
     vState = _ref$vState === void 0 ? false : _ref$vState,
+    _ref$vType = _ref.vType,
+    vType = _ref$vType === void 0 ? 'outer' : _ref$vType,
     _ref$vClassName = _ref.vClassName,
     vClassName = _ref$vClassName === void 0 ? '' : _ref$vClassName,
     _ref$vShowMessage = _ref.vShowMessage,
     vShowMessage = _ref$vShowMessage === void 0 ? false : _ref$vShowMessage,
     _ref$vMessage = _ref.vMessage,
     vMessage = _ref$vMessage === void 0 ? '' : _ref$vMessage,
-    _ref$vIsInnerMessage = _ref.vIsInnerMessage,
-    vIsInnerMessage = _ref$vIsInnerMessage === void 0 ? false : _ref$vIsInnerMessage,
     _ref$vLocateMessage = _ref.vLocateMessage,
     vLocateMessage = _ref$vLocateMessage === void 0 ? 'bottom' : _ref$vLocateMessage,
     _ref$vMessageClass = _ref.vMessageClass,
@@ -58,67 +58,93 @@ var VText = function VText(_ref) {
     vIsAnimate = _ref$vIsAnimate === void 0 ? false : _ref$vIsAnimate,
     _ref$props = _ref.props,
     props = _ref$props === void 0 ? {} : _ref$props;
-  var Result = React.createElement("div", {
-    className: styles.vinput + " " + styles["vinput-" + vLocateMessage]
-  }, React.createElement("input", Object.assign({
-    type: "text"
-  }, props, {
-    defaultValue: (_props$defaultValue = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue : '',
-    className: (props == null ? void 0 : props.className) + " " + (vState ? vClassName || styles.invalid : '')
-  })), vState && vShowMessage ? React.createElement("p", {
-    className: vMessageClass + " " + (vIsInnerMessage ? (props == null ? void 0 : props.className) + " " + styles.innerMessage + " " + styles["innerMessage-" + vLocateMessage] : '') + " " + (vIsAnimate ? styles.animateMessage : '')
-  }, vMessage) : null);
-  return Result;
-};
-// Checkbox
-var VCheckbox = function VCheckbox() {
-  return React.createElement("input", {
+  switch (vType) {
+    case 'outer':
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.vinput + " " + styles["vinput-" + vLocateMessage]
+      }, /*#__PURE__*/React.createElement("input", Object.assign({
+        type: "text"
+      }, props, {
+        defaultValue: (_props$defaultValue = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue : '',
+        className: (props == null ? void 0 : props.className) + " " + (vState ? vClassName || styles.invalid : '')
+      })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
+        className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
+      }, vMessage)) : null);
+    case 'inner':
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.vinput
+      }, /*#__PURE__*/React.createElement("input", Object.assign({
+        type: "text"
+      }, props, {
+        defaultValue: (_props$defaultValue2 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue2 : '',
+        className: (props == null ? void 0 : props.className) + " " + (vState ? vClassName || styles.invalid : '')
+      })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
+        className: vMessageClass + " " + styles.innerMessage + " " + styles["innerMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
+      }, vMessage)) : null);
+    case 'tooltip':
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.vinput + " " + styles["tooltipMessage-" + vLocateMessage]
+      }, /*#__PURE__*/React.createElement("input", Object.assign({
+        type: "text"
+      }, props, {
+        defaultValue: (_props$defaultValue3 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue3 : '',
+        className: (props == null ? void 0 : props.className) + " " + (vState ? vClassName || styles.invalid : '')
+      })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
+        className: vMessageClass + " " + styles.tooltipMessage + " " + styles["tooltipMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
+      }, vMessage)) : null);
+    default:
+      return /*#__PURE__*/React.createElement("div", null);
+  }
+}
+
+function VCheckbox() {
+  return /*#__PURE__*/React.createElement("input", {
     type: "checkbox"
   });
-};
-// Radio
-var VRadio = function VRadio() {
-  return React.createElement("input", {
-    type: "radio"
+}
+
+function vColor() {
+  return /*#__PURE__*/React.createElement("input", {
+    type: "color"
   });
-};
-// Date
-var VDate = function VDate() {
-  return React.createElement("input", {
+}
+
+function vDate() {
+  return /*#__PURE__*/React.createElement("input", {
     type: "date"
   });
-};
-// Color
-var VColor = function VColor() {
-  return React.createElement("input", {
-    type: "color"
-  });
-};
-// Email
-var VEmail = function VEmail() {
-  return React.createElement("input", {
+}
+
+function vEmail() {
+  return /*#__PURE__*/React.createElement("input", {
     type: "email"
   });
-};
-// Range
-var VRange = function VRange() {
-  return React.createElement("input", {
+}
+
+function vRadio() {
+  return /*#__PURE__*/React.createElement("input", {
+    type: "radio"
+  });
+}
+
+function vRange() {
+  return /*#__PURE__*/React.createElement("input", {
     type: "range"
   });
-};
-// Url
-var VUrl = function VUrl() {
-  return React.createElement("input", {
+}
+
+function vURL() {
+  return /*#__PURE__*/React.createElement("input", {
     type: "url"
   });
-};
+}
 
 exports.VCheckbox = VCheckbox;
-exports.VColor = VColor;
-exports.VDate = VDate;
-exports.VEmail = VEmail;
-exports.VRadio = VRadio;
-exports.VRange = VRange;
 exports.VText = VText;
-exports.VUrl = VUrl;
+exports.vColor = vColor;
+exports.vDate = vDate;
+exports.vEmail = vEmail;
+exports.vRadio = vRadio;
+exports.vRange = vRange;
+exports.vURL = vURL;
 //# sourceMappingURL=react-validate-component.cjs.development.js.map

package/dist/react-validate-component.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-validate-component.cjs.development.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/index.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from 'react';\nimport styles from './index.module.css';\nimport { VTEXT_PARAMS } from './types/vinput';\n\n// Text\nexport const VText = ({\n  vState = false,\n  vClassName = '',\n  vShowMessage = false,\n  vMessage = '',\n  vIsInnerMessage = false,\n  vLocateMessage = 'bottom',\n  vMessageClass = '',\n  vIsAnimate = false,\n  props = {},\n}: VTEXT_PARAMS) => {\n  const Result: JSX.Element = (\n    <div className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}>\n      <input\n        type=\"text\"\n        {...props}\n        defaultValue={props?.defaultValue ?? ''}\n        className={`${props?.className} ${\n          vState ? vClassName || styles.invalid : ''\n        }`}\n      ></input>\n      {vState && vShowMessage ? (\n        <p\n          className={`${vMessageClass} ${\n            vIsInnerMessage\n              ? `${props?.className} ${styles.innerMessage} ${\n                  styles[`innerMessage-${vLocateMessage}`]\n                }`\n              : ''\n          } ${vIsAnimate ? styles.animateMessage : ''}`}\n        >\n          {vMessage}\n        </p>\n      ) : null}\n    </div>\n  );\n\n  return Result;\n};\n\n// Checkbox\nexport const VCheckbox = () => {\n  return <input type=\"checkbox\" />;\n};\n\n// Radio\nexport const VRadio = () => {\n  return <input type=\"radio\" />;\n};\n\n// Date\nexport const VDate = () => {\n  return <input type=\"date\" />;\n};\n\n// Color\nexport const VColor = () => {\n  return <input type=\"color\" />;\n};\n\n// Email\nexport const VEmail = () => {\n  return <input type=\"email\" />;\n};\n\n// Range\nexport const VRange = () => {\n  return <input type=\"range\" />;\n};\n\n// Url\nexport const VUrl = () => {\n  return <input type=\"url\" />;\n};\n"],"names":["VText","_ref","vState","_ref$vState","_ref$vClassName","vClassName","_ref$vShowMessage","vShowMessage","_ref$vMessage","vMessage","_ref$vIsInnerMessage","vIsInnerMessage","_ref$vLocateMessage","vLocateMessage","_ref$vMessageClass","vMessageClass","_ref$vIsAnimate","vIsAnimate","_ref$props","props","Result","React","className","styles","vinput","type","defaultValue","_props$defaultValue","invalid","innerMessage","animateMessage","VCheckbox","VRadio","VDate","VColor","VEmail","VRange","VUrl"],"mappings":"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"}
+{"version":3,"file":"react-validate-component.cjs.development.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/vText/index.tsx","../src/vCheckbox/index.tsx","../src/vColor/index.tsx","../src/vDate/index.tsx","../src/vEmail/index.tsx","../src/vRadio/index.tsx","../src/vRange/index.tsx","../src/vURL/index.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from 'react';\nimport styles from './index.module.css';\nimport { VTEXT_PARAMS } from './vText';\n\n// Text\nexport function VText({\n  vState = false,\n  vType = 'outer',\n  vClassName = '',\n  vShowMessage = false,\n  vMessage = '',\n  vLocateMessage = 'bottom',\n  vMessageClass = '',\n  vIsAnimate = false,\n  props = {},\n}: VTEXT_PARAMS) {\n  switch (vType) {\n    case 'outer':\n      return (\n        <div\n          className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\n        >\n          <input\n            type=\"text\"\n            {...props}\n            defaultValue={props?.defaultValue ?? ''}\n            className={`${props?.className} ${\n              vState ? vClassName || styles.invalid : ''\n            }`}\n          ></input>\n          {vState && vShowMessage ? (\n            <p\n              className={`${vMessageClass} ${\n                vIsAnimate ? styles.animateMessage : ''\n              }`}\n            >\n              {vMessage}\n            </p>\n          ) : null}\n        </div>\n      );\n    case 'inner':\n      return (\n        <div className={styles.vinput}>\n          <input\n            type=\"text\"\n            {...props}\n            defaultValue={props?.defaultValue ?? ''}\n            className={`${props?.className} ${\n              vState ? vClassName || styles.invalid : ''\n            }`}\n          ></input>\n          {vState && vShowMessage ? (\n            <p\n              className={`${vMessageClass} ${styles.innerMessage} ${\n                styles[`innerMessage-${vLocateMessage}`]\n              } ${vIsAnimate ? styles.animateMessage : ''}`}\n            >\n              {vMessage}\n            </p>\n          ) : null}\n        </div>\n      );\n    case 'tooltip':\n      return (\n        <div\n          className={`${styles.vinput} ${\n            styles[`tooltipMessage-${vLocateMessage}`]\n          }`}\n        >\n          <input\n            type=\"text\"\n            {...props}\n            defaultValue={props?.defaultValue ?? ''}\n            className={`${props?.className} ${\n              vState ? vClassName || styles.invalid : ''\n            }`}\n          ></input>\n          {vState && vShowMessage ? (\n            <p\n              className={`${vMessageClass} ${styles.tooltipMessage} ${\n                styles[`tooltipMessage-${vLocateMessage}`]\n              } ${vIsAnimate ? styles.animateMessage : ''}`}\n            >\n              {vMessage}\n            </p>\n          ) : null}\n        </div>\n      );\n    default:\n      return <div></div>;\n  }\n}\n","import React from 'react';\r\n\r\nexport function VCheckbox() {\r\n  return <input type=\"checkbox\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function vColor() {\r\n  return <input type=\"color\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function vDate() {\r\n  return <input type=\"date\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function vEmail() {\r\n  return <input type=\"email\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function vRadio() {\r\n  return <input type=\"radio\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function vRange() {\r\n  return <input type=\"range\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function vURL() {\r\n  return <input type=\"url\" />;\r\n}\r\n"],"names":["VText","_ref","vState","_ref$vState","_ref$vType","vType","_ref$vClassName","vClassName","_ref$vShowMessage","vShowMessage","_ref$vMessage","vMessage","_ref$vLocateMessage","vLocateMessage","_ref$vMessageClass","vMessageClass","_ref$vIsAnimate","vIsAnimate","_ref$props","props","React","className","styles","vinput","type","defaultValue","_props$defaultValue","invalid","animateMessage","_props$defaultValue2","innerMessage","_props$defaultValue3","tooltipMessage","VCheckbox","vColor","vDate","vEmail","vRadio","vRange","vURL"],"mappings":"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"}

package/dist/react-validate-component.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e,t={invalid:"index-module_invalid__gHKsE",vinput:"index-module_vinput__tFGFH","vinput-top-left":"index-module_vinput-top-left__2g8Bq","vinput-top":"index-module_vinput-top__ZTh6H","vinput-top-right":"index-module_vinput-top-right__t6K-Q","vinput-center-left":"index-module_vinput-center-left__vJn0s","vinput-center-right":"index-module_vinput-center-right__HDgip","vinput-bottom-left":"index-module_vinput-bottom-left__xxaiT","vinput-bottom":"index-module_vinput-bottom__nCOAf","vinput-bottom-right":"index-module_vinput-bottom-right__6AjOE",innerMessage:"index-module_innerMessage__rihga","innerMessage-top-left":"index-module_innerMessage-top-left__HLoYg","innerMessage-top":"index-module_innerMessage-top__ouYW6","innerMessage-top-right":"index-module_innerMessage-top-right__7tMC8","innerMessage-center-left":"index-module_innerMessage-center-left__4iZyl","innerMessage-center":"index-module_innerMessage-center__U2006","innerMessage-center-right":"index-module_innerMessage-center-right__Pg2oU","innerMessage-bottom-left":"index-module_innerMessage-bottom-left__1QDIv","innerMessage-bottom":"index-module_innerMessage-bottom__gMogT","innerMessage-bottom-right":"index-module_innerMessage-bottom-right__peBq-",animateMessage:"index-module_animateMessage__Gxf3M","fade-in":"index-module_fade-in__GxKz8"};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if("undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}(".index-module_invalid__gHKsE {\r\n  border: 2px solid red;\r\n}\r\n\r\n/* 유효성 메시지 locate */\r\n.index-module_vinput__tFGFH {\r\n  display: flex;\r\n}\r\n.index-module_vinput-top-left__2g8Bq {\r\n  flex-direction: column-reverse;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-top__ZTh6H {\r\n  flex-direction: column-reverse;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-top-right__t6K-Q {\r\n  flex-direction: column-reverse;\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-center-left__vJn0s {\r\n  flex-direction: row-reverse;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-center-right__HDgip {\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-bottom-left__xxaiT {\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-bottom__nCOAf {\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-bottom-right__6AjOE {\r\n  flex-direction: column;\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n}\r\n.index-module_innerMessage__rihga {\r\n  position: absolute;\r\n  font-size: 12px;\r\n  margin: 0;\r\n  padding: 2px 5px;\r\n  display: flex;\r\n}\r\n.index-module_innerMessage-top-left__HLoYg {\r\n  align-items: flex-start;\r\n  justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-top__ouYW6 {\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n}\r\n.index-module_innerMessage-top-right__7tMC8 {\r\n  align-items: flex-start;\r\n  justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-center-left__4iZyl {\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-center__U2006 {\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_innerMessage-center-right__Pg2oU {\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-bottom-left__1QDIv {\r\n  align-items: flex-end;\r\n  justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-bottom__gMogT {\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n}\r\n.index-module_innerMessage-bottom-right__peBq- {\r\n  align-items: flex-end;\r\n  justify-content: flex-end;\r\n}\r\n\r\n.index-module_animateMessage__Gxf3M {\r\n  animation: index-module_fade-in__GxKz8 1s ease-in-out;\r\n}\r\n\r\n@keyframes index-module_fade-in__GxKz8 {\r\n  0% {\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n"),exports.VCheckbox=function(){return n.createElement("input",{type:"checkbox"})},exports.VColor=function(){return n.createElement("input",{type:"color"})},exports.VDate=function(){return n.createElement("input",{type:"date"})},exports.VEmail=function(){return n.createElement("input",{type:"email"})},exports.VRadio=function(){return n.createElement("input",{type:"radio"})},exports.VRange=function(){return n.createElement("input",{type:"range"})},exports.VText=function(e){var i,r=e.vState,o=void 0!==r&&r,s=e.vClassName,l=e.vShowMessage,d=void 0!==l&&l,a=e.vMessage,u=void 0===a?"":a,_=e.vIsInnerMessage,m=void 0!==_&&_,c=e.vLocateMessage,g=void 0===c?"bottom":c,x=e.vMessageClass,p=void 0===x?"":x,f=e.vIsAnimate,v=void 0!==f&&f,M=e.props,y=void 0===M?{}:M;return n.createElement("div",{className:t.vinput+" "+t["vinput-"+g]},n.createElement("input",Object.assign({type:"text"},y,{defaultValue:null!=(i=null==y?void 0:y.defaultValue)?i:"",className:(null==y?void 0:y.className)+" "+(o?(void 0===s?"":s)||t.invalid:"")})),o&&d?n.createElement("p",{className:p+" "+(m?(null==y?void 0:y.className)+" "+t.innerMessage+" "+t["innerMessage-"+g]:"")+" "+(v?t.animateMessage:"")},u):null)},exports.VUrl=function(){return n.createElement("input",{type:"url"})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e,t={invalid:"index-module_invalid__iPosr",vinput:"index-module_vinput__Xz53v","vinput-top-left":"index-module_vinput-top-left__UFNRe","vinput-top":"index-module_vinput-top__Gor3M","vinput-top-right":"index-module_vinput-top-right__wexyT","vinput-center-left":"index-module_vinput-center-left__oTbXC","vinput-center-right":"index-module_vinput-center-right__wz--8","vinput-bottom-left":"index-module_vinput-bottom-left__9gm8q","vinput-bottom":"index-module_vinput-bottom__bxp6x","vinput-bottom-right":"index-module_vinput-bottom-right__ihiB0",innerMessage:"index-module_innerMessage__cnS6N","innerMessage-top-left":"index-module_innerMessage-top-left__3804h","innerMessage-top":"index-module_innerMessage-top__MRmrS","innerMessage-top-right":"index-module_innerMessage-top-right__4ejsZ","innerMessage-center-left":"index-module_innerMessage-center-left__t2SwR","innerMessage-center":"index-module_innerMessage-center__gT4X6","innerMessage-center-right":"index-module_innerMessage-center-right__FzHy2","innerMessage-bottom-left":"index-module_innerMessage-bottom-left__gI2z5","innerMessage-bottom":"index-module_innerMessage-bottom__Zb48i","innerMessage-bottom-right":"index-module_innerMessage-bottom-right__OlaLD",tooltipMessage:"index-module_tooltipMessage__BG3C0","tooltipMessage-top-left":"index-module_tooltipMessage-top-left__EExDe","tooltipMessage-top":"index-module_tooltipMessage-top__L7c5-","tooltipMessage-top-right":"index-module_tooltipMessage-top-right__iVHO9","tooltipMessage-center-right":"index-module_tooltipMessage-center-right__nL7jv","tooltipMessage-center-left":"index-module_tooltipMessage-center-left__C2dwc","tooltipMessage-bottom-left":"index-module_tooltipMessage-bottom-left__G4dRB","tooltipMessage-bottom":"index-module_tooltipMessage-bottom__O5fIQ","tooltipMessage-bottom-right":"index-module_tooltipMessage-bottom-right__ACA9z",animateMessage:"index-module_animateMessage__2Xq3T","fade-in":"index-module_fade-in__Xcu-Q"};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".index-module_invalid__iPosr {\r\n  border: 2px solid red;\r\n  outline: none;\r\n}\r\n.index-module_invalid__iPosr:focus,\r\n.index-module_invalid__iPosr:focus-visible,\r\n.index-module_invalid__iPosr:focus-within {\r\n  border: 2px solid red;\r\n}\r\n\r\n/* vType === 'outer' */\r\n.index-module_vinput__Xz53v {\r\n  display: flex;\r\n}\r\n.index-module_vinput-top-left__UFNRe {\r\n  flex-direction: column-reverse;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-top__Gor3M {\r\n  flex-direction: column-reverse;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-top-right__wexyT {\r\n  flex-direction: column-reverse;\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-center-left__oTbXC {\r\n  flex-direction: row-reverse;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-center-right__wz--8 {\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-bottom-left__9gm8q {\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-bottom__bxp6x {\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-bottom-right__ihiB0 {\r\n  flex-direction: column;\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n}\r\n\r\n/* vType === 'inner' */\r\n.index-module_innerMessage__cnS6N {\r\n  position: absolute;\r\n  font-size: 12px;\r\n  margin: 0;\r\n  padding: 2px 5px;\r\n  display: flex;\r\n}\r\n.index-module_innerMessage-top-left__3804h {\r\n  align-items: flex-start;\r\n  justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-top__MRmrS {\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n}\r\n.index-module_innerMessage-top-right__4ejsZ {\r\n  align-items: flex-start;\r\n  justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-center-left__t2SwR {\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-center__gT4X6 {\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_innerMessage-center-right__FzHy2 {\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-bottom-left__gI2z5 {\r\n  align-items: flex-end;\r\n  justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-bottom__Zb48i {\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n}\r\n.index-module_innerMessage-bottom-right__OlaLD {\r\n  align-items: flex-end;\r\n  justify-content: flex-end;\r\n}\r\n\r\n/* vType === 'tooltip' */\r\n.index-module_tooltipMessage__BG3C0 {\r\n  position: absolute;\r\n  margin: 0;\r\n  padding: 10px 20px;\r\n  border: 1px solid transparent;\r\n  border-radius: 10px;\r\n  background-color: black;\r\n}\r\np[class*='tooltipMessage-top'] {\r\n  transform: translateY(calc(-100% - 10px));\r\n}\r\np[class*='tooltipMessage-top']::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  border: 10px solid transparent;\r\n  border-top-color: black;\r\n  border-bottom: 0;\r\n  margin-bottom: -11px;\r\n}\r\n.index-module_vinput__Xz53v.index-module_tooltipMessage-top-left__EExDe {\r\n  justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-top-left__EExDe::after {\r\n  left: 3%;\r\n}\r\n.index-module_vinput__Xz53v.index-module_tooltipMessage-top__L7c5- {\r\n  justify-content: center;\r\n}\r\np.index-module_tooltipMessage-top__L7c5-::after {\r\n  left: 44%;\r\n}\r\n.index-module_tooltipMessage-top-right__iVHO9 {\r\n  justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-top-right__iVHO9::after {\r\n  left: 87%;\r\n}\r\np[class*='tooltipMessage-center'] {\r\n  /* transform: translateY(calc(-100% - 10px)); */\r\n}\r\np[class*='tooltipMessage-center']::after {\r\n  content: '';\r\n  position: absolute;\r\n  border: 10px solid transparent;\r\n}\r\n.index-module_vinput__Xz53v.index-module_tooltipMessage-center-right__nL7jv {\r\n  justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-center-right__nL7jv {\r\n  transform: translateX(calc(100% + 10px));\r\n}\r\np.index-module_tooltipMessage-center-right__nL7jv::after {\r\n  border-right-color: black;\r\n  left: -10%;\r\n}\r\n.index-module_vinput__Xz53v.index-module_tooltipMessage-center-left__C2dwc {\r\n  justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-center-left__C2dwc {\r\n  transform: translateX(calc(-100% - 10px));\r\n}\r\np.index-module_tooltipMessage-center-left__C2dwc::after {\r\n  border-left-color: black;\r\n  left: 100%;\r\n}\r\n\r\np[class*='tooltipMessage-bottom'] {\r\n  transform: translateY(calc(120% + 10px));\r\n}\r\np[class*='tooltipMessage-bottom']::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  border: 10px solid transparent;\r\n  border-bottom-color: black;\r\n  border-top: 0;\r\n  margin-top: -11px;\r\n}\r\n.index-module_vinput__Xz53v.index-module_tooltipMessage-bottom-left__G4dRB {\r\n  justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-bottom-left__G4dRB::after {\r\n  left: 3%;\r\n}\r\n.index-module_vinput__Xz53v.index-module_tooltipMessage-bottom__O5fIQ {\r\n  justify-content: center;\r\n}\r\np.index-module_tooltipMessage-bottom__O5fIQ::after {\r\n  left: 44%;\r\n}\r\n.index-module_tooltipMessage-bottom-right__ACA9z {\r\n  justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-bottom-right__ACA9z::after {\r\n  left: 87%;\r\n}\r\n\r\n.index-module_animateMessage__2Xq3T {\r\n  animation: index-module_fade-in__Xcu-Q 1s ease-in-out;\r\n}\r\n\r\n@keyframes index-module_fade-in__Xcu-Q {\r\n  0% {\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n"),exports.VCheckbox=function(){return n.createElement("input",{type:"checkbox"})},exports.VText=function(e){var r,o,i,l=e.vState,s=void 0!==l&&l,a=e.vType,d=e.vClassName,_=void 0===d?"":d,u=e.vShowMessage,p=void 0!==u&&u,m=e.vMessage,c=void 0===m?"":m,x=e.vLocateMessage,g=void 0===x?"bottom":x,f=e.vMessageClass,v=void 0===f?"":f,M=e.vIsAnimate,b=void 0!==M&&M,y=e.props,h=void 0===y?{}:y;switch(void 0===a?"outer":a){case"outer":return n.createElement("div",{className:t.vinput+" "+t["vinput-"+g]},n.createElement("input",Object.assign({type:"text"},h,{defaultValue:null!=(r=null==h?void 0:h.defaultValue)?r:"",className:(null==h?void 0:h.className)+" "+(s?_||t.invalid:"")})),s&&p?n.createElement("p",{className:v+" "+(b?t.animateMessage:"")},c):null);case"inner":return n.createElement("div",{className:t.vinput},n.createElement("input",Object.assign({type:"text"},h,{defaultValue:null!=(o=null==h?void 0:h.defaultValue)?o:"",className:(null==h?void 0:h.className)+" "+(s?_||t.invalid:"")})),s&&p?n.createElement("p",{className:v+" "+t.innerMessage+" "+t["innerMessage-"+g]+" "+(b?t.animateMessage:"")},c):null);case"tooltip":return n.createElement("div",{className:t.vinput+" "+t["tooltipMessage-"+g]},n.createElement("input",Object.assign({type:"text"},h,{defaultValue:null!=(i=null==h?void 0:h.defaultValue)?i:"",className:(null==h?void 0:h.className)+" "+(s?_||t.invalid:"")})),s&&p?n.createElement("p",{className:v+" "+t.tooltipMessage+" "+t["tooltipMessage-"+g]+" "+(b?t.animateMessage:"")},c):null);default:return n.createElement("div",null)}},exports.vColor=function(){return n.createElement("input",{type:"color"})},exports.vDate=function(){return n.createElement("input",{type:"date"})},exports.vEmail=function(){return n.createElement("input",{type:"email"})},exports.vRadio=function(){return n.createElement("input",{type:"radio"})},exports.vRange=function(){return n.createElement("input",{type:"range"})},exports.vURL=function(){return n.createElement("input",{type:"url"})};
 //# sourceMappingURL=react-validate-component.cjs.production.min.js.map

package/dist/react-validate-component.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-validate-component.cjs.production.min.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/index.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from 'react';\nimport styles from './index.module.css';\nimport { VTEXT_PARAMS } from './types/vinput';\n\n// Text\nexport const VText = ({\n  vState = false,\n  vClassName = '',\n  vShowMessage = false,\n  vMessage = '',\n  vIsInnerMessage = false,\n  vLocateMessage = 'bottom',\n  vMessageClass = '',\n  vIsAnimate = false,\n  props = {},\n}: VTEXT_PARAMS) => {\n  const Result: JSX.Element = (\n    <div className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}>\n      <input\n        type=\"text\"\n        {...props}\n        defaultValue={props?.defaultValue ?? ''}\n        className={`${props?.className} ${\n          vState ? vClassName || styles.invalid : ''\n        }`}\n      ></input>\n      {vState && vShowMessage ? (\n        <p\n          className={`${vMessageClass} ${\n            vIsInnerMessage\n              ? `${props?.className} ${styles.innerMessage} ${\n                  styles[`innerMessage-${vLocateMessage}`]\n                }`\n              : ''\n          } ${vIsAnimate ? styles.animateMessage : ''}`}\n        >\n          {vMessage}\n        </p>\n      ) : null}\n    </div>\n  );\n\n  return Result;\n};\n\n// Checkbox\nexport const VCheckbox = () => {\n  return <input type=\"checkbox\" />;\n};\n\n// Radio\nexport const VRadio = () => {\n  return <input type=\"radio\" />;\n};\n\n// Date\nexport const VDate = () => {\n  return <input type=\"date\" />;\n};\n\n// Color\nexport const VColor = () => {\n  return <input type=\"color\" />;\n};\n\n// Email\nexport const VEmail = () => {\n  return <input type=\"email\" />;\n};\n\n// Range\nexport const VRange = () => {\n  return <input type=\"range\" />;\n};\n\n// Url\nexport const VUrl = () => {\n  return <input type=\"url\" />;\n};\n"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","React","_ref","vState","_ref$vState","_ref$vClassName","vClassName","_ref$vShowMessage","vShowMessage","_ref$vMessage","vMessage","_ref$vIsInnerMessage","vIsInnerMessage","_ref$vLocateMessage","vLocateMessage","_ref$vMessageClass","vMessageClass","_ref$vIsAnimate","vIsAnimate","_ref$props","props","className","styles","vinput","defaultValue","_props$defaultValue","invalid","innerMessage","animateMessage"],"mappings":"26CAAA,SAAqBA,EAAKC,QACX,IAARA,IAAiBA,EAAM,IAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAgC,oBAAbC,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,2mFCuBrB,WACvB,OAAOe,yBAAOP,KAAK,6BAcC,WACpB,OAAOO,yBAAOP,KAAK,yBANA,WACnB,OAAOO,yBAAOP,KAAK,yBASC,WACpB,OAAOO,yBAAOP,KAAK,0BAhBC,WACpB,OAAOO,yBAAOP,KAAK,0BAmBC,WACpB,OAAOO,yBAAOP,KAAK,yBAnEA,SAAHQ,aAChBC,OAAAA,WAAMC,GAAQA,EAAAC,EAAAH,EACdI,WAAeC,EAAAL,EACfM,aAAAA,WAAYD,GAAQA,EAAAE,EAAAP,EACpBQ,SAAAA,WAAQD,EAAG,GAAEA,EAAAE,EAAAT,EACbU,gBAAAA,WAAeD,GAAQA,EAAAE,EAAAX,EACvBY,eAAAA,WAAcD,EAAG,SAAQA,EAAAE,EAAAb,EACzBc,cAAAA,WAAaD,EAAG,GAAEA,EAAAE,EAAAf,EAClBgB,WAAAA,WAAUD,GAAQA,EAAAE,EAAAjB,EAClBkB,MAAAA,WAAKD,EAAG,GAAEA,EA4BV,OAzBElB,uBAAKoB,UAAcC,EAAOC,WAAUD,YAAiBR,IACnDb,uCACEP,KAAK,QACD0B,GACJI,oBAAYC,QAAEL,SAAAA,EAAOI,cAAYC,EAAI,GACrCJ,iBAAcD,SAAAA,EAAOC,gBACnBlB,YAhBEE,EAAG,GAAEA,IAgBgBiB,EAAOI,QAAU,OAG3CvB,GAAUK,EACTP,qBACEoB,UAAcL,OACZJ,SACOQ,SAAAA,EAAOC,eAAaC,EAAOK,iBAC5BL,kBAAuBR,GAEzB,SACFI,EAAaI,EAAOM,eAAiB,KAExClB,GAED,oBAsCU,WAClB,OAAOT,yBAAOP,KAAK"}
+{"version":3,"file":"react-validate-component.cjs.production.min.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/vCheckbox/index.tsx","../src/vText/index.tsx","../src/vColor/index.tsx","../src/vDate/index.tsx","../src/vEmail/index.tsx","../src/vRadio/index.tsx","../src/vRange/index.tsx","../src/vURL/index.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from 'react';\r\n\r\nexport function VCheckbox() {\r\n  return <input type=\"checkbox\" />;\r\n}\r\n","import React from 'react';\nimport styles from './index.module.css';\nimport { VTEXT_PARAMS } from './vText';\n\n// Text\nexport function VText({\n  vState = false,\n  vType = 'outer',\n  vClassName = '',\n  vShowMessage = false,\n  vMessage = '',\n  vLocateMessage = 'bottom',\n  vMessageClass = '',\n  vIsAnimate = false,\n  props = {},\n}: VTEXT_PARAMS) {\n  switch (vType) {\n    case 'outer':\n      return (\n        <div\n          className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\n        >\n          <input\n            type=\"text\"\n            {...props}\n            defaultValue={props?.defaultValue ?? ''}\n            className={`${props?.className} ${\n              vState ? vClassName || styles.invalid : ''\n            }`}\n          ></input>\n          {vState && vShowMessage ? (\n            <p\n              className={`${vMessageClass} ${\n                vIsAnimate ? styles.animateMessage : ''\n              }`}\n            >\n              {vMessage}\n            </p>\n          ) : null}\n        </div>\n      );\n    case 'inner':\n      return (\n        <div className={styles.vinput}>\n          <input\n            type=\"text\"\n            {...props}\n            defaultValue={props?.defaultValue ?? ''}\n            className={`${props?.className} ${\n              vState ? vClassName || styles.invalid : ''\n            }`}\n          ></input>\n          {vState && vShowMessage ? (\n            <p\n              className={`${vMessageClass} ${styles.innerMessage} ${\n                styles[`innerMessage-${vLocateMessage}`]\n              } ${vIsAnimate ? styles.animateMessage : ''}`}\n            >\n              {vMessage}\n            </p>\n          ) : null}\n        </div>\n      );\n    case 'tooltip':\n      return (\n        <div\n          className={`${styles.vinput} ${\n            styles[`tooltipMessage-${vLocateMessage}`]\n          }`}\n        >\n          <input\n            type=\"text\"\n            {...props}\n            defaultValue={props?.defaultValue ?? ''}\n            className={`${props?.className} ${\n              vState ? vClassName || styles.invalid : ''\n            }`}\n          ></input>\n          {vState && vShowMessage ? (\n            <p\n              className={`${vMessageClass} ${styles.tooltipMessage} ${\n                styles[`tooltipMessage-${vLocateMessage}`]\n              } ${vIsAnimate ? styles.animateMessage : ''}`}\n            >\n              {vMessage}\n            </p>\n          ) : null}\n        </div>\n      );\n    default:\n      return <div></div>;\n  }\n}\n","import React from 'react';\r\n\r\nexport function vColor() {\r\n  return <input type=\"color\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function vDate() {\r\n  return <input type=\"date\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function vEmail() {\r\n  return <input type=\"email\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function vRadio() {\r\n  return <input type=\"radio\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function vRange() {\r\n  return <input type=\"range\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function vURL() {\r\n  return <input type=\"url\" />;\r\n}\r\n"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","React","_ref","vState","_ref$vState","_ref$vType","vType","_ref$vClassName","vClassName","_ref$vShowMessage","vShowMessage","_ref$vMessage","vMessage","_ref$vLocateMessage","vLocateMessage","_ref$vMessageClass","vMessageClass","_ref$vIsAnimate","vIsAnimate","_ref$props","props","className","styles","vinput","defaultValue","_props$defaultValue","invalid","animateMessage","_props$defaultValue2","innerMessage","_props$defaultValue3","tooltipMessage"],"mappings":"+iEAAA,SAAqBA,EAAKC,QACX,IAARA,IAAiBA,EAAM,IAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAgC,oBAAbC,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,kpLCpB5C,OAAOe,yBAAOP,KAAK,qCCEAQ,iBACnBC,OAAAA,WAAMC,GAAQA,EAAAC,EAAAH,EACdI,MAAeC,EAAAL,EACfM,WAAAA,WAAUD,EAAG,GAAEA,EAAAE,EAAAP,EACfQ,aAAAA,WAAYD,GAAQA,EAAAE,EAAAT,EACpBU,SAAAA,WAAQD,EAAG,GAAEA,EAAAE,EAAAX,EACbY,eAAAA,WAAcD,EAAG,SAAQA,EAAAE,EAAAb,EACzBc,cAAAA,WAAaD,EAAG,GAAEA,EAAAE,EAAAf,EAClBgB,WAAAA,WAAUD,GAAQA,EAAAE,EAAAjB,EAClBkB,MAAAA,WAAKD,EAAG,GAAEA,EAEV,gBATKd,EAAG,QAAOA,GAUb,IAAK,QACH,OACEJ,uBACEoB,UAAcC,EAAOC,WAAUD,YAAiBR,IAEhDb,uCACEP,KAAK,QACD0B,GACJI,oBAAYC,QAAEL,SAAAA,EAAOI,cAAYC,EAAI,GACrCJ,iBAAcD,SAAAA,EAAOC,gBACnBlB,EAASK,GAAcc,EAAOI,QAAU,OAG3CvB,GAAUO,EACTT,qBACEoB,UAAcL,OACZE,EAAaI,EAAOK,eAAiB,KAGtCf,GAED,MAGV,IAAK,QACH,OACEX,uBAAKoB,UAAWC,EAAOC,QACrBtB,uCACEP,KAAK,QACD0B,GACJI,oBAAYI,QAAER,SAAAA,EAAOI,cAAYI,EAAI,GACrCP,iBAAcD,SAAAA,EAAOC,gBACnBlB,EAASK,GAAcc,EAAOI,QAAU,OAG3CvB,GAAUO,EACTT,qBACEoB,UAAcL,MAAiBM,EAAOO,iBACpCP,kBAAuBR,QACrBI,EAAaI,EAAOK,eAAiB,KAExCf,GAED,MAGV,IAAK,UACH,OACEX,uBACEoB,UAAcC,EAAOC,WACnBD,oBAAyBR,IAG3Bb,uCACEP,KAAK,QACD0B,GACJI,oBAAYM,QAAEV,SAAAA,EAAOI,cAAYM,EAAI,GACrCT,iBAAcD,SAAAA,EAAOC,gBACnBlB,EAASK,GAAcc,EAAOI,QAAU,OAG3CvB,GAAUO,EACTT,qBACEoB,UAAcL,MAAiBM,EAAOS,mBACpCT,oBAAyBR,QACvBI,EAAaI,EAAOK,eAAiB,KAExCf,GAED,MAGV,QACE,OAAOX,wDCvFX,OAAOA,yBAAOP,KAAK,oCCAnB,OAAOO,yBAAOP,KAAK,oCCAnB,OAAOO,yBAAOP,KAAK,qCCAnB,OAAOO,yBAAOP,KAAK,qCCAnB,OAAOO,yBAAOP,KAAK,mCCAnB,OAAOO,yBAAOP,KAAK"}

package/dist/react-validate-component.esm.js

@@ -27,23 +27,23 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".index-module_invalid__gHKsE {\r\n  border: 2px solid red;\r\n}\r\n\r\n/* 유효성 메시지 locate */\r\n.index-module_vinput__tFGFH {\r\n  display: flex;\r\n}\r\n.index-module_vinput-top-left__2g8Bq {\r\n  flex-direction: column-reverse;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-top__ZTh6H {\r\n  flex-direction: column-reverse;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-top-right__t6K-Q {\r\n  flex-direction: column-reverse;\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-center-left__vJn0s {\r\n  flex-direction: row-reverse;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-center-right__HDgip {\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-bottom-left__xxaiT {\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-bottom__nCOAf {\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-bottom-right__6AjOE {\r\n  flex-direction: column;\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n}\r\n.index-module_innerMessage__rihga {\r\n  position: absolute;\r\n  font-size: 12px;\r\n  margin: 0;\r\n  padding: 2px 5px;\r\n  display: flex;\r\n}\r\n.index-module_innerMessage-top-left__HLoYg {\r\n  align-items: flex-start;\r\n  justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-top__ouYW6 {\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n}\r\n.index-module_innerMessage-top-right__7tMC8 {\r\n  align-items: flex-start;\r\n  justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-center-left__4iZyl {\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-center__U2006 {\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_innerMessage-center-right__Pg2oU {\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-bottom-left__1QDIv {\r\n  align-items: flex-end;\r\n  justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-bottom__gMogT {\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n}\r\n.index-module_innerMessage-bottom-right__peBq- {\r\n  align-items: flex-end;\r\n  justify-content: flex-end;\r\n}\r\n\r\n.index-module_animateMessage__Gxf3M {\r\n  animation: index-module_fade-in__GxKz8 1s ease-in-out;\r\n}\r\n\r\n@keyframes index-module_fade-in__GxKz8 {\r\n  0% {\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n";
-var styles = {"invalid":"index-module_invalid__gHKsE","vinput":"index-module_vinput__tFGFH","vinput-top-left":"index-module_vinput-top-left__2g8Bq","vinput-top":"index-module_vinput-top__ZTh6H","vinput-top-right":"index-module_vinput-top-right__t6K-Q","vinput-center-left":"index-module_vinput-center-left__vJn0s","vinput-center-right":"index-module_vinput-center-right__HDgip","vinput-bottom-left":"index-module_vinput-bottom-left__xxaiT","vinput-bottom":"index-module_vinput-bottom__nCOAf","vinput-bottom-right":"index-module_vinput-bottom-right__6AjOE","innerMessage":"index-module_innerMessage__rihga","innerMessage-top-left":"index-module_innerMessage-top-left__HLoYg","innerMessage-top":"index-module_innerMessage-top__ouYW6","innerMessage-top-right":"index-module_innerMessage-top-right__7tMC8","innerMessage-center-left":"index-module_innerMessage-center-left__4iZyl","innerMessage-center":"index-module_innerMessage-center__U2006","innerMessage-center-right":"index-module_innerMessage-center-right__Pg2oU","innerMessage-bottom-left":"index-module_innerMessage-bottom-left__1QDIv","innerMessage-bottom":"index-module_innerMessage-bottom__gMogT","innerMessage-bottom-right":"index-module_innerMessage-bottom-right__peBq-","animateMessage":"index-module_animateMessage__Gxf3M","fade-in":"index-module_fade-in__GxKz8"};
+var css_248z = ".index-module_invalid__iPosr {\r\n  border: 2px solid red;\r\n  outline: none;\r\n}\r\n.index-module_invalid__iPosr:focus,\r\n.index-module_invalid__iPosr:focus-visible,\r\n.index-module_invalid__iPosr:focus-within {\r\n  border: 2px solid red;\r\n}\r\n\r\n/* vType === 'outer' */\r\n.index-module_vinput__Xz53v {\r\n  display: flex;\r\n}\r\n.index-module_vinput-top-left__UFNRe {\r\n  flex-direction: column-reverse;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-top__Gor3M {\r\n  flex-direction: column-reverse;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-top-right__wexyT {\r\n  flex-direction: column-reverse;\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-center-left__oTbXC {\r\n  flex-direction: row-reverse;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-center-right__wz--8 {\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-bottom-left__9gm8q {\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-bottom__bxp6x {\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_vinput-bottom-right__ihiB0 {\r\n  flex-direction: column;\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n}\r\n\r\n/* vType === 'inner' */\r\n.index-module_innerMessage__cnS6N {\r\n  position: absolute;\r\n  font-size: 12px;\r\n  margin: 0;\r\n  padding: 2px 5px;\r\n  display: flex;\r\n}\r\n.index-module_innerMessage-top-left__3804h {\r\n  align-items: flex-start;\r\n  justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-top__MRmrS {\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n}\r\n.index-module_innerMessage-top-right__4ejsZ {\r\n  align-items: flex-start;\r\n  justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-center-left__t2SwR {\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-center__gT4X6 {\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.index-module_innerMessage-center-right__FzHy2 {\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n}\r\n.index-module_innerMessage-bottom-left__gI2z5 {\r\n  align-items: flex-end;\r\n  justify-content: flex-start;\r\n}\r\n.index-module_innerMessage-bottom__Zb48i {\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n}\r\n.index-module_innerMessage-bottom-right__OlaLD {\r\n  align-items: flex-end;\r\n  justify-content: flex-end;\r\n}\r\n\r\n/* vType === 'tooltip' */\r\n.index-module_tooltipMessage__BG3C0 {\r\n  position: absolute;\r\n  margin: 0;\r\n  padding: 10px 20px;\r\n  border: 1px solid transparent;\r\n  border-radius: 10px;\r\n  background-color: black;\r\n}\r\np[class*='tooltipMessage-top'] {\r\n  transform: translateY(calc(-100% - 10px));\r\n}\r\np[class*='tooltipMessage-top']::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  border: 10px solid transparent;\r\n  border-top-color: black;\r\n  border-bottom: 0;\r\n  margin-bottom: -11px;\r\n}\r\n.index-module_vinput__Xz53v.index-module_tooltipMessage-top-left__EExDe {\r\n  justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-top-left__EExDe::after {\r\n  left: 3%;\r\n}\r\n.index-module_vinput__Xz53v.index-module_tooltipMessage-top__L7c5- {\r\n  justify-content: center;\r\n}\r\np.index-module_tooltipMessage-top__L7c5-::after {\r\n  left: 44%;\r\n}\r\n.index-module_tooltipMessage-top-right__iVHO9 {\r\n  justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-top-right__iVHO9::after {\r\n  left: 87%;\r\n}\r\np[class*='tooltipMessage-center'] {\r\n  /* transform: translateY(calc(-100% - 10px)); */\r\n}\r\np[class*='tooltipMessage-center']::after {\r\n  content: '';\r\n  position: absolute;\r\n  border: 10px solid transparent;\r\n}\r\n.index-module_vinput__Xz53v.index-module_tooltipMessage-center-right__nL7jv {\r\n  justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-center-right__nL7jv {\r\n  transform: translateX(calc(100% + 10px));\r\n}\r\np.index-module_tooltipMessage-center-right__nL7jv::after {\r\n  border-right-color: black;\r\n  left: -10%;\r\n}\r\n.index-module_vinput__Xz53v.index-module_tooltipMessage-center-left__C2dwc {\r\n  justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-center-left__C2dwc {\r\n  transform: translateX(calc(-100% - 10px));\r\n}\r\np.index-module_tooltipMessage-center-left__C2dwc::after {\r\n  border-left-color: black;\r\n  left: 100%;\r\n}\r\n\r\np[class*='tooltipMessage-bottom'] {\r\n  transform: translateY(calc(120% + 10px));\r\n}\r\np[class*='tooltipMessage-bottom']::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  border: 10px solid transparent;\r\n  border-bottom-color: black;\r\n  border-top: 0;\r\n  margin-top: -11px;\r\n}\r\n.index-module_vinput__Xz53v.index-module_tooltipMessage-bottom-left__G4dRB {\r\n  justify-content: flex-start;\r\n}\r\np.index-module_tooltipMessage-bottom-left__G4dRB::after {\r\n  left: 3%;\r\n}\r\n.index-module_vinput__Xz53v.index-module_tooltipMessage-bottom__O5fIQ {\r\n  justify-content: center;\r\n}\r\np.index-module_tooltipMessage-bottom__O5fIQ::after {\r\n  left: 44%;\r\n}\r\n.index-module_tooltipMessage-bottom-right__ACA9z {\r\n  justify-content: flex-end;\r\n}\r\np.index-module_tooltipMessage-bottom-right__ACA9z::after {\r\n  left: 87%;\r\n}\r\n\r\n.index-module_animateMessage__2Xq3T {\r\n  animation: index-module_fade-in__Xcu-Q 1s ease-in-out;\r\n}\r\n\r\n@keyframes index-module_fade-in__Xcu-Q {\r\n  0% {\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n";
+var styles = {"invalid":"index-module_invalid__iPosr","vinput":"index-module_vinput__Xz53v","vinput-top-left":"index-module_vinput-top-left__UFNRe","vinput-top":"index-module_vinput-top__Gor3M","vinput-top-right":"index-module_vinput-top-right__wexyT","vinput-center-left":"index-module_vinput-center-left__oTbXC","vinput-center-right":"index-module_vinput-center-right__wz--8","vinput-bottom-left":"index-module_vinput-bottom-left__9gm8q","vinput-bottom":"index-module_vinput-bottom__bxp6x","vinput-bottom-right":"index-module_vinput-bottom-right__ihiB0","innerMessage":"index-module_innerMessage__cnS6N","innerMessage-top-left":"index-module_innerMessage-top-left__3804h","innerMessage-top":"index-module_innerMessage-top__MRmrS","innerMessage-top-right":"index-module_innerMessage-top-right__4ejsZ","innerMessage-center-left":"index-module_innerMessage-center-left__t2SwR","innerMessage-center":"index-module_innerMessage-center__gT4X6","innerMessage-center-right":"index-module_innerMessage-center-right__FzHy2","innerMessage-bottom-left":"index-module_innerMessage-bottom-left__gI2z5","innerMessage-bottom":"index-module_innerMessage-bottom__Zb48i","innerMessage-bottom-right":"index-module_innerMessage-bottom-right__OlaLD","tooltipMessage":"index-module_tooltipMessage__BG3C0","tooltipMessage-top-left":"index-module_tooltipMessage-top-left__EExDe","tooltipMessage-top":"index-module_tooltipMessage-top__L7c5-","tooltipMessage-top-right":"index-module_tooltipMessage-top-right__iVHO9","tooltipMessage-center-right":"index-module_tooltipMessage-center-right__nL7jv","tooltipMessage-center-left":"index-module_tooltipMessage-center-left__C2dwc","tooltipMessage-bottom-left":"index-module_tooltipMessage-bottom-left__G4dRB","tooltipMessage-bottom":"index-module_tooltipMessage-bottom__O5fIQ","tooltipMessage-bottom-right":"index-module_tooltipMessage-bottom-right__ACA9z","animateMessage":"index-module_animateMessage__2Xq3T","fade-in":"index-module_fade-in__Xcu-Q"};
 styleInject(css_248z);
 
 // Text
-var VText = function VText(_ref) {
-  var _props$defaultValue;
+function VText(_ref) {
+  var _props$defaultValue, _props$defaultValue2, _props$defaultValue3;
   var _ref$vState = _ref.vState,
     vState = _ref$vState === void 0 ? false : _ref$vState,
+    _ref$vType = _ref.vType,
+    vType = _ref$vType === void 0 ? 'outer' : _ref$vType,
     _ref$vClassName = _ref.vClassName,
     vClassName = _ref$vClassName === void 0 ? '' : _ref$vClassName,
     _ref$vShowMessage = _ref.vShowMessage,
     vShowMessage = _ref$vShowMessage === void 0 ? false : _ref$vShowMessage,
     _ref$vMessage = _ref.vMessage,
     vMessage = _ref$vMessage === void 0 ? '' : _ref$vMessage,
-    _ref$vIsInnerMessage = _ref.vIsInnerMessage,
-    vIsInnerMessage = _ref$vIsInnerMessage === void 0 ? false : _ref$vIsInnerMessage,
     _ref$vLocateMessage = _ref.vLocateMessage,
     vLocateMessage = _ref$vLocateMessage === void 0 ? 'bottom' : _ref$vLocateMessage,
     _ref$vMessageClass = _ref.vMessageClass,
@@ -52,60 +52,86 @@ var VText = function VText(_ref) {
     vIsAnimate = _ref$vIsAnimate === void 0 ? false : _ref$vIsAnimate,
     _ref$props = _ref.props,
     props = _ref$props === void 0 ? {} : _ref$props;
-  var Result = React.createElement("div", {
-    className: styles.vinput + " " + styles["vinput-" + vLocateMessage]
-  }, React.createElement("input", Object.assign({
-    type: "text"
-  }, props, {
-    defaultValue: (_props$defaultValue = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue : '',
-    className: (props == null ? void 0 : props.className) + " " + (vState ? vClassName || styles.invalid : '')
-  })), vState && vShowMessage ? React.createElement("p", {
-    className: vMessageClass + " " + (vIsInnerMessage ? (props == null ? void 0 : props.className) + " " + styles.innerMessage + " " + styles["innerMessage-" + vLocateMessage] : '') + " " + (vIsAnimate ? styles.animateMessage : '')
-  }, vMessage) : null);
-  return Result;
-};
-// Checkbox
-var VCheckbox = function VCheckbox() {
-  return React.createElement("input", {
+  switch (vType) {
+    case 'outer':
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.vinput + " " + styles["vinput-" + vLocateMessage]
+      }, /*#__PURE__*/React.createElement("input", Object.assign({
+        type: "text"
+      }, props, {
+        defaultValue: (_props$defaultValue = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue : '',
+        className: (props == null ? void 0 : props.className) + " " + (vState ? vClassName || styles.invalid : '')
+      })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
+        className: vMessageClass + " " + (vIsAnimate ? styles.animateMessage : '')
+      }, vMessage)) : null);
+    case 'inner':
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.vinput
+      }, /*#__PURE__*/React.createElement("input", Object.assign({
+        type: "text"
+      }, props, {
+        defaultValue: (_props$defaultValue2 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue2 : '',
+        className: (props == null ? void 0 : props.className) + " " + (vState ? vClassName || styles.invalid : '')
+      })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
+        className: vMessageClass + " " + styles.innerMessage + " " + styles["innerMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
+      }, vMessage)) : null);
+    case 'tooltip':
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.vinput + " " + styles["tooltipMessage-" + vLocateMessage]
+      }, /*#__PURE__*/React.createElement("input", Object.assign({
+        type: "text"
+      }, props, {
+        defaultValue: (_props$defaultValue3 = props == null ? void 0 : props.defaultValue) != null ? _props$defaultValue3 : '',
+        className: (props == null ? void 0 : props.className) + " " + (vState ? vClassName || styles.invalid : '')
+      })), vState && vShowMessage ? ( /*#__PURE__*/React.createElement("p", {
+        className: vMessageClass + " " + styles.tooltipMessage + " " + styles["tooltipMessage-" + vLocateMessage] + " " + (vIsAnimate ? styles.animateMessage : '')
+      }, vMessage)) : null);
+    default:
+      return /*#__PURE__*/React.createElement("div", null);
+  }
+}
+
+function VCheckbox() {
+  return /*#__PURE__*/React.createElement("input", {
     type: "checkbox"
   });
-};
-// Radio
-var VRadio = function VRadio() {
-  return React.createElement("input", {
-    type: "radio"
+}
+
+function vColor() {
+  return /*#__PURE__*/React.createElement("input", {
+    type: "color"
   });
-};
-// Date
-var VDate = function VDate() {
-  return React.createElement("input", {
+}
+
+function vDate() {
+  return /*#__PURE__*/React.createElement("input", {
     type: "date"
   });
-};
-// Color
-var VColor = function VColor() {
-  return React.createElement("input", {
-    type: "color"
-  });
-};
-// Email
-var VEmail = function VEmail() {
-  return React.createElement("input", {
+}
+
+function vEmail() {
+  return /*#__PURE__*/React.createElement("input", {
     type: "email"
   });
-};
-// Range
-var VRange = function VRange() {
-  return React.createElement("input", {
+}
+
+function vRadio() {
+  return /*#__PURE__*/React.createElement("input", {
+    type: "radio"
+  });
+}
+
+function vRange() {
+  return /*#__PURE__*/React.createElement("input", {
     type: "range"
   });
-};
-// Url
-var VUrl = function VUrl() {
-  return React.createElement("input", {
+}
+
+function vURL() {
+  return /*#__PURE__*/React.createElement("input", {
     type: "url"
   });
-};
+}
 
-export { VCheckbox, VColor, VDate, VEmail, VRadio, VRange, VText, VUrl };
+export { VCheckbox, VText, vColor, vDate, vEmail, vRadio, vRange, vURL };
 //# sourceMappingURL=react-validate-component.esm.js.map

package/dist/react-validate-component.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-validate-component.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/index.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from 'react';\nimport styles from './index.module.css';\nimport { VTEXT_PARAMS } from './types/vinput';\n\n// Text\nexport const VText = ({\n  vState = false,\n  vClassName = '',\n  vShowMessage = false,\n  vMessage = '',\n  vIsInnerMessage = false,\n  vLocateMessage = 'bottom',\n  vMessageClass = '',\n  vIsAnimate = false,\n  props = {},\n}: VTEXT_PARAMS) => {\n  const Result: JSX.Element = (\n    <div className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}>\n      <input\n        type=\"text\"\n        {...props}\n        defaultValue={props?.defaultValue ?? ''}\n        className={`${props?.className} ${\n          vState ? vClassName || styles.invalid : ''\n        }`}\n      ></input>\n      {vState && vShowMessage ? (\n        <p\n          className={`${vMessageClass} ${\n            vIsInnerMessage\n              ? `${props?.className} ${styles.innerMessage} ${\n                  styles[`innerMessage-${vLocateMessage}`]\n                }`\n              : ''\n          } ${vIsAnimate ? styles.animateMessage : ''}`}\n        >\n          {vMessage}\n        </p>\n      ) : null}\n    </div>\n  );\n\n  return Result;\n};\n\n// Checkbox\nexport const VCheckbox = () => {\n  return <input type=\"checkbox\" />;\n};\n\n// Radio\nexport const VRadio = () => {\n  return <input type=\"radio\" />;\n};\n\n// Date\nexport const VDate = () => {\n  return <input type=\"date\" />;\n};\n\n// Color\nexport const VColor = () => {\n  return <input type=\"color\" />;\n};\n\n// Email\nexport const VEmail = () => {\n  return <input type=\"email\" />;\n};\n\n// Range\nexport const VRange = () => {\n  return <input type=\"range\" />;\n};\n\n// Url\nexport const VUrl = () => {\n  return <input type=\"url\" />;\n};\n"],"names":["VText","_ref","vState","_ref$vState","_ref$vClassName","vClassName","_ref$vShowMessage","vShowMessage","_ref$vMessage","vMessage","_ref$vIsInnerMessage","vIsInnerMessage","_ref$vLocateMessage","vLocateMessage","_ref$vMessageClass","vMessageClass","_ref$vIsAnimate","vIsAnimate","_ref$props","props","Result","React","className","styles","vinput","type","defaultValue","_props$defaultValue","invalid","innerMessage","animateMessage","VCheckbox","VRadio","VDate","VColor","VEmail","VRange","VUrl"],"mappings":";;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;ACrBA;AACA,IAAaA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA;;yBAChBC,MAAM;IAANA,MAAM,GAAAC,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAC,eAAA,GAAAH,IAAA,CACdI,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,EAAE,GAAAA,eAAA;IAAAE,iBAAA,GAAAL,IAAA,CACfM,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,KAAK,GAAAA,iBAAA;IAAAE,aAAA,GAAAP,IAAA,CACpBQ,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,EAAE,GAAAA,aAAA;IAAAE,oBAAA,GAAAT,IAAA,CACbU,eAAe;IAAfA,eAAe,GAAAD,oBAAA,cAAG,KAAK,GAAAA,oBAAA;IAAAE,mBAAA,GAAAX,IAAA,CACvBY,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAG,QAAQ,GAAAA,mBAAA;IAAAE,kBAAA,GAAAb,IAAA,CACzBc,aAAa;IAAbA,aAAa,GAAAD,kBAAA,cAAG,EAAE,GAAAA,kBAAA;IAAAE,eAAA,GAAAf,IAAA,CAClBgB,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAAAE,UAAA,GAAAjB,IAAA,CAClBkB,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,EAAE,GAAAA,UAAA;EAEV,IAAME,MAAM,GACVC;IAAKC,SAAS,EAAKC,MAAM,CAACC,MAAM,SAAID,MAAM,aAAWV,cAAc;KACjEQ;IACEI,IAAI,EAAC;KACDN,KAAK;IACTO,YAAY,GAAAC,mBAAA,GAAER,KAAK,oBAALA,KAAK,CAAEO,YAAY,YAAAC,mBAAA,GAAI,EAAE;IACvCL,SAAS,GAAKH,KAAK,oBAALA,KAAK,CAAEG,SAAS,WAC5BpB,MAAM,GAAGG,UAAU,IAAIkB,MAAM,CAACK,OAAO,GAAG,EAC1C;KACO,EACR1B,MAAM,IAAIK,YAAY,GACrBc;IACEC,SAAS,EAAKP,aAAa,UACzBJ,eAAe,IACRQ,KAAK,oBAALA,KAAK,CAAEG,SAAS,UAAIC,MAAM,CAACM,YAAY,SACxCN,MAAM,mBAAiBV,cAAc,CACvC,GACA,EACN,WAAII,UAAU,GAAGM,MAAM,CAACO,cAAc,GAAG,EAAE;KAE1CrB,QAAQ,CACP,GACF,IAAI,CAEX;EAED,OAAOW,MAAM;AACf,CAAC;AAED;AACA,IAAaW,SAAS,GAAG,SAAZA,SAASA;EACpB,OAAOV;IAAOI,IAAI,EAAC;IAAa;AAClC,CAAC;AAED;AACA,IAAaO,MAAM,GAAG,SAATA,MAAMA;EACjB,OAAOX;IAAOI,IAAI,EAAC;IAAU;AAC/B,CAAC;AAED;AACA,IAAaQ,KAAK,GAAG,SAARA,KAAKA;EAChB,OAAOZ;IAAOI,IAAI,EAAC;IAAS;AAC9B,CAAC;AAED;AACA,IAAaS,MAAM,GAAG,SAATA,MAAMA;EACjB,OAAOb;IAAOI,IAAI,EAAC;IAAU;AAC/B,CAAC;AAED;AACA,IAAaU,MAAM,GAAG,SAATA,MAAMA;EACjB,OAAOd;IAAOI,IAAI,EAAC;IAAU;AAC/B,CAAC;AAED;AACA,IAAaW,MAAM,GAAG,SAATA,MAAMA;EACjB,OAAOf;IAAOI,IAAI,EAAC;IAAU;AAC/B,CAAC;AAED;AACA,IAAaY,IAAI,GAAG,SAAPA,IAAIA;EACf,OAAOhB;IAAOI,IAAI,EAAC;IAAQ;AAC7B,CAAC;;;;"}
+{"version":3,"file":"react-validate-component.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/vText/index.tsx","../src/vCheckbox/index.tsx","../src/vColor/index.tsx","../src/vDate/index.tsx","../src/vEmail/index.tsx","../src/vRadio/index.tsx","../src/vRange/index.tsx","../src/vURL/index.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from 'react';\nimport styles from './index.module.css';\nimport { VTEXT_PARAMS } from './vText';\n\n// Text\nexport function VText({\n  vState = false,\n  vType = 'outer',\n  vClassName = '',\n  vShowMessage = false,\n  vMessage = '',\n  vLocateMessage = 'bottom',\n  vMessageClass = '',\n  vIsAnimate = false,\n  props = {},\n}: VTEXT_PARAMS) {\n  switch (vType) {\n    case 'outer':\n      return (\n        <div\n          className={`${styles.vinput} ${styles[`vinput-${vLocateMessage}`]}`}\n        >\n          <input\n            type=\"text\"\n            {...props}\n            defaultValue={props?.defaultValue ?? ''}\n            className={`${props?.className} ${\n              vState ? vClassName || styles.invalid : ''\n            }`}\n          ></input>\n          {vState && vShowMessage ? (\n            <p\n              className={`${vMessageClass} ${\n                vIsAnimate ? styles.animateMessage : ''\n              }`}\n            >\n              {vMessage}\n            </p>\n          ) : null}\n        </div>\n      );\n    case 'inner':\n      return (\n        <div className={styles.vinput}>\n          <input\n            type=\"text\"\n            {...props}\n            defaultValue={props?.defaultValue ?? ''}\n            className={`${props?.className} ${\n              vState ? vClassName || styles.invalid : ''\n            }`}\n          ></input>\n          {vState && vShowMessage ? (\n            <p\n              className={`${vMessageClass} ${styles.innerMessage} ${\n                styles[`innerMessage-${vLocateMessage}`]\n              } ${vIsAnimate ? styles.animateMessage : ''}`}\n            >\n              {vMessage}\n            </p>\n          ) : null}\n        </div>\n      );\n    case 'tooltip':\n      return (\n        <div\n          className={`${styles.vinput} ${\n            styles[`tooltipMessage-${vLocateMessage}`]\n          }`}\n        >\n          <input\n            type=\"text\"\n            {...props}\n            defaultValue={props?.defaultValue ?? ''}\n            className={`${props?.className} ${\n              vState ? vClassName || styles.invalid : ''\n            }`}\n          ></input>\n          {vState && vShowMessage ? (\n            <p\n              className={`${vMessageClass} ${styles.tooltipMessage} ${\n                styles[`tooltipMessage-${vLocateMessage}`]\n              } ${vIsAnimate ? styles.animateMessage : ''}`}\n            >\n              {vMessage}\n            </p>\n          ) : null}\n        </div>\n      );\n    default:\n      return <div></div>;\n  }\n}\n","import React from 'react';\r\n\r\nexport function VCheckbox() {\r\n  return <input type=\"checkbox\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function vColor() {\r\n  return <input type=\"color\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function vDate() {\r\n  return <input type=\"date\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function vEmail() {\r\n  return <input type=\"email\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function vRadio() {\r\n  return <input type=\"radio\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function vRange() {\r\n  return <input type=\"range\" />;\r\n}\r\n","import React from 'react';\r\n\r\nexport function vURL() {\r\n  return <input type=\"url\" />;\r\n}\r\n"],"names":["VText","_ref","vState","_ref$vState","_ref$vType","vType","_ref$vClassName","vClassName","_ref$vShowMessage","vShowMessage","_ref$vMessage","vMessage","_ref$vLocateMessage","vLocateMessage","_ref$vMessageClass","vMessageClass","_ref$vIsAnimate","vIsAnimate","_ref$props","props","React","className","styles","vinput","type","defaultValue","_props$defaultValue","invalid","animateMessage","_props$defaultValue2","innerMessage","_props$defaultValue3","tooltipMessage","VCheckbox","vColor","vDate","vEmail","vRadio","vRange","vURL"],"mappings":";;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;ACrBA;AACA,SAAgBA,KAAKA,CAAAC,IAAA;;yBACnBC,MAAM;IAANA,MAAM,GAAAC,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAC,UAAA,GAAAH,IAAA,CACdI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,OAAO,GAAAA,UAAA;IAAAE,eAAA,GAAAL,IAAA,CACfM,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,EAAE,GAAAA,eAAA;IAAAE,iBAAA,GAAAP,IAAA,CACfQ,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,KAAK,GAAAA,iBAAA;IAAAE,aAAA,GAAAT,IAAA,CACpBU,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,EAAE,GAAAA,aAAA;IAAAE,mBAAA,GAAAX,IAAA,CACbY,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAG,QAAQ,GAAAA,mBAAA;IAAAE,kBAAA,GAAAb,IAAA,CACzBc,aAAa;IAAbA,aAAa,GAAAD,kBAAA,cAAG,EAAE,GAAAA,kBAAA;IAAAE,eAAA,GAAAf,IAAA,CAClBgB,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAAAE,UAAA,GAAAjB,IAAA,CAClBkB,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,EAAE,GAAAA,UAAA;EAEV,QAAQb,KAAK;IACX,KAAK,OAAO;MACV,oBACEe;QACEC,SAAS,EAAKC,MAAM,CAACC,MAAM,SAAID,MAAM,aAAWT,cAAc;sBAE9DO;QACEI,IAAI,EAAC;SACDL,KAAK;QACTM,YAAY,GAAAC,mBAAA,GAAEP,KAAK,oBAALA,KAAK,CAAEM,YAAY,YAAAC,mBAAA,GAAI,EAAE;QACvCL,SAAS,GAAKF,KAAK,oBAALA,KAAK,CAAEE,SAAS,WAC5BnB,MAAM,GAAGK,UAAU,IAAIe,MAAM,CAACK,OAAO,GAAG,EAC1C;SACO,EACRzB,MAAM,IAAIO,YAAY,kBACrBW;QACEC,SAAS,EAAKN,aAAa,UACzBE,UAAU,GAAGK,MAAM,CAACM,cAAc,GAAG,EACvC;SAECjB,QAAQ,CACP,IACF,IAAI,CACJ;IAEV,KAAK,OAAO;MACV,oBACES;QAAKC,SAAS,EAAEC,MAAM,CAACC;sBACrBH;QACEI,IAAI,EAAC;SACDL,KAAK;QACTM,YAAY,GAAAI,oBAAA,GAAEV,KAAK,oBAALA,KAAK,CAAEM,YAAY,YAAAI,oBAAA,GAAI,EAAE;QACvCR,SAAS,GAAKF,KAAK,oBAALA,KAAK,CAAEE,SAAS,WAC5BnB,MAAM,GAAGK,UAAU,IAAIe,MAAM,CAACK,OAAO,GAAG,EAC1C;SACO,EACRzB,MAAM,IAAIO,YAAY,kBACrBW;QACEC,SAAS,EAAKN,aAAa,SAAIO,MAAM,CAACQ,YAAY,SAChDR,MAAM,mBAAiBT,cAAc,CACvC,UAAII,UAAU,GAAGK,MAAM,CAACM,cAAc,GAAG,EAAE;SAE1CjB,QAAQ,CACP,IACF,IAAI,CACJ;IAEV,KAAK,SAAS;MACZ,oBACES;QACEC,SAAS,EAAKC,MAAM,CAACC,MAAM,SACzBD,MAAM,qBAAmBT,cAAc;sBAGzCO;QACEI,IAAI,EAAC;SACDL,KAAK;QACTM,YAAY,GAAAM,oBAAA,GAAEZ,KAAK,oBAALA,KAAK,CAAEM,YAAY,YAAAM,oBAAA,GAAI,EAAE;QACvCV,SAAS,GAAKF,KAAK,oBAALA,KAAK,CAAEE,SAAS,WAC5BnB,MAAM,GAAGK,UAAU,IAAIe,MAAM,CAACK,OAAO,GAAG,EAC1C;SACO,EACRzB,MAAM,IAAIO,YAAY,kBACrBW;QACEC,SAAS,EAAKN,aAAa,SAAIO,MAAM,CAACU,cAAc,SAClDV,MAAM,qBAAmBT,cAAc,CACzC,UAAII,UAAU,GAAGK,MAAM,CAACM,cAAc,GAAG,EAAE;SAE1CjB,QAAQ,CACP,IACF,IAAI,CACJ;IAEV;MACE,oBAAOS,gCAAW;;AAExB;;SC1FgBa,SAASA;EACvB,oBAAOb;IAAOI,IAAI,EAAC;IAAa;AAClC;;SCFgBU,MAAMA;EACpB,oBAAOd;IAAOI,IAAI,EAAC;IAAU;AAC/B;;SCFgBW,KAAKA;EACnB,oBAAOf;IAAOI,IAAI,EAAC;IAAS;AAC9B;;SCFgBY,MAAMA;EACpB,oBAAOhB;IAAOI,IAAI,EAAC;IAAU;AAC/B;;SCFgBa,MAAMA;EACpB,oBAAOjB;IAAOI,IAAI,EAAC;IAAU;AAC/B;;SCFgBc,MAAMA;EACpB,oBAAOlB;IAAOI,IAAI,EAAC;IAAU;AAC/B;;SCFgBe,IAAIA;EAClB,oBAAOnB;IAAOI,IAAI,EAAC;IAAQ;AAC7B;;;;"}

package/dist/vCheckbox/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function VCheckbox(): React.JSX.Element;