@enso-ui/roles 4.0.10 → 5.1.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2018 laravel-enso
+Copyright (c) 2026 laravel-enso
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -25,4 +25,4 @@ Thank you to all the people who already contributed to Enso!
 
 ## License
 
-[ISC](https://opensource.org/licenses/ISC)
+MIT

package/package.json

@@ -1,11 +1,8 @@
 {
   "name": "@enso-ui/roles",
-  "version": "4.0.10",
+  "version": "5.1.0",
   "description": "Basic roles package",
-  "main": "src/bulma/pages/roles/Index.vue",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
+  "main": "bulma/index.js",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/enso-ui/roles.git"
@@ -15,33 +12,22 @@
     "vue"
   ],
   "author": "Adrian Ocneanu <aocneanu@gmail.com>",
-  "license": "ISC",
+  "license": "MIT",
   "bugs": {
     "url": "https://github.com/enso-ui/roles/issues"
   },
   "homepage": "https://github.com/enso-ui/roles#readme",
   "dependencies": {
     "@enso-ui/checkbox": "^3.0",
-    "@enso-ui/forms": "^3.0",
-    "@enso-ui/permissions": "^4.0",
-    "@enso-ui/tables": "^3.0",
+    "@enso-ui/forms": "^4.0.0",
+    "@enso-ui/permissions": "^5.0",
+    "@enso-ui/tables": "^4.0.0",
     "@enso-ui/transitions": "^2.0",
-    "@enso-ui/ui": "^5.0",
-    "@fortawesome/fontawesome-svg-core": "^1.2.2",
-    "@fortawesome/free-solid-svg-icons": "^5.11.2",
-    "@fortawesome/vue-fontawesome": "3.0.0-5",
-    "vue": "^3.0",
-    "vuex": "^4.0.0"
-  },
-  "devDependencies": {
-    "@vue/cli-plugin-babel": "5.0.0-beta.6",
-    "@vue/cli-plugin-eslint": "5.0.0-beta.6",
-    "@vue/eslint-config-airbnb": "^5.0.0",
-    "autoprefixer": "^9.6.1",
-    "babel-eslint": "^10.0.1",
-    "cross-env": "^6.0.0",
-    "eslint": "^7.0.0",
-    "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-plugin-vue": "^8.0.0"
+    "@enso-ui/ui": "^7.0.0",
+    "@fortawesome/fontawesome-svg-core": "^7.2.0",
+    "@fortawesome/free-solid-svg-icons": "^7.2.0",
+    "@fortawesome/vue-fontawesome": "3.1.3",
+    "pinia": "^3.0.3",
+    "vue": "^3.0"
   }
 }

package/src/bulma/pages/roles/Configure.vue

@@ -51,9 +51,9 @@
 
 <script>
 import { Fade } from '@enso-ui/transitions';
-import { mapState } from 'vuex';
 import cssClass from '@enso-ui/permissions/src/bulma/modules/permission';
 import { CheckboxManager } from '@enso-ui/checkbox/bulma';
+import { useStore } from '../../../utils/pinia';
 
 export default {
     name: 'Configure',
@@ -69,7 +69,9 @@ export default {
     }),
 
     computed: {
-        ...mapState(['enums']),
+        enums() {
+            return useStore('enums').enums;
+        },
     },
 
     created() {

package/src/bulma/pages/roles/Create.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="columns is-centered">
         <div class="column is-three-quarters-desktop is-full-touch">
-            <enso-form class="box has-background-light raises-on-hover"/>
+            <enso-form class="box"/>
         </div>
     </div>
 </template>

package/src/bulma/pages/roles/Edit.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="columns is-centered">
         <div class="column is-three-quarters-desktop is-full-touch">
-            <enso-form class="box has-background-light raises-on-hover"
+            <enso-form class="box"
                 @ready="ready = true"
                 ref="form">
                 <template #actions-left
@@ -16,7 +16,7 @@
                                 {{ i18n('Configure') }}
                             </span>
                             <span class="icon">
-                                <fa icon="sliders-h"/>
+                                <fa :icon="faSliders"/>
                             </span>
                             <span class="is-hidden-mobile"/>
                         </a>
@@ -28,7 +28,7 @@
                                 {{ i18n('File') }}
                             </span>
                             <span class="icon">
-                                <fa icon="save"/>
+                                <fa :icon="faFloppyDisk"/>
                             </span>
                             <span class="is-hidden-mobile"/>
                         </a>
@@ -41,12 +41,9 @@
 
 <script>
 import { FontAwesomeIcon as Fa } from '@fortawesome/vue-fontawesome';
-import { library } from '@fortawesome/fontawesome-svg-core';
-import { faSave, faSlidersH } from '@fortawesome/free-solid-svg-icons';
+import { faFloppyDisk, faSliders } from '@fortawesome/free-solid-svg-icons';
 import { EnsoForm } from '@enso-ui/forms/bulma';
 
-library.add(faSave, faSlidersH);
-
 export default {
     name: 'Edit',
 
@@ -57,6 +54,8 @@ export default {
     ],
 
     data: () => ({
+        faFloppyDisk,
+        faSliders,
         ready: false,
     }),
 

package/src/bulma/pages/roles/Index.vue

@@ -1,5 +1,5 @@
 <template>
-    <enso-table class="box is-paddingless raises-on-hover"
+    <enso-table class="box p-0"
         id="roles"
         @configure-role="$router.push({
             name: 'system.roles.configure',
@@ -9,12 +9,8 @@
 </template>
 
 <script>
-import { library } from '@fortawesome/fontawesome-svg-core';
-import { faSave, faSlidersH } from '@fortawesome/free-solid-svg-icons';
 import { EnsoTable } from '@enso-ui/tables/bulma';
 
-library.add([faSave, faSlidersH]);
-
 export default {
     name: 'Index',
 

package/src/bulma/routes/system/roles.js

@@ -1,6 +1,6 @@
 import routeImporter from '@enso-ui/ui/src/modules/importers/routeImporter';
 
-const routes = routeImporter(require.context('./roles', false, /.*\.js$/));
+const routes = routeImporter.fromGlob(import.meta.glob('./roles/*.js', { eager: true }));
 const Router = () => import('@enso-ui/ui/src/bulma/pages/Router.vue');
 
 

package/src/bulma/routes/system.js

@@ -1,6 +1,6 @@
 import routeImporter from '@enso-ui/ui/src/modules/importers/routeImporter';
 
-const routes = routeImporter(require.context('./system', false, /.*\.js$/));
+const routes = routeImporter.fromGlob(import.meta.glob('./system/*.js', { eager: true }));
 
 export default {
     path: '/system',

package/src/utils/pinia.js

@@ -0,0 +1,11 @@
+import { getActivePinia } from 'pinia';
+
+export const useStore = id => {
+    const store = getActivePinia()?._s?.get(id);
+
+    if (!store) {
+        throw new Error(`Missing Pinia store: ${id}`);
+    }
+
+    return store;
+};