@powerhousedao/document-engineering 1.37.0 → 1.39.0

package/dist/src/scalars/components/phid-field/phid-field.test.js

@@ -0,0 +1,164 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Form } from '../form/form.js';
+import { render, screen, waitFor } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import { describe, expect, it, vi } from 'vitest';
+import { renderWithForm } from '../../lib/testing.js';
+import { PHIDField } from './phid-field.js';
+describe('PHIDField Component', () => {
+    window.HTMLElement.prototype.scrollIntoView = vi.fn();
+    window.Element.prototype.scrollTo = vi.fn();
+    window.matchMedia = vi.fn().mockImplementation((query) => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: vi.fn(),
+        removeListener: vi.fn(),
+        addEventListener: vi.fn(),
+        removeEventListener: vi.fn(),
+        dispatchEvent: vi.fn(),
+    }));
+    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 } = renderWithForm(_jsx(PHIDField, { name: "phid", label: "PHID Field", placeholder: "phd:", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it('should render with label', () => {
+        renderWithForm(_jsx(PHIDField, { name: "phid", label: "Test Label", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.getByText('Test Label')).toBeInTheDocument();
+    });
+    it('should render with description', () => {
+        renderWithForm(_jsx(PHIDField, { name: "phid", label: "Test Label", description: "Test Description", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.getByText('Test Description')).toBeInTheDocument();
+    });
+    it('should handle disabled state', () => {
+        renderWithForm(_jsx(PHIDField, { name: "phid", label: "Test Label", disabled: true, fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.getByRole('combobox')).toBeDisabled();
+    });
+    it('should display error messages', async () => {
+        renderWithForm(_jsx(PHIDField, { 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', () => {
+        renderWithForm(_jsx(PHIDField, { 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);
+        renderWithForm(_jsx(PHIDField, { 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 () => {
+        renderWithForm(_jsx(PHIDField, { 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 } = renderWithForm(_jsx(PHIDField, { 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(PHIDField, { 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(PHIDField, { 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', () => {
+        renderWithForm(_jsx(PHIDField, { name: "phid", label: "Test Label", autoComplete: false }));
+        expect(screen.queryByRole('combobox')).not.toBeInTheDocument();
+        expect(screen.getByRole('textbox')).toBeInTheDocument();
+    });
+    it('should validate PHID format on submit', async () => {
+        const mockOnSubmit = vi.fn();
+        const user = userEvent.setup();
+        const validPhid = mockedOptions[0].value;
+        const invalidPhid = 'invalid-phid';
+        render(_jsxs(Form, { onSubmit: mockOnSubmit, children: [_jsx(PHIDField, { name: "phid", label: "Test Label", allowUris: true, allowedScopes: ['public'], fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }), _jsx("button", { type: "submit", children: "Submit" })] }));
+        const input = screen.getByRole('combobox');
+        await user.click(input);
+        await user.type(input, invalidPhid);
+        await user.click(screen.getByText('Submit'));
+        await waitFor(() => {
+            expect(mockOnSubmit).not.toHaveBeenCalled();
+            expect(screen.getByText(/Invalid format/)).toBeInTheDocument();
+        });
+        await user.clear(input);
+        await user.type(input, validPhid);
+        await user.click(screen.getByText('Submit'));
+        await waitFor(() => {
+            expect(mockOnSubmit).toHaveBeenCalledWith({
+                phid: validPhid,
+            });
+        });
+    });
+    it('should handle value changes and auto selection', async () => {
+        const user = userEvent.setup();
+        const originalRandom = Math.random;
+        Math.random = vi.fn().mockReturnValue(1);
+        renderWithForm(_jsx(PHIDField, { 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();
+        renderWithForm(_jsx(PHIDField, { name: "phid", label: "Test Label", defaultValue: mockedOptions[0].value, fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption, onChange: onChange }));
+        expect(onChange).not.toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=phid-field.test.js.map

package/dist/src/scalars/components/phid-field/phid-field.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phid-field.test.js","sourceRoot":"","sources":["../../../../../src/scalars/components/phid-field/phid-field.test.tsx"],"names":[],"mappings":"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"}

package/dist/src/scalars/components/phone-number-field/phone-number-field.stories.d.ts

@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PhoneNumberField } from './phone-number-field.js';
+/**
+ * ## Phone number field component
+ *
+ * `PhoneNumberField` is a specialized form 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 with built-in validation.
+ * It is based on [PhoneNumberInput](?path=/docs/data-entry-phone-number-input--readme) component.
+ */
+declare const meta: Meta<typeof PhoneNumberField>;
+export default meta;
+type Story = StoryObj<typeof PhoneNumberField>;
+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-field.stories.d.ts.map

package/dist/src/scalars/components/phone-number-field/phone-number-field.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-number-field.stories.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/phone-number-field/phone-number-field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAQtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAE1D;;;;;;;GAOG;AAEH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CA6EC,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/scalars/components/phone-number-field/phone-number-field.stories.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { withForm } from '../../lib/decorators.js';
+import { getDefaultArgTypes, getValidationArgTypes, PrebuiltArgTypes, StorybookControlCategory, } from '../../lib/storybook-arg-types.js';
+import { PhoneNumberField } from './phone-number-field.js';
+/**
+ * ## Phone number field component
+ *
+ * `PhoneNumberField` is a specialized form 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 with built-in validation.
+ * It is based on [PhoneNumberInput](?path=/docs/data-entry-phone-number-input--readme) component.
+ */
+const meta = {
+    title: 'Scalars/Phone Number Field',
+    component: PhoneNumberField,
+    decorators: [
+        withForm,
+        (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(),
+        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-field',
+        label: 'Phone number field',
+    },
+};
+export default meta;
+export const Default = {};
+export const Filled = {
+    args: {
+        defaultValue: '+14155552671',
+    },
+};
+export const WithDifferencesAddition = {
+    args: {
+        label: 'Phone number field addition',
+        defaultValue: '+14155552671',
+        baseValue: '+442072705238',
+        viewMode: 'addition',
+    },
+};
+export const WithDifferencesRemoval = {
+    args: {
+        label: 'Phone number field removal',
+        defaultValue: '+14155552671',
+        baseValue: '+442072705238',
+        viewMode: 'removal',
+    },
+};
+export const WithDifferencesMixed = {
+    args: {
+        label: 'Phone number field mixed',
+        defaultValue: '+14155552671',
+        baseValue: '+442072705238',
+        viewMode: 'mixed',
+    },
+};
+//# sourceMappingURL=phone-number-field.stories.js.map

package/dist/src/scalars/components/phone-number-field/phone-number-field.stories.js.map

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

package/dist/src/scalars/components/phone-number-field/phone-number-field.test.d.ts

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

package/dist/src/scalars/components/phone-number-field/phone-number-field.test.d.ts.map

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

package/dist/src/scalars/components/phone-number-field/phone-number-field.test.js

@@ -0,0 +1,225 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { screen, waitFor, within } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import { describe, expect, it, vi } from 'vitest';
+import { renderWithForm } from '../../lib/testing.js';
+import { PhoneNumberField } from './phone-number-field.js';
+describe('PhoneNumberField Component', () => {
+    it('should match snapshot', () => {
+        const { asFragment } = renderWithForm(_jsx(PhoneNumberField, { name: "phone", label: "Phone number" }));
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it('should render with label', () => {
+        renderWithForm(_jsx(PhoneNumberField, { name: "phone", label: "Phone number" }));
+        expect(screen.getByText('Phone number')).toBeInTheDocument();
+    });
+    it('should render with description', () => {
+        renderWithForm(_jsx(PhoneNumberField, { name: "phone", description: "Phone number description" }));
+        expect(screen.getByText('Phone number description')).toBeInTheDocument();
+    });
+    it('should handle disabled state', () => {
+        renderWithForm(_jsx(PhoneNumberField, { name: "phone", disabled: true }));
+        expect(screen.getByRole('combobox')).toBeDisabled();
+        expect(screen.getByRole('textbox')).toBeDisabled();
+    });
+    it('should display error messages', async () => {
+        renderWithForm(_jsx(PhoneNumberField, { name: "phone", errors: ['Invalid phone number'] }));
+        await waitFor(() => {
+            expect(screen.getByText('Invalid phone number')).toBeInTheDocument();
+        });
+    });
+    it('should display warning messages', () => {
+        renderWithForm(_jsx(PhoneNumberField, { 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 () => {
+        renderWithForm(_jsx(PhoneNumberField, { 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();
+        renderWithForm(_jsx(PhoneNumberField, { 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();
+        renderWithForm(_jsx(PhoneNumberField, { 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 () => {
+        renderWithForm(_jsx(PhoneNumberField, { 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();
+        renderWithForm(_jsx(PhoneNumberField, { 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 } = renderWithForm(_jsx(PhoneNumberField, { 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();
+        renderWithForm(_jsx(PhoneNumberField, { name: "phone", defaultValue: "+14155552671", onChange: onChange }));
+        expect(onChange).not.toHaveBeenCalled();
+    });
+    it('should filter countries based on allowedCountries prop', async () => {
+        const user = userEvent.setup();
+        renderWithForm(_jsx(PhoneNumberField, { 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();
+        renderWithForm(_jsx(PhoneNumberField, { 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();
+        renderWithForm(_jsx(PhoneNumberField, { 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();
+        renderWithForm(_jsx(PhoneNumberField, { 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();
+    });
+    describe('phone number validation on submit', () => {
+        it('should reject invalid phone number', async () => {
+            const mockOnSubmit = vi.fn();
+            const user = userEvent.setup();
+            renderWithForm(_jsxs(_Fragment, { children: [_jsx(PhoneNumberField, { name: "phone" }), _jsx("button", { type: "submit", children: "Submit" })] }), mockOnSubmit);
+            const input = screen.getByRole('textbox');
+            const submitButton = screen.getByText('Submit');
+            await user.type(input, '123456789012345678'); // 18 digits
+            await user.click(submitButton);
+            await waitFor(() => {
+                expect(mockOnSubmit).not.toHaveBeenCalled();
+                expect(input).toHaveAttribute('aria-invalid', 'true');
+            });
+        });
+        it('should accept empty value if not required', async () => {
+            const mockOnSubmit = vi.fn();
+            const user = userEvent.setup();
+            renderWithForm(_jsxs(_Fragment, { children: [_jsx(PhoneNumberField, { name: "phone" }), _jsx("button", { type: "submit", children: "Submit" })] }), mockOnSubmit);
+            const submitButton = screen.getByText('Submit');
+            await user.click(submitButton);
+            await waitFor(() => {
+                expect(mockOnSubmit).toHaveBeenCalledWith({
+                    phone: null,
+                });
+            });
+        });
+        it('should accept valid US phone number', async () => {
+            const mockOnSubmit = vi.fn();
+            const user = userEvent.setup();
+            renderWithForm(_jsxs(_Fragment, { children: [_jsx(PhoneNumberField, { name: "phone" }), _jsx("button", { type: "submit", children: "Submit" })] }), mockOnSubmit);
+            const input = screen.getByRole('textbox');
+            const submitButton = screen.getByText('Submit');
+            await user.type(input, '14155552671');
+            await user.click(submitButton);
+            await waitFor(() => {
+                expect(mockOnSubmit).toHaveBeenCalledWith({
+                    phone: '+14155552671',
+                });
+            });
+        });
+        it('should accept valid Spanish phone number', async () => {
+            const mockOnSubmit = vi.fn();
+            const user = userEvent.setup();
+            renderWithForm(_jsxs(_Fragment, { children: [_jsx(PhoneNumberField, { name: "phone" }), _jsx("button", { type: "submit", children: "Submit" })] }), mockOnSubmit);
+            const input = screen.getByRole('textbox');
+            const select = screen.getByRole('combobox');
+            const submitButton = screen.getByText('Submit');
+            await user.click(select);
+            const list = await screen.findByRole('dialog');
+            const search = within(list).getByRole('combobox');
+            await user.type(search, '34');
+            const spainOption = await screen.findByRole('option', { name: '+34' });
+            await user.click(spainOption);
+            await user.type(input, '912345678');
+            await user.click(submitButton);
+            await waitFor(() => {
+                expect(mockOnSubmit).toHaveBeenCalledWith({
+                    phone: '+34912345678',
+                });
+            });
+        });
+    });
+    it('should position cursor at end when auto-detecting country', async () => {
+        const user = userEvent.setup();
+        renderWithForm(_jsx(PhoneNumberField, { name: "phone" }));
+        const input = screen.getByRole('textbox');
+        await user.type(input, '14155552671');
+        expect(input.selectionStart).toBe(12);
+    });
+});
+//# sourceMappingURL=phone-number-field.test.js.map

package/dist/src/scalars/components/phone-number-field/phone-number-field.test.js.map

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

package/dist/src/scalars/components/string-field/string-field.stories.d.ts

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { StringField } from './string-field.js';
+declare const meta: Meta<typeof StringField>;
+export default meta;
+type Story = StoryObj<typeof StringField>;
+export declare const Default: Story;
+export declare const WithDescription: Story;
+export declare const Required: Story;
+export declare const WithValue: Story;
+export declare const Disabled: Story;
+export declare const WithError: Story;
+export declare const WithWarning: Story;
+export declare const Multiline: Story;
+export declare const WithDefaultValue: Story;
+export declare const WithDifferencesAddition: Story;
+export declare const WithDifferencesRemoval: Story;
+export declare const WithDifferencesMixed: Story;
+//# sourceMappingURL=string-field.stories.d.ts.map

package/dist/src/scalars/components/string-field/string-field.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"string-field.stories.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/string-field/string-field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAQtD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA+ClC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEzC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAA;AACD,eAAO,MAAM,sBAAsB,EAAE,KAOpC,CAAA;AACD,eAAO,MAAM,oBAAoB,EAAE,KAOlC,CAAA"}