@cwellt_software/cwellt-reactjs-lib 1.5.3 → 1.5.5

package/dist/src/components/control/choice/select/CwSelect.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwSelect.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/select/CwSelect.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAMN,KAAK,cAAc,EACnB,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAE1D,KAAK,IAAI,GAAG,aAAa,GAAG,cAAc,CAAC;AAkB3C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBY,CAAC;AAEvB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,2GAA2G;AAC3G,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,+HAA+H;AAC/H,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,oHAAoH;AACpH,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAC"}

package/dist/src/components/control/choice/tag-selector/CwTagSelector.stories.d.ts

@@ -0,0 +1,132 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { type InputStoryArgs } from "../../../../storybook/inputStoryArgs";
+import { CwTagSelector, type CwTagSelectorOption, type CwTagSelectorProps } from "./CwTagSelector";
+type Args = CwTagSelectorProps & InputStoryArgs;
+declare const meta: {
+    title: string;
+    component: typeof CwTagSelector;
+    args: {
+        labelText: string;
+        options: CwTagSelectorOption[];
+        value: string[];
+        placeholder: string;
+        showSelectAll: false;
+        disabled: false;
+        onChange: import("storybook/test").Mock<(...args: any[]) => any>;
+        direction: "row" | "column";
+        alignItems: "center" | "stretch" | "flex-end" | "flex-start";
+        labelWidth: typeof import("../../../../storybook/inputStoryArgs").LABEL_WIDTHS[number];
+        feedbackType: "none" | "danger" | "success" | "neutral" | "warning" | "info";
+        feedbackMessage: string;
+        button: "none" | "text" | "icon";
+        buttonVariant: "solid" | "outline" | "ghost";
+        buttonColor: "primary" | "danger" | "neutral";
+    };
+    argTypes: {
+        iconProps: {
+            control: false;
+        };
+        button: {
+            readonly table: {
+                readonly disable: true;
+            };
+            readonly control: false;
+        };
+        buttonVariant: {
+            readonly table: {
+                readonly disable: true;
+            };
+            readonly control: false;
+        };
+        buttonColor: {
+            readonly table: {
+                readonly disable: true;
+            };
+            readonly control: false;
+        };
+        alignProps: {
+            control: false;
+        };
+        labelProps: {
+            control: false;
+        };
+        feedback: {
+            control: false;
+        };
+        buttonProps: {
+            control: false;
+        };
+        direction: import("storybook/internal/csf").InputType;
+        alignItems: import("storybook/internal/csf").InputType;
+        labelText: import("storybook/internal/csf").InputType;
+        labelWidth: import("storybook/internal/csf").InputType;
+        feedbackType: import("storybook/internal/csf").InputType;
+        feedbackMessage: 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, {
+        id?: string | undefined;
+        options: CwTagSelectorOption[];
+        value: string[];
+        onChange: (selectedValues: string[]) => void;
+        labelProps?: import("../../../..").CwLabelProps | undefined;
+        iconProps?: import("../../../display/graphics/icon/CwIcon").CwIconProps | undefined;
+        alignProps?: import("../../../..").CwAlignProps | undefined;
+        placeholder?: string | undefined;
+        disabled?: boolean | undefined;
+        showSelectAll?: boolean | undefined;
+        feedback?: (import("../../../../common/interfaces/CwFormTypes").CwInputFeedback | import("../../../../common/interfaces/CwFormTypes").CwInputFeedback[]) | undefined;
+        className?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        direction: "row" | "column";
+        alignItems: "center" | "stretch" | "flex-end" | "flex-start";
+        labelText: string;
+        labelWidth: typeof import("../../../../storybook/inputStoryArgs").LABEL_WIDTHS[number];
+        feedbackType: "none" | "danger" | "success" | "neutral" | "warning" | "info";
+        feedbackMessage: string;
+        button: "none" | "text" | "icon";
+        buttonVariant: "solid" | "outline" | "ghost";
+        buttonColor: "primary" | "danger" | "neutral";
+    }>, { args }: import("storybook/internal/csf").StoryContext<import("@storybook/react").ReactRenderer, {
+        id?: string | undefined;
+        options: CwTagSelectorOption[];
+        value: string[];
+        onChange: (selectedValues: string[]) => void;
+        labelProps?: import("../../../..").CwLabelProps | undefined;
+        iconProps?: import("../../../display/graphics/icon/CwIcon").CwIconProps | undefined;
+        alignProps?: import("../../../..").CwAlignProps | undefined;
+        placeholder?: string | undefined;
+        disabled?: boolean | undefined;
+        showSelectAll?: boolean | undefined;
+        feedback?: (import("../../../../common/interfaces/CwFormTypes").CwInputFeedback | import("../../../../common/interfaces/CwFormTypes").CwInputFeedback[]) | undefined;
+        className?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        direction: "row" | "column";
+        alignItems: "center" | "stretch" | "flex-end" | "flex-start";
+        labelText: string;
+        labelWidth: typeof import("../../../../storybook/inputStoryArgs").LABEL_WIDTHS[number];
+        feedbackType: "none" | "danger" | "success" | "neutral" | "warning" | "info";
+        feedbackMessage: string;
+        button: "none" | "text" | "icon";
+        buttonVariant: "solid" | "outline" | "ghost";
+        buttonColor: "primary" | "danger" | "neutral";
+    }>) => import("react").JSX.Element)[];
+    render: (args: Args) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Selected options render as removable chips inside the field; the list filters as you type. */
+export declare const Default: Story;
+export declare const Column: Story;
+/** `showSelectAll` adds a toggle at the top of the list. */
+export declare const WithSelectAll: Story;
+export declare const WithFeedback: Story;
+//# sourceMappingURL=CwTagSelector.stories.d.ts.map

package/dist/src/components/control/choice/tag-selector/CwTagSelector.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwTagSelector.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/tag-selector/CwTagSelector.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAMN,KAAK,cAAc,EACnB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,KAAK,mBAAmB,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEnG,KAAK,IAAI,GAAG,kBAAkB,GAAG,cAAc,CAAC;AAoChD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BY,CAAC;AAEvB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,iGAAiG;AACjG,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC"}

package/dist/src/components/control/choice/toggle/CwToggle.stories.d.ts

@@ -0,0 +1,47 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { CwToggle, type CwToggleProps } from "./CwToggle";
+interface Args extends CwToggleProps {
+    /** Story-only: labelProps.text */
+    label: string;
+}
+declare const meta: {
+    title: string;
+    component: typeof CwToggle;
+    args: {
+        label: string;
+        checked: true;
+        direction: "row";
+        disabled: false;
+    };
+    argTypes: {
+        label: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        labelProps: {
+            control: false;
+        };
+        direction: {
+            control: "inline-radio";
+            options: string[];
+        };
+    };
+    parameters: {
+        docs: {
+            source: {
+                transform: (_code: string, storyContext: {
+                    args: Record<string, unknown>;
+                }) => string;
+            };
+        };
+    };
+    render: (args: Args) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Row is the default and the WinOps convention: the label sits beside the switch. */
+export declare const Default: Story;
+//# sourceMappingURL=CwToggle.stories.d.ts.map

package/dist/src/components/control/choice/toggle/CwToggle.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwToggle.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/toggle/CwToggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAE1D,UAAU,IAAK,SAAQ,aAAa;IACnC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;CACd;AAWD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBY,CAAC;AAEvB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,sFAAsF;AACtF,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/src/components/control/choice/tree-view/CwTreeView.stories.d.ts

@@ -0,0 +1,41 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { type CwTreeNode } from "./CwTreeView";
+type Folder = {
+    path: string;
+};
+declare const meta: {
+    title: string;
+    component: ({ data, onSelect, allowParentSelection, selectedId: initialSelectedId }: {
+        data: CwTreeNode<Folder>[];
+        onSelect: (node: CwTreeNode<Folder>) => void;
+        allowParentSelection?: boolean;
+        selectedId?: string | number | null;
+    }) => import("react").JSX.Element;
+    args: {
+        data: CwTreeNode<Folder>[];
+        allowParentSelection: false;
+        selectedId: null;
+        onSelect: import("storybook/test").Mock<(...args: any[]) => any>;
+    };
+    argTypes: {
+        data: {
+            control: false;
+        };
+        selectedId: {
+            control: false;
+        };
+    };
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        data: CwTreeNode<Folder>[];
+        onSelect: (node: CwTreeNode<Folder>) => void;
+        allowParentSelection?: boolean | undefined;
+        selectedId?: string | number | null | undefined;
+    }>) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Only leaves select by default; clicking a parent expands it. The search box filters the tree. */
+export declare const Default: Story;
+/** `selectedId` selects a node on mount and expands the path to it. */
+export declare const Preselected: Story;
+//# sourceMappingURL=CwTreeView.stories.d.ts.map

package/dist/src/components/control/choice/tree-view/CwTreeView.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwTreeView.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/tree-view/CwTreeView.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAc,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE3D,KAAK,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAgC/B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,oGAAoG;AACpG,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,uEAAuE;AACvE,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC"}

package/dist/src/components/control/input/color/CwColorPicker.stories.d.ts

@@ -0,0 +1,31 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { type CwColorPickerProps } from "./CwColorPicker";
+declare const meta: {
+    title: string;
+    component: import("react").FC<CwColorPickerProps>;
+    args: {
+        initialColor: string;
+        previewText: string;
+        onChange: import("storybook/test").Mock<(...args: any[]) => any>;
+    };
+    argTypes: {
+        initialColor: {
+            control: "color";
+        };
+    };
+    parameters: {
+        docs: {
+            source: {
+                transform: (_code: string, storyContext: {
+                    args: Record<string, unknown>;
+                }) => string;
+            };
+        };
+    };
+    render: (args: CwColorPickerProps) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** The panel `CwInputColor` opens: saturation area, hue slider, hex field and preview. The lines below show the three values `onChange` emits. */
+export declare const Default: Story;
+//# sourceMappingURL=CwColorPicker.stories.d.ts.map

package/dist/src/components/control/input/color/CwColorPicker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwColorPicker.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/color/CwColorPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAyBzE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;CAa4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,kJAAkJ;AAClJ,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/src/components/control/input/color/CwInputColor.stories.d.ts

@@ -0,0 +1,91 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { type CwInputColorProps } from "./CwInputColor";
+interface Args extends CwInputColorProps {
+    /** Story-only: labelProps.text */
+    label: string;
+    /** Story-only: layoutProps.direction */
+    direction: "row" | "column";
+    /** Story-only: layoutProps.align */
+    align: "start" | "center" | "end";
+}
+declare const meta: {
+    title: string;
+    component: import("react").FC<CwInputColorProps>;
+    args: {
+        label: string;
+        direction: "row";
+        align: "center";
+        value: string;
+        previewText: string;
+        disabled: false;
+        readOnly: false;
+        onChange: import("storybook/test").Mock<(...args: any[]) => any>;
+    };
+    argTypes: {
+        label: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        direction: {
+            control: "inline-radio";
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        align: {
+            control: "inline-radio";
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        labelProps: {
+            control: false;
+        };
+        layoutProps: {
+            control: false;
+        };
+        value: {
+            control: "color";
+        };
+    };
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        label: string;
+        direction: "row" | "column";
+        align: "start" | "center" | "end";
+        value: string;
+        onChange: (color: string) => void;
+        previewText?: string | undefined;
+        disabled?: boolean | undefined;
+        readOnly?: boolean | undefined;
+        width?: string | undefined;
+        height?: string | undefined;
+        labelProps?: import("../../../..").CwLabelProps | undefined;
+        layoutProps?: import("./CwInputColor").CwInputLayoutProps | undefined;
+        className?: string | undefined;
+        style?: React.CSSProperties | undefined;
+    }>) => import("react").JSX.Element)[];
+    parameters: {
+        docs: {
+            source: {
+                transform: (_code: string, storyContext: {
+                    args: Record<string, unknown>;
+                }) => string;
+            };
+        };
+    };
+    render: (args: Args) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** A swatch that opens the color picker in a portal; `onChange` receives the hex string. */
+export declare const Default: Story;
+/** `readOnly` keeps the swatch visible and focusable but never opens the picker. */
+export declare const ReadOnly: Story;
+//# sourceMappingURL=CwInputColor.stories.d.ts.map

package/dist/src/components/control/input/color/CwInputColor.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwInputColor.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/color/CwInputColor.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEtE,UAAU,IAAK,SAAQ,iBAAiB;IACvC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,SAAS,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,oCAAoC;IACpC,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CAClC;AAwBD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA7BF,MAAM;mBAEF,KAAK,GAAG,QAAQ;eAEpB,OAAO,GAAG,QAAQ,GAAG,KAAK;;;;;;;;;;;;;;;;;;;;;;;CAuDZ,CAAC;AAEvB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,4FAA4F;AAC5F,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,oFAAoF;AACpF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}