@teambit/react.ui.component-highlighter 0.0.0-4d64e75088ad738b699f1df7db0bcd7201d589d0 → 0.0.0-55f68b631c92c735819c97273bc227d5652e9258
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/hybrid-highlighter/hybrid-highlighter.js +5 -1
- package/dist/hybrid-highlighter/hybrid-highlighter.js.map +1 -1
- package/dist/{preview-1751963029152.js → preview-1760463595263.js} +5 -5
- 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"}
|
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,8CA6FC;AA7ID,+CAA8F;AAC9F,4DAAoC;AACpC,+BAA0B;AAI1B,4DAA2D;AAC3D,gEAAyF;AACzF,kEAAiE;AAuCjE,kDAAkD;AAClD,SAAgB,iBAAiB,CAAC,EAkBT;QAlBS,EAChC,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,iBAAiB,GAAG,EAAE,EACtB,WAAW,GAAG,IAAI,EAClB,SAAS,EACT,IAAI,EACJ,aAAa,EAEb,OAAO,EACP,cAAc,EACd,SAAS,EACT,KAAK,EACL,OAAO,EACP,YAAY,EACZ,aAAa,EACb,QAAQ,OAEe,EADpB,IAAI,cAjByB,yMAkBjC,CADQ;IAEP,MAAM,GAAG,GAAG,IAAA,iBAAS,GAAkB,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAkC,EAAE,CAAC,CAAC;IAC3E,yDAAyD;IACzD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAEzD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,aAAa,CAAC,YAAY,IAAA,SAAE,GAAE,EAAE,CAAC,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IAEtD,8BAA8B;IAC9B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ;YAAE,SAAS,CAAC,EAAE,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,QAAQ,GAAG,IAAA,uCAAmB,EAClC,CAAC,UAAU,EAAE,EAAE,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC3E,IAAI,EACJ;QACE,gBAAgB,EAAE,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QACpD,UAAU;QACV,QAAQ,EAAE,QAAQ,IAAI,IAAI,KAAK,OAAO;QACtC,IAAI;QACJ,aAAa;KACd,CACF,CAAC;IAEF,IAAA,6CAAsB,EAAC;QACrB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,GAAG;QACb,UAAU;QACV,QAAQ,EAAE,QAAQ,IAAI,IAAI,KAAK,aAAa;QAC5C,IAAI;QACJ,aAAa;KACd,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE,CAAC,iBACJ,yBAAyB,EAAE,OAAO,EAClC,+BAA+B,EAAE,YAAY,EAC7C,gCAAgC,EAAE,aAAa,IAC5C,KAAK,EACR,EACF,CAAC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,KAAK,CAAC,CAC9C,CAAC;IAEF,OAAO,CACL,qDACE,GAAG,EAAE,GAAG,IACJ,IAAI,EACJ,QAAQ,IACZ,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,UAAU,CAAC;QAG3C,QAAQ;QAKR,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,CAC9C,8BAAC,wCAAkB,IACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,EACtC,UAAU,EAAE,MAAM,CAAC,UAAU,EAC7B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,cAAc,EACrB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,GACxB,CACH,CAAC,CACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -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-9-14/17ip6ar/teambit.react_ui_component-highlighter@55f68b631c92c735819c97273bc227d5652e9258/dist/children-highlighter/children-highlighter.composition.js';
|
|
2
|
+
import * as compositions_1 from '/tmp/capsules-root/sign-capsules/2025-9-14/17ip6ar/teambit.react_ui_component-highlighter@55f68b631c92c735819c97273bc227d5652e9258/dist/element-highlighter/element-highlighter.compositions.js';
|
|
3
|
+
import * as compositions_2 from '/tmp/capsules-root/sign-capsules/2025-9-14/17ip6ar/teambit.react_ui_component-highlighter@55f68b631c92c735819c97273bc227d5652e9258/dist/hover-highlighter/hover-highlighter.compositions.js';
|
|
4
|
+
import * as compositions_3 from '/tmp/capsules-root/sign-capsules/2025-9-14/17ip6ar/teambit.react_ui_component-highlighter@55f68b631c92c735819c97273bc227d5652e9258/dist/label/component-strip.compositions.js';
|
|
5
|
+
import * as overview_0 from '/tmp/capsules-root/sign-capsules/2025-9-14/17ip6ar/teambit.react_ui_component-highlighter@55f68b631c92c735819c97273bc227d5652e9258/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];
|
|
@@ -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-55f68b631c92c735819c97273bc227d5652e9258",
|
|
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": "55f68b631c92c735819c97273bc227d5652e9258"
|
|
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",
|