@brightspace-ui/core 1.183.2 → 1.184.3

package/components/filter/demo/filter-search-demo.js

@@ -30,7 +30,7 @@ class FilterSearchDemo extends LitElement {
 					<d2l-filter-dimension-set-value key="instructor" text="Instructor"></d2l-filter-dimension-set-value>
 					<d2l-filter-dimension-set-value key="student" text="Student"></d2l-filter-dimension-set-value>
 				</d2l-filter-dimension-set>
-				<d2l-filter-dimension-set key="event" text="Event on Search" search-type="manual">
+				<d2l-filter-dimension-set key="event" text="Event on Search" select-all search-type="manual">
 					${this._fullData.map(value => html`
 						<d2l-filter-dimension-set-value key="${value.key}" text="${value.text}" ?selected="${value.selected}"></d2l-filter-dimension-set-value>
 					`)}

package/components/filter/filter.js

@@ -24,6 +24,8 @@ import { LocalizeCoreElement } from '../../lang/localize-core-element.js';
 import { offscreenStyles } from '../offscreen/offscreen.js';
 import { RtlMixin } from '../../mixins/rtl-mixin.js';
 
+const ARROWLEFT_KEY_CODE = 37;
+const ESCAPE_KEY_CODE = 27;
 const SET_DIMENSION_ID_PREFIX = 'list-';
 
 /**
@@ -201,8 +203,10 @@ class Filter extends LocalizeCoreElement(RtlMixin(LitElement)) {
 		}
 		return html`
 			<d2l-hierarchical-view
+				@d2l-hierarchical-view-hide-start="${this._handleDimensionHideStart}"
 				@d2l-hierarchical-view-show-complete="${this._handleDimensionShowComplete}"
 				@d2l-hierarchical-view-show-start="${this._handleDimensionShowStart}"
+				@keyup="${this._handleDimensionHideKeyPress}"
 				data-key="${dimension.key}">
 				${dimensionHTML}
 			</d2l-hierarchical-view>
@@ -259,11 +263,10 @@ class Filter extends LocalizeCoreElement(RtlMixin(LitElement)) {
 			</d2l-input-search>
 		`;
 
-		const selectAll = !dimension.selectAllIdPrefix || dimension.searchValue ? null : html`
+		const selectAll = !dimension.selectAllIdPrefix || dimension.searchValue || dimension.loading || this._isDimensionEmpty(dimension) ? null : html`
 			<div class="d2l-filter-dimension-select-all">
 				<d2l-selection-select-all
-					selection-for="${dimension.selectAllIdPrefix}${dimension.key}"
-					?disabled="${dimension.loading || this._isDimensionEmpty(dimension)}">
+					selection-for="${dimension.selectAllIdPrefix}${dimension.key}">
 				</d2l-selection-select-all>
 				<d2l-selection-summary
 					selection-for="${dimension.selectAllIdPrefix}${dimension.key}"
@@ -292,7 +295,7 @@ class Filter extends LocalizeCoreElement(RtlMixin(LitElement)) {
 		`;
 
 		return html`
-			<div slot="header">
+			<div slot="header" @keyup="${this._handleDimensionHideKeyPress}">
 				${header}
 				${actions}
 			</div>
@@ -490,6 +493,16 @@ class Filter extends LocalizeCoreElement(RtlMixin(LitElement)) {
 
 	_handleDimensionHide() {
 		this.shadowRoot.querySelector(`d2l-hierarchical-view[data-key="${this._activeDimensionKey}"]`).hide();
+	}
+
+	_handleDimensionHideKeyPress(e) {
+		if (this._activeDimensionKey && (e.keyCode === ARROWLEFT_KEY_CODE || e.keyCode === ESCAPE_KEY_CODE)) {
+			e.stopPropagation();
+			this._handleDimensionHide();
+		}
+	}
+
+	_handleDimensionHideStart() {
 		this._activeDimensionKey = null;
 	}
 

package/helpers/ifrauBackdropService.js

@@ -1,10 +1,13 @@
+import { isFramed } from './framed.js';
+
 let ifrauBackdropService;
 
 export async function tryGetIfrauBackdropService() {
-	if (!window.ifrauclient) return null;
+	if (!await isFramed()) return null;
 	if (ifrauBackdropService) return ifrauBackdropService;
 
-	const ifrauClient = await window.ifrauclient().connect();
+	const ifrau = await import('ifrau/client/slim.js');
+	const ifrauClient = await new ifrau.SlimClient().connect();
 	ifrauBackdropService = await ifrauClient.getService('dialogWC', '0.1');
 
 	return ifrauBackdropService;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "1.183.2",
+  "version": "1.184.3",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "repository": "https://github.com/BrightspaceUI/core.git",
   "publishConfig": {
@@ -65,6 +65,7 @@
     "@open-wc/dedupe-mixin": "^1",
     "@webcomponents/shadycss": "^1",
     "focus-visible": "^5",
+    "ifrau": "^0.39",
     "intl-messageformat": "^7",
     "lit-element": "^2",
     "lit-html": "^1.4.1",