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

package/dist/index.es.js

@@ -10,247 +10,28 @@ import { Player, ExternalControls, SeekBar, TimeCodeDisplay } from '@vidispine/v
 import '@vidispine/vdt-videojs/dist/index.css';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["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);
-      this.player = new Player(_objectSpread$1({
-        target: this.videoNode
-      }, playerProps));
-      if (setPlayer) {
-        setPlayer(this.player);
-      }
-    }
-
-    // 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);
-        _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
-            setTimeout(function () {
-              _this.player.videojs.dispose();
-              createPlayer();
-            }, 0);
-          } else {
-            createPlayer();
-          }
-        } else {
-          // update reactive props
-          this.player.handleNewProps(props);
-        }
-      }
-    }
-
-    // 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
-    // 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", {
-          ref: function ref(node) {
-            _this2.videoNode = node;
-          }
-        })
-      });
-    }
-  }]);
-  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
-  }, {
-    key: "UNSAFE_componentWillUpdate",
-    value: function UNSAFE_componentWillUpdate(props) {
-      this.controls.handleNewProps(props);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this = this;
-      return /*#__PURE__*/jsx("div", {
-        ref: function ref(node) {
-          _this.controlsNode = node;
-        }
-      });
-    }
-  }]);
-  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
-
-      this.seekBar = new SeekBar({
-        target: this.seekBarNode,
-        player: player.current.player,
-        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
-  }, {
-    key: "UNSAFE_componentWillUpdate",
-    value: function UNSAFE_componentWillUpdate(props) {
-      this.seekBar.handleNewProps(props);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this = this;
-      return /*#__PURE__*/jsx("div", {
-        ref: function ref(node) {
-          _this.seekBarNode = node;
-        }
-      });
-    }
-  }]);
-  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,
-        onInput: player.current.player
-      });
-      this.timeCode.update(this.props);
-      player.current.player.setupTimeCode(this.timeCode);
-    }
-
-    // eslint-disable-next-line camelcase
-  }, {
-    key: "UNSAFE_componentWillUpdate",
-    value: function UNSAFE_componentWillUpdate(props) {
-      this.timeCode.update(props);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this = this;
-      var _this$props = this.props,
-        className = _this$props.className,
-        styles = _this$props.styles;
-      var ref = function ref(node) {
-        _this.timecodeNode = node;
-      };
-      return /*#__PURE__*/jsx("div", {
-        style: styles,
-        className: className,
-        ref: ref
-      });
-    }
-  }]);
-  return VideoTimeCode;
-}(Component);
+var _excluded=["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);this.player=new Player(_objectSpread$1({target:this.videoNode},playerProps));if(setPlayer){setPlayer(this.player);}}// 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);_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
+setTimeout(function(){_this.player.videojs.dispose();createPlayer();},0);}else {createPlayer();}}else {// update reactive props
+this.player.handleNewProps(props);}}}// 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
+// 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",{ref:function ref(node){_this2.videoNode=node;}})});}}]);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
+},{key:"UNSAFE_componentWillUpdate",value:function UNSAFE_componentWillUpdate(props){this.controls.handleNewProps(props);}},{key:"render",value:function render(){var _this=this;return/*#__PURE__*/jsx("div",{ref:function ref(node){_this.controlsNode=node;}});}}]);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
+this.seekBar=new SeekBar({target:this.seekBarNode,player:player.current.player,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
+},{key:"UNSAFE_componentWillUpdate",value:function UNSAFE_componentWillUpdate(props){this.seekBar.handleNewProps(props);}},{key:"render",value:function render(){var _this=this;return/*#__PURE__*/jsx("div",{ref:function ref(node){_this.seekBarNode=node;}});}}]);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,onInput:player.current.player});this.timeCode.update(this.props);player.current.player.setupTimeCode(this.timeCode);}// eslint-disable-next-line camelcase
+},{key:"UNSAFE_componentWillUpdate",value:function UNSAFE_componentWillUpdate(props){this.timeCode.update(props);}},{key:"render",value:function render(){var _this=this;var _this$props=this.props,className=_this$props.className,styles=_this$props.styles;var ref=function ref(node){_this.timecodeNode=node;};return/*#__PURE__*/jsx("div",{style:styles,className:className,ref:ref});}}]);return VideoTimeCode;}(Component);
 
 export { VideoControls, VideoPlayer, VideoSeekBar, VideoTimeCode };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -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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"}
+{"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","target","videoNode","createPlayer","sources","src","videojs","pause","setTimeout","dispose","handleNewProps","onUnmount","destroy","_jsx","node","Component","VideoControls","controls","ExternalControls","controlsNode","current","buttonNames","_isNativeReflectConstruct","VideoSeekBar","bgColor","fillColor","markersEnabled","regions","onRegionClick","seekBar","SeekBar","seekBarNode","out","Region","VideoTimeCode","timeCode","TimeCodeDisplay","timecodeNode","onInput","update","setupTimeCode","className","styles","ref"],"mappings":";;;;;;;;;;;;2/CAQaA,IAAAA,WAAW,cACtB,SAAA,UAAA,CAAA,CAAA,SAAA,CAAA,WAAA,CAAA,UAAA,CAAA,CAAA,IAAA,MAAA,CAAAC,cAAA,CAAA,WAAA,CAAA,CAAA,SAAA,WAAA,EAAA,CAAA,eAAA,CAAA,IAAA,CAAA,WAAA,CAAA,CAAA,OAAA,MAAA,CAAA,KAAA,CAAA,IAAA,CAAA,SAAA,CAAA,CAAA,CAAA,YAAA,CAAA,WAAA,CAAA,CAAA,CAAA,GAAA,CAAA,mBAAA,CAAA,KAAA,CAAA,SAAA,iBAAA,EAAoB,CAClB,IAAA,WAAA,CAAsC,IAAI,CAACC,KAAK,CAAxCC,SAAS,CAAA,WAAA,CAATA,SAAS,CAAKC,WAAW,CAAA,wBAAA,CAAA,WAAA,CAAA,SAAA,CAAA,CAEjC,IAAI,CAACC,MAAM,CAAG,IAAIC,MAAM,CACtBC,eAAAA,CAAAA,CAAAA,MAAM,CAAE,IAAI,CAACC,SAAS,CACnBJ,CAAAA,WAAW,CACd,CAAA,CAEF,GAAID,SAAS,CAAE,CACbA,SAAS,CAAC,IAAI,CAACE,MAAM,CAAC,CACxB,CACF,CAEA;AAAA,CAAA,CAAA,CAAA,GAAA,CAAA,4BAAA,CAAA,KAAA,CACA,SAA2BH,0BAAAA,CAAAA,KAAK,CAAE,CAAA,IAAA,KAAA,CAAA,IAAA,CAChC,IAAkB,YAAA,CAAG,SAAfO,YAAY,EAAS,CACzB,IAAiB,SAAA,CAAqBP,KAAK,CAAnCC,SAAS,CAAKC,WAAW,CAAKF,wBAAAA,CAAAA,KAAK,CAC3C,UAAA,CAAA,CAAA,KAAI,CAACG,MAAM,CAAG,IAAIC,MAAM,kBACtBC,MAAM,CAAE,KAAI,CAACC,SAAS,CACnBJ,CAAAA,WAAW,CACd,CAAA,CACF,GAAID,SAAS,CAAE,CACbA,SAAS,CAAC,KAAI,CAACE,MAAM,CAAC,CACxB,CACF,CAAC,CAED,GAAIH,KAAK,CAACQ,OAAO,EAAIR,KAAK,CAACQ,OAAO,CAAC,CAAC,CAAC,EAAIR,KAAK,CAACQ,OAAO,CAAC,CAAC,CAAC,CAACC,GAAG,CAAE;AAE7D,GAAI,EAAE,IAAI,CAACT,KAAK,CAACQ,OAAO,CAAC,CAAC,CAAC,CAACC,GAAG,GAAKT,KAAK,CAACQ,OAAO,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,CAAE,CACzD,GAAI,IAAI,CAACN,MAAM,CAAE,CACf,IAAI,CAACA,MAAM,CAACO,OAAO,CAACC,KAAK,EAAE,CAC3B;AACAC,UAAU,CAAC,UAAM,CACf,KAAI,CAACT,MAAM,CAACO,OAAO,CAACG,OAAO,EAAE,CAC7BN,YAAY,EAAE,CAChB,CAAC,CAAE,CAAC,CAAC,CACP,CAAC,KAAM,CACLA,YAAY,EAAE,CAChB,CACF,CAAC,KAAM;AAEL,IAAI,CAACJ,MAAM,CAACW,cAAc,CAACd,KAAK,CAAC,CACnC,CACF,CACF,CAEA;AAAA,CAAA,CAAA,CAAA,GAAA,CAAA,sBAAA,CAAA,KAAA,CACA,SAAuB,oBAAA,EAAA,CACrB,IAAQe,SAAS,CAAK,IAAI,CAACf,KAAK,CAAxBe,SAAS,CAEjB,GAAI,IAAI,CAACZ,MAAM,CAAE,CACf,GAAIY,SAAS,CAAEA,SAAS,CAAC,IAAI,CAACZ,MAAM,CAAC,CACrC,IAAI,CAACA,MAAM,CAACa,OAAO,EAAE,CACvB,CACF,CAEA;AACA;AACA;AAAA,CACA,CAAA,CAAA,GAAA,CAAA,QAAA,CAAA,KAAA,CAAA,SAAA,MAAA,EAAS,CACP,IAAA,MAAA,CAAA,IAAA,CAAA,mBACEC,GAAK,CAAA,KAAA,CAAA,CAAA,SAAS,CAAC,iBAAiB,CAC9B,QAAA,cAAAA,GAAA,CAAA,KAAA,CAAA,CACE,GAAG,CAAE,SAACC,GAAAA,CAAAA,IAAI,CAAK,CACb,MAAI,CAACZ,SAAS,CAAGY,IAAI,CACvB,CAAE,CAAA,CACF,CACE,CAAA,CAEV,CAAC,CAAA,CAAA,CAAA,CAAA,OAAA,WAAA,CAAA,CAAA,CAtE8BC,SAAS;;87CCH7BC,iBAAa,cACxB,SAAA,UAAA,CAAA,CAAA,SAAA,CAAA,aAAA,CAAA,UAAA,CAAA,CAAA,IAAA,MAAA,CAAArB,cAAA,CAAA,aAAA,CAAA,CAAA,SAAA,aAAA,EAAA,CAAA,eAAA,CAAA,IAAA,CAAA,aAAA,CAAA,CAAA,OAAA,MAAA,CAAA,KAAA,CAAA,IAAA,CAAA,SAAA,CAAA,CAAA,CAAA,YAAA,CAAA,aAAA,CAAA,CAAA,CAAA,GAAA,CAAA,mBAAA,CAAA,KAAA,CAAA,SAAA,iBAAA,EAAoB,CAClB,IAAc,MAAA,CAAK,IAAI,CAACC,KAAK,CAArBG,MAAM,CAAiB;AAC/B,IAAI,CAACkB,QAAQ,CAAG,IAAIC,gBAAgB,8BAClCjB,MAAM,CAAE,IAAI,CAACkB,YAAY,CACtB,CAAA,IAAI,CAACvB,KAAK,MACbG,MAAM,CAAEA,MAAM,CAACqB,OAAO,CAACrB,MAAM,CAC7B,CAAA,CAAA,CAEF,IAAI,CAACkB,QAAQ,CAACP,cAAc,CAAC,IAAI,CAACd,KAAK,CAAC,CAC1C,CAEA;AAAA,CACA,CAAA,CAAA,GAAA,CAAA,4BAAA,CAAA,KAAA,CAAA,SAAA,0BAAA,CAA2BA,KAAK,CAAE,CAChC,IAAI,CAACqB,QAAQ,CAACP,cAAc,CAACd,KAAK,CAAC,CACrC,CAAC,CAED,CAAA,CAAA,GAAA,CAAA,QAAA,CAAA,KAAA,CAAA,SAAA,MAAA,EAAS,gBACP,mBACEiB,GAAA,CAAA,KAAA,CAAA,CACE,GAAG,CAAE,SAAA,GAAA,CAACC,IAAI,CAAK,CACb,KAAI,CAACK,YAAY,CAAGL,IAAI,CAC1B,CAAE,CACF,CAAA,CAEN,CAAC,CAzBgCC,CAAAA,CAAAA,CAAAA,OAAAA,aAAAA,CAAAA,CAAAA,CAAAA,SAAS,EA4B5CC,aAAa,CAACK,WAAW,CAAGH,gBAAgB,CAACG,WAAW;;ACjCxD,SAAA1B,cAAA,CAAA,OAAA,CAAA,CAAA,IAAA,yBAAA,CAAA2B,2BAAA,EAAA,CAAA,OAAA,SAAA,oBAAA,EAAA,CAAA,IAAA,KAAA,CAAA,eAAA,CAAA,OAAA,CAAA,CAAA,MAAA,CAAA,GAAA,yBAAA,CAAA,CAAA,IAAA,SAAA,CAAA,eAAA,CAAA,IAAA,CAAA,CAAA,WAAA,CAAA,MAAA,CAAA,OAAA,CAAA,SAAA,CAAA,KAAA,CAAA,SAAA,CAAA,SAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,KAAA,CAAA,KAAA,CAAA,IAAA,CAAA,SAAA,CAAA,CAAA,CAAA,OAAA,0BAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAAA,2BAAA,EAAA,CAAA,GAAA,OAAA,OAAA,GAAA,WAAA,EAAA,CAAA,OAAA,CAAA,SAAA,CAAA,OAAA,KAAA,CAAA,GAAA,OAAA,CAAA,SAAA,CAAA,IAAA,CAAA,OAAA,KAAA,CAAA,GAAA,OAAA,KAAA,GAAA,UAAA,CAAA,OAAA,IAAA,CAAA,GAAA,CAAA,OAAA,CAAA,SAAA,CAAA,OAAA,CAAA,IAAA,CAAA,OAAA,CAAA,SAAA,CAAA,OAAA,CAAA,EAAA,CAAA,UAAA,EAAA,CAAA,CAAA,CAAA,OAAA,IAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,OAAA,KAAA,CAAA,CAAA,CAIaC,IAAAA,YAAY,wQACvB,SAAoB,iBAAA,EAAA,CAClB,gBAA+E,IAAI,CAAC3B,KAAK,CAAjFG,MAAM,aAANA,MAAM,CAAEyB,OAAO,CAAPA,WAAAA,CAAAA,OAAO,CAAEC,SAAS,CAAA,WAAA,CAATA,SAAS,CAAEC,cAAc,aAAdA,cAAc,CAAEC,OAAO,CAAPA,WAAAA,CAAAA,OAAO,CAAEC,aAAa,CAAA,WAAA,CAAbA,aAAa,CAAiB;AAE3F,IAAI,CAACC,OAAO,CAAG,IAAIC,OAAO,CAAC,CACzB7B,MAAM,CAAE,IAAI,CAAC8B,WAAW,CACxBhC,MAAM,CAAEA,MAAM,CAACqB,OAAO,CAACrB,MAAM,CAC7ByB,OAAO,CAAPA,OAAO,CACPC,SAAS,CAATA,SAAS,CACTC,cAAc,CAAdA,cAAc,8DAEd,IAAA,CAAI,IAAI,CAAC9B,KAAK,MAAG;AACjB,6DACAoC,GAAG,CAAE,IAAI,CAACpC,KAAK,CAACoC,GAAG,CACnBL,OAAO,CAAPA,OAAO,CACPC,aAAa,CAAbA,aACF,CAAC,CAAC,CACJ,CAEA;AAAA,CACA,CAAA,CAAA,GAAA,CAAA,4BAAA,CAAA,KAAA,CAAA,SAAA,0BAAA,CAA2BhC,KAAK,CAAE,CAChC,IAAI,CAACiC,OAAO,CAACnB,cAAc,CAACd,KAAK,CAAC,CACpC,CAAC,CAED,CAAA,CAAA,GAAA,CAAA,QAAA,CAAA,KAAA,CAAA,SAAA,MAAA,EAAS,gBACP,mBACEiB,GAAA,CAAA,KAAA,CAAA,CACE,GAAG,CAAE,SAACC,GAAAA,CAAAA,IAAI,CAAK,CACb,KAAI,CAACiB,WAAW,CAAGjB,IAAI,CACzB,CAAE,CACF,CAAA,CAEN,CAAC,CAAA,CAAA,CAAA,CAAA,OAAA,YAAA,CAAA,CAAA,CAhC+BC,SAAS,EAmC3CQ,YAAY,CAACU,MAAM,CAAGH,OAAO,CAACG,MAAM;;mrBCnCvBC,iBAAa,cACxB,SAAA,UAAA,CAAA,CAAA,SAAA,CAAA,aAAA,CAAA,UAAA,CAAA,CAAA,IAAA,MAAA,CAAA,YAAA,CAAA,aAAA,CAAA,CAAA,SAAA,aAAA,EAAA,CAAA,eAAA,CAAA,IAAA,CAAA,aAAA,CAAA,CAAA,OAAA,MAAA,CAAA,KAAA,CAAA,IAAA,CAAA,SAAA,CAAA,CAAA,CAAA,YAAA,CAAA,aAAA,CAAA,CAAA,CAAA,GAAA,CAAA,mBAAA,CAAA,KAAA,CAAA,SAAA,iBAAA,EAAoB,CAClB,IAAc,MAAA,CAAK,IAAI,CAACtC,KAAK,CAArBG,MAAM,CAAiB;AAC/B,IAAI,CAACoC,QAAQ,CAAG,IAAIC,eAAe,CAAC,CAClCnC,MAAM,CAAE,IAAI,CAACoC,YAAY,CACzBtC,MAAM,CAAEA,MAAM,CAACqB,OAAO,CAACrB,MAAM,CAC7BuC,OAAO,CAAEvC,MAAM,CAACqB,OAAO,CAACrB,MAC1B,CAAC,CAAC,CAEF,IAAI,CAACoC,QAAQ,CAACI,MAAM,CAAC,IAAI,CAAC3C,KAAK,CAAC,CAChCG,MAAM,CAACqB,OAAO,CAACrB,MAAM,CAACyC,aAAa,CAAC,IAAI,CAACL,QAAQ,CAAC,CACpD,CAEA;AAAA,CAAA,CAAA,CAAA,GAAA,CAAA,4BAAA,CAAA,KAAA,CACA,SAA2BvC,0BAAAA,CAAAA,KAAK,CAAE,CAChC,IAAI,CAACuC,QAAQ,CAACI,MAAM,CAAC3C,KAAK,CAAC,CAC7B,CAAC,CAAA,CAAA,CAAA,GAAA,CAAA,QAAA,CAAA,KAAA,CAED,SAAS,MAAA,EAAA,CAAA,IAAA,KAAA,CAAA,IAAA,CACP,IAA8B,WAAA,CAAA,IAAI,CAACA,KAAK,CAAhC6C,SAAS,CAAA,WAAA,CAATA,SAAS,CAAEC,MAAM,CAAA,WAAA,CAANA,MAAM,CACzB,IAAS,GAAA,CAAG,SAANC,GAAG,CAAI7B,IAAI,CAAK,CACpB,KAAI,CAACuB,YAAY,CAAGvB,IAAI,CAC1B,CAAC,CACD,mBAAOD,WAAK,KAAK,CAAE6B,MAAO,CAAC,SAAS,CAAED,SAAU,CAAC,GAAG,CAAEE,GAAI,CAAG,CAAA,CAC/D,CAAC,CAAA,CAAA,CAAA,CAAA,OAAA,aAAA,CAAA,CAAA,CAxBgC5B,SAAS;;;;"}

package/dist/index.js

@@ -24,247 +24,28 @@ var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
 var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
 var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
 
-var _excluded = ["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);
-      this.player = new vdtVideojs.Player(_objectSpread$1({
-        target: this.videoNode
-      }, playerProps));
-      if (setPlayer) {
-        setPlayer(this.player);
-      }
-    }
-
-    // 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);
-        _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
-            setTimeout(function () {
-              _this.player.videojs.dispose();
-              createPlayer();
-            }, 0);
-          } else {
-            createPlayer();
-          }
-        } else {
-          // update reactive props
-          this.player.handleNewProps(props);
-        }
-      }
-    }
-
-    // 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
-    // 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", {
-          ref: function ref(node) {
-            _this2.videoNode = node;
-          }
-        })
-      });
-    }
-  }]);
-  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
-  }, {
-    key: "UNSAFE_componentWillUpdate",
-    value: function UNSAFE_componentWillUpdate(props) {
-      this.controls.handleNewProps(props);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this = this;
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        ref: function ref(node) {
-          _this.controlsNode = node;
-        }
-      });
-    }
-  }]);
-  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
-
-      this.seekBar = new vdtVideojs.SeekBar({
-        target: this.seekBarNode,
-        player: player.current.player,
-        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
-  }, {
-    key: "UNSAFE_componentWillUpdate",
-    value: function UNSAFE_componentWillUpdate(props) {
-      this.seekBar.handleNewProps(props);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this = this;
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        ref: function ref(node) {
-          _this.seekBarNode = node;
-        }
-      });
-    }
-  }]);
-  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,
-        onInput: player.current.player
-      });
-      this.timeCode.update(this.props);
-      player.current.player.setupTimeCode(this.timeCode);
-    }
-
-    // eslint-disable-next-line camelcase
-  }, {
-    key: "UNSAFE_componentWillUpdate",
-    value: function UNSAFE_componentWillUpdate(props) {
-      this.timeCode.update(props);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this = this;
-      var _this$props = this.props,
-        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,
-        ref: ref
-      });
-    }
-  }]);
-  return VideoTimeCode;
-}(react.Component);
+var _excluded=["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);this.player=new vdtVideojs.Player(_objectSpread$1({target:this.videoNode},playerProps));if(setPlayer){setPlayer(this.player);}}// 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);_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
+setTimeout(function(){_this.player.videojs.dispose();createPlayer();},0);}else {createPlayer();}}else {// update reactive props
+this.player.handleNewProps(props);}}}// 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
+// 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",{ref:function ref(node){_this2.videoNode=node;}})});}}]);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
+},{key:"UNSAFE_componentWillUpdate",value:function UNSAFE_componentWillUpdate(props){this.controls.handleNewProps(props);}},{key:"render",value:function render(){var _this=this;return/*#__PURE__*/jsxRuntime.jsx("div",{ref:function ref(node){_this.controlsNode=node;}});}}]);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
+this.seekBar=new vdtVideojs.SeekBar({target:this.seekBarNode,player:player.current.player,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
+},{key:"UNSAFE_componentWillUpdate",value:function UNSAFE_componentWillUpdate(props){this.seekBar.handleNewProps(props);}},{key:"render",value:function render(){var _this=this;return/*#__PURE__*/jsxRuntime.jsx("div",{ref:function ref(node){_this.seekBarNode=node;}});}}]);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,onInput:player.current.player});this.timeCode.update(this.props);player.current.player.setupTimeCode(this.timeCode);}// eslint-disable-next-line camelcase
+},{key:"UNSAFE_componentWillUpdate",value:function UNSAFE_componentWillUpdate(props){this.timeCode.update(props);}},{key:"render",value:function render(){var _this=this;var _this$props=this.props,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,ref:ref});}}]);return VideoTimeCode;}(react.Component);
 
 exports.VideoControls = VideoControls;
 exports.VideoPlayer = VideoPlayer;

package/dist/index.js.map

@@ -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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"}
+{"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","target","videoNode","createPlayer","sources","src","videojs","pause","setTimeout","dispose","handleNewProps","onUnmount","destroy","_jsx","node","Component","VideoControls","controls","ExternalControls","controlsNode","current","buttonNames","_isNativeReflectConstruct","_getPrototypeOf","_possibleConstructorReturn","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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidispine/vdt-videojs-react",
-  "version": "22.4.0",
+  "version": "23.1.0-pre.2",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public"
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.20.1",
-    "@vidispine/vdt-videojs": "22.4.0"
+    "@vidispine/vdt-videojs": "23.1.0-pre.2"
   },
   "peerDependencies": {
     "react": "^17.0.0"
@@ -39,10 +39,10 @@
     "@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",
-    "@vidispine/eslint-config-react": "22.4.0",
-    "@vidispine/eslint-config-storybook": "22.4.0",
-    "@vidispine/prettier-config": "22.4.0",
+    "@vidispine/eslint-config-mdx": "23.1.0-pre.2",
+    "@vidispine/eslint-config-react": "23.1.0-pre.2",
+    "@vidispine/eslint-config-storybook": "23.1.0-pre.2",
+    "@vidispine/prettier-config": "23.1.0-pre.2",
     "eslint": "8.28.0",
     "prettier": "2.8.0",
     "rimraf": "3.0.2",