@ni/nimble-components 29.3.5 → 29.3.6

package/dist/all-components-bundle.js

@@ -16280,7 +16280,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Tue, 11 Jun 2024 19:14:08 GMT
+   * Generated on Thu, 13 Jun 2024 16:48:33 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -64556,6 +64556,10 @@ img.ProseMirror-separator {
            * the resolved value of the fractionalWidth after updates programmatic or interactive updates.
            */
           this.currentFractionalWidth = defaultFractionalWidth;
+          /**
+           * Whether or not this column can be sorted
+           */
+          this.sortingDisabled = false;
           /**
            * @internal Do not write to this value directly. It is used by the Table in order to store
            * the resolved value of the sortDirection after programmatic or interactive updates.
@@ -64614,6 +64618,9 @@ img.ProseMirror-separator {
   __decorate$1([
       observable
   ], ColumnInternals.prototype, "currentPixelWidth", void 0);
+  __decorate$1([
+      observable
+  ], ColumnInternals.prototype, "sortingDisabled", void 0);
   __decorate$1([
       observable
   ], ColumnInternals.prototype, "currentSortIndex", void 0);
@@ -64642,8 +64649,6 @@ img.ProseMirror-separator {
            */
           this.columnInternals = new ColumnInternals(this.getColumnInternalsOptions());
           this.columnHidden = false;
-          this.sortDirection = TableColumnSortDirection.none;
-          this.sortingDisabled = false;
           /** @internal */
           this.hasOverflow = false;
       }
@@ -64665,26 +64670,6 @@ img.ProseMirror-separator {
           // Done here to enforce consistency across headers as they may have custom templates
           this.setAttribute('slot', this.columnInternals.uniqueId);
       }
-      sortDirectionChanged() {
-          if (!this.sortingDisabled) {
-              this.columnInternals.currentSortDirection = this.sortDirection;
-          }
-      }
-      sortIndexChanged() {
-          if (!this.sortingDisabled) {
-              this.columnInternals.currentSortIndex = this.sortIndex;
-          }
-      }
-      sortingDisabledChanged() {
-          if (this.sortingDisabled) {
-              this.columnInternals.currentSortDirection = TableColumnSortDirection.none;
-              this.columnInternals.currentSortIndex = undefined;
-          }
-          else {
-              this.columnInternals.currentSortDirection = this.sortDirection;
-              this.columnInternals.currentSortIndex = this.sortIndex;
-          }
-      }
   }
   __decorate$1([
       attr({ attribute: 'column-id' })
@@ -64698,15 +64683,6 @@ img.ProseMirror-separator {
   __decorate$1([
       attr({ attribute: 'column-hidden', mode: 'boolean' })
   ], TableColumn.prototype, "columnHidden", void 0);
-  __decorate$1([
-      attr({ attribute: 'sort-index', converter: nullableNumberConverter })
-  ], TableColumn.prototype, "sortIndex", void 0);
-  __decorate$1([
-      attr({ attribute: 'sort-direction' })
-  ], TableColumn.prototype, "sortDirection", void 0);
-  __decorate$1([
-      attr({ attribute: 'sorting-disabled', mode: 'boolean' })
-  ], TableColumn.prototype, "sortingDisabled", void 0);
   __decorate$1([
       observable
   ], TableColumn.prototype, "hasOverflow", void 0);
@@ -67284,8 +67260,7 @@ img.ProseMirror-separator {
           else if (isColumnInternalsProperty(changedColumnProperty, 'operandDataRecordFieldName', 'sortOperation')) {
               this.track('columnDefinition');
           }
-          else if (isColumnProperty(changedColumnProperty, 'sortingDisabled')
-              || isColumnInternalsProperty(changedColumnProperty, 'currentSortDirection', 'currentSortIndex')) {
+          else if (isColumnInternalsProperty(changedColumnProperty, 'sortingDisabled', 'currentSortDirection', 'currentSortIndex')) {
               this.track('columnSort');
           }
           else if (isColumnProperty(changedColumnProperty, 'columnHidden')
@@ -68223,7 +68198,7 @@ img.ProseMirror-separator {
        * @internal
        */
       toggleColumnSort(column, allowMultiSort) {
-          if (column.sortingDisabled) {
+          if (column.columnInternals.sortingDisabled) {
               return;
           }
           const allSortedColumns = this.getColumnsParticipatingInSorting().sort((x, y) => x.columnInternals.currentSortIndex
@@ -68407,7 +68382,7 @@ img.ProseMirror-separator {
           }
       }
       getColumnsParticipatingInSorting() {
-          return this.columns.filter(x => !x.sortingDisabled
+          return this.columns.filter(x => !x.columnInternals.sortingDisabled
               && x.columnInternals.currentSortDirection
                   !== TableColumnSortDirection.none
               && typeof x.columnInternals.currentSortIndex === 'number');
@@ -68782,20 +68757,10 @@ img.ProseMirror-separator {
        */
       class FractionalWidthColumn extends base {
           fractionalWidthChanged() {
-              if (typeof this.fractionalWidth === 'number') {
-                  this.columnInternals.fractionalWidth = this.fractionalWidth;
-              }
-              else {
-                  this.columnInternals.fractionalWidth = defaultFractionalWidth;
-              }
+              this.columnInternals.fractionalWidth = this.fractionalWidth ?? defaultFractionalWidth;
           }
           minPixelWidthChanged() {
-              if (typeof this.minPixelWidth === 'number') {
-                  this.columnInternals.minPixelWidth = this.minPixelWidth;
-              }
-              else {
-                  this.columnInternals.minPixelWidth = defaultMinPixelWidth;
-              }
+              this.columnInternals.minPixelWidth = this.minPixelWidth ?? defaultMinPixelWidth;
           }
       }
       attr({ attribute: 'fractional-width', converter: nullableNumberConverter })(
@@ -68818,18 +68783,12 @@ img.ProseMirror-separator {
           constructor() {
               super(...arguments);
               this.groupingDisabled = false;
-              this.groupIndex = null;
           }
           groupingDisabledChanged() {
               this.columnInternals.groupingDisabled = this.groupingDisabled;
           }
           groupIndexChanged() {
-              if (typeof this.groupIndex === 'number') {
-                  this.columnInternals.groupIndex = this.groupIndex;
-              }
-              else {
-                  this.columnInternals.groupIndex = undefined;
-              }
+              this.columnInternals.groupIndex = this.groupIndex ?? undefined;
           }
       }
       attr({ attribute: 'grouping-disabled', mode: 'boolean' })(
@@ -69088,10 +69047,60 @@ img.ProseMirror-separator {
       .register(tableColumnTextGroupHeaderView());
   const tableColumnTextGroupHeaderViewTag = 'nimble-table-column-text-group-header-view';
 
+  // As the returned class is internal to the function, we can't write a signature that uses is directly, so rely on inference
+  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type
+  function mixinSortableColumnAPI(base) {
+      /**
+       * The Mixin that provides a concrete column with the API to allow sorting
+       * by the values in that column.
+       */
+      class SortableColumn extends base {
+          constructor() {
+              super(...arguments);
+              this.sortingDisabled = false;
+              this.sortDirection = TableColumnSortDirection.none;
+          }
+          /** @internal */
+          sortingDisabledChanged() {
+              this.columnInternals.sortingDisabled = this.sortingDisabled;
+              if (this.sortingDisabled) {
+                  this.columnInternals.currentSortDirection = TableColumnSortDirection.none;
+                  this.columnInternals.currentSortIndex = undefined;
+              }
+              else {
+                  this.columnInternals.currentSortDirection = this.sortDirection;
+                  this.columnInternals.currentSortIndex = this.sortIndex ?? undefined;
+              }
+          }
+          /** @internal */
+          sortDirectionChanged() {
+              if (!this.sortingDisabled) {
+                  this.columnInternals.currentSortDirection = this.sortDirection;
+              }
+          }
+          /** @internal */
+          sortIndexChanged() {
+              if (!this.sortingDisabled) {
+                  this.columnInternals.currentSortIndex = this.sortIndex ?? undefined;
+              }
+          }
+      }
+      attr({ attribute: 'sorting-disabled', mode: 'boolean' })(
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+      SortableColumn.prototype, 'sortingDisabled');
+      attr({ attribute: 'sort-index', converter: nullableNumberConverter })(
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+      SortableColumn.prototype, 'sortIndex');
+      attr({ attribute: 'sort-direction' })(
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+      SortableColumn.prototype, 'sortDirection');
+      return SortableColumn;
+  }
+
   /**
    * A table column for displaying links.
    */
-  class TableColumnAnchor extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI(mixinColumnWithPlaceholderAPI((TableColumn)))) {
+  class TableColumnAnchor extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI(mixinColumnWithPlaceholderAPI(mixinSortableColumnAPI((TableColumn))))) {
       constructor() {
           super(...arguments);
           this.underlineHidden = false;
@@ -69220,7 +69229,7 @@ img.ProseMirror-separator {
   ], TableColumnTextBase.prototype, "fieldName", void 0);
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type, @typescript-eslint/no-explicit-any
   function mixinTextBase(base) {
-      return mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI(mixinColumnWithPlaceholderAPI(base)));
+      return mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI(mixinColumnWithPlaceholderAPI(mixinSortableColumnAPI(base))));
   }
 
   function formatNumericDate(formatter, date) {
@@ -70335,7 +70344,7 @@ img.ProseMirror-separator {
    * Table column that maps number, boolean, or string values to an icon, a spinner,
    * text, or an icon/spinner with text.
    */
-  class TableColumnMapping extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI((TableColumnEnumBase))) {
+  class TableColumnMapping extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI(mixinSortableColumnAPI((TableColumnEnumBase)))) {
       minPixelWidthChanged() {
           if (this.widthMode !== TableColumnMappingWidthMode.iconSize) {
               this.columnInternals.minPixelWidth = this.getConfiguredMinPixelWidth();