@globalpayments/vega 2.25.0 → 2.27.0

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

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { Component, Host, h, Prop, Element, Event, State } from '@stencil/core';
 import { arrayToClassString } from '../../../utils/ui';
-import { generateResponsiveClass, generateTextAlignClass } from '../utils';
+import { generateResponsiveClass } from '../utils';
 import { createEnterKeyHandlerToTriggerClick } from '../../../utils/accessibility';
 import { sanitizeVegaComponent } from '../../../utils/component';
 import { createEventEmitSlimmer, } from '../../../helpers/event-manager/slimmers/event-emit-slimmer';
@@ -19,10 +19,14 @@ import { PageResizeObserverSlimmer } from '../../../helpers/slimmers/page-resize
 import { VegaInternalIconManager } from '../../../helpers/icon/internal-icon-manager';
 import chevronUp from '../../../global/icons/chevron-up';
 import chevronDown from '../../../global/icons/chevron-down';
+import arrowUpArrowDown from '../../../global/icons/arrow-up-arrow-down';
+import circleArrowDown from '../../../global/icons/circle-arrow-down';
+import circleArrowUp from '../../../global/icons/circle-arrow-up';
 import { FeatureFlag } from '../../../helpers/feature-control/feature-flag-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+import { SortIconRenderer } from './slimmers/renderers/sort-icon-renderer';
 /**
- * @version 1.44.0
+ * @vegaVersion 1.44.0
  */
 export class VegaTableHeadCell {
   constructor() {
@@ -31,23 +35,12 @@ export class VegaTableHeadCell {
     this.vegaTableHeadCellStateController = new VegaTableHeadCellStateController();
     this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.sortIconRenderer = new SortIconRenderer();
     this.currentBreakpoint = getCurrentBreakpoint();
     this.handleSort = (e) => {
       this.sortOrder = this.getNextSortOrder(this.sortOrder);
       this.clickEventEmitter.emit({ sortOrder: this.sortOrder }, e);
     };
-    this.renderSortIconButton = () => {
-      if (!this.sorter)
-        return;
-      return (h("div", { class: "vega-table-column-sorter" },
-        h("span", { class: this.isSortActive('asc') ? 'v-text-link' : '' },
-          h("vega-icon", { icon: VegaInternalIconManager.getIconKey('chevron-up'), size: "size-8" })),
-        h("span", { class: this.isSortActive('desc') ? 'v-text-link' : '' },
-          h("vega-icon", { icon: VegaInternalIconManager.getIconKey('chevron-down'), size: "size-8" }))));
-    };
-    this.isSortActive = (order) => {
-      return this.sortOrder === order;
-    };
     /**
      * Get the next sorter order
      *
@@ -71,7 +64,6 @@ export class VegaTableHeadCell {
     };
   }
   render() {
-    const labelAlignClassName = generateTextAlignClass(this.textAlign);
     const sortableConfig = this.sorter
       ? {
         role: 'button',
@@ -80,19 +72,20 @@ export class VegaTableHeadCell {
         onClick: (e) => this.handleSort(e),
       }
       : null;
-    const cellClassNames = ['vega-table-cell', this.sorter ? 'sortable' : null];
+    const cellClassNames = ['vega-table-cell'];
     if (!FeatureFlag.isEnabled('VEGA_TABLE.ENABLE_NEW_CELL_BREAK_WORDS_STYLE')) {
       cellClassNames.push('break-word');
     }
     return sanitizeVegaComponent(h(Host, { class: {
         [`density-${ResponsiveFormatFacade.formatCustom(this.density)}`]: true,
+        sortable: !!this.sorter,
         [generateResponsiveClass(this.breakpoint, 'v-table-cell')]: true,
       }, style: { width: this.width } },
       h("th", Object.assign({ class: arrayToClassString(cellClassNames) }, sortableConfig),
-        h("div", { class: "vega-table-column" },
-          h("span", { class: `vega-table-column-label ${labelAlignClassName}` },
+        h("div", { class: arrayToClassString(['vega-table-column', this.textAlign]) },
+          h("span", { class: "vega-table-column-label" },
             h("slot", null)),
-          this.renderSortIconButton()))), this.host);
+          this.sortIconRenderer.render()))), this.host);
   }
   static get is() { return "vega-table-head-cell"; }
   static get encapsulation() { return "shadow"; }
@@ -120,7 +113,7 @@ export class VegaTableHeadCell {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.44.0"
           }],
         "text": "Defines the screen width at which the column becomes hidden.\n   If not set, the column remains visible at all times."
@@ -145,7 +138,7 @@ export class VegaTableHeadCell {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.44.0"
           }],
         "text": "Defines the column's sorting configuration."
@@ -170,7 +163,7 @@ export class VegaTableHeadCell {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.8.0"
           }],
         "text": "Defines the column's sorting order."
@@ -190,7 +183,7 @@ export class VegaTableHeadCell {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.44.0"
           }],
         "text": "Determines the alignment of text within the head cell."
@@ -210,7 +203,7 @@ export class VegaTableHeadCell {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.44.0"
           }],
         "text": "Specifies the width of the head cell."
@@ -231,7 +224,7 @@ export class VegaTableHeadCell {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.44.0"
           }],
         "text": "An event emitter notifying that the head cell has been clicked."
@@ -257,7 +250,7 @@ export class VegaTableHeadCell {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying that the head cell has been clicked."
@@ -279,6 +272,9 @@ export class VegaTableHeadCell {
   VegaInternalIconManager.register({
     'chevron-up': chevronUp,
     'chevron-down': chevronDown,
+    'arrow-up-arrow-down': arrowUpArrowDown,
+    'circle-arrow-down': circleArrowDown,
+    'circle-arrow-up': circleArrowUp,
   });
 })();
 __decorate([
@@ -296,3 +292,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaTableHeadCell.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableHeadCell.prototype, "sortIconRenderer", void 0);

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

@@ -11,7 +11,7 @@ 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 remoteInvocationRegistry from '../../../../../helpers/remote-invocation/remote-invocation-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';
@@ -44,7 +44,7 @@ export class VegaTableHeadRowRenderer extends VegaSlimmer {
     };
     this.handleClick = (e) => {
       e.stopPropagation();
-      const event = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(findParent(this.host, 'vega-table'), VegaInternalTableRowSelectAll), {
+      const event = remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(findParent(this.host, 'vega-table'), VegaInternalTableRowSelectAll), {
         host: this.host,
         checked: !this.checkedAll,
       });

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

@@ -17,7 +17,7 @@ import { getCurrentBreakpoint } from '../../../utils/breakpoints';
 import { PageResizeObserverSlimmer } from '../../../helpers/slimmers/page-resize-observer-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.44.0
+ * @vegaVersion 1.44.0
  */
 export class VegaTableHeadRow {
   constructor() {
@@ -62,7 +62,7 @@ export class VegaTableHeadRow {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.44.0"
           }],
         "text": "Indicates whether the checkbox is disabled."
@@ -82,7 +82,7 @@ export class VegaTableHeadRow {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.44.0"
           }],
         "text": "Determines whether to hide the select all checkbox."

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

@@ -9,7 +9,7 @@ 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 remoteInvocationRegistry from '../../../../../helpers/remote-invocation/remote-invocation-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';
 /**
@@ -32,7 +32,7 @@ export class VegaTableRowClickController extends VegaSlimmer {
    * Row click handler
    */
   handleRowClick() {
-    const rowSelectEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), VegaInternalTableRowSelect), {
+    const rowSelectEvent = remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), VegaInternalTableRowSelect), {
       host: this.host,
       rowKey: this.rowKey,
       checked: !this.checked,

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

@@ -10,7 +10,7 @@ import { TABLE_EXPAND_ROW } from '../../../../../helpers/change-manager/subject/
 import { Observer } from '../../../../../helpers/change-manager/observer/observer';
 import { isAcceptableTableObserver } from '../../../type-guard';
 import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
-import staticRemoteInvocationCallRegistry from '../../../../../helpers/change-manager/subject/static-remote-invocation-subject/static-remote-invocation-call-registry';
+import remoteInvocationRegistry from '../../../../../helpers/remote-invocation/remote-invocation-registry';
 import { VegaInternalTableRowExpand } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
 /**
  * The row expand controller for expandable table row.
@@ -32,7 +32,7 @@ export class VegaTableRowExpandController extends VegaSlimmer {
    * The handler for expand icon click event.
    */
   handleExpandIconClick() {
-    const rowExpandEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), VegaInternalTableRowExpand), {
+    const rowExpandEvent = remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), VegaInternalTableRowExpand), {
       host: this.host,
       rowKey: this.rowKey,
       expanded: !this.expanded,

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

@@ -10,7 +10,7 @@ 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 remoteInvocationRegistry from '../../../../../helpers/remote-invocation/remote-invocation-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';
@@ -45,7 +45,7 @@ export class VegaTableRowRenderer extends VegaSlimmer {
     };
     this.handleClick = (e) => {
       e.stopPropagation();
-      const rowSelectEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(this.parentTableRef, VegaInternalTableRowSelect), {
+      const rowSelectEvent = remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(this.parentTableRef, VegaInternalTableRowSelect), {
         host: this.host,
         rowKey: this.rowKey,
         checked: !this.checked,

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

@@ -20,7 +20,7 @@ import { getCurrentBreakpoint } from '../../../utils/breakpoints';
 import { PageResizeObserverSlimmer } from '../../../helpers/slimmers/page-resize-observer-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.44.0
+ * @vegaVersion 1.44.0
  */
 export class VegaTableRow {
   constructor() {
@@ -69,7 +69,7 @@ export class VegaTableRow {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.44.0"
           }],
         "text": "Defines a unique key for the row."
@@ -99,7 +99,7 @@ export class VegaTableRow {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.44.0"
           }],
         "text": "An event emitter notifying that the row has been clicked."
@@ -125,7 +125,7 @@ export class VegaTableRow {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying that the row has been clicked."
@@ -148,7 +148,7 @@ export class VegaTableRow {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.20.0"
           }],
         "text": "An event emitter notifying that the expand icon has been clicked."
@@ -174,7 +174,7 @@ export class VegaTableRow {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.20.0"
           }],
         "text": "An event emitter notifying that the expand icon has been clicked."