@erudilabs/mobile-input
Advanced tools
Comparing version 1.0.13 to 1.0.14
@@ -1,1 +0,1 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("class-variance-authority"),a=require("@erudilabs/format-utils"),l=require("@erudilabs/merge-class-utils"),t=require("react/jsx-runtime"),d=r.cva.call(void 0,["border w-full transition-all h-10 rounded-md text-sm pr-4 placeholder-gray-600 pl-16","bg-white border-gray-300 text-black","dark:bg-gray-900 dark:border-gray-700 dark:text-white"],{variants:{disabled:{true:["cursor-not-allowed","bg-gray-200 border-gray-300 text-gray-600 hover:bg-gray-200 disabled:placeholder-gray-500","dark:bg-gray-800 dark:border-gray-800 dark:text-gray-600 dark:hover:bg-gray-800 dark:disabled:placeholder-gray-700"]}},defaultVariants:{disabled:!1}}),o=e.forwardRef.call(void 0,((r,o)=>{const{readOnly:s,name:i,testId:c,onChange:u,onBlur:b,defaultValue:n,autoFocus:g,value:m,errorMessage:x,hideErrorMessage:y,placeholder:v,countryCode:p,helper:f,label:h,disabled:k,className:N}=r,[C,j]=e.useState.call(void 0,m||n||""),M=e=>{const r=(e=>{if(e)return"63"===p?a.maskTypingMobileNumber.call(void 0,e,{countryCode:"PH"}):a.maskTypingMobileNumber.call(void 0,e,{countryCode:"ID"})})(e);u&&u(r||""),j(r||"")};return e.useEffect.call(void 0,(()=>{m!==C&&j(m)}),[m]),t.jsxs.call(void 0,"div",{className:l.mergeClassName.call(void 0,"relative",N),children:[t.jsxs.call(void 0,"div",{className:l.mergeClassName.call(void 0,h?"top-[38px]":"top-1/2 -translate-y-1/2",k?"bg-gray-300 dark:bg-gray-700 text-gray-600":"bg-blue-100 border-blue-200 text-blue-800 dark:bg-blue-300 dark:border-blue-400 dark:text-blue-800","absolute left-3 font-semibold rounded-full px-2"),children:["+",p]}),h&&t.jsx.call(void 0,"label",{htmlFor:i,className:l.mergeClassName.call(void 0,x?"text-red-600 dark:text-red-400":"text-black dark:text-white","mb-2 block cursor-pointer text-left font-semibold"),children:h}),t.jsx.call(void 0,"input",{ref:o,id:i,readOnly:s,"data-testid":c,value:a.maskTypingMobileNumber.call(void 0,C||"",{countryCode:"63"===p?"PH":"ID"}),name:i,autoFocus:g,placeholder:v,type:"tel",className:l.mergeClassName.call(void 0,d({disabled:k}),x&&"border-red-500 dark:border-red-400"),disabled:k,onChange:e=>M(e.target.value),onBlur:b,autoComplete:"off"}),f&&t.jsx.call(void 0,"p",{className:"mt-2 text-left text-xs font-semibold text-gray-600 first-letter:capitalize",children:f}),x&&!y&&t.jsx.call(void 0,"p",{className:"mt-2 text-left text-xs font-semibold text-red-600 dark:text-red-400 first-letter:capitalize",children:x})]})}));exports.MobileInput=o;//# sourceMappingURL=index.js.map | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("class-variance-authority"),a=require("@erudilabs/format-utils"),l=require("@erudilabs/merge-class-utils"),t=require("react/jsx-runtime"),d=r.cva.call(void 0,["border w-full transition-all h-10 rounded-md text-sm pr-4 placeholder-gray-600 pl-16","bg-white border-gray-300 text-black focus:outline-blue-500","dark:bg-gray-900 dark:border-gray-700 dark:text-white dark:focus:outline-blue-300"],{variants:{disabled:{true:["cursor-not-allowed","bg-gray-200 border-gray-300 text-gray-600 hover:bg-gray-200 disabled:placeholder-gray-500","dark:bg-gray-800 dark:border-gray-800 dark:text-gray-600 dark:hover:bg-gray-800 dark:disabled:placeholder-gray-700"]}},defaultVariants:{disabled:!1}}),o=e.forwardRef.call(void 0,((r,o)=>{const{readOnly:s,name:i,testId:c,onChange:u,onBlur:b,defaultValue:n,autoFocus:g,value:m,errorMessage:x,hideErrorMessage:y,placeholder:v,countryCode:p,helper:f,label:k,disabled:h,className:N}=r,[C,j]=e.useState.call(void 0,m||n||""),M=e=>{const r=(e=>{if(e)return"63"===p?a.maskTypingMobileNumber.call(void 0,e,{countryCode:"PH"}):a.maskTypingMobileNumber.call(void 0,e,{countryCode:"ID"})})(e);u&&u(r||""),j(r||"")};return e.useEffect.call(void 0,(()=>{m!==C&&j(m)}),[m]),t.jsxs.call(void 0,"div",{className:l.mergeClassName.call(void 0,"relative",N),children:[t.jsxs.call(void 0,"div",{className:l.mergeClassName.call(void 0,k?"top-[38px]":"top-1/2 -translate-y-1/2",h?"bg-gray-300 dark:bg-gray-700 text-gray-600":"bg-blue-100 border-blue-200 text-blue-800 dark:bg-blue-300 dark:border-blue-400 dark:text-blue-800","absolute left-3 font-semibold rounded-full px-2"),children:["+",p]}),k&&t.jsx.call(void 0,"label",{htmlFor:i,className:l.mergeClassName.call(void 0,x?"text-red-600 dark:text-red-400":"text-black dark:text-white","mb-2 block cursor-pointer text-left font-semibold"),children:k}),t.jsx.call(void 0,"input",{ref:o,id:i,readOnly:s,"data-testid":c,value:a.maskTypingMobileNumber.call(void 0,C||"",{countryCode:"63"===p?"PH":"ID"}),name:i,autoFocus:g,placeholder:v,type:"tel",className:l.mergeClassName.call(void 0,d({disabled:h}),x&&"border-red-500 dark:border-red-400"),disabled:h,onChange:e=>M(e.target.value),onBlur:b,autoComplete:"off"}),f&&t.jsx.call(void 0,"p",{className:"mt-2 text-left text-xs font-semibold text-gray-600 first-letter:capitalize",children:f}),x&&!y&&t.jsx.call(void 0,"p",{className:"mt-2 text-left text-xs font-semibold text-red-600 dark:text-red-400 first-letter:capitalize",children:x})]})}));exports.MobileInput=o;//# sourceMappingURL=index.js.map |
@@ -1,1 +0,1 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("class-variance-authority"),a=require("@erudilabs/format-utils"),l=require("@erudilabs/merge-class-utils"),t=require("react/jsx-runtime"),d=r.cva.call(void 0,["border w-full transition-all h-10 rounded-md text-sm pr-4 placeholder-gray-600 pl-16","bg-white border-gray-300 text-black","dark:bg-gray-900 dark:border-gray-700 dark:text-white"],{variants:{disabled:{true:["cursor-not-allowed","bg-gray-200 border-gray-300 text-gray-600 hover:bg-gray-200 disabled:placeholder-gray-500","dark:bg-gray-800 dark:border-gray-800 dark:text-gray-600 dark:hover:bg-gray-800 dark:disabled:placeholder-gray-700"]}},defaultVariants:{disabled:!1}}),o=e.forwardRef.call(void 0,((r,o)=>{const{readOnly:s,name:i,testId:c,onChange:u,onBlur:b,defaultValue:n,autoFocus:g,value:m,errorMessage:x,hideErrorMessage:y,placeholder:v,countryCode:p,helper:f,label:h,disabled:k,className:N}=r,[C,j]=e.useState.call(void 0,m||n||""),M=e=>{const r=(e=>{if(e)return"63"===p?a.maskTypingMobileNumber.call(void 0,e,{countryCode:"PH"}):a.maskTypingMobileNumber.call(void 0,e,{countryCode:"ID"})})(e);u&&u(r||""),j(r||"")};return e.useEffect.call(void 0,(()=>{m!==C&&j(m)}),[m]),t.jsxs.call(void 0,"div",{className:l.mergeClassName.call(void 0,"relative",N),children:[t.jsxs.call(void 0,"div",{className:l.mergeClassName.call(void 0,h?"top-[38px]":"top-1/2 -translate-y-1/2",k?"bg-gray-300 dark:bg-gray-700 text-gray-600":"bg-blue-100 border-blue-200 text-blue-800 dark:bg-blue-300 dark:border-blue-400 dark:text-blue-800","absolute left-3 font-semibold rounded-full px-2"),children:["+",p]}),h&&t.jsx.call(void 0,"label",{htmlFor:i,className:l.mergeClassName.call(void 0,x?"text-red-600 dark:text-red-400":"text-black dark:text-white","mb-2 block cursor-pointer text-left font-semibold"),children:h}),t.jsx.call(void 0,"input",{ref:o,id:i,readOnly:s,"data-testid":c,value:a.maskTypingMobileNumber.call(void 0,C||"",{countryCode:"63"===p?"PH":"ID"}),name:i,autoFocus:g,placeholder:v,type:"tel",className:l.mergeClassName.call(void 0,d({disabled:k}),x&&"border-red-500 dark:border-red-400"),disabled:k,onChange:e=>M(e.target.value),onBlur:b,autoComplete:"off"}),f&&t.jsx.call(void 0,"p",{className:"mt-2 text-left text-xs font-semibold text-gray-600 first-letter:capitalize",children:f}),x&&!y&&t.jsx.call(void 0,"p",{className:"mt-2 text-left text-xs font-semibold text-red-600 dark:text-red-400 first-letter:capitalize",children:x})]})}));exports.MobileInput=o;//# sourceMappingURL=index.js.map | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("class-variance-authority"),a=require("@erudilabs/format-utils"),l=require("@erudilabs/merge-class-utils"),t=require("react/jsx-runtime"),d=r.cva.call(void 0,["border w-full transition-all h-10 rounded-md text-sm pr-4 placeholder-gray-600 pl-16","bg-white border-gray-300 text-black focus:outline-blue-500","dark:bg-gray-900 dark:border-gray-700 dark:text-white dark:focus:outline-blue-300"],{variants:{disabled:{true:["cursor-not-allowed","bg-gray-200 border-gray-300 text-gray-600 hover:bg-gray-200 disabled:placeholder-gray-500","dark:bg-gray-800 dark:border-gray-800 dark:text-gray-600 dark:hover:bg-gray-800 dark:disabled:placeholder-gray-700"]}},defaultVariants:{disabled:!1}}),o=e.forwardRef.call(void 0,((r,o)=>{const{readOnly:s,name:i,testId:c,onChange:u,onBlur:b,defaultValue:n,autoFocus:g,value:m,errorMessage:x,hideErrorMessage:y,placeholder:v,countryCode:p,helper:f,label:k,disabled:h,className:N}=r,[C,j]=e.useState.call(void 0,m||n||""),M=e=>{const r=(e=>{if(e)return"63"===p?a.maskTypingMobileNumber.call(void 0,e,{countryCode:"PH"}):a.maskTypingMobileNumber.call(void 0,e,{countryCode:"ID"})})(e);u&&u(r||""),j(r||"")};return e.useEffect.call(void 0,(()=>{m!==C&&j(m)}),[m]),t.jsxs.call(void 0,"div",{className:l.mergeClassName.call(void 0,"relative",N),children:[t.jsxs.call(void 0,"div",{className:l.mergeClassName.call(void 0,k?"top-[38px]":"top-1/2 -translate-y-1/2",h?"bg-gray-300 dark:bg-gray-700 text-gray-600":"bg-blue-100 border-blue-200 text-blue-800 dark:bg-blue-300 dark:border-blue-400 dark:text-blue-800","absolute left-3 font-semibold rounded-full px-2"),children:["+",p]}),k&&t.jsx.call(void 0,"label",{htmlFor:i,className:l.mergeClassName.call(void 0,x?"text-red-600 dark:text-red-400":"text-black dark:text-white","mb-2 block cursor-pointer text-left font-semibold"),children:k}),t.jsx.call(void 0,"input",{ref:o,id:i,readOnly:s,"data-testid":c,value:a.maskTypingMobileNumber.call(void 0,C||"",{countryCode:"63"===p?"PH":"ID"}),name:i,autoFocus:g,placeholder:v,type:"tel",className:l.mergeClassName.call(void 0,d({disabled:h}),x&&"border-red-500 dark:border-red-400"),disabled:h,onChange:e=>M(e.target.value),onBlur:b,autoComplete:"off"}),f&&t.jsx.call(void 0,"p",{className:"mt-2 text-left text-xs font-semibold text-gray-600 first-letter:capitalize",children:f}),x&&!y&&t.jsx.call(void 0,"p",{className:"mt-2 text-left text-xs font-semibold text-red-600 dark:text-red-400 first-letter:capitalize",children:x})]})}));exports.MobileInput=o;//# sourceMappingURL=index.js.map |
{ | ||
"name": "@erudilabs/mobile-input", | ||
"description": "Mobile Input field is an input field only use for mobile number with specific country code format.", | ||
"version": "1.0.13", | ||
"version": "1.0.14", | ||
"sideEffects": false, | ||
@@ -6,0 +6,0 @@ "main": "./dist/index.js", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
23559