@micromag/element-closed-captions 0.3.541 → 0.3.569

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-closed-captions",
-    "version": "0.3.541",
+    "version": "0.3.569",
     "private": false,
     "description": "",
     "keywords": [
@@ -30,11 +30,10 @@
         }
     ],
     "license": "ISC",
-    "main": "lib/index.js",
+    "type": "module",
     "module": "es/index.js",
     "exports": {
         ".": {
-            "require": "./lib/index.js",
             "import": "./es/index.js"
         },
         "./assets/css/styles": "./assets/css/styles.css",
@@ -60,8 +59,8 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.541",
-        "@micromag/element-text": "^0.3.541",
+        "@micromag/core": "^0.3.569",
+        "@micromag/element-text": "^0.3.569",
         "classnames": "^2.2.6",
         "parse-srt": "^1.0.0-alpha",
         "prop-types": "^15.7.2",
@@ -72,5 +71,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "6c04a7e327b5fbc096785c11320b3fbd3c5751c8"
+    "gitHead": "ceb71f23a32ab8df4a1563a1e5cd5598e539de4d"
 }

package/lib/index.js

@@ -1,100 +0,0 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var classNames = require('classnames');
-var parseSRT = require('parse-srt');
-var PropTypes = require('prop-types');
-var React = require('react');
-var core = require('@micromag/core');
-var utils = require('@micromag/core/utils');
-var TextElement = require('@micromag/element-text');
-
-var styles = {"container":"micromag-element-closed-captions-container","captions":"micromag-element-closed-captions-captions"};
-
-var propTypes = {
-  media: core.PropTypes.closedCaptionsMedia,
-  currentTime: PropTypes.number,
-  // in seconds
-  timeOffset: PropTypes.string,
-  // in srt time format (10:00:01,034)
-  textStyle: core.PropTypes.textStyle,
-  boxStyle: core.PropTypes.boxStyle,
-  className: PropTypes.string
-};
-var defaultProps = {
-  media: null,
-  currentTime: 0,
-  timeOffset: null,
-  textStyle: null,
-  boxStyle: null,
-  className: null
-};
-var ClosedCaptions = function ClosedCaptions(_ref) {
-  var currentTime = _ref.currentTime,
-    timeOffset = _ref.timeOffset,
-    media = _ref.media,
-    textStyle = _ref.textStyle,
-    boxStyle = _ref.boxStyle,
-    className = _ref.className;
-  var _ref2 = media || {},
-    _ref2$url = _ref2.url,
-    url = _ref2$url === void 0 ? null : _ref2$url;
-  var _useState = React.useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    lines = _useState2[0],
-    setLines = _useState2[1];
-  var _useState3 = React.useState(-1),
-    _useState4 = _slicedToArray(_useState3, 2),
-    lineIndex = _useState4[0],
-    setLineIndex = _useState4[1];
-  var startOffset = timeOffset !== null ? timeOffset.split(/[\t ]*-->[\t ]*/) : null;
-  var startSeconds = startOffset !== null && startOffset.length ? utils.getSecondsFromTime(startOffset[0]) : 0;
-  React.useEffect(function () {
-    if (url === null) {
-      return;
-    }
-    fetch(url, {
-      mode: 'cors'
-    }).then(function (response) {
-      return response.text();
-    }).then(function (srt) {
-      return parseSRT(srt);
-    }).then(function (parsed) {
-      setLines(parsed);
-    })["catch"](function (e) {
-      console.error(e);
-    });
-  }, [url, fetch, setLines]);
-  var getLineIndexFromTime = React.useCallback(function (t) {
-    var currentLineIndex = lines.findIndex(function (line) {
-      return t >= line.start - startSeconds && t <= line.end - startSeconds;
-    });
-    return currentLineIndex;
-  }, [lines, startSeconds]);
-  React.useEffect(function () {
-    if (lines.length > 0) {
-      var nextLineIndex = getLineIndexFromTime(currentTime);
-      if (nextLineIndex !== lineIndex) {
-        setLineIndex(nextLineIndex);
-      }
-    }
-  }, [currentTime, lines, getLineIndexFromTime, setLineIndex]);
-  var line = lineIndex !== -1 ? lines[lineIndex] : null;
-  var active = line !== null;
-  var finalBoxStyles = boxStyle !== null ? utils.getStyleFromBox(boxStyle) : null;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, _defineProperty({}, className, className !== null)])
-  }, active ? /*#__PURE__*/React.createElement("div", {
-    className: styles.captions,
-    style: finalBoxStyles
-  }, /*#__PURE__*/React.createElement(TextElement, {
-    textStyle: textStyle,
-    body: line.text
-  })) : null);
-};
-ClosedCaptions.propTypes = propTypes;
-ClosedCaptions.defaultProps = defaultProps;
-var ClosedCaptions$1 = ClosedCaptions;
-
-module.exports = ClosedCaptions$1;