@playkit-js/transcript 3.4.2-canary.4-77e14dc → 3.4.2-canary.6-e5bbd6d

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@playkit-js/transcript",
-  "version": "3.4.2-canary.4-77e14dc",
+  "version": "3.4.2-canary.6-e5bbd6d",
   "main": "dist/playkit-transcript.js",
   "license": "AGPL-3.0",
   "private": false,
@@ -13,10 +13,12 @@
     "url": "git+https://github.com/kaltura/playkit-js-transcript.git"
   },
   "devDependencies": {
+    "@playkit-js/kaltura-player-js": "canary",
     "conventional-github-releaser": "3.1.3",
     "cross-env": "^7.0.3",
     "css-loader": "^6.7.1",
-    "kaltura-player-js": "https://github.com/kaltura/kaltura-player-js.git#v3.12.1",
+    "cypress": "^12.12.0",
+    "playwright-webkit": "^1.33.0",
     "preact": "^10.4.1",
     "prettier": "^2.6.2",
     "sass": "^1.54.3",
@@ -31,7 +33,7 @@
     "webpack-dev-server": "^4.9.0"
   },
   "peerDependencies": {
-    "kaltura-player-js": "https://github.com/kaltura/kaltura-player-js.git#v3.12.1"
+    "@playkit-js/kaltura-player-js": "canary"
   },
   "scripts": {
     "clean": "rm -rf ./dist",
@@ -39,11 +41,15 @@
     "build": "webpack --mode production",
     "dev": "webpack-dev-server --mode development",
     "watch": "webpack --progress --color --watch --mode development",
-    "cypress:open": "cypress open",
-    "cypress:run": "cypress run",
+    "cy:open": "cypress open",
+    "cy:run": "yarn run cy:run:chrome && yarn run cy:run:firefox && yarn run cy:run:edge && yarn run cy:run:safari",
+    "cy:run:chrome": "cypress run --browser chrome --config video=false",
+    "cy:run:firefox": "cypress run --browser firefox --config video=false",
+    "cy:run:edge": "cypress run --browser edge --config video=false",
+    "cy:run:safari": "cypress run --browser webkit --config video=false",
     "test:prepare": "yarn run build && yes | cp -i ./dist/playkit-transcript.js ./cypress/public/plugin.js",
     "test:watch": "yarn run test:prepare && cypress open",
-    "test": "yarn run test:prepare && cypress run",
+    "test": "yarn run test:prepare && yarn run cy:run",
     "release": "standard-version",
     "pushTaggedRelease": "git push --follow-tags --no-verify origin master",
     "prettier:fix": "prettier --write ."
@@ -68,17 +74,16 @@
     "html5 player"
   ],
   "dependencies": {
-    "@playkit-js/common": "1.1.6",
-    "@playkit-js/playkit-js-ui": "^0.73.0",
-    "@playkit-js/ui-managers": "^1.3.5",
-    "cypress": "^12.3.0",
+    "@playkit-js/common": "^1.2.3",
+    "@playkit-js/playkit-js-ui": "^0.77.1",
+    "@playkit-js/ui-managers": "^1.3.8",
     "stream-browserify": "^3.0.0"
   },
   "kaltura": {
     "name": "playkit-js-transcript",
     "dependencies": {
       "playkit-kaltura-cuepoints": "3.0.4",
-      "playkit-ui-managers": "1.3.5"
+      "playkit-ui-managers": "1.3.8"
     }
   }
 }

package/src/components/plugin-button/plugin-button.tsx

@@ -1,6 +1,6 @@
 import {h} from 'preact';
 import * as styles from './plugin-button.scss';
-import {ui} from 'kaltura-player-js';
+import {ui} from '@playkit-js/kaltura-player-js';
 import {icons} from '../icons';
 import {A11yWrapper, OnClick} from '@playkit-js/common/dist/hoc/a11y-wrapper';
 

package/src/components/popover-menu/popover-menu.tsx

@@ -2,6 +2,7 @@ import {A11yWrapper} from '@playkit-js/common/dist/hoc/a11y-wrapper';
 import {h, Component, VNode} from 'preact';
 
 const {Tooltip} = KalturaPlayer.ui.components;
+const {withText, Text} = KalturaPlayer.ui.preacti18n;
 
 const {withEventManager} = KalturaPlayer.ui.Event;
 const {TAB} = KalturaPlayer.ui.utils.KeyMap;
@@ -16,7 +17,7 @@ interface PopoverMenuItemData {
 }
 
 interface PopoverMenuProps {
-  label: string;
+  moreOptionsLabel?: string;
   eventManager?: any;
   children?: VNode;
   items: Array<PopoverMenuItemData>;
@@ -25,7 +26,11 @@ interface PopoverMenuProps {
 interface PopoverMenuState {
   isOpen: boolean;
 }
+const translates = {
+  moreOptionsLabel: <Text id="transcript.more_options">More transcript options</Text>
+};
 
+@withText(translates)
 @withEventManager
 class PopoverMenu extends Component<PopoverMenuProps, PopoverMenuState> {
   private _controlElementRef: HTMLDivElement | null = null;
@@ -98,12 +103,14 @@ class PopoverMenu extends Component<PopoverMenuProps, PopoverMenuState> {
   };
 
   render() {
-    const {label, children, items} = this.props;
+    const {children, items} = this.props;
 
     const popoverMenuContent = (
       <div className={styles.popoverContainer}>
         <A11yWrapper onClick={() => this.togglePopover(true)}>
           <div
+            aria-label={this.props.moreOptionsLabel!}
+            tabIndex={0}
             data-testid="popover-anchor-container"
             className={`${styles.popoverAnchorContainer} ${this.state.isOpen ? styles.active : ''}`}
             ref={node => {
@@ -124,6 +131,7 @@ class PopoverMenu extends Component<PopoverMenuProps, PopoverMenuState> {
             ? items.map(({label, onClick, testId, isDisabled}, index) => {
                 return (
                   <A11yWrapper
+                    role="menuitem"
                     onClick={() => {
                       if (!isDisabled) {
                         this.closePopover();
@@ -164,7 +172,7 @@ class PopoverMenu extends Component<PopoverMenuProps, PopoverMenuState> {
       popoverMenuContent
     ) : (
       <div>
-        <Tooltip label={label}>{popoverMenuContent}</Tooltip>
+        <Tooltip label={this.props.moreOptionsLabel!}>{popoverMenuContent}</Tooltip>
       </div>
     );
   }

package/src/components/transcript-menu/transcript-menu.tsx

@@ -3,9 +3,9 @@ import {PopoverMenu} from '../popover-menu';
 import {PopoverMenuItemData} from '../popover-menu';
 
 import {Button, ButtonType} from '@playkit-js/common/dist/components/button';
+const {withText, Text} = KalturaPlayer.ui.preacti18n;
 
 interface TranscriptMenuProps {
-  printDownloadAreaLabel?: string;
   printTranscript?: string;
   downloadTranscript?: string;
   onDownload: () => void;
@@ -19,16 +19,22 @@ interface TranscriptMenuState {
   items: Array<PopoverMenuItemData>;
 }
 
+const translates = {
+  printTranscript: <Text id="transcript.more_options">Print current transcript</Text>,
+  downloadTranscript: <Text id="transcript.more_options">Download current transcript</Text>
+};
+
+@withText(translates)
 class TranscriptMenu extends Component<TranscriptMenuProps, TranscriptMenuState> {
   constructor(props: TranscriptMenuProps) {
     super();
 
-    const {downloadDisabled, onDownload, printDisabled, onPrint, printDownloadAreaLabel, printTranscript, downloadTranscript, isLoading} = props;
+    const {downloadDisabled, onDownload, printDisabled, onPrint, printTranscript, downloadTranscript, isLoading} = props;
     const items = [];
     if (!downloadDisabled) {
       items.push({
         testId: 'download-menu-item',
-        label: 'Download transcript',
+        label: downloadTranscript!,
         onClick: onDownload,
         isDisabled: isLoading
       });
@@ -37,7 +43,7 @@ class TranscriptMenu extends Component<TranscriptMenuProps, TranscriptMenuState>
     if (!printDisabled) {
       items.push({
         testId: 'print-menu-item',
-        label: 'Print transcript',
+        label: printTranscript!,
         onClick: onPrint,
         isDisabled: isLoading
       });
@@ -48,8 +54,8 @@ class TranscriptMenu extends Component<TranscriptMenuProps, TranscriptMenuState>
 
   render() {
     return this.state.items.length ? (
-      <PopoverMenu label={'More'} items={this.state.items}>
-        <Button type={ButtonType.borderless} icon={'more'}></Button>
+      <PopoverMenu items={this.state.items}>
+        <Button type={ButtonType.borderless} icon={'more'} tabIndex={-1} />
       </PopoverMenu>
     ) : null;
   }

package/src/transcript-plugin.tsx

@@ -1,6 +1,6 @@
 import {h} from 'preact';
 import {OnClickEvent} from '@playkit-js/common/dist/hoc/a11y-wrapper';
-import {ui} from 'kaltura-player-js';
+import {ui} from '@playkit-js/kaltura-player-js';
 import {UpperBarManager, SidePanelsManager} from '@playkit-js/ui-managers';
 import {ObjectUtils, downloadContent, printContent} from './utils';
 import {icons} from './components/icons';

package/translations/de.i18n.json

@@ -3,7 +3,6 @@
     "transcript": {
       "hide_plugin": "Transkript ausblenden",
       "show_plugin": "Transkript anzeigen",
-      "print_download_area_label": "Aktuelle Abschrift herunterladen oder drucken",
       "print_transcript": "Aktuelles Transkript drucken",
       "download_transcript": "Aktuelles Transkript herunterladen",
       "search": "Suche im Transkript",

package/translations/en.i18n.json

@@ -3,7 +3,7 @@
     "transcript": {
       "hide_plugin": "Hide Transcript",
       "show_plugin": "Show Transcript",
-      "print_download_area_label": "Download or print current transcript",
+      "more_options": "More transcript options",
       "print_transcript": "Print current transcript",
       "download_transcript": "Download current transcript",
       "search": "Search in Transcript",

package/translations/es.i18n.json

@@ -3,7 +3,6 @@
     "transcript": {
       "hide_plugin": "Ocultar la transcripción",
       "show_plugin": "Mostrar la transcripción",
-      "print_download_area_label": "Descargar o imprimir la transcripción",
       "print_transcript": "Imprimir la transcripción",
       "download_transcript": "Descargar la transcripción",
       "search": "Buscar en la transcripción",

package/translations/fi.i18n.json

@@ -3,7 +3,6 @@
     "transcript": {
       "hide_plugin": "Piilota tekstitallenne",
       "show_plugin": "Näytä tekstitallenne",
-      "print_download_area_label": "Lataa tai tulosta nykyinen tekstitallenne",
       "print_transcript": "Tulosta nykyinen tekstitallenne",
       "download_transcript": "Lataa nykyinen tekstitallenne",
       "search": "Hae tekstitallenteesta",

package/translations/fr.i18n.json

@@ -3,7 +3,6 @@
     "transcript": {
       "hide_plugin": "Cacher le relevé",
       "show_plugin": "Afficher le relevé",
-      "print_download_area_label": "Télécharger ou imprimer le relevé actuel",
       "print_transcript": "Imprimer le relevé actuel",
       "download_transcript": "Télécharger le relevé actuel",
       "search": "Rechercher dans le relevé",

package/translations/fr_ca.i18n.json

@@ -3,7 +3,6 @@
     "transcript": {
       "hide_plugin": "Masquer la transcription",
       "show_plugin": "Afficher la transcription",
-      "print_download_area_label": "Téléverser ou imprimer la transcription actuelle",
       "print_transcript": "Imprimer la transcription actuelle",
       "download_transcript": "Téléverser la transcription actuelle",
       "search": "Recherche dans la transcription",

package/translations/it.i18n.json

@@ -3,7 +3,6 @@
     "transcript": {
       "hide_plugin": "Nascondi trascrizione",
       "show_plugin": "Mostra trascrizione",
-      "print_download_area_label": "Scarica o stampa trascrizione corrente",
       "print_transcript": "Stampa trascrizione corrente",
       "download_transcript": "Scarica trascrizione corrente",
       "search": "Cerca in Trascrizione",

package/translations/ja.i18n.json

@@ -3,7 +3,6 @@
     "transcript": {
       "hide_plugin": "複写を非表示にする",
       "show_plugin": "複写を表示する",
-      "print_download_area_label": "現在の複写をダウンロードまたは印刷する",
       "print_transcript": "現在の複写を印刷する",
       "download_transcript": "現在の複写をダウンロードする",
       "search": "複写で検索",

package/translations/ko.i18n.json

@@ -3,7 +3,6 @@
     "transcript": {
       "hide_plugin": "기록 숨기기",
       "show_plugin": "기록 보기",
-      "print_download_area_label": "현재 기록 다운로드 또는 인쇄",
       "print_transcript": "현재 기록 인쇄",
       "download_transcript": "현재 기록 다운로드",
       "search": "기록 검색",

package/translations/nl.i18n.json

@@ -3,7 +3,6 @@
     "transcript": {
       "hide_plugin": "Transcriptie verbergen",
       "show_plugin": "Transcriptie tonen",
-      "print_download_area_label": "Huidige transcriptie afdrukken of downloaden",
       "print_transcript": "Huidige transcriptie afdrukken",
       "download_transcript": "Huidige transcriptie downloaden",
       "search": "In transcriptie zoeken",

package/translations/pt_br.i18n.json

@@ -3,7 +3,6 @@
     "transcript": {
       "hide_plugin": "Ocultar transcrição",
       "show_plugin": "Mostrar transcrição",
-      "print_download_area_label": "Baixar ou imprimir transcrição atual",
       "print_transcript": "Imprimir transcrição atual",
       "download_transcript": "Baixar transcrição atual",
       "search": "Buscar na transcrição",

package/translations/ru.i18n.json

@@ -3,7 +3,6 @@
     "transcript": {
       "hide_plugin": "Скрыть текстовую расшифровку",
       "show_plugin": "Показать текстовую расшифровку",
-      "print_download_area_label": "Скачать или распечатать текущую текстовую расшифровку",
       "print_transcript": "Распечатать текущую текстовую расшифровку",
       "download_transcript": "Скачать текущую текстовую расшифровку",
       "search": "Искать в текстовой расшифровке",

package/translations/zh_cn.i18n.json

@@ -3,7 +3,6 @@
     "transcript": {
       "hide_plugin": "隐藏转录文字",
       "show_plugin": "显示转录文字",
-      "print_download_area_label": "加载或打印当前转录文字",
       "print_transcript": "打印当前转录文字",
       "download_transcript": "加载当前转录文字",
       "search": "在转录文字中搜索",

package/translations/zh_tw.i18n.json

@@ -3,7 +3,6 @@
     "transcript": {
       "hide_plugin": "隱藏文字記錄",
       "show_plugin": "顯示文字記錄",
-      "print_download_area_label": "下載或列印目前文字記錄",
       "print_transcript": "列印目前文字記錄",
       "download_transcript": "下載目前文字記錄",
       "search": "在文字記錄中搜尋",