@powerhousedao/document-engineering 1.37.0 → 1.39.0

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

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

package/dist/src/scalars/components/currency-code-field/currency-code-field.test.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { render, screen } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import { describe, expect, it } from 'vitest';
+import { renderWithForm } from '../../lib/testing.js';
+import { Form } from '../form/index.js';
+import { CurrencyCodeField } from './currency-code-field.js';
+import { currencies } from '../../../ui/components/data-entry/currency-code-picker/utils.js';
+describe('CurrencyCodeField', () => {
+    it('should match snapshot', () => {
+        const { container } = renderWithForm(_jsx(CurrencyCodeField, { name: "currency", label: "Currency", description: "Select a currency", value: "USD", currencies: currencies() }));
+        expect(container).toMatchSnapshot();
+    });
+    it('should render with default props', () => {
+        renderWithForm(_jsx(CurrencyCodeField, { name: "currency", label: "Currency", currencies: currencies() }));
+        expect(screen.getByRole('combobox')).toBeInTheDocument();
+        expect(screen.getByText('Currency')).toBeInTheDocument();
+    });
+    it('should show an error if trying to submit empty with required enabled', async () => {
+        const user = userEvent.setup();
+        renderWithForm(_jsxs(_Fragment, { children: [_jsx(CurrencyCodeField, { name: "currency", label: "Currency", required: true, currencies: currencies() }), _jsx("button", { type: "submit", children: "Submit" })] }));
+        await user.click(screen.getByText('Submit'));
+        expect(screen.getByText('This field is required')).toBeInTheDocument();
+    });
+    it('should submit the currency code', async () => {
+        const onSubmit = vitest.fn();
+        const user = userEvent.setup();
+        render(_jsxs(Form, { onSubmit: onSubmit, children: [_jsx(CurrencyCodeField, { name: "currency", label: "Currency", value: "USD", currencies: currencies() }), _jsx("button", { type: "submit", children: "Submit" })] }));
+        await user.click(screen.getByText('Submit'));
+        expect(onSubmit).toHaveBeenCalledWith({ currency: 'USD' });
+    });
+    it('should handle disabled state', () => {
+        renderWithForm(_jsx(CurrencyCodeField, { name: "currency", label: "Currency", disabled: true, currencies: currencies() }));
+        expect(screen.getByRole('combobox')).toBeDisabled();
+    });
+    it('should display custom errors', async () => {
+        const errors = ['Please select a valid currency'];
+        renderWithForm(_jsx(CurrencyCodeField, { name: "currency", label: "Currency", errors: errors, currencies: currencies() }));
+        expect(await screen.findByText(errors[0])).toBeInTheDocument();
+    });
+    it('should display custom warnings', async () => {
+        const warnings = ['This currency may have restrictions'];
+        renderWithForm(_jsx(CurrencyCodeField, { name: "currency", label: "Currency", warnings: warnings, currencies: currencies() }));
+        expect(await screen.findByText(warnings[0])).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=currency-code-field.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"currency-code-field.test.js","sourceRoot":"","sources":["../../../../../src/scalars/components/currency-code-field/currency-code-field.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,iEAAiE,CAAA;AAE5F,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,CAClC,KAAC,iBAAiB,IAChB,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,UAAU,EAChB,WAAW,EAAC,mBAAmB,EAC/B,KAAK,EAAC,KAAK,EACX,UAAU,EAAE,UAAU,EAAE,GACxB,CACH,CAAA;QACD,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAA;IACrC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,cAAc,CAAC,KAAC,iBAAiB,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAE,UAAU,EAAE,GAAI,CAAC,CAAA;QAChG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QACxD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IAC1D,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,sEAAsE,EAAE,KAAK,IAAI,EAAE;QACpF,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAA;QAC9B,cAAc,CACZ,8BACE,KAAC,iBAAiB,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,QAAC,UAAU,EAAE,UAAU,EAAE,GAAI,EACzF,iBAAQ,IAAI,EAAC,QAAQ,uBAAgB,IACpC,CACJ,CAAA;QACD,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAA;QAC5C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IACxE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,EAAE,CAAA;QAC5B,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAA;QAC9B,MAAM,CACJ,MAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,aACtB,KAAC,iBAAiB,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,KAAK,EAAC,UAAU,EAAE,UAAU,EAAE,GAAI,EAC5F,iBAAQ,IAAI,EAAC,QAAQ,uBAAgB,IAChC,CACR,CAAA;QACD,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAA;QAC5C,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAA;IAC5D,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,cAAc,CAAC,KAAC,iBAAiB,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,QAAC,UAAU,EAAE,UAAU,EAAE,GAAI,CAAC,CAAA;QACzG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,EAAE,CAAA;IACrD,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,MAAM,GAAG,CAAC,gCAAgC,CAAC,CAAA;QACjD,cAAc,CAAC,KAAC,iBAAiB,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAI,CAAC,CAAA;QAChH,MAAM,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IAChE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,QAAQ,GAAG,CAAC,qCAAqC,CAAC,CAAA;QACxD,cAAc,CAAC,KAAC,iBAAiB,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,GAAI,CAAC,CAAA;QACpH,MAAM,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IAClE,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

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

@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { DatePickerField } from './date-picker-field.js';
+/**
+ * A date picker component designed for form usage with built-in validation.
+ *
+ * Key features:
+ * - Seamless form integration
+ * - Input validation out of the box
+ * - Customizable styling via Tailwind CSS (className prop)
+ * - Date range restrictions (min/max, disable past/future dates)
+ *
+ * For styling examples and implementation details:
+ * See our Storybook docs → 🎨
+ * [Date Picker Examples](?path=/docs/data-entry-date-picker--readme)
+ */
+declare const meta: Meta<typeof DatePickerField>;
+export default meta;
+type Story = StoryObj<typeof DatePickerField>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const Filled: Story;
+export declare const WithCustomizedCalendar: Story;
+export declare const WithDifferencesAddition: Story;
+export declare const WithDifferencesRemoval: Story;
+export declare const WithDifferencesMixed: Story;
+//# sourceMappingURL=date-picker-field.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-field.stories.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/date-picker-field/date-picker-field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD;;;;;;;;;;;;GAYG;AAEH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAyHtC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAA;AAE7C,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KA0GpC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAQrC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAQpC,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAQlC,CAAA"}

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

@@ -0,0 +1,296 @@
+import { FORMAT_MAPPING } from '../../../ui/components/data-entry/date-time-picker/utils.js';
+import { withForm, withTimestampsAsISOStrings } from '../../lib/decorators.js';
+import { getDefaultArgTypes, getValidationArgTypes, StorybookControlCategory } from '../../lib/storybook-arg-types.js';
+import { DatePickerField } from './date-picker-field.js';
+/**
+ * A date picker component designed for form usage with built-in validation.
+ *
+ * Key features:
+ * - Seamless form integration
+ * - Input validation out of the box
+ * - Customizable styling via Tailwind CSS (className prop)
+ * - Date range restrictions (min/max, disable past/future dates)
+ *
+ * For styling examples and implementation details:
+ * See our Storybook docs → 🎨
+ * [Date Picker Examples](?path=/docs/data-entry-date-picker--readme)
+ */
+const meta = {
+    title: 'Scalars/Date Picker Field',
+    component: DatePickerField,
+    parameters: {
+        layout: 'centered',
+        form: {
+            resetBehavior: 'unmount',
+        },
+    },
+    decorators: [withForm, withTimestampsAsISOStrings],
+    tags: ['autodocs'],
+    argTypes: {
+        ...getDefaultArgTypes({
+            valueControlType: 'date',
+            valueType: 'date',
+        }),
+        ...getValidationArgTypes(),
+        minDate: {
+            control: 'date',
+            description: 'Minimum selectable date in the date picker',
+            table: {
+                type: { summary: 'string' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        maxDate: {
+            control: 'date',
+            description: 'Maximum selectable date in the date picker',
+            table: {
+                type: { summary: 'string' },
+                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',
+            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,
+            },
+        },
+        placeholder: {
+            control: 'text',
+            description: 'The placeholder text for the date picker',
+            table: {
+                type: { summary: 'string' },
+                category: StorybookControlCategory.DEFAULT,
+            },
+        },
+        className: {
+            control: 'text',
+            description: 'Additional className for customizing the calendar',
+            table: {
+                type: { summary: 'string' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        viewMode: {
+            control: 'select',
+            options: ['edition', 'addition', 'removal', 'mixed'],
+            defaultValue: 'edition',
+            description: 'The mode of the date picker',
+            table: {
+                type: { summary: 'string' },
+                category: StorybookControlCategory.DIFF,
+            },
+        },
+        baseValue: {
+            control: 'date',
+            description: 'The base value of the date picker',
+            table: {
+                category: StorybookControlCategory.DIFF,
+            },
+        },
+    },
+    args: {
+        name: 'date-picker-field',
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        name: 'date',
+        label: 'Pick a date',
+        placeholder: '2025/01/27',
+    },
+};
+export const Disabled = {
+    args: {
+        name: 'date',
+        label: 'Pick a date',
+        placeholder: '2025/01/27',
+        disabled: true,
+    },
+};
+export const Filled = {
+    args: {
+        name: 'date',
+        label: 'Pick a date',
+        value: '2025/01/27',
+    },
+};
+export const WithCustomizedCalendar = {
+    args: {
+        name: 'date',
+        label: 'Customized Calendar',
+        placeholder: '2025/01/27',
+        className: String.raw `
+      [&_.date-picker\\_\\_calendar]:bg-white
+      [&_.date-picker\\_\\_calendar]:rounded-xl
+
+      [&_.date-picker\\_\\_button-next]:bg-white
+      [&_.date-picker\\_\\_button-next]:text-gray-700
+      [&_.date-picker\\_\\_button-next]:hover:bg-gray-50
+      [&_.date-picker\\_\\_button-next]:rounded-full
+      [&_.date-picker\\_\\_button-next]:p-2
+      [&_.date-picker\\_\\_button-next]:transition-all
+      [&_.date-picker\\_\\_button-next]:hover:scale-110
+      [&_.date-picker\\_\\_button-next]:shadow-sm
+
+      [&_.date-picker\\_\\_button-previous]:bg-white
+      [&_.date-picker\\_\\_button-previous]:text-gray-700
+      [&_.date-picker\\_\\_button-previous]:hover:bg-gray-50
+      [&_.date-picker\\_\\_button-previous]:rounded-full
+      [&_.date-picker\\_\\_button-previous]:p-2
+      [&_.date-picker\\_\\_button-previous]:transition-all
+      [&_.date-picker\\_\\_button-previous]:hover:scale-110
+      [&_.date-picker\\_\\_button-previous]:shadow-sm
+
+      [&_.date-picker\\_\\_selected]:!bg-[#FF5A5F]
+      [&_.date-picker\\_\\_selected]:!text-white
+      [&_.date-picker\\_\\_selected]:!font-medium
+      [&_.date-picker\\_\\_selected]:!rounded-full
+      [&_.date-picker\\_\\_selected]:hover:!bg-[#FF5A5F]/90
+      [&_.date-picker\\_\\_selected]:transition-all
+      [&_.date-picker\\_\\_selected]:shadow-sm
+
+      [&_.date-picker\\_\\_today]:border-2
+      [&_.date-picker\\_\\_today]:border-[#FF5A5F]
+      [&_.date-picker\\_\\_today]:rounded-full
+      [&_.date-picker\\_\\_today]:font-medium
+
+      [&_.date-picker\\_\\_weekday]:text-gray-500
+      [&_.date-picker\\_\\_weekday]:font-medium
+      [&_.date-picker\\_\\_weekday]:text-sm
+      [&_.date-picker\\_\\_weekday]:uppercase
+      [&_.date-picker\\_\\_weekday]:tracking-wider
+
+      [&_.date-picker\\_\\_day-button]:text-gray-700
+      [&_.date-picker\\_\\_day-button]:hover:text-gray-900
+      [&_.date-picker\\_\\_day-button]:hover:bg-gray-50
+      [&_.date-picker\\_\\_day-button]:rounded-full
+      [&_.date-picker\\_\\_day-button]:transition-all
+      [&_.date-picker\\_\\_day-button]:hover:scale-110
+      [&_.date-picker\\_\\_day-button]:font-medium
+      [&_.date-picker\\_\\_day-button]:w-6
+      [&_.date-picker\\_\\_day-button]:h-6
+      [&_.date-picker\\_\\_day-button]:flex
+      [&_.date-picker\\_\\_day-button]:items-center
+      [&_.date-picker\\_\\_day-button]:justify-center
+
+      [&_.date-picker\\_\\_outside]:opacity-30
+      [&_.date-picker\\_\\_outside]:!bg-transparent
+
+      [&_.date-picker\\_\\_month-caption]:bg-white
+      [&_.date-picker\\_\\_month-caption]:p-2
+      [&_.date-picker\\_\\_month-caption]:font-bold
+      [&_.date-picker\\_\\_month-caption]:text-gray-900
+      [&_.date-picker\\_\\_month-caption]:text-lg
+      [&_.date-picker\\_\\_month-caption]:mb-4
+
+      [&_.date-picker\\_\\_month-grid]:gap-1
+      [&_.date-picker\\_\\_month-grid]:mt-2
+
+      [&_.date-picker\\_\\_year-grid--view]:border
+      [&_.date-picker\\_\\_year-grid--view]:border-gray-100
+      [&_.date-picker\\_\\_year-grid--view]:rounded-lg
+      [&_.date-picker\\_\\_year-grid--view]:p-2
+      [&_.date-picker\\_\\_year-grid--view]:bg-white
+      [&_.date-picker\\_\\_year-grid--view]:text-gray-700
+      [&_.date-picker\\_\\_year-grid--view]:font-medium
+      [&_.date-picker\\_\\_year-grid--view]:hover:bg-gray-50
+      [&_.date-picker\\_\\_year-grid--view]:transition-all
+      [&_.date-picker\\_\\_year-grid--view]:shadow-sm
+
+      [&_.date-picker\\_\\_month-grid--view]:border
+      [&_.date-picker\\_\\_month-grid--view]:border-gray-100
+      [&_.date-picker\\_\\_month-grid--view]:rounded-lg
+      [&_.date-picker\\_\\_month-grid--view]:p-2
+      [&_.date-picker\\_\\_month-grid--view]:bg-white
+      [&_.date-picker\\_\\_month-grid--view]:text-gray-700
+      [&_.date-picker\\_\\_month-grid--view]:font-medium
+      [&_.date-picker\\_\\_month-grid--view]:hover:bg-gray-50
+      [&_.date-picker\\_\\_month-grid--view]:transition-all
+      [&_.date-picker\\_\\_month-grid--view]:shadow-sm
+      [&_.date-picker\\_\\_month-grid--view]:button:text-[#FF5A5F]
+
+      [&_.date-picker\\_\\_date-footer]:gap-2
+      [&_.date-picker\\_\\_date-footer]:[&>button]:text-[#FF5A5F]
+      [&_.date-picker\\_\\_date-footer]:[&>button]:hover:text-[#FF5A5F]/90
+      [&_.date-picker\\_\\_date-footer]:[&>button]:hover:bg-[#FF5A5F]/10
+      [&_.date-picker\\_\\_date-footer]:[&>button]:rounded-full
+      [&_.date-picker\\_\\_date-footer]:[&>button]:p-2
+      [&_.date-picker\\_\\_date-footer]:[&>button]:transition-all
+      [&_.date-picker\\_\\_date-footer]:[&>button]:duration-200
+      [&_.date-picker\\_\\_date-footer]:[&>button]:font-medium
+    `,
+    },
+};
+export const WithDifferencesAddition = {
+    args: {
+        name: 'date',
+        label: 'Date Picker Field',
+        value: '2025-06-05T11:47:34.000-03:00',
+        baseValue: '2024-06-05T11:47:34.000-03:00',
+        viewMode: 'addition',
+    },
+};
+export const WithDifferencesRemoval = {
+    args: {
+        name: 'date',
+        label: 'Date Picker Field',
+        value: '2025-06-05T11:47:34.000-03:00',
+        baseValue: '2024-06-05T11:47:34.000-03:00',
+        viewMode: 'removal',
+    },
+};
+export const WithDifferencesMixed = {
+    args: {
+        name: 'date',
+        label: 'Date Picker Field',
+        value: '2025-06-05T11:47:34.000-03:00',
+        baseValue: '2024-06-05T11:47:34.000-03:00',
+        viewMode: 'mixed',
+    },
+};
+//# sourceMappingURL=date-picker-field.stories.js.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const getRelativeDate: (daysFromToday: number) => string;
+//# sourceMappingURL=date-picker-field.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-field.test.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/date-picker-field/date-picker-field.test.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,eAAe,GAAI,eAAe,MAAM,WAGpD,CAAA"}

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

@@ -0,0 +1,119 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { screen } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import { renderWithForm } from '../../lib/testing.js';
+import { DatePickerField } from './date-picker-field.js';
+import { addDays, format } from 'date-fns';
+// Helper function to get a date relative to today
+export const getRelativeDate = (daysFromToday) => {
+    const date = addDays(new Date(), daysFromToday);
+    return format(date, 'yyyy-MM-dd');
+};
+describe('DatePickerField', () => {
+    const fixedDate = new Date('2025-01-01T12:00:00Z');
+    beforeEach(() => {
+        vi.setSystemTime(fixedDate);
+    });
+    afterEach(() => {
+        vi.useRealTimers();
+    });
+    const defaultProps = {
+        name: 'test-date',
+        label: 'Test Label',
+    };
+    it('should mock the system date to fixedDate', () => {
+        const now = new Date();
+        expect(now.toISOString()).toBe(fixedDate.toISOString());
+    });
+    it('should match the snapshot', () => {
+        const { container } = renderWithForm(_jsx(DatePickerField, { ...defaultProps, value: "2025-01-01", dateFormat: "yyyy-MM-dd" }));
+        expect(container).toMatchSnapshot();
+    });
+    it('should display the label when provided', () => {
+        renderWithForm(_jsx(DatePickerField, { ...defaultProps }));
+        expect(screen.getByText(defaultProps.label)).toBeInTheDocument();
+    });
+    it('should not render the label when label prop is not provided', () => {
+        renderWithForm(_jsx(DatePickerField, { name: "test-date" }));
+        expect(screen.queryByText(defaultProps.label)).not.toBeInTheDocument();
+    });
+    it('should mark the label as required when required prop is true', () => {
+        renderWithForm(_jsx(DatePickerField, { ...defaultProps, required: true }));
+        const label = screen.getByText(defaultProps.label);
+        const asterisk = screen.getByText('*');
+        expect(label).toBeInTheDocument();
+        expect(asterisk).toBeInTheDocument();
+    });
+    it('should mark the label as disabled when disabled prop is true', () => {
+        renderWithForm(_jsx(DatePickerField, { ...defaultProps, disabled: true }));
+        const label = screen.getByText(defaultProps.label);
+        expect(label).toHaveClass('cursor-not-allowed');
+        expect(label).toHaveClass('text-gray-700');
+    });
+    it('should disable dates before minDate', async () => {
+        // Arrange: Get dates relative to today
+        const minDate = getRelativeDate(5); // 5 days from today
+        renderWithForm(_jsx(DatePickerField, { ...defaultProps, minDate: minDate }));
+        // Act: Open calendar
+        const calendarTrigger = screen.getByTestId('icon-fallback');
+        await userEvent.click(calendarTrigger);
+        // Assert: Calendar is visible
+        const calendar = await screen.findByRole('dialog');
+        expect(calendar).toBeInTheDocument();
+        // Assert: Date before minDate is disabled
+        const dateButton = screen.getByRole('button', {
+            name: format(addDays(new Date(), 2), 'EEEE, MMMM do, yyyy'),
+        });
+        expect(dateButton).toHaveClass('disabled:pointer-events-none');
+        const input = screen.getByRole('textbox');
+        expect(input).toHaveValue('');
+    });
+    it('should disable dates after maxDate', async () => {
+        // Arrange: Get dates relative to today
+        const maxDate = getRelativeDate(5); // 5 days from today
+        renderWithForm(_jsx(DatePickerField, { ...defaultProps, maxDate: maxDate }));
+        // Act: Open calendar
+        const calendarTrigger = screen.getByTestId('icon-fallback');
+        await userEvent.click(calendarTrigger);
+        // Assert: Calendar is visible
+        const calendar = await screen.findByRole('dialog');
+        expect(calendar).toBeInTheDocument();
+        // Assert: Date after maxDate is disabled
+        const dateButton = screen.getByRole('button', {
+            name: format(addDays(new Date(), 7), 'EEEE, MMMM do, yyyy'),
+        });
+        expect(dateButton).toHaveClass('disabled:pointer-events-none');
+        const input = screen.getByRole('textbox');
+        expect(input).toHaveValue('');
+    });
+    it('should show error when date is before minDate', async () => {
+        // Arrange: Get dates relative to today
+        const minDate = getRelativeDate(5);
+        renderWithForm(_jsx(DatePickerField, { ...defaultProps, minDate: minDate, showErrorOnBlur: true }));
+        // Act: Type invalid date and blur
+        const input = screen.getByRole('textbox');
+        await userEvent.type(input, getRelativeDate(2));
+        await userEvent.tab();
+        // Assert: Error message is shown
+        expect(screen.getByText(/Date must be after/i)).toBeInTheDocument();
+    });
+    it('should show error when date is after maxDate', async () => {
+        // Arrange: Get dates relative to today
+        const maxDate = getRelativeDate(5);
+        renderWithForm(_jsx(DatePickerField, { ...defaultProps, maxDate: maxDate, showErrorOnBlur: true }));
+        // Act: Type invalid date and blur
+        const input = screen.getByRole('textbox');
+        await userEvent.type(input, getRelativeDate(7));
+        await userEvent.tab();
+        // Assert: Error message is shown
+        expect(screen.getByText(/Date must be before/i)).toBeInTheDocument();
+    });
+    it('should show error when its valid for(YYYY) and format its undefined', async () => {
+        renderWithForm(_jsx(DatePickerField, { ...defaultProps, showErrorOnBlur: true }));
+        const input = screen.getByRole('textbox');
+        await userEvent.type(input, '3455');
+        await userEvent.tab();
+        expect(screen.getByText(/Invalid date format. Please use a valid format/i)).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=date-picker-field.test.js.map

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

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

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

@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from '@storybook/react';
+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)
+ */
+declare const meta: Meta<typeof DateTimePickerField>;
+export default meta;
+type Story = StoryObj<typeof DateTimePickerField>;
+export declare const DateTimePicker: Story;
+export declare const WithCustomizedContent: Story;
+export declare const WithDifferencesAddition: Story;
+export declare const WithDifferencesRemoval: Story;
+export declare const WithDifferencesMixed: Story;
+//# sourceMappingURL=date-time-picker-field.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker-field.stories.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/date-time-picker-field/date-time-picker-field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAEjE;;;;;;;GAOG;AAEH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAiK1C,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAA;AAEjD,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAA;AACD,eAAO,MAAM,qBAAqB,EAAE,KAanC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAQrC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAQpC,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KASlC,CAAA"}