@gemx-dev/heatmap-react 3.5.23 → 3.5.24
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
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gemx-dev/heatmap-react",
|
|
3
3
|
"author": "gemx-dev",
|
|
4
|
-
"version": "3.5.
|
|
4
|
+
"version": "3.5.24",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"*.css"
|
|
@@ -67,19 +67,22 @@
|
|
|
67
67
|
"./package.json": "./package.json",
|
|
68
68
|
".": {
|
|
69
69
|
"node": {
|
|
70
|
-
"types": "./
|
|
71
|
-
"module": "./
|
|
72
|
-
"require": "./
|
|
73
|
-
"import": "./
|
|
70
|
+
"types": "./dist/esm/index.d.ts",
|
|
71
|
+
"module": "./dist/esm/index.js",
|
|
72
|
+
"require": "./dist/umd/index.js",
|
|
73
|
+
"import": "./dist/esm/index.mjs"
|
|
74
74
|
},
|
|
75
|
-
"
|
|
75
|
+
"browser": {
|
|
76
|
+
"import": "./dist/esm/index.js",
|
|
77
|
+
"require": "./dist/umd/index.js"
|
|
78
|
+
},
|
|
79
|
+
"default": "./dist/esm/index.js"
|
|
76
80
|
},
|
|
77
|
-
"./dist/base.css": "./
|
|
78
|
-
"./dist/style.css": "./
|
|
81
|
+
"./dist/base.css": "./dist/base.css",
|
|
82
|
+
"./dist/style.css": "./dist/style.css"
|
|
79
83
|
},
|
|
80
84
|
"files": [
|
|
81
|
-
"dist"
|
|
82
|
-
"src"
|
|
85
|
+
"dist"
|
|
83
86
|
],
|
|
84
87
|
"module": "dist/esm/index.js"
|
|
85
|
-
}
|
|
88
|
+
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ContentHeader.d.ts","sourceRoot":"","sources":["../../../src/components/HeatmapLayout/ContentHeader.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAYjE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HeatmapLayout.d.ts","sourceRoot":"","sources":["../../../src/components/HeatmapLayout/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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LeftSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/HeatmapLayout/LeftSidebar.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CA4B/D,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ReplayControls.d.ts","sourceRoot":"","sources":["../../../src/components/HeatmapLayout/ReplayControls.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EA6ClC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VizDomContainer.d.ts","sourceRoot":"","sources":["../../../src/components/HeatmapLayout/VizDomContainer.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAkBnC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VizDomRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/HeatmapLayout/VizDomRenderer.tsx"],"names":[],"mappings":"AAOA,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyExD,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"WrapperLayout.d.ts","sourceRoot":"","sources":["../../../src/components/HeatmapLayout/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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"WrapperPreview.d.ts","sourceRoot":"","sources":["../../../src/components/HeatmapLayout/WrapperPreview.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAUlE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HeatmapLayout/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
|
@@ -1,150 +0,0 @@
|
|
|
1
|
-
interface ViewNode {
|
|
2
|
-
x: number;
|
|
3
|
-
y: number;
|
|
4
|
-
width: number;
|
|
5
|
-
height: number;
|
|
6
|
-
visible: boolean;
|
|
7
|
-
hash?: string;
|
|
8
|
-
hashAlpha?: string;
|
|
9
|
-
hashBeta?: string;
|
|
10
|
-
renderNodeId?: number;
|
|
11
|
-
isWebView?: boolean;
|
|
12
|
-
selectorAlpha?: string;
|
|
13
|
-
selectorBeta?: string;
|
|
14
|
-
}
|
|
15
|
-
interface WebViewInfo {
|
|
16
|
-
renderNodeId: number;
|
|
17
|
-
visualizer: any;
|
|
18
|
-
div: HTMLDivElement;
|
|
19
|
-
scale: number;
|
|
20
|
-
top: number;
|
|
21
|
-
left: number;
|
|
22
|
-
visible: boolean;
|
|
23
|
-
orderInFrame?: number;
|
|
24
|
-
}
|
|
25
|
-
interface ViewHierarchy {
|
|
26
|
-
root: ViewNode;
|
|
27
|
-
timestamp?: number;
|
|
28
|
-
visibleFragments?: string[];
|
|
29
|
-
}
|
|
30
|
-
interface Frame {
|
|
31
|
-
viewHierarchy: ViewHierarchy;
|
|
32
|
-
screenWidth: number;
|
|
33
|
-
screenHeight: number;
|
|
34
|
-
density: number;
|
|
35
|
-
keyboardHeight?: number;
|
|
36
|
-
systemBackgroundColor?: number | null;
|
|
37
|
-
}
|
|
38
|
-
interface ClarityVisualizerState {
|
|
39
|
-
div?: HTMLElement;
|
|
40
|
-
window?: Window;
|
|
41
|
-
options?: {
|
|
42
|
-
version?: string;
|
|
43
|
-
platform?: number;
|
|
44
|
-
mute?: boolean;
|
|
45
|
-
canvas?: boolean;
|
|
46
|
-
keyframes?: boolean;
|
|
47
|
-
canvasId?: string;
|
|
48
|
-
heatmap?: boolean;
|
|
49
|
-
logError?: (error: any) => void;
|
|
50
|
-
fetchAssets?: (assets: any) => Promise<any>;
|
|
51
|
-
clickmapScrolledCallback?: () => void;
|
|
52
|
-
};
|
|
53
|
-
}
|
|
54
|
-
interface NodeLayout {
|
|
55
|
-
x: number;
|
|
56
|
-
y: number;
|
|
57
|
-
width: number;
|
|
58
|
-
height: number;
|
|
59
|
-
isNative?: boolean;
|
|
60
|
-
htmlElement?: HTMLElement;
|
|
61
|
-
selector?: string;
|
|
62
|
-
}
|
|
63
|
-
interface ElementWithHash {
|
|
64
|
-
top: number;
|
|
65
|
-
left: number;
|
|
66
|
-
width: number;
|
|
67
|
-
height: number;
|
|
68
|
-
hash: string;
|
|
69
|
-
}
|
|
70
|
-
interface ResizeEvent {
|
|
71
|
-
event: number;
|
|
72
|
-
time: number;
|
|
73
|
-
webViewRenderNodeId: number;
|
|
74
|
-
data: {
|
|
75
|
-
width: number;
|
|
76
|
-
height: number;
|
|
77
|
-
};
|
|
78
|
-
}
|
|
79
|
-
interface MutationEvent {
|
|
80
|
-
isKeyFrame: boolean;
|
|
81
|
-
serializedFrame: string;
|
|
82
|
-
}
|
|
83
|
-
export declare class ClarityVisualizer {
|
|
84
|
-
state: ClarityVisualizerState | null;
|
|
85
|
-
webViews: {
|
|
86
|
-
[key: number]: WebViewInfo;
|
|
87
|
-
};
|
|
88
|
-
lastFrame: Frame | null;
|
|
89
|
-
hashMapAlpha: {
|
|
90
|
-
[key: string]: ViewNode;
|
|
91
|
-
};
|
|
92
|
-
hashMapBeta: {
|
|
93
|
-
[key: string]: ViewNode;
|
|
94
|
-
};
|
|
95
|
-
private lastWidth;
|
|
96
|
-
private lastHeight;
|
|
97
|
-
private ckWrapper;
|
|
98
|
-
heatmap: any;
|
|
99
|
-
constructor(state?: ClarityVisualizerState);
|
|
100
|
-
getState(): ClarityVisualizerState | null;
|
|
101
|
-
setState(state: ClarityVisualizerState): void;
|
|
102
|
-
init(div: HTMLElement, canvasId?: string, heatmap?: boolean): Promise<void>;
|
|
103
|
-
reset(): void;
|
|
104
|
-
/**
|
|
105
|
-
* Get node layout by hash - matches fr.get() implementation
|
|
106
|
-
*/
|
|
107
|
-
get(hash: string, checkViewport?: boolean, scrollIntoView?: boolean): NodeLayout | null;
|
|
108
|
-
/**
|
|
109
|
-
* Get all elements at given coordinates - matches fr.getViews() implementation
|
|
110
|
-
*/
|
|
111
|
-
getViews(x: number, y: number, useAlpha: boolean): ElementWithHash[];
|
|
112
|
-
/**
|
|
113
|
-
* Get node layout from HTML element
|
|
114
|
-
*/
|
|
115
|
-
getNodeLayout(webView: WebViewInfo, element: HTMLElement): NodeLayout | null;
|
|
116
|
-
/**
|
|
117
|
-
* Process mutation event and update frame
|
|
118
|
-
*/
|
|
119
|
-
mutation(event: MutationEvent): Promise<void>;
|
|
120
|
-
/**
|
|
121
|
-
* Update hash maps from current frame
|
|
122
|
-
*/
|
|
123
|
-
updateHashMaps(): void;
|
|
124
|
-
/**
|
|
125
|
-
* Handle resize event
|
|
126
|
-
*/
|
|
127
|
-
resize(event: ResizeEvent): Promise<void>;
|
|
128
|
-
getWebViewWindows(): Window[];
|
|
129
|
-
webViewDivs(): HTMLDivElement[];
|
|
130
|
-
private updateWebViews;
|
|
131
|
-
private createWebViewDivs;
|
|
132
|
-
private hideWebViewDivs;
|
|
133
|
-
setAndroidClickmapScrolledCallback(callback: () => void): void;
|
|
134
|
-
preloadImpressionAssets(frames: Frame[]): Promise<void>;
|
|
135
|
-
private traverseViewHierarchy;
|
|
136
|
-
private getWebViewNodes;
|
|
137
|
-
private intersectRect;
|
|
138
|
-
private isElementInViewport;
|
|
139
|
-
private scrollElementIntoView;
|
|
140
|
-
private overlay;
|
|
141
|
-
private drawKeyboard;
|
|
142
|
-
private createKeyboardLayer;
|
|
143
|
-
private getKeyboardLayerStyle;
|
|
144
|
-
private setSystemBackgroundColor;
|
|
145
|
-
private colorIntToRgba;
|
|
146
|
-
private applyFrameUpdate;
|
|
147
|
-
getWebViewRenderNodeIdsFromKeyFrame(event: MutationEvent): Set<number>;
|
|
148
|
-
}
|
|
149
|
-
export default ClarityVisualizer;
|
|
150
|
-
//# sourceMappingURL=ClarityVisualizer.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ClarityVisualizer.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ClarityVisualizer.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface HeatmapElement {
|
|
3
|
-
hash: string;
|
|
4
|
-
selector?: string;
|
|
5
|
-
totalclicks?: number;
|
|
6
|
-
}
|
|
7
|
-
interface ElementMapInfo {
|
|
8
|
-
[key: string]: {
|
|
9
|
-
totalclicks: number;
|
|
10
|
-
selector?: string;
|
|
11
|
-
hash: string;
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
export interface HeatmapInfo {
|
|
15
|
-
sortedElements?: HeatmapElement[];
|
|
16
|
-
elementMapInfo?: ElementMapInfo;
|
|
17
|
-
totalClicks?: number;
|
|
18
|
-
width?: number;
|
|
19
|
-
}
|
|
20
|
-
export interface WebVisualizer {
|
|
21
|
-
get: (hash: string) => HTMLElement | null;
|
|
22
|
-
}
|
|
23
|
-
interface HeatmapElementsProps {
|
|
24
|
-
widthScale: number;
|
|
25
|
-
heatmapInfo?: HeatmapInfo;
|
|
26
|
-
isElementSidebarOpen?: boolean;
|
|
27
|
-
selectedElement?: string | null;
|
|
28
|
-
visualizer?: WebVisualizer;
|
|
29
|
-
isVisible?: boolean;
|
|
30
|
-
iframeDimensions?: React.CSSProperties;
|
|
31
|
-
areDefaultRanksHidden?: boolean;
|
|
32
|
-
isSecondary?: boolean;
|
|
33
|
-
isRecordingView?: boolean;
|
|
34
|
-
isCompareMode?: boolean;
|
|
35
|
-
deviceType?: string;
|
|
36
|
-
heatmapType?: string;
|
|
37
|
-
projectId?: string;
|
|
38
|
-
iframeRef?: React.RefObject<HTMLIFrameElement>;
|
|
39
|
-
parentRef?: React.RefObject<HTMLElement>;
|
|
40
|
-
iframeHeight?: number;
|
|
41
|
-
selectElement?: (hash: string) => void;
|
|
42
|
-
}
|
|
43
|
-
export declare const HeatmapElementsV2: React.FC<HeatmapElementsProps>;
|
|
44
|
-
export default HeatmapElementsV2;
|
|
45
|
-
//# sourceMappingURL=HeatmapElementV2.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HeatmapElementV2.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/HeatmapElementV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,OAAO,CAAC;AA2BlF,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,cAAc;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED,MAAM,WAAW,WAAW;IAC1B,cAAc,CAAC,EAAE,cAAc,EAAE,CAAC;IAClC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAGD,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,WAAW,GAAG,IAAI,CAAC;CAC3C;AAED,UAAU,oBAAoB;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAcD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyW5D,CAAC;AAgCF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import { DecodedEvent, DecodedPayload } from '../../types';
|
|
2
|
-
interface ViewNode {
|
|
3
|
-
x: number;
|
|
4
|
-
y: number;
|
|
5
|
-
width: number;
|
|
6
|
-
height: number;
|
|
7
|
-
visible: boolean;
|
|
8
|
-
hash?: string;
|
|
9
|
-
hashAlpha?: string;
|
|
10
|
-
hashBeta?: string;
|
|
11
|
-
renderNodeId?: number;
|
|
12
|
-
isWebView?: boolean;
|
|
13
|
-
selectorAlpha?: string;
|
|
14
|
-
selectorBeta?: string;
|
|
15
|
-
backgroundColor?: number;
|
|
16
|
-
children?: ViewNode[];
|
|
17
|
-
}
|
|
18
|
-
interface ViewHierarchy {
|
|
19
|
-
root: ViewNode;
|
|
20
|
-
timestamp?: number;
|
|
21
|
-
visibleFragments?: string[];
|
|
22
|
-
}
|
|
23
|
-
interface Frame {
|
|
24
|
-
viewHierarchy: ViewHierarchy;
|
|
25
|
-
screenWidth: number;
|
|
26
|
-
screenHeight: number;
|
|
27
|
-
density: number;
|
|
28
|
-
keyboardHeight?: number;
|
|
29
|
-
systemBackgroundColor?: number | null;
|
|
30
|
-
}
|
|
31
|
-
declare enum EventType {
|
|
32
|
-
Mutation = 6,
|
|
33
|
-
AndroidMutation = 6
|
|
34
|
-
}
|
|
35
|
-
type Envelope = DecodedPayload['envelope'];
|
|
36
|
-
export declare class PayloadProcessor {
|
|
37
|
-
/**
|
|
38
|
-
* Merge multiple payloads into single event stream
|
|
39
|
-
*/
|
|
40
|
-
static mergePayloads(payloads: DecodedPayload[]): {
|
|
41
|
-
timestamp: number | null;
|
|
42
|
-
envelope: Envelope | null;
|
|
43
|
-
events: DecodedEvent[];
|
|
44
|
-
frames: Frame[];
|
|
45
|
-
};
|
|
46
|
-
/**
|
|
47
|
-
* Extract frames from mutation events
|
|
48
|
-
* THIS IS WHERE FRAMES COME FROM!
|
|
49
|
-
*/
|
|
50
|
-
static extractFrames(events: DecodedEvent[]): Frame[];
|
|
51
|
-
/**
|
|
52
|
-
* Merge incremental frame update
|
|
53
|
-
*/
|
|
54
|
-
private static mergeFrameUpdate;
|
|
55
|
-
/**
|
|
56
|
-
* Filter events by type
|
|
57
|
-
*/
|
|
58
|
-
static filterEventsByType<T extends DecodedEvent>(events: DecodedEvent[], eventType: EventType): T[];
|
|
59
|
-
/**
|
|
60
|
-
* Get events up to a specific time
|
|
61
|
-
*/
|
|
62
|
-
static getEventsUpToTime(events: DecodedEvent[], time: number): DecodedEvent[];
|
|
63
|
-
}
|
|
64
|
-
export {};
|
|
65
|
-
//# sourceMappingURL=PayloadProcessor.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PayloadProcessor.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/PayloadProcessor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE3D,UAAU,QAAQ;IAChB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;CACvB;AAED,UAAU,aAAa;IACrB,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AAED,UAAU,KAAK;IACb,aAAa,EAAE,aAAa,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvC;AAED,aAAK,SAAS;IACZ,QAAQ,IAAI;IACZ,eAAe,IAAI;CACpB;AAED,KAAK,QAAQ,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;AAE3C,qBAAa,gBAAgB;IAC3B;;OAEG;IACH,MAAM,CAAC,aAAa,CAAC,QAAQ,EAAE,cAAc,EAAE,GAAG;QAChD,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;QACzB,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;QAC1B,MAAM,EAAE,YAAY,EAAE,CAAC;QACvB,MAAM,EAAE,KAAK,EAAE,CAAC;KACjB;IAsCD;;;OAGG;IACH,MAAM,CAAC,aAAa,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE;IA2BrD;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAW/B;;OAEG;IACH,MAAM,CAAC,kBAAkB,CAAC,CAAC,SAAS,YAAY,EAC9C,MAAM,EAAE,YAAY,EAAE,EACtB,SAAS,EAAE,SAAS,GACnB,CAAC,EAAE;IAIN;;OAEG;IACH,MAAM,CAAC,iBAAiB,CAAC,MAAM,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,YAAY,EAAE;CAG/E"}
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare enum HeatmapType {
|
|
3
|
-
Sessions = 0,
|
|
4
|
-
Timeline = 1,
|
|
5
|
-
Click = 2,
|
|
6
|
-
Scroll = 3,
|
|
7
|
-
Area = 4,
|
|
8
|
-
Attention = 5
|
|
9
|
-
}
|
|
10
|
-
export declare enum DeviceType {
|
|
11
|
-
Desktop = "desktop",
|
|
12
|
-
Mobile = "mobile",
|
|
13
|
-
Tablet = "tablet"
|
|
14
|
-
}
|
|
15
|
-
interface ElementRect {
|
|
16
|
-
hash: string;
|
|
17
|
-
top: number;
|
|
18
|
-
left: number;
|
|
19
|
-
width: number;
|
|
20
|
-
height: number;
|
|
21
|
-
}
|
|
22
|
-
interface AndroidNode extends ElementRect {
|
|
23
|
-
x: number;
|
|
24
|
-
y: number;
|
|
25
|
-
}
|
|
26
|
-
interface ElementMapInfo {
|
|
27
|
-
totalclicks: number;
|
|
28
|
-
selector?: string;
|
|
29
|
-
hash: string;
|
|
30
|
-
}
|
|
31
|
-
interface SortedElement {
|
|
32
|
-
hash?: string;
|
|
33
|
-
selector?: string;
|
|
34
|
-
}
|
|
35
|
-
export interface HeatmapInfo {
|
|
36
|
-
sortedElements?: SortedElement[];
|
|
37
|
-
elementMapInfo?: Record<string, ElementMapInfo>;
|
|
38
|
-
totalClicks?: number;
|
|
39
|
-
}
|
|
40
|
-
interface ClarityVisualizer {
|
|
41
|
-
getAndroidNode: (hash: string, flag1: boolean, flag2: boolean) => AndroidNode | null;
|
|
42
|
-
getAndroidElements: (x: number, y: number, flag: boolean) => AndroidNode[];
|
|
43
|
-
setAndroidClickmapScrolledCallback: (callback: () => void) => void;
|
|
44
|
-
}
|
|
45
|
-
interface DivDimensions {
|
|
46
|
-
width?: number;
|
|
47
|
-
height?: number;
|
|
48
|
-
}
|
|
49
|
-
export interface HeatmapElementsProps {
|
|
50
|
-
widthScale: number;
|
|
51
|
-
divDimensions: DivDimensions;
|
|
52
|
-
transform: string;
|
|
53
|
-
heatmapInfo?: HeatmapInfo;
|
|
54
|
-
selectedElement?: string;
|
|
55
|
-
selectedFrameElements?: SortedElement[];
|
|
56
|
-
clarityVisualizer?: ClarityVisualizer;
|
|
57
|
-
heatmapWrapperRef: React.RefObject<HTMLDivElement>;
|
|
58
|
-
parentRef: React.RefObject<HTMLElement>;
|
|
59
|
-
isVisible: boolean;
|
|
60
|
-
isElementSidebarOpen: boolean;
|
|
61
|
-
showScreenElementsOnly: boolean;
|
|
62
|
-
areDefaultRanksHidden: boolean;
|
|
63
|
-
showMissingElementMessage: boolean;
|
|
64
|
-
isRecordingView: boolean;
|
|
65
|
-
isCompareMode: boolean;
|
|
66
|
-
isSecondary?: boolean;
|
|
67
|
-
selectElement: (hash: string) => void;
|
|
68
|
-
deviceType: DeviceType;
|
|
69
|
-
enableAdvancedSelection?: boolean;
|
|
70
|
-
enableMobileOptimization?: boolean;
|
|
71
|
-
}
|
|
72
|
-
export declare const HeatmapElements: React.FC<HeatmapElementsProps>;
|
|
73
|
-
export {};
|
|
74
|
-
//# sourceMappingURL=VizElementRank.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VizElementRank.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/VizElementRank.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,oBAAY,WAAW;IACrB,QAAQ,IAAI;IACZ,QAAQ,IAAI;IACZ,KAAK,IAAI;IACT,MAAM,IAAI;IACV,IAAI,IAAI;IACR,SAAS,IAAI;CACd;AAED,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AASD,UAAU,WAAY,SAAQ,WAAW;IACvC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,UAAU,cAAc;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,iBAAiB;IACzB,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,KAAK,WAAW,GAAG,IAAI,CAAC;IACrF,kBAAkB,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,KAAK,WAAW,EAAE,CAAC;IAC3E,kCAAkC,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CACpE;AAED,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,MAAM,WAAW,oBAAoB;IAEnC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,aAAa,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAGlB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,aAAa,EAAE,CAAC;IACxC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAGtC,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACnD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAGxC,SAAS,EAAE,OAAO,CAAC;IACnB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,sBAAsB,EAAE,OAAO,CAAC;IAChC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,yBAAyB,EAAE,OAAO,CAAC;IACnC,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAGtC,UAAU,EAAE,UAAU,CAAC;IAGvB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAMD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+c1D,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export declare const CLICKED_ELEMENT_ID = "clickedElement";
|
|
2
|
-
export declare const SECONDARY_CLICKED_ELEMENT_ID = "secondaryClickedElementID";
|
|
3
|
-
export declare const HOVERED_ELEMENT_ID = "hoveredElement";
|
|
4
|
-
export declare const SECONDARY_HOVERED_ELEMENT_ID = "secondaryhoveredElementID";
|
|
5
|
-
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,mBAAmB,CAAC;AACnD,eAAO,MAAM,4BAA4B,8BAA8B,CAAC;AACxE,eAAO,MAAM,kBAAkB,mBAAmB,CAAC;AACnD,eAAO,MAAM,4BAA4B,8BAA8B,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import type { ElementRect } from './types';
|
|
2
|
-
/**
|
|
3
|
-
* Get element layout from DOM element
|
|
4
|
-
* Matches the (0, C.fZ)(a) call in original code
|
|
5
|
-
*/
|
|
6
|
-
export declare function getElementLayout(element: HTMLElement): ElementRect | null;
|
|
7
|
-
/**
|
|
8
|
-
* Format percentage with fixed decimals
|
|
9
|
-
*/
|
|
10
|
-
export declare function formatPercentage(value: number, decimals?: number): string;
|
|
11
|
-
/**
|
|
12
|
-
* Get simple selector from full selector
|
|
13
|
-
*/
|
|
14
|
-
export declare function getSimpleSelector(selector: string): string;
|
|
15
|
-
export declare function calculateRankPosition(rect: ElementRect, widthScale: number): {
|
|
16
|
-
transform: string;
|
|
17
|
-
top: number | undefined;
|
|
18
|
-
left: number | undefined;
|
|
19
|
-
};
|
|
20
|
-
//# sourceMappingURL=helpers.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAiBzE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAU,GAAG,MAAM,CAE5E;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAI1D;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM;;;;EAW1E"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export interface ElementRect {
|
|
2
|
-
top: number;
|
|
3
|
-
left: number;
|
|
4
|
-
width: number;
|
|
5
|
-
height: number;
|
|
6
|
-
}
|
|
7
|
-
export interface ElementInfo extends ElementRect {
|
|
8
|
-
hash: string;
|
|
9
|
-
clicks: number;
|
|
10
|
-
rank: number;
|
|
11
|
-
selector: string;
|
|
12
|
-
}
|
|
13
|
-
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useHeatmapByMode.d.ts","sourceRoot":"","sources":["../../src/hooks/useHeatmapByMode.ts"],"names":[],"mappings":"AAIA,UAAU,uBAAuB;IAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,gBAAgB,GAAI,MAAM,SAAS,GAAG,QAAQ,KAAG,uBAW7D,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useHeatmapRender.d.ts","sourceRoot":"","sources":["../../src/hooks/useHeatmapRender.ts"],"names":[],"mappings":"AAOA,UAAU,uBAAuB;IAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,gBAAgB,QAAO,uBA8EnC,CAAC"}
|
|
@@ -1,28 +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
|
-
/** Container dimensions (scrollable parent) */
|
|
9
|
-
containerWidth: number;
|
|
10
|
-
containerHeight: number;
|
|
11
|
-
/** Content width from heatmap data */
|
|
12
|
-
contentWidth: number;
|
|
13
|
-
/** Content height from heatmap data */
|
|
14
|
-
contentHeight: number;
|
|
15
|
-
/** Scaled width for wrapper */
|
|
16
|
-
scaledWidth: number;
|
|
17
|
-
/** Scaled height for wrapper */
|
|
18
|
-
scaledHeight: number;
|
|
19
|
-
/** Iframe body actual height (from ResizeObserver) */
|
|
20
|
-
iframeHeight: number;
|
|
21
|
-
/** Scale ratio for wrapper */
|
|
22
|
-
scale: number;
|
|
23
|
-
/** Wrapper scroll handler */
|
|
24
|
-
handleScroll: (scrollTop: number) => void;
|
|
25
|
-
}
|
|
26
|
-
export declare const useHeatmapScale: (props: IHeatmapScaleProps) => IUseHeatmapScaleResult;
|
|
27
|
-
export {};
|
|
28
|
-
//# sourceMappingURL=useHeatmapScale.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useHeatmapScale.d.ts","sourceRoot":"","sources":["../../src/hooks/useHeatmapScale.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,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,+CAA+C;IAC/C,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,sCAAsC;IACtC,YAAY,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,YAAY,EAAE,MAAM,CAAC;IACrB,sDAAsD;IACtD,YAAY,EAAE,MAAM,CAAC;IACrB,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,kBAAkB,KAAG,sBAiM3D,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
interface IUseReplayRenderResult {
|
|
2
|
-
iframeRef: React.RefObject<HTMLIFrameElement | null>;
|
|
3
|
-
isPlaying: boolean;
|
|
4
|
-
play: () => void;
|
|
5
|
-
pause: () => void;
|
|
6
|
-
}
|
|
7
|
-
export declare const useReplayRender: () => IUseReplayRenderResult;
|
|
8
|
-
export {};
|
|
9
|
-
//# sourceMappingURL=useReplayRender.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useReplayRender.d.ts","sourceRoot":"","sources":["../../src/hooks/useReplayRender.ts"],"names":[],"mappings":"AAQA,UAAU,sBAAsB;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,QAAO,sBAgJlC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}
|