@yoobic/yobi 8.5.2-0 → 8.5.2-1

package/dist/cjs/yoo-form-creator.cjs.entry.js

@@ -1366,7 +1366,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,
@@ -2357,11 +2358,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 (!lodash.isEqual(order, this.currentExpandableFieldSortableOrder)) {
+          try {
+            this.currentExpandableFieldSortableOrder = order;
+            this.currentExpandableFieldSortable.sort(order);
+          }
+          catch (err) {
+            // do nothing
+          }
         }
       }
     }, 0);

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/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);

package/dist/esm/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);

package/dist/types/components/form-creator/form-creator/form-creator.d.ts

@@ -364,6 +364,7 @@ export declare class YooFormCreatorComponent {
   private expandableBlocks;
   private fieldEmptyStateContainer;
   private currentExpandableFieldSortable;
+  private currentExpandableFieldSortableOrder;
   private leftMenuSortables;
   private hasPageChanged;
   private hasLeftMenuOptionChanged;

package/package.json

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