@arkyn/components 3.0.12 → 3.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/phoneInput/phoneInputMask/index.d.ts.map +1 -1
- package/dist/index.js +6 -10
- package/dist/index.js.map +1 -1
- package/dist/modules/components/phoneInput/phoneInputMask/index.js +6 -10
- package/dist/modules/components/phoneInput/phoneInputMask/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -8,16 +8,12 @@ var u = a((e, t) => /* @__PURE__ */ c("input", {
|
|
|
8
8
|
ref: t,
|
|
9
9
|
...e
|
|
10
10
|
})), d = a((a, d) => {
|
|
11
|
-
let { onFocus: f, readonly: p, onBlur: m, size: h, onChange: g, value: _, currentCountry: v, disabled: y, id: b } = a, x = s(
|
|
12
|
-
|
|
13
|
-
let
|
|
11
|
+
let { onFocus: f, readonly: p, onBlur: m, size: h, onChange: g, value: _, currentCountry: v, disabled: y, id: b } = a, x = s(g);
|
|
12
|
+
x.current = g;
|
|
13
|
+
let S = typeof v.mask == "string" ? v.mask : v.mask[0], C = s(S);
|
|
14
14
|
o(() => {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
return;
|
|
18
|
-
}
|
|
19
|
-
S.current(C);
|
|
20
|
-
}, [C]);
|
|
15
|
+
C.current !== S && (C.current = S, x.current(S));
|
|
16
|
+
}, [S]);
|
|
21
17
|
let w = `phoneInputMask ${h}`;
|
|
22
18
|
function T(a) {
|
|
23
19
|
let o = r(a.target.value), s = i(o);
|
|
@@ -43,7 +39,7 @@ var u = a((e, t) => /* @__PURE__ */ c("input", {
|
|
|
43
39
|
onFocus: f,
|
|
44
40
|
onBlur: m,
|
|
45
41
|
disabled: y,
|
|
46
|
-
mask:
|
|
42
|
+
mask: S,
|
|
47
43
|
showMask: !0,
|
|
48
44
|
replacement: { _: /\d/ },
|
|
49
45
|
ref: d
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/phoneInput/phoneInputMask/index.tsx"],"sourcesContent":["import { InputMask } from \"@react-input/mask\";\nimport {\n\ttype ChangeEvent,\n\tforwardRef,\n\ttype InputHTMLAttributes,\n\tuseEffect,\n\tuseRef,\n} from \"react\";\n\nimport {\n\tapplyMask,\n\tclear,\n\tgetMask,\n\tMAX_LENGTH,\n\tTYPES,\n} from \"../../../utils/phoneInputUtilities\";\n\nimport \"./style.css\";\n\ntype CountryType = {\n\tname: string;\n\tcode: string;\n\tiso: string;\n\tflag: string;\n\tmask: string | string[];\n};\n\ntype PhoneInputMaskProps = {\n\tonFocus: () => void;\n\tonBlur: () => void;\n\tdisabled: boolean;\n\treadonly: boolean;\n\tsize: \"md\" | \"lg\";\n\tcurrentCountry: CountryType;\n\tvalue: string;\n\tonChange: (e: string) => void;\n\tid: string;\n};\n\nconst BaseInput = forwardRef<\n\tHTMLInputElement,\n\tInputHTMLAttributes<HTMLInputElement>\n>((props, ref) => {\n\treturn <input ref={ref} {...props} />;\n});\n\nconst PhoneInputMask = forwardRef<HTMLInputElement, PhoneInputMaskProps>(\n\t(props, ref) => {\n\t\tconst {\n\t\t\tonFocus,\n\t\t\treadonly,\n\t\t\tonBlur,\n\t\t\tsize,\n\t\t\tonChange,\n\t\t\tvalue,\n\t\t\tcurrentCountry,\n\t\t\tdisabled,\n\t\t\tid,\n\t\t} = props;\n\n\t\tconst
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/phoneInput/phoneInputMask/index.tsx"],"sourcesContent":["import { InputMask } from \"@react-input/mask\";\nimport {\n\ttype ChangeEvent,\n\tforwardRef,\n\ttype InputHTMLAttributes,\n\tuseEffect,\n\tuseRef,\n} from \"react\";\n\nimport {\n\tapplyMask,\n\tclear,\n\tgetMask,\n\tMAX_LENGTH,\n\tTYPES,\n} from \"../../../utils/phoneInputUtilities\";\n\nimport \"./style.css\";\n\ntype CountryType = {\n\tname: string;\n\tcode: string;\n\tiso: string;\n\tflag: string;\n\tmask: string | string[];\n};\n\ntype PhoneInputMaskProps = {\n\tonFocus: () => void;\n\tonBlur: () => void;\n\tdisabled: boolean;\n\treadonly: boolean;\n\tsize: \"md\" | \"lg\";\n\tcurrentCountry: CountryType;\n\tvalue: string;\n\tonChange: (e: string) => void;\n\tid: string;\n};\n\nconst BaseInput = forwardRef<\n\tHTMLInputElement,\n\tInputHTMLAttributes<HTMLInputElement>\n>((props, ref) => {\n\treturn <input ref={ref} {...props} />;\n});\n\nconst PhoneInputMask = forwardRef<HTMLInputElement, PhoneInputMaskProps>(\n\t(props, ref) => {\n\t\tconst {\n\t\t\tonFocus,\n\t\t\treadonly,\n\t\t\tonBlur,\n\t\t\tsize,\n\t\t\tonChange,\n\t\t\tvalue,\n\t\t\tcurrentCountry,\n\t\t\tdisabled,\n\t\t\tid,\n\t\t} = props;\n\n\t\tconst onChangeRef = useRef(onChange);\n\t\tonChangeRef.current = onChange;\n\n\t\tconst mask =\n\t\t\ttypeof currentCountry.mask === \"string\"\n\t\t\t\t? currentCountry.mask\n\t\t\t\t: currentCountry.mask[0];\n\n\t\t// Compare against the previous mask instead of skipping the first run:\n\t\t// StrictMode re-runs mount effects in dev, which would wipe the defaultValue.\n\t\tconst previousMask = useRef(mask);\n\n\t\tuseEffect(() => {\n\t\t\tif (previousMask.current === mask) return;\n\t\t\tpreviousMask.current = mask;\n\t\t\tonChangeRef.current(mask);\n\t\t}, [mask]);\n\n\t\tconst className = `phoneInputMask ${size}`;\n\n\t\tfunction handleChange(event: ChangeEvent<HTMLInputElement>) {\n\t\t\tlet value = clear(event.target.value);\n\t\t\tconst mask = getMask(value);\n\n\t\t\tconst nextLength = value.length;\n\t\t\tif (nextLength > MAX_LENGTH) return;\n\n\t\t\tvalue = applyMask(value, TYPES[mask] as \"EIGHT\" | \"NINE\");\n\t\t\tevent.target.value = value;\n\n\t\t\tonChange(value);\n\t\t}\n\n\t\tif (currentCountry.code === \"+55\") {\n\t\t\treturn (\n\t\t\t\t<input\n\t\t\t\t\tid={id}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\tclassName={className}\n\t\t\t\t\tonFocus={onFocus}\n\t\t\t\t\tonBlur={onBlur}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\treadOnly={readonly}\n\t\t\t\t\tref={ref}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<InputMask\n\t\t\t\tid={id}\n\t\t\t\tvalue={value}\n\t\t\t\treadOnly={readonly}\n\t\t\t\tonChange={(e) => onChange(e.target.value)}\n\t\t\t\tclassName={className}\n\t\t\t\tcomponent={BaseInput}\n\t\t\t\tonFocus={onFocus}\n\t\t\t\tonBlur={onBlur}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tmask={mask}\n\t\t\t\tshowMask\n\t\t\t\treplacement={{ _: /\\d/ }}\n\t\t\t\tref={ref}\n\t\t\t/>\n\t\t);\n\t},\n);\n\nexport { PhoneInputMask };\n"],"mappings":";;;;;;AAuCA,IAAM,IAAY,GAGf,GAAO,MACF,kBAAC,SAAD;CAAY;CAAK,GAAI;AAAQ,CAAA,CACpC,GAEK,IAAiB,GACrB,GAAO,MAAQ;CACf,IAAM,EACL,YACA,aACA,WACA,SACA,aACA,UACA,mBACA,aACA,UACG,GAEE,IAAc,EAAO,CAAQ;CACnC,EAAY,UAAU;CAEtB,IAAM,IACL,OAAO,EAAe,QAAS,WAC5B,EAAe,OACf,EAAe,KAAK,IAIlB,IAAe,EAAO,CAAI;CAEhC,QAAgB;EACX,EAAa,YAAY,MAC7B,EAAa,UAAU,GACvB,EAAY,QAAQ,CAAI;CACzB,GAAG,CAAC,CAAI,CAAC;CAET,IAAM,IAAY,kBAAkB;CAEpC,SAAS,EAAa,GAAsC;EAC3D,IAAI,IAAQ,EAAM,EAAM,OAAO,KAAK,GAC9B,IAAO,EAAQ,CAAK;EAEP,EAAM,SACR,MAEjB,IAAQ,EAAU,GAAO,EAAM,EAAyB,GACxD,EAAM,OAAO,QAAQ,GAErB,EAAS,CAAK;CACf;CAkBA,OAhBI,EAAe,SAAS,QAE1B,kBAAC,SAAD;EACK;EACG;EACP,UAAU;EACC;EACF;EACD;EACE;EACV,UAAU;EACL;CACL,CAAA,IAKF,kBAAC,GAAD;EACK;EACG;EACP,UAAU;EACV,WAAW,MAAM,EAAS,EAAE,OAAO,KAAK;EAC7B;EACX,WAAW;EACF;EACD;EACE;EACJ;EACN,UAAA;EACA,aAAa,EAAE,GAAG,KAAK;EAClB;CACL,CAAA;AAEH,CACD"}
|