@vidispine/vdt-mui 22.4.0 → 23.1.0-pre.2

package/dist/item/ItemPosterViewer/ItemPosterViewer.js

@@ -0,0 +1,11 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useState } from 'react';
+import { styled, Paper, Box } from '@mui/material';
+import VdtToolbar from './components/Toolbar.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import VdtBlurredBackground from '../../general/BlurredBackground/index.js';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var StyledMuiPaper=styled(Paper,{shouldForwardProp:function shouldForwardProp(prop){return prop!=='toolbarOnBottom';}})(function(_ref){var toolbarOnBottom=_ref.toolbarOnBottom;return {display:'grid',gridTemplateAreas:toolbarOnBottom?"\"poster\" \"toolbar\"":"\"toolbar\" \"poster\"",gridTemplateRows:toolbarOnBottom?"auto min-content":"min-content auto",maxWidth:'100%',width:'100%',height:'100%',position:'relative'};});var StyledVdtToolbar=styled(VdtToolbar)({gridArea:'toolbar',maxHeight:'48px',zIndex:25,'&:focus-visible':{outline:'none'}});var StyledVdtBlurredBackground=styled(VdtBlurredBackground,{shouldForwardProp:function shouldForwardProp(prop){return prop!=='toolbarOnBottom';}})(function(_ref2){var toolbarOnBottom=_ref2.toolbarOnBottom;return _objectSpread({height:'calc(100% - 48px)',width:'100%',position:'absolute',zIndex:0},toolbarOnBottom?{top:0}:{bottom:0});});var StyledMuiBoxImage=styled(Box,{shouldForwardProp:function shouldForwardProp(prop){return !['image','backgroundSize'].includes(prop);}})(function(_ref3){var image=_ref3.image,backgroundSize=_ref3.backgroundSize;return {height:'inherit',width:'inherit',position:'relative',zIndex:5,transition:'all .3s ease-in-out',background:image?"url(".concat(image,")"):'none',backgroundPosition:'center',backgroundRepeat:'no-repeat',backgroundSize:backgroundSize,'&:focus-visible':{outline:'none'}};});var defaultComponents={Root:StyledMuiPaper,Toolbar:StyledVdtToolbar,BlurredBackground:StyledVdtBlurredBackground,ImageBox:StyledMuiBoxImage};function ItemPosterViewer(_ref4){var itemType=_ref4.itemType,propIndex=_ref4.index,showBlurredBackground=_ref4.showBlurredBackground,backgroundSize=_ref4.backgroundSize,onPrevious=_ref4.onPrevious,onNext=_ref4.onNext,onClose=_ref4.onClose,_onDownload=_ref4.onDownload,toolbarOnBottom=_ref4.toolbarOnBottom,components=_ref4.components,componentsProps=_ref4.componentsProps;var Paper=components.Root,Toolbar=components.Toolbar,BlurredBackground=components.BlurredBackground,ImageBox=components.ImageBox;var _ref5=itemType||{},_ref5$posters=_ref5.posters;_ref5$posters=_ref5$posters===void 0?{}:_ref5$posters;var _ref5$posters$uri=_ref5$posters.uri,posters=_ref5$posters$uri===void 0?[]:_ref5$posters$uri;var isControlledIndex=propIndex!==undefined;var _useState=useState(0),_useState2=_slicedToArray(_useState,2),localIndex=_useState2[0],setLocalIndex=_useState2[1];var index=isControlledIndex?propIndex:localIndex;var handlePrevious=function handlePrevious(e){if(!isControlledIndex)setLocalIndex(function(prev){return prev>0?prev-1:posters.length-1;});if(onPrevious)onPrevious(e,index>0?index-1:posters.length-1);};var handleNext=function handleNext(e){if(!isControlledIndex)setLocalIndex(function(prev){return (prev+1)%posters.length;});if(onNext)onNext(e,(index+1)%posters.length);};var handleKeyDown=function handleKeyDown(e){e.stopPropagation();if(e.code==='ArrowRight')handleNext(e);if(e.code==='ArrowLeft')handlePrevious(e);};var imageUrl=posters[index];return/*#__PURE__*/jsxs(Paper,_objectSpread(_objectSpread({toolbarOnBottom:toolbarOnBottom,onKeyDown:handleKeyDown},componentsProps.root),{},{children:[/*#__PURE__*/jsx(Toolbar,_objectSpread({onPrevious:handlePrevious,onNext:handleNext,onClose:onClose,onDownload:function onDownload(e){return _onDownload(e,{url:imageUrl,itemType:itemType});},tabIndex:-1,onKeyDown:handleKeyDown},componentsProps.toolbar)),showBlurredBackground&&/*#__PURE__*/jsx(BlurredBackground,_objectSpread({image:imageUrl,toolbarOnBottom:toolbarOnBottom},componentsProps.blurredBackground)),/*#__PURE__*/jsx(ImageBox,_objectSpread({component:"div",image:imageUrl,backgroundSize:backgroundSize,tabIndex:-1,onKeyDown:handleKeyDown},componentsProps.imageBox))]}));}ItemPosterViewer.defaultProps={itemType:undefined,index:undefined,showBlurredBackground:false,backgroundSize:'auto',onPrevious:undefined,onNext:undefined,onClose:undefined,onDownload:undefined,toolbarOnBottom:false,components:defaultComponents,componentsProps:undefined};
+
+export { ItemPosterViewer as default };

package/dist/item/ItemPosterViewer/components/Toolbar.js

@@ -0,0 +1,9 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { Close, NavigateBefore, NavigateNext, SaveAlt } from '@mui/icons-material';
+import { Toolbar, Box, IconButton } from '@mui/material';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _excluded=["onPrevious","onNext","onClose","onDownload"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function VdtToolbar(_ref){var onPrevious=_ref.onPrevious,onNext=_ref.onNext,onClose=_ref.onClose,onDownload=_ref.onDownload,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(Toolbar,_objectSpread(_objectSpread({},props),{},{children:/*#__PURE__*/jsxs(Box,{display:"flex",justifyContent:"space-between",width:"100%",children:[onClose?/*#__PURE__*/jsx(IconButton,{edge:"start",onClick:onClose,children:/*#__PURE__*/jsx(Close,{})}):/*#__PURE__*/jsx("span",{}),/*#__PURE__*/jsxs(Box,{children:[/*#__PURE__*/jsx(IconButton,{onClick:onPrevious,children:/*#__PURE__*/jsx(NavigateBefore,{})}),/*#__PURE__*/jsx(IconButton,{onClick:onNext,children:/*#__PURE__*/jsx(NavigateNext,{})})]}),onDownload?/*#__PURE__*/jsx(IconButton,{edge:"end",onClick:onDownload,children:/*#__PURE__*/jsx(SaveAlt,{})}):/*#__PURE__*/jsx("span",{})]})}));}
+
+export { VdtToolbar as default };

package/dist/item/ItemPosterViewer/index.js

@@ -0,0 +1,7 @@
+import { styled } from '@mui/material';
+import ItemPosterViewer from './ItemPosterViewer.js';
+import { withOverrides } from '../../_utils/withOverrides.js';
+
+var componentName='ItemPosterViewer';var name="Vdt".concat(componentName);var ComponentWithOverrides=withOverrides(name)(ItemPosterViewer);var StyledComponent=styled(ComponentWithOverrides,{name:name,overridesResolver:function overridesResolver(_,styles){return styles.root;}})(function(){return {};});StyledComponent.displayName=componentName;var StyledComponent$1 = StyledComponent;
+
+export { StyledComponent$1 as default };

package/dist/item/ItemTable/ItemTable.js

@@ -0,0 +1,13 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import { useMemo, useState } from 'react';
+import { TableRow, TableCell, Table, TableBody } from '@mui/material';
+import VdtItemTableRow from '../ItemTableRow/index.js';
+import ItemTableHead from './components/ItemTableHead.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { showSlot } from '../../_utils/showSlot.js';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function EmptySlot(_ref){var rows=_ref.rows,onCheck=_ref.onCheck;return/*#__PURE__*/jsx(TableRow,{children:/*#__PURE__*/jsx(TableCell,{colSpan:rows.length+(onCheck?1:0),sx:{borderBottom:'none'},children:"No items found..."})});}var defaultComponents={Root:Table,TableHead:ItemTableHead,TableBody:TableBody,TableRow:VdtItemTableRow};function ItemTable(_ref2){var _itemListType$item2,_itemListType$item3;var itemListType=_ref2.itemListType,size=_ref2.size,stickyHeader=_ref2.stickyHeader,rows=_ref2.rows,onRowClick=_ref2.onRowClick,controlledChecked=_ref2.checked,onCheck=_ref2.onCheck,isLoading=_ref2.isLoading,amountLoading=_ref2.amountLoading,emptySlot=_ref2.emptySlot,components=_ref2.components,componentsProps=_ref2.componentsProps;var Table=components.Root,TableHead=components.TableHead,TableBody=components.TableBody,TableRow=components.TableRow;var loadingRows=_toConsumableArray(Array(Math.max(amountLoading,0)).keys()).map(function(value){return {key:value};});var itemTypeRows=useMemo(function(){var _itemListType$item;return (itemListType===null||itemListType===void 0?void 0:(_itemListType$item=itemListType.item)===null||_itemListType$item===void 0?void 0:_itemListType$item.map(function(itemType){return {key:itemType===null||itemType===void 0?void 0:itemType.id,itemType:itemType};}))||[];},[itemListType]);var _useState=useState([]),_useState2=_slicedToArray(_useState,2),uncontrolledChecked=_useState2[0],setCheckedItemListType=_useState2[1];var checkedItems=controlledChecked===undefined?uncontrolledChecked:controlledChecked;var handleCheckAll=!onCheck?undefined:function(e,_ref3){var value=_ref3.value;var newCheckedItems=value===true?(itemListType===null||itemListType===void 0?void 0:itemListType.item)||[]:[];if(controlledChecked===undefined)setCheckedItemListType(function(){return newCheckedItems;});onCheck(e,{itemListType:{item:newCheckedItems}});};var handleCheck=!onCheck?undefined:function(e,_ref4){var value=_ref4.value,itemType=_ref4.itemType;var newCheckedItems=value===true?[].concat(_toConsumableArray(checkedItems),[itemType]):checkedItems.filter(function(_ref5){var id=_ref5.id;return itemType.id!==id;});if(controlledChecked===undefined)setCheckedItemListType(function(){return newCheckedItems;});onCheck(e,{itemListType:{item:newCheckedItems}});};return/*#__PURE__*/jsxs(Table,_objectSpread(_objectSpread({size:size,stickyHeader:stickyHeader},componentsProps.root),{},{children:[/*#__PURE__*/jsx(TableHead,{rows:rows,isLoading:isLoading,checked:checkedItems.length>0&&checkedItems.length===(itemListType===null||itemListType===void 0?void 0:(_itemListType$item2=itemListType.item)===null||_itemListType$item2===void 0?void 0:_itemListType$item2.length),indeterminate:checkedItems.length>0&&checkedItems.length<(itemListType===null||itemListType===void 0?void 0:(_itemListType$item3=itemListType.item)===null||_itemListType$item3===void 0?void 0:_itemListType$item3.length),onCheck:handleCheckAll}),/*#__PURE__*/jsxs(TableBody,{children:[!isLoading&&itemTypeRows.length===0&&showSlot(emptySlot,{onCheck:onCheck,rows:rows}),(isLoading?loadingRows:itemTypeRows).map(function(_ref6){var key=_ref6.key,itemType=_ref6.itemType;return/*#__PURE__*/jsx(TableRow,{itemType:itemType,rows:rows,isLoading:isLoading,onClick:onRowClick,checked:checkedItems.some(function(_ref7){var id=_ref7.id;return id===itemType.id;}),onCheck:handleCheck},key);})]})]}));}ItemTable.defaultProps={itemListType:undefined,rows:[],size:'medium',stickyHeader:false,isLoading:false,checked:undefined,onCheck:undefined,onRowClick:undefined,amountLoading:3,emptySlot:EmptySlot,components:defaultComponents,componentsProps:undefined};
+
+export { ItemTable as default };

package/dist/item/ItemTable/components/ItemTableHead.js

@@ -0,0 +1,8 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { TableHead, TableRow, TableCell, Skeleton, Checkbox } from '@mui/material';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _excluded=["rows","isLoading","checked","indeterminate","onCheck"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function ItemTableHead(_ref){var rows=_ref.rows,isLoading=_ref.isLoading,checked=_ref.checked,indeterminate=_ref.indeterminate,onCheck=_ref.onCheck,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/jsx(TableHead,_objectSpread(_objectSpread({},props),{},{children:/*#__PURE__*/jsxs(TableRow,{children:[onCheck&&/*#__PURE__*/jsx(TableCell,{padding:"checkbox",children:isLoading?/*#__PURE__*/jsx(Skeleton,{sx:{width:'18px',height:'36px',margin:'auto'}}):/*#__PURE__*/jsx(Checkbox,{checked:checked||indeterminate,indeterminate:indeterminate,onChange:function onChange(e){var _e$target;return onCheck(e,{value:e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.checked});}})}),rows.map(function(_ref2,index){var label=_ref2.label;return/*#__PURE__*/jsx(TableCell,{children:label},label||index);})]})}));}
+
+export { ItemTableHead as default };

package/dist/item/ItemTable/index.js

@@ -0,0 +1,7 @@
+import { styled } from '@mui/material';
+import ItemTable from './ItemTable.js';
+import { withOverrides } from '../../_utils/withOverrides.js';
+
+var componentName='ItemTable';var name="Vdt".concat(componentName);var ComponentWithOverrides=withOverrides(name)(ItemTable);var StyledComponent=styled(ComponentWithOverrides,{name:name,overridesResolver:function overridesResolver(_,styles){return styles.root;}})(function(){return {};});StyledComponent.displayName=componentName;var StyledComponent$1 = StyledComponent;
+
+export { StyledComponent$1 as default };

package/dist/item/ItemTableRow/ItemTableRow.js

@@ -0,0 +1,11 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useMemo, useState } from 'react';
+import { Skeleton, styled, TableRow, TableCell, Checkbox } from '@mui/material';
+import { getEntityText } from '../../entity/_utils/getEntityText.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var StyledMuiTableRow=styled(TableRow)(function(_ref){var onClick=_ref.onClick;return _objectSpread({},onClick?{cursor:'pointer'}:{});});var defaultComponents={Root:StyledMuiTableRow,TableCell:TableCell,Checkbox:Checkbox};function ItemTableRow(_ref2){var itemType=_ref2.itemType,rows=_ref2.rows,defaultValue=_ref2.defaultValue,controlledChecked=_ref2.checked,isLoading=_ref2.isLoading,onClick=_ref2.onClick,onCheck=_ref2.onCheck,components=_ref2.components,componentsProps=_ref2.componentsProps;var TableRow=components.Root,TableCell=components.TableCell,Checkbox=components.Checkbox;var values=useMemo(function(){return rows.map(function(){var _ref3=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},value=_ref3.value;return getEntityText(value,{itemType:itemType})||defaultValue;});},[itemType,defaultValue,rows]);var _useState=useState(false),_useState2=_slicedToArray(_useState,2),uncontrolledChecked=_useState2[0],setChecked=_useState2[1];var checked=controlledChecked===undefined?uncontrolledChecked:controlledChecked;var handleCheck=typeof onCheck!=='function'?undefined:function(e){var value=!checked;onCheck(e,{value:value,itemType:itemType});if(controlledChecked===undefined)setChecked(value);};var handleClick=typeof onClick!=='function'?undefined:function(e){var _e$target,_e$target2;// Don't trigger onClick when pressing checkbox
+if(!((e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.nodeName)==='INPUT'&&(e===null||e===void 0?void 0:(_e$target2=e.target)===null||_e$target2===void 0?void 0:_e$target2.checked)!==undefined)){onClick(e,{itemType:itemType});}};return/*#__PURE__*/jsxs(TableRow,_objectSpread(_objectSpread({hover:true,selected:checked,onClick:handleClick},componentsProps.root),{},{children:[handleCheck&&/*#__PURE__*/jsx(TableCell,_objectSpread(_objectSpread({padding:"checkbox"},componentsProps.tableCell),{},{children:isLoading?/*#__PURE__*/jsx(Skeleton,{sx:{width:'18px',height:'36px',margin:'auto'}}):/*#__PURE__*/jsx(Checkbox,_objectSpread({checked:checked,onChange:handleCheck},componentsProps.checkbox))})),values.map(function(value){return/*#__PURE__*/jsx(TableCell,_objectSpread(_objectSpread({},componentsProps.tableCell),{},{children:isLoading?/*#__PURE__*/jsx(Skeleton,{}):value}),value);})]}));}ItemTableRow.defaultProps={itemType:undefined,defaultValue:undefined,rows:[],onClick:undefined,checked:undefined,onCheck:undefined,isLoading:false,components:defaultComponents,componentsProps:undefined};
+
+export { ItemTableRow as default };

package/dist/item/ItemTableRow/index.js

@@ -0,0 +1,7 @@
+import { styled } from '@mui/material';
+import ItemTableRow from './ItemTableRow.js';
+import { withOverrides } from '../../_utils/withOverrides.js';
+
+var componentName='ItemTableRow';var name="Vdt".concat(componentName);var ComponentWithOverrides=withOverrides(name)(ItemTableRow);var StyledComponent=styled(ComponentWithOverrides,{name:name,overridesResolver:function overridesResolver(_,styles){return styles.root;}})(function(){return {};});StyledComponent.displayName=componentName;var VdtItemTableRow = StyledComponent;
+
+export { VdtItemTableRow as default };

package/dist/item/ItemThumbnail/ItemThumbnail.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { styled, Box } from '@mui/material';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import VdtScrubLine from '../../general/ScrubLine/index.js';
+import VdtCornerLabelPlacer from '../../general/CornerLabelPlacer/index.js';
+import VdtBlurredBackground from '../../general/BlurredBackground/index.js';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var StyledMuiBox=styled(Box)(function(_ref){var onClick=_ref.onClick;return _objectSpread({height:'100%',width:'100%'},onClick&&{cursor:'pointer'});});var StyledVdtScrubLine=styled(VdtScrubLine)(function(){return {position:'relative',zIndex:10};});var StyledVdtCornerLabelPlacer=styled(VdtCornerLabelPlacer)(function(){return {height:'100%',width:'100%',position:'absolute',zIndex:15,top:0};});var StyledVdtBlurredBackground=styled(VdtBlurredBackground)(function(){return {height:'100%',width:'100%',position:'absolute',zIndex:0,top:0};});var StyledMuiBoxImage=styled(Box,{shouldForwardProp:function shouldForwardProp(prop){return !['image','cover'].includes(prop);}})(function(_ref2){var image=_ref2.image,cover=_ref2.cover;return _objectSpread({height:'inherit',width:'inherit',position:'relative',zIndex:5,transition:'all .3s ease-in-out',background:image?"url(".concat(image,")"):'none',backgroundPosition:'center',backgroundRepeat:'no-repeat'},cover?{backgroundSize:'cover'}:{backgroundSize:'contain'});});var defaultComponents={Root:StyledMuiBox,ScrubLine:StyledVdtScrubLine,CornerLabelPlacer:StyledVdtCornerLabelPlacer,BlurredBackground:StyledVdtBlurredBackground,ImageBox:StyledMuiBoxImage};function ItemThumbnail(_ref3){var _thumbnails$uri;var itemType=_ref3.itemType,thumbnailIndex=_ref3.thumbnailIndex,placeholderImage=_ref3.placeholderImage,showBlurredBackground=_ref3.showBlurredBackground,label=_ref3.label,cover=_ref3.cover,showScrub=_ref3.showScrub,scrubLabel=_ref3.scrubLabel,scrubPosition=_ref3.scrubPosition,onClick=_ref3.onClick,onMouseMove=_ref3.onMouseMove,onMouseEnter=_ref3.onMouseEnter,onMouseLeave=_ref3.onMouseLeave,components=_ref3.components,componentsProps=_ref3.componentsProps;var Box=components.Root,ScrubLine=components.ScrubLine,BlurredBackground=components.BlurredBackground,ImageBox=components.ImageBox,CornerLabelPlacer=components.CornerLabelPlacer;var _ref4=itemType||{},thumbnails=_ref4.thumbnails;var image=(thumbnails===null||thumbnails===void 0?void 0:(_thumbnails$uri=thumbnails.uri)===null||_thumbnails$uri===void 0?void 0:_thumbnails$uri[thumbnailIndex])||placeholderImage;var handleClick=typeof onClick!=='function'?undefined:function(e){onClick(e,{itemType:itemType,thumbnailIndex:thumbnailIndex});};return/*#__PURE__*/jsx(Box,_objectSpread(_objectSpread({onClick:handleClick},componentsProps.root),{},{children:/*#__PURE__*/jsxs(ScrubLine,_objectSpread(_objectSpread({show:showScrub,label:scrubLabel,position:scrubPosition,onMouseMove:onMouseMove,onMouseEnter:onMouseEnter,onMouseLeave:onMouseLeave},componentsProps.scrubLine),{},{children:[showBlurredBackground&&/*#__PURE__*/jsx(BlurredBackground,_objectSpread({image:image},componentsProps.blurredBackground)),/*#__PURE__*/jsx(ImageBox,_objectSpread({component:"div",image:image,cover:cover},componentsProps.imageBox)),/*#__PURE__*/jsx(CornerLabelPlacer,_objectSpread({labelBottomRight:label},componentsProps.cornerLabelPlacer))]}))}));}ItemThumbnail.defaultProps={itemType:undefined,thumbnailIndex:0,label:undefined,placeholderImage:undefined,showBlurredBackground:false,cover:false,showScrub:false,scrubLabel:undefined,scrubPosition:0,onClick:undefined,onMouseMove:undefined,onMouseEnter:undefined,onMouseLeave:undefined,components:defaultComponents,componentsProps:undefined};
+
+export { ItemThumbnail as default };

package/dist/item/ItemThumbnail/index.js

@@ -0,0 +1,7 @@
+import { styled } from '@mui/material';
+import ItemThumbnail$1 from './ItemThumbnail.js';
+import { withOverrides } from '../../_utils/withOverrides.js';
+
+var componentName='ItemThumbnail';var name="Vdt".concat(componentName);var ComponentWithOverrides=withOverrides(name)(ItemThumbnail$1);var StyledComponent=styled(ComponentWithOverrides,{name:name,overridesResolver:function overridesResolver(_,styles){return styles.root;}})(function(){return {};});StyledComponent.displayName=componentName;var ItemThumbnail = StyledComponent;
+
+export { ItemThumbnail as default };

package/dist/shape/ShapeMediaBadges/ShapeMediaBadges.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { styled, Stack } from '@mui/material';
+import { parseShapeType } from '@vidispine/vdt-js';
+import { generateBadges } from '../../_utils/generateBadges.js';
+import VdtCompactBadge from '../../general/CompactBadge/index.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var StyledMuiStack=styled(Stack)(function(){return {alignItems:'center'};});var defaultComponents={Root:StyledMuiStack,CompactBadge:VdtCompactBadge};function ShapeMediaBadges(_ref){var shape=_ref.shape,direction=_ref.direction,spacing=_ref.spacing,dividerSlot=_ref.dividerSlot,generateBadges=_ref.generateBadges,components=_ref.components,componentsProps=_ref.componentsProps;var Root=components.Root,CompactBadge=components.CompactBadge;var badges=generateBadges(parseShapeType(shape));return/*#__PURE__*/jsx(Root,_objectSpread(_objectSpread({direction:direction,spacing:spacing>0?spacing:0,divider:dividerSlot},componentsProps.root),{},{children:badges.map(function(badge){return/*#__PURE__*/jsx(CompactBadge,_objectSpread({text:badge},componentsProps.compactBadge),badge);})}));}ShapeMediaBadges.defaultProps={shape:{},direction:'row',spacing:1,dividerSlot:undefined,generateBadges:generateBadges,components:defaultComponents,componentsProps:undefined};
+
+export { ShapeMediaBadges as default };

package/dist/shape/ShapeMediaBadges/index.js

@@ -0,0 +1,7 @@
+import { styled } from '@mui/material';
+import ShapeMediaBadges from './ShapeMediaBadges.js';
+import { withOverrides } from '../../_utils/withOverrides.js';
+
+var componentName='ShapeMediaBadges';var name="Vdt".concat(componentName);var ComponentWithOverrides=withOverrides(name)(ShapeMediaBadges);var StyledComponent=styled(ComponentWithOverrides,{name:name,overridesResolver:function overridesResolver(_,styles){return styles.root;}})(function(){return {};});StyledComponent.displayName=componentName;var StyledComponent$1 = StyledComponent;
+
+export { StyledComponent$1 as default };

package/dist/transcode/TranscodePresetMediaBadges/TranscodePresetMediaBadges.js

@@ -0,0 +1,10 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { styled, Stack } from '@mui/material';
+import { parseTranscodePreset } from '@vidispine/vdt-js';
+import { generateBadges } from '../../_utils/generateBadges.js';
+import VdtCompactBadge from '../../general/CompactBadge/index.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var StyledMuiStack=styled(Stack)(function(){return {alignItems:'center'};});var defaultComponents={Root:StyledMuiStack,CompactBadge:VdtCompactBadge};function TranscodePresetMediaBadges(_ref){var transcodePreset=_ref.transcodePreset,direction=_ref.direction,spacing=_ref.spacing,dividerSlot=_ref.dividerSlot,generateBadges=_ref.generateBadges,components=_ref.components,componentsProps=_ref.componentsProps;var Stack=components.Root,CompactBadge=components.CompactBadge;var badges=generateBadges(parseTranscodePreset(transcodePreset));return/*#__PURE__*/jsx(Stack,_objectSpread(_objectSpread({direction:direction,spacing:spacing>0?spacing:0,divider:dividerSlot},componentsProps.root),{},{children:badges.map(function(badge){return/*#__PURE__*/jsx(CompactBadge,_objectSpread({text:badge},componentsProps.compactBadge),badge);})}));}TranscodePresetMediaBadges.defaultProps={transcodePreset:undefined,direction:'row',spacing:1,dividerSlot:undefined,generateBadges:generateBadges,components:defaultComponents,componentsProps:undefined};
+
+export { TranscodePresetMediaBadges as default };

package/dist/transcode/TranscodePresetMediaBadges/index.js

@@ -0,0 +1,7 @@
+import { styled } from '@mui/material';
+import TranscodePresetMediaBadges from './TranscodePresetMediaBadges.js';
+import { withOverrides } from '../../_utils/withOverrides.js';
+
+var componentName='TranscodePresetMediaBadges';var name="Vdt".concat(componentName);var ComponentWithOverrides=withOverrides(name)(TranscodePresetMediaBadges);var StyledComponent=styled(ComponentWithOverrides,{name:name,overridesResolver:function overridesResolver(_,styles){return styles.root;}})(function(){return {};});StyledComponent.displayName=componentName;var StyledComponent$1 = StyledComponent;
+
+export { StyledComponent$1 as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidispine/vdt-mui",
-  "version": "22.4.0",
+  "version": "23.1.0-pre.2",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public"
@@ -13,7 +13,8 @@
     "directory": "packages/vdt-mui"
   },
   "main": "dist/index.js",
-  "module": "dist/index.es.js",
+  "module": "dist/index.js",
+  "sideEffects": false,
   "files": [
     "dist"
   ],
@@ -28,19 +29,15 @@
     "@mui/icons-material": "^5.10.15",
     "@mui/lab": "^5.0.0-alpha.109",
     "@mui/material": "^5.10.15",
-    "@mui/styles": "^5.10.15",
-    "@mui/system": "^5.10.15",
-    "@mui/x-date-pickers": "5.0.8",
-    "@vidispine/proptypes": "22.4.0",
-    "@vidispine/vdt-api": "22.4.0",
-    "@vidispine/vdt-js": "22.4.0",
-    "@vidispine/vdt-react": "22.4.0",
-    "@vidispine/vdt-videojs-react": "22.4.0",
-    "clsx": "^1.2.1",
-    "dayjs": "^1.11.6",
-    "prop-types": "^15.8.1"
+    "@vidispine/vdt-api": "23.1.0-pre.2",
+    "@vidispine/vdt-js": "23.1.0-pre.2",
+    "@vidispine/vdt-react": "23.1.0-pre.2",
+    "clsx": "^1.2.1"
   },
   "peerDependencies": {
+    "@mui/x-date-pickers": "^5.0.0",
+    "@vidispine/vdt-videojs-react": "23.1.0-pre.2",
+    "dayjs": "^1.0.0",
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },
@@ -55,13 +52,16 @@
     "@svgr/rollup": "6.5.1",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "12.1.5",
-    "@vidispine/eslint-config-mdx": "22.4.0",
-    "@vidispine/eslint-config-react": "22.4.0",
-    "@vidispine/eslint-config-storybook": "22.4.0",
-    "@vidispine/prettier-config": "22.4.0",
+    "@vidispine/eslint-config-mdx": "23.1.0-pre.2",
+    "@vidispine/eslint-config-react": "23.1.0-pre.2",
+    "@vidispine/eslint-config-storybook": "23.1.0-pre.2",
+    "@vidispine/prettier-config": "23.1.0-pre.2",
+    "@vidispine/proptypes": "23.1.0-pre.2",
+    "babel-plugin-transform-react-remove-prop-types": "0.4.24",
     "eslint": "8.28.0",
     "hygen": "6.2.11",
     "prettier": "2.8.0",
+    "prop-types": "15.8.1",
     "rimraf": "3.0.2",
     "rollup": "2.79.1"
   },