@mvf/external-components 3.31.1 → 3.32.1-dev.2

package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.js

@@ -0,0 +1,206 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var Popover_1 = __importDefault(require("@mui/material/Popover"));
+var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
+var InputBase_1 = __importDefault(require("@mui/material/InputBase"));
+var react_1 = __importStar(require("react"));
+var countryData_1 = require("../../utils/countryData");
+var FlagIcon_1 = __importDefault(require("./FlagIcon"));
+// Memoized country item component for better performance
+var CountryItem = react_1.default.memo(function (_a) {
+    var country = _a.country, index = _a.index, isSelected = _a.isSelected, onSelect = _a.onSelect, onMouseEnter = _a.onMouseEnter;
+    return ((0, jsx_runtime_1.jsxs)(MenuItem_1.default, { id: "country-option-".concat(index), selected: isSelected, onClick: function () { return onSelect(country); }, onMouseEnter: function () { return onMouseEnter(index); }, role: "option", "aria-selected": isSelected, "aria-label": "".concat(country.name, ", ").concat(country.dialCode), sx: {
+            padding: '8px 16px',
+            minHeight: '48px',
+            transition: 'background-color 0.2s ease',
+            display: 'flex',
+            alignItems: 'center',
+            width: '100%',
+            '&.Mui-selected': {
+                backgroundColor: 'rgba(0, 0, 0, 0.08)',
+            },
+            '&:hover': {
+                backgroundColor: 'rgba(0, 0, 0, 0.04)',
+            },
+        }, children: [(0, jsx_runtime_1.jsx)(FlagIcon_1.default, { countryCode: country.code, style: { marginRight: '8px' } }), (0, jsx_runtime_1.jsx)("span", { style: {
+                    flex: 1,
+                    fontSize: '14px',
+                    fontFamily: 'inherit',
+                }, children: country.name }), (0, jsx_runtime_1.jsx)("span", { style: {
+                    opacity: 0.7,
+                    fontSize: '12px',
+                    fontFamily: 'inherit',
+                    marginLeft: '8px',
+                }, children: country.dialCode })] }, country.code));
+});
+CountryItem.displayName = 'CountryItem';
+var CountryDropdown = function (_a) {
+    var onCountryChange = _a.onCountryChange, _b = _a.enableCountrySearch, enableCountrySearch = _b === void 0 ? false : _b, anchorEl = _a.anchorEl, open = _a.open, onClose = _a.onClose, _c = _a.searchPlaceholder, searchPlaceholder = _c === void 0 ? 'Search countries...' : _c, providedCountries = _a.countries;
+    var _d = (0, react_1.useState)(''), searchTerm = _d[0], setSearchTerm = _d[1];
+    var _e = (0, react_1.useState)(-1), selectedIndex = _e[0], setSelectedIndex = _e[1];
+    var searchInputRef = (0, react_1.useRef)(null);
+    var countries = (0, react_1.useMemo)(function () { return providedCountries || (0, countryData_1.getCountryData)(); }, [providedCountries]);
+    var filteredCountries = (0, react_1.useMemo)(function () {
+        if (!searchTerm.trim())
+            return countries;
+        var term = searchTerm.toLowerCase().trim();
+        return countries.filter(function (country) {
+            return country.name.toLowerCase().includes(term) ||
+                country.dialCode.toLowerCase().includes(term) ||
+                country.code.toLowerCase().includes(term);
+        });
+    }, [countries, searchTerm]);
+    // Reset search state when dropdown opens/closes
+    (0, react_1.useEffect)(function () {
+        if (open) {
+            setSearchTerm('');
+            setSelectedIndex(-1);
+        }
+    }, [open]);
+    // Auto-focus search input when dropdown opens and blur when closing
+    (0, react_1.useEffect)(function () {
+        if (open && enableCountrySearch) {
+            var timer_1 = setTimeout(function () {
+                var _a;
+                (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }, 100);
+            return function () { return clearTimeout(timer_1); };
+        }
+        else if (!open) {
+            // When closing, ensure any focused element inside the popover is blurred
+            // to prevent aria-hidden violations
+            var activeElement = document.activeElement;
+            if (activeElement && activeElement.closest('#country-selector-listbox')) {
+                activeElement.blur();
+            }
+        }
+        return undefined;
+    }, [open, enableCountrySearch]);
+    // Memoized callbacks for better performance
+    var handleCountrySelect = (0, react_1.useCallback)(function (country) {
+        // Blur any focused element to prevent aria-hidden violations
+        var activeElement = document.activeElement;
+        if (activeElement && activeElement.closest('#country-selector-listbox')) {
+            activeElement.blur();
+        }
+        onCountryChange(country);
+        onClose();
+    }, [onCountryChange, onClose]);
+    var handleSearchChange = (0, react_1.useCallback)(function (event) {
+        var value = event.target.value;
+        setSearchTerm(value);
+        setSelectedIndex(-1);
+    }, []);
+    var handleKeyDown = (0, react_1.useCallback)(function (event) {
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                setSelectedIndex(function (prev) {
+                    return prev < filteredCountries.length - 1 ? prev + 1 : prev;
+                });
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                setSelectedIndex(function (prev) { return (prev > 0 ? prev - 1 : -1); });
+                break;
+            case 'Enter':
+                event.preventDefault();
+                if (selectedIndex >= 0 && selectedIndex < filteredCountries.length) {
+                    var country = filteredCountries[selectedIndex];
+                    handleCountrySelect(country);
+                }
+                break;
+            case 'Escape':
+                event.preventDefault();
+                onClose();
+                break;
+        }
+    }, [filteredCountries.length, selectedIndex, handleCountrySelect, onClose]);
+    return ((0, jsx_runtime_1.jsxs)(Popover_1.default, { open: open, anchorEl: anchorEl, onClose: onClose, anchorOrigin: {
+            vertical: 'bottom',
+            horizontal: 'left',
+        }, transformOrigin: {
+            vertical: 'top',
+            horizontal: 'left',
+        }, disableRestoreFocus: true, disableEnforceFocus: true, slotProps: {
+            paper: {
+                id: 'country-selector-listbox',
+                role: 'dialog',
+                'aria-label': 'Select country',
+                sx: {
+                    maxHeight: 400,
+                    width: 300,
+                    overflow: 'hidden',
+                    display: 'flex',
+                    flexDirection: 'column',
+                },
+            },
+        }, children: [enableCountrySearch && ((0, jsx_runtime_1.jsx)("div", { style: {
+                    padding: '12px 16px',
+                    borderBottom: '1px solid rgba(0, 0, 0, 0.12)',
+                    backgroundColor: '#ffffff',
+                }, children: (0, jsx_runtime_1.jsx)(InputBase_1.default, { ref: searchInputRef, placeholder: searchPlaceholder, value: searchTerm, onChange: handleSearchChange, onKeyDown: handleKeyDown, fullWidth: true, sx: {
+                        fontSize: '14px',
+                        padding: '6px 8px',
+                        border: '1px solid rgba(0, 0, 0, 0.23)',
+                        borderRadius: '4px',
+                        backgroundColor: '#ffffff',
+                        '&:focus-within': {
+                            borderColor: 'primary.main',
+                            boxShadow: '0 0 0 2px rgba(25, 118, 210, 0.2)',
+                        },
+                    }, inputProps: {
+                        'aria-label': 'Search countries',
+                        autoComplete: 'off',
+                        spellCheck: false,
+                    } }) })), (0, jsx_runtime_1.jsx)("div", { style: {
+                    flex: 1,
+                    overflowY: 'auto',
+                    backgroundColor: '#ffffff',
+                }, role: "listbox", "aria-label": "Country list", "aria-activedescendant": selectedIndex >= 0 ? "country-option-".concat(selectedIndex) : undefined, children: filteredCountries.length === 0 ? ((0, jsx_runtime_1.jsx)("div", { style: {
+                        padding: '16px',
+                        textAlign: 'center',
+                        color: 'rgba(0, 0, 0, 0.6)',
+                        fontSize: '14px',
+                    }, children: "No countries found" })) : (filteredCountries.map(function (country, index) { return ((0, jsx_runtime_1.jsx)(CountryItem, { country: country, index: index, isSelected: index === selectedIndex, onSelect: handleCountrySelect, onMouseEnter: setSelectedIndex }, country.code)); })) })] }));
+};
+exports.default = CountryDropdown;
+//# sourceMappingURL=CountryDropdown.js.map

package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountryDropdown.js","sourceRoot":"","sources":["../../../../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.tsx"],"names":[],"mappings":"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"}

package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.test.d.ts

@@ -0,0 +1 @@
+export {};

package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.test.js

@@ -0,0 +1,187 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+var renderWithProviders_1 = __importDefault(require("../../../../../../Helpers/React/renderWithProviders"));
+var CountryDropdown_1 = __importDefault(require("./CountryDropdown"));
+var countryData_1 = require("../../utils/countryData");
+describe('CountryDropdown', function () {
+    var mockCountries = (0, countryData_1.getCountryData)();
+    var mockCountry = mockCountries[0];
+    var mockOnCountryChange = jest.fn();
+    var mockOnClose = jest.fn();
+    var mockAnchorEl = document.createElement('div');
+    var defaultProps = {
+        selectedCountry: mockCountry,
+        onCountryChange: mockOnCountryChange,
+        enableCountrySearch: false,
+        open: false,
+        onClose: mockOnClose,
+        anchorEl: mockAnchorEl,
+    };
+    beforeEach(function () {
+        jest.clearAllMocks();
+        // Append anchor element to body for positioning
+        document.body.appendChild(mockAnchorEl);
+    });
+    afterEach(function () {
+        // Clean up anchor element
+        if (document.body.contains(mockAnchorEl)) {
+            document.body.removeChild(mockAnchorEl);
+        }
+    });
+    describe('Dropdown Visibility', function () {
+        it('renders without crashing when closed', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CountryDropdown_1.default, __assign({}, defaultProps)));
+            // When closed, the dropdown shouldn't render anything visible
+            expect(react_1.screen.queryByRole('listbox')).not.toBeInTheDocument();
+        });
+        it('renders dropdown content when open', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CountryDropdown_1.default, __assign({}, defaultProps, { open: true })));
+            // Should show country list
+            expect(react_1.screen.getByRole('listbox')).toBeInTheDocument();
+            // Should show some countries
+            expect(react_1.screen.getByText(mockCountries[0].name)).toBeInTheDocument();
+        });
+        it('calls onClose when clicking outside dropdown', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CountryDropdown_1.default, __assign({}, defaultProps, { open: true })));
+            // MUI Menu handles this internally, so we'll test the callback structure
+            expect(mockOnClose).not.toHaveBeenCalled();
+            // The listbox component should be present
+            expect(react_1.screen.getByRole('listbox')).toBeInTheDocument();
+        });
+    });
+    describe('Country Search', function () {
+        it('does not render search input when enableCountrySearch is false', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CountryDropdown_1.default, __assign({}, defaultProps, { open: true, enableCountrySearch: false })));
+            expect(react_1.screen.queryByPlaceholderText('Search countries...')).not.toBeInTheDocument();
+        });
+        it('renders search input when enableCountrySearch is true', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CountryDropdown_1.default, __assign({}, defaultProps, { open: true, enableCountrySearch: true })));
+            expect(react_1.screen.getByPlaceholderText('Search countries...')).toBeInTheDocument();
+        });
+        it('filters countries based on search input', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CountryDropdown_1.default, __assign({}, defaultProps, { open: true, enableCountrySearch: true })));
+            var searchInput = react_1.screen.getByPlaceholderText('Search countries...');
+            // Type in search input
+            user_event_1.default.type(searchInput, 'United');
+            // Should filter results
+            expect(react_1.screen.getByText('United States')).toBeInTheDocument();
+            // Should show fewer countries than total
+            var countryItems = react_1.screen.getAllByRole('option');
+            expect(countryItems.length).toBeLessThan(mockCountries.length);
+        });
+        it('shows no results message when search yields no matches', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CountryDropdown_1.default, __assign({}, defaultProps, { open: true, enableCountrySearch: true })));
+            var searchInput = react_1.screen.getByPlaceholderText('Search countries...');
+            // Search for non-existent country
+            user_event_1.default.type(searchInput, 'NonexistentCountry');
+            expect(react_1.screen.getByText('No countries found')).toBeInTheDocument();
+        });
+        it('clears search when dropdown is reopened', function () {
+            var rerender = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CountryDropdown_1.default, __assign({}, defaultProps, { open: true, enableCountrySearch: true }))).rerender;
+            var searchInput = react_1.screen.getByPlaceholderText('Search countries...');
+            react_1.fireEvent.change(searchInput, { target: { value: 'test' } });
+            expect(searchInput).toHaveValue('test');
+            // Close dropdown
+            rerender((0, jsx_runtime_1.jsx)(CountryDropdown_1.default, __assign({}, defaultProps, { open: false, enableCountrySearch: true })));
+            // Reopen dropdown
+            rerender((0, jsx_runtime_1.jsx)(CountryDropdown_1.default, __assign({}, defaultProps, { open: true, enableCountrySearch: true })));
+            var newSearchInput = react_1.screen.getByPlaceholderText('Search countries...');
+            expect(newSearchInput).toHaveValue('');
+        });
+    });
+    describe('Country Selection', function () {
+        it('calls onCountryChange when a country is selected', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CountryDropdown_1.default, __assign({}, defaultProps, { open: true })));
+            var countryToSelect = mockCountries.find(function (c) { return c.name !== mockCountry.name; });
+            if (!countryToSelect)
+                throw new Error('No country found for selection');
+            var countryOption = react_1.screen.getByRole('option', {
+                name: new RegExp(countryToSelect.name),
+            });
+            react_1.fireEvent.click(countryOption);
+            expect(mockOnCountryChange).toHaveBeenCalledWith(countryToSelect);
+        });
+        it('displays country flags and dial codes', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CountryDropdown_1.default, __assign({}, defaultProps, { open: true })));
+            // Check that dial codes are displayed (use getAllByText since multiple countries may have +1)
+            var dialCodeElements = react_1.screen.getAllByText(mockCountries[0].dialCode);
+            expect(dialCodeElements.length).toBeGreaterThan(0);
+            expect(react_1.screen.getByText(mockCountries[1].dialCode)).toBeInTheDocument();
+        });
+        it('shows selected country in the list', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CountryDropdown_1.default, __assign({}, defaultProps, { open: true })));
+            // The selected country should be in the list
+            expect(react_1.screen.getByText(mockCountry.name)).toBeInTheDocument();
+            // Use getAllByText for dial code since multiple countries may have the same code
+            var dialCodeElements = react_1.screen.getAllByText(mockCountry.dialCode);
+            expect(dialCodeElements.length).toBeGreaterThan(0);
+        });
+    });
+    describe('Keyboard Navigation', function () {
+        it('supports keyboard navigation in search input', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CountryDropdown_1.default, __assign({}, defaultProps, { open: true, enableCountrySearch: true })));
+            var searchInput = react_1.screen.getByPlaceholderText('Search countries...');
+            // Test that input receives focus and accepts keyboard input
+            searchInput.focus();
+            expect(searchInput).toHaveFocus();
+            react_1.fireEvent.keyDown(searchInput, { key: 'ArrowDown' });
+            react_1.fireEvent.keyDown(searchInput, { key: 'Enter' });
+            // Should call onCountryChange with first country
+            expect(mockOnCountryChange).toHaveBeenCalledWith(mockCountries[0]);
+        });
+        it('closes dropdown on Escape key', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CountryDropdown_1.default, __assign({}, defaultProps, { open: true, enableCountrySearch: true })));
+            var searchInput = react_1.screen.getByPlaceholderText('Search countries...');
+            react_1.fireEvent.keyDown(searchInput, { key: 'Escape' });
+            // Allow for multiple calls since the component might call onClose multiple times
+            expect(mockOnClose).toHaveBeenCalled();
+        });
+    });
+    describe('Accessibility', function () {
+        it('has proper ARIA attributes', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CountryDropdown_1.default, __assign({}, defaultProps, { open: true })));
+            // Menu should have proper role - in this case it's a listbox inside the popover
+            expect(react_1.screen.getByRole('listbox')).toBeInTheDocument();
+            // Menu items should have proper roles
+            var options = react_1.screen.getAllByRole('option');
+            expect(options.length).toBeGreaterThan(0);
+        });
+        it('has accessible search input when enabled', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CountryDropdown_1.default, __assign({}, defaultProps, { open: true, enableCountrySearch: true })));
+            var searchInput = react_1.screen.getByLabelText('Search countries');
+            expect(searchInput).toBeInTheDocument();
+            expect(searchInput).toHaveAttribute('autoComplete', 'off');
+            expect(searchInput).toHaveAttribute('spellCheck', 'false');
+        });
+    });
+    describe('Edge Cases', function () {
+        it('handles empty country list gracefully', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CountryDropdown_1.default, __assign({}, defaultProps, { open: true })));
+            // Should still render the listbox container (even with countries it will be visible)
+            expect(react_1.screen.getByRole('listbox')).toBeInTheDocument();
+        });
+        it('handles missing anchorEl gracefully', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CountryDropdown_1.default, __assign({}, defaultProps, { anchorEl: null, open: true })));
+            // Should still render (MUI handles null anchorEl)
+            expect(react_1.screen.getByRole('presentation')).toBeInTheDocument();
+        });
+    });
+});
+//# sourceMappingURL=CountryDropdown.test.js.map

package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountryDropdown.test.js","sourceRoot":"","sources":["../../../../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryDropdown.test.tsx"],"names":[],"mappings":"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"}

package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/ui/CountryModal.d.ts

@@ -0,0 +1,13 @@
+import { CountryData } from '../../utils/countryData';
+interface CountryModalProps {
+    selectedCountry: CountryData;
+    onCountryChange: (country: CountryData) => void;
+    enableCountrySearch?: boolean;
+    open: boolean;
+    onClose: () => void;
+    searchPlaceholder?: string;
+    modalHeading?: string;
+    countries?: CountryData[];
+}
+declare const CountryModal: React.FC<CountryModalProps>;
+export default CountryModal;