@globalpayments/vega 2.21.0 → 2.23.0

package/dist/collection/components/vega-selection-chip/vega-selection-chip.js

@@ -0,0 +1,335 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, Prop, Element, Event, State, Watch } from '@stencil/core';
+import { sanitizeVegaComponent } from '../../utils/component';
+import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
+import { VegaSelectionChipRenderer } from './slimmers/renderers/vega-selection-chip-renderer';
+import { VegaSelectionChipCheckedController } from './slimmers/controllers/vega-selection-chip-checked-cotroller';
+import { VegaSelectionChipStateController } from './slimmers/controllers/vega-selection-chip-state-controller';
+import { VegaSelectionChipShowErrorController } from './slimmers/controllers/vega-selection-chip-show-error-controller';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
+import { getCurrentBreakpoint } from '../../utils/breakpoints';
+import { VegaChange } from '../../helpers/event-manager/event-id/vega-event-id';
+import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
+export class VegaSelectionChip {
+  constructor() {
+    this.globalSlimmers = {};
+    this.renderer = new VegaSelectionChipRenderer();
+    this.checkedController = new VegaSelectionChipCheckedController();
+    this.stateController = new VegaSelectionChipStateController();
+    this.showErrorController = new VegaSelectionChipShowErrorController();
+    this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.changeEventEmitter = createEventEmitSlimmer(VegaSelectionChip, VegaChange);
+    /**
+     * Indicates whether the parent selection chip group shows error message.
+     */
+    this.showError = false;
+    this.currentBreakpoint = getCurrentBreakpoint();
+    /**
+     * Specifies the label or title for the selection chip.
+     * It provides descriptive text that helps identify
+     *    the purpose of the selection chip.
+     */
+    this.label = '';
+    /**
+     * Specifies the size of the selection chip.
+     */
+    this.size = 'medium';
+    /**
+     * Determines the rendering style for the selection chip.
+     */
+    this.variant = 'text';
+    /**
+     * Indicates if the selection chip is disabled.
+     */
+    /* eslint-disable @stencil/strict-mutable */
+    this.disabled = false;
+    /**
+     * Defines the display behavior of the selection chip.
+     * This property controls how the chip is presented
+     *    in relation to surrounding elements.
+     */
+    this.block = false;
+    /**
+     * Defines the background color of the swatch.
+     * It accepts a string value representing a valid
+     *    background color token,
+     *    which customizes the chip appearance.
+     */
+    this.swatchColor = 'bg-status-info';
+  }
+  watchSize() {
+    methodPlaceholder();
+  }
+  componentWillRender() {
+    methodPlaceholder();
+  }
+  render() {
+    return sanitizeVegaComponent(this.renderer.render(), this.host);
+  }
+  static get is() { return "vega-selection-chip"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["vega-selection-chip.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["vega-selection-chip.css"]
+  }; }
+  static get properties() { return {
+    "label": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Specifies the label or title for the selection chip.\nIt provides descriptive text that helps identify\n   the purpose of the selection chip."
+      },
+      "attribute": "label",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "size": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "ResponsiveType<VegaSelectionChipSize>",
+        "resolved": "\"extra-small\" | \"large\" | \"medium\" | \"small\" | { S?: VegaSelectionChipSize; M?: VegaSelectionChipSize; L?: VegaSelectionChipSize; XL?: VegaSelectionChipSize; default?: VegaSelectionChipSize; }",
+        "references": {
+          "ResponsiveType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          },
+          "VegaSelectionChipSize": {
+            "location": "import",
+            "path": "./interface"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Specifies the size of the selection chip."
+      },
+      "attribute": "size",
+      "reflect": false,
+      "defaultValue": "'medium'"
+    },
+    "variant": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "VegaSelectionChipVariant",
+        "resolved": "\"swatch\" | \"text\"",
+        "references": {
+          "VegaSelectionChipVariant": {
+            "location": "import",
+            "path": "./interface"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Determines the rendering style for the selection chip."
+      },
+      "attribute": "variant",
+      "reflect": false,
+      "defaultValue": "'text'"
+    },
+    "disabled": {
+      "type": "boolean",
+      "mutable": true,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Indicates if the selection chip is disabled."
+      },
+      "attribute": "disabled",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "checked": {
+      "type": "boolean",
+      "mutable": true,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Determines if the selection chip is checked."
+      },
+      "attribute": "checked",
+      "reflect": true
+    },
+    "block": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Defines the display behavior of the selection chip.\nThis property controls how the chip is presented\n   in relation to surrounding elements."
+      },
+      "attribute": "block",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "disabledTooltip": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "VegaSelectionChipTooltipProps",
+        "resolved": "{ alignment?: ElementAppenderAlignmentType; maxWidth?: ResponsiveType<SizeType>; minWidth?: ResponsiveType<SizeType>; placement?: ElementAppenderPlacementType; positionRelativeTo?: string; size?: ResponsiveType<SizeType>; trigger?: \"click\" | \"hover\" | \"none\"; content?: string; disableInteractive?: boolean; text?: string; }",
+        "references": {
+          "VegaSelectionChipTooltipProps": {
+            "location": "import",
+            "path": "./interface"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Specifies the tooltip displayed for the selection chip\n   when it is in a disabled state.\nThis provides additional context or information about the chip's\n   functionality or reason for being disabled."
+      }
+    },
+    "swatchColor": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "BackgroundColorsTokenType",
+        "resolved": "\"bg-brand\" | \"bg-page\" | \"bg-primary\" | \"bg-secondary\" | \"bg-tertiary\" | \"bg-quaternary\" | \"bg-inverted-primary\" | \"bg-inverted-secondary\" | \"bg-inverted-tertiary\" | \"bg-inverted-quaternary\" | \"bg-action\" | \"bg-action-hover\" | \"bg-action-focus\" | \"bg-action-active\" | \"bg-action-quaternary\" | \"bg-action-quaternary-hover\" | \"bg-action-quaternary-active\" | \"bg-action-secondary\" | \"bg-action-secondary-hover\" | \"bg-action-secondary-active\" | \"bg-action-tertiary\" | \"bg-action-tertiary-hover\" | \"bg-action-tertiary-active\" | \"bg-app-header\" | \"bg-backdrop-modal\" | \"bg-backdrop-popover\" | \"bg-backdrop-sidebar\" | \"bg-chip\" | \"bg-chip-hover\" | \"bg-chip-active\" | \"bg-danger\" | \"bg-danger-hover\" | \"bg-danger-focus\" | \"bg-danger-active\" | \"bg-danger-tertiary\" | \"bg-danger-tertiary-hover\" | \"bg-danger-tertiary-active\" | \"bg-disabled\" | \"bg-divider\" | \"bg-divider-secondary\" | \"bg-keypad-btn-active\" | \"bg-loading-progress\" | \"bg-loading-track\" | \"bg-segment-hover\" | \"bg-segment-control\" | \"bg-selected\" | \"bg-sidebar\" | \"bg-sidebar-icon\" | \"bg-sidebar-icon-hover\" | \"bg-sidebar-icon-selected\" | \"bg-sidebar-item-hover\" | \"bg-sidebar-item-selected\" | \"bg-site-footer\" | \"bg-site-footer-action\" | \"bg-site-footer-action-hover\" | \"bg-site-footer-action-active\" | \"bg-site-footer-field\" | \"bg-slider-handle\" | \"bg-status-error\" | \"bg-status-info\" | \"bg-status-success\" | \"bg-status-warning\" | \"bg-tab\" | \"bg-tab-hover\" | \"bg-tab-selected\" | \"bg-table-alt-row\" | \"bg-table-header\" | \"bg-table-row-hover\" | \"bg-table-row-selected-expanded\" | \"bg-table-selected-row\" | \"bg-textarea-count\" | \"bg-tile\" | \"bg-tile-hover\" | \"bg-tile-selected\" | \"bg-tile-selected-hover\" | \"bg-toggle-switch\" | \"bg-toggle-switch-hover\" | \"bg-toggle-switch-selected-disabled\" | \"bg-transparent\" | \"bg-accent1-primary\" | \"bg-accent1-secondary\" | \"bg-accent1-tertiary\" | \"bg-accent2-primary\" | \"bg-accent2-secondary\" | \"bg-accent2-tertiary\" | \"bg-accent3-primary\" | \"bg-accent3-secondary\" | \"bg-accent3-tertiary\" | \"bg-accent4-primary\" | \"bg-accent4-secondary\" | \"bg-accent4-tertiary\" | \"bg-accent5-primary\" | \"bg-accent5-secondary\" | \"bg-accent5-tertiary\" | \"bg-accent6-primary\" | \"bg-accent6-secondary\" | \"bg-accent6-tertiary\" | \"bg-accent7-primary\" | \"bg-accent7-secondary\" | \"bg-accent7-tertiary\" | \"bg-accent8-primary\" | \"bg-accent8-secondary\" | \"bg-accent8-tertiary\" | \"bg-accent9-primary\" | \"bg-accent9-secondary\" | \"bg-accent9-tertiary\" | \"bg-accent10-primary\" | \"bg-accent10-secondary\" | \"bg-accent10-tertiary\" | \"bg-date-picker-range\"",
+        "references": {
+          "BackgroundColorsTokenType": {
+            "location": "import",
+            "path": "../../types/design-token.type"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Defines the background color of the swatch.\nIt accepts a string value representing a valid\n   background color token,\n   which customizes the chip appearance."
+      },
+      "attribute": "swatch-color",
+      "reflect": false,
+      "defaultValue": "'bg-status-info'"
+    },
+    "value": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": true,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Stores the value associated with the selection chip\n   when it is checked or unchecked."
+      },
+      "attribute": "value",
+      "reflect": false
+    }
+  }; }
+  static get states() { return {
+    "showError": {},
+    "currentBreakpoint": {},
+    "selectType": {}
+  }; }
+  static get events() { return [{
+      "method": "vegaChange",
+      "name": "vegaChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "An event emitter notifying changes in the value of the selection chip,\n   whether triggered programmatically or through user interaction."
+      },
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      }
+    }, {
+      "method": "change",
+      "name": "change",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "eventSemantics",
+            "text": "namespace:native"
+          }],
+        "text": "An event emitter notifying changes in the value of the selection chip,\n   whether triggered programmatically or through user interaction."
+      },
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      }
+    }]; }
+  static get elementRef() { return "host"; }
+  static get watchers() { return [{
+      "propName": "size",
+      "methodName": "watchSize"
+    }]; }
+}
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaSelectionChip.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSelectionChip.prototype, "renderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSelectionChip.prototype, "checkedController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSelectionChip.prototype, "stateController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSelectionChip.prototype, "showErrorController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSelectionChip.prototype, "pageResizeObserverSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSelectionChip.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSelectionChip.prototype, "changeEventEmitter", void 0);

package/dist/collection/components/vega-table/slimmers/controllers/vega-table-row-selection-controller.js

@@ -9,6 +9,9 @@ import ChangeManager from '../../../../helpers/change-manager/change-manager';
 import { Observer } from '../../../../helpers/change-manager/observer/observer';
 import { TABLE_ROW_CLICK, TABLE_ROW_SELECTION, TABLE_ROW_SELECTION_ALL, } from '../../../../helpers/change-manager/subject/static-subject/static-subject-title';
 import { findParent } from '../../../../utils/ui';
+import staticRemoteInvocationCallRegistry from '../../../../helpers/change-manager/subject/static-remote-invocation-subject/static-remote-invocation-call-registry';
+import domNodeSubjectFactory from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { VegaInternalTableRowSelect, VegaInternalTableRowSelectAll, } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
 /**
  *
  */
@@ -145,7 +148,7 @@ export class VegaTableRowSelectionController extends VegaSlimmer {
    * Component lifecycle - connectedCallback
    */
   connectedCallback() {
-    this.initRowSelectionObserver();
+    this.initRowSelection();
     this.initRowClickObserver();
     this.initRowSelectionAllObserver();
   }
@@ -156,6 +159,8 @@ export class VegaTableRowSelectionController extends VegaSlimmer {
     ChangeManager.unregister(TABLE_ROW_SELECTION, this.rowSelectionObserver);
     ChangeManager.unregister(TABLE_ROW_SELECTION_ALL, this.rowSelectionAllObserver);
     ChangeManager.unregister(TABLE_ROW_CLICK, this.rowClickObserver);
+    staticRemoteInvocationCallRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelect));
+    staticRemoteInvocationCallRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelectAll));
   }
   /**
    * Component lifecycle - componentWillLoad
@@ -280,15 +285,33 @@ export class VegaTableRowSelectionController extends VegaSlimmer {
     }
   }
   /**
-   * The function initializes a row selection observer.
+   * The function initializes a row selection.
    */
-  initRowSelectionObserver() {
+  initRowSelection() {
     this.rowSelectionObserver = new Observer(this.isAcceptableRowSelectionObserver.bind(this), (payload) => {
       const { rowKey, checked } = payload;
       const record = this.vegaTableDataSourceController.getRecordByKey(rowKey);
       this.handleRowSelect(checked, record);
     });
     ChangeManager.register(TABLE_ROW_SELECTION, this.rowSelectionObserver);
+    staticRemoteInvocationCallRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelect), ({ rowKey, checked }) => {
+      return this.rowSelectEventEmitter.emit({
+        selected: checked,
+        record: this.vegaTableDataSourceController.getRecordByKey(rowKey),
+        selectedRows: this.getSelectedRecords(),
+      });
+    });
+    staticRemoteInvocationCallRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelectAll), ({ checked }) => {
+      return this.rowSelectAllEventEmitter.emit({
+        selected: checked,
+        selectedRows: this.getSelectedRecords(),
+        changedRows: checked
+          ? this.vegaTableDataSourceController
+            .getCurrentData()
+            .filter((record) => !this.selectedRowKeySet.has(record.key))
+          : this.getSelectedRecords(),
+      });
+    });
   }
   /**
    * The function initializes an observer for row selection all in a table
@@ -346,6 +369,12 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTableRowSelectionController.prototype, "vegaTableDataSourceController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableRowSelectionController.prototype, "rowSelectEventEmitter", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableRowSelectionController.prototype, "rowSelectAllEventEmitter", void 0);
 __decorate([
   MapToComponentMethod('connectedCallback')
 ], VegaTableRowSelectionController.prototype, "connectedCallback", null);

package/dist/collection/components/vega-table/slimmers/controllers/vega-table-sort-controller.js

@@ -24,6 +24,9 @@ export class VegaTableSortController extends VegaSlimmer {
    * @param {VegaTableSortOrderType} nextSortOrder - The next sorter order
    */
   handleHeadSortClick(column, nextSortOrder) {
+    if (this.sortConfig.type === 'single') {
+      this.sortersMap.clear();
+    }
     if (!nextSortOrder) {
       if (this.sortersMap.has(column.prop)) {
         this.sortersMap.delete(column.prop);
@@ -80,6 +83,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTableSortController.prototype, "vegaTableDataSourceController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableSortController.prototype, "sortConfig", void 0);
 __decorate([
   MapToComponentMethod('watchColumns')
 ], VegaTableSortController.prototype, "watchColumns", null);

package/dist/collection/components/vega-table/slimmers/controllers/vega-table-sorter.js

@@ -30,4 +30,12 @@ export class VegaTableSorter {
   toExternalFormat() {
     return { prop: this.prop, order: this.order };
   }
+  /**
+   * Get sorter order value
+   *
+   * @returns {{VegaTableSortOrderType}} sorter order
+   */
+  getSortOrder() {
+    return this.order;
+  }
 }

package/dist/collection/components/vega-table/slimmers/renderers/vega-table-header-renderer.js

@@ -13,7 +13,8 @@ export class VegaTableHeaderRenderer extends VegaSlimmer {
     super(...arguments);
     this.renderHeaderColumnCells = () => {
       return this.columns.map((column) => {
-        return (h("vega-table-head-cell", { key: column.key || column.prop, textAlign: column.align, sorter: column.sorter, sortOrder: column.sortOrder, breakpoint: column.breakpoint, 
+        var _a;
+        return (h("vega-table-head-cell", { key: column.key || column.prop, textAlign: column.align, sorter: column.sorter, sortOrder: (_a = this.sortersMap.get(column.prop)) === null || _a === void 0 ? void 0 : _a.getSortOrder(), breakpoint: column.breakpoint, 
           /* eslint-disable-next-line react/jsx-no-bind */
           ref: (ref) => {
             DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, (input) => {
@@ -33,6 +34,9 @@ export class VegaTableHeaderRenderer extends VegaSlimmer {
 __decorate([
   MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "showHeader", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableHeaderRenderer.prototype, "sortersMap", void 0);
 __decorate([
   MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "columns", void 0);

package/dist/collection/components/vega-table/vega-table-head/vega-table-head.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { Component, Host, h, Element, State } from '@stencil/core';
-import ZIndexManager from '../../../helpers/zindex/z-index-manager';
+import InternalVegaZIndexManager from '../../../helpers/zindex/internal-vega-z-index-manager';
 import { sanitizeVegaComponent } from '../../../utils/component';
 import { VegaTableHeadStateController } from './slimmers/controllers/vega-table-head-state-controller';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
@@ -24,16 +24,16 @@ export class VegaTableHead {
     this.fixed = false;
     this.handleTableHeadRefChange = (ref) => {
       if (this.tableHeadRef) {
-        ZIndexManager.removeZIndex(this.tableHeadRef, 'base');
+        InternalVegaZIndexManager.removeZIndex(this.tableHeadRef, 'base');
       }
       if (this.fixed) {
-        ZIndexManager.setZIndex(ref, 'base');
+        InternalVegaZIndexManager.setZIndex(ref, 'base');
       }
       this.tableHeadRef = ref;
     };
   }
   disconnectedCallback() {
-    ZIndexManager.removeZIndex(this.tableHeadRef, 'base');
+    InternalVegaZIndexManager.removeZIndex(this.tableHeadRef, 'base');
   }
   render() {
     return sanitizeVegaComponent(h(Host, { class: {

package/dist/collection/components/vega-table/vega-table-head-row/slimmers/renderers/vega-table-head-row-renderer.js

@@ -11,6 +11,10 @@ import ChangeManager from '../../../../../helpers/change-manager/change-manager'
 import { TABLE_ROW_SELECTION_ALL } from '../../../../../helpers/change-manager/subject/static-subject/static-subject-title';
 import { DomNodeSubjectObserverFactory } from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
 import { VegaChange } from '../../../../../helpers/event-manager/event-id/vega-event-id';
+import staticRemoteInvocationCallRegistry from '../../../../../helpers/change-manager/subject/static-remote-invocation-subject/static-remote-invocation-call-registry';
+import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { findParent } from '../../../../../utils/ui';
+import { VegaInternalTableRowSelectAll } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
 export class VegaTableHeadRowRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
@@ -18,7 +22,7 @@ export class VegaTableHeadRowRenderer extends VegaSlimmer {
       if (this.selectionType !== 'multiple')
         return;
       return (h("th", { class: "vega-table-selection-column" }, !this.hideSelectAll && (h("div", { class: "vega-table-checkbox-wrapper" },
-        h("vega-checkbox", { size: "small", disabled: this.isEmptyTable || this.selectAllDisabled, checked: this.checkedAll, 
+        h("vega-checkbox", { size: "small", disabled: this.isEmptyTable || this.selectAllDisabled, checked: this.checkedAll, onClick: this.handleClick, 
           /* eslint-disable-next-line react/jsx-no-bind */
           ref: (ref) => {
             DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, this.handleSelectAll);
@@ -38,6 +42,16 @@ export class VegaTableHeadRowRenderer extends VegaSlimmer {
     this.renderHeaderExpandableCell = () => {
       return this.expandable && h("th", { class: "vega-table-expand-action-column" });
     };
+    this.handleClick = (e) => {
+      e.stopPropagation();
+      const event = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(findParent(this.host, 'vega-table'), VegaInternalTableRowSelectAll), {
+        host: this.host,
+        checked: !this.checkedAll,
+      });
+      if (event.defaultPrevented) {
+        e.preventDefault();
+      }
+    };
   }
   /**
    * Used by {@link currentDataObserver}

package/dist/collection/components/vega-table/vega-table-row/slimmers/controllers/vega-table-row-click-controller.js

@@ -9,6 +9,10 @@ import ChangeManager from '../../../../../helpers/change-manager/change-manager'
 import { TABLE_ROW_CLICK } from '../../../../../helpers/change-manager/subject/static-subject/static-subject-title';
 import { Observer } from '../../../../../helpers/change-manager/observer/observer';
 import { isAcceptableTableRowObserver } from '../../../type-guard';
+import staticRemoteInvocationCallRegistry from '../../../../../helpers/change-manager/subject/static-remote-invocation-subject/static-remote-invocation-call-registry';
+import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { VegaInternalTableRowSelect } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
+import { findParent } from '../../../../../utils/ui';
 /**
  * The row click controller for table row
  */
@@ -29,8 +33,15 @@ export class VegaTableRowClickController extends VegaSlimmer {
    * Row click handler
    */
   handleRowClick() {
-    ChangeManager.notify(TABLE_ROW_CLICK, { host: this.host, rowKey: this.rowKey });
-    this.clickEventEmitter.emit({ rowKey: this.rowKey });
+    const rowSelectEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(findParent(this.host, 'vega-table'), VegaInternalTableRowSelect), {
+      host: this.host,
+      rowKey: this.rowKey,
+      checked: !this.checked,
+    });
+    if (!rowSelectEvent.defaultPrevented) {
+      ChangeManager.notify(TABLE_ROW_CLICK, { host: this.host, rowKey: this.rowKey });
+      this.clickEventEmitter.emit({ rowKey: this.rowKey });
+    }
   }
   /**
    * Initialize row click observer

package/dist/collection/components/vega-table/vega-table-row/slimmers/renderers/vega-table-row-renderer.js

@@ -10,6 +10,10 @@ import { DomNodeSubjectObserverFactory } from '../../../../../helpers/change-man
 import { VegaChange } from '../../../../../helpers/event-manager/event-id/vega-event-id';
 import { VegaInternalIconManager } from '../../../../../helpers/icon/internal-icon-manager';
 import chevronDown from '../../../../../global/icons/chevron-down';
+import staticRemoteInvocationCallRegistry from '../../../../../helpers/change-manager/subject/static-remote-invocation-subject/static-remote-invocation-call-registry';
+import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { VegaInternalTableRowSelect } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
+import { findParent } from '../../../../../utils/ui';
 export class VegaTableRowRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
@@ -20,7 +24,7 @@ export class VegaTableRowRenderer extends VegaSlimmer {
         h("div", { class: "vega-table-checkbox-wrapper" },
           h("vega-checkbox", { size: "small", checked: this.checked, 
             /* eslint-disable-next-line react/jsx-no-bind */
-            onClick: this.stopRowSelectionPropagation, 
+            onClick: this.handleClick, 
             /* eslint-disable-next-line react/jsx-no-bind */
             ref: (ref) => {
               DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, this.onRowSelectionChange);
@@ -39,8 +43,16 @@ export class VegaTableRowRenderer extends VegaSlimmer {
         this.vegaTableRowSelectionController.handleRowSelect(input.detail);
       }
     };
-    this.stopRowSelectionPropagation = (e) => {
+    this.handleClick = (e) => {
       e.stopPropagation();
+      const rowSelectEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(findParent(this.host, 'vega-table'), VegaInternalTableRowSelect), {
+        host: this.host,
+        rowKey: this.rowKey,
+        checked: !this.checked,
+      });
+      if (rowSelectEvent.defaultPrevented) {
+        e.preventDefault();
+      }
     };
     this.onExpandIconClick = async (e) => {
       e.stopPropagation();