@powerhousedao/document-engineering 1.38.0 → 1.39.0

package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker.stories.js

@@ -0,0 +1,376 @@
+import { withTimestampsAsISOStrings } from '@powerhousedao/document-engineering/scalars/lib/decorators.js';
+import { getDefaultArgTypes, getValidationArgTypes, PrebuiltArgTypes, StorybookControlCategory, } from '@powerhousedao/document-engineering/scalars/lib/storybook-arg-types.js';
+import { DateTimePicker } from './date-time-picker.js';
+import { FORMAT_MAPPING } from './utils.js';
+/**
+ * The `DateTimePicker` component provides an input field for selecting both dates and times.
+ * It supports multiple configuration properties like:
+ * - label
+ * - description
+ * - dateFormat
+ * - timeFormat
+ * - timeIntervals
+ * - timeZone
+ * - showTimezoneSelect
+ * - includeContinent
+ * - weekStart
+ * - autoClose
+ * - minDate
+ * - maxDate
+ * - disablePastDates
+ * - disableFutureDates
+ *
+ * Features include:
+ * - Support for both date and time selection in a single component
+ * - Customizable date and time formats
+ * - Timezone selection and display
+ * - Continent information in timezone selection
+ * - Automatic timezone detection
+ * - Min/Max date restrictions
+ * - Past/Future date restrictions
+ * - Customizable week start day
+ * - Auto-close on selection
+ * - Range selection support
+ * - Today's date highlighting
+ * - Weekday headers
+ * - Month navigation
+ * - Year view support
+ *
+ * > **Note:** This component does not have built-in validation. If you need built-in validation
+ * > you can use the [Date Time Picker Field](?path=/docs/scalars-date-time-picker-field--readme)
+ * > component.
+ *
+ * ## Component Customization
+ * The component can be customized using the `className` prop which accepts a string of Tailwind classes.
+ * Each class should follow the format `[&_.date-time-picker\\_\\_{element}]:{tailwind-classes}`.
+ *
+ * ### Date Time Picker Base Classes
+ * - .date-time-picker__content: Main content container
+ * - .date-time-picker__tabs: Tabs container
+ * - .date-time-picker__tabs_svg: Tab icons
+ * - .base-picker__input: Input field container
+ * - .base-picker__popover: Popover container
+ *
+ * ### Date Picker Customization
+ * For customizing the date picker part, you can use the following classes from the `DatePicker` component:
+ * - .date-picker__calendar: Calendar container
+ * - .date-picker__button-next: Next month button
+ * - .date-picker__button-previous: Previous month button
+ * - .date-picker__selected: Selected dates
+ * - .date-picker__today: Today's date
+ * - .date-picker__weekday: Weekday headers
+ * - .date-picker__day-button: Day buttons
+ * - .date-picker__day: Day cells
+ * - .date-picker__outside: Days outside current month
+ * - .date-picker__month-caption: Month/year caption
+ * - .date-picker__months: Months container
+ * - .date-picker__month: Month container
+ * - .date-picker__week: Week container
+ * - .date-picker__range-start: Range start date
+ * - .date-picker__range-end: Range end date
+ * - .date-picker__range-middle: Dates in range
+ * - .date-picker__nav: Navigation container
+ * - .date-picker__month-grid: Month grid
+ * - .date-picker__caption: Caption container
+ * - .date-picker__caption-label: Caption label
+ * - .date-picker__weekdays: Weekdays container
+ * - .date-picker__hidden: Hidden elements
+ * - .date-picker__year-grid--view: Year grid view
+ * - .date-picker__month-grid--view: Month grid view
+ * - .date-picker__date-footer: Button footer in month and year view
+ *
+ * > **Note:** For more details about using these Tailwind CSS classes with the `DatePicker` component,
+ * > Go to our Storybook docs → 🎨 [Date Picker documentation](?path=/docs/data-entry-date-picker--readme).
+ *
+ * ### Time Picker Customization
+ * For customizing the time picker part, you can use the following classes from the `TimePicker` component:
+ * - .time-picker__select: Time select container
+ * - .time-picker__option: Time option elements
+ * - .time-picker__timezone: Timezone select container
+ * - .time-picker__timezone-option: Timezone option elements
+ *
+ * > **Note:** For more details about using these Tailwind CSS classes with the `TimePicker` component,
+ * > Go to our Storybook docs → 🎨 [Time Picker documentation](?path=/docs/data-entry-time-picker--readme).
+ *
+ * # Example Usage
+ *
+ * When using Tailwind CSS with custom class names, we need to use `String.raw` because Tailwind
+ * interprets underscores (`_`) as class separators. Without `String.raw`, the escape characters don't work
+ * properly and you would need to use four backslashes (`\\\\`) to make it work. Using `String.raw` ensures
+ * that the class names with underscores are properly escaped and interpreted by Tailwind.
+ *
+ * Here's an example of how to use the DateTimePicker component with custom classes for styling:
+ *
+ * ```tsx
+ * import { DateTimePicker } from './date-time-picker'
+ *
+ * function MyCustomDateTimePicker() {
+ *   return (
+ *     <DateTimePicker
+ *       name="custom-date-time"
+ *       label="Select Date and Time"
+ *       placeholder="YYYY/MM/DD HH:mm"
+ *       className={String.raw`
+ *         // DateTime Picker customization
+ *         [&_.date-time-picker\\_\\_content]:from-cyan-50
+ *         [&_.date-time-picker\\_\\_content]:to-blue-50
+ *         [&_.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
+ *
+ *         // Date Picker customization
+ *         [&_.date-picker\\_\\_button-next]:bg-transparent
+ *         [&_.date-picker\\_\\_button-next]:border-2
+ *         [&_.date-picker\\_\\_button-next]:border-cyan-400
+ *         [&_.date-picker\\_\\_selected]:!bg-cyan-400
+ *         [&_.date-picker\\_\\_selected]:!text-white
+ *         [&_.date-picker\\_\\_today]:border-2
+ *         [&_.date-picker\\_\\_today]:border-cyan-400
+ *         [&_.date-picker\\_\\_weekday]:text-cyan-400
+ *
+ *         // Time Picker customization
+ *         [&_.time-picker\\_\\_select]:border-cyan-200
+ *         [&_.time-picker\\_\\_select]:rounded-lg
+ *         [&_.time-picker\\_\\_option]:text-cyan-700
+ *         [&_.time-picker\\_\\_timezone]:border-cyan-200
+ *         [&_.time-picker\\_\\_timezone-option]:text-cyan-700
+ *       `}
+ *     />
+ *   )
+ * }
+ * ```
+ *
+ */
+const meta = {
+    title: 'Data Entry/Date Time Picker',
+    component: DateTimePicker,
+    tags: ['autodocs'],
+    decorators: [withTimestampsAsISOStrings],
+    argTypes: {
+        ...getDefaultArgTypes({
+            enabledArgTypes: {
+                value: true,
+            },
+        }),
+        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,
+            },
+        },
+        ...getValidationArgTypes({
+            enabledArgTypes: {
+                validators: false,
+                showErrorOnBlur: false,
+                showErrorOnChange: false,
+            },
+        }),
+        ...PrebuiltArgTypes.viewMode,
+        ...PrebuiltArgTypes.baseValue,
+    },
+    args: {
+        name: 'date-time-picker',
+    },
+    parameters: {
+        layout: 'centered',
+        form: {
+            resetBehavior: 'unmount',
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        name: 'date-time-picker',
+        label: 'Date Time Picker Field',
+        description: 'This is a date time picker field',
+        placeholder: '2025/01/27 12:00',
+    },
+};
+export const WithCustomizedContent = {
+    args: {
+        name: 'date-time-picker',
+        label: 'Customized Content',
+        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]:[&_button[data-selected=true]]:border-blue-200
+      [&_.date-time-picker\\_\\_tabs_svg]:text-green-700
+      [&_.date-time-picker\\_\\_tabs_svg[data-state=active]]:text-red-900
+      [&_.date-picker\\_\\_calendar]:bg-white
+      [&_.date-picker\\_\\_calendar]:rounded-b-lg
+      [&_.date-picker\\_\\_calendar_button]:text-gray-700
+      [&_.date-picker\\_\\_calendar_button[data-selected=true]]:bg-green-600
+      [&_.date-picker\\_\\_calendar_button[data-selected=true]]:text-white
+      [&_.date-picker\\_\\_calendar_button[data-selected=true]]:bg-blue-500
+      [&_.date-picker\\_\\_button-previous]:bg-transparent
+      [&_.date-picker\\_\\_button-previous]:border-2
+      [&_.date-picker\\_\\_button-previous]:border-cyan-400
+      [&_.date-picker\\_\\_button-next]:bg-transparent
+      [&_.date-picker\\_\\_button-next]:border-2
+      [&_.date-picker\\_\\_button-next]:border-cyan-400
+      [&_.date-time-picker\\_\\_tabs_svg[data-selected=true]]:text-red-600
+      [&_.date-time-picker\\_\\_tabs_svg[data-selected=true]]:scale-110
+      [&_.date-time-picker\\_\\_tabs_svg[data-selected=true]]:font-bold
+    `,
+    },
+};
+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.stories.js.map

package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker.stories.js.map

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

package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker.test.d.ts

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

package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker.test.d.ts.map

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

package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker.test.js

@@ -0,0 +1,241 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen, waitFor } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import { DateTimePicker } from './date-time-picker.js';
+import { vi } from 'vitest';
+describe('DateTimePicker', () => {
+    const defaultProps = {
+        name: 'datetime',
+        label: 'Date and Time',
+        placeholder: 'Select date and time',
+    };
+    it('should match the snapshot', () => {
+        const { container } = render(_jsx(DateTimePicker, { ...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', () => {
+        render(_jsx(DateTimePicker, { ...defaultProps, disabled: true }));
+        const input = screen.getByPlaceholderText('Select date and time');
+        expect(input).toBeDisabled();
+    });
+    it('should render with basic props', () => {
+        render(_jsx(DateTimePicker, { ...defaultProps }));
+        expect(screen.getByPlaceholderText('Select date and time')).toBeInTheDocument();
+        expect(screen.getByText('Date and Time')).toBeInTheDocument();
+    });
+    it('should display error messages', () => {
+        const errors = ['Invalid date format'];
+        render(_jsx(DateTimePicker, { ...defaultProps, errors: errors }));
+        expect(screen.getByText('Invalid date format')).toBeInTheDocument();
+    });
+    it('should display warning messages', () => {
+        const warnings = ['Date is in the past'];
+        render(_jsx(DateTimePicker, { ...defaultProps, warnings: warnings }));
+        expect(screen.getByText('Date is in the past')).toBeInTheDocument();
+    });
+    it('should handle description', () => {
+        const description = 'Select a date and time for your appointment';
+        render(_jsx(DateTimePicker, { ...defaultProps, description: description }));
+        expect(screen.getByText(description)).toBeInTheDocument();
+    });
+    it('should disable past dates when disablePastDates is true', async () => {
+        render(_jsx(DateTimePicker, { name: "datetime", label: "Date and Time", placeholder: "Select date and time", disablePastDates: true }));
+        // Click the calendar button using the SVG icon
+        const calendarButton = screen.getByTestId('icon-fallback').closest('button');
+        if (!calendarButton)
+            throw new Error('Calendar button not found');
+        await userEvent.click(calendarButton);
+        // Wait for the calendar to be present
+        await waitFor(() => {
+            const calendar = screen.getByRole('dialog');
+            expect(calendar).toBeInTheDocument();
+        });
+        // Find all day buttons using the aria-label
+        const dateButtons = screen.getAllByRole('button', {
+            name: /^(Today, )?[A-Za-z]+, [A-Za-z]+ \d{1,2}(st|nd|rd|th), \d{4}$/,
+        });
+        const today = new Date();
+        dateButtons.forEach((button) => {
+            const dateStr = button.getAttribute('aria-label');
+            if (!dateStr)
+                return;
+            // Extract day, month and year from aria-label
+            const match = dateStr.match(/([A-Za-z]+), ([A-Za-z]+) (\d{1,2})(st|nd|rd|th), (\d{4})/);
+            if (!match)
+                return;
+            const [, , month, day, , year] = match;
+            const buttonDate = new Date(`${month} ${day}, ${year}`);
+            // If the button date is before today, it should be disabled
+            if (buttonDate.getFullYear() < today.getFullYear() ||
+                (buttonDate.getFullYear() === today.getFullYear() && buttonDate.getMonth() < today.getMonth()) ||
+                (buttonDate.getFullYear() === today.getFullYear() &&
+                    buttonDate.getMonth() === today.getMonth() &&
+                    buttonDate.getDate() < today.getDate())) {
+                expect(button).toHaveClass('disabled:pointer-events-none');
+            }
+        });
+    });
+    it('should disable future dates when disableFutureDates is true', async () => {
+        render(_jsx(DateTimePicker, { ...defaultProps, disableFutureDates: true }));
+        // Click the calendar button to open the popup
+        const calendarButton = screen.getByTestId('icon-fallback').closest('button');
+        if (!calendarButton)
+            throw new Error('Calendar button not found');
+        await userEvent.click(calendarButton);
+        // Wait for the calendar to be present
+        await waitFor(() => {
+            const calendar = screen.getByRole('dialog');
+            expect(calendar).toBeInTheDocument();
+        });
+        // Get all date buttons using their aria-labels
+        const dateButtons = screen.getAllByRole('button', {
+            name: /^(Today, )?[A-Za-z]+, [A-Za-z]+ \d{1,2}(st|nd|rd|th), \d{4}$/,
+        });
+        // Check if future dates are disabled
+        const today = new Date();
+        dateButtons.forEach((button) => {
+            const dateStr = button.getAttribute('aria-label');
+            if (!dateStr)
+                return;
+            // Extract the date from the aria-label
+            const dateMatch = dateStr.match(/(\d{1,2})(st|nd|rd|th), (\d{4})/);
+            if (!dateMatch)
+                return;
+            const [_, day, __, year] = dateMatch;
+            const buttonDate = new Date(parseInt(year), today.getMonth(), parseInt(day));
+            if (buttonDate > today) {
+                expect(button).toHaveClass('disabled:pointer-events-none');
+            }
+        });
+    });
+    it('should handle 12-hour time format', async () => {
+        render(_jsx(DateTimePicker, { ...defaultProps, timeFormat: "hh:mm a" }));
+        // Click the calendar button to open the popup
+        await userEvent.click(screen.getByTestId('icon-fallback').closest('button'));
+        // Wait for the dialog to be present
+        await waitFor(() => {
+            const dialog = screen.getByRole('dialog');
+            expect(dialog).toBeInTheDocument();
+        });
+        // Switch to time tab (clock icon)
+        const tabs = screen.getAllByRole('tab');
+        const timeTab = tabs[1]; // second tab is the time tab
+        await userEvent.click(timeTab);
+        // Verify AM/PM buttons are present
+        await waitFor(() => {
+            expect(screen.getByRole('button', { name: /am/i })).toBeInTheDocument();
+            expect(screen.getByRole('button', { name: /pm/i })).toBeInTheDocument();
+        });
+    });
+    it('should handle 24-hour time format', async () => {
+        render(_jsx(DateTimePicker, { ...defaultProps, timeFormat: "HH:mm" }));
+        // Open the picker by clicking the calendar button (icon)
+        await userEvent.click(screen.getByTestId('icon-fallback').closest('button'));
+        // Wait for the dialog to be present
+        await waitFor(() => {
+            expect(screen.getByRole('dialog')).toBeInTheDocument();
+        });
+        // Switch to time tab
+        const tabs = screen.getAllByRole('tab');
+        const timeTab = tabs[1];
+        await userEvent.click(timeTab);
+        // Check if 24-hour format is used
+        expect(screen.queryByRole('button', { name: /am/i })).not.toBeInTheDocument();
+        expect(screen.queryByRole('button', { name: /pm/i })).not.toBeInTheDocument();
+    });
+    it('should handle required state', () => {
+        render(_jsx(DateTimePicker, { ...defaultProps, required: true }));
+        // Check for the asterisk
+        expect(screen.getByText('*')).toBeInTheDocument();
+        // Or, check the input
+        const input = screen.getByPlaceholderText('Select date and time');
+        expect(input).toBeRequired();
+    });
+    it('should handle different date formats correctly', async () => {
+        const onChange = vi.fn();
+        render(_jsx(DateTimePicker, { ...defaultProps, dateFormat: "dd/MM/yyyy", onChange: onChange }));
+        const input = screen.getByPlaceholderText('Select date and time');
+        await userEvent.type(input, '25/12/2024 14:30');
+        // Verify the input value is formatted correctly
+        expect(input).toHaveValue('25/12/2024 14:30');
+        // Get the last call to onChange
+        const lastCall = onChange.mock.calls[onChange.mock.calls.length - 1][0];
+        // Verify the event type
+        expect(lastCall.type).toBe('change');
+    });
+    it('should handle invalid date format gracefully', async () => {
+        const onChange = vi.fn();
+        render(_jsx(DateTimePicker, { ...defaultProps, dateFormat: "yyyy-MM-dd", onChange: onChange }));
+        const input = screen.getByPlaceholderText('Select date and time');
+        await userEvent.type(input, 'invalid-date 14:30');
+        // Verify the input shows only the time part for invalid dates
+        expect(input).not.toHaveValue('14:30');
+    });
+    it('should handle time format changes correctly', async () => {
+        const onChange = vi.fn();
+        render(_jsx(DateTimePicker, { ...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');
+        // Verify the input value is formatted correctly (without AM/PM in display)
+        // Note: The component adds a trailing space, so we trim it for comparison
+        expect(input.value.trim()).toBe('2024-12-25 02:30 PM');
+        // Get the last call to onChange
+        const lastCall = onChange.mock.calls[onChange.mock.calls.length - 1][0];
+        // Verify the event type
+        expect(lastCall.type).toBe('change');
+    });
+    it('should handle empty input correctly', async () => {
+        const onChange = vi.fn();
+        const onBlur = vi.fn();
+        render(_jsx(DateTimePicker, { ...defaultProps, onChange: onChange, onBlur: onBlur }));
+        const input = screen.getByPlaceholderText('Select date and time');
+        await userEvent.clear(input);
+        await userEvent.tab(); // Trigger blur
+        // Get the last call to onChange
+        const lastOnChangeCall = onChange.mock.calls[onChange.mock.calls.length - 1][0];
+        // Verify onChange was called with empty value
+        expect(lastOnChangeCall.type).toBe('change');
+        expect(lastOnChangeCall.target.value).toBe('');
+        // Get the last call to onBlur
+        const lastOnBlurCall = onBlur.mock.calls[onBlur.mock.calls.length - 1][0];
+        // Verify onBlur was called with empty value
+        expect(lastOnBlurCall.type).toBe('blur');
+        expect(lastOnBlurCall.target.value).toBe('');
+    });
+    describe('DateTimePicker differences', () => {
+        it('should show value when viewMode is addition', () => {
+            const value = '2025-06-05T11:47:34.000-03:00';
+            const baseValue = '2024-03-05T11:47:34.000-03:00';
+            render(_jsx(DateTimePicker, { ...defaultProps, value: value, baseValue: baseValue, viewMode: "addition", dateFormat: "MMM-DD-YYYY", timeFormat: "hh:mm", timeIntervals: 1 }));
+            const input = screen.getByTestId('date-time-picker-diff');
+            expect(input).toBeInTheDocument();
+            expect(screen.getByText('Jun-05-2025 11:47')).toBeInTheDocument();
+            expect(screen.queryByText('Mar-05-2024 11:47')).not.toBeInTheDocument();
+        });
+        it('should show baseValue when viewMode is removal', () => {
+            const value = '2024-01-02T11:55:34.000-03:00';
+            const baseValue = '2024-05-01T11:55:34.000-03:00';
+            render(_jsx(DateTimePicker, { ...defaultProps, value: value, baseValue: baseValue, viewMode: "removal", dateFormat: "MMM-DD-YYYY", timeFormat: "hh:mm", timeIntervals: 1 }));
+            const input = screen.getByTestId('date-time-picker-diff');
+            expect(input).toBeInTheDocument();
+            expect(screen.queryByText('Jan-02-2024 11:55')).not.toBeInTheDocument();
+            expect(screen.getByText('May-01-2024 11:55')).toBeInTheDocument();
+        });
+        it('should show value and baseValue when viewMode is mixed', () => {
+            const value = '2024-01-02T11:55:34.000-03:00';
+            const baseValue = '2024-05-01T11:55:34.000-03:00';
+            render(_jsx(DateTimePicker, { ...defaultProps, value: value, baseValue: baseValue, viewMode: "mixed", dateFormat: "MMM-DD-YYYY", timeFormat: "hh:mm a", timeIntervals: 1 }));
+            const input = screen.getByTestId('date-time-picker-diff');
+            expect(input).toBeInTheDocument();
+            expect(screen.getByText('Jan-02-2024 11:55 AM')).toBeInTheDocument();
+            expect(screen.getByText('May-01-2024 11:55 AM')).toBeInTheDocument();
+        });
+        it('should the input when viewMode is edition', () => {
+            const newValue = '2024-01-01T11:55:34.000-03:00';
+            render(_jsx(DateTimePicker, { ...defaultProps, value: newValue, viewMode: "edition" }));
+            const input = screen.getByRole('textbox');
+            expect(input).toBeInTheDocument();
+        });
+    });
+});
+//# sourceMappingURL=date-time-picker.test.js.map

package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker.test.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/date-time-picker.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AAG3B,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,MAAM,YAAY,GAAG;QACnB,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,eAAe;QACtB,WAAW,EAAE,sBAAsB;KACpC,CAAA;IAED,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,cAAc,OACT,YAAY,EAChB,KAAK,EAAC,YAAY,EAClB,IAAI,EAAC,WAAW,EAChB,KAAK,EAAC,0BAA0B,EAChC,UAAU,EAAC,YAAY,GACvB,CACH,CAAA;QACD,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAA;IACrC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,KAAC,cAAc,OAAK,YAAY,EAAE,QAAQ,SAAG,CAAC,CAAA;QAErD,MAAM,KAAK,GAAG,MAAM,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,CAAA;QACjE,MAAM,CAAC,KAAK,CAAC,CAAC,YAAY,EAAE,CAAA;IAC9B,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACxC,MAAM,CAAC,KAAC,cAAc,OAAK,YAAY,GAAI,CAAC,CAAA;QAE5C,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QAC/E,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IAC/D,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACvC,MAAM,MAAM,GAAG,CAAC,qBAAqB,CAAC,CAAA;QACtC,MAAM,CAAC,KAAC,cAAc,OAAK,YAAY,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC,CAAA;QAE5D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IACrE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,QAAQ,GAAG,CAAC,qBAAqB,CAAC,CAAA;QACxC,MAAM,CAAC,KAAC,cAAc,OAAK,YAAY,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAA;QAEhE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IACrE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,MAAM,WAAW,GAAG,6CAA6C,CAAA;QACjE,MAAM,CAAC,KAAC,cAAc,OAAK,YAAY,EAAE,WAAW,EAAE,WAAW,GAAI,CAAC,CAAA;QAEtE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IAC3D,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;QACvE,MAAM,CAAC,KAAC,cAAc,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,eAAe,EAAC,WAAW,EAAC,sBAAsB,EAAC,gBAAgB,SAAG,CAAC,CAAA;QAEpH,+CAA+C;QAC/C,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;QAC5E,IAAI,CAAC,cAAc;YAAE,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAA;QACjE,MAAM,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;QAErC,sCAAsC;QACtC,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;YAC3C,MAAM,CAAC,QAAQ,CAAC,CAAC,iBAAiB,EAAE,CAAA;QACtC,CAAC,CAAC,CAAA;QAEF,4CAA4C;QAC5C,MAAM,WAAW,GAAG,MAAM,CAAC,YAAY,CAAC,QAAQ,EAAE;YAChD,IAAI,EAAE,8DAA8D;SACrE,CAAC,CAAA;QAEF,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;QACxB,WAAW,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YAC7B,MAAM,OAAO,GAAG,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,CAAA;YACjD,IAAI,CAAC,OAAO;gBAAE,OAAM;YAEpB,8CAA8C;YAC9C,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,0DAA0D,CAAC,CAAA;YACvF,IAAI,CAAC,KAAK;gBAAE,OAAM;YAClB,MAAM,CAAC,EAAE,AAAD,EAAG,KAAK,EAAE,GAAG,EAAE,AAAD,EAAG,IAAI,CAAC,GAAG,KAAK,CAAA;YACtC,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC,CAAA;YAEvD,4DAA4D;YAC5D,IACE,UAAU,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,WAAW,EAAE;gBAC9C,CAAC,UAAU,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,WAAW,EAAE,IAAI,UAAU,CAAC,QAAQ,EAAE,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;gBAC9F,CAAC,UAAU,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,WAAW,EAAE;oBAC/C,UAAU,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,QAAQ,EAAE;oBAC1C,UAAU,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC,EACzC,CAAC;gBACD,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,8BAA8B,CAAC,CAAA;YAC5D,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,6DAA6D,EAAE,KAAK,IAAI,EAAE;QAC3E,MAAM,CAAC,KAAC,cAAc,OAAK,YAAY,EAAE,kBAAkB,SAAG,CAAC,CAAA;QAE/D,8CAA8C;QAC9C,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;QAC5E,IAAI,CAAC,cAAc;YAAE,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAA;QACjE,MAAM,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;QAErC,sCAAsC;QACtC,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;YAC3C,MAAM,CAAC,QAAQ,CAAC,CAAC,iBAAiB,EAAE,CAAA;QACtC,CAAC,CAAC,CAAA;QAEF,+CAA+C;QAC/C,MAAM,WAAW,GAAG,MAAM,CAAC,YAAY,CAAC,QAAQ,EAAE;YAChD,IAAI,EAAE,8DAA8D;SACrE,CAAC,CAAA;QAEF,qCAAqC;QACrC,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;QACxB,WAAW,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YAC7B,MAAM,OAAO,GAAG,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,CAAA;YACjD,IAAI,CAAC,OAAO;gBAAE,OAAM;YAEpB,uCAAuC;YACvC,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,iCAAiC,CAAC,CAAA;YAClE,IAAI,CAAC,SAAS;gBAAE,OAAM;YAEtB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAA;YACpC,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAA;YAE5E,IAAI,UAAU,GAAG,KAAK,EAAE,CAAC;gBACvB,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,8BAA8B,CAAC,CAAA;YAC5D,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,CAAC,KAAC,cAAc,OAAK,YAAY,EAAE,UAAU,EAAC,SAAS,GAAG,CAAC,CAAA;QAEjE,8CAA8C;QAC9C,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAE,CAAC,CAAA;QAE7E,oCAAoC;QACpC,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;YACzC,MAAM,CAAC,MAAM,CAAC,CAAC,iBAAiB,EAAE,CAAA;QACpC,CAAC,CAAC,CAAA;QAEF,kCAAkC;QAClC,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;QACvC,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA,CAAC,6BAA6B;QACrD,MAAM,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;QAE9B,mCAAmC;QACnC,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;YACvE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QACzE,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,CAAC,KAAC,cAAc,OAAK,YAAY,EAAE,UAAU,EAAC,OAAO,GAAG,CAAC,CAAA;QAE/D,yDAAyD;QACzD,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAE,CAAC,CAAA;QAE7E,oCAAoC;QACpC,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QACxD,CAAC,CAAC,CAAA;QAEF,qBAAqB;QACrB,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;QACvC,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;QACvB,MAAM,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;QAE9B,kCAAkC;QAClC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAA;QAC7E,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAA;IAC/E,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,KAAC,cAAc,OAAK,YAAY,EAAE,QAAQ,SAAG,CAAC,CAAA;QAErD,yBAAyB;QACzB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QAEjD,sBAAsB;QACtB,MAAM,KAAK,GAAG,MAAM,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,CAAA;QACjE,MAAM,CAAC,KAAK,CAAC,CAAC,YAAY,EAAE,CAAA;IAC9B,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAC9D,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAA8C,CAAA;QACpE,MAAM,CAAC,KAAC,cAAc,OAAK,YAAY,EAAE,UAAU,EAAC,YAAY,EAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAA;QAExF,MAAM,KAAK,GAAG,MAAM,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,CAAA;QACjE,MAAM,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAA;QAE/C,gDAAgD;QAChD,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAA;QAE7C,gCAAgC;QAChC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAEvE,wBAAwB;QACxB,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IACtC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAA8C,CAAA;QACpE,MAAM,CAAC,KAAC,cAAc,OAAK,YAAY,EAAE,UAAU,EAAC,YAAY,EAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAA;QAExF,MAAM,KAAK,GAAG,MAAM,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,CAAA;QACjE,MAAM,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAA;QAEjD,8DAA8D;QAC9D,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;IACxC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAA8C,CAAA;QACpE,MAAM,CAAC,KAAC,cAAc,OAAK,YAAY,EAAE,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAA;QAErF,MAAM,KAAK,GAAqB,MAAM,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,CAAA;QACnF,MAAM,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,qBAAqB,CAAC,CAAA;QAElD,2EAA2E;QAC3E,0EAA0E;QAC1E,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAA;QAEtD,gCAAgC;QAChC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAEvE,wBAAwB;QACxB,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IACtC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAA8C,CAAA;QACpE,MAAM,MAAM,GAAG,EAAE,CAAC,EAAE,EAA6C,CAAA;QACjE,MAAM,CAAC,KAAC,cAAc,OAAK,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC,CAAA;QAEhF,MAAM,KAAK,GAAG,MAAM,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,CAAA;QACjE,MAAM,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QAC5B,MAAM,SAAS,CAAC,GAAG,EAAE,CAAA,CAAC,eAAe;QAErC,gCAAgC;QAChC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAE/E,8CAA8C;QAC9C,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC5C,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QAE9C,8BAA8B;QAC9B,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAEzE,4CAA4C;QAC5C,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACxC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAC9C,CAAC,CAAC,CAAA;IACF,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;QAC1C,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;YACrD,MAAM,KAAK,GAAG,+BAA+B,CAAA;YAC7C,MAAM,SAAS,GAAG,+BAA+B,CAAA;YACjD,MAAM,CACJ,KAAC,cAAc,OACT,YAAY,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAC,UAAU,EACnB,UAAU,EAAC,aAAa,EACxB,UAAU,EAAC,OAAO,EAClB,aAAa,EAAE,CAAC,GAChB,CACH,CAAA;YAED,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAA;YACzD,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,EAAE,CAAA;YACjC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;YACjE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAA;QACzE,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;YACxD,MAAM,KAAK,GAAG,+BAA+B,CAAA;YAC7C,MAAM,SAAS,GAAG,+BAA+B,CAAA;YACjD,MAAM,CACJ,KAAC,cAAc,OACT,YAAY,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAC,SAAS,EAClB,UAAU,EAAC,aAAa,EACxB,UAAU,EAAC,OAAO,EAClB,aAAa,EAAE,CAAC,GAChB,CACH,CAAA;YAED,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAA;YACzD,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,EAAE,CAAA;YACjC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAA;YACvE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QACnE,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;YAChE,MAAM,KAAK,GAAG,+BAA+B,CAAA;YAC7C,MAAM,SAAS,GAAG,+BAA+B,CAAA;YACjD,MAAM,CACJ,KAAC,cAAc,OACT,YAAY,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAC,OAAO,EAChB,UAAU,EAAC,aAAa,EACxB,UAAU,EAAC,SAAS,EACpB,aAAa,EAAE,CAAC,GAChB,CACH,CAAA;YAED,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAA;YACzD,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,EAAE,CAAA;YACjC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;YACpE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QACtE,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;YACnD,MAAM,QAAQ,GAAG,+BAA+B,CAAA;YAChD,MAAM,CAAC,KAAC,cAAc,OAAK,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAC,SAAS,GAAG,CAAC,CAAA;YAChF,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAA;YACzC,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,EAAE,CAAA;QACnC,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}