@inriver/inri 1.14.0 → 1.15.0

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 (119) hide show
  1. package/.changeset/README.md +8 -0
  2. package/.changeset/config.json +11 -0
  3. package/.eslintrc.js +5 -5
  4. package/azure/pipelines/single-build-release.yml +6 -0
  5. package/azure/pipelines/templates/deployFramework.yml +50 -0
  6. package/componentProperties.d.ts +8 -8
  7. package/configs/base-eslint-config.js +36 -36
  8. package/configs/base-tailwind-config.js +149 -149
  9. package/i18n.ts +11 -11
  10. package/index.ts +29 -29
  11. package/package.json +7 -2
  12. package/src/components/CAutoBreadcrumbs.vue +72 -72
  13. package/src/components/CBtn.vue +98 -98
  14. package/src/components/CColorPicker.vue +55 -55
  15. package/src/components/CContextMenu.vue +29 -29
  16. package/src/components/CDatePicker.vue +51 -51
  17. package/src/components/CDeleteTileBtn.vue +52 -52
  18. package/src/components/CDialog.vue +253 -253
  19. package/src/components/CDialogCloseBtn.vue +9 -9
  20. package/src/components/CDirtyCheck.vue +68 -68
  21. package/src/components/CDrawer.vue +44 -44
  22. package/src/components/CDrawerButton.vue +91 -91
  23. package/src/components/CExpansionItem.vue +57 -57
  24. package/src/components/CExpansionItemWithCheckbox.vue +41 -41
  25. package/src/components/CFileDropzone.vue +114 -114
  26. package/src/components/CGrid.vue +101 -101
  27. package/src/components/CHeader.vue +10 -10
  28. package/src/components/CHeaderLinks.vue +61 -61
  29. package/src/components/CHeaderMenuLink.vue +51 -51
  30. package/src/components/CHeaderSearch.vue +142 -142
  31. package/src/components/CIconBtn.vue +70 -70
  32. package/src/components/CMenuItem.vue +66 -66
  33. package/src/components/CPageContainer.vue +11 -11
  34. package/src/components/CPageError.vue +24 -24
  35. package/src/components/CPageSpinner.vue +18 -18
  36. package/src/components/CSearch.vue +45 -45
  37. package/src/components/CSection.vue +29 -29
  38. package/src/components/CSectionTitle.vue +8 -8
  39. package/src/components/CSelect.vue +208 -208
  40. package/src/components/CSlideEffect.vue +62 -62
  41. package/src/components/CSpinner.vue +107 -107
  42. package/src/components/CTableActions.vue +16 -16
  43. package/src/components/CTileBtn.vue +178 -178
  44. package/src/components/CTimePicker.vue +42 -42
  45. package/src/components/CToggleGridView.vue +26 -26
  46. package/src/components/CToggleSidebarBtn.vue +19 -19
  47. package/src/components/CTooltip.vue +44 -44
  48. package/src/components/CTreeNode.vue +39 -39
  49. package/src/components/cards/CBannerCard.vue +103 -103
  50. package/src/components/cards/CSmallCard.vue +149 -149
  51. package/src/components/internal-components/ConfirmDialog.vue +78 -78
  52. package/src/composables/useDialog.ts +46 -46
  53. package/src/composables/useDirtyCheck.ts +25 -25
  54. package/src/composables/useDoubleClickListener.ts +28 -28
  55. package/src/composables/useSelectable.ts +62 -62
  56. package/src/composables/useTruncateChips.ts +46 -46
  57. package/src/i18n/de/index.ts +17 -17
  58. package/src/i18n/en/index.ts +84 -84
  59. package/src/i18n/es/index.ts +7 -7
  60. package/src/i18n/fr/index.ts +7 -7
  61. package/src/init/initInriFramework.ts +37 -37
  62. package/src/init/useInriApp.ts +55 -55
  63. package/src/layouts/CLayoutBlank.vue +7 -7
  64. package/src/layouts/CLayoutWithBackButton.vue +50 -50
  65. package/src/layouts/CLayoutWithSidebars.vue +46 -46
  66. package/src/layouts/layout-fragments/CPageAutoBreadcrumbs.vue +6 -6
  67. package/src/layouts/layout-fragments/CPageBackButton.vue +18 -18
  68. package/src/layouts/layout-fragments/CPageBlank.vue +20 -20
  69. package/src/layouts/layout-fragments/CPageFlexCol.vue +5 -5
  70. package/src/layouts/layout-fragments/CPageLeftSidebar.vue +5 -5
  71. package/src/layouts/layout-fragments/CPageMainContent.vue +5 -5
  72. package/src/layouts/layout-fragments/CPageOuterWrapper.vue +5 -5
  73. package/src/layouts/layout-fragments/CPageRightSidebar.vue +5 -5
  74. package/src/layouts/layout-fragments/CPageTitle.vue +34 -34
  75. package/src/plugins/dialog.ts +45 -45
  76. package/src/plugins/errors/ErrorFactories.ts +59 -59
  77. package/src/plugins/errors/Errors.ts +156 -156
  78. package/src/plugins/errors/Exception.ts +6 -6
  79. package/src/plugins/errors/globalErrorHandler.ts +21 -21
  80. package/src/plugins/errors/handleError.ts +34 -34
  81. package/src/plugins/errors/logger.ts +16 -16
  82. package/src/plugins/errors/vueErrorHandler.ts +26 -26
  83. package/src/plugins/globalAppConfig.ts +25 -25
  84. package/src/plugins/i18n.ts +46 -46
  85. package/src/plugins/inriIcons.ts +58 -58
  86. package/src/plugins/inriverQuasarComponentConfigurations.ts +67 -67
  87. package/src/plugins/library.ts +119 -119
  88. package/src/plugins/notify.ts +153 -153
  89. package/src/plugins/quasar-user-options.ts +19 -19
  90. package/src/plugins/validationRules.ts +292 -292
  91. package/src/shims-vue.d.ts +6 -6
  92. package/src/stores/inriStore.ts +54 -54
  93. package/src/stores/interfaceLanguageStore.ts +27 -27
  94. package/src/styles/_css-variables.scss +101 -101
  95. package/src/styles/_reset.scss +67 -67
  96. package/src/styles/_transitions.scss +9 -9
  97. package/src/styles/_utils.scss +15 -15
  98. package/src/styles/components/_breadcrumbs.scss +3 -3
  99. package/src/styles/components/_checkboxes.scss +17 -17
  100. package/src/styles/components/_chips.scss +17 -17
  101. package/src/styles/components/_forms.scss +203 -203
  102. package/src/styles/components/_menu.scss +12 -12
  103. package/src/styles/components/_notifications.scss +24 -24
  104. package/src/styles/components/_q-editor.scss +14 -14
  105. package/src/styles/components/_radio-buttons.scss +17 -17
  106. package/src/styles/components/_tables.scss +92 -92
  107. package/src/styles/components/_tooltips.scss +5 -5
  108. package/src/styles/components/_tree.scss +86 -86
  109. package/src/styles/components/_truncated-chips.scss +39 -39
  110. package/src/styles/main.scss +45 -45
  111. package/src/styles/quasar.variables.scss +50 -50
  112. package/src/styles/tailwind/index.css +2 -2
  113. package/src/typings.d.ts +70 -70
  114. package/src/utils/colorUtils.ts +73 -73
  115. package/src/utils/errorUtils.ts +37 -37
  116. package/src/utils/fileUtils.ts +57 -57
  117. package/src/utils/helpers.ts +6 -6
  118. package/src/utils/routeUtils.ts +23 -23
  119. package/tsconfig.json +34 -34
@@ -1,153 +1,153 @@
1
- import { Notify } from 'quasar'
2
- import CSpinner from '../components/CSpinner.vue'
3
-
4
- // Register custom predefined notification types
5
- Notify.registerType('c-notify-error', {
6
- classes: 'c-notify',
7
- color: 'red-light',
8
- icon: 'mdi-alert-circle-outline',
9
- iconColor: 'red',
10
- textColor: 'grey-darkest',
11
- actions: [
12
- {
13
- class: 'c-notify__btn',
14
- color: 'grey-darkest',
15
- icon: 'mdi-close',
16
- 'aria-label': 'Dismiss',
17
- },
18
- ],
19
- })
20
-
21
- Notify.registerType('c-notify-success', {
22
- classes: 'c-notify',
23
- color: 'green-light',
24
- icon: 'mdi-check-circle-outline',
25
- iconColor: 'green',
26
- textColor: 'grey-darkest',
27
- actions: [
28
- {
29
- class: 'c-notify__btn',
30
- color: 'grey-darkest',
31
- icon: 'mdi-close',
32
- 'aria-label': 'Dismiss',
33
- },
34
- ],
35
- })
36
-
37
- Notify.registerType('c-notify-warning', {
38
- classes: 'c-notify',
39
- color: 'yellow-light',
40
- icon: 'mdi-alert-outline',
41
- iconColor: 'yellow',
42
- textColor: 'grey-darkest',
43
- actions: [
44
- {
45
- class: 'c-notify__btn',
46
- color: 'grey-darkest',
47
- icon: 'mdi-close',
48
- 'aria-label': 'Dismiss',
49
- },
50
- ],
51
- })
52
-
53
- Notify.registerType('c-notify-info', {
54
- classes: 'c-notify',
55
- color: 'blue-light',
56
- icon: 'mdi-information-outline',
57
- iconColor: 'blue',
58
- textColor: 'grey-darkest',
59
- actions: [
60
- {
61
- class: 'c-notify__btn',
62
- color: 'grey-darkest',
63
- icon: 'mdi-close',
64
- 'aria-label': 'Dismiss',
65
- },
66
- ],
67
- })
68
-
69
- Notify.registerType('c-notify-ongoing', {
70
- classes: 'c-notify',
71
- timeout: 0,
72
- spinner: CSpinner,
73
- color: 'grey-darkest',
74
- actions: [
75
- {
76
- class: 'c-notify__btn',
77
- color: 'white',
78
- icon: 'mdi-close',
79
- 'aria-label': 'Dismiss',
80
- },
81
- ],
82
- })
83
-
84
- // Define helper functions for displaying notifications
85
- const error = (message, props = {}) => {
86
- Notify.create({
87
- message,
88
- type: 'c-notify-error',
89
- attrs: {
90
- 'data-id': 'toast',
91
- },
92
- ...props,
93
- })
94
- }
95
-
96
- const success = (message, props = {}) => {
97
- Notify.create({
98
- message,
99
- type: 'c-notify-success',
100
- attrs: {
101
- 'data-id': 'toast',
102
- },
103
- ...props,
104
- })
105
- }
106
-
107
- const warning = (message, props = {}) => {
108
- Notify.create({
109
- message,
110
- type: 'c-notify-warning',
111
- attrs: {
112
- 'data-id': 'toast',
113
- },
114
- ...props,
115
- })
116
- }
117
-
118
- const info = (message, props = {}) => {
119
- Notify.create({
120
- message,
121
- type: 'c-notify-info',
122
- attrs: {
123
- 'data-id': 'toast',
124
- },
125
- ...props,
126
- })
127
- }
128
-
129
- /**
130
- * Creates an ongoing notification
131
- * @param message - The message to be displayed
132
- * @param props - Notification props to be passed to the notification instance
133
- * @returns a function to update the ongoing notification. Calling this function without any parameters closes the notification
134
- */
135
- const ongoing = (message: string, props = {}) => {
136
- return Notify.create({
137
- message,
138
- type: 'c-notify-ongoing',
139
- attrs: {
140
- 'data-id': 'toast',
141
- },
142
- group: false,
143
- ...props,
144
- })
145
- }
146
-
147
- export default {
148
- error,
149
- success,
150
- warning,
151
- info,
152
- ongoing,
153
- }
1
+ import { Notify } from 'quasar'
2
+ import CSpinner from '../components/CSpinner.vue'
3
+
4
+ // Register custom predefined notification types
5
+ Notify.registerType('c-notify-error', {
6
+ classes: 'c-notify',
7
+ color: 'red-light',
8
+ icon: 'mdi-alert-circle-outline',
9
+ iconColor: 'red',
10
+ textColor: 'grey-darkest',
11
+ actions: [
12
+ {
13
+ class: 'c-notify__btn',
14
+ color: 'grey-darkest',
15
+ icon: 'mdi-close',
16
+ 'aria-label': 'Dismiss',
17
+ },
18
+ ],
19
+ })
20
+
21
+ Notify.registerType('c-notify-success', {
22
+ classes: 'c-notify',
23
+ color: 'green-light',
24
+ icon: 'mdi-check-circle-outline',
25
+ iconColor: 'green',
26
+ textColor: 'grey-darkest',
27
+ actions: [
28
+ {
29
+ class: 'c-notify__btn',
30
+ color: 'grey-darkest',
31
+ icon: 'mdi-close',
32
+ 'aria-label': 'Dismiss',
33
+ },
34
+ ],
35
+ })
36
+
37
+ Notify.registerType('c-notify-warning', {
38
+ classes: 'c-notify',
39
+ color: 'yellow-light',
40
+ icon: 'mdi-alert-outline',
41
+ iconColor: 'yellow',
42
+ textColor: 'grey-darkest',
43
+ actions: [
44
+ {
45
+ class: 'c-notify__btn',
46
+ color: 'grey-darkest',
47
+ icon: 'mdi-close',
48
+ 'aria-label': 'Dismiss',
49
+ },
50
+ ],
51
+ })
52
+
53
+ Notify.registerType('c-notify-info', {
54
+ classes: 'c-notify',
55
+ color: 'blue-light',
56
+ icon: 'mdi-information-outline',
57
+ iconColor: 'blue',
58
+ textColor: 'grey-darkest',
59
+ actions: [
60
+ {
61
+ class: 'c-notify__btn',
62
+ color: 'grey-darkest',
63
+ icon: 'mdi-close',
64
+ 'aria-label': 'Dismiss',
65
+ },
66
+ ],
67
+ })
68
+
69
+ Notify.registerType('c-notify-ongoing', {
70
+ classes: 'c-notify',
71
+ timeout: 0,
72
+ spinner: CSpinner,
73
+ color: 'grey-darkest',
74
+ actions: [
75
+ {
76
+ class: 'c-notify__btn',
77
+ color: 'white',
78
+ icon: 'mdi-close',
79
+ 'aria-label': 'Dismiss',
80
+ },
81
+ ],
82
+ })
83
+
84
+ // Define helper functions for displaying notifications
85
+ const error = (message, props = {}) => {
86
+ Notify.create({
87
+ message,
88
+ type: 'c-notify-error',
89
+ attrs: {
90
+ 'data-id': 'toast',
91
+ },
92
+ ...props,
93
+ })
94
+ }
95
+
96
+ const success = (message, props = {}) => {
97
+ Notify.create({
98
+ message,
99
+ type: 'c-notify-success',
100
+ attrs: {
101
+ 'data-id': 'toast',
102
+ },
103
+ ...props,
104
+ })
105
+ }
106
+
107
+ const warning = (message, props = {}) => {
108
+ Notify.create({
109
+ message,
110
+ type: 'c-notify-warning',
111
+ attrs: {
112
+ 'data-id': 'toast',
113
+ },
114
+ ...props,
115
+ })
116
+ }
117
+
118
+ const info = (message, props = {}) => {
119
+ Notify.create({
120
+ message,
121
+ type: 'c-notify-info',
122
+ attrs: {
123
+ 'data-id': 'toast',
124
+ },
125
+ ...props,
126
+ })
127
+ }
128
+
129
+ /**
130
+ * Creates an ongoing notification
131
+ * @param message - The message to be displayed
132
+ * @param props - Notification props to be passed to the notification instance
133
+ * @returns a function to update the ongoing notification. Calling this function without any parameters closes the notification
134
+ */
135
+ const ongoing = (message: string, props = {}) => {
136
+ return Notify.create({
137
+ message,
138
+ type: 'c-notify-ongoing',
139
+ attrs: {
140
+ 'data-id': 'toast',
141
+ },
142
+ group: false,
143
+ ...props,
144
+ })
145
+ }
146
+
147
+ export default {
148
+ error,
149
+ success,
150
+ warning,
151
+ info,
152
+ ongoing,
153
+ }
@@ -1,19 +1,19 @@
1
- import iconSet from 'quasar/icon-set/mdi-v6'
2
- import '@quasar/extras/mdi-v6/mdi-v6.css'
3
-
4
- import { Notify, Dialog, Meta } from 'quasar'
5
-
6
- // Override specific iconSet icons
7
- iconSet.field.error = 'mdi-alert-circle-outline'
8
-
9
- export const quasarUserOptions = {
10
- plugins: {
11
- Notify,
12
- Dialog,
13
- Meta,
14
- },
15
- // config: {
16
- // notify: { /* look at QuasarConfOptions from the API card */ },
17
- // },
18
- iconSet: iconSet,
19
- }
1
+ import iconSet from 'quasar/icon-set/mdi-v6'
2
+ import '@quasar/extras/mdi-v6/mdi-v6.css'
3
+
4
+ import { Notify, Dialog, Meta } from 'quasar'
5
+
6
+ // Override specific iconSet icons
7
+ iconSet.field.error = 'mdi-alert-circle-outline'
8
+
9
+ export const quasarUserOptions = {
10
+ plugins: {
11
+ Notify,
12
+ Dialog,
13
+ Meta,
14
+ },
15
+ // config: {
16
+ // notify: { /* look at QuasarConfOptions from the API card */ },
17
+ // },
18
+ iconSet: iconSet,
19
+ }