Merge branch 'main' into change-default-span-series

Author: aaron-steinfeld

package-lock.json

@@ -59,7 +59,7 @@
     "d3-shape": "^1.3.5",
     "d3-transition": "^1.2.0",
     "d3-zoom": "^1.8.3",
-    "graphql": "^15.7.0",
+    "graphql": "^15.7.2",
     "graphql-tag": "^2.12.6",
     "iso8601-duration": "^1.3.0",
     "lodash-es": "^4.17.21",

package.json

@@ -67,7 +67,7 @@ import {
             class="control select"
             showBorder="true"
             searchMode="${MultiSelectSearchMode.CaseInsensitive}"
-            (selectedChange)="this.onMultiSelectChange(selectControl, $event)"
+            (selectedChange)="this.onSelectChange(selectControl, $event)"
           >
             <ht-select-option
               *ngFor="let option of selectControl.options"
@@ -241,6 +241,13 @@ export class TableControlsComponent implements OnChanges {
     });
   }
 
+  public onSelectChange(select: TableSelectControl, selection: TableSelectControlOption): void {
+    this.selectChange.emit({
+      select: select,
+      values: [selection]
+    });
+  }
+
   public onCheckboxChange(checked: string[]): void {
     const diff = this.checkboxDiffer?.diff(checked);
     if (!diff) {

projects/components/src/table/controls/table-controls.component.ts

@@ -49,6 +49,11 @@
         height: 12px;
         margin-bottom: 12px;
       }
+
+      &.title-case-gray {
+        @include subtitle-2($gray-4);
+        text-transform: capitalize;
+      }
     }
   }
 

projects/components/src/titled-content/titled-content.component.scss

@@ -90,7 +90,8 @@ export const enum TitlePosition {
 // Regular title (black) and GrayedOut new style (gray)
 export const enum TitledContentTitleStyle {
   Regular = 'regular',
-  GrayedOut = 'grayed-out'
+  GrayedOut = 'grayed-out',
+  TitleCaseGray = 'title-case-gray'
 }
 
 export const enum TitledContentHeaderJustify {