@yoobic/yobi 8.5.0-64 → 8.5.0-65

package/dist/design-system/yoo-entity-query-builder.entry.js

@@ -101,14 +101,8 @@ const YooEntityQueryBuilderComponent = class {
     return ((_b = (_a = this.values) === null || _a === void 0 ? void 0 : _a.filters) === null || _b === void 0 ? void 0 : _b.length) > 0 || ((_d = (_c = this.values) === null || _c === void 0 ? void 0 : _c.advancedFilters) === null || _d === void 0 ? void 0 : _d.length) > 0;
   }
   getActiveFiltersCount() {
-    var _a, _b, _c, _d;
-    if (((_b = (_a = this.values) === null || _a === void 0 ? void 0 : _a.advancedFilters) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-      return sum(this.values.advancedFilters.map((f) => (f === null || f === void 0 ? void 0 : f.length) || 0));
-    }
-    else if (((_d = (_c = this.values) === null || _c === void 0 ? void 0 : _c.filters) === null || _d === void 0 ? void 0 : _d.length) > 0) {
-      return this.values.filters.length;
-    }
-    return 0;
+    const { advancedFilters, filters } = this.values || {};
+    return ((advancedFilters === null || advancedFilters === void 0 ? void 0 : advancedFilters.length) ? sum(advancedFilters.map((filter) => (filter === null || filter === void 0 ? void 0 : filter.length) || 0)) : filters === null || filters === void 0 ? void 0 : filters.length) || 0;
   }
   isFilterField(f) {
     return filterIsRadio(f) || filterIsAutocomplete(f) || filterIsSegement(f) || filterIsAutocompleteLocal(f) || filterIsBoolean(f) || filterIsDate(f) || filterIsText(f) || filterIsNumber(f);
@@ -183,6 +177,7 @@ const YooEntityQueryBuilderComponent = class {
     if (values.length > 0 || (values && field.type === FormFieldType.missionfield)) {
       this.values.filters.push(filterFromFormField(field, values, this.filterAutocompleteOperator));
     }
+    this.values = cloneDeep(this.values);
     this.onEmitValues();
   }
   onAutocompleteChangeAdvanced(ev, index) {
@@ -318,7 +313,7 @@ const YooEntityQueryBuilderComponent = class {
   }
   renderFiltersHeader() {
     const count = this.getActiveFiltersCount();
-    return h("div", { class: "filters-header" }, h("div", { class: "counter" }, translate('YOOBICFILTERSAPPLIED', { smart_count: count })), h("div", { class: "clear-all" }, count > 0 && h("yoo-button", { size: this.size, color: count > 0 ? 'app-color' : 'stable', fill: "transparent", onClick: () => this.onClear() }, translate('CLEARALL'))));
+    return h("div", { class: "filters-header" }, h("div", { class: "counter" }, translate('YOOBICFILTERSAPPLIED', { smart_count: count })), h("div", { class: "clear-all" }, h("yoo-button", { size: this.size, color: "app-color", disabled: !count, fill: "transparent", onClick: () => this.onClear() }, translate('CLEARALL'))));
   }
   renderFilters() {
     var _a, _b;
@@ -402,7 +397,7 @@ const YooEntityQueryBuilderComponent = class {
     const count = this.getActiveFiltersCount();
     return [
       (customViewsButtons === null || customViewsButtons === void 0 ? void 0 : customViewsButtons.length) > 0 && (h("yoo-context-menu", { contentButtons: customViewsButtons, placement: "right", class: "customview-menu width-unset" }, h("div", { class: "header width-auto" }, h("div", { class: { title: true, 'app-color': !!this.customView } }, translate('SAVEDFILTERS')), h("yoo-icon", { name: "right-web", color: "stable", size: "medium" })))),
-      h("div", { class: "header" }, h("div", { class: "title" }, translate('FILTERS', { count })), h("yoo-button", { size: this.size, color: count > 0 ? 'app-color' : 'stable', fill: "transparent", disabled: !this.isDirty && !(count > 0), onClick: () => this.onClear() }, translate('CLEARALL')))
+      h("div", { class: "header" }, h("div", { class: "title" }, translate('FILTERS', { count })), h("yoo-button", { size: this.size, color: "app-color", fill: "transparent", disabled: !count, onClick: () => this.onClear() }, translate('CLEARALL')))
     ];
   }
   renderDialogFooter() {

package/dist/design-system/yoo-form-autocomplete-dialog.entry.js

@@ -276,6 +276,7 @@ const YooFormAutocompleteDialogComponent = class {
   }
   onFilterRadioToggled(ev) {
     ev.stopPropagation();
+    this.selectedFilterOperator = ev.detail;
     this.filterRadioToggled.emit(ev.detail);
   }
   getEntityType() {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { c as FormFieldType } from './index-604330b3.js';
+import { a3 as FormFilterAutocompleteOperator, c as FormFieldType } from './index-604330b3.js';
 import './index-8ba1a121.js';
 import { i as isArray, n as compact, l as uniq, p as isString, a as isNumber } from './lodash-777f91de.js';
 import { i as showImageCropper, h as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-3b193836.js';
@@ -221,6 +221,7 @@ const YooFormAutocompleteComponent = class {
   }
   componentWillLoad() {
     var _a, _b;
+    this.isFilter && !this.filterOperator && this.selectFilterOperator(FormFilterAutocompleteOperator.is);
     this.updateSelection(true);
     if (this.showDropdownOnLoad) {
       this.showDropdownContent = this.showDropdownOnLoad;
@@ -646,7 +647,7 @@ const YooFormAutocompleteComponent = class {
     });
     this.dialog.addEventListener('filterRadioToggled', (ev) => {
       ev.stopPropagation();
-      this.onFilterRadioToggled(ev.detail);
+      this.selectFilterOperator(ev.detail);
     });
     let modalOptions = { half: !isWeb(this.host) };
     if (isExpanding) {
@@ -700,7 +701,8 @@ const YooFormAutocompleteComponent = class {
     this.currentSelectedTags = ev.detail;
     await this.fetch();
   }
-  onFilterRadioToggled(operator) {
+  selectFilterOperator(operator) {
+    this.filterOperator = operator;
     this.extraDataChanged.emit(operator);
   }
   async onFileChanges(ev) {
@@ -909,7 +911,6 @@ const YooFormAutocompleteComponent = class {
     var _a, _b, _c, _d, _e, _f, _g;
     const isPopulatedQuery = isArray(this.value) ? ((_a = this.value.find((v) => v === null || v === void 0 ? void 0 : v.total)) === null || _a === void 0 ? void 0 : _a.total) > 0 : ((_b = this.value) === null || _b === void 0 ? void 0 : _b.total) > 0;
     const valueTotal = isArray(this.value) ? (_c = this.value.find((v) => v === null || v === void 0 ? void 0 : v.total)) === null || _c === void 0 ? void 0 : _c.total : (_d = this.value) === null || _d === void 0 ? void 0 : _d.total;
-    const selectedOperator = this.filterOperator || 'in';
     if (this.idOnly && ((_e = this.value) === null || _e === void 0 ? void 0 : _e.length) > 0 && isString(this.value[0]) && !this.idOnlyInitialSelection) {
       this.forceSelectedContentIdOnlyReload = true;
     }
@@ -921,7 +922,7 @@ const YooFormAutocompleteComponent = class {
     if (this.entityType === 'groups' && !this.returnQuery) {
       groupSelection = (_f = this.selection) === null || _f === void 0 ? void 0 : _f.filter((value) => { var _a, _b; return (value === null || value === void 0 ? void 0 : value.title) ? !((_a = value === null || value === void 0 ? void 0 : value.title) === null || _a === void 0 ? void 0 : _a.match(MONGODB_ID_REGEX)) : (value === null || value === void 0 ? void 0 : value._id) && !(value === null || value === void 0 ? void 0 : value.title) ? !((_b = value === null || value === void 0 ? void 0 : value._id) === null || _b === void 0 ? void 0 : _b.match(MONGODB_ID_REGEX)) : !(value === null || value === void 0 ? void 0 : value.match(MONGODB_ID_REGEX)); });
     }
-    return (h("div", { class: { 'entity-content': true, selected: true, 'icon-prefix': hasIconPrefix } }, `${this.isFilter ? selectedOperator : ''} ${this.entityType !== 'groups' ? (_g = this.selection) === null || _g === void 0 ? void 0 : _g.length : groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.length} ${translate(this.setPrefixedEntityType(entityType).toUpperCase())} ${translate(this.multipleSelectionSuffix)}`));
+    return (h("div", { class: { 'entity-content': true, selected: true, 'icon-prefix': hasIconPrefix } }, `${this.isFilter ? this.filterOperator : ''} ${this.entityType !== 'groups' ? (_g = this.selection) === null || _g === void 0 ? void 0 : _g.length : groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.length} ${translate(this.setPrefixedEntityType(entityType).toUpperCase())} ${translate(this.multipleSelectionSuffix)}`));
   }
   renderUnselectedEntites(entityType, hasIconPrefix) {
     const filesPlaceholder = isWeb(this.host) ? translate('FORMFIELDDEFINITIONDOCUMENTPLACEHOLDER') : translate('SELECTFILES');
@@ -939,7 +940,6 @@ const YooFormAutocompleteComponent = class {
   }
   renderEntities(hasIconPrefix, cardTagSingle = false) {
     var _a;
-    const selectedOperator = this.filterOperator || 'in';
     return (h("div", { class: { 'entity-container': true, empty: !this.selection || this.selection.length <= 0, prefix: hasIconPrefix } }, (_a = this.selection) === null || _a === void 0 ? void 0 : _a.map((selection, i) => {
       var _a, _b;
       let entitySelection = selection;
@@ -961,7 +961,7 @@ const YooFormAutocompleteComponent = class {
       }
       const title = (entitySelection === null || entitySelection === void 0 ? void 0 : entitySelection.title) || entitySelection;
       return (entitySelection && [
-        h("div", { class: { 'single-entity-container': this.isFilter } }, h("div", { class: "operator-container" }, `${this.isFilter ? selectedOperator : ''}`), h("yoo-entity", { class: {
+        h("div", { class: { 'single-entity-container': this.isFilter } }, h("div", { class: "operator-container" }, `${this.isFilter ? this.filterOperator : ''}`), h("yoo-entity", { class: {
             'autocomplete autocomplete-selected': true,
             last: i === this.selection.length - 1,
             bold: this.color === 'transparent',
@@ -1006,7 +1006,7 @@ const YooFormAutocompleteComponent = class {
         await this.fetch(ev.detail);
       }, onFieldFetchData: (ev) => this.onFetchFieldFilterData(ev), onSortsAndFiltersChange: (ev) => this.onSortsAndFiltersChange(ev), onCurrentPageChanged: (ev) => this.onCurrentPageChange(ev === null || ev === void 0 ? void 0 : ev.detail), hideHeader: isNullOrUndefined(this.hideHeader) ? false : this.hideHeader, showSearch: !this.forceHideSearch && (this.initialValueLength > minValuesForSearch || this.allowCustomTag || this.allowCustomValue || this.entityType === 'googlemaps'), isLocal: this.isLocal, onGridExpanded: () => this.onExpandGrid(), useTranslate: this.useTranslate, initialSelection: this.returnQuery ? null : [].concat(isPresent(this.value) ? this.value : []), idOnly: this.idOnly || this.allowCustomTag, idAttributeName: this.idAttributeName || '_id', emptyState: this.emptyState, allowCustomTag: (this.allowCustomTag || this.tag || this.allowCustomValue) && !this.forceDisableCustomTags, searchBarPlaceholder: (this.allowCustomTag || this.allowCustomValue) && !this.forceDisableCustomTags
         ? translate(this.isLocal ? 'AUTOCOMPLETESEARCHADD' : 'SEARCHORADD')
-        : translate('SEARCH'), tags: this.tags, forceHideSearch: this.forceHideSearch, maxSelectionNumber: this.max, customModel: this.customModel, addNewTagText: this.entityType === 'emails' ? translate('ADDNEWEMAIL') : this.searchText, model: this.model, hideAdvancedFilters: !this.model, hideRefreshButton: true, showFilters: false, onTagsSelect: (ev) => this.onTagsSelect(ev), isCollapsible: false, onAddNewTagPressed: (ev) => this.onCustomTagCreated(ev), disableSingleDeselection: this.disableSingleDeselection, idOnlyInitialSelection: this.idOnlyInitialSelection, isLoading: this.isLoading, valuesColor: this.valuesColor, total: this.total, returnQuery: this.returnQuery, showSelectAll: this.returnQuery, initialQuery: this.returnQuery ? this.value : null, sortsAndFilters: this.returnQuery ? (_c = this.value) === null || _c === void 0 ? void 0 : _c.sortsAndFilters : null, onFileUpload: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.click(); }, isUploading: this.isUploading, showFormRadio: this.isFilter, selectedFilterOperator: this.filterOperator, onFormRadioToggled: (ev) => this.onFilterRadioToggled(ev.detail), onMaxPageCountChanged: (ev) => (this.maxPage = Math.max(ev.detail, this.maxPage)), onSearchedItemSelected: (ev) => this.updateSearchedItemSelection(ev), onValidityChanged: (ev) => this.onValidityChanged(ev), infiniteScrollDisabled: this.infiniteScrollDisabled }))))))));
+        : translate('SEARCH'), tags: this.tags, forceHideSearch: this.forceHideSearch, maxSelectionNumber: this.max, customModel: this.customModel, addNewTagText: this.entityType === 'emails' ? translate('ADDNEWEMAIL') : this.searchText, model: this.model, hideAdvancedFilters: !this.model, hideRefreshButton: true, showFilters: false, onTagsSelect: (ev) => this.onTagsSelect(ev), isCollapsible: false, onAddNewTagPressed: (ev) => this.onCustomTagCreated(ev), disableSingleDeselection: this.disableSingleDeselection, idOnlyInitialSelection: this.idOnlyInitialSelection, isLoading: this.isLoading, valuesColor: this.valuesColor, total: this.total, returnQuery: this.returnQuery, showSelectAll: this.returnQuery, initialQuery: this.returnQuery ? this.value : null, sortsAndFilters: this.returnQuery ? (_c = this.value) === null || _c === void 0 ? void 0 : _c.sortsAndFilters : null, onFileUpload: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.click(); }, isUploading: this.isUploading, showFormRadio: this.isFilter, selectedFilterOperator: this.filterOperator, onFormRadioToggled: (ev) => this.selectFilterOperator(ev.detail), onMaxPageCountChanged: (ev) => (this.maxPage = Math.max(ev.detail, this.maxPage)), onSearchedItemSelected: (ev) => this.updateSearchedItemSelection(ev), onValidityChanged: (ev) => this.onValidityChanged(ev), infiniteScrollDisabled: this.infiniteScrollDisabled }))))))));
   }
   renderReadonly() {
     if (this.selection && this.selection.length > 0) {

package/dist/design-system/yoo-grid.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { a3 as FormFilterAutocompleteOperator, c as FormFieldType, a4 as EMPTYSTATE_TITLE_MAP, a5 as EMPTYSTATE_TEXT_MAP, a6 as CALENDAR_VIEW_IDS } from './index-604330b3.js';
+import { c as FormFieldType, a3 as FormFilterAutocompleteOperator, a4 as EMPTYSTATE_TITLE_MAP, a5 as EMPTYSTATE_TEXT_MAP, a6 as CALENDAR_VIEW_IDS } from './index-604330b3.js';
 import './index-8ba1a121.js';
 import { $ as debounce, A as isEqual, h as map, B as sortBy, i as isArray, y as isEmpty, n as compact, C as get, p as isString, a as isNumber, G as isBoolean, S as findIndex, aa as sum, a7 as range, v as isObject, b as isFunction } from './lodash-777f91de.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
@@ -168,16 +168,6 @@ const YooGridComponent = class {
     }, 500);
     this.itemsHaveBeenReordered = false;
     this.filtersUpdated = false;
-    this.filterOptions = [
-      {
-        type: FormFilterAutocompleteOperator.is,
-        active: true
-      },
-      {
-        type: FormFilterAutocompleteOperator.isNot,
-        active: false
-      }
-    ];
     this.renderVirtualItem = (item, index) => {
       if (this.hasSecondaryActions || (this.keepSelection && isWeb(this.host))) {
         if (this.showActionsAsMore) {
@@ -588,6 +578,7 @@ const YooGridComponent = class {
     if (this.isFormField) {
       setValidator(this);
     }
+    this.showFormRadio && !this.selectedFilterOperator && this.selectFilterOperator(FormFilterAutocompleteOperator.is);
     this.isSelectionMode = this.multiple && !this.blockSelectionMode;
     this.areItemsDisabled = (_a = this.extraClass) === null || _a === void 0 ? void 0 : _a.includes('item-disabled');
     this.searchText = this.search || '';
@@ -1473,18 +1464,6 @@ const YooGridComponent = class {
     }
     return false;
   }
-  onToggleFormRadio(ev) {
-    var _a;
-    const selectedOption = (_a = this.filterOptions) === null || _a === void 0 ? void 0 : _a.find((option) => (option === null || option === void 0 ? void 0 : option.type) === (ev === null || ev === void 0 ? void 0 : ev.detail));
-    if (selectedOption) {
-      selectedOption.active = true;
-    }
-    if (!selectedOption) {
-      this.formRadioToggled.emit(null);
-      return;
-    }
-    this.formRadioToggled.emit(selectedOption.type);
-  }
   updateSelectAll(selectAll) {
     this.isSelectAll = selectAll;
     if (!this.isSelectAll && this.isAgGrid() && this.gridApi) {
@@ -1971,12 +1950,16 @@ const YooGridComponent = class {
     }
     return 0;
   }
+  selectFilterOperator(operator) {
+    this.selectedFilterOperator = operator;
+    this.formRadioToggled.emit(operator);
+  }
   renderDropdownFormRadio() {
-    var _a;
-    const formOptions = this.filterOptions.map((filterOption) => filterOption.type);
-    if (isWeb(this.host) && ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length)) {
-      return (h("div", { class: "form-radio-container" }, h("yoo-form-radio", { options: formOptions, flow: "column", size: "medium", value: this.selectedFilterOperator || formOptions[0], onInputChanged: (ev) => this.onToggleFormRadio(ev) }, formOptions.map((option, index) => (h("span", { slot: index.toString() }, option))))));
-    }
+    const operators = [FormFilterAutocompleteOperator.is, FormFilterAutocompleteOperator.isNot];
+    return (h("div", { class: "form-radio-container" }, h("yoo-form-radio", { options: operators, flow: "column", size: "medium", value: this.selectedFilterOperator, onInputChanged: (event) => {
+        event.stopPropagation();
+        this.selectFilterOperator(event.detail);
+      } }, operators.map((operator, index) => h("span", { slot: index.toString() }, operator)))));
   }
   renderSearchInput() {
     var _a, _b, _c;
@@ -3141,14 +3124,14 @@ const YooGridComponent = class {
     return (this.mainProgressValue >= 0 && (h("div", { class: "grid-progress" }, h("yoo-progress-bar", { animated: this.animated, metric: "percentage", percentValueColorScheme: false, value: this.total > 0 ? (this.mainProgressValue * 100) / this.total : 0 }))));
   }
   renderBase() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const renderEntityTags = (!isWeb(this.host) || (this.gridIsExpanded && (((_a = this.tags) === null || _a === void 0 ? void 0 : _a.length) > 0 || ((_c = (_b = this.model) === null || _b === void 0 ? void 0 : _b.fields) === null || _c === void 0 ? void 0 : _c.length) > 0))) &&
       this.isTagsVisible() &&
       ((this.items && this.items.length > 0) || this.hasSortsAndFilters() || this.alwaysRenderTagsAndFilters() || this.isAgGrid()) &&
       !this.host.classList.contains('learning-manager') && !this.host.classList.contains('course-info');
     return [
       this.showProgress && this.progressHandler && this.renderProgress(),
-      h("div", { ref: (el) => (this.containerBase = el), class: this.getClassList() }, this.showAutocompleteHeader ? (h("div", { class: { 'dropdown-header': true, 'no-tags': !renderEntityTags || ((_d = this.tags) === null || _d === void 0 ? void 0 : _d.length) === 0, 'form-radio-operators': this.showFormRadio } }, this.showFormRadio && this.renderDropdownFormRadio(), this.renderHeader(renderEntityTags), this.renderDynamicOrderingHeader(), this.renderFilesIcons())) : ([this.renderHeader(renderEntityTags), this.renderFilesIcons()]), this.isKanban() && h("slot", { name: "header" }), (((_e = this.columns) === null || _e === void 0 ? void 0 : _e.length) || this.mainColumnHeader) && !this.isAgGrid() && !this.isCalendar() && isWeb(this.host) && !this.isMap() ? (h("div", { class: "horizontal-scroll-parent" }, h("div", { class: "horizontal-scroll", ref: (el) => (this.horizontalScroll = el) }, h("div", { class: { 'horizontal-content': true, 'with-header': this.hasColumnsHeader() } }, this.renderColumnsHeader(), this.renderBaseContent())))) : (this.renderBaseContent())),
+      h("div", { ref: (el) => (this.containerBase = el), class: this.getClassList() }, this.showAutocompleteHeader ? (h("div", { class: { 'dropdown-header': true, 'no-tags': !renderEntityTags || ((_d = this.tags) === null || _d === void 0 ? void 0 : _d.length) === 0, 'form-radio-operators': this.showFormRadio } }, this.showFormRadio && isWeb(this.host) && !!((_e = this.items) === null || _e === void 0 ? void 0 : _e.length) && this.renderDropdownFormRadio(), this.renderHeader(renderEntityTags), this.renderDynamicOrderingHeader(), this.renderFilesIcons())) : ([this.renderHeader(renderEntityTags), this.renderFilesIcons()]), this.isKanban() && h("slot", { name: "header" }), (((_f = this.columns) === null || _f === void 0 ? void 0 : _f.length) || this.mainColumnHeader) && !this.isAgGrid() && !this.isCalendar() && isWeb(this.host) && !this.isMap() ? (h("div", { class: "horizontal-scroll-parent" }, h("div", { class: "horizontal-scroll", ref: (el) => (this.horizontalScroll = el) }, h("div", { class: { 'horizontal-content': true, 'with-header': this.hasColumnsHeader() } }, this.renderColumnsHeader(), this.renderBaseContent())))) : (this.renderBaseContent())),
       isWeb(this.host) && this.showGlobalActions && this.isSelectionMode && this.renderGlobalActions()
     ];
   }