@bildvitta/quasar-ui-asteroid 3.17.0-beta.20 → 3.17.0-beta.21

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 (315) hide show
  1. package/package.json +1 -1
  2. package/src/assets/sounds/nave-notification.mp3 +0 -0
  3. package/src/asteroid.js +4 -4
  4. package/src/components/actions/QasActions.vue +81 -81
  5. package/src/components/actions/QasActions.yml +34 -34
  6. package/src/components/actions-menu/QasActionsMenu.vue +251 -251
  7. package/src/components/actions-menu/QasActionsMenu.yml +89 -89
  8. package/src/components/actions-menu/composables/use-delete.js +30 -30
  9. package/src/components/actions-menu/composables/use-double-split-actions.js +42 -42
  10. package/src/components/actions-menu/composables/use-options-actions.js +27 -27
  11. package/src/components/actions-menu/composables/use-single-action.js +17 -17
  12. package/src/components/actions-menu/composables/use-single-split-actions.js +35 -35
  13. package/src/components/actions-menu/composables/use-tooltips.js +43 -43
  14. package/src/components/actions-menu/utils/get-label.js +3 -3
  15. package/src/components/actions-menu/utils/set-click-handler.js +6 -6
  16. package/src/components/alert/QasAlert.test.js +43 -43
  17. package/src/components/alert/QasAlert.vue +110 -110
  18. package/src/components/alert/QasAlert.yml +39 -39
  19. package/src/components/app-bar/QasAppBar.vue +119 -119
  20. package/src/components/app-bar/QasAppBar.yml +44 -44
  21. package/src/components/app-menu/QasAppMenu.vue +392 -392
  22. package/src/components/app-menu/QasAppMenu.yml +73 -73
  23. package/src/components/app-menu/composables/use-app-menu-dropdown.js +71 -71
  24. package/src/components/app-menu/composables/use-app-user.js +49 -49
  25. package/src/components/app-menu/composables/use-development-badge.js +23 -23
  26. package/src/components/app-menu/private/PvAppMenuDropdown.vue +71 -71
  27. package/src/components/app-menu/private/PvAppMenuHelpChat.vue +222 -222
  28. package/src/components/app-user/QasAppUser.vue +281 -281
  29. package/src/components/app-user/QasAppUser.yml +56 -56
  30. package/src/components/avatar/QasAvatar.vue +95 -95
  31. package/src/components/avatar/QasAvatar.yml +38 -38
  32. package/src/components/avatar/enums/AvatarColors.js +10 -10
  33. package/src/components/badge/QasBadge.vue +87 -87
  34. package/src/components/badge/QasBadge.yml +55 -55
  35. package/src/components/board-generator/QasBoardGenerator.vue +712 -712
  36. package/src/components/board-generator/QasBoardGenerator.yml +167 -167
  37. package/src/components/box/QasBox.vue +51 -51
  38. package/src/components/box/QasBox.yml +29 -29
  39. package/src/components/breakline/QasBreakline.vue +38 -38
  40. package/src/components/breakline/QasBreakline.yml +25 -25
  41. package/src/components/btn/QasBtn.vue +148 -148
  42. package/src/components/btn/QasBtn.yml +48 -48
  43. package/src/components/btn-dropdown/QasBtnDropdown.vue +146 -146
  44. package/src/components/btn-dropdown/QasBtnDropdown.yml +59 -59
  45. package/src/components/card/QasCard.vue +132 -132
  46. package/src/components/card/QasCard.yml +44 -44
  47. package/src/components/card-image/QasCardImage.vue +95 -95
  48. package/src/components/card-image/QasCardImage.yml +48 -48
  49. package/src/components/chart-view/QasChartView.vue +441 -441
  50. package/src/components/chart-view/QasChartView.yml +109 -109
  51. package/src/components/chart-view/config/charts/bar.js +45 -45
  52. package/src/components/chart-view/config/charts/doughnut.js +43 -43
  53. package/src/components/chart-view/config/charts/index.js +9 -9
  54. package/src/components/chart-view/config/charts/line.js +57 -57
  55. package/src/components/chart-view/config/defaults/colors.js +19 -19
  56. package/src/components/chart-view/config/defaults/font.js +5 -5
  57. package/src/components/chart-view/config/defaults/index.js +2 -2
  58. package/src/components/chart-view/config/index.js +3 -3
  59. package/src/components/chart-view/config/plugins/index.js +3 -3
  60. package/src/components/chart-view/config/plugins/legend.js +9 -9
  61. package/src/components/chart-view/config/plugins/tooltip.js +15 -15
  62. package/src/components/chart-view/config/plugins/zoom.js +31 -31
  63. package/src/components/checkbox/QasCheckbox.vue +150 -150
  64. package/src/components/checkbox/QasCheckbox.yml +36 -36
  65. package/src/components/copy/QasCopy.vue +46 -46
  66. package/src/components/copy/QasCopy.yml +23 -23
  67. package/src/components/date/QasDate.vue +600 -600
  68. package/src/components/date/QasDate.yml +69 -69
  69. package/src/components/date/enums/DateMaskOptions.js +6 -6
  70. package/src/components/date-time-input/QasDateTimeInput.vue +269 -269
  71. package/src/components/date-time-input/QasDateTimeInput.yml +64 -64
  72. package/src/components/debugger/QasDebugger.vue +31 -31
  73. package/src/components/debugger/QasDebugger.yml +10 -10
  74. package/src/components/delete/QasDelete.vue +100 -100
  75. package/src/components/delete/QasDelete.yml +60 -60
  76. package/src/components/dialog/QasDialog.vue +217 -217
  77. package/src/components/dialog/QasDialog.yml +117 -117
  78. package/src/components/dialog/composables/use-cancel.js +40 -40
  79. package/src/components/dialog/composables/use-dynamic-components.js +86 -86
  80. package/src/components/dialog/composables/use-ok.js +45 -45
  81. package/src/components/dialog-router/QasDialogRouter.vue +86 -86
  82. package/src/components/dialog-router/QasDialogRouter.yml +23 -23
  83. package/src/components/drawer/QasDrawer.vue +118 -118
  84. package/src/components/drawer/QasDrawer.yml +58 -58
  85. package/src/components/empty-result-text/QasEmptyResultText.vue +18 -18
  86. package/src/components/empty-result-text/QasEmptyResultText.yml +14 -14
  87. package/src/components/expansion-item/QasExpansionItem.vue +291 -291
  88. package/src/components/expansion-item/QasExpansionItem.yml +76 -76
  89. package/src/components/field/QasField.vue +220 -220
  90. package/src/components/field/QasField.yml +36 -36
  91. package/src/components/filters/QasFilters.vue +472 -472
  92. package/src/components/filters/QasFilters.yml +171 -171
  93. package/src/components/filters/private/PvFiltersButton.vue +101 -101
  94. package/src/components/form-generator/QasFormGenerator.vue +274 -274
  95. package/src/components/form-generator/QasFormGenerator.yml +109 -109
  96. package/src/components/form-view/QasFormView.vue +484 -484
  97. package/src/components/form-view/QasFormView.yml +253 -253
  98. package/src/components/gallery/QasGallery.vue +243 -243
  99. package/src/components/gallery/QasGallery.yml +188 -188
  100. package/src/components/gallery/composables/use-delete.js +54 -54
  101. package/src/components/gallery/private/PvGalleryCarouselDialog.vue +92 -92
  102. package/src/components/gallery/private/PvGalleryDeleteDialog.vue +54 -54
  103. package/src/components/gallery-card/QasGalleryCard.vue +153 -153
  104. package/src/components/gallery-card/QasGalleryCard.yml +61 -61
  105. package/src/components/grabbable/QasGrabbable.vue +185 -185
  106. package/src/components/grabbable/QasGrabbable.yml +26 -26
  107. package/src/components/grid-generator/QasGridGenerator.vue +210 -210
  108. package/src/components/grid-generator/QasGridGenerator.yml +127 -127
  109. package/src/components/grid-item/QasGridItem.vue +89 -89
  110. package/src/components/grid-item/QasGridItem.yml +22 -22
  111. package/src/components/header/QasHeader.vue +152 -152
  112. package/src/components/header/QasHeader.yml +50 -50
  113. package/src/components/infinite-scroll/QasInfiniteScroll.vue +168 -168
  114. package/src/components/infinite-scroll/QasInfiniteScroll.yml +78 -78
  115. package/src/components/info/QasInfo.vue +155 -155
  116. package/src/components/info/QasInfo.yml +34 -34
  117. package/src/components/input/QasInput.vue +252 -252
  118. package/src/components/input/QasInput.yml +65 -65
  119. package/src/components/label/QasLabel.vue +61 -61
  120. package/src/components/label/QasLabel.yml +44 -44
  121. package/src/components/layout/QasLayout.vue +101 -101
  122. package/src/components/layout/QasLayout.yml +46 -46
  123. package/src/components/layout/private/PvLayoutNotificationCard.vue +86 -86
  124. package/src/components/layout/private/PvLayoutNotificationsDrawer.vue +140 -140
  125. package/src/components/list-items/QasListItems.vue +125 -125
  126. package/src/components/list-items/QasListItems.yml +71 -71
  127. package/src/components/list-view/QasListView.vue +302 -302
  128. package/src/components/list-view/QasListView.yml +169 -169
  129. package/src/components/map/QasMap.vue +75 -75
  130. package/src/components/map/QasMap.yml +33 -33
  131. package/src/components/nested-fields/QasNestedFields.vue +584 -584
  132. package/src/components/nested-fields/QasNestedFields.yml +296 -296
  133. package/src/components/numeric-input/QasNumericInput.vue +206 -206
  134. package/src/components/numeric-input/QasNumericInput.yml +85 -85
  135. package/src/components/option-group/QasOptionGroup.vue +54 -54
  136. package/src/components/option-group/QasOptionGroup.yml +30 -30
  137. package/src/components/page-header/QasPageHeader.vue +143 -143
  138. package/src/components/page-header/QasPageHeader.yml +42 -42
  139. package/src/components/pagination/QasPagination.vue +71 -71
  140. package/src/components/pagination/QasPagination.yml +4 -4
  141. package/src/components/password-input/QasPasswordInput.vue +110 -110
  142. package/src/components/password-input/QasPasswordInput.yml +111 -111
  143. package/src/components/password-strength-checker/QasPasswordStrengthChecker.vue +71 -71
  144. package/src/components/password-strength-checker/QasPasswordStrengthChecker.yml +103 -103
  145. package/src/components/profile/QasProfile.vue +98 -98
  146. package/src/components/profile/QasProfile.yml +60 -60
  147. package/src/components/radio/QasRadio.vue +62 -62
  148. package/src/components/radio/QasRadio.yml +11 -11
  149. package/src/components/resizer/QasResizer.vue +90 -90
  150. package/src/components/resizer/QasResizer.yml +24 -24
  151. package/src/components/search-box/QasSearchBox.vue +294 -294
  152. package/src/components/search-box/QasSearchBox.yml +154 -154
  153. package/src/components/search-input/QasSearchInput.vue +106 -106
  154. package/src/components/search-input/QasSearchInput.yml +48 -48
  155. package/src/components/select/QasSelect.vue +514 -514
  156. package/src/components/select/QasSelect.yml +157 -157
  157. package/src/components/select-list/QasSelectList.vue +238 -238
  158. package/src/components/select-list/QasSelectList.yml +108 -108
  159. package/src/components/select-list/private/PvSelectListCheckbox.vue +31 -31
  160. package/src/components/select-list-dialog/QasSelectListDialog.vue +395 -395
  161. package/src/components/select-list-dialog/QasSelectListDialog.yml +108 -108
  162. package/src/components/signature-pad/QasSignaturePad.vue +122 -122
  163. package/src/components/signature-pad/QasSignaturePad.yml +53 -53
  164. package/src/components/signature-uploader/QasSignatureUploader.vue +164 -164
  165. package/src/components/signature-uploader/QasSignatureUploader.yml +37 -37
  166. package/src/components/single-view/QasSingleView.vue +175 -175
  167. package/src/components/single-view/QasSingleView.yml +131 -131
  168. package/src/components/sortable/QasSortable.vue +151 -151
  169. package/src/components/sortable/QasSortable.yml +65 -65
  170. package/src/components/status/QasStatus.test.js +11 -11
  171. package/src/components/status/QasStatus.vue +29 -29
  172. package/src/components/status/QasStatus.yml +10 -10
  173. package/src/components/stepper/QasStepper.vue +152 -152
  174. package/src/components/stepper/QasStepper.yml +35 -35
  175. package/src/components/stepper-form-view/QasStepperFormView.vue +84 -84
  176. package/src/components/stepper-form-view/QasStepperFormView.yml +58 -58
  177. package/src/components/table-generator/QasTableGenerator.vue +416 -416
  178. package/src/components/table-generator/QasTableGenerator.yml +94 -94
  179. package/src/components/tabs-generator/QasTabsGenerator.vue +196 -196
  180. package/src/components/tabs-generator/QasTabsGenerator.yml +53 -53
  181. package/src/components/text-truncate/QasTextTruncate.vue +274 -274
  182. package/src/components/text-truncate/QasTextTruncate.yml +60 -60
  183. package/src/components/timeline/QasTimeline.vue +140 -140
  184. package/src/components/timeline/QasTimeline.yml +36 -36
  185. package/src/components/toggle/QasToggle.vue +14 -14
  186. package/src/components/toggle/QasToggle.yml +5 -5
  187. package/src/components/toggle-visibility/QasToggleVisibility.vue +79 -79
  188. package/src/components/toggle-visibility/QasToggleVisibility.yml +30 -30
  189. package/src/components/transfer/QasTransfer.vue +239 -239
  190. package/src/components/transfer/QasTransfer.yml +60 -60
  191. package/src/components/tree-generator/QasTreeForm.vue +62 -62
  192. package/src/components/tree-generator/QasTreeGenerator.vue +488 -488
  193. package/src/components/tree-generator/QasTreeGenerator.yml +81 -81
  194. package/src/components/uploader/QasUploader.vue +645 -645
  195. package/src/components/uploader/QasUploader.yml +192 -192
  196. package/src/components/uploader/private/PvUploaderGalleryCard.vue +357 -357
  197. package/src/components/welcome/QasWelcome.vue +125 -125
  198. package/src/components/welcome/QasWelcome.yml +23 -23
  199. package/src/components/welcome/private/PvWelcomeShortcutCard.vue +58 -58
  200. package/src/components/whatsapp-link/QasWhatsappLink.vue +34 -34
  201. package/src/components/whatsapp-link/QasWhatsappLink.yml +18 -18
  202. package/src/composables/index.js +8 -8
  203. package/src/composables/private/index.js +3 -3
  204. package/src/composables/private/use-generator.js +174 -174
  205. package/src/composables/private/use-toggle-visibility.js +48 -48
  206. package/src/composables/private/use-view.js +186 -186
  207. package/src/composables/use-context.js +15 -15
  208. package/src/composables/use-form.js +32 -32
  209. package/src/composables/use-history.js +46 -46
  210. package/src/composables/use-notifications.js +128 -114
  211. package/src/composables/use-query-cache.js +60 -60
  212. package/src/composables/use-screen.js +42 -42
  213. package/src/css/base/font-face.scss +28 -28
  214. package/src/css/base/index.scss +1 -1
  215. package/src/css/components/base.scss +12 -12
  216. package/src/css/components/button.scss +116 -116
  217. package/src/css/components/checkbox.scss +14 -14
  218. package/src/css/components/editor.scss +7 -7
  219. package/src/css/components/field.scss +88 -88
  220. package/src/css/components/index.scss +10 -10
  221. package/src/css/components/item.scss +52 -52
  222. package/src/css/components/radio.scss +18 -18
  223. package/src/css/components/scrollbar.scss +20 -20
  224. package/src/css/components/tabs.scss +3 -3
  225. package/src/css/components/toggle.scss +13 -13
  226. package/src/css/mixins/index.scss +3 -3
  227. package/src/css/mixins/set-brand.scss +15 -15
  228. package/src/css/mixins/set-button.scss +26 -26
  229. package/src/css/mixins/set-typography.scss +8 -8
  230. package/src/css/plugins/index.scss +2 -2
  231. package/src/css/plugins/loading.scss +5 -5
  232. package/src/css/plugins/notify.scss +100 -100
  233. package/src/css/utils/background.scss +34 -34
  234. package/src/css/utils/border-radius.scss +29 -29
  235. package/src/css/utils/border.scss +42 -42
  236. package/src/css/utils/container.scss +36 -36
  237. package/src/css/utils/fonts.scss +5 -5
  238. package/src/css/utils/index.scss +10 -10
  239. package/src/css/utils/line-height.scss +19 -19
  240. package/src/css/utils/opacity.scss +5 -5
  241. package/src/css/utils/scroll.scss +21 -21
  242. package/src/css/utils/text.scss +15 -15
  243. package/src/css/utils/unset.scss +8 -8
  244. package/src/css/variables/button.scss +4 -4
  245. package/src/css/variables/index.scss +6 -6
  246. package/src/css/variables/scrollbar.scss +11 -11
  247. package/src/css/variables/separator.scss +2 -2
  248. package/src/css/variables/shadow.scss +3 -3
  249. package/src/css/variables/spacing.scss +98 -98
  250. package/src/css/variables/typography.scss +149 -149
  251. package/src/directives/Test.js +13 -13
  252. package/src/enums/Align.js +7 -7
  253. package/src/enums/Spacing.js +98 -98
  254. package/src/enums/Status.js +33 -33
  255. package/src/helpers/add-counter-suffix.js +3 -3
  256. package/src/helpers/base-64-to-blob.js +21 -21
  257. package/src/helpers/camelize-fields-name.js +15 -15
  258. package/src/helpers/construct-object.js +29 -29
  259. package/src/helpers/copy-to-clipboard.js +15 -15
  260. package/src/helpers/destroy-nested-children-by-key.js +33 -33
  261. package/src/helpers/download-file.js +21 -21
  262. package/src/helpers/filter-list-by-handle.js +31 -31
  263. package/src/helpers/filter-object-to-array.js +29 -29
  264. package/src/helpers/filter-object.js +34 -34
  265. package/src/helpers/filters.js +163 -163
  266. package/src/helpers/find-children-by-key.js +14 -14
  267. package/src/helpers/get-greatest-common-divisor.js +16 -16
  268. package/src/helpers/get-normalized-options.js +20 -20
  269. package/src/helpers/get-placeholder.js +19 -19
  270. package/src/helpers/get-required-label.js +3 -3
  271. package/src/helpers/get-slot-children-text.js +15 -15
  272. package/src/helpers/handle-process.js +13 -13
  273. package/src/helpers/images.js +28 -28
  274. package/src/helpers/index.js +25 -25
  275. package/src/helpers/is-empty.js +3 -3
  276. package/src/helpers/is-local-development.js +3 -3
  277. package/src/helpers/private/gutter-validator.js +15 -15
  278. package/src/helpers/private/has-parent-by-class-name.js +15 -15
  279. package/src/helpers/promise-handler.js +40 -40
  280. package/src/helpers/rules.js +7 -7
  281. package/src/helpers/set-scroll-on-grab.js +128 -128
  282. package/src/index.cjs.js +1 -1
  283. package/src/index.esm.js +4 -4
  284. package/src/index.scss +38 -38
  285. package/src/index.umd.js +2 -2
  286. package/src/mixins/context.js +8 -8
  287. package/src/mixins/delete.js +48 -48
  288. package/src/mixins/dialog-router.js +17 -17
  289. package/src/mixins/form.js +11 -11
  290. package/src/mixins/generator.js +94 -94
  291. package/src/mixins/index.js +17 -17
  292. package/src/mixins/password.js +86 -86
  293. package/src/mixins/search-filter.js +354 -354
  294. package/src/mixins/view.js +156 -156
  295. package/src/pages/ErrorComponent.vue +74 -74
  296. package/src/pages/Forbidden.vue +29 -29
  297. package/src/pages/NotFound.vue +29 -29
  298. package/src/pages/ServerError.vue +29 -29
  299. package/src/pages/Unauthorized.vue +29 -29
  300. package/src/plugins/delete/Delete.js +107 -107
  301. package/src/plugins/delete/Delete.yml +75 -75
  302. package/src/plugins/dialog/Dialog.js +14 -14
  303. package/src/plugins/dialog/Dialog.yml +10 -10
  304. package/src/plugins/index.js +13 -13
  305. package/src/plugins/notify-error/NotifyError.js +13 -13
  306. package/src/plugins/notify-error/NotifyError.yml +11 -11
  307. package/src/plugins/notify-success/NotifySuccess.js +13 -13
  308. package/src/plugins/notify-success/NotifySuccess.yml +11 -11
  309. package/src/plugins/screen/Screen.js +35 -35
  310. package/src/plugins/screen/Screen.yml +16 -16
  311. package/src/shared/date-config.js +26 -26
  312. package/src/shared/fuse-config.js +4 -4
  313. package/src/shared/notify-config.js +7 -7
  314. package/src/vue-plugin/third-party-component-handler.js +29 -29
  315. package/src/vue-plugin.js +282 -282
@@ -1,163 +1,163 @@
1
- import { format, parseISO, isMatch } from 'date-fns'
2
- import { ptBR } from 'date-fns/locale'
3
-
4
- // Private
5
- function __format (value, token, options = {}) {
6
- if (!value) {
7
- return ''
8
- }
9
-
10
- value = value instanceof Date ? value : parseISO(value)
11
- return format(value, token, { locale: ptBR, ...options })
12
- }
13
-
14
- // Asset
15
- function asset (value) {
16
- const bucketURL = process.env.BUCKET_URL || location.origin
17
-
18
- return value ? `${bucketURL}/${value}` : ''
19
- }
20
-
21
- // Date
22
- function date (value, token = 'dd/MM/yyyy', options) {
23
- return __format(value, token, options)
24
- }
25
-
26
- function dateTime (value, token = 'dd/MM/yyyy HH:mm:ss', options) {
27
- return __format(value, token, options)
28
- }
29
-
30
- function time (value, token = 'HH:mm', options) {
31
- return isMatch(value, token) ? value : __format(value, token, options)
32
- }
33
-
34
- function humanDate (value, token = "dd 'de' MMMM 'de' yyyy 'as' HH:mm:ss", options) {
35
- return __format(value, token, options)
36
- }
37
-
38
- // Number
39
- function decimal (value = 0) {
40
- value = Number(value)
41
- return value ? value.toLocaleString('pt-BR') : ''
42
- }
43
-
44
- function money (value = 0, options = { style: 'currency', currency: 'BRL' }) {
45
- value = Number(value)
46
- return isNaN(value) ? '' : value.toLocaleString('pt-BR', options)
47
- }
48
-
49
- function percent (value = 0, places = 2) {
50
- value = Number(value)
51
- return value ? (value / 100).toLocaleString('pt-BR', { style: 'percent', minimumFractionDigits: places }) : ''
52
- }
53
-
54
- function squareArea (value = 0, suffix = 'm²') {
55
- value = decimal(value)
56
- return value ? `${value} ${suffix}` : ''
57
- }
58
-
59
- function formatPercent (value = 0, places = 2) {
60
- value = Number(value)
61
- return value ? value.toLocaleString('pt-BR', { style: 'percent', minimumFractionDigits: places }) : ''
62
- }
63
-
64
- function formatCompanyDocument (value) {
65
- return value.replace(/^(\d{2})(\d{3})(\d{3})(\d{4})(\d{2})/g, '$1.$2.$3/$4-$5')
66
- }
67
-
68
- function formatDocument (value) {
69
- return value.length < 12
70
- ? formatPersonalDocument(value)
71
- : formatCompanyDocument(value)
72
- }
73
-
74
- function formatPersonalDocument (value) {
75
- return value.replace(/^(\d{3})\D*(\d{3})\D*(\d{3})\D*(\d{2})$/g, '$1.$2.$3-$4')
76
- }
77
-
78
- function formatPhone (value) {
79
- return value.replace(/^(\d{2})\D*(\d{5}|\d{4})\D*(\d{4})$/g, '($1) $2-$3')
80
- }
81
-
82
- function formatPostalCode (value) {
83
- return value.replace(/^(\d{5})\D*(\d{3})$/g, '$1-$2')
84
- }
85
-
86
- function handleMasks (value) {
87
- return {
88
- 'company-document': () => formatCompanyDocument(value),
89
- document: () => formatDocument(value),
90
- 'personal-document': () => formatPersonalDocument(value),
91
- phone: () => formatPhone(value),
92
- 'postal-code': () => formatPostalCode(value),
93
- decimal: () => decimal(value),
94
- money: () => money(value),
95
- 'square-area': () => squareArea(value)
96
- }
97
- }
98
-
99
- // Labels
100
- function humanize (field = {}, value) {
101
- if (field.mask && !value) return value
102
-
103
- const mappedMasks = handleMasks(value)
104
-
105
- if (mappedMasks[field.mask]) {
106
- return mappedMasks[field.mask]()
107
- }
108
-
109
- switch (field.type) {
110
- case 'boolean': return booleanLabel(value)
111
- case 'select': return selectLabel(field.options, value, field.multiple)
112
- case 'date': return date(value)
113
- case 'datetime': return dateTime(value)
114
- case 'time': return time(value)
115
- case 'radio': return selectLabel(field.options, value)
116
- case 'percent': return formatPercent(value)
117
- case 'money': return money(value)
118
- case 'decimal': return decimal(value)
119
- default: return value
120
- }
121
- }
122
-
123
- function selectLabel (options, value, multiple) {
124
- return multiple ? multipleOptionsLabel(options, value) : optionLabel(options, value)
125
- }
126
-
127
- function multipleOptionsLabel (options, value) {
128
- return value.map(itemValue => optionLabel(options, itemValue))
129
- }
130
-
131
- function optionLabel (options = [], value) {
132
- return (options.find(option => String(option.value) === String(value)) || {}).label || ''
133
- }
134
-
135
- function parseValue (value) {
136
- try { return JSON.parse(value) } catch { return value }
137
- }
138
-
139
- function booleanLabel (value, trueLabel = 'sim', falseLabel = 'não') {
140
- try { return JSON.parse(value) ? trueLabel : falseLabel } catch { return value }
141
- }
142
-
143
- export {
144
- asset,
145
- booleanLabel,
146
- date,
147
- dateTime,
148
- decimal,
149
- formatCompanyDocument,
150
- formatDocument,
151
- formatPercent,
152
- formatPersonalDocument,
153
- formatPhone,
154
- formatPostalCode,
155
- handleMasks,
156
- humanDate,
157
- humanize,
158
- money,
159
- optionLabel,
160
- parseValue,
161
- percent,
162
- squareArea
163
- }
1
+ import { format, parseISO, isMatch } from 'date-fns'
2
+ import { ptBR } from 'date-fns/locale'
3
+
4
+ // Private
5
+ function __format (value, token, options = {}) {
6
+ if (!value) {
7
+ return ''
8
+ }
9
+
10
+ value = value instanceof Date ? value : parseISO(value)
11
+ return format(value, token, { locale: ptBR, ...options })
12
+ }
13
+
14
+ // Asset
15
+ function asset (value) {
16
+ const bucketURL = process.env.BUCKET_URL || location.origin
17
+
18
+ return value ? `${bucketURL}/${value}` : ''
19
+ }
20
+
21
+ // Date
22
+ function date (value, token = 'dd/MM/yyyy', options) {
23
+ return __format(value, token, options)
24
+ }
25
+
26
+ function dateTime (value, token = 'dd/MM/yyyy HH:mm:ss', options) {
27
+ return __format(value, token, options)
28
+ }
29
+
30
+ function time (value, token = 'HH:mm', options) {
31
+ return isMatch(value, token) ? value : __format(value, token, options)
32
+ }
33
+
34
+ function humanDate (value, token = "dd 'de' MMMM 'de' yyyy 'as' HH:mm:ss", options) {
35
+ return __format(value, token, options)
36
+ }
37
+
38
+ // Number
39
+ function decimal (value = 0) {
40
+ value = Number(value)
41
+ return value ? value.toLocaleString('pt-BR') : ''
42
+ }
43
+
44
+ function money (value = 0, options = { style: 'currency', currency: 'BRL' }) {
45
+ value = Number(value)
46
+ return isNaN(value) ? '' : value.toLocaleString('pt-BR', options)
47
+ }
48
+
49
+ function percent (value = 0, places = 2) {
50
+ value = Number(value)
51
+ return value ? (value / 100).toLocaleString('pt-BR', { style: 'percent', minimumFractionDigits: places }) : ''
52
+ }
53
+
54
+ function squareArea (value = 0, suffix = 'm²') {
55
+ value = decimal(value)
56
+ return value ? `${value} ${suffix}` : ''
57
+ }
58
+
59
+ function formatPercent (value = 0, places = 2) {
60
+ value = Number(value)
61
+ return value ? value.toLocaleString('pt-BR', { style: 'percent', minimumFractionDigits: places }) : ''
62
+ }
63
+
64
+ function formatCompanyDocument (value) {
65
+ return value.replace(/^(\d{2})(\d{3})(\d{3})(\d{4})(\d{2})/g, '$1.$2.$3/$4-$5')
66
+ }
67
+
68
+ function formatDocument (value) {
69
+ return value.length < 12
70
+ ? formatPersonalDocument(value)
71
+ : formatCompanyDocument(value)
72
+ }
73
+
74
+ function formatPersonalDocument (value) {
75
+ return value.replace(/^(\d{3})\D*(\d{3})\D*(\d{3})\D*(\d{2})$/g, '$1.$2.$3-$4')
76
+ }
77
+
78
+ function formatPhone (value) {
79
+ return value.replace(/^(\d{2})\D*(\d{5}|\d{4})\D*(\d{4})$/g, '($1) $2-$3')
80
+ }
81
+
82
+ function formatPostalCode (value) {
83
+ return value.replace(/^(\d{5})\D*(\d{3})$/g, '$1-$2')
84
+ }
85
+
86
+ function handleMasks (value) {
87
+ return {
88
+ 'company-document': () => formatCompanyDocument(value),
89
+ document: () => formatDocument(value),
90
+ 'personal-document': () => formatPersonalDocument(value),
91
+ phone: () => formatPhone(value),
92
+ 'postal-code': () => formatPostalCode(value),
93
+ decimal: () => decimal(value),
94
+ money: () => money(value),
95
+ 'square-area': () => squareArea(value)
96
+ }
97
+ }
98
+
99
+ // Labels
100
+ function humanize (field = {}, value) {
101
+ if (field.mask && !value) return value
102
+
103
+ const mappedMasks = handleMasks(value)
104
+
105
+ if (mappedMasks[field.mask]) {
106
+ return mappedMasks[field.mask]()
107
+ }
108
+
109
+ switch (field.type) {
110
+ case 'boolean': return booleanLabel(value)
111
+ case 'select': return selectLabel(field.options, value, field.multiple)
112
+ case 'date': return date(value)
113
+ case 'datetime': return dateTime(value)
114
+ case 'time': return time(value)
115
+ case 'radio': return selectLabel(field.options, value)
116
+ case 'percent': return formatPercent(value)
117
+ case 'money': return money(value)
118
+ case 'decimal': return decimal(value)
119
+ default: return value
120
+ }
121
+ }
122
+
123
+ function selectLabel (options, value, multiple) {
124
+ return multiple ? multipleOptionsLabel(options, value) : optionLabel(options, value)
125
+ }
126
+
127
+ function multipleOptionsLabel (options, value) {
128
+ return value.map(itemValue => optionLabel(options, itemValue))
129
+ }
130
+
131
+ function optionLabel (options = [], value) {
132
+ return (options.find(option => String(option.value) === String(value)) || {}).label || ''
133
+ }
134
+
135
+ function parseValue (value) {
136
+ try { return JSON.parse(value) } catch { return value }
137
+ }
138
+
139
+ function booleanLabel (value, trueLabel = 'sim', falseLabel = 'não') {
140
+ try { return JSON.parse(value) ? trueLabel : falseLabel } catch { return value }
141
+ }
142
+
143
+ export {
144
+ asset,
145
+ booleanLabel,
146
+ date,
147
+ dateTime,
148
+ decimal,
149
+ formatCompanyDocument,
150
+ formatDocument,
151
+ formatPercent,
152
+ formatPersonalDocument,
153
+ formatPhone,
154
+ formatPostalCode,
155
+ handleMasks,
156
+ humanDate,
157
+ humanize,
158
+ money,
159
+ optionLabel,
160
+ parseValue,
161
+ percent,
162
+ squareArea
163
+ }
@@ -1,14 +1,14 @@
1
- export default (nested = [], key, value) => {
2
- let response = null
3
-
4
- nested.some(function findNodes (item) {
5
- if (item[key] === value) {
6
- response = item
7
- return true
8
- }
9
-
10
- return Array.isArray(item.children) && item.children.some(findNodes)
11
- })
12
-
13
- return response
14
- }
1
+ export default (nested = [], key, value) => {
2
+ let response = null
3
+
4
+ nested.some(function findNodes (item) {
5
+ if (item[key] === value) {
6
+ response = item
7
+ return true
8
+ }
9
+
10
+ return Array.isArray(item.children) && item.children.some(findNodes)
11
+ })
12
+
13
+ return response
14
+ }
@@ -1,16 +1,16 @@
1
- export default function (first, second) {
2
- if ((typeof first !== 'number') || (typeof second !== 'number')) {
3
- throw new Error('Arguments need to be a number.')
4
- }
5
-
6
- first = Math.abs(first)
7
- second = Math.abs(second)
8
-
9
- while (second) {
10
- const temporary = second
11
- second = first % second
12
- first = temporary
13
- }
14
-
15
- return first
16
- }
1
+ export default function (first, second) {
2
+ if ((typeof first !== 'number') || (typeof second !== 'number')) {
3
+ throw new Error('Arguments need to be a number.')
4
+ }
5
+
6
+ first = Math.abs(first)
7
+ second = Math.abs(second)
8
+
9
+ while (second) {
10
+ const temporary = second
11
+ second = first % second
12
+ first = temporary
13
+ }
14
+
15
+ return first
16
+ }
@@ -1,20 +1,20 @@
1
- /**
2
- * param {options: object[], label: string, value: string} object
3
- *
4
- * @example getNormalizedOptions({
5
- * options: [{ name: 'Test 1', uuid: '1' }, { name: 'Test 2', uuid: '2' }],
6
- * label: 'name'
7
- * value: 'uuid'
8
- * }) // retorna [{ label: 'Test 1', value: '1' }, { label: 'Test 2', value: '2' }]
9
- */
10
- export default ({ options = [], label, value }) => {
11
- return options.map(option => {
12
- const { [label]: labelKey, [value]: valueKey, ...payload } = option
13
-
14
- return {
15
- label: option[label],
16
- value: option[value],
17
- ...payload
18
- }
19
- })
20
- }
1
+ /**
2
+ * param {options: object[], label: string, value: string} object
3
+ *
4
+ * @example getNormalizedOptions({
5
+ * options: [{ name: 'Test 1', uuid: '1' }, { name: 'Test 2', uuid: '2' }],
6
+ * label: 'name'
7
+ * value: 'uuid'
8
+ * }) // retorna [{ label: 'Test 1', value: '1' }, { label: 'Test 2', value: '2' }]
9
+ */
10
+ export default ({ options = [], label, value }) => {
11
+ return options.map(option => {
12
+ const { [label]: labelKey, [value]: valueKey, ...payload } = option
13
+
14
+ return {
15
+ label: option[label],
16
+ value: option[value],
17
+ ...payload
18
+ }
19
+ })
20
+ }
@@ -1,19 +1,19 @@
1
- export default function getPlaceholder (type, defaultPlaceholder = 'Digite aqui...') {
2
- const placeholders = {
3
- 'company-document': '00.000.000/0000-00',
4
- date: 'dd/mm/aaaa',
5
- datetime: 'dd/mm/aaaa hh:mm',
6
- decimal: '0,00',
7
- email: 'seuemail@exemplo.com',
8
- integer: '0',
9
- money: 'R$ 0,00',
10
- percent: '0,00%',
11
- 'personal-document': '000.000.000-00',
12
- phone: '(00) 00000-0000',
13
- 'postal-code': '00000-000',
14
- 'square-area': '0,00 m²',
15
- time: 'hh:mm'
16
- }
17
-
18
- return placeholders[type] || defaultPlaceholder
19
- }
1
+ export default function getPlaceholder (type, defaultPlaceholder = 'Digite aqui...') {
2
+ const placeholders = {
3
+ 'company-document': '00.000.000/0000-00',
4
+ date: 'dd/mm/aaaa',
5
+ datetime: 'dd/mm/aaaa hh:mm',
6
+ decimal: '0,00',
7
+ email: 'seuemail@exemplo.com',
8
+ integer: '0',
9
+ money: 'R$ 0,00',
10
+ percent: '0,00%',
11
+ 'personal-document': '000.000.000-00',
12
+ phone: '(00) 00000-0000',
13
+ 'postal-code': '00000-000',
14
+ 'square-area': '0,00 m²',
15
+ time: 'hh:mm'
16
+ }
17
+
18
+ return placeholders[type] || defaultPlaceholder
19
+ }
@@ -1,3 +1,3 @@
1
- export default function getRequiredLabel ({ label, required }) {
2
- return required ? `${label}*` : label
3
- }
1
+ export default function getRequiredLabel ({ label, required }) {
2
+ return required ? `${label}*` : label
3
+ }
@@ -1,15 +1,15 @@
1
- // https://stackoverflow.com/a/64167032/977687
2
-
3
- export default function getSlotChildrenText (children) {
4
- return children.map(node => {
5
- if (!node.children || typeof node.children === 'string') {
6
- return node.children || ''
7
- } else if (Array.isArray(node.children)) {
8
- return getSlotChildrenText(node.children)
9
- } else if (node.children.default) {
10
- return getSlotChildrenText(node.children.default())
11
- }
12
-
13
- return undefined
14
- }).join('')
15
- }
1
+ // https://stackoverflow.com/a/64167032/977687
2
+
3
+ export default function getSlotChildrenText (children) {
4
+ return children.map(node => {
5
+ if (!node.children || typeof node.children === 'string') {
6
+ return node.children || ''
7
+ } else if (Array.isArray(node.children)) {
8
+ return getSlotChildrenText(node.children)
9
+ } else if (node.children.default) {
10
+ return getSlotChildrenText(node.children.default())
11
+ }
12
+
13
+ return undefined
14
+ }).join('')
15
+ }
@@ -1,13 +1,13 @@
1
- /**
2
- * @param {function} processEnv função que retorna o process.env.
3
- * @param {string} defaultValue valor default caso não exista a process.env
4
- *
5
- * @example handleProcess(() => process.env.MY_ENV, 'meu-valor-default')
6
- */
7
- export default (processEnv = () => {}, defaultValue) => {
8
- try {
9
- return processEnv() || defaultValue
10
- } catch {
11
- return defaultValue
12
- }
13
- }
1
+ /**
2
+ * @param {function} processEnv função que retorna o process.env.
3
+ * @param {string} defaultValue valor default caso não exista a process.env
4
+ *
5
+ * @example handleProcess(() => process.env.MY_ENV, 'meu-valor-default')
6
+ */
7
+ export default (processEnv = () => {}, defaultValue) => {
8
+ try {
9
+ return processEnv() || defaultValue
10
+ } catch {
11
+ return defaultValue
12
+ }
13
+ }
@@ -1,28 +1,28 @@
1
- function getImageSize (image) {
2
- return new Promise((resolve, reject) => {
3
- image.addEventListener('load', () => {
4
- resolve({ width: image.naturalWidth, height: image.naturalHeight })
5
- })
6
-
7
- image.addEventListener('error', reject)
8
- })
9
- }
10
-
11
- function getResizeDimensions (sizeLimit, width, height) {
12
- const factor = sizeLimit / Math.max(width, height)
13
-
14
- if (factor < 1) {
15
- width *= factor
16
- height *= factor
17
- }
18
-
19
- return {
20
- width: Math.round(width),
21
- height: Math.round(height)
22
- }
23
- }
24
-
25
- export {
26
- getImageSize,
27
- getResizeDimensions
28
- }
1
+ function getImageSize (image) {
2
+ return new Promise((resolve, reject) => {
3
+ image.addEventListener('load', () => {
4
+ resolve({ width: image.naturalWidth, height: image.naturalHeight })
5
+ })
6
+
7
+ image.addEventListener('error', reject)
8
+ })
9
+ }
10
+
11
+ function getResizeDimensions (sizeLimit, width, height) {
12
+ const factor = sizeLimit / Math.max(width, height)
13
+
14
+ if (factor < 1) {
15
+ width *= factor
16
+ height *= factor
17
+ }
18
+
19
+ return {
20
+ width: Math.round(width),
21
+ height: Math.round(height)
22
+ }
23
+ }
24
+
25
+ export {
26
+ getImageSize,
27
+ getResizeDimensions
28
+ }
@@ -1,25 +1,25 @@
1
- export { default as addCounterSuffix } from './add-counter-suffix.js'
2
- export { default as base64ToBlob } from './base-64-to-blob.js'
3
- export { default as camelizeFieldsName } from './camelize-fields-name.js'
4
- export { default as constructObject } from './construct-object.js'
5
- export { default as copyToClipboard } from './copy-to-clipboard.js'
6
- export { default as destroyNestedChildrenByKey } from './destroy-nested-children-by-key.js'
7
- export { default as downloadFile } from './download-file.js'
8
- export { default as filterListByHandle } from './filter-list-by-handle.js'
9
- export { default as filterObject } from './filter-object.js'
10
- export { default as filterObjectToArray } from './filter-object-to-array.js'
11
- export { default as findChildrenByKey } from './find-children-by-key.js'
12
- export { default as getGreatestCommonDivisor } from './get-greatest-common-divisor.js'
13
- export { default as getNormalizedOptions } from './get-normalized-options.js'
14
- export { default as getRequiredLabel } from './get-required-label.js'
15
- export { default as getSlotChildrenText } from './get-slot-children-text.js'
16
- export { default as handleProcess } from './handle-process.js'
17
- export { default as isEmpty } from './is-empty.js'
18
- export { default as isLocalDevelopment } from './is-local-development.js'
19
- export { default as promiseHandler } from './promise-handler.js'
20
- export { default as setScrollOnGrab } from './set-scroll-on-grab.js'
21
- export { default as getPlaceholder } from './get-placeholder.js'
22
-
23
- export * from './filters.js'
24
- export * from './images.js'
25
- export * from './rules'
1
+ export { default as addCounterSuffix } from './add-counter-suffix.js'
2
+ export { default as base64ToBlob } from './base-64-to-blob.js'
3
+ export { default as camelizeFieldsName } from './camelize-fields-name.js'
4
+ export { default as constructObject } from './construct-object.js'
5
+ export { default as copyToClipboard } from './copy-to-clipboard.js'
6
+ export { default as destroyNestedChildrenByKey } from './destroy-nested-children-by-key.js'
7
+ export { default as downloadFile } from './download-file.js'
8
+ export { default as filterListByHandle } from './filter-list-by-handle.js'
9
+ export { default as filterObject } from './filter-object.js'
10
+ export { default as filterObjectToArray } from './filter-object-to-array.js'
11
+ export { default as findChildrenByKey } from './find-children-by-key.js'
12
+ export { default as getGreatestCommonDivisor } from './get-greatest-common-divisor.js'
13
+ export { default as getNormalizedOptions } from './get-normalized-options.js'
14
+ export { default as getRequiredLabel } from './get-required-label.js'
15
+ export { default as getSlotChildrenText } from './get-slot-children-text.js'
16
+ export { default as handleProcess } from './handle-process.js'
17
+ export { default as isEmpty } from './is-empty.js'
18
+ export { default as isLocalDevelopment } from './is-local-development.js'
19
+ export { default as promiseHandler } from './promise-handler.js'
20
+ export { default as setScrollOnGrab } from './set-scroll-on-grab.js'
21
+ export { default as getPlaceholder } from './get-placeholder.js'
22
+
23
+ export * from './filters.js'
24
+ export * from './images.js'
25
+ export * from './rules'
@@ -1,3 +1,3 @@
1
- export default function ({ value }) {
2
- return [null, undefined, ''].includes(value)
3
- }
1
+ export default function ({ value }) {
2
+ return [null, undefined, ''].includes(value)
3
+ }
@@ -1,3 +1,3 @@
1
- export default function () {
2
- return ['localhost', '127.0.0.1'].includes(window.location.hostname)
3
- }
1
+ export default function () {
2
+ return ['localhost', '127.0.0.1'].includes(window.location.hostname)
3
+ }