@mongodb-js/compass-context-menu 0.2.4 → 0.2.6

package/dist/.esm-wrapper.mjs

@@ -2,4 +2,5 @@ import mod from "./index.js";
 
 export default mod;
 export const ContextMenuProvider = mod.ContextMenuProvider;
+export const contextMenuClassName = mod.contextMenuClassName;
 export const useContextMenu = mod.useContextMenu;

package/dist/consts.d.ts

@@ -0,0 +1,2 @@
+export declare const contextMenuClassName = "compass-context-menu";
+//# sourceMappingURL=consts.d.ts.map

package/dist/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../src/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,yBAAyB,CAAC"}

package/dist/consts.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.contextMenuClassName = void 0;
+exports.contextMenuClassName = 'compass-context-menu';
+//# sourceMappingURL=consts.js.map

package/dist/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../src/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,oBAAoB,GAAG,sBAAsB,CAAC"}

package/dist/context-menu-provider.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { ContextMenuContextType, ContextMenuState } from './types';
+import type { ContextMenuContextType, ContextMenuItemGroup, ContextMenuState } from './types';
 export declare const ContextMenuContext: React.Context<ContextMenuContextType | null>;
-export declare function ContextMenuProvider({ disabled, children, menuWrapper: Wrapper, }: {
+export declare function ContextMenuProvider({ disabled, children, menuWrapper: Wrapper, onContextMenuOpen, }: {
     disabled?: boolean;
     children: React.ReactNode;
     menuWrapper: React.ComponentType<{
@@ -9,5 +9,6 @@ export declare function ContextMenuProvider({ disabled, children, menuWrapper: W
             close: () => void;
         };
     }>;
+    onContextMenuOpen?: (itemGroups: ContextMenuItemGroup[]) => void;
 }): React.JSX.Element;
 //# sourceMappingURL=context-menu-provider.d.ts.map

package/dist/context-menu-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu-provider.d.ts","sourceRoot":"","sources":["../src/context-menu-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAMxE,eAAO,MAAM,kBAAkB,8CAE9B,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,QAAgB,EAChB,QAAQ,EACR,WAAW,EAAE,OAAO,GACrB,EAAE;IACD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC;QAC/B,IAAI,EAAE,gBAAgB,GAAG;YAAE,KAAK,EAAE,MAAM,IAAI,CAAA;SAAE,CAAC;KAChD,CAAC,CAAC;CACJ,qBA8EA"}
+{"version":3,"file":"context-menu-provider.d.ts","sourceRoot":"","sources":["../src/context-menu-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EACV,sBAAsB,EACtB,oBAAoB,EACpB,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAOjB,eAAO,MAAM,kBAAkB,8CAE9B,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,QAAgB,EAChB,QAAQ,EACR,WAAW,EAAE,OAAO,EACpB,iBAAiB,GAClB,EAAE;IACD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC;QAC/B,IAAI,EAAE,gBAAgB,GAAG;YAAE,KAAK,EAAE,MAAM,IAAI,CAAA;SAAE,CAAC;KAChD,CAAC,CAAC;IACH,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAC;CAClE,qBA2FA"}

package/dist/context-menu-provider.js

@@ -37,8 +37,9 @@ exports.ContextMenuContext = void 0;
 exports.ContextMenuProvider = ContextMenuProvider;
 const react_1 = __importStar(require("react"));
 const context_menu_content_1 = require("./context-menu-content");
+const consts_1 = require("./consts");
 exports.ContextMenuContext = (0, react_1.createContext)(null);
-function ContextMenuProvider({ disabled = false, children, menuWrapper: Wrapper, }) {
+function ContextMenuProvider({ disabled = false, children, menuWrapper: Wrapper, onContextMenuOpen, }) {
     // Check if there's already a parent context menu provider
     const parentContext = (0, react_1.useContext)(exports.ContextMenuContext);
     const [menu, setMenu] = (0, react_1.useState)({
@@ -47,6 +48,8 @@ function ContextMenuProvider({ disabled = false, children, menuWrapper: Wrapper,
         position: { x: 0, y: 0 },
     });
     const close = (0, react_1.useCallback)(() => setMenu((prev) => ({ ...prev, isOpen: false })), [setMenu]);
+    const onContextMenuOpenRef = (0, react_1.useRef)(onContextMenuOpen);
+    onContextMenuOpenRef.current = onContextMenuOpen;
     const handleClosingEvent = (0, react_1.useCallback)((event) => {
         if (!event.defaultPrevented) {
             close();
@@ -62,11 +65,11 @@ function ContextMenuProvider({ disabled = false, children, menuWrapper: Wrapper,
             if (itemGroups.length === 0) {
                 return;
             }
+            onContextMenuOpenRef.current?.(itemGroups);
             setMenu({
                 isOpen: true,
                 itemGroups,
                 position: {
-                    // TODO: Fix handling offset while scrolling
                     x: event.clientX,
                     y: event.clientY,
                 },
@@ -74,7 +77,12 @@ function ContextMenuProvider({ disabled = false, children, menuWrapper: Wrapper,
         }
         document.addEventListener('contextmenu', handleContextMenu);
         window.addEventListener('resize', handleClosingEvent);
-        window.addEventListener('scroll', handleClosingEvent, { capture: true });
+        window.addEventListener('scroll', (e) => {
+            const isCompassContextMenu = e.target instanceof HTMLElement &&
+                e.target.classList.contains(consts_1.contextMenuClassName);
+            if (!isCompassContextMenu)
+                handleClosingEvent(e);
+        }, { capture: true });
         return () => {
             document.removeEventListener('contextmenu', handleContextMenu);
             window.removeEventListener('resize', handleClosingEvent);
@@ -82,7 +90,7 @@ function ContextMenuProvider({ disabled = false, children, menuWrapper: Wrapper,
                 capture: true,
             });
         };
-    }, [disabled, handleClosingEvent, parentContext]);
+    }, [disabled, handleClosingEvent, onContextMenuOpenRef, parentContext]);
     const value = (0, react_1.useMemo)(() => ({
         close,
     }), [close]);

package/dist/context-menu-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu-provider.js","sourceRoot":"","sources":["../src/context-menu-provider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"context-menu-provider.js","sourceRoot":"","sources":["../src/context-menu-provider.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { useContextMenu } from './use-context-menu';
 export { ContextMenuProvider } from './context-menu-provider';
 export type { ContextMenuItem, ContextMenuItemGroup, ContextMenuWrapperProps, } from './types';
+export { contextMenuClassName } from './consts';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EACV,eAAe,EACf,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EACV,eAAe,EACf,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC"}

package/dist/index.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContextMenuProvider = exports.useContextMenu = void 0;
+exports.contextMenuClassName = exports.ContextMenuProvider = exports.useContextMenu = void 0;
 var use_context_menu_1 = require("./use-context-menu");
 Object.defineProperty(exports, "useContextMenu", { enumerable: true, get: function () { return use_context_menu_1.useContextMenu; } });
 var context_menu_provider_1 = require("./context-menu-provider");
 Object.defineProperty(exports, "ContextMenuProvider", { enumerable: true, get: function () { return context_menu_provider_1.ContextMenuProvider; } });
+var consts_1 = require("./consts");
+Object.defineProperty(exports, "contextMenuClassName", { enumerable: true, get: function () { return consts_1.contextMenuClassName; } });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAAoD;AAA3C,kHAAA,cAAc,OAAA;AACvB,iEAA8D;AAArD,4HAAA,mBAAmB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAAoD;AAA3C,kHAAA,cAAc,OAAA;AACvB,iEAA8D;AAArD,4HAAA,mBAAmB,OAAA;AAM5B,mCAAgD;AAAvC,8GAAA,oBAAoB,OAAA"}

package/dist/types.d.ts

@@ -1,14 +1,18 @@
-export type ContextMenuItemGroup = ContextMenuItem[];
-export type ContextMenuState = {
+export type ContextMenuItemGroup<T extends ContextMenuItem = ContextMenuItem> = {
+    /** Label for the group used for telemetry. */
+    telemetryLabel: string;
+    items: T[];
+};
+export type ContextMenuState<T extends ContextMenuItem = ContextMenuItem> = {
     isOpen: boolean;
-    itemGroups: ContextMenuItemGroup[];
+    itemGroups: ContextMenuItemGroup<T>[];
     position: {
         x: number;
         y: number;
     };
 };
-export type ContextMenuWrapperProps = {
-    menu: ContextMenuState & {
+export type ContextMenuWrapperProps<T extends ContextMenuItem = ContextMenuItem> = {
+    menu: ContextMenuState<T> & {
         close: () => void;
     };
 };

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG,eAAe,EAAE,CAAC;AAErD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,oBAAoB,EAAE,CAAC;IACnC,QAAQ,EAAE;QACR,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,gBAAgB,GAAG;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,IAAI,IAAI,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACnE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAC1E;IACE,8CAA8C;IAC9C,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,CAAC,EAAE,CAAC;CACZ,CAAC;AAEJ,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAAI;IAC1E,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;IACtC,QAAQ,EAAE;QACR,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,uBAAuB,CACjC,CAAC,SAAS,eAAe,GAAG,eAAe,IACzC;IACF,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,IAAI,IAAI,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACnE,CAAC"}

package/dist/use-context-menu.d.ts

@@ -1,15 +1,15 @@
 import type { RefCallback } from 'react';
-import type { ContextMenuItem } from './types';
+import type { ContextMenuItem, ContextMenuItemGroup } from './types';
 export type ContextMenuMethods<T extends ContextMenuItem> = {
     /**
      * Close the context menu.
      */
     close(): void;
     /**
-     * Register the menu items for the context menu.
+     * Register the menu item group for the context menu.
      * @returns a callback ref to be passed onto the element responsible for triggering the menu.
      */
-    registerItems(...groups: T[][]): RefCallback<HTMLElement>;
+    registerItemGroups(groups: ContextMenuItemGroup<T>[]): RefCallback<HTMLElement>;
 };
 export declare function useContextMenu<T extends ContextMenuItem = ContextMenuItem>(): ContextMenuMethods<T>;
 //# sourceMappingURL=use-context-menu.d.ts.map

package/dist/use-context-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-context-menu.d.ts","sourceRoot":"","sources":["../src/use-context-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,eAAe,IAAI;IAC1D;;OAEG;IACH,KAAK,IAAI,IAAI,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC;CAC3D,CAAC;AAEF,wBAAgB,cAAc,CAC5B,CAAC,SAAS,eAAe,GAAG,eAAe,KACxC,kBAAkB,CAAC,CAAC,CAAC,CAqCzB"}
+{"version":3,"file":"use-context-menu.d.ts","sourceRoot":"","sources":["../src/use-context-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAErE,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,eAAe,IAAI;IAC1D;;OAEG;IACH,KAAK,IAAI,IAAI,CAAC;IACd;;;OAGG;IACH,kBAAkB,CAChB,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,GAChC,WAAW,CAAC,WAAW,CAAC,CAAC;CAC7B,CAAC;AAEF,wBAAgB,cAAc,CAC5B,CAAC,SAAS,eAAe,GAAG,eAAe,KACxC,kBAAkB,CAAC,CAAC,CAAC,CAqCzB"}

package/dist/use-context-menu.js

@@ -16,7 +16,7 @@ function useContextMenu() {
             /**
              * @returns a callback ref, passed onto the element responsible for triggering the menu.
              */
-            registerItems(...groups) {
+            registerItemGroups(groups) {
                 function listener(event) {
                     (0, context_menu_content_1.appendContextMenuContent)(event, ...groups);
                 }

package/dist/use-context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-context-menu.js","sourceRoot":"","sources":["../src/use-context-menu.tsx"],"names":[],"mappings":";;AAkBA,wCAuCC;AAxDD,iCAAoD;AACpD,mEAA6D;AAC7D,iEAAkE;AAelE,SAAgB,cAAc;IAG5B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,0CAAkB,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,IAAA,cAAM,EACrB,IAAI,CACL,CAAC;IAEF,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAClB,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;QACnE,CAAC;QAED,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;YAClC;;eAEG;YACH,aAAa,CAAC,GAAG,MAA2B;gBAC1C,SAAS,QAAQ,CAAC,KAAiB;oBACjC,IAAA,+CAAwB,EAAC,KAAK,EAAE,GAAG,MAAM,CAAC,CAAC;gBAC7C,CAAC;gBAED,OAAO,CAAC,OAA2B,EAAE,EAAE;oBACrC,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;wBACrB,MAAM,CAAC,eAAe,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC;wBAC7D,eAAe,CAAC,mBAAmB,CACjC,aAAa,EACb,gBAAgB,CACjB,CAAC;oBACJ,CAAC;oBACD,IAAI,OAAO,EAAE,CAAC;wBACZ,OAAO,CAAC,gBAAgB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;wBAClD,QAAQ,CAAC,OAAO,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;oBACzC,CAAC;gBACH,CAAC,CAAC;YACJ,CAAC;SACF,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,CAAC"}
+{"version":3,"file":"use-context-menu.js","sourceRoot":"","sources":["../src/use-context-menu.tsx"],"names":[],"mappings":";;AAoBA,wCAuCC;AA1DD,iCAAoD;AACpD,mEAA6D;AAC7D,iEAAkE;AAiBlE,SAAgB,cAAc;IAG5B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,0CAAkB,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,IAAA,cAAM,EACrB,IAAI,CACL,CAAC;IAEF,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAClB,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;QACnE,CAAC;QAED,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;YAClC;;eAEG;YACH,kBAAkB,CAAC,MAAiC;gBAClD,SAAS,QAAQ,CAAC,KAAiB;oBACjC,IAAA,+CAAwB,EAAC,KAAK,EAAE,GAAG,MAAM,CAAC,CAAC;gBAC7C,CAAC;gBAED,OAAO,CAAC,OAA2B,EAAE,EAAE;oBACrC,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;wBACrB,MAAM,CAAC,eAAe,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC;wBAC7D,eAAe,CAAC,mBAAmB,CACjC,aAAa,EACb,gBAAgB,CACjB,CAAC;oBACJ,CAAC;oBACD,IAAI,OAAO,EAAE,CAAC;wBACZ,OAAO,CAAC,gBAAgB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;wBAClD,QAAQ,CAAC,OAAO,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;oBACzC,CAAC;gBACH,CAAC,CAAC;YACJ,CAAC;SACF,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,CAAC"}

package/package.json

@@ -13,7 +13,7 @@
     "email": "compass@mongodb.com"
   },
   "homepage": "https://github.com/mongodb-js/compass",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "repository": {
     "type": "git",
     "url": "https://github.com/mongodb-js/compass.git"
@@ -53,10 +53,10 @@
     "react": "^17.0.2"
   },
   "devDependencies": {
-    "@mongodb-js/eslint-config-compass": "^1.4.5",
+    "@mongodb-js/eslint-config-compass": "^1.4.7",
     "@mongodb-js/mocha-config-compass": "^1.7.0",
     "@mongodb-js/prettier-config-compass": "^1.2.8",
-    "@mongodb-js/testing-library-compass": "^1.3.8",
+    "@mongodb-js/testing-library-compass": "^1.3.10",
     "@mongodb-js/tsconfig-compass": "^1.2.9",
     "@types/chai": "^4.2.21",
     "@types/mocha": "^9.0.0",
@@ -70,5 +70,5 @@
     "sinon": "^9.2.3",
     "typescript": "^5.8.3"
   },
-  "gitHead": "bb2c0fb9bcc9824b42029c6bce877e5601e5f6a9"
+  "gitHead": "c1c698cca6b40e7f1413b4eddfbde7a12c81a642"
 }