@yoobic/yobi 8.6.16 → 8.6.18

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

@@ -1,5 +1,5 @@
 import 'gridstack/dist/h5/gridstack-dd-native';
-import { debounce } from '@shared/utils';
+import { debounce, isSurface } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { getAppContext } from '@yobi/utils/helpers/common-helpers';
 import { GridStack, Utils } from 'gridstack';
@@ -70,6 +70,10 @@ export class YooGridstackComponent {
       }
     }
   }
+  async forceUpdate(column) {
+    this.grid.column(column);
+    this.renderConfig();
+  }
   async syncHeights() {
     // this.syncHeightsInternal();
     this.updateIsInitState(false);
@@ -173,10 +177,14 @@ export class YooGridstackComponent {
     }
   }
   disconnectedCallback() {
-    var _a;
+    var _a, _b;
     if (isFunction((_a = this.grid) === null || _a === void 0 ? void 0 : _a.removeAll)) {
       this.grid.removeAll(true);
     }
+    if (isFunction((_b = this.grid) === null || _b === void 0 ? void 0 : _b.destroy)) {
+      this.grid.destroy(false);
+    }
+    delete this.grid;
     this.updateIsInitState(false);
     this.disconnected = true;
   }
@@ -244,7 +252,8 @@ export class YooGridstackComponent {
         animate: false,
         disableOneColumnMode: this.forceOneColumn !== true,
         oneColumnModeDomSort: false,
-        cellHeight: this.cellHeight || 'auto',
+        cellHeight: this.cellHeight || (isSurface() ? 'initial' : 'auto'),
+        cellHeightThrottle: 1000,
         margin: this.itemMargin,
         acceptWidgets: '.ui-draggable',
         draggable: {
@@ -261,15 +270,24 @@ export class YooGridstackComponent {
         dragOut: false,
         staticGrid: this.static
       }, this.containerEl);
-      this.initialized.emit();
+      this.grid.cellHeightOriginal = this.grid.cellHeight;
+      this.grid.cellHeight = (val, update) => {
+        if (!this.disconnected) {
+          return this.grid.cellHeightOriginal(val, update);
+        }
+        return this.grid;
+      };
       this.grid._removeStylesheetOriginal = this.grid._removeStylesheet;
       this.grid._removeStylesheet = (id) => {
-        this.grid._removeStylesheetOriginal(id);
-        const el = this.host.shadowRoot.querySelector('STYLE');
-        if (el && el.parentNode) {
-          el.remove();
+        if (!this.disconnected) {
+          this.grid._removeStylesheetOriginal(id);
+          const el = this.host.shadowRoot.querySelector('STYLE');
+          if (el && el.parentNode) {
+            el.remove();
+          }
         }
       };
+      this.initialized.emit();
       this.grid.on('change', (_event, items) => {
         items.forEach((item) => {
           this.itemChanged.emit(item);
@@ -926,6 +944,25 @@ export class YooGridstackComponent {
           "tags": []
         }
       },
+      "forceUpdate": {
+        "complexType": {
+          "signature": "(column: number) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
       "syncHeights": {
         "complexType": {
           "signature": "() => Promise<void>",

package/dist/collection/feature-learn/learning/lesson-question-result/lesson-question-result.js

@@ -232,20 +232,20 @@ export class YooLessonQuestionResultComponent {
     }
     else if (!isContentOnly(this.lessonType)) {
       items = (_b = this.fields) === null || _b === void 0 ? void 0 : _b.map((field, i) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         return ({
           name: `${translate('QUESTION')} ${i + 1}`,
           description: translateMulti(field.sentence || field.description || field.title),
           points: ((_b = (_a = this.lessonData) === null || _a === void 0 ? void 0 : _a[field.name]) === null || _b === void 0 ? void 0 : _b.fieldType) === 'scorm'
-            ? answerIsValid((_c = this.lessonData[field.name]) === null || _c === void 0 ? void 0 : _c.value, field.answer || field.complexAnswer, field)
+            ? answerIsValid((_c = this.lessonData[field.name]) === null || _c === void 0 ? void 0 : _c.value, (_d = field.answer) !== null && _d !== void 0 ? _d : field.complexAnswer, field)
               ? Math.round(this.points)
               : 0
-            : isNumber((_e = (_d = this.lessonData) === null || _d === void 0 ? void 0 : _d[field.name]) === null || _e === void 0 ? void 0 : _e.earnedConfidencePoints)
-              ? ((_f = this.lessonData[field.name]) === null || _f === void 0 ? void 0 : _f.earnedConfidencePoints) + ((_g = this.lessonData[field.name]) === null || _g === void 0 ? void 0 : _g.earnedQuestionPoints)
-              : ((_j = (_h = this.lessonData) === null || _h === void 0 ? void 0 : _h[field.name]) === null || _j === void 0 ? void 0 : _j.fieldValidity)
+            : isNumber((_f = (_e = this.lessonData) === null || _e === void 0 ? void 0 : _e[field.name]) === null || _f === void 0 ? void 0 : _f.earnedConfidencePoints)
+              ? ((_g = this.lessonData[field.name]) === null || _g === void 0 ? void 0 : _g.earnedConfidencePoints) + ((_h = this.lessonData[field.name]) === null || _h === void 0 ? void 0 : _h.earnedQuestionPoints)
+              : ((_k = (_j = this.lessonData) === null || _j === void 0 ? void 0 : _j[field.name]) === null || _k === void 0 ? void 0 : _k.fieldValidity)
                 ? Math.round(this.points)
                 : 0,
-          isCorrect: (_l = (_k = this.lessonData) === null || _k === void 0 ? void 0 : _k[field.name]) === null || _l === void 0 ? void 0 : _l.fieldValidity
+          isCorrect: (_m = (_l = this.lessonData) === null || _l === void 0 ? void 0 : _l[field.name]) === null || _m === void 0 ? void 0 : _m.fieldValidity
         });
       });
     }

package/dist/collection/feature-platform/insight/kpi-container/kpi-container.js

@@ -88,6 +88,7 @@ export class YooKpiContainerComponent {
     this.removeIntersectionObserver();
   }
   initButtons() {
+    var _a, _b, _c, _d;
     this.buttons = [{ text: translate('REFRESH'), icon: 'refresh', handler: () => this.onRefresh(), separator: true }];
     if (this.isInDashboard && (this.type === 'chart' || this.type === 'grid')) {
       this.buttons.push({ text: translate('KPIVIEWINFO'), icon: 'info', handler: () => this.onViewInfo(), separator: true });
@@ -122,13 +123,13 @@ export class YooKpiContainerComponent {
       });
       this.buttons.push({ text: translate('DELETE'), icon: 'delete', actionType: 'delete', handler: () => this.onDelete(), separator: true });
     }
-    if ((this.type === 'chart' || this.type === 'grid') && isWeb(this.host)) {
+    if ((this.type === 'chart' || this.type === 'grid') && isWeb(this.host) && !((_b = (_a = this.definition) === null || _a === void 0 ? void 0 : _a.kpiFormValues) === null || _b === void 0 ? void 0 : _b.allowScroll)) {
       this.buttons.push({ text: translate('EXPORTCSV'), icon: 'file-csv', handler: () => this.onExportCSV() });
     }
     if (this.type === 'grid' && isWeb(this.host)) {
       this.buttons.push({ text: translate('EXPORTEXCEL'), icon: 'file-excel', handler: () => this.onExportXLSX() });
     }
-    if (this.type === 'chart' && isWeb(this.host)) {
+    if (this.type === 'chart' && isWeb(this.host) && !((_d = (_c = this.definition) === null || _c === void 0 ? void 0 : _c.kpiFormValues) === null || _d === void 0 ? void 0 : _d.allowScroll)) {
       this.buttons.push({ text: translate('EXPORTPNG'), icon: 'image', handler: () => this.onExport(), separator: true });
     }
   }

package/dist/collection/feature-platform/menu/side-menu/side-menu.js

@@ -3,7 +3,7 @@
  * @author: Tom Kiddle
  * Zeplin Link: https://zpl.io/VxrP4ER
  */
-import { dispatchCustomEvent, getSession, getUserDisplayName, isWeb, translate } from '@shared/utils';
+import { getSession, getUserDisplayName, translate } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { getAppContext } from '@yobi/utils/helpers/common-helpers';
 import { isNumber } from 'lodash-es';
@@ -73,11 +73,9 @@ export class YooSideMenuComponent {
   onCollapseMenuClicked() {
     this.isMenuCollapsed = !this.isMenuCollapsed;
     this.menuCollapsed.emit(this.isMenuCollapsed);
-    // Dispath window event as toggling menu will caused
-    // screen size changes without triggering resize event
-    if (isWeb(this.host)) {
-      dispatchCustomEvent('screenSizeWillChange', window);
-    }
+    setTimeout(() => {
+      window.dispatchEvent(new window.Event('resize'));
+    }, 500);
   }
   onLogoClicked() {
     this.logoClicked.emit(true);

package/dist/collection/utils/helpers/filters-helpers.js

@@ -1,7 +1,7 @@
 import { FormFieldType, FormFilterAutocompleteOperator } from '@shared/interfaces';
 import { isTextField, isWeb, translate } from '@shared/utils';
 import { getExtraDataFieldName, SELECTED_RADIO_BUTTON_SUFFIX } from '@yobi/utils/helpers/form-helpers';
-import { compact, set } from 'lodash-es';
+import { compact, get, set } from 'lodash-es';
 function isWithValuesField(field) {
   var _a;
   const types = [
@@ -43,7 +43,6 @@ function fieldIsFilter(field) {
   return AUTOCOMPLETE_FIELD_TYPES.includes(field.type);
 }
 export function filterFromFormField(field, values, form) {
-  var _a;
   return {
     fieldname: field.name,
     fieldfiltername: field.filterName || field.name,
@@ -58,7 +57,7 @@ export function filterFromFormField(field, values, form) {
     collectionName: field.collectionName,
     idOnly: field.idOnly,
     idAttributeName: field.idAttributeName,
-    operator: (_a = form === null || form === void 0 ? void 0 : form.data) === null || _a === void 0 ? void 0 : _a[`${field.name}${SELECTED_RADIO_BUTTON_SUFFIX}`]
+    operator: get(form === null || form === void 0 ? void 0 : form.data, `${getExtraDataFieldName(field)}${SELECTED_RADIO_BUTTON_SUFFIX}`)
   };
 }
 export function filterIsBoolean(field) {
@@ -199,7 +198,7 @@ export function filterRenderFormDynamic(filteredFields, filters, form, options)
       if (filter) {
         newField.tmpSelection = filter.tmpSelection;
         set(data, field.name, filter.values);
-        set(data, `${field.name}${SELECTED_RADIO_BUTTON_SUFFIX}`, filter.operator || FormFilterAutocompleteOperator.is);
+        set(data, `${getExtraDataFieldName(field)}${SELECTED_RADIO_BUTTON_SUFFIX}`, filter.operator || FormFilterAutocompleteOperator.is);
       }
       if ((form === null || form === void 0 ? void 0 : form.slides) && ((_a = form.slides[0]) === null || _a === void 0 ? void 0 : _a.items)) {
         // we need this to handle location hierarchy dynamic filters

package/dist/{esm/annotations-helpers-40ce6484.js → design-system/annotations-helpers-aad1431d.js}

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

package/dist/{esm/buffer-es6-cb57a3aa.js → design-system/buffer-es6-e4b8885c.js}

@@ -1,4 +1,4 @@
-import { g as global } from './lodash-c1c53922.js';
+import { g as global } from './lodash-cd4a9ba3.js';
 
 var lookup = [];
 var revLookup = [];

package/dist/{esm/button.factory-5ee2f069.js → design-system/button.factory-2c1327df.js}

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

package/dist/design-system/{camera-helpers-a813bd8d.js → camera-helpers-f3e76bef.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-1e7614d0.js';
+import { cu as cordova, cv as AwesomeCordovaNativePlugin, cw as cordovaPropertyGet, cx as cordovaPropertySet, cy as registerPlugin, a5 as getSession, cz as getDeviceModel, cA as getDevicePlatform, cB 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-2db72e91.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-4d46b135.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-916ff0b8.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-224761ba.js → chat-helpers-bef0340e.js}

@@ -1,5 +1,5 @@
-import { ap as is24Hour, aq as isFile, ar as replaceAtTagToMentionTag, as as replaceAllLinks, a0 as translateMulti } from './index-1e7614d0.js';
-import { c as isArray } from './lodash-c1c53922.js';
+import { ap as is24Hour, aq as isFile, ar as replaceAtTagToMentionTag, as as replaceAllLinks, a0 as translateMulti } from './index-2db72e91.js';
+import { c as isArray } from './lodash-cd4a9ba3.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/design-system/{common-helpers-98bc3089.js → common-helpers-b90c3418.js}

@@ -1,5 +1,5 @@
-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-1e7614d0.js';
-import { E as get } from './lodash-c1c53922.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-2db72e91.js';
+import { E as get } from './lodash-cd4a9ba3.js';
 
 function getDefaultModalAnimation(host) {
   return ['Enter', 'Leave'].map((v) => getModalAnimation(v, 'X', { host, reversedSlide: true }));