@weni/unnnic-system 3.12.3-alpha.5 → 3.12.3
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/CHANGELOG.md +10 -0
- package/dist/components/Alert/Alert.vue.d.ts +3 -3
- package/dist/components/Alert/Version1dot1.vue.d.ts +1 -1
- package/dist/components/AudioRecorder/AudioHandler.vue.d.ts +18 -92
- package/dist/components/AudioRecorder/AudioRecorder.vue.d.ts +36 -184
- package/dist/components/AvatarIcon/AvatarIcon.vue.d.ts +1 -1
- package/dist/components/Button/Button.vue.d.ts +2 -2
- package/dist/components/Card/AccountCard.vue.d.ts +2 -2
- package/dist/components/Card/Card.vue.d.ts +29 -103
- package/dist/components/Card/CardCompany.vue.d.ts +2 -2
- package/dist/components/Card/CardStatusesContainer.vue.d.ts +19 -93
- package/dist/components/Card/ContentCard.vue.d.ts +1 -1
- package/dist/components/Card/DashCard.vue.d.ts +2 -2
- package/dist/components/Card/DefaultCard.vue.d.ts +1 -1
- package/dist/components/Card/MarketplaceCard.vue.d.ts +1 -1
- package/dist/components/Card/SimpleCard.vue.d.ts +18 -92
- package/dist/components/Card/StatusCard.vue.d.ts +1 -1
- package/dist/components/Card/TitleCard.vue.d.ts +18 -92
- package/dist/components/CardImage/CardImage.vue.d.ts +5 -5
- package/dist/components/CardInformation/CardInformation.vue.d.ts +19 -93
- package/dist/components/CardProject/CardProject.vue.d.ts +2 -2
- package/dist/components/Carousel/Carousel.vue.d.ts +2 -2
- package/dist/components/Carousel/TagCarousel.vue.d.ts +2 -2
- package/dist/components/ChartBar/ChartBar.vue.d.ts +24 -98
- package/dist/components/ChartLine/ChartLine.vue.d.ts +18 -92
- package/dist/components/ChatText/ChatText.vue.d.ts +18 -92
- package/dist/components/ChatsContact/ChatsContact.vue.d.ts +6 -6
- package/dist/components/ChatsMessage/ChatsMessage.vue.d.ts +18 -92
- package/dist/components/ChatsUserAvatar/ChatsUserAvatar.vue.d.ts +1 -1
- package/dist/components/Checkbox/Checkbox.vue.d.ts +3 -3
- package/dist/components/DataArea/DataArea.vue.d.ts +18 -92
- package/dist/components/DataTable/index.vue.d.ts +1 -1
- package/dist/components/DataTable/index.vue.d.ts.map +1 -1
- package/dist/components/DateFilter/DateFilter.vue.d.ts +16 -122
- package/dist/components/Disclaimer/Disclaimer.vue.d.ts +3 -6
- package/dist/components/Disclaimer/Disclaimer.vue.d.ts.map +1 -1
- package/dist/components/Disclaimer/DisclaimerV2.vue.d.ts +8 -0
- package/dist/components/Disclaimer/DisclaimerV2.vue.d.ts.map +1 -0
- package/dist/components/Disclaimer/types-v2.d.ts +7 -0
- package/dist/components/Disclaimer/types-v2.d.ts.map +1 -0
- package/dist/components/Disclaimer/types.d.ts +3 -6
- package/dist/components/Disclaimer/types.d.ts.map +1 -1
- package/dist/components/Drawer/Drawer.vue.d.ts +207 -37
- package/dist/components/Drawer/Drawer.vue.d.ts.map +1 -1
- package/dist/components/Dropdown/Dropdown.vue.d.ts +1 -1
- package/dist/components/FormElement/FormElement.vue.d.ts +6 -6
- package/dist/components/ImportCard/ImportCard.vue.d.ts +6 -6
- package/dist/components/Input/BaseInput.vue.d.ts +0 -31
- package/dist/components/Input/BaseInput.vue.d.ts.map +1 -1
- package/dist/components/Input/Input.vue.d.ts +15 -121
- package/dist/components/Input/Input.vue.d.ts.map +1 -1
- package/dist/components/Input/TextInput.vue.d.ts +4 -73
- package/dist/components/Input/TextInput.vue.d.ts.map +1 -1
- package/dist/components/InputNext/InputNext.vue.d.ts +4 -4
- package/dist/components/Label/Label.vue.d.ts +1 -1
- package/dist/components/Label/Label.vue.d.ts.map +1 -1
- package/dist/components/Modal/Modal.vue.d.ts +1 -1
- package/dist/components/ModalDialog/ModalDialog.vue.d.ts +35 -209
- package/dist/components/ModalDialog/ModalDialog.vue.d.ts.map +1 -1
- package/dist/components/ModalNext/ModalNext.vue.d.ts +21 -127
- package/dist/components/ModalUpload/ModalUpload.vue.d.ts +12 -12
- package/dist/components/MoodRating/MoodRating.vue.d.ts +18 -92
- package/dist/components/MultiSelect/MultiSelect.vue.d.ts +163 -0
- package/dist/components/MultiSelect/MultiSelect.vue.d.ts.map +1 -0
- package/dist/components/Pagination/Pagination.vue.d.ts +6 -6
- package/dist/components/Radio/Radio.vue.d.ts +6 -6
- package/dist/components/SelectSmart/SelectSmart.vue.d.ts +13 -82
- package/dist/components/SelectSmart/SelectSmartMultipleHeader.vue.d.ts +2 -2
- package/dist/components/SelectSmart/SelectSmartOption.vue.d.ts +5 -5
- package/dist/components/SelectTime/index.vue.d.ts +5 -74
- package/dist/components/Slider/Slider.vue.d.ts +18 -92
- package/dist/components/Switch/Switch.vue.d.ts +3 -3
- package/dist/components/Tab/Tab.vue.d.ts +18 -92
- package/dist/components/TableNext/TableBodyCell.vue.d.ts +2 -2
- package/dist/components/TableNext/TablePagination.vue.d.ts +6 -6
- package/dist/components/Tag/DefaultTag.vue.d.ts +1 -1
- package/dist/components/Tag/Tag.vue.d.ts +2 -2
- package/dist/components/TextArea/TextArea.vue.d.ts +8 -8
- package/dist/components/Toast/Toast.vue.d.ts +1 -1
- package/dist/components/Toast/Toast.vue.d.ts.map +1 -1
- package/dist/components/ToolTip/ToolTip.vue.d.ts +18 -92
- package/dist/components/ToolTip/ToolTip.vue.d.ts.map +1 -1
- package/dist/components/Tour/Tour.vue.d.ts +6 -6
- package/dist/components/Tour/TourPopover.vue.d.ts +6 -6
- package/dist/components/UploadArea/UploadArea.vue.d.ts +6 -6
- package/dist/components/ui/popover/PopoverContent.vue.d.ts +2 -2
- package/dist/components/ui/popover/PopoverContent.vue.d.ts.map +1 -1
- package/dist/components/ui/popover/PopoverOption.vue.d.ts +1 -1
- package/dist/components/ui/popover/PopoverOption.vue.d.ts.map +1 -1
- package/dist/components/ui/popover/PopoverTrigger.vue.d.ts.map +1 -1
- package/dist/{es-a9e51a05.mjs → es-c19444c0.mjs} +1 -1
- package/dist/{index-ade761d4.mjs → index-93b45359.mjs} +51889 -54741
- package/dist/locales/en.json.d.ts +1 -3
- package/dist/locales/es.json.d.ts +1 -3
- package/dist/locales/pt_br.json.d.ts +1 -3
- package/dist/{pt-br-5395459d.mjs → pt-br-23dc9ca6.mjs} +1 -1
- package/dist/style.css +1 -1
- package/dist/unnnic.mjs +206 -234
- package/dist/unnnic.umd.js +44 -48
- package/package.json +2 -3
- package/src/assets/scss/scheme-colors.scss +223 -223
- package/src/assets/scss/tailwind.scss +0 -8
- package/src/components/Alert/__tests__/__snapshots__/Alert.spec.js.snap +1 -1
- package/src/components/Checkbox/Checkbox.vue +1 -1
- package/src/components/Disclaimer/Disclaimer.vue +42 -136
- package/src/components/Disclaimer/DisclaimerV2.vue +171 -0
- package/src/components/Disclaimer/__tests__/Disclaimer.spec.js +45 -70
- package/src/components/Disclaimer/__tests__/DisclaimerV2.spec.js +68 -0
- package/src/components/Disclaimer/types-v2.ts +12 -0
- package/src/components/Disclaimer/types.ts +3 -12
- package/src/components/Drawer/Drawer.vue +269 -190
- package/src/components/Drawer/__tests__/Drawer.spec.js +46 -37
- package/src/components/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +19 -18
- package/src/components/Input/BaseInput.vue +5 -25
- package/src/components/Input/Input.scss +3 -2
- package/src/components/Input/Input.vue +1 -24
- package/src/components/Input/TextInput.vue +25 -64
- package/src/components/Input/__test__/TextInput.spec.js +1 -1
- package/src/components/Input/__test__/__snapshots__/Input.spec.js.snap +1 -5
- package/src/components/Input/__test__/__snapshots__/TextInput.spec.js.snap +1 -7
- package/src/components/ModalDialog/ModalDialog.vue +148 -64
- package/src/components/ModalDialog/__tests__/ModalDialog.spec.js +221 -11
- package/src/components/ModalDialog/__tests__/__snapshots__/ModalDialog.spec.js.snap +22 -1
- package/src/components/MultiSelect/MultiSelect.vue +297 -0
- package/src/components/Tab/__test__/__snapshots__/Tab.spec.js.snap +1 -3
- package/src/components/Toast/Toast.vue +9 -16
- package/src/components/ToolTip/ToolTip.vue +177 -25
- package/src/components/ToolTip/__tests__/ToolTip.spec.js +61 -339
- package/src/components/index.ts +11 -63
- package/src/components/ui/popover/PopoverContent.vue +2 -19
- package/src/components/ui/popover/PopoverOption.vue +0 -4
- package/src/components/ui/popover/PopoverTrigger.vue +1 -5
- package/src/locales/en.json +1 -3
- package/src/locales/es.json +1 -3
- package/src/locales/pt_br.json +1 -3
- package/src/stories/Disclaimer.stories.js +12 -53
- package/src/stories/DisclaimerV2.stories.js +51 -0
- package/src/stories/Drawer.stories.js +1 -1
- package/src/stories/Input.mdx +0 -3
- package/src/stories/ModalDialog.mdx +0 -3
- package/src/stories/ModalDialog.stories.js +1 -1
- package/src/stories/MultiSelect.stories.js +46 -142
- package/dist/components/MultiSelect/MultSelectOption.vue.d.ts +0 -17
- package/dist/components/MultiSelect/MultSelectOption.vue.d.ts.map +0 -1
- package/dist/components/MultiSelect/index.vue.d.ts +0 -44
- package/dist/components/MultiSelect/index.vue.d.ts.map +0 -1
- package/dist/components/Select/index.vue.d.ts +0 -44
- package/dist/components/Select/index.vue.d.ts.map +0 -1
- package/dist/components/index.d.ts +0 -23912
- package/dist/components/index.d.ts.map +0 -1
- package/dist/components/ui/dialog/Dialog.vue.d.ts +0 -23
- package/dist/components/ui/dialog/Dialog.vue.d.ts.map +0 -1
- package/dist/components/ui/dialog/DialogClose.vue.d.ts +0 -21
- package/dist/components/ui/dialog/DialogClose.vue.d.ts.map +0 -1
- package/dist/components/ui/dialog/DialogContent.vue.d.ts +0 -43
- package/dist/components/ui/dialog/DialogContent.vue.d.ts.map +0 -1
- package/dist/components/ui/dialog/DialogFooter.vue.d.ts +0 -25
- package/dist/components/ui/dialog/DialogFooter.vue.d.ts.map +0 -1
- package/dist/components/ui/dialog/DialogHeader.vue.d.ts +0 -29
- package/dist/components/ui/dialog/DialogHeader.vue.d.ts.map +0 -1
- package/dist/components/ui/dialog/DialogTitle.vue.d.ts +0 -23
- package/dist/components/ui/dialog/DialogTitle.vue.d.ts.map +0 -1
- package/dist/components/ui/dialog/DialogTrigger.vue.d.ts +0 -19
- package/dist/components/ui/dialog/DialogTrigger.vue.d.ts.map +0 -1
- package/dist/components/ui/dialog/index.d.ts +0 -8
- package/dist/components/ui/dialog/index.d.ts.map +0 -1
- package/dist/components/ui/drawer/Drawer.vue.d.ts +0 -35
- package/dist/components/ui/drawer/Drawer.vue.d.ts.map +0 -1
- package/dist/components/ui/drawer/DrawerClose.vue.d.ts +0 -21
- package/dist/components/ui/drawer/DrawerClose.vue.d.ts.map +0 -1
- package/dist/components/ui/drawer/DrawerContent.vue.d.ts +0 -43
- package/dist/components/ui/drawer/DrawerContent.vue.d.ts.map +0 -1
- package/dist/components/ui/drawer/DrawerDescription.vue.d.ts +0 -23
- package/dist/components/ui/drawer/DrawerDescription.vue.d.ts.map +0 -1
- package/dist/components/ui/drawer/DrawerFooter.vue.d.ts +0 -22
- package/dist/components/ui/drawer/DrawerFooter.vue.d.ts.map +0 -1
- package/dist/components/ui/drawer/DrawerHeader.vue.d.ts +0 -25
- package/dist/components/ui/drawer/DrawerHeader.vue.d.ts.map +0 -1
- package/dist/components/ui/drawer/DrawerOverlay.vue.d.ts +0 -8
- package/dist/components/ui/drawer/DrawerOverlay.vue.d.ts.map +0 -1
- package/dist/components/ui/drawer/DrawerTitle.vue.d.ts +0 -23
- package/dist/components/ui/drawer/DrawerTitle.vue.d.ts.map +0 -1
- package/dist/components/ui/drawer/DrawerTrigger.vue.d.ts +0 -19
- package/dist/components/ui/drawer/DrawerTrigger.vue.d.ts.map +0 -1
- package/dist/components/ui/drawer/index.d.ts +0 -11
- package/dist/components/ui/drawer/index.d.ts.map +0 -1
- package/dist/components/ui/tooltip/Tooltip.vue.d.ts +0 -23
- package/dist/components/ui/tooltip/Tooltip.vue.d.ts.map +0 -1
- package/dist/components/ui/tooltip/TooltipContent.vue.d.ts +0 -31
- package/dist/components/ui/tooltip/TooltipContent.vue.d.ts.map +0 -1
- package/dist/components/ui/tooltip/TooltipTrigger.vue.d.ts +0 -19
- package/dist/components/ui/tooltip/TooltipTrigger.vue.d.ts.map +0 -1
- package/dist/components/ui/tooltip/index.d.ts +0 -4
- package/dist/components/ui/tooltip/index.d.ts.map +0 -1
- package/dist/lib/layer-manager.d.ts +0 -16
- package/dist/lib/layer-manager.d.ts.map +0 -1
- package/src/components/MultiSelect/MultSelectOption.vue +0 -49
- package/src/components/MultiSelect/__tests__/MultiSelect.spec.js +0 -556
- package/src/components/MultiSelect/__tests__/MultiSelectOption.spec.js +0 -229
- package/src/components/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +0 -87
- package/src/components/MultiSelect/__tests__/__snapshots__/MultiSelectOption.spec.js.snap +0 -51
- package/src/components/MultiSelect/index.vue +0 -225
- package/src/components/Select/__tests__/Select.spec.js +0 -422
- package/src/components/Select/__tests__/SelectItem.spec.js +0 -330
- package/src/components/Select/__tests__/__snapshots__/Popover.spec.js.snap +0 -8
- package/src/components/Select/__tests__/__snapshots__/Select.spec.js.snap +0 -71
- package/src/components/Select/__tests__/__snapshots__/SelectItem.spec.js.snap +0 -15
- package/src/components/Select/__tests__/__snapshots__/SelectOption.spec.js.snap +0 -25
- package/src/components/Select/__tests__/__snapshots__/SelectPopover.spec.js.snap +0 -8
- package/src/components/Select/index.vue +0 -298
- package/src/components/ui/dialog/Dialog.vue +0 -19
- package/src/components/ui/dialog/DialogClose.vue +0 -29
- package/src/components/ui/dialog/DialogContent.vue +0 -140
- package/src/components/ui/dialog/DialogFooter.vue +0 -50
- package/src/components/ui/dialog/DialogHeader.vue +0 -83
- package/src/components/ui/dialog/DialogTitle.vue +0 -38
- package/src/components/ui/dialog/DialogTrigger.vue +0 -16
- package/src/components/ui/dialog/index.ts +0 -7
- package/src/components/ui/drawer/Drawer.vue +0 -27
- package/src/components/ui/drawer/DrawerClose.vue +0 -31
- package/src/components/ui/drawer/DrawerContent.vue +0 -111
- package/src/components/ui/drawer/DrawerDescription.vue +0 -40
- package/src/components/ui/drawer/DrawerFooter.vue +0 -38
- package/src/components/ui/drawer/DrawerHeader.vue +0 -57
- package/src/components/ui/drawer/DrawerOverlay.vue +0 -33
- package/src/components/ui/drawer/DrawerTitle.vue +0 -37
- package/src/components/ui/drawer/DrawerTrigger.vue +0 -31
- package/src/components/ui/drawer/index.ts +0 -10
- package/src/components/ui/tooltip/Tooltip.vue +0 -21
- package/src/components/ui/tooltip/TooltipContent.vue +0 -74
- package/src/components/ui/tooltip/TooltipTrigger.vue +0 -26
- package/src/components/ui/tooltip/index.ts +0 -3
- package/src/lib/layer-manager.ts +0 -92
- package/src/stories/Dialog.stories.js +0 -832
- package/src/stories/DrawerNext.stories.js +0 -611
- package/src/stories/LayerManager.docs.mdx +0 -40
- package/src/stories/LayerManager.stories.js +0 -364
- package/src/stories/Select.stories.js +0 -158
package/src/components/index.ts
CHANGED
|
@@ -33,10 +33,10 @@ import modal from './Modal/Modal.vue';
|
|
|
33
33
|
import modalUpload from './ModalUpload/ModalUpload.vue';
|
|
34
34
|
import { callAlert, callModal } from '../utils/call';
|
|
35
35
|
import selectSmart from './SelectSmart/SelectSmart.vue';
|
|
36
|
-
import select from './Select/
|
|
36
|
+
// import select from './Select/Select.vue';
|
|
37
37
|
import selectItem from './Select/SelectItem.vue';
|
|
38
38
|
// import selectListItem from './SelectListItem/SelectListItem.vue';
|
|
39
|
-
import multiSelect from './MultiSelect/
|
|
39
|
+
import multiSelect from './MultiSelect/MultiSelect.vue';
|
|
40
40
|
import alert from './Alert/Alert.vue';
|
|
41
41
|
// import autocomplete from './Input/Autocomplete.vue';
|
|
42
42
|
// import autocompleteSelect from './AutocompleteSelect/AutocompleteSelect.vue';
|
|
@@ -82,6 +82,7 @@ import ChartMultiLine from './ChartMultiLine/ChartMultiLine.vue';
|
|
|
82
82
|
import EmojiPicker from './EmojiPicker/EmojiPicker.vue';
|
|
83
83
|
import ChartFunnel from './ChartFunnel/ChartFunnel.vue';
|
|
84
84
|
import Disclaimer from './Disclaimer/Disclaimer.vue';
|
|
85
|
+
import DisclaimerV2 from './Disclaimer/DisclaimerV2.vue';
|
|
85
86
|
import Drawer from './Drawer/Drawer.vue';
|
|
86
87
|
import TableNext from './TableNext/TableNext.vue';
|
|
87
88
|
import ModalNext from './ModalNext/ModalNext.vue';
|
|
@@ -111,20 +112,6 @@ import {
|
|
|
111
112
|
SegmentedControlContent,
|
|
112
113
|
} from './ui/segmented-control';
|
|
113
114
|
import PageHeader from './PageHeader/PageHeader.vue';
|
|
114
|
-
import Dialog from './ui/dialog/Dialog.vue';
|
|
115
|
-
import DialogContent from './ui/dialog/DialogContent.vue';
|
|
116
|
-
import DialogFooter from './ui/dialog/DialogFooter.vue';
|
|
117
|
-
import DialogHeader from './ui/dialog/DialogHeader.vue';
|
|
118
|
-
import DialogTitle from './ui/dialog/DialogTitle.vue';
|
|
119
|
-
import DialogTrigger from './ui/dialog/DialogTrigger.vue';
|
|
120
|
-
import DialogClose from './ui/dialog/DialogClose.vue';
|
|
121
|
-
import DrawerNext from './ui/drawer/Drawer.vue';
|
|
122
|
-
import DrawerContent from './ui/drawer/DrawerContent.vue';
|
|
123
|
-
import DrawerHeader from './ui/drawer/DrawerHeader.vue';
|
|
124
|
-
import DrawerFooter from './ui/drawer/DrawerFooter.vue';
|
|
125
|
-
import DrawerClose from './ui/drawer/DrawerClose.vue';
|
|
126
|
-
import DrawerTitle from './ui/drawer/DrawerTitle.vue';
|
|
127
|
-
import DrawerDescription from './ui/drawer/DrawerDescription.vue';
|
|
128
115
|
|
|
129
116
|
type VueComponent = Component;
|
|
130
117
|
|
|
@@ -168,10 +155,10 @@ export const components: ComponentsMap = {
|
|
|
168
155
|
unnnicModalDialog: ModalDialog,
|
|
169
156
|
unnnicModalUpload: modalUpload,
|
|
170
157
|
unnnicSelectSmart: selectSmart,
|
|
171
|
-
unnnicSelect: select,
|
|
158
|
+
// unnnicSelect: select,
|
|
172
159
|
unnnicSelectItem: selectItem,
|
|
173
160
|
// unnnicSelectListItem: selectListItem,
|
|
174
|
-
unnnicMultiSelect: multiSelect
|
|
161
|
+
unnnicMultiSelect: multiSelect,
|
|
175
162
|
unnnicAlert: alert,
|
|
176
163
|
unnnicCallAlert: callAlert,
|
|
177
164
|
unnnicCallModal: callModal,
|
|
@@ -219,6 +206,7 @@ export const components: ComponentsMap = {
|
|
|
219
206
|
unnnicEmojiPicker: EmojiPicker,
|
|
220
207
|
unnnicChartFunnel: ChartFunnel,
|
|
221
208
|
unnnicDisclaimer: Disclaimer,
|
|
209
|
+
unnnicDisclaimerV2: DisclaimerV2,
|
|
222
210
|
unnnicDrawer: Drawer,
|
|
223
211
|
unnnicTableNext: TableNext,
|
|
224
212
|
unnnicTour: Tour,
|
|
@@ -244,27 +232,13 @@ export const components: ComponentsMap = {
|
|
|
244
232
|
unnnicSegmentedControlTrigger: SegmentedControlTrigger,
|
|
245
233
|
unnnicSegmentedControlContent: SegmentedControlContent,
|
|
246
234
|
unnnicPageHeader: PageHeader,
|
|
247
|
-
unnnicDialog: Dialog,
|
|
248
|
-
unnnicDialogContent: DialogContent,
|
|
249
|
-
unnnicDialogFooter: DialogFooter,
|
|
250
|
-
unnnicDialogHeader: DialogHeader,
|
|
251
|
-
unnnicDialogTitle: DialogTitle,
|
|
252
|
-
unnnicDialogTrigger: DialogTrigger,
|
|
253
|
-
unnnicDialogClose: DialogClose,
|
|
254
|
-
unnnicDrawerNext: DrawerNext,
|
|
255
|
-
unnnicDrawerContent: DrawerContent,
|
|
256
|
-
unnnicDrawerHeader: DrawerHeader,
|
|
257
|
-
unnnicDrawerFooter: DrawerFooter,
|
|
258
|
-
unnnicDrawerClose: DrawerClose,
|
|
259
|
-
unnnicDrawerTitle: DrawerTitle,
|
|
260
|
-
unnnicDrawerDescription: DrawerDescription,
|
|
261
235
|
};
|
|
262
236
|
|
|
263
237
|
export const unnnicFontSize = fontSize;
|
|
264
238
|
export const unnnicFormElement = formElement;
|
|
265
239
|
export const unnnicInput = input;
|
|
266
240
|
export const unnnicInputNext = inputNext;
|
|
267
|
-
export const unnnicInputDatePicker = inputDatePicker
|
|
241
|
+
export const unnnicInputDatePicker = inputDatePicker;
|
|
268
242
|
export const unnnicButton = button;
|
|
269
243
|
export const unnnicButtonIcon = buttonIcon;
|
|
270
244
|
export const unnnicSidebar = sidebar;
|
|
@@ -296,7 +270,7 @@ export const unnnicModalDialog = ModalDialog;
|
|
|
296
270
|
export const unnnicModalNext = ModalNext;
|
|
297
271
|
export const unnnicModalUpload = modalUpload;
|
|
298
272
|
export const unnnicSelectSmart = selectSmart as VueComponent;
|
|
299
|
-
export const unnnicSelect = select
|
|
273
|
+
// export const unnnicSelect = select;
|
|
300
274
|
export const unnnicSelectItem = selectItem;
|
|
301
275
|
// export const unnnicSelectListItem = selectListItem;
|
|
302
276
|
export const unnnicMultiSelect = multiSelect as VueComponent;
|
|
@@ -347,6 +321,7 @@ export const unnnicChartMultiLine = ChartMultiLine;
|
|
|
347
321
|
export const unnnicEmojiPicker = EmojiPicker;
|
|
348
322
|
export const unnnicChartFunnel = ChartFunnel as VueComponent;
|
|
349
323
|
export const unnnicDisclaimer = Disclaimer;
|
|
324
|
+
export const unnnicDisclaimerV2 = DisclaimerV2;
|
|
350
325
|
export const unnnicDrawer = Drawer;
|
|
351
326
|
export const unnnicTableNext = TableNext;
|
|
352
327
|
export const unnnicTour = Tour;
|
|
@@ -372,20 +347,6 @@ export const unnnicSegmentedControlList = SegmentedControlList;
|
|
|
372
347
|
export const unnnicSegmentedControlTrigger = SegmentedControlTrigger;
|
|
373
348
|
export const unnnicSegmentedControlContent = SegmentedControlContent;
|
|
374
349
|
export const unnnicPageHeader = PageHeader;
|
|
375
|
-
export const unnnicDialog = Dialog;
|
|
376
|
-
export const unnnicDialogContent = DialogContent;
|
|
377
|
-
export const unnnicDialogFooter = DialogFooter;
|
|
378
|
-
export const unnnicDialogHeader = DialogHeader;
|
|
379
|
-
export const unnnicDialogTitle = DialogTitle;
|
|
380
|
-
export const unnnicDialogTrigger = DialogTrigger;
|
|
381
|
-
export const unnnicDialogClose = DialogClose;
|
|
382
|
-
export const unnnicDrawerNext = DrawerNext;
|
|
383
|
-
export const unnnicDrawerContent = DrawerContent;
|
|
384
|
-
export const unnnicDrawerHeader = DrawerHeader;
|
|
385
|
-
export const unnnicDrawerFooter = DrawerFooter;
|
|
386
|
-
export const unnnicDrawerClose = DrawerClose;
|
|
387
|
-
export const unnnicDrawerTitle = DrawerTitle;
|
|
388
|
-
export const unnnicDrawerDescription = DrawerDescription;
|
|
389
350
|
|
|
390
351
|
export const UnnnicFontSize = fontSize;
|
|
391
352
|
export const UnnnicFormElement = formElement;
|
|
@@ -423,7 +384,7 @@ export const UnnnicModalDialog = ModalDialog;
|
|
|
423
384
|
export const UnnnicModalNext = ModalNext;
|
|
424
385
|
export const UnnnicModalUpload = modalUpload;
|
|
425
386
|
export const UnnnicSelectSmart = selectSmart as VueComponent;
|
|
426
|
-
export const UnnnicSelect = select
|
|
387
|
+
// export const UnnnicSelect = select;
|
|
427
388
|
export const UnnnicSelectItem = selectItem;
|
|
428
389
|
// export const UnnnicSelectListItem = selectListItem;
|
|
429
390
|
export const UnnnicMultiSelect = multiSelect as VueComponent;
|
|
@@ -474,6 +435,7 @@ export const UnnnicChartMultiLine = ChartMultiLine;
|
|
|
474
435
|
export const UnnnicEmojiPicker = EmojiPicker;
|
|
475
436
|
export const UnnnicChartFunnel = ChartFunnel as VueComponent;
|
|
476
437
|
export const UnnnicDisclaimer = Disclaimer;
|
|
438
|
+
export const UnnnicDisclaimerV2 = DisclaimerV2;
|
|
477
439
|
export const UnnnicDrawer = Drawer;
|
|
478
440
|
export const UnnnicTableNext = TableNext;
|
|
479
441
|
export const UnnnicTour = Tour;
|
|
@@ -499,17 +461,3 @@ export const UnnnicSegmentedControlList = SegmentedControlList;
|
|
|
499
461
|
export const UnnnicSegmentedControlTrigger = SegmentedControlTrigger;
|
|
500
462
|
export const UnnnicSegmentedControlContent = SegmentedControlContent;
|
|
501
463
|
export const UnnnicPageHeader = PageHeader;
|
|
502
|
-
export const UnnnicDialog = Dialog;
|
|
503
|
-
export const UnnnicDialogContent = DialogContent;
|
|
504
|
-
export const UnnnicDialogFooter = DialogFooter;
|
|
505
|
-
export const UnnnicDialogHeader = DialogHeader;
|
|
506
|
-
export const UnnnicDialogTitle = DialogTitle;
|
|
507
|
-
export const UnnnicDialogTrigger = DialogTrigger;
|
|
508
|
-
export const UnnnicDialogClose = DialogClose;
|
|
509
|
-
export const UnnnicDrawerNext = DrawerNext;
|
|
510
|
-
export const UnnnicDrawerContent = DrawerContent;
|
|
511
|
-
export const UnnnicDrawerHeader = DrawerHeader;
|
|
512
|
-
export const UnnnicDrawerFooter = DrawerFooter;
|
|
513
|
-
export const UnnnicDrawerClose = DrawerClose;
|
|
514
|
-
export const UnnnicDrawerTitle = DrawerTitle;
|
|
515
|
-
export const UnnnicDrawerDescription = DrawerDescription;
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
'bg-popover text-popover-foreground outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
|
|
10
10
|
)
|
|
11
11
|
"
|
|
12
|
-
:style="{ zIndex: popoverZIndex }"
|
|
13
12
|
>
|
|
14
13
|
<section :class="`unnnic-popover__content ${props.class || ''}`">
|
|
15
14
|
<component
|
|
@@ -35,7 +34,6 @@ import { computed, useSlots } from 'vue';
|
|
|
35
34
|
import { reactiveOmit } from '@vueuse/core';
|
|
36
35
|
import { PopoverContent, PopoverPortal, useForwardPropsEmits } from 'reka-ui';
|
|
37
36
|
import { cn } from '@/lib/utils';
|
|
38
|
-
import { useLayerZIndex } from '@/lib/layer-manager';
|
|
39
37
|
|
|
40
38
|
defineOptions({
|
|
41
39
|
inheritAttrs: false,
|
|
@@ -63,8 +61,6 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
|
|
|
63
61
|
|
|
64
62
|
const slots = useSlots();
|
|
65
63
|
|
|
66
|
-
const popoverZIndex = useLayerZIndex('popover');
|
|
67
|
-
|
|
68
64
|
const getComponentName = (vnode: VNode): string | undefined => {
|
|
69
65
|
const componentType = vnode.type as { name?: string; __name?: string };
|
|
70
66
|
return componentType?.name || componentType?.__name;
|
|
@@ -91,23 +87,10 @@ const footerChildren = computed(() => {
|
|
|
91
87
|
$popover-space: $unnnic-space-4;
|
|
92
88
|
|
|
93
89
|
.unnnic-popover {
|
|
90
|
+
z-index: 10000;
|
|
91
|
+
|
|
94
92
|
border-radius: $unnnic-radius-2;
|
|
95
93
|
box-shadow: $unnnic-shadow-1;
|
|
96
|
-
border: 1px solid $unnnic-color-border-soft;
|
|
97
|
-
|
|
98
|
-
&::-webkit-scrollbar {
|
|
99
|
-
width: $unnnic-spacing-inline-nano;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
&::-webkit-scrollbar-thumb {
|
|
103
|
-
background: $unnnic-color-neutral-cleanest;
|
|
104
|
-
border-radius: $unnnic-border-radius-pill;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
&::-webkit-scrollbar-track {
|
|
108
|
-
background: $unnnic-color-neutral-soft;
|
|
109
|
-
border-radius: $unnnic-border-radius-pill;
|
|
110
|
-
}
|
|
111
94
|
|
|
112
95
|
&--size-small {
|
|
113
96
|
width: 240px;
|
|
@@ -98,10 +98,6 @@ const schemeColor = computed(() => {
|
|
|
98
98
|
}
|
|
99
99
|
|
|
100
100
|
&__label {
|
|
101
|
-
overflow: hidden;
|
|
102
|
-
text-overflow: ellipsis;
|
|
103
|
-
white-space: nowrap;
|
|
104
|
-
|
|
105
101
|
@each $name, $color in $unnnic-scheme-colors {
|
|
106
102
|
&.unnnic-popover-option__label--#{$name} {
|
|
107
103
|
color: $color;
|
|
@@ -14,14 +14,10 @@ const props = defineProps<PopoverTriggerProps>();
|
|
|
14
14
|
</PopoverTrigger>
|
|
15
15
|
</template>
|
|
16
16
|
|
|
17
|
-
<style
|
|
17
|
+
<style scoped>
|
|
18
18
|
.unnnic-popover-trigger {
|
|
19
19
|
border: none;
|
|
20
20
|
background: transparent;
|
|
21
21
|
padding: 0;
|
|
22
|
-
|
|
23
|
-
& > * {
|
|
24
|
-
width: 100%;
|
|
25
|
-
}
|
|
26
22
|
}
|
|
27
23
|
</style>
|
package/src/locales/en.json
CHANGED
package/src/locales/es.json
CHANGED
package/src/locales/pt_br.json
CHANGED
|
@@ -1,63 +1,22 @@
|
|
|
1
1
|
import UnnnicDisclaimer from '../components/Disclaimer/Disclaimer.vue';
|
|
2
|
+
import icons from '../utils/iconList';
|
|
3
|
+
import colors from '../utils/colorsList';
|
|
2
4
|
|
|
3
5
|
export default {
|
|
4
|
-
title: '
|
|
6
|
+
title: 'Example/Disclaimer',
|
|
5
7
|
component: UnnnicDisclaimer,
|
|
8
|
+
args: {},
|
|
6
9
|
argTypes: {
|
|
7
|
-
type:
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
},
|
|
10
|
+
text: { control: { type: 'text' } },
|
|
11
|
+
icon: { options: icons, control: { type: 'select' } },
|
|
12
|
+
iconColor: { options: colors, control: { type: 'select' } },
|
|
11
13
|
},
|
|
12
14
|
};
|
|
13
15
|
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
export const Default = {
|
|
17
|
+
args: {
|
|
18
|
+
text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
|
|
19
|
+
icon: 'alert-circle-1-1',
|
|
20
|
+
iconColor: 'feedback-yellow',
|
|
18
21
|
},
|
|
19
|
-
template: '<UnnnicDisclaimer v-bind="args" />',
|
|
20
|
-
});
|
|
21
|
-
|
|
22
|
-
export const Default = Template.bind({});
|
|
23
|
-
Default.args = {
|
|
24
|
-
title: 'Disclaimer',
|
|
25
|
-
description: 'The quick brown fox jumps over the lazy dog',
|
|
26
|
-
type: 'informational',
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
export const Success = Template.bind({});
|
|
30
|
-
Success.args = {
|
|
31
|
-
...Default.args,
|
|
32
|
-
type: 'success',
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
export const Attention = Template.bind({});
|
|
36
|
-
Attention.args = {
|
|
37
|
-
...Default.args,
|
|
38
|
-
type: 'attention',
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
export const ErrorState = Template.bind({});
|
|
42
|
-
ErrorState.args = {
|
|
43
|
-
...Default.args,
|
|
44
|
-
type: 'error',
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
export const Neutral = Template.bind({});
|
|
48
|
-
Neutral.args = {
|
|
49
|
-
...Default.args,
|
|
50
|
-
type: 'neutral',
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
export const OnlyTitle = Template.bind({});
|
|
54
|
-
OnlyTitle.args = {
|
|
55
|
-
...Default.args,
|
|
56
|
-
description: '',
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
export const OnlyDescription = Template.bind({});
|
|
60
|
-
OnlyDescription.args = {
|
|
61
|
-
...Default.args,
|
|
62
|
-
title: '',
|
|
63
22
|
};
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import UnnnicDisclaimerV2 from '../components/Disclaimer/DisclaimerV2.vue';
|
|
2
|
+
|
|
3
|
+
export default {
|
|
4
|
+
title: 'Example/DisclaimerV2',
|
|
5
|
+
component: UnnnicDisclaimerV2,
|
|
6
|
+
argTypes: {
|
|
7
|
+
type: {
|
|
8
|
+
control: { type: 'select' },
|
|
9
|
+
options: ['informational', 'success', 'attention', 'error', 'neutral'],
|
|
10
|
+
},
|
|
11
|
+
},
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
const Template = (args) => ({
|
|
15
|
+
components: { UnnnicDisclaimerV2 },
|
|
16
|
+
setup() {
|
|
17
|
+
return { args };
|
|
18
|
+
},
|
|
19
|
+
template: '<UnnnicDisclaimerV2 v-bind="args" />',
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
export const Default = Template.bind({});
|
|
23
|
+
Default.args = {
|
|
24
|
+
title: 'Disclaimer',
|
|
25
|
+
description: 'The quick brown fox jumps over the lazy dog',
|
|
26
|
+
type: 'informational',
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
export const Success = Template.bind({});
|
|
30
|
+
Success.args = {
|
|
31
|
+
...Default.args,
|
|
32
|
+
type: 'success',
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
export const Attention = Template.bind({});
|
|
36
|
+
Attention.args = {
|
|
37
|
+
...Default.args,
|
|
38
|
+
type: 'attention',
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
export const ErrorState = Template.bind({});
|
|
42
|
+
ErrorState.args = {
|
|
43
|
+
...Default.args,
|
|
44
|
+
type: 'error',
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
export const Neutral = Template.bind({});
|
|
48
|
+
Neutral.args = {
|
|
49
|
+
...Default.args,
|
|
50
|
+
type: 'neutral',
|
|
51
|
+
};
|
package/src/stories/Input.mdx
CHANGED
|
@@ -42,9 +42,6 @@ The `Input` component is designed to provide an input field for users to enter t
|
|
|
42
42
|
| placeholder | `String` of the native input placeholder | `String` | `''` |
|
|
43
43
|
| iconLeft | `String` of the left icon | `String` | `undefined` |
|
|
44
44
|
| iconRight | `String` of the right icon | `String` | `false` |
|
|
45
|
-
| useFocusProp | `Boolean` to enable use focus by prop (ignore native css) | `true` \| `false` | `false` |
|
|
46
|
-
| focus | `Boolean` to enable focus component status | `true` \| `false` | `false` |
|
|
47
|
-
|
|
48
45
|
|
|
49
46
|
## Example
|
|
50
47
|
Some examples of uses of the `UnnnicInput`
|
|
@@ -6,9 +6,6 @@ import * as ModalDialogStories from './ModalDialog.stories';
|
|
|
6
6
|
|
|
7
7
|
# ModalDialog
|
|
8
8
|
|
|
9
|
-
> **⚠️ DEPRECATED**: This component has been deprecated in favor of the new `Dialog` component. Please use `UnnnicDialog`
|
|
10
|
-
instead for new implementations. See the [Dialog documentation](?path=/docs/feedback-dialog--docs) for more information.
|
|
11
|
-
|
|
12
9
|
The ModalDialog was designed to inform the user about a specific task, request information, or involve other tasks.
|
|
13
10
|
|
|
14
11
|
<Source
|
|
@@ -1,158 +1,62 @@
|
|
|
1
|
-
import UnnnicMultiSelect from '../components/MultiSelect/
|
|
2
|
-
|
|
3
|
-
const options = [
|
|
4
|
-
{ label: 'Option 1', value: 'option1', altValue: 'alt_value_option1' },
|
|
5
|
-
{ label: 'Option 2', value: 'option2', altValue: 'alt_value_option2' },
|
|
6
|
-
{ label: 'Option 3', value: 'option3', altValue: 'alt_value_option3' },
|
|
7
|
-
{ label: 'Option 4', value: 'option4', altValue: 'alt_value_option4' },
|
|
8
|
-
{ label: 'Option 5', value: 'option5', altValue: 'alt_value_option5' },
|
|
9
|
-
{ label: 'Option 6', value: 'option6', altValue: 'alt_value_option6' },
|
|
10
|
-
{ label: 'Option 7', value: 'option7', altValue: 'alt_value_option7' },
|
|
11
|
-
{ label: 'Option 8', value: 'option8', altValue: 'alt_value_option8' },
|
|
12
|
-
{ label: 'Option 9', value: 'option9', altValue: 'alt_value_option9' },
|
|
13
|
-
{ label: 'Option 10', value: 'option10', disabled: true },
|
|
14
|
-
];
|
|
1
|
+
import UnnnicMultiSelect from '../components/MultiSelect/MultiSelect.vue';
|
|
15
2
|
|
|
16
3
|
export default {
|
|
17
4
|
title: 'Form/MultiSelect',
|
|
18
5
|
component: UnnnicMultiSelect,
|
|
19
|
-
|
|
20
|
-
parameters: {
|
|
21
|
-
docs: {
|
|
22
|
-
description: {
|
|
23
|
-
component:
|
|
24
|
-
'MultiSelect is designed to solve common problems related to multiple option selection.',
|
|
25
|
-
},
|
|
26
|
-
},
|
|
27
|
-
},
|
|
28
|
-
argTypes: {
|
|
29
|
-
options: {
|
|
30
|
-
description:
|
|
31
|
-
'List of items to be displayed in the options. If an item has a `disabled` key set to `true`, that item will be disabled. By default, the component looks for the `label` and `value` keys to display and update the model, but these are not required if you wish to customize them using the `itemLabel` and `itemValue` props, respectively.',
|
|
32
|
-
},
|
|
33
|
-
placeholder: {
|
|
34
|
-
description: 'Text to be displayed in the placeholder.',
|
|
35
|
-
},
|
|
36
|
-
label: {
|
|
37
|
-
description: 'Text to be displayed in the label.',
|
|
38
|
-
},
|
|
39
|
-
modelValue: {
|
|
40
|
-
description:
|
|
41
|
-
'Model variable. Its type will always match a list of the return type of the key specified by `itemValue`, or the entire options object when the `returnObject` property is set to `true`.',
|
|
42
|
-
},
|
|
43
|
-
returnObject: {
|
|
44
|
-
description:
|
|
45
|
-
'Prop to indicate that the full option object should be returned in the v-model.',
|
|
46
|
-
},
|
|
47
|
-
itemLabel: {
|
|
48
|
-
description:
|
|
49
|
-
'Field of the option item that should be used to render the option label.',
|
|
50
|
-
},
|
|
51
|
-
itemValue: {
|
|
52
|
-
description:
|
|
53
|
-
'Field of the option item that should be used to return value to v-model.',
|
|
54
|
-
},
|
|
55
|
-
type: {
|
|
56
|
-
description: 'Select state type',
|
|
57
|
-
},
|
|
58
|
-
errors: {
|
|
59
|
-
description:
|
|
60
|
-
"Error message or messages. When it's an array, the messages will be separated by commas.",
|
|
61
|
-
},
|
|
62
|
-
message: {
|
|
63
|
-
description: 'Help or hint message.',
|
|
64
|
-
},
|
|
65
|
-
size: {
|
|
66
|
-
description: 'Select size',
|
|
67
|
-
},
|
|
68
|
-
optionsLines: {
|
|
69
|
-
description:
|
|
70
|
-
'Number of options to display at most; if exceeded, scrolling will be enabled.',
|
|
71
|
-
},
|
|
72
|
-
enableSearch: {
|
|
73
|
-
description:
|
|
74
|
-
'If true, enables a search field displayed inside the options popover. The `update:search` event is emitted on each input.',
|
|
75
|
-
},
|
|
76
|
-
search: {
|
|
77
|
-
description: 'Search value.',
|
|
78
|
-
},
|
|
79
|
-
locale: {
|
|
80
|
-
description: 'Locale for i18n translations.',
|
|
81
|
-
},
|
|
82
|
-
disabled: {
|
|
83
|
-
description: 'Disable the select.',
|
|
84
|
-
},
|
|
85
|
-
},
|
|
6
|
+
argTypes: {},
|
|
86
7
|
render: (args) => ({
|
|
87
|
-
components: {
|
|
8
|
+
components: {
|
|
9
|
+
UnnnicMultiSelect,
|
|
10
|
+
},
|
|
88
11
|
setup() {
|
|
89
|
-
|
|
90
|
-
args.search = value;
|
|
91
|
-
};
|
|
92
|
-
return { args, handleSearch };
|
|
12
|
+
return { args };
|
|
93
13
|
},
|
|
94
14
|
data() {
|
|
95
15
|
return {
|
|
96
|
-
|
|
16
|
+
groups: [
|
|
17
|
+
{
|
|
18
|
+
title: 'Permissões Gerais',
|
|
19
|
+
selected: 0,
|
|
20
|
+
items: [
|
|
21
|
+
{
|
|
22
|
+
title: 'Moderador',
|
|
23
|
+
description:
|
|
24
|
+
'Gerencia membros do projeto e administra o rocket',
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
title: 'Contribuidor',
|
|
28
|
+
description: 'Consegue editar o projeto',
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
title: 'Vizualizador',
|
|
32
|
+
description: 'Apenas vizualiza o projeto',
|
|
33
|
+
},
|
|
34
|
+
],
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
title: 'Permissões do módulo chat',
|
|
38
|
+
selected: 0,
|
|
39
|
+
items: [
|
|
40
|
+
{
|
|
41
|
+
title: 'Gerente de Atendimento',
|
|
42
|
+
description:
|
|
43
|
+
'Consegue responder mensagens e criar grupos no Rocket',
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
title: 'Agente',
|
|
47
|
+
description: 'Consegue responder mensagens no Rocket',
|
|
48
|
+
},
|
|
49
|
+
],
|
|
50
|
+
},
|
|
51
|
+
],
|
|
97
52
|
};
|
|
98
53
|
},
|
|
99
54
|
template: `
|
|
100
|
-
<
|
|
101
|
-
|
|
55
|
+
<div>
|
|
56
|
+
<UnnnicMultiSelect v-bind="args" v-model="groups" />
|
|
57
|
+
</div>
|
|
102
58
|
`,
|
|
103
59
|
}),
|
|
104
60
|
};
|
|
105
61
|
|
|
106
|
-
export const
|
|
107
|
-
args: {
|
|
108
|
-
placeholder: 'Placeholder',
|
|
109
|
-
label: 'Label',
|
|
110
|
-
options,
|
|
111
|
-
},
|
|
112
|
-
};
|
|
113
|
-
|
|
114
|
-
export const ReturnObject = {
|
|
115
|
-
args: {
|
|
116
|
-
returnObject: true,
|
|
117
|
-
placeholder: 'Placeholder',
|
|
118
|
-
label: 'Label',
|
|
119
|
-
options,
|
|
120
|
-
},
|
|
121
|
-
};
|
|
122
|
-
|
|
123
|
-
export const AlternativeValueKey = {
|
|
124
|
-
args: {
|
|
125
|
-
itemValue: 'altValue',
|
|
126
|
-
placeholder: 'Placeholder',
|
|
127
|
-
label: 'Label',
|
|
128
|
-
options,
|
|
129
|
-
},
|
|
130
|
-
};
|
|
131
|
-
|
|
132
|
-
export const AlternativeValueLabel = {
|
|
133
|
-
args: {
|
|
134
|
-
itemLabel: 'altValue',
|
|
135
|
-
placeholder: 'Placeholder',
|
|
136
|
-
label: 'Label',
|
|
137
|
-
options,
|
|
138
|
-
},
|
|
139
|
-
};
|
|
140
|
-
|
|
141
|
-
export const Disabled = {
|
|
142
|
-
args: {
|
|
143
|
-
placeholder: 'Placeholder',
|
|
144
|
-
label: 'Label',
|
|
145
|
-
options,
|
|
146
|
-
disabled: true,
|
|
147
|
-
},
|
|
148
|
-
};
|
|
149
|
-
|
|
150
|
-
export const WithSearch = {
|
|
151
|
-
args: {
|
|
152
|
-
placeholder: 'Placeholder',
|
|
153
|
-
label: 'Label',
|
|
154
|
-
options,
|
|
155
|
-
enableSearch: true,
|
|
156
|
-
search: '',
|
|
157
|
-
},
|
|
158
|
-
};
|
|
62
|
+
export const Medium = { args: {} };
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
interface SelectOptionProps {
|
|
2
|
-
label: string;
|
|
3
|
-
disabled?: boolean;
|
|
4
|
-
active?: boolean;
|
|
5
|
-
focused?: boolean;
|
|
6
|
-
}
|
|
7
|
-
declare const _default: import('vue').DefineComponent<SelectOptionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
8
|
-
"update:modelValue": (args_0: boolean) => any;
|
|
9
|
-
}, string, import('vue').PublicProps, Readonly<SelectOptionProps> & Readonly<{
|
|
10
|
-
"onUpdate:modelValue"?: ((args_0: boolean) => any) | undefined;
|
|
11
|
-
}>, {
|
|
12
|
-
disabled: boolean;
|
|
13
|
-
active: boolean;
|
|
14
|
-
focused: boolean;
|
|
15
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
16
|
-
export default _default;
|
|
17
|
-
//# sourceMappingURL=MultSelectOption.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MultSelectOption.vue.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultSelectOption.vue"],"names":[],"mappings":"AAUA;AA8DA,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;;;;;;cAHY,OAAO;YACT,OAAO;aACN,OAAO;;AAiFnB,wBASG"}
|