@micromag/element-closed-captions 0.3.832 → 0.4.4

package/assets/css/styles.css

@@ -1 +1 @@
-.micromag-element-closed-captions-container{position:relative;text-align:center}.micromag-element-closed-captions-container .micromag-element-closed-captions-captions{background-color:#1c1c1c;color:#fff;display:inline-block;padding:5px;word-break:break-word}
+.container{position:relative;text-align:center}.container .captions{background-color:var(--mm-black);color:var(--mm-white);display:inline-block;padding:5px;word-break:break-word}

package/es/index.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ClosedCaptionsMedia, TextStyle, BoxStyle } from '@micromag/core';
+
+interface ClosedCaptionsProps {
+    media?: ClosedCaptionsMedia | null;
+    currentTime?: number;
+    timeOffset?: string | null;
+    textStyle?: TextStyle | null;
+    boxStyle?: BoxStyle | null;
+    className?: string | null;
+}
+declare function ClosedCaptions({ currentTime, timeOffset, media, textStyle, boxStyle, className, }: ClosedCaptionsProps): react_jsx_runtime.JSX.Element;
+
+export { ClosedCaptions as default };

package/es/index.js

@@ -2,39 +2,25 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classNames from 'classnames';
 import parseSRT from 'parse-srt';
-import PropTypes from 'prop-types';
 import React, { useState, useEffect, useCallback } from 'react';
-import { PropTypes as PropTypes$1 } from '@micromag/core';
 import { getSecondsFromTime, getStyleFromBox } from '@micromag/core/utils';
 import TextElement from '@micromag/element-text';
 
-var styles = {"container":"micromag-element-closed-captions-container","captions":"micromag-element-closed-captions-captions"};
+var styles = {"container":"container","captions":"captions"};
 
-var propTypes = {
-  media: PropTypes$1.closedCaptionsMedia,
-  currentTime: PropTypes.number,
-  // in seconds
-  timeOffset: PropTypes.string,
-  // in srt time format (10:00:01,034)
-  textStyle: PropTypes$1.textStyle,
-  boxStyle: PropTypes$1.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;
+function ClosedCaptions(_ref) {
+  var _ref$currentTime = _ref.currentTime,
+    currentTime = _ref$currentTime === void 0 ? 0 : _ref$currentTime,
+    _ref$timeOffset = _ref.timeOffset,
+    timeOffset = _ref$timeOffset === void 0 ? null : _ref$timeOffset,
+    _ref$media = _ref.media,
+    media = _ref$media === void 0 ? null : _ref$media,
+    _ref$textStyle = _ref.textStyle,
+    textStyle = _ref$textStyle === void 0 ? null : _ref$textStyle,
+    _ref$boxStyle = _ref.boxStyle,
+    boxStyle = _ref$boxStyle === void 0 ? null : _ref$boxStyle,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   var _ref2 = media || {},
     _ref2$url = _ref2.url,
     url = _ref2$url === void 0 ? null : _ref2$url;
@@ -90,8 +76,6 @@ var ClosedCaptions = function ClosedCaptions(_ref) {
     textStyle: textStyle,
     body: line.text
   })) : null);
-};
-ClosedCaptions.propTypes = propTypes;
-ClosedCaptions.defaultProps = defaultProps;
+}
 
 export { ClosedCaptions as default };

package/es/styles.css

@@ -0,0 +1 @@
+.container{position:relative;text-align:center}.container .captions{background-color:var(--mm-black);color:var(--mm-white);display:inline-block;padding:5px;word-break:break-word}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-closed-captions",
-    "version": "0.3.832",
+    "version": "0.4.4",
     "private": false,
     "description": "",
     "keywords": [
@@ -34,6 +34,7 @@
     "module": "es/index.js",
     "exports": {
         ".": {
+            "types": "./es/index.d.ts",
             "import": "./es/index.js"
         },
         "./assets/css/styles": "./assets/css/styles.css",
@@ -47,29 +48,29 @@
     "scripts": {
         "clean": "rm -rf es && rm -rf lib && rm -rf assets",
         "prepublishOnly": "npm run build",
-        "build": "../../scripts/prepare-package.sh"
+        "build": "../../scripts/prepare-package.sh --types"
     },
     "devDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.832",
-        "@micromag/element-text": "^0.3.832",
+        "@micromag/core": "^0.4.4",
+        "@micromag/element-text": "^0.4.4",
         "classnames": "^2.2.6",
         "parse-srt": "^1.0.0-alpha",
-        "prop-types": "^15.7.2",
-        "react-intl": "^6.6.4",
+        "react-intl": "^8.1.3",
         "uuid": "^9.0.0"
     },
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "4969d64e304334cfd47321e624e5914e0694c55f"
+    "gitHead": "04b8519c3a3ddace5a21497e22faa11865d57f6d",
+    "types": "es/index.d.ts"
 }