@yoobic/yobi 8.6.0-3 → 8.6.0-5

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

@@ -1,5 +1,8 @@
 import { h } from '@stencil/core';
 export class YooReportBuilderComponent {
+  constructor() {
+    this.missionDescription = undefined;
+  }
   render() {
     return h("div", null);
   }

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

@@ -3,9 +3,10 @@ import { forceUpdate, h, Host } from '@stencil/core';
 export class YooScratchCardCreatorComponent {
   constructor() {
     var _a, _b;
-    this.value = [];
     this.mainValues = ((_a = this.value) === null || _a === void 0 ? void 0 : _a[0]) || {};
     this.inputValues = ((_b = this.value) === null || _b === void 0 ? void 0 : _b[1]) || {};
+    this.translations = undefined;
+    this.value = [];
   }
   componentWillLoad() {
     this.setTranslatedValue();

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

@@ -8,14 +8,17 @@ import { getWorkflowFieldState, onWorkflowStepClicked } from '../helpers';
 import { fieldStateOptions } from './constants';
 export class YooWorkflowComponent {
   constructor() {
-    this.currentModeIndex = 0;
-    this.currentPageSelected = 0;
-    this.defaultFieldState = { title: 'EDITABLE', icon: 'brush' };
-    this.shouldRenderSteps = false;
     this.isSideSelection = false;
     this.isPagesAccordionOpen = true;
     this.isFieldsAccordionOpen = true;
     this.scale = 1;
+    this.missionDescription = undefined;
+    this.currentWorkflowStep = undefined;
+    this.internalMissionDescription = undefined;
+    this.currentModeIndex = 0;
+    this.currentPageSelected = 0;
+    this.defaultFieldState = { title: 'EDITABLE', icon: 'brush' };
+    this.shouldRenderSteps = false;
   }
   get steps() {
     var _a;

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

@@ -8490,6 +8490,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   background-color: var(--stable-light-60, rgba(241, 241, 241, 0.6));
 }
 :host .ag-row-hover .hide-not-hover,
+:host .ag-row-hover .ag-cell .hide-not-hover,
 :host .ag-row-hover .ag-checkbox-input-wrapper {
   opacity: 1;
 }
@@ -8810,7 +8811,15 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
 :host .ag-cell[col-id=entity] {
   display: flex;
   padding: 0 !important;
-  padding-left: 0.4rem !important;
+  padding-left: 0rem !important;
+}
+:host .ag-cell[col-id=entity] > div {
+  flex: 1;
+  width: 100%;
+}
+:host .ag-cell[col-id=entity] > div yoo-entity {
+  flex: 1;
+  width: 100%;
 }
 :host .ag-cell[col-id=entity] .ag-cell-wrapper {
   overflow: hidden;
@@ -8996,6 +9005,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
 :host(:not(.grid-alternate)) .ag-header .ag-pinned-right-header {
   border-left: none;
 }
+:host(:not(.grid-alternate)) .ag-header .ag-header-cell.ag-header-active .ag-header-cell-resize {
+  border-left: 0.0625rem solid var(--stable-light, #f1f1f1);
+}
 :host(:not(.grid-alternate)) .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
   border-right: none;
 }
@@ -9092,7 +9104,6 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   padding: var(--spacing-04, 0.25rem) var(--spacing-04, 0.25rem) !important;
 }
 
-:host(.with-selection) .hide-not-hover,
 :host(.with-selection) .ag-checkbox-input-wrapper {
   opacity: 1;
 }

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

@@ -10,6 +10,9 @@ if (LicenseManager) {
   LicenseManager.setLicenseKey('CompanyName=Yoobic,LicensedApplication=Yoobic,LicenseType=SingleApplication,LicensedConcurrentDeveloperCount=1,LicensedProductionInstancesCount=0,AssetReference=AG-032898,SupportServicesEnd=12_November_2023_[v2]_MTY5OTc0NzIwMDAwMA==cc2d9082d9fe3581a0b1dcded3511100');
 }
 export class YooAgGridComponent {
+  constructor() {
+    this.config = undefined;
+  }
   async exportCSV(filename) {
     var _a;
     if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.api) {

package/dist/collection/components/grid/ag-grid/grid-renderers.js

@@ -1,5 +1,5 @@
 import { FormFieldType, IncentivePartType, IncentiveStatus, IncentiveType } from '@shared/interfaces';
-import { aclRolesResolver, dateDiff, dateFormat, dateParse, dispatchCustomEvent, getCssColor, getUserDisplayName, groupsResolver, pipes, salesAIFormatDemand, salesAIGetColorFromPattern, toButton, toDate, toHours, translate, translateMulti, utc } from '@shared/utils';
+import { aclRolesResolver, dateDiff, dateFormat, dateParse, dateWeekParse, dispatchCustomEvent, getCssColor, getUserDisplayName, groupsResolver, pipes, salesAIFormatDemand, salesAIGetColorFromPattern, toButton, toDate, toHours, translate, translateMulti, utc } from '@shared/utils';
 import { compact, get, indexOf, isArray, isEmpty, isFunction, isNumber, isObject, isString, keys, map, round } from 'lodash-es';
 import { countryFlag } from '../../..//utils/helpers/country-helpers';
 import { getPositionText } from '../../../feature-learn/incentive/helpers/incentive-helpers';
@@ -344,12 +344,15 @@ function deltaRenderer(params) {
   }
   return value;
 }
-function datetimeGenericRenderer(params, format) {
+function datetimeGenericRenderer(params, format, dateGrouping) {
   let value = params.value;
   if (isObject(value) && value.value) {
     value = value.value;
   }
   if (value) {
+    if (dateGrouping === 'week') {
+      value = dateWeekParse(value);
+    }
     const finalDate = dateFormat(toDate(value), format);
     if (params.isExport) {
       return finalDate;
@@ -359,10 +362,10 @@ function datetimeGenericRenderer(params, format) {
   return '';
 }
 function dateTimeRenderer(params) {
-  return datetimeGenericRenderer(params, (params === null || params === void 0 ? void 0 : params.format) || 'L LT');
+  return datetimeGenericRenderer(params, (params === null || params === void 0 ? void 0 : params.format) || 'L LT', params === null || params === void 0 ? void 0 : params.dateGrouping);
 }
 function dateRenderer(params) {
-  return datetimeGenericRenderer(params, (params === null || params === void 0 ? void 0 : params.format) || 'L');
+  return datetimeGenericRenderer(params, (params === null || params === void 0 ? void 0 : params.format) || 'L', params === null || params === void 0 ? void 0 : params.dateGrouping);
 }
 function timeRenderer(params) {
   const value = params.value;
@@ -1295,6 +1298,7 @@ class ActionsRenderer {
         this.menu.contentButtons = menuActions.map((a) => toButton(a, item, true));
         this.menu.appendChild(htmlToElement('<div class="center-container"><yoo-button color="light" size="medium" shape="square"><yoo-icon size="small" name="more"></yoo-icon></yoo-button></div>'));
         container.classList.add('center-container');
+        container.classList.add('hide-not-hover');
         container.appendChild(this.menu);
         if (this.menu.contentButtons.length <= 0) {
           this.menu.style.display = 'none';

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

@@ -311,6 +311,12 @@ svg:not(:root) {
 :host .customview-container .customview-title.app-color {
   color: var(--app-color, #5a30f4);
 }
+:host .customview-container .customview-title.light {
+  color: var(--light, #ffffff);
+}
+:host .customview-container .customview-title.dark {
+  color: var(--dark, #000000);
+}
 :host .total-header {
   font-weight: bold;
 }
@@ -3491,7 +3497,8 @@ svg:not(:root) {
   grid-gap: var(--spacing-16, 1rem);
 }
 
-:host(.card-cell-color:not(.framed.small)) .grid-cell, :host(.card-menu:not(.framed.small)) .grid-cell {
+:host(.card-cell-color:not(.framed.small)) .grid-cell,
+:host(.card-menu:not(.framed.small)) .grid-cell {
   display: grid !important;
   grid-template-columns: var(--grid-template-columns, repeat(2, minmax(0, 1fr)));
   gap: var(--grid-template-gap, var(--spacing-16, 1rem));
@@ -4221,11 +4228,6 @@ svg:not(:root) {
   --leaderboard-footer-height: 0;
 }
 
-:host(.web:not(.framed).violetproducts) .container-base .entity-inner-container.card-list,
-:host(.web:not(.framed).violetbasketitems) .container-base .entity-inner-container.card-list {
-  border-bottom: none;
-}
-
 :host(.card-list-color) yoo-ion-list yoo-ion-item:first-of-type {
   margin-top: var(--spacing-16, 1rem);
 }

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

@@ -17,19 +17,115 @@ const GRID_RERENDER_DELAY = 525;
 const MAX_CUSTOM_VIEWS = 5;
 export class YooGridComponent {
   constructor() {
+    this.iconDisplayNext = 'grid-view';
+    this.searchText = '';
+    this.extraFetchParams = {};
+    this.itemsSliding = {};
+    this.itemOptions = {};
+    this.blockUnhoveer = {};
+    this.horizontalSlidesAnim = new HorizontalSlidesAnimation();
+    this.maxPageCount = 0;
+    this.itemList = [];
+    this.hasBeenFiltered = false;
+    this.areItemsDisabled = false;
+    this.isSearchBarHidden = false;
+    this.columnHeaderElements = [];
+    this.leftContainers = [];
+    this.itemDivider = [];
+    this.collapsibleEl = [];
+    this.onKeyboardWillShow = debounce((event) => {
+      this.keyboardDisplayed.emit({ keyboardHeight: event.keyboardHeight });
+    }, 500);
+    this.itemsHaveBeenReordered = false;
+    this.filtersUpdated = false;
+    this.renderVirtualItem = (item, index) => {
+      if (this.hasSecondaryActions || (this.keepSelection && isWeb(this.host))) {
+        if (this.showActionsAsMore) {
+          return this.renderItemWithMore(item, index);
+        }
+        else {
+          return this.renderItemSliding(item, index === this.getItems().length - 1 && (index > 1 || this.isFramed), index);
+        }
+      }
+      else {
+        return this.renderItem(item, index);
+      }
+    };
+    this.direction = undefined;
+    this.tabs = undefined;
     this.isLocal = false;
+    this.isPdf = undefined;
+    this.displayTypes = undefined;
     this.total = 0;
+    this.displayType = undefined;
+    this.displaySize = undefined;
+    this.useCellOverlay = undefined;
+    this.isSelectAll = undefined;
+    this.forceCustomViewIcon = undefined;
+    this.entityType = undefined;
+    this.hideHeader = undefined;
+    this.profileSummary = undefined;
+    this.hideToolbar = undefined;
     this.showFilters = false;
     this.forceTagFilters = false;
+    this.showFormRadio = undefined;
     this.showAdvancedQueryBuilder = false;
     this.showSearch = false;
+    this.showSeeAll = undefined;
+    this.showSelectAll = undefined;
     this.hideTags = false;
+    this.hideSorts = undefined;
     this.pageSize = 20;
+    this.hideUIFields = undefined;
+    this.headerFn = undefined;
+    this.mainColumnHeader = undefined;
+    this.isLoading = undefined;
+    this.forceLoading = undefined;
+    this.keepSelection = undefined;
     this.multiple = false;
+    this.useTranslate = undefined;
+    this.searchBarPlaceholder = undefined;
+    this.allowCustomTag = undefined;
     this.animated = true;
+    this.idOnly = undefined;
+    this.idAttributeName = undefined;
+    this.isFramed = undefined;
+    this.frameSize = undefined;
+    this.isCompact = undefined;
+    this.showActionsAsMore = undefined;
+    this.isReadonly = undefined;
+    this.valuesColor = undefined;
+    this.heading = undefined;
+    this.progress = undefined;
+    this.progressCss = undefined;
+    this.hideEmptyState = undefined;
     this.showSelectionOnlyToggle = false;
+    this.selectedFilterOperator = undefined;
+    this.emptyState = undefined;
+    this.emptyStateAnimated = undefined;
     this.emptyStateTextPosition = 'bottom';
+    this.emptyStateHandler = undefined;
+    this.emptyStateButtonText = undefined;
+    this.emptyStateDescription = undefined;
+    this.emptyStateNoDescription = undefined;
+    this.emptyStateHeader = undefined;
+    this.emptyAllowOfflineAction = undefined;
+    this.icons = undefined;
+    this.forceHideSearch = undefined;
+    this.topActions = undefined;
+    this.bottomActions = undefined;
+    this.secondaryActions = undefined;
+    this.searchActions = undefined;
+    this.customModel = undefined;
+    this.totalMax = undefined;
+    this.tags = undefined;
+    this.selectedTags = undefined;
+    this.hideAdvancedFilters = undefined;
+    this.currentPosition = undefined;
+    this.isGeoLocEntity = undefined;
+    this.isCollapsible = undefined;
     this.progressbarAlignMode = 'normal';
+    this.infiniteScrollDisabled = undefined;
     this.scrollable = false;
     this.gridIsExpanded = false;
     this.showGlobalActions = false;
@@ -40,23 +136,101 @@ export class YooGridComponent {
     this.hideRefreshButton = false;
     this.forceAddNewTag = false;
     this.addNewTagText = '';
+    this.hideTotal = undefined;
+    this.isHidden = undefined;
+    this.sortable = undefined;
+    this.displayActionsOnCard = undefined;
     this.secondaryActionsDropdown = false;
+    this.sortsAndFilters = undefined;
+    this.unreadCounts = undefined;
     this.slidesFreeMode = false;
+    this.showTotalOnly = undefined;
+    this.isFormField = undefined;
+    this.required = undefined;
+    this.showGridTotalHeader = undefined;
+    this.field = undefined;
+    this.preventSearchReset = undefined;
+    this.columns = undefined;
     this.disableSingleDeselection = false;
+    this.calendarDateField = undefined;
+    this.calendarDateEndField = undefined;
+    this.calendarResourceField = undefined;
+    this.calendarTitleField = undefined;
+    this.calendarDefaultView = undefined;
+    this.calendarDurationField = undefined;
+    this.calendarResourceDurationField = undefined;
+    this.calendarDurationFieldUnit = undefined;
+    this.calendarShowResourcesView = undefined;
+    this.calendarPreventMove = undefined;
+    this.calendarTimezone = undefined;
+    this.calendarSlotDuration = undefined;
+    this.calendarOpeningHours = undefined;
+    this.calendarExpandRows = undefined;
+    this.mapGeolocField = undefined;
+    this.allowDragging = undefined;
+    this.draggingHitTestElementId = undefined;
+    this.blockSelectionMode = undefined;
     this.dynamicOrdering = false;
     this.showAutocompleteHeader = false;
     this.isAutoComplete = false;
+    this.idOnlyInitialSelection = undefined;
     this.validators = [];
+    this.fields = undefined;
+    this.subQuery = undefined;
+    this.customFilter = undefined;
+    this.filters = undefined;
+    this.sorts = undefined;
+    this.isUploading = undefined;
+    this.gridState = undefined;
+    this.maxSelectionNumber = undefined;
     this.currentPage = 0;
+    this.gridClass = undefined;
     this.isGridClosedWithSearchText = false;
+    this.returnQuery = undefined;
+    this.kanbanColumns = undefined;
+    this.kanbanColumnField = undefined;
+    this.boardReadonly = undefined;
+    this.forceEmptyState = undefined;
+    this.campaignFields = undefined;
+    this.workflow = undefined;
+    this.suffix = undefined;
+    this.showProgress = undefined;
+    this.progressHandler = undefined;
+    this.editable = undefined;
+    this.gridDomLayout = undefined;
     this.gridExtraOptions = {
       collapsible: false,
       expandFirstItem: true,
       displaySubItemsAsSlides: false,
       virtualScrollEnabled: false
     };
+    this.customViewsId = undefined;
+    this.customView = undefined;
+    this.customViews = undefined;
+    this.markersOnly = undefined;
+    this.sizeColumnsToFit = undefined;
+    this.resetColumnGroupState = undefined;
+    this.value = undefined;
+    this.showExport = undefined;
     this.items = [];
+    this.globalActions = undefined;
+    this.collectionName = undefined;
     this.extraClass = '';
+    this.floatingFilters = undefined;
+    this.model = undefined;
+    this.gridConfig = undefined;
+    this.initialSelection = undefined;
+    this.initialQuery = undefined;
+    this.search = undefined;
+    this.isWidget = undefined;
+    this.isHome = undefined;
+    this.disableRowClick = undefined;
+    this.isOffline = undefined;
+    this.origin = undefined;
+    this.getCustomDataLoader = undefined;
+    this.headerLink = undefined;
+    this.headerLinkHandler = undefined;
+    this.entityMapping = undefined;
     this.slidesOptions = {
       slidesPerView: this.preventSlidePerView() ? 'auto' : 1.2,
       spaceBetween: 16,
@@ -65,44 +239,18 @@ export class YooGridComponent {
       autoplay: false,
       freeMode: this.slidesFreeMode
     };
+    this.selection = undefined;
+    this.selectionRemoved = undefined;
+    this.isFrameExpanded = undefined;
     this.markers = [];
     this.headerDivs = [];
+    this.selectedTab = undefined;
     this.visibleColumns = [];
+    this.currentQuery = undefined;
+    this.mainProgressValue = undefined;
+    this.currentActivePlayerId = undefined;
+    this.isEmptyAgGrid = undefined;
     this.isSelectedToggleView = false;
-    this.iconDisplayNext = 'grid-view';
-    this.searchText = '';
-    this.extraFetchParams = {};
-    this.itemsSliding = {};
-    this.itemOptions = {};
-    this.blockUnhoveer = {};
-    this.horizontalSlidesAnim = new HorizontalSlidesAnimation();
-    this.maxPageCount = 0;
-    this.itemList = [];
-    this.hasBeenFiltered = false;
-    this.areItemsDisabled = false;
-    this.isSearchBarHidden = false;
-    this.columnHeaderElements = [];
-    this.leftContainers = [];
-    this.itemDivider = [];
-    this.collapsibleEl = [];
-    this.onKeyboardWillShow = debounce((event) => {
-      this.keyboardDisplayed.emit({ keyboardHeight: event.keyboardHeight });
-    }, 500);
-    this.itemsHaveBeenReordered = false;
-    this.filtersUpdated = false;
-    this.renderVirtualItem = (item, index) => {
-      if (this.hasSecondaryActions || (this.keepSelection && isWeb(this.host))) {
-        if (this.showActionsAsMore) {
-          return this.renderItemWithMore(item, index);
-        }
-        else {
-          return this.renderItemSliding(item, index === this.getItems().length - 1 && (index > 1 || this.isFramed), index);
-        }
-      }
-      else {
-        return this.renderItem(item, index);
-      }
-    };
   }
   get isFilesAutocomplete() {
     return this.entityType === 'files' && this.isAutoComplete;
@@ -1352,6 +1500,11 @@ export class YooGridComponent {
     if (this.isFormField && this.returnQuery) {
       this.getQuery().then((data) => {
         this.currentQuery = data;
+        // if (this.required || !isNullOrUndefined(data.sortsAndFilters) && (data?.sortsAndFilters.filters?.length > 0 || data?.sortsAndFilters?.advancedFilters?.length > 0) && (isNullOrUndefined(data.query) || isEmpty(data.query))) {
+        //   this.isQueryMissing = true;
+        // } else {
+        //   this.isQueryMissing = false;
+        // }
         setValueAndValidateInput(data, this, null, true, true);
       });
     }
@@ -1560,7 +1713,13 @@ export class YooGridComponent {
         this.fieldFetchCustomData.emit(ev.detail);
       };
       dialogSortsAndFilters.addEventListener('fieldFetchCustomData', fieldFetchCustomDataListener);
-      showModal(dialogSortsAndFilters, { model: this.model, values: this.sortsAndFilters, hideSorts: this.hideSorts }, 'transparent', 'slideYEnterAnimation', 'slideYLeaveAnimation').then((ret) => {
+      showModal({
+        component: dialogSortsAndFilters,
+        componentProps: { model: this.model, values: this.sortsAndFilters, hideSorts: this.hideSorts },
+        cssClass: 'transparent',
+        enterAnimation: 'slideYEnterAnimation',
+        leaveAnimation: 'slideYLeaveAnimation'
+      }).then((ret) => {
         if (ret === null || ret === void 0 ? void 0 : ret.data) {
           this.applySortsAndFilters(ret.data);
           this.filtersUpdated = !this.filtersUpdated;
@@ -2096,8 +2255,8 @@ export class YooGridComponent {
       buttons = buttons.concat(customViewsButtons || []);
       if ((moreCustomViewsButtons === null || moreCustomViewsButtons === void 0 ? void 0 : moreCustomViewsButtons.length) > 0) {
         buttons.push({
-          icon: 'list-view',
-          text: translate('YOOBICMORE'),
+          //icon: 'list-view',
+          text: translate('YOOBICMORE') + '...',
           separator: true,
           isVisible: () => { var _a; return ((_a = this.customViews) === null || _a === void 0 ? void 0 : _a.length) > 0; },
           subMenu: moreCustomViewsButtons
@@ -2151,11 +2310,11 @@ export class YooGridComponent {
     }
     if (isWeb(this.host)) {
       return [
-        h("yoo-tooltip", { content: translate('SAVEDFILTERSHELP'), hoverable: true, placement: "bottom" }, h("yoo-context-menu", { contentButtons: buttons, class: "customview-menu width-unset" }, h("div", { class: "customview-container" }, h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded" }, h("yoo-icon", { size: "medium", name: "eye", color: this.customView ? 'app-color' : 'stable' })), h("span", { class: { 'customview-title': true, 'app-color': !!this.customView } }, ((_e = this.customView) === null || _e === void 0 ? void 0 : _e.name) || translate('SAVEDFILTERS')))))
+        h("yoo-tooltip", { content: translate('SAVEDFILTERSHELP'), hoverable: true, placement: "bottom" }, h("div", { class: "customview-container" }, h("yoo-context-menu", { contentButtons: buttons, class: "customview-menu width-unset" }, h("yoo-button", { fill: "solid", color: this.customView ? 'app-color' : 'light' }, h("yoo-icon", { size: "medium", name: "day-view", slot: "start", color: this.customView ? 'light' : 'stable' }), h("span", { class: { 'customview-title ': true, 'light': !!this.customView, 'dark': !this.customView } }, ((_e = this.customView) === null || _e === void 0 ? void 0 : _e.name) || translate('SAVEDFILTERS'))))))
       ];
     }
     else if (this.customViewsId) {
-      return (h("yoo-button", { slot: "end", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => showActionSheet(buttons) }, h("yoo-icon", { size: "medium", name: "eye", color: this.customView ? 'app-color' : 'stable' })));
+      return (h("yoo-button", { slot: "end", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => showActionSheet(buttons) }, h("yoo-icon", { size: "medium", name: "day-view", color: this.customView ? 'app-color' : 'stable' })));
     }
   }
   renderAddressAutocomplete() {
@@ -2177,7 +2336,6 @@ export class YooGridComponent {
     return (!this.isKanban() &&
       (this.showSelectAllFinal ||
         (this.isSelectionMode &&
-          this.total > 0 &&
           !isDocumentCardCellWeb &&
           ((this.isFormField && this.multiple && !this.isReadonly) || (this.showGlobalActions && this.globalActions && this.globalActions.some((a) => !a.isVisible || a.isVisible([])))))));
   }
@@ -2200,7 +2358,7 @@ export class YooGridComponent {
       }, onFieldFetchCustomData: (ev) => {
         ev.stopPropagation();
         this.fieldFetchCustomData.emit(ev.detail);
-      }, class: { 'no-padding': this.showSearch === false }, floating: this.floatingFilters, disabled: this.isSelectAll && this.total > 0 }, isWeb(this.host) && !this.isReadonly && (h("div", { class: "search-container-inner", slot: "before" }, this.renderToggleSelectAll(), this.showSearch !== false && this.renderSearchInput(), h("slot", { name: "search-buttons-before" }))), isWeb(this.host) && this.isMap() && this.hasMapFields() && this.renderMapFieldSelect(), isWeb(this.host) && this.isKanban() && this.hasKanbanColumnFields() && this.renderKanbanColumnFieldSelect(), isWeb(this.host) && this.isKanban() && showDisplaySize && this.renderDisplaySize(), isWeb(this.host) && this.renderDisplayMode(), this.renderCustomViews(), isWeb(this.host) && this.renderRefresh(), isWeb(this.host) && this.renderExports(), actions.length > 0 && (h("yoo-items", { class: { 'margin-left': !isWeb(this.host) && this.isToggleModeVisible() } }, actions
+      }, class: { 'no-padding': this.showSearch === false }, floating: this.floatingFilters, disabled: this.isSelectAll && this.total > 0 }, isWeb(this.host) && !this.isReadonly && (h("div", { class: "search-container-inner", slot: "before" }, this.renderToggleSelectAll(), this.showSearch !== false && this.renderSearchInput(), h("slot", { name: "search-buttons-before" }))), h("div", { slot: "after" }, this.renderCustomViews()), isWeb(this.host) && this.isMap() && this.hasMapFields() && this.renderMapFieldSelect(), isWeb(this.host) && this.isKanban() && this.hasKanbanColumnFields() && this.renderKanbanColumnFieldSelect(), isWeb(this.host) && this.isKanban() && showDisplaySize && this.renderDisplaySize(), isWeb(this.host) && this.renderDisplayMode(), isWeb(this.host) && this.renderRefresh(), isWeb(this.host) && this.renderExports(), actions.length > 0 && (h("yoo-items", { class: { 'margin-left': !isWeb(this.host) && this.isToggleModeVisible() } }, actions
       .map((a) => toButton(a, this))
       .map((button) => getButton({
       ...button,
@@ -2332,7 +2490,7 @@ export class YooGridComponent {
     ];
   }
   alwaysRenderTagsAndFilters() {
-    return ['files', 'locations', 'missions', 'questions', 'plans', 'violetproducts'].includes(this.entityType);
+    return ['files', 'locations', 'missions', 'questions', 'plans'].includes(this.entityType);
   }
   isToggleModeVisible() {
     return (!this.isFramed || this.isFrameExpanded) && this.displayTypes && this.displayTypes.length > 0;
@@ -3318,7 +3476,7 @@ export class YooGridComponent {
         "mutable": false,
         "complexType": {
           "original": "EntityType",
-          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"language\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"filesPdf\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"lessondescriptions\" | \"lessons\" | \"liveshoppings\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"language\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"filesPdf\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"lessondescriptions\" | \"lessons\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
           "references": {
             "EntityType": {
               "location": "import",
@@ -4816,6 +4974,23 @@ export class YooGridComponent {
         "attribute": "is-form-field",
         "reflect": false
       },
+      "required": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "required",
+        "reflect": false
+      },
       "showGridTotalHeader": {
         "type": "boolean",
         "mutable": false,

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

@@ -7,12 +7,41 @@ import { getMissionColor } from '../../../feature-operate/campaign/helpers/opera
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooGridCalendarComponent {
   constructor() {
+    this.tippyInstances = {};
+    this.editable = undefined;
+    this.selectable = undefined;
+    this.suffix = undefined;
+    this.entityType = undefined;
+    this.titleField = undefined;
+    this.dateField = undefined;
+    this.dateEndField = undefined;
+    this.resourceField = undefined;
+    this.resources = undefined;
+    this.showResourcesView = undefined;
+    this.calendarDefaultView = undefined;
+    this.resourceDurationField = undefined;
     this.durationField = 'duration';
+    this.durationFieldUnit = undefined;
     this.slotDuration = '00:30:00';
     this.expandRows = false;
+    this.timezone = undefined;
+    this.openingHours = undefined;
+    this.customModel = undefined;
+    this.hideHeader = undefined;
+    this.user = undefined;
+    this.currentView = undefined;
+    this.urlICS = undefined;
+    this.types = undefined;
+    this.eventStatuses = undefined;
+    this.plugins = undefined;
+    this.markers = undefined;
     this.events = [];
+    this.getAsyncExtraData = undefined;
+    this.hideFilters = undefined;
+    this.initialDate = undefined;
+    this.animated = undefined;
+    this.showMobileCalendar = undefined;
     this.isLoading = false;
-    this.tippyInstances = {};
   }
   onEventsChange() {
     this.renderEvents();
@@ -650,7 +679,7 @@ export class YooGridCalendarComponent {
         "mutable": false,
         "complexType": {
           "original": "EntityType",
-          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"language\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"filesPdf\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"lessondescriptions\" | \"lessons\" | \"liveshoppings\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"language\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"filesPdf\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"lessondescriptions\" | \"lessons\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
           "references": {
             "EntityType": {
               "location": "import",

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

@@ -21,6 +21,21 @@ export class YooGridstackComponent {
   constructor() {
     this.initGridDebounce = debounce(this.initGrid, 1000);
     this.configUpdatedEmitDebounce = debounce(this.configUpdatedEmit, 500);
+    this.cellHeight = undefined;
+    this.static = undefined;
+    this.config = undefined;
+    this.resizable = undefined;
+    this.autoCompact = undefined;
+    this.float = undefined;
+    this.autoHeight = undefined;
+    this.forceOneColumn = undefined;
+    this.noLoader = undefined;
+    this.forceLoader = undefined;
+    this.column = undefined;
+    this.margin = undefined;
+    this.forceGridLines = undefined;
+    this.allowEdit = undefined;
+    this.allowDelete = undefined;
   }
   get itemMargin() {
     return (this.margin == null ? 16 : Math.max(this.margin || 0, 0)) / 2;