@yoobic/yobi 8.6.30 → 8.6.32

package/dist/collection/components/form/form-dynamic/form-dynamic.js

@@ -2753,7 +2753,7 @@ export class YooFormDynamicComponent {
     if (useGridstack) {
       return h("div", { class: { 'no-scroll': this.useGridstack && this.gridstackItemNoScroll }, slot: field.name }, fieldContent());
     }
-    else if (this.isPdf && renderSlideTitle) {
+    else if (this.isPdf && renderSlideTitle && !collapsible) {
       const pdfClass = {
         'pdf-field-wrapper': true,
         break: isPdfMultiplePhotos || [FormFieldType.selectbuttons, FormFieldType.catalog].includes(field === null || field === void 0 ? void 0 : field.type),
@@ -3458,6 +3458,8 @@ export class YooFormDynamicComponent {
           model: field.model,
           disableToggle: field.disableToggle,
           onFetchData: (ev) => this.onFetchData(field, ev),
+          onFetchFieldFilterData: (ev) => this.onFetchFieldFilterData(ev),
+          onFetchCustomData: (ev) => this.onFetchCustomData(field, ev),
           onToggleChanged: () => {
             delete field.filters;
             delete field.mapTransform;
@@ -3473,7 +3475,9 @@ export class YooFormDynamicComponent {
           displayType: 'card-list',
           tags: field.tags,
           model: field.model,
-          onFetchData: (ev) => this.onFetchData(field, ev)
+          onFetchData: (ev) => this.onFetchData(field, ev),
+          onFetchFieldFilterData: (ev) => this.onFetchFieldFilterData(ev),
+          onFetchCustomData: (ev) => this.onFetchCustomData(field, ev)
         };
         break;
       case FormFieldType.emailreport:

package/dist/collection/components/form/form-phone-number/form-phone-number.js

@@ -101,7 +101,10 @@ export class YooFormPhoneNumberComponent {
     var _a;
     const internationalNumber = this.readonly && ((_a = this.phoneNumber) === null || _a === void 0 ? void 0 : _a.formatInternational());
     return (h(Host, null, !this.isLoading && this.readonly && h("yoo-link", { size: this.size, href: `tel:${internationalNumber}` }, internationalNumber), !this.readonly && [
-      h(Input, { isLoading: this.isLoading, clearable: this.clearable, country: this.selectedCountry, disabled: this.disabled, focusedOnce: this.focusedOnce, name: this.name, placeholder: this.placeholder || getExampleNumber(this.selectedCountry.code, examples).formatNational(), required: this.required, size: this.size, valid: this.valid, value: this.nationalNumber, onChange: (value) => (this.nationalNumber = value), onFocus: () => (this.focusedOnce = true), onToggleCountries: () => (this.expanded = !this.expanded) }),
+      h(Input, { isLoading: this.isLoading, clearable: this.clearable, country: this.selectedCountry, disabled: this.disabled, focusedOnce: this.focusedOnce, name: this.name, placeholder: this.placeholder || getExampleNumber(this.selectedCountry.code, examples).formatNational(), required: this.required, size: this.size, valid: this.valid, value: this.nationalNumber, onChange: (value) => (this.nationalNumber = value), onFocus: () => {
+          this.focusedOnce = true;
+          this.inputFocused.emit({ host: this.host });
+        }, onToggleCountries: () => (this.expanded = !this.expanded) }),
       h(Error, { hidden: this.disabled || this.expanded || !this.focusedOnce || this.valid, message: translate('INCORRECTFORMAT') }),
       h("yoo-context-dialog", { hidden: !this.expanded, class: "absolute" }, this.isLoading
         ? h("yoo-loader", { size: "extra-large" })
@@ -354,6 +357,21 @@ export class YooFormPhoneNumberComponent {
           "resolved": "boolean",
           "references": {}
         }
+      }, {
+        "method": "inputFocused",
+        "name": "inputFocused",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emits when the input is focused."
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
       }];
   }
   static get elementRef() { return "host"; }

package/dist/collection/components/form/form-text-editor/form-text-editor.js

@@ -47,7 +47,7 @@ import 'froala-editor/js/languages/uk';
 import 'froala-editor/js/languages/zh_cn';
 import 'froala-editor/js/languages/zh_tw';
 import 'froala-editor/js/languages/vi';
-import { asyncWaterfall, closeModal, debounce as _debounce, debounce, getAsyncExtraData, getColorSwatches, getCurrentLanguage, getCustomApp, getSession, getUserDisplayName, getUUID, getVideoPoster, images, isCloudinaryLink, isImageUrl, isIOS, isSafari, isVideo, isWeb, replaceAtTagToMentionTag, showContextMenu, showModal, translate, translateMulti, updateLinkPreviews, videos } from '@shared/utils';
+import { asyncWaterfall, closeModal, debounce as _debounce, debounce, getAsyncExtraData, getColorSwatches, getCurrentLanguage, getCustomApp, getSession, getUserDisplayName, getUUID, getVideoPoster, images, isAndroid, isCloudinaryLink, isImageUrl, isIOS, isSafari, isVideo, isWeb, replaceAtTagToMentionTag, showContextMenu, showModal, translate, translateMulti, updateLinkPreviews, videos } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { getAppContext, querySelectorDeep, removeHtmlFromString } from '@yobi/utils/helpers/common-helpers';
 import { sanitizeMentionTag } from '@yobi/utils/helpers/entities-helpers';
@@ -57,6 +57,7 @@ import { destroyMountPoints, generateRandomMountElementId, initShadowMountPoints
 import FroalaEditor from 'froala-editor';
 import { assign, compact, isArray, isString } from 'lodash-es';
 import sanitizeHtml from 'sanitize-html';
+const PADDING = 32;
 export class YooFormTextEditorComponent {
   constructor() {
     // the event "contentChanged" is not fired before hitting 'Enter' once,
@@ -91,6 +92,7 @@ export class YooFormTextEditorComponent {
     this.isFieldCollapsed = false;
     this.mentionText = '';
     this.isMentionMode = false;
+    this.keyboardOpen = false;
   }
   get mount() {
     return document.getElementById(this.mountId);
@@ -115,6 +117,7 @@ export class YooFormTextEditorComponent {
       else {
         this.blockHTMLReset = false;
       }
+      this.inputResize.emit();
     }
   }
   onMentionUsersChanged() {
@@ -187,6 +190,16 @@ export class YooFormTextEditorComponent {
     (_a = this.mentionDialog) === null || _a === void 0 ? void 0 : _a.remove();
     this.destroyEditor();
   }
+  onKeyboardShown() {
+    this.keyboardOpen = true;
+    const wrapper = this.mount.querySelector('.fr-wrapper');
+    wrapper && (wrapper.style.maxHeight = isAndroid() ? '80px' : '96px');
+  }
+  onKeyboardHidden() {
+    this.keyboardOpen = false;
+    const wrapper = this.mount.querySelector('.fr-wrapper');
+    wrapper && (wrapper.style.maxHeight = this.maxHeight ? `${this.maxHeight + PADDING}px` : '500px');
+  }
   destroyEditor() {
     var _a;
     if ((_a = this.editor) === null || _a === void 0 ? void 0 : _a.destroy) {
@@ -273,7 +286,7 @@ export class YooFormTextEditorComponent {
       placeholderText: translate(this.placeholder),
       toolbarSticky: false,
       requestHeaders: { Authorization: 'Bearer ' + (session === null || session === void 0 ? void 0 : session.token) },
-      heightMax: this.isFullscreen ? '100%' : this.maxHeight || 500,
+      heightMax: this.isFullscreen ? '100%' : this.maxHeight + PADDING || '500px',
       heightMin: this.isFullscreen ? '100%' : this.minHeight || 120,
       emoticonsUseImage: false,
       imageUploadParam: 'file',
@@ -478,6 +491,9 @@ export class YooFormTextEditorComponent {
             ev.preventDefault();
             (_a = this.editor) === null || _a === void 0 ? void 0 : _a.events.focus();
           }
+        },
+        'focus': () => {
+          this.inputFocused.emit({ host: this.host });
         }
       }
     };
@@ -1359,7 +1375,8 @@ export class YooFormTextEditorComponent {
   static get states() {
     return {
       "mentionText": {},
-      "isMentionMode": {}
+      "isMentionMode": {},
+      "keyboardOpen": {}
     };
   }
   static get events() {
@@ -1423,6 +1440,21 @@ export class YooFormTextEditorComponent {
           "resolved": "any",
           "references": {}
         }
+      }, {
+        "method": "inputResize",
+        "name": "inputResize",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
       }, {
         "method": "linkPreviewChanged",
         "name": "linkPreviewChanged",
@@ -1540,4 +1572,19 @@ export class YooFormTextEditorComponent {
         "methodName": "mentionModeChanged"
       }];
   }
+  static get listeners() {
+    return [{
+        "name": "keyboardDidShow",
+        "method": "onKeyboardShown",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "keyboardWillHide",
+        "method": "onKeyboardHidden",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/form/links-preview/links-preview.js

@@ -1,7 +1,7 @@
 import { getAsyncExtraData, isDeeplink, isImage, replaceAndGetAllLinks, screenOrientationLock, screenOrientationUnlock } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { setValidator } from '@yobi/utils/helpers/form-input-helpers';
-import { uniqBy } from 'lodash-es';
+import { isObject, uniqBy } from 'lodash-es';
 export class YooLinksPreviewComponent {
   constructor() {
     this.retrievedLinkPreviews = [];
@@ -131,8 +131,9 @@ export class YooLinksPreviewComponent {
   }
   renderPreview(link) {
     const { url, originalURL, image, title, isLoading, target } = link;
+    const finalTarget = isObject(target) ? '_system' : target;
     const showTitleOnly = isDeeplink(url) || !isImage(image);
-    return h("section", { id: "preview", class: { 'no-image': showTitleOnly }, onClick: (ev) => this.onLinkPreviewClicked(ev, link) }, isLoading && h("yoo-loader", { class: "absolute backdrop-transparent" }), !showTitleOnly && image && this.renderImage(image), this.showDescription && this.renderLinkDescription(url || originalURL, title, showTitleOnly, target), this.closeable && this.renderCloseIcon(link));
+    return h("section", { id: "preview", class: { 'no-image': showTitleOnly }, onClick: (ev) => this.onLinkPreviewClicked(ev, { ...link, ...{ target: finalTarget } }) }, isLoading && h("yoo-loader", { class: "absolute backdrop-transparent" }), !showTitleOnly && image && this.renderImage(image), this.showDescription && this.renderLinkDescription(url || originalURL, title, showTitleOnly, finalTarget), this.closeable && this.renderCloseIcon(link));
   }
   renderPreviews() {
     var _a, _b;

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

@@ -537,7 +537,7 @@ export class YooGridComponent {
       this.selected.emit(this.multiple ? [] : null);
       this.removed.emit(this.selectionRemoved);
     }
-    if (hasPreviousSelection && this.isAgGrid() && this.gridApi && !this.disconnected) {
+    if (((hasPreviousSelection && this.isAgGrid()) || this.isTree()) && this.gridApi && !this.disconnected) {
       this.gridApi.deselectAll();
     }
   }
@@ -1581,23 +1581,35 @@ export class YooGridComponent {
   }
   updateGridSelectAllState(temporarySelectedItem) {
     if (this.isAgGrid() && this.gridApi && !this.disconnected) {
+      const nodesToUnselect = [];
+      const nodesToSelect = [];
       this.gridApi.forEachNode((node) => {
         var _a;
         if (node.id) {
           if (this.isSelectAll && !(((_a = this.selectionRemoved) === null || _a === void 0 ? void 0 : _a.findIndex((entity) => entity[this.idAttributeName || '_id'] === node.data[this.idAttributeName || '_id'])) >= 0)) {
-            node.setSelected(true, false, true);
+            nodesToSelect.push(node);
+            // node.setSelected(true, false, true);
           }
           else if (this.selection && this.selection.findIndex((entity) => entity[this.idAttributeName || '_id'] === node.data[this.idAttributeName || '_id']) >= 0) {
-            node.setSelected(true, false, true);
+            nodesToSelect.push(node);
+            //node.setSelected(true, false, true);
           }
           else if (temporarySelectedItem && temporarySelectedItem[this.idAttributeName || '_id'] === node.data[this.idAttributeName || '_id']) {
-            node.setSelected(true, false, true);
+            nodesToSelect.push(node);
+            //node.setSelected(true, false, true);
           }
           else {
-            node.setSelected(false, false, true);
+            nodesToUnselect.push(node);
+            // node.setSelected(false, false, true);
           }
         }
       });
+      nodesToUnselect.forEach((node) => {
+        node.setSelected(false, false, true);
+      });
+      nodesToSelect.forEach((node) => {
+        node.setSelected(true, false, true);
+      });
       this.updateGridHeader();
     }
   }

package/dist/collection/feature-platform/login/login/login.js

@@ -79,15 +79,18 @@ export class YooLoginComponent {
   disconnectedCallback() {
     setStatusBarDarkMode(false);
     isNativeMobile() && removeKeyboardEventListeners();
+    if (this.intervalCheck) {
+      clearInterval(this.intervalCheck);
+    }
   }
   checkAutofill() {
     let areFieldsAutofilled = false;
-    const intervalCheck = setInterval(() => {
+    this.intervalCheck = setInterval(() => {
       if (document.querySelectorAll(':-webkit-autofill').length === 2 && !areFieldsAutofilled) {
         this.loginButtonElement.classList.remove('disabled');
         this.loginButtonElement.removeAttribute('disabled');
         areFieldsAutofilled = true;
-        clearInterval(intervalCheck);
+        clearInterval(this.intervalCheck);
       }
     });
   }

package/dist/{esm/annotations-helpers-38174f0e.js → design-system/annotations-helpers-10ad4b55.js}

@@ -1,4 +1,4 @@
-import { b6 as getUUID } from './index-2fddf58e.js';
+import { b6 as getUUID } from './index-ce52bbeb.js';
 
 function isAnnotationEmpty(annotation) {
   return !(annotation === null || annotation === void 0 ? void 0 : annotation.text);

package/dist/{esm/button.factory-359fd778.js → design-system/button.factory-c3c60be1.js}

@@ -1,4 +1,4 @@
-import { a0 as translateMulti } from './index-2fddf58e.js';
+import { a0 as translateMulti } from './index-ce52bbeb.js';
 import { h } from './index-2cf5b950.js';
 
 const getButton = (button) => {

package/dist/design-system/{camera-helpers-881e17ba.js → camera-helpers-678bfa9c.js}

@@ -1,4 +1,4 @@
-import { ct as cordova, cu as AwesomeCordovaNativePlugin, cv as cordovaPropertyGet, cw as cordovaPropertySet, cx as registerPlugin, a5 as getSession, cy as getDeviceModel, cz as getDevicePlatform, cA as isIonic, b as isNativeMobile, c as isAndroid, E as isIOS, r as getMediaDevices, x as showModal, w as getModalAnimation, y as isWeb } from './index-2fddf58e.js';
+import { ct as cordova, cu as AwesomeCordovaNativePlugin, cv as cordovaPropertyGet, cw as cordovaPropertySet, cx as registerPlugin, a5 as getSession, cy as getDeviceModel, cz as getDevicePlatform, cA as isIonic, b as isNativeMobile, c as isAndroid, E as isIOS, r as getMediaDevices, x as showModal, w as getModalAnimation, y as isWeb } from './index-ce52bbeb.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -248,7 +248,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-c47725a4.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-f564fe00.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-c5d51244.js → chat-helpers-3a0a00f7.js}

@@ -1,4 +1,4 @@
-import { t as translate, ap as isFile, aq as replaceAtTagToMentionTag, ar as replaceAllLinks, a0 as translateMulti } from './index-2fddf58e.js';
+import { t as translate, ap as isFile, aq as replaceAtTagToMentionTag, ar as replaceAllLinks, a0 as translateMulti } from './index-ce52bbeb.js';
 import { c as isArray } from './lodash-cd4a9ba3.js';
 
 /**

package/dist/design-system/{common-helpers-f774d7c6.js → common-helpers-338b849f.js}

@@ -1,4 +1,4 @@
-import { w as getModalAnimation, t as translate, x as showModal, y as isWeb, z as debounce, A as querySelectorDeep$1, b as isNativeMobile, S as ScreenOrientation, B as findDevice, C as isRTL, D as isIphoneX, d as isIpadPro, f as isTablet, a as isFullScreenFalse, E as isIOS, c as isAndroid, F as setAnimation, G as animations, H as getCssColor, Y as YOOBICON_ENTITIES_MAP, I as startOf, J as isDateBefore, K as dateDiffInCalendarDays, L as isDateAfter, M as getAsyncExtraData, N as findParent, O as isNativeFilePath, v as cleanupWKWebViewFilePath, P as Cloudinary, Q as getProtocol, R as CloudinaryGradientLayer } from './index-2fddf58e.js';
+import { w as getModalAnimation, t as translate, x as showModal, y as isWeb, z as debounce, A as querySelectorDeep$1, b as isNativeMobile, S as ScreenOrientation, B as findDevice, C as isRTL, D as isIphoneX, d as isIpadPro, f as isTablet, a as isFullScreenFalse, E as isIOS, c as isAndroid, F as setAnimation, G as animations, H as getCssColor, Y as YOOBICON_ENTITIES_MAP, I as startOf, J as isDateBefore, K as dateDiffInCalendarDays, L as isDateAfter, M as getAsyncExtraData, N as findParent, O as isNativeFilePath, v as cleanupWKWebViewFilePath, P as Cloudinary, Q as getProtocol, R as CloudinaryGradientLayer } from './index-ce52bbeb.js';
 import { E as get } from './lodash-cd4a9ba3.js';
 
 function getDefaultModalAnimation(host) {