@brightspace-ui/core 1.231.2 → 1.232.0

package/components/list/README.md

@@ -311,6 +311,7 @@ The `d2l-list-header` component can be placed in the `d2l-list`'s `header` slot
 
 | Property | Type | Description |
 |---|---|---|
+| `no-selection` | Boolean | Whether to render select-all and selection summary |
 | `padding-type` | String | Header whitespace (`normal` (default), `slim`) |
 | `select-all-pages-allowed` | Boolean | Whether all pages can be selected |
 <!-- docs: end hidden content -->

package/components/list/list-header.js

@@ -15,12 +15,10 @@ class ListHeader extends RtlMixin(LocalizeCoreElement(LitElement)) {
 	static get properties() {
 		return {
 			/**
-			 * @ignore
-			 * Whether to render a header with reduced whitespace
-			 * TODO: Remove
+			 * Whether to render select-all and selection summary
 			 * @type {boolean}
 			 */
-			slim: { reflect: true, type: Boolean },
+			noSelection: { type: Boolean, attribute: 'no-selection' },
 			/**
 			 * How much padding to render list items with
 			 * @type {'normal'|'slim'}
@@ -31,6 +29,13 @@ class ListHeader extends RtlMixin(LocalizeCoreElement(LitElement)) {
 			 * @type {boolean}
 			 */
 			selectAllPagesAllowed: { type: Boolean, attribute: 'select-all-pages-allowed' },
+			/**
+			 * @ignore
+			 * Whether to render a header with reduced whitespace
+			 * TODO: Remove
+			 * @type {boolean}
+			 */
+			slim: { reflect: true, type: Boolean }
 		};
 	}
 
@@ -87,21 +92,24 @@ class ListHeader extends RtlMixin(LocalizeCoreElement(LitElement)) {
 
 	constructor() {
 		super();
-		this.slim = false;
+		this.noSelection = false;
 		this.paddingType = 'normal';
 		this.selectAllPagesAllowed = false;
+		this.slim = false;
 	}
 
 	render() {
 		return html`
 			<div class="d2l-list-header-container">
-				<d2l-selection-select-all></d2l-selection-select-all>
-				<d2l-selection-summary
-					aria-hidden="true"
-					class="d2l-list-header-summary"
-					no-selection-text="${this.localize('components.selection.select-all')}">
-				</d2l-selection-summary>
-				${this.selectAllPagesAllowed ? html`<d2l-selection-select-all-pages></d2l-selection-select-all-pages>` : null}
+				${this.noSelection ? null : html`
+					<d2l-selection-select-all></d2l-selection-select-all>
+					<d2l-selection-summary
+						aria-hidden="true"
+						class="d2l-list-header-summary"
+						no-selection-text="${this.localize('components.selection.select-all')}">
+					</d2l-selection-summary>
+					${this.selectAllPagesAllowed ? html`<d2l-selection-select-all-pages></d2l-selection-select-all-pages>` : null}
+				`}
 				<div class="d2l-list-header-actions">
 					<d2l-overflow-group opener-type="icon"><slot></slot></d2l-overflow-group>
 				</div>

package/custom-elements.json

@@ -6673,6 +6673,12 @@
       "path": "./components/list/list-header.js",
       "description": "A header for list components containing select-all, etc.",
       "attributes": [
+        {
+          "name": "no-selection",
+          "description": "Whether to render select-all and selection summary",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "padding-type",
           "description": "How much padding to render list items with",
@@ -6688,7 +6694,9 @@
       ],
       "properties": [
         {
-          "name": "slim",
+          "name": "noSelection",
+          "attribute": "no-selection",
+          "description": "Whether to render select-all and selection summary",
           "type": "boolean",
           "default": "false"
         },
@@ -6705,6 +6713,11 @@
           "description": "Whether all pages can be selected",
           "type": "boolean",
           "default": "false"
+        },
+        {
+          "name": "slim",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "slots": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "1.231.2",
+  "version": "1.232.0",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",
@@ -44,7 +44,7 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@babel/eslint-parser": "^7",
-    "@brightspace-ui/stylelint-config": "^0.3",
+    "@brightspace-ui/stylelint-config": "^0.4",
     "@open-wc/testing": "^2",
     "@web/dev-server": "^0.1",
     "@web/test-runner": "^0.13",