@syncfusion/ej2-multicolumn-combobox 26.2.5 → 26.2.9

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-multicolumn-combobox@*",
-  "_id": "@syncfusion/ej2-multicolumn-combobox@26.1.39",
+  "_id": "@syncfusion/ej2-multicolumn-combobox@26.2.8",
   "_inBundle": false,
-  "_integrity": "sha512-+t8bdzi7eaott07aVWjXAdzCtyU5YHP8wzNQ8kEzy9p8AcUNiFcUi+9hH0oXQUuVMFfD0i7H9A9CMqsPZ/3sJA==",
+  "_integrity": "sha512-ZHdE2uzXDBWWQYNN+nNdKtXCjFyVKIezxHCGfDMr+606/biac1gDLEM6hEyNEiJ5SH+ZRhmxN3DgeY2VcPDJ0A==",
   "_location": "/@syncfusion/ej2-multicolumn-combobox",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-multicolumn-combobox",
     "/@syncfusion/ej2-vue-multicolumn-combobox"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-multicolumn-combobox/-/ej2-multicolumn-combobox-26.1.39.tgz",
-  "_shasum": "fee7825568de558ee64d28e59a1ef6643cba23bf",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-multicolumn-combobox/-/ej2-multicolumn-combobox-26.2.8.tgz",
+  "_shasum": "227ae841b1b84c994674f3c92039cadc3cd44827",
   "_spec": "@syncfusion/ej2-multicolumn-combobox@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -36,7 +36,7 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~26.2.5",
-    "@syncfusion/ej2-grids": "~26.2.5"
+    "@syncfusion/ej2-grids": "~26.2.9"
   },
   "deprecated": false,
   "description": "Essential JS 2 Component",
@@ -57,6 +57,6 @@
     "url": "git+https://github.com/syncfusion/ej2-multicolumn-combobox-component.git"
   },
   "typings": "index.d.ts",
-  "version": "26.2.5",
+  "version": "26.2.9",
   "sideEffects": false
 }

package/src/multicolumn-combobox/multi-column-combo-box-model.d.ts

@@ -1,5 +1,5 @@
 import { Component, EventHandler, INotifyPropertyChanged, Property, NotifyPropertyChanges, closest, attributes, append, compile, detach, KeyboardEvents } from '@syncfusion/ej2-base';import { ChildProperty, prepend, Collection, getUniqueID, Complex, isNullOrUndefined as isNOU, select, L10n, Browser } from '@syncfusion/ej2-base';import { formatUnit, addClass, removeClass, NumberFormatOptions, DateFormatOptions, Event, EmitType, AnimationModel, Animation, KeyboardEventArgs } from '@syncfusion/ej2-base';import { Input, InputObject } from '@syncfusion/ej2-inputs';import { DataManager, Query, Group } from '@syncfusion/ej2-data';import { Popup } from '@syncfusion/ej2-popups';import { Grid, FailureEventArgs, VirtualScroll, Group as GridGroup, Edit, Sort, GridColumnModel } from '@syncfusion/ej2-grids';
-import {TextAlign,GridLine,DataResult,FilterType,FloatLabelType,SortOrder,SortType,PopupEventArgs,FilteringEventArgs,SelectEventArgs,ChangeEventArgs} from "./multi-column-combo-box";
+import {TextAlign,GridLine,WrapMode,DataResult,FilterType,FloatLabelType,SortOrder,SortType,PopupEventArgs,FilteringEventArgs,SelectEventArgs,ChangeEventArgs} from "./multi-column-combo-box";
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**
@@ -150,6 +150,23 @@ export interface GridSettingsModel {
      */
     gridLines?: GridLine;
 
+    /**
+     * Specifies whether to allow text wrapping of the popup grid content.
+     *
+     * @default false
+     */
+    allowTextWrap?: boolean;
+
+    /**
+     * Specifies the mode for text wrapping in the popup grid content. Options include 'Both', 'Content', and 'Header'.
+     * 
+     * @isenumeration true
+     *
+     * @default WrapMode.Both
+     * @asptype WrapMode
+     */
+    textWrapMode?: WrapMode | string;
+
 }
 
 /**

package/src/multicolumn-combobox/multi-column-combo-box.d.ts

@@ -86,6 +86,23 @@ export declare enum SortType {
      */
     MultipleColumns = "MultipleColumns"
 }
+/**
+ * Specifies the type of wrap mode to be applied for the grid cells.
+ */
+export declare enum WrapMode {
+    /**
+     * Specifies that both header and content text wrapping are enabled.
+     */
+    Both = "Both",
+    /**
+     * Specifies that only content text wrapping is enabled.
+     */
+    Content = "Content",
+    /**
+     * Specifies that only header text wrapping is enabled.
+     */
+    Header = "Header"
+}
 /**
  * The fields property maps the columns of the data table and binds the data to the component.
  */
@@ -209,6 +226,21 @@ export declare class GridSettings extends ChildProperty<GridSettings> {
      * @default Default
      */
     gridLines: GridLine;
+    /**
+     * Specifies whether to allow text wrapping of the popup grid content.
+     *
+     * @default false
+     */
+    allowTextWrap: boolean;
+    /**
+     * Specifies the mode for text wrapping in the popup grid content. Options include 'Both', 'Content', and 'Header'.
+     *
+     * @isenumeration true
+     *
+     * @default WrapMode.Both
+     * @asptype WrapMode
+     */
+    textWrapMode: WrapMode | string;
 }
 export interface PopupEventArgs {
     /**

package/src/multicolumn-combobox/multi-column-combo-box.js

@@ -97,6 +97,24 @@ export var SortType;
      */
     SortType["MultipleColumns"] = "MultipleColumns";
 })(SortType || (SortType = {}));
+/**
+ * Specifies the type of wrap mode to be applied for the grid cells.
+ */
+export var WrapMode;
+(function (WrapMode) {
+    /**
+     * Specifies that both header and content text wrapping are enabled.
+     */
+    WrapMode["Both"] = "Both";
+    /**
+     * Specifies that only content text wrapping is enabled.
+     */
+    WrapMode["Content"] = "Content";
+    /**
+     * Specifies that only header text wrapping is enabled.
+     */
+    WrapMode["Header"] = "Header";
+})(WrapMode || (WrapMode = {}));
 /**
  * The fields property maps the columns of the data table and binds the data to the component.
  */
@@ -172,6 +190,12 @@ var GridSettings = /** @class */ (function (_super) {
     __decorate([
         Property('Default')
     ], GridSettings.prototype, "gridLines", void 0);
+    __decorate([
+        Property(false)
+    ], GridSettings.prototype, "allowTextWrap", void 0);
+    __decorate([
+        Property(WrapMode.Both)
+    ], GridSettings.prototype, "textWrapMode", void 0);
     return GridSettings;
 }(ChildProperty));
 export { GridSettings };
@@ -281,6 +305,8 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
             enableRtl: this.enableRtl,
             editSettings: { allowAdding: false },
             query: this.query,
+            allowTextWrap: this.gridSettings.allowTextWrap,
+            textWrapSettings: { wrapMode: this.gridSettings.textWrapMode },
             height: this.popupHeight,
             allowMultiSorting: this.sortType.toString().toLowerCase() === 'multiplecolumns' && this.allowSorting,
             rowTemplate: this.itemTemplate,
@@ -1565,6 +1591,12 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
                         this.gridObj.gridLines = newProp.gridSettings.gridLines;
                         this.gridObj.rowHeight = newProp.gridSettings.rowHeight;
                         this.gridObj.enableAltRow = newProp.gridSettings.enableAltRow;
+                        if (!(isNOU(newProp.gridSettings.allowTextWrap))) {
+                            this.gridObj.allowTextWrap = newProp.gridSettings.allowTextWrap;
+                        }
+                        if (!(isNOU(newProp.gridSettings.textWrapMode))) {
+                            this.gridObj.textWrapSettings.wrapMode = newProp.gridSettings.textWrapMode;
+                        }
                     }
                     break;
                 case 'fields':