edvoyui-component-library-test-flight 0.0.168 → 0.0.169
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 +12 -2
- package/src/App.vue.js.map +1 -0
- package/src/assets/fonts/gilroy/GilroyBold/font.woff +0 -0
- package/src/assets/fonts/gilroy/GilroyBold/font.woff2 +0 -0
- package/src/assets/fonts/gilroy/GilroyBoldItalic/font.woff +0 -0
- package/src/assets/fonts/gilroy/GilroyBoldItalic/font.woff2 +0 -0
- package/src/assets/fonts/gilroy/GilroyExtraBold/font.woff +0 -0
- package/src/assets/fonts/gilroy/GilroyExtraBold/font.woff2 +0 -0
- package/src/assets/fonts/gilroy/GilroyExtraBoldItalic/font.woff +0 -0
- package/src/assets/fonts/gilroy/GilroyExtraBoldItalic/font.woff2 +0 -0
- package/src/assets/fonts/gilroy/GilroyMedium/font.woff +0 -0
- package/src/assets/fonts/gilroy/GilroyMedium/font.woff2 +0 -0
- package/src/assets/fonts/gilroy/GilroyRegular/font.woff +0 -0
- package/src/assets/fonts/gilroy/GilroyRegular/font.woff2 +0 -0
- package/src/assets/fonts/gilroy/GilroySemiBold/font.woff +0 -0
- package/src/assets/fonts/gilroy/GilroySemiBold/font.woff2 +0 -0
- package/src/assets/fonts/inter/Inter-Bold.woff +0 -0
- package/src/assets/fonts/inter/Inter-Bold.woff2 +0 -0
- package/src/assets/fonts/inter/Inter-Italic.woff +0 -0
- package/src/assets/fonts/inter/Inter-Italic.woff2 +0 -0
- package/src/assets/fonts/inter/Inter-Medium.woff +0 -0
- package/src/assets/fonts/inter/Inter-Medium.woff2 +0 -0
- package/src/assets/fonts/inter/Inter-MediumItalic.woff +0 -0
- package/src/assets/fonts/inter/Inter-MediumItalic.woff2 +0 -0
- package/src/assets/fonts/inter/Inter-Regular.woff +0 -0
- package/src/assets/fonts/inter/Inter-Regular.woff2 +0 -0
- package/src/assets/fonts/inter/Inter-SemiBold.woff +0 -0
- package/src/assets/fonts/inter/Inter-SemiBold.woff2 +0 -0
- package/src/assets/fonts/inter/Inter-SemiBoldItalic.woff +0 -0
- package/src/assets/fonts/inter/Inter-SemiBoldItalic.woff2 +0 -0
- package/src/assets/images/search-nodata.png +0 -0
- package/src/assets/scss/body.scss +25 -0
- package/src/assets/svg/CheckTick.vue.js.map +1 -0
- package/src/assets/svg/ChevronBigDown.vue.js.map +1 -0
- package/src/assets/svg/ChevronDownSolid.vue.js.map +1 -0
- package/src/assets/svg/ChevronDownStroke.vue.js.map +1 -0
- package/src/assets/svg/ChevronDownStrokeSolid.vue.js.map +1 -0
- package/src/assets/svg/SearchBigZoomIn.vue.js.map +1 -0
- package/src/assets/svg/SortArrow.vue.js.map +1 -0
- package/src/assets/svg/Student.vue.js.map +1 -0
- package/src/assets/svg/partner.vue.js.map +1 -0
- package/src/assets/svg/people.vue.js.map +1 -0
- package/src/assets/vue.svg +1 -0
- package/src/components/HelloWorld.vue.js.map +1 -0
- package/src/components/accordion/EUIAccordion.stories.ts +204 -0
- package/src/components/accordion/EUIAccordion.vue.js.map +1 -0
- package/src/components/alerts/EUIAlerts.stories.ts +217 -0
- package/src/components/alerts/EUIAlerts.vue.js.map +1 -0
- package/src/components/avatar/EUIAvatar.stories.ts +157 -0
- package/src/components/avatar/EUIAvatar.vue.js.map +1 -0
- package/src/components/breadcrumb/EUIBreadcrumb.stories.ts +75 -0
- package/src/components/breadcrumb/EUIBreadcrumb.vue.js.map +1 -0
- package/src/components/button/EUIButton.stories.ts +270 -0
- package/src/components/button/EUIButton.vue.js.map +1 -0
- package/src/components/button/EUIButtonGroup.vue.js.map +1 -0
- package/src/components/button/buttonAnimateTab.vue.js.map +1 -0
- package/src/components/checkbox/EUICheckbox.stories.ts +58 -0
- package/src/components/checkbox/EUICheckbox.vue.js.map +1 -0
- package/src/components/datepicker/EUIDatepicker.stories.ts +492 -0
- package/src/components/datepicker/EUIDatepicker.vue.js.map +1 -0
- package/src/components/delete.vue.js.map +1 -0
- package/src/components/dragModal/EUIDrag.vue.js.map +1 -0
- package/src/components/dropdown/EUIMultiDropdown.stories.ts +294 -0
- package/src/components/dropdown/EUIMultiDropdown.vue.js.map +1 -0
- package/src/components/errorMessage/EUIErrorMessage.scss +0 -0
- package/src/components/errorMessage/EUIErrorMessage.stories.ts +41 -0
- package/src/components/errorMessage/EUIErrorMessage.vue.js.map +1 -0
- package/src/components/index.js.map +1 -0
- package/src/components/index.ts +62 -0
- package/src/components/input/EUIInput.stories.ts +387 -0
- package/src/components/input/EUIInput.vue.js.map +1 -0
- package/src/components/loader/EUICircleLoader.vue.js.map +1 -0
- package/src/components/loader/EUICubeLoader.vue.js.map +1 -0
- package/src/components/loader/EUILoader.stories.ts +99 -0
- package/src/components/loader/EUILoader.vue.js.map +1 -0
- package/src/components/loader/EUISquareLoader.vue.js.map +1 -0
- package/src/components/modal/EUIModal.stories.ts +412 -0
- package/src/components/modal/EUIModal.vue.js.map +1 -0
- package/src/components/pillSelect/EUIPillSelect.stories.ts +74 -0
- package/src/components/pillSelect/EUIPillSelect.vue.js.map +1 -0
- package/src/components/popover/EUIPopover.stories.ts +306 -0
- package/src/components/popover/EUIPopover.vue.js.map +1 -0
- package/src/components/radio/EUIRadio.stories.ts +54 -0
- package/src/components/radio/EUIRadio.vue.js.map +1 -0
- package/src/components/searchInput/EUISearch.stories.ts +24 -0
- package/src/components/searchInput/EUISearch.vue.js.map +1 -0
- package/src/components/searchTagSelect/EUISearchTagSelect.vue.js.map +1 -0
- package/src/components/searchTagSelect/SearchInput.vue.js.map +1 -0
- package/src/components/searchexpand/EUISearchExpand.vue.js.map +1 -0
- package/src/components/searchexpand/EUISearchToggle.vue.js.map +1 -0
- package/src/components/select/EUISelect.stories.ts +101 -0
- package/src/components/select/EUISelect.vue.js.map +1 -0
- package/src/components/selectSearch/EUISelectSearch.vue.js.map +1 -0
- package/src/components/slideover/EUISlideover.stories.ts +318 -0
- package/src/components/slideover/EUISlideover.vue.js.map +1 -0
- package/src/components/stepperTimeline/EUIStepperHorizontal.vue.js.map +1 -0
- package/src/components/stepperTimeline/EUIStepperTimeline.stories.ts +54 -0
- package/src/components/stepperTimeline/EUIStepperTimeline.vue.js.map +1 -0
- package/src/components/stepperTimeline/EUIStepperVertical.vue.js.map +1 -0
- package/src/components/table/ColumnResizeTable.vue.js.map +1 -0
- package/src/components/table/EUIDashboardTable.vue.js.map +1 -0
- package/src/components/table/EUIPageLimit.vue.js.map +1 -0
- package/src/components/table/EUIPagination.vue.js.map +1 -0
- package/src/components/table/EUIStudentPagination.vue.js.map +1 -0
- package/src/components/table/EUITable.stories.ts +300 -0
- package/src/components/table/EUITable.vue.js.map +1 -0
- package/src/components/table/EUITableCheckbox.vue.js.map +1 -0
- package/src/components/table/GrowthTable.vue.js.map +1 -0
- package/src/components/table/GrowthTableView.vue.js.map +1 -0
- package/src/components/table/ResizeTableview.vue.js.map +1 -0
- package/src/components/table/UCheckbox.vue.js.map +1 -0
- package/src/components/table/UTable.scss +69 -0
- package/src/components/table/UTable.vue.js.map +1 -0
- package/src/components/table/UTableview.vue.js.map +1 -0
- package/src/components/tabs/EUITabOutline.vue.js.map +1 -0
- package/src/components/tabs/EUITabs.vue.js.map +1 -0
- package/src/components/tabs/EUItabs.stories.ts +137 -0
- package/src/components/tag/EUITag.stories.ts +53 -0
- package/src/components/tag/EUITag.vue.js.map +1 -0
- package/src/components/telephone/EUITelephone.stories.ts +358 -0
- package/src/components/telephone/EUITelephone.vue.js.map +1 -0
- package/src/components/textArea/EUITextArea.stories.ts +134 -0
- package/src/components/textArea/EUITextArea.vue.js.map +1 -0
- package/src/components/timeLine/EUITimeLine.stories.ts +247 -0
- package/src/components/timeLine/EUITimeLine.vue.js.map +1 -0
- package/src/components/toggle/EUIToggle.stories.ts +63 -0
- package/src/components/toggle/EUIToggle.vue.js.map +1 -0
- package/src/components/tooltip/EUITooltip.stories.ts +53 -0
- package/src/components/tooltip/EUITooltip.vue.js.map +1 -0
- package/src/components/uidemo/select-com.vue.js.map +1 -0
- package/src/data/books.js.map +1 -0
- package/src/data/books.ts +163 -0
- package/src/data/country.ts +56 -0
- package/src/data/tab.js.map +1 -0
- package/src/data/tab.ts +40 -0
- package/src/data/table.js.map +1 -0
- package/src/data/table.ts +5654 -0
- package/src/main.js.map +1 -0
- package/src/main.ts +5 -0
- package/src/style.scss +186 -0
- package/src/utils/helpers.js.map +1 -0
- package/src/utils/helpers.ts +30 -0
- package/src/utils/lodash.js.map +1 -0
- package/src/utils/lodash.ts +9 -0
- package/src/utils/types.js.map +1 -0
- package/src/utils/types.ts +9 -0
- package/src/vite-env.d.ts +5 -0
|
@@ -0,0 +1,412 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/vue3";
|
|
2
|
+
import { action } from "@storybook/addon-actions";
|
|
3
|
+
import { ref } from "vue";
|
|
4
|
+
import EUIModal from "./EUIModal.vue";
|
|
5
|
+
import EUIButton from "../button/EUIButton.vue";
|
|
6
|
+
|
|
7
|
+
const meta: Meta<typeof EUIModal> = {
|
|
8
|
+
title: "Example/Modal",
|
|
9
|
+
component: EUIModal,
|
|
10
|
+
tags: ["autodocs"],
|
|
11
|
+
argTypes: {
|
|
12
|
+
...{
|
|
13
|
+
isVisible: {
|
|
14
|
+
control: "boolean",
|
|
15
|
+
description: "Controls the visibility of the EUIModal.",
|
|
16
|
+
},
|
|
17
|
+
slimHeader: {
|
|
18
|
+
control: "boolean",
|
|
19
|
+
description: "Enables a slimmer header style for the modal.",
|
|
20
|
+
defaultValue: false,
|
|
21
|
+
},
|
|
22
|
+
title: {
|
|
23
|
+
control: "text",
|
|
24
|
+
description: "Sets the title displayed in the modal header.",
|
|
25
|
+
defaultValue: "Default Modal Title",
|
|
26
|
+
},
|
|
27
|
+
roundedClass: {
|
|
28
|
+
control: "text",
|
|
29
|
+
description:
|
|
30
|
+
"CSS class for defining custom border radius of the modal.",
|
|
31
|
+
defaultValue: "",
|
|
32
|
+
},
|
|
33
|
+
"update:isVisible": {
|
|
34
|
+
action: "update:isVisible",
|
|
35
|
+
description: "Triggers when the modal's visibility is updated.",
|
|
36
|
+
},
|
|
37
|
+
confirm: {
|
|
38
|
+
action: "confirm",
|
|
39
|
+
description: "Emits when the confirm button is clicked.",
|
|
40
|
+
},
|
|
41
|
+
persistent: {
|
|
42
|
+
control: "boolean",
|
|
43
|
+
description:
|
|
44
|
+
"Prevents the modal from being closed by clicking on the backdrop or pressing the Escape key.",
|
|
45
|
+
defaultValue: false,
|
|
46
|
+
},
|
|
47
|
+
size: {
|
|
48
|
+
control: {
|
|
49
|
+
type: "select",
|
|
50
|
+
options: ["xs", "sm", "md", "lg", "xl", "full"],
|
|
51
|
+
},
|
|
52
|
+
description: "Size of the slideover.",
|
|
53
|
+
defaultValue: "sm",
|
|
54
|
+
table: {
|
|
55
|
+
defaultValue: { summary: "sm" },
|
|
56
|
+
},
|
|
57
|
+
},
|
|
58
|
+
placement: {
|
|
59
|
+
control: { type: "select" },
|
|
60
|
+
options: [
|
|
61
|
+
"top",
|
|
62
|
+
"bottom",
|
|
63
|
+
"center",
|
|
64
|
+
],
|
|
65
|
+
description:
|
|
66
|
+
"Defines the position of the modal show in 'placement' element. Default is 'center'.",
|
|
67
|
+
defaultValue: "center",
|
|
68
|
+
table: {
|
|
69
|
+
defaultValue: { summary: "center" },
|
|
70
|
+
},
|
|
71
|
+
},
|
|
72
|
+
},
|
|
73
|
+
},
|
|
74
|
+
parameters: {
|
|
75
|
+
actions: {
|
|
76
|
+
handles: ["update:isVisible"],
|
|
77
|
+
},
|
|
78
|
+
},
|
|
79
|
+
};
|
|
80
|
+
|
|
81
|
+
export default meta;
|
|
82
|
+
type Story = StoryObj<typeof meta>;
|
|
83
|
+
|
|
84
|
+
// Default EUIModal story with basic content
|
|
85
|
+
export const Default: Story = {
|
|
86
|
+
argTypes: {
|
|
87
|
+
size: {
|
|
88
|
+
control: "select",
|
|
89
|
+
options: ["xs", "sm", "md", "lg", "full"],
|
|
90
|
+
persistent: false,
|
|
91
|
+
slimHeader: false,
|
|
92
|
+
visibleClose: true,
|
|
93
|
+
},
|
|
94
|
+
},
|
|
95
|
+
args: {
|
|
96
|
+
isVisible: false,
|
|
97
|
+
},
|
|
98
|
+
render: (args) => ({
|
|
99
|
+
components: { EUIModal, EUIButton },
|
|
100
|
+
setup() {
|
|
101
|
+
const isModalVisible = ref(args.isVisible);
|
|
102
|
+
|
|
103
|
+
const openModal = () => {
|
|
104
|
+
isModalVisible.value = true;
|
|
105
|
+
action("update:isVisible")(true);
|
|
106
|
+
};
|
|
107
|
+
|
|
108
|
+
const closeModal = () => {
|
|
109
|
+
isModalVisible.value = false;
|
|
110
|
+
action("update:isVisible")(false);
|
|
111
|
+
};
|
|
112
|
+
|
|
113
|
+
return {
|
|
114
|
+
args,
|
|
115
|
+
isModalVisible,
|
|
116
|
+
openModal,
|
|
117
|
+
closeModal,
|
|
118
|
+
onConfirm: action("confirm"),
|
|
119
|
+
};
|
|
120
|
+
},
|
|
121
|
+
template: `
|
|
122
|
+
<EUIButton size="md" color="purple" @click="openModal">Open Modal</EUIButton>
|
|
123
|
+
<EUIModal v-bind="args" :isVisible="isModalVisible" @update:isVisible="closeModal" @confirm="onConfirm">
|
|
124
|
+
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minus
|
|
125
|
+
quas possimus ea culpa id voluptatum cumque, animi earum sequi,
|
|
126
|
+
aliquid eius omnis repellendus nihil soluta vitae a temporibus!
|
|
127
|
+
Perspiciatis, nihil?</p>
|
|
128
|
+
</EUIModal>
|
|
129
|
+
`,
|
|
130
|
+
}),
|
|
131
|
+
parameters: {
|
|
132
|
+
docs: {
|
|
133
|
+
description: {
|
|
134
|
+
story:
|
|
135
|
+
"This story demonstrates a modal component that is initially hidden. Clicking the 'Open Modal' button triggers the modal to appear, and it can be closed through the close button inside the modal or the cancel button. The modal also includes a 'Confirm' button that emits a `confirm` event, which is logged in Storybook’s actions panel.",
|
|
136
|
+
},
|
|
137
|
+
source: {
|
|
138
|
+
code: `<script setup lang="ts">
|
|
139
|
+
import { ref } from "vue";
|
|
140
|
+
const isModalVisible = ref(false);
|
|
141
|
+
|
|
142
|
+
const openModal = () => {
|
|
143
|
+
isModalVisible.value = true;
|
|
144
|
+
};
|
|
145
|
+
|
|
146
|
+
const closeModal = () => {
|
|
147
|
+
isModalVisible.value = false;
|
|
148
|
+
};
|
|
149
|
+
|
|
150
|
+
const onActionModal = () => {
|
|
151
|
+
alert("Modal Action working set validation");
|
|
152
|
+
closeModal();
|
|
153
|
+
};
|
|
154
|
+
</script>
|
|
155
|
+
<template>
|
|
156
|
+
<EUIButton size="md" color="purple" @click="openModal">Open Modal</EUIButton>
|
|
157
|
+
<EUIModal
|
|
158
|
+
:isVisible="isModalVisible"
|
|
159
|
+
:slim-header="false"
|
|
160
|
+
@update:isVisible="isModalVisible = $event"
|
|
161
|
+
@confirm="onActionModal"
|
|
162
|
+
>
|
|
163
|
+
<div>
|
|
164
|
+
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minus quas
|
|
165
|
+
possimus ea culpa id voluptatum cumque, animi earum sequi, aliquid eius
|
|
166
|
+
omnis repellendus nihil soluta vitae a temporibus! Perspiciatis, nihil?
|
|
167
|
+
</div>
|
|
168
|
+
</EUIModal>
|
|
169
|
+
</template>
|
|
170
|
+
`,
|
|
171
|
+
},
|
|
172
|
+
},
|
|
173
|
+
},
|
|
174
|
+
};
|
|
175
|
+
|
|
176
|
+
// Custom EUIModal story with different content
|
|
177
|
+
export const ModalCustomize: Story = {
|
|
178
|
+
args: {
|
|
179
|
+
isVisible: false, // EUIModal is visible by default
|
|
180
|
+
},
|
|
181
|
+
render: (args) => ({
|
|
182
|
+
components: { EUIModal, EUIButton },
|
|
183
|
+
setup() {
|
|
184
|
+
const isModalVisible = ref(args.isVisible);
|
|
185
|
+
|
|
186
|
+
const openModal = () => {
|
|
187
|
+
isModalVisible.value = true;
|
|
188
|
+
action("update:isVisible")(true);
|
|
189
|
+
};
|
|
190
|
+
|
|
191
|
+
const closeModal = () => {
|
|
192
|
+
isModalVisible.value = false;
|
|
193
|
+
action("update:isVisible")(false);
|
|
194
|
+
};
|
|
195
|
+
|
|
196
|
+
const onActionModal = () => {
|
|
197
|
+
alert("Modal Action working set validation");
|
|
198
|
+
closeModal();
|
|
199
|
+
};
|
|
200
|
+
|
|
201
|
+
return {
|
|
202
|
+
args,
|
|
203
|
+
isModalVisible,
|
|
204
|
+
openModal,
|
|
205
|
+
closeModal,
|
|
206
|
+
onActionModal,
|
|
207
|
+
onConfirm: action("confirm"),
|
|
208
|
+
};
|
|
209
|
+
},
|
|
210
|
+
template: `
|
|
211
|
+
<EUIButton size="md" color="purple" @click="openModal">Open Modal</EUIButton>
|
|
212
|
+
<EUIModal v-bind="args" :isVisible="isModalVisible" @update:isVisible="closeModal" @confirm="onConfirm">
|
|
213
|
+
<template #header>
|
|
214
|
+
<div
|
|
215
|
+
class="sticky inset-x-0 top-0 px-6 py-4 text-base font-semibold bg-white border-b"
|
|
216
|
+
>
|
|
217
|
+
Custom Header here
|
|
218
|
+
</div>
|
|
219
|
+
</template>
|
|
220
|
+
<template #content>
|
|
221
|
+
<div
|
|
222
|
+
class="p-4 max-h-[calc(100svh-10rem)] overflow-y-auto space-y-4"
|
|
223
|
+
>
|
|
224
|
+
<div v-for="item in 10" :key="item">
|
|
225
|
+
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minus
|
|
226
|
+
quas possimus ea culpa id voluptatum cumque, animi earum sequi,
|
|
227
|
+
aliquid eius omnis repellendus nihil soluta vitae a temporibus!
|
|
228
|
+
Perspiciatis, nihil?
|
|
229
|
+
</div>
|
|
230
|
+
</div>
|
|
231
|
+
</template>
|
|
232
|
+
<template #footer>
|
|
233
|
+
<div
|
|
234
|
+
class="sticky inset-x-0 bottom-0 flex items-center justify-end gap-4 p-4 bg-white border-t border-gray-200"
|
|
235
|
+
>
|
|
236
|
+
<button
|
|
237
|
+
class="px-4 py-2 text-base font-semibold tracking-wide text-gray-600 transition-colors duration-75 bg-white rounded-md hover:bg-gray-100"
|
|
238
|
+
@click="closeModal"
|
|
239
|
+
>
|
|
240
|
+
Cancel
|
|
241
|
+
</button>
|
|
242
|
+
<button
|
|
243
|
+
class="px-4 py-2 text-base font-semibold tracking-wide text-white transition-colors duration-75 bg-purple-600 rounded-md hover:bg-purple-700"
|
|
244
|
+
@click="onActionModal"
|
|
245
|
+
>
|
|
246
|
+
Apply now
|
|
247
|
+
</button>
|
|
248
|
+
</div>
|
|
249
|
+
</template>
|
|
250
|
+
</EUIModal>
|
|
251
|
+
`,
|
|
252
|
+
}),
|
|
253
|
+
parameters: {
|
|
254
|
+
docs: {
|
|
255
|
+
description: {
|
|
256
|
+
story:
|
|
257
|
+
"* The template method allows you to define how content is rendered in the <mark>EUIModal</mark> component. \n\n* Named slots <mark>(#header, #content, #footer)</mark> enable you to customize modal.",
|
|
258
|
+
},
|
|
259
|
+
source: {
|
|
260
|
+
code: `<script setup lang="ts">
|
|
261
|
+
import { ref } from "vue";
|
|
262
|
+
const isModalVisible = ref(false);
|
|
263
|
+
|
|
264
|
+
const openModal = () => {
|
|
265
|
+
isModalVisible.value = true;
|
|
266
|
+
};
|
|
267
|
+
|
|
268
|
+
const closeModal = () => {
|
|
269
|
+
isModalVisible.value = false;
|
|
270
|
+
};
|
|
271
|
+
|
|
272
|
+
const onActionModal = () => {
|
|
273
|
+
alert("Modal Action working set validation");
|
|
274
|
+
closeModal();
|
|
275
|
+
};
|
|
276
|
+
</script>
|
|
277
|
+
<template>
|
|
278
|
+
<EUIButton size="md" color="purple" @click="openModal">Open Modal</EUIButton>
|
|
279
|
+
<EUIModal
|
|
280
|
+
:isVisible="isModalVisible"
|
|
281
|
+
:slim-header="false"
|
|
282
|
+
rounded-class="rounded-3xl"
|
|
283
|
+
@update:isVisible="isModalVisible = $event"
|
|
284
|
+
@confirm="closeModal"
|
|
285
|
+
>
|
|
286
|
+
<template #header>
|
|
287
|
+
<div class="sticky inset-x-0 top-0 px-6 py-4 text-base font-semibold bg-white border-b">
|
|
288
|
+
Custom Header here
|
|
289
|
+
</div>
|
|
290
|
+
</template>
|
|
291
|
+
<template #content>
|
|
292
|
+
<div class="p-4 max-h-[calc(100svh-10rem)] overflow-y-auto space-y-4">
|
|
293
|
+
<div v-for="item in 10" :key="item">
|
|
294
|
+
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minus quas
|
|
295
|
+
possimus ea culpa id voluptatum cumque, animi earum sequi, aliquid
|
|
296
|
+
eius omnis repellendus nihil soluta vitae a temporibus! Perspiciatis,
|
|
297
|
+
nihil?
|
|
298
|
+
</div>
|
|
299
|
+
</div>
|
|
300
|
+
</template>
|
|
301
|
+
<template #footer>
|
|
302
|
+
<div
|
|
303
|
+
class="sticky inset-x-0 bottom-0 flex items-center justify-end gap-4 p-4 bg-white border-t border-gray-200"
|
|
304
|
+
>
|
|
305
|
+
<button
|
|
306
|
+
class="px-4 py-2 text-base font-semibold tracking-wide text-gray-600 transition-colors duration-75 bg-white rounded-md hover:bg-gray-100"
|
|
307
|
+
@click="closeModal()"
|
|
308
|
+
>
|
|
309
|
+
Cancel
|
|
310
|
+
</button>
|
|
311
|
+
<button
|
|
312
|
+
class="px-4 py-2 text-base font-semibold tracking-wide text-white transition-colors duration-75 bg-purple-600 rounded-md hover:bg-purple-700"
|
|
313
|
+
@click="onActionModal()"
|
|
314
|
+
>
|
|
315
|
+
Apply now
|
|
316
|
+
</button>
|
|
317
|
+
</div>
|
|
318
|
+
</template>
|
|
319
|
+
</EUIModal>
|
|
320
|
+
</template>
|
|
321
|
+
`,
|
|
322
|
+
},
|
|
323
|
+
},
|
|
324
|
+
},
|
|
325
|
+
};
|
|
326
|
+
|
|
327
|
+
export const SlimHeader: Story = {
|
|
328
|
+
args: {
|
|
329
|
+
isVisible: false,
|
|
330
|
+
slimHeader: true,
|
|
331
|
+
title: "Slimheader Modal Title",
|
|
332
|
+
},
|
|
333
|
+
render: (args) => ({
|
|
334
|
+
components: { EUIModal, EUIButton },
|
|
335
|
+
setup() {
|
|
336
|
+
const isModalVisible = ref(args.isVisible);
|
|
337
|
+
|
|
338
|
+
const openModal = () => {
|
|
339
|
+
isModalVisible.value = true;
|
|
340
|
+
action("update:isVisible")(true);
|
|
341
|
+
};
|
|
342
|
+
|
|
343
|
+
const closeModal = () => {
|
|
344
|
+
isModalVisible.value = false;
|
|
345
|
+
action("update:isVisible")(false);
|
|
346
|
+
};
|
|
347
|
+
|
|
348
|
+
return {
|
|
349
|
+
args,
|
|
350
|
+
isModalVisible,
|
|
351
|
+
openModal,
|
|
352
|
+
closeModal,
|
|
353
|
+
onConfirm: action("confirm"),
|
|
354
|
+
};
|
|
355
|
+
},
|
|
356
|
+
template: `
|
|
357
|
+
<EUIButton size="md" color="purple" @click="openModal">Open Modal</EUIButton>
|
|
358
|
+
<EUIModal v-bind="args" :isVisible="isModalVisible" :slimHeader="args.slimHeader" :title="args.title" :roundedClass="args.roundedClass" @update:isVisible="closeModal" @confirm="onConfirm">
|
|
359
|
+
<template #title>{{ args.title }}</template>
|
|
360
|
+
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minus
|
|
361
|
+
quas possimus ea culpa id voluptatum cumque, animi earum sequi,
|
|
362
|
+
aliquid eius omnis repellendus nihil soluta vitae a temporibus!
|
|
363
|
+
Perspiciatis, nihil?</p>
|
|
364
|
+
</EUIModal>
|
|
365
|
+
`,
|
|
366
|
+
}),
|
|
367
|
+
parameters: {
|
|
368
|
+
docs: {
|
|
369
|
+
description: {
|
|
370
|
+
story:
|
|
371
|
+
"This story demonstrates a modal component that is initially hidden. Clicking the 'Open Modal' button triggers the modal to appear, and it can be closed through the close button inside the modal or the cancel button. The modal also includes a 'Confirm' button that emits a `confirm` event, which is logged in Storybook’s actions panel. enable <mark>slimheader</mark> use template slot name <mark>(#title)</mark>",
|
|
372
|
+
},
|
|
373
|
+
source: {
|
|
374
|
+
code: `<script setup lang="ts">
|
|
375
|
+
import { ref } from "vue";
|
|
376
|
+
const isModalVisible = ref(false);
|
|
377
|
+
|
|
378
|
+
const openModal = () => {
|
|
379
|
+
isModalVisible.value = true;
|
|
380
|
+
};
|
|
381
|
+
|
|
382
|
+
const closeModal = () => {
|
|
383
|
+
isModalVisible.value = false;
|
|
384
|
+
};
|
|
385
|
+
|
|
386
|
+
const onActionModal = () => {
|
|
387
|
+
alert("Modal Action working set validation");
|
|
388
|
+
closeModal();
|
|
389
|
+
};
|
|
390
|
+
|
|
391
|
+
</script>
|
|
392
|
+
<template>
|
|
393
|
+
<EUIButton size="md" color="purple" @click="openModal">Open Modal</EUIButton>
|
|
394
|
+
<EUIModal
|
|
395
|
+
:isVisible="isModalVisible"
|
|
396
|
+
:slim-header="true"
|
|
397
|
+
@update:isVisible="isModalVisible = $event"
|
|
398
|
+
@confirm="onActionModal"
|
|
399
|
+
>
|
|
400
|
+
<template #title> Default Modal Title</template>
|
|
401
|
+
<div>
|
|
402
|
+
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minus quas
|
|
403
|
+
possimus ea culpa id voluptatum cumque, animi earum sequi, aliquid eius
|
|
404
|
+
omnis repellendus nihil soluta vitae a temporibus! Perspiciatis, nihil?
|
|
405
|
+
</div>
|
|
406
|
+
</EUIModal>
|
|
407
|
+
</template>
|
|
408
|
+
`,
|
|
409
|
+
},
|
|
410
|
+
},
|
|
411
|
+
},
|
|
412
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EUIModal.vue.js","sourceRoot":"","sources":["EUIModal.vue"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/vue3";
|
|
2
|
+
|
|
3
|
+
import EUIPillSelect from "./EUIPillSelect.vue";
|
|
4
|
+
import { ref } from "vue";
|
|
5
|
+
|
|
6
|
+
// Meta configuration for the component's stories
|
|
7
|
+
const meta = {
|
|
8
|
+
title: "Example/Pill Select",
|
|
9
|
+
component: EUIPillSelect,
|
|
10
|
+
tags: ["autodocs"],
|
|
11
|
+
argTypes: {
|
|
12
|
+
disabled: {
|
|
13
|
+
control: "boolean",
|
|
14
|
+
},
|
|
15
|
+
items: {
|
|
16
|
+
control: "object",
|
|
17
|
+
description: "Array of options to display in the select pills.",
|
|
18
|
+
},
|
|
19
|
+
modelValue: {
|
|
20
|
+
control: "object",
|
|
21
|
+
},
|
|
22
|
+
label: {
|
|
23
|
+
control: "text",
|
|
24
|
+
},
|
|
25
|
+
name: {
|
|
26
|
+
control: "text",
|
|
27
|
+
},
|
|
28
|
+
multiple: {
|
|
29
|
+
control: "boolean",
|
|
30
|
+
},
|
|
31
|
+
errors: {
|
|
32
|
+
control: "object",
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
} satisfies Meta<typeof EUIPillSelect>;
|
|
36
|
+
|
|
37
|
+
export default meta;
|
|
38
|
+
type Story = StoryObj<typeof meta>;
|
|
39
|
+
|
|
40
|
+
// Default story with minimum props
|
|
41
|
+
export const Default: Story = {
|
|
42
|
+
args: {
|
|
43
|
+
name: "pill",
|
|
44
|
+
modelValue: {
|
|
45
|
+
value: "usa",
|
|
46
|
+
label: "United States",
|
|
47
|
+
},
|
|
48
|
+
label:"Please select country",
|
|
49
|
+
disabled: false,
|
|
50
|
+
multiple: false,
|
|
51
|
+
items: [
|
|
52
|
+
{ value: "usa", label: "United States", name: "United States" },
|
|
53
|
+
{ value: "canada", label: "Canada", name: "Canada" },
|
|
54
|
+
{ value: "uk", label: "United Kingdom", name: "United Kingdom" },
|
|
55
|
+
],
|
|
56
|
+
errors: {
|
|
57
|
+
pill: "Pill is Required",
|
|
58
|
+
},
|
|
59
|
+
},
|
|
60
|
+
render: (args) => ({
|
|
61
|
+
components: { EUIPillSelect },
|
|
62
|
+
setup() {
|
|
63
|
+
const modelValue = ref(args.modelValue);
|
|
64
|
+
|
|
65
|
+
const onUpdateModelValue = (newValue: any) => {
|
|
66
|
+
modelValue.value = newValue;
|
|
67
|
+
args.modelValue = newValue;
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
return { args, modelValue, onUpdateModelValue };
|
|
71
|
+
},
|
|
72
|
+
template: `<EUIPillSelect v-bind="args" v-model="modelValue" @update:modelValue="onUpdateModelValue" />`,
|
|
73
|
+
}),
|
|
74
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EUIPillSelect.vue.js","sourceRoot":"","sources":["EUIPillSelect.vue"],"names":[],"mappings":"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"}
|