@inriver/inri 1.14.0 → 1.16.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 (120) 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 +20 -0
  5. package/azure/pipelines/templates/deployFramework.yml +30 -0
  6. package/azure/pipelines/templates/publishFramwork.yml +39 -0
  7. package/componentProperties.d.ts +8 -8
  8. package/configs/base-eslint-config.js +36 -36
  9. package/configs/base-tailwind-config.js +149 -149
  10. package/i18n.ts +11 -11
  11. package/index.ts +29 -29
  12. package/package.json +7 -2
  13. package/src/components/CAutoBreadcrumbs.vue +72 -72
  14. package/src/components/CBtn.vue +98 -98
  15. package/src/components/CColorPicker.vue +55 -55
  16. package/src/components/CContextMenu.vue +29 -29
  17. package/src/components/CDatePicker.vue +51 -51
  18. package/src/components/CDeleteTileBtn.vue +52 -52
  19. package/src/components/CDialog.vue +253 -253
  20. package/src/components/CDialogCloseBtn.vue +9 -9
  21. package/src/components/CDirtyCheck.vue +68 -68
  22. package/src/components/CDrawer.vue +44 -44
  23. package/src/components/CDrawerButton.vue +91 -91
  24. package/src/components/CExpansionItem.vue +57 -57
  25. package/src/components/CExpansionItemWithCheckbox.vue +41 -41
  26. package/src/components/CFileDropzone.vue +114 -114
  27. package/src/components/CGrid.vue +101 -101
  28. package/src/components/CHeader.vue +10 -10
  29. package/src/components/CHeaderLinks.vue +61 -61
  30. package/src/components/CHeaderMenuLink.vue +51 -51
  31. package/src/components/CHeaderSearch.vue +142 -142
  32. package/src/components/CIconBtn.vue +70 -70
  33. package/src/components/CMenuItem.vue +66 -66
  34. package/src/components/CPageContainer.vue +11 -11
  35. package/src/components/CPageError.vue +24 -24
  36. package/src/components/CPageSpinner.vue +18 -18
  37. package/src/components/CSearch.vue +45 -45
  38. package/src/components/CSection.vue +29 -29
  39. package/src/components/CSectionTitle.vue +8 -8
  40. package/src/components/CSelect.vue +208 -208
  41. package/src/components/CSlideEffect.vue +62 -62
  42. package/src/components/CSpinner.vue +107 -107
  43. package/src/components/CTableActions.vue +16 -16
  44. package/src/components/CTileBtn.vue +178 -178
  45. package/src/components/CTimePicker.vue +42 -42
  46. package/src/components/CToggleGridView.vue +26 -26
  47. package/src/components/CToggleSidebarBtn.vue +19 -19
  48. package/src/components/CTooltip.vue +44 -44
  49. package/src/components/CTreeNode.vue +39 -39
  50. package/src/components/cards/CBannerCard.vue +103 -103
  51. package/src/components/cards/CSmallCard.vue +149 -149
  52. package/src/components/internal-components/ConfirmDialog.vue +78 -78
  53. package/src/composables/useDialog.ts +46 -46
  54. package/src/composables/useDirtyCheck.ts +25 -25
  55. package/src/composables/useDoubleClickListener.ts +28 -28
  56. package/src/composables/useSelectable.ts +62 -62
  57. package/src/composables/useTruncateChips.ts +46 -46
  58. package/src/i18n/de/index.ts +17 -17
  59. package/src/i18n/en/index.ts +84 -84
  60. package/src/i18n/es/index.ts +7 -7
  61. package/src/i18n/fr/index.ts +7 -7
  62. package/src/init/initInriFramework.ts +37 -37
  63. package/src/init/useInriApp.ts +55 -55
  64. package/src/layouts/CLayoutBlank.vue +7 -7
  65. package/src/layouts/CLayoutWithBackButton.vue +50 -50
  66. package/src/layouts/CLayoutWithSidebars.vue +46 -46
  67. package/src/layouts/layout-fragments/CPageAutoBreadcrumbs.vue +6 -6
  68. package/src/layouts/layout-fragments/CPageBackButton.vue +18 -18
  69. package/src/layouts/layout-fragments/CPageBlank.vue +20 -20
  70. package/src/layouts/layout-fragments/CPageFlexCol.vue +5 -5
  71. package/src/layouts/layout-fragments/CPageLeftSidebar.vue +5 -5
  72. package/src/layouts/layout-fragments/CPageMainContent.vue +5 -5
  73. package/src/layouts/layout-fragments/CPageOuterWrapper.vue +5 -5
  74. package/src/layouts/layout-fragments/CPageRightSidebar.vue +5 -5
  75. package/src/layouts/layout-fragments/CPageTitle.vue +34 -34
  76. package/src/plugins/dialog.ts +45 -45
  77. package/src/plugins/errors/ErrorFactories.ts +59 -59
  78. package/src/plugins/errors/Errors.ts +156 -156
  79. package/src/plugins/errors/Exception.ts +6 -6
  80. package/src/plugins/errors/globalErrorHandler.ts +21 -21
  81. package/src/plugins/errors/handleError.ts +34 -34
  82. package/src/plugins/errors/logger.ts +16 -16
  83. package/src/plugins/errors/vueErrorHandler.ts +26 -26
  84. package/src/plugins/globalAppConfig.ts +25 -25
  85. package/src/plugins/i18n.ts +46 -46
  86. package/src/plugins/inriIcons.ts +58 -58
  87. package/src/plugins/inriverQuasarComponentConfigurations.ts +67 -67
  88. package/src/plugins/library.ts +119 -119
  89. package/src/plugins/notify.ts +153 -153
  90. package/src/plugins/quasar-user-options.ts +19 -19
  91. package/src/plugins/validationRules.ts +292 -292
  92. package/src/shims-vue.d.ts +6 -6
  93. package/src/stores/inriStore.ts +54 -54
  94. package/src/stores/interfaceLanguageStore.ts +27 -27
  95. package/src/styles/_css-variables.scss +101 -101
  96. package/src/styles/_reset.scss +67 -67
  97. package/src/styles/_transitions.scss +9 -9
  98. package/src/styles/_utils.scss +15 -15
  99. package/src/styles/components/_breadcrumbs.scss +3 -3
  100. package/src/styles/components/_checkboxes.scss +17 -17
  101. package/src/styles/components/_chips.scss +17 -17
  102. package/src/styles/components/_forms.scss +203 -203
  103. package/src/styles/components/_menu.scss +12 -12
  104. package/src/styles/components/_notifications.scss +24 -24
  105. package/src/styles/components/_q-editor.scss +14 -14
  106. package/src/styles/components/_radio-buttons.scss +17 -17
  107. package/src/styles/components/_tables.scss +92 -92
  108. package/src/styles/components/_tooltips.scss +5 -5
  109. package/src/styles/components/_tree.scss +86 -86
  110. package/src/styles/components/_truncated-chips.scss +39 -39
  111. package/src/styles/main.scss +45 -45
  112. package/src/styles/quasar.variables.scss +50 -50
  113. package/src/styles/tailwind/index.css +2 -2
  114. package/src/typings.d.ts +70 -70
  115. package/src/utils/colorUtils.ts +73 -73
  116. package/src/utils/errorUtils.ts +37 -37
  117. package/src/utils/fileUtils.ts +57 -57
  118. package/src/utils/helpers.ts +6 -6
  119. package/src/utils/routeUtils.ts +23 -23
  120. 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
+ }