@cortezaproject/corteza-vue 2024.9.3-dev.1 → 2024.9.3-dev.3

package/dist/components/notifications/types/index.d.ts

@@ -1,6 +1,6 @@
-import Simple from './Simple.vue';
+import NotificationSimple from './NotificationSimple.vue';
 declare const _default: {
-    Simple: import("vue").VueConstructor<Simple<globalThis.Record<string, any>, globalThis.Record<string, any>, never, never, (event: string, ...args: any[]) => Simple>>;
-    Record: import("vue").VueConstructor<Simple<globalThis.Record<string, any>, globalThis.Record<string, any>, never, never, (event: string, ...args: any[]) => Simple>>;
+    NotificationSimple: import("vue").VueConstructor<NotificationSimple<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => NotificationSimple>>;
+    NotificationRecord: import("vue").VueConstructor<NotificationSimple<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => NotificationSimple>>;
 };
 export default _default;

package/dist/index.es.js

@@ -7756,6 +7756,15 @@ var __vue_staticRenderFns__$14 = [];
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 var script$17 = {
   name: 'CFormTableWrapper',
@@ -7785,6 +7794,11 @@ var script$17 = {
       type: String,
       default: '',
     },
+
+    loading: {
+      type: Boolean,
+      default: false,
+    },
   },
 };
 
@@ -7792,17 +7806,17 @@ var script$17 = {
 const __vue_script__$17 = script$17;
 
 /* template */
-var __vue_render__$13 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"list-background w-100 p-3 rounded border border-light"},[_vm._t("default"),_vm._v(" "),(!_vm.hideAddButton)?_c('b-button',{class:_vm.addButtonClass,attrs:{"variant":"primary","size":"sm","data-test-id":_vm.testID,"disabled":_vm.disableAddButton},on:{"click":function($event){return _vm.$emit('add-item')}}},[_c('font-awesome-icon',{staticClass:"mr-1",attrs:{"icon":['fas', 'plus']}}),_vm._v("\n\n    "+_vm._s(_vm.labels.addButton || '')+"\n  ")],1):_vm._e()],2)};
+var __vue_render__$13 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"list-background w-100 p-3 rounded border border-light"},[(_vm.loading)?_c('div',{staticClass:"d-flex justify-content-center align-items-center w-100"},[_c('b-spinner')],1):_vm._t("default"),_vm._v(" "),(!_vm.hideAddButton && !_vm.loading)?_c('b-button',{class:_vm.addButtonClass,attrs:{"variant":"primary","size":"sm","data-test-id":_vm.testID,"disabled":_vm.disableAddButton},on:{"click":function($event){return _vm.$emit('add-item')}}},[_c('font-awesome-icon',{staticClass:"mr-1",attrs:{"icon":['fas', 'plus']}}),_vm._v("\n\n    "+_vm._s(_vm.labels.addButton || '')+"\n  ")],1):_vm._e()],2)};
 var __vue_staticRenderFns__$13 = [];
 
   /* style */
   const __vue_inject_styles__$18 = function (inject) {
     if (!inject) return
-    inject("data-v-f9ac8e80_0", { source: ".list-background[data-v-f9ac8e80]{background-color:var(--body-bg)}", map: undefined, media: undefined });
+    inject("data-v-7ae53668_0", { source: ".list-background[data-v-7ae53668]{background-color:var(--body-bg)}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$18 = "data-v-f9ac8e80";
+  const __vue_scope_id__$18 = "data-v-7ae53668";
   /* module identifier */
   const __vue_module_identifier__$18 = undefined;
   /* functional template */
@@ -8044,7 +8058,7 @@ var script$16 = {
 const __vue_script__$16 = script$16;
 
 /* template */
-var __vue_render__$12 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('c-form-table-wrapper',{attrs:{"labels":{ addButton: _vm.labels.addButton },"hide-add-button":_vm.textInput},on:{"add-item":function($event){return _vm.items.push({ field: undefined, descending: false })}}},[(!_vm.textInput)?_c('b-form-group',{attrs:{"label":_vm.labels.title,"label-class":"text-primary"}},[_c('b-table-simple',{staticClass:"mb-0",attrs:{"borderless":"","small":"","responsive":"lg"}},[_c('draggable',{attrs:{"list":_vm.items,"group":"sort","handle":".grab","tag":"tbody"},on:{"update:list":function($event){_vm.items=$event;}}},_vm._l((_vm.items),function(column,index){return _c('tr',{key:index},[_c('td',{staticClass:"grab text-center align-middle",staticStyle:{"width":"40px"}},[_c('font-awesome-icon',{staticClass:"text-secondary",attrs:{"icon":['fas', 'bars']}})],1),_vm._v(" "),_c('td',{staticClass:"align-middle",staticStyle:{"min-width":"250px"}},[_c('c-input-select',{staticClass:"rounded",attrs:{"options":_vm.availableFields,"reduce":function (o) { return o.name; },"placeholder":_vm.labels.none},model:{value:(column.field),callback:function ($$v) {_vm.$set(column, "field", $$v);},expression:"column.field"}})],1),_vm._v(" "),_c('td',{staticClass:"text-center align-middle",staticStyle:{"min-width":"200px"}},[_c('b-form-radio-group',{staticClass:"bg-white",attrs:{"options":_vm.sortDirections,"buttons":"","button-variant":"outline-primary"},model:{value:(column.descending),callback:function ($$v) {_vm.$set(column, "descending", $$v);},expression:"column.descending"}})],1),_vm._v(" "),_c('td',{staticClass:"align-middle text-right",staticStyle:{"min-width":"80px","width":"80px"}},[_c('c-input-confirm',{attrs:{"show-icon":""},on:{"confirmed":function($event){return _vm.items.splice(index, 1)}}})],1)])}),0)],1)],1):_c('div',[_c('b-form-textarea',{attrs:{"placeholder":_vm.labels.placeholder},model:{value:(_vm.presortValue),callback:function ($$v) {_vm.presortValue=$$v;},expression:"presortValue"}}),_vm._v(" "),_c('b-form-text',[_vm._v("\n      "+_vm._s(_vm.labels.footnote)+"\n    ")])],1),_vm._v(" "),(_vm.allowTextInput)?_c('div',{staticClass:"d-flex align-items-center mt-1"},[_c('b-button',{staticClass:"text-decoration-none ml-auto",attrs:{"variant":"link","size":"sm"},on:{"click":function($event){_vm.textInput = !_vm.textInput;}}},[_vm._v("\n      "+_vm._s(_vm.labels.toggleInput)+"\n    ")])],1):_vm._e()],1)};
+var __vue_render__$12 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('c-form-table-wrapper',{attrs:{"labels":{ addButton: _vm.labels.addButton },"hide-add-button":_vm.textInput},on:{"add-item":function($event){return _vm.items.push({ field: undefined, descending: false })}}},[(!_vm.textInput)?_c('b-form-group',{attrs:{"label":_vm.labels.title,"label-class":"text-primary"}},[_c('b-table-simple',{staticClass:"mb-0",attrs:{"borderless":"","small":"","responsive":""}},[_c('draggable',{attrs:{"list":_vm.items,"group":"sort","handle":".grab","tag":"tbody"},on:{"update:list":function($event){_vm.items=$event;}}},_vm._l((_vm.items),function(column,index){return _c('tr',{key:index},[_c('td',{staticClass:"grab text-center align-middle",staticStyle:{"width":"40px"}},[_c('font-awesome-icon',{staticClass:"text-secondary",attrs:{"icon":['fas', 'bars']}})],1),_vm._v(" "),_c('td',{staticClass:"align-middle",staticStyle:{"min-width":"250px"}},[_c('c-input-select',{staticClass:"rounded",attrs:{"options":_vm.availableFields,"reduce":function (o) { return o.name; },"placeholder":_vm.labels.none},model:{value:(column.field),callback:function ($$v) {_vm.$set(column, "field", $$v);},expression:"column.field"}})],1),_vm._v(" "),_c('td',{staticClass:"text-center align-middle",staticStyle:{"min-width":"200px"}},[_c('b-form-radio-group',{staticClass:"bg-white",attrs:{"options":_vm.sortDirections,"buttons":"","button-variant":"outline-primary"},model:{value:(column.descending),callback:function ($$v) {_vm.$set(column, "descending", $$v);},expression:"column.descending"}})],1),_vm._v(" "),_c('td',{staticClass:"align-middle text-right",staticStyle:{"min-width":"80px","width":"80px"}},[_c('c-input-confirm',{attrs:{"show-icon":""},on:{"confirmed":function($event){return _vm.items.splice(index, 1)}}})],1)])}),0)],1)],1):_c('div',[_c('b-form-textarea',{attrs:{"placeholder":_vm.labels.placeholder},model:{value:(_vm.presortValue),callback:function ($$v) {_vm.presortValue=$$v;},expression:"presortValue"}}),_vm._v(" "),_c('b-form-text',[_vm._v("\n      "+_vm._s(_vm.labels.footnote)+"\n    ")])],1),_vm._v(" "),(_vm.allowTextInput)?_c('div',{staticClass:"d-flex align-items-center mt-1"},[_c('b-button',{staticClass:"text-decoration-none ml-auto",attrs:{"variant":"link","size":"sm"},on:{"click":function($event){_vm.textInput = !_vm.textInput;}}},[_vm._v("\n      "+_vm._s(_vm.labels.toggleInput)+"\n    ")])],1):_vm._e()],1)};
 var __vue_staticRenderFns__$12 = [];
 
   /* style */
@@ -12336,11 +12350,6 @@ var node = {
 //
 //
 //
-//
-//
-//
-//
-//
 
 
 /**
@@ -12348,6 +12357,7 @@ var node = {
  */
 var script$_ = {
   name: 'TNattrAlignment',
+
   extends: __vue_component__$11,
 
   props: {
@@ -12405,7 +12415,7 @@ var script$_ = {
 const __vue_script__$_ = script$_;
 
 /* template */
-var __vue_render__$Y = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-dropdown',{attrs:{"menu-class":"text-center","variant":"link","boundary":"window"},scopedSlots:_vm._u([{key:"button-content",fn:function(){return [_c('span',{staticClass:"text-dark font-weight-bold"},[_c('span',{class:_vm.rootActiveClasses()},[(_vm.format.icon)?_c('font-awesome-icon',{attrs:{"icon":_vm.format.icon}}):_c('span',[_vm._v("\n          "+_vm._s(_vm.format.label)+"\n        ")])],1)])]},proxy:true}])},[_vm._v(" "),_vm._l((_vm.format.variants),function(v){return _c('b-dropdown-item-button',{key:v.variant,on:{"click":function($event){return _vm.dispatchTransaction(v)}}},[_c('b-button',{staticClass:"text-dark font-weight-bold",attrs:{"variant":"link"}},[_c('span',{class:_vm.activeClasses(v.attrs)},[(_vm.format.icon)?_c('font-awesome-icon',{attrs:{"icon":v.icon}}):_c('span',[_vm._v("\n          "+_vm._s(v.label)+"\n        ")])],1)])],1)})],2)};
+var __vue_render__$Y = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-dropdown',{attrs:{"menu-class":"text-center","variant":"link","boundary":"window"},scopedSlots:_vm._u([{key:"button-content",fn:function(){return [_c('span',{staticClass:"text-dark font-weight-bold"},[_c('span',{class:_vm.rootActiveClasses()},[(_vm.format.icon)?_c('font-awesome-icon',{attrs:{"icon":_vm.format.icon}}):_c('span',[_vm._v("\n          "+_vm._s(_vm.format.label)+"\n        ")])],1)])]},proxy:true}])},[_vm._v(" "),_vm._l((_vm.format.variants),function(v){return _c('b-dropdown-item-button',{key:v.variant,on:{"click":function($event){return _vm.dispatchTransaction(v)}}},[_c('span',{class:_vm.activeClasses(v.attrs)},[(_vm.format.icon)?_c('font-awesome-icon',{attrs:{"icon":v.icon}}):_c('span',[_vm._v("\n        "+_vm._s(v.label)+"\n      ")])],1)])})],2)};
 var __vue_staticRenderFns__$Y = [];
 
   /* style */
@@ -12492,6 +12502,7 @@ var script$Z = {
         const b = (this.isActive[type]);
         return b && (b(attrs))
       };
+
       if (ac(an.node.type.name, { ...an.node.attrs, ...attrs })) {
         return ['text-success']
       }
@@ -16742,6 +16753,12 @@ var __vue_staticRenderFns__$y = [];
 //
 //
 //
+//
+//
+//
+//
+//
+//
 
 
 library.add(faMoon, faSun);
@@ -16887,12 +16904,12 @@ var __vue_staticRenderFns__$x = [];
   /* style */
   const __vue_inject_styles__$z = function (inject) {
     if (!inject) return
-    inject("data-v-1434302a_0", { source: ".nav-icon[data-v-1434302a]{width:calc(var(--topbar-height) - 24px);height:calc(var(--topbar-height) - 24px)}.nav-user-icon[data-v-1434302a]{min-width:calc(var(--topbar-height) - 16px);min-height:calc(var(--topbar-height) - 16px)}.header-navigation[data-v-1434302a]{width:100vw;min-height:var(--topbar-height);background-color:var(--topbar-bg)}.header-navigation .sidebar-spacer[data-v-1434302a]{display:none;min-width:calc(var(--sidebar-width) - 60px)}.header-navigation .sidebar-spacer.expanded[data-v-1434302a]{display:block}.avatar[data-v-1434302a]{border-radius:50%;background-size:cover;background-repeat:no-repeat;background-position:center}.avatar[data-v-1434302a]:hover{opacity:.8;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out}.title[data-v-1434302a]{display:flex;align-items:center;min-height:calc(var(--topbar-height) - 16px);padding-left:47px}.title .vue-portal-target[data-v-1434302a]{display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.tools-wrapper[data-v-1434302a]{flex-grow:1}.tools-wrapper .vue-portal-target[data-v-1434302a]{display:flex;justify-content:end;align-items:center;flex-wrap:wrap}", map: undefined, media: undefined })
-,inject("data-v-1434302a_1", { source: ".topbar-dropdown-menu{z-index:1100}#theme-dropleft .btn{font-family:var(--font-regular)}", map: undefined, media: undefined });
+    inject("data-v-2aa7b5d6_0", { source: ".nav-icon[data-v-2aa7b5d6]{width:calc(var(--topbar-height) - 24px);height:calc(var(--topbar-height) - 24px)}.nav-user-icon[data-v-2aa7b5d6]{min-width:calc(var(--topbar-height) - 16px);min-height:calc(var(--topbar-height) - 16px)}.header-navigation[data-v-2aa7b5d6]{width:100vw;min-height:var(--topbar-height);background-color:var(--topbar-bg)}.header-navigation .sidebar-spacer[data-v-2aa7b5d6]{display:none;min-width:calc(var(--sidebar-width) - 60px)}.header-navigation .sidebar-spacer.expanded[data-v-2aa7b5d6]{display:block}.avatar[data-v-2aa7b5d6]{border-radius:50%;background-size:cover;background-repeat:no-repeat;background-position:center}.avatar[data-v-2aa7b5d6]:hover{opacity:.8;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out}.title[data-v-2aa7b5d6]{display:flex;align-items:center;min-height:calc(var(--topbar-height) - 16px);padding-left:47px}.title .vue-portal-target[data-v-2aa7b5d6]{display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.tools-wrapper[data-v-2aa7b5d6]{flex-grow:1}.tools-wrapper .vue-portal-target[data-v-2aa7b5d6]{display:flex;justify-content:end;align-items:center;flex-wrap:wrap}", map: undefined, media: undefined })
+,inject("data-v-2aa7b5d6_1", { source: ".topbar-dropdown-menu{z-index:1100}#theme-dropleft .btn{font-family:var(--font-regular)}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$z = "data-v-1434302a";
+  const __vue_scope_id__$z = "data-v-2aa7b5d6";
   /* module identifier */
   const __vue_module_identifier__$z = undefined;
   /* functional template */
@@ -20965,7 +20982,7 @@ var __vue_staticRenderFns__$a = [];
   /* style */
   const __vue_inject_styles__$a = undefined;
   /* scoped */
-  const __vue_scope_id__$a = "data-v-d140a564";
+  const __vue_scope_id__$a = "data-v-92f5374e";
   /* module identifier */
   const __vue_module_identifier__$a = undefined;
   /* functional template */
@@ -21041,71 +21058,84 @@ var script$9 = {
     async handleRecordNavigation () {
       const { namespaceID, recordID, moduleID, openMode, edit } = this.notification.config;
 
-      const namespace = await this.$ComposeAPI.namespaceRead({ namespaceID });
+      try {
+        const namespace = await this.$ComposeAPI.namespaceRead({ namespaceID });
 
-      if (!namespace) {
-        return
-      }
+        if (!namespace) {
+          this.toastDanger(this.$t('namespaceNotFound'));
+          return
+        }
 
-      const slug = namespace.slug || namespace.namespaceID;
+        const slug = namespace.slug || namespace.namespaceID;
 
-      const recordPages = await this.$ComposeAPI.pageList({ moduleID, namespaceID }).then(({ set = [] }) => set);
+        const recordPages = await this.$ComposeAPI.pageList({ moduleID, namespaceID }).then(({ set = [] }) => set);
 
-      if (!recordPages || recordPages.length === 0) {
-        return
-      }
-
-      const { pageID } = recordPages[0];
+        if (!recordPages || recordPages.length === 0) {
+          this.toastDanger(this.$t('pageNotFound'));
+          return
+        }
 
-      if (this.$router.app.$options.name !== 'compose') {
-        const u = new URL(window.location);
-        const url = `${u.origin}/compose/ns/${slug}/pages/${pageID}/record/${recordID}/${edit ? 'edit' : ''}`;
+        const record = await this.$ComposeAPI.recordRead({ recordID, moduleID, namespaceID });
 
-        if (openMode === 'newTab') {
-          window.open(url, '_blank');
-        } else {
-          window.location = url;
+        if (!record) {
+          this.toastDanger(this.$t('recordNotFound'));
+          return
         }
 
-        return
-      }
+        const { pageID } = recordPages[0];
 
-      let routeName = 'page.record';
+        if (this.$router.app.$options.name !== 'compose') {
+          const u = new URL(window.location);
+          const url = `${u.origin}/compose/ns/${slug}/pages/${pageID}/record/${recordID}/${edit ? 'edit' : ''}`;
 
-      if (!recordID || recordID === '0') {
-        routeName += '.create';
-      } else if (edit) {
-        routeName += '.edit';
-      }
+          if (openMode === 'newTab') {
+            window.open(url, '_blank');
+          } else {
+            window.location = url;
+          }
 
-      const routeParams = {
-        name: routeName,
-        params: {
-          recordID,
-          pageID,
-          slug,
-          edit,
-        },
-      };
+          return
+        }
 
-      // If name and params match, make sure to refresh page instead of pushing
-      const sameRoute = routeName === this.$route.name &&
-                      slug === this.$route.params.slug &&
-                      pageID === this.$route.params.pageID &&
-                      recordID === this.$route.params.recordID;
-
-      if (openMode === 'newTab') {
-        window.open(this.$router.resolve(routeParams).href, '_blank');
-      } else if (this.isOnPagesRouteOrChild && !sameRoute && openMode === 'modal') {
-        this.$root.$emit('show-record-modal', {
-          recordID: !recordID || recordID === '0' ? '0' : recordID,
-            recordPageID: pageID,
+        let routeName = 'page.record';
+
+        if (!recordID || recordID === '0') {
+          routeName += '.create';
+        } else if (edit) {
+          routeName += '.edit';
+        }
+
+        const routeParams = {
+          name: routeName,
+          params: {
+            recordID,
+            pageID,
+            slug,
             edit,
-        });
+          },
+        };
 
-        return
-      } else {
-        this.$router.push(routeParams);
+        // If name and params match, make sure to refresh page instead of pushing
+        const sameRoute = routeName === this.$route.name &&
+                        slug === this.$route.params.slug &&
+                        pageID === this.$route.params.pageID &&
+                        recordID === this.$route.params.recordID;
+
+        if (openMode === 'newTab') {
+          window.open(this.$router.resolve(routeParams).href, '_blank');
+        } else if (this.isOnPagesRouteOrChild && !sameRoute && openMode === 'modal') {
+          this.$root.$emit('show-record-modal', {
+            recordID: !recordID || recordID === '0' ? '0' : recordID,
+              recordPageID: pageID,
+              edit,
+          });
+
+          return
+        } else {
+          this.$router.push(routeParams);
+        }
+      } catch (error) {
+        this.toastErrorHandler(this.$t('recordRedirectError'))(error);
       }
     },
   },
@@ -21145,8 +21175,8 @@ var __vue_staticRenderFns__$9 = [];
     undefined);
 
 var NotificationTypes = {
-    Simple: __vue_component__$a,
-    Record: __vue_component__$9,
+    NotificationSimple: __vue_component__$a,
+    NotificationRecord: __vue_component__$9,
 };
 
 //
@@ -21243,7 +21273,7 @@ var script$8 = {
       let { kind } = this.notification;
       kind = kind.charAt(0).toUpperCase() + kind.slice(1);
 
-      return NotificationTypes[kind]
+      return NotificationTypes[`Notification${kind}`]
     },
   },
 };
@@ -21258,11 +21288,11 @@ var __vue_staticRenderFns__$8 = [];
   /* style */
   const __vue_inject_styles__$8 = function (inject) {
     if (!inject) return
-    inject("data-v-27eea3d6_0", { source: ".notification-item-container[data-v-27eea3d6]:hover{background-color:var(--light)!important}.notification-item-container .notification-item[data-v-27eea3d6]{transition:background-color .2s ease;cursor:pointer}.notification-item-container .notification-item.read .notification-item-content[data-v-27eea3d6]{opacity:.5!important}.notification-item-container:hover .action-menu[data-v-27eea3d6]{opacity:1!important;pointer-events:auto}.notification-item-container .action-menu[data-v-27eea3d6]{position:absolute;top:.5rem;right:.5rem;z-index:2;opacity:0;pointer-events:none;transition:opacity .2s ease}", map: undefined, media: undefined });
+    inject("data-v-de33bfca_0", { source: ".notification-item-container[data-v-de33bfca]:hover{background-color:var(--light)!important}.notification-item-container .notification-item[data-v-de33bfca]{transition:background-color .2s ease;cursor:pointer}.notification-item-container .notification-item.read .notification-item-content[data-v-de33bfca]{opacity:.5!important}.notification-item-container:hover .action-menu[data-v-de33bfca]{opacity:1!important;pointer-events:auto}.notification-item-container .action-menu[data-v-de33bfca]{position:absolute;top:.5rem;right:.5rem;z-index:2;opacity:0;pointer-events:none;transition:opacity .2s ease}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$8 = "data-v-27eea3d6";
+  const __vue_scope_id__$8 = "data-v-de33bfca";
   /* module identifier */
   const __vue_module_identifier__$8 = undefined;
   /* functional template */