@playkit-js/transcript 3.5.2-canary.0-9781460 → 3.5.2-canary.0-ff51a39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@playkit-js/transcript",
-  "version": "3.5.2-canary.0-9781460",
+  "version": "3.5.2-canary.0-ff51a39",
   "main": "dist/playkit-transcript.js",
   "license": "AGPL-3.0",
   "private": false,

package/src/components/caption-list/captionList.tsx

@@ -89,6 +89,7 @@ export class CaptionList extends Component<Props> {
       shouldScroll: this._getShouldScroll(id),
       shouldScrollToSearchMatch: this._getShouldScrollToSearchMatch(id),
       isAutoScrollEnabled,
+      searchCaption: this.props.searchMap[captionData.id],
       ...this._getSearchProps(id)
     };
     return newCaptionProps;
@@ -104,6 +105,7 @@ export class CaptionList extends Component<Props> {
 
   render() {
     const {data} = this.props;
+    let isSearchCaption = false;
     return (
       <div className={styles.transcriptWrapper} onKeyUp={this._handleKeyUp}>
         {data.map((captionData, index) => {
@@ -116,7 +118,15 @@ export class CaptionList extends Component<Props> {
                 } else if (index === data.length - 1) {
                   this._lastCaptionRef = node;
                 }
-                if (captionProps.highlighted[captionData.id]) {
+                if (captionProps.searchCaption){
+                  Object.keys(captionProps.searchCaption).forEach(key => {
+                    if (parseInt(key) === this.props.activeSearchIndex) {
+                      this._currentCaptionRef = node
+                      isSearchCaption = true;
+                    }
+                  });
+                }
+                if (!isSearchCaption && captionProps.highlighted[captionData.id]) {
                   this._currentCaptionRef = node;
                 }
               }}

package/src/components/transcript/transcript.tsx

@@ -252,6 +252,7 @@ export class Transcript extends Component<TranscriptProps, TranscriptState> {
         ref={node => {
           this._skipTranscriptButtonRef = node;
         }}
+        data-testid="transcript_skipButton"
         className={styles.skipTranscriptButton}
         onKeyDown={this._handleKeyDown}
         onClick={this._handleClick}