@erudilabs/mobile-input - npm Package Compare versions

Comparing version 1.0.12 to 1.0.13

./dist/index.js

@@ -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:y,countryCode:v,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"===v?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:["+",v]}),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.maskTypingMobileNumber.call(void 0,N||"",{countryCode:"63"===v?"PH":"ID"}),name:i,placeholder:y,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: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

dist/index.d.ts

@@ -23,2 +23,3 @@ import * as react from 'react';
     hideErrorMessage?: boolean;
+    autoFocus?: boolean;
     onChange?: (e: any) => void;
@@ -25,0 +26,0 @@ onBlur?: (e: FocusEvent) => void;

dist/index.js

@@ -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:y,countryCode:v,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"===v?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:["+",v]}),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.maskTypingMobileNumber.call(void 0,N||"",{countryCode:"63"===v?"PH":"ID"}),name:i,placeholder:y,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: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

package.json

 {
   "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.12",
+  "version": "1.0.13",
   "sideEffects": false,
@@ -6,0 +6,0 @@ "main": "./dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

23304

increased by1.24%

Lines of code

27

increased by3.85%

No dependency changes