@genesislcap/pbc-reporting-ui 1.0.376 → 1.0.377

package/dist/dts/components/list/columns.d.ts

@@ -1,4 +1,3 @@
-import type { ColDef } from '@ag-grid-community/core';
 export declare enum REPORT_FIELDS {
     REPORT_ID = "REPORT_ID",
     REPORT_NAME = "REPORT_NAME",
@@ -9,6 +8,158 @@ export declare enum REPORT_FIELDS {
     REPORT_CREATED_ON = "REPORT_CREATED_ON",
     OPTIONS = "OPTIONS"
 }
-export declare function REPORT_COLUMN_DEFS(context: any): ColDef<any>[];
+export declare const REPORT_COLUMN_DEFS: (context: any) => ({
+    checkboxSelection: boolean;
+    filter: boolean;
+    headerCheckboxSelection: boolean;
+    sortable: boolean;
+    cellRenderer: string;
+    width: number;
+    cellStyle: {
+        display: string;
+        justifyContent?: undefined;
+        alignItems?: undefined;
+        textAlign?: undefined;
+        color?: undefined;
+    };
+    field?: undefined;
+    hide?: undefined;
+    headerName?: undefined;
+    cellRendererSelector?: undefined;
+    filterParams?: undefined;
+    valueFormatter?: undefined;
+    colId?: undefined;
+    resizable?: undefined;
+} | {
+    field: REPORT_FIELDS;
+    hide: boolean;
+    checkboxSelection?: undefined;
+    filter?: undefined;
+    headerCheckboxSelection?: undefined;
+    sortable?: undefined;
+    cellRenderer?: undefined;
+    width?: undefined;
+    cellStyle?: undefined;
+    headerName?: undefined;
+    cellRendererSelector?: undefined;
+    filterParams?: undefined;
+    valueFormatter?: undefined;
+    colId?: undefined;
+    resizable?: undefined;
+} | {
+    field: REPORT_FIELDS;
+    headerName: string;
+    cellStyle: {
+        display: string;
+        justifyContent: string;
+        alignItems: string;
+        textAlign: string;
+        color: string;
+    };
+    cellRendererSelector: (params: any) => {
+        component: string;
+        params: {
+            actionClick: () => any;
+            actionName: any;
+            appearance: string;
+        };
+    };
+    checkboxSelection?: undefined;
+    filter?: undefined;
+    headerCheckboxSelection?: undefined;
+    sortable?: undefined;
+    cellRenderer?: undefined;
+    width?: undefined;
+    hide?: undefined;
+    filterParams?: undefined;
+    valueFormatter?: undefined;
+    colId?: undefined;
+    resizable?: undefined;
+} | {
+    field: REPORT_FIELDS;
+    headerName: string;
+    width: number;
+    checkboxSelection?: undefined;
+    filter?: undefined;
+    headerCheckboxSelection?: undefined;
+    sortable?: undefined;
+    cellRenderer?: undefined;
+    cellStyle?: undefined;
+    hide?: undefined;
+    cellRendererSelector?: undefined;
+    filterParams?: undefined;
+    valueFormatter?: undefined;
+    colId?: undefined;
+    resizable?: undefined;
+} | {
+    field: REPORT_FIELDS;
+    headerName: string;
+    checkboxSelection?: undefined;
+    filter?: undefined;
+    headerCheckboxSelection?: undefined;
+    sortable?: undefined;
+    cellRenderer?: undefined;
+    width?: undefined;
+    cellStyle?: undefined;
+    hide?: undefined;
+    cellRendererSelector?: undefined;
+    filterParams?: undefined;
+    valueFormatter?: undefined;
+    colId?: undefined;
+    resizable?: undefined;
+} | {
+    field: REPORT_FIELDS;
+    headerName: string;
+    filter: string;
+    filterParams: {
+        comparator: (filterLocalDateAtMidnight: Date, cellValue: number) => 1 | -1 | 0;
+        buttons: string[];
+        closeOnApply: boolean;
+        closeOnClear: boolean;
+        suppressAndOrCondition: boolean;
+        browserDatePicker: boolean;
+        filterOptions: string[];
+    };
+    valueFormatter: (rowData: any) => string;
+    checkboxSelection?: undefined;
+    headerCheckboxSelection?: undefined;
+    sortable?: undefined;
+    cellRenderer?: undefined;
+    width?: undefined;
+    cellStyle?: undefined;
+    hide?: undefined;
+    cellRendererSelector?: undefined;
+    colId?: undefined;
+    resizable?: undefined;
+} | {
+    width: number;
+    colId: string;
+    headerName: string;
+    filter: boolean;
+    resizable: boolean;
+    sortable: boolean;
+    cellStyle: {
+        display: string;
+        justifyContent: string;
+        alignItems: string;
+        textAlign?: undefined;
+        color?: undefined;
+    };
+    cellRendererSelector: (params: any) => {
+        component: string;
+        params: {
+            actionClick: () => any;
+            contentTemplate: import("@microsoft/fast-element").ViewTemplate<any, any>;
+            appearance: any;
+        };
+    };
+    checkboxSelection?: undefined;
+    headerCheckboxSelection?: undefined;
+    cellRenderer?: undefined;
+    field?: undefined;
+    hide?: undefined;
+    filterParams?: undefined;
+    valueFormatter?: undefined;
+})[];
 export declare function SELECTED_COLUMN_DEFS(context: any): void;
 //# sourceMappingURL=columns.d.ts.map

package/dist/dts/components/list/columns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"columns.d.ts","sourceRoot":"","sources":["../../../../src/components/list/columns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAItD,oBAAY,aAAa;IACvB,SAAS,cAAc;IACvB,WAAW,gBAAgB;IAC3B,kBAAkB,uBAAuB;IACzC,iBAAiB,sBAAsB;IACvC,cAAc,mBAAmB;IACjC,UAAU,eAAe;IACzB,iBAAiB,sBAAsB;IACvC,OAAO,YAAY;CACpB;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,GAAG,iBA4I9C;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,GAAG,QAAI"}
+{"version":3,"file":"columns.d.ts","sourceRoot":"","sources":["../../../../src/components/list/columns.ts"],"names":[],"mappings":"AAIA,oBAAY,aAAa;IACvB,SAAS,cAAc;IACvB,WAAW,gBAAgB;IAC3B,kBAAkB,uBAAuB;IACzC,iBAAiB,sBAAsB;IACvC,cAAc,mBAAmB;IACjC,UAAU,eAAe;IACzB,iBAAiB,sBAAsB;IACvC,OAAO,YAAY;CACpB;AAED,eAAO,MAAO,kBAAkB,YAAa,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAyCA,IAAI,aAAa,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgGpE,CAAC;AAEJ,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,GAAG,QAAI"}

package/dist/dts/components/list/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../src/components/list/list.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAqB,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAiB,cAAc,EAAc,MAAM,uBAAuB,CAAC;AAKlF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAItD,qBAKa,IAAK,SAAQ,cAAc;IAC7B,OAAO,EAAG,OAAO,CAAC;IACf,iBAAiB,KAAM;IACvB,YAAY,QAAM;IACb,MAAM,EAAG,eAAe,CAAC;IAEnC,IAAI,EAAE,OAAO,CAAC;IAErB,aAAa;;OAEV;IAEG,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAoB3B,MAAM,CAAC,OAAO,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;IA2BzC,WAAW,IAAI,IAAI;IAKnB,SAAS,SAAU,GAAG,KAAG,IAAI,CAElC;IAEK,UAAU,SAAU,GAAG,KAAG,IAAI,CAEnC;IAEK,YAAY,SAAU,GAAG,KAAG,IAAI,CAErC;CACH"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../src/components/list/list.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,OAAO,EAA+C,MAAM,uBAAuB,CAAC;AAC7F,OAAO,EAAiB,cAAc,EAAc,MAAM,uBAAuB,CAAC;AAKlF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAItD,qBAKa,IAAK,SAAQ,cAAc;IAC7B,OAAO,EAAG,OAAO,CAAC;IACf,iBAAiB,KAAM;IACvB,YAAY,QAAM;IACb,MAAM,EAAG,eAAe,CAAC;IAEnC,IAAI,EAAE,OAAO,CAAC;IAErB,aAAa;;OAEV;IAEG,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAoB3B,MAAM,CAAC,OAAO,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;IA2BzC,WAAW,IAAI,IAAI;IAKnB,SAAS,SAAU,GAAG,KAAG,IAAI,CAElC;IAEK,UAAU,SAAU,GAAG,KAAG,IAAI,CAEnC;IAEK,YAAY,SAAU,GAAG,KAAG,IAAI,CAErC;CACH"}

package/dist/dts/components/list/list.template.d.ts

@@ -1,3 +1,3 @@
-import type { List } from './list';
+import type { List } from "./list";
 export declare const ListTemplate: import("@microsoft/fast-element").ViewTemplate<List, any>;
 //# sourceMappingURL=list.template.d.ts.map

package/dist/dts/components/list/list.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.template.d.ts","sourceRoot":"","sources":["../../../../src/components/list/list.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAInC,eAAO,MAAM,YAAY,2DAoBxB,CAAC"}
+{"version":3,"file":"list.template.d.ts","sourceRoot":"","sources":["../../../../src/components/list/list.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAKnC,eAAO,MAAM,YAAY,2DAgCxB,CAAC"}

package/dist/dts/components/rapid-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rapid-components.d.ts","sourceRoot":"","sources":["../../../src/components/rapid-components.ts"],"names":[],"mappings":"AAuBA;;GAEG;AACH,eAAO,MAAM,6BAA6B,qBAgCzC,CAAC"}
+{"version":3,"file":"rapid-components.d.ts","sourceRoot":"","sources":["../../../src/components/rapid-components.ts"],"names":[],"mappings":"AAyBA;;GAEG;AACH,eAAO,MAAM,6BAA6B,qBAkCzC,CAAC"}

package/dist/dts/components/renderers/custom-header-component.d.ts

@@ -0,0 +1,17 @@
+import { IHeaderComp, IHeaderParams } from '@ag-grid-community/core';
+export declare class CustomHeaderCheckboxComponent implements IHeaderComp {
+    private eCheckbox;
+    private params;
+    private indeterminateIndicator;
+    constructor();
+    refresh(params: IHeaderParams): boolean;
+    init(params: IHeaderParams): void;
+    private onKeyDown;
+    private onCheckboxClick;
+    private updateCheckboxState;
+    private setCheckboxState;
+    private updateIndeterminateIndicator;
+    getGui(): HTMLElement;
+    destroy(): void;
+}
+//# sourceMappingURL=custom-header-component.d.ts.map

package/dist/dts/components/renderers/custom-header-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-header-component.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/custom-header-component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGrE,qBAAa,6BAA8B,YAAW,WAAW;IAC/D,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,sBAAsB,CAA4B;;IAM1D,OAAO,CAAC,MAAM,EAAE,aAAa,GAAG,OAAO;IAIvC,IAAI,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI;IAgBjC,OAAO,CAAC,SAAS,CAMf;IAEF,OAAO,CAAC,eAAe,CAIrB;IAEF,OAAO,CAAC,mBAAmB,CAgBzB;IAEF,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,4BAA4B;IAUpC,MAAM,IAAI,WAAW;IAIrB,OAAO,IAAI,IAAI;CAKhB"}

package/dist/dts/components/renderers/row-select.renderer.d.ts

@@ -0,0 +1,50 @@
+import { ICellRendererComp, ICellRendererParams } from '@ag-grid-community/core';
+import { BooleanRendererParams } from '@genesislcap/foundation-zero-grid-pro';
+import { FoundationElement } from '@genesislcap/web-core';
+/**
+ * The AG Row Select Renderer element.
+ * @public
+ * @tagname %%prefix%%-row-select-renderer
+ */
+export declare class RowSelectRenderer extends FoundationElement implements ICellRendererComp {
+    params: ICellRendererParams & BooleanRendererParams;
+    checked: boolean;
+    isDisabled(data: any): boolean;
+    init(params: ICellRendererParams): void;
+    onSelectionChanged(): void;
+    changeHandler(e: any): void;
+    getGui(): HTMLElement;
+    destroy(): void;
+    refresh(params: ICellRendererParams): boolean;
+    getValue(): boolean;
+    isCancelBeforeStart(): boolean;
+}
+/**
+ * The AG Boolean Renderer Styles.
+ * @public
+ */
+export declare const agRowSelectRendererStyles: import("@microsoft/fast-element").ElementStyles;
+/**
+ * Get a Design System prefixed Checkbox template.
+ * @param designSystem - The design system prefix to use. Defaults to 'foundation'.
+ * @returns A Checkbox component template prefixed with the correct design system.
+ * @public
+ */
+export declare const getAgRowSelectRendererTemplate: (designSystem?: string) => import("@microsoft/fast-element").ViewTemplate<RowSelectRenderer, any>;
+/**
+ * A function that returns a Foundation Row Select Renderer registration for configuring the component with a DesignSystem.
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<foundation-row-select-renderer\>
+ */
+export declare const foundationAgRowSelectRenderer: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
+    baseName: string;
+    styles: import("@microsoft/fast-element").ElementStyles;
+    template: import("@microsoft/fast-element").ViewTemplate<RowSelectRenderer, any>;
+}>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
+    baseName: string;
+    styles: import("@microsoft/fast-element").ElementStyles;
+    template: import("@microsoft/fast-element").ViewTemplate<RowSelectRenderer, any>;
+}, typeof RowSelectRenderer>;
+//# sourceMappingURL=row-select.renderer.d.ts.map

package/dist/dts/components/renderers/row-select.renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-select.renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/row-select.renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,qBAAqB,EAEtB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAyB,iBAAiB,EAAC,MAAM,uBAAuB,CAAC;AAEhF;;;;GAIG;AACH,qBAAa,iBAAkB,SAAQ,iBAAkB,YAAW,iBAAiB;IAG5E,MAAM,EAAE,mBAAmB,GAAG,qBAAqB,CAAC;IAG3D,OAAO,EAAE,OAAO,CAAC;IAEV,UAAU,CAAC,IAAI,KAAA,GAAG,OAAO;IAWzB,IAAI,CAAC,MAAM,EAAE,mBAAmB;IAYhC,kBAAkB;IAMlB,aAAa,CAAC,CAAC,KAAA;IAKf,MAAM,IAAI,WAAW;IAIrB,OAAO;IASP,OAAO,CAAC,MAAM,EAAE,mBAAmB;IAK1C,QAAQ;IAIR,mBAAmB;CAGpB;AAED;;;GAGG;AACH,eAAO,MAAM,yBAAyB,iDAsCrC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,8BAA8B,mGAY1C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,6BAA6B;;;;;;;;4BAIxC,CAAC"}

package/dist/dts/components/select-fields/columns.d.ts

@@ -1,21 +1,28 @@
 import type { GridOptions } from '@ag-grid-community/core';
+import { RowSelectRenderer } from '../renderers/row-select.renderer';
 /**
  * Field selection grid config
  */
 export declare const FIELD_SELECT_CONFIG: {
     colDefs: ({
+        cellRenderer: string;
         checkboxSelection: boolean;
         filter: boolean;
         headerCheckboxSelection: boolean;
+        suppressMenu: boolean;
+        suppressSorting: boolean;
         width: number;
         field?: undefined;
         headerName?: undefined;
     } | {
         field: string;
         headerName: string;
+        cellRenderer?: undefined;
         checkboxSelection?: undefined;
         filter?: undefined;
         headerCheckboxSelection?: undefined;
+        suppressMenu?: undefined;
+        suppressSorting?: undefined;
         width?: undefined;
     })[];
     gridOptions: GridOptions<any>;
@@ -25,23 +32,30 @@ export declare const FIELD_SELECT_CONFIG: {
  */
 export declare const SELECTED_FIELDS_CONFIG: {
     colDefs: ({
+        cellRenderer: string;
         checkboxSelection: boolean;
         filter: boolean;
         headerCheckboxSelection: boolean;
-        sortable: boolean;
+        suppressMenu: boolean;
+        suppressSorting: boolean;
         width: number;
         field?: undefined;
         headerName?: undefined;
     } | {
         field: string;
         headerName: string;
+        cellRenderer?: undefined;
         checkboxSelection?: undefined;
         filter?: undefined;
         headerCheckboxSelection?: undefined;
-        sortable?: undefined;
+        suppressMenu?: undefined;
+        suppressSorting?: undefined;
         width?: undefined;
     })[];
     gridOptions: {
+        components: {
+            'row-select': typeof RowSelectRenderer;
+        };
         defaultColDef: {
             filter: boolean;
             floatingFilter: boolean;
@@ -49,6 +63,9 @@ export declare const SELECTED_FIELDS_CONFIG: {
             suppressMenu: boolean;
             resizable: boolean;
         };
+        context: {
+            ariaLabelField: string;
+        };
         animateRows: boolean;
         debug: boolean;
         rowDragManaged: boolean;

package/dist/dts/components/select-fields/columns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"columns.d.ts","sourceRoot":"","sources":["../../../../src/components/select-fields/columns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG3D;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;CAyB/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BlC,CAAC"}
+{"version":3,"file":"columns.d.ts","sourceRoot":"","sources":["../../../../src/components/select-fields/columns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;CAmC/B,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmClC,CAAC"}

package/dist/dts/components/select-filters/columns.d.ts

@@ -1,8 +1,10 @@
+import { RowSelectRenderer } from '../renderers/row-select.renderer';
 /**
  * Field selection grid config
  */
 export declare const AVAILABLE_FIELDS_CONFIG: {
     colDefs: ({
+        cellRenderer: string;
         checkboxSelection: boolean;
         filter: boolean;
         headerCheckboxSelection: boolean;
@@ -13,6 +15,7 @@ export declare const AVAILABLE_FIELDS_CONFIG: {
     } | {
         field: string;
         headerName: string;
+        cellRenderer?: undefined;
         checkboxSelection?: undefined;
         filter?: undefined;
         headerCheckboxSelection?: undefined;
@@ -20,6 +23,9 @@ export declare const AVAILABLE_FIELDS_CONFIG: {
         width?: undefined;
     })[];
     gridOptions: {
+        components: {
+            'row-select': typeof RowSelectRenderer;
+        };
         defaultColDef: {
             filter: boolean;
             floatingFilter: boolean;
@@ -27,10 +33,10 @@ export declare const AVAILABLE_FIELDS_CONFIG: {
             suppressMenu: boolean;
             resizable: boolean;
         };
+        context: {
+            ariaLabelField: string;
+        };
         debug: boolean;
-        /**
-         * Field selection grid config
-         */
         rowHeight: number;
         rowStyle: {
             backgroundColor: string;
@@ -46,6 +52,7 @@ export declare const AVAILABLE_FIELDS_CONFIG: {
  */
 export declare const SELECTED_FILTERS_CONFIG: {
     colDefs: ({
+        cellRenderer: string;
         checkboxSelection: boolean;
         headerCheckboxSelection: boolean;
         width: number;
@@ -54,11 +61,15 @@ export declare const SELECTED_FILTERS_CONFIG: {
     } | {
         field: string;
         headerName: string;
+        cellRenderer?: undefined;
         checkboxSelection?: undefined;
         headerCheckboxSelection?: undefined;
         width?: undefined;
     })[];
     gridOptions: {
+        components: {
+            'row-select': typeof RowSelectRenderer;
+        };
         defaultColDef: {
             filter: boolean;
             resizable: boolean;
@@ -69,12 +80,12 @@ export declare const SELECTED_FILTERS_CONFIG: {
                 alignItems: string;
             };
         };
+        context: {
+            ariaLabelField: string;
+        };
         suppressContextMenu: boolean;
         suppressRowTransform: boolean;
         debug: boolean;
-        /**
-         * Field selection grid config
-         */
         rowHeight: number;
         rowStyle: {
             backgroundColor: string;

package/dist/dts/components/select-filters/columns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"columns.d.ts","sourceRoot":"","sources":["../../../../src/components/select-filters/columns.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;QAHpC;;WAEG;;;;;;;;;;CA0BF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAjCpC;;WAEG;;;;;;;;;;CAwDF,CAAC"}
+{"version":3,"file":"columns.d.ts","sourceRoot":"","sources":["../../../../src/components/select-filters/columns.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCnC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCnC,CAAC"}

package/dist/dts/components/zero-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zero-components.d.ts","sourceRoot":"","sources":["../../../src/components/zero-components.ts"],"names":[],"mappings":"AAiBA;;GAEG;AACH,eAAO,MAAM,4BAA4B,qBAuBxC,CAAC"}
+{"version":3,"file":"zero-components.d.ts","sourceRoot":"","sources":["../../../src/components/zero-components.ts"],"names":[],"mappings":"AAyBA;;GAEG;AACH,eAAO,MAAM,4BAA4B,qBA8BxC,CAAC"}

package/dist/dts/config/templates.d.ts

@@ -18,6 +18,7 @@ export type TemplateComponents = {
     toast: TemplateElementDependency;
     designSystemProvider: TemplateElementDependency;
     grid: TemplateElementDependency;
+    checkbox: TemplateElementDependency;
 };
 /**
  * TemplateOptions.

package/dist/dts/config/templates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../../src/config/templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,yBAAyB,CAAC;IAChC,MAAM,EAAE,yBAAyB,CAAC;IAClC,IAAI,EAAE,yBAAyB,CAAC;IAChC,IAAI,EAAE,yBAAyB,CAAC;IAChC,GAAG,EAAE,yBAAyB,CAAC;IAC/B,QAAQ,EAAE,yBAAyB,CAAC;IACpC,SAAS,EAAE,yBAAyB,CAAC;IACrC,QAAQ,EAAE,yBAAyB,CAAC;IACpC,UAAU,EAAE,yBAAyB,CAAC;IACtC,KAAK,EAAE,yBAAyB,CAAC;IACjC,KAAK,EAAE,yBAAyB,CAAC;IACjC,oBAAoB,EAAE,yBAAyB,CAAC;IAChD,IAAI,EAAE,yBAAyB,CAAC;CACjC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,kBAAkB,CAAC,GAAG;IAC1D;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;CAC9C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,EAAE,eAcpC,CAAC"}
+{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../../src/config/templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,yBAAyB,CAAC;IAChC,MAAM,EAAE,yBAAyB,CAAC;IAClC,IAAI,EAAE,yBAAyB,CAAC;IAChC,IAAI,EAAE,yBAAyB,CAAC;IAChC,GAAG,EAAE,yBAAyB,CAAC;IAC/B,QAAQ,EAAE,yBAAyB,CAAC;IACpC,SAAS,EAAE,yBAAyB,CAAC;IACrC,QAAQ,EAAE,yBAAyB,CAAC;IACpC,UAAU,EAAE,yBAAyB,CAAC;IACtC,KAAK,EAAE,yBAAyB,CAAC;IACjC,KAAK,EAAE,yBAAyB,CAAC;IACjC,oBAAoB,EAAE,yBAAyB,CAAC;IAChD,IAAI,EAAE,yBAAyB,CAAC;IAChC,QAAQ,EAAE,yBAAyB,CAAC;CACrC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,kBAAkB,CAAC,GAAG;IAC1D;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;CAC9C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,EAAE,eAepC,CAAC"}

package/dist/dts/tags/tags.d.ts

@@ -61,4 +61,8 @@ export declare const designSystemProviderTag: string;
  * @internal
  */
 export declare const gridTag: string;
+/**
+ * @internal
+ */
+export declare const checkboxTag: string;
 //# sourceMappingURL=tags.d.ts.map

package/dist/dts/tags/tags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tags.d.ts","sourceRoot":"","sources":["../../../src/tags/tags.ts"],"names":[],"mappings":"AAKA;;;;;;GAMG;AAEH;;GAEG;AACH,eAAO,MAAQ,eAAe,+CACqB,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,OAAO,QAA+B,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,SAAS,QAAiC,CAAC;AAExD;;GAEG;AACH,eAAO,MAAM,OAAO,QAA+B,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,OAAO,QAA+B,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,MAAM,QAA8B,CAAC;AAClD;;GAEG;AACH,eAAO,MAAM,WAAW,QAAmC,CAAC;AAC5D;;GAEG;AACH,eAAO,MAAM,YAAY,QAAoC,CAAC;AAC9D;;GAEG;AACH,eAAO,MAAM,WAAW,QAAmC,CAAC;AAC5D;;GAEG;AACH,eAAO,MAAM,aAAa,QAAqC,CAAC;AAChE;;GAEG;AACH,eAAO,MAAM,QAAQ,QAAgC,CAAC;AACtD;;GAEG;AACH,eAAO,MAAM,QAAQ,QAAgC,CAAC;AACtD;;GAEG;AACH,eAAO,MAAM,uBAAuB,QAA+C,CAAC;AACpF;;GAEG;AACH,eAAO,MAAM,OAAO,QAA+B,CAAC"}
+{"version":3,"file":"tags.d.ts","sourceRoot":"","sources":["../../../src/tags/tags.ts"],"names":[],"mappings":"AAKA;;;;;;GAMG;AAEH;;GAEG;AACH,eAAO,MAAQ,eAAe,+CACqB,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,OAAO,QAA+B,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,SAAS,QAAiC,CAAC;AAExD;;GAEG;AACH,eAAO,MAAM,OAAO,QAA+B,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,OAAO,QAA+B,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,MAAM,QAA8B,CAAC;AAClD;;GAEG;AACH,eAAO,MAAM,WAAW,QAAmC,CAAC;AAC5D;;GAEG;AACH,eAAO,MAAM,YAAY,QAAoC,CAAC;AAC9D;;GAEG;AACH,eAAO,MAAM,WAAW,QAAmC,CAAC;AAC5D;;GAEG;AACH,eAAO,MAAM,aAAa,QAAqC,CAAC;AAChE;;GAEG;AACH,eAAO,MAAM,QAAQ,QAAgC,CAAC;AACtD;;GAEG;AACH,eAAO,MAAM,QAAQ,QAAgC,CAAC;AACtD;;GAEG;AACH,eAAO,MAAM,uBAAuB,QAA+C,CAAC;AACpF;;GAEG;AACH,eAAO,MAAM,OAAO,QAA+B,CAAC;AACpD;;GAEG;AACH,eAAO,MAAM,WAAW,QAAmC,CAAC"}

package/dist/esm/components/list/columns.js

@@ -11,142 +11,139 @@ export var REPORT_FIELDS;
     REPORT_FIELDS["REPORT_CREATED_ON"] = "REPORT_CREATED_ON";
     REPORT_FIELDS["OPTIONS"] = "OPTIONS";
 })(REPORT_FIELDS || (REPORT_FIELDS = {}));
-export function REPORT_COLUMN_DEFS(context) {
-    let retval = [];
-    retval = [
-        {
-            checkboxSelection: true,
-            filter: false,
-            headerCheckboxSelection: true,
-            sortable: false,
-            width: 60,
-            cellStyle: { display: 'flex' },
+export const REPORT_COLUMN_DEFS = (context) => [
+    {
+        checkboxSelection: false,
+        filter: false,
+        headerCheckboxSelection: true,
+        sortable: false,
+        cellRenderer: 'row-select',
+        width: 60,
+        cellStyle: { display: 'flex' },
+    },
+    { field: REPORT_FIELDS.REPORT_ID, hide: true },
+    { field: REPORT_FIELDS.REPORT_COLUMNS, hide: true },
+    {
+        field: REPORT_FIELDS.REPORT_NAME,
+        headerName: 'Report Name',
+        cellStyle: {
+            display: 'flex',
+            justifyContent: 'flex-start',
+            alignItems: 'center',
+            textAlign: 'left',
+            color: 'var(--accent-fill-rest)',
         },
-        { field: REPORT_FIELDS.REPORT_ID, hide: true },
-        { field: REPORT_FIELDS.REPORT_COLUMNS, hide: true },
-        {
-            field: REPORT_FIELDS.REPORT_NAME,
-            headerName: 'Report Name',
-            cellStyle: {
-                display: 'flex',
-                justifyContent: 'flex-start',
-                alignItems: 'center',
-                textAlign: 'left',
-                color: 'var(--accent-fill-rest)',
-            },
-            cellRendererSelector: (params) => {
-                return {
-                    component: 'action',
-                    params: {
-                        actionClick: () => { var _a; return context.runReport((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.data); },
-                        actionName: params === null || params === void 0 ? void 0 : params.value,
-                        appearance: 'lightweight',
-                    },
-                };
+        cellRendererSelector: (params) => {
+            return {
+                component: 'action',
+                params: {
+                    actionClick: () => { var _a; return context.runReport((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.data); },
+                    actionName: params === null || params === void 0 ? void 0 : params.value,
+                    appearance: 'lightweight',
+                },
+            };
+        },
+    },
+    { field: REPORT_FIELDS.REPORT_DESCRIPTION, headerName: 'Description', width: 400 },
+    { field: REPORT_FIELDS.REPORT_DATASOURCE, headerName: 'Datasource' },
+    { field: REPORT_FIELDS.CREATED_BY, headerName: 'Author' },
+    {
+        field: REPORT_FIELDS.REPORT_CREATED_ON,
+        headerName: 'Created date',
+        filter: 'agDateColumnFilter',
+        filterParams: {
+            comparator: (filterLocalDateAtMidnight, cellValue) => {
+                if (!cellValue)
+                    return -1;
+                const cellValueTime = new Date(cellValue).setHours(0, 0, 0, 0);
+                const filterValueTime = filterLocalDateAtMidnight.getTime();
+                if (cellValueTime === filterValueTime) {
+                    return 0;
+                }
+                if (cellValueTime < filterValueTime) {
+                    return -1;
+                }
+                if (cellValueTime > filterValueTime) {
+                    return 1;
+                }
             },
+            buttons: ['reset', 'apply'],
+            closeOnApply: true,
+            closeOnClear: true,
+            suppressAndOrCondition: true,
+            browserDatePicker: true,
+            filterOptions: ['equals', 'lessThan', 'greaterThan'],
+        },
+        valueFormatter: (rowData) => formatDateTimestamp(rowData.data.REPORT_CREATED_ON),
+    },
+    {
+        width: 100,
+        colId: 'runReportAction',
+        headerName: 'Run',
+        filter: false,
+        resizable: false,
+        sortable: false,
+        cellStyle: {
+            display: 'flex',
+            justifyContent: 'flex-start',
+            alignItems: 'center',
         },
-        { field: REPORT_FIELDS.REPORT_DESCRIPTION, headerName: 'Description', width: 400 },
-        { field: REPORT_FIELDS.REPORT_DATASOURCE, headerName: 'Datasource' },
-        { field: REPORT_FIELDS.CREATED_BY, headerName: 'Author' },
-        {
-            field: REPORT_FIELDS.REPORT_CREATED_ON,
-            headerName: 'Created date',
-            filter: 'agDateColumnFilter',
-            filterParams: {
-                comparator: (filterLocalDateAtMidnight, cellValue) => {
-                    if (!cellValue)
-                        return -1;
-                    const cellValueTime = new Date(cellValue).setHours(0, 0, 0, 0);
-                    const filterValueTime = filterLocalDateAtMidnight.getTime();
-                    if (cellValueTime === filterValueTime) {
-                        return 0;
-                    }
-                    if (cellValueTime < filterValueTime) {
-                        return -1;
-                    }
-                    if (cellValueTime > filterValueTime) {
-                        return 1;
-                    }
+        cellRendererSelector: (params) => {
+            return {
+                component: 'action',
+                params: {
+                    actionClick: () => { var _a; return context.runReport((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.data); },
+                    contentTemplate: html `<label style="pointer-events: none" aria-label="Run report named: ${params.data[REPORT_FIELDS.REPORT_NAME]}">Run</label>`,
+                    appearance: context.config.buttonAppearance,
                 },
-                buttons: ['reset', 'apply'],
-                closeOnApply: true,
-                closeOnClear: true,
-                suppressAndOrCondition: true,
-                browserDatePicker: true,
-                filterOptions: ['equals', 'lessThan', 'greaterThan'],
-            },
-            valueFormatter: (rowData) => formatDateTimestamp(rowData.data.REPORT_CREATED_ON),
+            };
         },
-        {
-            width: 100,
-            colId: 'runReportAction',
-            headerName: 'Run',
-            filter: false,
-            resizable: false,
-            sortable: false,
-            cellStyle: {
-                display: 'flex',
-                justifyContent: 'flex-start',
-                alignItems: 'center',
-            },
-            cellRendererSelector: (params) => {
-                return {
-                    component: 'action',
-                    params: {
-                        actionClick: () => { var _a; return context.runReport((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.data); },
-                        contentTemplate: html `<label style="pointer-events: none" aria-label="Run report named: ${params.data[REPORT_FIELDS.REPORT_NAME]}">Run</label>`,
-                        appearance: context.config.buttonAppearance,
-                    },
-                };
-            },
+    },
+    {
+        width: 100,
+        colId: 'editReportAction',
+        headerName: 'Edit',
+        filter: false,
+        resizable: false,
+        sortable: false,
+        cellStyle: {
+            display: 'flex',
+            justifyContent: 'flex-start',
+            alignItems: 'center',
         },
-        {
-            width: 100,
-            colId: 'editReportAction',
-            headerName: 'Edit',
-            filter: false,
-            resizable: false,
-            sortable: false,
-            cellStyle: {
-                display: 'flex',
-                justifyContent: 'flex-start',
-                alignItems: 'center',
-            },
-            cellRendererSelector: (params) => {
-                return {
-                    component: 'action',
-                    params: {
-                        actionClick: () => { var _a; return context.editReport((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.data); },
-                        contentTemplate: html `<label style="pointer-events: none" aria-label="Edit report named: ${params.data[REPORT_FIELDS.REPORT_NAME]}">Edit</label>`,
-                        appearance: context.config.buttonAppearance,
-                    },
-                };
-            },
+        cellRendererSelector: (params) => {
+            return {
+                component: 'action',
+                params: {
+                    actionClick: () => { var _a; return context.editReport((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.data); },
+                    contentTemplate: html `<label style="pointer-events: none" aria-label="Edit report named: ${params.data[REPORT_FIELDS.REPORT_NAME]}">Edit</label>`,
+                    appearance: context.config.buttonAppearance,
+                },
+            };
         },
-        {
-            width: 110,
-            colId: 'deleteReportAction',
-            headerName: 'Delete',
-            filter: false,
-            resizable: false,
-            sortable: false,
-            cellStyle: {
-                display: 'flex',
-                justifyContent: 'flex-start',
-                alignItems: 'center',
-            },
-            cellRendererSelector: (params) => {
-                return {
-                    component: 'action',
-                    params: {
-                        actionClick: () => { var _a; return context.deleteReport((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.data); },
-                        contentTemplate: html `<label style="pointer-events: none" aria-label="Delete report named: ${params.data[REPORT_FIELDS.REPORT_NAME]}">Delete</label>`,
-                        appearance: context.config.buttonAppearance,
-                    },
-                };
-            },
+    },
+    {
+        width: 110,
+        colId: 'deleteReportAction',
+        headerName: 'Delete',
+        filter: false,
+        resizable: false,
+        sortable: false,
+        cellStyle: {
+            display: 'flex',
+            justifyContent: 'flex-start',
+            alignItems: 'center',
+        },
+        cellRendererSelector: (params) => {
+            return {
+                component: 'action',
+                params: {
+                    actionClick: () => { var _a; return context.deleteReport((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.data); },
+                    contentTemplate: html `<label style="pointer-events: none" aria-label="Delete report named: ${params.data[REPORT_FIELDS.REPORT_NAME]}">Delete</label>`,
+                    appearance: context.config.buttonAppearance,
+                },
+            };
         },
-    ];
-    return retval;
-}
+    },
+];
 export function SELECTED_COLUMN_DEFS(context) { }

package/dist/esm/components/list/list.template.js

@@ -1,22 +1,38 @@
-import { html, repeat, ref } from '@genesislcap/web-core';
-import { REPORT_COLUMN_DEFS } from './columns';
-import { gridTag } from '../../tags';
+import { html, ref } from "@genesislcap/web-core";
+import { REPORT_COLUMN_DEFS } from "./columns";
+import { gridTag } from "../../tags";
+import { RowSelectRenderer } from "../renderers/row-select.renderer";
 // TODO: provide gridoptions in class
 export const ListTemplate = html `
   <${gridTag}
-    ${ref('grid')}
+    ${ref("grid")}
     data-test-id="report-grid"
     only-template-col-defs
     rowSelection="multiple"
     suppressRowClickSelection
     suppressRowTransform
   >
-    <grid-pro-genesis-datasource resource-name="ALL_SAVED_REPORTS"></grid-pro-genesis-datasource>
-    ${repeat((x) => REPORT_COLUMN_DEFS(x), html `
-        <grid-pro-column
-          data-test-id="report-grid-column"
-          :definition="${(x) => x}"
-        ></grid-pro-column>
-      `)}
+    <grid-pro-genesis-datasource 
+      resource-name="ALL_SAVED_REPORTS"
+      :deferredGridOptions=${(x) => ({
+    components: {
+        "row-select": RowSelectRenderer,
+    },
+    defaultColDef: {
+        filter: false,
+        floatingFilter: false,
+        sortable: false,
+        sort: "asc",
+        suppressMenu: false,
+        resizable: false,
+    },
+    rowSelection: "multiple",
+    suppressRowClickSelection: true,
+    columnDefs: REPORT_COLUMN_DEFS(x),
+    context: {
+        ariaLabelField: 'REPORT_NAME'
+    }
+})}
+    ></grid-pro-genesis-datasource>
   </${gridTag}>
 `;

package/dist/esm/components/rapid-components.js

@@ -1,5 +1,6 @@
-import { baseComponents, provideDesignSystem, rapidIcon, rapidButton, rapidCard, rapidTabs, rapidTab, rapidTabPanel, rapidTextField, rapidTextArea, rapidRadioGroup, rapidRadio, rapidToast, rapidActionsMenu, rapidMenu, rapidMenuItem, rapidDialog, rapidSelect, rapidListboxOption, } from '@genesislcap/rapid-design-system';
+import { baseComponents, provideDesignSystem, rapidActionsMenu, rapidButton, rapidCard, rapidCheckbox, rapidDialog, rapidIcon, rapidListboxOption, rapidMenu, rapidMenuItem, rapidRadio, rapidRadioGroup, rapidSelect, rapidTab, rapidTabPanel, rapidTabs, rapidTextField, rapidTextArea, rapidToast, } from '@genesislcap/rapid-design-system';
 import { rapidGridComponents } from '@genesislcap/rapid-grid-pro';
+import { foundationAgRowSelectRenderer } from './renderers/row-select.renderer';
 /**
  * @public
  */
@@ -12,9 +13,9 @@ export const registerCommonRapidComponents = async () => {
     /**
      * Common across most routes, so batch register these lightweight components upfront.
      */
-    rapidIcon(), rapidButton(), rapidCard(), rapidDialog(), rapidSelect(), rapidTabs(), rapidListboxOption(), rapidTab(), rapidTabPanel(), rapidTextField(), rapidTextArea(), rapidRadioGroup(), rapidRadio(), rapidToast(), rapidActionsMenu(), rapidMenu(), rapidMenuItem(), 
+    rapidActionsMenu(), rapidButton(), rapidCard(), rapidCheckbox(), rapidDialog(), rapidIcon(), rapidListboxOption(), rapidMenu(), rapidMenuItem(), rapidRadio(), rapidRadioGroup(), rapidSelect(), rapidTab(), rapidTabPanel(), rapidTabs(), rapidTextField(), rapidTextArea(), rapidToast(), 
     /**
      * A re-export of designSystemProvider is missing from the top level index file in rapid
      */
-    baseComponents.designSystemProvider(), rapidGridComponents);
+    baseComponents.designSystemProvider(), rapidGridComponents, foundationAgRowSelectRenderer());
 };

package/dist/esm/components/renderers/custom-header-component.js

@@ -0,0 +1,71 @@
+import { checkboxTag } from '../../tags'; // Ensure this is your custom checkbox tag or use a regular HTML input tag
+export class CustomHeaderCheckboxComponent {
+    constructor() {
+        this.indeterminateIndicator = null;
+        this.onKeyDown = (event) => {
+            // Spacebar triggers checkbox toggle
+            if (event.key === ' ' || event.key === 'Spacebar') {
+                event.preventDefault();
+                this.onCheckboxClick();
+            }
+        };
+        this.onCheckboxClick = () => {
+            const isChecked = this.eCheckbox.classList.contains('checked');
+            this.params.api.forEachNode((node) => node.setSelected(!isChecked));
+            this.updateCheckboxState();
+        };
+        this.updateCheckboxState = () => {
+            const selectedNodes = this.params.api.getSelectedNodes();
+            const displayedRowCount = this.params.api.getDisplayedRowCount();
+            // Remove all state classes first
+            this.eCheckbox.classList.remove('checked', 'unchecked', 'indeterminate');
+            this.eCheckbox.removeAttribute('aria-checked');
+            if (selectedNodes.length === displayedRowCount && displayedRowCount > 0) {
+                this.setCheckboxState('checked', true);
+            }
+            else if (selectedNodes.length === 0) {
+                this.setCheckboxState('unchecked', false);
+            }
+            else {
+                this.setCheckboxState('indeterminate', false);
+                this.updateIndeterminateIndicator();
+            }
+        };
+        this.eCheckbox = document.createElement(checkboxTag); // Create custom checkbox
+    }
+    refresh(params) {
+        return true;
+    }
+    init(params) {
+        var _a;
+        this.params = params;
+        this.eCheckbox.setAttribute('aria-label', 'Select all rows');
+        this.eCheckbox.setAttribute('role', 'checkbox');
+        this.eCheckbox.setAttribute('tabindex', '0');
+        this.indeterminateIndicator = ((_a = this.eCheckbox.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('[part="indeterminate-indicator"]')) || null;
+        this.eCheckbox.addEventListener('click', this.onCheckboxClick);
+        this.eCheckbox.addEventListener('keydown', this.onKeyDown);
+        this.params.api.addEventListener('selectionChanged', this.updateCheckboxState);
+        this.updateCheckboxState(); // Initial state update
+    }
+    setCheckboxState(state, isChecked) {
+        this.eCheckbox.classList.add(state);
+        this.eCheckbox.setAttribute('aria-checked', state === 'checked' ? 'true' : state === 'unchecked' ? 'false' : 'mixed');
+    }
+    updateIndeterminateIndicator() {
+        var _a;
+        if (!this.indeterminateIndicator) {
+            this.indeterminateIndicator = (_a = this.eCheckbox.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('[part="indeterminate-indicator"]');
+        }
+        this.indeterminateIndicator.style.backgroundColor =
+            "var(--accent-fill-rest)";
+    }
+    getGui() {
+        return this.eCheckbox; // Return the custom checkbox element
+    }
+    destroy() {
+        this.params.api.removeEventListener('selectionChanged', this.updateCheckboxState);
+        this.eCheckbox.removeEventListener('click', this.onCheckboxClick);
+        this.eCheckbox.removeEventListener('keydown', this.onKeyDown);
+    }
+}

package/dist/esm/components/renderers/row-select.renderer.js

@@ -0,0 +1,138 @@
+import { __decorate } from "tslib";
+import { EDITED_COLUMN_FIELD, } from '@genesislcap/foundation-zero-grid-pro';
+import { css, html, observable, FoundationElement } from '@genesislcap/web-core';
+/**
+ * The AG Row Select Renderer element.
+ * @public
+ * @tagname %%prefix%%-row-select-renderer
+ */
+export class RowSelectRenderer extends FoundationElement {
+    isDisabled(data) {
+        var _a;
+        if (typeof ((_a = this.params) === null || _a === void 0 ? void 0 : _a.isDisabled) === 'function') {
+            try {
+                return this.params.isDisabled(data);
+            }
+            catch (error) {
+                // logger.error('Error executing grid action cell renderer isDisabled callback:', error);
+            }
+        }
+        return false;
+    }
+    init(params) {
+        if (!params)
+            return;
+        this.params = params;
+        this.checked = !!params.value;
+        const { ariaLabelField } = params.context;
+        this.ariaLabel = `Select row for ${params.data[ariaLabelField]}. Press Space to toggle selection.`;
+        this.params.api.addEventListener('selectionChanged', this.onSelectionChanged.bind(this));
+    }
+    onSelectionChanged() {
+        if (this.params && this.params.node) {
+            this.checked = this.params.node.isSelected();
+        }
+    }
+    changeHandler(e) {
+        this.checked = e.target.checked;
+        this.params.node.setSelected(this.checked);
+    }
+    getGui() {
+        return this;
+    }
+    destroy() {
+        if (this.params && this.params.api) {
+            this.params.api.removeEventListener('selectionChanged', this.onSelectionChanged.bind(this));
+        }
+    }
+    refresh(params) {
+        this.checked = params.value;
+        return true;
+    }
+    getValue() {
+        return this.checked;
+    }
+    isCancelBeforeStart() {
+        return !!this.params.data[EDITED_COLUMN_FIELD];
+    }
+}
+__decorate([
+    observable
+], RowSelectRenderer.prototype, "params", void 0);
+__decorate([
+    observable
+], RowSelectRenderer.prototype, "checked", void 0);
+/**
+ * The AG Boolean Renderer Styles.
+ * @public
+ */
+export const agRowSelectRendererStyles = css `
+  :host {
+    align-items: center;
+    display: flex;
+    height: 100%;
+  }
+
+  .custom-checkbox {
+    width: calc((var(--base-height-multiplier) - 1) * 2px);
+    height: calc((var(--base-height-multiplier) - 1) * 2px);
+    background: var(--ag-background-color);
+  }
+
+  .custom-checkbox:focus {
+    outline: none;
+    box-shadow: var(--ag-input-focus-box-shadow);
+    border-radius: 2px;
+  }
+
+  .custom-checkbox::part(control) {
+    width: calc((var(--base-height-multiplier) - 1) * 2px);
+    height: calc((var(--base-height-multiplier) - 1) * 2px);
+    background: var(--ag-background-color);
+    border-radius: 2px;
+    border: calc(var(--stroke-width) * 2px) solid var(--ag-checkbox-unchecked-color);
+  }
+
+  .custom-checkbox[aria-checked="true"],
+  .custom-checkbox[aria-checked="true"]::part(control) {
+    background: var(--ag-checkbox-checked-color);
+    border: none;
+  }
+
+  .custom-checkbox[aria-checked="true"]::part(checked-indicator) {
+    fill: var(--foreground-on-accent-rest);
+    box-shadow: none;
+    border-radius: 0;
+  }
+`;
+/**
+ * Get a Design System prefixed Checkbox template.
+ * @param designSystem - The design system prefix to use. Defaults to 'foundation'.
+ * @returns A Checkbox component template prefixed with the correct design system.
+ * @public
+ */
+export const getAgRowSelectRendererTemplate = (designSystem = 'rapid') => {
+    const checkboxComponent = `${designSystem}-checkbox`;
+    return html `
+    <${checkboxComponent}
+      role="checkbox"
+      class="custom-checkbox"
+      @change=${(x, c) => x.changeHandler(c.event)}
+      :checked=${(x) => x.checked}
+      :disabled=${(x) => x.isDisabled(x.params.data)}
+      aria-label=${(x) => x.ariaLabel}
+    ></${checkboxComponent}>
+  `;
+};
+/**
+ * A function that returns a Foundation Row Select Renderer registration for configuring the component with a DesignSystem.
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<foundation-row-select-renderer\>
+ */
+export const foundationAgRowSelectRenderer = RowSelectRenderer.compose({
+    baseName: 'grid-pro-row-select-renderer',
+    styles: agRowSelectRendererStyles,
+    template: getAgRowSelectRendererTemplate(),
+});

package/dist/esm/components/select-fields/columns.js

@@ -1,13 +1,17 @@
 import { defaultRowConfig } from '../../constants/grid-config';
+import { RowSelectRenderer } from '../renderers/row-select.renderer';
 /**
  * Field selection grid config
  */
 export const FIELD_SELECT_CONFIG = {
     colDefs: [
         {
-            checkboxSelection: true,
+            cellRenderer: 'row-select',
+            checkboxSelection: false,
             filter: false,
             headerCheckboxSelection: true,
+            suppressMenu: true,
+            suppressSorting: true,
             width: 60,
         },
         {
@@ -15,14 +19,18 @@ export const FIELD_SELECT_CONFIG = {
             headerName: 'Field Name',
         },
     ],
-    gridOptions: Object.assign(Object.assign({}, defaultRowConfig), { defaultColDef: {
+    gridOptions: Object.assign(Object.assign({}, defaultRowConfig), { components: {
+            'row-select': RowSelectRenderer,
+        }, defaultColDef: {
             filter: false,
             floatingFilter: false,
             sortable: false,
             sort: 'asc',
             suppressMenu: false,
             resizable: false,
-        }, debug: true }),
+        }, context: {
+            ariaLabelField: 'name'
+        }, rowSelection: 'multiple', suppressRowClickSelection: true }),
 };
 /**
  * Selected fields config
@@ -30,10 +38,12 @@ export const FIELD_SELECT_CONFIG = {
 export const SELECTED_FIELDS_CONFIG = {
     colDefs: [
         {
-            checkboxSelection: true,
+            cellRenderer: 'row-select',
+            checkboxSelection: false,
             filter: false,
             headerCheckboxSelection: true,
-            sortable: false,
+            suppressMenu: true,
+            suppressSorting: true,
             width: 60,
         },
         {
@@ -41,11 +51,15 @@ export const SELECTED_FIELDS_CONFIG = {
             headerName: 'Column name',
         },
     ],
-    gridOptions: Object.assign(Object.assign({}, defaultRowConfig), { defaultColDef: {
+    gridOptions: Object.assign(Object.assign({}, defaultRowConfig), { components: {
+            'row-select': RowSelectRenderer,
+        }, defaultColDef: {
             filter: false,
             floatingFilter: false,
             sortable: false,
             suppressMenu: false,
             resizable: false,
+        }, context: {
+            ariaLabelField: 'name'
         }, animateRows: true, debug: true, rowDragManaged: true }),
 };

package/dist/esm/components/select-filters/columns.js

@@ -1,11 +1,13 @@
 import { defaultCellConfig, defaultRowConfig } from '../../constants/grid-config';
+import { RowSelectRenderer } from '../renderers/row-select.renderer';
 /**
  * Field selection grid config
  */
 export const AVAILABLE_FIELDS_CONFIG = {
     colDefs: [
         {
-            checkboxSelection: true,
+            cellRenderer: 'row-select',
+            checkboxSelection: false,
             filter: false,
             headerCheckboxSelection: true,
             sortable: false,
@@ -16,12 +18,16 @@ export const AVAILABLE_FIELDS_CONFIG = {
             headerName: 'Field Name',
         },
     ],
-    gridOptions: Object.assign(Object.assign({}, defaultRowConfig), { defaultColDef: {
+    gridOptions: Object.assign(Object.assign({}, defaultRowConfig), { components: {
+            'row-select': RowSelectRenderer,
+        }, defaultColDef: {
             filter: false,
             floatingFilter: false,
             sortable: false,
             suppressMenu: false,
             resizable: false,
+        }, context: {
+            ariaLabelField: 'displayName'
         }, debug: true }),
 };
 /**
@@ -30,7 +36,8 @@ export const AVAILABLE_FIELDS_CONFIG = {
 export const SELECTED_FILTERS_CONFIG = {
     colDefs: [
         {
-            checkboxSelection: true,
+            cellRenderer: 'row-select',
+            checkboxSelection: false,
             headerCheckboxSelection: true,
             width: 60,
         },
@@ -39,5 +46,9 @@ export const SELECTED_FILTERS_CONFIG = {
             headerName: 'Field Name',
         },
     ],
-    gridOptions: Object.assign(Object.assign({}, defaultRowConfig), { defaultColDef: Object.assign(Object.assign({}, defaultCellConfig), { filter: false, resizable: false, sortable: false, suppressMenu: true }), suppressContextMenu: true, suppressRowTransform: true, debug: true }),
+    gridOptions: Object.assign(Object.assign({}, defaultRowConfig), { components: {
+            'row-select': RowSelectRenderer,
+        }, defaultColDef: Object.assign(Object.assign({}, defaultCellConfig), { filter: false, resizable: false, sortable: false, suppressMenu: true }), context: {
+            ariaLabelField: 'displayName'
+        }, suppressContextMenu: true, suppressRowTransform: true, debug: true }),
 };

package/dist/esm/components/zero-components.js

@@ -1,5 +1,6 @@
-import { provideDesignSystem, zeroIcon, zeroButton, zeroCard, zeroTabs, zeroTab, zeroTabPanel, zeroTextField, zeroTextArea, zeroRadioGroup, zeroRadio, zeroToast, zeroDesignSystemProvider, } from '@genesislcap/foundation-zero';
+import { provideDesignSystem, zeroActionsMenu, zeroButton, zeroCard, zeroCheckbox, zeroDesignSystemProvider, zeroDialog, zeroIcon, zeroListboxOption, zeroMenu, zeroMenuItem, zeroRadio, zeroRadioGroup, zeroSelect, zeroTab, zeroTabPanel, zeroTabs, zeroTextField, zeroTextArea, zeroToast, } from '@genesislcap/foundation-zero';
 import { zeroGridComponents } from '@genesislcap/foundation-zero-grid-pro';
+import { foundationAgRowSelectRenderer } from './renderers/row-select.renderer';
 /**
  * @public
  */
@@ -7,10 +8,9 @@ export const registerCommonZeroComponents = async () => {
     /**
      * Register the components the app is using with the system.
      */
-    provideDesignSystem()
-        .register(
+    provideDesignSystem().register(
     /**
      * Common across most routes, so batch register these lightweight components upfront.
      */
-    zeroIcon(), zeroButton(), zeroCard(), zeroTabs(), zeroTab(), zeroTabPanel(), zeroTextField(), zeroTextArea(), zeroRadioGroup(), zeroRadio(), zeroToast(), zeroDesignSystemProvider(), zeroGridComponents);
+    zeroActionsMenu(), zeroButton(), zeroCard(), zeroCheckbox(), zeroDesignSystemProvider(), zeroDialog(), zeroIcon(), zeroListboxOption(), zeroMenu(), zeroMenuItem(), zeroRadio(), zeroRadioGroup(), zeroSelect(), zeroTab(), zeroTabPanel(), zeroTabs(), zeroTextField(), zeroTextArea(), zeroToast(), zeroGridComponents, foundationAgRowSelectRenderer());
 };

package/dist/esm/config/templates.js

@@ -18,4 +18,5 @@ export const defaultTemplateOptions = {
     toast: 'rapid-toast',
     designSystemProvider: 'rapid-design-system-provider',
     grid: 'rapid-grid-pro',
+    checkbox: 'rapid-checkbox',
 };

package/dist/esm/tags/tags.js

@@ -65,3 +65,7 @@ export const designSystemProviderTag = tagFor(templateOptions.designSystemProvid
  * @internal
  */
 export const gridTag = tagFor(templateOptions.grid);
+/**
+ * @internal
+ */
+export const checkboxTag = tagFor(templateOptions.checkbox);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/pbc-reporting-ui",
   "description": "Genesis PBC Reporting UI",
-  "version": "1.0.376",
+  "version": "1.0.377",
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
   "types": "dist/dts/index.d.ts",