@st-graphics/react-object-fit-video - npm Package Compare versions

Comparing version 0.0.6 to 0.0.7

dist/index.js

@@ -19,2 +19,12 @@ import React, { useRef, useCallback, useState, useEffect } from 'react';
 
+var propTypes = {
+  objectFit: PropTypes.oneOf(['fill', 'contain', 'cover', 'scale-down', 'none']),
+  objectPosition: PropTypes.string
+};
+
+var defaultProps = {
+  objectFit: 'cover',
+  objectPosition: '50% 50%'
+};
+
 var ObjectFitVideo = React.forwardRef(function (props, ref) {
@@ -87,12 +97,5 @@ var $el = useRef(null);
 
-ObjectFitVideo.propTypes = {
-  objectFit: PropTypes.oneOf(['fill', 'contain', 'cover', 'scale-down', 'none']),
-  objectPosition: PropTypes.string
-};
+ObjectFitVideo.propTypes = propTypes;
+ObjectFitVideo.defaultProps = defaultProps;
 
-ObjectFitVideo.defaultProps = {
-  objectFit: 'cover',
-  objectPosition: '50% 50%'
-};
-
 function parsePosition (props, state) {
@@ -99,0 +102,0 @@ var parsed = props.objectPosition.split(' ');

dist/legacy.js

@@ -24,2 +24,12 @@ 'use strict';
 
+var propTypes = {
+  objectFit: PropTypes.oneOf(['fill', 'contain', 'cover', 'scale-down', 'none']),
+  objectPosition: PropTypes.string
+};
+
+var defaultProps = {
+  objectFit: 'cover',
+  objectPosition: '50% 50%'
+};
+
 var ObjectFitVideo = React__default.forwardRef(function (props, ref) {
@@ -92,12 +102,5 @@ var $el = React.useRef(null);
 
-ObjectFitVideo.propTypes = {
-  objectFit: PropTypes.oneOf(['fill', 'contain', 'cover', 'scale-down', 'none']),
-  objectPosition: PropTypes.string
-};
+ObjectFitVideo.propTypes = propTypes;
+ObjectFitVideo.defaultProps = defaultProps;
 
-ObjectFitVideo.defaultProps = {
-  objectFit: 'cover',
-  objectPosition: '50% 50%'
-};
-
 function parsePosition (props, state) {
@@ -104,0 +107,0 @@ var parsed = props.objectPosition.split(' ');

package.json

 {
   "name": "@st-graphics/react-object-fit-video",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Opensource scrollytelling components used by Straits Times Interactive Graphics Team",
@@ -28,3 +28,3 @@ "main": "dist/legacy.js",
   },
-  "gitHead": "3f5ac58b40be964341af6b26397fa04989b5773d"
+  "gitHead": "a1aa6dca2149aade4b5365014c56e85bda78acf5"
 }

src/index.jsx

@@ -10,2 +10,12 @@ import React, {useState, useEffect, useRef, useCallback} from 'react'
 
+const propTypes = {
+  objectFit: PropTypes.oneOf(['fill', 'contain', 'cover', 'scale-down', 'none']),
+  objectPosition: PropTypes.string
+}
+
+const defaultProps = {
+  objectFit: 'cover',
+  objectPosition: '50% 50%'
+}
+
 const ObjectFitVideo = React.forwardRef((props, ref) => {
@@ -73,12 +83,5 @@ const $el = useRef(null)
 
-ObjectFitVideo.propTypes = {
-  objectFit: PropTypes.oneOf(['fill', 'contain', 'cover', 'scale-down', 'none']),
-  objectPosition: PropTypes.string
-}
+ObjectFitVideo.propTypes = propTypes
+ObjectFitVideo.defaultProps = defaultProps
 
-ObjectFitVideo.defaultProps = {
-  objectFit: 'cover',
-  objectPosition: '50% 50%'
-}
-
 export default ObjectFitVideo
@@ -85,0 +88,0 @@

No alert changes

Improved metrics

Total package byte prevSize

44788

increased by0.96%

Lines of code

558

increased by1.09%

No dependency changes