npm - @gemx-dev/heatmap-react - Versions diffs - 3.5.48 → 3.5.50 - Mend

@@ -0,0 +1,68 @@
+import type { Visualizer } from '@gemx-dev/clarity-visualize';
+import type { ClickMapPoint, DecodedPayload, ScrollMapPoint } from './clarity';
+import type { IClickType, IHeatmapType, IScrollType } from './heatmap';
+import type { IHeatmapInfo } from './heatmap-info';
+/**
+ * Represents a single view in compare mode
+ * Each view has independent data, configuration, and visualization state
+ */
+export interface ICompareView {
+    /** Unique identifier for this view */
+    id: string;
+    /** Display label for this view (e.g., "Version A", "Last 7 days") */
+    label: string;
+    /** Heatmap type for this view */
+    heatmapType: IHeatmapType;
+    /** Click type filter for this view */
+    clickType: IClickType;
+    /** Scroll type filter for this view */
+    scrollType: IScrollType;
+    /** Raw session data for this view */
+    data?: DecodedPayload[];
+    /** Processed clickmap data */
+    clickmap?: ClickMapPoint[];
+    /** Processed scrollmap data */
+    scrollmap?: ScrollMapPoint[];
+    /** Heatmap analysis info */
+    dataInfo?: IHeatmapInfo;
+    /** Reference to the visualizer instance */
+    vizRef: Visualizer | null;
+    /** Height of the iframe/visualization */
+    iframeHeight: number;
+    /** Zoom ratio for this view (10-100) */
+    zoomRatio: number;
+    /** Scale factor */
+    scale: number;
+    /** Whether scaled to fit container */
+    isScaledToFit: boolean;
+    /** Whether data is currently rendering */
+    isRendering: boolean;
+    /** Whether visualization is ready */
+    isRenderViz: boolean;
+}
+/**
+ * Layout options for compare mode
+ */
+export type ICompareLayout = 'grid-2' | 'grid-3' | 'grid-4';
+/**
+ * Settings that can be synchronized across views
+ */
+export interface ICompareSyncSettings {
+    /** Sync zoom ratio across all views */
+    zoomRatio: boolean;
+    /** Sync scrolling position across all views */
+    scrolling: boolean;
+    /** Sync heatmap type across all views */
+    heatmapType: boolean;
+}
+/**
+ * Options for creating a new compare view
+ */
+export interface ICreateCompareViewOptions {
+    label?: string;
+    heatmapType?: IHeatmapType;
+    clickType?: IClickType;
+    scrollType?: IScrollType;
+    data?: DecodedPayload[];
+}
+//# sourceMappingURL=compare.d.ts.map

@@ -1,7 +1,15 @@
+export interface IHeatmapControlSidebarProps {
+    closeAction?: {
+        onClick: () => void;
+    };
+}
 export interface IHeatmapControl {
-    Sidebar: React.ReactNode;
+    Sidebar?: React.FC<IHeatmapControlSidebarProps>;
+    SidebarActivator?: React.FC<{
+        onClick: () => void;
+    }>;
     Toolbar: React.ReactNode;
-    TopBar: React.FC;
+    TopBar?: React.FC;
     MetricBar: React.ReactNode;
     VizLoading: React.ReactNode;
     ElementCallout?: React.FC<{

@@ -6,4 +6,6 @@ export * from './viz-canvas';
 export * from './viz-element';
 export * from './viz-scrollmap';
 export * from './iframe-helper';
+export * from './compare';
+export * from './control';
 //# sourceMappingURL=index.d.ts.map

@@ -1,7 +1,7 @@
 {
   "name": "@gemx-dev/heatmap-react",
   "author": "gemx-dev",
-  "version": "3.5.48",
+  "version": "3.5.50",
   "license": "MIT",
   "sideEffects": [
     "*.css"

	@@ -1 +1 @@
1	- {"version":3,"file":"control.d.ts","sourceRoot":"","sources":["../../src/types/control.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,KAAK,CAAC,~~SAAS~~,CAAC;~~IACzB~~,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;~~IACjB~~,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QACxB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC,CAAC;CACJ"}
1	+ {"version":3,"file":"control.d.ts","sourceRoot":"","sources":["../../src/types/control.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,2BAA2B;IAC1C,WAAW,CAAC,EAAE;QACZ,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC,CAAC;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;IAClB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QACxB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC,CAAC;CACJ"}

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAE9B,cAAc,WAAW,CAAC;AAE1B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,iBAAiB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAE9B,cAAc,WAAW,CAAC;AAE1B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}

	@@ -1,2 +0,0 @@
1	- export declare const LeftSidebar: React.FC;
2	- //# sourceMappingURL=LeftSidebar.d.ts.map

	@@ -1 +0,0 @@
1	- {"version":3,"file":"LeftSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/LeftSidebar.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAoC/B,CAAC"}

@gemx-dev/heatmap-react 3.5.48 → 3.5.50