@warp-ds/elements 2.2.0-next.29 → 2.2.0-next.30

package/dist/packages/datepicker/datepicker.react.stories.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-import { DatePicker } from './react';
-declare const _default: {
-    title: string;
-    render(args: Omit<React.HTMLAttributes<import("./datepicker").WarpDatepicker>, "label" | "onchange" | "onChange" | "render" | "renderOptions" | "connectedCallback" | "disconnectedCallback" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "form" | "input" | "name" | "value" | "updated" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "resetFormControl" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "month" | "calendar" | "wrapper" | "headerFormat" | "weekdayFormat" | "isDayDisabled" | "dayFormat" | "isCalendarOpen" | "navigationDate" | "locale" | "selectedDate" | "weeks" | "toggleButton" | "previousMonthButton" | "todayCell" | "selectedCell"> & {
-        onChange?: (e: Event) => void;
-        onchange?: (e: Event) => void;
-    } & Partial<Omit<import("./datepicker").WarpDatepicker, keyof HTMLElement>> & React.RefAttributes<import("./datepicker").WarpDatepicker>): React.JSX.Element;
-    component: import("@lit/react").ReactWebComponent<import("./datepicker").WarpDatepicker, {
-        onChange: string;
-        onchange: string;
-    }>;
-};
-export default _default;
-export type Story = StoryObj<typeof DatePicker>;
-export declare const Default: Story;
-export declare const DisableCalendarDates: Story;

package/dist/packages/datepicker/datepicker.react.stories.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { DatePicker } from './react';
-export default {
-    title: 'Forms/Datepicker',
-    render(args) {
-        return (React.createElement("div", { style: { minHeight: '400px' } },
-            React.createElement(DatePicker, { ...args })));
-    },
-    component: DatePicker,
-};
-export const Default = {
-    args: {
-        label: 'Dato',
-        lang: 'nb',
-    },
-};
-export const DisableCalendarDates = {
-    args: {
-        label: 'Dato',
-        lang: 'nb',
-    },
-    render(args) {
-        return (React.createElement("div", { style: { minHeight: '400px' } },
-            React.createElement(DatePicker, { ...args, isDayDisabled: (day) => day.getDay() === 0 })));
-    },
-};

package/dist/packages/datepicker/datepicker.stories.d.ts

@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/web-components-vite';
-import '../button/index.js';
-import type { WarpDatepicker } from './index.js';
-import './index.js';
-declare const args: Partial<WarpDatepicker> & {
-    [key: string]: any;
-};
-declare const meta: Meta<typeof args>;
-export default meta;
-type Story = StoryObj<typeof args>;
-export declare const Default: Story;
-export declare const DisableCalendarDates: Story;

package/dist/packages/datepicker/datepicker.stories.js

@@ -1,51 +0,0 @@
-import { spread } from '@open-wc/lit-helpers';
-import { getStorybookHelpers } from '@wc-toolkit/storybook-helpers';
-import { html } from 'lit';
-import { prespread } from '../../.storybook/utilities.js';
-import '../button/index.js';
-import './index.js';
-const { events, args, argTypes } = getStorybookHelpers('w-datepicker');
-const meta = {
-    title: 'Forms/Datepicker',
-    render(args) {
-        return html `
-      <!-- Workaround for Storybook's overflow hidden -->
-      <div style="min-height: 400px">
-        <w-datepicker ${spread(prespread(args))}></w-datepicker>
-      </div>
-    `;
-    },
-    args,
-    argTypes,
-    parameters: {
-        actions: {
-            handles: events,
-        },
-    },
-};
-export default meta;
-export const Default = {
-    args: {
-        label: 'Dato',
-        lang: 'nb',
-    },
-};
-export const DisableCalendarDates = {
-    args: {
-        label: 'Dato',
-        lang: 'nb',
-    },
-    render(args) {
-        return html `
-      <!-- Workaround for Storybook's overflow hidden -->
-      <div style="min-height: 400px">
-        <w-datepicker ${spread(prespread(args))}></w-datepicker>
-      </div>
-      <script type="module">
-        const datePicker = document.querySelector('w-datepicker');
-        // No working on Sundays!
-        datePicker.isDayDisabled = (day) => day.getDay() === 0;
-      </script>
-    `;
-    },
-};

package/dist/packages/datepicker/datepicker.test.d.ts

@@ -1,2 +0,0 @@
-import '../button/index.js';
-import './index.js';

package/dist/packages/datepicker/datepicker.test.js

@@ -1,62 +0,0 @@
-import { server, userEvent } from '@vitest/browser/context';
-import { html } from 'lit';
-import { expect, test } from 'vitest';
-import { render } from 'vitest-browser-lit';
-import '../button/index.js';
-import './index.js';
-test('can pick a date using a pointer', async () => {
-    const component = html `
-    <form data-testid="flight">
-      <w-datepicker label="From date" name="from"></w-datepicker>
-    </form>
-  `;
-    const page = render(component);
-    await expect.element(page.getByLabelText('From date')).not.toHaveValue();
-    await expect.element(page.getByTestId('calendar').query()).not.toBeVisible();
-    await page.getByRole('button').click({ force: true });
-    await expect.element(page.getByTestId('calendar')).toBeVisible();
-    await page.getByRole('gridcell').nth(15).click();
-    await expect
-        .element(page.getByTestId('calendar').query(), { message: 'expected calendar to close after clicking a date' })
-        .not.toBeVisible();
-    await expect.element(page.getByLabelText('From date')).toHaveValue();
-    const formData = new FormData(page.getByTestId('flight').element());
-    expect(formData.get('from')).toBeTruthy();
-});
-test.skipIf(server.browser === 'firefox')('can pick a date using a keyboard', async () => {
-    const component = html `
-    <form data-testid="flight">
-      <w-datepicker label="From date" name="from"></w-datepicker>
-    </form>
-  `;
-    const page = render(component);
-    await expect.element(page.getByLabelText('From date')).not.toHaveValue();
-    await expect.element(page.getByTestId('calendar').query()).not.toBeVisible();
-    const toggle = page.getByRole('button').element();
-    toggle.focus();
-    await userEvent.keyboard('[Enter]');
-    await expect.element(page.getByTestId('calendar')).toBeVisible();
-    page.getByRole('gridcell').nth(15).element().focus();
-    await userEvent.keyboard('[Enter]');
-    await expect
-        .element(page.getByTestId('calendar').query(), { message: 'expected calendar to close after clicking a date' })
-        .not.toBeVisible();
-    await expect.element(page.getByLabelText('From date')).toHaveValue();
-    const formData = new FormData(page.getByTestId('flight').element());
-    expect(formData.get('from')).toBeTruthy();
-});
-test('can pick a date by typing in the input field', async () => {
-    const component = html `
-    <form data-testid="flight">
-      <w-datepicker label="From date" name="from" lang="nb"></w-datepicker>
-    </form>
-  `;
-    const page = render(component);
-    await expect.element(page.getByLabelText('From date')).not.toHaveValue();
-    const toggle = page.getByLabelText('From date').element();
-    toggle.focus();
-    await page.getByLabelText('From date').fill('2025-01-01');
-    await expect.element(page.getByLabelText('From date')).toHaveValue();
-    const formData = new FormData(page.getByTestId('flight').element());
-    expect(formData.get('from')).toBeTruthy();
-});

package/dist/packages/datepicker/index.d.ts

@@ -1 +0,0 @@
-export * from './datepicker.js';