@vidispine/vdt-materialui 23.2.0-pre.2 → 23.2.0

package/dist/cjs/item/ItemListItem/ItemListItem.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),a=require("clsx"),t=require("prop-types"),d=require("@material-ui/core"),L=require("@material-ui/lab"),S=require("@vidispine/vdt-js"),g=require("../../media/MediaCardAvatar/index.js"),N=()=>({root:{},ListItemAvatar:{},Avatar:{},ListItemText:{},Action:{},ListItemSecondaryAction:{visibility:"hidden"},ListItemContainer:{"&:hover $ListItemSecondaryAction":{visibility:"visible"}}});function f({classes:e,className:u,itemType:o,onClick:l,parseMetadataOptions:v,primary:n,secondary:c,AvatarComponent:A,AvatarProps:x,ActionComponent:y,ActionProps:j,ListItemProps:b,skeleton:r,ListItemAvatarProps:T,ListItemTextProps:O}){const{id:m,metadata:P}=o;let I,p;if(r===!1){const s=S.parseMetadataType(P,v);typeof n=="string"?I=s[n]:typeof n=="function"&&(I=n({...s,itemType:o,itemId:m})),typeof c=="string"?p=s[c]:typeof c=="function"&&(p=c({...s,itemType:o,itemId:m}))}return i.jsxs(d.ListItem,{className:a(u,e.root,"VdtItemListItem-root"),onClick:l?s=>l(s,{id:m}):void 0,button:l?!0:void 0,classes:{container:e.ListItemContainer},...b,children:[i.jsx(d.ListItemAvatar,{className:a(e.ListItemAvatar,"VdtItemListItem-ListItemAvatar"),...T,children:i.jsx(A,{avatar:"item",itemId:m,itemType:o,skeleton:r,className:a(e.Avatar,"VdtItemListItem-Avatar"),...x})}),i.jsx(d.ListItemText,{primary:r?i.jsx(L.Skeleton,{width:120}):I,secondary:r?i.jsx(L.Skeleton,{width:60}):p,className:a(e.ListItemText,"VdtItemListItem-ListItemText"),...O}),y&&i.jsx(d.ListItemSecondaryAction,{className:a(e.ListItemSecondaryAction,"VdtItemListItem-ListItemSecondaryAction"),children:i.jsx(y,{skeleton:r,itemType:o,className:a(e.Action,"VdtItemListItem-Action"),...j})})]})}f.propTypes={className:t.string,classes:t.objectOf(t.string),itemType:t.objectOf(t.any),primary:t.oneOfType([t.string,t.func]),secondary:t.oneOfType([t.string,t.func]),onClick:t.func,ActionComponent:t.elementType,ActionProps:t.objectOf(t.any),AvatarComponent:t.elementType,AvatarProps:t.objectOf(t.any),ListItemProps:t.objectOf(t.any),ListItemAvatarProps:t.objectOf(t.any),ListItemTextProps:t.objectOf(t.any),parseMetadataOptions:t.objectOf(t.any),skeleton:t.bool};f.defaultProps={className:void 0,classes:{},itemType:{},primary:({itemId:e})=>e,secondary:void 0,onClick:void 0,ActionComponent:void 0,ActionProps:{},AvatarComponent:g.default,AvatarProps:{},ListItemProps:{},ListItemAvatarProps:{},ListItemTextProps:{},parseMetadataOptions:{flat:!0,arrayOnSingleValue:!1},skeleton:!1};exports.default=f;exports.styles=N;

package/dist/cjs/item/ItemListItem/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("@material-ui/core"),e=require("./ItemListItem.js"),t=s.withStyles(e.styles,{name:"VdtItemListItem"})(e.default);t.displayName="ItemListItem";exports.default=t;

package/dist/cjs/item/ItemMetadataEdit.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("react/jsx-runtime"),b=require("react"),f=require("react-final-form"),T=require("@vidispine/vdt-api"),s=require("@vidispine/vdt-js"),o=require("../mapStringsBooleans.js"),j=require("./ItemMetadataForm.js");function B({itemId:n,onSuccess:i,fields:u,groups:c,itemType:l,onRefresh:d,isLoading:m,joinValue:p,onError:g=e=>console.error(e.message)}){const{metadata:e}=l,v=b.useMemo(()=>{const t=s.parseMetadataType(e,{flat:!0,arrayOnSingleValue:!1});return Object.entries(t).reduce(o.stringsToBooleans,{})},[e]),M=async t=>{const r=Object.entries(t).reduce((a,y)=>o.booleansToStrings(a,y,p),{}),q=s.createMetadataType(r);try{await T.item.updateItemMetadata({itemId:n,metadataDocument:q}),await d(),i()}catch(a){g(a)}};return!m&&S.jsx(f.Form,{onSubmit:M,component:j.default,fields:u,groups:c,initialValues:v})}exports.default=B;

package/dist/cjs/item/ItemMetadataFieldRow.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),l=require("clsx"),i=require("@material-ui/core"),p=require("../fields/Field.js"),u=e=>({root:{height:"42px",paddingTop:"8px !important"},cell:{borderBottom:"none",fontSize:"14px"},labelCell:{lineHeight:"20px",padding:"10px 0"},fieldCell:{"& .MuiInput-root":{...e.typography.body1,"& .MuiInput-input":{lineHeight:"20px",height:"20px",padding:"7px 0"}},"& .MuiInputBase-multiline":{padding:0}},field:{marginTop:0,"& .MuiFormHelperText-root":{display:"none"},"& .VdtSelectField-select":{marginTop:0},"&.VdtSelectField-root":{height:"34px"}}});function c({classes:e,className:a,name:d,label:o,labelText:n=()=>o||d,...r}){return t.jsxs(i.TableRow,{className:l(e.root,"VdtItemMetadataFieldRow-root",a),children:[t.jsx(i.TableCell,{className:l(e.cell,e.labelCell,"VdtItemMetadataFieldRow-labelCell"),colSpan:2,children:n(d,o)}),t.jsx(i.TableCell,{className:l(e.cell,e.fieldCell,"VdtItemMetadataFieldRow-fieldCell"),colSpan:3,children:t.jsx(p.default,{name:d,className:l(e.field,"VdtItemMetadataFieldRow-field"),...r})})]})}const m=i.withStyles(u,{name:"VdtItemMetadataFieldRow"})(c);exports.default=m;

package/dist/cjs/item/ItemMetadataForm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("react-final-form"),t=require("@material-ui/core"),l=require("./ItemMetadataFormTable.js");function c({fields:a=[],groups:o=[],handleSubmit:i,handleFormSpy:r,saveText:u="Save",ItemMetadataFormComponent:n=l.ItemMetadataFormTable,ItemMetadataFormProps:s={}}){return e.jsxs("form",{onSubmit:i,children:[e.jsx(n,{fields:a,groups:o,...s}),r&&e.jsx(m.FormSpy,{subscription:{values:!0,invalid:!0,active:!0},onChange:r}),e.jsx(t.Box,{m:2,children:e.jsx(t.Button,{fullWidth:!0,variant:"outlined",type:"submit",color:"primary",children:u})})]})}const d=t.withStyles({},{name:"VdtItemMetadataForm"})(c);exports.default=d;

package/dist/cjs/item/ItemMetadataFormTable.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),F=require("react"),d=require("clsx"),a=require("@material-ui/core"),h=require("@material-ui/icons"),R=require("../fields/CheckboxField.js"),A=require("../fields/CheckboxGroupField.js"),M=require("../fields/RadioField.js"),I=require("../fields/SelectField.js"),C=require("../fields/TextField.js");require("../fields/SliderField.js");const G=require("../fields/TagField.js");require("../fields/DateField.js");const w=require("../fields/SwitchField.js"),S=require("../fields/AutocompleteField.js"),f=require("../fields/AutocompleteConstraintField.js"),q=require("./ItemMetadataFieldRow.js"),t={AUTOCOMPLETE:"autocomplete",SELECT:"select",SWITCH:"switch",CHECKBOX:"checkbox",CHECKBOXGROUP:"checkboxGroup",RADIO:"radio",INTEGER:"integer",FLOAT:"float",LONG:"long",TEXTAREA:"textArea",TEXT:"text",TAG:"tag"},O=t.TEXT,j=(e,n)=>{switch(e){case t.AUTOCOMPLETE:return n?f.default:S.default;case t.TAG:return G.default;case t.SELECT:return I.default;case t.SWITCH:return w.default;case t.CHECKBOX:return R.default;case t.CHECKBOXGROUP:return A.default;case t.RADIO:return M.default;case t.DATE:case t.INTEGER:case t.LONG:case t.FLOAT:case t.TEXTAREA:case t.TEXT:default:return C.default}},g=(e,n)=>e==="boolean"&&n==="checkbox"?"checkbox":["integer","long"].includes(e)?"number":e||O,y=({displayType:e,type:n,constraint:r})=>{const c=j(e,r),l=g(n,e),i=e===t.TEXTAREA||void 0;return{component:c,type:l,multiline:i}},L={root:{tableLayout:"fixed"},dividerCell:{height:"20px"}};function P({classes:e,className:n,groupName:r,fields:c=[],groups:l=[],getFieldProps:i=y}){const m=F.useMemo(()=>l.map(({name:s,fields:u,groups:x,...p})=>o.jsx(E,{name:r?`${r}.${s}`:s,fields:u,groups:x,getFieldProps:i,...p},s)),[l]),T=F.useMemo(()=>c.map(s=>{const{name:u,displayType:x,...p}=s;return o.jsx(q.default,{name:r?`${r}.${u}`:u,...i(s),...p},u)}),[c]);return o.jsx(a.Table,{size:"small",padding:"none",className:d(e.root,"VdtItemMetadataFormTable-root",n),children:o.jsxs(a.TableBody,{children:[T,o.jsx(a.TableRow,{children:o.jsx(a.TableCell,{className:d(e.dividerCell,"VdtItemMetadataFormTable-dividerCell"),colSpan:5})}),m]})})}const X={accordion:{backgroundColor:"unset",boxShadow:"unset"},summary:{padding:0,"&.MuiAccordionSummary-root.Mui-expanded":{minHeight:"56px"},"& .MuiAccordionSummary-content":{marginTop:"5px",marginBottom:"5px"}},details:{paddingTop:0}};function N({classes:e,className:n,name:r,label:c,labelText:l=()=>c||r,fields:i,groups:m,getFieldProps:T}){return o.jsx(a.TableRow,{className:d(e.root,"VdtItemMetadataFieldGroupRow-root",n),children:o.jsx(a.TableCell,{colSpan:5,children:o.jsxs(a.Accordion,{className:d(e.accordion,"VdtItemMetadataFieldGroupRow-accordion"),children:[o.jsx(a.AccordionSummary,{className:d(e.summary,"VdtItemMetadataFieldGroupRow-summary"),expandIcon:o.jsx(h.ExpandMore,{}),"aria-controls":"panel1a-content",id:"panel1a-header",children:o.jsx(a.Typography,{className:d(e.label,"VdtItemMetadataFieldGroupRow-label"),children:l(r,c)})}),o.jsx(a.AccordionDetails,{className:d(e.details,"VdtItemMetadataFieldGroupRow-details"),children:o.jsx(b,{groupName:r,fields:i,groups:m,getFieldProps:T})})]})})})}const E=a.withStyles(X,{name:"VdtItemMetadataFieldGroupRow"})(N),b=a.withStyles(L,{name:"VdtItemMetadataFormTable"})(P);exports.ItemMetadataFieldGroupRow=E;exports.ItemMetadataFormTable=b;

package/dist/cjs/item/ItemMetadataList.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("clsx"),i=require("@material-ui/core"),M=require("./ItemMetadataListFieldGroupItem.js"),x=require("./ItemMetadataListFieldItem.js"),I=()=>({root:{width:"100%","& .MuiDivider-root":{marginTop:"10px",marginBottom:"10px"}}});function L({classes:o,className:d,fields:m=[],groups:u=[],showFieldName:n=!1,showOptionLabel:c=!0,formatValue:r,...s}){return e.jsxs(i.List,{className:l(o.root,"VdtItemMetadataList-root",d),size:"small",padding:"none",component:"div",children:[m.map(({name:t,...a})=>e.jsx(x.default,{name:t,value:s[t],showFieldName:n,formatValue:r,...a},t)),e.jsx(i.Divider,{}),u.map(({name:t,...a})=>e.jsx(M.default,{name:t,values:s[t]?s[t]:{},showFieldName:n,showOptionLabel:c,formatValue:r,...a},t))]})}const j=i.withStyles(I,{name:"VdtItemMetadataList"})(L);exports.default=j;

package/dist/cjs/item/ItemMetadataListFieldGroupItem.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),F=require("react"),l=require("clsx"),s=require("@material-ui/core"),p=require("@material-ui/icons"),G=require("./ItemMetadataListFieldItem.js"),$=i=>({root:{padding:0},label:{flexBasis:1,margin:"2px","& > .MuiListItemText-primary":{...i.typography.body2}},list:{padding:0,paddingLeft:"1em"}});function x({classes:i,className:u,name:r,label:I,fields:L=[],groups:j=[],values:a,showFieldName:n,showOptionLabel:m,formatValue:c,defaultExpanded:M=!1,...y}){const[d,g]=F.useState(M),b=()=>{g(!d)};return t.jsxs(t.Fragment,{children:[t.jsxs(s.ListItem,{className:l(i.root,"VdtItemMetadataListFieldGroupItem-root",u),button:!0,onClick:b,...y,children:[t.jsx(s.ListItemText,{className:l(i.label,"VdtItemMetadataListFieldGroupItem-label"),primary:I||r,secondary:n&&r}),d?t.jsx(p.ExpandLess,{}):t.jsx(p.ExpandMore,{})]}),t.jsx(s.Collapse,{in:d,timeout:"auto",unmountOnExit:!0,children:t.jsxs(s.List,{component:"div",className:l(i.list,"VdtItemMetadataListFieldGroupItem-list"),children:[L.map(({name:e,...o})=>t.jsx(G.default,{name:e,value:a[e],showFieldName:n,showOptionLabel:m,formatValue:c,...o},`${r}-${e}`)),j.map(({name:e,fields:o,groups:f,...q})=>t.jsx(x,{classes:i,className:u,name:e,fields:o,groups:f,values:a[e]?a[e]:{},showFieldName:n,showOptionLabel:m,formatValue:c,...q},`${r}-${e}`))]})})]})}const h=s.withStyles($,{name:"VdtItemMetadataListFieldGroupItem"})(x);exports.default=h;

package/dist/cjs/item/ItemMetadataListFieldItem.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),s=require("clsx"),i=require("@material-ui/core"),c=t=>({root:{padding:0,margin:"2px 0"},text:{margin:0,"& > .MuiListItemText-primary":{...t.typography.body2}},label:{flexBasis:"30%",marginBottom:"auto","& > .MuiListItemText-primary":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},value:{flexBasis:"70%",display:"flex",alignItems:"flex-end","& > .MuiListItemText-primary":{wordBreak:"break-all",fontWeight:600},"& > .MuiListItemText-secondary":{marginLeft:"6px"}}});function y({classes:t,className:o,name:d,label:n,value:e,formatValue:u=a=>a,options:r,showFieldName:x,showOptionLabel:I=!0}){const a=r&&r.some(l=>l.value===e)?r.find(l=>l.value===e).label:void 0;return m.jsxs(i.ListItem,{className:s(t.root,"VdtItemMetadataListFieldItem-root",o),children:[m.jsx(i.ListItemText,{className:s(t.text,t.label,"VdtItemMetadataListFieldItem-label"),primary:n||d,secondary:x&&d}),m.jsx(i.ListItemText,{className:s(t.text,t.value,"VdtItemMetadataListFieldItem-value"),primary:e!==void 0?u(e):"",secondary:I&&a&&`(${a})`})]})}const L=i.withStyles(c,{name:"VdtItemMetadataListFieldItem"})(y);exports.default=L;

package/dist/cjs/item/ItemMetadataTab.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),h=require("react"),o=require("@material-ui/core"),d=require("@vidispine/vdt-react"),N=require("./ItemMetadataEdit.js"),S=require("./ItemMetadataList.js");function T({itemId:x,fields:e=[],groups:t=[],editingLabel:b=m=>m?"Cancel":"Edit",showEditMetadata:l=!0,onError:p,editJoinValue:y=";",displayJoinValue:g=", ",displayGroupAsList:A=!1,useContentPaths:c=!1,formatValue:F,queryParams:u={},getAttributes:M=!1}){const m=h.useMemo(()=>{const r={...u};if(c){const s=t?t.map(n=>n.name).map(n=>`metadata.timespan[start=-INF][end=+INF].group[name=${n}]`).join(","):void 0,P=e?e.map(n=>n.name).map(n=>`metadata.timespan[start=-INF][end=+INF].field[name=${n}]`).join(","):"metadata.timespan[start=-INF][end=+INF].field";r.p=encodeURIComponent([P,s].join(","))}else r.content="metadata",Array.isArray(e)&&e.length>0&&(r.field=e.map(({name:s})=>s)),Array.isArray(t)&&t.length>0&&(r.group=t.map(({name:s})=>s));return r},[e,t,c,u]),[i,q]=h.useState(!1),j=()=>q(!i),{fieldsWithAttributes:f=[],groupsWithAttributes:I=[]}=d.useAddMetadataFieldAttributes({fields:e,groups:t,getAttributes:M});return a.jsxs(a.Fragment,{children:[l&&a.jsx(o.Box,{display:"flex",justifyContent:"flex-end",children:a.jsx(o.FormControlLabel,{control:a.jsx(o.Switch,{checked:i,onChange:j}),label:b(i),labelPlacement:"start"})}),a.jsx(d.GetItem,{itemId:x,queryParams:m,children:l&&i?a.jsx(N.default,{fields:f||e,groups:I||t,onSuccess:j,onError:p,joinValue:y}):a.jsx(d.MetadataType,{joinValue:g,groupAsList:A,children:a.jsx(S.default,{fields:f||e,groups:I||t,formatValue:F})})})]})}const v=o.withStyles({},{name:"VdtItemMetadataTab"})(T);exports.default=v;

package/dist/cjs/item/ItemMetadataTable.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),t=require("@material-ui/core"),c=t.withStyles(e=>({root:{borderStyle:"none",verticalAlign:"top",paddingRight:"1em",...e.typography.body2}}))(t.TableCell),s=t.withStyles(e=>({root:{borderStyle:"none",wordBreak:"break-word",verticalAlign:"top",...e.typography.subtitle2}}))(t.TableCell);function u({label:e,value:o,formatValue:n=d=>d,TableRowProps:i={},TableCellLabelProps:a={},TableCellValueProps:r={}}){return l.jsxs(t.TableRow,{component:"div",...i,children:[l.jsx(c,{component:"div",...a,children:e}),l.jsx(s,{component:"div",...r,children:o!==void 0?n(o):""})]})}function b({fields:e=[],TableRowComponent:o=u,TableRowProps:n={},...i}){return l.jsx(t.Table,{size:"small",padding:"none",style:{width:"100%"},component:"div",children:l.jsx(t.TableBody,{component:"div",children:e.map(({label:a,value:r,...d})=>l.jsx(o,{label:a,value:i[r],TableRowProps:n,...n,...d},r))})})}exports.default=b;

package/dist/cjs/item/ItemParentsTab.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react"),k=require("clsx"),M=require("lodash.update"),t=require("prop-types"),o=require("@material-ui/core"),I=require("@material-ui/icons"),P=require("@vidispine/vdt-api"),D=require("@vidispine/vdt-js");require("../collection/CollectionCard/index.js");require("../collection/CollectionCardThumbnail/index.js");require("../collection/CollectionGrid/index.js");require("../collection/CollectionRow/index.js");require("../collection/CollectionTable/index.js");require("../collection/CollectionTreeList/index.js");const _=require("../collection/CollectionList/index.js");require("../collection/CollectionListItem/index.js");require("../collection/CollectionMetadataTab.js");require("react-final-form");require("./ItemMetadataForm.js");require("../collection/CollectionAccessTab.js");require("../collection/CollectionCreateDialog/index.js");require("../collection/AddToCollectionDialog/index.js");const A=require("../collection/RemoveFromCollectionDialog/index.js");require("../collection/CollectionSearchPicker/index.js");require("../collection/CollectionContent/index.js");const R=require("../hooks/useMenu.js"),z={};function E({collectionId:n,itemId:d,removeText:s="Remove Item From Collection",onClick:p,goToText:q="Go To Collection",onRefresh:f}){const{anchorEl:h,onOpen:y,onClose:c,isOpen:C,onClick:l}=R.default(),[j,r]=u.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(o.ButtonBase,{size:"small",onClick:y,children:e.jsx(I.MoreVert,{})}),e.jsxs(o.Menu,{anchorEl:h,open:C,keepMounted:!0,onClose:c,getContentAnchorEl:null,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:[e.jsxs(o.MenuItem,{onClick:l(a=>p(a,{collectionId:n})),children:[e.jsx(o.ListItemIcon,{children:e.jsx(I.Forward,{fontSize:"small"})}),e.jsx(o.ListItemText,{primary:q})]}),e.jsxs(o.MenuItem,{onClick:l(()=>r(!0)),children:[e.jsx(o.ListItemIcon,{children:e.jsx(I.RemoveCircleOutline,{fontSize:"small"})}),e.jsx(o.ListItemText,{primary:s})]})]}),e.jsx(o.Dialog,{open:j,children:e.jsx(A.default,{collectionId:n,entityId:d,entityType:"item",onClose:()=>r(!1),onSuccess:()=>{f(),r(!1)}})})]})}function m({className:n,classes:d,itemId:s,itemSearchDocument:p,collectionListType:q,queryParams:f,onError:h,CollectionListComponent:y,CollectionListProps:c}){const[C,l]=u.useState(q),[j,r]=u.useState(!0),a=()=>{P.item.getItem({itemId:s,queryParams:{content:"metadata",field:"__collection"}}).then(({data:i})=>{const{__collection:g=[]}=D.parseMetadataType(i.metadata,{flat:!0});if(g.length===0)return{data:{}};const b={name:"collectionId",value:g.map(x=>({value:x}))},v=M(p,"field",(x=[])=>[...x.filter(O=>O.name!=="collectionId"),b]);return P.collection.searchCollection({itemSearchDocument:v,queryParams:f})}).then(({data:i})=>{l(i),r(!1)}).catch(i=>h(i))};u.useEffect(()=>{a()},[]);const{CollectionListItemProps:T={}}=c,{onClick:S,ActionProps:L={}}=T;return e.jsx("div",{className:k(d.root,"VdtItemParentsTab-root",n),children:e.jsx(y,{collectionListType:C,...c,CollectionListItemProps:{skeleton:j,ActionProps:{itemId:s,onClick:S,onRefresh:a,...L},ActionComponent:E,...T}})})}m.propTypes={className:t.string,classes:t.objectOf(t.any).isRequired,itemId:t.string.isRequired,itemSearchDocument:t.objectOf(t.any),queryParams:t.objectOf(t.any),onError:t.func,CollectionListComponent:t.elementType,CollectionListProps:t.objectOf(t.any),collectionListType:t.objectOf(t.any)};m.defaultProps={className:void 0,itemSearchDocument:{},queryParams:{content:"metadata",field:"title"},onError:({message:n})=>console.error(n),CollectionListComponent:_.default,CollectionListProps:{},collectionListType:{collection:[...Array(3).keys()].map(n=>({id:String(n)}))}};const F=o.withStyles(z,{name:"VdtItemParentsTab"})(m);exports.ItemParentsTab=m;exports.default=F;

package/dist/cjs/item/ItemPoster.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),a=require("react"),f=require("@vidispine/vdt-api"),j=require("@vidispine/vdt-js"),v=require("./ItemPosterDialog.js"),w=require("./ItemPosterList.js"),{defaultClient:x}=f.utils,L=(s,n)=>{const o=s.split("poster")[1].split("?hash")[0],t=j.formatTimeCodeText(o.split("/").pop()),e=n.find(i=>o===i.split("thumbnail")[1].split("?hash")[0]);return{posterUri:s,thumbnailUri:e,time:t}},P=(s,n)=>{x({url:s,method:"GET",responseType:"blob"}).then(({data:o})=>{const t=window.URL.createObjectURL(new Blob([o])),e=document.createElement("a");e.href=t,e.setAttribute("download",n),e.click(),window.URL.revokeObjectURL(t)})};function g({itemType:s={}}){const{posters:{uri:n=[]}={},thumbnails:{uri:o=[]}={}}=s,t=a.useMemo(()=>n.map(l=>L(l,o)),[n,o]),[e,i]=a.useState(),u=e!==void 0,{posterUri:c}=t[e]||{},d=l=>i(l),p=()=>i(),h=()=>P(c.replace("APInoauth","API"),"poster.jpeg"),m=e!==0?()=>i(e-1):void 0,b=e+1!==t.length?()=>i(e+1):void 0;return r.jsxs(r.Fragment,{children:[r.jsx(w.default,{imgList:t,handleOpen:d}),r.jsx(v.default,{open:u,posterUri:c,handleClose:p,handleBefore:m,handleNext:b,handleDownload:h})]})}exports.default=g;

package/dist/cjs/item/ItemPosterDialog.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("@material-ui/core"),i=require("@material-ui/icons");function d({open:o,posterUri:l,handleClose:r,handleBefore:s,handleNext:n,handleDownload:c}){return e.jsxs(t.Dialog,{fullScreen:!0,open:o,onClose:r,children:[e.jsx(t.Toolbar,{children:e.jsxs(t.Box,{display:"flex",justifyContent:"space-between",width:"100%",children:[e.jsx(t.IconButton,{edge:"start",color:"inherit",onClick:r,children:e.jsx(i.Close,{})}),e.jsxs(t.Box,{children:[e.jsx(t.IconButton,{edge:"start",color:"inherit",disabled:!s,onClick:s,children:e.jsx(i.NavigateBefore,{})}),e.jsx(t.IconButton,{edge:"start",color:"inherit",disabled:!n,onClick:n,children:e.jsx(i.NavigateNext,{})})]}),e.jsx(t.IconButton,{edge:"start",color:"inherit",onClick:c,children:e.jsx(i.SaveAlt,{})})]})}),o&&e.jsx(t.Box,{width:"100vw",height:"80vh",display:"flex",justifyContent:"center",children:e.jsx("img",{src:l,alt:"",style:{maxWidth:"100%",maxHeight:"100%"}})})]})}exports.default=d;

package/dist/cjs/item/ItemPosterList.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("clsx"),d=require("@material-ui/core"),l=require("../media/MediaCardThumbnail/index.js"),g=t=>({root:{},posterRoot:{width:320,margin:t.spacing(2),cursor:"pointer"}});function p({classes:t,className:i,imgList:n=[],handleOpen:o,MediaCardThumbnailComponent:c=l.default,MediaCardThumbnailProps:m={}}){return e.jsx("div",{className:r(t.root,i,"VdtItemPosterList-root"),children:n.map(({thumbnailUri:s,time:u},a)=>e.jsx("div",{className:r(t.posterRoot,"VdtItemPosterList-posterRoot"),onClick:o?()=>o(a):void 0,children:e.jsx(c,{image:s,labelRightBottom:u.toDuration({format:"hhmmss"}),...m})},s))})}const x=d.withStyles(g,{name:"VdtItemPosterList"})(p);exports.default=x;

package/dist/cjs/item/ItemPosterTab.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),s=require("react"),c=require("@vidispine/vdt-react"),a=require("./ItemPoster.js"),f={content:"poster,thumbnail","noauth-url":!0,url:"false"};function l({itemId:t,hidden:e}){const{itemType:o,onRefresh:r}=c.useGetItem({itemId:t,queryParams:f}),u=s.useRef(e);return s.useEffect(()=>{e===!1&&e!==u.current&&r(),u.current=e},[e,r]),n.jsx(a.default,{itemId:t,itemType:o})}exports.default=l;

package/dist/cjs/item/ItemRelationRemoveDialog.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),e=require("prop-types"),g=require("@material-ui/core"),p=require("@vidispine/vdt-api"),R=require("../ConfirmationDialog.js");function t({open:o,onClose:n,onSuccess:r,relationId:i,onError:s,onConfirm:l,ConfirmationDialogProps:c,titleText:a,confirmText:u,rejectText:m}){const f=()=>l({relationId:i}).then(r).catch(s);return d.jsx(R.default,{open:o,onReject:n,titleText:a,confirmText:u,rejectText:m,onConfirm:f,...c})}t.propTypes={relationId:e.string.isRequired,open:e.bool,onClose:e.func,onSuccess:e.func,onError:e.func,onConfirm:e.func,ConfirmationDialogProps:e.objectOf(e.any),titleText:e.string,confirmText:e.string,rejectText:e.string};t.defaultProps={open:!1,onClose:void 0,onSuccess:void 0,onError:({message:o,error:n})=>console.error(`${o}
+${n}`),onConfirm:({relationId:o})=>p.item.removeRelation({relationId:o}),ConfirmationDialogProps:{},titleText:"Remove relation?",confirmText:"Remove",rejectText:"Cancel"};const v=g.withStyles({},{name:"VdtItemRelationRemoveDialog"})(t);exports.default=v;

package/dist/cjs/item/ItemRelationsTab.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),I=require("react"),E=require("clsx"),N=require("lodash.update"),t=require("prop-types"),n=require("@material-ui/core"),j=require("@material-ui/icons"),O=require("@vidispine/vdt-api"),D=require("@vidispine/vdt-react"),w=require("../hooks/useMenu.js"),B=require("./AddRelationDialog.js"),F=require("./ItemList/index.js"),V=require("./ItemRelationRemoveDialog.js"),_={root:{},actions:{display:"flex",justifyContent:"flex-end"},button:{}};function G({itemId:r,itemType:o,itemRelationListType:s={},removeText:q="Remove Relation",onClick:R,goToText:f="Go To Item",onRefresh:y,onRemove:l,MenuIcon:C=j.MoreVert}){const{anchorEl:v,onOpen:b,onClose:p,isOpen:A,onClick:u}=w.default(),[m,h]=I.useState(!1),a=()=>h(!1),{relation:S=[]}=s,{id:T}=S.find(({direction:{source:i,target:d}={}})=>(i===o.id||d===o.id)&&(i===r||d===r))||{};return e.jsxs(e.Fragment,{children:[e.jsx(n.ButtonBase,{size:"small",onClick:b,children:e.jsx(C,{})}),e.jsxs(n.Menu,{anchorEl:v,open:A,keepMounted:!0,onClose:p,getContentAnchorEl:null,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:[e.jsxs(n.MenuItem,{onClick:u(i=>R(i,{id:o.id})),children:[e.jsx(n.ListItemIcon,{children:e.jsx(j.Forward,{fontSize:"small"})}),e.jsx(n.ListItemText,{primary:f})]}),e.jsxs(n.MenuItem,{onClick:u(()=>h(!0)),children:[e.jsx(n.ListItemIcon,{children:e.jsx(j.RemoveCircleOutline,{fontSize:"small"})}),e.jsx(n.ListItemText,{primary:q})]})]}),e.jsx(V.default,{itemId:o.id,relationId:T,open:m,onClose:a,onSuccess:()=>{a(),l&&l(),y()}})]})}function g({className:r,classes:o,itemId:s,itemSearchDocument:q,queryParams:R,onError:f,ItemListComponent:y,ItemListProps:l,onAdd:C,onRemove:v,addText:b,direction:p}){const[A,u]=I.useState(!1),{data:m={},request:h}=D.useApi(O.item.listItemRelation),{data:a,request:S,reset:T}=D.useApi(O.item.searchItem),i=()=>h({itemId:s,queryParams:{direction:p}}).catch(x=>f(x.message));I.useEffect(()=>{i()},[s,p]),I.useEffect(()=>{const{relation:x=[]}=m;if(x.length===0){a&&a.hits>0&&T();return}const M={name:"itemId",value:x.map(({direction:{source:c,target:L}})=>({value:c===s?L:c}))},z=N(q,"field",(c=[])=>[...c.filter(L=>L.name!=="itemId"),M]);S({itemSearchDocument:z,queryParams:R}).catch(c=>f(c.message))},[m]);const{ItemListItemProps:d={}}=l,{onClick:P,ActionProps:k={}}=d;return e.jsxs("div",{className:E(o.root,"VdtItemRelationsTab-root",r),children:[e.jsx("div",{className:o.actions,children:e.jsx(n.Button,{variant:"contained",color:"primary",className:o.button,startIcon:e.jsx(j.Add,{}),onClick:()=>{u(!0)},children:b})}),e.jsx(y,{itemListType:a,...l,ItemListItemProps:{ActionProps:{itemId:s,onClick:P,onRefresh:i,itemRelationListType:m,onRemove:v,...k},ActionComponent:G,...d}}),e.jsx(B.default,{itemId:s,open:A,setOpenDialog:u,onSuccess:C,onRefresh:i})]})}g.propTypes={className:t.string,classes:t.objectOf(t.any).isRequired,itemId:t.string.isRequired,itemSearchDocument:t.objectOf(t.any),queryParams:t.objectOf(t.any),onError:t.func,ItemListComponent:t.elementType,ItemListProps:t.objectOf(t.any),onRemove:t.func,onAdd:t.func,addText:t.string,direction:t.oneOf(["U","S","T","D","A"])};g.defaultProps={className:void 0,itemSearchDocument:{},queryParams:{content:"metadata",field:"title"},onError:({message:r})=>console.error(r),ItemListComponent:F.default,ItemListProps:{},onRemove:()=>{},onAdd:()=>{},addText:"Add new relation",direction:"A"};const U=n.withStyles(_,{name:"VdtItemRelationsTab"})(g);exports.ItemRelationsTab=g;exports.default=U;

package/dist/cjs/item/ItemRow.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),v=require("react"),l=require("@material-ui/core"),T=require("@vidispine/vdt-js"),f=require("../media/MediaCardCheckbox.js"),i=({itemType:e,parseMetadataOpts:o,options:s})=>{const{metadata:r={}}=e,u=T.parseMetadataType(r,o);return s.map(({value:d})=>{const{[d]:n}=u;return n})};function p({options:e=[],metadataToProps:o=i,parseMetadataOpts:s={joinValue:", ",flat:!0},selected:r,onCheck:u,onClick:d,TableRowProps:n={},...m}){const{itemType:h}=m,j=v.useMemo(()=>o({itemType:h,parseMetadataOpts:s,options:e}),[h,e,i]),b=c=>{u&&u(c,!r,m)};return t.jsxs(l.TableRow,{hover:!0,selected:r,onClick:d,style:{cursor:"pointer"},...n,children:[u&&t.jsx(l.TableCell,{padding:"checkbox",children:t.jsx(f.default,{checked:r,handleChecked:b})}),j.map((c,a)=>t.jsx(l.Hidden,{only:e[a].hide,children:t.jsx(l.TableCell,{children:e[a].valueComponent?t.jsx(l.Box,{component:e[a].valueComponent,value:c,innerProps:m}):c})},e[a].key||e[a].value||e[a].label))]})}exports.default=p;

package/dist/cjs/item/ItemSearchPicker.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),c=require("react"),C=require("@material-ui/core"),u=require("@vidispine/vdt-react"),L=require("../search/Pagination.js"),M=require("../search/SearchInput/index.js"),O=require("./ItemTable.js");function W(e){const{itemListType:{hits:a=0}}=e;return r.jsx(L.default,{count:a,...e})}function $(e){const{isLoading:a}=e;return r.jsx(M.default,{submitting:a,...e})}const D={queryParams:{field:["itemId","title","__user"],content:"metadata"}};function E({onChange:e,onCheck:a=()=>{},ItemTableComponent:o=O.default,ItemTableProps:l={},searchProps:m=u.useSearch(D),idLabelText:d="Id",titleLabelText:h="Title",ownerLabelText:S="Owner",searchPlaceholder:P="Search item",SearchInputProps:f={},PaginationProps:g={},SearchItemProps:x={}}){const{state:q,setSearchText:b,onChangeRowsPerPage:j,onChangePage:k}=m,{matrixParams:I,queryParams:v,itemSearchDocument:w,page:_,rowsPerPage:p}=q,[i,s]=c.useState([]),y=t=>{i.includes(t)?s(n=>n.filter(T=>T!==t)):s(n=>[...n,t])};c.useEffect(()=>e&&e(i),[i]);const R=({id:t})=>y(t);return r.jsxs(u.SearchItem,{itemSearchDocument:w,matrixParams:I,queryParams:v,...x,children:[r.jsx($,{onSubmit:t=>b(`*${t}*`),searchPlaceholder:P,...f}),r.jsx(o,{onRowClick:R,onCheck:a,selected:i,options:[{label:h,value:"title"},{label:d,value:"itemId"},{label:S,value:"__user"}],...l}),r.jsx(W,{onChangePage:k,onChangeRowsPerPage:j,page:_,rowsPerPage:p,...g})]})}const V=C.withStyles({},{name:"VdtItemSearchPicker"})(E);exports.default=V;

package/dist/cjs/item/ItemShapeTab.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),s=require("react"),f=require("@vidispine/vdt-api"),l=require("@vidispine/vdt-react"),m=require("./ItemShapeTable/index.js"),p={content:"shape",methodMetadata:[{key:"format",value:"SIGNED-AUTO"},{key:"contentDisposition",value:"attachment"}]};function v({itemId:t,hidden:e,...n}){const{itemType:u,onRefresh:r}=l.useGetItem({itemId:t,queryParams:p}),a=({shapeId:c})=>{f.shape.removeShape({shapeId:c,itemId:t}).then(r)},o=s.useRef(e);return s.useEffect(()=>{e===!1&&e!==o.current&&r(),o.current=e},[e,r]),i.jsx(m.default,{itemId:t,itemType:u,onRemove:a,...n})}exports.default=v;

package/dist/cjs/item/ItemShapeTable/ItemShapeTable.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),y=require("clsx"),l=require("prop-types"),s=require("@material-ui/core"),r=require("@vidispine/proptypes"),x=require("./components/ItemShapeRow.js"),j=()=>({root:{width:"100%"},ItemShapeRow:{}});function a({classes:o,className:i,itemType:n,canExpand:d,itemId:c,onRemove:p,storageListType:T,displayMethodTypes:u,storageMetadataKeys:h,showDownload:b}){const{shape:m=[]}=n;return e.jsxs(s.Table,{className:y(o.root,i),size:"small",padding:"none",children:[e.jsx(s.TableHead,{children:e.jsxs(s.TableRow,{children:[e.jsx(s.TableCell,{}),e.jsx(s.TableCell,{children:"Tags"}),e.jsxs(s.Hidden,{smDown:!0,children:[e.jsx(s.TableCell,{children:"Container"}),e.jsx(s.TableCell,{children:"Video"}),e.jsx(s.TableCell,{children:"Audio"}),e.jsx(s.TableCell,{children:"Frame Rate"})]}),e.jsx(s.TableCell,{children:"Picture Size"}),e.jsx(s.TableCell,{children:"File Size"}),e.jsx(s.TableCell,{})]})}),e.jsx(s.TableBody,{children:m.map(t=>e.jsx(x.default,{className:o.ItemShapeRow,shapeType:t,TableRowProps:{hover:!0},canExpand:d,itemId:c,onRemove:p,storageListType:T,displayMethodTypes:u,storageMetadataKeys:h,showDownload:b},t.id))})]})}a.propTypes={classes:l.objectOf(l.string),className:l.string,itemId:l.string,onRemove:l.func,itemType:r.ItemType,canExpand:l.bool,storageListType:r.StorageListType,displayMethodTypes:l.arrayOf(l.string),storageMetadataKeys:l.arrayOf(l.shape({key:l.string,label:l.string})),showDownload:l.bool};a.defaultProps={className:void 0,classes:{},itemType:{},itemId:void 0,onRemove:void 0,canExpand:!0,storageListType:void 0,displayMethodTypes:void 0,storageMetadataKeys:void 0,showDownload:!0};exports.default=a;exports.styles=j;

package/dist/cjs/item/ItemShapeTable/components/ItemShapeMenu.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),f=require("react"),n=require("@material-ui/core"),i=require("@material-ui/icons"),T=require("../../../hooks/useConfirmationDialog.js"),y=()=>({MenuIconButton:{},MenuIcon:{},DeleteIcon:{},ListItemIcon:{},ListItemText:{},Menu:{},MenuItem:{}});function D({classes:t,onRemove:u,shapeType:a,itemId:m,shapeId:I,MenuIconComponent:x=i.MoreVert,DeleteIconComponent:M=i.Delete,deleteText:h="Delete"}){const[r,d]=T.default({throwOnReject:!1}),[c,s]=f.useState(null),j=o=>{s(o.currentTarget)},l=()=>{s(null)},p=()=>{l(),d().then(o=>{o&&u({itemId:m,shapeId:I,shapeType:a})})};return e.jsxs(e.Fragment,{children:[e.jsx(n.IconButton,{className:t.IconButton,onClick:j,size:"small",children:e.jsx(x,{className:t.MenuIconButton})}),e.jsx(n.Menu,{className:t.Menu,anchorEl:c,keepMounted:!0,open:!!c,onClose:l,children:e.jsxs(n.MenuItem,{onClick:p,className:t.MenuItem,children:[e.jsx(n.ListItemIcon,{className:t.ListItemIcon,children:e.jsx(M,{className:t.DeleteIcon})}),e.jsx(n.ListItemText,{className:t.ListItemText,primary:h,primaryTypographyProps:{color:"secondary"}})]})}),r&&e.jsx(r,{titleText:"Delete File?",confirmText:"Delete",rejectText:"Cancel"})]})}const g=n.withStyles(y,{name:"VdtItemShapeMenu"})(D);exports.default=g;

package/dist/cjs/item/ItemShapeTable/components/ItemShapeRow.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),j=require("react"),x=require("lodash.get"),l=require("@material-ui/core"),t=require("@material-ui/icons"),z=require("@vidispine/vdt-js"),w=require("../../ItemSourceTable/components/ShapeTypeTableBody.js"),B=require("./ItemShapeMenu.js");function M({shapeType:i,TableRowProps:b,canExpand:o=!0,onRemove:r,showDownload:C,itemId:a,storageListType:f,displayMethodTypes:m,storageMetadataKeys:g}){const{id:S}=i,n=j.useMemo(()=>z.parseShapeType(i),[i]),[c,T]=j.useState(!1),p=()=>T(v=>!v),{containerComponent:{file:s=[]}={}}=i;let d,u;s.length>0&&(d=x(s,"[0].uri[0]","undefined"),u=x(s,"[0].path","undefined"));const q=i.tag.join(", "),h=n.fileSize==="-1 B"?"Not Available":n.fileSize;return e.jsxs(e.Fragment,{children:[e.jsxs(l.TableRow,{...b,children:[e.jsx(l.TableCell,{children:o&&e.jsx(l.IconButton,{size:"small",onClick:p,children:c?e.jsx(t.ExpandMore,{}):e.jsx(t.ChevronRight,{})})}),e.jsx(l.TableCell,{children:q}),e.jsxs(l.Hidden,{smDown:!0,children:[e.jsx(l.TableCell,{children:n.containerFormat}),e.jsx(l.TableCell,{children:n.videoCodec}),e.jsx(l.TableCell,{children:n.audioCodec}),e.jsx(l.TableCell,{children:n.frameRate})]}),e.jsx(l.TableCell,{children:n.dimension}),e.jsx(l.TableCell,{children:h}),e.jsxs(l.TableCell,{children:[C&&e.jsx(l.IconButton,{size:"small",href:d,download:u,style:{visibility:n.fileSizeBytes?"visible":"hidden"},children:e.jsx(t.CloudDownload,{})}),r&&e.jsx(B.default,{shapeType:i,shapeId:S,itemId:a,onRemove:r})]})]}),o&&e.jsx(l.TableRow,{children:e.jsx(l.TableCell,{colSpan:9,children:e.jsx(l.Collapse,{in:c,timeout:"auto",unmountOnExit:!0,children:e.jsx(l.Box,{margin:1,children:e.jsx(l.Table,{size:"small",padding:"none",children:e.jsx(w.default,{shapeActualSize:h,shapeType:i,itemId:a,storageListType:f,displayMethodTypes:m,storageMetadataKeys:g})})})})})})]})}exports.default=M;

package/dist/cjs/item/ItemShapeTable/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("@material-ui/core"),e=require("./ItemShapeTable.js"),t=a.withStyles(e.styles,{name:"VdtItemShapeTable"})(e.default);t.displayName="ItemShapeTable";exports.default=t;

package/dist/cjs/item/ItemSidecarDialog/ItemSidecarDialog.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),C=require("react"),E=require("clsx"),e=require("prop-types"),l=require("@material-ui/core"),U=require("../ItemSidecarDownload/index.js"),P=require("../ItemSidecarUpload/index.js"),m="ITEM_SIDECAR_UPLOAD_TAB",r="ITEM_SIDECAR_DOWNLOAD_TAB",w=o=>({root:{},DialogTitle:{},DialogContent:{},Tabs:{marginBottom:o.spacing(2)},Tab:{},ItemSidecarDownload:{},ItemSidecarUpload:{}});function d({classes:o,className:f,itemId:c,onClose:a,onSuccessDownload:u,onFailureDownload:b,onSuccessUpload:T,onFailureUpload:S,titleText:g,subtitleGroup:I,subtitleField:x,uploadText:_,downloadText:A,defaultTab:O,ItemSidecarDownloadComponent:n,ItemSidecarDownloadProps:j,ItemSidecarUploadComponent:s,ItemSidecarUploadProps:v}){const[D,y]=C.useState(O),N=(i,p)=>p&&y(p);return t.jsxs("div",{className:E(o.root,"VdtItemSidecarDialog-root",f),children:[t.jsx(l.DialogTitle,{className:o.DialogTitle,children:g}),t.jsxs(l.DialogContent,{className:o.DialogContent,children:[t.jsxs(l.Tabs,{value:D,onChange:N,variant:"fullWidth",textColor:"primary",indicatorColor:"primary",className:o.Tabs,children:[n&&t.jsx(l.Tab,{className:o.Tab,value:r,label:A}),s&&t.jsx(l.Tab,{className:o.Tab,value:m,label:_})]}),{ITEM_SIDECAR_DOWNLOAD_TAB:n?t.jsx(n,{className:o.ItemSidecarDownload,onSuccess:(...i)=>{a&&a(),u&&u(...i)},onFailure:b,subtitleGroup:I,subtitleField:x,onClose:a,itemId:c,...j}):null,ITEM_SIDECAR_UPLOAD_TAB:s?t.jsx(s,{itemId:c,className:o.ItemSidecarUpload,onSuccess:(...i)=>{a&&a(),T&&T(...i)},onFailure:S,...v}):null}[D]]})]})}d.propTypes={classes:e.objectOf(e.string),className:e.string,itemId:e.string.isRequired,onClose:e.func,onSuccessDownload:e.func,onFailureDownload:e.func,onSuccessUpload:e.func,onFailureUpload:e.func,closeText:e.string,titleText:e.string,subtitleGroup:e.string,subtitleField:e.string,uploadText:e.string,downloadText:e.string,defaultTab:e.oneOf([m,r]),ItemSidecarDownloadComponent:e.oneOfType([e.elementType,e.oneOf([!1])]),ItemSidecarDownloadProps:e.objectOf(e.any),ItemSidecarUploadComponent:e.oneOfType([e.elementType,e.oneOf([!1])]),ItemSidecarUploadProps:e.objectOf(e.any)};d.defaultProps={classes:{},className:void 0,onClose:void 0,onSuccessDownload:void 0,onFailureDownload:void 0,onSuccessUpload:void 0,onFailureUpload:void 0,closeText:"Close",titleText:"Item Sidecar",subtitleGroup:"stl_subtitle",subtitleField:"stl_text",uploadText:"Upload",downloadText:"Download",defaultTab:r,ItemSidecarDownloadComponent:U.default,ItemSidecarDownloadProps:{},ItemSidecarUploadComponent:P.default,ItemSidecarUploadProps:{}};exports.default=d;exports.styles=w;

package/dist/cjs/item/ItemSidecarDialog/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("@material-ui/core"),e=require("./ItemSidecarDialog.js"),t=a.withStyles(e.styles,{name:"VdtItemSidecarDialog"})(e.default);t.displayName="ItemSidecarDialog";exports.default=t;

package/dist/cjs/item/ItemSidecarDownload/ItemSidecarDownload.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),P=require("react"),A=require("clsx"),t=require("prop-types"),c=require("@material-ui/core"),q=require("@material-ui/icons"),I=require("@vidispine/vdt-api"),C=require("@vidispine/vdt-js"),O=({itemId:a,subtitleGroup:e="stl_subtitle",subtitleField:o="stl_text"})=>new Promise(l=>{const s={content:"metadata",group:e,field:o};I.item.getItem({itemId:a,queryParams:s}).then(({data:i})=>{const{metadata:d}=i,m=C.metadataTypeToWebVtt(d,{subtitleGroup:e,subtitleField:o});l({data:m})})}),M=[{name:"scc",avatar:"SCC",primary:"Scenarist Closed Captions",onDownload:({itemId:a})=>I.subtitle.getSubtitleSCC({itemId:a})},{name:"ttml",avatar:"TTML",primary:"Timed Text Markup Language",onDownload:({itemId:a})=>I.subtitle.getSubtitleTTML({itemId:a})},{name:"webvtt",avatar:"VTT",primary:"Web Video Text Tracks ",onDownload:O},{name:"xml",avatar:"XML",primary:"Vidispine XML",onDownload:({itemId:a})=>I.item.getItemMetadata({itemId:a,headers:{accept:"application/xml"}})}];function f({className:a,classes:e,itemId:o,subtitle:l,onSuccess:s,onFailure:i,subtitleGroup:d,subtitleField:m,DownloadIcon:u=q.GetApp,ProgressComponent:p=c.CircularProgress}){const[r,L]=P.useState(!1),{onDownload:g,name:b,avatar:v,primary:x,secondary:j,...h}=l,y=()=>{L(!0),g({itemId:o,subtitleGroup:d,subtitleField:m,...h}).then(w=>{const N=`${o}.${b}`,D=window.URL.createObjectURL(new Blob([w.data])),T=document.createElement("a");T.href=D,T.setAttribute("download",N),T.click(),window.URL.revokeObjectURL(D)}).then(()=>{L(!1),s&&s({name:b,itemId:o})}).catch(w=>{if(L(!1),i)i({name:b,itemId:o,error:w});else throw new Error(w)})};return n.jsxs(c.ListItem,{button:!0,disabled:r===!0,onClick:y,className:a,children:[v&&n.jsx(c.ListItemAvatar,{className:e.ListItemAvatar,children:n.jsx(c.Avatar,{className:e.Avatar,variant:"square",children:v})}),n.jsx(c.ListItemText,{className:e.ListItemText,primary:x,secondary:j}),n.jsxs(c.ListItemSecondaryAction,{className:e.ListItemSecondaryAction,children:[r===!0&&p&&n.jsx(p,{size:20,className:e.Progress}),r===!1&&u&&n.jsx(c.ButtonBase,{onClick:y,className:e.DownloadButton,children:n.jsx(u,{className:e.DownloadIcon})})]})]})}function k({classes:a,className:e,options:o,itemId:l,onSuccess:s,onFailure:i,subtitleGroup:d,subtitleField:m,ItemSidecarDownloadListItemComponent:u=f,ItemSidecarDownloadListItemProps:p={}}){return n.jsx(c.List,{dense:!0,className:e,children:o.map(r=>n.jsx(u,{subtitle:r,className:a.ListItem,classes:a,itemId:l,onSuccess:s,onFailure:i,subtitleGroup:d,subtitleField:m,...p},r.name))})}const B=()=>({List:{},ListItem:{},ListItemAvatar:{},Avatar:{},ListItemText:{},ListItemSecondaryAction:{},Progress:{},DownloadButton:{},DownloadIcon:{}});function S({className:a,classes:e,itemId:o,subtitleOptions:l,onSuccess:s,onFailure:i,subtitleGroup:d,subtitleField:m,ItemSidecarDownloadListComponent:u,ItemSidecarDownloadListProps:p,ItemSidecarDownloadListItemComponent:r,ItemSidecarDownloadListItemProps:L}){return n.jsx(u,{classes:e,className:A(e.List,a),options:l,itemId:o,onSuccess:s,onFailure:i,subtitleGroup:d,subtitleField:m,ItemSidecarDownloadListItemComponent:r,ItemSidecarDownloadListItemProps:L,...p})}S.propTypes={classes:t.objectOf(t.string),className:t.string,itemId:t.string.isRequired,subtitleOptions:t.arrayOf(t.shape({name:t.string,avatar:t.string,primary:t.string,onDownload:t.func})),onSuccess:t.func,onFailure:t.func,subtitleGroup:t.string,subtitleField:t.string,ItemSidecarDownloadListComponent:t.elementType,ItemSidecarDownloadListProps:t.objectOf(t.any),ItemSidecarDownloadListItemComponent:t.elementType,ItemSidecarDownloadListItemProps:t.objectOf(t.any)};S.defaultProps={className:void 0,classes:{},subtitleOptions:M,onSuccess:void 0,onFailure:void 0,subtitleGroup:void 0,subtitleField:void 0,ItemSidecarDownloadListComponent:k,ItemSidecarDownloadListProps:{},ItemSidecarDownloadListItemComponent:f,ItemSidecarDownloadListItemProps:{}};exports.default=S;exports.styles=B;

package/dist/cjs/item/ItemSidecarDownload/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("@material-ui/core"),e=require("./ItemSidecarDownload.js"),o=t.withStyles(e.styles,{name:"VdtItemSidecarDownload"})(e.default);exports.default=o;

package/dist/cjs/item/ItemSidecarUpload/ItemSidecarUpload.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),f=require("react"),N=require("clsx"),a=require("prop-types"),J=require("react-dropzone"),d=require("@material-ui/core"),W=require("@material-ui/icons"),c=require("@vidispine/vdt-api"),H=require("../../forms/SubmitButton.js"),$=[{name:"srt",avatar:"SRT",primary:"SubRip Subtitle",onUpload:({itemId:e,file:t})=>c.vsimport.createImportItemSidecarRaw({itemId:e,file:t,queryParams:{fileExtension:"srt"}})},{name:"stl",avatar:"STL",primary:"EBU STL",onUpload:({itemId:e,file:t})=>c.vsimport.createImportItemSidecarRaw({itemId:e,file:t,queryParams:{fileExtension:"stl"}})},{name:"scc",avatar:"SCC",primary:"Scenarist Closed Captions",onUpload:({itemId:e,file:t})=>c.vsimport.createImportItemSidecarRaw({itemId:e,file:t,queryParams:{fileExtension:"scc"}})},{name:"evs",avatar:"EVS",primary:"EVS Metadata",onUpload:({itemId:e,file:t})=>c.vsimport.createImportItemSidecarRaw({itemId:e,file:t,queryParams:{fileExtension:"evs"}})},{name:"xml",avatar:"XML",primary:"Vidispine XML Metadata",onUpload:({itemId:e,file:t})=>c.vsimport.createImportItemSidecarRaw({itemId:e,file:t,queryParams:{fileExtension:"xml"}})},{name:"xmp",avatar:"XMP",primary:"eXtensible Metadata Platform",onUpload:({itemId:e,file:t})=>c.vsimport.createImportItemSidecarRaw({itemId:e,file:t,queryParams:{fileExtension:"xmp"}})},{name:"mp4",avatar:"MP4",primary:"MP4 Proxy",onUpload:({itemId:e,file:t})=>c.shape.createShapeImportRaw({itemId:e,file:t,queryParams:{tag:"__mp4"}})},{name:"jpg",avatar:"JPG",primary:"JPG Thumbnail",onUpload:({itemId:e,file:t})=>c.thumbnail.listThumbnailResource({itemId:e}).then(({data:n})=>{const{uri:[o]=[]}=n;return o?Promise.resolve({data:n}):c.thumbnail.createThumbnailResource({itemId:e})}).then(({data:n})=>{const{uri:[o]=[]}=n,[i]=o.split("/").slice(-2);return c.thumbnail.updateThumbnail({resourceId:i,itemId:e,time:0,headers:{contentType:"image/jpeg"},file:t})})},{name:"png",avatar:"PNG",primary:"PNG Thumbnail",onUpload:({itemId:e,file:t})=>c.thumbnail.listThumbnailResource({itemId:e}).then(({data:n})=>{const{uri:[o]=[]}=n;return o?Promise.resolve({data:n}):c.thumbnail.createThumbnailResource({itemId:e})}).then(({data:n})=>{const{uri:[o]=[]}=n,[i]=o.split("/").slice(-2);return c.thumbnail.updateThumbnail({resourceId:i,itemId:e,time:0,headers:{contentType:"image/png"},file:t})})}];function K({className:e,classes:t,uploadText:n,onClickUpload:o,uploadDisabled:i,isUploading:s,ButtonComponent:p=H.default}){return r.jsx(d.DialogActions,{className:e,children:r.jsx(p,{className:t.Button,onClick:o,color:"primary",variant:"contained",disabled:i,submitting:s,children:n})})}function C({className:e,classes:t={},option:n,onChange:o,selected:i}){const{primary:s,avatar:p}=n;return r.jsxs(d.ListItem,{button:!0,onClick:o,className:e,selected:i,children:[p&&r.jsx(d.ListItemAvatar,{className:t.ListItemAvatar,children:r.jsx(d.Avatar,{className:t.Avatar,variant:"square",children:p})}),r.jsx(d.ListItemText,{className:t.ListItemText,primary:s}),r.jsx(d.ListItemSecondaryAction,{className:t.ListItemSecondaryAction,children:r.jsx(d.Radio,{className:t.Radio,checked:i,onChange:o})})]})}function Q({className:e,classes:t,chooseText:n,options:o,onChange:i,selected:s,ItemSidecarUploadListItemComponent:p=C,ItemSidecarUploadListItemProps:h={}}){return r.jsx(d.List,{dense:!0,className:e,subheader:r.jsx(d.ListSubheader,{className:t.ListSubheader,children:n}),children:o.map(m=>r.jsx(p,{onChange:()=>i(m),className:t.ListItem,classes:t,selected:s===m,option:m,...h},m.name))})}function Y({className:e,classes:t,onDrop:n,onReset:o,acceptedFile:i,rejectedFile:s,accept:p,dropText:h,ResetIconComponent:m=W.Cancel}){const{getRootProps:b,getInputProps:x}=J.useDropzone({onDrop:n,maxFiles:1,multiple:!1,accept:p});return r.jsx("div",{className:e,children:r.jsxs("div",{...b(),className:N(t.dropzoneInput,s?t.dropzoneInputError:t.dropzoneInputDefault),children:[r.jsx("input",{...x()}),!i&&!s&&r.jsx("p",{children:h}),i&&r.jsxs("span",{className:t.acceptedFile,children:[i.name,r.jsx(m,{onClick:o,className:t.ResetIcon})]}),s&&r.jsxs(r.Fragment,{children:[r.jsxs("span",{className:t.rejectedFile,children:[s.file.name,r.jsx(m,{onClick:o,className:t.ResetIcon})]}),s.errors.length&&r.jsx("span",{className:t.errorMessage,children:s.errors[0].message})]})]})})}const Z=e=>({dropzoneRoot:{cursor:"pointer",marginTop:e.spacing(1),marginBottom:e.spacing(1),paddingLeft:e.spacing(.5),paddingRight:e.spacing(.5)},dropzoneInput:{marginTop:e.spacing(.5),minHeight:"10vh",minWidth:e.spacing(4),borderWidth:2,borderRadius:3,borderStyle:"dotted",backgroundColor:"rgba(0,0,0,0.05)",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",transition:"min-height 0.3s"},dropzoneInputDefault:{borderColor:e.palette.grey.A200},dropzoneInputError:{borderColor:e.palette.error.main,color:e.palette.error.main},ListSubheader:{},Button:{},List:{},showList:{height:"auto",overflow:"visible"},hideList:{height:0,overflow:"hidden"},ListItemAvatar:{},Avatar:{},Radio:{},DialogActions:{},acceptedFile:{display:"flex",alignItems:"center"},rejectedFile:{display:"flex",alignItems:"center"}});function L({classes:e,className:t,itemId:n,onSuccess:o,onFailure:i,subtitleOptions:s,dropText:p,chooseText:h,uploadText:m,defaultSelectedSubtitle:b,ItemSidecarUploadDropzoneComponent:x,ItemSidecarUploadDropzoneProps:w,ItemSidecarUploadListComponent:A,ItemSidecarUploadListProps:q,ItemSidecarUploadActionsComponent:D,ItemSidecarUploadActionsProps:z,ItemSidecarUploadListItemComponent:E,ItemSidecarUploadListItemProps:M}){const[y,v]=f.useState(b),[u,S]=f.useState(),[O,I]=f.useState(),[k,g]=f.useState(),B=(l=[],U=[])=>{const[j]=l,[P]=U;if(P)S(),I(P);else if(j){S(j),I();const{name:X}=j,[,T]=X.split(".");if(T){const R=s.find(({name:V})=>V===T);R&&v(R)}}else S(),I()},F=l=>{l.stopPropagation(),S(),I(),v()},_=l=>v(l),G=()=>{try{g(!0);const{onUpload:l}=y;if(!l)throw new Error("No upload handler");if(!u)throw new Error("No file specified");l({itemId:n,file:u}).then(()=>{g(),o&&o({name:u.name})}).catch(U=>{g(),i&&i(U)})}catch(l){g(),i&&i(l)}};return r.jsxs("div",{className:N(e.root,t),children:[r.jsx(x,{className:e.dropzoneRoot,classes:e,accept:s.map(({name:l})=>`.${l}`).toString(),dropText:p,onDrop:B,onReset:F,acceptedFile:u,rejectedFile:O,...w}),u&&r.jsx(A,{className:e.List,classes:e,onChange:_,options:s,selected:y,chooseText:h,ItemSidecarUploadListItemComponent:E,ItemSidecarUploadListItemProps:M,...q}),r.jsx(D,{onClickUpload:G,className:e.DialogActions,classes:e,uploadDisabled:!y||!u,uploadText:m,isUploading:k,...z})]})}L.propTypes={classes:a.objectOf(a.string),className:a.string,itemId:a.string.isRequired,onSuccess:a.func,onFailure:a.func,subtitleOptions:a.arrayOf(a.shape({name:a.string,avatar:a.string,primary:a.string,onUpload:a.func})),defaultSelectedSubtitle:a.shape({name:a.string,avatar:a.string,primary:a.string,onUpload:a.func}),dropText:a.string,chooseText:a.string,uploadText:a.string,ItemSidecarUploadDropzoneComponent:a.elementType,ItemSidecarUploadDropzoneProps:a.objectOf(a.any),ItemSidecarUploadListComponent:a.elementType,ItemSidecarUploadListProps:a.objectOf(a.any),ItemSidecarUploadListItemComponent:a.elementType,ItemSidecarUploadListItemProps:a.objectOf(a.any),ItemSidecarUploadActionsComponent:a.elementType,ItemSidecarUploadActionsProps:a.objectOf(a.any)};L.defaultProps={className:void 0,classes:{},onSuccess:void 0,onFailure:void 0,subtitleOptions:$,defaultSelectedSubtitle:void 0,dropText:"Drop file or click to browse",chooseText:"Choose Subtitle Format",uploadText:"Upload",ItemSidecarUploadDropzoneComponent:Y,ItemSidecarUploadDropzoneProps:{},ItemSidecarUploadListComponent:Q,ItemSidecarUploadListProps:{},ItemSidecarUploadListItemComponent:C,ItemSidecarUploadListItemProps:{},ItemSidecarUploadActionsComponent:K,ItemSidecarUploadActionsProps:{}};exports.default=L;exports.styles=Z;

package/dist/cjs/item/ItemSidecarUpload/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("@material-ui/core"),e=require("./ItemSidecarUpload.js"),r=t.withStyles(e.styles,{name:"VdtItemSidecarUpload"})(e.default);exports.default=r;

package/dist/cjs/item/ItemSourceTab.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("@vidispine/vdt-react"),a=require("./ItemSourceTable/index.js"),n={content:["shape","metadata"],tag:"original",interval:"generic",field:["mediaType","originalFilename"],group:""};function u({itemId:t,...r}){return e.jsx(i.GetItem,{itemId:t,queryParams:n,children:e.jsx(a.default,{...r})})}exports.default=u;

package/dist/cjs/item/ItemSourceTable/ItemSourceTable.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),p=require("clsx"),e=require("prop-types"),u=require("@material-ui/core"),d=require("@vidispine/proptypes"),y=require("./components/MetadataTypeTableBody.js"),T=require("./components/ShapeTypeTableBody.js"),m=()=>({root:{width:"100%"}});function t({classes:r,className:i,itemType:l={},showFiles:c}){const{shape:n=[],metadata:a}=l,[o]=n;return s.jsxs(u.Table,{className:p(r.root,i),size:"small",padding:"none",children:[a&&s.jsx(y.default,{metadataType:a}),o&&s.jsx(T.default,{showFiles:c,shapeType:o})]})}t.propTypes={classes:e.objectOf(e.string),className:e.string,itemType:d.ItemType.isRequired,showFiles:e.bool};t.defaultProps={className:void 0,classes:{},showFiles:!1};exports.default=t;exports.styles=m;

package/dist/cjs/item/ItemSourceTable/components/AudioComponentTypeTableBody.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("react"),o=require("@material-ui/core"),s=require("@vidispine/vdt-js"),r=require("./TableHead.js"),l=require("./TableRow.js"),n=()=>({TableHeadLabel:{marginTop:"20px",borderBottom:"1px solid rgba(224, 224, 224, 0.5)",display:"flex",alignItems:"center"}});function c({classes:u,className:d,audioComponentType:t}){const a=i.useMemo(()=>s.parseAudioComponent(t),[t]);return e.jsxs(e.Fragment,{children:[e.jsx(r.default,{children:e.jsx("span",{className:u.TableHeadLabel,children:"Audio Track"})}),e.jsxs(o.TableBody,{className:d,children:[e.jsx(l.default,{label:"Audio Codec",value:a.audioFormat||a.audioCodec}),e.jsx(l.default,{label:"Audio Channels",value:a.audioChannels}),e.jsx(l.default,{label:"Audio Sample Rate",value:a.audioSamplerate}),e.jsx(l.default,{label:"Audio Bit Rate",value:a.audioBitrate}),e.jsx(l.default,{label:"Audio Bit Depth",value:a.audioBitDepth}),e.jsx(l.default,{label:"Audio Bit Rate Mode",value:a.audioBitRateMode})]})]})}const b=o.withStyles(n)(c);exports.default=b;

package/dist/cjs/item/ItemSourceTable/components/ContainerComponentTypeTableBody.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("react"),r=require("@material-ui/core"),i=require("@vidispine/vdt-js"),d=require("./TableHead.js"),n=require("./TableRow.js"),u=()=>({TableHeadLabel:{borderBottom:"1px solid rgba(224, 224, 224, 1)",display:"flex",alignItems:"center"}});function c({classes:o,className:l,containerComponentType:t}){const a=s.useMemo(()=>i.parseContainerComponent(t),[t]);return e.jsxs(e.Fragment,{children:[e.jsx(d.default,{children:e.jsx("span",{className:o.TableHeadLabel,children:"Media Container"})}),e.jsxs(r.TableBody,{className:l,children:[e.jsx(n.default,{label:"Media Container",value:a.containerFormat}),e.jsx(n.default,{label:"Duration",value:a.duration})]})]})}const b=r.withStyles(u)(c);exports.default=b;

package/dist/cjs/item/ItemSourceTable/components/FileTypeTableBody.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("@material-ui/core"),h=require("@material-ui/icons"),p=require("@vidispine/vdt-js"),g=require("./TableHead.js"),a=require("./TableRow.js"),T=()=>({TableHeadLabel:{marginTop:"20px",paddingBottom:"5px",borderBottom:"1px solid rgba(224, 224, 224, 0.5)",display:"flex",alignItems:"center"},IconLabel:{marginLeft:"60px"},IconLabelName:{marginLeft:"58px"},IconLabelMethod:{marginLeft:"38px"}});function v({value:t,...c}){return e.jsx(a.default,{value:e.jsxs(u.Box,{style:{borderBottom:"1px solid rgba(224, 224, 224, 0.3)",marginBottom:"5px"},children:[t,e.jsx(u.Button,{onClick:()=>{navigator.clipboard.writeText(t)},children:e.jsx(h.FileCopy,{fontSize:"small"})})]}),...c})}function q({classes:t,className:c,fileType:d,storageListType:b,displayMethodTypes:i,storageMetadataKeys:r}){var f,j;const x=d.storage,S=p.parseFileType(d),{fileSize:s,path:m}=S,B=s==="-1 B"?"Not Available":s,l=(f=b==null?void 0:b.storage)==null?void 0:f.find(n=>n.id===x),F=p.parseSimpleMetadataType(l==null?void 0:l.metadata,{joinValue:",",flat:!0}),o=((j=l==null?void 0:l.method)==null?void 0:j.filter(({type:n})=>!i||(i==null?void 0:i.includes(n))))||[];return e.jsxs(e.Fragment,{children:[e.jsx(g.default,{children:e.jsx("span",{className:t.TableHeadLabel,children:"File Component"})}),e.jsxs(u.TableBody,{className:c,children:[e.jsx(v,{label:"File Path",value:m}),e.jsx(a.default,{label:"File size",value:B}),e.jsx(a.default,{label:"Storage Id",value:x}),r!=null&&r.length?r.map(n=>e.jsx(a.default,{label:n.label||n.key,value:F[n.key]})):null,(l==null?void 0:l.type)&&e.jsx(a.default,{label:"Storage Type",value:l.type}),o!=null&&o.length?o.map(n=>e.jsxs(e.Fragment,{children:[e.jsx(a.default,{label:"Method Type",value:n.type}),e.jsx(v,{label:"Storage Uri",value:n.uri+m})]})):null]})]})}const I=u.withStyles(T)(q);exports.default=I;

package/dist/cjs/item/ItemSourceTable/components/ImageTypeTableBody.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),o=require("@material-ui/core"),m=require("@vidispine/vdt-js"),u=require("./TableHead.js"),i=require("./TableRow.js"),f="EXIF",x="IPTC",j="XMP",g=[{prefix:"image_exif_",label:f},{prefix:"image_iptc_",label:x},{prefix:"image_xmp",label:j}],h=({videoMetadata:s={}}={})=>Object.entries(s).reduce((l,[t,d])=>{const a=g.find(({prefix:r})=>t.startsWith(r));if(a){const r={...l};return r[a.label]===void 0&&(r[a.label]={}),r[a.label][t.replace(a.prefix,"")]=d,r}return l},{});function p({className:s,videoComponentType:l}){const t=c.useMemo(()=>m.parseVideoComponent(l),[l]),d=h(t);return e.jsxs(e.Fragment,{children:[e.jsx(u.default,{children:"Image"}),e.jsxs(o.TableBody,{className:s,children:[e.jsx(i.default,{label:"Format",value:t.videoFormat||t.videoCodec}),e.jsx(i.default,{label:"Width",value:t.width}),e.jsx(i.default,{label:"Height",value:t.height})]}),Object.entries(d).map(([a,r])=>e.jsxs(c.Fragment,{children:[e.jsx(u.default,{children:a}),e.jsx(o.TableBody,{children:Object.entries(r).map(([n,b])=>e.jsx(i.default,{label:n.replace("_"," "),value:b},n))})]},a))]})}exports.default=p;

package/dist/cjs/item/ItemSourceTable/components/MetadataTypeTableBody.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("react"),o=require("@material-ui/core"),s=require("@vidispine/vdt-js"),n=require("../../../utils.js"),t=require("./TableRow.js");function c({className:r,metadataType:a}){const{originalFilename:l,mediaType:u}=i.useMemo(()=>s.parseMetadataType(a,{joinValue:",",flat:!0}),[a]);return e.jsxs(o.TableBody,{className:r,children:[e.jsx(t.default,{label:"Original Filename",value:l}),e.jsx(t.default,{label:"Media Type",value:u,formatValue:n.toCapsCase})]})}exports.default=c;

package/dist/cjs/item/ItemSourceTable/components/PdfTypeTableBody.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("react"),s=require("@material-ui/core"),i=require("@vidispine/vdt-js"),a=require("./TableRow.js");function o({className:u,videoComponentType:l}){const t=r.useMemo(()=>i.parseVideoComponent(l),[l]);return e.jsxs(s.TableBody,{className:u,children:[e.jsx(a.default,{label:"Pages",value:t.videoMetadata.image_pages}),e.jsx(a.default,{label:"Width",value:t.width}),e.jsx(a.default,{label:"Height",value:t.height})]})}exports.default=o;

package/dist/cjs/item/ItemSourceTable/components/ShapeTypeTableBody.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),b=require("react"),y=require("@material-ui/core"),P=require("@vidispine/vdt-js"),j=require("./AudioComponentTypeTableBody.js"),p=require("./ContainerComponentTypeTableBody.js"),x=require("./FileTypeTableBody.js"),Y=require("./ImageTypeTableBody.js"),_=require("./PdfTypeTableBody.js"),I=require("./TableRow.js"),q=require("./VideoComponentTypeTableBody.js"),o="VIDEO_MEDIATYPE",d="AUDIO_MEDIATYPE",A="IMAGE_MEDIATYPE",D="PDF_MEDIATYPE",h="BINARY_MEDIATYPE",B=({mimeType:c=[],containerComponent:u,audioComponent:r,videoComponent:n,binaryComponent:f}={})=>{const[a]=c;if(a){if(a.startsWith("video"))return o;if(a.startsWith("audio"))return d;if(a.startsWith("image"))return A}if(u&&u.format==="PDF")return D;if(r&&n)return o;if(r)return d;if(n&&n.length){const[m]=n;return m.duration?o:A}if(f)return h};function g({shapeActualSize:c,className:u,shapeType:r,storageListType:n,displayMethodTypes:f,storageMetadataKeys:a,showFiles:m=!0}){const s=b.useMemo(()=>P.parseShapeType(r),[r]),{containerComponent:l,videoComponent:T=[],audioComponent:M=[]}=r,i=B(r),E=l==null?void 0:l.file;return t.jsxs(t.Fragment,{children:[t.jsxs(y.TableBody,{className:u,children:[s.mimeType&&t.jsx(I.default,{label:"Mime-Type",value:s.mimeType}),s.fileSize&&t.jsxs(t.Fragment,{children:[t.jsx(I.default,{label:"File Size",value:c}),t.jsx(I.default,{label:"Checksum",value:s.hash})]})]}),(i===o||i===d)&&t.jsx(p.default,{containerComponentType:l}),i===o&&T.map(e=>t.jsx(q.default,{videoComponentType:e},e.id)),(i===o||i===d)&&M.map(e=>t.jsx(j.default,{audioComponentType:e},e.id)),m&&(E==null?void 0:E.map(e=>t.jsx(x.default,{fileType:e,storageListType:n,displayMethodTypes:f,storageMetadataKeys:a},`file-${e.id}`))),i===A&&T.map(e=>t.jsx(Y.default,{videoComponentType:e},e.id)),i===D&&T.map(e=>t.jsx(_.default,{videoComponentType:e},e.id))]})}exports.default=g;

package/dist/cjs/item/ItemSourceTable/components/TableHead.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("@material-ui/core");function t({children:r}){return e.jsx(l.TableHead,{children:e.jsx(l.TableRow,{children:e.jsx(l.TableCell,{colSpan:2,children:r})})})}exports.default=t;

package/dist/cjs/item/ItemSourceTable/components/TableRow.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),l=require("@material-ui/core"),n=e=>({TableCellLabel:{borderStyle:"none",...e.typography.body2},TableCellValue:{borderStyle:"none",wordBreak:"break-all",...e.typography.subtitle2}});function i({classes:e,label:t,value:r,formatValue:a=b=>b,...s}){return o.jsxs(l.TableRow,{...s,children:[o.jsx(l.TableCell,{classes:{root:e.TableCellLabel},children:t}),o.jsx(l.TableCell,{classes:{root:e.TableCellValue},children:r!==void 0?a(r):""})]})}const u=l.withStyles(n)(i);exports.default=u;

package/dist/cjs/item/ItemSourceTable/components/VideoComponentTypeTableBody.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("react"),o=require("@material-ui/core"),i=require("@vidispine/vdt-js"),u=require("../../../utils.js"),n=require("./TableHead.js"),l=require("./TableRow.js"),c=()=>({TableHeadLabel:{marginTop:"20px",borderBottom:"1px solid rgba(224, 224, 224, 0.5)",display:"flex",alignItems:"center"}});function b({classes:s,className:r,videoComponentType:t}){const a=d.useMemo(()=>i.parseVideoComponent(t),[t]);return e.jsxs(e.Fragment,{children:[e.jsx(n.default,{children:e.jsx("span",{className:s.TableHeadLabel,children:"Video Track"})}),e.jsxs(o.TableBody,{className:r,children:[e.jsx(l.default,{label:"Video Codec",value:a.videoFormat||a.videoCodec}),e.jsx(l.default,{label:"SMPTE",value:a.smpte}),e.jsx(l.default,{label:"Frame Rate",value:a.frameRate}),e.jsx(l.default,{label:"Width",value:a.width}),e.jsx(l.default,{label:"Height",value:a.height}),e.jsx(l.default,{label:"Aspect Ratio",value:a.aspectRatio}),e.jsx(l.default,{label:"Video Bitrate",value:a.videoBitrate}),e.jsx(l.default,{label:"Color Space",value:a.colorSpace}),e.jsx(l.default,{label:"Chroma Subsampling",value:a.chromaSubsampling}),e.jsx(l.default,{label:"Field Order",value:a.fieldOrder,formatValue:u.toCapsCase})]})]})}const m=o.withStyles(c)(b);exports.default=m;

package/dist/cjs/item/ItemSourceTable/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("@material-ui/core"),e=require("./ItemSourceTable.js"),t=o.withStyles(e.styles,{name:"VdtItemSourceTable"})(e.default);t.displayName="ItemSourceTable";exports.default=t;

package/dist/cjs/item/ItemTable.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),d=require("@material-ui/core"),b=require("./ItemRow.js");function h({itemListType:c={},RowComponent:a=b.default,options:s=[],onCheck:i,selected:r,onRowClick:t,...u}){const{item:n=[]}=c;return l.jsxs(d.Table,{size:"small",children:[l.jsx(d.TableHead,{children:l.jsxs(d.TableRow,{children:[i&&l.jsx(d.TableCell,{padding:"checkbox"}),s.map(({label:e,value:o,hide:j},x)=>l.jsx(d.Hidden,{only:j,children:l.jsx(d.TableCell,{children:e})},e||o||x))]})}),l.jsx(d.TableBody,{children:n&&n.map(e=>l.jsx(a,{itemType:e,itemId:e.id,options:s,onCheck:i,selected:r&&r.includes(e.id),onClick:()=>t(e),...u},e.id))})]})}exports.default=h;

package/dist/cjs/item/ItemTabs/ItemTabs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),m=require("react"),e=require("prop-types"),j=require("@material-ui/core"),P=require("./components/Tab.js"),v=require("./components/TabPanel.js"),y=require("./components/Tabs.js"),g=()=>({root:{}});function n({classes:h,className:q,tabs:o=[],TabsProps:u,TabPanelProps:c,defaultTab:i,...b}){const[r,d]=m.useState(i),p=(a,t)=>{d(t)};return s.jsxs(s.Fragment,{children:[s.jsx(y.default,{value:r,onChange:p,variant:"scrollable",scrollButtons:"auto",...u,children:o.map(({label:a},t)=>s.jsx(P.default,{label:a,value:t},a))}),s.jsx(j.Divider,{}),o.map(({component:a,label:t,hideOnMount:T=!0,...f},l)=>s.jsx(v.default,{currentTab:r,hideOnMount:T,value:l,...c,children:s.jsx(a,{hidden:l!==r,...b,...f})},t))]})}n.propTypes={classes:e.objectOf(e.string),className:e.string,defaultTab:e.number,TabsProps:e.objectOf(e.any),TabPanelProps:e.objectOf(e.any),tabs:e.arrayOf(e.shape({label:e.string,hideOnMount:e.bool,component:e.elementType}))};n.defaultProps={className:void 0,classes:{},defaultTab:0,TabsProps:{},TabPanelProps:{},tabs:[]};exports.default=n;exports.styles=g;

package/dist/cjs/item/ItemTabs/components/Tab.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@material-ui/core"),o=t=>({root:{paddingLeft:0,minHeight:20,[t.breakpoints.up("sm")]:{minWidth:0},borderWidth:1,"&:not(:first-of-type)":{marginLeft:-1},backgroundColor:"unset","&::after":{color:t.palette.primary.main,transition:"width 0.25s ease-in-out 0.05s",borderBottom:"0.25em solid",width:0,position:"absolute",bottom:0,left:0,content:'""'},"&:hover":{opacity:1,backgroundColor:"unset","&::after":{width:"calc(100% - 12px)"}}},selected:{backgroundColor:"unset","&::after":{width:"calc(100% - 12px)"}}}),r=e.withStyles(o,{name:"VdtItemTabTab"})(e.Tab);exports.default=r;

package/dist/cjs/item/ItemTabs/components/TabPanel.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),r=require("clsx"),u=require("@material-ui/core"),i=e=>({root:{paddingTop:e.spacing(1),display:({value:t,currentTab:n})=>t!==n?"none":"block"}});function c({className:e,classes:t,hideOnMount:n=!0,currentTab:o,value:s,...a}){return!n&&s!==o?null:l.jsx("div",{className:r(t.root,e),...a})}const d=u.withStyles(i,{name:"VdtItemTabTabPanel"})(c);exports.default=d;

package/dist/cjs/item/ItemTabs/components/Tabs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@material-ui/core"),t={root:{backgroundColor:"unset",minHeight:20},indicator:{display:"none"},scrollButtons:{backgroundColor:"unset"}},o=e.withStyles(t,{name:"VdtItemTabTabs"})(e.Tabs);exports.default=o;

package/dist/cjs/item/ItemTabs/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("@material-ui/core"),e=require("./ItemTabs.js"),t=s.withStyles(e.styles,{name:"VdtItemTabs"})(e.default);t.displayName="ItemTabs";exports.default=t;

package/dist/cjs/item/ItemTimespan/ItemTimespan.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),j=require("clsx"),q=require("./components/ItemTimespanBox.js"),v=require("./components/ItemTimespanSelection.js"),y=require("./hooks/useItemTimespan.js"),B=t=>({root:{},ItemTimespanSelection:{marginBottom:t.spacing(1)},ItemTimespanBox:{}});function S({className:t,classes:n,style:u,itemId:o,videoEl:l,sampleRate:i="PAL",timespanOptions:e,queryParams:m,onError:c,onSuccess:d,ItemTimespanSelectionComponent:a=v.default,ItemTimespanSelectionProps:T={},ItemTimespanBoxComponent:p=q.default,ItemTimespanBoxProps:x={}}){const{onChangeTimespanOption:f,timespanOption:r,itemType:g,onRefresh:h}=y.default({itemId:o,queryParams:m,sampleRate:i,timespanOptions:e}),{value:I={}}=r||{};return s.jsxs("div",{className:j(n.root,t),style:u,children:[a&&e&&e.length>1&&s.jsx(a,{options:e,value:r,handleChange:f,className:n.ItemTimespanSelection,...T}),s.jsx(p,{className:n.ItemTimespanBox,videoEl:l,sampleRate:i,canEdit:!0,onRefresh:h,onError:c,onSuccess:d,itemId:o,itemType:g,...I,...x})]})}exports.default=S;exports.styles=B;

package/dist/cjs/item/ItemTimespan/components/ConfidenceSlider.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),d=require("clsx"),t=require("@material-ui/core"),s=require("../hooks/useConfidenceSlider.js"),f=()=>({Typography:{},Slider:{},root:{}});function m({className:r,classes:e,onChange:o,confidenceText:i="Confidence",TypographyProps:a={},SliderProps:l={}}){const[u,c]=s.default(o);return n.jsxs("div",{className:d(e.root,r),children:[n.jsx(t.Typography,{className:e.Typography,variant:"caption",gutterBottom:!0,...a,children:i}),n.jsx(t.Slider,{className:e.Slider,defaultValue:.9,valueLabelDisplay:"auto",step:.01,marks:!0,min:.9,max:1,value:u,onChange:c,...l})]})}const p=t.withStyles(f,{name:"VdtConfidenceSlider"})(m);exports.default=p;

package/dist/cjs/item/ItemTimespan/components/EditButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),a=require("clsx"),n=require("@material-ui/core"),e=require("@material-ui/icons"),m={Button:{minWidth:0},Icon:{}};function B({className:o,classes:s,isEditing:i,CloseIcon:u=e.NotInterested,OpenIcon:r=e.AddCircleOutline,onClick:c,ButtonProps:l={size:"small"}}){const d=i?u:r;return t.jsx(n.Button,{className:a(s.Button,o),onClick:c,...l,children:t.jsx(d,{})})}const j=n.withStyles(m)(B);exports.default=j;

package/dist/cjs/item/ItemTimespan/components/ItemTimespanBox.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),M=require("clsx"),s=require("@material-ui/core"),P=require("../hooks/useItemTimespanBox.js"),W=require("../hooks/useItemTimespanBoxEdit.js"),$=require("./ConfidenceSlider.js"),H=require("./EditButton.js"),R=require("./ItemTimespanEdit.js"),Y=require("./ItemTimespanList.js"),z=require("./ItemTimespanSearchInput.js"),J=t=>({root:{},header:{display:"flex",alignItems:"baseline",width:"100%"},ItemTimespanList:{overflowY:"scroll",height:`calc(100% - ${t.spacing(6)}px)`,maxHeight:1080/2,"&::-webkit-scrollbar":{WebkitAppearance:"none"},"&::-webkit-scrollbar:vertical":{width:11},"&::-webkit-scrollbar-thumb":{borderStyle:"solid",borderWidth:2,borderColor:t.palette.common.white,backgroundColor:"rgba(0, 0, 0, 0.5)"}},EditButton:{},ConfidenceSlider:{alignSelf:"center",flexGrow:.5,marginLeft:5,marginRight:5},ItemTimespanFilter:{flexGrow:1,paddingLeft:t.spacing(1),paddingRight:t.spacing(1)},ItemTimespanEdit:{},Collapse:{},Divider:{}});function K({className:t,classes:i,style:h,itemId:b,itemType:I,onRefresh:d,onError:j,onSuccess:v,videoEl:q={},subtitleGroup:r="stl_subtitle",subtitleField:o="stl_text",aduGroup:n,aduValue:l,aduConfidence:m,sampleRate:g="PAL",canEdit:a=!0,ConfidenceSliderComponent:x=$.default,ConfidenceSliderProps:w={},EditButtonComponent:u=H.default,EditButtonProps:S={},ItemTimespanSearchInputComponent:f=z.default,ItemTimespanSearchInputProps:C={},ItemTimespanEditComponent:p=R.default,ItemTimespanEditProps:E={},ItemTimespanListComponent:N=Y.default,ItemTimespanListProps:B={}}){const{video:T,setFilterText:L,setFilterConfidence:k,timespanList:y}=P.default({itemType:I,videoEl:q,onRefresh:d,field:o,fieldGroup:r,aduGroup:n,aduValue:l,aduConfidence:m}),{isEditing:c,onCancel:D,onToggle:_,onOpen:O,onSuccess:A,initialValues:F}=W.default({onRefresh:d,onSuccess:v});return e.jsxs("div",{className:M(i.root,t),style:h,children:[e.jsxs("div",{className:i.header,children:[f&&e.jsx(f,{className:i.ItemTimespanFilter,onChange:L,...C}),x&&n&&e.jsx(x,{className:i.ConfidenceSlider,onChange:k,...w}),u&&a&&e.jsx(u,{className:i.EditButton,onClick:_,isEditing:c,...S})]}),e.jsxs(s.Collapse,{in:c,className:i.Collapse,children:[e.jsx(s.Divider,{className:i.Divider}),p&&a&&c&&e.jsx(p,{className:i.ItemTimespanEdit,video:T,onSuccess:A,onError:j,onCancel:D,initialValues:F,itemId:b,sampleRate:g,subtitleGroup:r,subtitleField:o,aduGroup:n,aduValue:l,...E}),e.jsx(s.Divider,{})]}),e.jsx(N,{className:i.ItemTimespanList,timespanList:y,video:T,onEdit:O,canEdit:a,subtitleGroup:r,subtitleField:o,sampleRate:g,aduGroup:n,aduValue:l,aduConfidence:m,...B})]})}const Q=s.withStyles(J,{name:"VdtItemTimespanBox"})(K);exports.default=Q;

package/dist/cjs/item/ItemTimespan/components/ItemTimespanEdit.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("react/jsx-runtime"),_=require("clsx"),j=require("react-final-form"),y=require("@material-ui/core"),V=require("../hooks/useItemTimespanEdit.js"),g=require("./ItemTimespanForm.js"),h={Form:{}};function v({className:e,classes:t,itemId:s,sampleRate:i="PAL",onSuccess:n,onError:a,onCancel:r,video:o,initialValues:m={},subtitleGroup:u="stl_subtitle",subtitleField:l="stl_text",aduGroup:c,aduValue:d,sameAsStartText:p="Same as start",laterThanEndText:q="Later than end",FormComponent:F=g.default,...T}){const{onSubmit:f,onDelete:I,metadataUuid:S,initialValues:b,timespan:x}=V.default({itemId:s,video:o,sampleRate:i,onSuccess:n,onError:a,sameAsStartText:p,laterThanEndText:q,...m});return E.jsx(j.Form,{className:_(t.Form,e),onSubmit:f,initialValues:b,component:F,onCancel:r,onDelete:I,metadataUuid:S,subtitleGroup:u,subtitleField:l,aduGroup:c,aduValue:d,timespan:x,...T})}const L=y.withStyles(h,{name:"VdtItemTimespanEdit"})(v);exports.default=L;

package/dist/cjs/item/ItemTimespan/components/ItemTimespanForm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("react-final-form"),n=require("@material-ui/core"),o=require("../../../fields/TextField.js"),d=(e="")=>{const i=/(^(?:(?:[0-1][0-9]|[0-2][0-3]):)(?:[0-5][0-9]:){2}(?:[0-2][0-9])$)/gi,r=new RegExp(i);return e.match(r)?void 0:"Invalid Timecode"},a=e=>{if(!e)return e;if(e.length>=11)return e.slice(0,11);if(e.endsWith(":")||e.split(":").length===4)return e;const i=e.replace(/[^\d|]/g,"");return i?i.length<=8?i.match(/.{1,2}/g).join(":"):e.slice(0,11):""};function S({handleSubmit:e,valid:i,onCancel:r,onDelete:l,metadataUuid:c,subtitleGroup:u="stl_subtitle",subtitleField:m="stl_text",startText:h="Start",endText:p="End",textText:x="Text",requiredText:f="Required",saveText:j="Save",deleteText:g="Delete",cancelText:b="Cancel"}){return t.jsx("form",{onSubmit:e,children:t.jsxs(n.Grid,{container:!0,justifyContent:"space-between",children:[t.jsxs(n.Grid,{item:!0,xs:2,children:[t.jsx(s.Field,{name:"startSmpte",component:o.default,type:"text",label:h,variant:"outlined",fullWidth:!0,margin:"dense",validate:d,parse:a}),t.jsx(s.Field,{component:o.default,name:"endSmpte",label:p,variant:"outlined",fullWidth:!0,margin:"dense",validate:d,parse:a})]}),t.jsx(n.Grid,{item:!0,xs:8,children:t.jsx(s.Field,{component:o.default,name:`${u}.${m}`,label:x,variant:"outlined",fullWidth:!0,margin:"dense",multiline:!0,rows:6,validate:y=>y?void 0:f})}),t.jsx(n.Grid,{item:!0,children:t.jsxs(n.Grid,{container:!0,direction:"column",justifyContent:"space-around",style:{height:"100%"},children:[t.jsx(n.Button,{variant:"outlined",color:"primary",type:"submit",disabled:!i,children:j}),c&&t.jsx(n.Button,{variant:"outlined",color:"secondary",onClick:l,children:g}),t.jsx(n.Button,{variant:"outlined",onClick:r,children:b})]})})]})})}const F=n.withStyles({},{name:"VdtItemTimespanForm"})(S);exports.default=F;

package/dist/cjs/item/ItemTimespan/components/ItemTimespanInterval.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),w=require("clsx"),i=require("@material-ui/core"),G=require("@material-ui/icons"),S=require("../hooks/useItemTimespanInterval.js"),C=e=>({root:{transition:"background-color 0.3s ease-out","&:hover":{backgroundColor:e.palette.type==="light"?"rgba(0, 0, 0, 0.1)":"rgba(0, 0, 0, 0.2)"},"&:hover $actions":{visibility:"visible"},minHeight:50,paddingTop:e.spacing(1),paddingBottom:e.spacing(1),paddingLeft:e.spacing(1),paddingRight:e.spacing(2)},seek:{cursor:"pointer"},actions:{visibility:"hidden"},active:{backgroundColor:e.palette.type==="light"?"rgba(0, 0, 0, 0.2)":"rgba(0, 0, 0, 0.3)","&:hover":{backgroundColor:e.palette.type==="light"?"rgba(0, 0, 0, 0.3)":"rgba(0, 0, 0, 0.4)"}},chip:{margin:e.spacing(.5)},actionButton:{minWidth:0}});function q({className:e,classes:r,canEdit:d=!0,timespan:p,onSeek:u,onEdit:g,subtitleGroup:h="stl_subtitle",subtitleField:x="stl_text",isActive:o=!1,aduGroup:m,aduValue:j,aduConfidence:v}){const{ref:b,start:y,end:T,duration:k,text:f,aduList:n,onSeek:a,onEdit:s}=S.default({timespan:p,subtitleGroup:h,subtitleField:x,handleOnSeek:u,handleOnEdit:g,isActive:o,aduGroup:m,aduValue:j,aduConfidence:v}),l=n&&n.length>0;return t.jsx("div",{className:w(r.root,{[r.active]:o,[r.seek]:a!==void 0},e),onClick:a,ref:b,children:t.jsxs(i.Grid,{container:!0,alignItems:"flex-start",wrap:"nowrap",children:[t.jsx(i.Grid,{item:!0,children:t.jsxs(i.Grid,{container:!0,direction:"column",children:[t.jsx(i.Typography,{variant:"caption",children:y.toSmpte()}),t.jsx(i.Typography,{variant:"caption",children:T.toSmpte()})]})}),t.jsx(i.Grid,{item:!0,style:{flexGrow:1},children:t.jsx(i.Box,{px:2,children:l?n.map(({value:c,confidence:I})=>t.jsx(i.Tooltip,{title:I,placement:"top",arrow:!0,children:t.jsx(i.Chip,{label:c,variant:"outlined",size:"small",className:r.chip})},c)):t.jsx(i.Typography,{variant:"subtitle2",children:f})})}),t.jsx(i.Grid,{item:!0,children:t.jsxs(i.Grid,{container:!0,direction:"column",children:[t.jsx(i.Typography,{variant:"caption",children:k.toDuration()}),t.jsx(i.Grid,{container:!0,direction:"row",wrap:"nowrap",className:r.actions,children:d&&!l&&s&&t.jsx(i.Button,{onClick:s,size:"small",className:r.actionButton,children:t.jsx(G.Edit,{})})})]})})]})})}const B=i.withStyles(C,{name:"VdtItemTimespanInterval"})(q);exports.default=B;

package/dist/cjs/item/ItemTimespan/components/ItemTimespanList.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),q=require("clsx"),r=require("@material-ui/core"),S=require("../hooks/useItemTimespanList.js"),L=require("./ItemTimespanInterval.js"),N={root:{},ItemTimespanIntervalContainer:{},ItemTimespanInterval:{},Divider:{}};function _({classes:e,className:a,canEdit:m=!0,timespanList:n,onEdit:o,video:s,subtitleGroup:l="stl_subtitle",subtitleField:u="stl_text",sampleRate:c="PAL",aduGroup:d,aduValue:I,aduConfidence:v,ItemTimespanIntervalCompoent:T=L.default,ItemTimespanIntervalProps:p={}}){const{onSeek:x,activeTimespanIndex:j}=S.default({video:s,timespanList:n});return t.jsx("div",{className:q(e.root,a),children:n.map((i,f)=>t.jsxs("div",{className:e.ItemTimespanIntervalContainer,children:[t.jsx(T,{className:e.ItemTimespanInterval,timespan:i,onSeek:s?x:void 0,canEdit:m,onEdit:o,isActive:j===f,subtitleGroup:l,subtitleField:u,sampleRate:c,aduGroup:d,aduValue:I,aduConfidence:v,...p}),t.jsx(r.Divider,{className:e.Divider})]},[i.start,i.end].join()))})}const b=r.withStyles(N,{name:"VdtItemTimespanList"})(_);exports.default=b;

package/dist/cjs/item/ItemTimespan/components/ItemTimespanSearchInput.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),l=require("react"),g=require("clsx"),t=require("@material-ui/core"),i=require("@material-ui/icons"),A=()=>({TextField:{"& .MuiInputLabel-marginDense":{left:"unset"}},InputAdornment:{},Button:{minWidth:0},SearchIconComponent:{},CloseIconComponent:{}});function T({className:c,classes:e,onChange:a,searchText:m="Search",SearchIconComponent:d=i.Search,CloseIconComponent:p=i.Close,inputRef:I,...h}){const f=l.useRef(),r=I||f,[x,s]=l.useState(!1),S=o=>{var u;const j=(u=o==null?void 0:o.target)==null?void 0:u.value;a(o.target.value),s(()=>!!j)},C=()=>{a(""),r.current.value="",s(!1)};return n.jsx(t.TextField,{className:g(e.TextField,c),inputRef:r,label:m,variant:"outlined",onChange:S,fullWidth:!0,margin:"dense",color:"primary",InputProps:{startAdornment:n.jsx(t.InputAdornment,{className:e.InputAdornment,position:"start",children:n.jsx(d,{className:e.SearchIconComponent})}),endAdornment:x?n.jsx(t.InputAdornment,{className:e.InputAdornment,position:"end",children:n.jsx(t.Button,{className:e.Button,onClick:C,size:"small",children:n.jsx(p,{className:e.CloseIconComponent})})}):void 0},...h})}const N=t.withStyles(A,{name:"VdtItemTimespanSearchInput"})(T);exports.default=N;

package/dist/cjs/item/ItemTimespan/components/ItemTimespanSelection.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),i=require("clsx"),e=require("@material-ui/core"),m={FormControl:{},InputLabel:{},Select:{},MenuItem:{}};function d({className:a,classes:t={},value:r,handleChange:u,options:s,eventTypeText:c="Event Type",FormControlProps:o={variant:"standard",fullWidth:!0}}){return l.jsxs(e.FormControl,{className:i(t.FormControl,a),...o,children:[l.jsx(e.InputLabel,{className:t.InputLabel,children:c}),l.jsx(e.Select,{className:t.Select,value:r,onChange:u,children:s.map(n=>l.jsx(e.MenuItem,{className:t.MenuItem,value:n,children:n.label},n.label))})]})}const I=e.withStyles(m,{name:"VdtItemTimespanSelection"})(d);exports.default=I;

package/dist/cjs/item/ItemTimespan/hooks/useConfidenceSlider.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),s=require("lodash.debounce"),a=e=>{const o=t.useCallback(s(e,500),[e]),[c,u]=t.useState(.5);return[c,(r,n)=>{u(n),o(n)}]};exports.default=a;

package/dist/cjs/item/ItemTimespan/hooks/useItemTimespan.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),f=require("@vidispine/vdt-react"),v=({itemId:i,sampleRate:o="PAL",timespanOptions:u=[{}],queryParams:l})=>{const[a,c]=b.useState(u[0]),{value:{subtitleGroup:e="stl_subtitle",subtitleField:t="stl_text",aduGroup:s,aduValue:r,aduConfidence:n}={}}=a,p={content:"metadata",group:Array.isArray(e)?[...e,s]:[e,s],field:Array.isArray(t)?[...t,r,n]:[t,r,n],sampleRate:o,...l},{itemType:d,isLoading:m,isError:y,onRefresh:g}=f.useGetItem({itemId:i,queryParams:p});return{itemType:d,isLoading:m,isError:y,onRefresh:g,onChangeTimespanOption:T=>c(T.target.value),timespanOption:a}};exports.default=v;

package/dist/cjs/item/ItemTimespan/hooks/useItemTimespanBox.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react"),d=require("../utils/filterTimespanList.js"),M=require("../utils/parseTimespanList.js"),S=({itemType:s,videoEl:r,field:i,fieldGroup:n,aduGroup:o,aduValue:c,aduConfidence:u})=>{let a;r.current&&(a=r.current.player.videoEl);const[t,f]=e.useState(""),[l,p]=e.useState(),m=e.useMemo(()=>M.default({itemType:s}),[s]),T=e.useMemo(()=>d.default({filterText:t,filterConfidence:l,parsedTimespans:m,field:i,fieldGroup:n,aduGroup:o,aduValue:c,aduConfidence:u}),[t,l,m,i,n,o,c,u]);return{video:a,setFilterText:f,filterText:t,setFilterConfidence:p,timespanList:T}};exports.default=S;

package/dist/cjs/item/ItemTimespan/hooks/useItemTimespanBoxEdit.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react"),r=({onRefresh:a})=>{const[u,t]=e.useState(),[l,s]=e.useState(!1),n=e.useCallback(c=>()=>{t(c),s(!0)},[]),i=e.useCallback(()=>{s(!1),t(),a()},[a]),o=e.useCallback(()=>{s(!1),t()},[]);return{isEditing:l,onOpen:n,onCancel:o,onSuccess:i,initialValues:u,onToggle:l?o:n}};exports.default=r;

package/dist/cjs/item/ItemTimespan/hooks/useItemTimespanEdit.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("@vidispine/vdt-api"),a=require("@vidispine/vdt-js");function q({itemId:c,video:u,sampleRate:d,onSuccess:i,onError:n,sameAsStartText:C,laterThanEndText:b,...x}){const{startText:p,endText:S,uuid:r,timespan:y,...e}=x;if(u&&!e.startSmpte&&!e.endSmpte){const{currentTime:s=0}=u,o=a.createTimeBase(d),t=a.formatTimeCodeSeconds(s,{timeBase:o}).toSmpte();e.startSmpte=t,e.endSmpte=t}return{onSubmit:(s,o)=>{try{const{dirtyFields:t={}}=o.getState(),{startSmpte:l,endSmpte:h}=t,{startSmpte:T,endSmpte:f,...B}=s,g=parseInt(T.replace(/[^\d|]/g,""),10),M=parseInt(f.replace(/[^\d|]/g,""),10);if(g>M)return{startSmpte:b};if(g===M)return{endSmpte:C};const I=l||!p?a.formatTimeCodeSmpte(T,{timeBase:d}).toText():p,D=h||!S?a.formatTimeCodeSmpte(f,{timeBase:d}).toText():S,v=a.createMetadataType({start:I,end:D,...B});return r&&(l||h)?m.item.updateItemMetadata({itemId:c,metadataDocument:v}).then(()=>m.metadata.removeMetadata({metadataUuid:r})).then(i).catch(n):m.item.updateItemMetadata({itemId:c,metadataDocument:v}).then(i).catch(n)}catch(t){return n(t)}},onDelete:()=>m.metadata.removeMetadata({metadataUuid:r}).then(i).catch(n),metadataUuid:r,initialValues:e,timespan:y}}exports.default=q;

package/dist/cjs/item/ItemTimespan/hooks/useItemTimespanInterval.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),i=require("@vidispine/vdt-js"),B=(t,e)=>Array.isArray(e)?Object.fromEntries(Object.entries(t).filter(([r])=>e.includes(r))):t[e],_=({timespan:t,subtitleGroup:e,subtitleField:r,aduGroup:m,aduValue:u,aduConfidence:T,isActive:f,handleOnSeek:p=()=>{},handleOnEdit:l=()=>{}})=>{const o=d.createRef(),{start:x,end:S,duration:v,metadataFieldValue:y,text:C,aduList:L,onSeek:g,onEdit:M}=d.useMemo(()=>{const{start:j,end:E}=t,s=i.formatTimeCodeText(j),a=i.formatTimeCodeText(E),I={samples:a.samples-s.samples,timeBase:a.timeBase},{group:V=[]}=t,c=V.find(({name:n})=>n===e)||{},{group:b=[],uuid:k}=c;return{start:s,end:a,duration:i.formatTimeCodeType(I),text:c[r],metadataFieldValue:B(c,r),aduList:b.filter(({name:n})=>n===m).map(({[u]:n,[T]:q})=>({confidence:Number(q),value:n})),onSeek:p(s.toSeconds()),onEdit:l({timespan:t,startText:s.toText(),endText:a.toText(),startSmpte:s.toSmpte(),endSmpte:a.toSmpte(),uuid:k,[e]:{[r]:c[r]}})}},[t,r,p,l,e,m,u,T]);return d.useEffect(()=>{f&&o&&o.current&&o.current.scrollIntoView({behavior:"smooth",block:"nearest"})},[o,f]),{ref:o,start:x,end:S,duration:v,text:C,metadataFieldValue:y,aduList:L,onSeek:g,onEdit:M}};exports.default=_;

package/dist/cjs/item/ItemTimespan/hooks/useItemTimespanList.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),c=require("../utils/findActiveTimespanIndex.js"),l=({video:e,timespanList:n})=>{const[u,a]=r.useState(),s=r.useCallback(t=>()=>{e&&(e.currentTime=t,e.played.length===0&&e.play())},[e]);return r.useEffect(()=>{if(e&&n.length>0){const t=()=>c.default({timespanList:n,video:e,activeTimespanIndex:u,setActiveTimespanIndex:a});return e.addEventListener("timeupdate",t),()=>{e.removeEventListener("timeupdate",t)}}},[e,n]),{onSeek:s,activeTimespanIndex:u}};exports.default=l;

package/dist/cjs/item/ItemTimespan/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("@material-ui/core"),e=require("./ItemTimespan.js"),s=t.withStyles(e.styles,{name:"VdtItemTimespan"})(e.default);exports.default=s;

package/dist/cjs/item/ItemTimespan/utils/filterTimespanList.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=({parsedTimespans:l,filterText:u,filterConfidence:n,fieldGroup:c,field:a,aduGroup:m,aduValue:f,aduConfidence:g})=>{if((n===void 0||n===0)&&(u===void 0||u===""))return l;const A=Array.isArray(a)?a:[a],w=Array.isArray(c)?c:[c],i=u.toLowerCase(),h=[];return l.forEach(y=>{const{group:E=[],start:d,end:L}=y,o=E.filter(({name:e})=>w.includes(e));if(o.length!==0)if(m&&f){const e=[];if(o.forEach(({group:t,...p})=>{const s=[];t.forEach(r=>{if(r.name===m&&f in r){const S=String(r[f].toLowerCase());if(i&&!S.includes(i)||g&&n!==void 0&&r[g]!==void 0&&n>Number(r[g]))return;s.push(r)}}),s.length!==0&&e.push({...p,group:s})}),e.length===0)return;h.push({start:d,end:L,group:e})}else{const e=o.reduce((t,p)=>(Object.entries(p).forEach(([s,r])=>{A.includes(s)&&t.push(r)}),t),[]);if(e.length===0)return;if(i){const t=e.join("");if(t==="")return;t.toLowerCase().includes(i.toLowerCase())&&h.push({start:d,end:L,group:o})}}}),h};exports.default=T;

package/dist/cjs/item/ItemTimespan/utils/findActiveTimespanIndex.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("@vidispine/vdt-js"),T=({timespanList:o,video:s={},setActiveTimespanIndex:d,activeTimespanIndex:r})=>{const{currentTime:c=0}=s,t=Number(c.toFixed(3)),e=o.findIndex(({start:i,end:u})=>{const a=n.formatTimeCodeText(i),m=n.formatTimeCodeText(u),f=Number(a.toSeconds().toFixed(3)),x=Number(m.toSeconds().toFixed(3));return t>=f&&t<x});e>-1&&r!==e&&d(e)};exports.default=T;

package/dist/cjs/item/ItemTimespan/utils/parseTimespanList.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("@vidispine/vdt-js"),o=(e,s)=>{const{start:r}=e,{start:n}=s,[u]=r.split("@"),[t]=n.split("@");return Number(u)<Number(t)?-1:Number(u)>Number(t)?1:0},a=({itemType:e={}})=>{const{metadata:s}=e,r={includeTimespanAttributes:!0,includeGroupAttributes:!0,flat:!0,overrideGroup:!0,groupAsList:!0,joinValue:","},{timespan:n=[]}=s||{};return n.sort(o).map(t=>i.parseTimespan(t,r))};exports.default=a;

package/dist/cjs/item/ItemTimespanTab.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ItemTimespan/index.js");exports.default=e.default;

package/dist/cjs/item/ItemTreeItem.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),T=require("clsx"),d=require("@material-ui/core"),e=require("../entity/EntityTreeConsts.js"),y=require("../TreeItemDraggable.js"),b=require("./ItemLabelDroppable.js"),f={root:{}};function q({className:n,classes:u,item:t,parentCollectionId:r,nodeId:s=[e.ITEM,t.id,e.COLLECTION,r].join(e.JOIN_CHARACTER),onDrop:i,ItemLabelComponent:a=b.default,TreeItemComponent:I=y.default,TreeItemProps:c={},ItemLabelProps:l={}}){const m=o.jsx(a,{item:t,parentCollectionId:r,nodeId:s,onDrop:i,...l});return o.jsx(I,{className:T(u.root,"VdtItemTreeItem-root",n),label:m,nodeId:s,dragInfo:{entityType:e.ITEM,entityId:t.id,entityParentId:r},...c})}const g=d.withStyles(f,{name:"VdtItemTreeItem"})(q);exports.default=g;

package/dist/cjs/item/player/ItemAudioPlayer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),n=require("clsx"),r=require("@material-ui/core"),u=require("@vidispine/vdt-videojs-react"),c=["audio/mp4","audio/mpeg","audio/x-aac","audio/aac","audio/x-wav","audio/wav","audio/accp","audio/ogg","audio/webm","audio/x-flac"],j=e=>({root:{"& .video-js":{backgroundColor:"rgba(0, 0, 0, 0.2)"},"& .video-js.vjs-has-started.vjs-user-inactive.vjs-playing:not(.controls-below-player) .vjs-control-bar":{transform:"none"},"& .video-js .vjs-play-progress.vjs-slider-bar":{backgroundColor:e.palette.secondary.main},"& .video-js .vjs-fullscreen-control":{display:"none"}}});function v({className:e,classes:s,videoEl:a,onReady:t,width:i="100%",previewSources:d=[],audioPlayerProps:l={}}){return o.jsx(r.Box,{className:n(s.root,e),children:o.jsx(r.Box,{width:"100%",children:o.jsx(u.VideoPlayer,{controls:!0,sources:d.slice(0,1),ref:a,width:i,onReady:t,...l})})})}const m=r.withStyles(j,{name:"VdtItemAudioPlayer"})(v);exports.ALLOWED_MIME_TYPES=c;exports.default=m;

package/dist/cjs/item/player/ItemImagePlayer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("clsx"),i=require("@material-ui/core"),r=["image/apng","image/bmp","image/gif","image/jpeg","image/x-icon","image/png","image/svg+xml"],g=()=>({root:{width:"100%",display:"flex",justifyContent:"center"},img:{display:"block",margin:"auto",maxWidth:"100%",maxHeight:"70vh"}});function n({classes:e,className:a,previewSource:m={}}){const{src:s}=m;return t.jsx(i.Box,{className:o(e.root,a),children:t.jsx("img",{className:e.img,src:s,alt:""})})}const l=i.withStyles(g,{name:"VdtItemImagePlayer"})(n);exports.ALLOWED_MIME_TYPES=r;exports.default=l;

package/dist/cjs/item/player/ItemPlayer/ItemPlayer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),g=require("react"),L=require("clsx"),u=require("@material-ui/core"),ne=require("@material-ui/lab"),m=require("@vidispine/vdt-js"),$=require("../ItemAudioPlayer.js"),F=require("../ItemImagePlayer.js"),q=require("../ItemVideoPlayer.js"),ae=[...q.ALLOWED_MIME_TYPES,...F.ALLOWED_MIME_TYPES,...$.ALLOWED_MIME_TYPES],_="IMAGE",x="AUDIO",A="VIDEO",oe="DOCUMENT",se="BINARY",ie=e=>e.height?e.fieldOrder?`${e.tag} (${e.height}${e.fieldOrder[0]})`:`${e.tag} (${e.height}x${e.width})`:e.audioFormat?e.containerFormat!==e.audioFormat?`${e.tag} (${e.audioFormat} - ${e.containerFormat})`:`${e.tag} (${e.audioFormat})`:e.tag,ce=e=>{const s=i=>i.split(":").reduce((a,c)=>60*a+Number(c));if(e.timeCode)return Math.floor(e.timeCode.toSeconds());if(e.duration)return s(e.duration)},le=u.withStyles({},{name:"VdtSourceSelection"})(({value:e,onChange:s,options:i,previewSourceText:a="Preview Source"})=>{const c=i.find(l=>l.label===e.label);return t.jsxs(u.FormControl,{variant:"standard",fullWidth:!0,children:[t.jsx(u.InputLabel,{children:a}),t.jsx(u.Select,{value:c,onChange:s,children:i.map(l=>t.jsx(u.MenuItem,{value:l,children:l.label},l.src))})]})}),ue=u.withStyles({},{name:"VdtLoadingPlayer"})(e=>t.jsx(ne.Skeleton,{variant:"rect",width:"100%",height:520,...e})),de=u.withStyles(e=>({root:{backgroundColor:e.palette.divider,width:"100%",height:520,display:"flex",justifyContent:"center",alignItems:"center"},label:{...e.typography.button}}),{name:"VdtNoPreviewPlayer"})(({className:e,classes:s,label:i="No Previews"})=>t.jsx("div",{className:L(s.root,e),children:t.jsx("div",{className:s.label,children:i})})),fe=()=>({root:{}});function Se({className:e,classes:s={},itemId:i,videoEl:a,itemType:c,isLoading:l,subtitleGroup:T="stl_subtitle",subtitleField:V="stl_text",sampleRate:Y="PAL",allowedMimeTypes:j=ae,additionalMimeTypes:y=[],LoadingPlayerComponent:C=ue,NoPreviewPlayerComponent:W=de,ItemImagePlayerComponent:M=F.default,ItemAudioPlayerComponent:P=$.default,ItemVideoPlayerComponent:v=q.default,ItemBinaryPlayerComponent:b,onReady:I,onCinema:p,onScreenshot:U,width:w="100%",sourceTag:S="original",SourceSelectionComponent:D=le,videoPlayerProps:B={},audioPlayerProps:k={},shapeToLabel:O=ie,ItemVideoPlayerProps:G={},ItemBinaryPlayerProps:R={},LoadingPlayerProps:J={},NoPreviewPlayerProps:z={},...H}){const[d,K]=g.useState(),n=g.useMemo(()=>m.filterShapeSource(c,{allowedMimeTypes:[...j,...y]}).map(f=>({...f,label:O(f.shape)})),[c,j,y,O]),o=g.useMemo(()=>{if(d)return m.getShapeMediaType(d.shape);if(n&&n.length>0)return m.getShapeMediaType(n[0].shape)},[d,n]),Q=({target:{value:h}})=>{const{src:f,shape:Z,type:ee}=h;if(o===A||o===x){const r=a&&a.current&&a.current.player&&a.current.player.videojs;if(!r||r.currentSrc()===f)return;const te=r.paused(),re=r.currentTime(),E=Math.floor(r.duration()),N=ce(Z);r.preload==="none"&&(r.preload="metadata"),E<=N+2&&E>=N-2?(r.addClass("vjs-has-started"),r.bigPlayButton.hide(),r.poster(""),r.one("loadedmetadata",()=>{r.currentTime(re),te||r.play()})):r.one("loadeddata",()=>{r.bigPlayButton.show()}),r.pause(),r.src({src:f,type:ee.replace("x-","")})}K(h)},X=l||o===void 0||n.length===0;return t.jsx("div",{className:L(s.root,e,"VdtItemPlayer-root"),children:X?t.jsx(t.Fragment,{children:l?t.jsx(C,{...J}):t.jsx(W,{...z})}):t.jsxs(t.Fragment,{children:[(o===_||o===x||o===oe)&&t.jsxs(t.Fragment,{children:[M&&o===_&&t.jsx(M,{previewSource:d||n[0],videoEl:a,...H}),P&&o===x&&t.jsx(P,{videoEl:a,onReady:I,width:w,sourceTag:S,previewSources:n,audioPlayerProps:k}),D&&n.length>1&&t.jsx(D,{options:n,value:d||n[0],onChange:Q})]}),b&&o===se&&t.jsx(b,{itemId:i,itemType:c,source:d||(n==null?void 0:n[0]),sourceTag:S,previewSources:n,...R}),v&&o===A&&t.jsx(v,{videoEl:a,itemType:c,subtitleGroup:T,subtitleField:V,sampleRate:Y,onReady:I,onCinema:p,onScreenshot:U,width:w,sourceTag:S,previewSources:n,videoPlayerProps:B,...G})]})})}exports.default=Se;exports.styles=fe;

package/dist/cjs/item/player/ItemPlayer/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("@material-ui/core"),e=require("./ItemPlayer.js"),t=l.withStyles(e.styles,{name:"VdtItemPlayer"})(e.default);t.displayName="ItemPlayer";exports.default=t;

package/dist/cjs/item/player/ItemVideoPlayer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),l=require("react"),k=require("clsx"),o=require("@material-ui/core"),h=require("@vidispine/vdt-api"),a=require("@vidispine/vdt-js"),D=require("@vidispine/vdt-videojs-react"),H=["video/mp4"],R=e=>({root:{"& .video-js.controls-below-player:not(.vjs-fullscreen) .vjs-control-bar .vdt-timecode:not(.vjs-menu-item-text)":{color:e.palette.text.primary},"& .video-js.controls-below-player:not(.vjs-fullscreen) .vjs-control-bar .vjs-button:not(.vjs-menu-item-text)":{color:e.palette.text.primary},"& .video-js.controls-below-player:not(.vjs-fullscreen) .vjs-control-bar .vjs-volume-level":{backgroundColor:e.palette.text.primary,color:e.palette.text.primary},"& .video-js .vjs-play-progress.vjs-slider-bar":{backgroundColor:e.palette.secondary.main}}});function Y({className:e,classes:V,itemType:q,videoEl:c,subtitleGroup:d="stl_subtitle",subtitleField:m="stl_text",subtitleLanguage:u="en",subtitleLanguageLabel:v="English",sampleRate:r="PAL",onReady:w,onCinema:I,onScreenshot:M,onScreenshotSuccess:y,onScreenshotError:j,width:_="100%",sourceTag:p="original",videoPlayerProps:B={},previewSources:E=[]}){let x=l.useRef();c&&(x=c);const{thumbnails:{uri:S=[]}={},metadata:b,id:f}=q,s=l.useMemo(()=>a.metadataTypeToWebVtt(b,{subtitleGroup:d,subtitleField:m,sampleRate:r}),[b,d,m,r]),A=l.useMemo(()=>{if(s)return[{src:new Blob([s],{type:"text/plain"}),lang:u,label:v}]},[s,u,v]),[C]=S,n=a.createTimeBase(r),O=g=>{const P=a.formatTimeCodeSeconds(g,{timeBase:n}).toText(),T="HIGHEST",L=P,W=P;Promise.all([h.item.createThumbnail({itemId:f,queryParams:{createThumbnails:L,priority:T,sourceTag:p}}),h.item.createThumbnail({itemId:f,queryParams:{createPosters:W,priority:T,sourceTag:p}})]).then(i=>{y&&y(i)}).catch(i=>{j&&j(i)})};return t.jsx(o.Box,{className:k(V.root,"VdtItemVideoPlayer-root",e),children:t.jsx(o.Box,{width:"100%",display:"flex",justifyContent:"center",children:t.jsx(o.Box,{width:"100%",children:t.jsx(D.VideoPlayer,{controls:!0,sources:E,subtitles:A,posterUrl:C,ref:x,frameRate:n.denominator/n.numerator,timecode:!0,width:_,onScreenshot:M||O,onReady:w,onCinema:I,...B})})})})}const J=o.withStyles(R,{name:"VdtItemVideoPlayer"})(Y);exports.ALLOWED_MIME_TYPES=H;exports.default=J;

package/dist/cjs/job/JobCard.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),f=require("react"),q=require("clsx"),r=require("prop-types"),t=require("@material-ui/core"),p=require("@material-ui/icons"),J=require("@material-ui/lab"),C=require("@vidispine/vdt-api"),N=require("@vidispine/vdt-js"),g=require("@vidispine/vdt-react"),v=require("./const.js"),S=require("./JobDataTable.js"),k=require("./JobTaskTable.js");function R({jobType:m,onAbort:l,onDelete:a,onDuplicate:s,IconComponent:n=p.MoreVert}){const{status:u}=m,[d,b]=f.useState(null),x=h=>{b(h.currentTarget)},j=()=>{b(null)};return e.jsxs(e.Fragment,{children:[e.jsx(t.IconButton,{component:t.ButtonBase,onClick:x,disableRipple:!0,children:e.jsx(n,{})}),e.jsxs(t.Menu,{onClick:j,anchorEl:d,keepMounted:!0,open:!!d,onClose:j,elevation:1,PaperProps:{square:!0},getContentAnchorEl:null,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:[e.jsxs(t.MenuItem,{disabled:!v.INACTIVE_STATES.includes(u),onClick:a,children:[e.jsx(t.ListItemIcon,{children:e.jsx(p.Delete,{})}),e.jsx(t.ListItemText,{primary:"Delete job"})]}),e.jsxs(t.MenuItem,{disabled:!v.RUNNING_STATES.includes(u),onClick:l,children:[e.jsx(t.ListItemIcon,{children:e.jsx(p.Block,{})}),e.jsx(t.ListItemText,{primary:"Abort job"})]}),e.jsxs(t.MenuItem,{onClick:s,children:[e.jsx(t.ListItemIcon,{children:e.jsx(p.Replay,{})}),e.jsx(t.ListItemText,{primary:"Duplicate job"})]})]})]})}const P={root:{},CardContent:{height:"calc(100% - 70px)",overflow:"auto"},Alert:{},CardHeader:{},Collapse:{}};function y({className:m,classes:l,jobType:a,onSuccess:s,onError:n,JobMenuComponent:u,JobMenuProps:d}){const[b,x]=f.useState({}),[j,h]=f.useState(!1),c=o=>{h(!0),x(o)},I=()=>h(!1);if(!a)return null;const{jobId:i}=a,T=()=>C.job.abortJob({jobId:i}).then(o=>{c({severity:"success",children:"Successfully aborted job"}),s&&s(o)}).catch(o=>{c({severity:"error",children:"Failed to abort job"}),n&&n(o)}),A=()=>C.job.deleteJob({queryParams:{id:i}}).then(o=>{c({severity:"success",children:"Successfully deleted job"}),s&&s(o)}).catch(o=>{c({severity:"error",children:"Failed to deleted job"}),n&&n(o)}),M=()=>C.job.duplicateJob({jobId:i}).then(o=>{c({severity:"success",children:"Successfully duplicated job"}),s&&s(o)}).catch(o=>{c({severity:"error",children:"Failed to duplicate job"}),n&&n(o)});return e.jsxs(t.Card,{elevation:0,className:q(m,l.root,"VdtJobCard-root"),children:[e.jsx(t.CardHeader,{className:l.CardHeader,title:i,action:e.jsx(g.HasRole,{roleName:[N.ROLE_NAMES.ITEM_WRITE],allow:e.jsx(u,{jobType:a,onAbort:T,onDelete:A,onDuplicate:M,...d})})}),e.jsx(t.Collapse,{className:l.Collapse,in:j,children:e.jsx(J.Alert,{className:l.Alert,onClose:I,...b})}),e.jsxs(t.CardContent,{className:l.CardContent,children:[e.jsx(S.default,{jobId:i}),e.jsx(k.default,{jobId:i,autoRefresh:!0})]})]})}y.propTypes={className:r.string,classes:r.objectOf(r.string),jobType:r.objectOf(r.any),onSuccess:r.func,onError:r.func,JobMenuComponent:r.elementType,JobMenuProps:r.objectOf(r.any)};y.defaultProps={className:void 0,classes:{},jobType:void 0,onSuccess:void 0,onError:void 0,JobMenuComponent:R,JobMenuProps:{}};const E=t.withStyles(P,{name:"VdtJobCard"})(y);exports.default=E;

package/dist/cjs/job/JobDataTable.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),g=require("react"),t=require("prop-types"),q=require("@material-ui/core"),P=require("@vidispine/vdt-api"),D=require("@vidispine/vdt-react"),J=require("../item/ItemMetadataTable.js"),V=(e=[])=>{const a=(r,{key:o,value:l})=>({...r,[o]:l});return e.reduce(a,{})},j=(e,a)=>{const{request:r,data:o={},reset:l}=D.useApi(P.job.getJob),u=a.map(s=>typeof s=="string"?{label:s,value:s}:s);g.useEffect(()=>{const s={metadata:!0,field:a.map(n=>n.value?n.value:n)};return r({jobId:e,queryParams:s}),l},[e,r,l,a]);const{data:c=[],user:d,type:b,status:p,started:y,finished:v,priority:T}=o,f={...V(c),user:d,type:b,status:p,started:y,finished:v,priority:T,jobId:e};return{fields:u,values:f}};function i({jobId:e,fields:a,TableComponent:r,TableProps:o}){const{fields:l,values:u}=j(e,a);return m.jsx(r,{fields:l,...o,...u})}i.propTypes={jobId:t.string.isRequired,fields:t.arrayOf(t.oneOfType([t.string,t.shape({label:t.string,value:t.string,formatValue:t.func})])),TableComponent:t.elementType,TableProps:t.objectOf(t.any)};i.defaultProps={fields:[{label:"Job ID",value:"jobId"},{label:"Resource ID",value:"vidinetResourceId"},{label:"User",value:"user"},{label:"Type",value:"type"},{label:"Priority",value:"priority"},{label:"Started",value:"started",formatValue:e=>new Date(e).toLocaleString()},{label:"Finished",value:"finished",formatValue:e=>new Date(e).toLocaleString()},{label:"Vidinet ID",value:"vidinetJobId"}],TableComponent:J.default,TableProps:{}};const I=q.withStyles({},{name:"VdtJobDataTable"})(i);exports.default=I;

package/dist/cjs/job/JobFooter.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("react"),t=require("@material-ui/core"),y=require("@material-ui/icons"),b=require("../hooks/useExpand.js"),s=require("./const.js"),I=require("./JobTable.js"),q=[{label:"All",value:s.ALL_STATES},{label:"Running",value:s.RUNNING_STATES},{label:"Inactive",value:s.INACTIVE_STATES}];function C({defaultExpanded:m=!1,jobs:i,isLoading:h,hasLoaded:g,onListJob:u,refreshInterval:d=15e3,startTimeFromMinutes:x=10,JobTableComponent:p=I.default,showJobList:T,setShowJobList:a}){const{expanded:f,onToggle:S,onClose:j}=b.default(m),[r,A]=o.useState({first:1,number:5,sort:"startTime desc",state:s.ALL_STATES}),v=({target:{value:n}})=>{A({...r,state:n})},c=o.useCallback(()=>{const n=new Date;n.setMinutes(n.getMinutes()-x);const l={"starttime-from":n.toISOString()};u({matrixParams:r,queryParams:l})},[r,u,x]);o.useEffect(()=>{c();const n=setInterval(c,d);return()=>clearInterval(n)},[c,d]);const E=()=>{j(),a(!1)};return o.useEffect(()=>{a(!0)},[i.length,a]),!g||!T||r.state===s.ALL_STATES&&i.length===0?null:e.jsx(t.AppBar,{color:"inherit",position:"fixed",style:{bottom:8,left:8,top:"auto",width:"32em"},children:e.jsxs(t.Accordion,{TransitionProps:{unmountOnExit:!0},expanded:f,children:[e.jsxs(t.AccordionSummary,{expandIcon:h?e.jsx(t.CircularProgress,{size:20}):e.jsx(y.ExpandLess,{}),onClick:S,children:[e.jsx(t.Typography,{variant:"button",style:{display:"flex",alignItems:"center"},children:"Jobs"}),f&&e.jsxs(e.Fragment,{children:[e.jsx(t.Divider,{orientation:"vertical",style:{margin:"0 25px",height:30}}),e.jsx(t.Select,{value:r.state,onChange:v,fullWidth:!0,children:q.map(({label:n,value:l})=>e.jsx(t.MenuItem,{value:l,children:n},l))})]})]}),e.jsxs(t.AccordionDetails,{style:{flexDirection:"column"},children:[i.length>0?e.jsx(p,{jobs:i,hideHeader:!0}):e.jsx("span",{children:"No jobs found"}),e.jsx(t.Button,{onClick:E,children:"Close"})]})]})})}exports.default=C;

package/dist/cjs/job/JobFooterContext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),e=require("react"),a=require("@vidispine/vdt-api"),u=require("@vidispine/vdt-react"),M=require("./JobFooter.js"),y=e.createContext({jobs:[],hits:0,abortJob:null,transcode:null,isLoading:!1,hasLoaded:!1,onRefresh:null,deleteJob:null,shapeTags:null,restartJob:null,queryParams:null,matrixParams:null,setQueryParams:null,setMatrixParams:null}),R={},k={first:1,number:5,sort:"startTime desc"};function Q({queryParams:C={},matrixParams:p={},JobFooterProps:v={},JobFooterComponent:L=M.default,children:A}){const[o,S]=e.useState({...R,...C}),[r,g]=e.useState({...k,...p}),[n,c]=e.useState(!0),{request:t,data:{hits:d=0,job:l=[]}={},isLoading:i,hasLoaded:b}=u.useApi(a.job.listJob),m=u.useApi(a.job.abortJob),J=u.useApi(a.job.duplicateJob),P=u.useApi(a.job.deleteJob),x=e.useCallback(()=>t({queryParams:o,matrixParams:r}),[r,t,o]),q=e.useCallback(({jobId:s})=>{m.request({jobId:s})},[m]),j=e.useCallback(({jobId:s})=>{J.request({jobId:s})},[J]),f=e.useCallback(({jobId:s})=>{P.request({queryParams:{id:s}})},[P]),F=e.useMemo(()=>({jobs:l,hits:d,abortJob:q,onRefresh:x,onListJob:t,isLoading:i,hasLoaded:b,deleteJob:f,restartJob:j,queryParams:o,matrixParams:r,setQueryParams:S,setMatrixParams:g,showJobList:n,setShowJobList:c}),[q,f,b,d,i,l,r,t,x,o,j,n]);return h.jsxs(y.Provider,{value:F,children:[A,h.jsx(L,{jobs:l,isLoading:i,hasLoaded:b,onListJob:t,showJobList:n,setShowJobList:c,...v})]})}exports.JobFooterContext=y;exports.JobFooterContextProvider=Q;

package/dist/cjs/job/JobList.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),T=require("react"),q=require("moment"),i=require("@material-ui/core"),a=require("@vidispine/vdt-api"),l=require("@vidispine/vdt-react"),V=require("../search/Pagination.js"),z=require("../search/SearchInputFieldSelect.js"),H=require("../search/Sort/index.js"),b=require("./const.js"),o=require("./JobSelectForm.js"),j=require("./JobTable.js"),S=q().subtract(1,"days").format("YYYY-MM-DD"),g=q().subtract(7,"days").format("YYYY-MM-DD"),K=[{value:"jobId"},{value:"status"},...j.DEFAULT_COLUMNS],Q=["jobId","type","state","user","startTime","priority"],X={jobId:"Job ID",type:"Type",state:"State",user:"Created By",startTime:"Started",priority:"Priority",status:"Status",started:"Started",finished:"Finished",yesterday:"Yesterday",thisWeek:"This Week",allTime:"All Time"};function Z({page:J,jobs:{job:A=[],hits:D=0}={},jobMetadata:c=[],rowsPerPage:E,onChangeSort:I,onChangePage:O,onChangeType:_,onChangeState:v,onChangePriority:B,onChangeStarttime:Y,onChangeFinishtime:M,onChangeRowsPerPage:R,onChangeJobmetadata:d,onRefresh:k,matrixParams:u,jobColumnLabels:s=X,JobTableProps:w={}}){const p=l.useApi(a.job.abortJob),f=l.useApi(a.job.duplicateJob),x=l.useApi(a.job.deleteJob),{request:h,data:F={}}=l.useApi(a.taskdefinition.listJobType),U=({jobId:e})=>{p.request({jobId:e})},W=({jobId:e})=>{f.request({jobId:e})},G=({jobId:e})=>{x.request({queryParams:{id:e}})},{uri:N=[]}=F;T.useEffect(()=>{h()},[h]),T.useEffect(()=>{k()},[p.isLoading,f.isLoading,x.isLoading]);const P=({query:e,field:r})=>{d([...c,{key:r,value:e}])},$=e=>{const r=[...c];r.splice(e,1),d(r)};let y;const m=Q.map(e=>({value:e,label:s[e]}));if(u&&u.sort){const[e,r="asc"]=u.sort.split(" "),n=m.find(({value:L})=>L===e);n&&(y={option:n,direction:r})}return t.jsxs(i.Box,{display:"flex",flexDirection:"column",height:"100%",width:"100%",children:[t.jsxs(i.Box,{height:40,display:"flex",justifyContent:"flex-end",alignItems:"center",children:[t.jsx(z.default,{onSubmit:P,flexGrow:1,py:.5,px:1}),t.jsx(i.Box,{children:c.map(({key:e,value:r},n)=>t.jsx(i.Chip,{size:"small",clickable:!0,label:`${e}: ${r}`,onDelete:()=>$(n)},e+r))}),t.jsx(H.default,{options:m,initialSort:y,onChange:I,sortAsc:"asc",sortDesc:"desc"}),t.jsx(V.default,{page:J,count:D,rowsPerPage:E,onChangePage:O,onChangeRowsPerPage:R})]}),t.jsx(i.Box,{width:"100%",py:2,children:t.jsxs(i.Grid,{container:!0,alignItems:"flex-start",children:[t.jsx(i.Grid,{item:!0,lg:2,md:3,sm:4,xs:12,children:t.jsxs(i.Box,{mr:4,children:[t.jsx(o.default,{options:N.map(e=>({value:e,label:e})),label:s.type,name:"type",multiple:!0,onChange:_}),t.jsx(o.default,{options:b.JOB_STATES.map(e=>({value:e,label:e})),label:s.state,name:"state",multiple:!0,onChange:v}),t.jsx(o.default,{options:b.JOB_PRIORITIES.map(e=>({value:e,label:e})),label:s.priority,name:"priority",multiple:!0,onChange:B}),t.jsx(o.default,{options:[{value:S,label:s.yesterday},{value:g,label:s.thisWeek},{value:0,label:s.allTime}],label:s.started,name:"starttime-from",onChange:Y}),t.jsx(o.default,{options:[{value:S,label:s.yesterday},{value:g,label:s.thisWeek},{value:0,label:s.allTime}],label:s.finished,name:"finishtime-from",onChange:M})]})}),t.jsx(i.Grid,{item:!0,lg:10,md:9,sm:8,xs:12,children:t.jsx(j.default,{jobs:A,columns:K,abortJob:U,deleteJob:G,restartJob:W,jobColumnLabels:s,...w})})]})})]})}const C=i.withStyles({},{name:"VdtJobList"})(Z);exports.default=C;

package/dist/cjs/job/JobRow.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("@material-ui/core"),T=require("@material-ui/core/colors"),n=require("@material-ui/icons"),t=require("./const.js"),o=require("./JobRowButton.js");function g({job:i={},columns:x=[],onClick:r,restartJob:d,deleteJob:u,abortJob:a,retryText:R="Retry",deleteText:C="Delete",startedText:h="Started",finishedText:E="Finished"}){const{status:s=""}=i;return e.jsxs(l.TableRow,{onClick:r!==void 0?()=>r(i):void 0,style:{cursor:r!==void 0?"pointer":"initial"},children:[e.jsxs(l.TableCell,{children:[t.RUNNING_STATES.includes(s)&&e.jsx(l.CircularProgress,{size:20}),t.ERROR_STATES.includes(s)&&e.jsx(n.Cancel,{style:{color:T.red[500]},size:20}),t.SUCCESSFUL_STATES.includes(s)&&e.jsx(n.CheckCircle,{style:{color:T.green[500]},size:20})]}),x.map(({value:c,valueComponent:S})=>e.jsx(l.TableCell,{children:S?S({job:i,value:i[c],startedText:h,finishedText:E}):i[c]},c)),a&&t.RUNNING_STATES.indexOf(s)>-1&&e.jsx(l.TableCell,{align:"right",children:e.jsx(o.default,{job:i,icon:e.jsx(n.Cancel,{size:20}),tooltip:"Abort",onClick:a,disabled:s==="ABORTED_PENDING"})}),d&&t.ERROR_STATES.indexOf(s)>-1&&e.jsx(l.TableCell,{align:"right",children:e.jsx(o.default,{job:i,icon:e.jsx(n.Replay,{size:20}),tooltip:R,onClick:d})}),u&&t.SUCCESSFUL_STATES.indexOf(s)>-1&&e.jsx(l.TableCell,{align:"right",children:e.jsx(o.default,{job:i,icon:e.jsx(n.Cancel,{size:20}),tooltip:C,onClick:u})})]})}const j=l.withStyles({},{name:"VdtJobRow"})(g);exports.default=j;

package/dist/cjs/job/JobRowButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("@material-ui/core");function u({job:o,icon:n,tooltip:i,onClick:l,disabled:r}){return e.jsx(t.Tooltip,{placement:"top",title:i,children:e.jsx(t.IconButton,{disabled:r,onClick:()=>l(o),size:"small",children:n})})}exports.default=u;