@mvf/external-components 3.31.1-dev.6 → 3.31.1-dev.8
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/PhoneNumberTextFieldCustom/__helpers__/components/demo/AutofillDemo.d.ts +7 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/demo/AutofillDemo.js +28 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/demo/AutofillDemo.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.js +1 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountrySelector.js +2 -3
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountrySelector.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useAutofillDetection.d.ts +10 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useAutofillDetection.js +105 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useAutofillDetection.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/styling/makeFormControlPhoneNumberStyling.js +11 -5
- package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/styling/makeFormControlPhoneNumberStyling.js.map +1 -1
- package/Themes/auroraTheme.js +1 -1
- package/Themes/auroraTheme.js.map +1 -1
- package/package.json +1 -1
package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/demo/AutofillDemo.js
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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__/components/ui/CountryModal.js
CHANGED
|
@@ -145,7 +145,7 @@ var CountryModal = function (_a) {
|
|
|
145
145
|
display: 'flex',
|
|
146
146
|
flexDirection: 'column',
|
|
147
147
|
};
|
|
148
|
-
return ((0, jsx_runtime_1.jsx)(Modal_1.default, { open: open, onClose: handleModalClose, "aria-labelledby": "country-selection-modal", "aria-describedby": "country-selection-modal-description", closeAfterTransition: true, disableRestoreFocus: true, disableEnforceFocus: true, children: (0, jsx_runtime_1.jsxs)(Box_1.default, { role: "dialog", sx: __assign(__assign({}, modalStyle), { animation: isClosing
|
|
148
|
+
return ((0, jsx_runtime_1.jsx)(Modal_1.default, { open: open, onClose: handleModalClose, "aria-labelledby": "country-selection-modal", "aria-describedby": "country-selection-modal-description", closeAfterTransition: true, disableRestoreFocus: true, disableEnforceFocus: true, hideBackdrop: true, children: (0, jsx_runtime_1.jsxs)(Box_1.default, { role: "dialog", sx: __assign(__assign({}, modalStyle), { animation: isClosing
|
|
149
149
|
? 'modalExit 195ms cubic-bezier(0.4, 0, 1, 1)'
|
|
150
150
|
: 'modalEnter 225ms cubic-bezier(0.4, 0, 0.2, 1)', '@keyframes modalEnter': {
|
|
151
151
|
'0%': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CountryModal.js","sourceRoot":"","sources":["../../../../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"CountryModal.js","sourceRoot":"","sources":["../../../../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.tsx"],"names":[],"mappings":"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"}
|
package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountrySelector.js
CHANGED
|
@@ -15,14 +15,13 @@ var CountrySelector = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
15
15
|
return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: "country-selector", onClick: isInteractive ? onClick : undefined, style: {
|
|
16
16
|
display: 'flex',
|
|
17
17
|
alignItems: 'center',
|
|
18
|
-
padding: '8px 12px',
|
|
19
18
|
cursor: isInteractive ? 'pointer' : 'default',
|
|
20
|
-
minWidth: '
|
|
19
|
+
minWidth: '40px',
|
|
21
20
|
justifyContent: 'center',
|
|
22
21
|
opacity: disabled ? 0.6 : 1,
|
|
23
22
|
}, role: isInteractive ? 'button' : undefined, tabIndex: isInteractive ? 0 : undefined, "aria-label": isInteractive
|
|
24
23
|
? "Select country, currently ".concat(selectedCountry.name)
|
|
25
|
-
: "Country: ".concat(selectedCountry.name), "aria-haspopup": isInteractive ? 'listbox' : undefined, "aria-expanded": isInteractive ? isCountryMenuOpen : undefined, "aria-controls": isInteractive ? 'country-selector-listbox' : undefined, onKeyDown: isInteractive ? onKeyDown : undefined, children: [(0, jsx_runtime_1.jsx)(FlagIcon_1.default, { countryCode: selectedCountry.code
|
|
24
|
+
: "Country: ".concat(selectedCountry.name), "aria-haspopup": isInteractive ? 'listbox' : undefined, "aria-expanded": isInteractive ? isCountryMenuOpen : undefined, "aria-controls": isInteractive ? 'country-selector-listbox' : undefined, onKeyDown: isInteractive ? onKeyDown : undefined, children: [(0, jsx_runtime_1.jsx)(FlagIcon_1.default, { countryCode: selectedCountry.code }), isInteractive && ((0, jsx_runtime_1.jsx)(ExpandMore_1.default, { style: {
|
|
26
25
|
fontSize: '16px',
|
|
27
26
|
color: 'rgba(0, 0, 0, 1)',
|
|
28
27
|
marginLeft: '4px',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CountrySelector.js","sourceRoot":"","sources":["../../../../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountrySelector.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,8EAAwD;AACxD,+BAAmC;AAEnC,wDAAkC;AAWlC,IAAM,eAAe,GAAG,IAAA,kBAAU,EAChC,UACE,EAOC,EACD,GAAG;QAPD,eAAe,qBAAA,EACf,2BAA2B,EAA3B,mBAAmB,mBAAG,KAAK,KAAA,EAC3B,yBAAyB,EAAzB,iBAAiB,mBAAG,KAAK,KAAA,EACzB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,OAAO,aAAA,EACP,SAAS,eAAA;IAIX,mDAAmD;IACnD,IAAM,aAAa,GAAG,mBAAmB,IAAI,CAAC,QAAQ,CAAC;IAEvD,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC5C,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,
|
|
1
|
+
{"version":3,"file":"CountrySelector.js","sourceRoot":"","sources":["../../../../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountrySelector.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,8EAAwD;AACxD,+BAAmC;AAEnC,wDAAkC;AAWlC,IAAM,eAAe,GAAG,IAAA,kBAAU,EAChC,UACE,EAOC,EACD,GAAG;QAPD,eAAe,qBAAA,EACf,2BAA2B,EAA3B,mBAAmB,mBAAG,KAAK,KAAA,EAC3B,yBAAyB,EAAzB,iBAAiB,mBAAG,KAAK,KAAA,EACzB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,OAAO,aAAA,EACP,SAAS,eAAA;IAIX,mDAAmD;IACnD,IAAM,aAAa,GAAG,mBAAmB,IAAI,CAAC,QAAQ,CAAC;IAEvD,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC5C,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YAC7C,QAAQ,EAAE,MAAM;YAChB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SAC5B,EACD,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC1C,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,gBAErC,aAAa;YACX,CAAC,CAAC,oCAA6B,eAAe,CAAC,IAAI,CAAE;YACrD,CAAC,CAAC,mBAAY,eAAe,CAAC,IAAI,CAAE,mBAEzB,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,mBACrC,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,mBAC7C,aAAa,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,SAAS,EACrE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,aAEhD,uBAAC,kBAAQ,IAAC,WAAW,EAAE,eAAe,CAAC,IAAI,GAAI,EAC9C,aAAa,IAAI,CAChB,uBAAC,oBAAU,IACT,KAAK,EAAE;oBACL,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,kBAAkB;oBACzB,UAAU,EAAE,KAAK;oBACjB,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc;oBAChE,UAAU,EAAE,4BAA4B;iBACzC,GACD,CACH,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,kBAAe,eAAe,CAAC"}
|
package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useAutofillDetection.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
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
ADDED
|
@@ -0,0 +1,105 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAutofillDetection.js","sourceRoot":"","sources":["../../../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/hooks/useAutofillDetection.ts"],"names":[],"mappings":"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"}
|
|
@@ -31,7 +31,9 @@ var makeFormControlPhoneNumberStyling = function (_a) {
|
|
|
31
31
|
'& .MuiInputBase-root': {
|
|
32
32
|
boxShadow: 'none',
|
|
33
33
|
},
|
|
34
|
-
'& .phone-input-container': __assign(__assign(__assign({ width: '100%', display: 'flex', alignItems: 'stretch', position: 'relative', border: "1px solid ".concat(theme.mvf.palette.component.answerUnselectedColor), borderRadius: '4px', overflow: 'hidden',
|
|
34
|
+
'& .phone-input-container': __assign(__assign(__assign(__assign(__assign({ width: '100%', display: 'flex', alignItems: 'stretch', position: 'relative', border: "1px solid ".concat(theme.mvf.palette.component.answerUnselectedColor), borderRadius: '4px', overflow: 'hidden', backgroundColor: "".concat(theme.mvf.palette.background.answerBackgroundColor, " !important") }, (isAutoFilledActive && {
|
|
35
|
+
backgroundColor: "".concat(isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)', " !important"),
|
|
36
|
+
})), { boxShadow: theme.mvf.boxShadow.timid }), (isAnswered &&
|
|
35
37
|
!hasError && {
|
|
36
38
|
borderColor: theme.mvf.palette.component.answerSelectedColor,
|
|
37
39
|
})), { '@media (hover: hover)': {
|
|
@@ -62,7 +64,7 @@ var makeFormControlPhoneNumberStyling = function (_a) {
|
|
|
62
64
|
width: '100%',
|
|
63
65
|
flex: 1,
|
|
64
66
|
border: 'none',
|
|
65
|
-
backgroundColor:
|
|
67
|
+
backgroundColor: 'transparent',
|
|
66
68
|
boxShadow: 'none !important',
|
|
67
69
|
'& .MuiInputBase-input': {
|
|
68
70
|
border: 'none',
|
|
@@ -70,9 +72,7 @@ var makeFormControlPhoneNumberStyling = function (_a) {
|
|
|
70
72
|
backgroundColor: 'transparent',
|
|
71
73
|
},
|
|
72
74
|
},
|
|
73
|
-
'& .country-selector': __assign(__assign(
|
|
74
|
-
backgroundColor: "".concat(isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)', " !important"),
|
|
75
|
-
})), (isAnswered &&
|
|
75
|
+
'& .country-selector': __assign(__assign({ paddingLeft: theme.mvf.spacing.smedium, paddingRight: theme.mvf.spacing.smedium, borderRight: "1px solid ".concat(theme.mvf.palette.component.answerUnselectedColor), backgroundColor: 'transparent' }, (isAnswered &&
|
|
76
76
|
!hasError && {
|
|
77
77
|
borderRightColor: theme.mvf.palette.component.answerSelectedColor,
|
|
78
78
|
})), (hasError && {
|
|
@@ -132,6 +132,12 @@ var makeFormControlPhoneNumberStyling = function (_a) {
|
|
|
132
132
|
},
|
|
133
133
|
_c),
|
|
134
134
|
},
|
|
135
|
+
// Autofill styling support for browsers that support :has() selector
|
|
136
|
+
'@supports (selector(:has(*)))': {
|
|
137
|
+
'& .phone-input-container:has(input:-webkit-autofill) .country-selector': {
|
|
138
|
+
backgroundColor: "".concat(isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)', " !important"),
|
|
139
|
+
},
|
|
140
|
+
},
|
|
135
141
|
});
|
|
136
142
|
};
|
|
137
143
|
exports.default = makeFormControlPhoneNumberStyling;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeFormControlPhoneNumberStyling.js","sourceRoot":"","sources":["../../../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/styling/makeFormControlPhoneNumberStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA4C;AAC5C,0CAAwC;AAUxC,IAAM,iCAAiC,GAAG,UAAC,EAMD;;QALxC,UAAU,gBAAA,EACV,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA;IAEL,OAAO,IAAA,WAAG,EAAC;QACT,KAAK,EAAE,MAAM;QACb,yBAAyB,EAAE;YACzB,UAAU,EAAE,EAAE;SACf;QACD,4BAA4B,EAAE;YAC5B,WAAW,EAAE,mBAAmB;YAChC,UAAU,EAAE,MAAM;YAClB,mBAAmB,EAAE,CAAC;YACtB,sBAAsB,EAAE,CAAC;YACzB,eAAe,EAAE,aAAa;SAC/B;QACD,sBAAsB,EAAE;YACtB,SAAS,EAAE,MAAM;SAClB;QACD,0BAA0B
|
|
1
|
+
{"version":3,"file":"makeFormControlPhoneNumberStyling.js","sourceRoot":"","sources":["../../../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/styling/makeFormControlPhoneNumberStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA4C;AAC5C,0CAAwC;AAUxC,IAAM,iCAAiC,GAAG,UAAC,EAMD;;QALxC,UAAU,gBAAA,EACV,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA;IAEL,OAAO,IAAA,WAAG,EAAC;QACT,KAAK,EAAE,MAAM;QACb,yBAAyB,EAAE;YACzB,UAAU,EAAE,EAAE;SACf;QACD,4BAA4B,EAAE;YAC5B,WAAW,EAAE,mBAAmB;YAChC,UAAU,EAAE,MAAM;YAClB,mBAAmB,EAAE,CAAC;YACtB,sBAAsB,EAAE,CAAC;YACzB,eAAe,EAAE,aAAa;SAC/B;QACD,sBAAsB,EAAE;YACtB,SAAS,EAAE,MAAM;SAClB;QACD,0BAA0B,iDACxB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,SAAS,EACrB,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,oBAAa,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,qBAAqB,CAAE,EACxE,YAAY,EAAE,KAAK,EACnB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,gBAAa,IAChF,CAAC,kBAAkB,IAAI;YACxB,eAAe,EAAE,UACf,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,gBAC3C;SACd,CAAC,KACF,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,KACjC,CAAC,UAAU;YACZ,CAAC,QAAQ,IAAI;YACX,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;SAC7D,CAAC,KACJ,uBAAuB,EAAE;gBACvB,SAAS,EAAE;oBACT,WAAW,EAAE,QAAQ;wBACnB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;wBAChC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;oBACnD,qBAAqB,EAAE;wBACrB,gBAAgB,EAAE,QAAQ;4BACxB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;4BAChC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;qBACpD;iBACF;aACF,EACD,oBAAoB,EAAE;gBACpB,WAAW,EAAE,QAAQ;oBACnB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;oBAChC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;gBACnD,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM;gBACrC,qBAAqB,EAAE;oBACrB,gBAAgB,EAAE,QAAQ;wBACxB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;wBAChC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;iBACpD;aACF,KACE,CAAC,QAAQ,IAAI;YACd,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;SAC5C,CAAC,CACH;QACD,+CAA+C,EAAE;YAC/C,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,MAAM;YACd,eAAe,EAAE,aAAa;YAC9B,SAAS,EAAE,iBAAiB;YAC5B,uBAAuB,EAAE;gBACvB,MAAM,EAAE,MAAM;gBACd,YAAY,EAAE,CAAC;gBACf,eAAe,EAAE,aAAa;aAC/B;SACF;QACD,qBAAqB,sBACnB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,EACtC,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,EACvC,WAAW,EAAE,oBAAa,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,qBAAqB,CAAE,EAC7E,eAAe,EAAE,aAAa,IAC3B,CAAC,UAAU;YACZ,CAAC,QAAQ,IAAI;YACX,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;SAClE,CAAC,GACD,CAAC,QAAQ,IAAI;YACd,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;SACjD,CAAC,CACH;QACD,qCAAqC,EAAE;YACrC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;YAC3C,qBAAqB,EAAE;gBACrB,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;aACjD;SACF;QACD,yDAAyD,EAAE;YACzD,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;YAC5D,qBAAqB,EAAE;gBACrB,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;aAClE;SACF;QACD,mBAAmB,EAAE;YACnB,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,CAAC;YACV,aAAa,EAAE,MAAM;SACtB;QACD,gDAAgD;QAChD,kBAAkB,EAAE;YAClB,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;YACnE,MAAM,EAAE,oBAAa,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,qBAAqB,CAAE;YACxE,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK;YACpC,qBAAqB;oBACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB;oBAC9C,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI;;gBACjC,GAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;oBACtC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;iBACnC;gBACD,aAAS,GAAE;oBACT,eAAe,EAAE,IAAA,kBAAO,EACtB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,EAC/C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAClC;iBACF;gBACD,oBAAgB,GAAE;oBAChB,eAAe,EAAE,IAAA,kBAAO,EACtB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,EAC/C,GAAG,CACJ;oBACD,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;oBACtD,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK;iBAC9C;mBACF;SACF;QACD,uCAAuC;QACvC,yBAAyB,EAAE;YACzB,uBAAuB;oBACrB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI;;gBACjC,GAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;oBACtC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;iBACnC;gBACD,QAAK,GAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB;gBAC9C,oBAAgB,GAAE;oBAChB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB;oBAChD,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM;iBAC/C;mBACF;SACF;QACD,qEAAqE;QACrE,+BAA+B,EAAE;YAC/B,wEAAwE,EAAE;gBACxE,eAAe,EAAE,UACf,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,gBAC3C;aACd;SACF;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,iCAAiC,CAAC"}
|
package/Themes/auroraTheme.js
CHANGED
|
@@ -13,7 +13,7 @@ exports.auroraPalette = {
|
|
|
13
13
|
continueButtonHoverColor: 'rgb(3, 144, 60)',
|
|
14
14
|
backButtonColor: 'rgb(237, 237, 237)',
|
|
15
15
|
backButtonHoverColor: 'rgb(223, 223, 223)',
|
|
16
|
-
progressBarFilledColor: 'rgb(
|
|
16
|
+
progressBarFilledColor: 'rgb(0, 140, 255)',
|
|
17
17
|
progressBarUnfilledColor: 'rgb(247, 247, 247)',
|
|
18
18
|
scrollIndicatorColor: 'rgb(79, 79, 79)',
|
|
19
19
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"auroraTheme.js","sourceRoot":"","sources":["../../src/Themes/auroraTheme.ts"],"names":[],"mappings":";;;;;;AAAA,gEAA0C;AAE7B,QAAA,aAAa,GAAG;IAC3B,SAAS,EAAE;QACT,mBAAmB,EAAE,kBAAkB;QACvC,qBAAqB,EAAE,oBAAoB;QAC3C,mBAAmB,EAAE,iBAAiB;QACtC,wBAAwB,EAAE,iBAAiB;QAC3C,eAAe,EAAE,oBAAoB;QACrC,oBAAoB,EAAE,oBAAoB;QAC1C,sBAAsB,EAAE,
|
|
1
|
+
{"version":3,"file":"auroraTheme.js","sourceRoot":"","sources":["../../src/Themes/auroraTheme.ts"],"names":[],"mappings":";;;;;;AAAA,gEAA0C;AAE7B,QAAA,aAAa,GAAG;IAC3B,SAAS,EAAE;QACT,mBAAmB,EAAE,kBAAkB;QACvC,qBAAqB,EAAE,oBAAoB;QAC3C,mBAAmB,EAAE,iBAAiB;QACtC,wBAAwB,EAAE,iBAAiB;QAC3C,eAAe,EAAE,oBAAoB;QACrC,oBAAoB,EAAE,oBAAoB;QAC1C,sBAAsB,EAAE,kBAAkB;QAC1C,wBAAwB,EAAE,oBAAoB;QAC9C,oBAAoB,EAAE,iBAAiB;KACxC;IACD,UAAU,EAAE;QACV,qBAAqB,EAAE,oBAAoB;QAC3C,wBAAwB,EAAE,oBAAoB;QAC9C,qBAAqB,EAAE,kBAAkB;KAC1C;IACD,IAAI,EAAE;QACJ,gBAAgB,EAAE,cAAc;QAChC,uBAAuB,EAAE,oBAAoB;QAC7C,kBAAkB,EAAE,iBAAiB;KACtC;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,oBAAoB;QAC9B,KAAK,EAAE,kBAAkB;KAC1B;CACF,CAAC;AAEF,IAAM,WAAW,GAAG,IAAA,sBAAY,EAAC,qBAAa,CAAC,CAAC;AAEhD,kBAAe,WAAW,CAAC"}
|