npm - @vidispine/vdt-videojs-react - Versions diffs - 22.4.0-pre.9 → 23.1.0-pre.1 - Mend

@vidispine/vdt-videojs-react 22.4.0-pre.9 → 23.1.0-pre.1

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.

Files changed (5) hide show

package/dist/index.es.js CHANGED Viewed

@@ -11,69 +11,55 @@ import '@vidispine/vdt-videojs/dist/index.css';
 import { jsx } from 'react/jsx-runtime';
 var _excluded = ["setPlayer"],
-    _excluded2 = ["setPlayer"];
+  _excluded2 = ["setPlayer"];
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var VideoPlayer = /*#__PURE__*/function (_Component) {
   _inherits(VideoPlayer, _Component);
   var _super = _createSuper$3(VideoPlayer);
   function VideoPlayer() {
     _classCallCheck(this, VideoPlayer);
     return _super.apply(this, arguments);
   }
   _createClass(VideoPlayer, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this$props = this.props,
-          setPlayer = _this$props.setPlayer,
-          playerProps = _objectWithoutProperties(_this$props, _excluded);
+        setPlayer = _this$props.setPlayer,
+        playerProps = _objectWithoutProperties(_this$props, _excluded);
       this.player = new Player(_objectSpread$1({
         target: this.videoNode
       }, playerProps));
       if (setPlayer) {
         setPlayer(this.player);
       }
-    } // eslint-disable-next-line camelcase
+    }
+    // eslint-disable-next-line camelcase
   }, {
     key: "UNSAFE_componentWillUpdate",
     value: function UNSAFE_componentWillUpdate(props) {
       var _this = this;
       var createPlayer = function createPlayer() {
         var setPlayer = props.setPlayer,
-            playerProps = _objectWithoutProperties(props, _excluded2);
+          playerProps = _objectWithoutProperties(props, _excluded2);
         _this.player = new Player(_objectSpread$1({
           target: _this.videoNode
         }, playerProps));
         if (setPlayer) {
           setPlayer(_this.player);
         }
       };
       if (props.sources && props.sources[0] && props.sources[0].src) {
         // sources changed
         if (!(this.props.sources[0].src === props.sources[0].src)) {
           if (this.player) {
-            this.player.videojs.pause(); // Wait a frame until player is paused
+            this.player.videojs.pause();
+            // Wait a frame until player is paused
             setTimeout(function () {
               _this.player.videojs.dispose();
               createPlayer();
             }, 0);
           } else {
@@ -84,26 +70,26 @@ var VideoPlayer = /*#__PURE__*/function (_Component) {
           this.player.handleNewProps(props);
         }
       }
-    } // destroy player on unmount
+    }
+    // destroy player on unmount
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var onUnmount = this.props.onUnmount;
       if (this.player) {
         if (onUnmount) onUnmount(this.player);
         this.player.destroy();
       }
-    } // wrap the player in a div with a `data-vjs-player` attribute
+    }
+    // wrap the player in a div with a `data-vjs-player` attribute
     // so videojs won't create additional wrapper in the DOM
     // see https://github.com/videojs/video.js/pull/3856
   }, {
     key: "render",
     value: function render() {
       var _this2 = this;
       return /*#__PURE__*/jsx("div", {
         className: "data-vjs-player",
         children: /*#__PURE__*/jsx("div", {
@@ -114,41 +100,33 @@ var VideoPlayer = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
   return VideoPlayer;
 }(Component);
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var VideoControls = /*#__PURE__*/function (_Component) {
   _inherits(VideoControls, _Component);
   var _super = _createSuper$2(VideoControls);
   function VideoControls() {
     _classCallCheck(this, VideoControls);
     return _super.apply(this, arguments);
   }
   _createClass(VideoControls, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var player = this.props.player; // player prop is the whole react component
       this.controls = new ExternalControls(_objectSpread(_objectSpread({
         target: this.controlsNode
       }, this.props), {}, {
         player: player.current.player
       }));
       this.controls.handleNewProps(this.props);
-    } // eslint-disable-next-line camelcase
+    }
+    // eslint-disable-next-line camelcase
   }, {
     key: "UNSAFE_componentWillUpdate",
     value: function UNSAFE_componentWillUpdate(props) {
@@ -158,7 +136,6 @@ var VideoControls = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this = this;
       return /*#__PURE__*/jsx("div", {
         ref: function ref(node) {
           _this.controlsNode = node;
@@ -166,35 +143,29 @@ var VideoControls = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
   return VideoControls;
 }(Component);
 VideoControls.buttonNames = ExternalControls.buttonNames;
 function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var VideoSeekBar = /*#__PURE__*/function (_Component) {
   _inherits(VideoSeekBar, _Component);
   var _super = _createSuper$1(VideoSeekBar);
   function VideoSeekBar() {
     _classCallCheck(this, VideoSeekBar);
     return _super.apply(this, arguments);
   }
   _createClass(VideoSeekBar, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this$props = this.props,
-          player = _this$props.player,
-          bgColor = _this$props.bgColor,
-          fillColor = _this$props.fillColor,
-          markersEnabled = _this$props.markersEnabled,
-          regions = _this$props.regions,
-          onRegionClick = _this$props.onRegionClick; // player prop is the whole react component
+        player = _this$props.player,
+        bgColor = _this$props.bgColor,
+        fillColor = _this$props.fillColor,
+        markersEnabled = _this$props.markersEnabled,
+        regions = _this$props.regions,
+        onRegionClick = _this$props.onRegionClick; // player prop is the whole react component
       this.seekBar = new SeekBar({
         target: this.seekBarNode,
@@ -202,18 +173,17 @@ var VideoSeekBar = /*#__PURE__*/function (_Component) {
         bgColor: bgColor,
         fillColor: fillColor,
         markersEnabled: markersEnabled,
         /* eslint-disable-next-line react/destructuring-assignment */
         "in": this.props["in"],
         // can not use "in" with destructuring statement - reserved word
         /* eslint-disable-next-line react/destructuring-assignment */
         out: this.props.out,
         regions: regions,
         onRegionClick: onRegionClick
       });
-    } // eslint-disable-next-line camelcase
+    }
+    // eslint-disable-next-line camelcase
   }, {
     key: "UNSAFE_componentWillUpdate",
     value: function UNSAFE_componentWillUpdate(props) {
@@ -223,7 +193,6 @@ var VideoSeekBar = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this = this;
       return /*#__PURE__*/jsx("div", {
         ref: function ref(node) {
           _this.seekBarNode = node;
@@ -231,30 +200,23 @@ var VideoSeekBar = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
   return VideoSeekBar;
 }(Component);
 VideoSeekBar.Region = SeekBar.Region;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var VideoTimeCode = /*#__PURE__*/function (_Component) {
   _inherits(VideoTimeCode, _Component);
   var _super = _createSuper(VideoTimeCode);
   function VideoTimeCode() {
     _classCallCheck(this, VideoTimeCode);
     return _super.apply(this, arguments);
   }
   _createClass(VideoTimeCode, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var player = this.props.player; // player prop is the whole react component
       this.timeCode = new TimeCodeDisplay({
         target: this.timecodeNode,
         player: player.current.player,
@@ -262,8 +224,9 @@ var VideoTimeCode = /*#__PURE__*/function (_Component) {
       });
       this.timeCode.update(this.props);
       player.current.player.setupTimeCode(this.timeCode);
-    } // eslint-disable-next-line camelcase
+    }
+    // eslint-disable-next-line camelcase
   }, {
     key: "UNSAFE_componentWillUpdate",
     value: function UNSAFE_componentWillUpdate(props) {
@@ -273,15 +236,12 @@ var VideoTimeCode = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this = this;
       var _this$props = this.props,
-          className = _this$props.className,
-          styles = _this$props.styles;
+        className = _this$props.className,
+        styles = _this$props.styles;
       var ref = function ref(node) {
         _this.timecodeNode = node;
       };
       return /*#__PURE__*/jsx("div", {
         style: styles,
         className: className,
@@ -289,7 +249,6 @@ var VideoTimeCode = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
   return VideoTimeCode;
 }(Component);

package/dist/index.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.es.js","sources":["../src/VideoPlayer.js","../src/VideoControls.js","../src/VideoSeekBar.js","../src/VideoTimeCode.js"],"sourcesContent":["/* eslint-disable react/destructuring-assignment /\n/ eslint-disable import/prefer-default-export /\nimport { Component } from 'react';\n\nimport { Player } from '@vidispine/vdt-videojs';\n\nimport '@vidispine/vdt-videojs/dist/index.css';\n\nexport class VideoPlayer extends Component {\n componentDidMount() {\n const { setPlayer, ...playerProps } = this.props;\n\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n\n if (setPlayer) {\n setPlayer(this.player);\n }\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n const createPlayer = () => {\n const { setPlayer, ...playerProps } = props;\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n if (setPlayer) {\n setPlayer(this.player);\n }\n };\n\n if (props.sources && props.sources[0] && props.sources[0].src) {\n // sources changed\n if (!(this.props.sources[0].src === props.sources[0].src)) {\n if (this.player) {\n this.player.videojs.pause();\n // Wait a frame until player is paused\n setTimeout(() => {\n this.player.videojs.dispose();\n createPlayer();\n }, 0);\n } else {\n createPlayer();\n }\n } else {\n // update reactive props\n this.player.handleNewProps(props);\n }\n }\n }\n\n // destroy player on unmount\n componentWillUnmount() {\n const { onUnmount } = this.props;\n\n if (this.player) {\n if (onUnmount) onUnmount(this.player);\n this.player.destroy();\n }\n }\n\n // wrap the player in a div with a `data-vjs-player` attribute\n // so videojs won't create additional wrapper in the DOM\n // see https://github.com/videojs/video.js/pull/3856\n render() {\n return (\n <div className=\"data-vjs-player\">\n <div\n ref={(node) => {\n this.videoNode = node;\n }}\n />\n </div>\n );\n }\n}\n","/ eslint-disable import/prefer-default-export /\nimport { Component } from 'react';\n\nimport { ExternalControls } from '@vidispine/vdt-videojs';\n\nexport class VideoControls extends Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.controls = new ExternalControls({\n target: this.controlsNode,\n ...this.props,\n player: player.current.player,\n });\n\n this.controls.handleNewProps(this.props);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.controls.handleNewProps(props);\n }\n\n render() {\n return (\n <div\n ref={(node) => {\n this.controlsNode = node;\n }}\n />\n );\n }\n}\n\nVideoControls.buttonNames = ExternalControls.buttonNames;\n","import { Component } from 'react';\n\nimport { SeekBar } from '@vidispine/vdt-videojs';\n\nexport class VideoSeekBar extends Component {\n componentDidMount() {\n const { player, bgColor, fillColor, markersEnabled, regions, onRegionClick } = this.props; // player prop is the whole react component\n\n this.seekBar = new SeekBar({\n target: this.seekBarNode,\n player: player.current.player,\n bgColor,\n fillColor,\n markersEnabled,\n / eslint-disable-next-line react/destructuring-assignment /\n in: this.props.in, // can not use \"in\" with destructuring statement - reserved word\n / eslint-disable-next-line react/destructuring-assignment */\n out: this.props.out,\n regions,\n onRegionClick,\n });\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.seekBar.handleNewProps(props);\n }\n\n render() {\n return (\n <div\n ref={(node) => {\n this.seekBarNode = node;\n }}\n />\n );\n }\n}\n\nVideoSeekBar.Region = SeekBar.Region;\n\nexport default VideoSeekBar;\n","import { Component } from 'react';\n\nimport { TimeCodeDisplay } from '@vidispine/vdt-videojs';\n\nexport class VideoTimeCode extends Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.timeCode = new TimeCodeDisplay({\n target: this.timecodeNode,\n player: player.current.player,\n onInput: player.current.player,\n });\n\n this.timeCode.update(this.props);\n player.current.player.setupTimeCode(this.timeCode);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.timeCode.update(props);\n }\n\n render() {\n const { className, styles } = this.props;\n const ref = (node) => {\n this.timecodeNode = node;\n };\n return <div style={styles} className={className} ref={ref} />;\n }\n}\n\nexport default VideoTimeCode;\n"],"names":["VideoPlayer","_createSuper","props","setPlayer","playerProps","player","Player","_objectSpread","target","videoNode","createPlayer","sources","src","videojs","pause","setTimeout","dispose","handleNewProps","onUnmount","destroy","_jsx","node","Component","VideoControls","controls","ExternalControls","controlsNode","current","buttonNames","VideoSeekBar","bgColor","fillColor","markersEnabled","regions","onRegionClick","seekBar","SeekBar","seekBarNode","out","Region","VideoTimeCode","timeCode","TimeCodeDisplay","timecodeNode","onInput","update","setupTimeCode","className","styles","ref"],"mappings":"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"}
1	+ {"version":3,"file":"index.es.js","sources":["../src/VideoPlayer.js","../src/VideoControls.js","../src/VideoSeekBar.js","../src/VideoTimeCode.js"],"sourcesContent":["/* eslint-disable react/destructuring-assignment /\n/ eslint-disable import/prefer-default-export /\nimport { Component } from 'react';\n\nimport { Player } from '@vidispine/vdt-videojs';\n\nimport '@vidispine/vdt-videojs/dist/index.css';\n\nexport class VideoPlayer extends Component {\n componentDidMount() {\n const { setPlayer, ...playerProps } = this.props;\n\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n\n if (setPlayer) {\n setPlayer(this.player);\n }\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n const createPlayer = () => {\n const { setPlayer, ...playerProps } = props;\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n if (setPlayer) {\n setPlayer(this.player);\n }\n };\n\n if (props.sources && props.sources[0] && props.sources[0].src) {\n // sources changed\n if (!(this.props.sources[0].src === props.sources[0].src)) {\n if (this.player) {\n this.player.videojs.pause();\n // Wait a frame until player is paused\n setTimeout(() => {\n this.player.videojs.dispose();\n createPlayer();\n }, 0);\n } else {\n createPlayer();\n }\n } else {\n // update reactive props\n this.player.handleNewProps(props);\n }\n }\n }\n\n // destroy player on unmount\n componentWillUnmount() {\n const { onUnmount } = this.props;\n\n if (this.player) {\n if (onUnmount) onUnmount(this.player);\n this.player.destroy();\n }\n }\n\n // wrap the player in a div with a `data-vjs-player` attribute\n // so videojs won't create additional wrapper in the DOM\n // see https://github.com/videojs/video.js/pull/3856\n render() {\n return (\n <div className=\"data-vjs-player\">\n <div\n ref={(node) => {\n this.videoNode = node;\n }}\n />\n </div>\n );\n }\n}\n","/ eslint-disable import/prefer-default-export /\nimport { Component } from 'react';\n\nimport { ExternalControls } from '@vidispine/vdt-videojs';\n\nexport class VideoControls extends Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.controls = new ExternalControls({\n target: this.controlsNode,\n ...this.props,\n player: player.current.player,\n });\n\n this.controls.handleNewProps(this.props);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.controls.handleNewProps(props);\n }\n\n render() {\n return (\n <div\n ref={(node) => {\n this.controlsNode = node;\n }}\n />\n );\n }\n}\n\nVideoControls.buttonNames = ExternalControls.buttonNames;\n","import { Component } from 'react';\n\nimport { SeekBar } from '@vidispine/vdt-videojs';\n\nexport class VideoSeekBar extends Component {\n componentDidMount() {\n const { player, bgColor, fillColor, markersEnabled, regions, onRegionClick } = this.props; // player prop is the whole react component\n\n this.seekBar = new SeekBar({\n target: this.seekBarNode,\n player: player.current.player,\n bgColor,\n fillColor,\n markersEnabled,\n / eslint-disable-next-line react/destructuring-assignment /\n in: this.props.in, // can not use \"in\" with destructuring statement - reserved word\n / eslint-disable-next-line react/destructuring-assignment */\n out: this.props.out,\n regions,\n onRegionClick,\n });\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.seekBar.handleNewProps(props);\n }\n\n render() {\n return (\n <div\n ref={(node) => {\n this.seekBarNode = node;\n }}\n />\n );\n }\n}\n\nVideoSeekBar.Region = SeekBar.Region;\n\nexport default VideoSeekBar;\n","import { Component } from 'react';\n\nimport { TimeCodeDisplay } from '@vidispine/vdt-videojs';\n\nexport class VideoTimeCode extends Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.timeCode = new TimeCodeDisplay({\n target: this.timecodeNode,\n player: player.current.player,\n onInput: player.current.player,\n });\n\n this.timeCode.update(this.props);\n player.current.player.setupTimeCode(this.timeCode);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.timeCode.update(props);\n }\n\n render() {\n const { className, styles } = this.props;\n const ref = (node) => {\n this.timecodeNode = node;\n };\n return <div style={styles} className={className} ref={ref} />;\n }\n}\n\nexport default VideoTimeCode;\n"],"names":["VideoPlayer","_createSuper","props","setPlayer","playerProps","player","Player","_objectSpread","target","videoNode","createPlayer","sources","src","videojs","pause","setTimeout","dispose","handleNewProps","onUnmount","destroy","_jsx","node","Component","VideoControls","controls","ExternalControls","controlsNode","current","buttonNames","VideoSeekBar","bgColor","fillColor","markersEnabled","regions","onRegionClick","seekBar","SeekBar","seekBarNode","out","Region","VideoTimeCode","timeCode","TimeCodeDisplay","timecodeNode","onInput","update","setupTimeCode","className","styles","ref"],"mappings":"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"}

package/dist/index.js CHANGED Viewed

@@ -25,69 +25,55 @@ var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_po
 var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
 var _excluded = ["setPlayer"],
-    _excluded2 = ["setPlayer"];
+  _excluded2 = ["setPlayer"];
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var VideoPlayer = /*#__PURE__*/function (_Component) {
   _inherits__default["default"](VideoPlayer, _Component);
   var _super = _createSuper$3(VideoPlayer);
   function VideoPlayer() {
     _classCallCheck__default["default"](this, VideoPlayer);
     return _super.apply(this, arguments);
   }
   _createClass__default["default"](VideoPlayer, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this$props = this.props,
-          setPlayer = _this$props.setPlayer,
-          playerProps = _objectWithoutProperties__default["default"](_this$props, _excluded);
+        setPlayer = _this$props.setPlayer,
+        playerProps = _objectWithoutProperties__default["default"](_this$props, _excluded);
       this.player = new vdtVideojs.Player(_objectSpread$1({
         target: this.videoNode
       }, playerProps));
       if (setPlayer) {
         setPlayer(this.player);
       }
-    } // eslint-disable-next-line camelcase
+    }
+    // eslint-disable-next-line camelcase
   }, {
     key: "UNSAFE_componentWillUpdate",
     value: function UNSAFE_componentWillUpdate(props) {
       var _this = this;
       var createPlayer = function createPlayer() {
         var setPlayer = props.setPlayer,
-            playerProps = _objectWithoutProperties__default["default"](props, _excluded2);
+          playerProps = _objectWithoutProperties__default["default"](props, _excluded2);
         _this.player = new vdtVideojs.Player(_objectSpread$1({
           target: _this.videoNode
         }, playerProps));
         if (setPlayer) {
           setPlayer(_this.player);
         }
       };
       if (props.sources && props.sources[0] && props.sources[0].src) {
         // sources changed
         if (!(this.props.sources[0].src === props.sources[0].src)) {
           if (this.player) {
-            this.player.videojs.pause(); // Wait a frame until player is paused
+            this.player.videojs.pause();
+            // Wait a frame until player is paused
             setTimeout(function () {
               _this.player.videojs.dispose();
               createPlayer();
             }, 0);
           } else {
@@ -98,26 +84,26 @@ var VideoPlayer = /*#__PURE__*/function (_Component) {
           this.player.handleNewProps(props);
         }
       }
-    } // destroy player on unmount
+    }
+    // destroy player on unmount
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var onUnmount = this.props.onUnmount;
       if (this.player) {
         if (onUnmount) onUnmount(this.player);
         this.player.destroy();
       }
-    } // wrap the player in a div with a `data-vjs-player` attribute
+    }
+    // wrap the player in a div with a `data-vjs-player` attribute
     // so videojs won't create additional wrapper in the DOM
     // see https://github.com/videojs/video.js/pull/3856
   }, {
     key: "render",
     value: function render() {
       var _this2 = this;
       return /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "data-vjs-player",
         children: /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -128,41 +114,33 @@ var VideoPlayer = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
   return VideoPlayer;
 }(react.Component);
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var VideoControls = /*#__PURE__*/function (_Component) {
   _inherits__default["default"](VideoControls, _Component);
   var _super = _createSuper$2(VideoControls);
   function VideoControls() {
     _classCallCheck__default["default"](this, VideoControls);
     return _super.apply(this, arguments);
   }
   _createClass__default["default"](VideoControls, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var player = this.props.player; // player prop is the whole react component
       this.controls = new vdtVideojs.ExternalControls(_objectSpread(_objectSpread({
         target: this.controlsNode
       }, this.props), {}, {
         player: player.current.player
       }));
       this.controls.handleNewProps(this.props);
-    } // eslint-disable-next-line camelcase
+    }
+    // eslint-disable-next-line camelcase
   }, {
     key: "UNSAFE_componentWillUpdate",
     value: function UNSAFE_componentWillUpdate(props) {
@@ -172,7 +150,6 @@ var VideoControls = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this = this;
       return /*#__PURE__*/jsxRuntime.jsx("div", {
         ref: function ref(node) {
           _this.controlsNode = node;
@@ -180,35 +157,29 @@ var VideoControls = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
   return VideoControls;
 }(react.Component);
 VideoControls.buttonNames = vdtVideojs.ExternalControls.buttonNames;
 function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var VideoSeekBar = /*#__PURE__*/function (_Component) {
   _inherits__default["default"](VideoSeekBar, _Component);
   var _super = _createSuper$1(VideoSeekBar);
   function VideoSeekBar() {
     _classCallCheck__default["default"](this, VideoSeekBar);
     return _super.apply(this, arguments);
   }
   _createClass__default["default"](VideoSeekBar, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this$props = this.props,
-          player = _this$props.player,
-          bgColor = _this$props.bgColor,
-          fillColor = _this$props.fillColor,
-          markersEnabled = _this$props.markersEnabled,
-          regions = _this$props.regions,
-          onRegionClick = _this$props.onRegionClick; // player prop is the whole react component
+        player = _this$props.player,
+        bgColor = _this$props.bgColor,
+        fillColor = _this$props.fillColor,
+        markersEnabled = _this$props.markersEnabled,
+        regions = _this$props.regions,
+        onRegionClick = _this$props.onRegionClick; // player prop is the whole react component
       this.seekBar = new vdtVideojs.SeekBar({
         target: this.seekBarNode,
@@ -216,18 +187,17 @@ var VideoSeekBar = /*#__PURE__*/function (_Component) {
         bgColor: bgColor,
         fillColor: fillColor,
         markersEnabled: markersEnabled,
         /* eslint-disable-next-line react/destructuring-assignment */
         "in": this.props["in"],
         // can not use "in" with destructuring statement - reserved word
         /* eslint-disable-next-line react/destructuring-assignment */
         out: this.props.out,
         regions: regions,
         onRegionClick: onRegionClick
       });
-    } // eslint-disable-next-line camelcase
+    }
+    // eslint-disable-next-line camelcase
   }, {
     key: "UNSAFE_componentWillUpdate",
     value: function UNSAFE_componentWillUpdate(props) {
@@ -237,7 +207,6 @@ var VideoSeekBar = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this = this;
       return /*#__PURE__*/jsxRuntime.jsx("div", {
         ref: function ref(node) {
           _this.seekBarNode = node;
@@ -245,30 +214,23 @@ var VideoSeekBar = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
   return VideoSeekBar;
 }(react.Component);
 VideoSeekBar.Region = vdtVideojs.SeekBar.Region;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var VideoTimeCode = /*#__PURE__*/function (_Component) {
   _inherits__default["default"](VideoTimeCode, _Component);
   var _super = _createSuper(VideoTimeCode);
   function VideoTimeCode() {
     _classCallCheck__default["default"](this, VideoTimeCode);
     return _super.apply(this, arguments);
   }
   _createClass__default["default"](VideoTimeCode, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var player = this.props.player; // player prop is the whole react component
       this.timeCode = new vdtVideojs.TimeCodeDisplay({
         target: this.timecodeNode,
         player: player.current.player,
@@ -276,8 +238,9 @@ var VideoTimeCode = /*#__PURE__*/function (_Component) {
       });
       this.timeCode.update(this.props);
       player.current.player.setupTimeCode(this.timeCode);
-    } // eslint-disable-next-line camelcase
+    }
+    // eslint-disable-next-line camelcase
   }, {
     key: "UNSAFE_componentWillUpdate",
     value: function UNSAFE_componentWillUpdate(props) {
@@ -287,15 +250,12 @@ var VideoTimeCode = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this = this;
       var _this$props = this.props,
-          className = _this$props.className,
-          styles = _this$props.styles;
+        className = _this$props.className,
+        styles = _this$props.styles;
       var ref = function ref(node) {
         _this.timecodeNode = node;
       };
       return /*#__PURE__*/jsxRuntime.jsx("div", {
         style: styles,
         className: className,
@@ -303,7 +263,6 @@ var VideoTimeCode = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
   return VideoTimeCode;
 }(react.Component);

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../src/VideoPlayer.js","../src/VideoControls.js","../src/VideoSeekBar.js","../src/VideoTimeCode.js"],"sourcesContent":["/* eslint-disable react/destructuring-assignment /\n/ eslint-disable import/prefer-default-export /\nimport { Component } from 'react';\n\nimport { Player } from '@vidispine/vdt-videojs';\n\nimport '@vidispine/vdt-videojs/dist/index.css';\n\nexport class VideoPlayer extends Component {\n componentDidMount() {\n const { setPlayer, ...playerProps } = this.props;\n\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n\n if (setPlayer) {\n setPlayer(this.player);\n }\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n const createPlayer = () => {\n const { setPlayer, ...playerProps } = props;\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n if (setPlayer) {\n setPlayer(this.player);\n }\n };\n\n if (props.sources && props.sources[0] && props.sources[0].src) {\n // sources changed\n if (!(this.props.sources[0].src === props.sources[0].src)) {\n if (this.player) {\n this.player.videojs.pause();\n // Wait a frame until player is paused\n setTimeout(() => {\n this.player.videojs.dispose();\n createPlayer();\n }, 0);\n } else {\n createPlayer();\n }\n } else {\n // update reactive props\n this.player.handleNewProps(props);\n }\n }\n }\n\n // destroy player on unmount\n componentWillUnmount() {\n const { onUnmount } = this.props;\n\n if (this.player) {\n if (onUnmount) onUnmount(this.player);\n this.player.destroy();\n }\n }\n\n // wrap the player in a div with a `data-vjs-player` attribute\n // so videojs won't create additional wrapper in the DOM\n // see https://github.com/videojs/video.js/pull/3856\n render() {\n return (\n <div className=\"data-vjs-player\">\n <div\n ref={(node) => {\n this.videoNode = node;\n }}\n />\n </div>\n );\n }\n}\n","/ eslint-disable import/prefer-default-export /\nimport { Component } from 'react';\n\nimport { ExternalControls } from '@vidispine/vdt-videojs';\n\nexport class VideoControls extends Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.controls = new ExternalControls({\n target: this.controlsNode,\n ...this.props,\n player: player.current.player,\n });\n\n this.controls.handleNewProps(this.props);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.controls.handleNewProps(props);\n }\n\n render() {\n return (\n <div\n ref={(node) => {\n this.controlsNode = node;\n }}\n />\n );\n }\n}\n\nVideoControls.buttonNames = ExternalControls.buttonNames;\n","import { Component } from 'react';\n\nimport { SeekBar } from '@vidispine/vdt-videojs';\n\nexport class VideoSeekBar extends Component {\n componentDidMount() {\n const { player, bgColor, fillColor, markersEnabled, regions, onRegionClick } = this.props; // player prop is the whole react component\n\n this.seekBar = new SeekBar({\n target: this.seekBarNode,\n player: player.current.player,\n bgColor,\n fillColor,\n markersEnabled,\n / eslint-disable-next-line react/destructuring-assignment /\n in: this.props.in, // can not use \"in\" with destructuring statement - reserved word\n / eslint-disable-next-line react/destructuring-assignment */\n out: this.props.out,\n regions,\n onRegionClick,\n });\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.seekBar.handleNewProps(props);\n }\n\n render() {\n return (\n <div\n ref={(node) => {\n this.seekBarNode = node;\n }}\n />\n );\n }\n}\n\nVideoSeekBar.Region = SeekBar.Region;\n\nexport default VideoSeekBar;\n","import { Component } from 'react';\n\nimport { TimeCodeDisplay } from '@vidispine/vdt-videojs';\n\nexport class VideoTimeCode extends Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.timeCode = new TimeCodeDisplay({\n target: this.timecodeNode,\n player: player.current.player,\n onInput: player.current.player,\n });\n\n this.timeCode.update(this.props);\n player.current.player.setupTimeCode(this.timeCode);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.timeCode.update(props);\n }\n\n render() {\n const { className, styles } = this.props;\n const ref = (node) => {\n this.timecodeNode = node;\n };\n return <div style={styles} className={className} ref={ref} />;\n }\n}\n\nexport default VideoTimeCode;\n"],"names":["VideoPlayer","_inherits","_createSuper","_classCallCheck","_createClass","props","setPlayer","playerProps","_objectWithoutProperties","player","Player","_objectSpread","target","videoNode","createPlayer","sources","src","videojs","pause","setTimeout","dispose","handleNewProps","onUnmount","destroy","_jsx","node","Component","VideoControls","controls","ExternalControls","controlsNode","current","buttonNames","VideoSeekBar","bgColor","fillColor","markersEnabled","regions","onRegionClick","seekBar","SeekBar","seekBarNode","out","Region","VideoTimeCode","timeCode","TimeCodeDisplay","timecodeNode","onInput","update","setupTimeCode","className","styles","ref"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../src/VideoPlayer.js","../src/VideoControls.js","../src/VideoSeekBar.js","../src/VideoTimeCode.js"],"sourcesContent":["/* eslint-disable react/destructuring-assignment /\n/ eslint-disable import/prefer-default-export /\nimport { Component } from 'react';\n\nimport { Player } from '@vidispine/vdt-videojs';\n\nimport '@vidispine/vdt-videojs/dist/index.css';\n\nexport class VideoPlayer extends Component {\n componentDidMount() {\n const { setPlayer, ...playerProps } = this.props;\n\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n\n if (setPlayer) {\n setPlayer(this.player);\n }\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n const createPlayer = () => {\n const { setPlayer, ...playerProps } = props;\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n if (setPlayer) {\n setPlayer(this.player);\n }\n };\n\n if (props.sources && props.sources[0] && props.sources[0].src) {\n // sources changed\n if (!(this.props.sources[0].src === props.sources[0].src)) {\n if (this.player) {\n this.player.videojs.pause();\n // Wait a frame until player is paused\n setTimeout(() => {\n this.player.videojs.dispose();\n createPlayer();\n }, 0);\n } else {\n createPlayer();\n }\n } else {\n // update reactive props\n this.player.handleNewProps(props);\n }\n }\n }\n\n // destroy player on unmount\n componentWillUnmount() {\n const { onUnmount } = this.props;\n\n if (this.player) {\n if (onUnmount) onUnmount(this.player);\n this.player.destroy();\n }\n }\n\n // wrap the player in a div with a `data-vjs-player` attribute\n // so videojs won't create additional wrapper in the DOM\n // see https://github.com/videojs/video.js/pull/3856\n render() {\n return (\n <div className=\"data-vjs-player\">\n <div\n ref={(node) => {\n this.videoNode = node;\n }}\n />\n </div>\n );\n }\n}\n","/ eslint-disable import/prefer-default-export /\nimport { Component } from 'react';\n\nimport { ExternalControls } from '@vidispine/vdt-videojs';\n\nexport class VideoControls extends Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.controls = new ExternalControls({\n target: this.controlsNode,\n ...this.props,\n player: player.current.player,\n });\n\n this.controls.handleNewProps(this.props);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.controls.handleNewProps(props);\n }\n\n render() {\n return (\n <div\n ref={(node) => {\n this.controlsNode = node;\n }}\n />\n );\n }\n}\n\nVideoControls.buttonNames = ExternalControls.buttonNames;\n","import { Component } from 'react';\n\nimport { SeekBar } from '@vidispine/vdt-videojs';\n\nexport class VideoSeekBar extends Component {\n componentDidMount() {\n const { player, bgColor, fillColor, markersEnabled, regions, onRegionClick } = this.props; // player prop is the whole react component\n\n this.seekBar = new SeekBar({\n target: this.seekBarNode,\n player: player.current.player,\n bgColor,\n fillColor,\n markersEnabled,\n / eslint-disable-next-line react/destructuring-assignment /\n in: this.props.in, // can not use \"in\" with destructuring statement - reserved word\n / eslint-disable-next-line react/destructuring-assignment */\n out: this.props.out,\n regions,\n onRegionClick,\n });\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.seekBar.handleNewProps(props);\n }\n\n render() {\n return (\n <div\n ref={(node) => {\n this.seekBarNode = node;\n }}\n />\n );\n }\n}\n\nVideoSeekBar.Region = SeekBar.Region;\n\nexport default VideoSeekBar;\n","import { Component } from 'react';\n\nimport { TimeCodeDisplay } from '@vidispine/vdt-videojs';\n\nexport class VideoTimeCode extends Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.timeCode = new TimeCodeDisplay({\n target: this.timecodeNode,\n player: player.current.player,\n onInput: player.current.player,\n });\n\n this.timeCode.update(this.props);\n player.current.player.setupTimeCode(this.timeCode);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.timeCode.update(props);\n }\n\n render() {\n const { className, styles } = this.props;\n const ref = (node) => {\n this.timecodeNode = node;\n };\n return <div style={styles} className={className} ref={ref} />;\n }\n}\n\nexport default VideoTimeCode;\n"],"names":["VideoPlayer","_inherits","_createSuper","_classCallCheck","_createClass","props","setPlayer","playerProps","_objectWithoutProperties","player","Player","_objectSpread","target","videoNode","createPlayer","sources","src","videojs","pause","setTimeout","dispose","handleNewProps","onUnmount","destroy","_jsx","node","Component","VideoControls","controls","ExternalControls","controlsNode","current","buttonNames","VideoSeekBar","bgColor","fillColor","markersEnabled","regions","onRegionClick","seekBar","SeekBar","seekBarNode","out","Region","VideoTimeCode","timeCode","TimeCodeDisplay","timecodeNode","onInput","update","setupTimeCode","className","styles","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAaA,WAAW,gBAAA,UAAA,UAAA,EAAA;AAAA,EAAAC,6BAAA,CAAA,WAAA,EAAA,UAAA,CAAA,CAAA;AAAA,EAAA,IAAA,MAAA,GAAAC,cAAA,CAAA,WAAA,CAAA,CAAA;AAAA,EAAA,SAAA,WAAA,GAAA;AAAA,IAAAC,mCAAA,CAAA,IAAA,EAAA,WAAA,CAAA,CAAA;AAAA,IAAA,OAAA,MAAA,CAAA,KAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAAC,gCAAA,CAAA,WAAA,EAAA,CAAA;AAAA,IAAA,GAAA,EAAA,mBAAA;AAAA,IAAA,KAAA,EACtB,SAAoB,iBAAA,GAAA;MAClB,IAAsC,WAAA,GAAA,IAAI,CAACC,KAAK;AAAxCC,QAAAA,SAAS,eAATA,SAAS;QAAKC,WAAW,GAAAC,4CAAA,CAAA,WAAA,EAAA,SAAA,CAAA,CAAA;AAEjC,MAAA,IAAI,CAACC,MAAM,GAAG,IAAIC,iBAAM,CAAAC,eAAA,CAAA;QACtBC,MAAM,EAAE,IAAI,CAACC,SAAAA;AAAS,OAAA,EACnBN,WAAW,CACd,CAAA,CAAA;AAEF,MAAA,IAAID,SAAS,EAAE;AACbA,QAAAA,SAAS,CAAC,IAAI,CAACG,MAAM,CAAC,CAAA;AACxB,OAAA;AACF,KAAA;;AAEA;AAAA,GAAA,EAAA;AAAA,IAAA,GAAA,EAAA,4BAAA;IAAA,KACA,EAAA,SAAA,0BAAA,CAA2BJ,KAAK,EAAE;AAAA,MAAA,IAAA,KAAA,GAAA,IAAA,CAAA;AAChC,MAAA,IAAMS,YAAY,GAAG,SAAfA,YAAY,GAAS;AACzB,QAAA,IAAQR,SAAS,GAAqBD,KAAK,CAAnCC,SAAS;AAAKC,UAAAA,WAAW,gDAAKF,KAAK,EAAA,UAAA,CAAA,CAAA;AAC3C,QAAA,KAAI,CAACI,MAAM,GAAG,IAAIC,iBAAM,CAAAC,eAAA,CAAA;UACtBC,MAAM,EAAE,KAAI,CAACC,SAAAA;AAAS,SAAA,EACnBN,WAAW,CACd,CAAA,CAAA;AACF,QAAA,IAAID,SAAS,EAAE;AACbA,UAAAA,SAAS,CAAC,KAAI,CAACG,MAAM,CAAC,CAAA;AACxB,SAAA;OACD,CAAA;AAED,MAAA,IAAIJ,KAAK,CAACU,OAAO,IAAIV,KAAK,CAACU,OAAO,CAAC,CAAC,CAAC,IAAIV,KAAK,CAACU,OAAO,CAAC,CAAC,CAAC,CAACC,GAAG,EAAE;AAC7D;QACA,IAAI,EAAE,IAAI,CAACX,KAAK,CAACU,OAAO,CAAC,CAAC,CAAC,CAACC,GAAG,KAAKX,KAAK,CAACU,OAAO,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,EAAE;UACzD,IAAI,IAAI,CAACP,MAAM,EAAE;AACf,YAAA,IAAI,CAACA,MAAM,CAACQ,OAAO,CAACC,KAAK,EAAE,CAAA;AAC3B;AACAC,YAAAA,UAAU,CAAC,YAAM;AACf,cAAA,KAAI,CAACV,MAAM,CAACQ,OAAO,CAACG,OAAO,EAAE,CAAA;AAC7BN,cAAAA,YAAY,EAAE,CAAA;aACf,EAAE,CAAC,CAAC,CAAA;AACP,WAAC,MAAM;AACLA,YAAAA,YAAY,EAAE,CAAA;AAChB,WAAA;AACF,SAAC,MAAM;AACL;AACA,UAAA,IAAI,CAACL,MAAM,CAACY,cAAc,CAAChB,KAAK,CAAC,CAAA;AACnC,SAAA;AACF,OAAA;AACF,KAAA;;AAEA;AAAA,GAAA,EAAA;AAAA,IAAA,GAAA,EAAA,sBAAA;AAAA,IAAA,KAAA,EACA,SAAuB,oBAAA,GAAA;AACrB,MAAA,IAAQiB,SAAS,GAAK,IAAI,CAACjB,KAAK,CAAxBiB,SAAS,CAAA;MAEjB,IAAI,IAAI,CAACb,MAAM,EAAE;AACf,QAAA,IAAIa,SAAS,EAAEA,SAAS,CAAC,IAAI,CAACb,MAAM,CAAC,CAAA;AACrC,QAAA,IAAI,CAACA,MAAM,CAACc,OAAO,EAAE,CAAA;AACvB,OAAA;AACF,KAAA;;AAEA;AACA;AACA;AAAA,GAAA,EAAA;AAAA,IAAA,GAAA,EAAA,QAAA;AAAA,IAAA,KAAA,EACA,SAAS,MAAA,GAAA;AAAA,MAAA,IAAA,MAAA,GAAA,IAAA,CAAA;MACP,oBACEC,cAAA,CAAA,KAAA,EAAA;AAAK,QAAA,SAAS,EAAC,iBAAiB;QAAA,QAC9B,eAAAA,cAAA,CAAA,KAAA,EAAA;UACE,GAAG,EAAE,SAACC,GAAAA,CAAAA,IAAI,EAAK;YACb,MAAI,CAACZ,SAAS,GAAGY,IAAI,CAAA;AACvB,WAAA;AAAE,SAAA,CAAA;OAEA,CAAA,CAAA;AAEV,KAAA;AAAC,GAAA,CAAA,CAAA,CAAA;AAAA,EAAA,OAAA,WAAA,CAAA;AAAA,CAAA,CAtE8BC,eAAS;;;;;;ACH1C,IAAaC,aAAa,gBAAA,UAAA,UAAA,EAAA;AAAA,EAAA1B,6BAAA,CAAA,aAAA,EAAA,UAAA,CAAA,CAAA;AAAA,EAAA,IAAA,MAAA,GAAAC,cAAA,CAAA,aAAA,CAAA,CAAA;AAAA,EAAA,SAAA,aAAA,GAAA;AAAA,IAAAC,mCAAA,CAAA,IAAA,EAAA,aAAA,CAAA,CAAA;AAAA,IAAA,OAAA,MAAA,CAAA,KAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAAC,gCAAA,CAAA,aAAA,EAAA,CAAA;AAAA,IAAA,GAAA,EAAA,mBAAA;AAAA,IAAA,KAAA,EACxB,SAAoB,iBAAA,GAAA;MAClB,IAAQK,MAAM,GAAK,IAAI,CAACJ,KAAK,CAArBI,MAAM,CAAgB;AAC9B,MAAA,IAAI,CAACmB,QAAQ,GAAG,IAAIC,2BAAgB,CAAA,aAAA,CAAA,aAAA,CAAA;QAClCjB,MAAM,EAAE,IAAI,CAACkB,YAAAA;OACV,EAAA,IAAI,CAACzB,KAAK,CAAA,EAAA,EAAA,EAAA;AACbI,QAAAA,MAAM,EAAEA,MAAM,CAACsB,OAAO,CAACtB,MAAAA;OACvB,CAAA,CAAA,CAAA;MAEF,IAAI,CAACmB,QAAQ,CAACP,cAAc,CAAC,IAAI,CAAChB,KAAK,CAAC,CAAA;AAC1C,KAAA;;AAEA;AAAA,GAAA,EAAA;AAAA,IAAA,GAAA,EAAA,4BAAA;IAAA,KACA,EAAA,SAAA,0BAAA,CAA2BA,KAAK,EAAE;AAChC,MAAA,IAAI,CAACuB,QAAQ,CAACP,cAAc,CAAChB,KAAK,CAAC,CAAA;AACrC,KAAA;AAAC,GAAA,EAAA;AAAA,IAAA,GAAA,EAAA,QAAA;AAAA,IAAA,KAAA,EAED,SAAS,MAAA,GAAA;AAAA,MAAA,IAAA,KAAA,GAAA,IAAA,CAAA;MACP,oBACEmB,cAAA,CAAA,KAAA,EAAA;QACE,GAAG,EAAE,SAACC,GAAAA,CAAAA,IAAI,EAAK;UACb,KAAI,CAACK,YAAY,GAAGL,IAAI,CAAA;AAC1B,SAAA;OACA,CAAA,CAAA;AAEN,KAAA;AAAC,GAAA,CAAA,CAAA,CAAA;AAAA,EAAA,OAAA,aAAA,CAAA;AAAA,CAAA,CAzBgCC,eAAS,EAAA;AA4B5CC,aAAa,CAACK,WAAW,GAAGH,2BAAgB,CAACG,WAAW;;;;AC7BxD,IAAaC,YAAY,gBAAA,UAAA,UAAA,EAAA;AAAA,EAAAhC,6BAAA,CAAA,YAAA,EAAA,UAAA,CAAA,CAAA;AAAA,EAAA,IAAA,MAAA,GAAAC,cAAA,CAAA,YAAA,CAAA,CAAA;AAAA,EAAA,SAAA,YAAA,GAAA;AAAA,IAAAC,mCAAA,CAAA,IAAA,EAAA,YAAA,CAAA,CAAA;AAAA,IAAA,OAAA,MAAA,CAAA,KAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAAC,gCAAA,CAAA,YAAA,EAAA,CAAA;AAAA,IAAA,GAAA,EAAA,mBAAA;AAAA,IAAA,KAAA,EACvB,SAAoB,iBAAA,GAAA;MAClB,IAA+E,WAAA,GAAA,IAAI,CAACC,KAAK;AAAjFI,QAAAA,MAAM,eAANA,MAAM;AAAEyB,QAAAA,OAAO,eAAPA,OAAO;AAAEC,QAAAA,SAAS,eAATA,SAAS;AAAEC,QAAAA,cAAc,eAAdA,cAAc;AAAEC,QAAAA,OAAO,eAAPA,OAAO;QAAEC,aAAa,GAAA,WAAA,CAAbA,aAAa,CAAgB;;AAE1F,MAAA,IAAI,CAACC,OAAO,GAAG,IAAIC,kBAAO,CAAC;QACzB5B,MAAM,EAAE,IAAI,CAAC6B,WAAW;AACxBhC,QAAAA,MAAM,EAAEA,MAAM,CAACsB,OAAO,CAACtB,MAAM;AAC7ByB,QAAAA,OAAO,EAAPA,OAAO;AACPC,QAAAA,SAAS,EAATA,SAAS;AACTC,QAAAA,cAAc,EAAdA,cAAc;AACd;QACA,IAAI,EAAA,IAAI,CAAC/B,KAAK,CAAG,IAAA,CAAA;AAAE;AACnB;AACAqC,QAAAA,GAAG,EAAE,IAAI,CAACrC,KAAK,CAACqC,GAAG;AACnBL,QAAAA,OAAO,EAAPA,OAAO;AACPC,QAAAA,aAAa,EAAbA,aAAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAA;;AAEA;AAAA,GAAA,EAAA;AAAA,IAAA,GAAA,EAAA,4BAAA;IAAA,KACA,EAAA,SAAA,0BAAA,CAA2BjC,KAAK,EAAE;AAChC,MAAA,IAAI,CAACkC,OAAO,CAAClB,cAAc,CAAChB,KAAK,CAAC,CAAA;AACpC,KAAA;AAAC,GAAA,EAAA;AAAA,IAAA,GAAA,EAAA,QAAA;AAAA,IAAA,KAAA,EAED,SAAS,MAAA,GAAA;AAAA,MAAA,IAAA,KAAA,GAAA,IAAA,CAAA;MACP,oBACEmB,cAAA,CAAA,KAAA,EAAA;QACE,GAAG,EAAE,SAACC,GAAAA,CAAAA,IAAI,EAAK;UACb,KAAI,CAACgB,WAAW,GAAGhB,IAAI,CAAA;AACzB,SAAA;OACA,CAAA,CAAA;AAEN,KAAA;AAAC,GAAA,CAAA,CAAA,CAAA;AAAA,EAAA,OAAA,YAAA,CAAA;AAAA,CAAA,CAhC+BC,eAAS,EAAA;AAmC3CO,YAAY,CAACU,MAAM,GAAGH,kBAAO,CAACG,MAAM;;;;ACnCpC,IAAaC,aAAa,gBAAA,UAAA,UAAA,EAAA;AAAA,EAAA3C,6BAAA,CAAA,aAAA,EAAA,UAAA,CAAA,CAAA;AAAA,EAAA,IAAA,MAAA,GAAA,YAAA,CAAA,aAAA,CAAA,CAAA;AAAA,EAAA,SAAA,aAAA,GAAA;AAAA,IAAAE,mCAAA,CAAA,IAAA,EAAA,aAAA,CAAA,CAAA;AAAA,IAAA,OAAA,MAAA,CAAA,KAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAAC,gCAAA,CAAA,aAAA,EAAA,CAAA;AAAA,IAAA,GAAA,EAAA,mBAAA;AAAA,IAAA,KAAA,EACxB,SAAoB,iBAAA,GAAA;MAClB,IAAQK,MAAM,GAAK,IAAI,CAACJ,KAAK,CAArBI,MAAM,CAAgB;AAC9B,MAAA,IAAI,CAACoC,QAAQ,GAAG,IAAIC,0BAAe,CAAC;QAClClC,MAAM,EAAE,IAAI,CAACmC,YAAY;AACzBtC,QAAAA,MAAM,EAAEA,MAAM,CAACsB,OAAO,CAACtB,MAAM;AAC7BuC,QAAAA,OAAO,EAAEvC,MAAM,CAACsB,OAAO,CAACtB,MAAAA;AAC1B,OAAC,CAAC,CAAA;MAEF,IAAI,CAACoC,QAAQ,CAACI,MAAM,CAAC,IAAI,CAAC5C,KAAK,CAAC,CAAA;MAChCI,MAAM,CAACsB,OAAO,CAACtB,MAAM,CAACyC,aAAa,CAAC,IAAI,CAACL,QAAQ,CAAC,CAAA;AACpD,KAAA;;AAEA;AAAA,GAAA,EAAA;AAAA,IAAA,GAAA,EAAA,4BAAA;IAAA,KACA,EAAA,SAAA,0BAAA,CAA2BxC,KAAK,EAAE;AAChC,MAAA,IAAI,CAACwC,QAAQ,CAACI,MAAM,CAAC5C,KAAK,CAAC,CAAA;AAC7B,KAAA;AAAC,GAAA,EAAA;AAAA,IAAA,GAAA,EAAA,QAAA;AAAA,IAAA,KAAA,EAED,SAAS,MAAA,GAAA;AAAA,MAAA,IAAA,KAAA,GAAA,IAAA,CAAA;MACP,IAA8B,WAAA,GAAA,IAAI,CAACA,KAAK;AAAhC8C,QAAAA,SAAS,eAATA,SAAS;AAAEC,QAAAA,MAAM,eAANA,MAAM,CAAA;AACzB,MAAA,IAAMC,GAAG,GAAG,SAANA,GAAG,CAAI5B,IAAI,EAAK;QACpB,KAAI,CAACsB,YAAY,GAAGtB,IAAI,CAAA;OACzB,CAAA;MACD,oBAAOD,cAAA,CAAA,KAAA,EAAA;AAAK,QAAA,KAAK,EAAE4B,MAAO;AAAC,QAAA,SAAS,EAAED,SAAU;AAAC,QAAA,GAAG,EAAEE,GAAAA;OAAO,CAAA,CAAA;AAC/D,KAAA;AAAC,GAAA,CAAA,CAAA,CAAA;AAAA,EAAA,OAAA,aAAA,CAAA;AAAA,CAAA,CAxBgC3B,eAAS;;;;;;;"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@vidispine/vdt-videojs-react",
-  "version": "22.4.0-pre.9",
+  "version": "23.1.0-pre.1",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public"
@@ -23,30 +23,30 @@
     "lint": "eslint . --ext js,md,mdx"
   },
   "dependencies": {
-    "@babel/runtime": "^7.18.9",
-    "@vidispine/vdt-videojs": "22.4.0-pre.9"
+    "@babel/runtime": "^7.20.1",
+    "@vidispine/vdt-videojs": "23.1.0-pre.1"
   },
   "peerDependencies": {
     "react": "^17.0.0"
   },
   "devDependencies": {
-    "@babel/core": "7.19.1",
+    "@babel/core": "7.20.2",
     "@babel/plugin-external-helpers": "7.18.6",
-    "@babel/plugin-transform-runtime": "7.19.1",
-    "@babel/preset-env": "7.19.1",
+    "@babel/plugin-transform-runtime": "7.19.6",
+    "@babel/preset-env": "7.20.2",
     "@babel/preset-react": "7.18.6",
     "@rollup/plugin-babel": "5.3.1",
     "@rollup/plugin-commonjs": "21.1.0",
     "@rollup/plugin-json": "4.1.0",
     "@rollup/plugin-node-resolve": "13.3.0",
-    "@vidispine/eslint-config-mdx": "22.4.0-pre.9",
-    "@vidispine/eslint-config-react": "22.4.0-pre.9",
-    "@vidispine/eslint-config-storybook": "22.4.0-pre.9",
-    "@vidispine/prettier-config": "22.4.0-pre.9",
-    "eslint": "8.23.1",
-    "prettier": "2.7.1",
+    "@vidispine/eslint-config-mdx": "23.1.0-pre.1",
+    "@vidispine/eslint-config-react": "23.1.0-pre.1",
+    "@vidispine/eslint-config-storybook": "23.1.0-pre.1",
+    "@vidispine/prettier-config": "23.1.0-pre.1",
+    "eslint": "8.28.0",
+    "prettier": "2.8.0",
     "rimraf": "3.0.2",
-    "rollup": "2.79.0",
+    "rollup": "2.79.1",
     "rollup-plugin-styles": "4.0.0"
   },
   "eslintConfig": {