@brightspace-ui/core 3.184.0 → 3.184.1

package/components/filter/demo/filter-load-more-demo.js

@@ -22,7 +22,7 @@ const FullData = [
 			{ key: 'stats', selected:false, text: 'Statistics' },
 			{ key: 'writerscraft', selected:true, text: 'Writer\'s Craft' },
 		],
-		initialCount: 6
+		loadCount: 6
 	},
 	{
 		key: 'role',
@@ -32,7 +32,7 @@ const FullData = [
 			{ key: 'instructor', selected:false, text: 'Instructor' },
 			{ key: 'student', selected:false, text: 'Student' }
 		],
-		initialCount: 2
+		loadCount: 2
 	},
 	{
 		key: 'dep',
@@ -42,7 +42,7 @@ const FullData = [
 			{ key: 'spanish', selected:false, text: 'Spanish' },
 			{ key: 'science', selected:false, text: 'Science' }
 		],
-		initialCount: 2
+		loadCount: 2
 	},
 	{
 		key: 'grad',
@@ -52,7 +52,7 @@ const FullData = [
 			{ key: '2', selected:false, text: '2nd Grade' },
 			{ key: '3', selected:false, text: '3rd Grade' }
 		],
-		initialCount: 2
+		loadCount: 2
 	}
 	,
 	{
@@ -63,7 +63,7 @@ const FullData = [
 			{ key: '2', selected:false, text: '2nd City' },
 			{ key: '3', selected:false, text: '3rd City' }
 		],
-		initialCount: 2
+		loadCount: 2
 	}
 ];
 
@@ -77,24 +77,7 @@ class FilterLoadMoreDemo extends LitElement {
 
 	constructor() {
 		super();
-		const dimensions = [];
-		for (const dim of FullData) {
-			const values = {};
-			let selectedCount = 0;
-			for (const v of dim.values) {
-				if (!v.selected) continue;
-				values[v.key] = { ...v };
-				selectedCount++;
-			}
-			const data = {
-				key: dim.key,
-				text: dim.text,
-				values
-			};
-			this._addKeys(data, dim.initialCount - selectedCount);
-			dimensions.push(data);
-		}
-		this._dimensions = dimensions;
+		this._dimensions = FullData.map(dim => ({ ...dim }));
 	}
 
 	render() {
@@ -117,26 +100,22 @@ class FilterLoadMoreDemo extends LitElement {
 	}
 
 	_addKeys(dimension, addCount, searchValue = '') {
-		const dimData = FullData.find(dim => dim.key === dimension.key);
-
-		const keys = [];
-		for (const valKey in dimension.values) {
-			if (this._textIsInSearch(searchValue, dimension.values[valKey].text)) {
-				keys.push(valKey);
-			}
-		}
-		const total = keys.length + addCount;
-		dimension.hasMore = false;
-		for (const v of dimData.values) {
-			if (v.key in dimension.values || !this._textIsInSearch(searchValue, v.text)) continue;
-			if (total <= keys.length) {
-				dimension.hasMore = true;
-				break;
+		dimension.loadCount += addCount;
+		const keys = dimension.values.filter(val => this._textIsInSearch(searchValue, val.text));
+		const selectedKeys = [];
+		const unselectedKeys = [];
+		for (const val of keys) {
+			if (val.selected) {
+				selectedKeys.push(val.key);
+			} else {
+				unselectedKeys.push(val.key);
 			}
-			dimension.values[v.key] = { ...v };
-			keys.push(v.key);
 		}
-		return keys;
+
+		dimension.loadCount = Math.max(selectedKeys.length, dimension.loadCount);
+		dimension.hasMore = keys.length > dimension.loadCount;
+
+		return selectedKeys.concat(unselectedKeys).slice(0, dimension.loadCount);
 	}
 
 	_handleFilterChange(e) {
@@ -171,12 +150,8 @@ class FilterLoadMoreDemo extends LitElement {
 		const dimension = this._dimensions.find(dim => dim.key === dimensionKey);
 		const dimData = FullData.find(dim => dim.key === dimensionKey);
 
-		let selectedCount = 0;
-		for (const valKey in dimension.values) {
-			if (!dimension.values[valKey].selected) delete dimension.values[valKey];
-			else if (this._textIsInSearch(e.detail.value, dimension.values[valKey].text)) selectedCount++;
-		}
-		const keysToDisplay = this._addKeys(dimension, dimData.initialCount - selectedCount, e.detail.value);
+		dimension.loadCount = 0;
+		const keysToDisplay = this._addKeys(dimension, dimData.loadCount, e.detail.value);
 
 		this.requestUpdate();
 		await this.updateComplete;

package/components/filter/filter.js

@@ -887,7 +887,7 @@ class Filter extends FocusMixin(LocalizeCoreElement(LitElement)) {
 		const dimensionKey = e.target.parentNode.id.slice(SET_DIMENSION_ID_PREFIX.length);
 		const dimension = this._getDimensionByKey(dimensionKey);
 
-		this.requestFilterLoadMoreEvent(dimensionKey, dimension.value, () => {
+		this.requestFilterLoadMoreEvent(dimensionKey, dimension.searchValue, () => {
 			const menu = this.shadowRoot.querySelector('d2l-dropdown-menu');
 			menu ? menu.addEventListener('d2l-dropdown-position', e.detail.complete, { once: true }) : e.detail.complete();
 		});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "3.184.0",
+  "version": "3.184.1",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",