@teambit/react.ui.component-highlighter 0.0.0-4d64e75088ad738b699f1df7db0bcd7201d589d0 → 0.0.0-899c4938755be9f766a89af8378d49093bab5c82
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/children-highlighter/use-children-highlighter.tsx +1 -1
- package/dist/children-highlighter/use-children-highlighter.js +1 -1
- package/dist/children-highlighter/use-children-highlighter.js.map +1 -1
- package/dist/hover-highlighter/bubble-to-component.d.ts +0 -5
- package/dist/hover-highlighter/bubble-to-component.js +0 -13
- package/dist/hover-highlighter/bubble-to-component.js.map +1 -1
- package/dist/hybrid-highlighter/hybrid-highlighter.js +5 -1
- package/dist/hybrid-highlighter/hybrid-highlighter.js.map +1 -1
- package/dist/{preview-1751963029152.js → preview-1758203462057.js} +5 -5
- package/hover-highlighter/bubble-to-component.tsx +0 -13
- package/hybrid-highlighter/hybrid-highlighter.tsx +7 -1
- package/package.json +2 -3
|
@@ -36,7 +36,7 @@ export function useChildrenHighlighter({
|
|
|
36
36
|
useEffect(() => {
|
|
37
37
|
const nextTargets: HighlighterTarget = {};
|
|
38
38
|
const scopeElement = scopeRef.current;
|
|
39
|
-
if (!scopeElement || disabled) return;
|
|
39
|
+
if (!scopeElement || !scopeSelector || disabled) return;
|
|
40
40
|
|
|
41
41
|
// select all elements (except excluded)
|
|
42
42
|
let allElements = Array.from(scopeElement.querySelectorAll<HTMLElement>(targetsSelector(`.${scopeSelector}`)));
|
|
@@ -14,7 +14,7 @@ function useChildrenHighlighter({ onChange, disabled, scopeRef, scopeClass: scop
|
|
|
14
14
|
(0, react_1.useEffect)(() => {
|
|
15
15
|
const nextTargets = {};
|
|
16
16
|
const scopeElement = scopeRef.current;
|
|
17
|
-
if (!scopeElement || disabled)
|
|
17
|
+
if (!scopeElement || !scopeSelector || disabled)
|
|
18
18
|
return;
|
|
19
19
|
// select all elements (except excluded)
|
|
20
20
|
let allElements = Array.from(scopeElement.querySelectorAll(targetsSelector(`.${scopeSelector}`)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-children-highlighter.js","sourceRoot":"","sources":["../../children-highlighter/use-children-highlighter.tsx"],"names":[],"mappings":";;;;;AA2BA,wDAsCC;AAjED,iCAAiE;AACjE,0DAAiC;AACjC,oFAAiF;AACjF,oJAK6E;AAC7E,8DAA4F;AAC5F,kDAAmG;AAiBnG,SAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EAAE,aAAa,GAAG,EAAE,EAC9B,IAAI,EACJ,aAAa,GACc;IAC3B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAsB,EAAE,CAAC;QAC1C,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC;QACtC,IAAI,CAAC,YAAY,IAAI,QAAQ;YAAE,OAAO;
|
|
1
|
+
{"version":3,"file":"use-children-highlighter.js","sourceRoot":"","sources":["../../children-highlighter/use-children-highlighter.tsx"],"names":[],"mappings":";;;;;AA2BA,wDAsCC;AAjED,iCAAiE;AACjE,0DAAiC;AACjC,oFAAiF;AACjF,oJAK6E;AAC7E,8DAA4F;AAC5F,kDAAmG;AAiBnG,SAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EAAE,aAAa,GAAG,EAAE,EAC9B,IAAI,EACJ,aAAa,GACc;IAC3B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAsB,EAAE,CAAC;QAC1C,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC;QACtC,IAAI,CAAC,YAAY,IAAI,CAAC,aAAa,IAAI,QAAQ;YAAE,OAAO;QAExD,wCAAwC;QACxC,IAAI,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAc,eAAe,CAAC,IAAI,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;QAC/G,uBAAuB;QACvB,IAAI,IAAI;YAAE,WAAW,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAA,0BAAW,EAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;QAC9E,yBAAyB;QACzB,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,CAAC,0CAAa,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACvE,cAAc;QACd,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,YAAY,CAAC,CAAC;QAE1C,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC9B,IAAI,CAAC,OAAO;gBAAE,OAAO;YACrB,MAAM,KAAK,GAAG,IAAA,wCAAW,EAAC,OAAO,CAAC,CAAC;YACnC,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CACrC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAA,6EAAgB,EAAC,CAAC,CAAC,IAAI,IAAA,mCAAoB,EAAC,EAAE,IAAI,EAAE,CAAC,CAAC,+EAAkB,CAAC,EAAE,EAAE,aAAa,CAAC,CACrE,CAAC;YAEhC,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC;gBAAE,OAAO;YAE1C,MAAM,GAAG,GAAG,IAAA,mBAAQ,EAAC,OAAO,CAAC,CAAC;YAE9B,WAAW,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC;QACjE,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,WAAW,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;AAChC,CAAC;AAED,SAAS,eAAe;AACtB;;;GAGG;AACH,aAAa,GAAG,QAAQ;IAExB,MAAM,gBAAgB,GAAG,GAAG,aAAa,IAAI,+CAA0B,KAAK,aAAa,IAAI,+CAA0B,IAAI,CAAC;IAC5H,MAAM,eAAe,GAAG,GAAG,aAAa,IAAI,4CAAuB,KAAK,aAAa,IAAI,4CAAuB,IAAI,CAAC;IAErH,OAAO,QAAQ,gBAAgB,KAAK,eAAe,GAAG,CAAC;AACzD,CAAC"}
|
|
@@ -15,10 +15,5 @@ type BubblingOptions = {
|
|
|
15
15
|
export declare function bubbleToComponent(element: HTMLElement | null, { elementRule, componentRule, propagateSameParents }?: BubblingOptions): {
|
|
16
16
|
element: HTMLElement;
|
|
17
17
|
components: ReactComponentMetaHolder[];
|
|
18
|
-
} | {
|
|
19
|
-
element: any;
|
|
20
|
-
components: {
|
|
21
|
-
__bit_component: any;
|
|
22
|
-
}[];
|
|
23
18
|
};
|
|
24
19
|
export {};
|
|
@@ -6,19 +6,6 @@ const react_ui_highlighter_component_metadata_bit_component_meta_1 = require("@t
|
|
|
6
6
|
const rule_matcher_1 = require("../rule-matcher");
|
|
7
7
|
/** go up the dom tree until reaching a react bit component */
|
|
8
8
|
function bubbleToComponent(element, { elementRule, componentRule, propagateSameParents = true } = {}) {
|
|
9
|
-
var _a, _b, _c, _d, _e;
|
|
10
|
-
// check if the element is rendered in Vue
|
|
11
|
-
if (element === null || element === void 0 ? void 0 : element.__vnode) {
|
|
12
|
-
const vueComp = (_b = (_a = element.__vnode) === null || _a === void 0 ? void 0 : _a.ctx) === null || _b === void 0 ? void 0 : _b.type;
|
|
13
|
-
const comp = vueComp === null || vueComp === void 0 ? void 0 : vueComp.__bit_component;
|
|
14
|
-
const compEl = (_e = (_d = (_c = element.__vnode) === null || _c === void 0 ? void 0 : _c.ctx) === null || _d === void 0 ? void 0 : _d.ctx) === null || _e === void 0 ? void 0 : _e.$el;
|
|
15
|
-
if (compEl && comp) {
|
|
16
|
-
return {
|
|
17
|
-
element: compEl,
|
|
18
|
-
components: [{ [react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]: comp }],
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
9
|
let current = bubbleToFirstComponent(element, elementRule, componentRule);
|
|
23
10
|
if (!propagateSameParents)
|
|
24
11
|
return current;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bubble-to-component.js","sourceRoot":"","sources":["../../hover-highlighter/bubble-to-component.tsx"],"names":[],"mappings":";;AAqBA,
|
|
1
|
+
{"version":3,"file":"bubble-to-component.js","sourceRoot":"","sources":["../../hover-highlighter/bubble-to-component.tsx"],"names":[],"mappings":";;AAqBA,8CAoBC;AAzCD,oFAAiF;AACjF,oJAI6E;AAC7E,kDAAmG;AAcnG,8DAA8D;AAC9D,SAAgB,iBAAiB,CAC/B,OAA2B,EAC3B,EAAE,WAAW,EAAE,aAAa,EAAE,oBAAoB,GAAG,IAAI,KAAsB,EAAE;IAEjF,IAAI,OAAO,GAAG,sBAAsB,CAAC,OAAO,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC;IAC1E,IAAI,CAAC,oBAAoB;QAAE,OAAO,OAAO,CAAC;IAE1C,OAAO,OAAO,EAAE,CAAC;QACf,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC;QACpD,MAAM,MAAM,GAAG,sBAAsB,CAAC,aAAa,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC;QAEjF,MAAM,cAAc,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAC3D,MAAM,oBAAoB,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAEhE,IAAI,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,+EAAkB,EAAE,EAAE,OAAK,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAG,+EAAkB,EAAE,EAAE,CAAA;YAAE,OAAO,OAAO,CAAC;QAE9G,OAAO,GAAG,MAAM,CAAC;IACnB,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,8DAA8D;AAC9D,SAAS,sBAAsB,CAC7B,OAA2B,EAC3B,WAAuB,EACvB,aAAkC;IAElC,KAAK,IAAI,OAAO,GAAG,OAAO,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,aAAa,EAAE,CAAC;QACrE,OAAO,GAAG,IAAA,0CAAa,EAAC,OAAO,CAAC,CAAC;QACjC,IAAI,CAAC,OAAO;YAAE,OAAO,SAAS,CAAC;QAC/B,IAAI,IAAA,0BAAW,EAAC,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC;YACtC,MAAM,UAAU,GAAG,IAAA,wCAAW,EAAC,OAAO,CAAC,CAAC;YAExC,MAAM,kBAAkB,GAAG,UAAU,CAAC,MAAM,CAC1C,CAAC,CAAC,EAAE,EAAE,CAAC,IAAA,6EAAgB,EAAC,CAAC,CAAC,IAAI,IAAA,mCAAoB,EAAC,EAAE,IAAI,EAAE,CAAC,CAAC,+EAAkB,CAAC,EAAE,EAAE,aAAa,CAAC,CACrE,CAAC;YAEhC,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC;gBAAE,OAAO,SAAS,CAAC;YACpD,OAAO;gBACL,OAAO,EAAE,OAAO;gBAChB,UAAU,EAAE,kBAAkB;aAC/B,CAAC;QACJ,CAAC;IACH,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC"}
|
|
@@ -49,7 +49,11 @@ function HybridHighlighter(_a) {
|
|
|
49
49
|
var { disabled, mode = 'hover', debounceSelection = 80, watchMotion = true, placement, rule, componentRule, classes, highlightStyle, className, style, bgColor, bgColorHover, bgColorActive, children } = _a, rest = __rest(_a, ["disabled", "mode", "debounceSelection", "watchMotion", "placement", "rule", "componentRule", "classes", "highlightStyle", "className", "style", "bgColor", "bgColorHover", "bgColorActive", "children"]);
|
|
50
50
|
const ref = (0, react_1.createRef)();
|
|
51
51
|
const [targets, setTarget] = (0, react_1.useState)({});
|
|
52
|
-
const scopeClass =
|
|
52
|
+
// const scopeClass = useRef(`hl-scope-${v4()}`).current;
|
|
53
|
+
const [scopeClass, setScopeClass] = (0, react_1.useState)('');
|
|
54
|
+
(0, react_1.useEffect)(() => {
|
|
55
|
+
setScopeClass(`hl-scope-${(0, uuid_1.v4)()}`);
|
|
56
|
+
}, []);
|
|
53
57
|
const hasTargets = Object.entries(targets).length > 0;
|
|
54
58
|
// clear targets when disabled
|
|
55
59
|
(0, react_1.useEffect)(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hybrid-highlighter.js","sourceRoot":"","sources":["../../hybrid-highlighter/hybrid-highlighter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,
|
|
1
|
+
{"version":3,"file":"hybrid-highlighter.js","sourceRoot":"","sources":["../../hybrid-highlighter/hybrid-highlighter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as compositions_0 from '/tmp/capsules-root/sign-capsules/2025-
|
|
2
|
-
import * as compositions_1 from '/tmp/capsules-root/sign-capsules/2025-
|
|
3
|
-
import * as compositions_2 from '/tmp/capsules-root/sign-capsules/2025-
|
|
4
|
-
import * as compositions_3 from '/tmp/capsules-root/sign-capsules/2025-
|
|
5
|
-
import * as overview_0 from '/tmp/capsules-root/sign-capsules/2025-
|
|
1
|
+
import * as compositions_0 from '/tmp/capsules-root/sign-capsules/2025-8-18/1nwb1v8/teambit.react_ui_component-highlighter@899c4938755be9f766a89af8378d49093bab5c82/dist/children-highlighter/children-highlighter.composition.js';
|
|
2
|
+
import * as compositions_1 from '/tmp/capsules-root/sign-capsules/2025-8-18/1nwb1v8/teambit.react_ui_component-highlighter@899c4938755be9f766a89af8378d49093bab5c82/dist/element-highlighter/element-highlighter.compositions.js';
|
|
3
|
+
import * as compositions_2 from '/tmp/capsules-root/sign-capsules/2025-8-18/1nwb1v8/teambit.react_ui_component-highlighter@899c4938755be9f766a89af8378d49093bab5c82/dist/hover-highlighter/hover-highlighter.compositions.js';
|
|
4
|
+
import * as compositions_3 from '/tmp/capsules-root/sign-capsules/2025-8-18/1nwb1v8/teambit.react_ui_component-highlighter@899c4938755be9f766a89af8378d49093bab5c82/dist/label/component-strip.compositions.js';
|
|
5
|
+
import * as overview_0 from '/tmp/capsules-root/sign-capsules/2025-8-18/1nwb1v8/teambit.react_ui_component-highlighter@899c4938755be9f766a89af8378d49093bab5c82/dist/component-highlighter.docs.md';
|
|
6
6
|
|
|
7
7
|
export const compositions = [compositions_0, compositions_1, compositions_2, compositions_3];
|
|
8
8
|
export const overview = [overview_0];
|
|
@@ -23,19 +23,6 @@ export function bubbleToComponent(
|
|
|
23
23
|
element: HTMLElement | null,
|
|
24
24
|
{ elementRule, componentRule, propagateSameParents = true }: BubblingOptions = {}
|
|
25
25
|
) {
|
|
26
|
-
// check if the element is rendered in Vue
|
|
27
|
-
if ((element as any)?.__vnode) {
|
|
28
|
-
const vueComp = (element as any).__vnode?.ctx?.type;
|
|
29
|
-
const comp = vueComp?.__bit_component;
|
|
30
|
-
const compEl = (element as any).__vnode?.ctx?.ctx?.$el;
|
|
31
|
-
if (compEl && comp) {
|
|
32
|
-
return {
|
|
33
|
-
element: compEl,
|
|
34
|
-
components: [{ [componentMetaField]: comp }],
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
26
|
let current = bubbleToFirstComponent(element, elementRule, componentRule);
|
|
40
27
|
if (!propagateSameParents) return current;
|
|
41
28
|
|
|
@@ -67,7 +67,13 @@ export function HybridHighlighter({
|
|
|
67
67
|
}: HybridHighlighterProps) {
|
|
68
68
|
const ref = createRef<HTMLDivElement>();
|
|
69
69
|
const [targets, setTarget] = useState<Record<string, HighlightTarget>>({});
|
|
70
|
-
const scopeClass = useRef(`hl-scope-${v4()}`).current;
|
|
70
|
+
// const scopeClass = useRef(`hl-scope-${v4()}`).current;
|
|
71
|
+
const [scopeClass, setScopeClass] = useState<string>('');
|
|
72
|
+
|
|
73
|
+
useEffect(() => {
|
|
74
|
+
setScopeClass(`hl-scope-${v4()}`);
|
|
75
|
+
}, []);
|
|
76
|
+
|
|
71
77
|
const hasTargets = Object.entries(targets).length > 0;
|
|
72
78
|
|
|
73
79
|
// clear targets when disabled
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teambit/react.ui.component-highlighter",
|
|
3
|
-
"version": "0.0.0-
|
|
3
|
+
"version": "0.0.0-899c4938755be9f766a89af8378d49093bab5c82",
|
|
4
4
|
"homepage": "https://bit.cloud/teambit/react/ui/component-highlighter",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"componentId": {
|
|
7
7
|
"scope": "teambit.react",
|
|
8
8
|
"name": "ui/component-highlighter",
|
|
9
|
-
"version": "
|
|
9
|
+
"version": "899c4938755be9f766a89af8378d49093bab5c82"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"get-xpath": "^3.0.1",
|
|
@@ -32,7 +32,6 @@
|
|
|
32
32
|
"@types/react-dom": "^17.0.5",
|
|
33
33
|
"@types/lodash.compact": "3.0.6",
|
|
34
34
|
"@types/url-join": "^4.0.0",
|
|
35
|
-
"@types/mocha": "9.1.0",
|
|
36
35
|
"@types/node": "12.20.4",
|
|
37
36
|
"@types/jest": "^26.0.0",
|
|
38
37
|
"@babel/runtime": "7.20.0",
|