@gemx-dev/heatmap-react 3.5.21 → 3.5.23

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.
Files changed (223) hide show
  1. package/dist/esm/components/HeatmapLayout/ContentHeader.d.ts +4 -0
  2. package/dist/esm/components/HeatmapLayout/ContentHeader.d.ts.map +1 -0
  3. package/dist/esm/components/HeatmapLayout/HeatmapLayout.d.ts +7 -0
  4. package/dist/esm/components/HeatmapLayout/HeatmapLayout.d.ts.map +1 -0
  5. package/dist/esm/components/HeatmapLayout/LeftSidebar.d.ts +4 -0
  6. package/dist/esm/components/HeatmapLayout/LeftSidebar.d.ts.map +1 -0
  7. package/dist/esm/components/HeatmapLayout/ReplayControls.d.ts +2 -0
  8. package/dist/esm/components/HeatmapLayout/ReplayControls.d.ts.map +1 -0
  9. package/dist/esm/components/HeatmapLayout/VizDomContainer.d.ts +2 -0
  10. package/dist/esm/components/HeatmapLayout/VizDomContainer.d.ts.map +1 -0
  11. package/dist/esm/components/HeatmapLayout/VizDomRenderer.d.ts +6 -0
  12. package/dist/esm/components/HeatmapLayout/VizDomRenderer.d.ts.map +1 -0
  13. package/dist/esm/components/HeatmapLayout/WrapperLayout.d.ts +7 -0
  14. package/dist/esm/components/HeatmapLayout/WrapperLayout.d.ts.map +1 -0
  15. package/dist/esm/components/HeatmapLayout/WrapperPreview.d.ts +4 -0
  16. package/dist/esm/components/HeatmapLayout/WrapperPreview.d.ts.map +1 -0
  17. package/dist/esm/components/HeatmapLayout/index.d.ts +2 -0
  18. package/dist/esm/components/HeatmapLayout/index.d.ts.map +1 -0
  19. package/dist/esm/components/VizElement/ClarityVisualizer.d.ts +150 -0
  20. package/dist/esm/components/VizElement/ClarityVisualizer.d.ts.map +1 -0
  21. package/dist/esm/components/VizElement/HeatmapElementV2.d.ts +45 -0
  22. package/dist/esm/components/VizElement/HeatmapElementV2.d.ts.map +1 -0
  23. package/dist/esm/components/VizElement/PayloadProcessor.d.ts +65 -0
  24. package/dist/esm/components/VizElement/PayloadProcessor.d.ts.map +1 -0
  25. package/dist/esm/components/VizElement/VizElementRank.d.ts +74 -0
  26. package/dist/esm/components/VizElement/VizElementRank.d.ts.map +1 -0
  27. package/dist/esm/components/VizElement/constants.d.ts +5 -0
  28. package/dist/esm/components/VizElement/constants.d.ts.map +1 -0
  29. package/dist/esm/components/VizElement/helpers.d.ts +20 -0
  30. package/dist/esm/components/VizElement/helpers.d.ts.map +1 -0
  31. package/dist/esm/components/VizElement/types.d.ts +13 -0
  32. package/dist/esm/components/VizElement/types.d.ts.map +1 -0
  33. package/dist/esm/hooks/useHeatmapByMode.d.ts +6 -0
  34. package/dist/esm/hooks/useHeatmapByMode.d.ts.map +1 -0
  35. package/dist/esm/hooks/useHeatmapRender.d.ts +6 -0
  36. package/dist/esm/hooks/useHeatmapRender.d.ts.map +1 -0
  37. package/dist/esm/hooks/useHeatmapScale.d.ts +28 -0
  38. package/dist/esm/hooks/useHeatmapScale.d.ts.map +1 -0
  39. package/dist/esm/hooks/useReplayRender.d.ts +9 -0
  40. package/dist/esm/hooks/useReplayRender.d.ts.map +1 -0
  41. package/dist/esm/types/index.d.ts +3 -0
  42. package/dist/esm/types/index.d.ts.map +1 -0
  43. package/dist/umd/components/VizElement/VizElementRank.d.ts +75 -0
  44. package/dist/umd/components/VizElement/VizElementRank.d.ts.map +1 -0
  45. package/package.json +11 -14
  46. package/src/components/GraphView.tsx +58 -0
  47. package/src/components/Layout/ContentHeader.tsx +15 -0
  48. package/src/components/Layout/HeatmapLayout.tsx +63 -0
  49. package/src/components/Layout/LeftSidebar.tsx +32 -0
  50. package/src/components/Layout/WrapperLayout.tsx +18 -0
  51. package/src/components/Layout/WrapperPreview.tsx +14 -0
  52. package/src/components/Layout/index.ts +1 -0
  53. package/src/components/Test.tsx +1106 -0
  54. package/src/components/VizDom/ReplayControls.tsx +48 -0
  55. package/src/components/VizDom/VizDomContainer.tsx +25 -0
  56. package/src/components/VizDom/VizDomRenderer.tsx +87 -0
  57. package/src/components/VizDom/index.ts +1 -0
  58. package/src/components/VizElement/ClickedElementOverlay.tsx +65 -0
  59. package/src/components/VizElement/DefaultRankBadges.tsx +33 -0
  60. package/src/components/VizElement/ElementCallout.tsx +337 -0
  61. package/src/components/VizElement/HeatmapElements.tsx +147 -0
  62. package/src/components/VizElement/HoveredElementOverlay.tsx +46 -0
  63. package/src/components/VizElement/MissingElementMessage.tsx +32 -0
  64. package/src/components/VizElement/RankBadge.tsx +25 -0
  65. package/src/components/VizElement/VizElements.tsx +80 -0
  66. package/src/components/VizElement/index.ts +1 -0
  67. package/src/components/VizElement/temp/ClarityVisualizer.ts +764 -0
  68. package/src/components/VizElement/temp/VizElementRank.tsx +579 -0
  69. package/src/components/index.tsx +4 -0
  70. package/src/configs/iframe.ts +15 -0
  71. package/src/configs/index.ts +2 -0
  72. package/src/configs/style.ts +9 -0
  73. package/src/constants/index.ts +4 -0
  74. package/src/dist/components/GraphView.d.ts +9 -0
  75. package/src/dist/components/GraphView.d.ts.map +1 -0
  76. package/src/dist/components/Layout/ContentHeader.d.ts +4 -0
  77. package/src/dist/components/Layout/ContentHeader.d.ts.map +1 -0
  78. package/src/dist/components/Layout/HeatmapLayout.d.ts +11 -0
  79. package/src/dist/components/Layout/HeatmapLayout.d.ts.map +1 -0
  80. package/src/dist/components/Layout/LeftSidebar.d.ts +4 -0
  81. package/src/dist/components/Layout/LeftSidebar.d.ts.map +1 -0
  82. package/src/dist/components/Layout/WrapperLayout.d.ts +8 -0
  83. package/src/dist/components/Layout/WrapperLayout.d.ts.map +1 -0
  84. package/src/dist/components/Layout/WrapperPreview.d.ts +4 -0
  85. package/src/dist/components/Layout/WrapperPreview.d.ts.map +1 -0
  86. package/src/dist/components/Layout/index.d.ts +2 -0
  87. package/src/dist/components/Layout/index.d.ts.map +1 -0
  88. package/src/dist/components/Test.d.ts +121 -0
  89. package/src/dist/components/Test.d.ts.map +1 -0
  90. package/src/dist/components/VizDom/ReplayControls.d.ts +2 -0
  91. package/src/dist/components/VizDom/ReplayControls.d.ts.map +1 -0
  92. package/src/dist/components/VizDom/VizDomContainer.d.ts +2 -0
  93. package/src/dist/components/VizDom/VizDomContainer.d.ts.map +1 -0
  94. package/src/dist/components/VizDom/VizDomRenderer.d.ts +6 -0
  95. package/src/dist/components/VizDom/VizDomRenderer.d.ts.map +1 -0
  96. package/src/dist/components/VizDom/index.d.ts +2 -0
  97. package/src/dist/components/VizDom/index.d.ts.map +1 -0
  98. package/src/dist/components/VizElement/ClickedElementOverlay.d.ts +17 -0
  99. package/src/dist/components/VizElement/ClickedElementOverlay.d.ts.map +1 -0
  100. package/src/dist/components/VizElement/DefaultRankBadges.d.ts +11 -0
  101. package/src/dist/components/VizElement/DefaultRankBadges.d.ts.map +1 -0
  102. package/src/dist/components/VizElement/ElementCallout.d.ts +17 -0
  103. package/src/dist/components/VizElement/ElementCallout.d.ts.map +1 -0
  104. package/src/dist/components/VizElement/HeatmapElements.d.ts +23 -0
  105. package/src/dist/components/VizElement/HeatmapElements.d.ts.map +1 -0
  106. package/src/dist/components/VizElement/HoveredElementOverlay.d.ts +12 -0
  107. package/src/dist/components/VizElement/HoveredElementOverlay.d.ts.map +1 -0
  108. package/src/dist/components/VizElement/MissingElementMessage.d.ts +7 -0
  109. package/src/dist/components/VizElement/MissingElementMessage.d.ts.map +1 -0
  110. package/src/dist/components/VizElement/RankBadge.d.ts +10 -0
  111. package/src/dist/components/VizElement/RankBadge.d.ts.map +1 -0
  112. package/src/dist/components/VizElement/VizElements.d.ts +10 -0
  113. package/src/dist/components/VizElement/VizElements.d.ts.map +1 -0
  114. package/src/dist/components/VizElement/index.d.ts +2 -0
  115. package/src/dist/components/VizElement/index.d.ts.map +1 -0
  116. package/src/dist/components/VizElement/temp/ClarityVisualizer.d.ts +150 -0
  117. package/src/dist/components/VizElement/temp/ClarityVisualizer.d.ts.map +1 -0
  118. package/src/dist/components/VizElement/temp/VizElementRank.d.ts +74 -0
  119. package/src/dist/components/VizElement/temp/VizElementRank.d.ts.map +1 -0
  120. package/src/dist/components/index.d.ts +4 -0
  121. package/src/dist/components/index.d.ts.map +1 -0
  122. package/src/dist/configs/iframe.d.ts +10 -0
  123. package/src/dist/configs/iframe.d.ts.map +1 -0
  124. package/src/dist/configs/index.d.ts +3 -0
  125. package/src/dist/configs/index.d.ts.map +1 -0
  126. package/src/dist/configs/style.d.ts +9 -0
  127. package/src/dist/configs/style.d.ts.map +1 -0
  128. package/src/dist/constants/index.d.ts +5 -0
  129. package/src/dist/constants/index.d.ts.map +1 -0
  130. package/src/dist/helpers/iframe.d.ts +3 -0
  131. package/src/dist/helpers/iframe.d.ts.map +1 -0
  132. package/src/dist/helpers/index.d.ts +2 -0
  133. package/src/dist/helpers/index.d.ts.map +1 -0
  134. package/src/dist/helpers/viz-elements.d.ts +10 -0
  135. package/src/dist/helpers/viz-elements.d.ts.map +1 -0
  136. package/src/dist/hooks/index.d.ts +4 -0
  137. package/src/dist/hooks/index.d.ts.map +1 -0
  138. package/src/dist/hooks/vix-elements/index.d.ts +5 -0
  139. package/src/dist/hooks/vix-elements/index.d.ts.map +1 -0
  140. package/src/dist/hooks/vix-elements/useClickedElement.d.ts +14 -0
  141. package/src/dist/hooks/vix-elements/useClickedElement.d.ts.map +1 -0
  142. package/src/dist/hooks/vix-elements/useHeatmapEffects.d.ts +8 -0
  143. package/src/dist/hooks/vix-elements/useHeatmapEffects.d.ts.map +1 -0
  144. package/src/dist/hooks/vix-elements/useHeatmapElementPosition.d.ts +13 -0
  145. package/src/dist/hooks/vix-elements/useHeatmapElementPosition.d.ts.map +1 -0
  146. package/src/dist/hooks/vix-elements/useHoveredElement.d.ts +17 -0
  147. package/src/dist/hooks/vix-elements/useHoveredElement.d.ts.map +1 -0
  148. package/src/dist/hooks/viz-render/index.d.ts +2 -0
  149. package/src/dist/hooks/viz-render/index.d.ts.map +1 -0
  150. package/src/dist/hooks/viz-render/useHeatmapRender.d.ts +8 -0
  151. package/src/dist/hooks/viz-render/useHeatmapRender.d.ts.map +1 -0
  152. package/src/dist/hooks/viz-render/useHeatmapVizRender.d.ts +8 -0
  153. package/src/dist/hooks/viz-render/useHeatmapVizRender.d.ts.map +1 -0
  154. package/src/dist/hooks/viz-render/useReplayRender.d.ts +11 -0
  155. package/src/dist/hooks/viz-render/useReplayRender.d.ts.map +1 -0
  156. package/src/dist/hooks/viz-scale/index.d.ts +2 -0
  157. package/src/dist/hooks/viz-scale/index.d.ts.map +1 -0
  158. package/src/dist/hooks/viz-scale/useContainerDimensions.d.ts +10 -0
  159. package/src/dist/hooks/viz-scale/useContainerDimensions.d.ts.map +1 -0
  160. package/src/dist/hooks/viz-scale/useContentDimensions.d.ts +11 -0
  161. package/src/dist/hooks/viz-scale/useContentDimensions.d.ts.map +1 -0
  162. package/src/dist/hooks/viz-scale/useHeatmapScale.d.ts +19 -0
  163. package/src/dist/hooks/viz-scale/useHeatmapScale.d.ts.map +1 -0
  164. package/src/dist/hooks/viz-scale/useIframeHeight.d.ts +10 -0
  165. package/src/dist/hooks/viz-scale/useIframeHeight.d.ts.map +1 -0
  166. package/src/dist/hooks/viz-scale/useScaleCalculation.d.ts +10 -0
  167. package/src/dist/hooks/viz-scale/useScaleCalculation.d.ts.map +1 -0
  168. package/src/dist/hooks/viz-scale/useScrollSync.d.ts +10 -0
  169. package/src/dist/hooks/viz-scale/useScrollSync.d.ts.map +1 -0
  170. package/src/dist/index.d.ts +4 -0
  171. package/src/dist/index.d.ts.map +1 -0
  172. package/src/dist/stores/data.d.ts +18 -0
  173. package/src/dist/stores/data.d.ts.map +1 -0
  174. package/src/dist/stores/index.d.ts +2 -0
  175. package/src/dist/stores/index.d.ts.map +1 -0
  176. package/src/dist/ui/BoxStack/BoxStack.d.ts +56 -0
  177. package/src/dist/ui/BoxStack/BoxStack.d.ts.map +1 -0
  178. package/src/dist/ui/BoxStack/index.d.ts +2 -0
  179. package/src/dist/ui/BoxStack/index.d.ts.map +1 -0
  180. package/src/dist/ui/index.d.ts +2 -0
  181. package/src/dist/ui/index.d.ts.map +1 -0
  182. package/src/dist/utils/device.d.ts +2 -0
  183. package/src/dist/utils/device.d.ts.map +1 -0
  184. package/src/dist/utils/retry.d.ts +2 -0
  185. package/src/dist/utils/retry.d.ts.map +1 -0
  186. package/src/dist/utils/sort.d.ts +3 -0
  187. package/src/dist/utils/sort.d.ts.map +1 -0
  188. package/src/global.d.ts +5 -0
  189. package/src/helpers/iframe.ts +33 -0
  190. package/src/helpers/index.ts +1 -0
  191. package/src/helpers/viz-elements.ts +34 -0
  192. package/src/hooks/index.ts +3 -0
  193. package/src/hooks/vix-elements/index.ts +4 -0
  194. package/src/hooks/vix-elements/useClickedElement.ts +62 -0
  195. package/src/hooks/vix-elements/useHeatmapEffects.ts +29 -0
  196. package/src/hooks/vix-elements/useHeatmapElementPosition.ts +66 -0
  197. package/src/hooks/vix-elements/useHoveredElement.ts +135 -0
  198. package/src/hooks/viz-render/index.ts +1 -0
  199. package/src/hooks/viz-render/useHeatmapRender.ts +98 -0
  200. package/src/hooks/viz-render/useHeatmapVizRender.ts +22 -0
  201. package/src/hooks/viz-render/useReplayRender.ts +162 -0
  202. package/src/hooks/viz-scale/index.ts +1 -0
  203. package/src/hooks/viz-scale/useContainerDimensions.ts +46 -0
  204. package/src/hooks/viz-scale/useContentDimensions.ts +29 -0
  205. package/src/hooks/viz-scale/useHeatmapScale.ts +53 -0
  206. package/src/hooks/viz-scale/useIframeHeight.ts +119 -0
  207. package/src/hooks/viz-scale/useScaleCalculation.ts +28 -0
  208. package/src/hooks/viz-scale/useScrollSync.ts +36 -0
  209. package/src/index.ts +5 -0
  210. package/src/stores/data.ts +34 -0
  211. package/src/stores/index.ts +1 -0
  212. package/src/styles/base.css +1 -0
  213. package/src/styles/style.css +30 -0
  214. package/src/types/clarity.d.ts +38 -0
  215. package/src/types/heatmap.d.ts +3 -0
  216. package/src/types/index.d.ts +3 -0
  217. package/src/types/viz-element.d.ts +39 -0
  218. package/src/ui/BoxStack/BoxStack.tsx +120 -0
  219. package/src/ui/BoxStack/index.ts +1 -0
  220. package/src/ui/index.ts +1 -0
  221. package/src/utils/device.ts +7 -0
  222. package/src/utils/retry.ts +20 -0
  223. package/src/utils/sort.ts +5 -0
@@ -0,0 +1,4 @@
1
+ export declare const ContentHeader: React.FC<{
2
+ children: React.ReactNode;
3
+ }>;
4
+ //# sourceMappingURL=ContentHeader.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,7 @@
1
+ interface HeatmapLayoutProps {
2
+ header: React.ReactNode;
3
+ sidebar: React.ReactNode;
4
+ }
5
+ export declare const HeatmapLayout: React.FC<HeatmapLayoutProps>;
6
+ export {};
7
+ //# sourceMappingURL=HeatmapLayout.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,4 @@
1
+ export declare const LeftSidebar: React.FC<{
2
+ children: React.ReactNode;
3
+ }>;
4
+ //# sourceMappingURL=LeftSidebar.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,2 @@
1
+ export declare const ReplayControls: React.FC;
2
+ //# sourceMappingURL=ReplayControls.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,2 @@
1
+ export declare const VizDomContainer: React.FC;
2
+ //# sourceMappingURL=VizDomContainer.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,6 @@
1
+ interface VizDomRendererProps {
2
+ mode?: 'heatmap' | 'replay';
3
+ }
4
+ export declare const VizDomRenderer: React.FC<VizDomRendererProps>;
5
+ export {};
6
+ //# sourceMappingURL=VizDomRenderer.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,7 @@
1
+ interface WrapperLayoutProps {
2
+ header: React.ReactNode;
3
+ sidebar: React.ReactNode;
4
+ }
5
+ export declare const WrapperLayout: React.FC<WrapperLayoutProps>;
6
+ export {};
7
+ //# sourceMappingURL=WrapperLayout.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,4 @@
1
+ export declare const WrapperPreview: React.FC<{
2
+ children: React.ReactNode;
3
+ }>;
4
+ //# sourceMappingURL=WrapperPreview.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,2 @@
1
+ export * from './HeatmapLayout';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HeatmapLayout/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
@@ -0,0 +1,150 @@
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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ClarityVisualizer.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ClarityVisualizer.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,45 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,65 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,74 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,5 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,20 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,13 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,6 @@
1
+ interface IUseHeatmapByModeResult {
2
+ iframeRef: React.RefObject<HTMLIFrameElement | null>;
3
+ }
4
+ export declare const useHeatmapByMode: (mode: "heatmap" | "replay") => IUseHeatmapByModeResult;
5
+ export {};
6
+ //# sourceMappingURL=useHeatmapByMode.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,6 @@
1
+ interface IUseHeatmapRenderResult {
2
+ iframeRef: React.RefObject<HTMLIFrameElement | null>;
3
+ }
4
+ export declare const useHeatmapRender: () => IUseHeatmapRenderResult;
5
+ export {};
6
+ //# sourceMappingURL=useHeatmapRender.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,28 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,9 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,3 @@
1
+ export * from './clarity';
2
+ export * from './heatmap';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}