@cortezaproject/corteza-vue 2023.3.0-dev.6 → 2023.3.0-rc.2

package/dist/index.es.js

@@ -7,6 +7,7 @@ import detector from 'i18next-browser-languagedetector';
 import multiload from 'i18next-multiload-backend-adapter';
 import VueI18Next from '@panter/vue-i18next';
 import path from 'path';
+import { createPopper } from '@popperjs/core';
 import { PhotoSwipe } from 'v-photoswipe';
 import pdfjs from 'pdfjs-dist';
 import Draggable from 'vuedraggable';
@@ -18,7 +19,6 @@ import { library } from '@fortawesome/fontawesome-svg-core';
 import { faLock } from '@fortawesome/free-solid-svg-icons';
 import { VueSelect } from 'vue-select';
 import { mapGetters, mapActions } from 'vuex';
-import { createPopper } from '@popperjs/core';
 import _, { debounce, throttle } from 'lodash';
 import pino from 'pino';
 import fzy from 'fuzzysort';
@@ -14140,12 +14140,65 @@ var files = {
   }
 };
 
+var calculateDropdownPosition = {
+  methods: {
+    calculateDropdownPosition(dropdownList, component, {
+      width
+    }) {
+      /**
+       * We need to explicitly define the dropdown width since
+       * it is usually inherited from the parent with CSS.
+       */
+      dropdownList.style.width = width;
+      /**
+       * Here we position the dropdownList relative to the $refs.toggle Element.
+       *
+       * The 'offset' modifier aligns the dropdown so that the $refs.toggle and
+       * the dropdownList overlap by 1 pixel.
+       *
+       * The 'toggleClass' modifier adds a 'drop-up' class to the Vue Select
+       * wrapper so that we can set some styles for when the dropdown is placed
+       * above.
+       */
+
+      const popper = createPopper(component.$refs.toggle, dropdownList, {
+        placement: 'bottom',
+        modifiers: [{
+          name: 'offset',
+          options: {
+            offset: [0, -1]
+          }
+        }, {
+          name: 'toggleClass',
+          enabled: true,
+          phase: 'write',
+
+          fn({
+            state
+          }) {
+            component.$el.classList.toggle('drop-up', state.placement === 'top');
+          }
+
+        }]
+      });
+      /**
+       * To prevent memory leaks Popper needs to be destroyed.
+       * If you return function, it will be called just before dropdown is removed from DOM.
+       */
+
+      return () => popper.destroy();
+    }
+
+  }
+};
+
 
 
 var index$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   corredor: corredor,
-  files: files
+  files: files,
+  vueSelectPosition: calculateDropdownPosition
 });
 
 var script = {
@@ -79840,6 +79893,7 @@ var script$s = {
     Rules: __vue_component__$s,
     VueSelect
   },
+  mixins: [calculateDropdownPosition],
   props: {
     labels: {
       required: false,
@@ -80258,6 +80312,18 @@ var script$s = {
       }
 
       return this.$t(`permissions:ui.tooltip.unknown-context.${isUser ? 'user' : 'role'}`);
+    },
+
+    getOptionRoleKey({
+      roleID
+    }) {
+      return roleID;
+    },
+
+    getOptionUserKey({
+      userID
+    }) {
+      return userID;
     }
 
   }
@@ -80267,18 +80333,18 @@ var script$s = {
 const __vue_script__$s = script$s;
 
 /* template */
-var __vue_render__$p = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{staticClass:"h-100 overflow-hidden",attrs:{"id":"permissions-modal","visible":_vm.showModal,"size":"xl","title":_vm.translatedTitle,"lazy":"","scrollable":"","ok-disabled":_vm.submitDisabled,"ok-title":_vm.labels.save,"cancel-title":_vm.labels.cancel,"cancel-variant":"light","body-class":"d-flex flex-column p-0"},on:{"hide":_vm.onHide,"ok":_vm.onSubmit}},[_c('b-row',{staticClass:"bg-extra-light border-bottom",attrs:{"no-gutters":""}},[_c('b-col',{staticClass:"p-3",attrs:{"lg":"4"}},[_vm._v("\n        "+_vm._s(_vm.labels.edit.description)+"\n      ")]),_vm._v(" "),_c('b-col',{staticClass:"d-none d-lg-block border-left p-3"},[_vm._v("\n        "+_vm._s(_vm.labels.evaluate.description)+"\n      ")])],1),_vm._v(" "),_c('b-row',{staticClass:"bg-extra-light",attrs:{"no-gutters":"","align-v":"stretch"}},[_c('b-col',{staticClass:"d-flex align-items-center p-3 border-bottom",attrs:{"lg":"4"}},[_c('b-form-group',{staticClass:"mb-0 w-100",attrs:{"label":_vm.labels.edit.label,"label-class":"text-primary"}},[_c('vue-select',{key:"roleID",staticClass:"h-100 bg-white",attrs:{"data-test-id":"select-user-list-roles","label":"name","clearable":false,"options":_vm.roles,"append-to-body":""},on:{"input":_vm.onRoleChange},model:{value:(_vm.currentRole),callback:function ($$v) {_vm.currentRole=$$v;},expression:"currentRole"}})],1)],1),_vm._v(" "),_vm._l((_vm.evaluate),function(e,i){return _c('b-col',{key:i,staticClass:"pointer hide-eval border-bottom d-none d-lg-flex flex-column align-items-center justify-content-center overflow-hidden border-left p-3",attrs:{"data-test-id":"icon-remove","lg":"2"},on:{"click":function($event){return _vm.onHideEval(i)}}},[_vm._l((_vm.getEvalName(e)),function(n,index){return _c('label',{key:index,staticClass:"pointer text-center text-primary text-break mb-1",attrs:{"title":n}},[_vm._v("\n          "+_vm._s(n)+"\n        ")])}),_vm._v(" "),_c('font-awesome-icon',{staticClass:"text-secondary rotate mt-1",attrs:{"icon":['fas', 'plus']}})],2)}),_vm._v(" "),(_vm.evaluate.length < 4)?_c('b-col',{directives:[{name:"b-modal",rawName:"v-b-modal.permissions-modal-eval",modifiers:{"permissions-modal-eval":true}}],staticClass:"d-none d-lg-flex pointer border-bottom flex-column align-items-center justify-content-center overflow-hidden border-left p-3",attrs:{"data-test-id":"icon-add"}},[_c('label',{staticClass:"pointer text-center text-primary text-break mb-1"},[_vm._v("\n          "+_vm._s(_vm.labels.add.label)+"\n        ")]),_vm._v(" "),_c('font-awesome-icon',{staticClass:"text-success d-block mx-auto mt-1",attrs:{"icon":['fas', 'plus']}})],1):_vm._e()],2),_vm._v(" "),(_vm.processing)?_c('div',{staticClass:"d-flex flex-column align-items-center justify-content-center h-100 py-4",staticStyle:{"min-height":"50vh"}},[_c('b-spinner'),_vm._v(" "),_c('div',[_vm._v("\n        "+_vm._s(_vm.labels.loading)+"\n      ")])],1):_c('b-row',{attrs:{"no-gutters":""}},[_c('b-col',{staticClass:"p-3",attrs:{"lg":"4"}},[_c('rules',{attrs:{"rules":_vm.rules},on:{"update:rules":function($event){_vm.rules=$event;}}})],1),_vm._v(" "),_vm._l((_vm.evaluate),function(e,i){return _c('b-col',{key:i,staticClass:"d-none d-lg-flex border-left p-3 bg-extra-light not-allowed",attrs:{"lg":"2"}},[_c('div',{staticClass:"d-flex flex-column align-items-center justify-content-between mt-4 w-100"},_vm._l((e.rules),function(r){return _c('h5',{key:r.operation,staticClass:"text-center mb-1 mt-2 w-100",attrs:{"title":_vm.getRuleTooltip(r.access === 'unknown-context', !!e.userID)}},[(r.access === 'unknown-context')?_c('font-awesome-icon',{staticClass:"text-secondary",attrs:{"icon":['fas', 'question']}}):(r.access === 'allow')?_c('font-awesome-icon',{staticClass:"text-success",attrs:{"icon":['fas', 'check']}}):_c('font-awesome-icon',{staticClass:"text-danger",attrs:{"icon":['fas', 'times']}})],1)}),0)])}),_vm._v(" "),_c('b-col',{staticClass:"d-none d-lg-block pt-4 border-left"})],2)],1),_vm._v(" "),_c('b-modal',{attrs:{"id":"permissions-modal-eval","title":_vm.labels.add.title,"centered":"","ok-only":"","ok-title":_vm.labels.add.save,"ok-disabled":!_vm.addEnabled},on:{"ok":_vm.onAddEval}},[_c('b-form-group',{staticClass:"mb-0",attrs:{"label":_vm.labels.add.role.label,"label-class":"text-primary"}},[_c('vue-select',{key:"roleID",staticClass:"bg-white",attrs:{"data-test-id":"select-role","options":_vm.roles,"label":"name","multiple":"","clearable":"","disabled":!!_vm.add.userID,"placeholder":_vm.labels.add.role.placeholder},model:{value:(_vm.add.roleID),callback:function ($$v) {_vm.$set(_vm.add, "roleID", $$v);},expression:"add.roleID"}})],1),_vm._v(" "),_c('b-form-group',{staticClass:"mt-3 mb-0",attrs:{"label":_vm.labels.add.user.label,"label-class":"text-primary"}},[_c('vue-select',{key:"userID",staticClass:"bg-white",attrs:{"data-test-id":"select-user","disabled":!!_vm.add.roleID.length,"options":_vm.userOptions,"get-option-label":_vm.getUserLabel,"label":"name","clearable":"","placeholder":_vm.labels.add.user.placeholder},on:{"search":_vm.searchUsers},model:{value:(_vm.add.userID),callback:function ($$v) {_vm.$set(_vm.add, "userID", $$v);},expression:"add.userID"}})],1)],1)],1)};
+var __vue_render__$p = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{staticClass:"h-100 overflow-hidden",attrs:{"id":"permissions-modal","visible":_vm.showModal,"size":"xl","title":_vm.translatedTitle,"lazy":"","scrollable":"","ok-disabled":_vm.submitDisabled,"ok-title":_vm.labels.save,"cancel-title":_vm.labels.cancel,"cancel-variant":"light","body-class":"d-flex flex-column p-0"},on:{"hide":_vm.onHide,"ok":_vm.onSubmit}},[_c('b-row',{staticClass:"bg-extra-light border-bottom",attrs:{"no-gutters":""}},[_c('b-col',{staticClass:"p-3",attrs:{"lg":"4"}},[_vm._v("\n        "+_vm._s(_vm.labels.edit.description)+"\n      ")]),_vm._v(" "),_c('b-col',{staticClass:"d-none d-lg-block border-left p-3"},[_vm._v("\n        "+_vm._s(_vm.labels.evaluate.description)+"\n      ")])],1),_vm._v(" "),_c('b-row',{staticClass:"bg-extra-light",attrs:{"no-gutters":"","align-v":"stretch"}},[_c('b-col',{staticClass:"d-flex align-items-center p-3 border-bottom",attrs:{"lg":"4"}},[_c('b-form-group',{staticClass:"mb-0 w-100",attrs:{"label":_vm.labels.edit.label,"label-class":"text-primary"}},[_c('vue-select',{key:"roleID",staticClass:"h-100 bg-white",attrs:{"data-test-id":"select-user-list-roles","label":"name","clearable":false,"options":_vm.roles,"get-option-key":_vm.getOptionRoleKey,"append-to-body":"","calculate-position":_vm.calculateDropdownPosition},on:{"input":_vm.onRoleChange},model:{value:(_vm.currentRole),callback:function ($$v) {_vm.currentRole=$$v;},expression:"currentRole"}})],1)],1),_vm._v(" "),_vm._l((_vm.evaluate),function(e,i){return _c('b-col',{key:i,staticClass:"pointer hide-eval border-bottom d-none d-lg-flex flex-column align-items-center justify-content-center overflow-hidden border-left p-3",attrs:{"data-test-id":"icon-remove","lg":"2"},on:{"click":function($event){return _vm.onHideEval(i)}}},[_vm._l((_vm.getEvalName(e)),function(n,index){return _c('label',{key:index,staticClass:"pointer text-center text-primary text-break mb-1",attrs:{"title":n}},[_vm._v("\n          "+_vm._s(n)+"\n        ")])}),_vm._v(" "),_c('font-awesome-icon',{staticClass:"text-secondary rotate mt-1",attrs:{"icon":['fas', 'plus']}})],2)}),_vm._v(" "),(_vm.evaluate.length < 4)?_c('b-col',{directives:[{name:"b-modal",rawName:"v-b-modal.permissions-modal-eval",modifiers:{"permissions-modal-eval":true}}],staticClass:"d-none d-lg-flex pointer border-bottom flex-column align-items-center justify-content-center overflow-hidden border-left p-3",attrs:{"data-test-id":"icon-add"}},[_c('label',{staticClass:"pointer text-center text-primary text-break mb-1"},[_vm._v("\n          "+_vm._s(_vm.labels.add.label)+"\n        ")]),_vm._v(" "),_c('font-awesome-icon',{staticClass:"text-success d-block mx-auto mt-1",attrs:{"icon":['fas', 'plus']}})],1):_vm._e()],2),_vm._v(" "),(_vm.processing)?_c('div',{staticClass:"d-flex flex-column align-items-center justify-content-center h-100 py-4",staticStyle:{"min-height":"50vh"}},[_c('b-spinner'),_vm._v(" "),_c('div',[_vm._v("\n        "+_vm._s(_vm.labels.loading)+"\n      ")])],1):_c('b-row',{attrs:{"no-gutters":""}},[_c('b-col',{staticClass:"p-3",attrs:{"lg":"4"}},[_c('rules',{attrs:{"rules":_vm.rules},on:{"update:rules":function($event){_vm.rules=$event;}}})],1),_vm._v(" "),_vm._l((_vm.evaluate),function(e,i){return _c('b-col',{key:i,staticClass:"d-none d-lg-flex border-left p-3 bg-extra-light not-allowed",attrs:{"lg":"2"}},[_c('div',{staticClass:"d-flex flex-column align-items-center justify-content-between mt-4 w-100"},_vm._l((e.rules),function(r){return _c('h5',{key:r.operation,staticClass:"text-center mb-1 mt-2 w-100",attrs:{"title":_vm.getRuleTooltip(r.access === 'unknown-context', !!e.userID)}},[(r.access === 'unknown-context')?_c('font-awesome-icon',{staticClass:"text-secondary",attrs:{"icon":['fas', 'question']}}):(r.access === 'allow')?_c('font-awesome-icon',{staticClass:"text-success",attrs:{"icon":['fas', 'check']}}):_c('font-awesome-icon',{staticClass:"text-danger",attrs:{"icon":['fas', 'times']}})],1)}),0)])}),_vm._v(" "),_c('b-col',{staticClass:"d-none d-lg-block pt-4 border-left"})],2)],1),_vm._v(" "),_c('b-modal',{attrs:{"id":"permissions-modal-eval","title":_vm.labels.add.title,"centered":"","ok-only":"","ok-title":_vm.labels.add.save,"ok-disabled":!_vm.addEnabled},on:{"ok":_vm.onAddEval}},[_c('b-form-group',{staticClass:"mb-0",attrs:{"label":_vm.labels.add.role.label,"label-class":"text-primary"}},[_c('vue-select',{key:"roleID",staticClass:"bg-white",attrs:{"data-test-id":"select-role","options":_vm.roles,"get-option-key":_vm.getOptionRoleKey,"label":"name","multiple":"","clearable":"","disabled":!!_vm.add.userID,"placeholder":_vm.labels.add.role.placeholder,"calculate-position":_vm.calculateDropdownPosition},model:{value:(_vm.add.roleID),callback:function ($$v) {_vm.$set(_vm.add, "roleID", $$v);},expression:"add.roleID"}})],1),_vm._v(" "),_c('b-form-group',{staticClass:"mt-3 mb-0",attrs:{"label":_vm.labels.add.user.label,"label-class":"text-primary"}},[_c('vue-select',{key:"userID",staticClass:"bg-white",attrs:{"data-test-id":"select-user","disabled":!!_vm.add.roleID.length,"options":_vm.userOptions,"get-option-label":_vm.getUserLabel,"get-option-key":_vm.getOptionUserKey,"label":"name","clearable":"","placeholder":_vm.labels.add.user.placeholder,"calculate-position":_vm.calculateDropdownPosition},on:{"search":_vm.searchUsers},model:{value:(_vm.add.userID),callback:function ($$v) {_vm.$set(_vm.add, "userID", $$v);},expression:"add.userID"}})],1)],1)],1)};
 var __vue_staticRenderFns__$p = [];
 
   /* style */
   const __vue_inject_styles__$t = function (inject) {
     if (!inject) return
-    inject("data-v-48c9ff94_0", { source: ".not-allowed[data-v-48c9ff94]{cursor:not-allowed}.bg-extra-light[data-v-48c9ff94]{background-color:#f3f5f7}.pointer[data-v-48c9ff94]{cursor:pointer}.rotate[data-v-48c9ff94]{transform:rotate(45deg)}.hide-eval:hover .rotate[data-v-48c9ff94]{color:#162425!important}", map: undefined, media: undefined })
-,inject("data-v-48c9ff94_1", { source: "#permissions-modal .v-select,#permissions-modal-eval .v-select{min-width:100%}#permissions-modal .v-select .vs__selected-options,#permissions-modal-eval .v-select .vs__selected-options{flex-wrap:wrap}", map: undefined, media: undefined });
+    inject("data-v-10cd8f99_0", { source: ".not-allowed[data-v-10cd8f99]{cursor:not-allowed}.bg-extra-light[data-v-10cd8f99]{background-color:#f3f5f7}.pointer[data-v-10cd8f99]{cursor:pointer}.rotate[data-v-10cd8f99]{transform:rotate(45deg)}.hide-eval:hover .rotate[data-v-10cd8f99]{color:#162425!important}", map: undefined, media: undefined })
+,inject("data-v-10cd8f99_1", { source: "#permissions-modal .v-select,#permissions-modal-eval .v-select{min-width:100%}#permissions-modal .v-select .vs__selected-options,#permissions-modal-eval .v-select .vs__selected-options{flex-wrap:wrap}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$t = "data-v-48c9ff94";
+  const __vue_scope_id__$t = "data-v-10cd8f99";
   /* module identifier */
   const __vue_module_identifier__$t = undefined;
   /* functional template */
@@ -80739,7 +80805,7 @@ var script$x = {
       }
     }, 300),
 
-    calculatePosition(dropdownList, component, {
+    calculateDropdownPosition(dropdownList, component, {
       width
     }) {
       /**
@@ -80835,6 +80901,12 @@ var script$x = {
 
     goToPage(next = true) {
       this.filter.pageCursor = next ? this.filter.nextPage : this.filter.prevPage;
+    },
+
+    getOptionKey({
+      recordID
+    }) {
+      return recordID;
     }
 
   }
@@ -80844,7 +80916,7 @@ var script$x = {
 const __vue_script__$x = script$x;
 
 /* template */
-var __vue_render__$t = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('p',[_vm._v("\n    "+_vm._s(_vm.message)+"\n  ")]),_vm._v(" "),_c('div',{staticClass:"text-center m-2"},[_c('vue-select',{staticClass:"bg-white w-100 mb-3",attrs:{"options":_vm.options,"loading":_vm.processing,"append-to-body":"","calculate-position":_vm.calculatePosition,"option-value":"recordID","option-text":"label","placeholder":"Select record","filterable":false},on:{"search":_vm.search},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v;},expression:"value"}},[(_vm.showPagination)?_c('c-pagination',{attrs:{"slot":"list-footer","has-prev-page":_vm.hasPrevPage,"has-next-page":_vm.hasNextPage},on:{"prev":function($event){return _vm.goToPage(false)},"next":function($event){return _vm.goToPage(true)}},slot:"list-footer"}):_vm._e()],1),_vm._v(" "),_c('b-button',{attrs:{"disabled":_vm.loading},on:{"click":function($event){_vm.$emit('submit', { value: _vm.encodeValue() });}}},[_vm._v("\n      "+_vm._s(_vm.pVal('buttonLabel', 'Submit'))+"\n    ")])],1)])};
+var __vue_render__$t = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('p',[_vm._v("\n    "+_vm._s(_vm.message)+"\n  ")]),_vm._v(" "),_c('div',{staticClass:"text-center m-2"},[_c('vue-select',{staticClass:"bg-white w-100 mb-3",attrs:{"options":_vm.options,"get-option-key":_vm.getOptionKey,"loading":_vm.processing,"append-to-body":"","calculate-position":_vm.calculateDropdownPosition,"option-value":"recordID","option-text":"label","placeholder":"Select record","filterable":false},on:{"search":_vm.search},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v;},expression:"value"}},[(_vm.showPagination)?_c('c-pagination',{attrs:{"slot":"list-footer","has-prev-page":_vm.hasPrevPage,"has-next-page":_vm.hasNextPage},on:{"prev":function($event){return _vm.goToPage(false)},"next":function($event){return _vm.goToPage(true)}},slot:"list-footer"}):_vm._e()],1),_vm._v(" "),_c('b-button',{attrs:{"disabled":_vm.loading},on:{"click":function($event){_vm.$emit('submit', { value: _vm.encodeValue() });}}},[_vm._v("\n      "+_vm._s(_vm.pVal('buttonLabel', 'Submit'))+"\n    ")])],1)])};
 var __vue_staticRenderFns__$t = [];
 
   /* style */
@@ -84424,6 +84496,7 @@ var script$Z = {
   components: {
     VueSelect
   },
+  mixins: [calculateDropdownPosition],
   props: {
     value: {
       type: String,
@@ -84504,6 +84577,12 @@ var script$Z = {
 
     onInput(sensitivityLevelID) {
       this.$emit('input', sensitivityLevelID ? sensitivityLevelID : NoID);
+    },
+
+    getOptionKey({
+      sensitivityLevelID
+    }) {
+      return sensitivityLevelID;
     }
 
   }
@@ -84513,7 +84592,7 @@ var script$Z = {
 const __vue_script__$Z = script$Z;
 
 /* template */
-var __vue_render__$T = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vue-select',{key:"type",staticClass:"bg-white",attrs:{"value":_vm._value,"disabled":_vm._disabled,"options":_vm.sensitivityLevels,"get-option-label":_vm.getLabel,"placeholder":_vm.placeholder,"reduce":function (l) { return l.sensitivityLevelID; },"append-to-body":""},on:{"input":_vm.onInput}})};
+var __vue_render__$T = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vue-select',{key:"type",staticClass:"bg-white",attrs:{"value":_vm._value,"disabled":_vm._disabled,"options":_vm.sensitivityLevels,"get-option-label":_vm.getLabel,"get-option-key":_vm.getOptionKey,"placeholder":_vm.placeholder,"reduce":function (l) { return l.sensitivityLevelID; },"append-to-body":"","calculate-position":_vm.calculateDropdownPosition},on:{"input":_vm.onInput}})};
 var __vue_staticRenderFns__$T = [];
 
   /* style */