@vidispine/vdt-materialui 22.4.0-pre.5 → 22.4.0-pre.7

package/dist/index.es.js

@@ -45,7 +45,7 @@ import Box from '@material-ui/core/Box';
 import Button$1 from '@material-ui/core/Button';
 import { FORM_ERROR } from 'final-form';
 import Paper from '@material-ui/core/Paper';
-import { parseFacetType, parseNowDate, formatTimeCodeSeconds, ROLE_NAMES, parseShapeType, parseTranscodePreset, parseTimespan, createTimeBase, formatTimeCodeSmpte, createMetadataType, formatTimeCodeText, formatTimeCodeType, parseMetadataType, parseAudioComponent, parseContainerComponent, parseFileType, parseSimpleMetadataType, parseVideoComponent, findNearestThumbnail, parseHighlightTimespanList, metadataTypeToWebVtt, filterShapeSource, getShapeMediaType, getDocumentType } from '@vidispine/vdt-js';
+import { parseFacetType, parseNowDate, formatTimeCodeSeconds, ROLE_NAMES, parseShapeType, parseTranscodePreset, parseTimespan, createTimeBase, formatTimeCodeSmpte, createMetadataType, formatTimeCodeText, formatTimeCodeType, parseMetadataType, parseAudioComponent, parseContainerComponent, parseFileType, parseSimpleMetadataType, parseVideoComponent, findNearestThumbnail, parseHighlightTimespanList, metadataTypeToWebVtt, filterShapeSource, getShapeMediaType, getShapeDocumentType } from '@vidispine/vdt-js';
 import IconButton from '@material-ui/core/IconButton';
 import CancelIcon from '@material-ui/icons/Cancel';
 import { Cancel, CheckCircle, Replay, ExpandLess, Label, Search, Delete, Block, ExpandMore, Folder, ArrowDropUp, ArrowDropDown, Wallpaper, Add, Visibility as Visibility$1, VisibilityOff as VisibilityOff$1 } from '@material-ui/icons';
@@ -11214,7 +11214,7 @@ var ShapeType = lazyFunction(function () {
       id: PropTypes.string
     })),
     tag: PropTypes.arrayOf(PropTypes.string),
-    containerComponent: ContainerComponentType,
+    containerComponent: PropTypes.shape(ContainerComponentType),
     id: PropTypes.string,
     metadata: PropTypes.shape(SimpleMetadataType)
   };
@@ -14183,7 +14183,8 @@ var getMediaType = function getMediaType() {
 };
 
 function ShapeTypeTableBody(_ref2) {
-  var className = _ref2.className,
+  var shapeActualSize = _ref2.shapeActualSize,
+      className = _ref2.className,
       shapeType = _ref2.shapeType,
       storageListType = _ref2.storageListType,
       displayMethodTypes = _ref2.displayMethodTypes,
@@ -14209,7 +14210,7 @@ function ShapeTypeTableBody(_ref2) {
       }), shape.fileSize && /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx(TableRow$1, {
           label: "File Size",
-          value: shape.fileSize
+          value: shapeActualSize
         }), /*#__PURE__*/jsx(TableRow$1, {
           label: "Checksum",
           value: shape.hash
@@ -14385,6 +14386,7 @@ function ItemShapeRow(_ref) {
   }
 
   var shapeTags = shapeType.tag.join(', ');
+  var shapeActualSize = shape.fileSize === '-1 B' ? 'Not Available' : shape.fileSize;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsxs(TableRow$4, _objectSpread$1X(_objectSpread$1X({}, TableRowProps), {}, {
       children: [/*#__PURE__*/jsx(TableCell$1, {
@@ -14409,7 +14411,7 @@ function ItemShapeRow(_ref) {
       }), /*#__PURE__*/jsx(TableCell$1, {
         children: shape.dimension
       }), /*#__PURE__*/jsx(TableCell$1, {
-        children: shape.fileSize
+        children: shapeActualSize
       }), /*#__PURE__*/jsxs(TableCell$1, {
         style: {
           display: 'flex'
@@ -14443,6 +14445,7 @@ function ItemShapeRow(_ref) {
               size: "small",
               padding: "none",
               children: /*#__PURE__*/jsx(ShapeTypeTableBody, {
+                shapeActualSize: shapeActualSize,
                 shapeType: shapeType,
                 itemId: itemId,
                 storageListType: storageListType,
@@ -24237,11 +24240,11 @@ function ItemPlayer(_ref3) {
   }, [source, previewSources]);
   var documentType = useMemo(function () {
     if (source) {
-      return getDocumentType(source.shape);
+      return getShapeDocumentType(source.shape);
     }
 
     if (previewSources && previewSources.length > 0) {
-      return getDocumentType(previewSources[0].shape);
+      return getShapeDocumentType(previewSources[0].shape);
     }
 
     return undefined;

package/dist/index.js

@@ -11405,7 +11405,7 @@ var ShapeType = lazyFunction(function () {
       id: PropTypes__default["default"].string
     })),
     tag: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
-    containerComponent: ContainerComponentType,
+    containerComponent: PropTypes__default["default"].shape(ContainerComponentType),
     id: PropTypes__default["default"].string,
     metadata: PropTypes__default["default"].shape(SimpleMetadataType)
   };
@@ -14374,7 +14374,8 @@ var getMediaType = function getMediaType() {
 };
 
 function ShapeTypeTableBody(_ref2) {
-  var className = _ref2.className,
+  var shapeActualSize = _ref2.shapeActualSize,
+      className = _ref2.className,
       shapeType = _ref2.shapeType,
       storageListType = _ref2.storageListType,
       displayMethodTypes = _ref2.displayMethodTypes,
@@ -14400,7 +14401,7 @@ function ShapeTypeTableBody(_ref2) {
       }), shape.fileSize && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [/*#__PURE__*/jsxRuntime.jsx(TableRow$1, {
           label: "File Size",
-          value: shape.fileSize
+          value: shapeActualSize
         }), /*#__PURE__*/jsxRuntime.jsx(TableRow$1, {
           label: "Checksum",
           value: shape.hash
@@ -14576,6 +14577,7 @@ function ItemShapeRow(_ref) {
   }
 
   var shapeTags = shapeType.tag.join(', ');
+  var shapeActualSize = shape.fileSize === '-1 B' ? 'Not Available' : shape.fileSize;
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsxs(TableRow__default["default"], _objectSpread$1X(_objectSpread$1X({}, TableRowProps), {}, {
       children: [/*#__PURE__*/jsxRuntime.jsx(TableCell__default["default"], {
@@ -14600,7 +14602,7 @@ function ItemShapeRow(_ref) {
       }), /*#__PURE__*/jsxRuntime.jsx(TableCell__default["default"], {
         children: shape.dimension
       }), /*#__PURE__*/jsxRuntime.jsx(TableCell__default["default"], {
-        children: shape.fileSize
+        children: shapeActualSize
       }), /*#__PURE__*/jsxRuntime.jsxs(TableCell__default["default"], {
         style: {
           display: 'flex'
@@ -14634,6 +14636,7 @@ function ItemShapeRow(_ref) {
               size: "small",
               padding: "none",
               children: /*#__PURE__*/jsxRuntime.jsx(ShapeTypeTableBody, {
+                shapeActualSize: shapeActualSize,
                 shapeType: shapeType,
                 itemId: itemId,
                 storageListType: storageListType,
@@ -24428,11 +24431,11 @@ function ItemPlayer(_ref3) {
   }, [source, previewSources]);
   var documentType = React.useMemo(function () {
     if (source) {
-      return vdtJs.getDocumentType(source.shape);
+      return vdtJs.getShapeDocumentType(source.shape);
     }
 
     if (previewSources && previewSources.length > 0) {
-      return vdtJs.getDocumentType(previewSources[0].shape);
+      return vdtJs.getShapeDocumentType(previewSources[0].shape);
     }
 
     return undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidispine/vdt-materialui",
-  "version": "22.4.0-pre.5",
+  "version": "22.4.0-pre.7",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public"
@@ -25,10 +25,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.9",
-    "@vidispine/vdt-api": "22.4.0-pre.5",
-    "@vidispine/vdt-js": "22.4.0-pre.5",
-    "@vidispine/vdt-react": "22.4.0-pre.5",
-    "@vidispine/vdt-videojs-react": "22.4.0-pre.5",
+    "@vidispine/vdt-api": "22.4.0-pre.7",
+    "@vidispine/vdt-js": "22.4.0-pre.7",
+    "@vidispine/vdt-react": "22.4.0-pre.7",
+    "@vidispine/vdt-videojs-react": "22.4.0-pre.7",
     "clsx": "^1.2.1",
     "core-js": "^3.24.1",
     "filesize": "^6.4.0",
@@ -71,11 +71,11 @@
     "@rollup/plugin-commonjs": "21.1.0",
     "@rollup/plugin-node-resolve": "13.3.0",
     "@svgr/rollup": "6.3.1",
-    "@vidispine/eslint-config-mdx": "22.4.0-pre.5",
-    "@vidispine/eslint-config-react": "22.4.0-pre.5",
-    "@vidispine/eslint-config-storybook": "22.4.0-pre.5",
-    "@vidispine/prettier-config": "22.4.0-pre.5",
-    "@vidispine/proptypes": "22.4.0-pre.5",
+    "@vidispine/eslint-config-mdx": "22.4.0-pre.7",
+    "@vidispine/eslint-config-react": "22.4.0-pre.7",
+    "@vidispine/eslint-config-storybook": "22.4.0-pre.7",
+    "@vidispine/prettier-config": "22.4.0-pre.7",
+    "@vidispine/proptypes": "22.4.0-pre.7",
     "@wojtekmaj/enzyme-adapter-react-17": "0.6.7",
     "axios": "0.21.4",
     "axios-mock-adapter": "1.21.2",