@avenirs-esr/avenirs-dsav 0.1.40 → 0.1.42
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/avenirs-dsav.css +1 -1
- package/dist/avenirs-dsav.es.js +961 -916
- package/dist/avenirs-dsav.umd.js +7 -7
- package/dist/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.stories.d.ts +38 -0
- package/dist/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.stub.d.ts +6 -0
- package/dist/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.test.d.ts +1 -0
- package/dist/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.vue.d.ts +35 -0
- package/dist/components/interaction/buttons/index.d.ts +1 -0
- package/dist/components/interaction/inputs/AvInput/AvInput.vue.d.ts +4 -0
- package/dist/components/interaction/selects/AvAutocomplete/AvAutocompleteInput.vue.d.ts +6 -0
- package/dist/components/navigation/AvSideMenu/AvSideMenu.vue.d.ts +1 -1
- package/dist/components/overlay/drawers/AvDrawer/AvDrawer.vue.d.ts +1 -1
- package/dist/components/overlay/modals/AvModal/AvModal.vue.d.ts +11 -6
- package/dist/components/overlay/popovers/AvPopover/AvPopover.vue.d.ts +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import type { Meta, StoryFn } from '@storybook/vue3';
|
|
2
|
+
import { type AvCancelConfirmButtonsProps } from '@/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.vue';
|
|
3
|
+
/**
|
|
4
|
+
* <h2 class="n2">✨ Introduction</h2>
|
|
5
|
+
*
|
|
6
|
+
* <p>
|
|
7
|
+
* <span class="b2-regular">
|
|
8
|
+
* The <code>AvCancelConfirmButtons</code> is an interaction element with an interface enabling the user
|
|
9
|
+
* to perform a cancel and/or a confirm action.
|
|
10
|
+
* </span>
|
|
11
|
+
* </p>
|
|
12
|
+
*
|
|
13
|
+
* <h2 class="n2">🏗️ Structure</h2>
|
|
14
|
+
*
|
|
15
|
+
* <p>
|
|
16
|
+
* <span class="b2-regular">
|
|
17
|
+
* This component consists of two optional buttons:
|
|
18
|
+
* </span>
|
|
19
|
+
* </p>
|
|
20
|
+
*
|
|
21
|
+
* <ul>
|
|
22
|
+
* <li>
|
|
23
|
+
* <span class="b2-regular">
|
|
24
|
+
* A <strong>cancel button</strong>, displayed by passing the <code>cancelLabel</code> prop.
|
|
25
|
+
* </span>
|
|
26
|
+
* </li>
|
|
27
|
+
* <li>
|
|
28
|
+
* <span class="b2-regular">
|
|
29
|
+
* A <strong>confirm button</strong>, displayed by passing the <code>confirmLabel</code> prop.
|
|
30
|
+
* </span>
|
|
31
|
+
* </li>
|
|
32
|
+
* </ul>
|
|
33
|
+
*/
|
|
34
|
+
declare const meta: Meta<AvCancelConfirmButtonsProps>;
|
|
35
|
+
export default meta;
|
|
36
|
+
export declare const Default: StoryFn<AvCancelConfirmButtonsProps>;
|
|
37
|
+
export declare const CancelOnly: StoryFn<AvCancelConfirmButtonsProps>;
|
|
38
|
+
export declare const ConfirmOnly: StoryFn<AvCancelConfirmButtonsProps>;
|
package/dist/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.test.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.vue.d.ts
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* AvCancelConfirmButtons component props.
|
|
3
|
+
*/
|
|
4
|
+
export interface AvCancelConfirmButtonsProps {
|
|
5
|
+
/**
|
|
6
|
+
* Label and title (for accessibility) of the cancel button.
|
|
7
|
+
*/
|
|
8
|
+
cancelLabel?: string;
|
|
9
|
+
/**
|
|
10
|
+
* Icon name of the cancel button.
|
|
11
|
+
* @default 'mdi:close-circle-outline'
|
|
12
|
+
*/
|
|
13
|
+
cancelIcon?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Label and title (for accessibility) of the confirm button.
|
|
16
|
+
*/
|
|
17
|
+
confirmLabel?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Icon name of the confirm button.
|
|
20
|
+
* @default 'mdi:check-circle-outline'
|
|
21
|
+
*/
|
|
22
|
+
confirmIcon?: string;
|
|
23
|
+
/**
|
|
24
|
+
* Adds a loading state on the buttons.
|
|
25
|
+
*/
|
|
26
|
+
isLoading?: boolean;
|
|
27
|
+
}
|
|
28
|
+
declare const _default: import("vue").DefineComponent<AvCancelConfirmButtonsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
29
|
+
cancel: () => any;
|
|
30
|
+
confirm: () => any;
|
|
31
|
+
}, string, import("vue").PublicProps, Readonly<AvCancelConfirmButtonsProps> & Readonly<{
|
|
32
|
+
onCancel?: (() => any) | undefined;
|
|
33
|
+
onConfirm?: (() => any) | undefined;
|
|
34
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
35
|
+
export default _default;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export { AvButtonStub } from './AvButton/AvButton.stub';
|
|
2
2
|
export { default as AvButton, type AvButtonProps } from './AvButton/AvButton.vue';
|
|
3
|
+
export { default as AvCancelConfirmButtons } from './AvCancelConfirmButtons/AvCancelConfirmButtons.vue';
|
|
3
4
|
export { default as AvRichButton } from './AvRichButton/AvRichButton.vue';
|
|
@@ -34,6 +34,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
|
|
|
34
34
|
readonly errorMessage?: string | string[] | undefined;
|
|
35
35
|
readonly validMessage?: string | string[] | undefined;
|
|
36
36
|
readonly prefixIcon?: string | undefined;
|
|
37
|
+
readonly width?: string | undefined;
|
|
37
38
|
readonly "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
|
|
38
39
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
|
|
39
40
|
$attrs: {
|
|
@@ -122,6 +123,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
|
|
|
122
123
|
readonly errorMessage?: string | string[] | undefined;
|
|
123
124
|
readonly validMessage?: string | string[] | undefined;
|
|
124
125
|
readonly prefixIcon?: string | undefined;
|
|
126
|
+
readonly width?: string | undefined;
|
|
125
127
|
readonly "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
|
|
126
128
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
|
|
127
129
|
$attrs: {
|
|
@@ -218,6 +220,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
|
|
|
218
220
|
readonly errorMessage?: string | string[] | undefined;
|
|
219
221
|
readonly validMessage?: string | string[] | undefined;
|
|
220
222
|
readonly prefixIcon?: string | undefined;
|
|
223
|
+
readonly width?: string | undefined;
|
|
221
224
|
readonly "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
|
|
222
225
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
|
|
223
226
|
$attrs: {
|
|
@@ -306,6 +309,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
|
|
|
306
309
|
readonly errorMessage?: string | string[] | undefined;
|
|
307
310
|
readonly validMessage?: string | string[] | undefined;
|
|
308
311
|
readonly prefixIcon?: string | undefined;
|
|
312
|
+
readonly width?: string | undefined;
|
|
309
313
|
readonly "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
|
|
310
314
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
|
|
311
315
|
$attrs: {
|
|
@@ -411,6 +415,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
|
|
|
411
415
|
readonly errorMessage?: string | string[] | undefined;
|
|
412
416
|
readonly validMessage?: string | string[] | undefined;
|
|
413
417
|
readonly prefixIcon?: string | undefined;
|
|
418
|
+
readonly width?: string | undefined;
|
|
414
419
|
readonly "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
|
|
415
420
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
|
|
416
421
|
$attrs: {
|
|
@@ -499,6 +504,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
|
|
|
499
504
|
readonly errorMessage?: string | string[] | undefined;
|
|
500
505
|
readonly validMessage?: string | string[] | undefined;
|
|
501
506
|
readonly prefixIcon?: string | undefined;
|
|
507
|
+
readonly width?: string | undefined;
|
|
502
508
|
readonly "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
|
|
503
509
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
|
|
504
510
|
$attrs: {
|
|
@@ -47,8 +47,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<__VLS_Publ
|
|
|
47
47
|
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
48
48
|
"onUpdate:collapsed"?: ((...args: unknown[]) => any) | undefined;
|
|
49
49
|
}>, {
|
|
50
|
-
padding: string;
|
|
51
50
|
width: string;
|
|
51
|
+
padding: string;
|
|
52
52
|
collapsible: boolean;
|
|
53
53
|
collapsed: boolean;
|
|
54
54
|
collapsedWidth: string;
|
|
@@ -46,9 +46,9 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvDrawerPr
|
|
|
46
46
|
}, string, import("vue").PublicProps, Readonly<AvDrawerProps> & Readonly<{
|
|
47
47
|
onEscapePressed?: (() => any) | undefined;
|
|
48
48
|
}>, {
|
|
49
|
+
width: string;
|
|
49
50
|
ariaLabel: string;
|
|
50
51
|
padding: string;
|
|
51
|
-
width: string;
|
|
52
52
|
position: "left" | "right";
|
|
53
53
|
backdrop: boolean;
|
|
54
54
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
|
|
@@ -1,14 +1,8 @@
|
|
|
1
1
|
import type { Slot } from 'vue';
|
|
2
|
-
import { type AvButtonProps } from '@/components/interaction';
|
|
3
2
|
/**
|
|
4
3
|
* AvModal component props.
|
|
5
4
|
*/
|
|
6
5
|
export interface AvModalProps {
|
|
7
|
-
/**
|
|
8
|
-
* Variant of the close button: without border (`DEFAULT`) or with border (`OUTLINED`).
|
|
9
|
-
* @default 'DEFAULT'
|
|
10
|
-
*/
|
|
11
|
-
closeButtonVariant?: AvButtonProps['variant'];
|
|
12
6
|
/**
|
|
13
7
|
* Unique identifier for the modal.
|
|
14
8
|
* @default useRandomId('modal', 'dialog')
|
|
@@ -44,6 +38,15 @@ export interface AvModalProps {
|
|
|
44
38
|
* Label and title (for accessibility) of the close button.
|
|
45
39
|
*/
|
|
46
40
|
closeButtonLabel: string;
|
|
41
|
+
/**
|
|
42
|
+
* Label and title (for accessibility) of the confirm button.
|
|
43
|
+
*/
|
|
44
|
+
confirmButtonLabel?: string;
|
|
45
|
+
/**
|
|
46
|
+
* Icon name of the confirm button.
|
|
47
|
+
* @default 'mdi:check-circle-outline'
|
|
48
|
+
*/
|
|
49
|
+
confirmButtonIcon?: string;
|
|
47
50
|
/**
|
|
48
51
|
* Adds a loading state on the close button.
|
|
49
52
|
*/
|
|
@@ -63,8 +66,10 @@ type __VLS_Slots = {
|
|
|
63
66
|
};
|
|
64
67
|
declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
65
68
|
close: () => any;
|
|
69
|
+
confirm: () => any;
|
|
66
70
|
}, string, import("vue").PublicProps, Readonly<AvModalProps> & Readonly<{
|
|
67
71
|
onClose?: (() => any) | undefined;
|
|
72
|
+
onConfirm?: (() => any) | undefined;
|
|
68
73
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
|
|
69
74
|
export default _default;
|
|
70
75
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -37,8 +37,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvPopoverP
|
|
|
37
37
|
setTriggerRef: typeof setTriggerRef;
|
|
38
38
|
triggerRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
|
|
39
39
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvPopoverProps> & Readonly<{}>, {
|
|
40
|
-
padding: string;
|
|
41
40
|
width: string;
|
|
41
|
+
padding: string;
|
|
42
42
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
|
|
43
43
|
export default _default;
|
|
44
44
|
type __VLS_WithSlots<T, S> = T & {
|