@gemx-dev/heatmap-react 3.5.19 → 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.
- package/dist/base.css +3 -0
- package/dist/esm/components/GraphView.d.ts +9 -0
- package/dist/esm/components/GraphView.d.ts.map +1 -0
- package/dist/esm/components/HeatmapLayout/ContentHeader.d.ts +4 -0
- package/dist/esm/components/HeatmapLayout/ContentHeader.d.ts.map +1 -0
- package/dist/esm/components/HeatmapLayout/HeatmapLayout.d.ts +7 -0
- package/dist/esm/components/HeatmapLayout/HeatmapLayout.d.ts.map +1 -0
- package/dist/esm/components/HeatmapLayout/LeftSidebar.d.ts +4 -0
- package/dist/esm/components/HeatmapLayout/LeftSidebar.d.ts.map +1 -0
- package/dist/esm/components/HeatmapLayout/ReplayControls.d.ts +2 -0
- package/dist/esm/components/HeatmapLayout/ReplayControls.d.ts.map +1 -0
- package/dist/esm/components/HeatmapLayout/VizDomContainer.d.ts +2 -0
- package/dist/esm/components/HeatmapLayout/VizDomContainer.d.ts.map +1 -0
- package/dist/esm/components/HeatmapLayout/VizDomRenderer.d.ts +6 -0
- package/dist/esm/components/HeatmapLayout/VizDomRenderer.d.ts.map +1 -0
- package/dist/esm/components/HeatmapLayout/WrapperLayout.d.ts +7 -0
- package/dist/esm/components/HeatmapLayout/WrapperLayout.d.ts.map +1 -0
- package/dist/esm/components/HeatmapLayout/WrapperPreview.d.ts +4 -0
- package/dist/esm/components/HeatmapLayout/WrapperPreview.d.ts.map +1 -0
- package/dist/esm/components/HeatmapLayout/index.d.ts +2 -0
- package/dist/esm/components/HeatmapLayout/index.d.ts.map +1 -0
- package/dist/esm/components/Layout/ContentHeader.d.ts +4 -0
- package/dist/esm/components/Layout/ContentHeader.d.ts.map +1 -0
- package/dist/esm/components/Layout/HeatmapLayout.d.ts +11 -0
- package/dist/esm/components/Layout/HeatmapLayout.d.ts.map +1 -0
- package/dist/esm/components/Layout/LeftSidebar.d.ts +4 -0
- package/dist/esm/components/Layout/LeftSidebar.d.ts.map +1 -0
- package/dist/esm/components/Layout/WrapperLayout.d.ts +8 -0
- package/dist/esm/components/Layout/WrapperLayout.d.ts.map +1 -0
- package/dist/esm/components/Layout/WrapperPreview.d.ts +4 -0
- package/dist/esm/components/Layout/WrapperPreview.d.ts.map +1 -0
- package/dist/esm/components/Layout/index.d.ts +2 -0
- package/dist/esm/components/Layout/index.d.ts.map +1 -0
- package/dist/esm/components/Test.d.ts +121 -0
- package/dist/esm/components/Test.d.ts.map +1 -0
- package/dist/esm/components/VizDom/ReplayControls.d.ts +2 -0
- package/dist/esm/components/VizDom/ReplayControls.d.ts.map +1 -0
- package/dist/esm/components/VizDom/VizDomContainer.d.ts +2 -0
- package/dist/esm/components/VizDom/VizDomContainer.d.ts.map +1 -0
- package/dist/esm/components/VizDom/VizDomRenderer.d.ts +6 -0
- package/dist/esm/components/VizDom/VizDomRenderer.d.ts.map +1 -0
- package/dist/esm/components/VizDom/index.d.ts +2 -0
- package/dist/esm/components/VizDom/index.d.ts.map +1 -0
- package/dist/esm/components/VizElement/ClarityVisualizer.d.ts +150 -0
- package/dist/esm/components/VizElement/ClarityVisualizer.d.ts.map +1 -0
- package/dist/esm/components/VizElement/ClickedElementOverlay.d.ts +17 -0
- package/dist/esm/components/VizElement/ClickedElementOverlay.d.ts.map +1 -0
- package/dist/esm/components/VizElement/DefaultRankBadges.d.ts +11 -0
- package/dist/esm/components/VizElement/DefaultRankBadges.d.ts.map +1 -0
- package/dist/esm/components/VizElement/ElementCallout.d.ts +17 -0
- package/dist/esm/components/VizElement/ElementCallout.d.ts.map +1 -0
- package/dist/esm/components/VizElement/HeatmapElementV2.d.ts +45 -0
- package/dist/esm/components/VizElement/HeatmapElementV2.d.ts.map +1 -0
- package/dist/esm/components/VizElement/HeatmapElements.d.ts +23 -0
- package/dist/esm/components/VizElement/HeatmapElements.d.ts.map +1 -0
- package/dist/esm/components/VizElement/HoveredElementOverlay.d.ts +12 -0
- package/dist/esm/components/VizElement/HoveredElementOverlay.d.ts.map +1 -0
- package/dist/esm/components/VizElement/MissingElementMessage.d.ts +7 -0
- package/dist/esm/components/VizElement/MissingElementMessage.d.ts.map +1 -0
- package/dist/esm/components/VizElement/PayloadProcessor.d.ts +65 -0
- package/dist/esm/components/VizElement/PayloadProcessor.d.ts.map +1 -0
- package/dist/esm/components/VizElement/RankBadge.d.ts +10 -0
- package/dist/esm/components/VizElement/RankBadge.d.ts.map +1 -0
- package/dist/esm/components/VizElement/VizElementRank.d.ts +74 -0
- package/dist/esm/components/VizElement/VizElementRank.d.ts.map +1 -0
- package/dist/esm/components/VizElement/VizElements.d.ts +10 -0
- package/dist/esm/components/VizElement/VizElements.d.ts.map +1 -0
- package/dist/esm/components/VizElement/constants.d.ts +5 -0
- package/dist/esm/components/VizElement/constants.d.ts.map +1 -0
- package/dist/esm/components/VizElement/helpers.d.ts +20 -0
- package/dist/esm/components/VizElement/helpers.d.ts.map +1 -0
- package/dist/esm/components/VizElement/index.d.ts +2 -0
- package/dist/esm/components/VizElement/index.d.ts.map +1 -0
- package/dist/esm/components/VizElement/temp/ClarityVisualizer.d.ts +150 -0
- package/dist/esm/components/VizElement/temp/ClarityVisualizer.d.ts.map +1 -0
- package/dist/esm/components/VizElement/temp/VizElementRank.d.ts +74 -0
- package/dist/esm/components/VizElement/temp/VizElementRank.d.ts.map +1 -0
- package/dist/esm/components/VizElement/types.d.ts +13 -0
- package/dist/esm/components/VizElement/types.d.ts.map +1 -0
- package/dist/esm/components/index.d.ts +4 -0
- package/dist/esm/components/index.d.ts.map +1 -0
- package/dist/esm/configs/iframe.d.ts +10 -0
- package/dist/esm/configs/iframe.d.ts.map +1 -0
- package/dist/esm/configs/index.d.ts +3 -0
- package/dist/esm/configs/index.d.ts.map +1 -0
- package/dist/esm/configs/style.d.ts +9 -0
- package/dist/esm/configs/style.d.ts.map +1 -0
- package/dist/esm/constants/index.d.ts +5 -0
- package/dist/esm/constants/index.d.ts.map +1 -0
- package/dist/esm/helpers/iframe.d.ts +3 -0
- package/dist/esm/helpers/iframe.d.ts.map +1 -0
- package/dist/esm/helpers/index.d.ts +2 -0
- package/dist/esm/helpers/index.d.ts.map +1 -0
- package/dist/esm/helpers/viz-elements.d.ts +10 -0
- package/dist/esm/helpers/viz-elements.d.ts.map +1 -0
- package/dist/esm/hooks/index.d.ts +4 -0
- package/dist/esm/hooks/index.d.ts.map +1 -0
- package/dist/esm/hooks/useHeatmapByMode.d.ts +6 -0
- package/dist/esm/hooks/useHeatmapByMode.d.ts.map +1 -0
- package/dist/esm/hooks/useHeatmapRender.d.ts +6 -0
- package/dist/esm/hooks/useHeatmapRender.d.ts.map +1 -0
- package/dist/esm/hooks/useHeatmapScale.d.ts +28 -0
- package/dist/esm/hooks/useHeatmapScale.d.ts.map +1 -0
- package/dist/esm/hooks/useReplayRender.d.ts +9 -0
- package/dist/esm/hooks/useReplayRender.d.ts.map +1 -0
- package/dist/esm/hooks/vix-elements/index.d.ts +5 -0
- package/dist/esm/hooks/vix-elements/index.d.ts.map +1 -0
- package/dist/esm/hooks/vix-elements/useClickedElement.d.ts +14 -0
- package/dist/esm/hooks/vix-elements/useClickedElement.d.ts.map +1 -0
- package/dist/esm/hooks/vix-elements/useHeatmapEffects.d.ts +8 -0
- package/dist/esm/hooks/vix-elements/useHeatmapEffects.d.ts.map +1 -0
- package/dist/esm/hooks/vix-elements/useHeatmapElementPosition.d.ts +13 -0
- package/dist/esm/hooks/vix-elements/useHeatmapElementPosition.d.ts.map +1 -0
- package/dist/esm/hooks/vix-elements/useHoveredElement.d.ts +17 -0
- package/dist/esm/hooks/vix-elements/useHoveredElement.d.ts.map +1 -0
- package/dist/esm/hooks/viz-render/index.d.ts +2 -0
- package/dist/esm/hooks/viz-render/index.d.ts.map +1 -0
- package/dist/esm/hooks/viz-render/useHeatmapRender.d.ts +8 -0
- package/dist/esm/hooks/viz-render/useHeatmapRender.d.ts.map +1 -0
- package/dist/esm/hooks/viz-render/useHeatmapVizRender.d.ts +8 -0
- package/dist/esm/hooks/viz-render/useHeatmapVizRender.d.ts.map +1 -0
- package/dist/esm/hooks/viz-render/useReplayRender.d.ts +11 -0
- package/dist/esm/hooks/viz-render/useReplayRender.d.ts.map +1 -0
- package/dist/esm/hooks/viz-scale/index.d.ts +2 -0
- package/dist/esm/hooks/viz-scale/index.d.ts.map +1 -0
- package/dist/esm/hooks/viz-scale/useContainerDimensions.d.ts +10 -0
- package/dist/esm/hooks/viz-scale/useContainerDimensions.d.ts.map +1 -0
- package/dist/esm/hooks/viz-scale/useContentDimensions.d.ts +11 -0
- package/dist/esm/hooks/viz-scale/useContentDimensions.d.ts.map +1 -0
- package/dist/esm/hooks/viz-scale/useHeatmapScale.d.ts +19 -0
- package/dist/esm/hooks/viz-scale/useHeatmapScale.d.ts.map +1 -0
- package/dist/esm/hooks/viz-scale/useIframeHeight.d.ts +10 -0
- package/dist/esm/hooks/viz-scale/useIframeHeight.d.ts.map +1 -0
- package/dist/esm/hooks/viz-scale/useScaleCalculation.d.ts +10 -0
- package/dist/esm/hooks/viz-scale/useScaleCalculation.d.ts.map +1 -0
- package/dist/esm/hooks/viz-scale/useScrollSync.d.ts +10 -0
- package/dist/esm/hooks/viz-scale/useScrollSync.d.ts.map +1 -0
- package/dist/esm/index.d.ts +4 -0
- package/dist/esm/index.d.ts.map +1 -0
- package/dist/esm/index.js +1303 -0
- package/dist/esm/index.mjs +1303 -0
- package/dist/esm/stores/data.d.ts +18 -0
- package/dist/esm/stores/data.d.ts.map +1 -0
- package/dist/esm/stores/index.d.ts +2 -0
- package/dist/esm/stores/index.d.ts.map +1 -0
- package/dist/esm/types/index.d.ts +3 -0
- package/dist/esm/types/index.d.ts.map +1 -0
- package/dist/esm/ui/BoxStack/BoxStack.d.ts +56 -0
- package/dist/esm/ui/BoxStack/BoxStack.d.ts.map +1 -0
- package/dist/esm/ui/BoxStack/index.d.ts +2 -0
- package/dist/esm/ui/BoxStack/index.d.ts.map +1 -0
- package/dist/esm/ui/index.d.ts +2 -0
- package/dist/esm/ui/index.d.ts.map +1 -0
- package/dist/esm/utils/device.d.ts +2 -0
- package/dist/esm/utils/device.d.ts.map +1 -0
- package/dist/esm/utils/retry.d.ts +2 -0
- package/dist/esm/utils/retry.d.ts.map +1 -0
- package/dist/esm/utils/sort.d.ts +3 -0
- package/dist/esm/utils/sort.d.ts.map +1 -0
- package/dist/style.css +32 -0
- package/dist/umd/components/GraphView.d.ts +9 -0
- package/dist/umd/components/GraphView.d.ts.map +1 -0
- package/dist/umd/components/Layout/ContentHeader.d.ts +4 -0
- package/dist/umd/components/Layout/ContentHeader.d.ts.map +1 -0
- package/dist/umd/components/Layout/HeatmapLayout.d.ts +11 -0
- package/dist/umd/components/Layout/HeatmapLayout.d.ts.map +1 -0
- package/dist/umd/components/Layout/LeftSidebar.d.ts +4 -0
- package/dist/umd/components/Layout/LeftSidebar.d.ts.map +1 -0
- package/dist/umd/components/Layout/WrapperLayout.d.ts +8 -0
- package/dist/umd/components/Layout/WrapperLayout.d.ts.map +1 -0
- package/dist/umd/components/Layout/WrapperPreview.d.ts +4 -0
- package/dist/umd/components/Layout/WrapperPreview.d.ts.map +1 -0
- package/dist/umd/components/Layout/index.d.ts +2 -0
- package/dist/umd/components/Layout/index.d.ts.map +1 -0
- package/dist/umd/components/Test.d.ts +121 -0
- package/dist/umd/components/Test.d.ts.map +1 -0
- package/dist/umd/components/VizDom/ReplayControls.d.ts +2 -0
- package/dist/umd/components/VizDom/ReplayControls.d.ts.map +1 -0
- package/dist/umd/components/VizDom/VizDomContainer.d.ts +2 -0
- package/dist/umd/components/VizDom/VizDomContainer.d.ts.map +1 -0
- package/dist/umd/components/VizDom/VizDomRenderer.d.ts +6 -0
- package/dist/umd/components/VizDom/VizDomRenderer.d.ts.map +1 -0
- package/dist/umd/components/VizDom/index.d.ts +2 -0
- package/dist/umd/components/VizDom/index.d.ts.map +1 -0
- package/dist/umd/components/VizElement/ClickedElementOverlay.d.ts +17 -0
- package/dist/umd/components/VizElement/ClickedElementOverlay.d.ts.map +1 -0
- package/dist/umd/components/VizElement/DefaultRankBadges.d.ts +11 -0
- package/dist/umd/components/VizElement/DefaultRankBadges.d.ts.map +1 -0
- package/dist/umd/components/VizElement/ElementCallout.d.ts +17 -0
- package/dist/umd/components/VizElement/ElementCallout.d.ts.map +1 -0
- package/dist/umd/components/VizElement/HeatmapElements.d.ts +23 -0
- package/dist/umd/components/VizElement/HeatmapElements.d.ts.map +1 -0
- package/dist/umd/components/VizElement/HoveredElementOverlay.d.ts +12 -0
- package/dist/umd/components/VizElement/HoveredElementOverlay.d.ts.map +1 -0
- package/dist/umd/components/VizElement/MissingElementMessage.d.ts +7 -0
- package/dist/umd/components/VizElement/MissingElementMessage.d.ts.map +1 -0
- package/dist/umd/components/VizElement/RankBadge.d.ts +10 -0
- package/dist/umd/components/VizElement/RankBadge.d.ts.map +1 -0
- package/dist/umd/components/VizElement/VizElementRank.d.ts +75 -0
- package/dist/umd/components/VizElement/VizElementRank.d.ts.map +1 -0
- package/dist/umd/components/VizElement/VizElements.d.ts +10 -0
- package/dist/umd/components/VizElement/VizElements.d.ts.map +1 -0
- package/dist/umd/components/VizElement/index.d.ts +2 -0
- package/dist/umd/components/VizElement/index.d.ts.map +1 -0
- package/dist/umd/components/VizElement/temp/ClarityVisualizer.d.ts +150 -0
- package/dist/umd/components/VizElement/temp/ClarityVisualizer.d.ts.map +1 -0
- package/dist/umd/components/VizElement/temp/VizElementRank.d.ts +74 -0
- package/dist/umd/components/VizElement/temp/VizElementRank.d.ts.map +1 -0
- package/dist/umd/components/index.d.ts +4 -0
- package/dist/umd/components/index.d.ts.map +1 -0
- package/dist/umd/configs/iframe.d.ts +10 -0
- package/dist/umd/configs/iframe.d.ts.map +1 -0
- package/dist/umd/configs/index.d.ts +3 -0
- package/dist/umd/configs/index.d.ts.map +1 -0
- package/dist/umd/configs/style.d.ts +9 -0
- package/dist/umd/configs/style.d.ts.map +1 -0
- package/dist/umd/constants/index.d.ts +5 -0
- package/dist/umd/constants/index.d.ts.map +1 -0
- package/dist/umd/helpers/iframe.d.ts +3 -0
- package/dist/umd/helpers/iframe.d.ts.map +1 -0
- package/dist/umd/helpers/index.d.ts +2 -0
- package/dist/umd/helpers/index.d.ts.map +1 -0
- package/dist/umd/helpers/viz-elements.d.ts +10 -0
- package/dist/umd/helpers/viz-elements.d.ts.map +1 -0
- package/dist/umd/hooks/index.d.ts +4 -0
- package/dist/umd/hooks/index.d.ts.map +1 -0
- package/dist/umd/hooks/vix-elements/index.d.ts +5 -0
- package/dist/umd/hooks/vix-elements/index.d.ts.map +1 -0
- package/dist/umd/hooks/vix-elements/useClickedElement.d.ts +14 -0
- package/dist/umd/hooks/vix-elements/useClickedElement.d.ts.map +1 -0
- package/dist/umd/hooks/vix-elements/useHeatmapEffects.d.ts +8 -0
- package/dist/umd/hooks/vix-elements/useHeatmapEffects.d.ts.map +1 -0
- package/dist/umd/hooks/vix-elements/useHeatmapElementPosition.d.ts +13 -0
- package/dist/umd/hooks/vix-elements/useHeatmapElementPosition.d.ts.map +1 -0
- package/dist/umd/hooks/vix-elements/useHoveredElement.d.ts +17 -0
- package/dist/umd/hooks/vix-elements/useHoveredElement.d.ts.map +1 -0
- package/dist/umd/hooks/viz-render/index.d.ts +2 -0
- package/dist/umd/hooks/viz-render/index.d.ts.map +1 -0
- package/dist/umd/hooks/viz-render/useHeatmapRender.d.ts +8 -0
- package/dist/umd/hooks/viz-render/useHeatmapRender.d.ts.map +1 -0
- package/dist/umd/hooks/viz-render/useHeatmapVizRender.d.ts +8 -0
- package/dist/umd/hooks/viz-render/useHeatmapVizRender.d.ts.map +1 -0
- package/dist/umd/hooks/viz-render/useReplayRender.d.ts +11 -0
- package/dist/umd/hooks/viz-render/useReplayRender.d.ts.map +1 -0
- package/dist/umd/hooks/viz-scale/index.d.ts +2 -0
- package/dist/umd/hooks/viz-scale/index.d.ts.map +1 -0
- package/dist/umd/hooks/viz-scale/useContainerDimensions.d.ts +10 -0
- package/dist/umd/hooks/viz-scale/useContainerDimensions.d.ts.map +1 -0
- package/dist/umd/hooks/viz-scale/useContentDimensions.d.ts +11 -0
- package/dist/umd/hooks/viz-scale/useContentDimensions.d.ts.map +1 -0
- package/dist/umd/hooks/viz-scale/useHeatmapScale.d.ts +19 -0
- package/dist/umd/hooks/viz-scale/useHeatmapScale.d.ts.map +1 -0
- package/dist/umd/hooks/viz-scale/useIframeHeight.d.ts +10 -0
- package/dist/umd/hooks/viz-scale/useIframeHeight.d.ts.map +1 -0
- package/dist/umd/hooks/viz-scale/useScaleCalculation.d.ts +10 -0
- package/dist/umd/hooks/viz-scale/useScaleCalculation.d.ts.map +1 -0
- package/dist/umd/hooks/viz-scale/useScrollSync.d.ts +10 -0
- package/dist/umd/hooks/viz-scale/useScrollSync.d.ts.map +1 -0
- package/dist/umd/index.d.ts +4 -0
- package/dist/umd/index.d.ts.map +1 -0
- package/dist/umd/index.js +10 -0
- package/dist/umd/stores/data.d.ts +18 -0
- package/dist/umd/stores/data.d.ts.map +1 -0
- package/dist/umd/stores/index.d.ts +2 -0
- package/dist/umd/stores/index.d.ts.map +1 -0
- package/dist/umd/ui/BoxStack/BoxStack.d.ts +56 -0
- package/dist/umd/ui/BoxStack/BoxStack.d.ts.map +1 -0
- package/dist/umd/ui/BoxStack/index.d.ts +2 -0
- package/dist/umd/ui/BoxStack/index.d.ts.map +1 -0
- package/dist/umd/ui/index.d.ts +2 -0
- package/dist/umd/ui/index.d.ts.map +1 -0
- package/dist/umd/utils/device.d.ts +2 -0
- package/dist/umd/utils/device.d.ts.map +1 -0
- package/dist/umd/utils/retry.d.ts +2 -0
- package/dist/umd/utils/retry.d.ts.map +1 -0
- package/dist/umd/utils/sort.d.ts +3 -0
- package/dist/umd/utils/sort.d.ts.map +1 -0
- package/package.json +11 -14
- package/src/components/GraphView.tsx +58 -0
- package/src/components/Layout/ContentHeader.tsx +15 -0
- package/src/components/Layout/HeatmapLayout.tsx +63 -0
- package/src/components/Layout/LeftSidebar.tsx +32 -0
- package/src/components/Layout/WrapperLayout.tsx +18 -0
- package/src/components/Layout/WrapperPreview.tsx +14 -0
- package/src/components/Layout/index.ts +1 -0
- package/src/components/Test.tsx +1106 -0
- package/src/components/VizDom/ReplayControls.tsx +48 -0
- package/src/components/VizDom/VizDomContainer.tsx +25 -0
- package/src/components/VizDom/VizDomRenderer.tsx +87 -0
- package/src/components/VizDom/index.ts +1 -0
- package/src/components/VizElement/ClickedElementOverlay.tsx +65 -0
- package/src/components/VizElement/DefaultRankBadges.tsx +33 -0
- package/src/components/VizElement/ElementCallout.tsx +337 -0
- package/src/components/VizElement/HeatmapElements.tsx +147 -0
- package/src/components/VizElement/HoveredElementOverlay.tsx +46 -0
- package/src/components/VizElement/MissingElementMessage.tsx +32 -0
- package/src/components/VizElement/RankBadge.tsx +25 -0
- package/src/components/VizElement/VizElements.tsx +80 -0
- package/src/components/VizElement/index.ts +1 -0
- package/src/components/VizElement/temp/ClarityVisualizer.ts +764 -0
- package/src/components/VizElement/temp/VizElementRank.tsx +579 -0
- package/src/components/index.tsx +4 -0
- package/src/configs/iframe.ts +15 -0
- package/src/configs/index.ts +2 -0
- package/src/configs/style.ts +9 -0
- package/src/constants/index.ts +4 -0
- package/src/dist/components/GraphView.d.ts +9 -0
- package/src/dist/components/GraphView.d.ts.map +1 -0
- package/src/dist/components/Layout/ContentHeader.d.ts +4 -0
- package/src/dist/components/Layout/ContentHeader.d.ts.map +1 -0
- package/src/dist/components/Layout/HeatmapLayout.d.ts +11 -0
- package/src/dist/components/Layout/HeatmapLayout.d.ts.map +1 -0
- package/src/dist/components/Layout/LeftSidebar.d.ts +4 -0
- package/src/dist/components/Layout/LeftSidebar.d.ts.map +1 -0
- package/src/dist/components/Layout/WrapperLayout.d.ts +8 -0
- package/src/dist/components/Layout/WrapperLayout.d.ts.map +1 -0
- package/src/dist/components/Layout/WrapperPreview.d.ts +4 -0
- package/src/dist/components/Layout/WrapperPreview.d.ts.map +1 -0
- package/src/dist/components/Layout/index.d.ts +2 -0
- package/src/dist/components/Layout/index.d.ts.map +1 -0
- package/src/dist/components/Test.d.ts +121 -0
- package/src/dist/components/Test.d.ts.map +1 -0
- package/src/dist/components/VizDom/ReplayControls.d.ts +2 -0
- package/src/dist/components/VizDom/ReplayControls.d.ts.map +1 -0
- package/src/dist/components/VizDom/VizDomContainer.d.ts +2 -0
- package/src/dist/components/VizDom/VizDomContainer.d.ts.map +1 -0
- package/src/dist/components/VizDom/VizDomRenderer.d.ts +6 -0
- package/src/dist/components/VizDom/VizDomRenderer.d.ts.map +1 -0
- package/src/dist/components/VizDom/index.d.ts +2 -0
- package/src/dist/components/VizDom/index.d.ts.map +1 -0
- package/src/dist/components/VizElement/ClickedElementOverlay.d.ts +17 -0
- package/src/dist/components/VizElement/ClickedElementOverlay.d.ts.map +1 -0
- package/src/dist/components/VizElement/DefaultRankBadges.d.ts +11 -0
- package/src/dist/components/VizElement/DefaultRankBadges.d.ts.map +1 -0
- package/src/dist/components/VizElement/ElementCallout.d.ts +17 -0
- package/src/dist/components/VizElement/ElementCallout.d.ts.map +1 -0
- package/src/dist/components/VizElement/HeatmapElements.d.ts +23 -0
- package/src/dist/components/VizElement/HeatmapElements.d.ts.map +1 -0
- package/src/dist/components/VizElement/HoveredElementOverlay.d.ts +12 -0
- package/src/dist/components/VizElement/HoveredElementOverlay.d.ts.map +1 -0
- package/src/dist/components/VizElement/MissingElementMessage.d.ts +7 -0
- package/src/dist/components/VizElement/MissingElementMessage.d.ts.map +1 -0
- package/src/dist/components/VizElement/RankBadge.d.ts +10 -0
- package/src/dist/components/VizElement/RankBadge.d.ts.map +1 -0
- package/src/dist/components/VizElement/VizElements.d.ts +10 -0
- package/src/dist/components/VizElement/VizElements.d.ts.map +1 -0
- package/src/dist/components/VizElement/index.d.ts +2 -0
- package/src/dist/components/VizElement/index.d.ts.map +1 -0
- package/src/dist/components/VizElement/temp/ClarityVisualizer.d.ts +150 -0
- package/src/dist/components/VizElement/temp/ClarityVisualizer.d.ts.map +1 -0
- package/src/dist/components/VizElement/temp/VizElementRank.d.ts +74 -0
- package/src/dist/components/VizElement/temp/VizElementRank.d.ts.map +1 -0
- package/src/dist/components/index.d.ts +4 -0
- package/src/dist/components/index.d.ts.map +1 -0
- package/src/dist/configs/iframe.d.ts +10 -0
- package/src/dist/configs/iframe.d.ts.map +1 -0
- package/src/dist/configs/index.d.ts +3 -0
- package/src/dist/configs/index.d.ts.map +1 -0
- package/src/dist/configs/style.d.ts +9 -0
- package/src/dist/configs/style.d.ts.map +1 -0
- package/src/dist/constants/index.d.ts +5 -0
- package/src/dist/constants/index.d.ts.map +1 -0
- package/src/dist/helpers/iframe.d.ts +3 -0
- package/src/dist/helpers/iframe.d.ts.map +1 -0
- package/src/dist/helpers/index.d.ts +2 -0
- package/src/dist/helpers/index.d.ts.map +1 -0
- package/src/dist/helpers/viz-elements.d.ts +10 -0
- package/src/dist/helpers/viz-elements.d.ts.map +1 -0
- package/src/dist/hooks/index.d.ts +4 -0
- package/src/dist/hooks/index.d.ts.map +1 -0
- package/src/dist/hooks/vix-elements/index.d.ts +5 -0
- package/src/dist/hooks/vix-elements/index.d.ts.map +1 -0
- package/src/dist/hooks/vix-elements/useClickedElement.d.ts +14 -0
- package/src/dist/hooks/vix-elements/useClickedElement.d.ts.map +1 -0
- package/src/dist/hooks/vix-elements/useHeatmapEffects.d.ts +8 -0
- package/src/dist/hooks/vix-elements/useHeatmapEffects.d.ts.map +1 -0
- package/src/dist/hooks/vix-elements/useHeatmapElementPosition.d.ts +13 -0
- package/src/dist/hooks/vix-elements/useHeatmapElementPosition.d.ts.map +1 -0
- package/src/dist/hooks/vix-elements/useHoveredElement.d.ts +17 -0
- package/src/dist/hooks/vix-elements/useHoveredElement.d.ts.map +1 -0
- package/src/dist/hooks/viz-render/index.d.ts +2 -0
- package/src/dist/hooks/viz-render/index.d.ts.map +1 -0
- package/src/dist/hooks/viz-render/useHeatmapRender.d.ts +8 -0
- package/src/dist/hooks/viz-render/useHeatmapRender.d.ts.map +1 -0
- package/src/dist/hooks/viz-render/useHeatmapVizRender.d.ts +8 -0
- package/src/dist/hooks/viz-render/useHeatmapVizRender.d.ts.map +1 -0
- package/src/dist/hooks/viz-render/useReplayRender.d.ts +11 -0
- package/src/dist/hooks/viz-render/useReplayRender.d.ts.map +1 -0
- package/src/dist/hooks/viz-scale/index.d.ts +2 -0
- package/src/dist/hooks/viz-scale/index.d.ts.map +1 -0
- package/src/dist/hooks/viz-scale/useContainerDimensions.d.ts +10 -0
- package/src/dist/hooks/viz-scale/useContainerDimensions.d.ts.map +1 -0
- package/src/dist/hooks/viz-scale/useContentDimensions.d.ts +11 -0
- package/src/dist/hooks/viz-scale/useContentDimensions.d.ts.map +1 -0
- package/src/dist/hooks/viz-scale/useHeatmapScale.d.ts +19 -0
- package/src/dist/hooks/viz-scale/useHeatmapScale.d.ts.map +1 -0
- package/src/dist/hooks/viz-scale/useIframeHeight.d.ts +10 -0
- package/src/dist/hooks/viz-scale/useIframeHeight.d.ts.map +1 -0
- package/src/dist/hooks/viz-scale/useScaleCalculation.d.ts +10 -0
- package/src/dist/hooks/viz-scale/useScaleCalculation.d.ts.map +1 -0
- package/src/dist/hooks/viz-scale/useScrollSync.d.ts +10 -0
- package/src/dist/hooks/viz-scale/useScrollSync.d.ts.map +1 -0
- package/src/dist/index.d.ts +4 -0
- package/src/dist/index.d.ts.map +1 -0
- package/src/dist/stores/data.d.ts +18 -0
- package/src/dist/stores/data.d.ts.map +1 -0
- package/src/dist/stores/index.d.ts +2 -0
- package/src/dist/stores/index.d.ts.map +1 -0
- package/src/dist/ui/BoxStack/BoxStack.d.ts +56 -0
- package/src/dist/ui/BoxStack/BoxStack.d.ts.map +1 -0
- package/src/dist/ui/BoxStack/index.d.ts +2 -0
- package/src/dist/ui/BoxStack/index.d.ts.map +1 -0
- package/src/dist/ui/index.d.ts +2 -0
- package/src/dist/ui/index.d.ts.map +1 -0
- package/src/dist/utils/device.d.ts +2 -0
- package/src/dist/utils/device.d.ts.map +1 -0
- package/src/dist/utils/retry.d.ts +2 -0
- package/src/dist/utils/retry.d.ts.map +1 -0
- package/src/dist/utils/sort.d.ts +3 -0
- package/src/dist/utils/sort.d.ts.map +1 -0
- package/src/global.d.ts +5 -0
- package/src/helpers/iframe.ts +33 -0
- package/src/helpers/index.ts +1 -0
- package/src/helpers/viz-elements.ts +34 -0
- package/src/hooks/index.ts +3 -0
- package/src/hooks/vix-elements/index.ts +4 -0
- package/src/hooks/vix-elements/useClickedElement.ts +62 -0
- package/src/hooks/vix-elements/useHeatmapEffects.ts +29 -0
- package/src/hooks/vix-elements/useHeatmapElementPosition.ts +66 -0
- package/src/hooks/vix-elements/useHoveredElement.ts +135 -0
- package/src/hooks/viz-render/index.ts +1 -0
- package/src/hooks/viz-render/useHeatmapRender.ts +98 -0
- package/src/hooks/viz-render/useHeatmapVizRender.ts +22 -0
- package/src/hooks/viz-render/useReplayRender.ts +162 -0
- package/src/hooks/viz-scale/index.ts +1 -0
- package/src/hooks/viz-scale/useContainerDimensions.ts +46 -0
- package/src/hooks/viz-scale/useContentDimensions.ts +29 -0
- package/src/hooks/viz-scale/useHeatmapScale.ts +53 -0
- package/src/hooks/viz-scale/useIframeHeight.ts +119 -0
- package/src/hooks/viz-scale/useScaleCalculation.ts +28 -0
- package/src/hooks/viz-scale/useScrollSync.ts +36 -0
- package/src/index.ts +5 -0
- package/src/stores/data.ts +34 -0
- package/src/stores/index.ts +1 -0
- package/src/styles/base.css +1 -0
- package/src/styles/style.css +30 -0
- package/src/types/clarity.d.ts +38 -0
- package/src/types/heatmap.d.ts +3 -0
- package/src/types/index.d.ts +3 -0
- package/src/types/viz-element.d.ts +39 -0
- package/src/ui/BoxStack/BoxStack.tsx +120 -0
- package/src/ui/BoxStack/index.ts +1 -0
- package/src/ui/index.ts +1 -0
- package/src/utils/device.ts +7 -0
- package/src/utils/retry.ts +20 -0
- package/src/utils/sort.ts +5 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeatmapElements.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/HeatmapElements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAqB9D,MAAM,WAAW,oBAAoB;IACnC,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,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwG1D,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ElementInfo } from '../../types';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
interface Props {
|
|
4
|
+
element: ElementInfo | null;
|
|
5
|
+
onClick?: () => void;
|
|
6
|
+
isSecondary?: boolean;
|
|
7
|
+
targetId: string;
|
|
8
|
+
totalClicks?: number;
|
|
9
|
+
}
|
|
10
|
+
export declare const HoveredElementOverlay: React.FC<Props>;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=HoveredElementOverlay.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HoveredElementOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/HoveredElementOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgCjD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MissingElementMessage.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/MissingElementMessage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwBjD,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,10 @@
|
|
|
1
|
+
import type { ElementRect } from '../../types';
|
|
2
|
+
interface RankBadgeProps {
|
|
3
|
+
index: number;
|
|
4
|
+
elementRect: ElementRect;
|
|
5
|
+
widthScale: number;
|
|
6
|
+
clickOnElement?: () => void;
|
|
7
|
+
}
|
|
8
|
+
export declare const RankBadge: React.FC<RankBadgeProps>;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=RankBadge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RankBadge.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/RankBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI/C,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAa9C,CAAC"}
|
|
@@ -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,10 @@
|
|
|
1
|
+
interface VizElementsProps {
|
|
2
|
+
width: number;
|
|
3
|
+
height: number;
|
|
4
|
+
iframeRef: React.RefObject<HTMLIFrameElement | null>;
|
|
5
|
+
wrapperRef: React.RefObject<HTMLDivElement>;
|
|
6
|
+
widthScale: number;
|
|
7
|
+
}
|
|
8
|
+
export declare const VizElements: React.FC<VizElementsProps>;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=VizElements.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VizElements.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/VizElements.tsx"],"names":[],"mappings":"AAKA,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmElD,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 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,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/temp/ClarityVisualizer.ts"],"names":[],"mappings":"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"}
|
|
@@ -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/temp/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,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 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,cAAc,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"iframe.d.ts","sourceRoot":"","sources":["../../src/configs/iframe.ts"],"names":[],"mappings":"AAAA,UAAU,WAAW;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,cAAc,EAAE,WAM5B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/configs/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/configs/style.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;CAE1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;CAIzB,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=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.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 @@
|
|
|
1
|
+
{"version":3,"file":"iframe.d.ts","sourceRoot":"","sources":["../../src/helpers/iframe.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,eAAO,MAAM,cAAc,GACzB,WAAW,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,EACpD,SAAS,cAAc,yCA2BxB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -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 @@
|
|
|
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"}
|