@syncfusion/ej2-react-multicolumn-combobox 26.1.35

package/README.md

@@ -0,0 +1,47 @@
+# React MultiColumn ComboBox Component
+
+The `React MultiColumn ComboBox` component that displays detailed information about items in a table-like structure with multiple columns. It provides comprehensive data about the selected value, offering more context than typical single-string text lists. 
+
+<p align="center">
+Trusted by the world's leading companies
+  <a href="https://www.syncfusion.com">
+    <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
+  </a>
+</p>
+
+## Setup
+  
+To install the MultiColumn ComboBox and its dependent packages, use the following command.
+
+```sh
+npm install @syncfusion/ej2-react-multicolumn-combobox
+```
+
+## Key features
+
+* `Data binding` - Supports data binding from JavaScript object arrays and remote data sources using adapters like OData, URLs, and Web APIs.
+* `Grouping`- Allows grouping of pop-up list items to enhance the user experience by organizing related items. 
+* `Filtering`- Provides advanced filtering capabilities to easily find and select items from large datasets. 
+* `Sorting` - Allows sorting of items in ascending or descending order and single or multi-column sorting. 
+* `Virtualization`- Supports virtualization to efficiently display large datasets by loading data on demand. 
+* `Templates`- Allow customization of the appearance and layout, including header, footer and list items in the pop-up list using templates. 
+
+## Support
+
+Product support is available through the following mediums.
+
+* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
+* [Community forum](https://www.syncfusion.com/forums/react-js2?utm_source=npm&utm_medium=listing&utm_campaign=react-multicolumn-combobox-npm)
+* [GitHub issues](https://github.com/syncfusion/ej2-react-ui-components/issues/new)
+* [Request feature or report bug](https://www.syncfusion.com/feedback/react?utm_source=npm&utm_medium=listing&utm_campaign=react-multicolumn-combobox-npm)
+* Live chat
+
+## License and copyright
+
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [React UI components](https://www.syncfusion.com/react-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
+
+> A [free community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+
+See [LICENSE FILE](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license?utm_source=npm&utm_campaign=multicolumn-combobox) for more info.
+
+© Copyright 2024 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

package/diConfig.json

@@ -0,0 +1,137 @@
+{
+    "name": "MultiColumn-ComboBox",
+    "description": "MultiColumnComboBox Component",
+    "eventInterfaces": [
+        "SelectEventArgs", "PopupEventArgs", "FilteringEventArgs", "ChangeEventArgs"
+    ],
+    "keywords": {
+        "common": ["ej2", "syncfusion", "multicolumncombobox", "ej2-multicolumncombobox", "ej2 multicolumncombobox"],
+        "angular": ["angular", "ng", "ej2-ng-multicolumncombobox", "ng-multicolumncombobox"],
+        "react": ["react", "reactjs", "ej2-react-multicolumncombobox", "react-multicolumncombobox"],
+        "vue": ["vue", "vuejs", "ej2-vue-multicolumncombobox", "vue-multicolumncombobox"]
+    },
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/syncfusion/ej2-multicolumn-combobox"
+    },
+    "components": [{
+        "baseClass": "MultiColumnComboBox",
+        "directoryName": "multicolumn-combobox",
+        "type": "form",
+        "preferredTag": "input",
+        "twoWays": ["value"],
+        "templateProperties": [
+            "footerTemplate",
+            "itemTemplate",
+            "groupTemplate",
+            {
+                "name": "noRecordsTemplate",
+                "defaultValue": "No records found"
+            },
+            {
+                "name": "actionFailureTemplate",
+                "defaultValue": "Request Failed"
+            }
+        ],
+        "comment": [
+            "/**",
+            " * Represents the Essential JS 2 Angular MultiColumnComboBox Component.",
+            " * ```html",
+            " * <ejs-multicolumncombobox></ejs-multicolumncombobox>",
+            " * ```",
+            " */"
+        ],
+        "reactComment": [
+            "/**",
+            " * Represents the React MultiColumnComboBox Component",
+            " * ```tsx",
+            " * <MultiColumnComboBoxComponent dataSource={data}></MultiColumnComboBoxComponent>",
+            " * ```",
+            " */"
+        ],
+        "vueComment": [
+            "/**",
+            " * Represents the Essential JS 2 VueJS MultiColumnComboBox Component",
+            " * ```vue",
+            " * <ejs-multicolumncombobox :dataSource='data'></ejs-multicolumncombobox>",
+            " * ```",
+            " */"
+        ],
+        "dynamicModules": [
+            "VirtualScroll",
+            "Sort",
+            "Edit",
+            "Group"
+        ],
+        "complexDirective": [
+            {
+                "propertyName": "fields",
+                "baseClass": "FieldSettings",
+                "SelectorName": "e-multicolumncombobox-fields"
+            },{
+                "propertyName": "gridSettings",
+                "baseClass": "GridSettings",
+                "SelectorName": "e-multicolumncombobox-gridSettings"
+            }
+        ],
+        "tagDirective": [{
+                "arrayDirectiveClassName": "columns",
+                "directiveClassName": "column",
+                "directiveSelector": "ejs-multicolumncombobox>e-columns>e-column",
+                "arrayDirectiveSelector": "ejs-multicolumncombobox>e-columns",
+                "aspArrayClassName":"Column",
+                "aspCollectionClassName":"Columns",
+                "aspDirectiveSelector": "e-multicolumncombobox-column",
+                "aspArrayDirectiveSelector":"e-multicolumncombobox-columns",
+                "propertyName": "columns",
+                "directoryName": "multicolumn-combobox",
+                "baseClass": "Column",
+                "comment": [
+                    "/**",
+                    " * `e-column` directive represent a column of the Angular MultiColumnComboBox. ",
+                    " * It must be contained in a MultiColumnComboBox component(`ejs-multicolumncombobox`). ",
+                    " * ```html",
+                    " * <ejs-multicolumncombobox [dataSource]='data'>",
+                    " *   <e-columns>",
+                    " *    <e-column field='ID' width='100'></e-column>",
+                    " *    <e-column field='name' header='Name' width='100'></e-column>",
+                    " *   </e-columns>",
+                    " * </ejs-multicolumncombobox>",
+                    " * ```",
+                    " */"
+                ],
+                "reactComment": [
+                    "/**",
+                    " * `ColumnDirective` represent a column of the React MultiColumnComboBox. ",
+                    " * It must be contained in a MultiColumnComboBox component(`MultiColumnComboBoxComponent`). ",
+                    " * ```tsx",
+                    " * <MultiColumnComboBoxComponent dataSource={data}>",
+                    " *   <ColumnsDirective>",
+                    " *     <ColumnDirective field='ID' width='100'></ColumnDirective>",
+                    " *     <ColumnDirective field='name' header='Name' width='100'></ColumnDirective>",
+                    " *   <ColumnsDirective>",
+                    " * </MultiColumnComboBoxComponent>",
+                    " * ```",
+                    " */"
+                ],
+                "vueComment": [
+                    "/**",
+                    " * `e-column` directive represent a column of the VueJS MultiColumnComboBox. ",
+                    " * It must be contained in a MultiColumnComboBox component(`ejs-multicolumncombobox`). ",
+                    " * ```vue",
+                    " * <ejs-multicolumncombobox :dataSource='data'>",
+                    " *   <e-columns>",
+                    " *    <e-column field='ID' width='100'/>",
+                    " *    <e-column field='name' headerText='Name' width='100'/>",
+                    " *   </e-columns>",
+                    " * </ejs-multicolumncombobox>",
+                    " * ```",
+                    " */"
+                ],
+                "templateProperties": [
+                    "template",
+                    "headerTemplate"
+                ]
+        }]
+    }]
+}

package/dist/ej2-react-multicolumn-combobox.min.js

@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("SyncfusionReactBase"),require("React"),require("SyncfusionBase"),require("SyncfusionInputs"),require("SyncfusionData"),require("SyncfusionPopups"),require("SyncfusionGrids")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","React","SyncfusionBase","SyncfusionInputs","SyncfusionData","SyncfusionPopups","SyncfusionGrids"],e):"object"==typeof exports?exports.SyncfusionReactMulticolumnCombobox=e(require("SyncfusionReactBase"),require("React"),require("SyncfusionBase"),require("SyncfusionInputs"),require("SyncfusionData"),require("SyncfusionPopups"),require("SyncfusionGrids")):t.SyncfusionReactMulticolumnCombobox=e(t.SyncfusionReactBase,t.React,t.SyncfusionBase,t.SyncfusionInputs,t.SyncfusionData,t.SyncfusionPopups,t.SyncfusionGrids)}(self,((t,e,i,o,r,n,s)=>(()=>{"use strict";var a={24:t=>{t.exports=e},766:t=>{t.exports=i},74:t=>{t.exports=r},707:t=>{t.exports=s},323:t=>{t.exports=o},197:t=>{t.exports=n},705:e=>{e.exports=t}},l={};function p(t){var e=l[t];if(void 0!==e)return e.exports;var i=l[t]={exports:{}};return a[t](i,i.exports,p),i.exports}p.d=(t,e)=>{for(var i in e)p.o(e,i)&&!p.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},p.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),p.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var u={};return(()=>{p.r(u),p.d(u,{Column:()=>P,ColumnDirective:()=>s,ColumnsDirective:()=>a,Edit:()=>g.Edit,FieldSettings:()=>E,FilterType:()=>e,GridSettings:()=>j,Group:()=>g.Group,Inject:()=>r.Inject,MultiColumnComboBox:()=>R,MultiColumnComboBoxComponent:()=>T,MultiColumnGrid:()=>x,Sort:()=>g.Sort,SortOrder:()=>i,SortType:()=>o,VirtualScroll:()=>g.VirtualScroll});var t,e,i,o,r=p(705),n=(t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])},t(e,i)},function(e,i){function o(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.moduleName="column",e}(r.ComplexBase),a=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.propertyName="columns",e.moduleName="columns",e}(r.ComplexBase),l=p(24),d=p(766),h=p(323),c=p(74),f=p(197),g=p(707),y=function(){var t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])},t(e,i)};return function(e,i){function o(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),m=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s},v="e-icon-anim",b="e-nodata",O="e-disabled",w="e-input-focus",S="e-multicolumn-list",C="e-multicolumn-grid",x=function(){function t(){}return t.prototype.InjectModules=function(){g.Grid.Inject(g.VirtualScroll,g.Group,g.Edit,g.Sort)},t}();!function(t){t.StartsWith="StartsWith",t.EndsWith="EndsWith",t.Contains="Contains"}(e||(e={})),function(t){t.None="None",t.Ascending="Ascending",t.Descending="Descending"}(i||(i={})),function(t){t.OneColumn="OneColumn",t.MultipleColumns="MultipleColumns"}(o||(o={}));var E=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return y(e,t),m([(0,d.Property)()],e.prototype,"text",void 0),m([(0,d.Property)()],e.prototype,"value",void 0),m([(0,d.Property)()],e.prototype,"groupBy",void 0),e}(d.ChildProperty),P=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return y(e,t),m([(0,d.Property)("")],e.prototype,"field",void 0),m([(0,d.Property)("")],e.prototype,"header",void 0),m([(0,d.Property)("")],e.prototype,"width",void 0),m([(0,d.Property)("")],e.prototype,"textAlign",void 0),m([(0,d.Property)(null)],e.prototype,"format",void 0),m([(0,d.Property)(!1)],e.prototype,"displayAsCheckBox",void 0),m([(0,d.Property)(null)],e.prototype,"template",void 0),m([(0,d.Property)(null)],e.prototype,"headerTemplate",void 0),m([(0,d.Property)(null)],e.prototype,"customAttributes",void 0),e}(d.ChildProperty),j=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return y(e,t),m([(0,d.Property)(!1)],e.prototype,"enableAltRow",void 0),m([(0,d.Property)(null)],e.prototype,"rowHeight",void 0),m([(0,d.Property)("Default")],e.prototype,"gridLines",void 0),e}(d.ChildProperty),R=function(t){function r(e,i){var o=t.call(this,e,i)||this;return o.gridInject=new x,o.gridInject.InjectModules(),o}return y(r,t),r.prototype.preRender=function(){this.element.id||(this.element.id=(0,d.getUniqueID)("e-"+this.getModuleName())),this.keyConfigs={escape:"escape",altUp:"alt+uparrow",altDown:"alt+downarrow",tab:"tab",shiftTab:"shift+tab",end:"end",enter:"enter",home:"home",moveDown:"downarrow",moveUp:"uparrow"},this.matchedRowEle=this.matchedContent=null,this.persistData()},r.prototype.getDirective=function(){return"EJS-MULTICOLUMNCOMBOBOX"},r.prototype.getModuleName=function(){return"multicolumncombobox"},r.prototype.getPersistData=function(){return this.addOnPersist(["value"])},r.prototype.persistData=function(){if(this.enablePersistence){this.element.id=this.element.id+"_wrapper";var t=window.localStorage.getItem(this.getModuleName()+this.element.id);(0,d.isNullOrUndefined)(t)||""===t||this.setProperties(JSON.parse(t),!0)}},r.prototype.render=function(){this.renderGrid(),this.renderInput(),this.popupDiv=this.createElement("div",{className:"e-popup-content"}),this.popupDiv.appendChild(this.gridEle),this.setHTMLAttributes(),this.renderPopup(),this.wireEvents()},r.prototype.renderGrid=function(){var t=this,e=this.getGridColumns();this.gridObj=new g.Grid({dataSource:this.dataSource,columns:e,allowSorting:this.allowSorting,enableStickyHeader:!0,gridLines:this.gridSettings.gridLines,rowHeight:this.gridSettings.rowHeight,enableAltRow:this.gridSettings.enableAltRow,enableVirtualization:this.enableVirtualization,enableRtl:this.enableRtl,editSettings:{allowAdding:!1},query:this.query,height:this.popupHeight,allowMultiSorting:"multiplecolumns"===this.sortType.toString().toLowerCase()&&this.allowSorting,rowTemplate:this.itemTemplate,dataBound:function(){t.onDataBound()},actionFailure:function(e){t.onActionFailure(e)},actionBegin:function(e){t.trigger("actionBegin",e)},actionComplete:function(e){t.trigger("actionComplete",e),"sorting"===e.requestType&&t.updateRowSelection(e);var i=e.rows;t.isDataFiltered&&i.length>0&&""!==t.inputEle.value&&"sorting"!==e.requestType&&t.gridObj.getRows()[0].classList.add("e-row-focus");t.popupObj.refreshPosition()},keyPressed:function(e){"Enter"===e.key&&(e.cancel=!0,t.isPopupOpen&&(t.selectedGridRow(t.gridObj.getRows()[t.gridObj.selectedRowIndex],e,!0),t.hidePopup(e),t.focusIn(e))),t.fields.groupBy&&(e.cancel=!0,t.gridKeyActionHandler(e,!0))}}),this.gridEle=this.createElement("div",{id:(0,d.getUniqueID)("grid"),className:C}),this.updateGroupByField();var o=this.sortOrder.toString().toLowerCase();this.gridObj.columns[0].isPrimaryKey=!0,"none"!==o&&(this.gridObj.sortSettings={columns:[{field:this.fields.text,direction:"ascending"===o?i.Ascending:i.Descending}]}),this.gridObj.appendTo(this.gridEle)},r.prototype.isRowMatching=function(t,e,i){var o=Object.values(t).map(String);return o.includes(e)&&o.includes(i)},r.prototype.updateRowSelection=function(t){var e=this;t&&t.rows.forEach((function(t){var i=t.data,o=t.index;e.selectDataRow(i,o)}))},r.prototype.selectDataRow=function(t,e){if(this.isRowMatching(t,this.value?this.value.toString():"",this.text?this.text.toString():"")){this.gridObj.selectRow(e);var i=this.isProtectedOnChange;return this.isProtectedOnChange=!0,this.index=e,void(this.isProtectedOnChange=i)}},r.prototype.findIndex=function(t,e){return t.findIndex((function(t){return Object.keys(e).every((function(i){return t[i]===e[i]}))}))},r.prototype.getGridColumns=function(){var t=this;return this.columns.map((function(e){return{field:e.field,headerText:e.header,width:e.width,textAlign:""===e.textAlign&&t.enableRtl?"Right":e.textAlign,format:e.format,displayAsCheckBox:e.displayAsCheckBox,template:e.template,headerTemplate:e.headerTemplate,customAttributes:e.customAttributes,type:e.displayAsCheckBox?"boolean":"string"}}))},r.prototype.updateGroupByField=function(){if(""!==this.fields.groupBy&&!(0,d.isNullOrUndefined)(this.fields.groupBy)){"multiplecolumns"!==this.sortType.toString().toLowerCase()&&this.gridEle.classList.add("e-multicolumn-group");var t=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.gridObj.allowGrouping=!0,this.gridObj.groupSettings={showDropArea:!1,columns:[this.fields.groupBy],captionTemplate:this.groupTemplate&&""!==this.fields.groupBy&&!(0,d.isNullOrUndefined)(this.fields.groupBy)?this.groupTemplate:"${key}"},this.isVue&&(this.gridObj.isVue=this.isVue),this.isProtectedOnChange=t}},r.prototype.onDataBound=function(){var t=this.dataSource.length,e=this.popupDiv.querySelector("."+C);if(t<=0&&e)this.l10nUpdate(),this.popupDiv.removeChild(this.gridEle),(0,d.addClass)([this.popupDiv],[b]);else if(this.popupDiv.classList.contains(b)&&t>=1){(0,d.removeClass)([this.popupDiv],[b]);var i=this.popupDiv.querySelector(".e-no-records");i&&this.popupDiv.removeChild(i)}},r.prototype.onActionFailure=function(t){this.trigger("actionFailure",t),this.l10nUpdate(!0),(0,d.addClass)([this.popupDiv],[b])},r.prototype.renderInput=function(){"INPUT"===this.element.tagName?(this.inputEle=this.element,(0,d.isNullOrUndefined)(this.inputEle.getAttribute("role"))&&this.inputEle.setAttribute("role","combobox"),(0,d.isNullOrUndefined)(this.inputEle.getAttribute("type"))&&this.inputEle.setAttribute("type","text"),this.inputEle.setAttribute("aria-expanded","false"),this.inputEle.setAttribute("aria-readOnly",this.readonly.toString()),this.inputEle.setAttribute("aria-disabled",this.disabled.toString()),this.inputEle.setAttribute("tabindex","0")):(this.inputEle=this.createElement("input",{attrs:{role:"textbox",type:"text"}}),this.element.parentElement.insertBefore(this.inputEle,this.element)),this.inputObj=h.Input.createInput({element:this.inputEle,buttons:["e-input-group-icon e-multicolumn-list-icon e-icons"],floatLabelType:this.floatLabelType,properties:{enabled:!this.disabled,readonly:this.readonly,placeholder:this.placeholder,enableRtl:this.enableRtl,showClearButton:this.showClearButton,cssClass:this.cssClass}},this.createElement),this.inputWrapper=this.inputObj.container,this.inputWrapper.classList.add(S),this.inputWrapper.setAttribute("spellcheck","false"),this.element.tagName===this.getDirective()&&this.element.appendChild(this.inputWrapper),this.setElementWidth(this.width),(0,d.isNullOrUndefined)(this.value)&&(0,d.isNullOrUndefined)(this.text)&&(0,d.isNullOrUndefined)(this.index)||this.initValue(null,null,!0)},r.prototype.setElementWidth=function(t){var e=this.inputWrapper;(0,d.isNullOrUndefined)(t)||("number"==typeof t?e.style.width=(0,d.formatUnit)(t):"string"==typeof t&&(e.style.width=t.match(/px|%|em/)?t:(0,d.formatUnit)(t)))},r.prototype.setHTMLAttributes=function(){if(Object.keys(this.htmlAttributes).length)for(var t=0,e=Object.keys(this.htmlAttributes);t<e.length;t++){var i=e[t];if("class"===i)this.inputWrapper.classList.add(this.htmlAttributes[""+i]);else if("disabled"===i)this.setProperties({enabled:!1},!0),this.setEnable();else if("readonly"===i)this.setProperties({readonly:!0},!0),this.dataBind();else if("style"===i)this.inputWrapper.setAttribute("style",this.htmlAttributes[""+i]);else{["title","id","placeholder","role","autocomplete","autocapitalize","spellcheck","minlength","maxlength"].indexOf(i)>-1&&"placeholder"===i?h.Input.setPlaceholder(this.htmlAttributes[""+i],this.inputEle):this.inputEle.setAttribute(i,this.htmlAttributes[""+i])}}},r.prototype.setEnable=function(){h.Input.setEnabled(!this.disabled,this.inputEle),this.disabled?(this.isPopupOpen&&this.hidePopup(),(0,d.addClass)([this.inputWrapper],O),this.inputWrapper&&this.inputWrapper.classList.contains(w)&&(0,d.removeClass)([this.inputWrapper],[w]),this.inputEle.setAttribute("aria-disabled","true"),this.inputWrapper.setAttribute("aria-disabled","true")):((0,d.removeClass)([this.inputWrapper],O),this.inputEle.setAttribute("aria-disabled","false"),this.inputWrapper.setAttribute("aria-disabled","false"))},r.prototype.initValue=function(t,e,i){var o,r,n,s,a=this,l=this.gridObj.getSelectedRecords()[0],p=this.gridObj.getSelectedRows()[0],u=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.value=this.value?this.value.toString():this.value,this.isProtectedOnChange=u;var h=function(t){var e=a.updateCurrentValues(o,t);r=e.currentValue,n=e.currentText,s=e.currentIndex};if(!t&&(!(0,d.isNullOrUndefined)(this.value)||!(0,d.isNullOrUndefined)(this.text))||t&&void 0!==e){var f=t?e?this.value:this.text:(0,d.isNullOrUndefined)(this.value)?this.text:this.value;!(0,d.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof c.DataManager?this.dataSource.executeQuery(new c.Query).then((function(u){var c=u.result,g=c.filter((function(i){return i[t?e?a.fields.value:a.fields.text:(0,d.isNullOrUndefined)(a.value)?a.fields.text:a.fields.value].toString()===f}));g.length>0&&(o=g[0],h(c),a.updateChangeEvent(o,l,p,r,n,s,t,i),a.gridObj.selectRow(a.index))})):!(0,d.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof Array&&(o=this.dataSource.filter((function(i){return i[t?e?a.fields.value:a.fields.text:(0,d.isNullOrUndefined)(a.value)?a.fields.text:a.fields.value].toString()===f}))[0],h(this.dataSource))}else(0,d.isNullOrUndefined)(this.index)||(!(0,d.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof c.DataManager?this.dataSource.executeQuery(new c.Query).then((function(e){var u=e.result;o=u[a.index],h(u),a.updateChangeEvent(o,l,p,r,n,s,t,i),a.gridObj.selectRow(a.index)})):!(0,d.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof Array&&(o=this.dataSource[this.index],h(this.dataSource)));this.dataSource instanceof c.DataManager||this.updateChangeEvent(o,l,p,r,n,s,t,i)},r.prototype.updateChangeEvent=function(t,e,i,o,r,n,s,a){var l={value:t?t[this.fields.value].toString():null,itemData:{text:r,value:o},item:this.getDataByValue(this.value),previousItemData:e,previousItemElement:i,itemElement:this.inputWrapper,event:null,isInteracted:!s};this.updateValues(o,r,n,l,a)},r.prototype.updateCurrentValues=function(t,e){return(0,d.isNullOrUndefined)(t)?{currentValue:null,currentText:null,currentIndex:null}:(h.Input.setValue(t[this.fields.text].toString(),this.inputEle,this.floatLabelType,this.showClearButton),{currentValue:t[this.fields.value].toString(),currentText:t[this.fields.text].toString(),currentIndex:e.indexOf(t)})},r.prototype.renderPopup=function(){this.popupEle=this.createElement("div",{id:this.element.id+"_options",className:S+" e-popup "+(null!==this.cssClass?this.cssClass:"")}),(0,d.attributes)(this.popupEle,{"aria-label":this.element.id,role:"dialog"}),document.body.appendChild(this.popupEle),this.createPopup(this.popupEle),(0,d.prepend)([this.popupDiv],this.popupEle),this.footerTemplate&&this.setFooterTemplate();var t=this.getSize(!1);if(this.popupEle.style.maxHeight=t,this.footerTemplate){this.footer=this.footer?this.footer:this.popupEle.querySelector(".e-popup-footer");var e=Math.round(this.footer.getBoundingClientRect().height);t=(0,d.formatUnit)(parseInt(t,10)-e+"px")}this.popupDiv.style.maxHeight=t,this.popupRowHeight=this.popupDiv.querySelector(".e-gridcontent tr").getBoundingClientRect().height,this.updateGridHeight(),this.popupObj.hide()},r.prototype.updateGridHeight=function(t,e,i){var o;if(t){var r=this.gridObj.getContent().querySelector(".e-content"),n=r.offsetHeight-r.clientHeight,s=i*this.popupRowHeight;""===this.fields.groupBy||(0,d.isNullOrUndefined)(this.fields.groupBy)||(s+=this.popupRowHeight),o=e&&s<this.prevGridHeight?s+n+"px":this.prevGridHeight+"px"}else this.prevGridHeight=this.popupDiv.getBoundingClientRect().height-this.popupDiv.querySelector(".e-gridheader").getBoundingClientRect().height,o=this.prevGridHeight+"px";var a=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.gridObj.height=o,this.isProtectedOnChange=a},r.prototype.createPopup=function(t){var e=this;this.popupObj=new f.Popup(t,{width:this.getSize(!0),targetType:"relative",collision:{X:"flip",Y:"flip"},relateTo:this.inputWrapper,enableRtl:this.enableRtl,position:{X:"left",Y:"bottom"},targetExitViewport:function(){d.Browser.isDevice||e.hidePopup()}})},r.prototype.setFooterTemplate=function(){this.footer?this.isReact&&"function"==typeof this.footerTemplate?this.clearTemplate(["footerTemplate"]):this.footer.innerHTML="":(this.footer=this.createElement("div"),(0,d.addClass)([this.footer],"e-popup-footer"));var t=this.getTemplateFunction(this.footerTemplate)({count:this.dataSource.length},this,"footerTemplate",this.element.id+"footerTemplate",this.isStringTemplate,void 0,this.footer);t&&(t=Array.prototype.slice.call(t),(0,d.append)(t,this.footer)),(0,d.append)([this.footer],this.popupEle)},r.prototype.l10nUpdate=function(t){if(this.noRecord?this.noRecord.innerHTML="":this.noRecord=this.createElement("div"),"No records found"!==this.noRecordsTemplate||"Request Failed"!==this.actionFailureTemplate){var e=t?this.actionFailureTemplate:this.noRecordsTemplate,i=t?this.element.id+"_actionFailure":this.element.id+"_noRecords",o=t?"actionFailureTemplate":"noRecordsTemplate",r=this.getTemplateFunction(e)({},this,o,i,this.isStringTemplate,void 0,this.noRecord);r&&(r=Array.prototype.slice.call(r),(0,d.append)(r,this.noRecord))}else{this.l10n=new d.L10n("multicolumncombobox",{noRecordsTemplate:"No records found",actionFailureTemplate:"Request Failed"},this.locale),this.noRecord.innerHTML=t?this.l10n.getConstant("actionFailureTemplate"):this.l10n.getConstant("noRecordsTemplate")}(0,d.addClass)([this.noRecord],"e-no-records"),(0,d.prepend)([this.noRecord],this.popupDiv),this.popupObj.refreshPosition()},r.prototype.getTemplateFunction=function(t){if("string"==typeof t){var e="";try{var i=(0,d.select)(t);e=i?"SCRIPT"===i.tagName?i.innerHTML:i.outerHTML:t}catch(i){e=t}return(0,d.compile)(e)}return(0,d.compile)(t)},r.prototype.getSize=function(t){var e=t?this.popupWidth:this.popupHeight,i=(0,d.formatUnit)(e);i.indexOf("%")>-1?i=((t?this.inputWrapper.offsetWidth:document.documentElement.clientHeight)*parseFloat(i)/100).toString()+"px":"string"==typeof e&&(i=e.match(/px|em/)?e:i);return i},r.prototype.selectedGridRow=function(t,e,i){var o=this,r={isInteracted:!!e,item:this.gridObj.getSelectedRecords()[0],itemElement:t,itemData:this.gridObj.getSelectedRecords()[0],event:e,cancel:!1},n=this.gridObj.getSelectedRecords()[0],s=n?n[this.fields.text].toString():"",a=n?n[this.fields.value].toString():"",l={isInteracted:!!e,item:n,itemElement:t,itemData:{text:s,value:a},event:e,cancel:!1,value:a,previousItemData:{text:this.text,value:this.value},previousItemElement:this.previousItemElement};this.trigger("select",r,(function(t){if(!t.cancel&&t.itemData){var r=t.itemData;(!i||i&&"Enter"===e.key)&&o.updateValues(r[o.fields.value],r[o.fields.text],o.gridObj.selectedRowIndex,l),h.Input.setValue(r[o.fields.text],o.inputEle,o.floatLabelType,o.showClearButton),(!i||i&&"Enter"===e.key)&&o.hidePopup(e)}}))},r.prototype.updateValues=function(t,e,i,o,r){this.previousItemElement=o.itemElement;var n=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.text=e||this.text,this.value=t||this.value,this.index=(0,d.isNullOrUndefined)(i)?this.index:i,this.isProtectedOnChange=n,r||this.triggerChangeEvent(o)},r.prototype.triggerChangeEvent=function(t){this.trigger("change",t,(function(t){t.cancel}))},r.prototype.inputHandler=function(t){var e=this;if(this.showPopup(null,!0),this.allowFiltering){var i=t.target.value.toLowerCase(),o=!1,r={preventDefaultAction:!1,text:i,updateData:function(t,n,s){r.cancel||(o=!0,e.filterAction(t,i,n,s))},event:t,cancel:!1};this.trigger("filtering",r,(function(t){t.cancel||t.preventDefaultAction||o||e.filterAction(e.dataSource,i,e.query,e.fields)}))}this.updateInputValue(t.target.value)},r.prototype.updateInputValue=function(t){var e,i=this;if(this.dataSource instanceof c.DataManager){var o=new c.Query;this.dataSource.executeQuery(o).then((function(o){var r=o.result;e=r.filter((function(e){return e[i.fields.text].toString().toLowerCase().startsWith(t.toLowerCase())})),i.selectFilteredRows(e)}))}else Array.isArray(this.dataSource)&&(e=this.dataSource.filter((function(e){return e[i.fields.text].toString().toLowerCase().startsWith(t.toLowerCase())})),this.selectFilteredRows(e))},r.prototype.selectFilteredRows=function(t){if(t.length>0?this.matchedContent=t[0]:this.matchedContent=null,this.matchedContent){var e=this.findIndex(this.gridObj.currentViewData,this.matchedContent);this.matchedRowEle=this.gridObj.getRowByIndex(e)}else this.matchedRowEle=null},r.prototype.filterAction=function(t,e,i,o){var r,n=this,s=this.filterType.toString().toLowerCase(),a=i||new c.Query;t instanceof c.DataManager?t.executeQuery(a).then((function(t){var i=t.result,a=i.length;r=i.filter((function(t){return n.filterData(t,s,e,o)})),n.updateGridDataSource(r,a)})):Array.isArray(t)&&(r=t.filter((function(t){return n.filterData(t,s,e,o)})),this.updateGridDataSource(r))},r.prototype.filterData=function(t,e,i,o){var r=t[o?o.text:this.fields.text].toString().toLowerCase();switch(e){case"startswith":return r.startsWith(i);case"endswith":return r.endsWith(i);case"contains":return r.includes(i);default:return!1}},r.prototype.updateGridDataSource=function(t,e){var i=!0;if(t.length>0){i=(this.dataSource instanceof c.DataManager?e:this.dataSource.length)!==t.length,(0,d.removeClass)([this.popupDiv],[b]);var o=this.popupDiv.querySelector(".e-no-records");o&&this.popupDiv.removeChild(o),this.gridObj.dataSource=t,this.isDataFiltered=!0}else this.l10nUpdate(),(0,d.addClass)([this.popupDiv],[b]);this.updateGridHeight(!0,i,t.length)},r.prototype.wireEvents=function(){var t=this.inputWrapper.querySelector(".e-input-group-icon"),e=this.inputWrapper.querySelector(".e-clear-icon");d.EventHandler.add(t,"mousedown",this.dropDownClick,this),d.EventHandler.add(document,"mousedown",this.onDocumentClick,this),d.EventHandler.add(this.gridEle,"click",this.onMouseClick,this),d.EventHandler.add(this.inputEle,"input",this.inputHandler,this),d.EventHandler.add(this.inputWrapper,"focus",this.focusIn,this),e&&d.EventHandler.add(e,"click",this.clearText,this),d.EventHandler.add(window,"resize",this.windowResize,this),this.keyboardModule=new d.KeyboardEvents(this.inputWrapper,{keyAction:this.keyActionHandler.bind(this),keyConfigs:this.keyConfigs,eventName:"keydown"}),this.keyboardModule=new d.KeyboardEvents(this.gridEle,{keyAction:this.gridKeyActionHandler.bind(this),keyConfigs:this.keyConfigs,eventName:"keydown"})},r.prototype.unWireEvents=function(){var t=this.inputWrapper.querySelector(".e-input-group-icon"),e=this.inputWrapper.querySelector(".e-clear-icon");d.EventHandler.remove(t,"mousedown",this.dropDownClick),d.EventHandler.remove(document,"mousedown",this.onDocumentClick),d.EventHandler.remove(this.inputEle,"input",this.inputHandler),d.EventHandler.remove(this.inputWrapper,"focus",this.focusIn),d.EventHandler.remove(window,"resize",this.windowResize),d.EventHandler.remove(this.gridEle,"click",this.onMouseClick),e&&d.EventHandler.remove(e,"click",this.clearText),this.keyboardModule&&this.keyboardModule.destroy()},r.prototype.dropDownClick=function(t){if(!this.disabled&&!this.readonly){var e=this.gridEle.querySelector(".e-row-focus");e&&e.classList.remove("e-row-focus"),this.isPopupOpen?this.hidePopup(t):this.showPopup(t)}},r.prototype.onMouseClick=function(t){var e=t.target,i=(0,d.closest)(e,".e-row"),o=this.gridObj.selectedRowIndex;i&&(o>=0?this.selectedGridRow(i,t):(this.gridObj.selectedRowIndex=this.gridObj.getRows().indexOf(i),this.gridObj.selectRow(this.gridObj.selectedRowIndex),this.hidePopup(t)))},r.prototype.onDocumentClick=function(t){if(this.disabled||this.readonly||!this.isPopupOpen)t.target.closest(".e-multicolumn-list")||this.focusOut();else{var e=t.target;e.classList.contains("e-multicolumn-list-icon")||(0,d.closest)(e,".e-popup")?t.preventDefault():e.classList.contains("e-multicolumncombobox")||e.classList.contains("e-clear-icon")||this.updateValuesOnInput(t),(0,d.closest)(e,".e-multicolumn-list")||(this.inputWrapper.tabIndex=-1)}},r.prototype.updateValuesOnInput=function(t,e,i){var o=this,r=t||e;if(this.hidePopup(r),this.matchedRowEle&&!i){var n=this.isProtectedOnChange;this.isProtectedOnChange=!0,setTimeout((function(){o.inputEle.value=o.matchedContent[o.fields.text].toString(),o.value=o.matchedContent[o.fields.value].toString();var t=o.findIndex(o.gridObj.currentViewData,o.matchedContent);o.index=t,o.text=o.matchedContent[o.fields.text].toString(),o.gridObj.selectRow(t),o.selectedGridRow(o.gridObj.getRowByIndex(t),r),o.previousItemElement=o.gridObj.getSelectedRows()[0]}),100),this.isProtectedOnChange=n}else if(this.isDataFiltered){this.inputEle.value="";var s={value:null,itemData:{text:null,value:null},item:null,previousItemData:{text:this.text,value:this.value},previousItemElement:this.previousItemElement,itemElement:null,event:r,isInteracted:!0,cancel:!1};n=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.text=this.value=this.index=null,this.gridObj.refreshColumns(),this.isProtectedOnChange=n,this.triggerChangeEvent(s),this.isDataFiltered=!1,this.matchedContent=this.matchedRowEle=null}},r.prototype.clearText=function(t){this.isDataFiltered=!0,this.updateValuesOnInput(t,null,!0)},r.prototype.windowResize=function(){this.popupObj&&(this.popupObj.setProperties({width:this.getSize(!0)}),this.popupObj.refreshPosition())},r.prototype.setCssClass=function(t,e){var i=this.popupObj?[this.inputWrapper,this.popupObj.element]:[this.inputWrapper];(0,d.isNullOrUndefined)(e)||""===e||(0,d.removeClass)(i,e.split(" ")),(0,d.isNullOrUndefined)(t)||""===t||(0,d.addClass)(i,t.split(" "))},r.prototype.keyActionHandler=function(t){switch(t.action){case"escape":case"altUp":case"shiftTab":case"tab":this.isPopupOpen&&this.hidePopup(t);break;case"altDown":this.isPopupOpen||(this.showPopup(t),this.updateSelectedItem(t,!1));break;case"moveDown":case"moveUp":case"home":case"end":this.updateSelectedItem(t);break;case"enter":this.updateValuesOnInput(null,t),this.focusIn(t)}},r.prototype.gridKeyActionHandler=function(t,e){switch(e&&("ArrowDown"===t.key?t.action="moveDown":"ArrowUp"===t.key?t.action="moveUp":"End"===t.key?t.action="end":"Home"===t.key&&(t.action="home"),t.altKey&&"ArrowUp"===t.key&&(t.action="altUp")),t.action){case"escape":case"tab":case"shiftTab":case"altUp":this.isPopupOpen&&(t.preventDefault(),this.hidePopup(t));break;case"moveDown":case"moveUp":case"home":case"end":this.updateSelectedItem(t)}},r.prototype.updateSelectedItem=function(t,e){if(void 0===e&&(e=!0),this.isPopupOpen){var i=this.fields.groupBy?this.gridObj.selectedRowIndex?this.gridObj.selectedRowIndex:0:this.gridObj.selectedRowIndex;-1===i&&("moveDown"===t.action||"moveUp"===t.action)||"home"===t.action?i=0:i>=this.gridObj.getRows().length&&"moveDown"===t.action||"end"===t.action?i=this.gridObj.getRows().length-1:"moveDown"===t.action&&i>=0&&i<=this.gridObj.getRows().length&&this.fields.groupBy?i+=1:"moveUp"===t.action&&i>0&&this.fields.groupBy&&(i-=1),this.gridObj.selectRow(i),this.gridObj.selectedRowIndex=i;var o=this.gridEle.querySelector(".e-row-focus");o&&o.classList.remove("e-row-focus"),e&&this.selectedGridRow(this.gridObj.getRows()[i],t,!0)}},r.prototype.focusIn=function(t){if(!this.disabled&&!this.readonly){(0,d.addClass)([this.inputWrapper],[w]),this.inputWrapper.tabIndex=0,this.inputWrapper.focus();var e=this.inputWrapper.querySelector(".e-clear-icon");e&&(this.value&&""!==this.value.toString()||this.text&&""!==this.text)&&e.classList.remove("e-clear-icon-hide"),this.trigger("focus",t),"Never"!==this.floatLabelType&&h.Input.calculateWidth(this.inputEle,this.inputWrapper)}},r.prototype.focusOut=function(t){if(!this.disabled&&!this.readonly){this.hidePopup(t),(0,d.removeClass)([this.inputWrapper],[w]),this.inputWrapper.tabIndex=-1;var e=this.inputWrapper.querySelector(".e-clear-icon");e&&e.classList.add("e-clear-icon-hide"),"Never"!==this.floatLabelType&&h.Input.calculateWidth(this.inputEle,this.inputWrapper)}},r.prototype.showPopup=function(t,e){var i=this,o={popup:this.popupObj,event:t,cancel:!1,animation:{name:"FadeIn",duration:100}};this.trigger("open",o,(function(o){if(!o.cancel&&!i.isPopupOpen){if(i.isPopupOpen=!0,i.popupObj.refreshPosition(),(0,d.addClass)([i.inputWrapper],[v]),(0,d.attributes)(i.inputEle,{"aria-expanded":"true","aria-owns":i.element.id+"_popup","aria-controls":i.element.id}),!e){if(i.value||i.text||i.index)i.gridObj.currentViewData.forEach((function(t,e){i.selectDataRow(t,e)}));i.focusIn(t)}i.popupObj.show(new d.Animation(o.animation),i.popupEle)}}))},r.prototype.hidePopup=function(t){var e=this,i={popup:this.popupObj,event:t||null,cancel:!1,animation:{name:"FadeOut",duration:100}};this.trigger("close",i,(function(i){if(!i.cancel&&(e.isPopupOpen=!1,(0,d.removeClass)([e.inputWrapper],[v]),(0,d.attributes)(e.inputEle,{"aria-expanded":"false"}),e.popupObj.hide(new d.Animation(i.animation)),e.inputEle.value=e.text?e.text.toString():"",t)){var o=t.target;o.classList.contains("e-multicolumn-list-icon")||o.classList.contains("e-rowcell")?(e.value||e.gridObj.refreshColumns(),e.focusIn(t)):e.focusOut()}})),setTimeout((function(){e.gridObj&&(e.gridObj.dataSource=e.dataSource,e.updateGridHeight(!0,!1))}),100)},r.prototype.addItems=function(t,e){var i=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.gridObj.editSettings.allowAdding=!0,this.gridObj.dataBind(),this.isProtectedOnChange=i,this.gridObj.addRecord(t,e)},r.prototype.getItems=function(){return this.gridObj.getDataRows()},r.prototype.getDataByValue=function(t){var e=this;return!(0,d.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof Array?this.dataSource.filter((function(i){return i[e.fields.value].toString()===t}))[0]:(!(0,d.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof c.DataManager&&this.dataSource.executeQuery(new c.Query).then((function(i){return i.result.filter((function(i){return i[e.fields.value].toString()===t}))[0]})),null)},r.prototype.destroy=function(){if(this.unWireEvents(),this.gridObj&&(this.gridObj.destroy(),(0,d.detach)(this.gridObj.element)),this.popupObj&&(this.popupObj.destroy(),(0,d.detach)(this.popupObj.element)),this.inputEle){for(var e=["placeholder","aria-expanded","spellcheck","aria-label","role","tabindex","type","id","aria-owns","aria-controls"],i=0;i<e.length;i++)this.inputEle.removeAttribute(e[i]);this.inputEle.classList.remove("e-input"),h.Input.setValue("",this.inputEle,this.floatLabelType,this.showClearButton)}this.element.tagName!==this.getDirective()&&this.inputWrapper.parentElement.insertBefore(this.element,this.inputWrapper),this.inputObj&&((0,d.detach)(this.inputObj.container),this.inputObj=null),h.Input.destroy({element:this.inputEle,floatLabelType:this.floatLabelType,properties:this.properties}),(0,d.detach)(this.inputWrapper),(0,d.detach)(this.popupDiv),this.inputEle=null,this.previousItemElement=null,this.inputWrapper.innerHTML="",this.inputWrapper=null,this.popupDiv=null,this.popupObj=null,this.gridObj=null,this.gridEle=null,this.popupEle=null,this.footer=null,this.noRecord=null,t.prototype.destroy.call(this)},r.prototype.onPropertyChanged=function(t,e){for(var o=0,r=Object.keys(t);o<r.length;o++){var n=r[o],s=void 0;switch(n){case"width":case"popupWidth":"width"===n&&this.setElementWidth(t.width),this.popupObj&&(this.popupObj.element.style.width=this.getSize(!0));break;case"popupHeight":if(this.popupObj){var a=this.getSize(!1);this.popupObj.element.style.maxHeight=a,this.popupDiv.style.maxHeight=a,this.gridObj.height=a}break;case"placeholder":h.Input.setPlaceholder(t.placeholder,this.inputEle);break;case"readonly":h.Input.setReadonly(this.readonly,this.inputEle);break;case"disabled":h.Input.setEnabled(!this.disabled,this.inputEle),this.setEnable();break;case"cssClass":this.setCssClass(t.cssClass,e.cssClass);break;case"floatLabelType":h.Input.removeFloating(this.inputObj),h.Input.addFloating(this.inputEle,this.floatLabelType,this.placeholder);break;case"showClearButton":h.Input.setClearButton(t.showClearButton,this.inputEle,this.inputObj);break;case"value":this.initValue(!0,!0);break;case"text":this.initValue(!0,!1);break;case"index":this.initValue();break;case"sortOrder":this.gridObj&&(this.gridObj.sortSettings.columns=[{field:this.fields.text,direction:t.sortOrder===i.Ascending?i.Ascending:i.Descending}]);break;case"htmlAttributes":this.setHTMLAttributes();break;case"noRecordsTemplate":this.l10nUpdate();break;case"actionFailureTemplate":this.l10nUpdate(!0);break;case"footerTemplate":this.setFooterTemplate();break;case"itemTemplate":this.gridObj&&(this.gridObj.rowTemplate=t.itemTemplate);break;case"groupTemplate":this.groupTemplate=t.groupTemplate,this.updateGroupByField();break;case"enableRtl":this.gridObj&&this.popupObj&&(this.gridObj.enableRtl=t.enableRtl,h.Input.setEnableRtl(t.enableRtl,[this.inputWrapper]),this.popupObj.enableRtl=t.enableRtl);break;case"dataSource":this.gridObj&&(this.gridObj.dataSource=t.dataSource);break;case"query":this.gridObj&&(this.gridObj.query=t.query);break;case"gridSettings":this.gridObj&&(this.gridObj.gridLines=t.gridSettings.gridLines,this.gridObj.rowHeight=t.gridSettings.rowHeight,this.gridObj.enableAltRow=t.gridSettings.enableAltRow);break;case"fields":this.fields=t.fields,this.updateGroupByField();break;case"filterType":this.filterType=t.filterType;break;case"enableVirtualization":this.gridObj&&(this.enableVirtualization=this.gridObj.enableVirtualization=t.enableVirtualization);break;case"sortType":this.sortType=t.sortType;break;case"allowFiltering":this.allowFiltering=t.allowFiltering;break;case"allowSorting":this.gridObj&&(this.allowSorting=this.gridObj.allowSorting=t.allowSorting);break;case"columns":this.gridObj&&(s=this.getGridColumns(),this.gridObj.columns=s)}}},m([(0,d.Property)([])],r.prototype,"dataSource",void 0),m([(0,d.Property)(null)],r.prototype,"text",void 0),m([(0,d.Property)(null)],r.prototype,"value",void 0),m([(0,d.Property)(null)],r.prototype,"index",void 0),m([(0,d.Property)("100%")],r.prototype,"width",void 0),m([(0,d.Property)("300px")],r.prototype,"popupHeight",void 0),m([(0,d.Property)("100%")],r.prototype,"popupWidth",void 0),m([(0,d.Property)(null)],r.prototype,"placeholder",void 0),m([(0,d.Property)(!0)],r.prototype,"allowFiltering",void 0),m([(0,d.Property)(!0)],r.prototype,"allowSorting",void 0),m([(0,d.Property)(!1)],r.prototype,"showClearButton",void 0),m([(0,d.Property)("")],r.prototype,"cssClass",void 0),m([(0,d.Complex)({text:null,value:null,groupBy:null},E)],r.prototype,"fields",void 0),m([(0,d.Collection)([],P)],r.prototype,"columns",void 0),m([(0,d.Complex)({},j)],r.prototype,"gridSettings",void 0),m([(0,d.Property)(e.StartsWith)],r.prototype,"filterType",void 0),m([(0,d.Property)("Never")],r.prototype,"floatLabelType",void 0),m([(0,d.Property)(i.None)],r.prototype,"sortOrder",void 0),m([(0,d.Property)(o.OneColumn)],r.prototype,"sortType",void 0),m([(0,d.Property)(!1)],r.prototype,"enableVirtualization",void 0),m([(0,d.Property)(!1)],r.prototype,"disabled",void 0),m([(0,d.Property)(!1)],r.prototype,"readonly",void 0),m([(0,d.Property)(!1)],r.prototype,"enablePersistence",void 0),m([(0,d.Property)()],r.prototype,"query",void 0),m([(0,d.Property)(null)],r.prototype,"itemTemplate",void 0),m([(0,d.Property)(null)],r.prototype,"footerTemplate",void 0),m([(0,d.Property)(null)],r.prototype,"groupTemplate",void 0),m([(0,d.Property)("Request Failed")],r.prototype,"actionFailureTemplate",void 0),m([(0,d.Property)("No records found")],r.prototype,"noRecordsTemplate",void 0),m([(0,d.Property)({})],r.prototype,"htmlAttributes",void 0),m([(0,d.Event)()],r.prototype,"created",void 0),m([(0,d.Event)()],r.prototype,"open",void 0),m([(0,d.Event)()],r.prototype,"close",void 0),m([(0,d.Event)()],r.prototype,"actionFailure",void 0),m([(0,d.Event)()],r.prototype,"actionBegin",void 0),m([(0,d.Event)()],r.prototype,"actionComplete",void 0),m([(0,d.Event)()],r.prototype,"filtering",void 0),m([(0,d.Event)()],r.prototype,"select",void 0),m([(0,d.Event)()],r.prototype,"change",void 0),r=m([d.NotifyPropertyChanges],r)}(d.Component),D=function(){var t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])},t(e,i)};return function(e,i){function o(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),T=function(t){function e(e){var i=t.call(this,e)||this;return i.initRenderCalled=!1,i.checkInjectedModules=!0,i.directivekeys={columns:"column"},i.statelessTemplateProps=null,i.templateProps=null,i.immediateRender=!1,i.portals=[],i}return D(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return l.createElement(l.Fragment,null,[].concat(l.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(R);(0,r.applyMixins)(T,[r.ComponentBase,l.Component])})(),u})()));

package/dist/ej2-react-multicolumn-combobox.umd.min.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-multicolumn-combobox")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-multicolumn-combobox"],t):t((e=e||self).ej={},e.ej2ReactBase,e.React,e.ej2MulticolumnCombobox)}(this,function(t,e,n,o){"use strict";r=function(e,t){return(r=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}))(e,t)};var r,i,c=function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},u=(i=e.ComplexBase,c(l,i),l.moduleName="column",l);function l(){return null!==i&&i.apply(this,arguments)||this}s=e.ComplexBase,c(a,s),a.propertyName="columns",a.moduleName="columns";var s,c=a;function a(){return null!==s&&s.apply(this,arguments)||this}p=function(e,t){return(p=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}))(e,t)};var p,f,m=function(e,t){function n(){this.constructor=e}p(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},m=(f=o.MultiColumnComboBox,m(y,f),y.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement(n.Fragment,null,[].concat(n.createElement("input",this.getDefaultAttributes()),this.portals));f.prototype.render.call(this),this.initRenderCalled=!0},y);function y(e){e=f.call(this,e)||this;return e.initRenderCalled=!1,e.checkInjectedModules=!0,e.directivekeys={columns:"column"},e.statelessTemplateProps=null,e.templateProps=null,e.immediateRender=!1,e.portals=[],e}e.applyMixins(m,[e.ComponentBase,n.Component]),Object.keys(o).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return o[e]}})}),Object.defineProperty(t,"Inject",{enumerable:!0,get:function(){return e.Inject}}),t.ColumnDirective=u,t.ColumnsDirective=c,t.MultiColumnComboBoxComponent=m,Object.defineProperty(t,"__esModule",{value:!0})});
+//# sourceMappingURL=ej2-react-multicolumn-combobox.umd.min.js.map

package/dist/ej2-react-multicolumn-combobox.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ej2-react-multicolumn-combobox.umd.min.js","sources":["../src/multicolumn-combobox/columns-directive.js","../src/multicolumn-combobox/multicolumncombobox.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the React MultiColumnComboBox.\n * It must be contained in a MultiColumnComboBox component(`MultiColumnComboBoxComponent`).\n * ```tsx\n * <MultiColumnComboBoxComponent dataSource={data}>\n *   <ColumnsDirective>\n *     <ColumnDirective field='ID' width='100'></ColumnDirective>\n *     <ColumnDirective field='name' header='Name' width='100'></ColumnDirective>\n *   <ColumnsDirective>\n * </MultiColumnComboBoxComponent>\n * ```\n */\nvar ColumnDirective = /** @class */ (function (_super) {\n    __extends(ColumnDirective, _super);\n    function ColumnDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ColumnDirective.moduleName = 'column';\n    return ColumnDirective;\n}(ComplexBase));\nexport { ColumnDirective };\nvar ColumnsDirective = /** @class */ (function (_super) {\n    __extends(ColumnsDirective, _super);\n    function ColumnsDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ColumnsDirective.propertyName = 'columns';\n    ColumnsDirective.moduleName = 'columns';\n    return ColumnsDirective;\n}(ComplexBase));\nexport { ColumnsDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { MultiColumnComboBox } from '@syncfusion/ej2-multicolumn-combobox';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React MultiColumnComboBox Component\n * ```tsx\n * <MultiColumnComboBoxComponent dataSource={data}></MultiColumnComboBoxComponent>\n * ```\n */\nvar MultiColumnComboBoxComponent = /** @class */ (function (_super) {\n    __extends(MultiColumnComboBoxComponent, _super);\n    function MultiColumnComboBoxComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = true;\n        _this.directivekeys = { 'columns': 'column' };\n        _this.statelessTemplateProps = null;\n        _this.templateProps = null;\n        _this.immediateRender = false;\n        _this.portals = [];\n        return _this;\n    }\n    MultiColumnComboBoxComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    };\n    return MultiColumnComboBoxComponent;\n}(MultiColumnComboBox));\nexport { MultiColumnComboBoxComponent };\napplyMixins(MultiColumnComboBoxComponent, [ComponentBase, React.Component]);\n"],"names":["extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","_super","__extends","__","this","constructor","prototype","create","ColumnDirective","ComplexBase","moduleName","apply","arguments","ColumnsDirective","propertyName","MultiColumnComboBoxComponent","MultiColumnComboBox","render","element","initRenderCalled","refreshing","isReactForeceUpdate","React.createElement","React.Fragment","concat","getDefaultAttributes","portals","call","props","_this","checkInjectedModules","directivekeys","columns","statelessTemplateProps","templateProps","immediateRender","ComponentBase","React.Component"],"mappings":"waACQA,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAClB,CAAEC,UAAW,cAAgBC,MAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,GACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,CAAC,IAAGN,EAAEM,GAAKL,EAAEK,OACpDN,EAAGC,CAAC,GALjC,IACQF,EAyBuCS,EA1B3CC,EAOO,SAAUT,EAAGC,GAEhB,SAASS,IAAOC,KAAKC,YAAcZ,EADnCD,EAAcC,EAAGC,CAAC,EAElBD,EAAEa,UAAkB,OAANZ,EAAaC,OAAOY,OAAOb,CAAC,GAAKS,EAAGG,UAAYZ,EAAEY,UAAW,IAAIH,IAgBnFK,GAA2CP,EAO7CQ,cANEP,EAAUM,EAAiBP,CAAM,EAIjCO,EAAgBE,WAAa,SACtBF,GAJP,SAASA,IACL,OAAkB,OAAXP,GAAmBA,EAAOU,MAAMP,KAAMQ,SAAS,GAAKR,KAMnBH,EAQ9CQ,cAPEP,EAAUW,EAAkBZ,CAAM,EAIlCY,EAAiBC,aAAe,UAChCD,EAAiBH,WAAa,cANcT,EAA5CY,EAOOA,EALP,SAASA,IACL,OAAkB,OAAXZ,GAAmBA,EAAOU,MAAMP,KAAMQ,SAAS,GAAKR,KCrC3DZ,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAClB,CAAEC,UAAW,cAAgBC,MAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,GACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,CAAC,IAAGN,EAAEM,GAAKL,EAAEK,OACpDN,EAAGC,CAAC,GALjC,IACQF,EAqBoDS,EAtBxDC,EAOO,SAAUT,EAAGC,GAEhB,SAASS,IAAOC,KAAKC,YAAcZ,EADnCD,EAAcC,EAAGC,CAAC,EAElBD,EAAEa,UAAkB,OAANZ,EAAaC,OAAOY,OAAOb,CAAC,GAAKS,EAAGG,UAAYZ,EAAEY,UAAW,IAAIH,IAYnFY,GAAwDd,EAuB1De,sBAtBEd,EAAUa,EAA8Bd,CAAM,EAY9Cc,EAA6BT,UAAUW,OAAS,WAC5C,GAAI,EAAEb,KAAKc,SAAW,CAACd,KAAKe,kBAAqBf,KAAKgB,aAAgBhB,KAAKiB,oBAKvE,OAAOC,gBAAoBC,WAAgB,KAAM,GAAGC,OAAOF,gBAAoB,QAASlB,KAAKqB,sBAAsB,EAAGrB,KAAKsB,OAAO,CAAC,EAJnIzB,EAAOK,UAAUW,OAAOU,KAAKvB,IAAI,EACjCA,KAAKe,iBAAmB,CAAA,GAMzBJ,GApBP,SAASA,EAA6Ba,GAC9BC,EAAQ5B,EAAO0B,KAAKvB,KAAMwB,CAAK,GAAKxB,KAQxC,OAPAyB,EAAMV,iBAAmB,CAAA,EACzBU,EAAMC,qBAAuB,CAAA,EAC7BD,EAAME,cAAgB,CAAEC,QAAW,UACnCH,EAAMI,uBAAyB,KAC/BJ,EAAMK,cAAgB,KACtBL,EAAMM,gBAAkB,CAAA,EACxBN,EAAMH,QAAU,GACTG,gBAcHd,EAA8B,CAACqB,gBAAeC,YAAgB"}

package/dist/es6/ej2-react-multicolumn-combobox.es2015.js

@@ -0,0 +1,57 @@
+import { ComplexBase, applyMixins, ComponentBase } from '@syncfusion/ej2-react-base';
+export { Inject } from '@syncfusion/ej2-react-base';
+import { createElement, Fragment, Component } from 'react';
+import { MultiColumnComboBox } from '@syncfusion/ej2-multicolumn-combobox';
+export * from '@syncfusion/ej2-multicolumn-combobox';
+
+/**
+ * `ColumnDirective` represent a column of the React MultiColumnComboBox.
+ * It must be contained in a MultiColumnComboBox component(`MultiColumnComboBoxComponent`).
+ * ```tsx
+ * <MultiColumnComboBoxComponent dataSource={data}>
+ *   <ColumnsDirective>
+ *     <ColumnDirective field='ID' width='100'></ColumnDirective>
+ *     <ColumnDirective field='name' header='Name' width='100'></ColumnDirective>
+ *   <ColumnsDirective>
+ * </MultiColumnComboBoxComponent>
+ * ```
+ */
+class ColumnDirective extends ComplexBase {
+}
+ColumnDirective.moduleName = 'column';
+class ColumnsDirective extends ComplexBase {
+}
+ColumnsDirective.propertyName = 'columns';
+ColumnsDirective.moduleName = 'columns';
+
+/**
+ * Represents the React MultiColumnComboBox Component
+ * ```tsx
+ * <MultiColumnComboBoxComponent dataSource={data}></MultiColumnComboBoxComponent>
+ * ```
+ */
+class MultiColumnComboBoxComponent extends MultiColumnComboBox {
+    constructor(props) {
+        super(props);
+        this.initRenderCalled = false;
+        this.checkInjectedModules = true;
+        this.directivekeys = { 'columns': 'column' };
+        this.statelessTemplateProps = null;
+        this.templateProps = null;
+        this.immediateRender = false;
+        this.portals = [];
+    }
+    render() {
+        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {
+            super.render();
+            this.initRenderCalled = true;
+        }
+        else {
+            return createElement(Fragment, null, [].concat(createElement("input", this.getDefaultAttributes()), this.portals));
+        }
+    }
+}
+applyMixins(MultiColumnComboBoxComponent, [ComponentBase, Component]);
+
+export { ColumnDirective, ColumnsDirective, MultiColumnComboBoxComponent };
+//# sourceMappingURL=ej2-react-multicolumn-combobox.es2015.js.map

package/dist/es6/ej2-react-multicolumn-combobox.es2015.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ej2-react-multicolumn-combobox.es2015.js","sources":["../src/es6/multicolumn-combobox/columns-directive.js","../src/es6/multicolumn-combobox/multicolumncombobox.component.js"],"sourcesContent":["import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the React MultiColumnComboBox.\n * It must be contained in a MultiColumnComboBox component(`MultiColumnComboBoxComponent`).\n * ```tsx\n * <MultiColumnComboBoxComponent dataSource={data}>\n *   <ColumnsDirective>\n *     <ColumnDirective field='ID' width='100'></ColumnDirective>\n *     <ColumnDirective field='name' header='Name' width='100'></ColumnDirective>\n *   <ColumnsDirective>\n * </MultiColumnComboBoxComponent>\n * ```\n */\nexport class ColumnDirective extends ComplexBase {\n}\nColumnDirective.moduleName = 'column';\nexport class ColumnsDirective extends ComplexBase {\n}\nColumnsDirective.propertyName = 'columns';\nColumnsDirective.moduleName = 'columns';\n","import * as React from 'react';\nimport { MultiColumnComboBox } from '@syncfusion/ej2-multicolumn-combobox';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React MultiColumnComboBox Component\n * ```tsx\n * <MultiColumnComboBoxComponent dataSource={data}></MultiColumnComboBoxComponent>\n * ```\n */\nexport class MultiColumnComboBoxComponent extends MultiColumnComboBox {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n        this.directivekeys = { 'columns': 'column' };\n        this.statelessTemplateProps = null;\n        this.templateProps = null;\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    }\n}\napplyMixins(MultiColumnComboBoxComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Fragment","React.Component"],"mappings":";;;;;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAM,eAAe,SAAS,WAAW,CAAC;AACjD,CAAC;AACD,eAAe,CAAC,UAAU,GAAG,QAAQ,CAAC;AAC/B,MAAM,gBAAgB,SAAS,WAAW,CAAC;AAClD,CAAC;AACD,gBAAgB,CAAC,YAAY,GAAG,SAAS,CAAC;AAC1C,gBAAgB,CAAC,UAAU,GAAG,SAAS;;AChBvC;AACA;AACA;AACA;AACA;AACA;AACA,AAAO,MAAM,4BAA4B,SAAS,mBAAmB,CAAC;AACtE,IAAI,WAAW,CAAC,KAAK,EAAE;AACvB,QAAQ,KAAK,CAAC,KAAK,CAAC,CAAC;AACrB,QAAQ,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;AACtC,QAAQ,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;AACzC,QAAQ,IAAI,CAAC,aAAa,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;AACrD,QAAQ,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;AAC3C,QAAQ,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;AAClC,QAAQ,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;AACrC,QAAQ,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;AAC1B,KAAK;AACL,IAAI,MAAM,GAAG;AACb,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;AACxG,YAAY,KAAK,CAAC,MAAM,EAAE,CAAC;AAC3B,YAAY,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;AACzC,SAAS;AACT,aAAa;AACb,YAAY,OAAOA,aAAmB,CAACC,QAAc,EAAE,IAAI,EAAE,EAAE,CAAC,MAAM,CAACD,aAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;AACjJ,SAAS;AACT,KAAK;AACL,CAAC;AACD,WAAW,CAAC,4BAA4B,EAAE,CAAC,aAAa,EAAEE,SAAe,CAAC,CAAC,CAAC;;;;"}

package/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * index
+ */
+export * from './src/index';

package/index.js

@@ -0,0 +1,4 @@
+/**
+ * index
+ */
+export * from './src/index';

package/license

@@ -0,0 +1,6 @@
+Essential JS 2 library is available under the Syncfusion Essential Studio program,  and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
+To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions. 
+Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
+Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions. 
+The Syncfusion license that contains the terms and conditions can be found at 
+https://www.syncfusion.com/content/downloads/syncfusion_license.pdf

package/multicolumn-combobox.d.ts

@@ -0,0 +1,4 @@
+/**
+ * multicolumn-combobox
+ */
+export * from './src/multicolumn-combobox/index';

package/multicolumn-combobox.js

@@ -0,0 +1,4 @@
+/**
+ * multicolumn-combobox
+ */
+export * from './src/multicolumn-combobox/index';

package/package.json

@@ -0,0 +1,59 @@
+{
+  "_from": "@syncfusion/ej2-react-multicolumn-combobox@*",
+  "_id": "@syncfusion/ej2-react-multicolumn-combobox@21.29.0",
+  "_inBundle": false,
+  "_integrity": "sha512-3dYbJ8PADPjY7P7PUfullvBTvjxbOCwOvNMZPP0jFkLrdLzwbNGWwITeM3d29lHwiRemNqjsVB3j1F8kufpkCA==",
+  "_location": "/@syncfusion/ej2-react-multicolumn-combobox",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "range",
+    "registry": true,
+    "raw": "@syncfusion/ej2-react-multicolumn-combobox@*",
+    "name": "@syncfusion/ej2-react-multicolumn-combobox",
+    "escapedName": "@syncfusion%2fej2-react-multicolumn-combobox",
+    "scope": "@syncfusion",
+    "rawSpec": "*",
+    "saveSpec": null,
+    "fetchSpec": "*"
+  },
+  "_requiredBy": [
+    "/"
+  ],
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-react-multicolumn-combobox/-/ej2-react-multicolumn-combobox-21.29.0.tgz",
+  "_shasum": "384d5180fdedef409d70d35d56b4a5b70ed188d1",
+  "_spec": "@syncfusion/ej2-react-multicolumn-combobox@*",
+  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
+  "author": {
+    "name": "Syncfusion Inc."
+  },
+  "bugs": {
+    "url": "https://github.com/syncfusion/ej2-react-multicolumn-combobox/issues"
+  },
+  "bundleDependencies": false,
+  "dependencies": {
+    "@syncfusion/ej2-base": "~26.1.35",
+    "@syncfusion/ej2-multicolumn-combobox": "26.1.35",
+    "@syncfusion/ej2-react-base": "~26.1.35"
+  },
+  "deprecated": false,
+  "description": "Essential JS 2 Component for React",
+  "devDependencies": {},
+  "es2015": "dist/es6/ej2-react-multicolumn-combobox.es2015.js",
+  "homepage": "https://www.syncfusion.com/react-components",
+  "keywords": [
+    "react",
+    "reactjs",
+    "ej2-react-multicolumncombobox",
+    "react-multicolumncombobox"
+  ],
+  "license": "SEE LICENSE IN license",
+  "main": "./dist/ej2-react-multicolumn-combobox.umd.min.js",
+  "module": "./index.js",
+  "name": "@syncfusion/ej2-react-multicolumn-combobox",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/syncfusion/ej2-react-ui-components.git"
+  },
+  "version": "26.1.35",
+  "sideEffects": false
+}

package/src/global.js

@@ -0,0 +1 @@
+export * from './index';

package/src/index.d.ts

@@ -0,0 +1,3 @@
+export * from './multicolumn-combobox';
+export { Inject } from '@syncfusion/ej2-react-base';
+export * from '@syncfusion/ej2-multicolumn-combobox';

package/src/index.js

@@ -0,0 +1,3 @@
+export * from './multicolumn-combobox';
+export { Inject } from '@syncfusion/ej2-react-base';
+export * from '@syncfusion/ej2-multicolumn-combobox';

package/src/multicolumn-combobox/columns-directive.d.ts

@@ -0,0 +1,27 @@
+import { ComplexBase } from '@syncfusion/ej2-react-base';
+import { ColumnModel } from '@syncfusion/ej2-multicolumn-combobox';
+export interface ColumnDirTypecast {
+    template?: string | Function | any;
+    headerTemplate?: string | Function | any;
+}
+/**
+ * `ColumnDirective` represent a column of the React MultiColumnComboBox.
+ * It must be contained in a MultiColumnComboBox component(`MultiColumnComboBoxComponent`).
+ * ```tsx
+ * <MultiColumnComboBoxComponent dataSource={data}>
+ *   <ColumnsDirective>
+ *     <ColumnDirective field='ID' width='100'></ColumnDirective>
+ *     <ColumnDirective field='name' header='Name' width='100'></ColumnDirective>
+ *   <ColumnsDirective>
+ * </MultiColumnComboBoxComponent>
+ * ```
+ */
+export declare class ColumnDirective extends ComplexBase<ColumnModel | ColumnDirTypecast & {
+    children?: React.ReactNode;
+}, ColumnModel | ColumnDirTypecast> {
+    static moduleName: string;
+}
+export declare class ColumnsDirective extends ComplexBase<{}, {}> {
+    static propertyName: string;
+    static moduleName: string;
+}

package/src/multicolumn-combobox/columns-directive.js

@@ -0,0 +1,45 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { ComplexBase } from '@syncfusion/ej2-react-base';
+/**
+ * `ColumnDirective` represent a column of the React MultiColumnComboBox.
+ * It must be contained in a MultiColumnComboBox component(`MultiColumnComboBoxComponent`).
+ * ```tsx
+ * <MultiColumnComboBoxComponent dataSource={data}>
+ *   <ColumnsDirective>
+ *     <ColumnDirective field='ID' width='100'></ColumnDirective>
+ *     <ColumnDirective field='name' header='Name' width='100'></ColumnDirective>
+ *   <ColumnsDirective>
+ * </MultiColumnComboBoxComponent>
+ * ```
+ */
+var ColumnDirective = /** @class */ (function (_super) {
+    __extends(ColumnDirective, _super);
+    function ColumnDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ColumnDirective.moduleName = 'column';
+    return ColumnDirective;
+}(ComplexBase));
+export { ColumnDirective };
+var ColumnsDirective = /** @class */ (function (_super) {
+    __extends(ColumnsDirective, _super);
+    function ColumnsDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ColumnsDirective.propertyName = 'columns';
+    ColumnsDirective.moduleName = 'columns';
+    return ColumnsDirective;
+}(ComplexBase));
+export { ColumnsDirective };

package/src/multicolumn-combobox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './columns-directive';
+export * from './multicolumncombobox.component';

package/src/multicolumn-combobox/index.js

@@ -0,0 +1,2 @@
+export * from './columns-directive';
+export * from './multicolumncombobox.component';

package/src/multicolumn-combobox/multicolumncombobox.component.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { MultiColumnComboBox, MultiColumnComboBoxModel } from '@syncfusion/ej2-multicolumn-combobox';
+import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
+export interface MultiColumnComboBoxTypecast {
+    footerTemplate?: string | Function | any;
+    itemTemplate?: string | Function | any;
+    groupTemplate?: string | Function | any;
+}
+/**
+ * Represents the React MultiColumnComboBox Component
+ * ```tsx
+ * <MultiColumnComboBoxComponent dataSource={data}></MultiColumnComboBoxComponent>
+ * ```
+ */
+export declare class MultiColumnComboBoxComponent extends MultiColumnComboBox {
+    state: Readonly<{
+        children?: React.ReactNode | React.ReactNode[];
+    }> & Readonly<MultiColumnComboBoxModel | DefaultHtmlAttributes | MultiColumnComboBoxTypecast>;
+    setState: any;
+    private getDefaultAttributes;
+    initRenderCalled: boolean;
+    private checkInjectedModules;
+    directivekeys: {
+        [key: string]: Object;
+    };
+    private statelessTemplateProps;
+    private templateProps;
+    private immediateRender;
+    props: Readonly<{
+        children?: React.ReactNode | React.ReactNode[];
+    }> & Readonly<MultiColumnComboBoxModel | DefaultHtmlAttributes | MultiColumnComboBoxTypecast>;
+    forceUpdate: (callBack?: () => any) => void;
+    context: Object;
+    portals: any;
+    isReactComponent: Object;
+    refs: {
+        [key: string]: React.ReactInstance;
+    };
+    constructor(props: any);
+    render(): any;
+}