@bbc/react-transcript-editor/dist/TranscriptEditor/Settings/TimecodeOffset/index.js

A React component to make transcribing audio and video easier and faster.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_indexModule=_interopRequireDefault(require("./index.module.css")),_index=require("../../../Util/timecode-converter/index");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var descriptor,i=0;i<props.length;i++)descriptor=props[i],descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}function _possibleConstructorReturn(self,call){return call&&("object"===_typeof(call)||"function"==typeof call)?call:_assertThisInitialized(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_setPrototypeOf(subClass,superClass)}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var TimecodeOffset=/*#__PURE__*/function(_React$Component){function TimecodeOffset(props){var _this;return _classCallCheck(this,TimecodeOffset),_this=_possibleConstructorReturn(this,_getPrototypeOf(TimecodeOffset).call(this,props)),_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)),"handleChange",function(e){_this.setState({timecodeOffset:e.target.value})}),_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)),"resetTimecodeOffset",function(){var resetTimecodeOffsetValue=0;_this.props.handleAnalyticsEvents({category:"TimecodeOffset",action:"resetTimecodeOffset",name:"resetTimecodeOffset",value:0}),_this.setState({timecodeOffset:(0,_index.secondsToTimecode)(resetTimecodeOffsetValue)},function(){_this.props.handleSetTimecodeOffset(resetTimecodeOffsetValue)})}),_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)),"setTimecodeOffset",function(){_this.props.handleAnalyticsEvents({category:"TimecodeOffset",action:"setTimecodeOffset",name:"setTimecodeOffset",value:_this.state.timecodeOffset});var newCurrentTimeInSeconds=_this.state.timecodeOffset;"string"==typeof newCurrentTimeInSeconds&&newCurrentTimeInSeconds.includes(":")&&!newCurrentTimeInSeconds.includes("NaN")&&(newCurrentTimeInSeconds=(0,_index.timecodeToSeconds)(newCurrentTimeInSeconds)),_this.props.handleSetTimecodeOffset(newCurrentTimeInSeconds)}),_this.state={timecodeOffset:(0,_index.secondsToTimecode)(_this.props.timecodeOffset)},_this}return _inherits(TimecodeOffset,_React$Component),_createClass(TimecodeOffset,[{key:"render",value:function render(){return _react.default.createElement("div",{className:_indexModule.default.offsetContainer},_react.default.createElement("input",{className:_indexModule.default.inputBox,type:"text",value:this.state.timecodeOffset,onChange:this.handleChange,name:"lname"}),_react.default.createElement("span",{className:_indexModule.default.button,onClick:this.resetTimecodeOffset},_react.default.createElement("u",null,"Reset")),_react.default.createElement("span",null," | "),_react.default.createElement("span",{className:_indexModule.default.button,onClick:this.setTimecodeOffset},_react.default.createElement("u",null,"Save")))}}]),TimecodeOffset}(_react.default.Component);TimecodeOffset.propTypes={handleSetTimecodeOffset:_propTypes.default.func,onChange:_propTypes.default.func,timecodeOffset:_propTypes.default.number};var _default=TimecodeOffset;exports.default=_default;