inviton-powerduck 0.0.138 → 0.0.140

package/components/datatable/css/datatable.css

@@ -441,6 +441,16 @@ th.dt-header-index .dt-header-indexcheckbox {
 	display: none;
 }
 
+.dt-filter-dropdown-container .btn.btn-sm {
+    padding: 5px 15px;
+    font-size: 80%;
+}
+
+.dt-filter-dropdown-container .select2-search.select2-search--dropdown {
+	padding: 4px;
+    margin-bottom: 0;
+}
+
 .dt-table.dt-table-mode table > tbody > tr > td {
 	transition: background 150ms ease-in;
 }

package/components/datatable/datatable.tsx

@@ -294,6 +294,7 @@ export interface TableColumn {
 	cssClass?: string;
 	visible?: boolean;
 	sortable?: boolean;
+	searchable?: boolean;
 	filterType?: DataTableFilterItemType;
 	filterItems?: DataTableFilterItemCollection;
 	filterAllowExclusivity?: boolean;
@@ -2283,15 +2284,15 @@ class DataTableComponent extends TsxComponent<DataTableArgs> implements DataTabl
 			return '';
 		} else if (filterType == DataTableFilterItemType.Text || filterType == null) {
 			return (<TextBox updateMode="input" cssClass="dt-filter-input" wrap={false} label={null} placeholder={`${capitalize(PowerduckState.getResourceValue('search'))}...`} value={this.currentAdvancedFilterState[dtColumn.id]} changed={(e) => { this.performInputFilter(dtColumn, e); }} appendIcon={closeIcon} appendIconClicked={appendIconClicked} />);
-			// return (<input class="dt-filter-input" placeholder={AppState.resources.search.capitalize() + "..."} onKeyup={(e) => { this.performInputFilter(dtColumn, e) }} value={this.currentAdvancedFilterState[dtColumn.id]} />)
 		} else if (filterType == DataTableFilterItemType.Dropdown) {
 			return (
 				<div class="dt-filter-dropdown">
 					<DropdownList
 						label={null}
+						containerCssClass="dt-filter-dropdown-container"
 						options={dtColumn.filterItems}
 						wrap={false}
-						disableSearch={true}
+						disableSearch={!dtColumn.searchable}
 						dropdownAutoWidth={true}
 						multiselect={true}
 						multiselectMode={MultiselectMode.Checkboxes}

package/components/dropdown/ts/select2-multi-checkboxes.ts

@@ -84,12 +84,39 @@ import { PortalUtils } from '../../../common/utils/utils';
 		self.$element.select2({
 			allowClear: true,
 			ajax: {
-				transport(
+				transport (
 					params,
 					success,
 					failure,
 				) {
-					success({ results: self.currentData || [] });
+					const stripDiacritics = (text: string) => {
+						const DIACRITICS = ($ as any).fn.select2.amd.require('select2/diacritics');
+						const match = a => DIACRITICS[a] || a;
+						return text.replace(/[^\u0000-\u007E]/g, match);
+					};
+
+					const normalizeForSearch = (text: string) => {
+						if (text == null) {
+							return null;
+						}
+						return stripDiacritics(text).toUpperCase();
+					};
+
+					let data = self.currentData || [];
+					const searchTerm = normalizeForSearch(params.data?.term?.trim());
+
+					if (searchTerm == null || searchTerm.trim() == '') {
+						success({ results: data || [] });
+						return;
+					}
+
+					const filteredData = data.filter(item => {
+						const itemText = normalizeForSearch(item.text);
+						return itemText.includes(searchTerm);
+					});
+
+					success({ results: filteredData || [] });
+					// success({ results: data || [] });
 				},
 			},
 			language: options.language,

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "inviton-powerduck",
 	"type": "module",
-	"version": "0.0.138",
+	"version": "0.0.140",
 	"files": [
 		"app/",
 		"common/",