@cortezaproject/corteza-vue 2022.3.0 → 2022.3.2

package/dist/index.es.js

@@ -2006,8 +2006,6 @@ class Auth {
         return __awaiter(this, void 0, void 0, function* () {
             this.log.info('handling authentication');
             // State management
-            // - duplication checking
-            // - management handlers
             const dup = this.handleStateManagement();
             if (dup) {
                 this.log.debug('duplicate tab: unauthorized');
@@ -2044,14 +2042,25 @@ class Auth {
     handleStateManagement() {
         // See if this is a duplicate
         const dup = this.sessionStorage.getItem(storeKeyFinalState) !== null;
-        // Bind listeners to cleanup
-        this.registerEventListener('beforeunload', function () {
-            this.sessionStorage.removeItem(storeKeyFinalState);
-        });
-        // Set state
-        this.sessionStorage.setItem(storeKeyFinalState, Date.now().toString());
+        window.sessionStorage.setItem(storeKeyFinalState, Date.now().toString());
         return dup;
     }
+    bindListeners() {
+        // binding multiple listeners for cases where some browser refuser
+        // to emit one of them.
+        this.registerEventListener('pagehide', () => {
+            this.cleanFlags();
+        });
+        this.registerEventListener('unload', () => {
+            this.cleanFlags();
+        });
+        this.registerEventListener('beforeunload', () => {
+            this.cleanFlags();
+        });
+    }
+    cleanFlags() {
+        this.sessionStorage.removeItem(storeKeyFinalState);
+    }
     /**
      * Called when refresh token is re-fetched.
      *
@@ -2097,6 +2106,7 @@ class Auth {
             this.log.info('authorization code received', code);
             const rsp = yield this.exchangeCode(code);
             this.log.info('redirecting back to final destination', finalLocation);
+            this.cleanFlags();
             this.location.assign(finalLocation);
             return rsp;
         });
@@ -2132,6 +2142,7 @@ class Auth {
                         authUser.meta.preferredLanguage = data.preferred_language || 'en';
                     }
                     this[user] = authUser;
+                    this.bindListeners();
                     return data;
                 }).catch((error) => {
                     this.log.error('data fetch form info endpoint failed', { oauth2InfoURL, headers, error });
@@ -2154,7 +2165,11 @@ class Auth {
                  * Refresh token found in the storage,
                  * let's use it to get new access token
                  */
-                return this.exchangeRefresh(refreshToken);
+                return this.exchangeRefresh(refreshToken)
+                    .then(r => {
+                    this.bindListeners();
+                    return r;
+                });
             }
             throw new Error('Unauthenticated');
         });
@@ -2174,6 +2189,7 @@ class Auth {
      */
     startAuthenticationFlow() {
         this.log.debug('starting new authentication flow');
+        this.cleanFlags();
         this.incFlowCounter();
         const state = Math.random().toString(36).substring(2);
         this.sessionStorage.setItem(`auth.state.${state}.location`, this.getRedirect(this.location.toString()));
@@ -71253,13 +71269,13 @@ var script$a = {
 const __vue_script__$a = script$a;
 
 /* template */
-var __vue_render__$9 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-input-group',{staticClass:"position-static"},[(!_vm.noDate)?_c('b-form-datepicker',{staticClass:"text-nowrap",attrs:{"placeholder":_vm.labels.none,"date-format-options":{ year: 'numeric', month: 'numeric', day: 'numeric' },"min":_vm.minDate,"max":_vm.maxDate,"label-reset-button":_vm.labels.clear,"label-today-button":_vm.labels.today,"label-help":"","today-variant":"info","selected-variant":"secondary","boundary":"window","hide-header":"","reset-button":"","today-button":""},model:{value:(_vm.date),callback:function ($$v) {_vm.date=$$v;},expression:"date"}}):_vm._e(),_vm._v(" "),(!_vm.noTime)?_c('b-form-timepicker',{staticClass:"text-nowrap",attrs:{"placeholder":_vm.labels.none,"label-reset-button":_vm.labels.clear,"label-now-button":_vm.labels.now,"boundary":"window","hide-header":"","no-close-button":"","reset-button":"","now-button":""},model:{value:(_vm.time),callback:function ($$v) {_vm.time=$$v;},expression:"time"}}):_vm._e()],1)};
+var __vue_render__$9 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-row',{staticClass:"c-input-date-time",attrs:{"align-v":"stretch","no-gutters":""}},[_c('b-col',{staticClass:"position-static overflow-hidden",attrs:{"lg":_vm.noTime ? 12 : 6}},[(!_vm.noDate)?_c('b-form-datepicker',{staticClass:"h-100 overflow-hidden",attrs:{"placeholder":_vm.labels.none,"date-format-options":{ year: 'numeric', month: 'numeric', day: 'numeric' },"min":_vm.minDate,"max":_vm.maxDate,"label-reset-button":_vm.labels.clear,"label-today-button":_vm.labels.today,"label-help":"","today-variant":"info","selected-variant":"secondary","boundary":"window","hide-header":"","reset-button":"","today-button":""},model:{value:(_vm.date),callback:function ($$v) {_vm.date=$$v;},expression:"date"}}):_vm._e()],1),_vm._v(" "),_c('b-col',{staticClass:"position-static overflow-hidden",class:{ 'mt-1 mt-lg-0 pl-lg-1': !_vm.noDate },attrs:{"lg":_vm.noDate ? 12 : 6}},[(!_vm.noTime)?_c('b-form-timepicker',{staticClass:"h-100 overflow-hidden",attrs:{"placeholder":_vm.labels.none,"label-reset-button":_vm.labels.clear,"label-now-button":_vm.labels.now,"boundary":"window","hide-header":"","no-close-button":"","reset-button":"","now-button":""},model:{value:(_vm.time),callback:function ($$v) {_vm.time=$$v;},expression:"time"}}):_vm._e()],1)],1)};
 var __vue_staticRenderFns__$9 = [];
 
   /* style */
   const __vue_inject_styles__$b = function (inject) {
     if (!inject) return
-    inject("data-v-2876e522_0", { source: ".b-calendar-inner{background-color:#fff}", map: undefined, media: undefined });
+    inject("data-v-1bc6bb72_0", { source: ".c-input-date-time{min-width:120px}.c-input-date-time .btn{padding:.25rem .5rem}.c-input-date-time label{font-family:Poppins-Regular;color:#495057!important}.b-calendar-inner{background-color:#fff}@media (min-width:992px){.c-input-date-time{min-width:250px}}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -82152,12 +82168,20 @@ var script$G = {
 
   watch: {
     items: {
-      handler: function (items) {
-        for (const i of items) {
-          this.setState(i.page, this.startExpanded);
-        }
-      },
-      immediate: true
+      immediate: true,
+
+      handler(items = []) {
+        items.forEach(({
+          page
+        }) => {
+          const px = this.pageIndex(page); // Apply startExpanded only if page isn't currently expanded
+
+          if (!this.collapses[px]) {
+            this.$set(this.collapses, px, this.startExpanded);
+          }
+        });
+      }
+
     }
   },
   methods: {
@@ -82176,11 +82200,6 @@ var script$G = {
       this.$set(this.collapses, px, !this.collapses[px]);
     },
 
-    setState(p, state = false) {
-      const px = this.pageIndex(p);
-      this.$set(this.collapses, px, state);
-    },
-
     // Recursively check for child pages that are open, so that parents can open aswell
     showChildren({
       params = {},
@@ -82204,21 +82223,21 @@ var script$G = {
 const __vue_script__$G = script$G;
 
 /* template */
-var __vue_render__$C = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"nav-sidebar"},_vm._l((_vm.items),function(ref,index){
+var __vue_render__$C = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"nav-sidebar"},_vm._l((_vm.items),function(ref){
 var page = ref.page; if ( page === void 0 ) page = {};
 var params = ref.params; if ( params === void 0 ) params = {};
 var children = ref.children; if ( children === void 0 ) children = [];
-return _c('b-button',{key:index,staticClass:"w-100 text-dark text-decoration-none p-0 pt-2 nav-item",attrs:{"variant":"link","active-class":"nav-active","exact-active-class":"nav-active","to":{ name: page.name || _vm.defaultRouteName, params: params }}},[_c('span',{staticClass:"d-inline-block w-75 text-nowrap text-truncate",on:{"click":function($event){return _vm.closeSidebar()}}},[(page.icon)?_c('font-awesome-icon',{staticClass:"icon",attrs:{"icon":page.icon}}):_vm._e(),_vm._v(" "),_c('span',{staticClass:"title"},[_vm._v("\n        "+_vm._s(page.title)+"\n      ")])],1),_vm._v(" "),(children.length)?[_c('b-button',{staticClass:"p-0 float-right",attrs:{"variant":"link","disabled":_vm.showChildren({ params: params, children: children })},on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.toggle(page)}}},[(!_vm.collapses[_vm.pageIndex(page)])?_c('font-awesome-icon',{staticClass:"pointer-none",attrs:{"icon":['fas', 'chevron-down']}}):_c('font-awesome-icon',{staticClass:"pointer-none",attrs:{"icon":['fas', 'chevron-up']}})],1),_vm._v(" "),_c('b-collapse',{attrs:{"visible":_vm.collapses[_vm.pageIndex(page)] || _vm.showChildren({ params: params, children: children })},on:{"click":function($event){$event.stopPropagation();$event.preventDefault();}}},[_c('c-sidebar-nav-items',_vm._g({staticClass:"ml-2",attrs:{"items":children,"start-expanded":_vm.startExpanded,"default-route-name":_vm.defaultRouteName}},_vm.$listeners))],1)]:_vm._e()],2)}),1)};
+return _c('b-button',{key:_vm.pageIndex(page),staticClass:"w-100 text-dark text-decoration-none p-0 pt-2 nav-item",attrs:{"variant":"link","active-class":"nav-active","exact-active-class":"nav-active","to":{ name: page.name || _vm.defaultRouteName, params: params }}},[_c('span',{staticClass:"d-inline-block w-75 text-nowrap text-truncate",on:{"click":function($event){return _vm.closeSidebar()}}},[(page.icon)?_c('font-awesome-icon',{staticClass:"icon",attrs:{"icon":page.icon}}):_vm._e(),_vm._v(" "),_c('span',{staticClass:"title"},[_vm._v("\n        "+_vm._s(page.title)+"\n      ")])],1),_vm._v(" "),(children.length)?[_c('b-button',{staticClass:"p-0 float-right",attrs:{"variant":"link","disabled":_vm.showChildren({ params: params, children: children })},on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.toggle(page)}}},[(!_vm.collapses[_vm.pageIndex(page)])?_c('font-awesome-icon',{staticClass:"pointer-none",attrs:{"icon":['fas', 'chevron-down']}}):_c('font-awesome-icon',{staticClass:"pointer-none",attrs:{"icon":['fas', 'chevron-up']}})],1),_vm._v(" "),_c('b-collapse',{attrs:{"visible":_vm.collapses[_vm.pageIndex(page)] || _vm.showChildren({ params: params, children: children })},on:{"click":function($event){$event.stopPropagation();$event.preventDefault();}}},[_c('c-sidebar-nav-items',_vm._g({staticClass:"ml-2",attrs:{"items":children,"start-expanded":_vm.startExpanded,"default-route-name":_vm.defaultRouteName}},_vm.$listeners))],1)]:_vm._e()],2)}),1)};
 var __vue_staticRenderFns__$C = [];
 
   /* style */
   const __vue_inject_styles__$H = function (inject) {
     if (!inject) return
-    inject("data-v-16ceb9b5_0", { source: ".pointer-none[data-v-16ceb9b5]{pointer-events:none}.svg-inline--fa[data-v-16ceb9b5]{width:30px}.nav-item>span>.title[data-v-16ceb9b5]{font-family:Poppins-Regular}.nav-active>span>.icon[data-v-16ceb9b5]{color:#4d7281}.nav-active>span>.title[data-v-16ceb9b5]{font-family:Poppins-SemiBold}.nav-item[data-v-16ceb9b5]{text-align:left}[dir=rtl] .nav-item[data-v-16ceb9b5]{text-align:right}", map: undefined, media: undefined });
+    inject("data-v-bae441da_0", { source: ".pointer-none[data-v-bae441da]{pointer-events:none}.svg-inline--fa[data-v-bae441da]{width:30px}.nav-item>span>.title[data-v-bae441da]{font-family:Poppins-Regular}.nav-active>span>.icon[data-v-bae441da]{color:#4d7281}.nav-active>span>.title[data-v-bae441da]{font-family:Poppins-SemiBold}.nav-item[data-v-bae441da]{text-align:left}[dir=rtl] .nav-item[data-v-bae441da]{text-align:right}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$H = "data-v-16ceb9b5";
+  const __vue_scope_id__$H = "data-v-bae441da";
   /* module identifier */
   const __vue_module_identifier__$H = undefined;
   /* functional template */
@@ -83215,7 +83234,11 @@ var script$R = {
       if (this.disabledSorting) {
         this.selected = this.frozen().filter(i => !this.available.includes(i));
       } else {
-        this.selected.push(item);
+        if (!this.selected.some(({
+          value = ''
+        }) => value === item.value)) {
+          this.selected.push(item);
+        }
       }
     }, 300),