@turquoisehealth/pit-viper 2.66.1-dev.0 → 2.66.1-dev.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turquoisehealth/pit-viper",
-  "version": "2.66.1-dev.0",
+  "version": "2.66.1-dev.2",
   "description": "Turquoise Health's design system.",
   "main": "README.md",
   "publishConfig": {

package/pv-components/dist/vue/charts/pv-components-charts.d.ts

@@ -1,3 +1,4 @@
+import { AdvancedFilterModel } from 'ag-grid-community/dist/types/src/interfaces/advancedFilterModel';
 import { AgChartInstance } from 'ag-charts-enterprise';
 import { AgChartOptions } from 'ag-charts-types';
 import { AgChartOptions as AgChartOptions_2 } from 'ag-charts-enterprise';
@@ -8,6 +9,7 @@ import { Column } from 'ag-grid-enterprise';
 import { ColumnMovedEvent } from 'ag-grid-enterprise';
 import { ColumnResizedEvent } from 'ag-grid-enterprise';
 import { ColumnRowGroupChangedEvent } from 'ag-grid-enterprise';
+import { ColumnVO } from 'ag-grid-community/dist/types/src/interfaces/iColumnVO';
 import { Component } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
@@ -16,6 +18,7 @@ import { DefineComponent } from 'vue';
 import { ExtractPropTypes } from 'vue';
 import { FilterChangedEvent } from 'ag-grid-enterprise';
 import { FilterModel } from 'ag-grid-enterprise';
+import { FilterModel as FilterModel_2 } from 'ag-grid-community/dist/types/src/interfaces/iFilter';
 import { FirstDataRenderedEvent } from 'ag-grid-community';
 import { GlobalComponents } from 'vue';
 import { GlobalDirectives } from 'vue';
@@ -50,6 +53,14 @@ declare type ChartFilterOption = {
     filterValues: string[];
 };
 
+declare interface ChartStateChangedEvent {
+    api: GridApi | null;
+    seriesField?: string | null;
+    chartType?: string | null;
+    chartSort?: string | null;
+    chartCategoryFields?: string[] | null;
+}
+
 declare interface FilterValueResponseOption {
     value: string;
     label?: string;
@@ -209,6 +220,10 @@ declare interface PvDataTableProps<T> {
      * Display input to search within the table
      */
     enableTableSearch?: boolean;
+    /**
+     * Allows for slot content to be placed above the chart
+     */
+    enableTopSlot?: boolean;
     /**
      * Display button to open the vertical filter drawer
      */
@@ -312,7 +327,6 @@ declare interface PvDataTableProps<T> {
 export declare const PvDataTableWithChart: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<any & PvDataTableWithChartProps<T> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<    {
-    provideChartData: (data: AgChartOptions["data"], stackField: string) => void;
     getChartImageDataURL: (dimensions?: {
     width?: number;
     height?: number;
@@ -328,10 +342,7 @@ export declare const PvDataTableWithChart: <T>(__VLS_props: NonNullable<Awaited<
     attrs: any;
     slots: {};
     emit: {
-        (e: "chart-series-changed", event: {
-            api: GridApi | null;
-            seriesField: string | null;
-        }): void;
+        (e: "chart-state-changed", event: ChartStateChangedEvent): void;
         (e: "column-moved", event: ColumnMovedEvent<T>): void;
         (e: "column-resized", event: ColumnResizedEvent<T>): void;
         (e: "column-row-group-changed", event: ColumnRowGroupChangedEvent<T>): void;
@@ -350,11 +361,10 @@ export declare const PvDataTableWithChart: <T>(__VLS_props: NonNullable<Awaited<
 
 declare interface PvDataTableWithChartProps<T> extends PvDataTableProps<T> {
     enabledChartTypes?: supportedChartType[];
-    overrideChartData?: boolean;
+    serverSideChartHandler?: (params: ServerSideChartDataHandlerParams) => Promise<ServerSideChartDataHandlerResponse>;
     showSeriesLabels?: boolean;
     truncateLabelValues?: boolean;
     initialChartData?: AgChartOptions_2["data"];
-    displayChartLoading?: boolean;
     enableCombinedChartConfigPanel?: boolean;
     chartConfigPanelOptions?: ChartConfigPanelType[];
     chartFilter?: ChartFilter;
@@ -370,6 +380,10 @@ declare interface PvDataTableWithChartProps<T> extends PvDataTableProps<T> {
     };
     percentOfFocusViewYKey?: string;
     focusableColumns?: string[];
+    /**
+     * Enable toggle to group or ungroup
+     */
+    enableGroupingToggle?: boolean;
 }
 
 export declare const PvMapChart: DefineComponent<    {
@@ -428,6 +442,23 @@ declare interface RegionSelectionChangedEvent {
     region: string | null | undefined;
 }
 
+declare interface ServerSideChartDataHandlerParams {
+    rowGroupCols: ColumnVO[];
+    /** Columns that have aggregations on them.  */
+    valueCols: ColumnVO[];
+    /**
+     * If filtering, what the filter model is.
+     * If Advanced Filter is enabled, will be of type `AdvancedFilterModel | null`.
+     * If Advanced Filter is disabled, will be of type `FilterModel`.
+     */
+    filterModel: FilterModel_2 | AdvancedFilterModel | null;
+}
+
+declare interface ServerSideChartDataHandlerResponse {
+    data: AgChartOptions_2["data"];
+    stackField: string;
+}
+
 declare type supportedChartType = "column" | "bar" | "column_stacked" | "bar_stacked" | "line" | "area" | "pie";
 
 declare interface TableSearchHandlerParams<T> {