npm - @carbon/web-components - Versions diffs - 2.38.0 → 2.39.0 - Mend

@carbon/web-components 2.38.0 → 2.39.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (140) hide show

package/es-custom/components/data-table/table-batch-actions.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2019, 2023
+ * Copyright IBM Corp. 2019, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -10,12 +10,17 @@ import { LitElement } from 'lit';
  *
  * @element cds-custom-table-batch-actions
  * @fires cds-custom-table-batch-actions-cancel-clicked - The custom event fired after the Cancel button is clicked.
+ * @fires cds-custom-table-batch-actions-select-all-clicked - The custom event fired after the Select all button is clicked.
  */
 declare class CDSTableBatchActions extends LitElement {
     /**
      * Handles `click` event on the Cancel button.
      */
     private _handleCancel;
+    /**
+     * Handles `click` event on the Select all button.
+     */
+    private _handleSelectAll;
     /**
      * `true` if this batch actions bar should be active.
      */
@@ -31,6 +36,12 @@ declare class CDSTableBatchActions extends LitElement {
      * This number is used to derive the selection message.
      */
     selectedRowsCount: number;
+    /**
+     * Numeric representation of the total number of items in a table.
+     * This number is used in the select all button text
+     * This property controls the rendering of the Select all button
+     */
+    totalRowsCount: number;
     /**
      * The table size.
      */
@@ -48,6 +59,10 @@ declare class CDSTableBatchActions extends LitElement {
      * The name of the custom event fired after the Cancel button is clicked.
      */
     static get eventClickCancel(): string;
+    /**
+     * The name of the custom event fired after the Select all button is clicked.
+     */
+    static get eventClickSelectAll(): string;
     static styles: any;
 }
 export default CDSTableBatchActions;

package/es-custom/components/data-table/table-batch-actions.js CHANGED Viewed

@@ -6,25 +6,27 @@
  */
 import { __decorate } from 'tslib';
-import { LitElement, html } from 'lit';
+import { LitElement, nothing, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings.js';
 import styles from './data-table.scss.js';
 import { carbonElement } from '../../globals/decorators/carbon-element.js';
 /**
- * Copyright IBM Corp. 2019, 2023
+ * Copyright IBM Corp. 2019, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+var CDSTableBatchActions_1;
 /**
  * Table batch actions.
  *
  * @element cds-custom-table-batch-actions
  * @fires cds-custom-table-batch-actions-cancel-clicked - The custom event fired after the Cancel button is clicked.
+ * @fires cds-custom-table-batch-actions-select-all-clicked - The custom event fired after the Select all button is clicked.
  */
-let CDSTableBatchActions = class CDSTableBatchActions extends LitElement {
+let CDSTableBatchActions = CDSTableBatchActions_1 = class CDSTableBatchActions extends LitElement {
     constructor() {
         super(...arguments);
         /**
@@ -40,6 +42,12 @@ let CDSTableBatchActions = class CDSTableBatchActions extends LitElement {
          * This number is used to derive the selection message.
          */
         this.selectedRowsCount = 0;
+        /**
+         * Numeric representation of the total number of items in a table.
+         * This number is used in the select all button text
+         * This property controls the rendering of the Select all button
+         */
+        this.totalRowsCount = 0;
         /**
          * The table size.
          */
@@ -53,6 +61,15 @@ let CDSTableBatchActions = class CDSTableBatchActions extends LitElement {
             .constructor;
         this.dispatchEvent(new CustomEvent(eventClickCancel, { bubbles: true, composed: true }));
     }
+    /**
+     * Handles `click` event on the Select all button.
+     */
+    _handleSelectAll() {
+        this.dispatchEvent(new CustomEvent(CDSTableBatchActions_1.eventClickSelectAll, {
+            bubbles: true,
+            composed: true,
+        }));
+    }
     firstUpdated() {
         this._updateButtons();
         this._setupHoverListeners();
@@ -98,13 +115,25 @@ let CDSTableBatchActions = class CDSTableBatchActions extends LitElement {
         });
     }
     render() {
-        const { formatSelectedItemsCount, selectedRowsCount, _handleCancel: handleCancel, size, } = this;
+        const { formatSelectedItemsCount, selectedRowsCount, totalRowsCount, _handleCancel: handleCancel, _handleSelectAll: handleSelectAll, size, } = this;
         const buttonSize = size === 'xs' || size === 'sm' ? 'sm' : 'lg';
         return html `
       <div class="${prefix}--batch-summary">
         <p class="${prefix}--batch-summary__para">
           ${formatSelectedItemsCount({ count: selectedRowsCount })}
         </p>
+        ${totalRowsCount > 0
+            ? html `
+              <span class="${prefix}--batch-summary__divider">|</span>
+              <button
+                class="${prefix}--btn ${prefix}--btn--primary ${prefix}--batch-summary__select-all"
+                @click=${handleSelectAll}>
+                <slot name="select-all-button-content"
+                  >Select all (${totalRowsCount})</slot
+                >
+              </button>
+            `
+            : nothing}
       </div>
       <div class="${prefix}--action-list">
@@ -132,6 +161,12 @@ let CDSTableBatchActions = class CDSTableBatchActions extends LitElement {
     static get eventClickCancel() {
         return `${prefix}-table-batch-actions-cancel-clicked`;
     }
+    /**
+     * The name of the custom event fired after the Select all button is clicked.
+     */
+    static get eventClickSelectAll() {
+        return `${prefix}-table-batch-actions-select-all-clicked`;
+    }
 };
 CDSTableBatchActions.styles = styles;
 __decorate([
@@ -143,10 +178,13 @@ __decorate([
 __decorate([
     property({ type: Number, attribute: 'selected-rows-count' })
 ], CDSTableBatchActions.prototype, "selectedRowsCount", void 0);
+__decorate([
+    property({ type: Number, attribute: 'total-rows-count' })
+], CDSTableBatchActions.prototype, "totalRowsCount", void 0);
 __decorate([
     property({ reflect: true })
 ], CDSTableBatchActions.prototype, "size", void 0);
-CDSTableBatchActions = __decorate([
+CDSTableBatchActions = CDSTableBatchActions_1 = __decorate([
     carbonElement(`${prefix}-table-batch-actions`)
 ], CDSTableBatchActions);
 var CDSTableBatchActions$1 = CDSTableBatchActions;

package/es-custom/components/data-table/table-batch-actions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table-batch-actions.js","sources":["../../../src/components/data-table/table-batch-actions.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Table batch actions.\n \n @element cds-custom-table-batch-actions\n * @fires cds-custom-table-batch-actions-cancel-clicked - The custom event fired after the Cancel button is clicked.\n /\n\n@customElement(`${prefix}-table-batch-actions`)\nclass CDSTableBatchActions extends LitElement {\n /\n Handles `click` event on the Cancel button.\n /\n private _handleCancel() {\n const { eventClickCancel } = this\n .constructor as typeof CDSTableBatchActions;\n this.dispatchEvent(\n new CustomEvent(eventClickCancel, { bubbles: true, composed: true })\n );\n }\n\n /\n `true` if this batch actions bar should be active.\n /\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /\n The formatter for selected items. Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatSelectedItemsCount = ({ count }) =>\n `${count} item${count <= 1 ? '' : 's'} selected`;\n\n /\n Numeric representation of the total number of items selected in a table.\n * This number is used to derive the selection message.\n /\n @property({ type: Number, attribute: 'selected-rows-count' })\n selectedRowsCount = 0;\n\n /\n The table size.\n /\n @property({ reflect: true })\n size = 'lg';\n\n firstUpdated() {\n this._updateButtons();\n this._setupHoverListeners();\n }\n\n private _setupHoverListeners() {\n const slot = this.shadowRoot?.querySelector('slot');\n const cancelButton = this.shadowRoot?.querySelector(\n `${prefix}-button.${prefix}--batch-summary__cancel`\n ) as HTMLElement;\n\n if (slot && cancelButton) {\n const setupListeners = () => {\n const buttons = slot.assignedElements();\n const lastButton = buttons[buttons.length - 1] as HTMLElement;\n\n if (lastButton) {\n const handleEnter = () => {\n cancelButton.style.setProperty('--divider-opacity', '0');\n };\n\n const handleLeave = () => {\n cancelButton.style.setProperty('--divider-opacity', '1');\n };\n\n lastButton.removeEventListener('mouseenter', handleEnter);\n lastButton.removeEventListener('mouseleave', handleLeave);\n\n lastButton.addEventListener('mouseenter', handleEnter);\n lastButton.addEventListener('mouseleave', handleLeave);\n }\n };\n\n setupListeners();\n slot.addEventListener('slotchange', setupListeners);\n }\n }\n\n updated(changedProperties) {\n if (changedProperties.has('active')) {\n this.setAttribute('tabindex', `${this.active ? '' : '-1'}`);\n }\n\n if (changedProperties.has('size')) {\n this._updateButtons();\n }\n }\n\n private _updateButtons() {\n this.querySelectorAll(\n (this.constructor as typeof CDSTableBatchActions).selectorButtons\n ).forEach((button) => {\n button.setAttribute('batch-action', '');\n const buttonSize = this.size === 'xs' \|\| this.size === 'sm' ? 'sm' : 'lg';\n button.setAttribute('size', buttonSize);\n });\n }\n\n render() {\n const {\n formatSelectedItemsCount,\n selectedRowsCount,\n _handleCancel: handleCancel,\n size,\n } = this;\n\n const buttonSize = size === 'xs' \|\| size === 'sm' ? 'sm' : 'lg';\n\n return html`\n <div class=\"${prefix}--batch-summary\">\n <p class=\"${prefix}--batch-summary__para\">\n ${formatSelectedItemsCount({ count: selectedRowsCount })}\n </p>\n </div>\n\n <div class=\"${prefix}--action-list\">\n <slot></slot>\n <cds-custom-button\n kind=\"primary\"\n size=\"${buttonSize}\"\n class=\"${prefix}--batch-summary__cancel\"\n batch-action\n @click=${handleCancel}>\n <slot name=\"cancel-button-content\">Cancel</slot>\n </cds-custom-button>\n </div>\n `;\n }\n\n /\n The CSS selector to find the action buttons.\n /\n static get selectorButtons() {\n return `${prefix}-button`;\n }\n\n /\n The name of the custom event fired after the Cancel button is clicked.\n */\n static get eventClickCancel() {\n return `${prefix}-table-batch-actions-cancel-clicked`;\n }\n\n static styles = styles;\n}\n\nexport default CDSTableBatchActions;\n"],"names":["customElement"],"mappings":"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"}
1	+ {"version":3,"file":"table-batch-actions.js","sources":["../../../src/components/data-table/table-batch-actions.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Table batch actions.\n \n @element cds-custom-table-batch-actions\n * @fires cds-custom-table-batch-actions-cancel-clicked - The custom event fired after the Cancel button is clicked.\n * @fires cds-custom-table-batch-actions-select-all-clicked - The custom event fired after the Select all button is clicked.\n /\n\n@customElement(`${prefix}-table-batch-actions`)\nclass CDSTableBatchActions extends LitElement {\n /\n Handles `click` event on the Cancel button.\n /\n private _handleCancel() {\n const { eventClickCancel } = this\n .constructor as typeof CDSTableBatchActions;\n this.dispatchEvent(\n new CustomEvent(eventClickCancel, { bubbles: true, composed: true })\n );\n }\n\n /\n Handles `click` event on the Select all button.\n /\n private _handleSelectAll() {\n this.dispatchEvent(\n new CustomEvent(CDSTableBatchActions.eventClickSelectAll, {\n bubbles: true,\n composed: true,\n })\n );\n }\n\n /\n `true` if this batch actions bar should be active.\n /\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /\n The formatter for selected items. Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatSelectedItemsCount = ({ count }) =>\n `${count} item${count <= 1 ? '' : 's'} selected`;\n\n /\n Numeric representation of the total number of items selected in a table.\n * This number is used to derive the selection message.\n /\n @property({ type: Number, attribute: 'selected-rows-count' })\n selectedRowsCount = 0;\n\n /\n Numeric representation of the total number of items in a table.\n * This number is used in the select all button text\n * This property controls the rendering of the Select all button\n /\n @property({ type: Number, attribute: 'total-rows-count' })\n totalRowsCount = 0;\n\n /\n The table size.\n /\n @property({ reflect: true })\n size = 'lg';\n\n firstUpdated() {\n this._updateButtons();\n this._setupHoverListeners();\n }\n\n private _setupHoverListeners() {\n const slot = this.shadowRoot?.querySelector('slot');\n const cancelButton = this.shadowRoot?.querySelector(\n `${prefix}-button.${prefix}--batch-summary__cancel`\n ) as HTMLElement;\n\n if (slot && cancelButton) {\n const setupListeners = () => {\n const buttons = slot.assignedElements();\n const lastButton = buttons[buttons.length - 1] as HTMLElement;\n\n if (lastButton) {\n const handleEnter = () => {\n cancelButton.style.setProperty('--divider-opacity', '0');\n };\n\n const handleLeave = () => {\n cancelButton.style.setProperty('--divider-opacity', '1');\n };\n\n lastButton.removeEventListener('mouseenter', handleEnter);\n lastButton.removeEventListener('mouseleave', handleLeave);\n\n lastButton.addEventListener('mouseenter', handleEnter);\n lastButton.addEventListener('mouseleave', handleLeave);\n }\n };\n\n setupListeners();\n slot.addEventListener('slotchange', setupListeners);\n }\n }\n\n updated(changedProperties) {\n if (changedProperties.has('active')) {\n this.setAttribute('tabindex', `${this.active ? '' : '-1'}`);\n }\n\n if (changedProperties.has('size')) {\n this._updateButtons();\n }\n }\n\n private _updateButtons() {\n this.querySelectorAll(\n (this.constructor as typeof CDSTableBatchActions).selectorButtons\n ).forEach((button) => {\n button.setAttribute('batch-action', '');\n const buttonSize = this.size === 'xs' \|\| this.size === 'sm' ? 'sm' : 'lg';\n button.setAttribute('size', buttonSize);\n });\n }\n\n render() {\n const {\n formatSelectedItemsCount,\n selectedRowsCount,\n totalRowsCount,\n _handleCancel: handleCancel,\n _handleSelectAll: handleSelectAll,\n size,\n } = this;\n\n const buttonSize = size === 'xs' \|\| size === 'sm' ? 'sm' : 'lg';\n\n return html`\n <div class=\"${prefix}--batch-summary\">\n <p class=\"${prefix}--batch-summary__para\">\n ${formatSelectedItemsCount({ count: selectedRowsCount })}\n </p>\n ${totalRowsCount > 0\n ? html`\n <span class=\"${prefix}--batch-summary__divider\">\|</span>\n <button\n class=\"${prefix}--btn ${prefix}--btn--primary ${prefix}--batch-summary__select-all\"\n @click=${handleSelectAll}>\n <slot name=\"select-all-button-content\"\n >Select all (${totalRowsCount})</slot\n >\n </button>\n `\n : nothing}\n </div>\n\n <div class=\"${prefix}--action-list\">\n <slot></slot>\n <cds-custom-button\n kind=\"primary\"\n size=\"${buttonSize}\"\n class=\"${prefix}--batch-summary__cancel\"\n batch-action\n @click=${handleCancel}>\n <slot name=\"cancel-button-content\">Cancel</slot>\n </cds-custom-button>\n </div>\n `;\n }\n\n /\n The CSS selector to find the action buttons.\n /\n static get selectorButtons() {\n return `${prefix}-button`;\n }\n\n /\n The name of the custom event fired after the Cancel button is clicked.\n /\n static get eventClickCancel() {\n return `${prefix}-table-batch-actions-cancel-clicked`;\n }\n\n /\n The name of the custom event fired after the Select all button is clicked.\n */\n static get eventClickSelectAll() {\n return `${prefix}-table-batch-actions-select-all-clicked`;\n }\n\n static styles = styles;\n}\n\nexport default CDSTableBatchActions;\n"],"names":["customElement"],"mappings":"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"}

package/es-custom/components/data-table/table-row.js CHANGED Viewed

@@ -233,18 +233,22 @@ let CDSTableRow = class CDSTableRow extends HostListenerMixin(FocusMixin(LitElem
     }
     _renderExpandButton() {
         const { _handleClickExpando: handleClickExpando } = this;
+        // Always use the same structure for consistency, but only render the button for expandable rows
         return html `
       <div class="${prefix}--table-expand">
         <div>
           <slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
           <slot name="slug" @slotchange="${this._handleSlotChange}"></slot>
-          <button
-            class="${prefix}--table-expand__button"
-            @click="${handleClickExpando}">
-            ${iconLoader(ChevronRight16, {
-            class: `${prefix}--table-expand__svg`,
-        })}
-          </button>
+          ${this.expandable
+            ? html `<button
+                class="${prefix}--table-expand__button"
+                @click="${handleClickExpando}">
+                ${iconLoader(ChevronRight16, {
+                class: `${prefix}--table-expand__svg`,
+            })}
+              </button>`
+            : html `&nbsp;`}
+          <!-- Add non-breaking space for proper styling -->
         </div>
       </div>
     `;
@@ -330,12 +334,15 @@ let CDSTableRow = class CDSTableRow extends HostListenerMixin(FocusMixin(LitElem
         }
     }
     render() {
-        var _a;
+        var _a, _b;
         if (this.selectionName) {
             (_a = this.closest(this.constructor.selectorTable)) === null || _a === void 0 ? void 0 : _a.setAttribute('is-selectable', '');
         }
+        // Always render the expand button container for consistent table structure
+        // The button itself will only be rendered if the row is expandable
+        const tableHasExpandableRows = (_b = this.closest(this.constructor.selectorTable)) === null || _b === void 0 ? void 0 : _b.hasAttribute('expandable');
         return html `
-      ${this.expandable ? this._renderExpandButton() : ''}
+      ${tableHasExpandableRows ? this._renderExpandButton() : ''}
       ${this._renderFirstCells()}
       <slot></slot>
     `;

package/es-custom/components/data-table/table-row.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table-row.js","sources":["../../../src/components/data-table/table-row.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2024\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport ChevronRight16 from '@carbon/icons/es/chevron--right/16.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './data-table.scss?lit';\nimport '../checkbox';\nimport '../radio-button';\n\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport CDSTableExpandedRow from './table-expanded-row';\nimport CDSTableCell from './table-cell';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/\n Data table row.\n \n @element cds-custom-table-row\n * @csspart selection-container The container of the checkbox.\n * @csspart selection The checkbox.\n * @fires cds-custom-table-row-change-selection\n * The custom event fired before this row is selected/unselected upon a user gesture.\n * Cancellation of this event stops the user-initiated change in selection.\n * @fires cds-custom-radio-button-changed\n * The name of the custom event fired after this radio button changes its checked state.\n * @fires cds-custom-checkbox-changed\n * The name of the custom event fired after this checkbox changes its checked state.\n * @fires cds-custom-table-row-expando-beingtoggled\n * The name of the custom event fired before the expanded state of this row is being toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated action of toggling the expanded state.\n * @fires cds-custom-table-row-expando-toggled\n * The name of the custom event fired after the expanded state of this row is toggled upon a user gesture.\n /\n@customElement(`${prefix}-table-row`)\nclass CDSTableRow extends HostListenerMixin(FocusMixin(LitElement)) {\n /\n `true` if there is an AI Label.\n /\n protected _hasAILabel = false;\n\n /\n Handles `click` event on the radio button.\n \n @param event The event.\n /\n @HostListener('eventRadioChange')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071\n // @ts-ignore\n private _handleClickSelectionRadio(event: CustomEvent) {\n const { detail } = event;\n const selected = detail.checked;\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n selected,\n },\n };\n const constructor = this.constructor as typeof CDSTableRow;\n if (\n this.dispatchEvent(\n new CustomEvent(constructor.eventBeforeChangeSelection, init)\n )\n ) {\n this.selected = selected;\n const { selectorExpandedRow } = this.constructor as typeof CDSTableRow;\n\n if (this.nextElementSibling?.matches(selectorExpandedRow)) {\n (this.nextElementSibling as CDSTableExpandedRow).selected = selected;\n }\n }\n }\n\n /\n Handles `click` event on the check box.\n \n @param event The event.\n /\n @HostListener('eventCheckboxChange')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071\n // @ts-expect-error\n private _handleClickSelectionCheckbox(event: CustomEvent) {\n const { detail } = event;\n const selected = detail.checked;\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n selected,\n },\n };\n const constructor = this.constructor as typeof CDSTableRow;\n if (\n this.dispatchEvent(\n new CustomEvent(constructor.eventBeforeChangeSelection, init)\n )\n ) {\n this.selected = selected;\n const { selectorExpandedRow } = this.constructor as typeof CDSTableRow;\n\n if (this.nextElementSibling?.matches(selectorExpandedRow)) {\n (this.nextElementSibling as CDSTableExpandedRow).selected = selected;\n }\n }\n }\n\n /\n Handles `click` event on the expando button.\n /\n private _handleClickExpando() {\n this._handleUserInitiatedToggleExpando();\n }\n\n /\n Handles `mouseover`/`mouseout` event handler on this element.\n \n @param event The event.\n /\n @HostListener('mouseover')\n @HostListener('mouseout')\n // @ts-expect-error: The decorator refers to this method but TS thinks this method is not referred to\n private _handleMouseOverOut(event: MouseEvent) {\n const { selectorExpandedRow, selectorTableCellOverflowMenu } = this\n .constructor as typeof CDSTableRow;\n const { nextElementSibling } = this;\n if (nextElementSibling?.matches(selectorExpandedRow)) {\n (nextElementSibling as CDSTableExpandedRow).highlighted =\n event.type === 'mouseover';\n }\n if (this.overflowMenuOnHover) {\n const overflowMenu = this.querySelector(selectorTableCellOverflowMenu);\n const parentCell = overflowMenu?.parentElement;\n\n if (event.type === 'mouseout') {\n (parentCell as CDSTableCell).overflowMenuOnHover = true;\n } else {\n (parentCell as CDSTableCell).overflowMenuOnHover = false;\n }\n }\n }\n\n /\n Handles user-initiated toggle request of the expando button in this table row.\n \n @param expanded The new expanded state.\n /\n _handleUserInitiatedToggleExpando(expanded = !this.expanded) {\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n expanded,\n },\n };\n if (\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSTableRow).eventBeforeExpandoToggle,\n init\n )\n )\n ) {\n this.expanded = expanded;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSTableRow).eventExpandoToggle,\n init\n )\n );\n }\n }\n\n protected _renderExpandButton() {\n const { _handleClickExpando: handleClickExpando } = this;\n return html`\n <div class=\"${prefix}--table-expand\">\n <div>\n <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n <button\n class=\"${prefix}--table-expand__button\"\n @click=\"${handleClickExpando}\">\n ${iconLoader(ChevronRight16, {\n class: `${prefix}--table-expand__svg`,\n })}\n </button>\n </div>\n </div>\n `;\n }\n\n /\n Handles `slotchange` event.\n /\n protected _handleSlotChange({ target }: Event) {\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches !== undefined\n ? (elem as HTMLElement).matches(\n (this.constructor as typeof CDSTableRow).aiLabelItem\n ) \|\|\n (elem as HTMLElement).matches(\n (this.constructor as typeof CDSTableRow).slugItem\n )\n : false\n );\n if (hasContent.length > 0) {\n this._hasAILabel = Boolean(hasContent);\n (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n }\n this.requestUpdate();\n }\n\n /\n @returns The first set of table cells.\n /\n protected _renderFirstCells() {\n const {\n disabled,\n hideCheckbox,\n radio,\n selected,\n selectionLabel,\n selectionName,\n selectionValue,\n } = this;\n return !selectionName\n ? undefined\n : html`\n <div class=\"${prefix}--table-column-checkbox\">\n <div>\n <slot\n name=\"ai-label\"\n @slotchange=\"${this._handleSlotChange}\"></slot>\n <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n ${radio\n ? html`<cds-custom-radio-button data-table></cds-custom-radio-button>`\n : html`<cds-custom-checkbox\n hide-label\n ?hide-checkbox=\"${hideCheckbox}\"\n label-text=\"${selectionLabel}\"\n name=${selectionName}\n data-table\n ?disabled=${disabled}\n ?checked=${selected}\n value=${selectionValue}></cds-custom-checkbox> `}\n </div>\n </div>\n `;\n }\n\n /\n `true` if this table should support batch expansion\n /\n @property({ type: Boolean, reflect: true, attribute: 'batch-expansion' })\n batchExpansion = false;\n\n /\n `true` if this table row should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n `true` if this table row is placed at an even position in parent `<cds-custom-table-body>`.\n * `<cds-custom-table-body>` sets this property, _only_ in zebra stripe mode.\n \n @private\n /\n @property({ type: Boolean, reflect: true })\n even = false;\n\n /\n `true` if this table row can be expanded to show content underneath\n \n @private\n /\n @property({ type: Boolean, reflect: true })\n expandable = false;\n\n /\n `true` when the table row expanded is showing\n \n @private\n /\n @property({ type: Boolean, reflect: true })\n expanded = false;\n\n /\n `true` if this table row should be filtered out.\n /\n @property({ type: Boolean, reflect: true })\n filtered = false;\n\n /\n Specify whether the checkbox should be present in the DOM,\n * but invisible and uninteractable.\n /\n @property({ type: Boolean, reflect: true, attribute: 'hide-checkbox' })\n hideCheckbox = false;\n\n /\n `true` if the table row should be highlighted.\n /\n @property({ type: Boolean, reflect: true })\n highlighted = false;\n\n /\n `true` if this table row is placed at an odd position in parent `<cds-custom-table-body>`.\n * `<cds-custom-table-body>` sets this property, _only_ in zebra stripe mode.\n \n @private\n /\n @property({ type: Boolean, reflect: true })\n odd = false;\n\n /\n Specify whether the overflow menu (if it exists) should be shown always, or only on hover\n /\n @property({\n type: Boolean,\n reflect: true,\n attribute: 'overflow-menu-on-hover',\n })\n overflowMenuOnHover = false;\n\n /\n Specify whether the control should be a radio button or inline checkbox\n \n @private\n /\n @property({ type: Boolean, reflect: true })\n radio = false;\n\n /\n `true` if this table row should be selected.\n /\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /\n The `aria-label` attribute for the `<label>` for selection.\n /\n @property({ attribute: 'selection-label' })\n selectionLabel = '';\n\n /\n The `name` attribute for the `<input>` for selection.\n * If present, this table row will be a selectable one.\n /\n @property({ attribute: 'selection-name' })\n selectionName = '';\n\n /\n The `value` attribute for the `<input>` for selection.\n /\n @property({ attribute: 'selection-value' })\n selectionValue = '';\n\n /\n TODO: Uncomment when Carbon fully implements sticky header\n * Specify whether the header should be sticky.\n * Still experimental: may not work with every combination of table props\n /\n // @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })\n // stickyHeader = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'row');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('expanded')) {\n const { selectorExpandedRow } = this.constructor as typeof CDSTableRow;\n const { expanded, nextElementSibling } = this;\n if (nextElementSibling?.matches(selectorExpandedRow)) {\n (nextElementSibling as CDSTableExpandedRow).expanded = expanded;\n }\n }\n\n if (changedProperties.has('highlighted')) {\n const { selectorExpandedRow } = this.constructor as typeof CDSTableRow;\n const { highlighted, nextElementSibling } = this;\n if (nextElementSibling?.matches(selectorExpandedRow)) {\n (nextElementSibling as CDSTableExpandedRow).highlighted = highlighted;\n }\n }\n\n if (this._hasAILabel) {\n this.setAttribute('ai-label', '');\n } else {\n this.removeAttribute('ai-label');\n }\n }\n\n render() {\n if (this.selectionName) {\n this.closest(\n (this.constructor as typeof CDSTableRow).selectorTable\n )?.setAttribute('is-selectable', '');\n }\n return html`\n ${this.expandable ? this._renderExpandButton() : ''}\n ${this._renderFirstCells()}\n <slot></slot>\n `;\n }\n\n /\n The name of the custom event fired after this radio button changes its checked state.\n /\n static get eventRadioChange() {\n return `${prefix}-radio-button-changed`;\n }\n\n /\n The name of the custom event fired after this radio button changes its checked state.\n /\n static get eventCheckboxChange() {\n return `${prefix}-checkbox-changed`;\n }\n\n /\n The name of the custom event fired before this row is selected/unselected upon a user gesture.\n * Cancellation of this event stops the user-initiated change in selection.\n /\n static get eventBeforeChangeSelection() {\n return `${prefix}-table-row-change-selection`;\n }\n\n /\n A selector that will return the parent table\n /\n static get selectorTable() {\n return `${prefix}-table`;\n }\n\n /\n The CSS selector to find the overflow menu on the table cell\n /\n static get selectorTableCellOverflowMenu() {\n return `${prefix}-table-cell ${prefix}-overflow-menu`;\n }\n\n /\n A selector that will return the corresponding expanded row.\n /\n static get selectorExpandedRow() {\n return `${prefix}-table-expanded-row`;\n }\n\n /\n A selector that will return the slug item.\n \n remove in v12\n /\n static get slugItem() {\n return `${prefix}-slug`;\n }\n\n /\n A selector that will return the AI Label item.\n /\n static get aiLabelItem() {\n return `${prefix}-ai-label`;\n }\n\n /\n The name of the custom event fired before the expanded state this row is being toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated action of toggling the expanded state.\n /\n static get eventBeforeExpandoToggle() {\n return `${prefix}-table-row-expando-beingtoggled`;\n }\n\n /\n The name of the custom event fired after the expanded state this row is toggled upon a user gesture.\n */\n static get eventExpandoToggle() {\n return `${prefix}-table-row-expando-toggled`;\n }\n\n static styles = styles;\n}\n\nexport default CDSTableRow;\n"],"names":["customElement"],"mappings":"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"}
1	+ {"version":3,"file":"table-row.js","sources":["../../../src/components/data-table/table-row.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2024\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport ChevronRight16 from '@carbon/icons/es/chevron--right/16.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './data-table.scss?lit';\nimport '../checkbox';\nimport '../radio-button';\n\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport CDSTableExpandedRow from './table-expanded-row';\nimport CDSTableCell from './table-cell';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/\n Data table row.\n \n @element cds-custom-table-row\n * @csspart selection-container The container of the checkbox.\n * @csspart selection The checkbox.\n * @fires cds-custom-table-row-change-selection\n * The custom event fired before this row is selected/unselected upon a user gesture.\n * Cancellation of this event stops the user-initiated change in selection.\n * @fires cds-custom-radio-button-changed\n * The name of the custom event fired after this radio button changes its checked state.\n * @fires cds-custom-checkbox-changed\n * The name of the custom event fired after this checkbox changes its checked state.\n * @fires cds-custom-table-row-expando-beingtoggled\n * The name of the custom event fired before the expanded state of this row is being toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated action of toggling the expanded state.\n * @fires cds-custom-table-row-expando-toggled\n * The name of the custom event fired after the expanded state of this row is toggled upon a user gesture.\n /\n@customElement(`${prefix}-table-row`)\nclass CDSTableRow extends HostListenerMixin(FocusMixin(LitElement)) {\n /\n `true` if there is an AI Label.\n /\n protected _hasAILabel = false;\n\n /\n Handles `click` event on the radio button.\n \n @param event The event.\n /\n @HostListener('eventRadioChange')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071\n // @ts-ignore\n private _handleClickSelectionRadio(event: CustomEvent) {\n const { detail } = event;\n const selected = detail.checked;\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n selected,\n },\n };\n const constructor = this.constructor as typeof CDSTableRow;\n if (\n this.dispatchEvent(\n new CustomEvent(constructor.eventBeforeChangeSelection, init)\n )\n ) {\n this.selected = selected;\n const { selectorExpandedRow } = this.constructor as typeof CDSTableRow;\n\n if (this.nextElementSibling?.matches(selectorExpandedRow)) {\n (this.nextElementSibling as CDSTableExpandedRow).selected = selected;\n }\n }\n }\n\n /\n Handles `click` event on the check box.\n \n @param event The event.\n /\n @HostListener('eventCheckboxChange')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071\n // @ts-expect-error\n private _handleClickSelectionCheckbox(event: CustomEvent) {\n const { detail } = event;\n const selected = detail.checked;\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n selected,\n },\n };\n const constructor = this.constructor as typeof CDSTableRow;\n if (\n this.dispatchEvent(\n new CustomEvent(constructor.eventBeforeChangeSelection, init)\n )\n ) {\n this.selected = selected;\n const { selectorExpandedRow } = this.constructor as typeof CDSTableRow;\n\n if (this.nextElementSibling?.matches(selectorExpandedRow)) {\n (this.nextElementSibling as CDSTableExpandedRow).selected = selected;\n }\n }\n }\n\n /\n Handles `click` event on the expando button.\n /\n private _handleClickExpando() {\n this._handleUserInitiatedToggleExpando();\n }\n\n /\n Handles `mouseover`/`mouseout` event handler on this element.\n \n @param event The event.\n /\n @HostListener('mouseover')\n @HostListener('mouseout')\n // @ts-expect-error: The decorator refers to this method but TS thinks this method is not referred to\n private _handleMouseOverOut(event: MouseEvent) {\n const { selectorExpandedRow, selectorTableCellOverflowMenu } = this\n .constructor as typeof CDSTableRow;\n const { nextElementSibling } = this;\n if (nextElementSibling?.matches(selectorExpandedRow)) {\n (nextElementSibling as CDSTableExpandedRow).highlighted =\n event.type === 'mouseover';\n }\n if (this.overflowMenuOnHover) {\n const overflowMenu = this.querySelector(selectorTableCellOverflowMenu);\n const parentCell = overflowMenu?.parentElement;\n\n if (event.type === 'mouseout') {\n (parentCell as CDSTableCell).overflowMenuOnHover = true;\n } else {\n (parentCell as CDSTableCell).overflowMenuOnHover = false;\n }\n }\n }\n\n /\n Handles user-initiated toggle request of the expando button in this table row.\n \n @param expanded The new expanded state.\n /\n _handleUserInitiatedToggleExpando(expanded = !this.expanded) {\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n expanded,\n },\n };\n if (\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSTableRow).eventBeforeExpandoToggle,\n init\n )\n )\n ) {\n this.expanded = expanded;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSTableRow).eventExpandoToggle,\n init\n )\n );\n }\n }\n\n protected _renderExpandButton() {\n const { _handleClickExpando: handleClickExpando } = this;\n\n // Always use the same structure for consistency, but only render the button for expandable rows\n return html`\n <div class=\"${prefix}--table-expand\">\n <div>\n <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n ${this.expandable\n ? html`<button\n class=\"${prefix}--table-expand__button\"\n @click=\"${handleClickExpando}\">\n ${iconLoader(ChevronRight16, {\n class: `${prefix}--table-expand__svg`,\n })}\n </button>`\n : html` `}\n <!-- Add non-breaking space for proper styling -->\n </div>\n </div>\n `;\n }\n\n /\n Handles `slotchange` event.\n /\n protected _handleSlotChange({ target }: Event) {\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches !== undefined\n ? (elem as HTMLElement).matches(\n (this.constructor as typeof CDSTableRow).aiLabelItem\n ) \|\|\n (elem as HTMLElement).matches(\n (this.constructor as typeof CDSTableRow).slugItem\n )\n : false\n );\n if (hasContent.length > 0) {\n this._hasAILabel = Boolean(hasContent);\n (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n }\n this.requestUpdate();\n }\n\n /\n @returns The first set of table cells.\n /\n protected _renderFirstCells() {\n const {\n disabled,\n hideCheckbox,\n radio,\n selected,\n selectionLabel,\n selectionName,\n selectionValue,\n } = this;\n return !selectionName\n ? undefined\n : html`\n <div class=\"${prefix}--table-column-checkbox\">\n <div>\n <slot\n name=\"ai-label\"\n @slotchange=\"${this._handleSlotChange}\"></slot>\n <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n ${radio\n ? html`<cds-custom-radio-button data-table></cds-custom-radio-button>`\n : html`<cds-custom-checkbox\n hide-label\n ?hide-checkbox=\"${hideCheckbox}\"\n label-text=\"${selectionLabel}\"\n name=${selectionName}\n data-table\n ?disabled=${disabled}\n ?checked=${selected}\n value=${selectionValue}></cds-custom-checkbox> `}\n </div>\n </div>\n `;\n }\n\n /\n `true` if this table should support batch expansion\n /\n @property({ type: Boolean, reflect: true, attribute: 'batch-expansion' })\n batchExpansion = false;\n\n /\n `true` if this table row should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n `true` if this table row is placed at an even position in parent `<cds-custom-table-body>`.\n * `<cds-custom-table-body>` sets this property, _only_ in zebra stripe mode.\n \n @private\n /\n @property({ type: Boolean, reflect: true })\n even = false;\n\n /\n `true` if this table row can be expanded to show content underneath\n \n @private\n /\n @property({ type: Boolean, reflect: true })\n expandable = false;\n\n /\n `true` when the table row expanded is showing\n \n @private\n /\n @property({ type: Boolean, reflect: true })\n expanded = false;\n\n /\n `true` if this table row should be filtered out.\n /\n @property({ type: Boolean, reflect: true })\n filtered = false;\n\n /\n Specify whether the checkbox should be present in the DOM,\n * but invisible and uninteractable.\n /\n @property({ type: Boolean, reflect: true, attribute: 'hide-checkbox' })\n hideCheckbox = false;\n\n /\n `true` if the table row should be highlighted.\n /\n @property({ type: Boolean, reflect: true })\n highlighted = false;\n\n /\n `true` if this table row is placed at an odd position in parent `<cds-custom-table-body>`.\n * `<cds-custom-table-body>` sets this property, _only_ in zebra stripe mode.\n \n @private\n /\n @property({ type: Boolean, reflect: true })\n odd = false;\n\n /\n Specify whether the overflow menu (if it exists) should be shown always, or only on hover\n /\n @property({\n type: Boolean,\n reflect: true,\n attribute: 'overflow-menu-on-hover',\n })\n overflowMenuOnHover = false;\n\n /\n Specify whether the control should be a radio button or inline checkbox\n \n @private\n /\n @property({ type: Boolean, reflect: true })\n radio = false;\n\n /\n `true` if this table row should be selected.\n /\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /\n The `aria-label` attribute for the `<label>` for selection.\n /\n @property({ attribute: 'selection-label' })\n selectionLabel = '';\n\n /\n The `name` attribute for the `<input>` for selection.\n * If present, this table row will be a selectable one.\n /\n @property({ attribute: 'selection-name' })\n selectionName = '';\n\n /\n The `value` attribute for the `<input>` for selection.\n /\n @property({ attribute: 'selection-value' })\n selectionValue = '';\n\n /\n TODO: Uncomment when Carbon fully implements sticky header\n * Specify whether the header should be sticky.\n * Still experimental: may not work with every combination of table props\n /\n // @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })\n // stickyHeader = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'row');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('expanded')) {\n const { selectorExpandedRow } = this.constructor as typeof CDSTableRow;\n const { expanded, nextElementSibling } = this;\n if (nextElementSibling?.matches(selectorExpandedRow)) {\n (nextElementSibling as CDSTableExpandedRow).expanded = expanded;\n }\n }\n\n if (changedProperties.has('highlighted')) {\n const { selectorExpandedRow } = this.constructor as typeof CDSTableRow;\n const { highlighted, nextElementSibling } = this;\n if (nextElementSibling?.matches(selectorExpandedRow)) {\n (nextElementSibling as CDSTableExpandedRow).highlighted = highlighted;\n }\n }\n\n if (this._hasAILabel) {\n this.setAttribute('ai-label', '');\n } else {\n this.removeAttribute('ai-label');\n }\n }\n\n render() {\n if (this.selectionName) {\n this.closest(\n (this.constructor as typeof CDSTableRow).selectorTable\n )?.setAttribute('is-selectable', '');\n }\n\n // Always render the expand button container for consistent table structure\n // The button itself will only be rendered if the row is expandable\n const tableHasExpandableRows = this.closest(\n (this.constructor as typeof CDSTableRow).selectorTable\n )?.hasAttribute('expandable');\n\n return html`\n ${tableHasExpandableRows ? this._renderExpandButton() : ''}\n ${this._renderFirstCells()}\n <slot></slot>\n `;\n }\n\n /\n The name of the custom event fired after this radio button changes its checked state.\n /\n static get eventRadioChange() {\n return `${prefix}-radio-button-changed`;\n }\n\n /\n The name of the custom event fired after this radio button changes its checked state.\n /\n static get eventCheckboxChange() {\n return `${prefix}-checkbox-changed`;\n }\n\n /\n The name of the custom event fired before this row is selected/unselected upon a user gesture.\n * Cancellation of this event stops the user-initiated change in selection.\n /\n static get eventBeforeChangeSelection() {\n return `${prefix}-table-row-change-selection`;\n }\n\n /\n A selector that will return the parent table\n /\n static get selectorTable() {\n return `${prefix}-table`;\n }\n\n /\n The CSS selector to find the overflow menu on the table cell\n /\n static get selectorTableCellOverflowMenu() {\n return `${prefix}-table-cell ${prefix}-overflow-menu`;\n }\n\n /\n A selector that will return the corresponding expanded row.\n /\n static get selectorExpandedRow() {\n return `${prefix}-table-expanded-row`;\n }\n\n /\n A selector that will return the slug item.\n \n remove in v12\n /\n static get slugItem() {\n return `${prefix}-slug`;\n }\n\n /\n A selector that will return the AI Label item.\n /\n static get aiLabelItem() {\n return `${prefix}-ai-label`;\n }\n\n /\n The name of the custom event fired before the expanded state this row is being toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated action of toggling the expanded state.\n /\n static get eventBeforeExpandoToggle() {\n return `${prefix}-table-row-expando-beingtoggled`;\n }\n\n /\n The name of the custom event fired after the expanded state this row is toggled upon a user gesture.\n */\n static get eventExpandoToggle() {\n return `${prefix}-table-row-expando-toggled`;\n }\n\n static styles = styles;\n}\n\nexport default CDSTableRow;\n"],"names":["customElement"],"mappings":"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"}

package/es-custom/components/data-table/table.js CHANGED Viewed

@@ -354,7 +354,10 @@ let CDSTable = class CDSTable extends HostListenerMixin(LitElement) {
             rows.forEach((e) => {
                 const sortId = e.getAttribute('sort-id');
                 sortedWithExpanded.push(e);
-                sortedWithExpanded.push(mapping[sortId]);
+                // Only add the expanded row if it exists
+                if (mapping[sortId]) {
+                    sortedWithExpanded.push(mapping[sortId]);
+                }
             });
             sortedWithExpanded.forEach((e) => {
                 this._tableBody.insertBefore(e, null);
@@ -455,8 +458,12 @@ let CDSTable = class CDSTable extends HostListenerMixin(LitElement) {
         this.headerCount = this._tableHeaderRow.children.length;
     }
     updateExpandable() {
+        const { selectorTableExpandedRows } = this.constructor;
         this._tableRows.forEach((e, index) => {
-            e.expandable = this.expandable;
+            var _a;
+            // Only set expandable=true if this row has an expanded row following it
+            const hasExpandedRow = (_a = e.nextElementSibling) === null || _a === void 0 ? void 0 : _a.matches(selectorTableExpandedRows);
+            e.expandable = this.expandable && hasExpandedRow;
             e.setAttribute('sort-id', index);
         });
         this._tableHeaderRow.expandable = this.expandable;