@gemx-dev/heatmap-react 3.5.65 → 3.5.66

package/dist/esm/hooks/view-context/index.d.ts

@@ -1,3 +1,4 @@
+export * from './createViewContextHook';
 export * from './useHeatmapAreaClick';
 export * from './useHeatmapClick';
 export * from './useHeatmapData';

package/dist/esm/hooks/view-context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,sBAAsB,CAAC"}

package/dist/esm/index.js

@@ -2,9 +2,9 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useNodesState, ReactFlow, Controls, Background } from '@xyflow/react';
 import { useEffect, useRef, useCallback, createContext, useContext, useMemo, useState, forwardRef, memo, Fragment as Fragment$1 } from 'react';
+import { useShallow } from 'zustand/react/shallow';
 import { create } from 'zustand';
 import { subscribeWithSelector } from 'zustand/middleware';
-import { useShallow } from 'zustand/react/shallow';
 import { decode } from '@gemx-dev/clarity-decode';
 import { Visualizer } from '@gemx-dev/clarity-visualize';
 import { createPortal } from 'react-dom';
@@ -190,6 +190,90 @@ var IScrollType;
     IScrollType["Revenue"] = "revenue-scroll";
 })(IScrollType || (IScrollType = {}));
 
+const ViewIdContext = createContext(undefined);
+const useViewIdContext = () => {
+    const viewId = useContext(ViewIdContext);
+    return viewId || DEFAULT_VIEW_ID;
+};
+
+// ===========================
+// Factory Function
+// ===========================
+/**
+ * Creates a view-context aware hook with selector support
+ *
+ * Features:
+ * - Automatic viewId injection from context
+ * - Selector pattern for granular subscriptions
+ * - Full type safety
+ * - Optimized re-renders with useShallow
+ *
+ * @example
+ * ```ts
+ * const useMyHook = createViewContextHook({
+ *   useStore: useMyStore,
+ *   getState: (store, viewId) => ({
+ *     data: store.data.get(viewId) ?? null,
+ *     count: store.count.get(viewId) ?? 0,
+ *   }),
+ *   getActions: (store, viewId) => ({
+ *     setData: (data) => store.setData(data, viewId),
+ *     increment: () => store.increment(viewId),
+ *   }),
+ * });
+ *
+ * // Usage
+ * const data = useMyHook(s => s.data);
+ * const { setData } = useMyHook(s => ({ setData: s.setData }));
+ * const everything = useMyHook();
+ * ```
+ */
+function createViewContextHook(config) {
+    function useViewContextHook(selectorOrProps, propsOverload) {
+        const isSelector = typeof selectorOrProps === 'function';
+        const selector = isSelector ? selectorOrProps : undefined;
+        const props = isSelector ? propsOverload : selectorOrProps;
+        const contextViewId = useViewIdContext();
+        const viewId = props?.viewId || contextViewId;
+        // Build actions - memoized for stable references
+        const actions = useActions(config, viewId);
+        // Subscribe to store with selector
+        return config.useStore(useShallow((store) => {
+            const state = config.getState(store, viewId);
+            const fullResult = { ...state, ...actions };
+            return selector ? selector(fullResult) : fullResult;
+        }));
+    }
+    return useViewContextHook;
+}
+// ===========================
+// Helper: Build Actions
+// ===========================
+/**
+ * Internal helper to build and memoize actions
+ */
+function useActions(config, viewId) {
+    // Get the raw store state to extract action references
+    const store = config.useStore.getState();
+    // Build actions bound to viewId
+    return useMemo(() => config.getActions(store, viewId), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [viewId, ...Object.values(extractActionRefs(config.useStore))]);
+}
+/**
+ * Extract action function references from store for dependency tracking
+ */
+function extractActionRefs(useStore) {
+    const store = useStore.getState();
+    const refs = {};
+    for (const [key, value] of Object.entries(store)) {
+        if (typeof value === 'function') {
+            refs[key] = value;
+        }
+    }
+    return refs;
+}
+
 const useHeatmapControlStore = create()((set, get) => {
     return {
         controls: {
@@ -968,90 +1052,6 @@ const useHeatmapVizRectStore = create()(subscribeWithSelector((set) => {
     };
 }));
 
-const ViewIdContext = createContext(undefined);
-const useViewIdContext = () => {
-    const viewId = useContext(ViewIdContext);
-    return viewId || DEFAULT_VIEW_ID;
-};
-
-// ===========================
-// Factory Function
-// ===========================
-/**
- * Creates a view-context aware hook with selector support
- *
- * Features:
- * - Automatic viewId injection from context
- * - Selector pattern for granular subscriptions
- * - Full type safety
- * - Optimized re-renders with useShallow
- *
- * @example
- * ```ts
- * const useMyHook = createViewContextHook({
- *   useStore: useMyStore,
- *   getState: (store, viewId) => ({
- *     data: store.data.get(viewId) ?? null,
- *     count: store.count.get(viewId) ?? 0,
- *   }),
- *   getActions: (store, viewId) => ({
- *     setData: (data) => store.setData(data, viewId),
- *     increment: () => store.increment(viewId),
- *   }),
- * });
- *
- * // Usage
- * const data = useMyHook(s => s.data);
- * const { setData } = useMyHook(s => ({ setData: s.setData }));
- * const everything = useMyHook();
- * ```
- */
-function createViewContextHook(config) {
-    function useViewContextHook(selectorOrProps, propsOverload) {
-        const isSelector = typeof selectorOrProps === 'function';
-        const selector = isSelector ? selectorOrProps : undefined;
-        const props = isSelector ? propsOverload : selectorOrProps;
-        const contextViewId = useViewIdContext();
-        const viewId = props?.viewId || contextViewId;
-        // Build actions - memoized for stable references
-        const actions = useActions(config, viewId);
-        // Subscribe to store with selector
-        return config.useStore(useShallow((store) => {
-            const state = config.getState(store, viewId);
-            const fullResult = { ...state, ...actions };
-            return selector ? selector(fullResult) : fullResult;
-        }));
-    }
-    return useViewContextHook;
-}
-// ===========================
-// Helper: Build Actions
-// ===========================
-/**
- * Internal helper to build and memoize actions
- */
-function useActions(config, viewId) {
-    // Get the raw store state to extract action references
-    const store = config.useStore.getState();
-    // Build actions bound to viewId
-    return useMemo(() => config.getActions(store, viewId), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [viewId, ...Object.values(extractActionRefs(config.useStore))]);
-}
-/**
- * Extract action function references from store for dependency tracking
- */
-function extractActionRefs(useStore) {
-    const store = useStore.getState();
-    const refs = {};
-    for (const [key, value] of Object.entries(store)) {
-        if (typeof value === 'function') {
-            refs[key] = value;
-        }
-    }
-    return refs;
-}
-
 const useHeatmapAreaClick = createViewContextHook({
     useStore: useHeatmapVizClickAreaStore,
     getState: (store, viewId) => ({
@@ -8740,4 +8740,4 @@ const HeatmapLayout = ({ data, clickmap, clickAreas, scrollmap, controls, dataIn
     }
 };
 
-export { BACKDROP_CONFIG, DEFAULT_SIDEBAR_WIDTH, DEFAULT_VIEW_ID, DEFAULT_ZOOM_RATIO, ELM_CALLOUT_CONFIG, GraphView, HEATMAP_CONFIG, HEATMAP_IFRAME, HEATMAP_STYLE, HeatmapLayout, IClickMode, IClickRankType, IClickType, IDeviceType, IHeatmapType, IScrollType, ViewIdContext, Z_INDEX, compareViewPerformance, convertViewportToIframeCoords, createStorePerformanceTracker, downloadPerformanceReport, getCompareViewId, getMetricsByViewId, getPerformanceReportJSON, getScrollGradientColor, performanceLogger, printPerformanceSummary, scrollToElementIfNeeded, sendPerformanceReport, serializeAreas, trackStoreAction, useAreaCreation, useAreaEditMode, useAreaFilterVisible, useAreaHydration, useAreaInteraction, useAreaPositionsUpdater, useAreaRectSync, useAreaRendererContainer, useAreaTopAutoDetect, useClickedElement, useDebounceCallback, useElementCalloutVisible, useHeatmapAreaClick, useHeatmapCanvas, useHeatmapClick, useHeatmapCompareStore, useHeatmapConfigStore, useHeatmapCopyView, useHeatmapData, useHeatmapEffects, useHeatmapElementPosition, useHeatmapHover, useHeatmapLiveStore, useHeatmapRenderByMode, useHeatmapScale, useHeatmapScroll, useHeatmapSetting, useHeatmapViz, useHeatmapVizRect, useHeatmapWidthByDevice, useHoveredElement, useIframeHeight, useIframeHeightProcessor, useMeasureFunction, useRegisterConfig, useRegisterControl, useRegisterData, useRegisterHeatmap, useRenderCount, useScrollmapZones, useTrackHookCall, useViewIdContext, useVizLiveRender, useWhyDidYouUpdate, useWrapperRefHeight, useZonePositions, withPerformanceTracking };
+export { BACKDROP_CONFIG, DEFAULT_SIDEBAR_WIDTH, DEFAULT_VIEW_ID, DEFAULT_ZOOM_RATIO, ELM_CALLOUT_CONFIG, GraphView, HEATMAP_CONFIG, HEATMAP_IFRAME, HEATMAP_STYLE, HeatmapLayout, IClickMode, IClickRankType, IClickType, IDeviceType, IHeatmapType, IScrollType, ViewIdContext, Z_INDEX, compareViewPerformance, convertViewportToIframeCoords, createStorePerformanceTracker, createViewContextHook, downloadPerformanceReport, getCompareViewId, getMetricsByViewId, getPerformanceReportJSON, getScrollGradientColor, performanceLogger, printPerformanceSummary, scrollToElementIfNeeded, sendPerformanceReport, serializeAreas, trackStoreAction, useAreaCreation, useAreaEditMode, useAreaFilterVisible, useAreaHydration, useAreaInteraction, useAreaPositionsUpdater, useAreaRectSync, useAreaRendererContainer, useAreaTopAutoDetect, useClickedElement, useDebounceCallback, useElementCalloutVisible, useHeatmapAreaClick, useHeatmapCanvas, useHeatmapClick, useHeatmapCompareStore, useHeatmapConfigStore, useHeatmapCopyView, useHeatmapData, useHeatmapEffects, useHeatmapElementPosition, useHeatmapHover, useHeatmapLiveStore, useHeatmapRenderByMode, useHeatmapScale, useHeatmapScroll, useHeatmapSetting, useHeatmapViz, useHeatmapVizRect, useHeatmapWidthByDevice, useHoveredElement, useIframeHeight, useIframeHeightProcessor, useMeasureFunction, useRegisterConfig, useRegisterControl, useRegisterData, useRegisterHeatmap, useRenderCount, useScrollmapZones, useTrackHookCall, useViewIdContext, useVizLiveRender, useWhyDidYouUpdate, useWrapperRefHeight, useZonePositions, withPerformanceTracking };

package/dist/esm/index.mjs

@@ -2,9 +2,9 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useNodesState, ReactFlow, Controls, Background } from '@xyflow/react';
 import { useEffect, useRef, useCallback, createContext, useContext, useMemo, useState, forwardRef, memo, Fragment as Fragment$1 } from 'react';
+import { useShallow } from 'zustand/react/shallow';
 import { create } from 'zustand';
 import { subscribeWithSelector } from 'zustand/middleware';
-import { useShallow } from 'zustand/react/shallow';
 import { decode } from '@gemx-dev/clarity-decode';
 import { Visualizer } from '@gemx-dev/clarity-visualize';
 import { createPortal } from 'react-dom';
@@ -190,6 +190,90 @@ var IScrollType;
     IScrollType["Revenue"] = "revenue-scroll";
 })(IScrollType || (IScrollType = {}));
 
+const ViewIdContext = createContext(undefined);
+const useViewIdContext = () => {
+    const viewId = useContext(ViewIdContext);
+    return viewId || DEFAULT_VIEW_ID;
+};
+
+// ===========================
+// Factory Function
+// ===========================
+/**
+ * Creates a view-context aware hook with selector support
+ *
+ * Features:
+ * - Automatic viewId injection from context
+ * - Selector pattern for granular subscriptions
+ * - Full type safety
+ * - Optimized re-renders with useShallow
+ *
+ * @example
+ * ```ts
+ * const useMyHook = createViewContextHook({
+ *   useStore: useMyStore,
+ *   getState: (store, viewId) => ({
+ *     data: store.data.get(viewId) ?? null,
+ *     count: store.count.get(viewId) ?? 0,
+ *   }),
+ *   getActions: (store, viewId) => ({
+ *     setData: (data) => store.setData(data, viewId),
+ *     increment: () => store.increment(viewId),
+ *   }),
+ * });
+ *
+ * // Usage
+ * const data = useMyHook(s => s.data);
+ * const { setData } = useMyHook(s => ({ setData: s.setData }));
+ * const everything = useMyHook();
+ * ```
+ */
+function createViewContextHook(config) {
+    function useViewContextHook(selectorOrProps, propsOverload) {
+        const isSelector = typeof selectorOrProps === 'function';
+        const selector = isSelector ? selectorOrProps : undefined;
+        const props = isSelector ? propsOverload : selectorOrProps;
+        const contextViewId = useViewIdContext();
+        const viewId = props?.viewId || contextViewId;
+        // Build actions - memoized for stable references
+        const actions = useActions(config, viewId);
+        // Subscribe to store with selector
+        return config.useStore(useShallow((store) => {
+            const state = config.getState(store, viewId);
+            const fullResult = { ...state, ...actions };
+            return selector ? selector(fullResult) : fullResult;
+        }));
+    }
+    return useViewContextHook;
+}
+// ===========================
+// Helper: Build Actions
+// ===========================
+/**
+ * Internal helper to build and memoize actions
+ */
+function useActions(config, viewId) {
+    // Get the raw store state to extract action references
+    const store = config.useStore.getState();
+    // Build actions bound to viewId
+    return useMemo(() => config.getActions(store, viewId), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [viewId, ...Object.values(extractActionRefs(config.useStore))]);
+}
+/**
+ * Extract action function references from store for dependency tracking
+ */
+function extractActionRefs(useStore) {
+    const store = useStore.getState();
+    const refs = {};
+    for (const [key, value] of Object.entries(store)) {
+        if (typeof value === 'function') {
+            refs[key] = value;
+        }
+    }
+    return refs;
+}
+
 const useHeatmapControlStore = create()((set, get) => {
     return {
         controls: {
@@ -968,90 +1052,6 @@ const useHeatmapVizRectStore = create()(subscribeWithSelector((set) => {
     };
 }));
 
-const ViewIdContext = createContext(undefined);
-const useViewIdContext = () => {
-    const viewId = useContext(ViewIdContext);
-    return viewId || DEFAULT_VIEW_ID;
-};
-
-// ===========================
-// Factory Function
-// ===========================
-/**
- * Creates a view-context aware hook with selector support
- *
- * Features:
- * - Automatic viewId injection from context
- * - Selector pattern for granular subscriptions
- * - Full type safety
- * - Optimized re-renders with useShallow
- *
- * @example
- * ```ts
- * const useMyHook = createViewContextHook({
- *   useStore: useMyStore,
- *   getState: (store, viewId) => ({
- *     data: store.data.get(viewId) ?? null,
- *     count: store.count.get(viewId) ?? 0,
- *   }),
- *   getActions: (store, viewId) => ({
- *     setData: (data) => store.setData(data, viewId),
- *     increment: () => store.increment(viewId),
- *   }),
- * });
- *
- * // Usage
- * const data = useMyHook(s => s.data);
- * const { setData } = useMyHook(s => ({ setData: s.setData }));
- * const everything = useMyHook();
- * ```
- */
-function createViewContextHook(config) {
-    function useViewContextHook(selectorOrProps, propsOverload) {
-        const isSelector = typeof selectorOrProps === 'function';
-        const selector = isSelector ? selectorOrProps : undefined;
-        const props = isSelector ? propsOverload : selectorOrProps;
-        const contextViewId = useViewIdContext();
-        const viewId = props?.viewId || contextViewId;
-        // Build actions - memoized for stable references
-        const actions = useActions(config, viewId);
-        // Subscribe to store with selector
-        return config.useStore(useShallow((store) => {
-            const state = config.getState(store, viewId);
-            const fullResult = { ...state, ...actions };
-            return selector ? selector(fullResult) : fullResult;
-        }));
-    }
-    return useViewContextHook;
-}
-// ===========================
-// Helper: Build Actions
-// ===========================
-/**
- * Internal helper to build and memoize actions
- */
-function useActions(config, viewId) {
-    // Get the raw store state to extract action references
-    const store = config.useStore.getState();
-    // Build actions bound to viewId
-    return useMemo(() => config.getActions(store, viewId), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [viewId, ...Object.values(extractActionRefs(config.useStore))]);
-}
-/**
- * Extract action function references from store for dependency tracking
- */
-function extractActionRefs(useStore) {
-    const store = useStore.getState();
-    const refs = {};
-    for (const [key, value] of Object.entries(store)) {
-        if (typeof value === 'function') {
-            refs[key] = value;
-        }
-    }
-    return refs;
-}
-
 const useHeatmapAreaClick = createViewContextHook({
     useStore: useHeatmapVizClickAreaStore,
     getState: (store, viewId) => ({
@@ -8740,4 +8740,4 @@ const HeatmapLayout = ({ data, clickmap, clickAreas, scrollmap, controls, dataIn
     }
 };
 
-export { BACKDROP_CONFIG, DEFAULT_SIDEBAR_WIDTH, DEFAULT_VIEW_ID, DEFAULT_ZOOM_RATIO, ELM_CALLOUT_CONFIG, GraphView, HEATMAP_CONFIG, HEATMAP_IFRAME, HEATMAP_STYLE, HeatmapLayout, IClickMode, IClickRankType, IClickType, IDeviceType, IHeatmapType, IScrollType, ViewIdContext, Z_INDEX, compareViewPerformance, convertViewportToIframeCoords, createStorePerformanceTracker, downloadPerformanceReport, getCompareViewId, getMetricsByViewId, getPerformanceReportJSON, getScrollGradientColor, performanceLogger, printPerformanceSummary, scrollToElementIfNeeded, sendPerformanceReport, serializeAreas, trackStoreAction, useAreaCreation, useAreaEditMode, useAreaFilterVisible, useAreaHydration, useAreaInteraction, useAreaPositionsUpdater, useAreaRectSync, useAreaRendererContainer, useAreaTopAutoDetect, useClickedElement, useDebounceCallback, useElementCalloutVisible, useHeatmapAreaClick, useHeatmapCanvas, useHeatmapClick, useHeatmapCompareStore, useHeatmapConfigStore, useHeatmapCopyView, useHeatmapData, useHeatmapEffects, useHeatmapElementPosition, useHeatmapHover, useHeatmapLiveStore, useHeatmapRenderByMode, useHeatmapScale, useHeatmapScroll, useHeatmapSetting, useHeatmapViz, useHeatmapVizRect, useHeatmapWidthByDevice, useHoveredElement, useIframeHeight, useIframeHeightProcessor, useMeasureFunction, useRegisterConfig, useRegisterControl, useRegisterData, useRegisterHeatmap, useRenderCount, useScrollmapZones, useTrackHookCall, useViewIdContext, useVizLiveRender, useWhyDidYouUpdate, useWrapperRefHeight, useZonePositions, withPerformanceTracking };
+export { BACKDROP_CONFIG, DEFAULT_SIDEBAR_WIDTH, DEFAULT_VIEW_ID, DEFAULT_ZOOM_RATIO, ELM_CALLOUT_CONFIG, GraphView, HEATMAP_CONFIG, HEATMAP_IFRAME, HEATMAP_STYLE, HeatmapLayout, IClickMode, IClickRankType, IClickType, IDeviceType, IHeatmapType, IScrollType, ViewIdContext, Z_INDEX, compareViewPerformance, convertViewportToIframeCoords, createStorePerformanceTracker, createViewContextHook, downloadPerformanceReport, getCompareViewId, getMetricsByViewId, getPerformanceReportJSON, getScrollGradientColor, performanceLogger, printPerformanceSummary, scrollToElementIfNeeded, sendPerformanceReport, serializeAreas, trackStoreAction, useAreaCreation, useAreaEditMode, useAreaFilterVisible, useAreaHydration, useAreaInteraction, useAreaPositionsUpdater, useAreaRectSync, useAreaRendererContainer, useAreaTopAutoDetect, useClickedElement, useDebounceCallback, useElementCalloutVisible, useHeatmapAreaClick, useHeatmapCanvas, useHeatmapClick, useHeatmapCompareStore, useHeatmapConfigStore, useHeatmapCopyView, useHeatmapData, useHeatmapEffects, useHeatmapElementPosition, useHeatmapHover, useHeatmapLiveStore, useHeatmapRenderByMode, useHeatmapScale, useHeatmapScroll, useHeatmapSetting, useHeatmapViz, useHeatmapVizRect, useHeatmapWidthByDevice, useHoveredElement, useIframeHeight, useIframeHeightProcessor, useMeasureFunction, useRegisterConfig, useRegisterControl, useRegisterData, useRegisterHeatmap, useRenderCount, useScrollmapZones, useTrackHookCall, useViewIdContext, useVizLiveRender, useWhyDidYouUpdate, useWrapperRefHeight, useZonePositions, withPerformanceTracking };

package/dist/umd/hooks/view-context/index.d.ts

@@ -1,3 +1,4 @@
+export * from './createViewContextHook';
 export * from './useHeatmapAreaClick';
 export * from './useHeatmapClick';
 export * from './useHeatmapData';

package/dist/umd/hooks/view-context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,sBAAsB,CAAC"}