@powerhousedao/document-engineering 1.38.0 → 1.40.0

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

@@ -0,0 +1,161 @@
+import { jsx as _jsx, jsxs as _jsxs } 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 { renderWithForm } from '../../lib/testing.js';
+import { Form } from '../form/index.js';
+import { OIDField } from './oid-field.js';
+describe('OIDField 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: 'Braces',
+            title: 'Object A',
+            path: 'rwa-portfolio-a',
+            value: 'baefc2a4-f9a0-4950-8161-fd8d8cc7dea7',
+            description: 'Object A description',
+        },
+        {
+            icon: 'Braces',
+            title: 'Object B',
+            path: 'rwa-portfolio-b',
+            value: 'baefc2a4-f9a0-4950-8161-fd8d8cc6cdb8',
+            description: 'Object B description',
+        },
+    ];
+    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(OIDField, { name: "oid", label: "OID Field", placeholder: "uuid", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it('should render with label', () => {
+        renderWithForm(_jsx(OIDField, { name: "oid", label: "Test Label", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.getByText('Test Label')).toBeInTheDocument();
+    });
+    it('should render with description', () => {
+        renderWithForm(_jsx(OIDField, { name: "oid", label: "Test Label", description: "Test Description", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.getByText('Test Description')).toBeInTheDocument();
+    });
+    it('should handle disabled state', () => {
+        renderWithForm(_jsx(OIDField, { name: "oid", label: "Test Label", disabled: true, fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.getByRole('combobox')).toBeDisabled();
+    });
+    it('should display error messages', async () => {
+        renderWithForm(_jsx(OIDField, { name: "oid", label: "Test Label", errors: ['Invalid OID format'], fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        await waitFor(() => {
+            expect(screen.getByText('Invalid OID format')).toBeInTheDocument();
+        });
+    });
+    it('should display warning messages', () => {
+        renderWithForm(_jsx(OIDField, { name: "oid", label: "Test Label", warnings: ['OID may be deprecated'], fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.getByText('OID 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(OIDField, { name: "oid", 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', {});
+        });
+        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(OIDField, { name: "oid", 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(OIDField, { name: "oid", 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(OIDField, { name: "oid", 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(OIDField, { name: "oid", label: "Test Label", variant: "withValue", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.queryByText('Title not available')).not.toBeInTheDocument();
+        expect(screen.queryByText('Type not available')).not.toBeInTheDocument();
+        expect(screen.queryByText('Description not available')).not.toBeInTheDocument();
+    });
+    it('should handle autoComplete disabled', () => {
+        renderWithForm(_jsx(OIDField, { name: "oid", label: "Test Label", autoComplete: false }));
+        expect(screen.queryByRole('combobox')).not.toBeInTheDocument();
+        expect(screen.getByRole('textbox')).toBeInTheDocument();
+    });
+    it('should validate OID format on submit', async () => {
+        const mockOnSubmit = vi.fn();
+        const user = userEvent.setup();
+        const validOID = mockedOptions[1].value;
+        const invalidOID = 'invalid-oid';
+        render(_jsxs(Form, { onSubmit: mockOnSubmit, children: [_jsx(OIDField, { name: "oid", label: "Test Label", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }), _jsx("button", { type: "submit", children: "Submit" })] }));
+        const input = screen.getByRole('combobox');
+        await user.click(input);
+        await user.type(input, invalidOID);
+        await user.click(screen.getByText('Submit'));
+        await waitFor(() => {
+            expect(mockOnSubmit).not.toHaveBeenCalled();
+            expect(screen.getByText(/Invalid uuid format/)).toBeInTheDocument();
+        });
+        await user.clear(input);
+        await user.type(input, validOID);
+        await user.click(screen.getByText('Submit'));
+        await waitFor(() => {
+            expect(mockOnSubmit).toHaveBeenCalledWith({
+                oid: validOID,
+            });
+        });
+    });
+    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(OIDField, { name: "oid", 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(OIDField, { name: "oid", label: "Test Label", defaultValue: mockedOptions[0].value, fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption, onChange: onChange }));
+        expect(onChange).not.toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=oid-field.test.js.map

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

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

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

@@ -0,0 +1,23 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PasswordField } from './password-field.js';
+/**
+ * ## Password field component
+ *
+ * `PasswordField` is a specialized form component for handling passwords with built-in validation.
+ * It is based on [PasswordInput](?path=/docs/data-entry-password-input--readme) component
+ * which uses the
+ * <a href="https://zxcvbn-ts.github.io/zxcvbn/guide/" target="_blank" rel="noopener noreferrer">zxcvbn-ts</a>
+ *  library to determine the strength of the password.
+ */
+declare const meta: Meta<typeof PasswordField>;
+export default meta;
+type Story = StoryObj<typeof PasswordField>;
+export declare const Default: Story;
+export declare const Filled: Story;
+export declare const WithPasswordStrength: Story;
+export declare const WithPasswordConfirmation: Story;
+export declare const WithDifferencesAddition: Story;
+export declare const WithDifferencesRemoval: Story;
+export declare const WithDifferencesMixed: Story;
+export declare const WithCustomValidator: Story;
+//# sourceMappingURL=password-field.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"password-field.stories.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/password-field/password-field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAStD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAEnD;;;;;;;;GAQG;AAEH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CA2FC,CAAA;AAEtC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3C,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAOlC,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KA2CtC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAQrC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAQpC,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAQlC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KA2EjC,CAAA"}

package/dist/src/scalars/components/password-field/password-field.stories.js

@@ -0,0 +1,234 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { withForm } from '../../lib/decorators.js';
+import { getDefaultArgTypes, getValidationArgTypes, PrebuiltArgTypes, StorybookControlCategory, } from '../../lib/storybook-arg-types.js';
+import { specialCharacters } from '../../../ui/components/data-entry/password-input/utils.js';
+import { PasswordField } from './password-field.js';
+/**
+ * ## Password field component
+ *
+ * `PasswordField` is a specialized form component for handling passwords with built-in validation.
+ * It is based on [PasswordInput](?path=/docs/data-entry-password-input--readme) component
+ * which uses the
+ * <a href="https://zxcvbn-ts.github.io/zxcvbn/guide/" target="_blank" rel="noopener noreferrer">zxcvbn-ts</a>
+ *  library to determine the strength of the password.
+ */
+const meta = {
+    title: 'Scalars/Password Field',
+    component: PasswordField,
+    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.minLength,
+        ...PrebuiltArgTypes.maxLength,
+        ...PrebuiltArgTypes.pattern,
+        ...getValidationArgTypes(),
+        requireUppercase: {
+            control: 'boolean',
+            description: 'The field value requires at least one capital letter',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'true' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        requireLowercase: {
+            control: 'boolean',
+            description: 'The field value requires at least one lowercase letter',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'true' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        requireNumbers: {
+            control: 'boolean',
+            description: 'The field value requires at least one number',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'true' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        requireSpecialCharacters: {
+            control: 'boolean',
+            description: `The field value requires at least one special character: ${specialCharacters}`,
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'true' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        showPasswordStrength: {
+            control: 'boolean',
+            description: 'Displays a password strength meter',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'true' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        matchFieldName: {
+            control: 'text',
+            description: 'Name of another password field in the form to validate the value match. Useful for confirmation fields like "Confirm Password" which must match the value of the original field.',
+            table: {
+                type: { summary: 'string' },
+                detail: 'When provided, this field will validate that its value matches the value of the field with the specified name. Common use case: email confirmation fields.',
+                category: StorybookControlCategory.VALIDATION,
+            },
+        },
+        ...PrebuiltArgTypes.viewMode,
+        ...PrebuiltArgTypes.baseValue,
+    },
+    args: {
+        name: 'password-field',
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        label: 'Password field',
+        placeholder: 'Password',
+    },
+};
+export const Filled = {
+    args: {
+        label: 'Password field',
+        placeholder: 'Password',
+        defaultValue: 'H0l4.mundo',
+    },
+};
+export const WithPasswordStrength = {
+    args: {
+        label: 'Password field',
+        placeholder: 'Password',
+        defaultValue: 'weakpassword',
+        showPasswordStrengthOpen: true,
+    },
+};
+export const WithPasswordConfirmation = {
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                code: `
+<Form defaultValues={{ password: '', confirmPassword: '' }}>
+  <PasswordField name="password" label="Password" placeholder="Enter your password" />
+  <PasswordField name="confirmPassword" label="Confirm Password" placeholder="Confirm your password" matchFieldName="password" />
+  <Button type="submit">Submit</Button>
+</Form>
+        `,
+            },
+            description: {
+                story: 'This story variant shows how to use `matchFieldName` prop to create password confirmation fields. The second field validates that it matches the value of the first one.',
+            },
+        },
+    },
+    render: () => (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(PasswordField, { name: "password", label: "Password", placeholder: "Enter your password", requireUppercase: false, requireLowercase: false, requireNumbers: false, requireSpecialCharacters: false }), _jsx(PasswordField, { name: "confirmPassword", label: "Confirm Password", placeholder: "Confirm your password", matchFieldName: "password", requireUppercase: false, requireLowercase: false, requireNumbers: false, requireSpecialCharacters: false, showPasswordStrength: false })] })),
+};
+export const WithDifferencesAddition = {
+    args: {
+        label: 'Password field addition',
+        placeholder: 'Password',
+        defaultValue: 'new password',
+        baseValue: 'old password',
+        viewMode: 'addition',
+    },
+};
+export const WithDifferencesRemoval = {
+    args: {
+        label: 'Password field removal',
+        placeholder: 'Password',
+        defaultValue: 'new password',
+        baseValue: 'old password',
+        viewMode: 'removal',
+    },
+};
+export const WithDifferencesMixed = {
+    args: {
+        label: 'Password field mixed',
+        placeholder: 'Password',
+        defaultValue: 'new password',
+        baseValue: 'old password',
+        viewMode: 'mixed',
+    },
+};
+export const WithCustomValidator = {
+    parameters: {
+        docs: {
+            source: {
+                code: `
+// Custom validator that checks against a database of leaked passwords
+const leakedPasswordValidator = async (value: string) => {
+  if (!value) return true
+  
+  // Simulate API call to check password breach database
+  const isLeaked = await checkPasswordBreach(value)
+  
+  if (isLeaked) {
+    return 'This password has been found in data breaches and is not secure. Please choose a different password.'
+  }
+  
+  return true
+}
+
+<PasswordField
+  name="password"
+  label="Password"
+  placeholder="Enter a secure password"
+  validators={leakedPasswordValidator}
+/>
+        `,
+            },
+            description: {
+                story: 'This story variant demonstrates custom password validation using the `validators` prop. It simulates checking the password against a database of leaked passwords and shows an error message if the password has been exposed. ' +
+                    'For demonstration purposes, the following passwords are considered leaked: ' +
+                    '12345678, password, password1, password123, admin, qwerty, welcome, monkey, dragon, master, admin123, welcome123, Password1, Password123',
+            },
+        },
+    },
+    args: {
+        label: 'Secure password',
+        placeholder: 'Enter a secure password',
+        description: 'Enter any of the following passwords to see the validation in action: 12345678, password, password1, password123, admin, qwerty, welcome, monkey, dragon, master, admin123, welcome123, Password1, Password123',
+        showPasswordStrength: false,
+        requireUppercase: false,
+        requireLowercase: false,
+        requireNumbers: false,
+        requireSpecialCharacters: false,
+        showErrorOnChange: true,
+        validators: async (value) => {
+            if (!value)
+                return true;
+            const leakedPasswords = [
+                '12345678',
+                'password',
+                'password1',
+                'password123',
+                'admin',
+                'qwerty',
+                'welcome',
+                'monkey',
+                'dragon',
+                'master',
+                'admin123',
+                'welcome123',
+                'Password1',
+                'Password123',
+            ];
+            await new Promise((resolve) => setTimeout(resolve, 500));
+            if (leakedPasswords.includes(value)) {
+                return 'This password has been found in data breaches and is not secure. Please choose a different password.';
+            }
+            return true;
+        },
+    },
+};
+//# sourceMappingURL=password-field.stories.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,112 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { 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 { PasswordField } from './password-field.js';
+describe('PasswordField Component', () => {
+    it('should match snapshot', () => {
+        const { asFragment } = renderWithForm(_jsx(PasswordField, { name: "password", label: "Password field", placeholder: "Password" }));
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it('should render with label', () => {
+        renderWithForm(_jsx(PasswordField, { name: "password", label: "Password field" }));
+        expect(screen.getByText('Password field')).toBeInTheDocument();
+    });
+    it('should render with description', () => {
+        renderWithForm(_jsx(PasswordField, { name: "password", label: "Password field", description: "Password field description" }));
+        expect(screen.getByText('Password field description')).toBeInTheDocument();
+    });
+    it('should handle disabled state', () => {
+        renderWithForm(_jsx(PasswordField, { name: "password", label: "Password field", disabled: true }));
+        expect(screen.getByLabelText('Password field')).toBeDisabled();
+    });
+    it('should display error messages', async () => {
+        renderWithForm(_jsx(PasswordField, { name: "password", label: "Password field", errors: ['Invalid password'] }));
+        await waitFor(() => {
+            expect(screen.getByText('Invalid password')).toBeInTheDocument();
+        });
+    });
+    it('should display warning messages', () => {
+        renderWithForm(_jsx(PasswordField, { name: "password", label: "Password field", warnings: ['Please change your password as soon as possible'] }));
+        expect(screen.getByText('Please change your password as soon as possible')).toBeInTheDocument();
+    });
+    it('should have correct ARIA attributes', async () => {
+        renderWithForm(_jsx(PasswordField, { name: "password", label: "Password field", required: true, errors: ['Invalid password'] }));
+        const input = screen.getByLabelText(/Password field/);
+        expect(input).toHaveAttribute('aria-required', 'true');
+        await waitFor(() => {
+            expect(input).toHaveAttribute('aria-invalid', 'true');
+        });
+    });
+    it('should handle value changes', async () => {
+        const user = userEvent.setup();
+        const onChange = vi.fn();
+        renderWithForm(_jsx(PasswordField, { name: "password", label: "Password field", onChange: onChange }));
+        const input = screen.getByLabelText('Password field');
+        await user.type(input, 'H0l4.mundo');
+        expect(onChange).toHaveBeenCalledTimes(10);
+        expect(input).toHaveValue('H0l4.mundo');
+    });
+    it('should not invoke onChange on mount when it has a defaultValue', () => {
+        const onChange = vi.fn();
+        renderWithForm(_jsx(PasswordField, { name: "password", label: "Password field", defaultValue: "H0l4.mundo", onChange: onChange }));
+        expect(onChange).not.toHaveBeenCalled();
+    });
+    it('should validate password format on submit', async () => {
+        const mockOnSubmit = vi.fn();
+        const user = userEvent.setup();
+        renderWithForm(_jsxs(_Fragment, { children: [_jsx(PasswordField, { name: "password", label: "Password field" }), _jsx("button", { type: "submit", children: "Submit" })] }), mockOnSubmit);
+        const input = screen.getByLabelText('Password field');
+        const submitButton = screen.getByText('Submit');
+        // Test missing uppercase
+        await user.type(input, 'invalidpass1!');
+        await user.click(submitButton);
+        await waitFor(() => {
+            expect(mockOnSubmit).not.toHaveBeenCalled();
+            expect(input).toHaveAttribute('aria-invalid', 'true');
+        });
+        // Test missing lowercase
+        await user.clear(input);
+        await user.type(input, 'INVALIDPASS1!');
+        await user.click(submitButton);
+        await waitFor(() => {
+            expect(mockOnSubmit).not.toHaveBeenCalled();
+            expect(input).toHaveAttribute('aria-invalid', 'true');
+        });
+        // Test missing numbers
+        await user.clear(input);
+        await user.type(input, 'invalidpass!');
+        await user.click(submitButton);
+        await waitFor(() => {
+            expect(mockOnSubmit).not.toHaveBeenCalled();
+            expect(input).toHaveAttribute('aria-invalid', 'true');
+        });
+        // Test missing special characters
+        await user.clear(input);
+        await user.type(input, 'invalidpass1');
+        await user.click(submitButton);
+        await waitFor(() => {
+            expect(mockOnSubmit).not.toHaveBeenCalled();
+            expect(input).toHaveAttribute('aria-invalid', 'true');
+        });
+        // Test valid password
+        await user.clear(input);
+        await user.type(input, 'ValidPass1!');
+        await user.click(submitButton);
+        await waitFor(() => {
+            expect(mockOnSubmit).toHaveBeenCalledWith({
+                password: 'ValidPass1!',
+            });
+        });
+    });
+    it('should not show error when matchFieldName is set and passwords match', async () => {
+        const user = userEvent.setup();
+        renderWithForm(_jsxs(_Fragment, { children: [_jsx(PasswordField, { name: "password", label: "Password", defaultValue: "@A1a" }), _jsx(PasswordField, { name: "confirmPassword", label: "Confirm password", matchFieldName: "password", showErrorOnBlur: true })] }));
+        const input = screen.getByLabelText('Confirm password');
+        await user.type(input, '@A1a');
+        await user.tab();
+        expect(input).toHaveAttribute('aria-invalid', 'false');
+    });
+});
+//# sourceMappingURL=password-field.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"password-field.test.js","sourceRoot":"","sources":["../../../../../src/scalars/components/password-field/password-field.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAEnD,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,EAAE,UAAU,EAAE,GAAG,cAAc,CACnC,KAAC,aAAa,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,gBAAgB,EAAC,WAAW,EAAC,UAAU,GAAG,CAChF,CAAA;QACD,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,eAAe,EAAE,CAAA;IACxC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,cAAc,CAAC,KAAC,aAAa,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,gBAAgB,GAAG,CAAC,CAAA;QACxE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IAChE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACxC,cAAc,CAAC,KAAC,aAAa,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,gBAAgB,EAAC,WAAW,EAAC,4BAA4B,GAAG,CAAC,CAAA;QACjH,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,4BAA4B,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IAC5E,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,cAAc,CAAC,KAAC,aAAa,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,gBAAgB,EAAC,QAAQ,SAAG,CAAC,CAAA;QACjF,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,EAAE,CAAA;IAChE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,cAAc,CAAC,KAAC,aAAa,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,gBAAgB,EAAC,MAAM,EAAE,CAAC,kBAAkB,CAAC,GAAI,CAAC,CAAA;QACtG,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QAClE,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,cAAc,CACZ,KAAC,aAAa,IACZ,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,gBAAgB,EACtB,QAAQ,EAAE,CAAC,iDAAiD,CAAC,GAC7D,CACH,CAAA;QACD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,iDAAiD,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IACjG,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,cAAc,CAAC,KAAC,aAAa,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,gBAAgB,EAAC,QAAQ,QAAC,MAAM,EAAE,CAAC,kBAAkB,CAAC,GAAI,CAAC,CAAA;QAE/G,MAAM,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAA;QACrD,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;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAA;QAC9B,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;QAExB,cAAc,CAAC,KAAC,aAAa,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,gBAAgB,EAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAA;QAE5F,MAAM,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAA;QACrD,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,CAAA;QACpC,MAAM,CAAC,QAAQ,CAAC,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAA;QAC1C,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAA;IACzC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,gEAAgE,EAAE,GAAG,EAAE;QACxE,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;QACxB,cAAc,CACZ,KAAC,aAAa,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,gBAAgB,EAAC,YAAY,EAAC,YAAY,EAAC,QAAQ,EAAE,QAAQ,GAAI,CACvG,CAAA;QACD,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAA;IACzC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,YAAY,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;QAC5B,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAA;QAE9B,cAAc,CACZ,8BACE,KAAC,aAAa,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,gBAAgB,GAAG,EACxD,iBAAQ,IAAI,EAAC,QAAQ,uBAAgB,IACpC,EACH,YAAY,CACb,CAAA;QAED,MAAM,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAA;QACrD,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;QAE/C,yBAAyB;QACzB,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;QACvC,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;QAC9B,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAA;YAC3C,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;QACvD,CAAC,CAAC,CAAA;QAEF,yBAAyB;QACzB,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACvB,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;QACvC,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;QAC9B,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAA;YAC3C,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;QACvD,CAAC,CAAC,CAAA;QAEF,uBAAuB;QACvB,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACvB,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,cAAc,CAAC,CAAA;QACtC,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;QAC9B,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAA;YAC3C,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;QACvD,CAAC,CAAC,CAAA;QAEF,kCAAkC;QAClC,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACvB,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,cAAc,CAAC,CAAA;QACtC,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;QAC9B,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAA;YAC3C,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;QACvD,CAAC,CAAC,CAAA;QAEF,sBAAsB;QACtB,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACvB,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,aAAa,CAAC,CAAA;QACrC,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;QAC9B,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,CAAC,YAAY,CAAC,CAAC,oBAAoB,CAAC;gBACxC,QAAQ,EAAE,aAAa;aACxB,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,sEAAsE,EAAE,KAAK,IAAI,EAAE;QACpF,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAA;QAE9B,cAAc,CACZ,8BACE,KAAC,aAAa,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,YAAY,EAAC,MAAM,GAAG,EACtE,KAAC,aAAa,IAAC,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAC,kBAAkB,EAAC,cAAc,EAAC,UAAU,EAAC,eAAe,SAAG,IAC1G,CACJ,CAAA;QAED,MAAM,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAA;QACvD,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAC9B,MAAM,IAAI,CAAC,GAAG,EAAE,CAAA;QAEhB,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,cAAc,EAAE,OAAO,CAAC,CAAA;IACxD,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}