@gemx-dev/heatmap-react 3.5.12 → 3.5.15

package/dist/esm/components/Layout/HeatmapLayout.d.ts

@@ -1,6 +1,10 @@
+import { ClickMapPoint, DecodedPayload } from '../../types';
 interface HeatmapLayoutProps {
+    data?: DecodedPayload[];
+    clickmap?: ClickMapPoint[];
     header: React.ReactNode;
     sidebar: React.ReactNode;
+    toolbar: React.ReactNode;
 }
 export declare const HeatmapLayout: React.FC<HeatmapLayoutProps>;
 export {};

package/dist/esm/components/Layout/HeatmapLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeatmapLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/HeatmapLayout.tsx"],"names":[],"mappings":"AAGA,UAAU,kBAAkB;IAC1B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAetD,CAAC"}
+{"version":3,"file":"HeatmapLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/HeatmapLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAI5D,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,cAAc,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiDtD,CAAC"}

package/dist/esm/components/Layout/WrapperLayout.d.ts

@@ -1,5 +1,6 @@
 interface WrapperLayoutProps {
     header: React.ReactNode;
+    toolbar: React.ReactNode;
     sidebar: React.ReactNode;
 }
 export declare const WrapperLayout: React.FC<WrapperLayoutProps>;

package/dist/esm/components/Layout/WrapperLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WrapperLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/WrapperLayout.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAOtD,CAAC"}
+{"version":3,"file":"WrapperLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/WrapperLayout.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAQtD,CAAC"}

package/dist/esm/hooks/viz-render/useHeatmapRender.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapRender.ts"],"names":[],"mappings":"AAQA,UAAU,uBAAuB;IAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,gBAAgB,QAAO,uBA6EnC,CAAC"}
+{"version":3,"file":"useHeatmapRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapRender.ts"],"names":[],"mappings":"AAQA,UAAU,uBAAuB;IAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,gBAAgB,QAAO,uBAsFnC,CAAC"}

package/dist/esm/index.js

@@ -2,8 +2,8 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useNodesState, ReactFlow, Controls, Background } from '@xyflow/react';
 import { useEffect, useMemo, useRef, useCallback, useState } from 'react';
-import { Visualizer } from '@gemx-dev/clarity-visualize';
 import { create } from 'zustand';
+import { Visualizer } from '@gemx-dev/clarity-visualize';
 
 const initialNodes = { id: '1', position: { x: 0, y: 0 }, data: { label: '1' } };
 const GraphView = ({ children, width, height }) => {
@@ -37,6 +37,21 @@ const GraphView = ({ children, width, height }) => {
     return (jsxs(ReactFlow, { nodes: nodes, nodeTypes: nodeTypes, onNodesChange: onNodesChange, debug: true, minZoom: 0.5, maxZoom: 2, fitView: true, children: [jsx(Controls, {}), jsx(Background, {})] }));
 };
 
+const useHeatmapDataStore = create()((set, get) => ({
+    data: undefined,
+    clickmap: undefined,
+    config: undefined,
+    iframeHeight: 0,
+    state: {
+        hideSidebar: false,
+    },
+    setData: (data) => set({ data }),
+    setClickmap: (clickmap) => set({ clickmap }),
+    setState: (state) => set({ state: { ...get().state, ...state } }),
+    setConfig: (config) => set({ config: { ...get().config, ...config } }),
+    setIframeHeight: (iframeHeight) => set({ iframeHeight }),
+}));
+
 const BoxStack = ({ children, ...props }) => {
     const id = props.id;
     const flexDirection = props.flexDirection;
@@ -120,19 +135,6 @@ const recreateIframe = (iframeRef, config) => {
     return newIframe;
 };
 
-const useHeatmapDataStore = create()((set, get) => ({
-    data: undefined,
-    config: undefined,
-    iframeHeight: 0,
-    state: {
-        hideSidebar: false,
-    },
-    setData: (data) => set({ data }),
-    setState: (state) => set({ state: { ...get().state, ...state } }),
-    setConfig: (config) => set({ config: { ...get().config, ...config } }),
-    setIframeHeight: (iframeHeight) => set({ iframeHeight }),
-}));
-
 function isMobileDevice(userAgent) {
     if (!userAgent)
         return false;
@@ -143,6 +145,7 @@ const useHeatmapRender = () => {
     const data = useHeatmapDataStore((state) => state.data);
     const config = useHeatmapDataStore((state) => state.config);
     const setConfig = useHeatmapDataStore((state) => state.setConfig);
+    const clickmap = useHeatmapDataStore((state) => state.clickmap);
     const visualizerRef = useRef(null);
     const iframeRef = useRef(null);
     const initializeVisualizer = useCallback((envelope, userAgent) => {
@@ -166,7 +169,7 @@ const useHeatmapRender = () => {
     const renderHeatmap = useCallback(async (payloads) => {
         if (!payloads || payloads.length === 0)
             return;
-        let visualizer = visualizerRef.current || new Visualizer();
+        let visualizer = new Visualizer();
         const iframe = recreateIframe(iframeRef, config);
         // setIframeHeight(Number(iframeRef.current?.height || 0));
         // for (const decoded of payloads) {
@@ -185,6 +188,7 @@ const useHeatmapRender = () => {
         // Render static HTML
         if (visualizer && iframe?.contentWindow) {
             await visualizer.html(payloads, iframe.contentWindow);
+            visualizerRef.current = visualizer;
         }
     }, [initializeVisualizer]);
     useEffect(() => {
@@ -195,6 +199,12 @@ const useHeatmapRender = () => {
             visualizerRef.current = null;
         };
     }, [config, data, renderHeatmap]);
+    useEffect(() => {
+        if (!visualizerRef.current || !clickmap || clickmap.length === 0)
+            return;
+        visualizerRef.current.clearmap();
+        visualizerRef.current?.clickmap(clickmap);
+    }, [clickmap]);
     return {
         iframeRef,
     };
@@ -478,7 +488,7 @@ const useScaleCalculation = (props) => {
     useEffect(() => {
         if (containerWidth > 0 && contentWidth > 0) {
             const availableWidth = containerWidth - HEATMAP_CONFIG['paddingBlock'] * 2;
-            const calculatedScale = Math.min(availableWidth / contentWidth);
+            const calculatedScale = Math.min(availableWidth / contentWidth, 1);
             setScale(calculatedScale);
         }
     }, [containerWidth, contentWidth]);
@@ -636,15 +646,33 @@ const WrapperPreview = ({ children }) => {
     return (jsxs("div", { className: "gx-hm-container", style: { display: 'flex', overflowY: 'hidden', flex: '1', position: 'relative' }, children: [jsx(LeftSidebar, { children: children }), jsx(VizDomContainer, {})] }));
 };
 
-const WrapperLayout = ({ header, sidebar }) => {
-    return (jsxs(BoxStack, { id: "gx-hm-layout", flexDirection: "column", flex: "1", children: [jsx(ContentHeader, { children: header }), jsx(WrapperPreview, { children: sidebar })] }));
+const WrapperLayout = ({ header, toolbar, sidebar }) => {
+    return (jsxs(BoxStack, { id: "gx-hm-layout", flexDirection: "column", flex: "1", children: [jsx(ContentHeader, { children: header }), jsx(ContentHeader, { children: toolbar }), jsx(WrapperPreview, { children: sidebar })] }));
 };
 
-const HeatmapLayout = ({ header, sidebar }) => {
+const HeatmapLayout = ({ data, clickmap, header, toolbar, sidebar, }) => {
+    const setData = useHeatmapDataStore((state) => state.setData);
+    const setClickmap = useHeatmapDataStore((state) => state.setClickmap);
+    const handleSetClickmap = useCallback((clickmap) => {
+        if (!clickmap)
+            return;
+        setClickmap(clickmap);
+    }, [clickmap]);
+    const handleSetData = useCallback((data) => {
+        if (!data)
+            return;
+        setData(data);
+    }, [data]);
+    useEffect(() => {
+        handleSetData(data);
+    }, [data]);
+    useEffect(() => {
+        handleSetClickmap(clickmap);
+    }, [clickmap]);
     return (jsx(BoxStack, { id: "gx-hm-project", flexDirection: "column", flex: "1", height: "100%", children: jsx(BoxStack, { id: "gx-hm-project-content", flexDirection: "column", flex: "1", children: jsx("div", { style: {
                     minHeight: '100%',
                     display: 'flex',
-                }, children: jsx(WrapperLayout, { header: header, sidebar: sidebar }) }) }) }));
+                }, children: jsx(WrapperLayout, { header: header, toolbar: toolbar, sidebar: sidebar }) }) }) }));
 };
 
 var PanelContent;

package/dist/esm/index.mjs

@@ -2,8 +2,8 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useNodesState, ReactFlow, Controls, Background } from '@xyflow/react';
 import { useEffect, useMemo, useRef, useCallback, useState } from 'react';
-import { Visualizer } from '@gemx-dev/clarity-visualize';
 import { create } from 'zustand';
+import { Visualizer } from '@gemx-dev/clarity-visualize';
 
 const initialNodes = { id: '1', position: { x: 0, y: 0 }, data: { label: '1' } };
 const GraphView = ({ children, width, height }) => {
@@ -37,6 +37,21 @@ const GraphView = ({ children, width, height }) => {
     return (jsxs(ReactFlow, { nodes: nodes, nodeTypes: nodeTypes, onNodesChange: onNodesChange, debug: true, minZoom: 0.5, maxZoom: 2, fitView: true, children: [jsx(Controls, {}), jsx(Background, {})] }));
 };
 
+const useHeatmapDataStore = create()((set, get) => ({
+    data: undefined,
+    clickmap: undefined,
+    config: undefined,
+    iframeHeight: 0,
+    state: {
+        hideSidebar: false,
+    },
+    setData: (data) => set({ data }),
+    setClickmap: (clickmap) => set({ clickmap }),
+    setState: (state) => set({ state: { ...get().state, ...state } }),
+    setConfig: (config) => set({ config: { ...get().config, ...config } }),
+    setIframeHeight: (iframeHeight) => set({ iframeHeight }),
+}));
+
 const BoxStack = ({ children, ...props }) => {
     const id = props.id;
     const flexDirection = props.flexDirection;
@@ -120,19 +135,6 @@ const recreateIframe = (iframeRef, config) => {
     return newIframe;
 };
 
-const useHeatmapDataStore = create()((set, get) => ({
-    data: undefined,
-    config: undefined,
-    iframeHeight: 0,
-    state: {
-        hideSidebar: false,
-    },
-    setData: (data) => set({ data }),
-    setState: (state) => set({ state: { ...get().state, ...state } }),
-    setConfig: (config) => set({ config: { ...get().config, ...config } }),
-    setIframeHeight: (iframeHeight) => set({ iframeHeight }),
-}));
-
 function isMobileDevice(userAgent) {
     if (!userAgent)
         return false;
@@ -143,6 +145,7 @@ const useHeatmapRender = () => {
     const data = useHeatmapDataStore((state) => state.data);
     const config = useHeatmapDataStore((state) => state.config);
     const setConfig = useHeatmapDataStore((state) => state.setConfig);
+    const clickmap = useHeatmapDataStore((state) => state.clickmap);
     const visualizerRef = useRef(null);
     const iframeRef = useRef(null);
     const initializeVisualizer = useCallback((envelope, userAgent) => {
@@ -166,7 +169,7 @@ const useHeatmapRender = () => {
     const renderHeatmap = useCallback(async (payloads) => {
         if (!payloads || payloads.length === 0)
             return;
-        let visualizer = visualizerRef.current || new Visualizer();
+        let visualizer = new Visualizer();
         const iframe = recreateIframe(iframeRef, config);
         // setIframeHeight(Number(iframeRef.current?.height || 0));
         // for (const decoded of payloads) {
@@ -185,6 +188,7 @@ const useHeatmapRender = () => {
         // Render static HTML
         if (visualizer && iframe?.contentWindow) {
             await visualizer.html(payloads, iframe.contentWindow);
+            visualizerRef.current = visualizer;
         }
     }, [initializeVisualizer]);
     useEffect(() => {
@@ -195,6 +199,12 @@ const useHeatmapRender = () => {
             visualizerRef.current = null;
         };
     }, [config, data, renderHeatmap]);
+    useEffect(() => {
+        if (!visualizerRef.current || !clickmap || clickmap.length === 0)
+            return;
+        visualizerRef.current.clearmap();
+        visualizerRef.current?.clickmap(clickmap);
+    }, [clickmap]);
     return {
         iframeRef,
     };
@@ -478,7 +488,7 @@ const useScaleCalculation = (props) => {
     useEffect(() => {
         if (containerWidth > 0 && contentWidth > 0) {
             const availableWidth = containerWidth - HEATMAP_CONFIG['paddingBlock'] * 2;
-            const calculatedScale = Math.min(availableWidth / contentWidth);
+            const calculatedScale = Math.min(availableWidth / contentWidth, 1);
             setScale(calculatedScale);
         }
     }, [containerWidth, contentWidth]);
@@ -636,15 +646,33 @@ const WrapperPreview = ({ children }) => {
     return (jsxs("div", { className: "gx-hm-container", style: { display: 'flex', overflowY: 'hidden', flex: '1', position: 'relative' }, children: [jsx(LeftSidebar, { children: children }), jsx(VizDomContainer, {})] }));
 };
 
-const WrapperLayout = ({ header, sidebar }) => {
-    return (jsxs(BoxStack, { id: "gx-hm-layout", flexDirection: "column", flex: "1", children: [jsx(ContentHeader, { children: header }), jsx(WrapperPreview, { children: sidebar })] }));
+const WrapperLayout = ({ header, toolbar, sidebar }) => {
+    return (jsxs(BoxStack, { id: "gx-hm-layout", flexDirection: "column", flex: "1", children: [jsx(ContentHeader, { children: header }), jsx(ContentHeader, { children: toolbar }), jsx(WrapperPreview, { children: sidebar })] }));
 };
 
-const HeatmapLayout = ({ header, sidebar }) => {
+const HeatmapLayout = ({ data, clickmap, header, toolbar, sidebar, }) => {
+    const setData = useHeatmapDataStore((state) => state.setData);
+    const setClickmap = useHeatmapDataStore((state) => state.setClickmap);
+    const handleSetClickmap = useCallback((clickmap) => {
+        if (!clickmap)
+            return;
+        setClickmap(clickmap);
+    }, [clickmap]);
+    const handleSetData = useCallback((data) => {
+        if (!data)
+            return;
+        setData(data);
+    }, [data]);
+    useEffect(() => {
+        handleSetData(data);
+    }, [data]);
+    useEffect(() => {
+        handleSetClickmap(clickmap);
+    }, [clickmap]);
     return (jsx(BoxStack, { id: "gx-hm-project", flexDirection: "column", flex: "1", height: "100%", children: jsx(BoxStack, { id: "gx-hm-project-content", flexDirection: "column", flex: "1", children: jsx("div", { style: {
                     minHeight: '100%',
                     display: 'flex',
-                }, children: jsx(WrapperLayout, { header: header, sidebar: sidebar }) }) }) }));
+                }, children: jsx(WrapperLayout, { header: header, toolbar: toolbar, sidebar: sidebar }) }) }) }));
 };
 
 var PanelContent;

package/dist/esm/stores/data.d.ts

@@ -1,14 +1,16 @@
-import { DecodedPayload, IHeatmapConfig } from '../types';
+import { ClickMapPoint, DecodedPayload, IHeatmapConfig } from '../types';
 export interface IHeatmapState {
     hideSidebar: boolean;
 }
 export interface IHeatmapDataStore {
     data?: DecodedPayload[];
+    clickmap?: ClickMapPoint[];
     config?: IHeatmapConfig;
     iframeHeight: number;
     state: IHeatmapState;
     setState: (state: IHeatmapState) => void;
     setData: (data: DecodedPayload[]) => void;
+    setClickmap: (clickmap: ClickMapPoint[]) => void;
     setConfig: (config: IHeatmapConfig) => void;
     setIframeHeight: (iframeHeight: number) => void;
 }

package/dist/esm/stores/data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../src/stores/data.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1D,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,cAAc,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5C,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,mBAAmB,gFAW7B,CAAC"}
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../src/stores/data.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAEzE,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,cAAc,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IACjD,SAAS,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5C,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,mBAAmB,gFAa7B,CAAC"}

package/dist/umd/components/Layout/HeatmapLayout.d.ts

@@ -1,6 +1,10 @@
+import { ClickMapPoint, DecodedPayload } from '../../types';
 interface HeatmapLayoutProps {
+    data?: DecodedPayload[];
+    clickmap?: ClickMapPoint[];
     header: React.ReactNode;
     sidebar: React.ReactNode;
+    toolbar: React.ReactNode;
 }
 export declare const HeatmapLayout: React.FC<HeatmapLayoutProps>;
 export {};

package/dist/umd/components/Layout/HeatmapLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeatmapLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/HeatmapLayout.tsx"],"names":[],"mappings":"AAGA,UAAU,kBAAkB;IAC1B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAetD,CAAC"}
+{"version":3,"file":"HeatmapLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/HeatmapLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAI5D,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,cAAc,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiDtD,CAAC"}

package/dist/umd/components/Layout/WrapperLayout.d.ts

@@ -1,5 +1,6 @@
 interface WrapperLayoutProps {
     header: React.ReactNode;
+    toolbar: React.ReactNode;
     sidebar: React.ReactNode;
 }
 export declare const WrapperLayout: React.FC<WrapperLayoutProps>;

package/dist/umd/components/Layout/WrapperLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WrapperLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/WrapperLayout.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAOtD,CAAC"}
+{"version":3,"file":"WrapperLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/WrapperLayout.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAQtD,CAAC"}

package/dist/umd/hooks/viz-render/useHeatmapRender.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapRender.ts"],"names":[],"mappings":"AAQA,UAAU,uBAAuB;IAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,gBAAgB,QAAO,uBA6EnC,CAAC"}
+{"version":3,"file":"useHeatmapRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapRender.ts"],"names":[],"mappings":"AAQA,UAAU,uBAAuB;IAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,gBAAgB,QAAO,uBAsFnC,CAAC"}