@dpa-id-components/dpa-shared-components 12.2.4 → 12.3.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/dist/components/UiMenu/UiMenu.stories.d.ts +1 -0
- package/dist/components/UiMenu/UiMenu.vue.d.ts +1 -0
- package/dist/components/UiSimpleInput/UiSimpleInput.stories.d.ts +16 -0
- package/dist/components/UiSimpleInput/UiSimpleInput.vue.d.ts +2 -0
- package/dist/dpa-shared-components.mjs +11 -5
- package/dist/dpa-shared-components.umd.js +2 -2
- package/dist/style.css +1 -1
- package/package.json +1 -1
- /package/dist/components/UiSimpleInput/{UiSimpleInput.d.ts → UiSimpleInput.spec.d.ts} +0 -0
|
@@ -68,6 +68,7 @@ declare const meta: {
|
|
|
68
68
|
floatingUiOptions?: (import('@floating-ui/vue').UseFloatingOptions | null) | undefined;
|
|
69
69
|
animate?: boolean | undefined;
|
|
70
70
|
placedListClass?: string | undefined;
|
|
71
|
+
query?: string | undefined;
|
|
71
72
|
} & import('vue').PublicProps;
|
|
72
73
|
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
73
74
|
attrs: any;
|
|
@@ -42,6 +42,7 @@ declare const _default: <K>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
|
|
|
42
42
|
floatingUiOptions?: UseFloatingOptions | null;
|
|
43
43
|
animate?: boolean;
|
|
44
44
|
placedListClass?: string;
|
|
45
|
+
query?: string;
|
|
45
46
|
} & Partial<{}>> & import('vue').PublicProps;
|
|
46
47
|
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
47
48
|
attrs: any;
|
|
@@ -2,6 +2,7 @@ import { StoryObj } from '@storybook/vue3';
|
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
4
|
component: import('vue').DefineComponent<{
|
|
5
|
+
value?: string;
|
|
5
6
|
placeholder?: string;
|
|
6
7
|
size?: "xs" | "small" | "medium" | "large" | "xl";
|
|
7
8
|
hasIcon?: boolean;
|
|
@@ -9,6 +10,7 @@ declare const meta: {
|
|
|
9
10
|
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
10
11
|
input: (args_0: string) => any;
|
|
11
12
|
}, string, import('vue').PublicProps, Readonly<{
|
|
13
|
+
value?: string;
|
|
12
14
|
placeholder?: string;
|
|
13
15
|
size?: "xs" | "small" | "medium" | "large" | "xl";
|
|
14
16
|
hasIcon?: boolean;
|
|
@@ -19,11 +21,15 @@ declare const meta: {
|
|
|
19
21
|
size: "xs" | "small" | "medium" | "large" | "xl";
|
|
20
22
|
placeholder: string;
|
|
21
23
|
autofocus: boolean;
|
|
24
|
+
value: string;
|
|
22
25
|
hasIcon: boolean;
|
|
23
26
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
24
27
|
autofocusRef: HTMLInputElement;
|
|
25
28
|
}, HTMLDivElement>;
|
|
26
29
|
argTypes: {
|
|
30
|
+
value: {
|
|
31
|
+
control: "text";
|
|
32
|
+
};
|
|
27
33
|
placeholder: {
|
|
28
34
|
control: "text";
|
|
29
35
|
};
|
|
@@ -39,12 +45,14 @@ declare const meta: {
|
|
|
39
45
|
};
|
|
40
46
|
};
|
|
41
47
|
args: {
|
|
48
|
+
value: string;
|
|
42
49
|
placeholder: string;
|
|
43
50
|
size: "small";
|
|
44
51
|
hasIcon: true;
|
|
45
52
|
autofocus: true;
|
|
46
53
|
};
|
|
47
54
|
render: (args: import('@storybook/vue3').ComponentPropsAndSlots<import('vue').DefineComponent<{
|
|
55
|
+
value?: string;
|
|
48
56
|
placeholder?: string;
|
|
49
57
|
size?: "xs" | "small" | "medium" | "large" | "xl";
|
|
50
58
|
hasIcon?: boolean;
|
|
@@ -52,6 +60,7 @@ declare const meta: {
|
|
|
52
60
|
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
53
61
|
input: (args_0: string) => any;
|
|
54
62
|
}, string, import('vue').PublicProps, Readonly<{
|
|
63
|
+
value?: string;
|
|
55
64
|
placeholder?: string;
|
|
56
65
|
size?: "xs" | "small" | "medium" | "large" | "xl";
|
|
57
66
|
hasIcon?: boolean;
|
|
@@ -62,12 +71,14 @@ declare const meta: {
|
|
|
62
71
|
size: "xs" | "small" | "medium" | "large" | "xl";
|
|
63
72
|
placeholder: string;
|
|
64
73
|
autofocus: boolean;
|
|
74
|
+
value: string;
|
|
65
75
|
hasIcon: boolean;
|
|
66
76
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
67
77
|
autofocusRef: HTMLInputElement;
|
|
68
78
|
}, HTMLDivElement>>) => {
|
|
69
79
|
setup(this: void): {
|
|
70
80
|
args: import('@storybook/vue3').ComponentPropsAndSlots<import('vue').DefineComponent<{
|
|
81
|
+
value?: string;
|
|
71
82
|
placeholder?: string;
|
|
72
83
|
size?: "xs" | "small" | "medium" | "large" | "xl";
|
|
73
84
|
hasIcon?: boolean;
|
|
@@ -75,6 +86,7 @@ declare const meta: {
|
|
|
75
86
|
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
76
87
|
input: (args_0: string) => any;
|
|
77
88
|
}, string, import('vue').PublicProps, Readonly<{
|
|
89
|
+
value?: string;
|
|
78
90
|
placeholder?: string;
|
|
79
91
|
size?: "xs" | "small" | "medium" | "large" | "xl";
|
|
80
92
|
hasIcon?: boolean;
|
|
@@ -85,6 +97,7 @@ declare const meta: {
|
|
|
85
97
|
size: "xs" | "small" | "medium" | "large" | "xl";
|
|
86
98
|
placeholder: string;
|
|
87
99
|
autofocus: boolean;
|
|
100
|
+
value: string;
|
|
88
101
|
hasIcon: boolean;
|
|
89
102
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
90
103
|
autofocusRef: HTMLInputElement;
|
|
@@ -92,6 +105,7 @@ declare const meta: {
|
|
|
92
105
|
};
|
|
93
106
|
components: {
|
|
94
107
|
UiSimpleInput: import('vue').DefineComponent<{
|
|
108
|
+
value?: string;
|
|
95
109
|
placeholder?: string;
|
|
96
110
|
size?: "xs" | "small" | "medium" | "large" | "xl";
|
|
97
111
|
hasIcon?: boolean;
|
|
@@ -99,6 +113,7 @@ declare const meta: {
|
|
|
99
113
|
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
100
114
|
input: (args_0: string) => any;
|
|
101
115
|
}, string, import('vue').PublicProps, Readonly<{
|
|
116
|
+
value?: string;
|
|
102
117
|
placeholder?: string;
|
|
103
118
|
size?: "xs" | "small" | "medium" | "large" | "xl";
|
|
104
119
|
hasIcon?: boolean;
|
|
@@ -109,6 +124,7 @@ declare const meta: {
|
|
|
109
124
|
size: "xs" | "small" | "medium" | "large" | "xl";
|
|
110
125
|
placeholder: string;
|
|
111
126
|
autofocus: boolean;
|
|
127
|
+
value: string;
|
|
112
128
|
hasIcon: boolean;
|
|
113
129
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
114
130
|
autofocusRef: HTMLInputElement;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
type __VLS_Props = {
|
|
2
|
+
value?: string;
|
|
2
3
|
placeholder?: string;
|
|
3
4
|
size?: "xs" | "small" | "medium" | "large" | "xl";
|
|
4
5
|
hasIcon?: boolean;
|
|
@@ -12,6 +13,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
|
|
|
12
13
|
size: "xs" | "small" | "medium" | "large" | "xl";
|
|
13
14
|
placeholder: string;
|
|
14
15
|
autofocus: boolean;
|
|
16
|
+
value: string;
|
|
15
17
|
hasIcon: boolean;
|
|
16
18
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
17
19
|
autofocusRef: HTMLInputElement;
|
|
@@ -16483,7 +16483,8 @@ const g0 = ["disabled"], y0 = { class: "w-full grow truncate" }, rs = /* @__PURE
|
|
|
16483
16483
|
}, [
|
|
16484
16484
|
ee("button", {
|
|
16485
16485
|
class: "focus-visible:outline-blue w-full rounded-full focus:outline-none",
|
|
16486
|
-
disabled: u.disabled
|
|
16486
|
+
disabled: u.disabled,
|
|
16487
|
+
type: "button"
|
|
16487
16488
|
}, [
|
|
16488
16489
|
ee("span", {
|
|
16489
16490
|
"data-testid": "filterbutton-title",
|
|
@@ -17266,6 +17267,7 @@ const g0 = ["disabled"], y0 = { class: "w-full grow truncate" }, rs = /* @__PURE
|
|
|
17266
17267
|
disabled: d.disabled,
|
|
17267
17268
|
"aria-label": d.title,
|
|
17268
17269
|
class: ie(["focus-visible:outline-blue group flex flex-none items-center justify-center rounded-full focus:outline-none", [s.value, l.value, u.value]]),
|
|
17270
|
+
type: "button",
|
|
17269
17271
|
onClick: h[0] || (h[0] = (y) => n("click", y))
|
|
17270
17272
|
}, [
|
|
17271
17273
|
Ne(wt, {
|
|
@@ -18620,9 +18622,10 @@ function ic(e, t, n) {
|
|
|
18620
18622
|
update: m
|
|
18621
18623
|
};
|
|
18622
18624
|
}
|
|
18623
|
-
const Zg = { class: "flex items-center" }, ey = ["placeholder"], ty = /* @__PURE__ */ Ce({
|
|
18625
|
+
const Zg = { class: "flex items-center" }, ey = ["placeholder", "value"], ty = /* @__PURE__ */ Ce({
|
|
18624
18626
|
__name: "UiSimpleInput",
|
|
18625
18627
|
props: {
|
|
18628
|
+
value: { default: "" },
|
|
18626
18629
|
placeholder: { default: "" },
|
|
18627
18630
|
size: { default: "small" },
|
|
18628
18631
|
hasIcon: { type: Boolean, default: !0 },
|
|
@@ -18670,6 +18673,7 @@ const Zg = { class: "flex items-center" }, ey = ["placeholder"], ty = /* @__PURE
|
|
|
18670
18673
|
spellcheck: "false",
|
|
18671
18674
|
class: ie(["w-full focus:outline-none", [i.value, l.value]]),
|
|
18672
18675
|
placeholder: u.placeholder,
|
|
18676
|
+
value: u.value,
|
|
18673
18677
|
onInput: c[0] || (c[0] = (d) => s(d))
|
|
18674
18678
|
}, null, 42, ey)
|
|
18675
18679
|
]));
|
|
@@ -18726,7 +18730,8 @@ const Zg = { class: "flex items-center" }, ey = ["placeholder"], ty = /* @__PURE
|
|
|
18726
18730
|
floatingUiPlacement: { default: "bottom-start" },
|
|
18727
18731
|
floatingUiOptions: { default: null },
|
|
18728
18732
|
animate: { type: Boolean, default: !1 },
|
|
18729
|
-
placedListClass: { default: void 0 }
|
|
18733
|
+
placedListClass: { default: void 0 },
|
|
18734
|
+
query: { default: "" }
|
|
18730
18735
|
},
|
|
18731
18736
|
emits: ["open", "close", "option-selected", "input", "reset", "placed"],
|
|
18732
18737
|
setup(e, { emit: t }) {
|
|
@@ -18820,8 +18825,9 @@ const Zg = { class: "flex items-center" }, ey = ["placeholder"], ty = /* @__PURE
|
|
|
18820
18825
|
Ne(ty, {
|
|
18821
18826
|
autofocus: f.hasAutoFocus,
|
|
18822
18827
|
placeholder: f.searchPlaceholder,
|
|
18828
|
+
value: f.query,
|
|
18823
18829
|
onInput: v[0] || (v[0] = (g) => y(g))
|
|
18824
|
-
}, null, 8, ["autofocus", "placeholder"])
|
|
18830
|
+
}, null, 8, ["autofocus", "placeholder", "value"])
|
|
18825
18831
|
])) : j("", !0),
|
|
18826
18832
|
oe(f.$slots, "default", {
|
|
18827
18833
|
checkboxColor: f.checkboxColor,
|
|
@@ -18906,7 +18912,7 @@ const Zg = { class: "flex items-center" }, ey = ["placeholder"], ty = /* @__PURE
|
|
|
18906
18912
|
[D(ms), d]
|
|
18907
18913
|
]);
|
|
18908
18914
|
}
|
|
18909
|
-
}), lb = /* @__PURE__ */ ja(uy, [["__scopeId", "data-v-
|
|
18915
|
+
}), lb = /* @__PURE__ */ ja(uy, [["__scopeId", "data-v-c9919586"]]), ub = /* @__PURE__ */ Ce({
|
|
18910
18916
|
__name: "UiMenuList",
|
|
18911
18917
|
props: {
|
|
18912
18918
|
class: { default: void 0 }
|