@enso-ui/users 2.0.11 → 2.0.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enso-ui/users",
-  "version": "2.0.11",
+  "version": "2.0.15",
   "description": "Basic users package",
   "main": "bulma/index.js",
   "scripts": {

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

@@ -4,7 +4,7 @@
             <enso-form class="box has-background-light raises-on-hover">
                 <template #group_id="props">
                     <form-field v-bind="props"
-                        @input="pivotParams.userGroups.id = $event"/>
+                        @update:modelValue="pivotParams.userGroups.id = $event"/>
                 </template>
                 <template #role_id="props">
                     <form-field v-bind="props"

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

@@ -9,7 +9,7 @@
                 ">
                 <template #group_id="props">
                     <form-field v-bind="props"
-                        @input="pivotParams.userGroups.id = $event"/>
+                        @update:modelValue="pivotParams.userGroups.id = $event"/>
                 </template>
                 <template #role_id="props">
                     <form-field v-bind="props"
@@ -19,7 +19,7 @@
                     <form-field v-bind="props"
                         @focus="props.field.meta.readonly = false"
                         @blur="props.field.meta.readonly = true"
-                        @input="password = $event.target.value"
+                        @update:modelValue="password = $event.target.value"
                         v-if="!props.field.meta.hidden"/>
                     <password-strength class="mt-1"
                         :password="props.field.value"/>
@@ -28,7 +28,7 @@
                     <form-field v-bind="props"
                         @focus="props.field.meta.readonly = false"
                         @blur="props.field.meta.readonly = true"
-                        @input="passwordConfirmation = $event.target.value"
+                        @update:modelValue="passwordConfirmation = $event.target.value"
                         @keydown="$emit('update');"
                         v-if="!props.field.meta.hidden"/>
                 </template>
@@ -123,7 +123,7 @@ import { EnsoForm, FormField } from '@enso-ui/forms/bulma';
 import Accessories from '@enso-ui/accessories/bulma';
 import { Tab } from '@enso-ui/tabs/bulma';
 import { mapState } from 'vuex';
-import PasswordStrength from '@enso-ui/auth/src/bulma/pages/auth/components/PasswordStrength.vue'; // TODO::FIX IT!
+import { PasswordStrength } from '@enso-ui/auth';
 import DeleteModal from './components/DeleteModal.vue';
 import Tokens from './components/Tokens.vue';
 import Sessions from './components/Sessions.vue';
@@ -145,7 +145,10 @@ export default {
         Tokens,
     },
 
-    inject: ['i18n', 'canAccess', 'errorHandler', 'route', 'routerErrorHandler', 'toastr'],
+    inject: [
+        'http', 'i18n', 'canAccess', 'errorHandler', 'route',
+        'routerErrorHandler', 'toastr'
+    ],
 
     emits: ['update'],
 
@@ -178,7 +181,7 @@ export default {
                 .catch(this.routerErrorHandler));
         },
         resetPassword() {
-            axios.post(this.route('administration.users.resetPassword', this.$route.params))
+            this.http.post(this.route('administration.users.resetPassword', this.$route.params))
                 .then(({ data }) => this.toastr.success(data.message))
                 .catch(this.errorHandler);
         },

package/src/bulma/pages/users/components/DeleteModal.vue

@@ -41,7 +41,7 @@ export default {
 
     directives: { focus },
 
-    inject: ['i18n', 'errorHandler', 'route'],
+    inject: ['http', 'i18n', 'errorHandler', 'route'],
 
     props: {
         userId: {
@@ -54,7 +54,7 @@ export default {
 
     methods: {
         destroy(person = false) {
-            axios.delete(this.route('administration.users.destroy', this.userId),
+            this.http.delete(this.route('administration.users.destroy', this.userId),
                 { params: { person: !!person } })
                 .then(({ data }) => this.$emit('destroyed', data))
                 .catch(this.errorHandler);

package/src/bulma/pages/users/components/Sessions.vue

@@ -49,7 +49,7 @@ library.add(faPlus, faSync, faSearch);
 export default {
     name: 'Sessions',
 
-    inject: ['canAccess', 'errorHandler', 'i18n', 'route', 'toastr'],
+    inject: ['canAccess', 'errorHandler', 'http', 'i18n', 'route', 'toastr'],
 
     components: { Fa, Session },
 
@@ -89,14 +89,14 @@ export default {
 
     methods: {
         fetch() {
-            axios.get(this.route('administration.users.sessions.index', this.$route.params))
+            this.http.get(this.route('administration.users.sessions.index', this.$route.params))
                 .then(({ data }) => {
                     this.sessions = data;
                     this.$emit('update');
                 }).catch(this.errorHandler);
         },
         destroy({ id }, index) {
-            axios.delete(
+            this.http.delete(
                 this.route('administration.users.sessions.destroy', this.$route.params),
                 { params: { id } },
             ).then(({ data }) => {

package/src/bulma/pages/users/components/TokenForm.vue

@@ -1,5 +1,5 @@
 <template>
-    <modal portal="token-form">
+    <modal>
         <enso-form class="box has-background-light"
             v-bind="$attrs"
             disable-state/>

package/src/bulma/pages/users/components/Tokens.vue

@@ -62,7 +62,7 @@
 import { FontAwesomeIcon as Fa } from '@fortawesome/vue-fontawesome';
 import { library } from '@fortawesome/fontawesome-svg-core';
 import { faPlus, faSync, faSearch } from '@fortawesome/free-solid-svg-icons';
-import Url from '@enso-ui/files/src/bulma/pages/files/components/Url.vue'; // TODO:: refactor to a package
+import { Url } from '@enso-ui/files'; // TODO:: refactor to a package
 import Token from './Token.vue';
 import TokenForm from './TokenForm.vue';
 
@@ -71,7 +71,7 @@ library.add(faPlus, faSync, faSearch);
 export default {
     name: 'Tokens',
 
-    inject: ['canAccess', 'errorHandler', 'i18n', 'route', 'toastr'],
+    inject: ['canAccess', 'errorHandler', 'http', 'i18n', 'route', 'toastr'],
 
     components: {
         Fa,
@@ -121,14 +121,14 @@ export default {
 
     methods: {
         fetch() {
-            axios.get(this.route('administration.users.tokens.index', this.$route.params))
+            this.http.get(this.route('administration.users.tokens.index', this.$route.params))
                 .then(({ data }) => {
                     this.tokens = data;
                     this.$emit('update');
                 }).catch(this.errorHandler);
         },
         destroy({ id }, index) {
-            axios.delete(
+            this.http.delete(
                 this.route('administration.users.tokens.destroy', this.$route.params),
                 { params: { id } },
             ).then(({ data }) => {

package/src/bulma/pages/users/components/UserProfile.vue

@@ -169,7 +169,10 @@ export default {
 
     components: { Divider, Fa, Uploader },
 
-    inject: ['canAccess', 'errorHandler', 'i18n', 'route', 'routerErrorHandler'],
+    inject: [
+        'canAccess', 'errorHandler', 'http', 'i18n',
+        'route', 'routerErrorHandler'
+    ],
 
     emits: ['start-impersonating'],
 
@@ -206,7 +209,7 @@ export default {
                 : null;
         },
         fetch() {
-            axios.get(this.route(this.$route.name, this.$route.params.user))
+            this.http.get(this.route(this.$route.name, this.$route.params.user))
                 .then(response => (this.profile = response.data.user))
                 .catch(this.errorHandler);
         },
@@ -214,7 +217,7 @@ export default {
             eventBus.$emit('start-impersonating', this.profile.id);
         },
         updateAvatar() {
-            axios.patch(this.route('core.avatars.update', this.user.avatar.id))
+            this.http.patch(this.route('core.avatars.update', this.user.avatar.id))
                 .then(({ data }) => this.setUserAvatar(data.avatarId))
                 .catch(this.errorHandler);
         },

package/src/bulma/register.js

@@ -1,6 +1,4 @@
-import Vue from 'vue';
 import App from '@enso-ui/ui/src/core/app';
 import ProfileController from './components/navbar/ProfileControl.vue';
 
-Vue.component('navbar-profile-controller', ProfileController);
-App.registerNavbarItem('navbar-profile-controller', 400);
+App.registerNavbarItem('navbar-profile-controller', ProfileController, 400);