@yoobic/yobi 8.2.0-1 → 8.2.0-12

package/dist/cjs/{grid-renderers-86d1f379.js → grid-renderers-0c9a0d03.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-const index$1 = require('./index-d31793a3.js');
-const index = require('./index-2e908abb.js');
+const index$1 = require('./index-3c14640e.js');
+const index = require('./index-6690429f.js');
 const lodash = require('./lodash-597bda6d.js');
-const missionsHelpers = require('./missions-helpers-d6be8a60.js');
-const commonHelpers = require('./common-helpers-bc54ccb6.js');
-const formHelpers = require('./form-helpers-b4a4a838.js');
+const missionsHelpers = require('./missions-helpers-c6a72b48.js');
+const commonHelpers = require('./common-helpers-f4a06bb8.js');
+const formHelpers = require('./form-helpers-ccbdb8ff.js');
 const geolocationHelpers = require('./geolocation-helpers-c499cf4c.js');
 
 const countryFlag = (country) => {
@@ -280,10 +280,10 @@ function isCSVOrExcel(params) {
   return (params === null || params === void 0 ? void 0 : params.type) === 'excel' || (params === null || params === void 0 ? void 0 : params.type) === 'csv';
 }
 function defaultRenderer(params) {
-  var _a;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
   let retVal = params.value || '';
   let translateFunction = index.translateMulti;
-  if (params && params.colDef && params.colDef.translate) {
+  if ((_a = params === null || params === void 0 ? void 0 : params.colDef) === null || _a === void 0 ? void 0 : _a.translate) {
     translateFunction = index.translate;
   }
   if (lodash.isArray(retVal)) {
@@ -294,11 +294,15 @@ function defaultRenderer(params) {
     if (retVal === null || retVal === void 0 ? void 0 : retVal.title) {
       retVal = retVal.title;
     }
-    if (params && params.colDef && params.colDef.fieldDefinition && params.colDef.fieldDefinition.valuesColor) {
+    if ((_c = (_b = params === null || params === void 0 ? void 0 : params.colDef) === null || _b === void 0 ? void 0 : _b.fieldDefinition) === null || _c === void 0 ? void 0 : _c.valuesColor) {
       valuesColor = params.colDef.fieldDefinition.valuesColor;
     }
-    const color = (_a = valuesColor === null || valuesColor === void 0 ? void 0 : valuesColor.find((c) => c.key === retVal)) === null || _a === void 0 ? void 0 : _a.value;
+    const color = (_d = valuesColor === null || valuesColor === void 0 ? void 0 : valuesColor.find((c) => c.key === retVal)) === null || _d === void 0 ? void 0 : _d.value;
     const contrast = color ? index.getContrastColor(color) : index.getCssColor('dark');
+    if ((_f = (_e = params === null || params === void 0 ? void 0 : params.colDef) === null || _e === void 0 ? void 0 : _e.fieldDefinition) === null || _f === void 0 ? void 0 : _f.values) {
+      const title = (_j = (_h = (_g = params === null || params === void 0 ? void 0 : params.colDef) === null || _g === void 0 ? void 0 : _g.fieldDefinition) === null || _h === void 0 ? void 0 : _h.values.find((v) => (v === null || v === void 0 ? void 0 : v.value) === retVal)) === null || _j === void 0 ? void 0 : _j.title;
+      retVal = title || retVal;
+    }
     if (params.isExport) {
       return translateFunction(stripHtml((retVal === null || retVal === void 0 ? void 0 : retVal.toString()) || ''));
     }
@@ -306,10 +310,10 @@ function defaultRenderer(params) {
   }
 }
 function exportRenderer(params) {
-  //params = cloneDeep(params || {} as any);
+  var _a;
   params.isExport = true;
   let retVal;
-  if (params && params.column && params.column.getColDef) {
+  if ((_a = params === null || params === void 0 ? void 0 : params.column) === null || _a === void 0 ? void 0 : _a.getColDef) {
     const colDef = params.column.getColDef();
     if (lodash.isFunction(colDef.cellRenderer)) {
       retVal = colDef.cellRenderer(params);
@@ -370,15 +374,19 @@ function aclRoleRenderer(params) {
 function tagsRenderer(params) {
   let retVal = lodash.compact([].concat(params.value || []));
   retVal = retVal.map((value) => {
+    var _a;
     if (!lodash.isString(value)) {
       value = value.tag;
     }
+    if ((_a = params) === null || _a === void 0 ? void 0 : _a.translate) {
+      value = index.translate(value);
+    }
     return value;
   });
   const tooltip = document.createElement('yoo-tooltip');
   tooltip.setAttribute('hoverable', 'true');
   const tooltipContent = retVal.join(', ');
-  const content = retVal.map((t) => `<yoo-tag color="stable">${t}</yoo-tag>`).join('');
+  const content = retVal.map((t) => { var _a, _b; return `<yoo-tag color="${((_b = (_a = params) === null || _a === void 0 ? void 0 : _a.getColor) === null || _b === void 0 ? void 0 : _b.call(_a, params.value)) || 'stable'}">${t}</yoo-tag>`; }).join('');
   tooltip.delay = [1500, 0];
   tooltip.content = tooltipContent;
   tooltip.placement = 'bottom';
@@ -388,18 +396,19 @@ function tagsRenderer(params) {
   truncate.innerHTML = content;
   tooltip.appendChild(truncate);
   const container = document.createElement('div');
-  // container.classList.add('scrollable');
-  // container.classList.add('margin-top');
   container.appendChild(tooltip);
   if (params.isExport) {
     return content;
   }
-  return container; // tooltip; // ;
+  return container;
 }
-function truncateRenderer(params) {
+function truncateRenderer(params, extraHtml) {
   const tooltip = document.createElement('yoo-tooltip');
   tooltip.setAttribute('hoverable', 'true');
-  const content = (lodash.isArray(params.value) ? params.value.join(', ') : params.value) || '';
+  let content = (lodash.isArray(params.value) ? params.value.join(', ') : params.value) || '';
+  if (extraHtml) {
+    content = '<div style="white-space: nowrap;display:flex">' + extraHtml + '<span style="white-space:nowrap;flex:1;;overflow:hidden;text-overflow:ellipsis;">' + content + '</span></div>';
+  }
   tooltip.content = content;
   tooltip.placement = 'bottom';
   tooltip.delay = [1500, 0];
@@ -444,10 +453,10 @@ function translateRenderer(params) {
   if (lodash.isNumber(value)) {
     return value;
   }
-  else if (value && value.toUpperCase) {
+  else if (value === null || value === void 0 ? void 0 : value.toUpperCase) {
     return index.translateMulti(value.toUpperCase());
   }
-  else if ((value === null || value === void 0 ? void 0 : value.value) && ((_a = value === null || value === void 0 ? void 0 : value.value) === null || _a === void 0 ? void 0 : _a.toUpperCase)) {
+  else if ((_a = value === null || value === void 0 ? void 0 : value.value) === null || _a === void 0 ? void 0 : _a.toUpperCase) {
     return index.translateMulti(value.value.toUpperCase());
   }
   return '';
@@ -469,7 +478,7 @@ function numberWithVariationRenderer(params) {
   return retVal;
 }
 function numberRenderer(params) {
-  var _a, _b;
+  var _a;
   const factor = params.factor || 1;
   const precision = params.numberPrecision;
   let retVal = params.value;
@@ -486,7 +495,7 @@ function numberRenderer(params) {
   else if (lodash.isNumber(params.defaultValue)) {
     retVal = params.defaultValue.toString();
   }
-  else if (retVal && retVal.toString) {
+  else if (retVal === null || retVal === void 0 ? void 0 : retVal.toString) {
     retVal = retVal.toString();
   }
   else if ((_a = params) === null || _a === void 0 ? void 0 : _a.loader) {
@@ -501,9 +510,6 @@ function numberRenderer(params) {
   if (params.isExport) {
     return retVal.toString();
   }
-  if (((_b = params.data) === null || _b === void 0 ? void 0 : _b.fftype) === 'folder') {
-    return '-';
-  }
   if (params.icon) {
     return `<div class="top-container"><yoo-icon class="margin-right" name="${params.icon}" color="${params.color}"></yoo-icon><span>${retVal.toString()}</span></div>`;
   }
@@ -539,9 +545,7 @@ function durationRenderer(params) {
 }
 function distanceRenderer(params) {
   var _a, _b;
-  // const keyPath = params.colDef.field.split('.');
   let value;
-  // if (isArray(keyPath) && keyPath.indexOf('distance') > -1 && params && params.node && params.data && params.node.data.getIn) {
   let _geoloc = (_a = params.node.data) === null || _a === void 0 ? void 0 : _a._geoloc;
   let _geolocSave = (_b = params.node.data) === null || _b === void 0 ? void 0 : _b._geolocSave;
   _geoloc = lodash.isEmpty(_geoloc) === false ? (_geoloc.toJS ? _geoloc.toJS() : _geoloc) : '';
@@ -549,7 +553,6 @@ function distanceRenderer(params) {
   if (_geoloc && _geoloc.length === 2 && _geolocSave && _geolocSave.length === 2) {
     value = getDistance(_geolocSave[1], _geolocSave[0], _geoloc[1], _geoloc[0]);
   }
-  // }
   return geolocationHelpers.formatDistance(value);
 }
 function getDistance(lat1, lon1, lat2, lon2, unit = 'K') {
@@ -700,7 +703,6 @@ function photoRenderer(params) {
 function multiphotoRenderer(params) {
   const photos = params.value;
   if (photos && lodash.isArray(photos) && photos.length > 0) {
-    //return photos.map((photo) => `<yoo-img style="${getStyle(roundedImageStyle)}" src="${photo || ''}" />`).join(' ');
     const container = document.createElement('div');
     container.style.display = 'inherit';
     photos.forEach((photo, index$1) => {
@@ -725,7 +727,6 @@ function imageRenderer(params) {
   const colDef = (_a = params.column) === null || _a === void 0 ? void 0 : _a.getColDef();
   photos = lodash.compact([].concat((_c = (_b = colDef) === null || _b === void 0 ? void 0 : _b.fieldDefinition) === null || _c === void 0 ? void 0 : _c.imagesCarousel));
   if (photos && lodash.isArray(photos) && photos.length > 0) {
-    //return photos.map((photo) => `<yoo-img style="${getStyle(roundedImageStyle)}" src="${photo || ''}" />`).join(' ');
     const container = document.createElement('div');
     container.style.display = 'inherit';
     photos.forEach((photo) => {
@@ -741,11 +742,12 @@ function imageRenderer(params) {
   return '';
 }
 function videoRenderer(params) {
-  return '<video class="ag-cell-image video" [src]="' + params.value + '"></video>';
+  return (params === null || params === void 0 ? void 0 : params.value) ? '<video class="ag-cell-image video" src="' + params.value + '"></video>' : '';
 }
 function starratingRenderer(params) {
+  var _a, _b;
   let max = 5;
-  if (params.colDef && params.colDef.cellRendererParams && params.colDef.cellRendererParams.max) {
+  if ((_b = (_a = params.colDef) === null || _a === void 0 ? void 0 : _a.cellRendererParams) === null || _b === void 0 ? void 0 : _b.max) {
     max = params.colDef.cellRendererParams.max;
   }
   return '<yoo-form-star-rating class="ag-cell-image app-color" readonly="true" max="' + max + '" value="' + params.value + '"></yoo-form-star-rating>';
@@ -770,14 +772,14 @@ function taskRenderer(params) {
 }
 function todoRenderer(params) {
   const value = params.value;
-  if (value && value.values) {
+  if (value === null || value === void 0 ? void 0 : value.values) {
     return lodash.map(value.values, (v) => v.text.value).join(', ');
   }
   return '';
 }
 function timerRenderer(params) {
   const value = params.value;
-  if (value && value.startDate && value.endDate) {
+  if ((value === null || value === void 0 ? void 0 : value.startDate) && (value === null || value === void 0 ? void 0 : value.endDate)) {
     const ms = index.dateDiff(index.toDate(value.endDate), index.toDate(value.startDate));
     const s = Math.floor(index.toHours(ms)) + index.dateFormat(index.utc(new Date(ms)), ':mm:ss');
     return s;
@@ -832,17 +834,14 @@ function userRenderer(params) {
 function courseRenderer(params) {
   const wrapper = document.createElement('div');
   wrapper.classList.add('col');
-  // const imageWrapper = document.createElement('div');
   const image = document.createElement('yoo-img');
   image.classList.add('image');
-  // imageWrapper.appendChild(image);
   image.type = 'background';
   image.src = params.data.courseImage;
   wrapper.appendChild(image);
   const title = document.createElement('div');
   title.classList.add('text');
   title.innerText = index.translateMulti((params.data.courseName || '').toString());
-  // wrapper.appendChild(imageWrapper);
   wrapper.appendChild(title);
   return wrapper;
 }
@@ -968,10 +967,22 @@ function pricecheckRenderer(params) {
   }
   return ret;
 }
+function folderIconRenderer(params) {
+  var _a, _b;
+  const folder = params.data;
+  let img;
+  if (folder.imgSrc || ((_a = folder.background) === null || _a === void 0 ? void 0 : _a._downloadURL)) {
+    img = `<yoo-img style="width:1.5rem; margin-right:0.5rem" src="${folder.imgSrc || ((_b = folder.background) === null || _b === void 0 ? void 0 : _b._downloadURL)}"></yoo-img>`;
+  }
+  else {
+    img = ` <yoo-avatar style="margin-right:0.5rem" size="small" icon="${folder.folderType === 'article' ? 'pages' : folder.icon || 'folder'}" color="${folder.color || 'app-color'}"></yoo-avatar>`;
+  }
+  return truncateRenderer({ value: folder.name, maxLine: 1 }, img);
+}
 function buttonRenderer(params) {
-  if (params.colDef && params.colDef.cellRendererParams) {
+  var _a;
+  if ((_a = params.colDef) === null || _a === void 0 ? void 0 : _a.cellRendererParams) {
     const color = params.colDef.cellRendererParams.color || '';
-    // let text = translate(params.colDef.context.text) || '';
     const icon = params.colDef.cellRendererParams.icon || '';
     return `<yoo-button class="small outline-dark ${color}">
          <yoo-icon name="${icon}"</yoo-icon>
@@ -980,10 +991,10 @@ function buttonRenderer(params) {
   return '';
 }
 function missionValidationRenderer(params) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const value = params.value;
   let status = '';
-  if (params.node && params.node.data) {
+  if ((_a = params.node) === null || _a === void 0 ? void 0 : _a.data) {
     status = params.node.data.status;
   }
   let retVal = '';
@@ -993,11 +1004,11 @@ function missionValidationRenderer(params) {
   else if (value === false || value === 'false' || value === 'rejected') {
     retVal = `<yoo-tag custom-color="${index.getCssColor('danger')}">${index.translate('REJECTED')}</yoo-tag>`;
   }
-  else if (!((_c = (_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.description) === null || _c === void 0 ? void 0 : _c.withoutValidation) &&
+  else if (!((_d = (_c = (_b = params === null || params === void 0 ? void 0 : params.node) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.description) === null || _d === void 0 ? void 0 : _d.withoutValidation) &&
     ((status === 'finished' && value !== false && value !== true && value !== 'false' && value !== 'true') || value === 'tobevalidated')) {
     retVal = `<yoo-tag custom-color="${index.getCssColor('warning')}">${index.translate('TOBEVALIDATED')}</yoo-tag>`;
   }
-  if (((_d = params === null || params === void 0 ? void 0 : params.node) === null || _d === void 0 ? void 0 : _d.group) && ((_e = params === null || params === void 0 ? void 0 : params.colDef) === null || _e === void 0 ? void 0 : _e.cellRenderer) === 'group') {
+  if (((_e = params === null || params === void 0 ? void 0 : params.node) === null || _e === void 0 ? void 0 : _e.group) && ((_f = params === null || params === void 0 ? void 0 : params.colDef) === null || _f === void 0 ? void 0 : _f.cellRenderer) === 'group') {
     retVal = `<yoo-tag custom-color="${index.getCssColor('stable')}">${index.translate('N/A')}</yoo-tag>`;
   }
   return isCSVOrExcel(params) ? stripHtml(retVal) : retVal;
@@ -1073,7 +1084,7 @@ function taskStatsRenderer(params) {
       ? `<div class="not-center-container">
               <yoo-tag color="stable-light">
                 <yoo-icon slot="start" size="small" name="mission" color="stable"></yoo-icon>
-              ${((value === null || value === void 0 ? void 0 : value.countFinished) || 0) + ((value === null || value === void 0 ? void 0 : value.countClosed) || 0) + '/' + (value === null || value === void 0 ? void 0 : value.countTasks) + ' ' + index.translate('TASKS')}
+              ${((value === null || value === void 0 ? void 0 : value.countFinished) || 0) + ((value === null || value === void 0 ? void 0 : value.countClosed) || 0) + '/' + (value === null || value === void 0 ? void 0 : value.countTasks) + ' ' + index.translate('YOOBICACTIONS')}
               </yoo-tag>
             </div>`
       : null;
@@ -1114,53 +1125,60 @@ function missionUniqueKeyRenderer(params) {
   return '';
 }
 function conformityProgressRenderer(params) {
+  var _a, _b, _c, _d;
   let retVal = '';
-  if (params.node && params.node.aggData && params.node.aggData.status && params.node.aggData.validated) {
+  if (((_b = (_a = params.node) === null || _a === void 0 ? void 0 : _a.aggData) === null || _b === void 0 ? void 0 : _b.status) && ((_d = (_c = params.node) === null || _c === void 0 ? void 0 : _c.aggData) === null || _d === void 0 ? void 0 : _d.validated)) {
     params.node.aggData.conformityprogress = conformityProgressValue(params.node);
     retVal += getKeyTemplate('conformityprogress', params.node.aggData.conformityprogress, ' %', true);
   }
   return retVal;
 }
 function conformityProgressValue(node) {
-  if (node.aggData && node.aggData.validated && node.aggData.validated.counts) {
+  var _a, _b;
+  if ((_b = (_a = node.aggData) === null || _a === void 0 ? void 0 : _a.validated) === null || _b === void 0 ? void 0 : _b.counts) {
     const retVal = Math.round(((node.aggData.validated.counts.validated || 0) * 100) / ((node.aggData.validated.counts.validated || 0) + (node.aggData.validated.counts.rejected || 0)));
     return isNaN(retVal) ? 0 : retVal;
   }
   return 0;
 }
 function progressRenderer(params) {
+  var _a, _b, _c, _d;
   let retVal = '';
-  if (params.node && params.node.aggData && params.node.aggData.status && params.node.aggData.validated) {
+  if (((_b = (_a = params.node) === null || _a === void 0 ? void 0 : _a.aggData) === null || _b === void 0 ? void 0 : _b.status) && ((_d = (_c = params.node) === null || _c === void 0 ? void 0 : _c.aggData) === null || _d === void 0 ? void 0 : _d.validated)) {
     params.node.aggData.progress = progressValue(params.node);
     retVal += getKeyTemplate('progress', params.node.aggData.progress, ' %', true);
   }
   return retVal;
 }
 function progressValue(node) {
-  if (node && node.aggData && node.aggData.status && node.aggData.status.counts) {
+  var _a, _b;
+  if ((_b = (_a = node.aggData) === null || _a === void 0 ? void 0 : _a.status) === null || _b === void 0 ? void 0 : _b.counts) {
     const retVal = Math.round(((node.aggData.status.counts.finished || 0) * 100) / ((node.aggData.status.counts.finished || 0) + (node.aggData.status.counts.available || 0)));
     return isNaN(retVal) ? 0 : retVal;
   }
   return 0;
 }
 function validationProgressRenderer(params) {
+  var _a, _b, _c, _d;
   let retVal = '';
-  if (params.node && params.node.aggData && params.node.aggData.status && params.node.aggData.validated) {
+  if (((_b = (_a = params.node) === null || _a === void 0 ? void 0 : _a.aggData) === null || _b === void 0 ? void 0 : _b.status) && ((_d = (_c = params.node) === null || _c === void 0 ? void 0 : _c.aggData) === null || _d === void 0 ? void 0 : _d.validated)) {
     params.node.aggData.validationprogress = validationProgressValue(params.node);
     retVal += getKeyTemplate('validationprogress', params.node.aggData.validationprogress, ' %', true);
   }
   return retVal;
 }
 function validationProgressValue(node) {
-  if (node.aggData && node.aggData.validated && node.aggData.validated.counts) {
+  var _a, _b;
+  if ((_b = (_a = node.aggData) === null || _a === void 0 ? void 0 : _a.validated) === null || _b === void 0 ? void 0 : _b.counts) {
     const retVal = Math.round((((node.aggData.validated.counts.validated || 0) + (node.aggData.validated.counts.rejected || 0)) * 100) / (node.aggData.status.counts.finished || 0));
     return isNaN(retVal) ? 0 : retVal;
   }
   return 0;
 }
 function conformityRelativeProgressRenderer(params) {
+  var _a, _b, _c, _d;
   let retVal = '';
-  if (params.node && params.node.aggData && params.node.aggData.status && params.node.aggData.validated) {
+  if (((_b = (_a = params.node) === null || _a === void 0 ? void 0 : _a.aggData) === null || _b === void 0 ? void 0 : _b.status) && ((_d = (_c = params.node) === null || _c === void 0 ? void 0 : _c.aggData) === null || _d === void 0 ? void 0 : _d.validated)) {
     params.node.aggData.conformityrelativeprogress = conformityRelativeProgressValue(params.node);
     retVal += getKeyTemplate('conformityrelativeprogress', params.node.aggData.conformityrelativeprogress, ' %', true);
   }
@@ -1245,7 +1263,6 @@ function courseStatusRenderer(params) {
   truncate.innerHTML = content;
   const container = document.createElement('div');
   container.classList.add('scrollable');
-  // container.classList.add('margin-top');
   container.appendChild(truncate);
   if (params.isExport) {
     return status;
@@ -1287,7 +1304,6 @@ function getColorFromKey(key) {
   return null;
 }
 function getKeyTemplate(key, count, suffix = '', hideKey = false, hideColor = false) {
-  // let color = getColor(key);
   let displayName = key;
   if (key === null || key === void 0 ? void 0 : key.toUpperCase) {
     displayName = index.translate(key.toUpperCase());
@@ -1329,7 +1345,7 @@ class MissionResultsRenderer {
     this.missionForm.formType = 'mission';
     let items = [];
     params.slides.forEach((s) => (items = [...items, ...s.items]));
-    this.missionForm.slides = [{ title: 'GENERAL', items }];
+    this.missionForm.slides = [{ title: 'YOOBICGENERAL', items }];
     this.missionForm.data = params.data;
     this.missionForm.showTabs = false;
     this.missionForm.showRecap = false;
@@ -1353,6 +1369,8 @@ class EntityRenderer {
   init(params) {
     var _a, _b, _c, _d, _e;
     const container = document.createElement('div');
+    container.style.display = 'flex';
+    container.style.overflow = 'hidden';
     const entityType = params.entityType || params.collectionName;
     this.entity = document.createElement('yoo-entity');
     this.entity.classList.add('block', 'no-border');
@@ -1366,9 +1384,6 @@ class EntityRenderer {
     this.entity.disableRowClick = params.disableRowClick;
     this.entity.isGridCell = true;
     this.entity.item = params.useValue ? params.value : params.data;
-    // if (entityType === 'missions') {
-    //   this.entity.displayType = 'card-inbox';
-    // }
     if (entityType === 'missiondatas' && ((_b = (_a = params === null || params === void 0 ? void 0 : params.data) === null || _a === void 0 ? void 0 : _a.mission) === null || _b === void 0 ? void 0 : _b.hasWorkflow)) {
       this.entity.entityType = 'missions';
       this.entity.item = (_c = params.data) === null || _c === void 0 ? void 0 : _c.mission;
@@ -1378,9 +1393,6 @@ class EntityRenderer {
     if ((params === null || params === void 0 ? void 0 : params.displayType) === 'card-campaign') {
       this.entity.extraClass = 'grid-card-campaign';
     }
-    // this.entity.forceUpdate();
-    // container.style.height = params.height + 'px';
-    // container.style.minHeight = params.minheight + 'px';
     if ((_e = params.style) === null || _e === void 0 ? void 0 : _e.width) {
       container.style.width = params.style.width;
     }
@@ -1416,31 +1428,6 @@ class GridRenderer {
     }
   }
 }
-// class SalesairecommondationRenderer implements ICellRendererComp {
-//   eGui: HTMLElement;
-//   getGui(): HTMLElement {
-//     return this.eGui;
-//   }
-//   init(_params: any) {
-//     const container = document.createElement('div');
-//     container.innerHTML += 'Extra stuff';
-//     // this.grid = document.createElement('yoo-grid');
-//     // this.grid.displayType = params.displayType || 'card-list';
-//     // this.grid.collectionName = params.collectionName;
-//     // this.grid.customModel = params.customModel;
-//     // this.grid.items = params.value;
-//     // this.grid.isLocal = true;
-//     // container.appendChild(this.grid);
-//     this.eGui = container;
-//   }
-//   refresh(_params) {
-//     // if (this.grid) {
-//     //   this.grid.items = params.value;
-//     //   return true;
-//     // }
-//     return true;
-//   }
-// }
 class ActionsRenderer {
   getGui() {
     return this.eGui;
@@ -1625,6 +1612,8 @@ function getRenderer(renderer) {
       return progressbarRenderer;
     case 'pricecheckRenderer':
       return pricecheckRenderer;
+    case 'folderIconRenderer':
+      return folderIconRenderer;
     case 'campaignStatusRenderer':
       return campaignStatusRenderer;
     case 'missionStatusOnlyRenderer':
@@ -1669,8 +1658,6 @@ function getRenderer(renderer) {
       return ActionsRenderer;
     case 'gridRenderer':
       return GridRenderer;
-    // case 'salesairecommondationRenderer':
-    //   return SalesairecommondationRenderer;
     case 'exportRenderer':
       return exportRenderer;
     case 'defaultRenderer':