react-validate-component 0.0.1 → 0.0.2-0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { VINPUT_PARAMS } from './types/vinput';
-export declare const VText: ({ maxLength, value, className, props, }: VINPUT_PARAMS) => React.JSX.Element;
+export declare const VText: ({ maxLength, value, className, }: VINPUT_PARAMS) => React.JSX.Element;
 export declare const VCheckbox: () => React.JSX.Element;
 export declare const VRadio: () => React.JSX.Element;
 export declare const VDate: () => React.JSX.Element;

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

@@ -8,15 +8,15 @@ var React = require('react');
 var VText = function VText(_ref) {
   var maxLength = _ref.maxLength,
     value = _ref.value,
-    className = _ref.className,
-    props = _ref.props;
-  return React.createElement("input", Object.assign({
-    type: "text"
-  }, props, {
+    className = _ref.className;
+  return React.createElement("input", {
+    type: "text",
+    // {...props}
     className: className,
     maxLength: maxLength,
-    value: value
-  }));
+    value: value,
+    placeholder: "this is react-validate-component test."
+  });
 };
 // Checkbox
 var VCheckbox = function VCheckbox() {

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

@@ -1 +1 @@
-{"version":3,"file":"react-validate-component.cjs.development.js","sources":["../src/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { VINPUT_PARAMS } from './types/vinput';\n\n// Text\nexport const VText = ({\n  maxLength,\n  value,\n  className,\n  props,\n}: VINPUT_PARAMS) => {\n  return (\n    <input\n      type=\"text\"\n      {...props}\n      className={className}\n      maxLength={maxLength}\n      value={value}\n    />\n  );\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","maxLength","value","className","props","React","type","VCheckbox","VRadio","VDate","VColor","VEmail","VRange","VUrl"],"mappings":";;;;;;AAGA;IACaA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA;MAChBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,KAAK,GAAAJ,IAAA,CAALI,KAAK;EAEL,OACEC;IACEC,IAAI,EAAC;KACDF,KAAK;IACTD,SAAS,EAAEA,SAAS;IACpBF,SAAS,EAAEA,SAAS;IACpBC,KAAK,EAAEA;KACP;AAEN;AAEA;IACaK,SAAS,GAAG,SAAZA,SAASA;EACpB,OAAOF;IAAOC,IAAI,EAAC;IAAa;AAClC;AAEA;IACaE,MAAM,GAAG,SAATA,MAAMA;EACjB,OAAOH;IAAOC,IAAI,EAAC;IAAU;AAC/B;AAEA;IACaG,KAAK,GAAG,SAARA,KAAKA;EAChB,OAAOJ;IAAOC,IAAI,EAAC;IAAS;AAC9B;AAEA;IACaI,MAAM,GAAG,SAATA,MAAMA;EACjB,OAAOL;IAAOC,IAAI,EAAC;IAAU;AAC/B;AAEA;IACaK,MAAM,GAAG,SAATA,MAAMA;EACjB,OAAON;IAAOC,IAAI,EAAC;IAAU;AAC/B;AAEA;IACaM,MAAM,GAAG,SAATA,MAAMA;EACjB,OAAOP;IAAOC,IAAI,EAAC;IAAU;AAC/B;AAEA;IACaO,IAAI,GAAG,SAAPA,IAAIA;EACf,OAAOR;IAAOC,IAAI,EAAC;IAAQ;AAC7B;;;;;;;;;;;"}
+{"version":3,"file":"react-validate-component.cjs.development.js","sources":["../src/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { VINPUT_PARAMS } from './types/vinput';\n\n// Text\nexport const VText = ({\n  maxLength,\n  value,\n  className,\n}: // props,\nVINPUT_PARAMS) => {\n  return (\n    <input\n      type=\"text\"\n      // {...props}\n      className={className}\n      maxLength={maxLength}\n      value={value}\n      placeholder=\"this is react-validate-component test.\"\n    />\n  );\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","maxLength","value","className","React","type","placeholder","VCheckbox","VRadio","VDate","VColor","VEmail","VRange","VUrl"],"mappings":";;;;;;AAGA;IACaA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA;MAChBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,SAAS,GAAAH,IAAA,CAATG,SAAS;EAGT,OACEC;IACEC,IAAI,EAAC,MAAM;;IAEXF,SAAS,EAAEA,SAAS;IACpBF,SAAS,EAAEA,SAAS;IACpBC,KAAK,EAAEA,KAAK;IACZI,WAAW,EAAC;IACZ;AAEN;AAEA;IACaC,SAAS,GAAG,SAAZA,SAASA;EACpB,OAAOH;IAAOC,IAAI,EAAC;IAAa;AAClC;AAEA;IACaG,MAAM,GAAG,SAATA,MAAMA;EACjB,OAAOJ;IAAOC,IAAI,EAAC;IAAU;AAC/B;AAEA;IACaI,KAAK,GAAG,SAARA,KAAKA;EAChB,OAAOL;IAAOC,IAAI,EAAC;IAAS;AAC9B;AAEA;IACaK,MAAM,GAAG,SAATA,MAAMA;EACjB,OAAON;IAAOC,IAAI,EAAC;IAAU;AAC/B;AAEA;IACaM,MAAM,GAAG,SAATA,MAAMA;EACjB,OAAOP;IAAOC,IAAI,EAAC;IAAU;AAC/B;AAEA;IACaO,MAAM,GAAG,SAATA,MAAMA;EACjB,OAAOR;IAAOC,IAAI,EAAC;IAAU;AAC/B;AAEA;IACaQ,IAAI,GAAG,SAAPA,IAAIA;EACf,OAAOT;IAAOC,IAAI,EAAC;IAAQ;AAC7B;;;;;;;;;;;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.VCheckbox=function(){return e.createElement("input",{type:"checkbox"})},exports.VColor=function(){return e.createElement("input",{type:"color"})},exports.VDate=function(){return e.createElement("input",{type:"date"})},exports.VEmail=function(){return e.createElement("input",{type:"email"})},exports.VRadio=function(){return e.createElement("input",{type:"radio"})},exports.VRange=function(){return e.createElement("input",{type:"range"})},exports.VText=function(t){return e.createElement("input",Object.assign({type:"text"},t.props,{className:t.className,maxLength:t.maxLength,value:t.value}))},exports.VUrl=function(){return e.createElement("input",{type:"url"})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.VCheckbox=function(){return e.createElement("input",{type:"checkbox"})},exports.VColor=function(){return e.createElement("input",{type:"color"})},exports.VDate=function(){return e.createElement("input",{type:"date"})},exports.VEmail=function(){return e.createElement("input",{type:"email"})},exports.VRadio=function(){return e.createElement("input",{type:"radio"})},exports.VRange=function(){return e.createElement("input",{type:"range"})},exports.VText=function(t){return e.createElement("input",{type:"text",className:t.className,maxLength:t.maxLength,value:t.value,placeholder:"this is react-validate-component test."})},exports.VUrl=function(){return e.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":["../src/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { VINPUT_PARAMS } from './types/vinput';\n\n// Text\nexport const VText = ({\n  maxLength,\n  value,\n  className,\n  props,\n}: VINPUT_PARAMS) => {\n  return (\n    <input\n      type=\"text\"\n      {...props}\n      className={className}\n      maxLength={maxLength}\n      value={value}\n    />\n  );\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":["React","type","_ref","props","className","maxLength","value"],"mappings":"6GAsByB,WACvB,OAAOA,yBAAOC,KAAK,6BAcC,WACpB,OAAOD,yBAAOC,KAAK,yBANA,WACnB,OAAOD,yBAAOC,KAAK,yBASC,WACpB,OAAOD,yBAAOC,KAAK,0BAhBC,WACpB,OAAOD,yBAAOC,KAAK,0BAmBC,WACpB,OAAOD,yBAAOC,KAAK,yBA5CA,SAAHC,GAMhB,OACEF,uCACEC,KAAK,QAJJC,EAALC,OAMIC,UAPKF,EAATE,UAQIC,UAVKH,EAATG,UAWIC,MAVCJ,EAALI,uBA8CkB,WAClB,OAAON,yBAAOC,KAAK"}
+{"version":3,"file":"react-validate-component.cjs.production.min.js","sources":["../src/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { VINPUT_PARAMS } from './types/vinput';\n\n// Text\nexport const VText = ({\n  maxLength,\n  value,\n  className,\n}: // props,\nVINPUT_PARAMS) => {\n  return (\n    <input\n      type=\"text\"\n      // {...props}\n      className={className}\n      maxLength={maxLength}\n      value={value}\n      placeholder=\"this is react-validate-component test.\"\n    />\n  );\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":["React","type","_ref","className","maxLength","value","placeholder"],"mappings":"6GAuByB,WACvB,OAAOA,yBAAOC,KAAK,6BAcC,WACpB,OAAOD,yBAAOC,KAAK,yBANA,WACnB,OAAOD,yBAAOC,KAAK,yBASC,WACpB,OAAOD,yBAAOC,KAAK,0BAhBC,WACpB,OAAOD,yBAAOC,KAAK,0BAmBC,WACpB,OAAOD,yBAAOC,KAAK,yBA7CA,SAAHC,GAMhB,OACEF,yBACEC,KAAK,OAELE,UAPKD,EAATC,UAQIC,UAVKF,EAATE,UAWIC,MAVCH,EAALG,MAWIC,YAAY,yDAoCE,WAClB,OAAON,yBAAOC,KAAK"}

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

@@ -4,15 +4,15 @@ import { createElement } from 'react';
 var VText = function VText(_ref) {
   var maxLength = _ref.maxLength,
     value = _ref.value,
-    className = _ref.className,
-    props = _ref.props;
-  return createElement("input", Object.assign({
-    type: "text"
-  }, props, {
+    className = _ref.className;
+  return createElement("input", {
+    type: "text",
+    // {...props}
     className: className,
     maxLength: maxLength,
-    value: value
-  }));
+    value: value,
+    placeholder: "this is react-validate-component test."
+  });
 };
 // Checkbox
 var VCheckbox = function VCheckbox() {

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

@@ -1 +1 @@
-{"version":3,"file":"react-validate-component.esm.js","sources":["../src/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { VINPUT_PARAMS } from './types/vinput';\n\n// Text\nexport const VText = ({\n  maxLength,\n  value,\n  className,\n  props,\n}: VINPUT_PARAMS) => {\n  return (\n    <input\n      type=\"text\"\n      {...props}\n      className={className}\n      maxLength={maxLength}\n      value={value}\n    />\n  );\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","maxLength","value","className","props","React","type","VCheckbox","VRadio","VDate","VColor","VEmail","VRange","VUrl"],"mappings":";;AAGA;IACaA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA;MAChBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,KAAK,GAAAJ,IAAA,CAALI,KAAK;EAEL,OACEC;IACEC,IAAI,EAAC;KACDF,KAAK;IACTD,SAAS,EAAEA,SAAS;IACpBF,SAAS,EAAEA,SAAS;IACpBC,KAAK,EAAEA;KACP;AAEN;AAEA;IACaK,SAAS,GAAG,SAAZA,SAASA;EACpB,OAAOF;IAAOC,IAAI,EAAC;IAAa;AAClC;AAEA;IACaE,MAAM,GAAG,SAATA,MAAMA;EACjB,OAAOH;IAAOC,IAAI,EAAC;IAAU;AAC/B;AAEA;IACaG,KAAK,GAAG,SAARA,KAAKA;EAChB,OAAOJ;IAAOC,IAAI,EAAC;IAAS;AAC9B;AAEA;IACaI,MAAM,GAAG,SAATA,MAAMA;EACjB,OAAOL;IAAOC,IAAI,EAAC;IAAU;AAC/B;AAEA;IACaK,MAAM,GAAG,SAATA,MAAMA;EACjB,OAAON;IAAOC,IAAI,EAAC;IAAU;AAC/B;AAEA;IACaM,MAAM,GAAG,SAATA,MAAMA;EACjB,OAAOP;IAAOC,IAAI,EAAC;IAAU;AAC/B;AAEA;IACaO,IAAI,GAAG,SAAPA,IAAIA;EACf,OAAOR;IAAOC,IAAI,EAAC;IAAQ;AAC7B;;;;"}
+{"version":3,"file":"react-validate-component.esm.js","sources":["../src/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { VINPUT_PARAMS } from './types/vinput';\n\n// Text\nexport const VText = ({\n  maxLength,\n  value,\n  className,\n}: // props,\nVINPUT_PARAMS) => {\n  return (\n    <input\n      type=\"text\"\n      // {...props}\n      className={className}\n      maxLength={maxLength}\n      value={value}\n      placeholder=\"this is react-validate-component test.\"\n    />\n  );\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","maxLength","value","className","React","type","placeholder","VCheckbox","VRadio","VDate","VColor","VEmail","VRange","VUrl"],"mappings":";;AAGA;IACaA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA;MAChBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,SAAS,GAAAH,IAAA,CAATG,SAAS;EAGT,OACEC;IACEC,IAAI,EAAC,MAAM;;IAEXF,SAAS,EAAEA,SAAS;IACpBF,SAAS,EAAEA,SAAS;IACpBC,KAAK,EAAEA,KAAK;IACZI,WAAW,EAAC;IACZ;AAEN;AAEA;IACaC,SAAS,GAAG,SAAZA,SAASA;EACpB,OAAOH;IAAOC,IAAI,EAAC;IAAa;AAClC;AAEA;IACaG,MAAM,GAAG,SAATA,MAAMA;EACjB,OAAOJ;IAAOC,IAAI,EAAC;IAAU;AAC/B;AAEA;IACaI,KAAK,GAAG,SAARA,KAAKA;EAChB,OAAOL;IAAOC,IAAI,EAAC;IAAS;AAC9B;AAEA;IACaK,MAAM,GAAG,SAATA,MAAMA;EACjB,OAAON;IAAOC,IAAI,EAAC;IAAU;AAC/B;AAEA;IACaM,MAAM,GAAG,SAATA,MAAMA;EACjB,OAAOP;IAAOC,IAAI,EAAC;IAAU;AAC/B;AAEA;IACaO,MAAM,GAAG,SAATA,MAAMA;EACjB,OAAOR;IAAOC,IAAI,EAAC;IAAU;AAC/B;AAEA;IACaQ,IAAI,GAAG,SAAPA,IAAIA;EACf,OAAOT;IAAOC,IAAI,EAAC;IAAQ;AAC7B;;;;"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.1",
+  "version": "0.0.2-0",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/index.tsx

@@ -6,15 +6,16 @@ export const VText = ({
   maxLength,
   value,
   className,
-  props,
-}: VINPUT_PARAMS) => {
+}: // props,
+VINPUT_PARAMS) => {
   return (
     <input
       type="text"
-      {...props}
+      // {...props}
       className={className}
       maxLength={maxLength}
       value={value}
+      placeholder="this is react-validate-component test."
     />
   );
 };