@inriver/inri 1.4.0 → 1.6.0

package/index.ts

@@ -9,7 +9,7 @@ import { useDialog } from './src/composables/useDialog'
 import { useDoubleClickListener } from './src/composables/useDoubleClickListener'
 import { useDirtyCheck } from './src/composables/useDirtyCheck'
 import { useTruncateChips } from './src/composables/useTruncateChips'
-
+import { initInriIcons } from './src/plugins/inriIcons'
 export {
   useInriStore,
   useInterfaceLanguageStore,
@@ -22,4 +22,5 @@ export {
   useDoubleClickListener,
   useDirtyCheck,
   useTruncateChips,
+  initInriIcons,
 }

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@inriver/inri",
-  "version": "1.4.0",
+  "version": "1.6.0",
   "peerDependencies": {
-    "quasar": "^2.7.4",
-    "vue": "^3.2.12",
+    "quasar": "2.12.1",
+    "vue": "^3.3.4",
     "vue-i18n": "^9.1.7",
     "vue-router": "^4.0.12"
   },

package/src/composables/useDoubleClickListener.ts

@@ -24,5 +24,5 @@ export function useDoubleClickListener (
     }
   }
 
-  useEventListener(target, 'click', clickHandler)
+  useEventListener(target as any, 'click', clickHandler)
 }

package/src/init/initInriFramework.ts

@@ -1,25 +1,35 @@
 import '../styles/main.scss'
 // import 'windi.css'
 import { App } from 'vue'
-import { Quasar } from 'quasar'
-import quasarUserOptions from '../plugins/quasar-user-options'
+import { Quasar, Notify, Dialog, Meta } from 'quasar'
+import { quasarUserOptions } from '../plugins/quasar-user-options'
 import { registerComponents } from '../plugins/library'
 import { registerAppConfigurations } from '../plugins/globalAppConfig'
 // import { i18n } from '../plugins/i18n'
 import logger from '../plugins/errors/logger'
 import { VueErrorHandler } from '../plugins/errors/vueErrorHandler'
 import '../plugins/errors/globalErrorHandler'
-import { initInriIcons } from 'src/plugins/inriIcons'
+import { initInriIcons } from '../plugins/inriIcons'
+
+import iconSet from 'quasar/icon-set/mdi-v6'
+import '@quasar/extras/mdi-v6/mdi-v6.css'
+iconSet.field.error = 'mdi-alert-circle-outline'
 
 export const initInriFramework = (Vue: App): void => {
   // Register C-components
   registerComponents(Vue)
-  initInriIcons()
 
   // Register global application configurations
   registerAppConfigurations(Vue)
 
-  Vue.use(Quasar, quasarUserOptions)
+  Vue.use(Quasar, {
+    plugins: {
+      Notify,
+      Dialog,
+      Meta,
+    },
+    iconSet: iconSet,
+  })
   // Vue.use(i18n)
   Vue.use(VueErrorHandler)
 

package/src/plugins/quasar-user-options.ts

@@ -6,14 +6,14 @@ import { Notify, Dialog, Meta } from 'quasar'
 // Override specific iconSet icons
 iconSet.field.error = 'mdi-alert-circle-outline'
 
-export default {
+export const quasarUserOptions = {
   plugins: {
     Notify,
     Dialog,
     Meta,
   },
-  config: {
-    notify: { /* look at QuasarConfOptions from the API card */ },
-  },
+  // config: {
+  //   notify: { /* look at QuasarConfOptions from the API card */ },
+  // },
   iconSet: iconSet,
 }

package/tsconfig.json

@@ -13,9 +13,6 @@
     "allowSyntheticDefaultImports": true,
     "sourceMap": true,
     "baseUrl": ".",
-    "types": [
-      "webpack-env"
-    ],
     "lib": [
       "esnext",
       "dom",