@warp-ds/elements 2.2.0-next.20 → 2.2.0-next.22

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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1,26 @@
+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.js

@@ -1,6 +1,6 @@
-import { html } from 'lit';
 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';

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

@@ -1,5 +1,5 @@
+import { server, userEvent } from '@vitest/browser/context';
 import { html } from 'lit';
-import { userEvent, server } from '@vitest/browser/context';
 import { expect, test } from 'vitest';
 import { render } from 'vitest-browser-lit';
 import '../button/index.js';