logitude-dashboard-library 3.2.61 → 3.2.63

package/dist/assets/styles/dl-dashboard.scss

@@ -903,7 +903,8 @@ $dark-grey: #717585;
     left: 0;
     bottom: 0;
 
-    * {
+    .pivot-grid-element:not(.dl-ag-pivot-grid),
+    .pivot-grid-element:not(.dl-ag-pivot-grid) * {
         border-color: #e0e0e0 !important;
     }
 
@@ -916,6 +917,111 @@ $dark-grey: #717585;
         scrollbar-color: initial;
     }
 
+    .dl-ag-pivot-grid {
+        width: calc(100% - 16px);
+        height: 100%;
+        margin: 0 auto;
+        overflow-x: auto;
+        overflow-y: hidden;
+        font-family: "Manrope", sans-serif;
+    }
+
+    .dl-ag-pivot-grid .ag-root-wrapper {
+        border: 1px solid #e0e0e0;
+    }
+
+    .dl-ag-pivot-grid {
+        --ag-border-color: #e0e0e0;
+        --ag-row-border-color: #e0e0e0;
+        --ag-header-background-color: #ffffff;
+    }
+
+    .dl-ag-pivot-grid.ag-theme-balham .ag-header {
+        background-color: #ffffff !important;
+    }
+
+    .dl-ag-pivot-grid.ag-theme-balham .ag-header-cell,
+    .dl-ag-pivot-grid.ag-theme-balham .ag-header-group-cell {
+        font-family: "Manrope";
+        font-size: 12px;
+        font-weight: 600;
+        text-align: center;
+        color: #222222;
+        background-color: #ffffff !important;
+    }
+
+    .dl-ag-pivot-grid .ag-header-cell[col-id^="ag-Grid-AutoColumn"] {
+        text-align: left;
+    }
+
+    .dl-ag-pivot-grid .ag-header-cell[col-id^="PivotRowTotal_"],
+    .dl-ag-pivot-grid .ag-header-group-cell.dl-pivot-row-grand-total-group-header,
+    .dl-ag-pivot-grid .ag-header-group-cell.dl-pivot-row-grand-total-group-header-sibling {
+        background-color: #f5f5f5 !important;
+    }
+
+    .dl-ag-pivot-grid.ag-theme-balham .ag-cell {
+        border: none !important;
+        border-right: 1px solid #e0e0e0 !important;
+    }
+
+    .dl-ag-pivot-grid.ag-theme-balham .ag-row {
+        border-bottom: 1px solid #e0e0e0 !important;
+    }
+
+    .dl-ag-pivot-grid .dl-ag-pivot-data-cell,
+    .dl-ag-pivot-grid .ag-cell.dl-ag-pivot-data-cell {
+        text-align: right !important;
+        cursor: pointer;
+    }
+
+    .dl-ag-pivot-grid .dl-ag-pivot-row-label-cell,
+    .dl-ag-pivot-grid .ag-cell.dl-ag-pivot-row-label-cell {
+        text-align: left !important;
+        justify-content: flex-start;
+        background-color: #ffffff;
+    }
+
+    .dl-ag-pivot-grid .ag-row-footer .ag-cell,
+    .dl-ag-pivot-grid .ag-row-group-footer .ag-cell {
+        font-weight: 500;
+    }
+
+    .dl-ag-pivot-grid .ag-row-footer .dl-ag-pivot-row-label-cell,
+    .dl-ag-pivot-grid .ag-row-group-footer .dl-ag-pivot-row-label-cell {
+        text-align: left !important;
+    }
+
+    .dl-ag-pivot-grid .ag-cell {
+        font-family: "Manrope";
+        font-size: 12px;
+        font-weight: 500;
+        color: #46494A;
+        padding: 6px 8px 5px 8px;
+    }
+
+    .dl-ag-pivot-grid .ag-row-group .ag-cell {
+        text-align: left;
+        background-color: #ffffff;
+    }
+
+    .dl-ag-pivot-grid .ag-row:not(.ag-row-group) .ag-cell:not(.dl-ag-pivot-data-cell) {
+        text-align: left;
+    }
+
+    .dl-ag-pivot-grid .ag-row-footer,
+    .dl-ag-pivot-grid .ag-row-group-footer {
+        background-color: #f5f5f5 !important;
+    }
+
+    .dl-ag-pivot-grid .dl-pivot-row-grand-total-group-header {
+        overflow: visible;
+    }
+
+    .dl-ag-pivot-grid .dl-pivot-row-grand-total-group-header-sibling .ag-header-group-text {
+        visibility: hidden;
+    }
+
     .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
         background-color: rgba(191, 191, 191, .7);
     }

package/dist/features/Dashboard/ChartsComponents/CustomCharts/AgPivotGrid.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import 'ag-grid-enterprise';
+import 'ag-grid-community/dist/styles/ag-grid.css';
+import 'ag-grid-community/dist/styles/ag-theme-balham.css';
+import { CustomChartProps } from './CustomChart';
+declare type PivotChartProps = {
+    customChartProps: CustomChartProps;
+};
+declare const AgPivotGrid: React.ForwardRefExoticComponent<PivotChartProps & React.RefAttributes<unknown>>;
+export default AgPivotGrid;

package/dist/features/Dashboard/ChartsComponents/CustomCharts/CustomChart.d.ts

@@ -8,6 +8,7 @@ export declare type CustomChartProps = {
     dataBinding: DashboardDataBinding;
     isPreviewModeActive?: boolean;
     isInEditMode?: boolean;
+    useAgGridPivot?: boolean;
     onSelectDataPoint: (dataPointSelection: DataPointSelection) => void;
     onShowError?: (errorMsg: string | null) => void;
 };

package/dist/features/Dashboard/ChartsComponents/CustomCharts/PivotAgGridSupport.d.ts

@@ -0,0 +1,45 @@
+export declare type PivotApiField = {
+    FieldId: string;
+    FieldCode?: string;
+    PivotCode: string;
+    PivotName: string;
+    DisplayName: string;
+    DataTypeCode?: string;
+    DateCode: string | null;
+    FieldType: string | null;
+};
+export declare type PivotApiMeasure = {
+    PivotMeasureCode: string;
+    MeasureCode: string;
+    MeasureFieldId?: string;
+    MeasureFieldDataType?: string | null;
+    DisplayName: string;
+    FieldType?: string;
+};
+export declare const isRowPivotField: (field: PivotApiField) => boolean;
+export declare const truncateToTwoDecimals: (value: any) => number;
+export declare const isPivotMeasureValueEmpty: (value: any) => boolean;
+export declare const logitudeSumAgg: (params: {
+    values: any[];
+}) => number | null;
+export declare const formatPivotMeasureValue: (value: any, measure: PivotApiMeasure) => string;
+export declare const getPivotGroupFooterLabel: (node: any, fieldCode: string | null | undefined, rawValue: any, lookupDisplayName: (fieldCode: string, rawValue: any) => string) => string;
+export declare const compareDimensionValues: (aValue: any, bValue: any, dateCode: string | null, aText?: any, bText?: any) => number;
+export declare const getPivotDisplayName: (pivotData: any[], fieldName: string, dataField: string, dataFieldValue: any) => string;
+export declare const isPivotRowGrandTotalColumnDef: (colDef: any) => boolean;
+export declare const isPivotRowGrandTotalGroupDef: (colGroupDef: any) => boolean;
+export declare const resolvePivotGroupHeaderName: (colGroupDef: any, columnFields: PivotApiField[], lookupDisplayName: (field: PivotApiField, rawValue: any) => string) => string | null;
+export declare const getPivotValueColumnId: (pivotValueColumn: any) => string | null;
+export declare const resolveMeasureFromPivotValueColumn: (colDef: any, measures: PivotApiMeasure[]) => PivotApiMeasure | undefined;
+export declare const resolvePivotLeafHeaderName: (colDef: any, columnFields: PivotApiField[], lookupDisplayName: (field: PivotApiField, rawValue: any) => string, measureCount: number, measures: PivotApiMeasure[]) => string | null;
+export declare const resolveMeasureForSecondaryColDef: (colDef: any, measures: PivotApiMeasure[]) => PivotApiMeasure | undefined;
+export declare const applyPivotRowGrandTotalGroupHeaderLabel: (gridRootElement: HTMLElement | null, columnApi: any, measureCount: number, columnPivotFieldCount: number) => void;
+export declare const applyPivotRowGrandTotalHeader: (colDef: any, measureCount: number, measures: PivotApiMeasure[]) => void;
+export declare const collectPivotRowPath: (startNode: any) => {
+    field: string;
+    key: any;
+}[];
+export declare const buildPivotDrillDownPivotFields: (colDef: any, startNode: any, apiFields: PivotApiField[]) => any[];
+export declare const getMeasureCaption: (measure: PivotApiMeasure) => string;
+export declare const parseJsonArray: (json: string | null | undefined) => any[];
+export declare const parsePivotTotalsSettings: (json: string | null | undefined) => any;

package/dist/features/Dashboard/DashboardDesigner.d.ts

@@ -22,6 +22,7 @@ declare type DashboardDesignerProps = {
     onCopyWidgetToClipboard?: (key: string, widget: ReactWidgetPM) => void;
     dataBinding: DashboardDataBinding;
     onSelectDataPoint: (dataPointSelection: DataPointSelection) => void;
+    useAgGridPivot?: boolean;
 };
 declare const DashboardDesigner: (props: DashboardDesignerProps) => React.JSX.Element;
 export declare const layoutGridProps: {

package/dist/features/Dashboard/WidgetCard.d.ts

@@ -15,6 +15,7 @@ declare type WidgetCardProps = {
     dataBinding: DashboardDataBinding;
     isInEditMode: boolean;
     isPreviewModeActive?: boolean;
+    useAgGridPivot?: boolean;
     onSelectDataPoint: (dataPointSelection: DataPointSelection) => void;
 };
 declare const WidgetCard: React.ForwardRefExoticComponent<WidgetCardProps & React.RefAttributes<unknown>>;

package/dist/index.d.ts

@@ -22,6 +22,8 @@ declare type DashboardProps = {
     onCopyWidgetToClipboard?: (key: string, widget: ReactWidgetPM) => void;
     openDeleteWidgetConfirmWindow: (deleteProps: DeleteWidgetProps) => void;
     onSelectDataPoint: (dataPointSelection: DataPointSelection) => void;
+    useAgGridPivot?: boolean;
+    agGridLicenseKey?: string;
 };
 declare const Dashboard: (props: DashboardProps) => React.JSX.Element;
 export default Dashboard;