@yoobic/yobi 8.5.0-35 → 8.5.0-37

package/dist/collection/components/grid/grid/grid.js

@@ -255,7 +255,7 @@ export class YooGridComponent {
     if (total >= 0) {
       this.total = total;
     }
-    this.isLoading = false;
+    this.setLoading(false);
     this.onDataChanged(values);
     if (!this.items || (this.items.length === 0 && (values === null || values === void 0 ? void 0 : values.length) !== 0)) {
       this.onFetchData();
@@ -483,6 +483,9 @@ export class YooGridComponent {
       await this.expandTreePath(routes);
     }
   }
+  setLoading(loading) {
+    this.isLoading = this.forceLoading || loading;
+  }
   expandPath(route, last) {
     const node = this.gridApi.getRowNode(route);
     if (last && node) {
@@ -1012,7 +1015,7 @@ export class YooGridComponent {
       if (this.isSelectedToggleView) {
         const ids = compact((_a = this.selection) === null || _a === void 0 ? void 0 : _a.map((s) => s === null || s === void 0 ? void 0 : s._id));
         if (ids.length > 0) {
-          this.isLoading = true;
+          this.setLoading(true);
           getAsyncExtraData({ type: 'get-by-ids', params: { collectionName: this.collectionName, ids, sorts: [{ colId: 'title', sort: 'asc' }] } }).then((ret) => {
             this.items = ret || [];
             if (this.isAgGrid()) {
@@ -1030,7 +1033,7 @@ export class YooGridComponent {
                 });
               }
             }
-            this.isLoading = false;
+            this.setLoading(false);
           });
         }
       }
@@ -1107,7 +1110,7 @@ export class YooGridComponent {
   }
   onFetchData(noLoading) {
     if (this.isFormField && !noLoading) {
-      this.isLoading = true;
+      this.setLoading(true);
     }
     if (this.isAutoComplete && isWeb(this.host) && this.entityType === 'files' && this.gridIsExpanded) {
       const minPageSizeForScroll = 36;
@@ -1426,7 +1429,7 @@ export class YooGridComponent {
   }
   onSearchInputChange(ev) {
     ev.stopPropagation();
-    this.isLoading = false;
+    this.setLoading(false);
     this.searchText = ev.detail;
     this.isFirstLoadAfterDisconnect = false;
     this.setCurrentPage(0);
@@ -2265,7 +2268,7 @@ export class YooGridComponent {
   renderTotalHeader() {
     const total = this.getTotalSelected() || 0;
     if ((this.isFormField || this.showGridTotalHeader) && this.showGridTotalHeader !== false && (this.collectionName || this.entityType)) {
-      return h("div", { class: { 'total-header': true, 'no-padding': this.isFormField, web: isWeb(this.host) } }, h("span", { class: "total" }, total), h("span", { class: "title" }, translate((this.mainColumnHeader || this.collectionName || this.entityType).toUpperCase())));
+      return h("div", { class: { 'total-header': true, 'no-padding': this.isFormField, web: isWeb(this.host) } }, h("span", { class: "total" }, total === null || total === void 0 ? void 0 : total.toLocaleString()), h("span", { class: "title" }, translate((this.mainColumnHeader || this.collectionName || this.entityType).toUpperCase())));
     }
   }
   renderLinkHeader() {
@@ -2575,7 +2578,7 @@ export class YooGridComponent {
         ];
       }
     }
-    else if (this.filteredItems && this.filteredItems.length > 0 && this.direction === 'horizontal') {
+    else if (!this.forceLoading && this.filteredItems && this.filteredItems.length > 0 && this.direction === 'horizontal') {
       const options = { ...this.slidesOptions };
       let emptySlides;
       if (this.entityType !== 'courses-small') {
@@ -2603,7 +2606,7 @@ export class YooGridComponent {
         h("slot", { name: "after" })
       ];
     }
-    else if (this.filteredItems && this.filteredItems.length > 0 && this.direction !== 'horizontal' && this.headerFn && !this.isFramed) {
+    else if (!this.forceLoading && this.filteredItems && this.filteredItems.length > 0 && this.direction !== 'horizontal' && this.headerFn && !this.isFramed) {
       const headers = this.filteredItems
         .map((item, index, records) => {
         return { text: this.headerFn(item, index, records), index };
@@ -2617,7 +2620,7 @@ export class YooGridComponent {
         }), h("div", { class: "bottom-overlay", onClick: () => this.isFramed && this.onHeadingClick() })), this.renderInfiniteScroll(), this.renderScrollSpacer(), h("slot", { name: "quickactions" }))
       ];
     }
-    else if (this.filteredItems && this.filteredItems.length > 0 && this.direction !== 'horizontal' && (!this.headerFn || this.isFramed)) {
+    else if (!this.forceLoading && this.filteredItems && this.filteredItems.length > 0 && this.direction !== 'horizontal' && (!this.headerFn || this.isFramed)) {
       return [
         h("slot", { name: "before" }),
         this.useVirtualScroll() ? (this.renderVirtualScroll()) : (h("div", { class: "list-container" }, h("yoo-ion-list", { class: {
@@ -2764,9 +2767,8 @@ export class YooGridComponent {
       } }, h("yoo-icon", { name: "more" }), h("span", { class: "text-action" }, translate('YOOBICMORE')))), isWeb(this.host) && this.renderWebItemOptionButtons(actions, item, index)), isWeb(this.host) && (this.keepSelection || this.isSelectionMode) && this.isSelected(item) && (h("yoo-icon", { class: "position", onClick: (ev) => this.onItemSelect(item, true, ev), name: "check", color: "app-color" })))) : null));
   }
   getColumnHeaderHiddenButtons() {
-    const hiddenColumnButtons = this.columns
-      .filter((column) => column.hidden && this.visibleColumns.indexOf(column) < 0)
-      .map((column) => {
+    var _a;
+    const hiddenColumnButtons = (_a = this.columns) === null || _a === void 0 ? void 0 : _a.filter((column) => column.hidden && this.visibleColumns.indexOf(column) < 0).map((column) => {
       return {
         text: translate(column.title),
         handler: () => {
@@ -2774,7 +2776,7 @@ export class YooGridComponent {
         }
       };
     });
-    return hiddenColumnButtons;
+    return hiddenColumnButtons || [];
   }
   showColumn(column) {
     this.visibleColumns = [...this.visibleColumns, column];
@@ -3581,6 +3583,23 @@ export class YooGridComponent {
         "attribute": "is-loading",
         "reflect": false
       },
+      "forceLoading": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "force-loading",
+        "reflect": false
+      },
       "keepSelection": {
         "type": "boolean",
         "mutable": false,

package/dist/collection/feature-operate/mission/mission-details/mission-details.js

@@ -1,7 +1,7 @@
 import { dateFormat, fromToday, getAsyncExtraData, getCssColor, getMissionPublicationDate, getSession, getTodoCampaignPhotos, isDateAfter, isDateSame, isIonic, isPresent, isToday, isWeb, pipes, translate, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { cloneDeep, compact } from 'lodash-es';
-import { getMissionAddress, getMissionDueDate, getMissionPriority, getMissionTags, mapMissionToCardInboxEntry } from '../../../feature-operate/mission/helpers/missions-helpers';
+import { getMissionAddress, getMissionDueDate, getMissionPriority, getMissionTags, getMissionUniqueKey, mapMissionToCardInboxEntry } from '../../../feature-operate/mission/helpers/missions-helpers';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 const Menu = ({ icon, text, extraClass, callback }, children, utils) => {
   return (h("li", { class: { 'menu-item': true, pointer: !!callback }, onClick: () => callback === null || callback === void 0 ? void 0 : callback() }, h("div", { class: "menu-left" }, h("yoo-tag", { icon: icon, size: "medium", color: "app-color-10" }), h("div", { class: "border" })), h("div", { class: "menu-right" }, h("div", { class: "menu-title" }, text), h("div", { class: { 'menu-content': true, [extraClass]: true } }, utils.map(children, (child) => child)))));
@@ -409,6 +409,13 @@ export class YooMissionDetailsComponent {
     var _a, _b, _c, _d;
     const excludedTabs = ['dueDate', 'category'];
     const tags = getMissionTags(this.mission).filter((tag) => !excludedTabs.includes(tag._id));
+    const uniqueKey = getMissionUniqueKey(this.mission);
+    if (uniqueKey) {
+      tags.unshift({
+        title: uniqueKey,
+        color: 'text-color-10'
+      });
+    }
     const menuContent = compact([
       this.renderValidatedReason(this.mission.validated === false ? 'REASON' : 'COMMENTNOUN', 'reason', this.mission.unvalidatedReason),
       this.renderPriority(),

package/dist/collection/feature-operate/mission/mission-heading/mission-heading.js

@@ -1,6 +1,6 @@
 import { isIonic, translate, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
-import { getMissionProgress, getMissionTags } from '../../../feature-operate/mission/helpers/missions-helpers';
+import { getMissionProgress, getMissionTags, getMissionUniqueKey } from '../../../feature-operate/mission/helpers/missions-helpers';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 import { MissionLockedBanner } from '../mission-locked-banner/mission-locked-banner';
 export class YooMissionHeadingComponent {
@@ -26,6 +26,13 @@ export class YooMissionHeadingComponent {
     const excludedTags = ['dueDate', 'category', 'progress'];
     const tags = getMissionTags(this.mission).filter((tag) => !excludedTags.includes(tag._id));
     const isActionPlan = this.mission.type === 'todo';
+    const uniqueKey = getMissionUniqueKey(this.mission);
+    if (uniqueKey) {
+      tags.unshift({
+        title: uniqueKey,
+        color: 'text-color-10'
+      });
+    }
     return (h(Host, { class: getAppContext(this.host) }, h("div", { class: { 'background-container': true, pdf: this.isPdf } }, h("div", { class: "content-container" }, h(MissionLockedBanner, { mission: this.mission }), [
       !this.isPdf && this.mission.title && h("div", { class: "mission-title" }, translateMulti(this.mission.title)),
       !this.mission.title && this.mission.type === 'visit' && h("div", { class: "mission-title" }, translate('VISIT')),

package/dist/{esm/button.factory-2dfa52d1.js → design-system/button.factory-e56b4bf1.js}

@@ -1,6 +1,6 @@
-import './index-85e87f61.js';
+import './index-33c58bd7.js';
 import { h } from './index-0a59e2a1.js';
-import { Z as translateMulti } from './overlays-6c299245.js';
+import { Z as translateMulti } from './overlays-1ef74fd7.js';
 
 const getButton = (button) => {
   return !button.isVisible || button.isVisible() ? (h("yoo-button", { class: button.cssClass, color: button.color || 'light', type: button.type || 'button', size: button.size || 'medium', shape: button.shape || 'rectangular', fill: button.fill || 'solid', rippleType: button.rippleType || 'bounded', disabled: button.disabled === null ? false : button.disabled, animated: button.animated === null ? true : button.animated, onClick: button.handler },

package/dist/{esm/camera-helpers-e7e4d7a5.js → design-system/camera-helpers-f982e788.js}

@@ -1,5 +1,5 @@
-import { cr as cordova, cs as AwesomeCordovaNativePlugin, ct as cordovaPropertyGet, cu as cordovaPropertySet, cv as registerPlugin, a3 as getSession, cw as isIonic, j as isNativeMobile, cx as Device, k as isAndroid, H as isIOS, cy as getMediaDevices, z as showModal, y as getModalAnimation, A as isWeb } from './overlays-6c299245.js';
-import './index-469b2f30.js';
+import { cr as cordova, cs as AwesomeCordovaNativePlugin, ct as cordovaPropertyGet, cu as cordovaPropertySet, cv as registerPlugin, a3 as getSession, cw as isIonic, j as isNativeMobile, cx as Device, k as isAndroid, H as isIOS, cy as getMediaDevices, z as showModal, y as getModalAnimation, A as isWeb } from './overlays-1ef74fd7.js';
+import './index-978126b6.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -243,7 +243,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-91c20143.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-65e82bd0.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-c46afa1c.js → chat-helpers-a2f2f817.js}

@@ -1,6 +1,6 @@
-import './index-469b2f30.js';
+import './index-978126b6.js';
 import { i as isArray } from './lodash-653c0bcd.js';
-import { am as is24Hour, an as isFile, ao as replaceAtTagToMentionTag, ap as replaceAllLinks, Z as translateMulti } from './overlays-6c299245.js';
+import { am as is24Hour, an as isFile, ao as replaceAtTagToMentionTag, ap as replaceAllLinks, Z as translateMulti } from './overlays-1ef74fd7.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/{esm/common-helpers-d41e9221.js → design-system/common-helpers-dcc04717.js}

@@ -1,5 +1,5 @@
-import { y as getModalAnimation, t as translate, z as showModal, A as isWeb, C as debounce, D as querySelectorDeep$1, j as isNativeMobile, S as ScreenOrientation, F as findDevice, G as isIphoneX, l as isIpadPro, n as isTablet, h as isFullScreenFalse, H as isIOS, k as isAndroid, I as setAnimation, J as animations, K as getCssColor, Y as YOOBICON_ENTITIES_MAP, L as startOf, M as isDateBefore, N as dateDiffInCalendarDays, O as isDateAfter, P as getAsyncExtraData, Q as findParent, R as isNativeFilePath, T as cleanupWKWebViewFilePath, U as Cloudinary, V as getProtocol, W as CloudinaryGradientLayer } from './overlays-6c299245.js';
-import './index-469b2f30.js';
+import { y as getModalAnimation, t as translate, z as showModal, A as isWeb, C as debounce, D as querySelectorDeep$1, j as isNativeMobile, S as ScreenOrientation, F as findDevice, G as isIphoneX, l as isIpadPro, n as isTablet, h as isFullScreenFalse, H as isIOS, k as isAndroid, I as setAnimation, J as animations, K as getCssColor, Y as YOOBICON_ENTITIES_MAP, L as startOf, M as isDateBefore, N as dateDiffInCalendarDays, O as isDateAfter, P as getAsyncExtraData, Q as findParent, R as isNativeFilePath, T as cleanupWKWebViewFilePath, U as Cloudinary, V as getProtocol, W as CloudinaryGradientLayer } from './overlays-1ef74fd7.js';
+import './index-978126b6.js';
 import { C as get } from './lodash-653c0bcd.js';
 
 function getDefaultModalAnimation(host) {

package/dist/design-system/design-system.css

@@ -8470,6 +8470,11 @@ svg:not(:root) {
   margin: 0;
 }
 
+.royal-theme.fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
+  margin-right: 0 !important;
+  margin-left: 0 !important;
+}
+
 .royal-theme.fr-toolbar .fr-command.fr-btn,
 .royal-theme.fr-popup .fr-command.fr-btn,
 .royal-theme.fr-modal .fr-command.fr-btn {
@@ -8516,6 +8521,8 @@ svg:not(:root) {
   background: var(--light, #ffffff);
 }
 .royal-theme.fr-toolbar .fr-more-toolbar.fr-expanded {
+  display: -ms-flexbox;
+  display: flex;
   height: 32px;
 }
 .royal-theme.fr-toolbar .fr-command.fr-btn.fr-open {