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

package/dist/custom-elements.json

@@ -263,6 +263,26 @@
       "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.",
@@ -429,15 +449,18 @@
             {
               "kind": "field",
               "name": "agAttributes",
-              "privacy": "protected",
               "type": {
-                "text": "object"
+                "text": "Record<string, string>"
               },
+              "privacy": "protected",
               "default": "{}"
             },
             {
               "kind": "field",
               "name": "agPropertiesMap",
+              "type": {
+                "text": "Record<string, string>"
+              },
               "privacy": "protected"
             },
             {
@@ -493,7 +516,7 @@
             },
             {
               "kind": "method",
-              "name": "serialiseStoreTableConfig",
+              "name": "saveColumnState",
               "privacy": "private",
               "return": {
                 "type": {
@@ -501,9 +524,19 @@
                 }
               }
             },
+            {
+              "kind": "field",
+              "name": "savedColumnState",
+              "type": {
+                "text": "ColDef[]"
+              },
+              "description": "Gets the saved grid ColDefs from local storage",
+              "privacy": "public",
+              "readonly": true
+            },
             {
               "kind": "method",
-              "name": "rehydrateTableConfig",
+              "name": "restoreColumnState",
               "privacy": "private",
               "return": {
                 "type": {
@@ -885,6 +918,14 @@
         }
       ],
       "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,6 +1,13 @@
 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;
@@ -80,7 +87,12 @@ 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;
+    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
+     */
     hasPointerCapture(pointerId: number): boolean;
     insertAdjacentElement(where: InsertPosition, element: Element): Element;
     insertAdjacentHTML(position: InsertPosition, text: string): void;
@@ -363,8 +375,8 @@ export declare class GridPro extends GridPro_base {
     gridComponents: {
         [componentName: string]: any;
     };
-    protected agAttributes: any;
-    protected agPropertiesMap: any;
+    protected agAttributes: Record<string, string>;
+    protected agPropertiesMap: Record<string, string>;
     protected agGridOptions: GridOptions;
     protected initialised: boolean;
     private rehydrationAttempted;
@@ -384,8 +396,15 @@ export declare class GridPro extends GridPro_base {
      * @internal
      */
     private removeConfigWidthsToAutosize;
-    private serialiseStoreTableConfig;
-    private rehydrateTableConfig;
+    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;
     /**
      * @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,7 +21,13 @@ GridProGenesisDatasourceNext;
 GridProCell;
 GridColumn;
 ModuleRegistry.registerModules([CsvExportModule, ClientSideRowModelModule]);
-const hypenateAndLowercase = (property) => property.replace('/([a-z])([A-Z])/g', '$1-$2').toLowerCase();
+/**
+ * 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();
 /**
  * The Grid Pro element.
  * @remarks Grid Pro is a Web Component wrapper around the AG Grid Community library.
@@ -62,7 +68,7 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
         this.agAttributes = {};
         this.agPropertiesMap = ComponentUtil.ALL_PROPERTIES.reduce((map, property) => {
             map[property.toLowerCase()] = property;
-            map[hypenateAndLowercase(property)] = property;
+            map[convertToKebabCase(property)] = property;
             return map;
         }, {});
     }
@@ -134,10 +140,10 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
     removeConfigWidthsToAutosize(colState) {
         return colState.map((col) => (Object.assign(Object.assign({}, col), { width: null })));
     }
-    serialiseStoreTableConfig() {
+    saveColumnState() {
         if (this.rehydrationAttempted && this.statePersistanceEnabled()) {
             const existingOptions = JSON.parse(this.session.getLocalStorageItem('gridOptions') || '{}');
-            let colState = this.agGridOptions.columnApi.getColumnState();
+            let colState = this.gridApi.getColumnDefs();
             colState = this.gridAutosizingEnabled
                 ? this.removeConfigWidthsToAutosize(colState)
                 : colState;
@@ -145,17 +151,27 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
             this.session.setLocalStorageItem('gridOptions', JSON.stringify(existingOptions));
         }
     }
-    rehydrateTableConfig() {
-        this.rehydrationAttempted = true;
-        if (this.statePersistanceEnabled() && this.session.getLocalStorageItem('gridOptions')) {
-            const allGridOptions = JSON.parse(this.session.getLocalStorageItem('gridOptions'));
+    /**
+     * 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);
             if (this.persistColumnStateKey in allGridOptions) {
-                this.agGridOptions.columnApi.applyColumnState({
-                    state: JSON.parse(allGridOptions[this.persistColumnStateKey]),
-                    applyOrder: true,
-                });
+                return JSON.parse(allGridOptions[this.persistColumnStateKey]);
             }
         }
+        return [];
+    }
+    restoreColumnState() {
+        this.rehydrationAttempted = true;
+        if (this.savedColumnState.length > 0) {
+            this.gridApi.setColumnDefs(this.savedColumnState);
+        }
     }
     /**
      * @public
@@ -166,10 +182,9 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
     set gridOptions(options) {
         const globalEventListener = this.globalEventListener.bind(this);
         const gridOnChangeCallback = () => {
-            this.serialiseStoreTableConfig.bind(this)();
+            this.saveColumnState.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)
@@ -192,10 +207,10 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
                     params,
                     gridId: this.id,
                 });
-                rehydrateTableConfig();
+                this.restoreColumnState.bind(this)();
                 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 = {
@@ -253,13 +268,13 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
         return mergedColumnDefs;
     }
     get observedAttributes() {
-        // allow properties to be supplied either lowercased or hyphenated
+        // allow properties to be supplied either lowercased or kebab-cased
         // 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 hyphenated
-        const hyphenatedPropertyNames = ComponentUtil.ALL_PROPERTIES.map((property) => hypenateAndLowercase(property));
-        return lowerCasedPropertyNames.concat(hyphenatedPropertyNames);
+        // properties kebab-cased
+        const kebabCasePropertyNames = ComponentUtil.ALL_PROPERTIES.map((property) => convertToKebabCase(property));
+        return lowerCasedPropertyNames.concat(kebabCasePropertyNames);
     }
     agAttributeChangedCallback(attName, oldValue, newValue) {
         if (oldValue === newValue) {

package/dist/grid-pro.api.json

@@ -3035,6 +3035,29 @@
             "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)",
@@ -4848,9 +4871,14 @@
                   "kind": "Content",
                   "text": "protected agAttributes: "
                 },
+                {
+                  "kind": "Reference",
+                  "text": "Record",
+                  "canonicalReference": "!Record:type"
+                },
                 {
                   "kind": "Content",
-                  "text": "any"
+                  "text": "<string, string>"
                 },
                 {
                   "kind": "Content",
@@ -4863,7 +4891,7 @@
               "name": "agAttributes",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
-                "endIndex": 2
+                "endIndex": 3
               },
               "isStatic": false,
               "isProtected": true,
@@ -4940,9 +4968,14 @@
                   "kind": "Content",
                   "text": "protected agPropertiesMap: "
                 },
+                {
+                  "kind": "Reference",
+                  "text": "Record",
+                  "canonicalReference": "!Record:type"
+                },
                 {
                   "kind": "Content",
-                  "text": "any"
+                  "text": "<string, string>"
                 },
                 {
                   "kind": "Content",
@@ -4955,7 +4988,7 @@
               "name": "agPropertiesMap",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
-                "endIndex": 2
+                "endIndex": 3
               },
               "isStatic": false,
               "isProtected": true,
@@ -5778,6 +5811,41 @@
               "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,6 +397,14 @@ 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.
@@ -819,8 +827,8 @@ export declare class GridPro extends GridPro_base {
     gridComponents: {
         [componentName: string]: any;
     };
-    protected agAttributes: any;
-    protected agPropertiesMap: any;
+    protected agAttributes: Record<string, string>;
+    protected agPropertiesMap: Record<string, string>;
     protected agGridOptions: GridOptions;
     protected initialised: boolean;
     private rehydrationAttempted;
@@ -840,8 +848,15 @@ export declare class GridPro extends GridPro_base {
      * @internal
      */
     private removeConfigWidthsToAutosize;
-    private serialiseStoreTableConfig;
-    private rehydrateTableConfig;
+    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;
     /**
      * @public
      */
@@ -936,7 +951,12 @@ 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;
+    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
+    */
     hasPointerCapture(pointerId: number): boolean;
     insertAdjacentElement(where: InsertPosition, element: Element): Element;
     insertAdjacentHTML(position: InsertPosition, text: string): void;

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

@@ -0,0 +1,13 @@
+<!-- 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.agattributes.md

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

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

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

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> | any |  |
+|  [agAttributes](./grid-pro.gridpro.agattributes.md) | <code>protected</code> | Record&lt;string, string&gt; |  |
 |  [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> | any |  |
+|  [agPropertiesMap](./grid-pro.gridpro.agpropertiesmap.md) | <code>protected</code> | Record&lt;string, string&gt; |  |
 |  [autoCellRendererByType](./grid-pro.gridpro.autocellrendererbytype.md) |  | boolean |  |
 |  [classNames](./grid-pro.gridpro.classnames.md) |  | string |  |
 |  [columnApi](./grid-pro.gridpro.columnapi.md) |  | ColumnApi |  |
@@ -50,6 +50,7 @@ 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.gridpro.savedcolumnstate.md

@@ -0,0 +1,18 @@
+<!-- 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
+

package/docs/api/grid-pro.md

@@ -58,6 +58,7 @@
 |  [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,6 +320,9 @@ 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;
 
@@ -545,13 +548,13 @@ export class GridPro extends GridPro_base {
     // (undocumented)
     agAttributeChangedCallback(attName: any, oldValue: any, newValue: any): void;
     // (undocumented)
-    protected agAttributes: any;
+    protected agAttributes: Record<string, string>;
     // (undocumented)
     agGrid: Grid;
     // (undocumented)
     protected agGridOptions: GridOptions;
     // (undocumented)
-    protected agPropertiesMap: any;
+    protected agPropertiesMap: Record<string, string>;
     // (undocumented)
     applyTemplateDefinitions(columnDefs?: ColDef[]): ColDef<any>[];
     // (undocumented)
@@ -601,6 +604,7 @@ export class GridPro extends GridPro_base {
     persistColumnStateKey: string;
     // (undocumented)
     rowHeight: number;
+    get savedColumnState(): ColDef[];
     // (undocumented)
     statePersistanceEnabled(): boolean;
     // (undocumented)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/grid-pro",
   "description": "Genesis Foundation AG Grid",
-  "version": "14.23.0",
+  "version": "14.23.1-alpha-bf28a25.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -24,8 +24,8 @@
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.8.2",
-    "@genesislcap/foundation-testing": "^14.23.0",
-    "@genesislcap/genx": "^14.23.0",
+    "@genesislcap/foundation-testing": "14.23.1-alpha-bf28a25.0",
+    "@genesislcap/genx": "14.23.1-alpha-bf28a25.0",
     "@playwright/test": "^1.18.1",
     "@rollup/plugin-commonjs": "^21.0.1",
     "@rollup/plugin-node-resolve": "^13.1.3",
@@ -75,9 +75,9 @@
     "webpack-merge": "^5.7.3"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "^14.23.0",
-    "@genesislcap/foundation-ui": "^14.23.0",
-    "@genesislcap/foundation-utils": "^14.23.0",
+    "@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",
     "@microsoft/fast-colors": "^5.1.4",
     "@microsoft/fast-components": "^2.21.3",
     "@microsoft/fast-element": "^1.7.0",
@@ -99,5 +99,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "e32f041c0d827b1731f2de5ba5aeef20bb4ae7a9"
+  "gitHead": "549ee6b1bd5ad5ba19da94c04a41c58543a71bd2"
 }