@powerhousedao/document-engineering 1.38.0 → 1.40.0

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

@@ -0,0 +1,180 @@
+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 { AIDField } from './aid-field.js';
+describe('AIDField 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: 'Agent A',
+            path: {
+                text: 'renown.id/0xb9c5714089478a327f09197987f16f9e5d936e8a',
+                url: 'https://www.renown.id/',
+            },
+            value: 'did:ethr:0xb9c5714089478a327f09197987f16f9e5d936e8a',
+            description: 'Agent A description',
+            agentType: 'Human Contributor',
+        },
+        {
+            icon: 'Braces',
+            title: 'Agent B',
+            path: {
+                text: 'renown.id/0x5:0xb9c5714089478a327f09197987f16f9e5d936e8a',
+                url: 'https://www.renown.id/',
+            },
+            value: 'did:ethr:0x5:0xb9c5714089478a327f09197987f16f9e5d936e8a',
+            description: 'Agent B description',
+            agentType: 'Contributor Team',
+        },
+    ];
+    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(AIDField, { name: "aid", label: "AID Field", placeholder: "did:ethr:", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it('should render with label', () => {
+        renderWithForm(_jsx(AIDField, { name: "aid", label: "Test Label", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.getByText('Test Label')).toBeInTheDocument();
+    });
+    it('should render with description', () => {
+        renderWithForm(_jsx(AIDField, { name: "aid", label: "Test Label", description: "Test Description", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.getByText('Test Description')).toBeInTheDocument();
+    });
+    it('should handle disabled state', () => {
+        renderWithForm(_jsx(AIDField, { name: "aid", label: "Test Label", disabled: true, fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.getByRole('combobox')).toBeDisabled();
+    });
+    it('should display error messages', async () => {
+        renderWithForm(_jsx(AIDField, { name: "aid", label: "Test Label", errors: ['Invalid AID format'], fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        await waitFor(() => {
+            expect(screen.getByText('Invalid AID format')).toBeInTheDocument();
+        });
+    });
+    it('should display warning messages', () => {
+        renderWithForm(_jsx(AIDField, { name: "aid", label: "Test Label", warnings: ['AID may be deprecated'], fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.getByText('AID 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(AIDField, { name: "aid", 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', {
+                supportedNetworks: 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(AIDField, { name: "aid", 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(AIDField, { name: "aid", label: "Test Label", variant: "withValueTitleAndDescription", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.getByText('Title not available')).toBeInTheDocument();
+        expect(screen.getByText('URL not available')).toBeInTheDocument();
+        expect(screen.getByText('Description not available')).toBeInTheDocument();
+        expect(screen.getByText('Agent type not available')).toBeInTheDocument();
+        rerender(_jsx(AIDField, { name: "aid", label: "Test Label", variant: "withValueAndTitle", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.getByText('Title not available')).toBeInTheDocument();
+        expect(screen.getByText('URL not available')).toBeInTheDocument();
+        expect(screen.queryByText('Description not available')).not.toBeInTheDocument();
+        expect(screen.queryByText('Agent type not available')).not.toBeInTheDocument();
+        rerender(_jsx(AIDField, { name: "aid", label: "Test Label", variant: "withValue", fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }));
+        expect(screen.queryByText('Title not available')).not.toBeInTheDocument();
+        expect(screen.queryByText('URL not available')).not.toBeInTheDocument();
+        expect(screen.queryByText('Description not available')).not.toBeInTheDocument();
+        expect(screen.queryByText('Agent type not available')).not.toBeInTheDocument();
+    });
+    it('should handle autoComplete disabled', () => {
+        renderWithForm(_jsx(AIDField, { name: "aid", label: "Test Label", autoComplete: false }));
+        expect(screen.queryByRole('combobox')).not.toBeInTheDocument();
+        expect(screen.getByRole('textbox')).toBeInTheDocument();
+    });
+    it('should validate AID format on submit', async () => {
+        const mockOnSubmit = vi.fn();
+        const user = userEvent.setup();
+        const validAid = mockedOptions[1].value;
+        const invalidAid = 'invalid-aid';
+        render(_jsxs(Form, { onSubmit: mockOnSubmit, children: [_jsx(AIDField, { name: "aid", label: "Test Label", supportedNetworks: [
+                        {
+                            chainId: '0x5',
+                            name: 'Goerli',
+                        },
+                    ], fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption }), _jsx("button", { type: "submit", children: "Submit" })] }));
+        const input = screen.getByRole('combobox');
+        await user.click(input);
+        await user.type(input, invalidAid);
+        await user.click(screen.getByText('Submit'));
+        await waitFor(() => {
+            expect(mockOnSubmit).not.toHaveBeenCalled();
+            expect(screen.getByText(/Invalid DID format/)).toBeInTheDocument();
+        });
+        await user.clear(input);
+        await user.type(input, validAid);
+        await user.click(screen.getByText('Submit'));
+        await waitFor(() => {
+            expect(mockOnSubmit).toHaveBeenCalledWith({
+                aid: validAid,
+            });
+        });
+    });
+    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(AIDField, { name: "aid", 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.text)).toBeInTheDocument();
+            expect(screen.getByText(mockedOptions[0].description)).toBeInTheDocument();
+            expect(screen.getByText(mockedOptions[0].agentType)).toBeInTheDocument();
+        });
+        Math.random = originalRandom;
+    });
+    it('should not invoke onChange on mount when it has a defaultValue', () => {
+        const onChange = vi.fn();
+        renderWithForm(_jsx(AIDField, { name: "aid", label: "Test Label", defaultValue: mockedOptions[0].value, fetchOptionsCallback: defaultGetOptions, fetchSelectedOptionCallback: defaultGetSelectedOption, onChange: onChange }));
+        expect(onChange).not.toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=aid-field.test.js.map

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

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

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

@@ -0,0 +1,267 @@
+import type { StoryObj } from '@storybook/react';
+import { StorybookControlCategory } from '../../lib/storybook-arg-types.js';
+import { AmountField } from './amount-field.js';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./types.js").AmountFieldProps & import("react").RefAttributes<unknown>>;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+        form: {
+            defaultValues: {
+                'amount-field': {
+                    value: undefined;
+                    unit: string;
+                };
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        baseValue: {
+            control: "object";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        viewMode: {
+            control: "select";
+            description: string;
+            options: string[];
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        type: {
+            control: "select";
+            options: string[];
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        enableStepCarets: {
+            control: "boolean";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        maxValue: {
+            control: "number";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        minValue: {
+            control: "number";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        placeholder: {
+            control: "text";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        value: {
+            control: "object";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        units: {
+            control: "object";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+            if: {
+                arg: string;
+                neq: string;
+            };
+        };
+        includeCurrencySymbols: {
+            control: "boolean";
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+            if: {
+                arg: string;
+                neq: string;
+            };
+        };
+        symbolPosition: {
+            control: "select";
+            description: string;
+            options: string[];
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+            if: {
+                arg: string;
+                neq: string;
+            };
+        };
+        step: {
+            control: "number";
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        currencyPosition: {
+            control: "select";
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+            if: {
+                arg: string;
+                neq: string;
+            };
+        };
+        trailingZeros: {
+            control: "boolean";
+            description: string;
+            if: {
+                arg: string;
+                neq: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        viewPrecision: {
+            control: "number";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        precision: {
+            control: "number";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        allowNegative: {
+            control: "boolean";
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        numberProps: {
+            control: "object";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        selectProps: {
+            control: "object";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+    };
+    args: {
+        name: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof AmountField>;
+export declare const Default: Story;
+export declare const WithValue: Story;
+export declare const WithAmountFiat: Story;
+export declare const WithAmountCurrency: Story;
+export declare const WithAmountCrypto: Story;
+export declare const WithValuePercent: Story;
+export declare const Disable: Story;
+export declare const WithDifferencesAddition: Story;
+export declare const WithDifferencesRemoval: Story;
+export declare const WithDifferencesMixed: Story;
+//# sourceMappingURL=amount-field.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"amount-field.stories.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/amount-field/amount-field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAIL,wBAAwB,EACzB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAQ/C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsL0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEzC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAA;AACD,eAAO,MAAM,cAAc,EAAE,KAkB5B,CAAA;AACD,eAAO,MAAM,kBAAkB,EAAE,KAWhC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAqB9B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAc9B,CAAA;AACD,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAerC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAepC,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAelC,CAAA"}