@genesislcap/grid-pro 15.30.1 → 15.30.2

package/dist/dts/column-selection/column-selection.d.ts

@@ -385,7 +385,8 @@ declare const ColumnSelection_base: (new (...args: any[]) => {
  * Layout: select-all + search → column list. Ordering via `sort`
  * (`selected-first` default, or `ag-grid`). Checkboxes toggle visibility via
  * `api.setColumnsVisible`; drag handles on hidden rows use AG native DnD onto the grid
- * (`allowDragFromColumnsToolPanel`); visible rows reorder inside the picker via HTML5 drag.
+ * (`allowDragFromColumnsToolPanel`) even while search is active; visible-row reorder inside
+ * the picker uses HTML5 drag and is disabled during search.
  *
  * @tagname %%prefix%%-column-selection
  */
@@ -439,8 +440,8 @@ export declare class ColumnSelection extends ColumnSelection_base {
     private set pickerApi(value);
     /** Query root for picker DOM (shadow panel). */
     private get pickerRoot();
-    /** Drag reorder / grid drop disabled while search filter is active. */
-    get canDrag(): boolean;
+    /** Panel reorder disabled while search filter is active. */
+    get canReorderInPanel(): boolean;
     /** Handle is draggable onto the grid (hidden columns, or all when using ag-grid sort). */
     canDragToGrid(item: ColumnPickerItem): boolean;
     /** Columns in the current (search-filtered) picker lists that can be toggled. */

package/dist/dts/column-selection/column-selection.d.ts.map

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

package/dist/dts/column-selection/column-selection.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"column-selection.styles.d.ts","sourceRoot":"","sources":["../../../src/column-selection/column-selection.styles.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,qBAAqB,iDAyMjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gCAAgC,iDAwB5C,CAAC"}
+{"version":3,"file":"column-selection.styles.d.ts","sourceRoot":"","sources":["../../../src/column-selection/column-selection.styles.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,qBAAqB,iDAuMjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gCAAgC,iDAwB5C,CAAC"}

package/dist/dts/react.d.ts

@@ -136,6 +136,15 @@ export declare const StringEditor: React.ForwardRefExoticComponent<
 >;
 export type StringEditorRef = StringEditorWC;
 
+export declare const GridProColumn: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<GridProColumnWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<GridProColumnWC>
+>;
+export type GridProColumnRef = GridProColumnWC;
+
 export declare const ActionRenderer: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<ActionRendererWC>, 'children' | 'style'> &
@@ -208,24 +217,6 @@ export declare const AgTextRenderer: React.ForwardRefExoticComponent<
 >;
 export type AgTextRendererRef = AgTextRendererWC;
 
-export declare const GridProColumn: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<GridProColumnWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-    }
-  > & React.RefAttributes<GridProColumnWC>
->;
-export type GridProColumnRef = GridProColumnWC;
-
-export declare const ColumnSelection: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<ColumnSelectionWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-    }
-  > & React.RefAttributes<ColumnSelectionWC>
->;
-export type ColumnSelectionRef = ColumnSelectionWC;
-
 export declare const GridProClientSideDatasource: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<GridProClientSideDatasourceWC>, 'children' | 'style'> &
@@ -306,6 +297,15 @@ export declare const GridProServerSideDatasource: React.ForwardRefExoticComponen
 >;
 export type GridProServerSideDatasourceRef = GridProServerSideDatasourceWC;
 
+export declare const ColumnSelection: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<ColumnSelectionWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<ColumnSelectionWC>
+>;
+export type ColumnSelectionRef = ColumnSelectionWC;
+
 export declare const GridProGenesisDatasource: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<GridProGenesisDatasourceWC>, 'children' | 'style'> &

package/dist/esm/column-selection/column-selection.js

@@ -31,7 +31,8 @@ const pickerApiByElement = new WeakMap();
  * Layout: select-all + search → column list. Ordering via `sort`
  * (`selected-first` default, or `ag-grid`). Checkboxes toggle visibility via
  * `api.setColumnsVisible`; drag handles on hidden rows use AG native DnD onto the grid
- * (`allowDragFromColumnsToolPanel`); visible rows reorder inside the picker via HTML5 drag.
+ * (`allowDragFromColumnsToolPanel`) even while search is active; visible-row reorder inside
+ * the picker uses HTML5 drag and is disabled during search.
  *
  * @tagname %%prefix%%-column-selection
  */
@@ -98,13 +99,13 @@ export class ColumnSelection extends LifecycleMixin(FoundationElement) {
         var _a;
         return (_a = this.panelEl) !== null && _a !== void 0 ? _a : null;
     }
-    /** Drag reorder / grid drop disabled while search filter is active. */
-    get canDrag() {
+    /** Panel reorder disabled while search filter is active. */
+    get canReorderInPanel() {
         return !this.search.trim();
     }
     /** Handle is draggable onto the grid (hidden columns, or all when using ag-grid sort). */
     canDragToGrid(item) {
-        if (!this.canDrag || item.lockVisible) {
+        if (item.lockVisible) {
             return false;
         }
         if (this.resolvedSort === 'ag-grid') {
@@ -332,7 +333,7 @@ export class ColumnSelection extends LifecycleMixin(FoundationElement) {
         }
         this.agDragBindings = [];
         const root = this.pickerRoot;
-        if (!this.canDrag || !this.pickerApi || !root) {
+        if (!this.pickerApi || !root) {
             return;
         }
         const bridge = this.resolveDragBridge();
@@ -358,7 +359,8 @@ export class ColumnSelection extends LifecycleMixin(FoundationElement) {
                 return;
             }
             const dragToGrid = this.canDragToGrid(item);
-            const reorderInPanel = this.resolvedSort === 'selected-first' &&
+            const reorderInPanel = this.canReorderInPanel &&
+                this.resolvedSort === 'selected-first' &&
                 item.visible &&
                 !row.classList.contains('grid-pro-columns-item--unselected');
             if (dragToGrid) {
@@ -401,7 +403,7 @@ export class ColumnSelection extends LifecycleMixin(FoundationElement) {
         }
     }
     scheduleDragBridgeRetry(attempt = 0) {
-        if (attempt > DRAG_BRIDGE_RETRY_MAX_ATTEMPTS || !this.pickerApi || !this.canDrag) {
+        if (attempt > DRAG_BRIDGE_RETRY_MAX_ATTEMPTS || !this.pickerApi) {
             return;
         }
         this.dragBridgeRetryId += 1;
@@ -472,7 +474,7 @@ export class ColumnSelection extends LifecycleMixin(FoundationElement) {
      * @internal
      */
     onDragStart(event, colId, row) {
-        if (!this.canDrag) {
+        if (!this.canReorderInPanel) {
             event.preventDefault();
             return;
         }
@@ -499,7 +501,7 @@ export class ColumnSelection extends LifecycleMixin(FoundationElement) {
      */
     onDragOver(event, row) {
         var _a;
-        if (!this.canDrag) {
+        if (!this.canReorderInPanel) {
             return;
         }
         event.preventDefault();

package/dist/esm/column-selection/column-selection.styles.js

@@ -38,11 +38,9 @@ export const columnSelectionStyles = css `
     background: var(--neutral-layer-floating, var(--neutral-layer-2, #fff));
     box-shadow: 0 8px 24px rgb(0 0 0 / 18%);
     padding: 0;
-
     position-area: block-end span-inline-start;
     position-try-fallbacks: flip-block, flip-inline;
     margin-block-start: calc(var(--design-unit, 4) * 1px);
-
     min-width: 200px;
     color: var(--ag-foreground-color, var(--neutral-foreground-rest));
     font-family: var(--ag-font-family, var(--body-font));

package/dist/esm/column-selection/column-selection.template.js

@@ -25,7 +25,7 @@ export const getColumnSelectionTemplate = (prefix = 'foundation') => {
         data-test-id="${(x) => `grid-pro-columns-handle-${x.colId}`}"
         aria-hidden="${(x, c) => {
         const panel = c.parent;
-        return String(!(panel.canDrag && (x.visible || panel.canDragToGrid(x))));
+        return String(!(panel.canDragToGrid(x) || (panel.canReorderInPanel && x.visible)));
     }}"
       >
         ⋮⋮

package/dist/grid-pro.api.json

@@ -4039,7 +4039,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@genesislcap/grid-pro!ColumnSelection:class",
-          "docComment": "/**\n * Button + popover column picker for Grid Pro (Community).\n *\n * @remarks\n *\n * HTML Element: \\<%%prefix%%-column-selection\\>\n *\n * Provide either `:gridApi` (AG v36) or `:gridHost` (Grid Pro element with `gridApi` / `columnApi`).\n *\n * The panel uses the Popover API (`popover=\"manual\"`) so it paints in the top layer and is not clipped by layout ancestors with `overflow: hidden`. Placement is pure CSS (anchor positioning via `showPopover({ source })` + `position-area`).\n *\n * Layout: select-all + search → column list. Ordering via `sort` (`selected-first` default, or `ag-grid`). Checkboxes toggle visibility via `api.setColumnsVisible`; drag handles on hidden rows use AG native DnD onto the grid (`allowDragFromColumnsToolPanel`); visible rows reorder inside the picker via HTML5 drag.\n *\n * @tagname\n *\n * %%prefix%%-column-selection\n *\n * @public\n */\n",
+          "docComment": "/**\n * Button + popover column picker for Grid Pro (Community).\n *\n * @remarks\n *\n * HTML Element: \\<%%prefix%%-column-selection\\>\n *\n * Provide either `:gridApi` (AG v36) or `:gridHost` (Grid Pro element with `gridApi` / `columnApi`).\n *\n * The panel uses the Popover API (`popover=\"manual\"`) so it paints in the top layer and is not clipped by layout ancestors with `overflow: hidden`. Placement is pure CSS (anchor positioning via `showPopover({ source })` + `position-area`).\n *\n * Layout: select-all + search → column list. Ordering via `sort` (`selected-first` default, or `ag-grid`). Checkboxes toggle visibility via `api.setColumnsVisible`; drag handles on hidden rows use AG native DnD onto the grid (`allowDragFromColumnsToolPanel`) even while search is active; visible-row reorder inside the picker uses HTML5 drag and is disabled during search.\n *\n * @tagname\n *\n * %%prefix%%-column-selection\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -4061,36 +4061,6 @@
           "name": "ColumnSelection",
           "preserveMemberOrder": false,
           "members": [
-            {
-              "kind": "Property",
-              "canonicalReference": "@genesislcap/grid-pro!ColumnSelection#canDrag:member",
-              "docComment": "/**\n * Drag reorder / grid drop disabled while search filter is active.\n */\n",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "get canDrag(): "
-                },
-                {
-                  "kind": "Content",
-                  "text": "boolean"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isReadonly": true,
-              "isOptional": false,
-              "releaseTag": "Public",
-              "name": "canDrag",
-              "propertyTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "isStatic": false,
-              "isProtected": false,
-              "isAbstract": false
-            },
             {
               "kind": "Method",
               "canonicalReference": "@genesislcap/grid-pro!ColumnSelection#canDragToGrid:member(1)",
@@ -4140,6 +4110,36 @@
               "isAbstract": false,
               "name": "canDragToGrid"
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/grid-pro!ColumnSelection#canReorderInPanel:member",
+              "docComment": "/**\n * Panel reorder disabled while search filter is active.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "get canReorderInPanel(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": true,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "canReorderInPanel",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Method",
               "canonicalReference": "@genesislcap/grid-pro!ColumnSelection#close:member(1)",

package/dist/grid-pro.d.ts

@@ -721,7 +721,8 @@ export declare type ColumnPickerSort = 'selected-first' | 'ag-grid';
  * Layout: select-all + search → column list. Ordering via `sort`
  * (`selected-first` default, or `ag-grid`). Checkboxes toggle visibility via
  * `api.setColumnsVisible`; drag handles on hidden rows use AG native DnD onto the grid
- * (`allowDragFromColumnsToolPanel`); visible rows reorder inside the picker via HTML5 drag.
+ * (`allowDragFromColumnsToolPanel`) even while search is active; visible-row reorder inside
+ * the picker uses HTML5 drag and is disabled during search.
  *
  * @tagname %%prefix%%-column-selection
  */
@@ -775,8 +776,8 @@ export declare class ColumnSelection extends ColumnSelection_base {
     private set pickerApi(value);
     /** Query root for picker DOM (shadow panel). */
     private get pickerRoot();
-    /** Drag reorder / grid drop disabled while search filter is active. */
-    get canDrag(): boolean;
+    /** Panel reorder disabled while search filter is active. */
+    get canReorderInPanel(): boolean;
     /** Handle is draggable onto the grid (hidden columns, or all when using ag-grid sort). */
     canDragToGrid(item: ColumnPickerItem): boolean;
     /** Columns in the current (search-filtered) picker lists that can be toggled. */

package/dist/react.cjs

@@ -123,6 +123,11 @@ const StringEditor = React.forwardRef(function StringEditor(props, ref) {
   return React.createElement(customElements.getName(StringEditorWC) ?? '%%prefix%%-string-editor', { ...rest, ref }, children);
 });
 
+const GridProColumn = React.forwardRef(function GridProColumn(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(GridProColumnWC) ?? 'grid-pro-column', { ...rest, ref }, children);
+});
+
 const ActionRenderer = React.forwardRef(function ActionRenderer(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(ActionRendererWC) ?? '%%prefix%%-grid-pro-action-renderer', { ...rest, ref }, children);
@@ -163,16 +168,6 @@ const AgTextRenderer = React.forwardRef(function AgTextRenderer(props, ref) {
   return React.createElement(customElements.getName(AgTextRendererWC) ?? '%%prefix%%-grid-text-renderer', { ...rest, ref }, children);
 });
 
-const GridProColumn = React.forwardRef(function GridProColumn(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(GridProColumnWC) ?? 'grid-pro-column', { ...rest, ref }, children);
-});
-
-const ColumnSelection = React.forwardRef(function ColumnSelection(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(ColumnSelectionWC) ?? '%%prefix%%-column-selection', { ...rest, ref }, children);
-});
-
 const GridProClientSideDatasource = React.forwardRef(function GridProClientSideDatasource(props, ref) {
   const { onBaseDatasourceError, onDatasourceError, onBaseDatasourceConnected, onDatasourceLoadingFinished, onDatasourceNoDataAvailable, onDatasourceDataChanged, onDatasourceInitialize, onDatasourceDestroy, onDatasourceDataCleared, onDatasourceSchemaUpdated, onDatasourceFiltersRestored, onDatasourceDataLoaded, onDatasourceLoadingStarted, onDatasourceMoreDataAvailable, onDatasourceReady, onDatasourceInit, onMoreRowsChanged, onDatasourceSizeChanged, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -474,6 +469,11 @@ const GridProServerSideDatasource = React.forwardRef(function GridProServerSideD
   return React.createElement(customElements.getName(GridProServerSideDatasourceWC) ?? 'grid-pro-server-side-datasource', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+const ColumnSelection = React.forwardRef(function ColumnSelection(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ColumnSelectionWC) ?? '%%prefix%%-column-selection', { ...rest, ref }, children);
+});
+
 const GridProGenesisDatasource = React.forwardRef(function GridProGenesisDatasource(props, ref) {
   const { onBaseDatasourceError, onDatasourceError, onBaseDatasourceConnected, onDatasourceLoadingFinished, onDatasourceNoDataAvailable, onDatasourceDataChanged, onDatasourceInitialize, onDatasourceDestroy, onDatasourceDataCleared, onDatasourceSchemaUpdated, onDatasourceFiltersRestored, onDatasourceDataLoaded, onDatasourceLoadingStarted, onDatasourceMoreDataAvailable, onDatasourceReady, onDatasourceInit, onMoreRowsChanged, onDatasourceSizeChanged, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -590,6 +590,7 @@ module.exports = {
   NumberEditor,
   SelectEditor,
   StringEditor,
+  GridProColumn,
   ActionRenderer,
   ActionsMenuRenderer,
   BooleanRenderer,
@@ -598,11 +599,10 @@ module.exports = {
   StatusPillRenderer,
   AgTextFieldRenderer,
   AgTextRenderer,
-  GridProColumn,
-  ColumnSelection,
   GridProClientSideDatasource,
   GridProInfiniteDatasource,
   GridProServerSideDatasource,
+  ColumnSelection,
   GridProGenesisDatasource,
   MulticolumnDropdown,
 };

package/dist/react.mjs

@@ -121,6 +121,11 @@ export const StringEditor = React.forwardRef(function StringEditor(props, ref) {
   return React.createElement(customElements.getName(StringEditorWC) ?? '%%prefix%%-string-editor', { ...rest, ref }, children);
 });
 
+export const GridProColumn = React.forwardRef(function GridProColumn(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(GridProColumnWC) ?? 'grid-pro-column', { ...rest, ref }, children);
+});
+
 export const ActionRenderer = React.forwardRef(function ActionRenderer(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(ActionRendererWC) ?? '%%prefix%%-grid-pro-action-renderer', { ...rest, ref }, children);
@@ -161,16 +166,6 @@ export const AgTextRenderer = React.forwardRef(function AgTextRenderer(props, re
   return React.createElement(customElements.getName(AgTextRendererWC) ?? '%%prefix%%-grid-text-renderer', { ...rest, ref }, children);
 });
 
-export const GridProColumn = React.forwardRef(function GridProColumn(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(GridProColumnWC) ?? 'grid-pro-column', { ...rest, ref }, children);
-});
-
-export const ColumnSelection = React.forwardRef(function ColumnSelection(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(ColumnSelectionWC) ?? '%%prefix%%-column-selection', { ...rest, ref }, children);
-});
-
 export const GridProClientSideDatasource = React.forwardRef(function GridProClientSideDatasource(props, ref) {
   const { onBaseDatasourceError, onDatasourceError, onBaseDatasourceConnected, onDatasourceLoadingFinished, onDatasourceNoDataAvailable, onDatasourceDataChanged, onDatasourceInitialize, onDatasourceDestroy, onDatasourceDataCleared, onDatasourceSchemaUpdated, onDatasourceFiltersRestored, onDatasourceDataLoaded, onDatasourceLoadingStarted, onDatasourceMoreDataAvailable, onDatasourceReady, onDatasourceInit, onMoreRowsChanged, onDatasourceSizeChanged, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -472,6 +467,11 @@ export const GridProServerSideDatasource = React.forwardRef(function GridProServ
   return React.createElement(customElements.getName(GridProServerSideDatasourceWC) ?? 'grid-pro-server-side-datasource', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+export const ColumnSelection = React.forwardRef(function ColumnSelection(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ColumnSelectionWC) ?? '%%prefix%%-column-selection', { ...rest, ref }, children);
+});
+
 export const GridProGenesisDatasource = React.forwardRef(function GridProGenesisDatasource(props, ref) {
   const { onBaseDatasourceError, onDatasourceError, onBaseDatasourceConnected, onDatasourceLoadingFinished, onDatasourceNoDataAvailable, onDatasourceDataChanged, onDatasourceInitialize, onDatasourceDestroy, onDatasourceDataCleared, onDatasourceSchemaUpdated, onDatasourceFiltersRestored, onDatasourceDataLoaded, onDatasourceLoadingStarted, onDatasourceMoreDataAvailable, onDatasourceReady, onDatasourceInit, onMoreRowsChanged, onDatasourceSizeChanged, children, ...rest } = props;
   const _innerRef = React.useRef(null);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/grid-pro",
   "description": "Genesis Foundation AG Grid",
-  "version": "15.30.1",
+  "version": "15.30.2",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -40,20 +40,20 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "15.30.1",
-    "@genesislcap/genx": "15.30.1",
-    "@genesislcap/rollup-builder": "15.30.1",
-    "@genesislcap/ts-builder": "15.30.1",
-    "@genesislcap/uvu-playwright-builder": "15.30.1",
-    "@genesislcap/vite-builder": "15.30.1",
-    "@genesislcap/webpack-builder": "15.30.1"
+    "@genesislcap/foundation-testing": "15.30.2",
+    "@genesislcap/genx": "15.30.2",
+    "@genesislcap/rollup-builder": "15.30.2",
+    "@genesislcap/ts-builder": "15.30.2",
+    "@genesislcap/uvu-playwright-builder": "15.30.2",
+    "@genesislcap/vite-builder": "15.30.2",
+    "@genesislcap/webpack-builder": "15.30.2"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "15.30.1",
-    "@genesislcap/foundation-criteria": "15.30.1",
-    "@genesislcap/foundation-logger": "15.30.1",
-    "@genesislcap/foundation-ui": "15.30.1",
-    "@genesislcap/foundation-utils": "15.30.1",
+    "@genesislcap/foundation-comms": "15.30.2",
+    "@genesislcap/foundation-criteria": "15.30.2",
+    "@genesislcap/foundation-logger": "15.30.2",
+    "@genesislcap/foundation-ui": "15.30.2",
+    "@genesislcap/foundation-utils": "15.30.2",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",