@gemx-dev/heatmap-react 3.5.23 → 3.5.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +14 -11
- package/dist/esm/components/HeatmapLayout/ContentHeader.d.ts +0 -4
- package/dist/esm/components/HeatmapLayout/ContentHeader.d.ts.map +0 -1
- package/dist/esm/components/HeatmapLayout/HeatmapLayout.d.ts +0 -7
- package/dist/esm/components/HeatmapLayout/HeatmapLayout.d.ts.map +0 -1
- package/dist/esm/components/HeatmapLayout/LeftSidebar.d.ts +0 -4
- package/dist/esm/components/HeatmapLayout/LeftSidebar.d.ts.map +0 -1
- package/dist/esm/components/HeatmapLayout/ReplayControls.d.ts +0 -2
- package/dist/esm/components/HeatmapLayout/ReplayControls.d.ts.map +0 -1
- package/dist/esm/components/HeatmapLayout/VizDomContainer.d.ts +0 -2
- package/dist/esm/components/HeatmapLayout/VizDomContainer.d.ts.map +0 -1
- package/dist/esm/components/HeatmapLayout/VizDomRenderer.d.ts +0 -6
- package/dist/esm/components/HeatmapLayout/VizDomRenderer.d.ts.map +0 -1
- package/dist/esm/components/HeatmapLayout/WrapperLayout.d.ts +0 -7
- package/dist/esm/components/HeatmapLayout/WrapperLayout.d.ts.map +0 -1
- package/dist/esm/components/HeatmapLayout/WrapperPreview.d.ts +0 -4
- package/dist/esm/components/HeatmapLayout/WrapperPreview.d.ts.map +0 -1
- package/dist/esm/components/HeatmapLayout/index.d.ts +0 -2
- package/dist/esm/components/HeatmapLayout/index.d.ts.map +0 -1
- package/dist/esm/components/VizElement/ClarityVisualizer.d.ts +0 -150
- package/dist/esm/components/VizElement/ClarityVisualizer.d.ts.map +0 -1
- package/dist/esm/components/VizElement/HeatmapElementV2.d.ts +0 -45
- package/dist/esm/components/VizElement/HeatmapElementV2.d.ts.map +0 -1
- package/dist/esm/components/VizElement/PayloadProcessor.d.ts +0 -65
- package/dist/esm/components/VizElement/PayloadProcessor.d.ts.map +0 -1
- package/dist/esm/components/VizElement/VizElementRank.d.ts +0 -74
- package/dist/esm/components/VizElement/VizElementRank.d.ts.map +0 -1
- package/dist/esm/components/VizElement/constants.d.ts +0 -5
- package/dist/esm/components/VizElement/constants.d.ts.map +0 -1
- package/dist/esm/components/VizElement/helpers.d.ts +0 -20
- package/dist/esm/components/VizElement/helpers.d.ts.map +0 -1
- package/dist/esm/components/VizElement/types.d.ts +0 -13
- package/dist/esm/components/VizElement/types.d.ts.map +0 -1
- package/dist/esm/hooks/useHeatmapByMode.d.ts +0 -6
- package/dist/esm/hooks/useHeatmapByMode.d.ts.map +0 -1
- package/dist/esm/hooks/useHeatmapRender.d.ts +0 -6
- package/dist/esm/hooks/useHeatmapRender.d.ts.map +0 -1
- package/dist/esm/hooks/useHeatmapScale.d.ts +0 -28
- package/dist/esm/hooks/useHeatmapScale.d.ts.map +0 -1
- package/dist/esm/hooks/useReplayRender.d.ts +0 -9
- package/dist/esm/hooks/useReplayRender.d.ts.map +0 -1
- package/dist/esm/types/index.d.ts +0 -3
- package/dist/esm/types/index.d.ts.map +0 -1
- package/dist/umd/components/VizElement/VizElementRank.d.ts +0 -75
- package/dist/umd/components/VizElement/VizElementRank.d.ts.map +0 -1
- package/src/components/GraphView.tsx +0 -58
- package/src/components/Layout/ContentHeader.tsx +0 -15
- package/src/components/Layout/HeatmapLayout.tsx +0 -63
- package/src/components/Layout/LeftSidebar.tsx +0 -32
- package/src/components/Layout/WrapperLayout.tsx +0 -18
- package/src/components/Layout/WrapperPreview.tsx +0 -14
- package/src/components/Layout/index.ts +0 -1
- package/src/components/Test.tsx +0 -1106
- package/src/components/VizDom/ReplayControls.tsx +0 -48
- package/src/components/VizDom/VizDomContainer.tsx +0 -25
- package/src/components/VizDom/VizDomRenderer.tsx +0 -87
- package/src/components/VizDom/index.ts +0 -1
- package/src/components/VizElement/ClickedElementOverlay.tsx +0 -65
- package/src/components/VizElement/DefaultRankBadges.tsx +0 -33
- package/src/components/VizElement/ElementCallout.tsx +0 -337
- package/src/components/VizElement/HeatmapElements.tsx +0 -147
- package/src/components/VizElement/HoveredElementOverlay.tsx +0 -46
- package/src/components/VizElement/MissingElementMessage.tsx +0 -32
- package/src/components/VizElement/RankBadge.tsx +0 -25
- package/src/components/VizElement/VizElements.tsx +0 -80
- package/src/components/VizElement/index.ts +0 -1
- package/src/components/VizElement/temp/ClarityVisualizer.ts +0 -764
- package/src/components/VizElement/temp/VizElementRank.tsx +0 -579
- package/src/components/index.tsx +0 -4
- package/src/configs/iframe.ts +0 -15
- package/src/configs/index.ts +0 -2
- package/src/configs/style.ts +0 -9
- package/src/constants/index.ts +0 -4
- package/src/dist/components/GraphView.d.ts +0 -9
- package/src/dist/components/GraphView.d.ts.map +0 -1
- package/src/dist/components/Layout/ContentHeader.d.ts +0 -4
- package/src/dist/components/Layout/ContentHeader.d.ts.map +0 -1
- package/src/dist/components/Layout/HeatmapLayout.d.ts +0 -11
- package/src/dist/components/Layout/HeatmapLayout.d.ts.map +0 -1
- package/src/dist/components/Layout/LeftSidebar.d.ts +0 -4
- package/src/dist/components/Layout/LeftSidebar.d.ts.map +0 -1
- package/src/dist/components/Layout/WrapperLayout.d.ts +0 -8
- package/src/dist/components/Layout/WrapperLayout.d.ts.map +0 -1
- package/src/dist/components/Layout/WrapperPreview.d.ts +0 -4
- package/src/dist/components/Layout/WrapperPreview.d.ts.map +0 -1
- package/src/dist/components/Layout/index.d.ts +0 -2
- package/src/dist/components/Layout/index.d.ts.map +0 -1
- package/src/dist/components/Test.d.ts +0 -121
- package/src/dist/components/Test.d.ts.map +0 -1
- package/src/dist/components/VizDom/ReplayControls.d.ts +0 -2
- package/src/dist/components/VizDom/ReplayControls.d.ts.map +0 -1
- package/src/dist/components/VizDom/VizDomContainer.d.ts +0 -2
- package/src/dist/components/VizDom/VizDomContainer.d.ts.map +0 -1
- package/src/dist/components/VizDom/VizDomRenderer.d.ts +0 -6
- package/src/dist/components/VizDom/VizDomRenderer.d.ts.map +0 -1
- package/src/dist/components/VizDom/index.d.ts +0 -2
- package/src/dist/components/VizDom/index.d.ts.map +0 -1
- package/src/dist/components/VizElement/ClickedElementOverlay.d.ts +0 -17
- package/src/dist/components/VizElement/ClickedElementOverlay.d.ts.map +0 -1
- package/src/dist/components/VizElement/DefaultRankBadges.d.ts +0 -11
- package/src/dist/components/VizElement/DefaultRankBadges.d.ts.map +0 -1
- package/src/dist/components/VizElement/ElementCallout.d.ts +0 -17
- package/src/dist/components/VizElement/ElementCallout.d.ts.map +0 -1
- package/src/dist/components/VizElement/HeatmapElements.d.ts +0 -23
- package/src/dist/components/VizElement/HeatmapElements.d.ts.map +0 -1
- package/src/dist/components/VizElement/HoveredElementOverlay.d.ts +0 -12
- package/src/dist/components/VizElement/HoveredElementOverlay.d.ts.map +0 -1
- package/src/dist/components/VizElement/MissingElementMessage.d.ts +0 -7
- package/src/dist/components/VizElement/MissingElementMessage.d.ts.map +0 -1
- package/src/dist/components/VizElement/RankBadge.d.ts +0 -10
- package/src/dist/components/VizElement/RankBadge.d.ts.map +0 -1
- package/src/dist/components/VizElement/VizElements.d.ts +0 -10
- package/src/dist/components/VizElement/VizElements.d.ts.map +0 -1
- package/src/dist/components/VizElement/index.d.ts +0 -2
- package/src/dist/components/VizElement/index.d.ts.map +0 -1
- package/src/dist/components/VizElement/temp/ClarityVisualizer.d.ts +0 -150
- package/src/dist/components/VizElement/temp/ClarityVisualizer.d.ts.map +0 -1
- package/src/dist/components/VizElement/temp/VizElementRank.d.ts +0 -74
- package/src/dist/components/VizElement/temp/VizElementRank.d.ts.map +0 -1
- package/src/dist/components/index.d.ts +0 -4
- package/src/dist/components/index.d.ts.map +0 -1
- package/src/dist/configs/iframe.d.ts +0 -10
- package/src/dist/configs/iframe.d.ts.map +0 -1
- package/src/dist/configs/index.d.ts +0 -3
- package/src/dist/configs/index.d.ts.map +0 -1
- package/src/dist/configs/style.d.ts +0 -9
- package/src/dist/configs/style.d.ts.map +0 -1
- package/src/dist/constants/index.d.ts +0 -5
- package/src/dist/constants/index.d.ts.map +0 -1
- package/src/dist/helpers/iframe.d.ts +0 -3
- package/src/dist/helpers/iframe.d.ts.map +0 -1
- package/src/dist/helpers/index.d.ts +0 -2
- package/src/dist/helpers/index.d.ts.map +0 -1
- package/src/dist/helpers/viz-elements.d.ts +0 -10
- package/src/dist/helpers/viz-elements.d.ts.map +0 -1
- package/src/dist/hooks/index.d.ts +0 -4
- package/src/dist/hooks/index.d.ts.map +0 -1
- package/src/dist/hooks/vix-elements/index.d.ts +0 -5
- package/src/dist/hooks/vix-elements/index.d.ts.map +0 -1
- package/src/dist/hooks/vix-elements/useClickedElement.d.ts +0 -14
- package/src/dist/hooks/vix-elements/useClickedElement.d.ts.map +0 -1
- package/src/dist/hooks/vix-elements/useHeatmapEffects.d.ts +0 -8
- package/src/dist/hooks/vix-elements/useHeatmapEffects.d.ts.map +0 -1
- package/src/dist/hooks/vix-elements/useHeatmapElementPosition.d.ts +0 -13
- package/src/dist/hooks/vix-elements/useHeatmapElementPosition.d.ts.map +0 -1
- package/src/dist/hooks/vix-elements/useHoveredElement.d.ts +0 -17
- package/src/dist/hooks/vix-elements/useHoveredElement.d.ts.map +0 -1
- package/src/dist/hooks/viz-render/index.d.ts +0 -2
- package/src/dist/hooks/viz-render/index.d.ts.map +0 -1
- package/src/dist/hooks/viz-render/useHeatmapRender.d.ts +0 -8
- package/src/dist/hooks/viz-render/useHeatmapRender.d.ts.map +0 -1
- package/src/dist/hooks/viz-render/useHeatmapVizRender.d.ts +0 -8
- package/src/dist/hooks/viz-render/useHeatmapVizRender.d.ts.map +0 -1
- package/src/dist/hooks/viz-render/useReplayRender.d.ts +0 -11
- package/src/dist/hooks/viz-render/useReplayRender.d.ts.map +0 -1
- package/src/dist/hooks/viz-scale/index.d.ts +0 -2
- package/src/dist/hooks/viz-scale/index.d.ts.map +0 -1
- package/src/dist/hooks/viz-scale/useContainerDimensions.d.ts +0 -10
- package/src/dist/hooks/viz-scale/useContainerDimensions.d.ts.map +0 -1
- package/src/dist/hooks/viz-scale/useContentDimensions.d.ts +0 -11
- package/src/dist/hooks/viz-scale/useContentDimensions.d.ts.map +0 -1
- package/src/dist/hooks/viz-scale/useHeatmapScale.d.ts +0 -19
- package/src/dist/hooks/viz-scale/useHeatmapScale.d.ts.map +0 -1
- package/src/dist/hooks/viz-scale/useIframeHeight.d.ts +0 -10
- package/src/dist/hooks/viz-scale/useIframeHeight.d.ts.map +0 -1
- package/src/dist/hooks/viz-scale/useScaleCalculation.d.ts +0 -10
- package/src/dist/hooks/viz-scale/useScaleCalculation.d.ts.map +0 -1
- package/src/dist/hooks/viz-scale/useScrollSync.d.ts +0 -10
- package/src/dist/hooks/viz-scale/useScrollSync.d.ts.map +0 -1
- package/src/dist/index.d.ts +0 -4
- package/src/dist/index.d.ts.map +0 -1
- package/src/dist/stores/data.d.ts +0 -18
- package/src/dist/stores/data.d.ts.map +0 -1
- package/src/dist/stores/index.d.ts +0 -2
- package/src/dist/stores/index.d.ts.map +0 -1
- package/src/dist/ui/BoxStack/BoxStack.d.ts +0 -56
- package/src/dist/ui/BoxStack/BoxStack.d.ts.map +0 -1
- package/src/dist/ui/BoxStack/index.d.ts +0 -2
- package/src/dist/ui/BoxStack/index.d.ts.map +0 -1
- package/src/dist/ui/index.d.ts +0 -2
- package/src/dist/ui/index.d.ts.map +0 -1
- package/src/dist/utils/device.d.ts +0 -2
- package/src/dist/utils/device.d.ts.map +0 -1
- package/src/dist/utils/retry.d.ts +0 -2
- package/src/dist/utils/retry.d.ts.map +0 -1
- package/src/dist/utils/sort.d.ts +0 -3
- package/src/dist/utils/sort.d.ts.map +0 -1
- package/src/global.d.ts +0 -5
- package/src/helpers/iframe.ts +0 -33
- package/src/helpers/index.ts +0 -1
- package/src/helpers/viz-elements.ts +0 -34
- package/src/hooks/index.ts +0 -3
- package/src/hooks/vix-elements/index.ts +0 -4
- package/src/hooks/vix-elements/useClickedElement.ts +0 -62
- package/src/hooks/vix-elements/useHeatmapEffects.ts +0 -29
- package/src/hooks/vix-elements/useHeatmapElementPosition.ts +0 -66
- package/src/hooks/vix-elements/useHoveredElement.ts +0 -135
- package/src/hooks/viz-render/index.ts +0 -1
- package/src/hooks/viz-render/useHeatmapRender.ts +0 -98
- package/src/hooks/viz-render/useHeatmapVizRender.ts +0 -22
- package/src/hooks/viz-render/useReplayRender.ts +0 -162
- package/src/hooks/viz-scale/index.ts +0 -1
- package/src/hooks/viz-scale/useContainerDimensions.ts +0 -46
- package/src/hooks/viz-scale/useContentDimensions.ts +0 -29
- package/src/hooks/viz-scale/useHeatmapScale.ts +0 -53
- package/src/hooks/viz-scale/useIframeHeight.ts +0 -119
- package/src/hooks/viz-scale/useScaleCalculation.ts +0 -28
- package/src/hooks/viz-scale/useScrollSync.ts +0 -36
- package/src/index.ts +0 -5
- package/src/stores/data.ts +0 -34
- package/src/stores/index.ts +0 -1
- package/src/styles/base.css +0 -1
- package/src/styles/style.css +0 -30
- package/src/types/clarity.d.ts +0 -38
- package/src/types/heatmap.d.ts +0 -3
- package/src/types/index.d.ts +0 -3
- package/src/types/viz-element.d.ts +0 -39
- package/src/ui/BoxStack/BoxStack.tsx +0 -120
- package/src/ui/BoxStack/index.ts +0 -1
- package/src/ui/index.ts +0 -1
- package/src/utils/device.ts +0 -7
- package/src/utils/retry.ts +0 -20
- package/src/utils/sort.ts +0 -5
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ElementRect } from '../types';
|
|
2
|
-
export declare function getElementLayout(element: HTMLElement): ElementRect | null;
|
|
3
|
-
export declare function formatPercentage(value: number, decimals?: number): string;
|
|
4
|
-
export declare function getSimpleSelector(selector: string): string;
|
|
5
|
-
export declare function calculateRankPosition(rect: ElementRect, widthScale: number): {
|
|
6
|
-
transform: string;
|
|
7
|
-
top: number | undefined;
|
|
8
|
-
left: number | undefined;
|
|
9
|
-
};
|
|
10
|
-
//# sourceMappingURL=viz-elements.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"viz-elements.d.ts","sourceRoot":"","sources":["../../src/helpers/viz-elements.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAWzE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,MAAM,CAEpE;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAG1D;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM;;;;EAS1E"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/vix-elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { ElementInfo, ElementRect, HeatmapInfo } from '../../types';
|
|
2
|
-
interface Params {
|
|
3
|
-
selectedElement: string | null | undefined;
|
|
4
|
-
heatmapInfo?: HeatmapInfo;
|
|
5
|
-
getRect: (el?: any) => ElementRect | null;
|
|
6
|
-
}
|
|
7
|
-
export declare const useClickedElement: ({ selectedElement, heatmapInfo, getRect }: Params) => {
|
|
8
|
-
clickedElement: ElementInfo | null;
|
|
9
|
-
showMissingElement: boolean;
|
|
10
|
-
shouldShowCallout: boolean;
|
|
11
|
-
setShouldShowCallout: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
12
|
-
};
|
|
13
|
-
export {};
|
|
14
|
-
//# sourceMappingURL=useClickedElement.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useClickedElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/vix-elements/useClickedElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAIzE,UAAU,MAAM;IACd,eAAe,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,WAAW,GAAG,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,iBAAiB,GAAI,2CAA2C,MAAM;;;;;CAmDlF,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export declare const useHeatmapEffects: ({ isVisible, isElementSidebarOpen, selectedElement, setShouldShowCallout, resetAll, }: {
|
|
2
|
-
isVisible?: boolean;
|
|
3
|
-
isElementSidebarOpen?: boolean;
|
|
4
|
-
selectedElement?: string | null;
|
|
5
|
-
setShouldShowCallout: (v: boolean) => void;
|
|
6
|
-
resetAll: () => void;
|
|
7
|
-
}) => void;
|
|
8
|
-
//# sourceMappingURL=useHeatmapEffects.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useHeatmapEffects.d.ts","sourceRoot":"","sources":["../../../src/hooks/vix-elements/useHeatmapEffects.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,GAAI,uFAM/B;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,oBAAoB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,SAcA,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { ElementRect, HeatmapElement, WebVisualizer } from '../../types';
|
|
2
|
-
interface Params {
|
|
3
|
-
iframeRef: React.RefObject<HTMLIFrameElement>;
|
|
4
|
-
parentRef: React.RefObject<HTMLElement>;
|
|
5
|
-
visualizer?: WebVisualizer;
|
|
6
|
-
heatmapWidth?: number;
|
|
7
|
-
iframeHeight?: number;
|
|
8
|
-
widthScale: number;
|
|
9
|
-
projectId?: string;
|
|
10
|
-
}
|
|
11
|
-
export declare const useHeatmapElementPosition: ({ iframeRef, parentRef, visualizer, heatmapWidth, iframeHeight, widthScale, projectId, }: Params) => (element?: HeatmapElement) => ElementRect | null;
|
|
12
|
-
export {};
|
|
13
|
-
//# sourceMappingURL=useHeatmapElementPosition.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useHeatmapElementPosition.d.ts","sourceRoot":"","sources":["../../../src/hooks/vix-elements/useHeatmapElementPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAK9E,UAAU,MAAM;IACd,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,yBAAyB,GAAI,0FAQvC,MAAM,gBAEM,cAAc,KAAG,WAAW,GAAG,IAwC7C,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import type { ElementInfo, HeatmapInfo } from '../../types';
|
|
2
|
-
interface Params {
|
|
3
|
-
iframeRef: React.RefObject<HTMLIFrameElement>;
|
|
4
|
-
heatmapInfo?: HeatmapInfo;
|
|
5
|
-
widthScale: number;
|
|
6
|
-
getRect: (el?: any) => any;
|
|
7
|
-
onSelect?: (hash: string) => void;
|
|
8
|
-
}
|
|
9
|
-
export declare const useHoveredElement: ({ iframeRef, heatmapInfo, widthScale, getRect, onSelect, }: Params) => {
|
|
10
|
-
hoveredElement: ElementInfo | null;
|
|
11
|
-
handleMouseMove: (event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
12
|
-
handleMouseLeave: () => void;
|
|
13
|
-
handleClick: () => void;
|
|
14
|
-
};
|
|
15
|
-
export declare const getElementAtPoint: (doc: Document, x: number, y: number) => HTMLElement | null;
|
|
16
|
-
export {};
|
|
17
|
-
//# sourceMappingURL=useHoveredElement.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useHoveredElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/vix-elements/useHoveredElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAe5D,UAAU,MAAM;IACd,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,iBAAiB,GAAI,4DAM/B,MAAM;;wFAtBuB,IAAI;;;CA+GnC,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,KAAK,QAAQ,EAAE,GAAG,MAAM,EAAE,GAAG,MAAM,KAAG,WAAW,GAAG,IAcrF,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Visualizer } from '@gemx-dev/clarity-visualize';
|
|
2
|
-
interface IUseHeatmapRenderResult {
|
|
3
|
-
iframeRef: React.RefObject<HTMLIFrameElement | null>;
|
|
4
|
-
clarityVisualizer: Visualizer | null;
|
|
5
|
-
}
|
|
6
|
-
export declare const useHeatmapRender: () => IUseHeatmapRenderResult;
|
|
7
|
-
export {};
|
|
8
|
-
//# sourceMappingURL=useHeatmapRender.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useHeatmapRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapRender.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAOzD,UAAU,uBAAuB;IAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,iBAAiB,EAAE,UAAU,GAAG,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,gBAAgB,QAAO,uBAoFnC,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Visualizer } from '@gemx-dev/clarity-visualize';
|
|
2
|
-
interface IHeatmapVizRenderResult {
|
|
3
|
-
iframeRef: React.RefObject<HTMLIFrameElement | null>;
|
|
4
|
-
clarityVisualizer: Visualizer | null;
|
|
5
|
-
}
|
|
6
|
-
export declare const useHeatmapVizRender: (mode: "heatmap" | "replay") => IHeatmapVizRenderResult;
|
|
7
|
-
export {};
|
|
8
|
-
//# sourceMappingURL=useHeatmapVizRender.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useHeatmapVizRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapVizRender.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,UAAU,uBAAuB;IAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,iBAAiB,EAAE,UAAU,GAAG,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,mBAAmB,GAAI,MAAM,SAAS,GAAG,QAAQ,KAAG,uBAWhE,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Visualizer } from '@gemx-dev/clarity-visualize';
|
|
2
|
-
interface IUseReplayRenderResult {
|
|
3
|
-
iframeRef: React.RefObject<HTMLIFrameElement | null>;
|
|
4
|
-
isPlaying: boolean;
|
|
5
|
-
clarityVisualizer: Visualizer | null;
|
|
6
|
-
play: () => void;
|
|
7
|
-
pause: () => void;
|
|
8
|
-
}
|
|
9
|
-
export declare const useReplayRender: () => IUseReplayRenderResult;
|
|
10
|
-
export {};
|
|
11
|
-
//# sourceMappingURL=useReplayRender.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useReplayRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useReplayRender.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAOzD,UAAU,sBAAsB;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,UAAU,GAAG,IAAI,CAAC;IACrC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,QAAO,sBAiJlC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
interface IUseContainerDimensionsProps {
|
|
2
|
-
wrapperRef: React.RefObject<HTMLDivElement | null>;
|
|
3
|
-
}
|
|
4
|
-
interface IUseContainerDimensionsResult {
|
|
5
|
-
containerWidth: number;
|
|
6
|
-
containerHeight: number;
|
|
7
|
-
}
|
|
8
|
-
export declare const useContainerDimensions: (props: IUseContainerDimensionsProps) => IUseContainerDimensionsResult;
|
|
9
|
-
export {};
|
|
10
|
-
//# sourceMappingURL=useContainerDimensions.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useContainerDimensions.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useContainerDimensions.ts"],"names":[],"mappings":"AAEA,UAAU,4BAA4B;IACpC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACpD;AAED,UAAU,6BAA6B;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,sBAAsB,GACjC,OAAO,4BAA4B,KAClC,6BAgCF,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { IHeatmapConfig } from '../../types';
|
|
2
|
-
interface IUseContentDimensionsProps {
|
|
3
|
-
iframeRef: React.RefObject<HTMLIFrameElement | null>;
|
|
4
|
-
config?: IHeatmapConfig;
|
|
5
|
-
}
|
|
6
|
-
interface IUseContentDimensionsResult {
|
|
7
|
-
contentWidth: number;
|
|
8
|
-
}
|
|
9
|
-
export declare const useContentDimensions: (props: IUseContentDimensionsProps) => IUseContentDimensionsResult;
|
|
10
|
-
export {};
|
|
11
|
-
//# sourceMappingURL=useContentDimensions.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useContentDimensions.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useContentDimensions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,UAAU,0BAA0B;IAClC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,UAAU,2BAA2B;IACnC,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,GAC/B,OAAO,0BAA0B,KAChC,2BAcF,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { IHeatmapConfig } from '../../types';
|
|
2
|
-
interface IHeatmapScaleProps {
|
|
3
|
-
wrapperRef: React.RefObject<HTMLDivElement | null>;
|
|
4
|
-
iframeRef: React.RefObject<HTMLIFrameElement | null>;
|
|
5
|
-
config?: IHeatmapConfig;
|
|
6
|
-
}
|
|
7
|
-
interface IUseHeatmapScaleResult {
|
|
8
|
-
containerWidth: number;
|
|
9
|
-
containerHeight: number;
|
|
10
|
-
contentWidth: number;
|
|
11
|
-
scaledWidth: number;
|
|
12
|
-
scaledHeight: number;
|
|
13
|
-
iframeHeight: number;
|
|
14
|
-
scale: number;
|
|
15
|
-
handleScroll: (scrollTop: number) => void;
|
|
16
|
-
}
|
|
17
|
-
export declare const useHeatmapScale: (props: IHeatmapScaleProps) => IUseHeatmapScaleResult;
|
|
18
|
-
export {};
|
|
19
|
-
//# sourceMappingURL=useHeatmapScale.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useHeatmapScale.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useHeatmapScale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAO7C,UAAU,kBAAkB;IAC1B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,UAAU,sBAAsB;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,kBAAkB,KAAG,sBA4B3D,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
interface IUseIframeHeightProps {
|
|
2
|
-
iframeRef: React.RefObject<HTMLIFrameElement | null>;
|
|
3
|
-
contentWidth: number;
|
|
4
|
-
}
|
|
5
|
-
interface IUseIframeHeightResult {
|
|
6
|
-
iframeHeight: number;
|
|
7
|
-
}
|
|
8
|
-
export declare const useIframeHeight: (props: IUseIframeHeightProps) => IUseIframeHeightResult;
|
|
9
|
-
export {};
|
|
10
|
-
//# sourceMappingURL=useIframeHeight.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useIframeHeight.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useIframeHeight.ts"],"names":[],"mappings":"AAKA,UAAU,qBAAqB;IAC7B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,sBAAsB;IAC9B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,qBAAqB,KAAG,sBAwG9D,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
interface IUseScaleCalculationProps {
|
|
2
|
-
containerWidth: number;
|
|
3
|
-
contentWidth: number;
|
|
4
|
-
}
|
|
5
|
-
interface IUseScaleCalculationResult {
|
|
6
|
-
scale: number;
|
|
7
|
-
}
|
|
8
|
-
export declare const useScaleCalculation: (props: IUseScaleCalculationProps) => IUseScaleCalculationResult;
|
|
9
|
-
export {};
|
|
10
|
-
//# sourceMappingURL=useScaleCalculation.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useScaleCalculation.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useScaleCalculation.ts"],"names":[],"mappings":"AAGA,UAAU,yBAAyB;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,0BAA0B;IAClC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,mBAAmB,GAC9B,OAAO,yBAAyB,KAC/B,0BAaF,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
interface IUseScrollSyncProps {
|
|
2
|
-
iframeRef: React.RefObject<HTMLIFrameElement | null>;
|
|
3
|
-
scale: number;
|
|
4
|
-
}
|
|
5
|
-
interface IUseScrollSyncResult {
|
|
6
|
-
handleScroll: (scrollTop: number) => void;
|
|
7
|
-
}
|
|
8
|
-
export declare const useScrollSync: (props: IUseScrollSyncProps) => IUseScrollSyncResult;
|
|
9
|
-
export {};
|
|
10
|
-
//# sourceMappingURL=useScrollSync.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useScrollSync.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useScrollSync.ts"],"names":[],"mappings":"AAEA,UAAU,mBAAmB;IAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,oBAAoB;IAC5B,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,mBAAmB,KAAG,oBAwB1D,CAAC"}
|
package/src/dist/index.d.ts
DELETED
package/src/dist/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { ClickMapPoint, DecodedPayload, IHeatmapConfig } from '../types';
|
|
2
|
-
export interface IHeatmapState {
|
|
3
|
-
hideSidebar: boolean;
|
|
4
|
-
}
|
|
5
|
-
export interface IHeatmapDataStore {
|
|
6
|
-
data?: DecodedPayload[];
|
|
7
|
-
clickmap?: ClickMapPoint[];
|
|
8
|
-
config?: IHeatmapConfig;
|
|
9
|
-
iframeHeight: number;
|
|
10
|
-
state: IHeatmapState;
|
|
11
|
-
setState: (state: IHeatmapState) => void;
|
|
12
|
-
setData: (data: DecodedPayload[]) => void;
|
|
13
|
-
setClickmap: (clickmap: ClickMapPoint[]) => void;
|
|
14
|
-
setConfig: (config: IHeatmapConfig) => void;
|
|
15
|
-
setIframeHeight: (iframeHeight: number) => void;
|
|
16
|
-
}
|
|
17
|
-
export declare const useHeatmapDataStore: import("zustand").UseBoundStore<import("zustand").StoreApi<IHeatmapDataStore>>;
|
|
18
|
-
//# sourceMappingURL=data.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stores/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
type Style = Omit<React.CSSProperties, 'display' | 'flexDirection' | 'overflow' | 'position' | 'flex' | 'justifyContent' | 'alignItems' | 'flexWrap' | 'gap' | 'height'>;
|
|
2
|
-
type FlexDirection = 'row' | 'column';
|
|
3
|
-
type Overflow = 'hidden' | 'visible' | 'scroll' | 'auto';
|
|
4
|
-
type Position = 'relative' | 'absolute' | 'fixed' | 'sticky';
|
|
5
|
-
type Flex = `${number}` | 'auto' | 'initial' | 'none' | string;
|
|
6
|
-
type JustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
|
|
7
|
-
type AlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
|
|
8
|
-
type Gap = number | string;
|
|
9
|
-
type Height = number | string;
|
|
10
|
-
export interface BoxStackProps {
|
|
11
|
-
id?: string;
|
|
12
|
-
children: React.ReactNode;
|
|
13
|
-
style?: Style;
|
|
14
|
-
/**
|
|
15
|
-
* The flex of the flex container.
|
|
16
|
-
* @default 'none'
|
|
17
|
-
*/
|
|
18
|
-
flex?: Flex;
|
|
19
|
-
/**
|
|
20
|
-
* The gap between the children.
|
|
21
|
-
* @default 0
|
|
22
|
-
*/
|
|
23
|
-
gap?: Gap;
|
|
24
|
-
/**
|
|
25
|
-
* The justify content of the flex container.
|
|
26
|
-
* @default undefined
|
|
27
|
-
*/
|
|
28
|
-
justifyContent?: JustifyContent;
|
|
29
|
-
/**
|
|
30
|
-
* The align items of the flex container.
|
|
31
|
-
* @default undefined
|
|
32
|
-
*/
|
|
33
|
-
alignItems?: AlignItems;
|
|
34
|
-
/**
|
|
35
|
-
* The direction of the flex container.
|
|
36
|
-
*/
|
|
37
|
-
flexDirection: FlexDirection;
|
|
38
|
-
/**
|
|
39
|
-
* The overflow of the flex container.
|
|
40
|
-
* @default 'hidden'
|
|
41
|
-
*/
|
|
42
|
-
overflow?: Overflow;
|
|
43
|
-
/**
|
|
44
|
-
* The position of the flex container.
|
|
45
|
-
* @default 'relative'
|
|
46
|
-
*/
|
|
47
|
-
position?: Position;
|
|
48
|
-
/**
|
|
49
|
-
* The height of the flex container.
|
|
50
|
-
* @default 'auto'
|
|
51
|
-
*/
|
|
52
|
-
height?: Height;
|
|
53
|
-
}
|
|
54
|
-
export declare const BoxStack: React.FC<BoxStackProps>;
|
|
55
|
-
export {};
|
|
56
|
-
//# sourceMappingURL=BoxStack.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BoxStack.d.ts","sourceRoot":"","sources":["../../../src/ui/BoxStack/BoxStack.tsx"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG,IAAI,CACf,KAAK,CAAC,aAAa,EACjB,SAAS,GACT,eAAe,GACf,UAAU,GACV,UAAU,GACV,MAAM,GACN,gBAAgB,GAChB,YAAY,GACZ,UAAU,GACV,KAAK,GACL,QAAQ,CACX,CAAC;AAEF,KAAK,aAAa,GAAG,KAAK,GAAG,QAAQ,CAAC;AACtC,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AACzD,KAAK,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC7D,KAAK,IAAI,GAAG,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAC/D,KAAK,cAAc,GACf,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,eAAe,GACf,cAAc,GACd,cAAc,CAAC;AACnB,KAAK,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;AAEhF,KAAK,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC;AAC3B,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9B,MAAM,WAAW,aAAa;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;;OAGG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC;IACV;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,aAAa,EAAE,aAAa,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0C5C,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/BoxStack/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
package/src/dist/ui/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"device.d.ts","sourceRoot":"","sources":["../../src/utils/device.ts"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAMzD"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"retry.d.ts","sourceRoot":"","sources":["../../src/utils/retry.ts"],"names":[],"mappings":"AAIA,wBAAsB,KAAK,CACzB,EAAE,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,EAC5B,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,GACZ,OAAO,CAAC,GAAG,CAAC,CAWd"}
|
package/src/dist/utils/sort.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sort.d.ts","sourceRoot":"","sources":["../../src/utils/sort.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,wBAAgB,UAAU,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,YAAY,GAAG,MAAM,CAEnE"}
|
package/src/global.d.ts
DELETED
package/src/helpers/iframe.ts
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { HEATMAP_IFRAME } from '../configs';
|
|
2
|
-
import { IHeatmapConfig } from '../types';
|
|
3
|
-
|
|
4
|
-
export const recreateIframe = (
|
|
5
|
-
iframeRef: React.RefObject<HTMLIFrameElement | null>,
|
|
6
|
-
config?: IHeatmapConfig,
|
|
7
|
-
) => {
|
|
8
|
-
const container = iframeRef.current?.parentElement;
|
|
9
|
-
if (!container) return;
|
|
10
|
-
|
|
11
|
-
const oldIframe = iframeRef.current;
|
|
12
|
-
if (!oldIframe?.contentDocument?.body.innerHTML) {
|
|
13
|
-
return oldIframe;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
if (oldIframe && oldIframe.parentElement) {
|
|
17
|
-
oldIframe.parentElement.removeChild(oldIframe);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
const newIframe = document.createElement('iframe');
|
|
21
|
-
newIframe.id = HEATMAP_IFRAME.id;
|
|
22
|
-
newIframe.title = HEATMAP_IFRAME.title;
|
|
23
|
-
newIframe.sandbox = HEATMAP_IFRAME.sandbox;
|
|
24
|
-
newIframe.scrolling = HEATMAP_IFRAME.scrolling;
|
|
25
|
-
newIframe.width = config?.width ? `${config.width}px` : '100%';
|
|
26
|
-
|
|
27
|
-
// Append to container
|
|
28
|
-
container.appendChild(newIframe);
|
|
29
|
-
|
|
30
|
-
// Update ref
|
|
31
|
-
iframeRef.current = newIframe;
|
|
32
|
-
return newIframe;
|
|
33
|
-
};
|
package/src/helpers/index.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './iframe';
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import type { ElementRect } from '../types';
|
|
2
|
-
|
|
3
|
-
export function getElementLayout(element: HTMLElement): ElementRect | null {
|
|
4
|
-
if (!element?.getBoundingClientRect) return null;
|
|
5
|
-
const rect = element.getBoundingClientRect();
|
|
6
|
-
if (rect.width === 0 && rect.height === 0) return null;
|
|
7
|
-
|
|
8
|
-
return {
|
|
9
|
-
top: rect.top,
|
|
10
|
-
left: rect.left,
|
|
11
|
-
width: rect.width,
|
|
12
|
-
height: rect.height,
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export function formatPercentage(value: number, decimals = 2): string {
|
|
17
|
-
return value.toFixed(decimals);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export function getSimpleSelector(selector: string): string {
|
|
21
|
-
const parts = selector.split(' > ');
|
|
22
|
-
return parts[parts.length - 1] || selector;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
export function calculateRankPosition(rect: ElementRect, widthScale: number) {
|
|
26
|
-
const top = rect.top <= 18 ? rect.top + 3 : rect.top - 18;
|
|
27
|
-
const left = rect.left <= 18 ? rect.left + 3 : rect.left - 18;
|
|
28
|
-
|
|
29
|
-
return {
|
|
30
|
-
transform: `scale(${1.2 * widthScale})`,
|
|
31
|
-
top: Number.isNaN(top) ? undefined : top,
|
|
32
|
-
left: Number.isNaN(left) ? undefined : left,
|
|
33
|
-
};
|
|
34
|
-
}
|
package/src/hooks/index.ts
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import type { ElementInfo, ElementRect, HeatmapInfo } from '../../types';
|
|
2
|
-
|
|
3
|
-
import { useEffect, useState } from 'react';
|
|
4
|
-
|
|
5
|
-
interface Params {
|
|
6
|
-
selectedElement: string | null | undefined;
|
|
7
|
-
heatmapInfo?: HeatmapInfo;
|
|
8
|
-
getRect: (el?: any) => ElementRect | null;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export const useClickedElement = ({ selectedElement, heatmapInfo, getRect }: Params) => {
|
|
12
|
-
const [clickedElement, setClickedElement] = useState<ElementInfo | null>(null);
|
|
13
|
-
const [showMissingElement, setShowMissingElement] = useState(false);
|
|
14
|
-
const [shouldShowCallout, setShouldShowCallout] = useState(false);
|
|
15
|
-
|
|
16
|
-
useEffect(() => {
|
|
17
|
-
if (!selectedElement || !heatmapInfo?.elementMapInfo) {
|
|
18
|
-
setClickedElement(null);
|
|
19
|
-
setShowMissingElement(false);
|
|
20
|
-
setShouldShowCallout(false);
|
|
21
|
-
return;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
const info = heatmapInfo.elementMapInfo[selectedElement];
|
|
25
|
-
if (!info) {
|
|
26
|
-
setClickedElement(null);
|
|
27
|
-
return;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
const rect = getRect({ hash: selectedElement, selector: info.selector });
|
|
31
|
-
|
|
32
|
-
if (rect && heatmapInfo.sortedElements) {
|
|
33
|
-
const rank = heatmapInfo.sortedElements.findIndex((e) => e.hash === selectedElement) + 1;
|
|
34
|
-
setClickedElement({
|
|
35
|
-
...rect,
|
|
36
|
-
hash: selectedElement,
|
|
37
|
-
clicks: info.totalclicks ?? 0,
|
|
38
|
-
rank,
|
|
39
|
-
selector: info.selector ?? '',
|
|
40
|
-
});
|
|
41
|
-
setShowMissingElement(false);
|
|
42
|
-
setShouldShowCallout(true);
|
|
43
|
-
} else {
|
|
44
|
-
const rank =
|
|
45
|
-
(heatmapInfo.sortedElements?.findIndex((e) => e.hash === selectedElement) ?? -1) + 1;
|
|
46
|
-
setClickedElement({
|
|
47
|
-
hash: selectedElement,
|
|
48
|
-
clicks: info.totalclicks ?? 0,
|
|
49
|
-
rank,
|
|
50
|
-
selector: info.selector ?? '',
|
|
51
|
-
left: 0,
|
|
52
|
-
top: 0,
|
|
53
|
-
width: 0,
|
|
54
|
-
height: 0,
|
|
55
|
-
});
|
|
56
|
-
setShowMissingElement(true);
|
|
57
|
-
setShouldShowCallout(false);
|
|
58
|
-
}
|
|
59
|
-
}, [selectedElement, heatmapInfo, getRect]);
|
|
60
|
-
|
|
61
|
-
return { clickedElement, showMissingElement, shouldShowCallout, setShouldShowCallout };
|
|
62
|
-
};
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { useEffect } from 'react';
|
|
2
|
-
|
|
3
|
-
export const useHeatmapEffects = ({
|
|
4
|
-
isVisible,
|
|
5
|
-
isElementSidebarOpen,
|
|
6
|
-
selectedElement,
|
|
7
|
-
setShouldShowCallout,
|
|
8
|
-
resetAll,
|
|
9
|
-
}: {
|
|
10
|
-
isVisible?: boolean;
|
|
11
|
-
isElementSidebarOpen?: boolean;
|
|
12
|
-
selectedElement?: string | null;
|
|
13
|
-
setShouldShowCallout: (v: boolean) => void;
|
|
14
|
-
resetAll: () => void;
|
|
15
|
-
}) => {
|
|
16
|
-
// Reset khi ẩn
|
|
17
|
-
useEffect(() => {
|
|
18
|
-
if (!isVisible) resetAll();
|
|
19
|
-
}, [isVisible, resetAll]);
|
|
20
|
-
|
|
21
|
-
// Ẩn callout khi sidebar mở
|
|
22
|
-
useEffect(() => {
|
|
23
|
-
if (isElementSidebarOpen && selectedElement) {
|
|
24
|
-
setShouldShowCallout(false);
|
|
25
|
-
} else if (!isElementSidebarOpen && selectedElement) {
|
|
26
|
-
setShouldShowCallout(true);
|
|
27
|
-
}
|
|
28
|
-
}, [isElementSidebarOpen, selectedElement, setShouldShowCallout]);
|
|
29
|
-
};
|