@yoobic/yobi 7.7.81 → 7.7.82

package/dist/esm/yoo-action-sheet-controller_15.entry.js

@@ -1018,7 +1018,7 @@ const YooEntityComponent = class {
     return null;
   }
   renderCardList(extraClasses) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12;
     let entry = {};
     if (this.entityType === 'missions' || (this.entityType === 'missiondatas' && ((_b = (_a = this.item) === null || _a === void 0 ? void 0 : _a.mission) === null || _b === void 0 ? void 0 : _b.type) === 'kanban')) {
       let mission = this.item;
@@ -1296,7 +1296,8 @@ const YooEntityComponent = class {
         avatarFrame: file.imgSrc ? 'rounded-square' : 'square',
         avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'large',
         allowCustomHtml: true,
-        subheadings: this.isAutocompleteSelected() ? null : compact([directory + pipes.fileSize.transform(file.size), (file.highlight || []).join(', ')]) // , //, file.mimeType
+        forceTextHeading: ((_s = file === null || file === void 0 ? void 0 : file.highlight) === null || _s === void 0 ? void 0 : _s.length) > 0,
+        subheadings: this.isAutocompleteSelected() ? null : compact([directory + pipes.fileSize.transform(file.size), ...(file.highlight || [])]) // , //, file.mimeType
         // badges: [{ iconLeft: getIcon(file), cssClass: 'tag small round dark' }]
       };
     }
@@ -1410,15 +1411,15 @@ const YooEntityComponent = class {
     }
     else if (this.entityType === 'language') {
       entry = {
-        heading: ((_s = this.item) === null || _s === void 0 ? void 0 : _s._id) ? translate(this.item._id.toUpperCase()) : translate(this.item.toUpperCase()),
-        flag: this.host.classList.contains('hide-icon') ? null : ((_t = this.item) === null || _t === void 0 ? void 0 : _t._id) ? getLanguageFlag(this.item._id) : getLanguageFlag(this.item)
+        heading: ((_t = this.item) === null || _t === void 0 ? void 0 : _t._id) ? translate(this.item._id.toUpperCase()) : translate(this.item.toUpperCase()),
+        flag: this.host.classList.contains('hide-icon') ? null : ((_u = this.item) === null || _u === void 0 ? void 0 : _u._id) ? getLanguageFlag(this.item._id) : getLanguageFlag(this.item)
       };
     }
     else if (this.entityType === 'waitlistvisit') {
       const visit = this.item;
       const tagElements = getWaitlistVisitTags(visit);
       entry = {
-        heading: ((_u = visit.name) === null || _u === void 0 ? void 0 : _u.startsWith('NOINFO')) ? translate('NOINFO') : visit.name,
+        heading: ((_v = visit.name) === null || _v === void 0 ? void 0 : _v.startsWith('NOINFO')) ? translate('NOINFO') : visit.name,
         tagElements
       };
       if (!isWeb(this.host)) {
@@ -1433,7 +1434,7 @@ const YooEntityComponent = class {
     else if (this.entityType === 'waitlistcustomer') {
       const customer = this.item;
       entry = {
-        heading: ((_v = customer.name) === null || _v === void 0 ? void 0 : _v.startsWith('NOINFO')) ? translate('NOINFO') : customer.name,
+        heading: ((_w = customer.name) === null || _w === void 0 ? void 0 : _w.startsWith('NOINFO')) ? translate('NOINFO') : customer.name,
         subheadings: compact([customer.phone, customer.email])
       };
     }
@@ -1536,7 +1537,7 @@ const YooEntityComponent = class {
         subheadings: this.isAutocompleteSelected() ? null : group.description ? [group.description] : null,
         iconText: group.title || group.name || group._id,
         heading: group.title || group.name || group._id,
-        imgSrc: (_w = group.icon) === null || _w === void 0 ? void 0 : _w._downloadURL
+        imgSrc: (_x = group.icon) === null || _x === void 0 ? void 0 : _x._downloadURL
       };
       entry.subheadings = group.subheadings || entry.subheadings;
     }
@@ -1546,7 +1547,7 @@ const YooEntityComponent = class {
         avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'medium',
         iconText: tenant.title || tenant.name,
         heading: (tenant.title || tenant.name || '').toUpperCase(),
-        imgSrc: (_x = tenant.icon) === null || _x === void 0 ? void 0 : _x._downloadURL,
+        imgSrc: (_y = tenant.icon) === null || _y === void 0 ? void 0 : _y._downloadURL,
         subheadings: this.isAutocompleteSelected() ? null : compact([tenant.description])
       };
     }
@@ -1557,7 +1558,7 @@ const YooEntityComponent = class {
         avatarFrame: 'square',
         iconText: model.title || model.name,
         heading: model.title || model.name,
-        imgSrc: ((_y = model.background) === null || _y === void 0 ? void 0 : _y._downloadURL) || model.background,
+        imgSrc: ((_z = model.background) === null || _z === void 0 ? void 0 : _z._downloadURL) || model.background,
         subheadings: this.isAutocompleteSelected() ? null : compact([model.shortDescription])
       };
     }
@@ -1624,7 +1625,7 @@ const YooEntityComponent = class {
     else if (this.entityType === 'violetproducts') {
       const product = this.item;
       let subheadings = [product.description];
-      if (((_z = this.item.offers) === null || _z === void 0 ? void 0 : _z.length) && ((_0 = this.item.offers[0].skus) === null || _0 === void 0 ? void 0 : _0.length) && ((_1 = this.item.offers[0].skus[0]) === null || _1 === void 0 ? void 0 : _1.sale_price)) {
+      if (((_0 = this.item.offers) === null || _0 === void 0 ? void 0 : _0.length) && ((_1 = this.item.offers[0].skus) === null || _1 === void 0 ? void 0 : _1.length) && ((_2 = this.item.offers[0].skus[0]) === null || _2 === void 0 ? void 0 : _2.sale_price)) {
         subheadings = [pipes.currency.transform(this.item.offers[0].skus[0].sale_price / 100, false, this.item.offers[0].skus[0].currency, true)];
       }
       if (!product.available) {
@@ -1653,7 +1654,7 @@ const YooEntityComponent = class {
       };
     }
     else if (this.entityType === 'violetbasketitems') {
-      const sku = (_2 = this.item) === null || _2 === void 0 ? void 0 : _2.sku;
+      const sku = (_3 = this.item) === null || _3 === void 0 ? void 0 : _3.sku;
       const price = (sku.sale_price * (this.item.quantity || 1)) / 100;
       const subheadings = [pipes.currency.transform(price, false, sku.currency, true)];
       entry = {
@@ -1723,9 +1724,9 @@ const YooEntityComponent = class {
         subheadings: [
           productBatch.product ? productBatch.product.reference : '',
           ...(getSession().user && getSession().user.locationRef === productBatch.locationRef
-            ? compact([((_3 = this.extraClass) === null || _3 === void 0 ? void 0 : _3.indexOf('show-aisle')) >= 0 && productBatch.aisle ? productBatch.aisle.title : null])
+            ? compact([((_4 = this.extraClass) === null || _4 === void 0 ? void 0 : _4.indexOf('show-aisle')) >= 0 && productBatch.aisle ? productBatch.aisle.title : null])
             : productBatch.location && productBatch.location.title
-              ? [productBatch.location.title + ' - ' + (((_4 = productBatch.aisle) === null || _4 === void 0 ? void 0 : _4.title) || '')]
+              ? [productBatch.location.title + ' - ' + (((_5 = productBatch.aisle) === null || _5 === void 0 ? void 0 : _5.title) || '')]
               : [])
         ],
         tags: productBatch.tags,
@@ -1769,7 +1770,7 @@ const YooEntityComponent = class {
         heading: product.title,
         subheadings,
         date: isPresent(this.item.description) ? this.item.description : null,
-        imgSrc: ((_5 = product === null || product === void 0 ? void 0 : product.image) === null || _5 === void 0 ? void 0 : _5._downloadURL) ? product.image._downloadURL : null,
+        imgSrc: ((_6 = product === null || product === void 0 ? void 0 : product.image) === null || _6 === void 0 ? void 0 : _6._downloadURL) ? product.image._downloadURL : null,
         avatarFrame: 'square',
         // keep it explicit here to prevent to be overwritten by the autocomplete, with which the card-list is used in combination with, and that changes the size of the avatar to 'small' when only one product is selected
         // this case is described into the form-entity-value-pairs.spec tests
@@ -2053,7 +2054,7 @@ const YooEntityComponent = class {
         avatarFrame: 'square'
       };
     }
-    else if (this.entityType !== 'tag' && ((_7 = (_6 = this.customModel) === null || _6 === void 0 ? void 0 : _6.appearance) === null || _7 === void 0 ? void 0 : _7.size)) {
+    else if (this.entityType !== 'tag' && ((_8 = (_7 = this.customModel) === null || _7 === void 0 ? void 0 : _7.appearance) === null || _8 === void 0 ? void 0 : _8.size)) {
       entry = {};
       this.customModel.appearance.forEach((value, key) => {
         if (key === 'displayTypes') {
@@ -2094,7 +2095,7 @@ const YooEntityComponent = class {
     else if (this.entityType === 'tiles') {
       const tile = this.item;
       entry = {
-        heading: tile.title || ((_8 = tile.page) === null || _8 === void 0 ? void 0 : _8.name),
+        heading: tile.title || ((_9 = tile.page) === null || _9 === void 0 ? void 0 : _9.name),
         imgSrc: tile.photo,
         icon: tile.icon,
         subheadings: compact([]),
@@ -2205,7 +2206,7 @@ const YooEntityComponent = class {
       !this.isAutocompleteSelected() &&
       !this.hideUIFields &&
       this.customModel &&
-      ((_10 = (_9 = this.customModel.formFields) === null || _9 === void 0 ? void 0 : _9.filter((f) => f.showInCard)) === null || _10 === void 0 ? void 0 : _10.length) > 0) {
+      ((_11 = (_10 = this.customModel.formFields) === null || _10 === void 0 ? void 0 : _10.filter((f) => f.showInCard)) === null || _11 === void 0 ? void 0 : _11.length) > 0) {
       entry.uiFields = {
         fields: this.customModel.formFields.filter((f) => f.showInCard),
         data: this.item
@@ -2266,7 +2267,7 @@ const YooEntityComponent = class {
           [extraClasses]: true,
           [this.entityType]: this.entityType !== undefined,
           'form-permission': this.host.classList.contains('form-permission')
-        } }, ((_11 = this.inlineActions) === null || _11 === void 0 ? void 0 : _11.length) > 0 && (h("span", { class: "slot-container", slot: "content-slot" }, this.inlineActions.map((action) => {
+        } }, ((_12 = this.inlineActions) === null || _12 === void 0 ? void 0 : _12.length) > 0 && (h("span", { class: "slot-container", slot: "content-slot" }, this.inlineActions.map((action) => {
         return (h("span", { class: action.cssClass, onClick: () => (action.handler ? action.handler(this.item) : null) }, action.text));
       })))));
     }

package/dist/esm/yoo-ag-grid_96.entry.js

@@ -102149,7 +102149,7 @@ const YooCardListComponent = class {
           if (this.entry.isCommentMedia && this.isRenderBadgeOutside) {
             return;
           }
-          if (isCloudinaryLink(item) || item.endsWith('.gif')) {
+          if (isCloudinaryLink(item) || item.endsWith('.gif') && !this.entry.forceTextHeading) {
             return this.renderMedia(item);
           }
           else {

package/dist/types/interfaces/ui/card.interface.d.ts

@@ -76,5 +76,6 @@ export interface ICardListEntry {
   uiFieldsSuffix?: string;
   contained?: boolean;
   showRightArrow?: boolean;
+  forceTextHeading?: boolean;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoobic/yobi",
-  "version": "7.7.81",
+  "version": "7.7.82",
   "description": "Yobi - Yoobic Design System",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",