@weni/unnnic-system 3.7.1-alpha.2 → 3.7.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.
Files changed (259) hide show
  1. package/CHANGELOG.md +7 -1
  2. package/dist/components/Accordion/Accordion.vue.d.ts +1 -1
  3. package/dist/components/Alert/Alert.vue.d.ts +116 -17
  4. package/dist/components/Alert/Alert.vue.d.ts.map +1 -1
  5. package/dist/components/Alert/Version1dot1.vue.d.ts +38 -2
  6. package/dist/components/Alert/Version1dot1.vue.d.ts.map +1 -1
  7. package/dist/components/AudioRecorder/AudioHandler.vue.d.ts +2 -2
  8. package/dist/components/AudioRecorder/AudioPlayer.vue.d.ts +1 -1
  9. package/dist/components/AudioRecorder/AudioRecorder.vue.d.ts +5 -5
  10. package/dist/components/AvatarIcon/AvatarIcon.vue.d.ts +3 -3
  11. package/dist/components/Banner/Banner.vue.d.ts +1 -1
  12. package/dist/components/Banner/InfoBanner.vue.d.ts +1 -1
  13. package/dist/components/Breadcrumb/Breadcrumb.vue.d.ts +1 -1
  14. package/dist/components/Button/Button.vue.d.ts +1 -1
  15. package/dist/components/Button/Button.vue.d.ts.map +1 -1
  16. package/dist/components/Button/ButtonIcon.vue.d.ts +1 -1
  17. package/dist/components/Button/types.d.ts +1 -1
  18. package/dist/components/Button/types.d.ts.map +1 -1
  19. package/dist/components/Card/AccountCard.vue.d.ts +5 -5
  20. package/dist/components/Card/BlankCard.vue.d.ts +1 -1
  21. package/dist/components/Card/Card.vue.d.ts +27 -27
  22. package/dist/components/Card/CardCompany.vue.d.ts +5 -5
  23. package/dist/components/Card/CardData.vue.d.ts +1 -1
  24. package/dist/components/Card/CardStatusesContainer.vue.d.ts +5 -5
  25. package/dist/components/Card/ContentCard.vue.d.ts +3 -3
  26. package/dist/components/Card/DashCard.vue.d.ts +5 -5
  27. package/dist/components/Card/DefaultCard.vue.d.ts +1 -1
  28. package/dist/components/Card/MarketplaceCard.vue.d.ts +2 -2
  29. package/dist/components/Card/SimpleCard.vue.d.ts +3 -3
  30. package/dist/components/Card/StatusCard.vue.d.ts +2 -2
  31. package/dist/components/Card/TitleCard.vue.d.ts +3 -3
  32. package/dist/components/CardImage/CardImage.vue.d.ts +31 -24
  33. package/dist/components/CardInformation/CardInformation.vue.d.ts +5 -5
  34. package/dist/components/CardProject/CardProject.vue.d.ts +3 -3
  35. package/dist/components/Carousel/Carousel.vue.d.ts +7 -7
  36. package/dist/components/Carousel/TagCarousel.vue.d.ts +6 -6
  37. package/dist/components/ChartBar/ChartBar.vue.d.ts +5 -5
  38. package/dist/components/ChartLine/ChartLine.vue.d.ts +1 -1
  39. package/dist/components/ChatText/ChatText.vue.d.ts +2 -2
  40. package/dist/components/ChatsContact/ChatsContact.vue.d.ts +34 -27
  41. package/dist/components/ChatsDashboardTagLive/ChatsDashboardTagLive.vue.d.ts +1 -1
  42. package/dist/components/ChatsHeader/ChatsHeader.vue.d.ts +1 -1
  43. package/dist/components/ChatsHeader/ChatsHeader.vue.d.ts.map +1 -1
  44. package/dist/components/ChatsMessage/ChatsMessage.vue.d.ts +5 -5
  45. package/dist/components/ChatsMessage/ChatsMessageStatusBackdrop.vue.d.ts +2 -2
  46. package/dist/components/ChatsNavbar/ChatsNavbar.vue.d.ts +1 -1
  47. package/dist/components/ChatsUserAvatar/ChatsUserAvatar.vue.d.ts +2 -2
  48. package/dist/components/Checkbox/Checkbox.vue.d.ts +26 -19
  49. package/dist/components/Checkbox/Checkbox.vue.d.ts.map +1 -1
  50. package/dist/components/Comment/Comment.vue.d.ts +1 -1
  51. package/dist/components/DataArea/DataArea.vue.d.ts +2 -2
  52. package/dist/components/DataTable/index.vue.d.ts +1 -1
  53. package/dist/components/DataTable/index.vue.d.ts.map +1 -1
  54. package/dist/components/DateFilter/DateFilter.vue.d.ts +41 -251
  55. package/dist/components/DatePicker/DatePicker.vue.d.ts +4 -4
  56. package/dist/components/Drawer/Drawer.vue.d.ts +4 -4
  57. package/dist/components/Dropdown/Dropdown.vue.d.ts +1 -1
  58. package/dist/components/Dropdown/LanguageSelect.vue.d.ts +3 -3
  59. package/dist/components/Flag.vue.d.ts +2 -2
  60. package/dist/components/FormElement/FormElement.vue.d.ts +28 -51
  61. package/dist/components/FormElement/FormElement.vue.d.ts.map +1 -1
  62. package/dist/components/Icon.vue.d.ts +1 -1
  63. package/dist/components/Icon.vue.d.ts.map +1 -1
  64. package/dist/components/IconLoading/IconLoading.vue.d.ts +1 -1
  65. package/dist/components/ImportCard/ImportCard.vue.d.ts +4 -4
  66. package/dist/components/Input/BaseInput.vue.d.ts +2 -33
  67. package/dist/components/Input/BaseInput.vue.d.ts.map +1 -1
  68. package/dist/components/Input/Input.vue.d.ts +41 -251
  69. package/dist/components/Input/Input.vue.d.ts.map +1 -1
  70. package/dist/components/Input/TextInput.vue.d.ts +25 -85
  71. package/dist/components/Input/TextInput.vue.d.ts.map +1 -1
  72. package/dist/components/InputDatePicker/InputDatePicker.vue.d.ts +47 -257
  73. package/dist/components/InputNext/InputNext.vue.d.ts +5 -5
  74. package/dist/components/Label/Label.vue.d.ts +15 -9
  75. package/dist/components/Label/Label.vue.d.ts.map +1 -1
  76. package/dist/components/Modal/Modal.vue.d.ts +2 -2
  77. package/dist/components/ModalDialog/ModalDialog.vue.d.ts +34 -199
  78. package/dist/components/ModalDialog/ModalDialog.vue.d.ts.map +1 -1
  79. package/dist/components/ModalNext/ModalNext.vue.d.ts +46 -256
  80. package/dist/components/ModalUpload/ModalUpload.vue.d.ts +8 -8
  81. package/dist/components/MoodRating/MoodRating.vue.d.ts +1 -1
  82. package/dist/components/MultiSelect/MultiSelect.vue.d.ts +14 -20
  83. package/dist/components/Pagination/Pagination.vue.d.ts +3 -3
  84. package/dist/components/ProgressBar/ProgressBar.vue.d.ts +1 -1
  85. package/dist/components/Radio/Radio.vue.d.ts +6 -8
  86. package/dist/components/Radio/Radio.vue.d.ts.map +1 -1
  87. package/dist/components/SelectSmart/SelectSmart.vue.d.ts +60 -113
  88. package/dist/components/SelectSmart/SelectSmartMultipleHeader.vue.d.ts +5 -5
  89. package/dist/components/SelectSmart/SelectSmartOption.vue.d.ts +28 -21
  90. package/dist/components/SelectSmart/SelectSmartOption.vue.d.ts.map +1 -1
  91. package/dist/components/SelectTime/index.vue.d.ts +25 -85
  92. package/dist/components/SkeletonLoading/skeletonTheme.vue.d.ts +1 -1
  93. package/dist/components/Slider/Slider.vue.d.ts +2 -2
  94. package/dist/components/StarRating/StarRating.vue.d.ts +1 -1
  95. package/dist/components/Switch/Switch.vue.d.ts +21 -55
  96. package/dist/components/Switch/Switch.vue.d.ts.map +1 -1
  97. package/dist/components/Tab/Tab.vue.d.ts +2 -13
  98. package/dist/components/TableNext/TableBodyCell.vue.d.ts +2 -2
  99. package/dist/components/TableNext/TablePagination.vue.d.ts +3 -3
  100. package/dist/components/TabsExpanded/TabsExpanded.vue.d.ts +1 -1
  101. package/dist/components/Tag/BrandTag.vue.d.ts +1 -1
  102. package/dist/components/Tag/DefaultTag.vue.d.ts +1 -1
  103. package/dist/components/Tag/IndicatorTag.vue.d.ts +2 -2
  104. package/dist/components/Tag/Tag.vue.d.ts +5 -5
  105. package/dist/components/TextArea/TextArea.vue.d.ts +30 -66
  106. package/dist/components/TextArea/TextArea.vue.d.ts.map +1 -1
  107. package/dist/components/ToolTip/ToolTip.vue.d.ts +1 -1
  108. package/dist/components/Tour/Tour.vue.d.ts +3 -3
  109. package/dist/components/Tour/TourPopover.vue.d.ts +3 -3
  110. package/dist/components/UploadArea/UploadArea.vue.d.ts +4 -4
  111. package/dist/components/index.d.ts +1363 -4078
  112. package/dist/components/index.d.ts.map +1 -1
  113. package/dist/{es-5807a261.mjs → es-484b4c46.mjs} +1 -1
  114. package/dist/{index-5d6e1c42.mjs → index-dc007393.mjs} +11927 -18885
  115. package/dist/locales/en.json.d.ts +1 -2
  116. package/dist/locales/es.json.d.ts +1 -2
  117. package/dist/locales/pt_br.json.d.ts +1 -2
  118. package/dist/{pt-br-61671668.mjs → pt-br-f73c4b3a.mjs} +1 -1
  119. package/dist/style.css +1 -1
  120. package/dist/unnnic.mjs +172 -195
  121. package/dist/unnnic.umd.js +50 -56
  122. package/dist/utils/call.d.ts +1 -2
  123. package/dist/utils/call.d.ts.map +1 -1
  124. package/package.json +2 -3
  125. package/src/assets/scss/tailwind.scss +0 -8
  126. package/src/components/Alert/Alert.vue +135 -26
  127. package/src/components/Alert/AlertBanner.vue +182 -0
  128. package/src/components/Alert/AlertCaller.vue +49 -0
  129. package/src/components/Alert/Version1dot1.vue +36 -0
  130. package/src/components/Alert/__tests__/Alert.spec.js +45 -2
  131. package/src/components/Alert/__tests__/AlertBanner.spec.js +89 -0
  132. package/src/components/Alert/__tests__/AlertCaller.spec.js +98 -0
  133. package/src/components/Alert/__tests__/Version1dot1.spec.js +21 -0
  134. package/src/components/Alert/__tests__/__snapshots__/Alert.spec.js.snap +7 -11
  135. package/src/components/Alert/__tests__/__snapshots__/Version1dot1.spec.js.snap +2 -2
  136. package/src/components/Button/Button.vue +117 -68
  137. package/src/components/Button/types.ts +1 -0
  138. package/src/components/Checkbox/Checkbox.vue +64 -98
  139. package/src/components/Checkbox/__tests__/Checkbox.spec.js +21 -6
  140. package/src/components/FormElement/FormElement.vue +93 -63
  141. package/src/components/Icon.vue +0 -3
  142. package/src/components/Input/BaseInput.vue +14 -33
  143. package/src/components/Input/Input.scss +21 -20
  144. package/src/components/Input/Input.vue +56 -77
  145. package/src/components/Input/TextInput.vue +68 -80
  146. package/src/components/Input/__test__/TextInput.spec.js +8 -6
  147. package/src/components/Input/__test__/__snapshots__/Input.spec.js.snap +5 -14
  148. package/src/components/Input/__test__/__snapshots__/TextInput.spec.js.snap +1 -1
  149. package/src/components/Label/Label.vue +21 -52
  150. package/src/components/Label/__tests__/Label.spec.js +1 -1
  151. package/src/components/Label/__tests__/__snapshots__/Label.spec.js.snap +1 -1
  152. package/src/components/ModalDialog/ModalDialog.vue +146 -60
  153. package/src/components/ModalDialog/__tests__/__snapshots__/ModalDialog.spec.js.snap +22 -1
  154. package/src/components/Radio/Radio.vue +67 -80
  155. package/src/components/Radio/__test__/Radio.spec.js +20 -14
  156. package/src/components/Radio/__test__/__snapshots__/Radio.spec.js.snap +3 -3
  157. package/src/components/SelectSmart/SelectSmart.vue +3 -4
  158. package/src/components/Switch/Switch.vue +96 -123
  159. package/src/components/Switch/__tests__/Switch.spec.js +75 -8
  160. package/src/components/Switch/__tests__/__snapshots__/Switch.spec.js.snap +6 -5
  161. package/src/components/Tab/Tab.vue +23 -37
  162. package/src/components/Tab/__test__/__snapshots__/Tab.spec.js.snap +1 -1
  163. package/src/components/TableNext/__test__/__snapshots__/TableNext.spec.js.snap +2 -2
  164. package/src/components/TableNext/__test__/__snapshots__/TablePagination.spec.js.snap +2 -2
  165. package/src/components/TextArea/TextArea.vue +11 -34
  166. package/src/components/TextArea/__test__/__snapshots__/TextArea.spec.js.snap +3 -11
  167. package/src/components/index.ts +9 -58
  168. package/src/locales/en.json +1 -2
  169. package/src/locales/es.json +1 -2
  170. package/src/locales/pt_br.json +1 -2
  171. package/src/stories/Alert.stories.js +67 -6
  172. package/src/stories/Button.stories.js +39 -29
  173. package/src/stories/Checkbox.stories.js +4 -11
  174. package/src/stories/Input.stories.js +76 -71
  175. package/src/stories/Label.stories.js +0 -7
  176. package/src/stories/ModalDialog.mdx +0 -3
  177. package/src/stories/ModalDialog.stories.js +1 -1
  178. package/src/stories/Switch.stories.js +5 -10
  179. package/src/stories/Tab.stories.js +4 -11
  180. package/src/stories/TextArea.stories.js +2 -13
  181. package/src/types/scheme-colors.d.ts +0 -1
  182. package/src/utils/call.js +18 -46
  183. package/dist/components/CheckboxGroup/CheckboxGroup.vue.d.ts +0 -28
  184. package/dist/components/CheckboxGroup/CheckboxGroup.vue.d.ts.map +0 -1
  185. package/dist/components/Toast/Toast.vue.d.ts +0 -16
  186. package/dist/components/Toast/Toast.vue.d.ts.map +0 -1
  187. package/dist/components/Toast/ToastManager.d.ts +0 -14
  188. package/dist/components/Toast/ToastManager.d.ts.map +0 -1
  189. package/dist/components/Toast/types.d.ts +0 -35
  190. package/dist/components/Toast/types.d.ts.map +0 -1
  191. package/dist/components/ui/dialog/Dialog.vue.d.ts +0 -23
  192. package/dist/components/ui/dialog/Dialog.vue.d.ts.map +0 -1
  193. package/dist/components/ui/dialog/DialogClose.vue.d.ts +0 -19
  194. package/dist/components/ui/dialog/DialogClose.vue.d.ts.map +0 -1
  195. package/dist/components/ui/dialog/DialogContent.vue.d.ts +0 -40
  196. package/dist/components/ui/dialog/DialogContent.vue.d.ts.map +0 -1
  197. package/dist/components/ui/dialog/DialogFooter.vue.d.ts +0 -25
  198. package/dist/components/ui/dialog/DialogFooter.vue.d.ts.map +0 -1
  199. package/dist/components/ui/dialog/DialogHeader.vue.d.ts +0 -29
  200. package/dist/components/ui/dialog/DialogHeader.vue.d.ts.map +0 -1
  201. package/dist/components/ui/dialog/DialogTitle.vue.d.ts +0 -23
  202. package/dist/components/ui/dialog/DialogTitle.vue.d.ts.map +0 -1
  203. package/dist/components/ui/dialog/DialogTrigger.vue.d.ts +0 -19
  204. package/dist/components/ui/dialog/DialogTrigger.vue.d.ts.map +0 -1
  205. package/dist/components/ui/dialog/index.d.ts +0 -8
  206. package/dist/components/ui/dialog/index.d.ts.map +0 -1
  207. package/dist/components/ui/popover/Popover.vue.d.ts +0 -23
  208. package/dist/components/ui/popover/Popover.vue.d.ts.map +0 -1
  209. package/dist/components/ui/popover/PopoverContent.vue.d.ts +0 -43
  210. package/dist/components/ui/popover/PopoverContent.vue.d.ts.map +0 -1
  211. package/dist/components/ui/popover/PopoverTrigger.vue.d.ts +0 -19
  212. package/dist/components/ui/popover/PopoverTrigger.vue.d.ts.map +0 -1
  213. package/dist/components/ui/popover/index.d.ts +0 -5
  214. package/dist/components/ui/popover/index.d.ts.map +0 -1
  215. package/src/assets/icons/checkbox-checked-disabled.svg +0 -3
  216. package/src/assets/icons/checkbox-checked.svg +0 -3
  217. package/src/assets/icons/checkbox-less-disabled.svg +0 -3
  218. package/src/assets/icons/checkbox-less.svg +0 -3
  219. package/src/assets/icons/radio-checked.svg +0 -3
  220. package/src/assets/icons/switch-checked-disabled.svg +0 -3
  221. package/src/assets/icons/switch-checked.svg +0 -3
  222. package/src/components/Alert/SIMPLE_MIGRATION_GUIDE.md +0 -152
  223. package/src/components/CheckboxGroup/CheckboxGroup.vue +0 -96
  224. package/src/components/Popover/__tests__/Popover.spec.js +0 -147
  225. package/src/components/Popover/__tests__/__snapshots__/Popover.spec.js.snap +0 -8
  226. package/src/components/Popover/index.vue +0 -146
  227. package/src/components/RadioGroup/RadioGroup.vue +0 -142
  228. package/src/components/Select/SelectOption.vue +0 -65
  229. package/src/components/Select/__tests__/Select.spec.js +0 -412
  230. package/src/components/Select/__tests__/SelectItem.spec.js +0 -330
  231. package/src/components/Select/__tests__/SelectOption.spec.js +0 -174
  232. package/src/components/Select/__tests__/__snapshots__/Select.spec.js.snap +0 -97
  233. package/src/components/Select/__tests__/__snapshots__/SelectItem.spec.js.snap +0 -15
  234. package/src/components/Select/__tests__/__snapshots__/SelectOption.spec.js.snap +0 -25
  235. package/src/components/Select/index.vue +0 -245
  236. package/src/components/Toast/Toast.vue +0 -246
  237. package/src/components/Toast/ToastManager.ts +0 -110
  238. package/src/components/Toast/__tests__/Toast.spec.js +0 -284
  239. package/src/components/Toast/__tests__/ToastManager.spec.js +0 -294
  240. package/src/components/Toast/types.ts +0 -57
  241. package/src/components/ui/dialog/Dialog.vue +0 -15
  242. package/src/components/ui/dialog/DialogClose.vue +0 -25
  243. package/src/components/ui/dialog/DialogContent.vue +0 -114
  244. package/src/components/ui/dialog/DialogFooter.vue +0 -46
  245. package/src/components/ui/dialog/DialogHeader.vue +0 -78
  246. package/src/components/ui/dialog/DialogTitle.vue +0 -34
  247. package/src/components/ui/dialog/DialogTrigger.vue +0 -12
  248. package/src/components/ui/dialog/index.ts +0 -7
  249. package/src/components/ui/popover/Popover.vue +0 -19
  250. package/src/components/ui/popover/PopoverContent.vue +0 -98
  251. package/src/components/ui/popover/PopoverTrigger.vue +0 -23
  252. package/src/components/ui/popover/index.ts +0 -4
  253. package/src/stories/CheckboxGroup.stories.js +0 -105
  254. package/src/stories/Dialog.stories.js +0 -832
  255. package/src/stories/Popover.stories.js +0 -306
  256. package/src/stories/RadioGroup.stories.js +0 -144
  257. package/src/stories/Select.stories.js +0 -158
  258. package/src/stories/Toast.mdx +0 -123
  259. package/src/stories/Toast.stories.js +0 -126
@@ -1,29 +0,0 @@
1
- import { HTMLAttributes } from 'vue';
2
- type __VLS_Props = {
3
- class?: HTMLAttributes['class'];
4
- divider?: boolean;
5
- type?: 'default' | 'success' | 'warning' | 'attention';
6
- closeButton?: boolean;
7
- };
8
- declare function __VLS_template(): {
9
- attrs: Partial<{}>;
10
- slots: {
11
- default?(_: {}): any;
12
- };
13
- refs: {};
14
- rootEl: HTMLElement;
15
- };
16
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
17
- declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
18
- type: "default" | "success" | "warning" | "attention";
19
- divider: boolean;
20
- closeButton: boolean;
21
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
22
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
23
- export default _default;
24
- type __VLS_WithTemplateSlots<T, S> = T & {
25
- new (): {
26
- $slots: S;
27
- };
28
- };
29
- //# sourceMappingURL=DialogHeader.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DialogHeader.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/DialogHeader.vue"],"names":[],"mappings":"AAgFA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1C,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAwBJ,iBAAS,cAAc;WAwET,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UAtHV,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW;aAD5C,OAAO;iBAEH,OAAO;qFA6HvB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,23 +0,0 @@
1
- import { DialogTitleProps } from 'reka-ui';
2
- import { HTMLAttributes } from 'vue';
3
- type __VLS_Props = DialogTitleProps & {
4
- class?: HTMLAttributes['class'];
5
- };
6
- declare function __VLS_template(): {
7
- attrs: Partial<{}>;
8
- slots: {
9
- default?(_: {}): any;
10
- };
11
- refs: {};
12
- rootEl: any;
13
- };
14
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
15
- declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
16
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
17
- export default _default;
18
- type __VLS_WithTemplateSlots<T, S> = T & {
19
- new (): {
20
- $slots: S;
21
- };
22
- };
23
- //# sourceMappingURL=DialogTitle.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DialogTitle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/DialogTitle.vue"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,KAAK,WAAW,GAAG,gBAAgB,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;AAW1E,iBAAS,cAAc;WAqCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,19 +0,0 @@
1
- import { DialogTriggerProps } from 'reka-ui';
2
- declare function __VLS_template(): {
3
- attrs: Partial<{}>;
4
- slots: {
5
- default?(_: {}): any;
6
- };
7
- refs: {};
8
- rootEl: any;
9
- };
10
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
11
- declare const __VLS_component: import('vue').DefineComponent<DialogTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DialogTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
12
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
13
- export default _default;
14
- type __VLS_WithTemplateSlots<T, S> = T & {
15
- new (): {
16
- $slots: S;
17
- };
18
- };
19
- //# sourceMappingURL=DialogTrigger.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DialogTrigger.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/DialogTrigger.vue"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAQlD,iBAAS,cAAc;WAgCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,gTAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,8 +0,0 @@
1
- export { default as Dialog } from './Dialog.vue';
2
- export { default as DialogClose } from './DialogClose.vue';
3
- export { default as DialogContent } from './DialogContent.vue';
4
- export { default as DialogFooter } from './DialogFooter.vue';
5
- export { default as DialogHeader } from './DialogHeader.vue';
6
- export { default as DialogTitle } from './DialogTitle.vue';
7
- export { default as DialogTrigger } from './DialogTrigger.vue';
8
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC"}
@@ -1,23 +0,0 @@
1
- import { PopoverRootProps } from 'reka-ui';
2
- declare function __VLS_template(): {
3
- attrs: Partial<{}>;
4
- slots: {
5
- default?(_: {}): any;
6
- };
7
- refs: {};
8
- rootEl: any;
9
- };
10
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
11
- declare const __VLS_component: import('vue').DefineComponent<PopoverRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
12
- "update:open": (value: boolean) => any;
13
- }, string, import('vue').PublicProps, Readonly<PopoverRootProps> & Readonly<{
14
- "onUpdate:open"?: ((value: boolean) => any) | undefined;
15
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
16
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
17
- export default _default;
18
- type __VLS_WithTemplateSlots<T, S> = T & {
19
- new (): {
20
- $slots: S;
21
- };
22
- };
23
- //# sourceMappingURL=Popover.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Popover.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/popover/Popover.vue"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAoB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAgBlE,iBAAS,cAAc;WAgCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,43 +0,0 @@
1
- import { PopoverContentProps } from 'reka-ui';
2
- import { HTMLAttributes } from 'vue';
3
- type __VLS_Props = PopoverContentProps & {
4
- class?: HTMLAttributes['class'];
5
- size?: 'small' | 'medium' | 'large';
6
- };
7
- declare function __VLS_template(): {
8
- attrs: Partial<{}>;
9
- slots: {
10
- default?(_: {}): any;
11
- footer?(_: {}): any;
12
- };
13
- refs: {};
14
- rootEl: any;
15
- };
16
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
17
- declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
18
- escapeKeyDown: (event: KeyboardEvent) => any;
19
- pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
20
- focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
21
- interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
22
- openAutoFocus: (event: Event) => any;
23
- closeAutoFocus: (event: Event) => any;
24
- }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
25
- onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
26
- onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
27
- onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
28
- onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
29
- onOpenAutoFocus?: ((event: Event) => any) | undefined;
30
- onCloseAutoFocus?: ((event: Event) => any) | undefined;
31
- }>, {
32
- size: "small" | "medium" | "large";
33
- sideOffset: number;
34
- align: "start" | "end" | "center";
35
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
36
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
37
- export default _default;
38
- type __VLS_WithTemplateSlots<T, S> = T & {
39
- new (): {
40
- $slots: S;
41
- };
42
- };
43
- //# sourceMappingURL=PopoverContent.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PopoverContent.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/popover/PopoverContent.vue"],"names":[],"mappings":"AAyBA;AAoGA,OAAO,KAAK,EAAuB,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAS1C,KAAK,WAAW,GAAG,mBAAmB,GAAG;IACnC,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,CAAC;AAyBN,iBAAS,cAAc;WAoET,OAAO,IAA6B;;yBAXpB,GAAG;wBACJ,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;UAlHR,OAAO,GAAG,QAAQ,GAAG,OAAO;;;6EA0HvC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,19 +0,0 @@
1
- import { PopoverTriggerProps } from 'reka-ui';
2
- declare function __VLS_template(): {
3
- attrs: Partial<{}>;
4
- slots: {
5
- default?(_: {}): any;
6
- };
7
- refs: {};
8
- rootEl: any;
9
- };
10
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
11
- declare const __VLS_component: import('vue').DefineComponent<PopoverTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PopoverTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
12
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
13
- export default _default;
14
- type __VLS_WithTemplateSlots<T, S> = T & {
15
- new (): {
16
- $slots: S;
17
- };
18
- };
19
- //# sourceMappingURL=PopoverTrigger.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PopoverTrigger.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/popover/PopoverTrigger.vue"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAQnD,iBAAS,cAAc;WAsCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kTAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,5 +0,0 @@
1
- export { default as Popover } from './Popover.vue';
2
- export { default as PopoverContent } from './PopoverContent.vue';
3
- export { default as PopoverTrigger } from './PopoverTrigger.vue';
4
- export { PopoverAnchor } from 'reka-ui';
5
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
@@ -1,3 +0,0 @@
1
- <svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M3.60023 7.13135L9.96565 0.765935C10.0744 0.655796 10.2018 0.599407 10.3477 0.596768C10.4936 0.594129 10.6242 0.650518 10.7396 0.765935C10.855 0.881351 10.9127 1.00955 10.9127 1.15052C10.9127 1.29163 10.8577 1.41718 10.7477 1.52718L4.08586 8.19864C3.9503 8.33531 3.79224 8.40364 3.61169 8.40364C3.43099 8.40364 3.27224 8.33531 3.13544 8.19864L0.260439 5.32364C0.150439 5.2135 0.0928002 5.08711 0.0875224 4.94448C0.0821058 4.80198 0.137106 4.67302 0.252522 4.5576C0.367939 4.44218 0.496759 4.38448 0.638981 4.38448C0.781203 4.38448 0.907731 4.44218 1.01856 4.5576L3.60023 7.13135Z" fill="#B2B9C7"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M3.60023 7.13135L9.96565 0.765935C10.0744 0.655796 10.2018 0.599407 10.3477 0.596768C10.4936 0.594129 10.6242 0.650518 10.7396 0.765935C10.855 0.881351 10.9127 1.00955 10.9127 1.15052C10.9127 1.29163 10.8577 1.41718 10.7477 1.52718L4.08586 8.19864C3.9503 8.33531 3.79224 8.40364 3.61169 8.40364C3.43099 8.40364 3.27224 8.33531 3.13544 8.19864L0.260439 5.32364C0.150439 5.2135 0.0928002 5.08711 0.0875224 4.94448C0.0821058 4.80198 0.137106 4.67302 0.252522 4.5576C0.367939 4.44218 0.496759 4.38448 0.638981 4.38448C0.781203 4.38448 0.907731 4.44218 1.01856 4.5576L3.60023 7.13135Z" fill="white"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg width="10" height="2" viewBox="0 0 10 2" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M0.625 1.25C0.447917 1.25 0.299514 1.19007 0.179792 1.07021C0.0599307 0.950347 0 0.801875 0 0.624791C0 0.447569 0.0599307 0.299167 0.179792 0.179583C0.299514 0.059861 0.447917 0 0.625 0H8.54167C8.71875 0 8.86715 0.0599307 8.98688 0.179792C9.10674 0.299653 9.16667 0.448125 9.16667 0.625209C9.16667 0.802431 9.10674 0.950833 8.98688 1.07042C8.86715 1.19014 8.71875 1.25 8.54167 1.25H0.625Z" fill="#B2B9C7"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg width="10" height="2" viewBox="0 0 10 2" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M0.625 1.25C0.447917 1.25 0.299514 1.19007 0.179792 1.07021C0.0599307 0.950347 0 0.801875 0 0.624791C0 0.447569 0.0599307 0.299167 0.179792 0.179583C0.299514 0.059861 0.447917 0 0.625 0H8.54167C8.71875 0 8.86715 0.0599307 8.98688 0.179792C9.10674 0.299653 9.16667 0.448125 9.16667 0.625209C9.16667 0.802431 9.10674 0.950833 8.98688 1.07042C8.86715 1.19014 8.71875 1.25 8.54167 1.25H0.625Z" fill="white"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <circle cx="4.5" cy="4.5" r="4" fill="white"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <rect width="14" height="14" rx="7" fill="#D6D9E1"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <rect width="14" height="14" rx="7" fill="white"/>
3
- </svg>
@@ -1,152 +0,0 @@
1
- # 🚀 Guia de Migração: Alert → Toast
2
-
3
- ## 📦 Importação
4
-
5
- **ANTES:**
6
-
7
- ```javascript
8
- import Unnnic from '@weni/unnnic-system';
9
-
10
- Unnnic.unnnicCallAlert(...);
11
- ```
12
-
13
- **DEPOIS:**
14
-
15
- ```javascript
16
- import { toast } from "@weni/unnnic-system";
17
- ```
18
-
19
- ---
20
-
21
- ## 📋 Mapeamento de Propriedades
22
-
23
- | Alert | Toast | Alteração |
24
- | ------------------- | ------------------- | ------------------------------- |
25
- | `text` | `title` | Propriedade renomeada |
26
- | `seconds` | `timeout` | Agora em **milissegundos (ms)** |
27
- | `type: 'success'` | `toast.success()` | Substituído por método direto |
28
- | `type: 'error'` | `toast.error()` | Substituído por método direto |
29
- | `type: 'attention'` | `toast.attention()` | Substituído por método direto |
30
- | `type: 'default'` | `toast.info()` | Substituído por método direto |
31
-
32
- ---
33
-
34
- ## 🔄 Exemplos de Uso
35
-
36
- ### Exemplo 1 – Uso com Função
37
-
38
- **ANTES:**
39
-
40
- ```javascript
41
- // callAlert
42
- alert.callAlert({
43
- props: {
44
- text: "Dados salvos com sucesso!",
45
- type: "success",
46
- },
47
- seconds: 3,
48
- });
49
- ```
50
-
51
- **DEPOIS:**
52
-
53
- ```javascript
54
- // toast
55
- toast.success("Dados salvos com sucesso!");
56
- ```
57
-
58
- ---
59
-
60
- ### Exemplo 2 – Uso com Componente
61
-
62
- **ANTES:**
63
-
64
- ```vue
65
- <!-- UnnnicAlert -->
66
- <UnnnicAlert
67
- text="Dados salvos com sucesso!"
68
- type="success"
69
- @close="handleClose"
70
- />
71
- ```
72
-
73
- **DEPOIS:**
74
-
75
- ```vue
76
- <!-- UnnnicToast -->
77
- <UnnnicToast
78
- title="Dados salvos com sucesso!"
79
- type="success"
80
- @close="handleClose"
81
- />
82
- ```
83
-
84
- ---
85
-
86
- ## 📚 Casos Comuns
87
-
88
- ### ✅ Sucesso
89
-
90
- **ANTES:**
91
-
92
- ```javascript
93
- alert.callAlert({
94
- props: {
95
- text: "Dados salvos com sucesso!",
96
- type: "success",
97
- },
98
- seconds: 5,
99
- });
100
- ```
101
-
102
- **DEPOIS:**
103
-
104
- ```javascript
105
- toast.success("Dados salvos com sucesso!");
106
- ```
107
-
108
- ---
109
-
110
- ### ❌ Erro
111
-
112
- **ANTES:**
113
-
114
- ```javascript
115
- alert.callAlert({
116
- props: {
117
- text: "Erro ao salvar dados",
118
- type: "error",
119
- },
120
- seconds: 5,
121
- });
122
- ```
123
-
124
- **DEPOIS:**
125
-
126
- ```javascript
127
- toast.error("Erro ao salvar dados");
128
- ```
129
-
130
- ---
131
-
132
- ### ⏱ Timeout Personalizado
133
-
134
- **ANTES:**
135
-
136
- ```javascript
137
- alert.callAlert({
138
- props: {
139
- text: "Mensagem importante",
140
- type: "success",
141
- },
142
- seconds: 10, // 10 segundos
143
- });
144
- ```
145
-
146
- **DEPOIS:**
147
-
148
- ```javascript
149
- toast.success("Mensagem importante", "", {
150
- timeout: 10000, // 10 segundos em ms
151
- });
152
- ```
@@ -1,96 +0,0 @@
1
- <template>
2
- <section
3
- :class="[
4
- 'unnnic-checkbox-group__container',
5
- `unnnic-checkbox-group--state-${state}`,
6
- ]"
7
- >
8
- <UnnnicLabel
9
- v-if="label"
10
- :label="label"
11
- :tooltip="labelTooltip"
12
- :useHtmlTooltip="labelUseHtmlTooltip"
13
- />
14
-
15
- <section class="unnnic-checkbox-group__checkboxes">
16
- <slot />
17
- </section>
18
-
19
- <footer
20
- v-if="helper"
21
- class="unnnic-checkbox-group__helper"
22
- >
23
- {{ helper }}
24
- </footer>
25
- </section>
26
- </template>
27
-
28
- <script setup>
29
- import UnnnicLabel from '../Label/Label.vue';
30
-
31
- const props = defineProps({
32
- state: {
33
- type: String,
34
- default: 'horizontal',
35
- validator(value) {
36
- return ['horizontal', 'vertical'].includes(value);
37
- },
38
- },
39
-
40
- label: {
41
- type: String,
42
- },
43
-
44
- labelTooltip: {
45
- type: String,
46
- },
47
-
48
- labelUseHtmlTooltip: {
49
- type: Boolean,
50
- },
51
-
52
- helper: {
53
- type: String,
54
- },
55
- });
56
- </script>
57
-
58
- <style lang="scss" scoped>
59
- @use '@/assets/scss/unnnic' as *;
60
-
61
- .unnnic-checkbox-group {
62
- &__container {
63
- display: flex;
64
- flex-direction: column;
65
- }
66
-
67
- &__checkboxes {
68
- margin-top: $unnnic-space-3;
69
-
70
- display: flex;
71
- gap: $unnnic-space-4 $unnnic-space-6;
72
- }
73
-
74
- &__helper {
75
- margin-top: $unnnic-space-2;
76
- font: $unnnic-font-caption-2;
77
- color: $unnnic-color-fg-base;
78
- }
79
-
80
- &--state-horizontal {
81
- .unnnic-checkbox-group__checkboxes {
82
- flex-direction: row;
83
- }
84
- }
85
-
86
- &--state-vertical {
87
- .unnnic-checkbox-group__checkboxes {
88
- flex-direction: column;
89
- }
90
-
91
- .unnnic-checkbox-group__helper {
92
- margin-top: $unnnic-space-3;
93
- }
94
- }
95
- }
96
- </style>
@@ -1,147 +0,0 @@
1
- import { mount } from '@vue/test-utils';
2
- import { beforeEach, describe, expect, afterEach, test, vi } from 'vitest';
3
- import UnnnicPopover from '@/components/Popover/index.vue';
4
-
5
- vi.mock('@vueuse/core', () => ({
6
- onClickOutside: vi.fn(),
7
- useResizeObserver: vi.fn(),
8
- }));
9
-
10
- describe('UnnnicPopover.vue', () => {
11
- let wrapper;
12
-
13
- const defaultSlots = {
14
- trigger: '<button data-testid="trigger-button">Click me</button>',
15
- content: '<div data-testid="popover-content">Popover content</div>',
16
- };
17
-
18
- const mountWrapper = (props) => {
19
- return mount(UnnnicPopover, {
20
- slots: defaultSlots,
21
- props: {
22
- ...props,
23
- },
24
- });
25
- };
26
-
27
- beforeEach(() => {
28
- wrapper = mountWrapper();
29
- });
30
-
31
- afterEach(() => {
32
- wrapper?.unmount();
33
- });
34
-
35
- test('renders correctly', () => {
36
- expect(wrapper.exists()).toBe(true);
37
- expect(wrapper.find('.unnnic-popover').exists()).toBe(true);
38
- });
39
-
40
- test('renders trigger slot', () => {
41
- const trigger = wrapper.find('[data-testid="popover-trigger"]');
42
- const triggerButton = wrapper.find('[data-testid="trigger-button"]');
43
-
44
- expect(trigger.exists()).toBe(true);
45
- expect(triggerButton.exists()).toBe(true);
46
- expect(triggerButton.text()).toBe('Click me');
47
- });
48
-
49
- test('renders content slot inside balloon', async () => {
50
- wrapper.vm.open = true;
51
- await wrapper.vm.$nextTick();
52
- const balloon = wrapper.find('[data-testid="popover-balloon"]');
53
- const content = wrapper.find('[data-testid="popover-content"]');
54
-
55
- expect(balloon.exists()).toBe(true);
56
- expect(content.exists()).toBe(true);
57
- expect(content.text()).toBe('Popover content');
58
- });
59
-
60
- test('balloon is hidden by default', () => {
61
- const balloon = wrapper.find('[data-testid="popover-balloon"]');
62
- expect(balloon.exists()).toBe(false);
63
- });
64
-
65
- test('toggles balloon visibility when trigger is clicked', async () => {
66
- const trigger = wrapper.find('[data-testid="popover-trigger"]');
67
-
68
- let balloon = wrapper.find('[data-testid="popover-balloon"]');
69
-
70
- expect(balloon.exists()).toBe(false);
71
-
72
- await trigger.trigger('click');
73
- await wrapper.vm.$nextTick();
74
-
75
- balloon = wrapper.find('[data-testid="popover-balloon"]');
76
-
77
- expect(balloon.exists()).toBe(true);
78
- });
79
-
80
- test('uses modelValue when provided', async () => {
81
- const wrapper = mountWrapper({ modelValue: true });
82
- const balloon = wrapper.find('[data-testid="popover-balloon"]');
83
- expect(balloon.isVisible()).toBe(true);
84
- });
85
-
86
- test('emits update:modelValue when open state changes', async () => {
87
- await wrapper.setProps({ modelValue: false });
88
-
89
- const trigger = wrapper.find('[data-testid="popover-trigger"]');
90
- await trigger.trigger('click');
91
-
92
- expect(wrapper.emitted('update:modelValue')).toBeTruthy();
93
- expect(wrapper.emitted('update:modelValue')[0]).toEqual([true]);
94
- });
95
-
96
- test('does not emit update:modelValue when modelValue is undefined', async () => {
97
- const trigger = wrapper.find('[data-testid="popover-trigger"]');
98
- await trigger.trigger('click');
99
-
100
- expect(wrapper.emitted('update:modelValue')).toBeFalsy();
101
- });
102
-
103
- test('exposes open ref', () => {
104
- expect(wrapper.vm.open).toBeDefined();
105
- expect(typeof wrapper.vm.open).toBe('boolean');
106
- });
107
-
108
- test('open ref can be controlled programmatically', async () => {
109
- wrapper.vm.open = true;
110
- await wrapper.vm.$nextTick();
111
-
112
- const balloon = wrapper.find('[data-testid="popover-balloon"]');
113
- expect(balloon.isVisible()).toBe(true);
114
- });
115
-
116
- test('persistent prop prevents closing on outside click', async () => {
117
- await wrapper.setProps({ persistent: true });
118
-
119
- const { onClickOutside } = await import('@vueuse/core');
120
- const mockOnClickOutside = vi.mocked(onClickOutside);
121
-
122
- const callback = mockOnClickOutside.mock.calls[0][1];
123
-
124
- wrapper.vm.open = true;
125
- await wrapper.vm.$nextTick();
126
-
127
- callback();
128
-
129
- const balloon = wrapper.find('[data-testid="popover-balloon"]');
130
- expect(balloon.isVisible()).toBe(true);
131
- });
132
-
133
- test('applies correct CSS classes', async () => {
134
- wrapper.vm.open = true;
135
- await wrapper.vm.$nextTick();
136
-
137
- const popover = wrapper.find('.unnnic-popover');
138
- const balloon = wrapper.find('.unnnic-popover__balloon');
139
-
140
- expect(popover.exists()).toBe(true);
141
- expect(balloon.exists()).toBe(true);
142
- });
143
-
144
- test('matches the snapshot', () => {
145
- expect(wrapper.html()).toMatchSnapshot();
146
- });
147
- });
@@ -1,8 +0,0 @@
1
- // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
-
3
- exports[`UnnnicPopover.vue > matches the snapshot 1`] = `
4
- "<section data-v-5a3125ac="" class="unnnic-popover">
5
- <div data-v-5a3125ac="" class="unnnic-popover__trigger" data-testid="popover-trigger"><button data-testid="trigger-button">Click me</button></div>
6
- <!--v-if-->
7
- </section>"
8
- `;