@powerhousedao/document-engineering 1.37.0 → 1.39.0

package/dist/src/ui/components/data-entry/phid-input/phid-input.test.js

@@ -0,0 +1,179 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen, waitFor } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import { describe, expect, it, vi } from 'vitest';
+import { PHIDInput } from './phid-input.js';
+describe('PHIDInput Component', () => {
+    const mockedOptions = [
+        {
+            icon: 'PowerhouseLogoSmall',
+            title: 'Document A',
+            path: 'projects/finance/document-a',
+            value: 'phd:baefc2a4-f9a0-4950-8161-fd8d8cc7dea7:main:public',
+            description: 'Financial report for Q1 2024',
+        },
+        {
+            icon: 'PowerhouseLogoSmall',
+            title: 'Document B',
+            path: 'projects/legal/document-b',
+            value: 'phd:baefc2a4-f9a0-4950-8161-fd8d8cc6cdb8:main:public',
+            description: 'Legal compliance documentation',
+        },
+    ];
+    const defaultGetOptions = vi.fn().mockResolvedValue(mockedOptions);
+    const defaultGetSelectedOption = vi.fn().mockImplementation((value) => {
+        return mockedOptions.find((option) => option.value === value);
+    });
+    it('should match snapshot', () => {
+        const { asFragment } = render(_jsx(PHIDInput, { name: "phid", label: "PHID Input", placeholder: "phd:", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it('should render with label', () => {
+        render(_jsx(PHIDInput, { name: "phid", label: "Test Label", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.getByText('Test Label')).toBeInTheDocument();
+    });
+    it('should render with description', () => {
+        render(_jsx(PHIDInput, { name: "phid", label: "Test Label", description: "Test Description", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.getByText('Test Description')).toBeInTheDocument();
+    });
+    it('should handle disabled state', () => {
+        render(_jsx(PHIDInput, { name: "phid", label: "Test Label", disabled: true, fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.getByRole('combobox')).toBeDisabled();
+    });
+    it('should display error messages', async () => {
+        render(_jsx(PHIDInput, { name: "phid", label: "Test Label", errors: ['Invalid PHID format'], fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        await waitFor(() => {
+            expect(screen.getByText('Invalid PHID format')).toBeInTheDocument();
+        });
+    });
+    it('should display warning messages', () => {
+        render(_jsx(PHIDInput, { name: "phid", label: "Test Label", warnings: ['PHID may be deprecated'], fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.getByText('PHID may be deprecated')).toBeInTheDocument();
+    });
+    it('should show autocomplete options', async () => {
+        const user = userEvent.setup();
+        const originalRandom = Math.random;
+        Math.random = vi.fn().mockReturnValue(1);
+        render(_jsx(PHIDInput, { name: "phid", label: "Test Label", variant: "withValueTitleAndDescription", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        const input = screen.getByRole('combobox');
+        await user.click(input);
+        await user.clear(input);
+        await user.type(input, 'test');
+        await waitFor(() => {
+            expect(defaultGetOptions).toHaveBeenCalledWith('test', {
+                allowUris: undefined,
+                allowedScopes: undefined,
+            });
+        });
+        await waitFor(() => {
+            expect(input).toHaveAttribute('aria-expanded', 'true');
+            expect(screen.getByText(mockedOptions[0].title)).toBeInTheDocument();
+            expect(screen.getByText(mockedOptions[1].title)).toBeInTheDocument();
+        });
+        Math.random = originalRandom;
+    });
+    it('should have correct ARIA attributes', async () => {
+        render(_jsx(PHIDInput, { name: "phid", label: "Test Label", required: true, errors: ['Error message'], fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        const input = screen.getByRole('combobox');
+        expect(input).toHaveAttribute('aria-required', 'true');
+        await waitFor(() => {
+            expect(input).toHaveAttribute('aria-invalid', 'true');
+        });
+        expect(input).toHaveAttribute('aria-expanded', 'false');
+    });
+    it('should show correct placeholders for different variants', () => {
+        const { rerender } = render(_jsx(PHIDInput, { name: "phid", label: "Test Label", variant: "withValueTitleAndDescription", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.getByText('Title not available')).toBeInTheDocument();
+        expect(screen.getByText('Type not available')).toBeInTheDocument();
+        expect(screen.getByText('Description not available')).toBeInTheDocument();
+        rerender(_jsx(PHIDInput, { name: "phid", label: "Test Label", variant: "withValueAndTitle", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.getByText('Title not available')).toBeInTheDocument();
+        expect(screen.getByText('Type not available')).toBeInTheDocument();
+        expect(screen.queryByText('Description not available')).not.toBeInTheDocument();
+        rerender(_jsx(PHIDInput, { name: "phid", label: "Test Label", variant: "withValue", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.queryByText('Title not available')).not.toBeInTheDocument();
+        expect(screen.queryByText('Path not available')).not.toBeInTheDocument();
+        expect(screen.queryByText('Description not available')).not.toBeInTheDocument();
+    });
+    it('should handle autoComplete disabled', () => {
+        render(_jsx(PHIDInput, { name: "phid", label: "Test Label", autoComplete: false }));
+        expect(screen.queryByRole('combobox')).not.toBeInTheDocument();
+        expect(screen.getByRole('textbox')).toBeInTheDocument();
+    });
+    it('should handle value changes and auto selection', async () => {
+        const user = userEvent.setup();
+        const originalRandom = Math.random;
+        Math.random = vi.fn().mockReturnValue(1);
+        render(_jsx(PHIDInput, { name: "phid", label: "Test Label", variant: "withValueTitleAndDescription", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        const input = screen.getByRole('combobox');
+        await user.click(input);
+        await user.type(input, mockedOptions[0].value);
+        await waitFor(() => {
+            expect(input).toHaveAttribute('aria-expanded', 'false');
+        });
+        await waitFor(() => {
+            expect(screen.getByText(mockedOptions[0].title)).toBeInTheDocument();
+            expect(screen.getByText(mockedOptions[0].path)).toBeInTheDocument();
+            expect(screen.getByText(mockedOptions[0].description)).toBeInTheDocument();
+        });
+        Math.random = originalRandom;
+    });
+    it('should not invoke onChange on mount when it has a defaultValue', () => {
+        const onChange = vi.fn();
+        render(_jsx(PHIDInput, { name: "phid", label: "Test Label", defaultValue: mockedOptions[0].value, fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption, onChange: onChange }));
+        expect(onChange).not.toHaveBeenCalled();
+    });
+    // Tests for viewMode and diffs functionality
+    describe('viewMode and diffs', () => {
+        it('should render in edition mode by default', () => {
+            render(_jsx(PHIDInput, { name: "phid", label: "Test Label", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+            expect(screen.getByRole('combobox')).toBeInTheDocument();
+        });
+        it('should render in edition mode when viewMode is explicitly set to edition', () => {
+            render(_jsx(PHIDInput, { name: "phid", label: "Test Label", viewMode: "edition", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+            expect(screen.getByRole('combobox')).toBeInTheDocument();
+        });
+        it('should render diff component when viewMode is addition', () => {
+            render(_jsx(PHIDInput, { name: "phid", label: "Test Label", viewMode: "addition", value: mockedOptions[0].value, baseValue: mockedOptions[1].value, fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+            expect(screen.queryByRole('combobox')).not.toBeInTheDocument();
+            expect(screen.getByText(mockedOptions[0].value)).toBeInTheDocument();
+            expect(screen.queryByText(mockedOptions[1].value)).not.toBeInTheDocument();
+        });
+        it('should render diff component when viewMode is removal', () => {
+            render(_jsx(PHIDInput, { name: "phid", label: "Test Label", viewMode: "removal", value: mockedOptions[0].value, baseValue: mockedOptions[1].value, fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+            expect(screen.queryByRole('combobox')).not.toBeInTheDocument();
+            expect(screen.getByText(mockedOptions[1].value)).toBeInTheDocument();
+            expect(screen.queryByText(mockedOptions[0].value)).not.toBeInTheDocument();
+        });
+        it('should render diff component when viewMode is mixed', () => {
+            render(_jsx(PHIDInput, { name: "phid", label: "Test Label", viewMode: "mixed", value: mockedOptions[0].value, baseValue: mockedOptions[1].value, fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+            expect(screen.queryByRole('combobox')).not.toBeInTheDocument();
+            expect(screen.getByText(mockedOptions[0].value)).toBeInTheDocument();
+            expect(screen.getByText(mockedOptions[1].value)).toBeInTheDocument();
+        });
+        it('should pass correct props to diff component', () => {
+            render(_jsx(PHIDInput, { name: "phid", label: "Test Label", viewMode: "mixed", value: mockedOptions[0].value, baseValue: mockedOptions[1].value, required: true, fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+            expect(screen.queryByRole('combobox')).not.toBeInTheDocument();
+            expect(screen.getByText('*')).toBeInTheDocument();
+            expect(screen.getByText(mockedOptions[0].value)).toBeInTheDocument();
+            expect(screen.getByText(mockedOptions[1].value)).toBeInTheDocument();
+        });
+        it('should handle empty value in diff mode', () => {
+            const { container } = render(_jsx(PHIDInput, { name: "phid", label: "Test Label", viewMode: "addition", value: "", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+            expect(screen.queryByRole('combobox')).not.toBeInTheDocument();
+            const diffSpans = container.querySelectorAll('span');
+            diffSpans.forEach((span) => {
+                expect(span).toHaveTextContent('');
+            });
+        });
+        it('should respect variant in diff mode', () => {
+            render(_jsx(PHIDInput, { name: "phid", label: "Test Label", viewMode: "addition", value: mockedOptions[0].value, initialOptions: mockedOptions, variant: "withValueAndTitle", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+            expect(screen.queryByRole('combobox')).not.toBeInTheDocument();
+            expect(screen.getByText(mockedOptions[0].value)).toBeInTheDocument();
+            expect(screen.getByText(mockedOptions[0].title)).toBeInTheDocument();
+            expect(screen.getByText(mockedOptions[0].path)).toBeInTheDocument();
+            expect(screen.queryByText(mockedOptions[0].description)).not.toBeInTheDocument();
+        });
+    });
+});
+//# sourceMappingURL=phid-input.test.js.map

package/dist/src/ui/components/data-entry/phid-input/phid-input.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phid-input.test.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phid-input/phid-input.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3C,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,MAAM,aAAa,GAAG;QACpB;YACE,IAAI,EAAE,qBAA8B;YACpC,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,6BAA6B;YACnC,KAAK,EAAE,sDAAsD;YAC7D,WAAW,EAAE,8BAA8B;SAC5C;QACD;YACE,IAAI,EAAE,qBAA8B;YACpC,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,2BAA2B;YACjC,KAAK,EAAE,sDAAsD;YAC7D,WAAW,EAAE,gCAAgC;SAC9C;KACF,CAAA;IAED,MAAM,iBAAiB,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAA;IAClE,MAAM,wBAAwB,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC,KAAa,EAAE,EAAE;QAC5E,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,CAAA;IAC/D,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAC3B,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,WAAW,EAAC,MAAM,EAClB,oBAAoB,EAAE,iBAAiB,EACvC,2BAA2B,EAAE,wBAAwB,GACrD,CACH,CAAA;QACD,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,eAAe,EAAE,CAAA;IACxC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,CACJ,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,oBAAoB,EAAE,iBAAiB,EACvC,2BAA2B,EAAE,wBAAwB,GACrD,CACH,CAAA;QACD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IAC5D,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACxC,MAAM,CACJ,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,WAAW,EAAC,kBAAkB,EAC9B,oBAAoB,EAAE,iBAAiB,EACvC,2BAA2B,EAAE,wBAAwB,GACrD,CACH,CAAA;QACD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IAClE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CACJ,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,QAAQ,QACR,oBAAoB,EAAE,iBAAiB,EACvC,2BAA2B,EAAE,wBAAwB,GACrD,CACH,CAAA;QACD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,EAAE,CAAA;IACrD,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,CACJ,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,MAAM,EAAE,CAAC,qBAAqB,CAAC,EAC/B,oBAAoB,EAAE,iBAAiB,EACvC,2BAA2B,EAAE,wBAAwB,GACrD,CACH,CAAA;QACD,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QACrE,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,CACJ,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAE,CAAC,wBAAwB,CAAC,EACpC,oBAAoB,EAAE,iBAAiB,EACvC,2BAA2B,EAAE,wBAAwB,GACrD,CACH,CAAA;QACD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IACxE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAA;QAC9B,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAA;QAClC,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,CAAA;QAExC,MAAM,CACJ,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,OAAO,EAAC,8BAA8B,EACtC,oBAAoB,EAAE,iBAAiB,EACvC,2BAA2B,EAAE,wBAAwB,GACrD,CACH,CAAA;QAED,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA;QAC1C,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACvB,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACvB,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAE9B,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,CAAC,iBAAiB,CAAC,CAAC,oBAAoB,CAAC,MAAM,EAAE;gBACrD,SAAS,EAAE,SAAS;gBACpB,aAAa,EAAE,SAAS;aACzB,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QAEF,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;YACtD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;YACpE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QACtE,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,MAAM,GAAG,cAAc,CAAA;IAC9B,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,CACJ,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,QAAQ,QACR,MAAM,EAAE,CAAC,eAAe,CAAC,EACzB,oBAAoB,EAAE,iBAAiB,EACvC,2BAA2B,EAAE,wBAAwB,GACrD,CACH,CAAA;QAED,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA;QAC1C,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;QACtD,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;QACvD,CAAC,CAAC,CAAA;QACF,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,eAAe,EAAE,OAAO,CAAC,CAAA;IACzD,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;QACjE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CACzB,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,OAAO,EAAC,8BAA8B,EACtC,oBAAoB,EAAE,iBAAiB,EACvC,2BAA2B,EAAE,wBAAwB,GACrD,CACH,CAAA;QAED,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QACnE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QAClE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,2BAA2B,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QAEzE,QAAQ,CACN,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,OAAO,EAAC,mBAAmB,EAC3B,oBAAoB,EAAE,iBAAiB,EACvC,2BAA2B,EAAE,wBAAwB,GACrD,CACH,CAAA;QAED,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QACnE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QAClE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAA;QAE/E,QAAQ,CACN,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,OAAO,EAAC,WAAW,EACnB,oBAAoB,EAAE,iBAAiB,EACvC,2BAA2B,EAAE,wBAAwB,GACrD,CACH,CAAA;QAED,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAA;QACzE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAA;QACxE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAA;IACjF,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC7C,MAAM,CAAC,KAAC,SAAS,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,YAAY,EAAC,YAAY,EAAE,KAAK,GAAI,CAAC,CAAA;QAEzE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAA;QAC9D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IACzD,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAC9D,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAA;QAC9B,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAA;QAClC,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,CAAA;QAExC,MAAM,CACJ,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,OAAO,EAAC,8BAA8B,EACtC,oBAAoB,EAAE,iBAAiB,EACvC,2BAA2B,EAAE,wBAAwB,GACrD,CACH,CAAA;QAED,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA;QAC1C,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACvB,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;QAE9C,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,eAAe,EAAE,OAAO,CAAC,CAAA;QACzD,CAAC,CAAC,CAAA;QAEF,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;YACpE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;YACnE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QAC5E,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,MAAM,GAAG,cAAc,CAAA;IAC9B,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,gEAAgE,EAAE,GAAG,EAAE;QACxE,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;QACxB,MAAM,CACJ,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,EACpC,oBAAoB,EAAE,iBAAiB,EACvC,2BAA2B,EAAE,wBAAwB,EACrD,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAA;QACD,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAA;IACzC,CAAC,CAAC,CAAA;IAEF,6CAA6C;IAC7C,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAClC,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;YAClD,MAAM,CACJ,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,oBAAoB,EAAE,iBAAiB,EACvC,2BAA2B,EAAE,wBAAwB,GACrD,CACH,CAAA;YACD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QAC1D,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,0EAA0E,EAAE,GAAG,EAAE;YAClF,MAAM,CACJ,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAC,SAAS,EAClB,oBAAoB,EAAE,iBAAiB,EACvC,2BAA2B,EAAE,wBAAwB,GACrD,CACH,CAAA;YACD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QAC1D,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;YAChE,MAAM,CACJ,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,EAC7B,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,EACjC,oBAAoB,EAAE,iBAAiB,EACvC,2BAA2B,EAAE,wBAAwB,GACrD,CACH,CAAA;YACD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAA;YAC9D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;YACpE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAA;QAC5E,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,uDAAuD,EAAE,GAAG,EAAE;YAC/D,MAAM,CACJ,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAC,SAAS,EAClB,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,EAC7B,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,EACjC,oBAAoB,EAAE,iBAAiB,EACvC,2BAA2B,EAAE,wBAAwB,GACrD,CACH,CAAA;YACD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAA;YAC9D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;YACpE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAA;QAC5E,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,qDAAqD,EAAE,GAAG,EAAE;YAC7D,MAAM,CACJ,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAC,OAAO,EAChB,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,EAC7B,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,EACjC,oBAAoB,EAAE,iBAAiB,EACvC,2BAA2B,EAAE,wBAAwB,GACrD,CACH,CAAA;YACD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAA;YAC9D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;YACpE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QACtE,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;YACrD,MAAM,CACJ,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAC,OAAO,EAChB,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,EAC7B,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,EACjC,QAAQ,QACR,oBAAoB,EAAE,iBAAiB,EACvC,2BAA2B,EAAE,wBAAwB,GACrD,CACH,CAAA;YACD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAA;YAC9D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;YACjD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;YACpE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QACtE,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;YAChD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAC,EAAE,EACR,oBAAoB,EAAE,iBAAiB,EACvC,2BAA2B,EAAE,wBAAwB,GACrD,CACH,CAAA;YACD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAA;YAC9D,MAAM,SAAS,GAAG,SAAS,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAA;YACpD,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBACzB,MAAM,CAAC,IAAI,CAAC,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAA;YACpC,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,MAAM,CACJ,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,EAC7B,cAAc,EAAE,aAAa,EAC7B,OAAO,EAAC,mBAAmB,EAC3B,oBAAoB,EAAE,iBAAiB,EACvC,2BAA2B,EAAE,wBAAwB,GACrD,CACH,CAAA;YACD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAA;YAC9D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;YACpE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;YACpE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;YACnE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAA;QAClF,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/src/ui/components/data-entry/phone-number-input/phone-number-input.stories.d.ts

@@ -0,0 +1,21 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PhoneNumberInput } from './phone-number-input.js';
+/**
+ * ## Phone number input component
+ *
+ * `PhoneNumberInput` is a specialized input component for handling phone numbers formatted according to the
+ * <a href="https://www.itu.int/rec/T-REC-E.164-201011-I/en" target="_blank" rel="noopener noreferrer">ITU-T E.164</a> recommendation.
+ *
+ * > **Note:** This component does not have built-in validation. If you need built-in validation
+ * > you can use the [PhoneNumberField](?path=/docs/scalars-phone-number-field--readme)
+ * > component.
+ */
+declare const meta: Meta<typeof PhoneNumberInput>;
+export default meta;
+type Story = StoryObj<typeof PhoneNumberInput>;
+export declare const Default: Story;
+export declare const Filled: Story;
+export declare const WithDifferencesAddition: Story;
+export declare const WithDifferencesRemoval: Story;
+export declare const WithDifferencesMixed: Story;
+//# sourceMappingURL=phone-number-input.stories.d.ts.map

package/dist/src/ui/components/data-entry/phone-number-input/phone-number-input.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-number-input.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/phone-number-input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAOtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAE1D;;;;;;;;;GASG;AAEH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAkFC,CAAA;AAEzC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE9C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAA;AAEhC,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAOpC,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAOlC,CAAA"}

package/dist/src/ui/components/data-entry/phone-number-input/phone-number-input.stories.js

@@ -0,0 +1,122 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getDefaultArgTypes, getValidationArgTypes, PrebuiltArgTypes, StorybookControlCategory, } from '../../../../scalars/lib/storybook-arg-types.js';
+import { PhoneNumberInput } from './phone-number-input.js';
+/**
+ * ## Phone number input component
+ *
+ * `PhoneNumberInput` is a specialized input component for handling phone numbers formatted according to the
+ * <a href="https://www.itu.int/rec/T-REC-E.164-201011-I/en" target="_blank" rel="noopener noreferrer">ITU-T E.164</a> recommendation.
+ *
+ * > **Note:** This component does not have built-in validation. If you need built-in validation
+ * > you can use the [PhoneNumberField](?path=/docs/scalars-phone-number-field--readme)
+ * > component.
+ */
+const meta = {
+    title: 'Data Entry/Phone Number Input',
+    component: PhoneNumberInput,
+    decorators: [
+        (Story) => (_jsx("div", { style: { width: '280px', margin: '1rem auto 0' }, children: _jsx(Story, {}) })),
+    ],
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        ...getDefaultArgTypes(),
+        ...PrebuiltArgTypes.placeholder,
+        ...PrebuiltArgTypes.pattern,
+        ...getValidationArgTypes({
+            enabledArgTypes: {
+                validators: false,
+                showErrorOnBlur: false,
+                showErrorOnChange: false,
+            },
+        }),
+        allowedCountries: {
+            control: 'object',
+            description: 'List of allowed country codes',
+            table: {
+                type: { summary: 'string[]' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        excludedCountries: {
+            control: 'object',
+            description: 'List of country codes to exclude',
+            table: {
+                type: { summary: 'string[]' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        includeDependentAreas: {
+            control: 'boolean',
+            description: 'Whether to include dependent territories in country list',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        prefixOptionFormat: {
+            control: 'radio',
+            options: ['CodesOnly', 'FlagsOnly', 'FlagsAndCodes', 'FlagsAndNumbers'],
+            description: 'How to display country options in the prefix dropdown',
+            table: {
+                type: { summary: '"CodesOnly" | "FlagsOnly" | "FlagsAndCodes" | "FlagsAndNumbers"' },
+                defaultValue: { summary: '"FlagsAndNumbers"' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        prefixProps: {
+            control: 'object',
+            description: 'Configs for the prefix dropdown',
+            table: {
+                type: {
+                    summary: '{ placeholder?: string; searchable?: boolean; className?: string; contentClassName?: string; }',
+                },
+                defaultValue: {
+                    summary: '{ placeholder: "+1", searchable: true, className: undefined, contentClassName: undefined }',
+                },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        ...PrebuiltArgTypes.viewMode,
+        ...PrebuiltArgTypes.baseValue,
+    },
+    args: {
+        name: 'phone-number-input',
+        label: 'Phone number',
+    },
+};
+export default meta;
+export const Default = {};
+export const Filled = {
+    args: {
+        defaultValue: '+14155552671',
+    },
+};
+export const WithDifferencesAddition = {
+    args: {
+        label: 'Phone number addition',
+        defaultValue: '+14155552671',
+        baseValue: '+442072705238',
+        viewMode: 'addition',
+    },
+};
+export const WithDifferencesRemoval = {
+    args: {
+        label: 'Phone number removal',
+        defaultValue: '+14155552671',
+        baseValue: '+442072705238',
+        viewMode: 'removal',
+    },
+};
+export const WithDifferencesMixed = {
+    args: {
+        label: 'Phone number mixed',
+        defaultValue: '+14155552671',
+        baseValue: '+442072705238',
+        viewMode: 'mixed',
+    },
+};
+//# sourceMappingURL=phone-number-input.stories.js.map

package/dist/src/ui/components/data-entry/phone-number-input/phone-number-input.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-number-input.stories.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/phone-number-input.stories.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/data-entry/phone-number-input/phone-number-input.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=phone-number-input.test.d.ts.map

package/dist/src/ui/components/data-entry/phone-number-input/phone-number-input.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-number-input.test.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/phone-number-input.test.tsx"],"names":[],"mappings":""}

package/dist/src/ui/components/data-entry/phone-number-input/phone-number-input.test.js

@@ -0,0 +1,190 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen, waitFor, within } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import { describe, expect, it, vi } from 'vitest';
+import { PhoneNumberInput } from './phone-number-input.js';
+describe('PhoneNumberInput Component', () => {
+    it('should match snapshot', () => {
+        const { asFragment } = render(_jsx(PhoneNumberInput, { name: "phone", label: "Phone number" }));
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it('should render with label', () => {
+        render(_jsx(PhoneNumberInput, { name: "phone", label: "Phone number" }));
+        expect(screen.getByText('Phone number')).toBeInTheDocument();
+    });
+    it('should render with description', () => {
+        render(_jsx(PhoneNumberInput, { name: "phone", description: "Phone number description" }));
+        expect(screen.getByText('Phone number description')).toBeInTheDocument();
+    });
+    it('should handle disabled state', () => {
+        render(_jsx(PhoneNumberInput, { name: "phone", disabled: true }));
+        expect(screen.getByRole('combobox')).toBeDisabled();
+        expect(screen.getByRole('textbox')).toBeDisabled();
+    });
+    it('should display error messages', async () => {
+        render(_jsx(PhoneNumberInput, { name: "phone", errors: ['Invalid phone number'] }));
+        await waitFor(() => {
+            expect(screen.getByText('Invalid phone number')).toBeInTheDocument();
+        });
+    });
+    it('should display warning messages', () => {
+        render(_jsx(PhoneNumberInput, { name: "phone", warnings: ['You must change your phone number'] }));
+        expect(screen.getByText('You must change your phone number')).toBeInTheDocument();
+    });
+    it('should have correct ARIA attributes', async () => {
+        render(_jsx(PhoneNumberInput, { name: "phone", required: true, errors: ['Invalid phone number'] }));
+        const input = screen.getByRole('textbox');
+        expect(input).toHaveAttribute('aria-required', 'true');
+        await waitFor(() => {
+            expect(input).toHaveAttribute('aria-invalid', 'true');
+        });
+    });
+    it('should handle input value changes', async () => {
+        const user = userEvent.setup();
+        const onChange = vi.fn();
+        render(_jsx(PhoneNumberInput, { name: "phone", onChange: onChange }));
+        const input = screen.getByRole('textbox');
+        await user.type(input, '4155552671');
+        expect(onChange).toHaveBeenCalledTimes(10);
+        expect(input).toHaveValue('4155552671');
+    });
+    it('should handle select value changes', async () => {
+        const user = userEvent.setup();
+        const onChange = vi.fn();
+        render(_jsx(PhoneNumberInput, { name: "phone", onChange: onChange }));
+        const select = screen.getByRole('combobox');
+        await user.click(select);
+        const list = await screen.findByRole('dialog');
+        const search = within(list).getByRole('combobox');
+        await user.type(search, '33');
+        const option = await screen.findByRole('option', { name: '+33' });
+        await user.click(option);
+        expect(onChange).toHaveBeenLastCalledWith('+33');
+        expect(screen.getByRole('combobox')).toHaveTextContent('+33');
+    });
+    it('should handle defaultValue', async () => {
+        render(_jsx(PhoneNumberInput, { name: "phone", defaultValue: "+442079460000" }));
+        const input = screen.getByRole('textbox');
+        expect(input).toHaveValue('20 7946 0000');
+        const select = screen.getByRole('combobox');
+        expect(select).toHaveTextContent('+44');
+        await userEvent.click(select);
+        const list = await screen.findByRole('dialog');
+        const search = within(list).getByRole('combobox');
+        await userEvent.type(search, '44');
+        const usOption = await screen.findByRole('option', { name: '+44' });
+        expect(usOption).toHaveAttribute('aria-selected', 'true');
+    });
+    it('should not allow letters on key down', async () => {
+        const onKeyDown = vi.fn();
+        render(_jsx(PhoneNumberInput, { name: "phone", onKeyDown: onKeyDown }));
+        const input = screen.getByRole('textbox');
+        await userEvent.click(input);
+        await userEvent.keyboard('a');
+        expect(onKeyDown).toHaveBeenCalledTimes(1);
+        const eventArg = onKeyDown.mock.calls[0]?.[0];
+        expect(eventArg.defaultPrevented).toBe(true);
+    });
+    it('should handle diferent prefix option formats', async () => {
+        const cases = [
+            { format: 'CodesOnly', expectedLength: 2 },
+            { format: 'FlagsOnly', expectedLength: 0 },
+            { format: 'FlagsAndCodes', expectedLength: 2 },
+            { format: 'FlagsAndNumbers', expectedLength: 2 },
+        ];
+        for (const c of cases) {
+            const { unmount } = render(_jsx(PhoneNumberInput, { name: "phone", prefixOptionFormat: c.format }));
+            const select = screen.getByRole('combobox');
+            await userEvent.click(select);
+            const list = await screen.findByRole('dialog');
+            const search = within(list).getByRole('combobox');
+            await userEvent.type(search, '+1');
+            const options = await screen.findAllByRole('option');
+            const [opt] = options;
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+            expect(opt.textContent?.length).toBe(c.expectedLength);
+            unmount();
+        }
+    });
+    it('should not invoke onChange on mount when it has a defaultValue', () => {
+        const onChange = vi.fn();
+        render(_jsx(PhoneNumberInput, { name: "phone", defaultValue: "+14155552671", onChange: onChange }));
+        expect(onChange).not.toHaveBeenCalled();
+    });
+    it('should filter countries based on allowedCountries prop', async () => {
+        const user = userEvent.setup();
+        render(_jsx(PhoneNumberInput, { name: "phone", allowedCountries: ['US', 'GB'], prefixOptionFormat: "CodesOnly" }));
+        const select = screen.getByRole('combobox');
+        await user.click(select);
+        expect(screen.getByText('US')).toBeInTheDocument();
+        expect(screen.getByText('GB')).toBeInTheDocument();
+        expect(screen.queryByText('FR')).not.toBeInTheDocument();
+    });
+    it('should filter out countries based on excludedCountries prop', async () => {
+        const user = userEvent.setup();
+        render(_jsx(PhoneNumberInput, { name: "phone", excludedCountries: ['FR', 'DE'], prefixOptionFormat: "CodesOnly" }));
+        const select = screen.getByRole('combobox');
+        await user.click(select);
+        expect(screen.getByText('US')).toBeInTheDocument();
+        expect(screen.getByText('GB')).toBeInTheDocument();
+        expect(screen.queryByText('FR')).not.toBeInTheDocument();
+        expect(screen.queryByText('DE')).not.toBeInTheDocument();
+    });
+    it('should handle both allowedCountries and excludedCountries props', async () => {
+        const user = userEvent.setup();
+        render(_jsx(PhoneNumberInput, { name: "phone", allowedCountries: ['US', 'GB'], excludedCountries: ['FR'], prefixOptionFormat: "CodesOnly" }));
+        const select = screen.getByRole('combobox');
+        await user.click(select);
+        expect(screen.getByText('US')).toBeInTheDocument();
+        expect(screen.getByText('GB')).toBeInTheDocument();
+        expect(screen.queryByText('FR')).not.toBeInTheDocument();
+    });
+    it('should include dependent areas when includeDependentAreas is true', async () => {
+        const user = userEvent.setup();
+        const onChange = vi.fn();
+        render(_jsx(PhoneNumberInput, { name: "phone", includeDependentAreas: true, prefixOptionFormat: "CodesOnly", onChange: onChange }));
+        const select = screen.getByRole('combobox');
+        await user.click(select);
+        expect(screen.getByText('PR')).toBeInTheDocument(); // US territory
+        expect(screen.getByText('GU')).toBeInTheDocument(); // US territory
+        await user.click(screen.getByText('PR'));
+        expect(onChange).toHaveBeenCalledWith('+1');
+        expect(screen.getByText('PR')).toBeInTheDocument();
+    });
+    it('should position cursor at end when auto-detecting country', async () => {
+        const user = userEvent.setup();
+        render(_jsx(PhoneNumberInput, { name: "phone" }));
+        const input = screen.getByRole('textbox');
+        await user.type(input, '14155552671');
+        expect(input.selectionStart).toBe(12);
+    });
+    describe('viewMode and diffs', () => {
+        it('should not render diff component by default', () => {
+            render(_jsx(PhoneNumberInput, { name: "phone" }));
+            expect(screen.queryByTestId('phone-number-input-diff')).not.toBeInTheDocument();
+        });
+        it('should not render diff component when viewMode is explicitly set to edition', () => {
+            render(_jsx(PhoneNumberInput, { name: "phone", viewMode: "edition" }));
+            expect(screen.queryByTestId('phone-number-input-diff')).not.toBeInTheDocument();
+        });
+        it('should render diff component when viewMode is addition', () => {
+            render(_jsx(PhoneNumberInput, { name: "phone", viewMode: "addition", value: "+14155552671", baseValue: "+442079460000" }));
+            expect(screen.getByTestId('phone-number-input-diff')).toBeInTheDocument();
+            expect(screen.getByText('415 555 2671')).toBeInTheDocument();
+            expect(screen.queryByText('20 7946 0000')).not.toBeInTheDocument();
+        });
+        it('should render diff component when viewMode is removal', () => {
+            render(_jsx(PhoneNumberInput, { name: "phone", viewMode: "removal", value: "+14155552671", baseValue: "+442079460000" }));
+            expect(screen.getByTestId('phone-number-input-diff')).toBeInTheDocument();
+            expect(screen.queryByText('415 555 2671')).not.toBeInTheDocument();
+            expect(screen.getByText('20 7946 0000')).toBeInTheDocument();
+        });
+        it('should render diff component when viewMode is mixed', () => {
+            render(_jsx(PhoneNumberInput, { name: "phone", viewMode: "mixed", value: "+14155552671", baseValue: "+442079460000" }));
+            expect(screen.getByTestId('phone-number-input-diff')).toBeInTheDocument();
+            expect(screen.getByText('415 555 2671')).toBeInTheDocument();
+            expect(screen.getByText('20 7946 0000')).toBeInTheDocument();
+        });
+    });
+});
+//# sourceMappingURL=phone-number-input.test.js.map

package/dist/src/ui/components/data-entry/phone-number-input/phone-number-input.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-number-input.test.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phone-number-input/phone-number-input.test.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/data-entry/phone-number-input/use-phone-number-input.d.ts

@@ -24,7 +24,7 @@ export declare const usePhoneNumberInput: ({ value, defaultValue, onChange, onKe
     handleInputOnBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
     handleInputOnFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
     mergedRef: (node: HTMLInputElement | null) => void;
-    containerRef: import("react").MutableRefObject<HTMLDivElement | null>;
+    containerRef: import("react").RefObject<HTMLDivElement | null>;
 };
 export {};
 //# sourceMappingURL=use-phone-number-input.d.ts.map

package/dist/src/ui/components/data-entry/phone-number-input/use-phone-number-input.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { CircleFlag } from 'react-circle-flags';
-import countries from 'world-countries';
+import countries, {} from 'world-countries';
 import { countDigitsBeforeCursor, formatPhoneNumber, getCallingCode, mapCursorPositionToFormattedText, parsePhoneValue, removePhoneNumberFormat, } from './utils.js';
 const renderFlagIcon = (countryCode) => {
     return _jsx(CircleFlag, { className: "size-4", countryCode: countryCode.toLowerCase(), height: 16 });