@teambit/react.ui.component-highlighter 0.0.0-4d64e75088ad738b699f1df7db0bcd7201d589d0 → 0.0.0-6e93bc138c8adf9d6b6c2ced3f6418985bd6b737
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-1758810012568.js} +5 -5
- package/hover-highlighter/bubble-to-component.tsx +0 -13
- package/hybrid-highlighter/hybrid-highlighter.tsx +7 -1
- package/package.json +5 -6
|
@@ -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-25/1lrsf1v/teambit.react_ui_component-highlighter@6e93bc138c8adf9d6b6c2ced3f6418985bd6b737/dist/children-highlighter/children-highlighter.composition.js';
|
|
2
|
+
import * as compositions_1 from '/tmp/capsules-root/sign-capsules/2025-8-25/1lrsf1v/teambit.react_ui_component-highlighter@6e93bc138c8adf9d6b6c2ced3f6418985bd6b737/dist/element-highlighter/element-highlighter.compositions.js';
|
|
3
|
+
import * as compositions_2 from '/tmp/capsules-root/sign-capsules/2025-8-25/1lrsf1v/teambit.react_ui_component-highlighter@6e93bc138c8adf9d6b6c2ced3f6418985bd6b737/dist/hover-highlighter/hover-highlighter.compositions.js';
|
|
4
|
+
import * as compositions_3 from '/tmp/capsules-root/sign-capsules/2025-8-25/1lrsf1v/teambit.react_ui_component-highlighter@6e93bc138c8adf9d6b6c2ced3f6418985bd6b737/dist/label/component-strip.compositions.js';
|
|
5
|
+
import * as overview_0 from '/tmp/capsules-root/sign-capsules/2025-8-25/1lrsf1v/teambit.react_ui_component-highlighter@6e93bc138c8adf9d6b6c2ced3f6418985bd6b737/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,22 +1,22 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teambit/react.ui.component-highlighter",
|
|
3
|
-
"version": "0.0.0-
|
|
3
|
+
"version": "0.0.0-6e93bc138c8adf9d6b6c2ced3f6418985bd6b737",
|
|
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": "6e93bc138c8adf9d6b6c2ced3f6418985bd6b737"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"get-xpath": "^3.0.1",
|
|
13
13
|
"classnames": "^2.3.1",
|
|
14
|
-
"@floating-ui/react-dom": "0.7.2",
|
|
15
|
-
"uuid": "^10.0.0",
|
|
16
14
|
"use-debounce": "^8.0.1",
|
|
17
15
|
"lodash.compact": "^3.0.1",
|
|
16
|
+
"@floating-ui/react-dom": "0.7.2",
|
|
18
17
|
"url-join": "^4.0.1",
|
|
19
18
|
"@tippyjs/react": "4.2.0",
|
|
19
|
+
"uuid": "^10.0.0",
|
|
20
20
|
"core-js": "^3.0.0",
|
|
21
21
|
"@teambit/react.ui.highlighter.component-metadata.bit-component-meta": "0.0.21",
|
|
22
22
|
"@teambit/component-id": "1.2.2",
|
|
@@ -28,11 +28,10 @@
|
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@types/react": "^17.0.8",
|
|
30
30
|
"@testing-library/react": "^12.1.5",
|
|
31
|
-
"@types/uuid": "3.4.9",
|
|
32
31
|
"@types/react-dom": "^17.0.5",
|
|
33
32
|
"@types/lodash.compact": "3.0.6",
|
|
34
33
|
"@types/url-join": "^4.0.0",
|
|
35
|
-
"@types/
|
|
34
|
+
"@types/uuid": "3.4.9",
|
|
36
35
|
"@types/node": "12.20.4",
|
|
37
36
|
"@types/jest": "^26.0.0",
|
|
38
37
|
"@babel/runtime": "7.20.0",
|