@mvf/external-components 3.31.1-dev.8 → 3.32.0
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/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/IPhoneNumberTextFieldProps.d.ts +3 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.d.ts +1 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.js +6 -3
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.test.js +119 -5
- package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.test.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/forms/PhoneInput.js +26 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/forms/PhoneInput.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/forms/PhoneInput.test.js +148 -7
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/forms/PhoneInput.test.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.d.ts +2 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.js +5 -5
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.d.ts +3 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.js +7 -7
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/usePhoneNumber.d.ts +2 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/usePhoneNumber.js +2 -2
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/usePhoneNumber.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/PhoneNumberTextFieldStory.d.ts +3 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/PhoneNumberTextFieldStory.js +2 -2
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/PhoneNumberTextFieldStory.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/styling/makeFormControlPhoneNumberStyling.js +3 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/styling/makeFormControlPhoneNumberStyling.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryData.d.ts +234 -3
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryData.js +65 -255
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryData.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.d.ts +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.js +64 -3
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.test.js +47 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.test.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/defaultProps.d.ts +10 -3
- package/Components/Molecules/PhoneNumberTextFieldCustom/defaultProps.js +13 -3
- package/Components/Molecules/PhoneNumberTextFieldCustom/defaultProps.js.map +1 -1
- package/package.json +1 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/demo/AutofillDemo.d.ts +0 -7
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/demo/AutofillDemo.js +0 -28
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/demo/AutofillDemo.js.map +0 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useAutofillDetection.d.ts +0 -10
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useAutofillDetection.js +0 -105
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useAutofillDetection.js.map +0 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/defaultProps.d.ts +0 -21
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/defaultProps.js +0 -33
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/defaultProps.js.map +0 -1
@@ -1,6 +1,7 @@
|
|
1
1
|
"use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
3
|
var defaultProps = {
|
4
|
+
// Core props
|
4
5
|
disabled: false,
|
5
6
|
isAnswered: false,
|
6
7
|
isSafari: false,
|
@@ -8,8 +9,19 @@ var defaultProps = {
|
|
8
9
|
enableCountryChange: true,
|
9
10
|
enableCountrySearch: false,
|
10
11
|
useModalForCountrySelection: false,
|
12
|
+
type: 'tel',
|
13
|
+
id: '',
|
14
|
+
label: '',
|
15
|
+
value: '',
|
16
|
+
placeholder: '',
|
17
|
+
errorMessage: undefined,
|
18
|
+
initialCountry: undefined,
|
11
19
|
// Input filtering settings
|
12
20
|
strictMode: false,
|
21
|
+
// Country selection customization
|
22
|
+
countrySearchPlaceholder: 'Search countries...',
|
23
|
+
countryModalHeading: 'Select Country',
|
24
|
+
preferredCountries: ['US', 'GB'], // Default to US and GB for backward compatibility
|
13
25
|
// Specific callbacks
|
14
26
|
onPhoneNumberChange: undefined,
|
15
27
|
onCountryChange: undefined,
|
@@ -19,15 +31,13 @@ var defaultProps = {
|
|
19
31
|
onChange: function () {
|
20
32
|
// action
|
21
33
|
},
|
34
|
+
// Event handlers
|
22
35
|
onClick: function () {
|
23
36
|
// action
|
24
37
|
},
|
25
38
|
onBlur: function () {
|
26
39
|
// action
|
27
40
|
},
|
28
|
-
label: '',
|
29
|
-
value: '',
|
30
|
-
initialCountry: undefined,
|
31
41
|
};
|
32
42
|
exports.default = defaultProps;
|
33
43
|
//# sourceMappingURL=defaultProps.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAK;IACf,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,KAAK;IACf,kBAAkB,EAAE,KAAK;IACzB,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,KAAK;IAC1B,2BAA2B,EAAE,KAAK;
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa;IACb,QAAQ,EAAE,KAAK;IACf,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,KAAK;IACf,kBAAkB,EAAE,KAAK;IACzB,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,KAAK;IAC1B,2BAA2B,EAAE,KAAK;IAClC,IAAI,EAAE,KAAK;IACX,EAAE,EAAE,EAAE;IACN,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,EAAE;IACf,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IAEzB,2BAA2B;IAC3B,UAAU,EAAE,KAAK;IAEjB,kCAAkC;IAClC,wBAAwB,EAAE,qBAAqB;IAC/C,mBAAmB,EAAE,gBAAgB;IACrC,kBAAkB,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,kDAAkD;IAEpF,qBAAqB;IACrB,mBAAmB,EAAE,SAAS;IAC9B,eAAe,EAAE,SAAS;IAC1B,kBAAkB,EAAE,SAAS;IAC7B,sBAAsB,EAAE,SAAS;IAEjC,6CAA6C;IAC7C,QAAQ,EAAE;QACR,SAAS;IACX,CAAC;IAED,iBAAiB;IACjB,OAAO,EAAE;QACP,SAAS;IACX,CAAC;IACD,MAAM,EAAE;QACN,SAAS;IACX,CAAC;CACF,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
package/package.json
CHANGED
package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/demo/AutofillDemo.js
DELETED
@@ -1,28 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
4
|
-
var react_1 = require("react");
|
5
|
-
var useAutofillDetection_1 = require("../../hooks/useAutofillDetection");
|
6
|
-
/**
|
7
|
-
* Demo component to showcase the autofill detection functionality
|
8
|
-
* This can be used for testing and development purposes
|
9
|
-
*/
|
10
|
-
var AutofillDemo = function () {
|
11
|
-
var _a = (0, react_1.useState)(''), phoneNumber = _a[0], setPhoneNumber = _a[1];
|
12
|
-
var _b = (0, useAutofillDetection_1.useAutofillDetection)(), isAutoFilledActive = _b.isAutoFilledActive, inputRef = _b.inputRef;
|
13
|
-
return ((0, jsx_runtime_1.jsxs)("div", { style: { padding: '20px', maxWidth: '400px' }, children: [(0, jsx_runtime_1.jsx)("h3", { children: "Autofill Detection Demo" }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '20px' }, children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "phone-demo", children: "Phone Number:" }), (0, jsx_runtime_1.jsx)("input", { ref: inputRef, id: "phone-demo", type: "tel", value: phoneNumber, onChange: function (e) { return setPhoneNumber(e.target.value); }, placeholder: "Enter phone number", style: {
|
14
|
-
width: '100%',
|
15
|
-
padding: '10px',
|
16
|
-
marginTop: '5px',
|
17
|
-
border: '1px solid #ccc',
|
18
|
-
borderRadius: '4px',
|
19
|
-
backgroundColor: isAutoFilledActive ? '#e8f0fe' : 'white',
|
20
|
-
} })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
|
21
|
-
padding: '10px',
|
22
|
-
backgroundColor: isAutoFilledActive ? '#e8f0fe' : '#f5f5f5',
|
23
|
-
borderRadius: '4px',
|
24
|
-
border: "2px solid ".concat(isAutoFilledActive ? '#4285f4' : '#ddd')
|
25
|
-
}, children: [(0, jsx_runtime_1.jsx)("strong", { children: "Autofill Status:" }), " ", isAutoFilledActive ? 'ACTIVE' : 'Inactive'] }), (0, jsx_runtime_1.jsxs)("div", { style: { marginTop: '20px', fontSize: '14px', color: '#666' }, children: [(0, jsx_runtime_1.jsx)("p", { children: (0, jsx_runtime_1.jsx)("strong", { children: "Instructions:" }) }), (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsx)("li", { children: "Type in the phone number field" }), (0, jsx_runtime_1.jsx)("li", { children: "Use browser autofill (Ctrl+Shift+L or right-click \u2192 Fill)" }), (0, jsx_runtime_1.jsx)("li", { children: "Watch the status change to \"ACTIVE\"" }), (0, jsx_runtime_1.jsx)("li", { children: "The input background will change to blue when autofilled" })] })] })] }));
|
26
|
-
};
|
27
|
-
exports.default = AutofillDemo;
|
28
|
-
//# sourceMappingURL=AutofillDemo.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"AutofillDemo.js","sourceRoot":"","sources":["../../../../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/demo/AutofillDemo.tsx"],"names":[],"mappings":";;;AAAA,+BAAwC;AACxC,yEAAwE;AAExE;;;GAGG;AACH,IAAM,YAAY,GAAa;IACvB,IAAA,KAAgC,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA3C,WAAW,QAAA,EAAE,cAAc,QAAgB,CAAC;IAC7C,IAAA,KAAmC,IAAA,2CAAoB,GAAE,EAAvD,kBAAkB,wBAAA,EAAE,QAAQ,cAA2B,CAAC;IAEhE,OAAO,CACL,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,aAChD,qEAAgC,EAEhC,iCAAK,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,aAClC,kCAAO,OAAO,EAAC,YAAY,8BAAsB,EACjD,kCACE,GAAG,EAAE,QAAQ,EACb,EAAE,EAAC,YAAY,EACf,IAAI,EAAC,KAAK,EACV,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA9B,CAA8B,EAC/C,WAAW,EAAC,oBAAoB,EAChC,KAAK,EAAE;4BACL,KAAK,EAAE,MAAM;4BACb,OAAO,EAAE,MAAM;4BACf,SAAS,EAAE,KAAK;4BAChB,MAAM,EAAE,gBAAgB;4BACxB,YAAY,EAAE,KAAK;4BACnB,eAAe,EAAE,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;yBAC1D,GACD,IACE,EAEN,iCAAK,KAAK,EAAE;oBACV,OAAO,EAAE,MAAM;oBACf,eAAe,EAAE,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;oBAC3D,YAAY,EAAE,KAAK;oBACnB,MAAM,EAAE,oBAAa,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAE;iBAC/D,aACC,kEAAiC,OAAE,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,IACzE,EAEN,iCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,aAChE,wCAAG,+DAA8B,GAAI,EACrC,2CACE,4EAAuC,EACvC,4GAAkE,EAClE,mFAA4C,EAC5C,sGAAiE,IAC9D,IACD,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useAutofillDetection.d.ts
DELETED
@@ -1,10 +0,0 @@
|
|
1
|
-
interface UseAutofillDetectionReturn {
|
2
|
-
isAutoFilledActive: boolean;
|
3
|
-
inputRef: React.RefObject<HTMLInputElement>;
|
4
|
-
}
|
5
|
-
/**
|
6
|
-
* Hook to automatically detect when a browser autofills an input field
|
7
|
-
* This solves the issue where the parent component needs to manually track autofill state
|
8
|
-
*/
|
9
|
-
export declare const useAutofillDetection: () => UseAutofillDetectionReturn;
|
10
|
-
export {};
|
package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useAutofillDetection.js
DELETED
@@ -1,105 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.useAutofillDetection = void 0;
|
4
|
-
var react_1 = require("react");
|
5
|
-
/**
|
6
|
-
* Hook to automatically detect when a browser autofills an input field
|
7
|
-
* This solves the issue where the parent component needs to manually track autofill state
|
8
|
-
*/
|
9
|
-
var useAutofillDetection = function () {
|
10
|
-
var _a = (0, react_1.useState)(false), isAutoFilledActive = _a[0], setIsAutoFilledActive = _a[1];
|
11
|
-
var inputRef = (0, react_1.useRef)(null);
|
12
|
-
var animationRef = (0, react_1.useRef)();
|
13
|
-
(0, react_1.useEffect)(function () {
|
14
|
-
var input = inputRef.current;
|
15
|
-
if (!input)
|
16
|
-
return;
|
17
|
-
var checkAutofill = function () {
|
18
|
-
// Method 1: Check if the input has the -webkit-autofill pseudo-class
|
19
|
-
var computedStyle = window.getComputedStyle(input);
|
20
|
-
var backgroundColor = computedStyle.backgroundColor;
|
21
|
-
// Method 2: Check if the input has been filled by autofill
|
22
|
-
// Autofilled inputs often have a specific background color
|
23
|
-
var isAutofilled = backgroundColor === 'rgb(250, 255, 189)' || // Safari autofill color
|
24
|
-
backgroundColor === 'rgb(232, 240, 254)' || // Chrome autofill color
|
25
|
-
backgroundColor === 'rgb(255, 255, 255)' || // Some browsers use white
|
26
|
-
backgroundColor === 'rgb(0, 0, 0)'; // Some browsers use black
|
27
|
-
// Method 3: Check for autofill attributes
|
28
|
-
var hasAutofillAttribute = input.matches(':-webkit-autofill') ||
|
29
|
-
input.hasAttribute('data-autofilled') ||
|
30
|
-
input.classList.contains('autofilled');
|
31
|
-
if (isAutofilled || hasAutofillAttribute) {
|
32
|
-
setIsAutoFilledActive(true);
|
33
|
-
}
|
34
|
-
else {
|
35
|
-
setIsAutoFilledActive(false);
|
36
|
-
}
|
37
|
-
};
|
38
|
-
// Check immediately
|
39
|
-
checkAutofill();
|
40
|
-
// Set up a mutation observer to watch for autofill changes
|
41
|
-
var observer = new MutationObserver(function (mutations) {
|
42
|
-
mutations.forEach(function (mutation) {
|
43
|
-
if (mutation.type === 'attributes' || mutation.type === 'childList') {
|
44
|
-
checkAutofill();
|
45
|
-
}
|
46
|
-
});
|
47
|
-
});
|
48
|
-
// Observe the input element and its parent for changes
|
49
|
-
observer.observe(input, {
|
50
|
-
attributes: true,
|
51
|
-
attributeFilter: ['style', 'class'],
|
52
|
-
childList: true,
|
53
|
-
subtree: true,
|
54
|
-
});
|
55
|
-
// Also observe the parent form for autofill events
|
56
|
-
var form = input.closest('form');
|
57
|
-
if (form) {
|
58
|
-
observer.observe(form, {
|
59
|
-
attributes: true,
|
60
|
-
childList: true,
|
61
|
-
subtree: true,
|
62
|
-
});
|
63
|
-
}
|
64
|
-
// Set up periodic checking as a fallback
|
65
|
-
var startPeriodicCheck = function () {
|
66
|
-
animationRef.current = requestAnimationFrame(function () {
|
67
|
-
checkAutofill();
|
68
|
-
startPeriodicCheck();
|
69
|
-
});
|
70
|
-
};
|
71
|
-
startPeriodicCheck();
|
72
|
-
// Cleanup
|
73
|
-
return function () {
|
74
|
-
observer.disconnect();
|
75
|
-
if (animationRef.current) {
|
76
|
-
cancelAnimationFrame(animationRef.current);
|
77
|
-
}
|
78
|
-
};
|
79
|
-
}, []);
|
80
|
-
// Additional effect to handle autofill events
|
81
|
-
(0, react_1.useEffect)(function () {
|
82
|
-
var input = inputRef.current;
|
83
|
-
if (!input)
|
84
|
-
return;
|
85
|
-
var handleAnimationStart = function (e) {
|
86
|
-
if (e.animationName === 'onAutoFillStart') {
|
87
|
-
setIsAutoFilledActive(true);
|
88
|
-
}
|
89
|
-
};
|
90
|
-
var handleAnimationEnd = function (e) {
|
91
|
-
if (e.animationName === 'onAutoFillCancel') {
|
92
|
-
setIsAutoFilledActive(false);
|
93
|
-
}
|
94
|
-
};
|
95
|
-
input.addEventListener('animationstart', handleAnimationStart);
|
96
|
-
input.addEventListener('animationend', handleAnimationEnd);
|
97
|
-
return function () {
|
98
|
-
input.removeEventListener('animationstart', handleAnimationStart);
|
99
|
-
input.removeEventListener('animationend', handleAnimationEnd);
|
100
|
-
};
|
101
|
-
}, []);
|
102
|
-
return { isAutoFilledActive: isAutoFilledActive, inputRef: inputRef };
|
103
|
-
};
|
104
|
-
exports.useAutofillDetection = useAutofillDetection;
|
105
|
-
//# sourceMappingURL=useAutofillDetection.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"useAutofillDetection.js","sourceRoot":"","sources":["../../../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useAutofillDetection.ts"],"names":[],"mappings":"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"}
|
@@ -1,21 +0,0 @@
|
|
1
|
-
declare const defaultProps: {
|
2
|
-
disabled: boolean;
|
3
|
-
isAnswered: boolean;
|
4
|
-
isSafari: boolean;
|
5
|
-
isAutoFilledActive: boolean;
|
6
|
-
enableCountryChange: boolean;
|
7
|
-
enableCountrySearch: boolean;
|
8
|
-
useModalForCountrySelection: boolean;
|
9
|
-
strictMode: boolean;
|
10
|
-
onPhoneNumberChange: undefined;
|
11
|
-
onCountryChange: undefined;
|
12
|
-
onValidationChange: undefined;
|
13
|
-
onFormattedValueChange: undefined;
|
14
|
-
onChange: () => void;
|
15
|
-
onClick: () => void;
|
16
|
-
onBlur: () => void;
|
17
|
-
label: string;
|
18
|
-
value: string;
|
19
|
-
initialCountry: undefined;
|
20
|
-
};
|
21
|
-
export default defaultProps;
|
@@ -1,33 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
var defaultProps = {
|
4
|
-
disabled: false,
|
5
|
-
isAnswered: false,
|
6
|
-
isSafari: false,
|
7
|
-
isAutoFilledActive: false,
|
8
|
-
enableCountryChange: true,
|
9
|
-
enableCountrySearch: false,
|
10
|
-
useModalForCountrySelection: false,
|
11
|
-
// Input filtering settings
|
12
|
-
strictMode: false,
|
13
|
-
// Specific callbacks
|
14
|
-
onPhoneNumberChange: undefined,
|
15
|
-
onCountryChange: undefined,
|
16
|
-
onValidationChange: undefined,
|
17
|
-
onFormattedValueChange: undefined,
|
18
|
-
// Legacy callback for backward compatibility
|
19
|
-
onChange: function () {
|
20
|
-
// action
|
21
|
-
},
|
22
|
-
onClick: function () {
|
23
|
-
// action
|
24
|
-
},
|
25
|
-
onBlur: function () {
|
26
|
-
// action
|
27
|
-
},
|
28
|
-
label: '',
|
29
|
-
value: '',
|
30
|
-
initialCountry: undefined,
|
31
|
-
};
|
32
|
-
exports.default = defaultProps;
|
33
|
-
//# sourceMappingURL=defaultProps.js.map
|
package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/defaultProps.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAK;IACf,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,KAAK;IACf,kBAAkB,EAAE,KAAK;IACzB,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,KAAK;IAC1B,2BAA2B,EAAE,KAAK;IAElC,2BAA2B;IAC3B,UAAU,EAAE,KAAK;IAEjB,qBAAqB;IACrB,mBAAmB,EAAE,SAAS;IAC9B,eAAe,EAAE,SAAS;IAC1B,kBAAkB,EAAE,SAAS;IAC7B,sBAAsB,EAAE,SAAS;IAEjC,6CAA6C;IAC7C,QAAQ,EAAE;QACR,SAAS;IACX,CAAC;IAED,OAAO,EAAE;QACP,SAAS;IACX,CAAC;IACD,MAAM,EAAE;QACN,SAAS;IACX,CAAC;IACD,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,cAAc,EAAE,SAAS;CAC1B,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|