@yoobic/yobi 8.5.2-0 → 8.5.2

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

@@ -1,7 +1,7 @@
 import { ALL_MOBILE_FORM_FIELDS, CONDITION_TYPES, FEEDBACK_SCORING_VALUES, FormCreatorBulkActions, FormCreatorOptions, FormFieldCategory, FormFieldType, ScoringCategory } from '@shared/interfaces';
 import { calculateScoringTotal, changeSelectedScoring, checkIfKeyIsInField, checkIfKeyIsInPage, closeModal, CURVE_EASE_OUT_QUAD, findField, findMultiMaxScore, formatScoringValuePairs, formatSlides, getCurrentLanguage, getCustomName, getScoringCategory, getSession, getUUID, hasImageRecognitionFields, isFieldNameUnique, isNullOrUndefined, populateScoringFields, removeParentCondition, removeScoringSelectedFields, serializeScores, setFieldIconAndCategory, showAlert, showModal, showToast, translate, translateMulti, updateTranslationKey } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
-import { cloneDeep, compact, isArray, orderBy } from 'lodash-es';
+import { cloneDeep, compact, isArray, isEqual, orderBy } from 'lodash-es';
 import Sortable from 'sortablejs';
 import { conditionBlocksConfig, FORM_CREATOR_BULK_ACTIONS_ALL } from '../../../interfaces';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
@@ -1293,7 +1293,8 @@ export class YooFormCreatorComponent {
       chosenClass: 'sortable-chosen-no-border',
       direction: 'vertical',
       draggable: '.sortable-container',
-      filter: '.selection',
+      filter: (event) => event.composedPath().some((element) => { var _a; return element.tagName === 'INPUT' || ((_a = element.classList) === null || _a === void 0 ? void 0 : _a.contains('selection')); }),
+      preventOnFilter: false,
       scroll: true,
       swapThreshold: 0.2,
       // scrollSensitivity: 1000,
@@ -2284,11 +2285,14 @@ export class YooFormCreatorComponent {
       var _a;
       if (((_a = this.currentExpandableFieldSortable) === null || _a === void 0 ? void 0 : _a.sort) && this.currentSlides && this.currentSlides[this.selectedPageIndex] && this.currentSlides[this.selectedPageIndex].items) {
         const order = this.currentSlides[this.selectedPageIndex].items.filter((f) => f).map((f) => f.name);
-        try {
-          this.currentExpandableFieldSortable.sort(order);
-        }
-        catch (err) {
-          // do nothing
+        if (!isEqual(order, this.currentExpandableFieldSortableOrder)) {
+          try {
+            this.currentExpandableFieldSortableOrder = order;
+            this.currentExpandableFieldSortable.sort(order);
+          }
+          catch (err) {
+            // do nothing
+          }
         }
       }
     }, 0);

package/dist/collection/components/grid/grid/grid.css

@@ -429,7 +429,7 @@ svg:not(:root) {
   --bottom-container-padding: 0;
 }
 :host yoo-navbar.hide-tags yoo-entity-search-tags {
-  margin: 0 var(--spacing-08, 0.5rem);
+  margin: 0;
 }
 :host yoo-navbar.hide-tags.hide-filters {
   --top-container-padding: 0.75rem var(--spacing-08, 0.5rem);

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

@@ -2209,9 +2209,8 @@ export class YooGridComponent {
     })))), isWeb(this.host) && (h("div", { class: "nav-bar-entity-right", slot: "before-sort" }, h("slot", { name: "nav-bar-entity-right" }))), h("slot", { name: "search-buttons" })));
   }
   renderEntitySearchTags(renderSearchOrAutocomplete) {
-    var _a;
     const showAdvancedFilters = (!isWeb(this.host) && this.showSearch !== false) || (isWeb(this.host) && !!this.model) || this.forceTagFilters;
-    return ((_a = this.tags) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("yoo-entity-search-tags", { slot: this.hideTags || !this.tags || (this.tags && this.tags.length === 0) ? 'start' : renderSearchOrAutocomplete ? 'content' : '', expandedTags: this.gridIsExpanded, hideTags: this.hideTags || !this.tags || !this.tags.length, sortsAndFilters: this.sortsAndFilters, onFilterAdvanced: () => this.onShowFilterAdvanced(), tags: isWeb(this.host) && !this.gridIsExpanded ? [] : this.tags, values: this.selectedTags || [], hideAdvancedFilters: !showAdvancedFilters || this.isShowAdvancedFiltersDisplayedIntoSearch, onSelected: (ev) => this.onTagSelect(ev), disabled: this.isSelectAll }));
+    return (h("yoo-entity-search-tags", { slot: this.hideTags || !this.tags || (this.tags && this.tags.length === 0) ? 'start' : renderSearchOrAutocomplete ? 'content' : '', expandedTags: this.gridIsExpanded, hideTags: this.hideTags || !this.tags || !this.tags.length, sortsAndFilters: this.sortsAndFilters, onFilterAdvanced: () => this.onShowFilterAdvanced(), tags: isWeb(this.host) && !this.gridIsExpanded ? [] : this.tags, values: this.selectedTags || [], hideAdvancedFilters: !showAdvancedFilters || this.isShowAdvancedFiltersDisplayedIntoSearch, onSelected: (ev) => this.onTagSelect(ev), disabled: this.isSelectAll }));
   }
   onTabSelected(ev) {
     this.selectedTab = this.tabs[ev.detail.nextIndex];

package/dist/design-system/yoo-form-creator.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-a6a92b3d.js';
 import { s as FormCreatorOptions, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, t as CONDITION_TYPES, u as FormFieldCategory, v as FormCreatorBulkActions, w as FEEDBACK_SCORING_VALUES, S as ScoringCategory } from './index-4bbbf966.js';
 import './index-79495ce8.js';
-import { c as cloneDeep, o as orderBy, n as compact, i as isArray } from './lodash-777f91de.js';
+import { c as cloneDeep, o as orderBy, n as compact, i as isArray, A as isEqual } from './lodash-777f91de.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
 import { F as FORM_CREATOR_BULK_ACTIONS_ALL } from './index-c04e931c.js';
 import { g as getAppContext } from './common-helpers-d0ae29f8.js';
@@ -1362,7 +1362,8 @@ const YooFormCreatorComponent = class {
       chosenClass: 'sortable-chosen-no-border',
       direction: 'vertical',
       draggable: '.sortable-container',
-      filter: '.selection',
+      filter: (event) => event.composedPath().some((element) => { var _a; return element.tagName === 'INPUT' || ((_a = element.classList) === null || _a === void 0 ? void 0 : _a.contains('selection')); }),
+      preventOnFilter: false,
       scroll: true,
       swapThreshold: 0.2,
       // scrollSensitivity: 1000,
@@ -2353,11 +2354,14 @@ const YooFormCreatorComponent = class {
       var _a;
       if (((_a = this.currentExpandableFieldSortable) === null || _a === void 0 ? void 0 : _a.sort) && this.currentSlides && this.currentSlides[this.selectedPageIndex] && this.currentSlides[this.selectedPageIndex].items) {
         const order = this.currentSlides[this.selectedPageIndex].items.filter((f) => f).map((f) => f.name);
-        try {
-          this.currentExpandableFieldSortable.sort(order);
-        }
-        catch (err) {
-          // do nothing
+        if (!isEqual(order, this.currentExpandableFieldSortableOrder)) {
+          try {
+            this.currentExpandableFieldSortableOrder = order;
+            this.currentExpandableFieldSortable.sort(order);
+          }
+          catch (err) {
+            // do nothing
+          }
         }
       }
     }, 0);