@cwellt_software/cwellt-reactjs-lib 1.5.3 → 1.6.0

package/dist/src/components/control/input/new-dates/CwDateTimePicker.stories.d.ts

@@ -0,0 +1,150 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { type PickerStoryArgs } from "../../../../storybook/pickerStoryArgs";
+import { CwDateTimePickerTemporal, type CwDateTimePickerTemporalProps } from "./CwDateTimePickerTemporal";
+type Args = CwDateTimePickerTemporalProps & PickerStoryArgs;
+declare const meta: {
+    title: string;
+    component: typeof CwDateTimePickerTemporal;
+    args: {
+        labelText: string;
+        value: Temporal.PlainDateTime;
+        timeInterval: 15;
+        showClear: true;
+        showNowButton: true;
+        numberOfMonths: number;
+        popupPosition: "left-bottom";
+        disabled: false;
+        required: false;
+        onChange: import("storybook/test").Mock<(...args: any[]) => any>;
+        direction: "row" | "column";
+        labelWidth: typeof import("../../../../storybook/inputStoryArgs").LABEL_WIDTHS[number];
+        feedbackType: "none" | "danger" | "success" | "neutral" | "warning" | "info";
+        feedbackMessage: string;
+    };
+    argTypes: {
+        value: {
+            control: false;
+        };
+        minDateTime: {
+            control: false;
+        };
+        maxDateTime: {
+            control: false;
+        };
+        disabledDates: {
+            control: false;
+        };
+        disabledMatcher: {
+            control: false;
+        };
+        locale: {
+            control: false;
+        };
+        timeInterval: {
+            control: "inline-radio";
+            options: number[];
+        };
+        feedbackType: {
+            table: {
+                disable: true;
+            };
+            control: false;
+        };
+        feedbackMessage: {
+            table: {
+                disable: true;
+            };
+            control: false;
+        };
+        alignProps: {
+            control: false;
+        };
+        labelProps: {
+            control: false;
+        };
+        feedback: {
+            control: false;
+        };
+        direction: import("storybook/internal/csf").InputType;
+        labelText: import("storybook/internal/csf").InputType;
+        labelWidth: import("storybook/internal/csf").InputType;
+    };
+    parameters: {
+        docs: {
+            source: {
+                transform: (_code: string, storyContext: {
+                    args: Record<string, unknown>;
+                }) => string;
+            };
+        };
+    };
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        value?: Temporal.PlainDateTime | undefined;
+        onChange: (datetime: Temporal.PlainDateTime | undefined) => void;
+        minDateTime?: Temporal.PlainDateTime | undefined;
+        maxDateTime?: Temporal.PlainDateTime | undefined;
+        disabledDates?: Temporal.PlainDate[] | undefined;
+        disabledMatcher?: import("./CwDatePicker").DateMatcher | undefined;
+        timeInterval?: 5 | 10 | 15 | 30 | 60 | undefined;
+        minTime?: string | undefined;
+        maxTime?: string | undefined;
+        labelProps?: import("../../../..").CwLabelProps | undefined;
+        alignProps?: import("../../../..").CwAlignProps | undefined;
+        datePlaceholder?: string | undefined;
+        timePlaceholder?: string | undefined;
+        disabled?: boolean | undefined;
+        required?: boolean | undefined;
+        className?: string | undefined;
+        showClear?: boolean | undefined;
+        popupPosition?: "left-bottom" | "left-top" | "right-top" | "right-bottom" | undefined;
+        numberOfMonths?: number | undefined;
+        showNowButton?: boolean | undefined;
+        nowLabel?: string | undefined;
+        locale?: import("react-day-picker").DayPickerLocale | undefined;
+        direction: "row" | "column";
+        labelText: string;
+        labelWidth: typeof import("../../../../storybook/inputStoryArgs").LABEL_WIDTHS[number];
+        feedbackType: "none" | "danger" | "success" | "neutral" | "warning" | "info";
+        feedbackMessage: string;
+    }>, { args }: import("storybook/internal/csf").StoryContext<import("@storybook/react").ReactRenderer, {
+        value?: Temporal.PlainDateTime | undefined;
+        onChange: (datetime: Temporal.PlainDateTime | undefined) => void;
+        minDateTime?: Temporal.PlainDateTime | undefined;
+        maxDateTime?: Temporal.PlainDateTime | undefined;
+        disabledDates?: Temporal.PlainDate[] | undefined;
+        disabledMatcher?: import("./CwDatePicker").DateMatcher | undefined;
+        timeInterval?: 5 | 10 | 15 | 30 | 60 | undefined;
+        minTime?: string | undefined;
+        maxTime?: string | undefined;
+        labelProps?: import("../../../..").CwLabelProps | undefined;
+        alignProps?: import("../../../..").CwAlignProps | undefined;
+        datePlaceholder?: string | undefined;
+        timePlaceholder?: string | undefined;
+        disabled?: boolean | undefined;
+        required?: boolean | undefined;
+        className?: string | undefined;
+        showClear?: boolean | undefined;
+        popupPosition?: "left-bottom" | "left-top" | "right-top" | "right-bottom" | undefined;
+        numberOfMonths?: number | undefined;
+        showNowButton?: boolean | undefined;
+        nowLabel?: string | undefined;
+        locale?: import("react-day-picker").DayPickerLocale | undefined;
+        direction: "row" | "column";
+        labelText: string;
+        labelWidth: typeof import("../../../../storybook/inputStoryArgs").LABEL_WIDTHS[number];
+        feedbackType: "none" | "danger" | "success" | "neutral" | "warning" | "info";
+        feedbackMessage: string;
+    }>) => import("react").JSX.Element)[];
+    render: (args: Args) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Date field plus time field; value and `onChange` are `Temporal.PlainDateTime`. */
+export declare const Default: Story;
+/** `minTime`/`maxTime` restrict the time list to office hours. */
+export declare const OfficeHours: Story;
+/** The `Date`-valued `CwDateTimePicker`, for a JS `Date` boundary that cannot be avoided. */
+export declare const LegacyDate: Story;
+/** `CwDateTimePickerCompact`: one field for date and time, `Date`-valued. */
+export declare const Compact: Story;
+//# sourceMappingURL=CwDateTimePicker.stories.d.ts.map

package/dist/src/components/control/input/new-dates/CwDateTimePicker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwDateTimePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/new-dates/CwDateTimePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAON,KAAK,eAAe,EACpB,MAAM,uCAAuC,CAAC;AAI/C,OAAO,EAAE,wBAAwB,EAAE,KAAK,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAE1G,KAAK,IAAI,GAAG,6BAA6B,GAAG,eAAe,CAAC;AA0B5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCY,CAAC;AAEvB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,qFAAqF;AACrF,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,kEAAkE;AAClE,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,6FAA6F;AAC7F,eAAO,MAAM,UAAU,EAAE,KAGxB,CAAC;AAaF,6EAA6E;AAC7E,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC"}

package/dist/src/components/control/input/new-dates/CwDateTimePickerCompact.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
 import { Matcher } from "react-day-picker";
 import { type DayPickerLocale } from "react-day-picker/locale";
-import "react-day-picker/dist/style.css";
 import { CwLabelProps } from "../../../display/text/label/CwLabel";
 import { CwAlignProps } from "../../../layout/align/CwAlign";
 export type DateMatcher = Matcher;

package/dist/src/components/control/input/new-dates/CwDateTimePickerCompact.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CwDateTimePickerCompact.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/new-dates/CwDateTimePickerCompact.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,EAAa,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,iCAAiC,CAAC;AAEzC,OAAO,EAAW,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAW,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAOtE,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC;AAElC,MAAM,WAAW,4BAA4B;IAC5C,gCAAgC;IAChC,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,qCAAqC;IACrC,QAAQ,EAAE,CAAC,QAAQ,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAG/C,kCAAkC;IAClC,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,kCAAkC;IAClC,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,yCAAyC;IACzC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB,yDAAyD;IACzD,eAAe,CAAC,EAAE,WAAW,CAAC;IAG9B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACrC,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,gCAAgC;IAChC,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,YAAY,CAAC;IAG1B,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,aAAa,CAAC,EAAE,aAAa,GAAG,UAAU,GAAG,WAAW,GAAG,cAAc,CAAC;IAE1E,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mHAAmH;IACnH,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,uBAAuB,CAAC,EACvC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,aAAa,EACb,eAAe,EACf,YAAiB,EACjB,OAAO,EACP,OAAO,EACP,UAAU,EACV,UAAU,EACV,WAAgC,EAChC,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAgB,EAChB,aAA6B,EAC7B,cAAkB,EAClB,eAAuB,EACvB,QAAgB,EAChB,SAAkB,EAClB,MAAgC,EAChC,cAAc,EACd,YAAY,GACZ,EAAE,QAAQ,CAAC,4BAA4B,CAAC,qBA8YxC"}
+{"version":3,"file":"CwDateTimePickerCompact.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/new-dates/CwDateTimePickerCompact.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,EAAa,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,OAAO,EAAW,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAW,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAOtE,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC;AAElC,MAAM,WAAW,4BAA4B;IAC5C,gCAAgC;IAChC,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,qCAAqC;IACrC,QAAQ,EAAE,CAAC,QAAQ,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAG/C,kCAAkC;IAClC,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,kCAAkC;IAClC,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,yCAAyC;IACzC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB,yDAAyD;IACzD,eAAe,CAAC,EAAE,WAAW,CAAC;IAG9B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACrC,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,gCAAgC;IAChC,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,YAAY,CAAC;IAG1B,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,aAAa,CAAC,EAAE,aAAa,GAAG,UAAU,GAAG,WAAW,GAAG,cAAc,CAAC;IAE1E,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mHAAmH;IACnH,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,uBAAuB,CAAC,EACvC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,aAAa,EACb,eAAe,EACf,YAAiB,EACjB,OAAO,EACP,OAAO,EACP,UAAU,EACV,UAAU,EACV,WAAgC,EAChC,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAgB,EAChB,aAA6B,EAC7B,cAAkB,EAClB,eAAuB,EACvB,QAAgB,EAChB,SAAkB,EAClB,MAAgC,EAChC,cAAc,EACd,YAAY,GACZ,EAAE,QAAQ,CAAC,4BAA4B,CAAC,qBA8YxC"}

package/dist/src/components/control/input/new-dates/CwTimePicker.stories.d.ts

@@ -0,0 +1,111 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { type PickerStoryArgs } from "../../../../storybook/pickerStoryArgs";
+import { CwTimePicker, type CwTimePickerProps } from "./CwTimePicker";
+type Args = CwTimePickerProps & PickerStoryArgs;
+declare const meta: {
+    title: string;
+    component: typeof CwTimePicker;
+    args: {
+        labelText: string;
+        value: string;
+        interval: 15;
+        showClear: true;
+        useNative: false;
+        popupPosition: "left-bottom";
+        disabled: false;
+        required: false;
+        onChange: import("storybook/test").Mock<(...args: any[]) => any>;
+        direction: "row" | "column";
+        labelWidth: typeof import("../../../../storybook/inputStoryArgs").LABEL_WIDTHS[number];
+        feedbackType: "none" | "danger" | "success" | "neutral" | "warning" | "info";
+        feedbackMessage: string;
+    };
+    argTypes: {
+        interval: {
+            control: "inline-radio";
+            options: number[];
+        };
+        feedbackType: {
+            table: {
+                disable: true;
+            };
+            control: false;
+        };
+        feedbackMessage: {
+            table: {
+                disable: true;
+            };
+            control: false;
+        };
+        alignProps: {
+            control: false;
+        };
+        labelProps: {
+            control: false;
+        };
+        feedback: {
+            control: false;
+        };
+        direction: import("storybook/internal/csf").InputType;
+        labelText: import("storybook/internal/csf").InputType;
+        labelWidth: import("storybook/internal/csf").InputType;
+    };
+    parameters: {
+        docs: {
+            source: {
+                transform: (_code: string, storyContext: {
+                    args: Record<string, unknown>;
+                }) => string;
+            };
+        };
+    };
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        value?: string | undefined;
+        onChange: (time: string | undefined) => void;
+        interval?: 5 | 10 | 15 | 30 | 60 | undefined;
+        minTime?: string | undefined;
+        maxTime?: string | undefined;
+        labelProps?: import("../../../..").CwLabelProps | undefined;
+        alignProps?: import("../../../..").CwAlignProps | undefined;
+        placeholder?: string | undefined;
+        disabled?: boolean | undefined;
+        required?: boolean | undefined;
+        className?: string | undefined;
+        showClear?: boolean | undefined;
+        popupPosition?: "left-bottom" | "left-top" | "right-bottom" | "right-top" | undefined;
+        useNative?: boolean | undefined;
+        direction: "row" | "column";
+        labelText: string;
+        labelWidth: typeof import("../../../../storybook/inputStoryArgs").LABEL_WIDTHS[number];
+        feedbackType: "none" | "danger" | "success" | "neutral" | "warning" | "info";
+        feedbackMessage: string;
+    }>, { args }: import("storybook/internal/csf").StoryContext<import("@storybook/react").ReactRenderer, {
+        value?: string | undefined;
+        onChange: (time: string | undefined) => void;
+        interval?: 5 | 10 | 15 | 30 | 60 | undefined;
+        minTime?: string | undefined;
+        maxTime?: string | undefined;
+        labelProps?: import("../../../..").CwLabelProps | undefined;
+        alignProps?: import("../../../..").CwAlignProps | undefined;
+        placeholder?: string | undefined;
+        disabled?: boolean | undefined;
+        required?: boolean | undefined;
+        className?: string | undefined;
+        showClear?: boolean | undefined;
+        popupPosition?: "left-bottom" | "left-top" | "right-bottom" | "right-top" | undefined;
+        useNative?: boolean | undefined;
+        direction: "row" | "column";
+        labelText: string;
+        labelWidth: typeof import("../../../../storybook/inputStoryArgs").LABEL_WIDTHS[number];
+        feedbackType: "none" | "danger" | "success" | "neutral" | "warning" | "info";
+        feedbackMessage: string;
+    }>) => import("react").JSX.Element)[];
+    render: (args: Args) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** A `HH:mm` string in and out; the list steps by `interval`. */
+export declare const Default: Story;
+/** `minTime`/`maxTime` bound the list. */
+export declare const Bounded: Story;
+//# sourceMappingURL=CwTimePicker.stories.d.ts.map

package/dist/src/components/control/input/new-dates/CwTimePicker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwTimePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/new-dates/CwTimePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAON,KAAK,eAAe,EACpB,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEtE,KAAK,IAAI,GAAG,iBAAiB,GAAG,eAAe,CAAC;AAwBhD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BY,CAAC;AAEvB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,iEAAiE;AACjE,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,0CAA0C;AAC1C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}