@erudilabs/mobile-input
Advanced tools
Comparing version 1.0.9 to 1.0.10
@@ -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:b,onBlur:u,defaultValue:n,value:g,errorMessage:m,hideErrorMessage:x,placeholder:v,countryCode:y,helper:p,label:f,disabled:h,className:k}=r,[N,C]=e.useState.call(void 0,g||n||""),j=e=>{const r=(e=>{if(e)return"63"===y?a.maskTypingMobileNumber.call(void 0,e,{countryCode:"PH"}):a.maskTypingMobileNumber.call(void 0,e,{countryCode:"ID"})})(e);b&&b(r||""),C(r||"")};return e.useEffect.call(void 0,(()=>{g!==N&&C(g)}),[g]),t.jsxs.call(void 0,"div",{className:l.mergeClassName.call(void 0,"relative",k),children:[t.jsxs.call(void 0,"div",{className:l.mergeClassName.call(void 0,f?"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:["+",y]}),f&&t.jsx.call(void 0,"label",{htmlFor:i,className:l.mergeClassName.call(void 0,m?"text-red-600 dark:text-red-400":"text-black dark:text-white","mb-2 block cursor-pointer text-left font-semibold"),children:f}),t.jsx.call(void 0,"input",{ref:o,id:i,readOnly:s,"data-testid":c,value:N,name:i,placeholder:v,type:"tel",className:l.mergeClassName.call(void 0,d({disabled:h}),m&&"border-red-500 dark:border-red-400"),disabled:h,onChange:e=>j(e.target.value),onBlur:u,autoComplete:"off"}),p&&t.jsx.call(void 0,"p",{className:"mt-2 text-left text-xs font-semibold text-gray-600 first-letter:capitalize",children:p}),m&&!x&&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:m})]})}));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","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:b,onBlur:u,defaultValue:n,value:g,errorMessage:m,hideErrorMessage:x,placeholder:v,countryCode:y,helper:p,label:f,disabled:h,className:k}=r,[N,C]=e.useState.call(void 0,g||n||""),j=e=>{const r=(e=>{if(e)return"63"===y?a.maskTypingMobileNumber.call(void 0,e,{countryCode:"PH"}):a.maskTypingMobileNumber.call(void 0,e,{countryCode:"ID"})})(e);b&&b(r||""),C(r||"")};return e.useEffect.call(void 0,(()=>{g!==N&&C(g)}),[g]),t.jsxs.call(void 0,"div",{className:l.mergeClassName.call(void 0,"relative",k),children:[t.jsxs.call(void 0,"div",{className:l.mergeClassName.call(void 0,f?"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:["+",y]}),f&&t.jsx.call(void 0,"label",{htmlFor:i,className:l.mergeClassName.call(void 0,m?"text-red-600 dark:text-red-400":"text-black dark:text-white","mb-2 block cursor-pointer text-left font-semibold"),children:f}),t.jsx.call(void 0,"input",{ref:o,id:i,readOnly:s,"data-testid":c,value:a.formatMobileNumber.call(void 0,N,{countryCode:"63"===y?"PH":"ID"}),name:i,placeholder:v,type:"tel",className:l.mergeClassName.call(void 0,d({disabled:h}),m&&"border-red-500 dark:border-red-400"),disabled:h,onChange:e=>j(e.target.value),onBlur:u,autoComplete:"off"}),p&&t.jsx.call(void 0,"p",{className:"mt-2 text-left text-xs font-semibold text-gray-600 first-letter:capitalize",children:p}),m&&!x&&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:m})]})}));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:b,onBlur:u,defaultValue:n,value:g,errorMessage:m,hideErrorMessage:x,placeholder:v,countryCode:y,helper:p,label:f,disabled:h,className:k}=r,[N,C]=e.useState.call(void 0,g||n||""),j=e=>{const r=(e=>{if(e)return"63"===y?a.maskTypingMobileNumber.call(void 0,e,{countryCode:"PH"}):a.maskTypingMobileNumber.call(void 0,e,{countryCode:"ID"})})(e);b&&b(r||""),C(r||"")};return e.useEffect.call(void 0,(()=>{g!==N&&C(g)}),[g]),t.jsxs.call(void 0,"div",{className:l.mergeClassName.call(void 0,"relative",k),children:[t.jsxs.call(void 0,"div",{className:l.mergeClassName.call(void 0,f?"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:["+",y]}),f&&t.jsx.call(void 0,"label",{htmlFor:i,className:l.mergeClassName.call(void 0,m?"text-red-600 dark:text-red-400":"text-black dark:text-white","mb-2 block cursor-pointer text-left font-semibold"),children:f}),t.jsx.call(void 0,"input",{ref:o,id:i,readOnly:s,"data-testid":c,value:N,name:i,placeholder:v,type:"tel",className:l.mergeClassName.call(void 0,d({disabled:h}),m&&"border-red-500 dark:border-red-400"),disabled:h,onChange:e=>j(e.target.value),onBlur:u,autoComplete:"off"}),p&&t.jsx.call(void 0,"p",{className:"mt-2 text-left text-xs font-semibold text-gray-600 first-letter:capitalize",children:p}),m&&!x&&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:m})]})}));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","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:b,onBlur:u,defaultValue:n,value:g,errorMessage:m,hideErrorMessage:x,placeholder:v,countryCode:y,helper:p,label:f,disabled:h,className:k}=r,[N,C]=e.useState.call(void 0,g||n||""),j=e=>{const r=(e=>{if(e)return"63"===y?a.maskTypingMobileNumber.call(void 0,e,{countryCode:"PH"}):a.maskTypingMobileNumber.call(void 0,e,{countryCode:"ID"})})(e);b&&b(r||""),C(r||"")};return e.useEffect.call(void 0,(()=>{g!==N&&C(g)}),[g]),t.jsxs.call(void 0,"div",{className:l.mergeClassName.call(void 0,"relative",k),children:[t.jsxs.call(void 0,"div",{className:l.mergeClassName.call(void 0,f?"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:["+",y]}),f&&t.jsx.call(void 0,"label",{htmlFor:i,className:l.mergeClassName.call(void 0,m?"text-red-600 dark:text-red-400":"text-black dark:text-white","mb-2 block cursor-pointer text-left font-semibold"),children:f}),t.jsx.call(void 0,"input",{ref:o,id:i,readOnly:s,"data-testid":c,value:a.formatMobileNumber.call(void 0,N,{countryCode:"63"===y?"PH":"ID"}),name:i,placeholder:v,type:"tel",className:l.mergeClassName.call(void 0,d({disabled:h}),m&&"border-red-500 dark:border-red-400"),disabled:h,onChange:e=>j(e.target.value),onBlur:u,autoComplete:"off"}),p&&t.jsx.call(void 0,"p",{className:"mt-2 text-left text-xs font-semibold text-gray-600 first-letter:capitalize",children:p}),m&&!x&&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:m})]})}));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.9", | ||
"version": "1.0.10", | ||
"sideEffects": false, | ||
@@ -34,3 +34,3 @@ "main": "./dist/index.js", | ||
"@erudilabs/merge-class-utils": "2.0.0", | ||
"@erudilabs/format-utils": "1.0.6" | ||
"@erudilabs/format-utils": "1.0.7" | ||
}, | ||
@@ -37,0 +37,0 @@ "devDependencies": { |
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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
23079
+ Added@erudilabs/format-utils@1.0.7(transitive)
- Removed@erudilabs/format-utils@1.0.6(transitive)