@fiscozen/dialog 0.1.0 → 0.1.1
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/package.json +1 -1
- package/src/FzConfirmDialog.vue +49 -24
- package/src/FzDialog.vue +4 -3
- package/src/__test__/__snapshots__/FzDialog.test.ts.snap +18 -18
- package/src/types.ts +31 -0
package/package.json
CHANGED
package/src/FzConfirmDialog.vue
CHANGED
|
@@ -1,28 +1,44 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<FzDialog v-bind="props" ref="dialog">
|
|
3
3
|
<template #header>
|
|
4
|
-
<
|
|
5
|
-
<div class="
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
</template>
|
|
15
|
-
<template #footer>
|
|
16
|
-
<form method="dialog" class="w-full h-full">
|
|
17
|
-
<div :class="[footerStaticClasses, footerClasses]">
|
|
18
|
-
<FzButton variant="invisible" @click.prevent="handleCancel" value="false">{{
|
|
19
|
-
cancelLabel
|
|
20
|
-
}}</FzButton>
|
|
21
|
-
<FzButton class="ml-12" @click.prevent="handleConfirm" value="true">{{
|
|
22
|
-
confirmLabel
|
|
23
|
-
}}</FzButton>
|
|
4
|
+
<slot name="header">
|
|
5
|
+
<div :class="[titleStaticClasses, titleClasses]">
|
|
6
|
+
<div class="grow h-28 font-medium">{{ title }}</div>
|
|
7
|
+
<FzIconButton
|
|
8
|
+
@click="handleCancel"
|
|
9
|
+
class="ml-12"
|
|
10
|
+
iconName="xmark"
|
|
11
|
+
size="sm"
|
|
12
|
+
variant="invisible"
|
|
13
|
+
></FzIconButton>
|
|
24
14
|
</div>
|
|
25
|
-
</
|
|
15
|
+
</slot>
|
|
16
|
+
</template>
|
|
17
|
+
<template #body>
|
|
18
|
+
<slot name="body"></slot>
|
|
19
|
+
</template>
|
|
20
|
+
<template #footer v-if="footerEnabled">
|
|
21
|
+
<slot name="footer">
|
|
22
|
+
<form method="dialog" class="w-full h-full">
|
|
23
|
+
<div :class="[footerStaticClasses, footerDynamicClasses, footerClasses]">
|
|
24
|
+
<FzButton
|
|
25
|
+
v-if="cancelButtonEnabled"
|
|
26
|
+
variant="invisible"
|
|
27
|
+
@click.prevent="handleCancel"
|
|
28
|
+
value="false">
|
|
29
|
+
{{ cancelLabel }}
|
|
30
|
+
</FzButton>
|
|
31
|
+
<FzButton
|
|
32
|
+
v-if="confirmButtonEnabled"
|
|
33
|
+
class="ml-12"
|
|
34
|
+
@click.prevent="handleConfirm"
|
|
35
|
+
:disabled="disableConfirm"
|
|
36
|
+
value="true">
|
|
37
|
+
{{ confirmLabel }}
|
|
38
|
+
</FzButton>
|
|
39
|
+
</div>
|
|
40
|
+
</form>
|
|
41
|
+
</slot>
|
|
26
42
|
</template>
|
|
27
43
|
</FzDialog>
|
|
28
44
|
</template>
|
|
@@ -30,11 +46,15 @@
|
|
|
30
46
|
<script setup lang="ts">
|
|
31
47
|
import { computed, ref } from "vue";
|
|
32
48
|
import { FzIconButton, FzButton } from "@fiscozen/button";
|
|
33
|
-
import {
|
|
49
|
+
import { FzConfirmDialogProps } from "./types";
|
|
34
50
|
import FzDialog from "./FzDialog.vue";
|
|
35
51
|
|
|
36
|
-
const props = withDefaults(defineProps<
|
|
52
|
+
const props = withDefaults(defineProps<FzConfirmDialogProps>(), {
|
|
37
53
|
size: "md",
|
|
54
|
+
footerEnabled: true,
|
|
55
|
+
cancelButtonEnabled: true,
|
|
56
|
+
disableConfirm: false,
|
|
57
|
+
confirmButtonEnabled: true,
|
|
38
58
|
});
|
|
39
59
|
const emit = defineEmits(["fzmodal:confirm", "fzmodal:cancel"]);
|
|
40
60
|
|
|
@@ -52,7 +72,7 @@ const titleClasses = computed(() => {
|
|
|
52
72
|
const footerStaticClasses = [
|
|
53
73
|
"flex flex-row items-center h-32 grow justify-end",
|
|
54
74
|
];
|
|
55
|
-
const
|
|
75
|
+
const footerDynamicClasses = {
|
|
56
76
|
"h-32": !props.isDrawer,
|
|
57
77
|
"h-40": props.isDrawer,
|
|
58
78
|
};
|
|
@@ -61,6 +81,10 @@ const show = () => {
|
|
|
61
81
|
dialog.value?.show();
|
|
62
82
|
visible.value = true;
|
|
63
83
|
};
|
|
84
|
+
const close = () => {
|
|
85
|
+
dialog.value?.close();
|
|
86
|
+
visible.value = false;
|
|
87
|
+
};
|
|
64
88
|
|
|
65
89
|
const handleCancel = () => {
|
|
66
90
|
dialog.value?.close();
|
|
@@ -79,5 +103,6 @@ defineExpose({
|
|
|
79
103
|
handleConfirm,
|
|
80
104
|
visible,
|
|
81
105
|
show,
|
|
106
|
+
close,
|
|
82
107
|
});
|
|
83
108
|
</script>
|
package/src/FzDialog.vue
CHANGED
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
<div class="flex items-center p-12 w-full border-b-1 border-grey-100">
|
|
5
5
|
<slot name="header"></slot>
|
|
6
6
|
</div>
|
|
7
|
-
<div class="grow">
|
|
7
|
+
<div :class="['grow', bodyClasses]" >
|
|
8
8
|
<slot name="body"></slot>
|
|
9
9
|
</div>
|
|
10
|
-
<div class="flex flex-row p-12 border-t-1 border-grey-100 items-center">
|
|
10
|
+
<div v-if="$slots.footer" class="flex flex-row p-12 border-t-1 border-grey-100 items-center">
|
|
11
11
|
<slot name="footer"></slot>
|
|
12
12
|
</div>
|
|
13
13
|
</div>
|
|
@@ -20,6 +20,7 @@ import { FzDialogProps } from "./types";
|
|
|
20
20
|
|
|
21
21
|
const props = withDefaults(defineProps<FzDialogProps>(), {
|
|
22
22
|
size: "md",
|
|
23
|
+
closeOnBackdrop: true,
|
|
23
24
|
});
|
|
24
25
|
const emit = defineEmits(["confirm", "cancel"]);
|
|
25
26
|
|
|
@@ -44,7 +45,7 @@ const handleBackdropClick = (event: MouseEvent) => {
|
|
|
44
45
|
event.clientY <= rect.top + rect.height &&
|
|
45
46
|
rect.left <= event.clientX &&
|
|
46
47
|
event.clientX <= rect.left + rect.width;
|
|
47
|
-
if (!isInDialog) {
|
|
48
|
+
if (!isInDialog && props.closeOnBackdrop) {
|
|
48
49
|
dialog.value!.close();
|
|
49
50
|
}
|
|
50
51
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
2
|
|
|
3
3
|
exports[`FzDialog > should match snapshot - drawer 1`] = `
|
|
4
|
-
"<dialog class="m-0 fixed top-0 ml-auto max-h-screen">
|
|
5
|
-
<div class="flex flex-col
|
|
4
|
+
"<dialog class="border-1 rounded border-grey-100 m-0 fixed top-0 ml-auto max-h-screen">
|
|
5
|
+
<div class="flex flex-col bg-core-white w-[480px] h-screen">
|
|
6
6
|
<div class="flex items-center p-12 w-full border-b-1 border-grey-100">
|
|
7
7
|
<div class="flex flex-row items-center text-xl grow h-32">
|
|
8
|
-
<div class="grow h-28 font-medium"></div><button type="button" class="relative rounded flex flex-shrink items-center justify-center font-medium border-1 border-transparent h-28 text-sm focus:border-blue-600 focus:border-solid focus:border-1 px-14 text-grey-500 bg-transparent border-transparent hover:bg-grey-100 focus:!border-blue-600 disabled:text-grey-100 w-28 h-28
|
|
8
|
+
<div class="grow h-28 font-medium"></div><button type="button" class="relative rounded flex flex-shrink items-center justify-center font-medium border-1 border-transparent h-28 text-sm focus:border-blue-600 focus:border-solid focus:border-1 px-14 text-grey-500 bg-transparent border-transparent hover:bg-grey-100 focus:!border-blue-600 disabled:text-grey-100 w-28 h-28 ml-12">
|
|
9
9
|
<!--v-if-->
|
|
10
10
|
<div class="flex items-center justify-center w-[20px] h-[20px]"><svg class="svg-inline--fa fa-xmark h-[16px]" aria-hidden="true" focusable="false" data-prefix="far" data-icon="xmark" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
|
|
11
11
|
<path class="" fill="currentColor" d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"></path>
|
|
@@ -32,11 +32,11 @@ exports[`FzDialog > should match snapshot - drawer 1`] = `
|
|
|
32
32
|
`;
|
|
33
33
|
|
|
34
34
|
exports[`FzDialog > should match snapshot - lg 1`] = `
|
|
35
|
-
"<dialog class="xs:max-xl:m-0 xs:max-xl:max-h-screen xs:max-xl:h-screen xs:max-xl:w-screen xs:max-xl:max-w-screen-xl">
|
|
36
|
-
<div class="flex flex-col
|
|
35
|
+
"<dialog class="border-1 rounded border-grey-100 xs:max-xl:m-0 xs:max-xl:max-h-screen xs:max-xl:h-screen xs:max-xl:w-screen xs:max-xl:max-w-screen-xl">
|
|
36
|
+
<div class="flex flex-col bg-core-white w-screen md:w-[640px] min-h-[300px] md:max-h-[600px] h-screen md:h-auto">
|
|
37
37
|
<div class="flex items-center p-12 w-full border-b-1 border-grey-100">
|
|
38
38
|
<div class="flex flex-row items-center text-xl grow h-28">
|
|
39
|
-
<div class="grow h-28 font-medium"></div><button type="button" class="relative rounded flex flex-shrink items-center justify-center font-medium border-1 border-transparent h-28 text-sm focus:border-blue-600 focus:border-solid focus:border-1 px-14 text-grey-500 bg-transparent border-transparent hover:bg-grey-100 focus:!border-blue-600 disabled:text-grey-100 w-28 h-28
|
|
39
|
+
<div class="grow h-28 font-medium"></div><button type="button" class="relative rounded flex flex-shrink items-center justify-center font-medium border-1 border-transparent h-28 text-sm focus:border-blue-600 focus:border-solid focus:border-1 px-14 text-grey-500 bg-transparent border-transparent hover:bg-grey-100 focus:!border-blue-600 disabled:text-grey-100 w-28 h-28 ml-12">
|
|
40
40
|
<!--v-if-->
|
|
41
41
|
<div class="flex items-center justify-center w-[20px] h-[20px]"><svg class="svg-inline--fa fa-xmark h-[16px]" aria-hidden="true" focusable="false" data-prefix="far" data-icon="xmark" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
|
|
42
42
|
<path class="" fill="currentColor" d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"></path>
|
|
@@ -63,11 +63,11 @@ exports[`FzDialog > should match snapshot - lg 1`] = `
|
|
|
63
63
|
`;
|
|
64
64
|
|
|
65
65
|
exports[`FzDialog > should match snapshot - md - xs screen 1`] = `
|
|
66
|
-
"<dialog class="xs:max-xl:m-0 xs:max-xl:max-h-screen xs:max-xl:h-screen xs:max-xl:w-screen xs:max-xl:max-w-screen-xl">
|
|
67
|
-
<div class="flex flex-col
|
|
66
|
+
"<dialog class="border-1 rounded border-grey-100 xs:max-xl:m-0 xs:max-xl:max-h-screen xs:max-xl:h-screen xs:max-xl:w-screen xs:max-xl:max-w-screen-xl">
|
|
67
|
+
<div class="flex flex-col bg-core-white w-screen sm:w-[480px] min-h-[300px] sm:max-h-[600px] h-screen sm:h-auto">
|
|
68
68
|
<div class="flex items-center p-12 w-full border-b-1 border-grey-100">
|
|
69
69
|
<div class="flex flex-row items-center text-xl grow h-28">
|
|
70
|
-
<div class="grow h-28 font-medium"></div><button type="button" class="relative rounded flex flex-shrink items-center justify-center font-medium border-1 border-transparent h-28 text-sm focus:border-blue-600 focus:border-solid focus:border-1 px-14 text-grey-500 bg-transparent border-transparent hover:bg-grey-100 focus:!border-blue-600 disabled:text-grey-100 w-28 h-28
|
|
70
|
+
<div class="grow h-28 font-medium"></div><button type="button" class="relative rounded flex flex-shrink items-center justify-center font-medium border-1 border-transparent h-28 text-sm focus:border-blue-600 focus:border-solid focus:border-1 px-14 text-grey-500 bg-transparent border-transparent hover:bg-grey-100 focus:!border-blue-600 disabled:text-grey-100 w-28 h-28 ml-12">
|
|
71
71
|
<!--v-if-->
|
|
72
72
|
<div class="flex items-center justify-center w-[20px] h-[20px]"><svg class="svg-inline--fa fa-xmark h-[16px]" aria-hidden="true" focusable="false" data-prefix="far" data-icon="xmark" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
|
|
73
73
|
<path class="" fill="currentColor" d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"></path>
|
|
@@ -94,11 +94,11 @@ exports[`FzDialog > should match snapshot - md - xs screen 1`] = `
|
|
|
94
94
|
`;
|
|
95
95
|
|
|
96
96
|
exports[`FzDialog > should match snapshot - md 1`] = `
|
|
97
|
-
"<dialog class="xs:max-xl:m-0 xs:max-xl:max-h-screen xs:max-xl:h-screen xs:max-xl:w-screen xs:max-xl:max-w-screen-xl">
|
|
98
|
-
<div class="flex flex-col
|
|
97
|
+
"<dialog class="border-1 rounded border-grey-100 xs:max-xl:m-0 xs:max-xl:max-h-screen xs:max-xl:h-screen xs:max-xl:w-screen xs:max-xl:max-w-screen-xl">
|
|
98
|
+
<div class="flex flex-col bg-core-white w-screen sm:w-[480px] min-h-[300px] sm:max-h-[600px] h-screen sm:h-auto">
|
|
99
99
|
<div class="flex items-center p-12 w-full border-b-1 border-grey-100">
|
|
100
100
|
<div class="flex flex-row items-center text-xl grow h-28">
|
|
101
|
-
<div class="grow h-28 font-medium"></div><button type="button" class="relative rounded flex flex-shrink items-center justify-center font-medium border-1 border-transparent h-28 text-sm focus:border-blue-600 focus:border-solid focus:border-1 px-14 text-grey-500 bg-transparent border-transparent hover:bg-grey-100 focus:!border-blue-600 disabled:text-grey-100 w-28 h-28
|
|
101
|
+
<div class="grow h-28 font-medium"></div><button type="button" class="relative rounded flex flex-shrink items-center justify-center font-medium border-1 border-transparent h-28 text-sm focus:border-blue-600 focus:border-solid focus:border-1 px-14 text-grey-500 bg-transparent border-transparent hover:bg-grey-100 focus:!border-blue-600 disabled:text-grey-100 w-28 h-28 ml-12">
|
|
102
102
|
<!--v-if-->
|
|
103
103
|
<div class="flex items-center justify-center w-[20px] h-[20px]"><svg class="svg-inline--fa fa-xmark h-[16px]" aria-hidden="true" focusable="false" data-prefix="far" data-icon="xmark" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
|
|
104
104
|
<path class="" fill="currentColor" d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"></path>
|
|
@@ -125,11 +125,11 @@ exports[`FzDialog > should match snapshot - md 1`] = `
|
|
|
125
125
|
`;
|
|
126
126
|
|
|
127
127
|
exports[`FzDialog > should match snapshot - sm 1`] = `
|
|
128
|
-
"<dialog class="">
|
|
129
|
-
<div class="flex flex-col
|
|
128
|
+
"<dialog class="border-1 rounded border-grey-100">
|
|
129
|
+
<div class="flex flex-col bg-core-white w-[320px] min-h-[200px] max-h-[432px]">
|
|
130
130
|
<div class="flex items-center p-12 w-full border-b-1 border-grey-100">
|
|
131
131
|
<div class="flex flex-row items-center text-xl grow h-28">
|
|
132
|
-
<div class="grow h-28 font-medium"></div><button type="button" class="relative rounded flex flex-shrink items-center justify-center font-medium border-1 border-transparent h-28 text-sm focus:border-blue-600 focus:border-solid focus:border-1 px-14 text-grey-500 bg-transparent border-transparent hover:bg-grey-100 focus:!border-blue-600 disabled:text-grey-100 w-28 h-28
|
|
132
|
+
<div class="grow h-28 font-medium"></div><button type="button" class="relative rounded flex flex-shrink items-center justify-center font-medium border-1 border-transparent h-28 text-sm focus:border-blue-600 focus:border-solid focus:border-1 px-14 text-grey-500 bg-transparent border-transparent hover:bg-grey-100 focus:!border-blue-600 disabled:text-grey-100 w-28 h-28 ml-12">
|
|
133
133
|
<!--v-if-->
|
|
134
134
|
<div class="flex items-center justify-center w-[20px] h-[20px]"><svg class="svg-inline--fa fa-xmark h-[16px]" aria-hidden="true" focusable="false" data-prefix="far" data-icon="xmark" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
|
|
135
135
|
<path class="" fill="currentColor" d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"></path>
|
|
@@ -156,11 +156,11 @@ exports[`FzDialog > should match snapshot - sm 1`] = `
|
|
|
156
156
|
`;
|
|
157
157
|
|
|
158
158
|
exports[`FzDialog > should match snapshot - xl 1`] = `
|
|
159
|
-
"<dialog class="xs:max-xl:m-0 xs:max-xl:max-h-screen xs:max-xl:h-screen xs:max-xl:w-screen xs:max-xl:max-w-screen-xl">
|
|
160
|
-
<div class="flex flex-col
|
|
159
|
+
"<dialog class="border-1 rounded border-grey-100 xs:max-xl:m-0 xs:max-xl:max-h-screen xs:max-xl:h-screen xs:max-xl:w-screen xs:max-xl:max-w-screen-xl">
|
|
160
|
+
<div class="flex flex-col bg-core-white w-screen xl:w-[960px] min-h-[400px] xl:max-h-[600px] h-screen xl:h-auto">
|
|
161
161
|
<div class="flex items-center p-12 w-full border-b-1 border-grey-100">
|
|
162
162
|
<div class="flex flex-row items-center text-xl grow h-28">
|
|
163
|
-
<div class="grow h-28 font-medium"></div><button type="button" class="relative rounded flex flex-shrink items-center justify-center font-medium border-1 border-transparent h-28 text-sm focus:border-blue-600 focus:border-solid focus:border-1 px-14 text-grey-500 bg-transparent border-transparent hover:bg-grey-100 focus:!border-blue-600 disabled:text-grey-100 w-28 h-28
|
|
163
|
+
<div class="grow h-28 font-medium"></div><button type="button" class="relative rounded flex flex-shrink items-center justify-center font-medium border-1 border-transparent h-28 text-sm focus:border-blue-600 focus:border-solid focus:border-1 px-14 text-grey-500 bg-transparent border-transparent hover:bg-grey-100 focus:!border-blue-600 disabled:text-grey-100 w-28 h-28 ml-12">
|
|
164
164
|
<!--v-if-->
|
|
165
165
|
<div class="flex items-center justify-center w-[20px] h-[20px]"><svg class="svg-inline--fa fa-xmark h-[16px]" aria-hidden="true" focusable="false" data-prefix="far" data-icon="xmark" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
|
|
166
166
|
<path class="" fill="currentColor" d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"></path>
|
package/src/types.ts
CHANGED
|
@@ -25,4 +25,35 @@ export type FzDialogProps = {
|
|
|
25
25
|
* Whether to show the modal as a drawer
|
|
26
26
|
*/
|
|
27
27
|
isDrawer?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Whether to close the dialog on backdrop click
|
|
30
|
+
*/
|
|
31
|
+
closeOnBackdrop?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* classes to apply to body
|
|
34
|
+
*/
|
|
35
|
+
bodyClasses?: string | string[] | Record<string, boolean|undefined> | Array<string|Record<string,boolean|undefined>>
|
|
28
36
|
};
|
|
37
|
+
|
|
38
|
+
export type FzConfirmDialogProps = FzDialogProps & {
|
|
39
|
+
/**
|
|
40
|
+
* Whether to show or not the footer
|
|
41
|
+
*/
|
|
42
|
+
footerEnabled?: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* Whether to show the cancel button
|
|
45
|
+
*/
|
|
46
|
+
cancelButtonEnabled?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* Whether to enable the confirm button
|
|
49
|
+
*/
|
|
50
|
+
disableConfirm?: boolean;
|
|
51
|
+
/**
|
|
52
|
+
* Whether to show the confirm button
|
|
53
|
+
*/
|
|
54
|
+
confirmButtonEnabled?: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* classes to apply to footer
|
|
57
|
+
*/
|
|
58
|
+
footerClasses?: string | string[] | Record<string, boolean|undefined> | Array<string|Record<string,boolean|undefined>>
|
|
59
|
+
};
|