@powerhousedao/document-engineering 1.38.0 → 1.40.0

package/dist/src/scalars/components/date-time-picker-field/date-time-picker-field.stories.js

@@ -0,0 +1,218 @@
+import { FORMAT_MAPPING } from '../../../ui/components/data-entry/date-time-picker/utils.js';
+import { withForm } from '../../index.js';
+import { getDefaultArgTypes, getValidationArgTypes, StorybookControlCategory } from '../../lib/storybook-arg-types.js';
+import { DateTimePickerField } from './date-time-picker-field.js';
+/**
+ * A  `DateTimePickerField` component designed for form usage with built-in validation.
+ * It renders both a `DatePicker` and `TimePicker` functionality in a single component.
+ *
+ * For styling examples:
+ * See our Storybook docs → 🎨
+ * [Date Time Picker Examples](?path=/docs/data-entry-date-time-picker--readme)
+ */
+const meta = {
+    title: 'Scalars/Date Time Picker Field',
+    component: DateTimePickerField,
+    decorators: [withForm],
+    tags: ['autodocs'],
+    argTypes: {
+        ...getDefaultArgTypes({
+            enabledArgTypes: {
+                value: true,
+            },
+        }),
+        ...getValidationArgTypes({}),
+        minDate: {
+            control: 'date',
+            description: 'Minimum selectable date in the date picker',
+            table: {
+                type: { summary: 'date' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        maxDate: {
+            control: 'date',
+            description: 'Maximum selectable date in the date picker',
+            table: {
+                type: { summary: 'date' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        disablePastDates: {
+            control: 'boolean',
+            description: 'Disable past dates in the date picker',
+            table: {
+                type: { summary: 'boolean' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        disableFutureDates: {
+            control: 'boolean',
+            description: 'Disable future dates in the date picker',
+            table: {
+                type: { summary: 'boolean' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        dateFormat: {
+            control: {
+                type: 'select',
+            },
+            description: 'The format of the date in the date picker',
+            options: Object.keys(FORMAT_MAPPING),
+            table: {
+                defaultValue: { summary: 'YYYY-MM-DD' },
+                type: {
+                    summary: 'string',
+                },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        weekStart: {
+            control: 'select',
+            description: 'The first day of the week in the date picker',
+            options: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
+            table: {
+                defaultValue: { summary: 'Monday' },
+                type: {
+                    summary: 'string',
+                },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        autoClose: {
+            control: 'boolean',
+            description: 'Close the date picker when a date is selected',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        // Time picker props
+        timeFormat: {
+            control: {
+                type: 'select',
+            },
+            description: 'The format of the time in the time picker',
+            table: {
+                defaultValue: { summary: 'hh:mm A' },
+                type: {
+                    summary: 'string',
+                },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+            options: ['hh:mm A', 'HH:mm'],
+            defaultValue: { summary: 'hh:mm A' },
+        },
+        showTimezoneSelect: {
+            control: {
+                type: 'boolean',
+            },
+            description: 'Show timezone select',
+            table: {
+                type: { summary: 'boolean' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        timeZone: {
+            control: {
+                type: 'text',
+            },
+            description: 'The timezone to display in the time picker',
+            table: {
+                type: { summary: 'string' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        timeIntervals: {
+            description: 'The interval between each time option',
+            control: {
+                type: 'number',
+            },
+            type: 'number',
+            min: 1,
+            max: 60,
+            table: {
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+            defaultValue: { summary: 1 },
+        },
+        includeContinent: {
+            control: 'boolean',
+            description: 'Show continent name in the timezone select',
+            table: {
+                type: { summary: 'boolean' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        placeholder: {
+            control: 'text',
+            description: 'The placeholder text for the date time picker',
+            table: {
+                type: { summary: 'string' },
+                category: StorybookControlCategory.DEFAULT,
+            },
+        },
+    },
+    args: {
+        name: 'date-time-picker-field',
+    },
+    parameters: {
+        layout: 'centered',
+        form: {
+            resetBehavior: 'unmount',
+        },
+    },
+};
+export default meta;
+export const DateTimePicker = {
+    args: {
+        label: 'Date Time Picker Field',
+        description: 'This is a date time picker field',
+        placeholder: '2025/01/27 12:00',
+    },
+};
+export const WithCustomizedContent = {
+    args: {
+        label: 'Date Time Picker Field',
+        description: 'This is a date time picker field',
+        placeholder: '2025/01/27 12:00',
+        className: String.raw `
+      [&_.date-time-picker\\_\\_content]:rounded-lg
+      [&_.date-time-picker\\_\\_content]:border-cyan-200
+      [&_.date-time-picker\\_\\_tabs]:border-cyan-200
+      [&_.date-time-picker\\_\\_tabs_svg]:text-green-700
+      [&_.date-time-picker\\_\\_tabs_svg[data-state=active]]:text-green-900
+    `,
+    },
+};
+export const WithDifferencesAddition = {
+    args: {
+        name: 'date-time-picker',
+        label: 'Date Time Picker Field',
+        description: 'This is a date time picker field',
+        value: '2024-06-12T11:47:34.000-03:00',
+        viewMode: 'addition',
+    },
+};
+export const WithDifferencesRemoval = {
+    args: {
+        name: 'date-time-picker',
+        label: 'Date Time Picker Field',
+        description: 'This is a date time picker field',
+        baseValue: '2023-06-15T11:47:34.000-03:00',
+        viewMode: 'removal',
+    },
+};
+export const WithDifferencesMixed = {
+    args: {
+        name: 'date-time-picker',
+        label: 'Date Time Picker Field',
+        description: 'This is a date time picker field',
+        value: '2025-06-05T11:47:34.000-03:00',
+        baseValue: '2024-06-05T11:47:34.000-03:00',
+        viewMode: 'mixed',
+    },
+};
+//# sourceMappingURL=date-time-picker-field.stories.js.map

package/dist/src/scalars/components/date-time-picker-field/date-time-picker-field.stories.js.map

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

package/dist/src/scalars/components/date-time-picker-field/date-time-picker-field.test.d.ts

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

package/dist/src/scalars/components/date-time-picker-field/date-time-picker-field.test.d.ts.map

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

package/dist/src/scalars/components/date-time-picker-field/date-time-picker-field.test.js

@@ -0,0 +1,125 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { screen, waitFor } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import { DateTimePickerField } from './date-time-picker-field.js';
+import { vi } from 'vitest';
+import { renderWithForm } from '@powerhousedao/document-engineering/scalars/lib/testing.js';
+describe('DateTimePickerField', () => {
+    const defaultProps = {
+        name: 'datetime',
+        label: 'Date and Time',
+        placeholder: 'Select date and time',
+    };
+    it('should match the snapshot', () => {
+        const { container } = renderWithForm(_jsx(DateTimePickerField, { ...defaultProps, label: "Test Label", name: "test-date", value: "2025-01-01T12:00:00.000Z", dateFormat: "yyyy-MM-dd" }));
+        expect(container).toMatchSnapshot();
+    });
+    it('should handle disabled state', () => {
+        renderWithForm(_jsx(DateTimePickerField, { ...defaultProps, disabled: true }));
+        const input = screen.getByPlaceholderText('Select date and time');
+        expect(input).toBeDisabled();
+    });
+    it('should render with basic props', () => {
+        renderWithForm(_jsx(DateTimePickerField, { ...defaultProps }));
+        expect(screen.getByPlaceholderText('Select date and time')).toBeInTheDocument();
+        expect(screen.getByText('Date and Time')).toBeInTheDocument();
+    });
+    it('should display error messages from validation', async () => {
+        renderWithForm(_jsx(DateTimePickerField, { ...defaultProps, required: true, showErrorOnBlur: true }));
+        const input = screen.getByPlaceholderText('Select date and time');
+        await userEvent.click(input);
+        await userEvent.tab(); // Trigger blur to show validation
+        await waitFor(() => {
+            expect(screen.getByText(/this field is required/i)).toBeInTheDocument();
+        });
+    });
+    it('should handle description', () => {
+        const description = 'Select a date and time for your appointment';
+        renderWithForm(_jsx(DateTimePickerField, { ...defaultProps, description: description }));
+        expect(screen.getByText(description)).toBeInTheDocument();
+    });
+    it('should handle required state with validation', async () => {
+        renderWithForm(_jsx(DateTimePickerField, { ...defaultProps, required: true, showErrorOnBlur: true }));
+        expect(screen.getByText('*')).toBeInTheDocument();
+        const input = screen.getByPlaceholderText('Select date and time');
+        expect(input).toBeRequired();
+        // Trigger validation by focusing and blurring
+        await userEvent.click(input);
+        await userEvent.tab();
+        await waitFor(() => {
+            expect(screen.getByText(/this field is required/i)).toBeInTheDocument();
+        });
+    });
+    it('should handle different date formats correctly', async () => {
+        const onChange = vi.fn();
+        renderWithForm(_jsx(DateTimePickerField, { ...defaultProps, dateFormat: "dd/MM/yyyy", onChange: onChange }));
+        const input = screen.getByPlaceholderText('Select date and time');
+        await userEvent.type(input, '25/12/2024 14:30');
+        expect(input).toHaveValue('25/12/2024 14:30');
+        const lastCall = onChange.mock.calls[onChange.mock.calls.length - 1][0];
+        expect(lastCall.type).toBe('change');
+    });
+    it('should handle time format changes correctly', async () => {
+        const onChange = vi.fn();
+        renderWithForm(_jsx(DateTimePickerField, { ...defaultProps, timeFormat: "HH:mm a", onChange: onChange }));
+        const input = screen.getByPlaceholderText('Select date and time');
+        await userEvent.type(input, '2024-12-25 02:30 PM');
+        expect(input.value.trim()).toBe('2024-12-25 02:30 PM');
+        const lastCall = onChange.mock.calls[onChange.mock.calls.length - 1][0];
+        expect(lastCall.type).toBe('change');
+    });
+    it('should handle empty input with validation', async () => {
+        const onChange = vi.fn();
+        renderWithForm(_jsx(DateTimePickerField, { ...defaultProps, required: true, showErrorOnBlur: true, onChange: onChange }));
+        const input = screen.getByPlaceholderText('Select date and time');
+        await userEvent.clear(input);
+        await userEvent.tab();
+        const lastOnChangeCall = onChange.mock.calls[onChange.mock.calls.length - 1][0];
+        expect(lastOnChangeCall.type).toBe('change');
+        expect(lastOnChangeCall.target.value).toBe('');
+        await waitFor(() => {
+            expect(screen.getByText(/this field is required/i)).toBeInTheDocument();
+        });
+    });
+    it('should validate date format', async () => {
+        renderWithForm(_jsx(DateTimePickerField, { ...defaultProps, showErrorOnBlur: true }));
+        const input = screen.getByPlaceholderText('Select date and time');
+        expect(input).toBeInTheDocument();
+        await userEvent.type(input, 'invalid-date 14:30');
+        await userEvent.tab();
+        await waitFor(() => {
+            expect(screen.getByText(/Invalid date format. Use/i)).toBeInTheDocument();
+        });
+    });
+    it('should validate time format', async () => {
+        renderWithForm(_jsx(DateTimePickerField, { ...defaultProps, showErrorOnBlur: true }));
+        const input = screen.getByPlaceholderText('Select date and time');
+        expect(input).toBeInTheDocument();
+        await userEvent.type(input, '2024-12-25 invalid-time');
+        await userEvent.tab();
+        await waitFor(() => {
+            expect(screen.getByText(/invalid format/i)).toBeInTheDocument();
+        });
+    });
+    it('should validate max date', async () => {
+        renderWithForm(_jsx(DateTimePickerField, { ...defaultProps, maxDate: "2024-12-31", showErrorOnBlur: true, dateFormat: "yyyy-MM-dd", timeFormat: "HH:mm a" }));
+        const input = screen.getByRole('textbox');
+        expect(input).toBeInTheDocument();
+        await userEvent.type(input, '2025-01-01 14:30');
+        await userEvent.tab();
+        await waitFor(() => {
+            expect(screen.getByText(/Date must be before/i)).toBeInTheDocument();
+        });
+    });
+    it('should validate min date', async () => {
+        renderWithForm(_jsx(DateTimePickerField, { ...defaultProps, minDate: "2024-12-10", showErrorOnBlur: true, dateFormat: "yyyy-MM-dd", timeFormat: "HH:mm a" }));
+        const input = screen.getByRole('textbox');
+        expect(input).toBeInTheDocument();
+        await userEvent.type(input, '2024-11-09 14:30');
+        await userEvent.tab();
+        await waitFor(() => {
+            expect(screen.getByText(/Date must be after/i)).toBeInTheDocument();
+        });
+    });
+});
+//# sourceMappingURL=date-time-picker-field.test.js.map

package/dist/src/scalars/components/date-time-picker-field/date-time-picker-field.test.js.map

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

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

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { EmailField } from './email-field.js';
+declare const meta: Meta<typeof EmailField>;
+export default meta;
+type Story = StoryObj<typeof EmailField>;
+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;
+export declare const WithEmailMatchForm: Story;
+//# sourceMappingURL=email-field.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"email-field.stories.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/email-field/email-field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAQtD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA8CjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AACD,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAA;AACD,eAAO,MAAM,sBAAsB,EAAE,KAOpC,CAAA;AACD,eAAO,MAAM,oBAAoB,EAAE,KAOlC,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAyBhC,CAAA"}

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

@@ -0,0 +1,108 @@
+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 { EmailField } from './email-field.js';
+const meta = {
+    title: 'Scalars/Email Field',
+    component: EmailField,
+    decorators: [withForm],
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        ...getDefaultArgTypes(),
+        ...PrebuiltArgTypes.placeholder,
+        ...PrebuiltArgTypes.autoComplete,
+        ...getValidationArgTypes({
+            enabledArgTypes: {
+                validators: false,
+            },
+        }),
+        ...PrebuiltArgTypes.pattern,
+        ...PrebuiltArgTypes.minLength,
+        ...PrebuiltArgTypes.maxLength,
+        ...PrebuiltArgTypes.viewMode,
+        ...PrebuiltArgTypes.baseValue,
+        allowedDomains: {
+            control: 'object',
+            description: 'Allowed domains for the email field',
+            table: {
+                type: { summary: 'string[]' },
+                detail: 'Array of allowed domains',
+                category: StorybookControlCategory.VALIDATION,
+            },
+        },
+        matchFieldName: {
+            control: 'text',
+            description: 'Name of another field in the form to validate that this field matches its value. Used for confirmation fields like "Confirm Email" that must match 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,
+            },
+        },
+    },
+    args: {
+        name: 'email-field',
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        label: 'Email Input',
+        placeholder: 'Enter your email',
+    },
+};
+export const Filled = {
+    args: {
+        label: 'Email Input',
+        placeholder: 'Enter your email',
+        value: 'john.doe@example.com',
+    },
+};
+export const WithDifferencesAddition = {
+    args: {
+        label: 'Number difference addition',
+        value: 'test@gmail.com',
+        baseValue: 'other@example.com',
+        viewMode: 'addition',
+    },
+};
+export const WithDifferencesRemoval = {
+    args: {
+        label: 'Date difference removal',
+        value: 'test@gmail.com',
+        baseValue: 'test@example.com',
+        viewMode: 'removal',
+    },
+};
+export const WithDifferencesMixed = {
+    args: {
+        label: 'Date difference mixed',
+        value: 'other@example.com',
+        baseValue: 'test@example.com',
+        viewMode: 'mixed',
+    },
+};
+export const WithEmailMatchForm = {
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                code: `
+<Form defaultValues={{ email: '', confirmEmail: '' }}>
+  <EmailField label="Email Address" name="email" placeholder="Enter your email" />
+  <EmailField label="Confirm Email" name="confirmEmail" placeholder="Confirm your email" matchFieldName="email" />
+  <Button type="submit">Submit</Button>
+</Form>
+        `,
+            },
+            description: {
+                story: 'Example showing how to use `matchFieldName` prop to create email confirmation fields. The second field validates that it matches the value of the first field.',
+            },
+        },
+    },
+    render: () => (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(EmailField, { label: "Email Address", name: "email", placeholder: "Enter your email" }), _jsx(EmailField, { label: "Confirm Email", name: "confirmEmail", placeholder: "Confirm your email", matchFieldName: "email" })] })),
+};
+//# sourceMappingURL=email-field.stories.js.map

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

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

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

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

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

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