@syntrologie/adapt-overlays 2.13.0 → 2.14.0
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/overlay-editor-ui.d.ts.map +1 -1
- package/dist/overlay-editor-ui.js +3 -3
- package/dist/schema.d.ts +20 -20
- package/dist/schema.d.ts.map +1 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPicker.d.ts.map +1 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPicker.js +6 -3
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overlay-editor-ui.d.ts","sourceRoot":"","sources":["../src/overlay-editor-ui.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;
|
|
1
|
+
{"version":3,"file":"overlay-editor-ui.d.ts","sourceRoot":"","sources":["../src/overlay-editor-ui.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAgCH,OAAO,KAAK,EAAE,gBAAgB,EAAY,MAAM,SAAS,CAAC;AAkF1D,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CA+e5E"}
|
|
@@ -5,7 +5,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
5
5
|
* Main editor component, tabs, forms, tour drill-in, item editing, save/publish.
|
|
6
6
|
* All React/JSX lives here; pure logic is imported from overlay-editor-state.
|
|
7
7
|
*/
|
|
8
|
-
import { DetectionBadge, DismissedSection, EditorBody, EditorCard,
|
|
8
|
+
import { DetectionBadge, DismissedSection, EditorBody, EditorCard, EditorHeader, EditorInput, EditorLayout, EditorTextarea, EmptyState, GroupHeader, } from '@syntrologie/shared-editor-ui';
|
|
9
9
|
import { MessageSquare, Route, Sparkles, Square, Tag, Zap } from 'lucide-react';
|
|
10
10
|
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
11
11
|
import { filterConfig, flattenItems, getStepIcon, getStepLabel, parseOverlayItemKey, resolveAnchorRoute, resolveAnchorSelector, savePendingHighlight, } from './overlay-editor-state';
|
|
@@ -192,7 +192,7 @@ export function OverlaysEditor({ config, onChange, editor }) {
|
|
|
192
192
|
onChange(updated);
|
|
193
193
|
editor.setDirty(true);
|
|
194
194
|
}, [typedConfig, onChange, editor]);
|
|
195
|
-
const
|
|
195
|
+
const _handlePublish = useCallback(() => {
|
|
196
196
|
if (dismissedKeys.size > 0) {
|
|
197
197
|
const filtered = filterConfig(typedConfig, dismissedKeys);
|
|
198
198
|
onChange(filtered);
|
|
@@ -302,5 +302,5 @@ export function OverlaysEditor({ config, onChange, editor }) {
|
|
|
302
302
|
})()) : (_jsxs(_Fragment, { children: [allItems.length === 0 && _jsx(EmptyState, { message: "No overlays configured." }), overlayItems.length > 0 && (_jsxs(_Fragment, { children: [_jsx(GroupHeader, { label: "OVERLAYS", count: overlayItems.length }), overlayItems.map(renderCard)] })), tourItems.length > 0 && (_jsxs(_Fragment, { children: [_jsx(GroupHeader, { label: "TOURS", count: tourItems.length, className: overlayItems.length > 0 ? 'se-mt-4' : '' }), tourItems.map(renderCard)] })), dismissedItems.length > 0 && (_jsx(DismissedSection, { count: dismissedItems.length, children: dismissedItems.map((item) => (_jsxs("div", { className: "se-flex se-items-center se-gap-2 se-py-1.5 se-px-2.5 se-rounded-md se-border se-border-white/[0.03] se-bg-transparent se-mb-0.5 se-cursor-pointer se-text-xs se-text-slate-grey-6 se-opacity-60", children: [_jsx("span", { className: "se-shrink-0 se-flex se-items-center -se-ml-1", children: _jsx(SectionIcon, { section: item.section }) }), _jsx("span", { className: "se-flex-1 se-overflow-hidden se-text-ellipsis se-whitespace-nowrap se-line-through", children: item.summary }), _jsx("button", { type: "button", className: "se-py-0.5 se-px-1.5 se-rounded se-border-none se-bg-transparent se-text-blue-5 se-text-[11px] se-cursor-pointer se-shrink-0 se-leading-none", onClick: (e) => {
|
|
303
303
|
e.stopPropagation();
|
|
304
304
|
handleRestore(item.key);
|
|
305
|
-
}, children: "Restore" })] }, item.key))) }))] })) })
|
|
305
|
+
}, children: "Restore" })] }, item.key))) }))] })) })] }));
|
|
306
306
|
}
|
package/dist/schema.d.ts
CHANGED
|
@@ -589,17 +589,17 @@ export declare const actionStepSchemas: {
|
|
|
589
589
|
maxHeight?: number | undefined;
|
|
590
590
|
}>, z.ZodObject<{
|
|
591
591
|
type: z.ZodLiteral<"session_metric">;
|
|
592
|
-
key: z.
|
|
592
|
+
key: z.ZodEnum<["time_on_page", "page_views", "scroll_depth"]>;
|
|
593
593
|
operator: z.ZodEnum<["gte", "lte", "eq", "gt", "lt"]>;
|
|
594
594
|
threshold: z.ZodNumber;
|
|
595
595
|
}, "strip", z.ZodTypeAny, {
|
|
596
596
|
type: "session_metric";
|
|
597
|
-
key:
|
|
597
|
+
key: "time_on_page" | "page_views" | "scroll_depth";
|
|
598
598
|
operator: "gte" | "lte" | "eq" | "gt" | "lt";
|
|
599
599
|
threshold: number;
|
|
600
600
|
}, {
|
|
601
601
|
type: "session_metric";
|
|
602
|
-
key:
|
|
602
|
+
key: "time_on_page" | "page_views" | "scroll_depth";
|
|
603
603
|
operator: "gte" | "lte" | "eq" | "gt" | "lt";
|
|
604
604
|
threshold: number;
|
|
605
605
|
}>, z.ZodObject<{
|
|
@@ -648,7 +648,7 @@ export declare const actionStepSchemas: {
|
|
|
648
648
|
count: z.ZodNumber;
|
|
649
649
|
withinMs: z.ZodOptional<z.ZodNumber>;
|
|
650
650
|
counter: z.ZodOptional<z.ZodObject<{
|
|
651
|
-
events: z.ZodArray<z.
|
|
651
|
+
events: z.ZodArray<z.ZodEnum<["ui.click", "ui.scroll", "ui.input", "ui.change", "ui.submit", "ui.hover", "ui.idle", "ui.scroll_thrash", "ui.focus_bounce", "nav.page_view", "nav.page_leave", "behavior.rage_click", "behavior.hesitation", "behavior.confusion"]>, "many">;
|
|
652
652
|
match: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodObject<{
|
|
653
653
|
equals: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber, z.ZodBoolean]>>;
|
|
654
654
|
contains: z.ZodOptional<z.ZodString>;
|
|
@@ -660,13 +660,13 @@ export declare const actionStepSchemas: {
|
|
|
660
660
|
contains?: string | undefined;
|
|
661
661
|
}>>>;
|
|
662
662
|
}, "strip", z.ZodTypeAny, {
|
|
663
|
-
events:
|
|
663
|
+
events: ("ui.click" | "ui.scroll" | "ui.input" | "ui.change" | "ui.submit" | "ui.hover" | "ui.idle" | "ui.scroll_thrash" | "ui.focus_bounce" | "nav.page_view" | "nav.page_leave" | "behavior.rage_click" | "behavior.hesitation" | "behavior.confusion")[];
|
|
664
664
|
match?: Record<string, {
|
|
665
665
|
equals?: string | number | boolean | undefined;
|
|
666
666
|
contains?: string | undefined;
|
|
667
667
|
}> | undefined;
|
|
668
668
|
}, {
|
|
669
|
-
events:
|
|
669
|
+
events: ("ui.click" | "ui.scroll" | "ui.input" | "ui.change" | "ui.submit" | "ui.hover" | "ui.idle" | "ui.scroll_thrash" | "ui.focus_bounce" | "nav.page_view" | "nav.page_leave" | "behavior.rage_click" | "behavior.hesitation" | "behavior.confusion")[];
|
|
670
670
|
match?: Record<string, {
|
|
671
671
|
equals?: string | number | boolean | undefined;
|
|
672
672
|
contains?: string | undefined;
|
|
@@ -679,7 +679,7 @@ export declare const actionStepSchemas: {
|
|
|
679
679
|
count: number;
|
|
680
680
|
withinMs?: number | undefined;
|
|
681
681
|
counter?: {
|
|
682
|
-
events:
|
|
682
|
+
events: ("ui.click" | "ui.scroll" | "ui.input" | "ui.change" | "ui.submit" | "ui.hover" | "ui.idle" | "ui.scroll_thrash" | "ui.focus_bounce" | "nav.page_view" | "nav.page_leave" | "behavior.rage_click" | "behavior.hesitation" | "behavior.confusion")[];
|
|
683
683
|
match?: Record<string, {
|
|
684
684
|
equals?: string | number | boolean | undefined;
|
|
685
685
|
contains?: string | undefined;
|
|
@@ -692,7 +692,7 @@ export declare const actionStepSchemas: {
|
|
|
692
692
|
count: number;
|
|
693
693
|
withinMs?: number | undefined;
|
|
694
694
|
counter?: {
|
|
695
|
-
events:
|
|
695
|
+
events: ("ui.click" | "ui.scroll" | "ui.input" | "ui.change" | "ui.submit" | "ui.hover" | "ui.idle" | "ui.scroll_thrash" | "ui.focus_bounce" | "nav.page_view" | "nav.page_leave" | "behavior.rage_click" | "behavior.hesitation" | "behavior.confusion")[];
|
|
696
696
|
match?: Record<string, {
|
|
697
697
|
equals?: string | number | boolean | undefined;
|
|
698
698
|
contains?: string | undefined;
|
|
@@ -727,7 +727,7 @@ export declare const actionStepSchemas: {
|
|
|
727
727
|
maxHeight?: number | undefined;
|
|
728
728
|
} | {
|
|
729
729
|
type: "session_metric";
|
|
730
|
-
key:
|
|
730
|
+
key: "time_on_page" | "page_views" | "scroll_depth";
|
|
731
731
|
operator: "gte" | "lte" | "eq" | "gt" | "lt";
|
|
732
732
|
threshold: number;
|
|
733
733
|
} | {
|
|
@@ -750,7 +750,7 @@ export declare const actionStepSchemas: {
|
|
|
750
750
|
count: number;
|
|
751
751
|
withinMs?: number | undefined;
|
|
752
752
|
counter?: {
|
|
753
|
-
events:
|
|
753
|
+
events: ("ui.click" | "ui.scroll" | "ui.input" | "ui.change" | "ui.submit" | "ui.hover" | "ui.idle" | "ui.scroll_thrash" | "ui.focus_bounce" | "nav.page_view" | "nav.page_leave" | "behavior.rage_click" | "behavior.hesitation" | "behavior.confusion")[];
|
|
754
754
|
match?: Record<string, {
|
|
755
755
|
equals?: string | number | boolean | undefined;
|
|
756
756
|
contains?: string | undefined;
|
|
@@ -785,7 +785,7 @@ export declare const actionStepSchemas: {
|
|
|
785
785
|
maxHeight?: number | undefined;
|
|
786
786
|
} | {
|
|
787
787
|
type: "session_metric";
|
|
788
|
-
key:
|
|
788
|
+
key: "time_on_page" | "page_views" | "scroll_depth";
|
|
789
789
|
operator: "gte" | "lte" | "eq" | "gt" | "lt";
|
|
790
790
|
threshold: number;
|
|
791
791
|
} | {
|
|
@@ -808,7 +808,7 @@ export declare const actionStepSchemas: {
|
|
|
808
808
|
count: number;
|
|
809
809
|
withinMs?: number | undefined;
|
|
810
810
|
counter?: {
|
|
811
|
-
events:
|
|
811
|
+
events: ("ui.click" | "ui.scroll" | "ui.input" | "ui.change" | "ui.submit" | "ui.hover" | "ui.idle" | "ui.scroll_thrash" | "ui.focus_bounce" | "nav.page_view" | "nav.page_leave" | "behavior.rage_click" | "behavior.hesitation" | "behavior.confusion")[];
|
|
812
812
|
match?: Record<string, {
|
|
813
813
|
equals?: string | number | boolean | undefined;
|
|
814
814
|
contains?: string | undefined;
|
|
@@ -847,7 +847,7 @@ export declare const actionStepSchemas: {
|
|
|
847
847
|
maxHeight?: number | undefined;
|
|
848
848
|
} | {
|
|
849
849
|
type: "session_metric";
|
|
850
|
-
key:
|
|
850
|
+
key: "time_on_page" | "page_views" | "scroll_depth";
|
|
851
851
|
operator: "gte" | "lte" | "eq" | "gt" | "lt";
|
|
852
852
|
threshold: number;
|
|
853
853
|
} | {
|
|
@@ -870,7 +870,7 @@ export declare const actionStepSchemas: {
|
|
|
870
870
|
count: number;
|
|
871
871
|
withinMs?: number | undefined;
|
|
872
872
|
counter?: {
|
|
873
|
-
events:
|
|
873
|
+
events: ("ui.click" | "ui.scroll" | "ui.input" | "ui.change" | "ui.submit" | "ui.hover" | "ui.idle" | "ui.scroll_thrash" | "ui.focus_bounce" | "nav.page_view" | "nav.page_leave" | "behavior.rage_click" | "behavior.hesitation" | "behavior.confusion")[];
|
|
874
874
|
match?: Record<string, {
|
|
875
875
|
equals?: string | number | boolean | undefined;
|
|
876
876
|
contains?: string | undefined;
|
|
@@ -909,7 +909,7 @@ export declare const actionStepSchemas: {
|
|
|
909
909
|
maxHeight?: number | undefined;
|
|
910
910
|
} | {
|
|
911
911
|
type: "session_metric";
|
|
912
|
-
key:
|
|
912
|
+
key: "time_on_page" | "page_views" | "scroll_depth";
|
|
913
913
|
operator: "gte" | "lte" | "eq" | "gt" | "lt";
|
|
914
914
|
threshold: number;
|
|
915
915
|
} | {
|
|
@@ -932,7 +932,7 @@ export declare const actionStepSchemas: {
|
|
|
932
932
|
count: number;
|
|
933
933
|
withinMs?: number | undefined;
|
|
934
934
|
counter?: {
|
|
935
|
-
events:
|
|
935
|
+
events: ("ui.click" | "ui.scroll" | "ui.input" | "ui.change" | "ui.submit" | "ui.hover" | "ui.idle" | "ui.scroll_thrash" | "ui.focus_bounce" | "nav.page_view" | "nav.page_leave" | "behavior.rage_click" | "behavior.hesitation" | "behavior.confusion")[];
|
|
936
936
|
match?: Record<string, {
|
|
937
937
|
equals?: string | number | boolean | undefined;
|
|
938
938
|
contains?: string | undefined;
|
|
@@ -1031,7 +1031,7 @@ export declare const actionStepSchemas: {
|
|
|
1031
1031
|
maxHeight?: number | undefined;
|
|
1032
1032
|
} | {
|
|
1033
1033
|
type: "session_metric";
|
|
1034
|
-
key:
|
|
1034
|
+
key: "time_on_page" | "page_views" | "scroll_depth";
|
|
1035
1035
|
operator: "gte" | "lte" | "eq" | "gt" | "lt";
|
|
1036
1036
|
threshold: number;
|
|
1037
1037
|
} | {
|
|
@@ -1054,7 +1054,7 @@ export declare const actionStepSchemas: {
|
|
|
1054
1054
|
count: number;
|
|
1055
1055
|
withinMs?: number | undefined;
|
|
1056
1056
|
counter?: {
|
|
1057
|
-
events:
|
|
1057
|
+
events: ("ui.click" | "ui.scroll" | "ui.input" | "ui.change" | "ui.submit" | "ui.hover" | "ui.idle" | "ui.scroll_thrash" | "ui.focus_bounce" | "nav.page_view" | "nav.page_leave" | "behavior.rage_click" | "behavior.hesitation" | "behavior.confusion")[];
|
|
1058
1058
|
match?: Record<string, {
|
|
1059
1059
|
equals?: string | number | boolean | undefined;
|
|
1060
1060
|
contains?: string | undefined;
|
|
@@ -1120,7 +1120,7 @@ export declare const actionStepSchemas: {
|
|
|
1120
1120
|
maxHeight?: number | undefined;
|
|
1121
1121
|
} | {
|
|
1122
1122
|
type: "session_metric";
|
|
1123
|
-
key:
|
|
1123
|
+
key: "time_on_page" | "page_views" | "scroll_depth";
|
|
1124
1124
|
operator: "gte" | "lte" | "eq" | "gt" | "lt";
|
|
1125
1125
|
threshold: number;
|
|
1126
1126
|
} | {
|
|
@@ -1143,7 +1143,7 @@ export declare const actionStepSchemas: {
|
|
|
1143
1143
|
count: number;
|
|
1144
1144
|
withinMs?: number | undefined;
|
|
1145
1145
|
counter?: {
|
|
1146
|
-
events:
|
|
1146
|
+
events: ("ui.click" | "ui.scroll" | "ui.input" | "ui.change" | "ui.submit" | "ui.hover" | "ui.idle" | "ui.scroll_thrash" | "ui.focus_bounce" | "nav.page_view" | "nav.page_leave" | "behavior.rage_click" | "behavior.hesitation" | "behavior.confusion")[];
|
|
1147
1147
|
match?: Record<string, {
|
|
1148
1148
|
equals?: string | number | boolean | undefined;
|
|
1149
1149
|
contains?: string | undefined;
|
package/dist/schema.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../src/schema.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB;;;GAGG;AACH,eAAO,MAAM,YAAY;IACvB,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkB/B,6BAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqC7B,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAY3B,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAW3B,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgC3B,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmB1B,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,CAAC,CAAC;AAuB1D,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../src/schema.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnchorPicker.d.ts","sourceRoot":"","sources":["../../src/components/AnchorPicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAWH,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;8DAE0D;IAC1D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAKD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,iBAAyB,EACzB,eAAuJ,GACxJ,EAAE,iBAAiB,
|
|
1
|
+
{"version":3,"file":"AnchorPicker.d.ts","sourceRoot":"","sources":["../../src/components/AnchorPicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAWH,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;8DAE0D;IAC1D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAKD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,iBAAyB,EACzB,eAAuJ,GACxJ,EAAE,iBAAiB,sCA2MnB"}
|
|
@@ -27,11 +27,14 @@ export function AnchorPicker({ isActive, onPick, onCancel, passthroughClicks = f
|
|
|
27
27
|
const overlayRef = useRef(null);
|
|
28
28
|
const handleMouseMove = useCallback((e) => {
|
|
29
29
|
const overlay = overlayRef.current;
|
|
30
|
-
|
|
30
|
+
// In passthrough mode the overlay is already pointerEvents:'none',
|
|
31
|
+
// so elementFromPoint can see through it — no toggle needed.
|
|
32
|
+
// In non-passthrough mode, temporarily disable to detect elements underneath.
|
|
33
|
+
if (overlay && !passthroughClicks) {
|
|
31
34
|
overlay.style.pointerEvents = 'none';
|
|
32
35
|
}
|
|
33
36
|
const elementAtPoint = document.elementFromPoint(e.clientX, e.clientY);
|
|
34
|
-
if (overlay) {
|
|
37
|
+
if (overlay && !passthroughClicks) {
|
|
35
38
|
overlay.style.pointerEvents = 'auto';
|
|
36
39
|
}
|
|
37
40
|
if (!elementAtPoint) {
|
|
@@ -52,7 +55,7 @@ export function AnchorPicker({ isActive, onPick, onCancel, passthroughClicks = f
|
|
|
52
55
|
setHoveredElement(elementAtPoint);
|
|
53
56
|
const selector = generateSelector(elementAtPoint);
|
|
54
57
|
setHoveredSelector(selector);
|
|
55
|
-
}, [excludeSelector]);
|
|
58
|
+
}, [excludeSelector, passthroughClicks]);
|
|
56
59
|
const handleClick = useCallback((e) => {
|
|
57
60
|
if (passthroughClicks)
|
|
58
61
|
return; // Let click propagate to PostHog
|
package/package.json
CHANGED