@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.
Files changed (46) hide show
  1. package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js.map +1 -1
  2. package/Components/Molecules/PhoneNumberTextFieldCustom/IPhoneNumberTextFieldProps.d.ts +3 -0
  3. package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.d.ts +1 -1
  4. package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.js +6 -3
  5. package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.js.map +1 -1
  6. package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.test.js +119 -5
  7. package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.test.js.map +1 -1
  8. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/forms/PhoneInput.js +26 -1
  9. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/forms/PhoneInput.js.map +1 -1
  10. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/forms/PhoneInput.test.js +148 -7
  11. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/forms/PhoneInput.test.js.map +1 -1
  12. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.d.ts +2 -0
  13. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.js +5 -5
  14. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.js.map +1 -1
  15. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.d.ts +3 -0
  16. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.js +7 -7
  17. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.js.map +1 -1
  18. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/usePhoneNumber.d.ts +2 -1
  19. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/usePhoneNumber.js +2 -2
  20. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/usePhoneNumber.js.map +1 -1
  21. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/PhoneNumberTextFieldStory.d.ts +3 -0
  22. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/PhoneNumberTextFieldStory.js +2 -2
  23. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/stories/PhoneNumberTextFieldStory.js.map +1 -1
  24. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/styling/makeFormControlPhoneNumberStyling.js +3 -0
  25. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/styling/makeFormControlPhoneNumberStyling.js.map +1 -1
  26. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryData.d.ts +234 -3
  27. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryData.js +65 -255
  28. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/countryData.js.map +1 -1
  29. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.d.ts +1 -0
  30. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.js +64 -3
  31. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.js.map +1 -1
  32. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.test.js +47 -0
  33. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/phoneValidation.test.js.map +1 -1
  34. package/Components/Molecules/PhoneNumberTextFieldCustom/defaultProps.d.ts +10 -3
  35. package/Components/Molecules/PhoneNumberTextFieldCustom/defaultProps.js +13 -3
  36. package/Components/Molecules/PhoneNumberTextFieldCustom/defaultProps.js.map +1 -1
  37. package/package.json +1 -1
  38. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/demo/AutofillDemo.d.ts +0 -7
  39. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/demo/AutofillDemo.js +0 -28
  40. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/demo/AutofillDemo.js.map +0 -1
  41. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useAutofillDetection.d.ts +0 -10
  42. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useAutofillDetection.js +0 -105
  43. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useAutofillDetection.js.map +0 -1
  44. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/defaultProps.d.ts +0 -21
  45. package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/utils/defaultProps.js +0 -33
  46. 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;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"}
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mvf/external-components",
3
- "version": "3.31.1-dev.8",
3
+ "version": "3.32.0",
4
4
  "license": "UNLICENSED",
5
5
  "scripts": {
6
6
  "dev": "scripts/up.sh",
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- /**
3
- * Demo component to showcase the autofill detection functionality
4
- * This can be used for testing and development purposes
5
- */
6
- declare const AutofillDemo: React.FC;
7
- export default AutofillDemo;
@@ -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"}
@@ -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 {};
@@ -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
@@ -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"}