coject 2.4.36 → 2.4.37
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.
|
@@ -39,12 +39,21 @@ const Phone = ({ name, label, helperText, value, validation, onChange, errorMess
|
|
|
39
39
|
required: errorMessages?.required ?? "Phone number is required",
|
|
40
40
|
};
|
|
41
41
|
}, [validation]);
|
|
42
|
+
// Handle KeyDown
|
|
43
|
+
const handleKeyDown = (e) => {
|
|
44
|
+
const allowedKeys = ["Backspace", "Delete", "ArrowLeft", "ArrowRight", "Tab"];
|
|
45
|
+
if (!/[0-9]/.test(e.key) && !allowedKeys.includes(e.key)) {
|
|
46
|
+
e.preventDefault();
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
// Handle Change
|
|
42
50
|
const handleChange = (e) => {
|
|
43
|
-
const numericValue = e.target.value.replace(
|
|
51
|
+
const numericValue = e.target.value.replace(/[^0-9]/g, "").slice(0, 9);
|
|
44
52
|
onChange?.(`966${numericValue}`);
|
|
45
53
|
};
|
|
54
|
+
// Handle Input Adorment
|
|
46
55
|
const displayValue = typeof value === "string" && value.startsWith("966") ? value.slice(3) : value || "";
|
|
47
|
-
return (react_1.default.createElement(Input_1.Input, { name: name, label: label || "Phone", helperText: helperText, validation: validate, value: displayValue, onChange: handleChange, inputProps: { maxLength: 9, inputMode: "numeric", pattern: "[0-9]*" }, InputProps: {
|
|
56
|
+
return (react_1.default.createElement(Input_1.Input, { name: name, label: label || "Phone", helperText: helperText, validation: validate, value: displayValue, onChange: handleChange, onKeyDown: handleKeyDown, inputProps: { maxLength: 9, inputMode: "numeric", pattern: "[0-9]*" }, InputProps: {
|
|
48
57
|
...props.InputProps,
|
|
49
58
|
endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" }, "966+"))
|
|
50
59
|
}, ...props }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Phone/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwD;AAExD,cAAc;AACd,4CAA+D;AAE/D,SAAS;AACT,oCAAiC;AAkB1B,MAAM,KAAK,GAAe,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnH,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,OAAO;YACH,OAAO,EACH,UAAU,EAAE,OAAO,IAAI;gBACnB,KAAK,EAAE,SAAS;gBAChB,OAAO,EAAE,aAAa,EAAE,OAAO,IAAI,yDAAyD;aAC/F;YACL,QAAQ,EAAE,aAAa,EAAE,QAAQ,IAAI,0BAA0B;SAClE,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,YAAY,GAAG,CAAC,CAAgC,EAAE,EAAE;QACtD,MAAM,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Phone/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwD;AAExD,cAAc;AACd,4CAA+D;AAE/D,SAAS;AACT,oCAAiC;AAkB1B,MAAM,KAAK,GAAe,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnH,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,OAAO;YACH,OAAO,EACH,UAAU,EAAE,OAAO,IAAI;gBACnB,KAAK,EAAE,SAAS;gBAChB,OAAO,EAAE,aAAa,EAAE,OAAO,IAAI,yDAAyD;aAC/F;YACL,QAAQ,EAAE,aAAa,EAAE,QAAQ,IAAI,0BAA0B;SAClE,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,iBAAiB;IACjB,MAAM,aAAa,GAAG,CAAC,CAAwC,EAAE,EAAE;QAC/D,MAAM,WAAW,GAAG,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;QAC9E,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YACvD,CAAC,CAAC,cAAc,EAAE,CAAC;QACvB,CAAC;IACL,CAAC,CAAC;IAEF,gBAAgB;IAChB,MAAM,YAAY,GAAG,CAAC,CAAgC,EAAE,EAAE;QACtD,MAAM,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACvE,QAAQ,EAAE,CAAC,MAAM,YAAY,EAAE,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,wBAAwB;IACxB,MAAM,YAAY,GAAG,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;IAEzG,OAAO,CACH,8BAAC,aAAK,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAC3J,UAAU,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,EACrE,UAAU,EAAE;YACR,GAAG,KAAK,CAAC,UAAU;YACnB,YAAY,EAAE,CACV,8BAAC,yBAAc,IAAC,QAAQ,EAAC,KAAK,WAAsB,CACvD;SACJ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC,CAAC;AAzCW,QAAA,KAAK,SAyChB"}
|
|
@@ -13,12 +13,21 @@ export const Phone = ({ name, label, helperText, value, validation, onChange, er
|
|
|
13
13
|
required: errorMessages?.required ?? "Phone number is required",
|
|
14
14
|
};
|
|
15
15
|
}, [validation]);
|
|
16
|
+
// Handle KeyDown
|
|
17
|
+
const handleKeyDown = (e) => {
|
|
18
|
+
const allowedKeys = ["Backspace", "Delete", "ArrowLeft", "ArrowRight", "Tab"];
|
|
19
|
+
if (!/[0-9]/.test(e.key) && !allowedKeys.includes(e.key)) {
|
|
20
|
+
e.preventDefault();
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
// Handle Change
|
|
16
24
|
const handleChange = (e) => {
|
|
17
|
-
const numericValue = e.target.value.replace(
|
|
25
|
+
const numericValue = e.target.value.replace(/[^0-9]/g, "").slice(0, 9);
|
|
18
26
|
onChange?.(`966${numericValue}`);
|
|
19
27
|
};
|
|
28
|
+
// Handle Input Adorment
|
|
20
29
|
const displayValue = typeof value === "string" && value.startsWith("966") ? value.slice(3) : value || "";
|
|
21
|
-
return (React.createElement(Input, { name: name, label: label || "Phone", helperText: helperText, validation: validate, value: displayValue, onChange: handleChange, inputProps: { maxLength: 9, inputMode: "numeric", pattern: "[0-9]*" }, InputProps: {
|
|
30
|
+
return (React.createElement(Input, { name: name, label: label || "Phone", helperText: helperText, validation: validate, value: displayValue, onChange: handleChange, onKeyDown: handleKeyDown, inputProps: { maxLength: 9, inputMode: "numeric", pattern: "[0-9]*" }, InputProps: {
|
|
22
31
|
...props.InputProps,
|
|
23
32
|
endAdornment: (React.createElement(InputAdornment, { position: "end" }, "966+"))
|
|
24
33
|
}, ...props }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Phone/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,OAAO,EAAe,MAAM,OAAO,CAAC;AAExD,cAAc;AACd,OAAO,EAAkB,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/D,SAAS;AACT,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAkBjC,MAAM,CAAC,MAAM,KAAK,GAAe,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnH,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO;YACH,OAAO,EACH,UAAU,EAAE,OAAO,IAAI;gBACnB,KAAK,EAAE,SAAS;gBAChB,OAAO,EAAE,aAAa,EAAE,OAAO,IAAI,yDAAyD;aAC/F;YACL,QAAQ,EAAE,aAAa,EAAE,QAAQ,IAAI,0BAA0B;SAClE,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,YAAY,GAAG,CAAC,CAAgC,EAAE,EAAE;QACtD,MAAM,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Phone/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,OAAO,EAAe,MAAM,OAAO,CAAC;AAExD,cAAc;AACd,OAAO,EAAkB,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/D,SAAS;AACT,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAkBjC,MAAM,CAAC,MAAM,KAAK,GAAe,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnH,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO;YACH,OAAO,EACH,UAAU,EAAE,OAAO,IAAI;gBACnB,KAAK,EAAE,SAAS;gBAChB,OAAO,EAAE,aAAa,EAAE,OAAO,IAAI,yDAAyD;aAC/F;YACL,QAAQ,EAAE,aAAa,EAAE,QAAQ,IAAI,0BAA0B;SAClE,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,iBAAiB;IACjB,MAAM,aAAa,GAAG,CAAC,CAAwC,EAAE,EAAE;QAC/D,MAAM,WAAW,GAAG,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;QAC9E,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YACvD,CAAC,CAAC,cAAc,EAAE,CAAC;QACvB,CAAC;IACL,CAAC,CAAC;IAEF,gBAAgB;IAChB,MAAM,YAAY,GAAG,CAAC,CAAgC,EAAE,EAAE;QACtD,MAAM,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACvE,QAAQ,EAAE,CAAC,MAAM,YAAY,EAAE,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,wBAAwB;IACxB,MAAM,YAAY,GAAG,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;IAEzG,OAAO,CACH,oBAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAC3J,UAAU,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,EACrE,UAAU,EAAE;YACR,GAAG,KAAK,CAAC,UAAU;YACnB,YAAY,EAAE,CACV,oBAAC,cAAc,IAAC,QAAQ,EAAC,KAAK,WAAsB,CACvD;SACJ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC,CAAC"}
|