@lumx/vue 4.6.0 → 4.7.0

package/components/chip/ChipGroup.d.ts

@@ -0,0 +1,7 @@
+import { ChipGroupProps as UIProps } from '@lumx/core/js/components/Chip/ChipGroup';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type ChipGroupProps = VueToJSXProps<UIProps, never>;
+declare const ChipGroup: import('vue').DefineSetupFnComponent<ChipGroupProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
+    class?: string;
+} & {}, import('vue').PublicProps>;
+export default ChipGroup;

package/components/chip/ChipGroup.stories.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+    component: any;
+    args: Partial<import('@lumx/core/js/components/Chip/ChipGroup').ChipGroupProps>;
+    title: string;
+};
+export default _default;
+export declare const Default: {
+    render: () => import("vue/jsx-runtime").JSX.Element;
+};
+export declare const Small: {
+    render: () => import("vue/jsx-runtime").JSX.Element;
+};

package/components/chip/index.d.ts

@@ -1 +1,2 @@
 export { default as Chip, type ChipProps } from './Chip';
+export { default as ChipGroup, type ChipGroupProps } from './ChipGroup';

package/components/popover/Popover.stories.d.ts

@@ -26,8 +26,16 @@ declare const _default: {
         handleClose?: (() => void) | undefined;
         className?: string | undefined;
         theme?: import('../..').Theme | undefined;
+        closeMode?: "hide" | "unmount" | undefined;
     };
     argTypes: {
+        closeMode: {
+            control: {
+                type: "select" | "inline-radio";
+            };
+            options: string[];
+            mapping: Record<string, string> | undefined;
+        };
         isOpen: {
             control: string;
         };

package/components/popover/Popover.test.stories.d.ts

@@ -14,3 +14,13 @@ export default _default;
 export declare const TestUpdatingChildrenAndMovingAnchor: {
     render(): import("vue/jsx-runtime").JSX.Element;
 };
+/** Test: closeMode="hide" keeps the popover in the DOM but hidden when closed */
+export declare const TestCloseModeHide: {
+    render: () => () => import("vue/jsx-runtime").JSX.Element;
+    play({ userEvent }: any): Promise<void>;
+};
+/** Test: closeMode="unmount" removes the popover from the DOM when closed (default) */
+export declare const TestCloseModeUnmount: {
+    render: () => () => import("vue/jsx-runtime").JSX.Element;
+    play({ userEvent }: any): Promise<void>;
+};

package/components/popover-dialog/PopoverDialog.stories.d.ts

@@ -8,6 +8,13 @@ declare const _default: {
     };
     tags: string[];
     argTypes: {
+        closeMode: {
+            control: {
+                type: "select" | "inline-radio";
+            };
+            options: string[];
+            mapping: Record<string, string> | undefined;
+        };
         anchorRef: {
             control: boolean;
         };

package/components/popover-dialog/PopoverDialog.test.stories.d.ts

@@ -65,6 +65,30 @@ export declare const TestCloseEscapeWithTooltip: {
     };
     play({ userEvent }: any): Promise<void>;
 };
+/** Test: closeMode="hide" — focus is trapped within the popover dialog */
+export declare const TestTrapFocusCloseModeHide: {
+    args: {
+        label: string;
+        closeMode: "hide";
+    };
+    play({ userEvent }: any): Promise<void>;
+};
+/** Test: closeMode="hide" — escape closes the dialog and restores focus to trigger */
+export declare const TestCloseOnEscapeCloseModeHide: {
+    args: {
+        label: string;
+        closeMode: "hide";
+    };
+    play({ userEvent }: any): Promise<void>;
+};
+/** Test: closeMode="hide" — closing via the Close button restores focus to trigger */
+export declare const TestCloseExternallyCloseModeHide: {
+    args: {
+        label: string;
+        closeMode: "hide";
+    };
+    play({ userEvent }: any): Promise<void>;
+};
 /** Test: heading level context is reset inside the popover dialog */
 export declare const TestHeadingLevelReset: {
     render({ children, ...args }: any): () => import("vue/jsx-runtime").JSX.Element;

package/components/text-field/RawInputText.d.ts

@@ -0,0 +1,21 @@
+import { RawInputTextProps as UIProps } from '@lumx/core/js/components/TextField/RawInputText';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type RawInputTextProps = VueToJSXProps<UIProps>;
+export declare const emitSchema: {
+    change: (value: string, _name?: string, _event?: Event) => boolean;
+};
+/**
+ * Raw input text component.
+ * (input element without any decoration)
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const RawInputText: import('vue').DefineSetupFnComponent<RawInputTextProps, {
+    change: (value: string, _name?: string, _event?: Event) => boolean;
+}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
+    class?: string;
+} & {
+    onChange?: ((value: string, _name?: string | undefined, _event?: Event | undefined) => any) | undefined;
+}, import('vue').PublicProps>;
+export default RawInputText;

package/components/text-field/RawInputText.stories.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    component: any;
+    args: Partial<import('@lumx/core/js/components/TextField/RawInputText').RawInputTextProps>;
+    decorators: ((story: any, context: any) => any)[];
+    title: string;
+};
+export default _default;
+export declare const Default: {};
+export declare const WithPlaceholder: {
+    args: {
+        placeholder: string;
+    };
+};

package/components/text-field/RawInputTextarea.d.ts

@@ -0,0 +1,21 @@
+import { RawInputTextareaProps as UIProps } from '@lumx/core/js/components/TextField/RawInputTextarea';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type RawInputTextareaProps = VueToJSXProps<UIProps>;
+export declare const emitSchema: {
+    change: (value: string, _name?: string, _event?: Event) => boolean;
+};
+/**
+ * Raw input textarea component.
+ * (textarea element without any decoration)
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const RawInputTextarea: import('vue').DefineSetupFnComponent<RawInputTextareaProps, {
+    change: (value: string, _name?: string, _event?: Event) => boolean;
+}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
+    class?: string;
+} & {
+    onChange?: ((value: string, _name?: string | undefined, _event?: Event | undefined) => any) | undefined;
+}, import('vue').PublicProps>;
+export default RawInputTextarea;

package/components/text-field/RawInputTextarea.stories.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    component: any;
+    args: Partial<import('@lumx/core/js/components/TextField/RawInputTextarea').RawInputTextareaProps>;
+    decorators: ((story: any, context: any) => any)[];
+    title: string;
+};
+export default _default;
+export declare const Default: {};
+export declare const WithPlaceholder: {
+    args: {
+        placeholder: string;
+    };
+};
+export declare const WithMinimumRows: {
+    args: {
+        rows: number;
+    };
+};

package/components/text-field/index.d.ts

@@ -0,0 +1,2 @@
+export { default as RawInputText, type RawInputTextProps } from './RawInputText';
+export { default as RawInputTextarea, type RawInputTextareaProps } from './RawInputTextarea';

package/components/text-field/useFitRowsToContent.d.ts

@@ -0,0 +1,5 @@
+import { Ref } from 'vue';
+/**
+ * Fit textarea rows to its content.
+ */
+export declare function useFitRowsToContent(minimumRows: Ref<number>, textareaRef: Ref<HTMLTextAreaElement | null>, value: Ref<string | undefined>): Ref<number>;

package/index.d.ts

@@ -21,6 +21,7 @@ export * from './components/progress';
 export * from './components/radio-button';
 export * from './components/skeleton';
 export * from './components/switch';
+export * from './components/text-field';
 export * from './components/table';
 export * from './components/text';
 export * from './components/thumbnail';