@genesislcap/grid-pro 14.23.1-alpha-bf28a25.0 → 14.24.0

package/dist/custom-elements.json

@@ -263,26 +263,6 @@
       "kind": "javascript-module",
       "path": "src/grid-pro.ts",
       "declarations": [
-        {
-          "kind": "function",
-          "name": "convertToKebabCase",
-          "parameters": [
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "description": "The value to convert to Kebab case."
-            }
-          ],
-          "description": "Convert string values from 'camelCase' to 'kebab-case'",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "privacy": "public"
-        },
         {
           "kind": "class",
           "description": "The Grid Pro element.",
@@ -449,18 +429,15 @@
             {
               "kind": "field",
               "name": "agAttributes",
+              "privacy": "protected",
               "type": {
-                "text": "Record<string, string>"
+                "text": "object"
               },
-              "privacy": "protected",
               "default": "{}"
             },
             {
               "kind": "field",
               "name": "agPropertiesMap",
-              "type": {
-                "text": "Record<string, string>"
-              },
               "privacy": "protected"
             },
             {
@@ -516,7 +493,7 @@
             },
             {
               "kind": "method",
-              "name": "saveColumnState",
+              "name": "serialiseStoreTableConfig",
               "privacy": "private",
               "return": {
                 "type": {
@@ -524,19 +501,9 @@
                 }
               }
             },
-            {
-              "kind": "field",
-              "name": "savedColumnState",
-              "type": {
-                "text": "ColDef[]"
-              },
-              "description": "Gets the saved grid ColDefs from local storage",
-              "privacy": "public",
-              "readonly": true
-            },
             {
               "kind": "method",
-              "name": "restoreColumnState",
+              "name": "rehydrateTableConfig",
               "privacy": "private",
               "return": {
                 "type": {
@@ -918,14 +885,6 @@
         }
       ],
       "exports": [
-        {
-          "kind": "js",
-          "name": "convertToKebabCase",
-          "declaration": {
-            "name": "convertToKebabCase",
-            "module": "src/grid-pro.ts"
-          }
-        },
         {
           "kind": "js",
           "name": "GridPro",

package/dist/dts/grid-pro.d.ts

@@ -1,13 +1,6 @@
 import { Grid, ColumnApi, GridApi, GridOptions, ColDef } from '@ag-grid-community/core';
 import { FoundationElement } from '@microsoft/fast-foundation';
 import { GridComponents } from './grid-pro.types';
-/**
- * Convert string values from 'camelCase' to 'kebab-case'
- * @param value - The value to convert to Kebab case.
- * @returns The Kebab case result.
- * @public
- */
-export declare const convertToKebabCase: (value: string) => string;
 declare const GridPro_base: (new (...args: any[]) => {
     "__#1@#_container": import("@genesislcap/foundation-utils").FoundationLayoutContainer | import("@genesislcap/foundation-utils").LayoutCacheContainer | import("@genesislcap/foundation-utils").DOMContainer;
     cloneNode(deep?: boolean): Node;
@@ -87,12 +80,7 @@ declare const GridPro_base: (new (...args: any[]) => {
     getElementsByTagNameNS(namespace: string, localName: string): HTMLCollectionOf<Element>;
     hasAttribute(qualifiedName: string): boolean;
     hasAttributeNS(namespace: string, localName: string): boolean;
-    hasAttributes(): boolean; /**
-     * Gets the saved grid ColDefs from local storage
-     * @remarks This is used to restore the grid state when the grid is rehydrated
-     * @privateRemarks Not using `columnApi.get|setColumnState()` for these flows as it doesn't work setting new columnDefs vs different ordering.
-     * @public
-     */
+    hasAttributes(): boolean;
     hasPointerCapture(pointerId: number): boolean;
     insertAdjacentElement(where: InsertPosition, element: Element): Element;
     insertAdjacentHTML(position: InsertPosition, text: string): void;
@@ -375,8 +363,8 @@ export declare class GridPro extends GridPro_base {
     gridComponents: {
         [componentName: string]: any;
     };
-    protected agAttributes: Record<string, string>;
-    protected agPropertiesMap: Record<string, string>;
+    protected agAttributes: any;
+    protected agPropertiesMap: any;
     protected agGridOptions: GridOptions;
     protected initialised: boolean;
     private rehydrationAttempted;
@@ -396,15 +384,8 @@ export declare class GridPro extends GridPro_base {
      * @internal
      */
     private removeConfigWidthsToAutosize;
-    private saveColumnState;
-    /**
-     * Gets the saved grid ColDefs from local storage
-     * @remarks This is used to restore the grid state when the grid is rehydrated
-     * @privateRemarks Not using `columnApi.get|setColumnState()` for these flows as it doesn't work setting new columnDefs vs different ordering.
-     * @public
-     */
-    get savedColumnState(): ColDef[];
-    private restoreColumnState;
+    private serialiseStoreTableConfig;
+    private rehydrateTableConfig;
     /**
      * @public
      */

package/dist/dts/grid-pro.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid-pro.d.ts","sourceRoot":"","sources":["../../src/grid-pro.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"grid-pro.d.ts","sourceRoot":"","sources":["../../src/grid-pro.ts"],"names":[],"mappings":"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"}

package/dist/esm/grid-pro.js

@@ -21,13 +21,7 @@ GridProGenesisDatasourceNext;
 GridProCell;
 GridColumn;
 ModuleRegistry.registerModules([CsvExportModule, ClientSideRowModelModule]);
-/**
- * Convert string values from 'camelCase' to 'kebab-case'
- * @param value - The value to convert to Kebab case.
- * @returns The Kebab case result.
- * @public
- */
-export const convertToKebabCase = (value) => value.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+const hypenateAndLowercase = (property) => property.replace('/([a-z])([A-Z])/g', '$1-$2').toLowerCase();
 /**
  * The Grid Pro element.
  * @remarks Grid Pro is a Web Component wrapper around the AG Grid Community library.
@@ -68,7 +62,7 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
         this.agAttributes = {};
         this.agPropertiesMap = ComponentUtil.ALL_PROPERTIES.reduce((map, property) => {
             map[property.toLowerCase()] = property;
-            map[convertToKebabCase(property)] = property;
+            map[hypenateAndLowercase(property)] = property;
             return map;
         }, {});
     }
@@ -140,10 +134,10 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
     removeConfigWidthsToAutosize(colState) {
         return colState.map((col) => (Object.assign(Object.assign({}, col), { width: null })));
     }
-    saveColumnState() {
+    serialiseStoreTableConfig() {
         if (this.rehydrationAttempted && this.statePersistanceEnabled()) {
             const existingOptions = JSON.parse(this.session.getLocalStorageItem('gridOptions') || '{}');
-            let colState = this.gridApi.getColumnDefs();
+            let colState = this.agGridOptions.columnApi.getColumnState();
             colState = this.gridAutosizingEnabled
                 ? this.removeConfigWidthsToAutosize(colState)
                 : colState;
@@ -151,27 +145,17 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
             this.session.setLocalStorageItem('gridOptions', JSON.stringify(existingOptions));
         }
     }
-    /**
-     * Gets the saved grid ColDefs from local storage
-     * @remarks This is used to restore the grid state when the grid is rehydrated
-     * @privateRemarks Not using `columnApi.get|setColumnState()` for these flows as it doesn't work setting new columnDefs vs different ordering.
-     * @public
-     */
-    get savedColumnState() {
-        const localStorageGridOptions = this.session.getLocalStorageItem('gridOptions');
-        if (this.statePersistanceEnabled() && localStorageGridOptions) {
-            const allGridOptions = JSON.parse(localStorageGridOptions);
+    rehydrateTableConfig() {
+        this.rehydrationAttempted = true;
+        if (this.statePersistanceEnabled() && this.session.getLocalStorageItem('gridOptions')) {
+            const allGridOptions = JSON.parse(this.session.getLocalStorageItem('gridOptions'));
             if (this.persistColumnStateKey in allGridOptions) {
-                return JSON.parse(allGridOptions[this.persistColumnStateKey]);
+                this.agGridOptions.columnApi.applyColumnState({
+                    state: JSON.parse(allGridOptions[this.persistColumnStateKey]),
+                    applyOrder: true,
+                });
             }
         }
-        return [];
-    }
-    restoreColumnState() {
-        this.rehydrationAttempted = true;
-        if (this.savedColumnState.length > 0) {
-            this.gridApi.setColumnDefs(this.savedColumnState);
-        }
     }
     /**
      * @public
@@ -182,9 +166,10 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
     set gridOptions(options) {
         const globalEventListener = this.globalEventListener.bind(this);
         const gridOnChangeCallback = () => {
-            this.saveColumnState.bind(this)();
+            this.serialiseStoreTableConfig.bind(this)();
             this.debouncedColumnAutosize.bind(this)();
         };
+        const rehydrateTableConfig = this.rehydrateTableConfig.bind(this);
         Array.from(this.attributes).forEach((attribute) => {
             const attrName = this.agPropertiesMap[attribute.name];
             if (!attrName)
@@ -207,10 +192,10 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
                     params,
                     gridId: this.id,
                 });
-                this.restoreColumnState.bind(this)();
+                rehydrateTableConfig();
                 this.debouncedColumnAutosize.bind(this)();
             }, onFirstDataRendered: () => {
-                this.enableFlashingRows.bind(this)();
+                this.enableFlashingRows.bind(this);
             }, onColumnPinned: gridOnChangeCallback, onColumnResized: gridOnChangeCallback, onColumnMoved: gridOnChangeCallback, onDisplayedColumnsChanged: gridOnChangeCallback, onFilterChanged: gridOnChangeCallback, onGridSizeChanged: gridOnChangeCallback, onSortChanged: gridOnChangeCallback }), rest);
         this.agGridOptions = Object.assign(Object.assign({}, this.agGridOptions), ComponentUtil.copyAttributesToGridOptions(derivedOptions, this.agAttributes));
         const gridParams = {
@@ -268,13 +253,13 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
         return mergedColumnDefs;
     }
     get observedAttributes() {
-        // allow properties to be supplied either lowercased or kebab-cased
+        // allow properties to be supplied either lowercased or hyphenated
         // this allows the user to either supply (for example) enableSorting or enabled-sorting
         // properties lowercased
         const lowerCasedPropertyNames = ComponentUtil.ALL_PROPERTIES.map((property) => property.toLowerCase());
-        // properties kebab-cased
-        const kebabCasePropertyNames = ComponentUtil.ALL_PROPERTIES.map((property) => convertToKebabCase(property));
-        return lowerCasedPropertyNames.concat(kebabCasePropertyNames);
+        // properties hyphenated
+        const hyphenatedPropertyNames = ComponentUtil.ALL_PROPERTIES.map((property) => hypenateAndLowercase(property));
+        return lowerCasedPropertyNames.concat(hyphenatedPropertyNames);
     }
     agAttributeChangedCallback(attName, oldValue, newValue) {
         if (oldValue === newValue) {

package/dist/grid-pro.api.json

@@ -3035,29 +3035,6 @@
             "endIndex": 6
           }
         },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@genesislcap/grid-pro!convertToKebabCase:var",
-          "docComment": "/**\n * Convert string values from 'camelCase' to 'kebab-case'\n *\n * @param value - The value to convert to Kebab case.\n *\n * @returns The Kebab case result.\n *\n * @public\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "convertToKebabCase: "
-            },
-            {
-              "kind": "Content",
-              "text": "(value: string) => string"
-            }
-          ],
-          "fileUrlPath": "src/grid-pro.ts",
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "convertToKebabCase",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 2
-          }
-        },
         {
           "kind": "Function",
           "canonicalReference": "@genesislcap/grid-pro!dateTimeValueFormatter:function(1)",
@@ -4871,14 +4848,9 @@
                   "kind": "Content",
                   "text": "protected agAttributes: "
                 },
-                {
-                  "kind": "Reference",
-                  "text": "Record",
-                  "canonicalReference": "!Record:type"
-                },
                 {
                   "kind": "Content",
-                  "text": "<string, string>"
+                  "text": "any"
                 },
                 {
                   "kind": "Content",
@@ -4891,7 +4863,7 @@
               "name": "agAttributes",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
-                "endIndex": 3
+                "endIndex": 2
               },
               "isStatic": false,
               "isProtected": true,
@@ -4968,14 +4940,9 @@
                   "kind": "Content",
                   "text": "protected agPropertiesMap: "
                 },
-                {
-                  "kind": "Reference",
-                  "text": "Record",
-                  "canonicalReference": "!Record:type"
-                },
                 {
                   "kind": "Content",
-                  "text": "<string, string>"
+                  "text": "any"
                 },
                 {
                   "kind": "Content",
@@ -4988,7 +4955,7 @@
               "name": "agPropertiesMap",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
-                "endIndex": 3
+                "endIndex": 2
               },
               "isStatic": false,
               "isProtected": true,
@@ -5811,41 +5778,6 @@
               "isProtected": false,
               "isAbstract": false
             },
-            {
-              "kind": "Property",
-              "canonicalReference": "@genesislcap/grid-pro!GridPro#savedColumnState:member",
-              "docComment": "/**\n * Gets the saved grid ColDefs from local storage\n *\n * @remarks\n *\n * This is used to restore the grid state when the grid is rehydrated\n *\n * @public\n */\n",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "get savedColumnState(): "
-                },
-                {
-                  "kind": "Reference",
-                  "text": "ColDef",
-                  "canonicalReference": "@ag-grid-community/core!ColDef:interface"
-                },
-                {
-                  "kind": "Content",
-                  "text": "[]"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isReadonly": true,
-              "isOptional": false,
-              "releaseTag": "Public",
-              "name": "savedColumnState",
-              "propertyTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 3
-              },
-              "isStatic": false,
-              "isProtected": false,
-              "isAbstract": false
-            },
             {
               "kind": "Method",
               "canonicalReference": "@genesislcap/grid-pro!GridPro#statePersistanceEnabled:member(1)",

package/dist/grid-pro.d.ts

@@ -397,14 +397,6 @@ export declare const CellTemplate: ViewTemplate<GridProCell, any>;
  */
 export declare const ColumnTemplate: ViewTemplate<GridColumn, any>;
 
-/**
- * Convert string values from 'camelCase' to 'kebab-case'
- * @param value - The value to convert to Kebab case.
- * @returns The Kebab case result.
- * @public
- */
-export declare const convertToKebabCase: (value: string) => string;
-
 /**
  * Returns a formatted date time value from the Grid Pro cell value.
  * @param param - A ValueFormatterParams object.
@@ -827,8 +819,8 @@ export declare class GridPro extends GridPro_base {
     gridComponents: {
         [componentName: string]: any;
     };
-    protected agAttributes: Record<string, string>;
-    protected agPropertiesMap: Record<string, string>;
+    protected agAttributes: any;
+    protected agPropertiesMap: any;
     protected agGridOptions: GridOptions;
     protected initialised: boolean;
     private rehydrationAttempted;
@@ -848,15 +840,8 @@ export declare class GridPro extends GridPro_base {
      * @internal
      */
     private removeConfigWidthsToAutosize;
-    private saveColumnState;
-    /**
-     * Gets the saved grid ColDefs from local storage
-     * @remarks This is used to restore the grid state when the grid is rehydrated
-     * @privateRemarks Not using `columnApi.get|setColumnState()` for these flows as it doesn't work setting new columnDefs vs different ordering.
-     * @public
-     */
-    get savedColumnState(): ColDef[];
-    private restoreColumnState;
+    private serialiseStoreTableConfig;
+    private rehydrateTableConfig;
     /**
      * @public
      */
@@ -951,12 +936,7 @@ declare const GridPro_base: (new (...args: any[]) => {
     getElementsByTagNameNS(namespace: string, localName: string): HTMLCollectionOf<Element>;
     hasAttribute(qualifiedName: string): boolean;
     hasAttributeNS(namespace: string, localName: string): boolean;
-    hasAttributes(): boolean; /**
-    * Gets the saved grid ColDefs from local storage
-    * @remarks This is used to restore the grid state when the grid is rehydrated
-    * @privateRemarks Not using `columnApi.get|setColumnState()` for these flows as it doesn't work setting new columnDefs vs different ordering.
-    * @public
-    */
+    hasAttributes(): boolean;
     hasPointerCapture(pointerId: number): boolean;
     insertAdjacentElement(where: InsertPosition, element: Element): Element;
     insertAdjacentHTML(position: InsertPosition, text: string): void;

package/docs/api/grid-pro.gridpro.agattributes.md

@@ -7,5 +7,5 @@
 **Signature:**
 
 ```typescript
-protected agAttributes: Record<string, string>;
+protected agAttributes: any;
 ```

package/docs/api/grid-pro.gridpro.agpropertiesmap.md

@@ -7,5 +7,5 @@
 **Signature:**
 
 ```typescript
-protected agPropertiesMap: Record<string, string>;
+protected agPropertiesMap: any;
 ```

package/docs/api/grid-pro.gridpro.md

@@ -27,10 +27,10 @@ Grid Pro is a Web Component wrapper around the AG Grid Community library.
 
 |  Property | Modifiers | Type | Description |
 |  --- | --- | --- | --- |
-|  [agAttributes](./grid-pro.gridpro.agattributes.md) | <code>protected</code> | Record&lt;string, string&gt; |  |
+|  [agAttributes](./grid-pro.gridpro.agattributes.md) | <code>protected</code> | any |  |
 |  [agGrid](./grid-pro.gridpro.aggrid.md) |  | Grid |  |
 |  [agGridOptions](./grid-pro.gridpro.aggridoptions.md) | <code>protected</code> | GridOptions |  |
-|  [agPropertiesMap](./grid-pro.gridpro.agpropertiesmap.md) | <code>protected</code> | Record&lt;string, string&gt; |  |
+|  [agPropertiesMap](./grid-pro.gridpro.agpropertiesmap.md) | <code>protected</code> | any |  |
 |  [autoCellRendererByType](./grid-pro.gridpro.autocellrendererbytype.md) |  | boolean |  |
 |  [classNames](./grid-pro.gridpro.classnames.md) |  | string |  |
 |  [columnApi](./grid-pro.gridpro.columnapi.md) |  | ColumnApi |  |
@@ -50,7 +50,6 @@ Grid Pro is a Web Component wrapper around the AG Grid Community library.
 |  [onlyTemplateColDefs](./grid-pro.gridpro.onlytemplatecoldefs.md) |  | boolean |  |
 |  [persistColumnStateKey](./grid-pro.gridpro.persistcolumnstatekey.md) |  | string |  |
 |  [rowHeight](./grid-pro.gridpro.rowheight.md) |  | number |  |
-|  [savedColumnState](./grid-pro.gridpro.savedcolumnstate.md) | <code>readonly</code> | ColDef\[\] | Gets the saved grid ColDefs from local storage |
 |  [theme](./grid-pro.gridpro.theme.md) |  | string |  |
 
 ## Methods

package/docs/api/grid-pro.md

@@ -58,7 +58,6 @@
 |  [agThemeTokenMapCSS](./grid-pro.agthemetokenmapcss.md) | Generates the CSS for a given GridPro theme name and token map |
 |  [CellTemplate](./grid-pro.celltemplate.md) | The Grid Pro Cell Template. |
 |  [ColumnTemplate](./grid-pro.columntemplate.md) | The Grid Pro Column Template. |
-|  [convertToKebabCase](./grid-pro.converttokebabcase.md) | Convert string values from 'camelCase' to 'kebab-case' |
 |  [defaultAgGridFontFace](./grid-pro.defaultaggridfontface.md) | The default font face for Grid Pro (agGridAlpine). |
 |  [defaultGridProConfig](./grid-pro.defaultgridproconfig.md) | Grid Pro default configuration. |
 |  [foundationAgBooleanRenderer](./grid-pro.foundationagbooleanrenderer.md) | A function that returns a Foundation Boolean Renderer registration for configuring the component with a DesignSystem. |

package/docs/api-report.md

@@ -320,9 +320,6 @@ export const CellTemplate: ViewTemplate<GridProCell, any>;
 // @public
 export const ColumnTemplate: ViewTemplate<GridColumn, any>;
 
-// @public
-export const convertToKebabCase: (value: string) => string;
-
 // @public
 export function dateTimeValueFormatter({ value }: ValueFormatterParams): any;
 
@@ -548,13 +545,13 @@ export class GridPro extends GridPro_base {
     // (undocumented)
     agAttributeChangedCallback(attName: any, oldValue: any, newValue: any): void;
     // (undocumented)
-    protected agAttributes: Record<string, string>;
+    protected agAttributes: any;
     // (undocumented)
     agGrid: Grid;
     // (undocumented)
     protected agGridOptions: GridOptions;
     // (undocumented)
-    protected agPropertiesMap: Record<string, string>;
+    protected agPropertiesMap: any;
     // (undocumented)
     applyTemplateDefinitions(columnDefs?: ColDef[]): ColDef<any>[];
     // (undocumented)
@@ -604,7 +601,6 @@ export class GridPro extends GridPro_base {
     persistColumnStateKey: string;
     // (undocumented)
     rowHeight: number;
-    get savedColumnState(): ColDef[];
     // (undocumented)
     statePersistanceEnabled(): boolean;
     // (undocumented)

package/genx.config.json

@@ -0,0 +1,11 @@
+{
+  "externals": {
+    "@ag-grid-community/client-side-row-model": "clientSideRowModel",
+    "@ag-grid-community/core": "agGrid",
+    "@ag-grid-community/csv-export": "csvExport",
+    "@ag-grid-community/styles": "agGridStyles",
+    "@ag-grid-enterprise/core": "agGridEnterprise",
+    "@ag-grid-enterprise/excel-export": "excelExport",
+    "@ag-grid-enterprise/server-side-row-model": "serverSideRowModel"
+  }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/grid-pro",
   "description": "Genesis Foundation AG Grid",
-  "version": "14.23.1-alpha-bf28a25.0",
+  "version": "14.24.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -11,26 +11,21 @@
   },
   "scripts": {
     "build": "genx build",
-    "build:rollup": "rollup -c",
+    "build:rollup": "genx build -b rollup",
     "build:webpack": "cross-env NODE_ENV=production webpack",
     "build:webpack:make-federated-types": "make-federated-types",
     "clean": "genx clean",
     "dev": "npm run dev:tsc",
-    "dev:rollup": "rollup -c -w --configDev",
+    "dev:rollup": "genx dev -b rollup",
     "dev:tsc": "genx dev",
     "dev:webpack": "cross-env NODE_ENV=development webpack serve",
     "serve": "genx serve",
     "test": "echo \"Error: no test specified\""
   },
   "devDependencies": {
-    "@custom-elements-manifest/analyzer": "^0.8.2",
-    "@genesislcap/foundation-testing": "14.23.1-alpha-bf28a25.0",
-    "@genesislcap/genx": "14.23.1-alpha-bf28a25.0",
+    "@genesislcap/foundation-testing": "^14.24.0",
+    "@genesislcap/genx": "^14.24.0",
     "@playwright/test": "^1.18.1",
-    "@rollup/plugin-commonjs": "^21.0.1",
-    "@rollup/plugin-node-resolve": "^13.1.3",
-    "@rollup/plugin-terser": "^0.4.0",
-    "@rollup/plugin-typescript": "^8.3.0",
     "bulma": "^0.9.3",
     "c8": "^7.11.0",
     "camel-case": "^4.1.2",
@@ -52,12 +47,6 @@
     "postcss-import": "^14.0.0",
     "postcss-loader": "^6.2.1",
     "postcss-preset-env": "^7.0.1",
-    "rollup": "^2.7.6",
-    "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-filesize": "^9.1.2",
-    "rollup-plugin-lit-css": "^3.2.1",
-    "rollup-plugin-styles": "^4.0.0",
-    "rollup-plugin-transform-tagged-template": "^0.0.3",
     "rxjs": "^7.5.4",
     "sass": "^1.49.7",
     "sinon": "15.0.1",
@@ -75,9 +64,9 @@
     "webpack-merge": "^5.7.3"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.23.1-alpha-bf28a25.0",
-    "@genesislcap/foundation-ui": "14.23.1-alpha-bf28a25.0",
-    "@genesislcap/foundation-utils": "14.23.1-alpha-bf28a25.0",
+    "@genesislcap/foundation-comms": "^14.24.0",
+    "@genesislcap/foundation-ui": "^14.24.0",
+    "@genesislcap/foundation-utils": "^14.24.0",
     "@microsoft/fast-colors": "^5.1.4",
     "@microsoft/fast-components": "^2.21.3",
     "@microsoft/fast-element": "^1.7.0",
@@ -94,10 +83,14 @@
     "@ag-grid-enterprise/excel-export": "^29.0.0",
     "@ag-grid-enterprise/server-side-row-model": "^29.0.0"
   },
-  "repository": "https://github.com/genesislcap/foundation-ui.git",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/genesislcap/foundation-ui.git",
+    "directory": "packages/foundation/foundation-marketplace/grids/grid-pro"
+  },
   "publishConfig": {
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "549ee6b1bd5ad5ba19da94c04a41c58543a71bd2"
+  "gitHead": "94a3b388d39d65f0376bb347238a4151b3cfdd09"
 }

package/docs/api/grid-pro.converttokebabcase.md

@@ -1,13 +0,0 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [@genesislcap/grid-pro](./grid-pro.md) &gt; [convertToKebabCase](./grid-pro.converttokebabcase.md)
-
-## convertToKebabCase variable
-
-Convert string values from 'camelCase' to 'kebab-case'
-
-**Signature:**
-
-```typescript
-convertToKebabCase: (value: string) => string
-```

package/docs/api/grid-pro.gridpro.savedcolumnstate.md

@@ -1,18 +0,0 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [@genesislcap/grid-pro](./grid-pro.md) &gt; [GridPro](./grid-pro.gridpro.md) &gt; [savedColumnState](./grid-pro.gridpro.savedcolumnstate.md)
-
-## GridPro.savedColumnState property
-
-Gets the saved grid ColDefs from local storage
-
-**Signature:**
-
-```typescript
-get savedColumnState(): ColDef[];
-```
-
-## Remarks
-
-This is used to restore the grid state when the grid is rehydrated
-