@sentropic/design-system-vue 0.33.0 → 0.35.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/Accordion.d.ts +22 -0
- package/dist/Accordion.d.ts.map +1 -1
- package/dist/Accordion.js +13 -7
- package/dist/Accordion.js.map +1 -1
- package/dist/Avatar.d.ts +1 -1
- package/dist/AvatarGroup.d.ts +1 -1
- package/dist/Button.d.ts +1 -1
- package/dist/ButtonGroup.d.ts +1 -1
- package/dist/ChatComposer.d.ts.map +1 -1
- package/dist/ChatComposer.js +5 -1
- package/dist/ChatComposer.js.map +1 -1
- package/dist/ChatMessage.d.ts +22 -2
- package/dist/ChatMessage.d.ts.map +1 -1
- package/dist/ChatMessage.js +27 -12
- package/dist/ChatMessage.js.map +1 -1
- package/dist/ChatThread.d.ts.map +1 -1
- package/dist/ChatThread.js +3 -0
- package/dist/ChatThread.js.map +1 -1
- package/dist/Col.d.ts +3 -3
- package/dist/Combobox.d.ts +1 -1
- package/dist/Container.d.ts +1 -1
- package/dist/ContentSwitcher.d.ts +1 -1
- package/dist/CopyButton.d.ts +1 -1
- package/dist/DataTable.d.ts +1 -1
- package/dist/DatePicker.d.ts +1 -1
- package/dist/DonutChart.d.ts +1 -1
- package/dist/Flex.d.ts +1 -1
- package/dist/FormGroup.d.ts.map +1 -1
- package/dist/FormGroup.js +4 -2
- package/dist/FormGroup.js.map +1 -1
- package/dist/GaugeChart.d.ts +1 -1
- package/dist/IconButton.d.ts +1 -1
- package/dist/Inline.d.ts +1 -1
- package/dist/Input.d.ts +1 -1
- package/dist/KpiCard.d.ts +1 -1
- package/dist/MenuTriggerButton.d.ts +22 -0
- package/dist/MenuTriggerButton.d.ts.map +1 -1
- package/dist/MenuTriggerButton.js +4 -1
- package/dist/MenuTriggerButton.js.map +1 -1
- package/dist/MessageActions.d.ts.map +1 -1
- package/dist/MessageActions.js +11 -9
- package/dist/MessageActions.js.map +1 -1
- package/dist/MultiSelect.d.ts +112 -1
- package/dist/MultiSelect.d.ts.map +1 -1
- package/dist/MultiSelect.js +121 -62
- package/dist/MultiSelect.js.map +1 -1
- package/dist/NumberInput.d.ts +21 -1
- package/dist/NumberInput.d.ts.map +1 -1
- package/dist/NumberInput.js +70 -21
- package/dist/NumberInput.js.map +1 -1
- package/dist/PasswordInput.d.ts +1 -1
- package/dist/PasswordInput.d.ts.map +1 -1
- package/dist/PasswordInput.js +3 -3
- package/dist/PasswordInput.js.map +1 -1
- package/dist/ProgressBar.d.ts +31 -1
- package/dist/ProgressBar.d.ts.map +1 -1
- package/dist/ProgressBar.js +32 -23
- package/dist/ProgressBar.js.map +1 -1
- package/dist/RangeSlider.d.ts +2 -2
- package/dist/Rating.d.ts +1 -1
- package/dist/Rating.d.ts.map +1 -1
- package/dist/Row.d.ts +1 -1
- package/dist/Search.d.ts +1 -1
- package/dist/Select.d.ts +1 -1
- package/dist/SkeletonText.d.ts +26 -6
- package/dist/SkeletonText.d.ts.map +1 -1
- package/dist/SkeletonText.js +28 -13
- package/dist/SkeletonText.js.map +1 -1
- package/dist/SlideIndicator.d.ts +1 -1
- package/dist/SlideIndicator.d.ts.map +1 -1
- package/dist/Slider.d.ts +61 -1
- package/dist/Slider.d.ts.map +1 -1
- package/dist/Slider.js +69 -19
- package/dist/Slider.js.map +1 -1
- package/dist/Stack.d.ts +1 -1
- package/dist/Tag.d.ts +1 -1
- package/dist/TimePicker.d.ts +1 -1
- package/dist/TimePicker.d.ts.map +1 -1
- package/dist/Toggle.d.ts +21 -1
- package/dist/Toggle.d.ts.map +1 -1
- package/dist/Toggle.js +33 -27
- package/dist/Toggle.js.map +1 -1
- package/dist/Typography.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,10 @@
|
|
|
1
|
+
export type MenuTriggerButtonSize = "sm" | "md" | "lg";
|
|
2
|
+
export type MenuTriggerButtonVariant = "ghost" | "secondary";
|
|
1
3
|
export type MenuTriggerButtonProps = {
|
|
2
4
|
open?: boolean;
|
|
3
5
|
expanded?: boolean;
|
|
6
|
+
size?: MenuTriggerButtonSize;
|
|
7
|
+
variant?: MenuTriggerButtonVariant;
|
|
4
8
|
disabled?: boolean;
|
|
5
9
|
class?: string;
|
|
6
10
|
};
|
|
@@ -13,6 +17,14 @@ export declare const MenuTriggerButton: import("vue").DefineComponent<import("vu
|
|
|
13
17
|
type: BooleanConstructor;
|
|
14
18
|
default: undefined;
|
|
15
19
|
};
|
|
20
|
+
size: {
|
|
21
|
+
type: () => MenuTriggerButtonSize;
|
|
22
|
+
default: string;
|
|
23
|
+
};
|
|
24
|
+
variant: {
|
|
25
|
+
type: () => MenuTriggerButtonVariant;
|
|
26
|
+
default: string;
|
|
27
|
+
};
|
|
16
28
|
disabled: {
|
|
17
29
|
type: BooleanConstructor;
|
|
18
30
|
default: boolean;
|
|
@@ -32,6 +44,14 @@ export declare const MenuTriggerButton: import("vue").DefineComponent<import("vu
|
|
|
32
44
|
type: BooleanConstructor;
|
|
33
45
|
default: undefined;
|
|
34
46
|
};
|
|
47
|
+
size: {
|
|
48
|
+
type: () => MenuTriggerButtonSize;
|
|
49
|
+
default: string;
|
|
50
|
+
};
|
|
51
|
+
variant: {
|
|
52
|
+
type: () => MenuTriggerButtonVariant;
|
|
53
|
+
default: string;
|
|
54
|
+
};
|
|
35
55
|
disabled: {
|
|
36
56
|
type: BooleanConstructor;
|
|
37
57
|
default: boolean;
|
|
@@ -42,8 +62,10 @@ export declare const MenuTriggerButton: import("vue").DefineComponent<import("vu
|
|
|
42
62
|
};
|
|
43
63
|
}>> & Readonly<{}>, {
|
|
44
64
|
open: boolean;
|
|
65
|
+
size: MenuTriggerButtonSize;
|
|
45
66
|
class: string;
|
|
46
67
|
disabled: boolean;
|
|
47
68
|
expanded: boolean;
|
|
69
|
+
variant: MenuTriggerButtonVariant;
|
|
48
70
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
49
71
|
//# sourceMappingURL=MenuTriggerButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTriggerButton.d.ts","sourceRoot":"","sources":["../src/MenuTriggerButton.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,iBAAiB
|
|
1
|
+
{"version":3,"file":"MenuTriggerButton.d.ts","sourceRoot":"","sources":["../src/MenuTriggerButton.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,qBAAqB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACvD,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,WAAW,CAAC;AAC7D,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;cAKF,MAAM,qBAAqB;;;;cACxB,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;cADjC,MAAM,qBAAqB;;;;cACxB,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;4EAwB3D,CAAC"}
|
|
@@ -6,6 +6,8 @@ export const MenuTriggerButton = defineComponent({
|
|
|
6
6
|
props: {
|
|
7
7
|
open: { type: Boolean, default: undefined },
|
|
8
8
|
expanded: { type: Boolean, default: undefined },
|
|
9
|
+
size: { type: String, default: "md" },
|
|
10
|
+
variant: { type: String, default: "ghost" },
|
|
9
11
|
disabled: { type: Boolean, default: false },
|
|
10
12
|
class: { type: String, default: undefined },
|
|
11
13
|
},
|
|
@@ -15,7 +17,8 @@ export const MenuTriggerButton = defineComponent({
|
|
|
15
17
|
return h("button", {
|
|
16
18
|
...attrs,
|
|
17
19
|
type: "button",
|
|
18
|
-
class: classNames(
|
|
20
|
+
class: classNames(`st-iconButton st-iconButton--${props.size} st-iconButton--${props.variant}`, props.class),
|
|
21
|
+
"aria-haspopup": "menu",
|
|
19
22
|
"aria-expanded": isOpen,
|
|
20
23
|
disabled: props.disabled,
|
|
21
24
|
}, slots.default?.() ?? h(ChevronDownCircle, { size: 18, strokeWidth: 2, "aria-hidden": "true" }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTriggerButton.js","sourceRoot":"","sources":["../src/MenuTriggerButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuTriggerButton.js","sourceRoot":"","sources":["../src/MenuTriggerButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAc7C,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC;IAC/C,IAAI,EAAE,mBAAmB;IACzB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/C,IAAI,EAAE,EAAE,IAAI,EAAE,MAAqC,EAAE,OAAO,EAAE,IAAI,EAAE;QACpE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAwC,EAAE,OAAO,EAAE,OAAO,EAAE;QAC7E,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;YACV,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC;YACrD,OAAO,CAAC,CACN,QAAQ,EACR;gBACE,GAAG,KAAK;gBACR,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,UAAU,CACf,gCAAgC,KAAK,CAAC,IAAI,mBAAmB,KAAK,CAAC,OAAO,EAAE,EAC5E,KAAK,CAAC,KAAK,CACZ;gBACD,eAAe,EAAE,MAAM;gBACvB,eAAe,EAAE,MAAM;gBACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ;aACzB,EACD,KAAK,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,CAAC,iBAAiB,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAC/F,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../src/MessageActions.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,QAAQ,CAAC;AACxD;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc;;cAGG,MAAM,aAAa,EAAE;;;;cAE7B,MAAM,QAAQ,GAAG,OAAO;;;;;;;;;;;cAFhB,MAAM,aAAa,EAAE;;;;cAE7B,MAAM,QAAQ,GAAG,OAAO;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../src/MessageActions.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,QAAQ,CAAC;AACxD;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc;;cAGG,MAAM,aAAa,EAAE;;;;cAE7B,MAAM,QAAQ,GAAG,OAAO;;;;;;;;;;;cAFhB,MAAM,aAAa,EAAE;;;;cAE7B,MAAM,QAAQ,GAAG,OAAO;;;;;;;;;;4EA4C5C,CAAC"}
|
package/dist/MessageActions.js
CHANGED
|
@@ -6,27 +6,29 @@ export const MessageActions = defineComponent({
|
|
|
6
6
|
actions: { type: Array, required: true },
|
|
7
7
|
visibility: {
|
|
8
8
|
type: String,
|
|
9
|
-
default: "
|
|
9
|
+
default: "hover",
|
|
10
10
|
},
|
|
11
11
|
class: { type: String, default: undefined },
|
|
12
12
|
},
|
|
13
13
|
setup(props, { attrs }) {
|
|
14
14
|
return () => {
|
|
15
|
-
const visibility = props.visibility ?? "
|
|
16
|
-
return h("
|
|
15
|
+
const visibility = props.visibility ?? "hover";
|
|
16
|
+
return h("div", {
|
|
17
17
|
...attrs,
|
|
18
18
|
class: classNames("st-messageActions", visibility === "hover" && "st-messageActions--hoverOnly", props.class),
|
|
19
|
-
|
|
19
|
+
role: "group",
|
|
20
|
+
"aria-label": "Actions du message",
|
|
20
21
|
}, props.actions.map((action, index) => h("button", {
|
|
21
22
|
key: action.id ?? index,
|
|
22
23
|
type: "button",
|
|
23
|
-
class: classNames("st-
|
|
24
|
+
class: classNames("st-iconButton st-iconButton--sm", action.variant === "danger"
|
|
25
|
+
? "st-iconButton--danger"
|
|
26
|
+
: "st-iconButton--ghost"),
|
|
24
27
|
disabled: action.disabled,
|
|
25
|
-
"aria-label": action.label
|
|
26
|
-
|
|
27
|
-
: undefined,
|
|
28
|
+
"aria-label": (action.label != null ? String(action.label) : undefined) ??
|
|
29
|
+
action.id,
|
|
28
30
|
onClick: action.onClick,
|
|
29
|
-
}, (action.
|
|
31
|
+
}, (action.icon ?? action.label))));
|
|
30
32
|
};
|
|
31
33
|
},
|
|
32
34
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageActions.js","sourceRoot":"","sources":["../src/MessageActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAuB7C,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC5C,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE;QACL,OAAO,EAAE,EAAE,IAAI,EAAE,KAA8B,EAAE,QAAQ,EAAE,IAAI,EAAE;QACjE,UAAU,EAAE;YACV,IAAI,EAAE,MAAkC;YACxC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"MessageActions.js","sourceRoot":"","sources":["../src/MessageActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAuB7C,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC5C,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE;QACL,OAAO,EAAE,EAAE,IAAI,EAAE,KAA8B,EAAE,QAAQ,EAAE,IAAI,EAAE;QACjE,UAAU,EAAE;YACV,IAAI,EAAE,MAAkC;YACxC,OAAO,EAAE,OAAO;SACjB;QACD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE;YACV,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,OAAO,CAAC;YAC/C,OAAO,CAAC,CACN,KAAK,EACL;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CACf,mBAAmB,EACnB,UAAU,KAAK,OAAO,IAAI,8BAA8B,EACxD,KAAK,CAAC,KAAK,CACZ;gBACD,IAAI,EAAE,OAAO;gBACb,YAAY,EAAE,oBAAoB;aACnC,EACD,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAClC,CAAC,CACC,QAAQ,EACR;gBACE,GAAG,EAAE,MAAM,CAAC,EAAE,IAAI,KAAK;gBACvB,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,UAAU,CACf,iCAAiC,EACjC,MAAM,CAAC,OAAO,KAAK,QAAQ;oBACzB,CAAC,CAAC,uBAAuB;oBACzB,CAAC,CAAC,sBAAsB,CAC3B;gBACD,QAAQ,EAAE,MAAM,CAAC,QAAQ;gBACzB,YAAY,EACV,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;oBACzD,MAAM,CAAC,EAAE;gBACX,OAAO,EAAE,MAAM,CAAC,OAAO;aACxB,EACD,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,KAAK,CAAW,CACxC,CACF,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
|
package/dist/MultiSelect.d.ts
CHANGED
|
@@ -6,11 +6,23 @@ export type MultiSelectOption = {
|
|
|
6
6
|
export type MultiSelectSize = "sm" | "md" | "lg";
|
|
7
7
|
export type MultiSelectProps = {
|
|
8
8
|
label?: unknown;
|
|
9
|
+
helperText?: unknown;
|
|
10
|
+
errorText?: unknown;
|
|
11
|
+
invalid?: boolean;
|
|
9
12
|
options: MultiSelectOption[];
|
|
10
13
|
value?: string[];
|
|
11
14
|
values?: string[];
|
|
15
|
+
/** Svelte-canonical alias for the selected values. */
|
|
16
|
+
selected?: string[];
|
|
12
17
|
size?: MultiSelectSize;
|
|
13
18
|
open?: boolean;
|
|
19
|
+
placeholder?: string;
|
|
20
|
+
searchPlaceholder?: string;
|
|
21
|
+
noResultsLabel?: string;
|
|
22
|
+
toggleLabel?: string;
|
|
23
|
+
removeLabel?: string;
|
|
24
|
+
listLabel?: string;
|
|
25
|
+
disabled?: boolean;
|
|
14
26
|
class?: string;
|
|
15
27
|
};
|
|
16
28
|
export declare const MultiSelect: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -18,6 +30,18 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
|
|
|
18
30
|
type: () => unknown;
|
|
19
31
|
default: undefined;
|
|
20
32
|
};
|
|
33
|
+
helperText: {
|
|
34
|
+
type: () => unknown;
|
|
35
|
+
default: undefined;
|
|
36
|
+
};
|
|
37
|
+
errorText: {
|
|
38
|
+
type: () => unknown;
|
|
39
|
+
default: undefined;
|
|
40
|
+
};
|
|
41
|
+
invalid: {
|
|
42
|
+
type: BooleanConstructor;
|
|
43
|
+
default: boolean;
|
|
44
|
+
};
|
|
21
45
|
options: {
|
|
22
46
|
type: () => MultiSelectOption[];
|
|
23
47
|
required: true;
|
|
@@ -30,6 +54,10 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
|
|
|
30
54
|
type: () => string[];
|
|
31
55
|
default: undefined;
|
|
32
56
|
};
|
|
57
|
+
selected: {
|
|
58
|
+
type: () => string[];
|
|
59
|
+
default: undefined;
|
|
60
|
+
};
|
|
33
61
|
size: {
|
|
34
62
|
type: () => MultiSelectSize;
|
|
35
63
|
default: string;
|
|
@@ -38,6 +66,34 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
|
|
|
38
66
|
type: BooleanConstructor;
|
|
39
67
|
default: undefined;
|
|
40
68
|
};
|
|
69
|
+
placeholder: {
|
|
70
|
+
type: StringConstructor;
|
|
71
|
+
default: string;
|
|
72
|
+
};
|
|
73
|
+
searchPlaceholder: {
|
|
74
|
+
type: StringConstructor;
|
|
75
|
+
default: string;
|
|
76
|
+
};
|
|
77
|
+
noResultsLabel: {
|
|
78
|
+
type: StringConstructor;
|
|
79
|
+
default: string;
|
|
80
|
+
};
|
|
81
|
+
toggleLabel: {
|
|
82
|
+
type: StringConstructor;
|
|
83
|
+
default: string;
|
|
84
|
+
};
|
|
85
|
+
removeLabel: {
|
|
86
|
+
type: StringConstructor;
|
|
87
|
+
default: string;
|
|
88
|
+
};
|
|
89
|
+
listLabel: {
|
|
90
|
+
type: StringConstructor;
|
|
91
|
+
default: undefined;
|
|
92
|
+
};
|
|
93
|
+
disabled: {
|
|
94
|
+
type: BooleanConstructor;
|
|
95
|
+
default: boolean;
|
|
96
|
+
};
|
|
41
97
|
class: {
|
|
42
98
|
type: StringConstructor;
|
|
43
99
|
default: undefined;
|
|
@@ -49,6 +105,18 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
|
|
|
49
105
|
type: () => unknown;
|
|
50
106
|
default: undefined;
|
|
51
107
|
};
|
|
108
|
+
helperText: {
|
|
109
|
+
type: () => unknown;
|
|
110
|
+
default: undefined;
|
|
111
|
+
};
|
|
112
|
+
errorText: {
|
|
113
|
+
type: () => unknown;
|
|
114
|
+
default: undefined;
|
|
115
|
+
};
|
|
116
|
+
invalid: {
|
|
117
|
+
type: BooleanConstructor;
|
|
118
|
+
default: boolean;
|
|
119
|
+
};
|
|
52
120
|
options: {
|
|
53
121
|
type: () => MultiSelectOption[];
|
|
54
122
|
required: true;
|
|
@@ -61,6 +129,10 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
|
|
|
61
129
|
type: () => string[];
|
|
62
130
|
default: undefined;
|
|
63
131
|
};
|
|
132
|
+
selected: {
|
|
133
|
+
type: () => string[];
|
|
134
|
+
default: undefined;
|
|
135
|
+
};
|
|
64
136
|
size: {
|
|
65
137
|
type: () => MultiSelectSize;
|
|
66
138
|
default: string;
|
|
@@ -69,6 +141,34 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
|
|
|
69
141
|
type: BooleanConstructor;
|
|
70
142
|
default: undefined;
|
|
71
143
|
};
|
|
144
|
+
placeholder: {
|
|
145
|
+
type: StringConstructor;
|
|
146
|
+
default: string;
|
|
147
|
+
};
|
|
148
|
+
searchPlaceholder: {
|
|
149
|
+
type: StringConstructor;
|
|
150
|
+
default: string;
|
|
151
|
+
};
|
|
152
|
+
noResultsLabel: {
|
|
153
|
+
type: StringConstructor;
|
|
154
|
+
default: string;
|
|
155
|
+
};
|
|
156
|
+
toggleLabel: {
|
|
157
|
+
type: StringConstructor;
|
|
158
|
+
default: string;
|
|
159
|
+
};
|
|
160
|
+
removeLabel: {
|
|
161
|
+
type: StringConstructor;
|
|
162
|
+
default: string;
|
|
163
|
+
};
|
|
164
|
+
listLabel: {
|
|
165
|
+
type: StringConstructor;
|
|
166
|
+
default: undefined;
|
|
167
|
+
};
|
|
168
|
+
disabled: {
|
|
169
|
+
type: BooleanConstructor;
|
|
170
|
+
default: boolean;
|
|
171
|
+
};
|
|
72
172
|
class: {
|
|
73
173
|
type: StringConstructor;
|
|
74
174
|
default: undefined;
|
|
@@ -79,10 +179,21 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
|
|
|
79
179
|
"onUpdate:open"?: ((...args: any[]) => any) | undefined;
|
|
80
180
|
}>, {
|
|
81
181
|
open: boolean;
|
|
182
|
+
size: MultiSelectSize;
|
|
82
183
|
class: string;
|
|
83
184
|
values: string[];
|
|
84
185
|
label: undefined;
|
|
85
|
-
|
|
186
|
+
invalid: boolean;
|
|
187
|
+
disabled: boolean;
|
|
86
188
|
value: string[];
|
|
189
|
+
placeholder: string;
|
|
190
|
+
helperText: undefined;
|
|
191
|
+
errorText: undefined;
|
|
192
|
+
noResultsLabel: string;
|
|
193
|
+
listLabel: string;
|
|
194
|
+
removeLabel: string;
|
|
195
|
+
selected: string[];
|
|
196
|
+
searchPlaceholder: string;
|
|
197
|
+
toggleLabel: string;
|
|
87
198
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
88
199
|
//# sourceMappingURL=MultiSelect.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../src/MultiSelect.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;
|
|
1
|
+
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../src/MultiSelect.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW;;cAG0B,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;;;;;cAErC,MAAM,iBAAiB,EAAE;;;;cAC3B,MAAM,MAAM,EAAE;;;;cACb,MAAM,MAAM,EAAE;;;;cACZ,MAAM,MAAM,EAAE;;;;cACjB,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cARC,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;;;;;cAErC,MAAM,iBAAiB,EAAE;;;;cAC3B,MAAM,MAAM,EAAE;;;;cACb,MAAM,MAAM,EAAE;;;;cACZ,MAAM,MAAM,EAAE;;;;cACjB,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAmM/C,CAAC"}
|
package/dist/MultiSelect.js
CHANGED
|
@@ -1,34 +1,47 @@
|
|
|
1
1
|
import { defineComponent, h, ref, computed } from "vue";
|
|
2
|
-
import { ChevronDown } from "lucide-vue-next";
|
|
2
|
+
import { ChevronDown, X } from "lucide-vue-next";
|
|
3
3
|
import { classNames } from "./classNames.js";
|
|
4
|
-
let _msCounter = 0;
|
|
5
|
-
function nextMsId() {
|
|
6
|
-
return `st-multiSelect-${++_msCounter}`;
|
|
7
|
-
}
|
|
8
4
|
export const MultiSelect = defineComponent({
|
|
9
5
|
name: "MultiSelect",
|
|
10
6
|
props: {
|
|
11
7
|
label: { type: [String, Object], default: undefined },
|
|
8
|
+
helperText: { type: [String, Object], default: undefined },
|
|
9
|
+
errorText: { type: [String, Object], default: undefined },
|
|
10
|
+
invalid: { type: Boolean, default: false },
|
|
12
11
|
options: { type: Array, required: true },
|
|
13
12
|
value: { type: Array, default: undefined },
|
|
14
13
|
values: { type: Array, default: undefined },
|
|
14
|
+
selected: { type: Array, default: undefined },
|
|
15
15
|
size: { type: String, default: "md" },
|
|
16
16
|
open: { type: Boolean, default: undefined },
|
|
17
|
+
placeholder: { type: String, default: "Select items" },
|
|
18
|
+
searchPlaceholder: { type: String, default: "Filter" },
|
|
19
|
+
noResultsLabel: { type: String, default: "No results" },
|
|
20
|
+
toggleLabel: { type: String, default: "Toggle options" },
|
|
21
|
+
removeLabel: { type: String, default: "Remove" },
|
|
22
|
+
listLabel: { type: String, default: undefined },
|
|
23
|
+
disabled: { type: Boolean, default: false },
|
|
17
24
|
class: { type: String, default: undefined },
|
|
18
25
|
},
|
|
19
26
|
emits: ["change", "update:open", "update:modelValue"],
|
|
20
27
|
setup(props, { emit, attrs }) {
|
|
21
|
-
const instanceId = ref(nextMsId());
|
|
22
|
-
const listId = computed(() => `${instanceId.value}-list`);
|
|
23
28
|
const localOpen = ref(false);
|
|
24
|
-
const localSelected = ref(props.value ?? props.values ?? []);
|
|
29
|
+
const localSelected = ref(props.value ?? props.values ?? props.selected ?? []);
|
|
30
|
+
const query = ref("");
|
|
25
31
|
const isOpen = () => (props.open !== undefined ? props.open : localOpen.value);
|
|
26
32
|
const setOpen = (val) => {
|
|
27
33
|
if (props.open === undefined)
|
|
28
34
|
localOpen.value = val;
|
|
29
35
|
emit("update:open", val);
|
|
30
36
|
};
|
|
31
|
-
const getSelected = () => props.value ?? props.values ?? localSelected.value;
|
|
37
|
+
const getSelected = () => props.value ?? props.values ?? props.selected ?? localSelected.value;
|
|
38
|
+
const isControlled = () => props.value !== undefined || props.values !== undefined || props.selected !== undefined;
|
|
39
|
+
const commit = (next) => {
|
|
40
|
+
if (!isControlled())
|
|
41
|
+
localSelected.value = next;
|
|
42
|
+
emit("change", next);
|
|
43
|
+
emit("update:modelValue", next);
|
|
44
|
+
};
|
|
32
45
|
const toggleOption = (option) => {
|
|
33
46
|
if (option.disabled)
|
|
34
47
|
return;
|
|
@@ -36,73 +49,119 @@ export const MultiSelect = defineComponent({
|
|
|
36
49
|
const next = current.includes(option.value)
|
|
37
50
|
? current.filter((v) => v !== option.value)
|
|
38
51
|
: [...current, option.value];
|
|
39
|
-
|
|
40
|
-
localSelected.value = next;
|
|
41
|
-
}
|
|
42
|
-
emit("change", next);
|
|
43
|
-
emit("update:modelValue", next);
|
|
44
|
-
setOpen(false);
|
|
52
|
+
commit(next);
|
|
45
53
|
};
|
|
54
|
+
const removeOption = (value) => {
|
|
55
|
+
commit(getSelected().filter((v) => v !== value));
|
|
56
|
+
};
|
|
57
|
+
const filtered = computed(() => {
|
|
58
|
+
const q = query.value.trim().toLowerCase();
|
|
59
|
+
if (!q)
|
|
60
|
+
return props.options;
|
|
61
|
+
return props.options.filter((opt) => String(opt.label).toLowerCase().includes(q));
|
|
62
|
+
});
|
|
46
63
|
return () => {
|
|
47
64
|
const open = isOpen();
|
|
48
|
-
const
|
|
49
|
-
const selectedOptions =
|
|
65
|
+
const selectedSet = new Set(getSelected());
|
|
66
|
+
const selectedOptions = getSelected()
|
|
67
|
+
.map((value) => props.options.find((opt) => opt.value === value))
|
|
68
|
+
.filter((opt) => Boolean(opt));
|
|
69
|
+
const isInvalid = props.invalid || Boolean(props.errorText);
|
|
50
70
|
return h("div", {
|
|
51
71
|
...attrs,
|
|
52
|
-
class: classNames("st-
|
|
72
|
+
class: classNames("st-field", props.class),
|
|
73
|
+
role: "group",
|
|
74
|
+
"aria-label": props.label ? String(props.label) : undefined,
|
|
75
|
+
onKeydown: (event) => {
|
|
76
|
+
if (event.key === "Escape" && open) {
|
|
77
|
+
event.preventDefault();
|
|
78
|
+
setOpen(false);
|
|
79
|
+
}
|
|
80
|
+
},
|
|
53
81
|
}, [
|
|
54
82
|
props.label
|
|
55
83
|
? h("span", { class: "st-field__label" }, props.label)
|
|
56
84
|
: null,
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
85
|
+
selectedOptions.length > 0
|
|
86
|
+
? h("span", { class: "st-multiSelect__tags" }, selectedOptions.map((option) => h("span", { key: option.value, class: "st-multiSelect__tag" }, [
|
|
87
|
+
h("span", { class: "st-multiSelect__tagLabel" }, String(option.label)),
|
|
88
|
+
h("button", {
|
|
89
|
+
type: "button",
|
|
90
|
+
class: "st-multiSelect__tagRemove",
|
|
91
|
+
"aria-label": `${props.removeLabel} ${String(option.label)}`,
|
|
92
|
+
disabled: props.disabled,
|
|
93
|
+
onClick: () => removeOption(option.value),
|
|
94
|
+
}, [h(X, { size: 14, strokeWidth: 2.25, "aria-hidden": "true" })]),
|
|
95
|
+
])))
|
|
96
|
+
: null,
|
|
97
|
+
h("span", {
|
|
98
|
+
class: classNames("st-multiSelect", `st-multiSelect--${props.size}`),
|
|
99
|
+
"data-invalid": isInvalid ? "true" : undefined,
|
|
65
100
|
}, [
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
:
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
101
|
+
h("button", {
|
|
102
|
+
type: "button",
|
|
103
|
+
class: "st-multiSelect__trigger",
|
|
104
|
+
"aria-haspopup": "listbox",
|
|
105
|
+
"aria-expanded": open,
|
|
106
|
+
disabled: props.disabled,
|
|
107
|
+
onClick: () => setOpen(!open),
|
|
108
|
+
}, [
|
|
109
|
+
selectedOptions.length === 0
|
|
110
|
+
? h("span", { class: "st-multiSelect__placeholder" }, props.placeholder)
|
|
111
|
+
: h("span", { class: "st-multiSelect__count" }, `${selectedOptions.length} selected`),
|
|
112
|
+
h("span", { class: "st-multiSelect__caret", "aria-hidden": "true" }, [
|
|
113
|
+
h(ChevronDown, {
|
|
114
|
+
class: classNames("st-multiSelect__caretIcon", open && "st-multiSelect__caretIcon--open"),
|
|
115
|
+
size: 18,
|
|
116
|
+
strokeWidth: 2.25,
|
|
117
|
+
"aria-hidden": "true",
|
|
118
|
+
}),
|
|
119
|
+
]),
|
|
120
|
+
h("span", { class: "st-visually-hidden" }, props.toggleLabel),
|
|
81
121
|
]),
|
|
82
122
|
]),
|
|
83
123
|
open
|
|
84
|
-
? h("
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
"
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
124
|
+
? h("div", { class: "st-multiSelect__panel" }, [
|
|
125
|
+
h("input", {
|
|
126
|
+
type: "search",
|
|
127
|
+
class: "st-multiSelect__search",
|
|
128
|
+
placeholder: props.searchPlaceholder,
|
|
129
|
+
value: query.value,
|
|
130
|
+
"aria-label": props.searchPlaceholder,
|
|
131
|
+
onInput: (event) => {
|
|
132
|
+
query.value = event.currentTarget.value;
|
|
133
|
+
},
|
|
134
|
+
}),
|
|
135
|
+
h("div", {
|
|
136
|
+
class: "st-multiSelect__list",
|
|
137
|
+
role: "listbox",
|
|
138
|
+
"aria-label": props.listLabel ?? (props.label ? String(props.label) : "Options"),
|
|
139
|
+
"aria-multiselectable": "true",
|
|
140
|
+
}, filtered.value.length === 0
|
|
141
|
+
? [h("div", { class: "st-multiSelect__empty" }, props.noResultsLabel)]
|
|
142
|
+
: filtered.value.map((option) => {
|
|
143
|
+
const isSelected = selectedSet.has(option.value);
|
|
144
|
+
return h("button", {
|
|
145
|
+
key: option.value,
|
|
146
|
+
class: "st-multiSelect__option",
|
|
147
|
+
type: "button",
|
|
148
|
+
role: "option",
|
|
149
|
+
"aria-selected": isSelected ? "true" : "false",
|
|
150
|
+
"aria-disabled": option.disabled ? "true" : undefined,
|
|
151
|
+
disabled: option.disabled,
|
|
152
|
+
onClick: () => toggleOption(option),
|
|
153
|
+
}, [
|
|
154
|
+
h("span", { class: "st-multiSelect__check", "aria-hidden": "true" }, isSelected ? "✓" : ""),
|
|
155
|
+
h("span", String(option.label)),
|
|
156
|
+
]);
|
|
157
|
+
})),
|
|
158
|
+
])
|
|
105
159
|
: null,
|
|
160
|
+
props.errorText
|
|
161
|
+
? h("span", { class: "st-field__error" }, props.errorText)
|
|
162
|
+
: props.helperText
|
|
163
|
+
? h("span", { class: "st-field__help" }, props.helperText)
|
|
164
|
+
: null,
|
|
106
165
|
]);
|
|
107
166
|
};
|
|
108
167
|
},
|
package/dist/MultiSelect.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../src/MultiSelect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../src/MultiSelect.ts"],"names":[],"mappings":"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"}
|