@lumx/vue 4.5.2-alpha.6 → 4.6.1-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/chip/ChipGroup.d.ts +7 -0
- package/components/chip/ChipGroup.stories.d.ts +12 -0
- package/components/chip/index.d.ts +1 -0
- package/components/popover/Popover.stories.d.ts +8 -0
- package/components/popover/Popover.test.stories.d.ts +10 -0
- package/components/popover-dialog/PopoverDialog.stories.d.ts +7 -0
- package/components/popover-dialog/PopoverDialog.test.stories.d.ts +24 -0
- package/index.js +884 -854
- package/index.js.map +1 -1
- package/package.json +5 -3
- package/utils/action-area/ActionArea.stories.d.ts +28 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ChipGroupProps as UIProps } from '@lumx/core/js/components/Chip/ChipGroup';
|
|
2
|
+
import { VueToJSXProps } from '../../utils/VueToJSX';
|
|
3
|
+
export type ChipGroupProps = VueToJSXProps<UIProps, never>;
|
|
4
|
+
declare const ChipGroup: import('vue').DefineSetupFnComponent<ChipGroupProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
|
|
5
|
+
class?: string;
|
|
6
|
+
} & {}, import('vue').PublicProps>;
|
|
7
|
+
export default ChipGroup;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
component: any;
|
|
3
|
+
args: Partial<import('@lumx/core/js/components/Chip/ChipGroup').ChipGroupProps>;
|
|
4
|
+
title: string;
|
|
5
|
+
};
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const Default: {
|
|
8
|
+
render: () => import("vue/jsx-runtime").JSX.Element;
|
|
9
|
+
};
|
|
10
|
+
export declare const Small: {
|
|
11
|
+
render: () => import("vue/jsx-runtime").JSX.Element;
|
|
12
|
+
};
|
|
@@ -26,8 +26,16 @@ declare const _default: {
|
|
|
26
26
|
handleClose?: (() => void) | undefined;
|
|
27
27
|
className?: string | undefined;
|
|
28
28
|
theme?: import('../..').Theme | undefined;
|
|
29
|
+
closeMode?: "hide" | "unmount" | undefined;
|
|
29
30
|
};
|
|
30
31
|
argTypes: {
|
|
32
|
+
closeMode: {
|
|
33
|
+
control: {
|
|
34
|
+
type: "select" | "inline-radio";
|
|
35
|
+
};
|
|
36
|
+
options: string[];
|
|
37
|
+
mapping: Record<string, string> | undefined;
|
|
38
|
+
};
|
|
31
39
|
isOpen: {
|
|
32
40
|
control: string;
|
|
33
41
|
};
|
|
@@ -14,3 +14,13 @@ export default _default;
|
|
|
14
14
|
export declare const TestUpdatingChildrenAndMovingAnchor: {
|
|
15
15
|
render(): import("vue/jsx-runtime").JSX.Element;
|
|
16
16
|
};
|
|
17
|
+
/** Test: closeMode="hide" keeps the popover in the DOM but hidden when closed */
|
|
18
|
+
export declare const TestCloseModeHide: {
|
|
19
|
+
render: () => () => import("vue/jsx-runtime").JSX.Element;
|
|
20
|
+
play({ userEvent }: any): Promise<void>;
|
|
21
|
+
};
|
|
22
|
+
/** Test: closeMode="unmount" removes the popover from the DOM when closed (default) */
|
|
23
|
+
export declare const TestCloseModeUnmount: {
|
|
24
|
+
render: () => () => import("vue/jsx-runtime").JSX.Element;
|
|
25
|
+
play({ userEvent }: any): Promise<void>;
|
|
26
|
+
};
|
|
@@ -8,6 +8,13 @@ declare const _default: {
|
|
|
8
8
|
};
|
|
9
9
|
tags: string[];
|
|
10
10
|
argTypes: {
|
|
11
|
+
closeMode: {
|
|
12
|
+
control: {
|
|
13
|
+
type: "select" | "inline-radio";
|
|
14
|
+
};
|
|
15
|
+
options: string[];
|
|
16
|
+
mapping: Record<string, string> | undefined;
|
|
17
|
+
};
|
|
11
18
|
anchorRef: {
|
|
12
19
|
control: boolean;
|
|
13
20
|
};
|
|
@@ -65,6 +65,30 @@ export declare const TestCloseEscapeWithTooltip: {
|
|
|
65
65
|
};
|
|
66
66
|
play({ userEvent }: any): Promise<void>;
|
|
67
67
|
};
|
|
68
|
+
/** Test: closeMode="hide" — focus is trapped within the popover dialog */
|
|
69
|
+
export declare const TestTrapFocusCloseModeHide: {
|
|
70
|
+
args: {
|
|
71
|
+
label: string;
|
|
72
|
+
closeMode: "hide";
|
|
73
|
+
};
|
|
74
|
+
play({ userEvent }: any): Promise<void>;
|
|
75
|
+
};
|
|
76
|
+
/** Test: closeMode="hide" — escape closes the dialog and restores focus to trigger */
|
|
77
|
+
export declare const TestCloseOnEscapeCloseModeHide: {
|
|
78
|
+
args: {
|
|
79
|
+
label: string;
|
|
80
|
+
closeMode: "hide";
|
|
81
|
+
};
|
|
82
|
+
play({ userEvent }: any): Promise<void>;
|
|
83
|
+
};
|
|
84
|
+
/** Test: closeMode="hide" — closing via the Close button restores focus to trigger */
|
|
85
|
+
export declare const TestCloseExternallyCloseModeHide: {
|
|
86
|
+
args: {
|
|
87
|
+
label: string;
|
|
88
|
+
closeMode: "hide";
|
|
89
|
+
};
|
|
90
|
+
play({ userEvent }: any): Promise<void>;
|
|
91
|
+
};
|
|
68
92
|
/** Test: heading level context is reset inside the popover dialog */
|
|
69
93
|
export declare const TestHeadingLevelReset: {
|
|
70
94
|
render({ children, ...args }: any): () => import("vue/jsx-runtime").JSX.Element;
|