npm - @vidispine/vdt-materialui - Versions diffs - 23.3.0-pre.4 → 23.3.0-pre.6 - Mend

@vidispine/vdt-materialui 23.3.0-pre.4 → 23.3.0-pre.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (90) hide show

package/dist/cjs/SplitButton.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("react"),v=require("clsx"),l=require("@material-ui/core"),p=require("@material-ui/icons");function q({classes:h,className:f,value:j,defaultOption:x,options:n,onChange:d,getOptionLabel:a=r=>r.label,getOptionOnClick:m=r=>r.onClick,getOptionDisabled:u=r=>r.disabled\|\|!1,getOptionSelected:S=(r,s)=>r.label===s.label}){const[r,s]=o.useState(!1),c=o.useRef(null),[b,k]=o.useState(x\|\|n[0]),i=j\|\|n.find(e=>S(e,b)),y=e=>{d&&d(e),k(e),s(!1)},B=()=>{s(e=>!e)},C=e=>{c.current&&c.current.contains(e.target)\|\|s(!1)};return t.jsxs("div",{className:v(h.root,"VdtSplitButton-root",f),children:[t.jsxs(l.ButtonGroup,{variant:"contained",color:"primary",ref:c,children:[t.jsx(l.Button,{onClick:m(i),disabled:u(i),children:a(i)}),n.length>1&&t.jsx(l.Button,{color:"primary",size:"small",onClick:B,disabled:n.every(e=>e.disabled),children:t.jsx(p.ArrowDropDown,{})})]}),t.jsx(l.Popper,{open:r,anchorEl:c.current,role:void 0,transition:!0,disablePortal:!0,children:t.jsx(l.Paper,{children:t.jsx(l.ClickAwayListener,{onClickAway:C,children:t.jsx(l.MenuList,{children:n.map(e=>t.jsx(l.MenuItem,{disabled:u(e),selected:e===i,onClick:()=>y(e),children:a(e)},a(e)))})})})})]})}const w=l.withStyles({},{name:"VdtSplitButton"})(q);exports.default=w;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("react"),v=require("clsx"),r=require("@material-ui/core"),p=require("@material-ui/icons");function q({classes:h,className:f,value:j,defaultOption:x,options:n,onChange:d,getOptionLabel:a=l=>l.label,getOptionOnClick:m=l=>l.onClick,getOptionDisabled:u=l=>l.disabled\|\|!1,getOptionSelected:S=(l,s)=>l.label===s.label}){const[l,s]=o.useState(!1),c=o.useRef(null),[b,k]=o.useState(x\|\|n[0]),i=j\|\|n.find(e=>S(e,b)),y=e=>{d&&d(e),k(e),s(!1)},B=()=>{s(e=>!e)},C=e=>{c.current&&c.current.contains(e.target)\|\|s(!1)};return t.jsxs("div",{className:v(h.root,"VdtSplitButton-root",f),children:[t.jsxs(r.ButtonGroup,{variant:"contained",color:"primary",ref:c,children:[t.jsx(r.Button,{onClick:m(i),disabled:u(i),children:a(i)}),n.length>1&&t.jsx(r.Button,{color:"primary",size:"small",onClick:B,disabled:n.every(e=>e.disabled),children:t.jsx(p.ArrowDropDown,{})})]}),t.jsx(r.Popper,{open:l,anchorEl:c.current,role:void 0,transition:!0,disablePortal:!0,children:t.jsx(r.Paper,{children:t.jsx(r.ClickAwayListener,{onClickAway:C,children:t.jsx(r.MenuList,{children:n.map(e=>t.jsx(r.MenuItem,{disabled:u(e),selected:e===i,onClick:()=>y(e),children:a(e)},a(e)))})})})})]})}const w=r.withStyles({},{name:"VdtSplitButton"})(q);exports.default=w;

package/dist/cjs/analyze/BatonAnalysisDialog.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),b=require("react"),I=require("clsx"),e=require("prop-types"),F=require("react-final-form"),i=require("@material-ui/core"),g=require("@vidispine/vdt-api"),q=require("@vidispine/vdt-react"),V=require("./BatonAnalysisForm.js")~~,$=~~()=>{const{request:s,data:{preset:o=[]}={},isLoading:n}=q.useApi(g.analyzepreset.listAnalyzePreset);return b.useEffect(()=>{s()},[s]),{presetOptions:b.useMemo(()=>o.map(({name:a})=>({label:a,value:a})),[o]),isLoading:n}}~~,L=~~()=>{const{request:s,data:{resource:o=[]}={},isLoading:n}=q.useApi(g.resource.listResourceType);return b.useEffect(()=>{s({resourceType:"vidinet"})},[s]),{resourceOptions:b.useMemo(()=>o.map(({id:a,vidinet:r})=>({label:r.name\|\|a,value:a})),[o]),isLoading:n}},R=s=>{const{request:o,data:{shape:n=[]}={}}=q.useApi(g.item.getItem);return b.useEffect(()=>{o({itemId:s,queryParams:{p:["shape.id","shape.tag","shape.containerComponent.id","shape.videoComponent.id","shape.audioComponent.id","shape.binaryComponent.id","shape.subtitleComponent.id","shape.descriptorComponent.id"]}})},[o,s]),{shapeComponentOptions:b.useMemo(()=>n.filter(({tag:[r]})=>{const p=r.toLowerCase();return!p.includes("pdf")&&!p.includes("xml")}).map(({id:r,tag:[p],containerComponent:m={},videoComponent:x=[],audioComponent:f=[],binaryComponent:v=[],subtitleComponent:j=[],descriptorComponent:P=[]})=>{const d=(c,h)=>c.map(({id:l})=>({value:l,label:`${h} component (${l})`})),y=[m.id&&{value:m.id,label:`container component (${m.id})`},...d(x,"video"),...d(f,"audio"),...d(v,"binary"),...d(j,"subtitle"),...d(P,"descriptor")];return{value:r,tag:p,label:`${p} (${r})`,components:y}}),[n])}},w=s=>({startBatonJob:(n,u,a)=>u?g.component.createComponentAnalyze({itemId:s,shapeId:n,componentId:u,queryParams:a}):g.shape.createShapeAnalyze({itemId:s,shapeId:n,queryParams:a})});function M({itemId:s,FormComponent:o,FormComponentProps:n,handleSubmit:u,submitText:a,costEstimate:r,...p}){const[{value:m,error:x},f]=b.useState({}),[v,j]=b.useState(!1),P=async y=>{const{data:c={}}=await g.vidinet.getCostEstimate({costEstimateId:y}),{state:h,service:l=[]}=c;if(h!=="FINISHED")return setTimeout(()=>P(y),1e3);const[{cost:C}]=l;return j(!1),f(C)},d=({values:y={}})=>{f({});const{shapeId:c,componentId:h,resourceId:l,preset:C}=y;if(!c\|\|!l\|\|!C)return;(h?g.component.createComponentAnalyze({itemId:s,shapeId:c,componentId:h,queryParams:{resourceId:l,preset:C},costEstimate:!0}):g.shape.createShapeAnalyze({itemId:s,shapeId:c,queryParams:{resourceId:l,preset:C},costEstimate:!0})).then(({data:{id:A}={}})=>{j(!0),P(A)}).catch(()=>f({error:"Couldn't get cost estimate, please choose another resource"}))};return t.jsxs(t.Fragment,{children:[t.jsxs(i.DialogContent,{children:[t.jsx(o,{...p,...n}),r&&t.jsx(F.FormSpy,{subscription:{values:!0},onChange:d})]}),v?t.jsx(i.LinearProgress,{}):t.jsx(i.Divider,{light:!0}),t.jsxs(i.DialogActions,{children:[m&&t.jsx(i.Typography,{variant:"caption",children:`Estimated cost: ${m}`}),x&&t.jsx(i.Typography,{variant:"caption",color:"error",children:x}),t.jsx(i.Button,{disabled:r&&(v\|\|!m),onClick:u,color:"primary",variant:"contained",children:a})]})]})}function T({classes:s,className:o,titleText:n,submitText:u,errorText:a,itemId:r,onClose:p,onSuccess:m,onFailure:x,InitialFormValues:f,FormComponent:v,FormComponentProps:j,costEstimate:P,showDynamicParams:d}){const{startBatonJob:y}=w(r),{presetOptions:c,isLoading:h}=$(),{shapeComponentOptions:l}=R(r),{resourceOptions:C}=L(),O=A=>{const{preset:B,shapeId:S,componentId:E,resourceId:z,batonDynamicParams:D}=A;y(S,E,{preset:B,resourceId:z,jobmetadata:D&&[{key:"batonDynamicParams",value:D}]}).then(m).catch(x)};return t.jsxs("div",{className:I(s.root,"VdtBatonAnalysisDialog-root",o),children:[t.jsxs(i.DialogTitle,{disableTypography:!0,children:[t.jsx(i.Typography,{variant:"h6",children:n}),!h&&!c.length&&t.jsx(i.Typography,{variant:"subtitle1",color:"error",children:a})]}),t.jsx(i.Divider,{}),t.jsx(F.Form,{itemId:r,FormComponent:v,FormComponentProps:j,initialValues:f,onSubmit:O,render:M,resources:C,testplans:c,onClose:p,shapes:l,submitText:u,subscription:{submitting:!0,pristine:!0},costEstimate:P,showDynamicParams:d})]})}T.propTypes={classes:e.objectOf(e.any),className:e.string,itemId:e.string.isRequired,onClose:e.func,onSuccess:e.func,onFailure:e.func,titleText:e.string,errorText:e.string,submitText:e.string,costEstimate:e.bool,showDynamicParams:e.bool,InitialFormValues:e.objectOf(e.any),FormComponent:e.oneOfType([e.element,e.elementType]),FormComponentProps:e.objectOf(e.any)};T.defaultProps={classes:{},className:"VdtBatonAnalysisDialog",onClose:()=>{},onSuccess:()=>{},onFailure:()=>{},titleText:"Baton QC",errorText:"Please configure testplans",submitText:"Start QC",costEstimate:!0,showDynamicParams:!1,InitialFormValues:{preset:null,shapeId:"",componentId:""},FormComponent:V.default,FormComponentProps:{}};const J=i.withStyles({},{name:"VdtBatonAnalysisDialog"})(T);exports.BatonAnalysisDialog=T;exports.default=J;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),b=require("react"),I=require("clsx"),e=require("prop-types"),F=require("react-final-form"),i=require("@material-ui/core"),g=require("@vidispine/vdt-api"),q=require("@vidispine/vdt-react"),R=require("./BatonAnalysisForm.js"),V=()=>{const{request:s,data:{preset:o=[]}={},isLoading:n}=q.useApi(g.analyzepreset.listAnalyzePreset);return b.useEffect(()=>{s()},[s]),{presetOptions:b.useMemo(()=>o.map(({name:a})=>({label:a,value:a})),[o]),isLoading:n}},$=()=>{const{request:s,data:{resource:o=[]}={},isLoading:n}=q.useApi(g.resource.listResourceType);return b.useEffect(()=>{s({resourceType:"vidinet"})},[s]),{resourceOptions:b.useMemo(()=>o.map(({id:a,vidinet:r})=>({label:r.name\|\|a,value:a})),[o]),isLoading:n}},L=s=>{const{request:o,data:{shape:n=[]}={}}=q.useApi(g.item.getItem);return b.useEffect(()=>{o({itemId:s,queryParams:{p:["shape.id","shape.tag","shape.containerComponent.id","shape.videoComponent.id","shape.audioComponent.id","shape.binaryComponent.id","shape.subtitleComponent.id","shape.descriptorComponent.id"]}})},[o,s]),{shapeComponentOptions:b.useMemo(()=>n.filter(({tag:[r]})=>{const p=r.toLowerCase();return!p.includes("pdf")&&!p.includes("xml")}).map(({id:r,tag:[p],containerComponent:m={},videoComponent:x=[],audioComponent:f=[],binaryComponent:v=[],subtitleComponent:j=[],descriptorComponent:P=[]})=>{const d=(c,h)=>c.map(({id:l})=>({value:l,label:`${h} component (${l})`})),y=[m.id&&{value:m.id,label:`container component (${m.id})`},...d(x,"video"),...d(f,"audio"),...d(v,"binary"),...d(j,"subtitle"),...d(P,"descriptor")];return{value:r,tag:p,label:`${p} (${r})`,components:y}}),[n])}},w=s=>({startBatonJob:(n,u,a)=>u?g.component.createComponentAnalyze({itemId:s,shapeId:n,componentId:u,queryParams:a}):g.shape.createShapeAnalyze({itemId:s,shapeId:n,queryParams:a})});function M({itemId:s,FormComponent:o,FormComponentProps:n,handleSubmit:u,submitText:a,costEstimate:r,...p}){const[{value:m,error:x},f]=b.useState({}),[v,j]=b.useState(!1),P=async y=>{const{data:c={}}=await g.vidinet.getCostEstimate({costEstimateId:y}),{state:h,service:l=[]}=c;if(h!=="FINISHED")return setTimeout(()=>P(y),1e3);const[{cost:C}]=l;return j(!1),f(C)},d=({values:y={}})=>{f({});const{shapeId:c,componentId:h,resourceId:l,preset:C}=y;if(!c\|\|!l\|\|!C)return;(h?g.component.createComponentAnalyze({itemId:s,shapeId:c,componentId:h,queryParams:{resourceId:l,preset:C},costEstimate:!0}):g.shape.createShapeAnalyze({itemId:s,shapeId:c,queryParams:{resourceId:l,preset:C},costEstimate:!0})).then(({data:{id:A}={}})=>{j(!0),P(A)}).catch(()=>f({error:"Couldn't get cost estimate, please choose another resource"}))};return t.jsxs(t.Fragment,{children:[t.jsxs(i.DialogContent,{children:[t.jsx(o,{...p,...n}),r&&t.jsx(F.FormSpy,{subscription:{values:!0},onChange:d})]}),v?t.jsx(i.LinearProgress,{}):t.jsx(i.Divider,{light:!0}),t.jsxs(i.DialogActions,{children:[m&&t.jsx(i.Typography,{variant:"caption",children:`Estimated cost: ${m}`}),x&&t.jsx(i.Typography,{variant:"caption",color:"error",children:x}),t.jsx(i.Button,{disabled:r&&(v\|\|!m),onClick:u,color:"primary",variant:"contained",children:a})]})]})}function T({classes:s,className:o,titleText:n,submitText:u,errorText:a,itemId:r,onClose:p,onSuccess:m,onFailure:x,InitialFormValues:f,FormComponent:v,FormComponentProps:j,costEstimate:P,showDynamicParams:d}){const{startBatonJob:y}=w(r),{presetOptions:c,isLoading:h}=V(),{shapeComponentOptions:l}=L(r),{resourceOptions:C}=$(),O=A=>{const{preset:B,shapeId:S,componentId:E,resourceId:z,batonDynamicParams:D}=A;y(S,E,{preset:B,resourceId:z,jobmetadata:D&&[{key:"batonDynamicParams",value:D}]}).then(m).catch(x)};return t.jsxs("div",{className:I(s.root,"VdtBatonAnalysisDialog-root",o),children:[t.jsxs(i.DialogTitle,{disableTypography:!0,children:[t.jsx(i.Typography,{variant:"h6",children:n}),!h&&!c.length&&t.jsx(i.Typography,{variant:"subtitle1",color:"error",children:a})]}),t.jsx(i.Divider,{}),t.jsx(F.Form,{itemId:r,FormComponent:v,FormComponentProps:j,initialValues:f,onSubmit:O,render:M,resources:C,testplans:c,onClose:p,shapes:l,submitText:u,subscription:{submitting:!0,pristine:!0},costEstimate:P,showDynamicParams:d})]})}T.propTypes={classes:e.objectOf(e.any),className:e.string,itemId:e.string.isRequired,onClose:e.func,onSuccess:e.func,onFailure:e.func,titleText:e.string,errorText:e.string,submitText:e.string,costEstimate:e.bool,showDynamicParams:e.bool,InitialFormValues:e.objectOf(e.any),FormComponent:e.oneOfType([e.element,e.elementType]),FormComponentProps:e.objectOf(e.any)};T.defaultProps={classes:{},className:"VdtBatonAnalysisDialog",onClose:()=>{},onSuccess:()=>{},onFailure:()=>{},titleText:"Baton QC",errorText:"Please configure testplans",submitText:"Start QC",costEstimate:!0,showDynamicParams:!1,InitialFormValues:{preset:null,shapeId:"",componentId:""},FormComponent:R.default,FormComponentProps:{}};const J=i.withStyles({},{name:"VdtBatonAnalysisDialog"})(T);exports.BatonAnalysisDialog=T;exports.default=J;

package/dist/cjs/collection/AddToCollectionDialog/AddToCollectionDialog.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),x=require("react"),E=require("clsx"),e=require("prop-types"),n=require("@material-ui/core"),y=require("@material-ui/icons"),b=require("@vidispine/vdt-api"),T=require("@vidispine/vdt-js"),F=require("../CollectionSearchPicker/index.js");function j(o,l){const c=o.map((a,r)=>r%100===0?o.slice(r,r+100):null).filter(a=>a);return Promise.all(c.flatMap(a=>l.map(r=>b.collection.updateCollection({collectionId:r,collectionDocument:{content:a.map(({id:s,type:u,metadata:p})=>({id:s,mode:"add",type:u.toLowerCase(),metadata:p}))},queryParams:{clear:!1}}))))}function W(o,l){return b.collection.createCollection({collectionDocument:{...l}}).then(i=>{const c=new Array(i.data.id);j(o,c)})}const _=n.withStyles({},{name:"VdtCreateCollection"})(({collectionDocument:o,onChange:l,collectionNameText:i="New Collection"})=>{const{title:c=""}=o.metadata?T.parseMetadataType(o.metadata,{flat:!0,joinValue:","}):{},a=s=>({metadata:T.createMetadataType({title:s})}),r=(s={})=>{const{target:{value:u}={}}=s;return l(u?a(u):{})};return t.jsx(n.TextField,{value:c,required:!0,autoFocus:!0,margin:"dense",label:i,type:"text",fullWidth:!0,onChange:r})}),G={root:{}};function g({classes:o,className:l,entities:i,onClose:c,onSubmit:a,onCreate:r,onSuccess:s,onError:u,CollectionPickerComponent:p,CollectionPickerProps:S,CreateCollectionComponent:v,CreateCollectionProps:q,defaultView:P,titleText:D,submitText:w,searchText:O,createdText:k,cancelText:A,CreateCollectionIcon:I,SearchCollectionIcon:M}){const[d,N]=x.useState(P),[C,V]=x.useState([]),[h,R]=x.useState({}),z=()=>{Promise.resolve(d==="create"?r(i,h):a(i,C)).then((...m)=>s(C,...m)).catch(m=>u(C,m)).finally(()=>c())},B=d==="search"?C.length===0:Object.keys(h).length===0;return t.jsxs("div",{className:E(o.root,"VdtAddToCollectionDialog-root",l),children:[t.jsx(n.DialogTitle,{children:D}),t.jsxs(n.DialogContent,{children:[t.jsxs(n.Tabs,{value:d,onChange:(m,f)=>f&&N(f),variant:"fullWidth",textColor:"primary",indicatorColor:"primary",style:{marginBottom:"10px"},children:[t.jsx(n.Tab,{value:"search",label:O,icon:t.jsx(M,{})}),t.jsx(n.Tab,{value:"create",label:k,icon:t.jsx(I,{})})]}),{search:t.jsx(p,{onChange:V,...S}),create:t.jsx(v,{collectionDocument:h,onChange:R,...q})}[d]]}),t.jsxs(n.DialogActions,{children:[t.jsx(n.Button,{onClick:c,variant:"outlined",children:A}),t.jsx(n.Button,{onClick:z,color:"primary",variant:"contained",disabled:B,children:w})]})]})}g.propTypes={classes:e.objectOf(e.string),className:e.string,entities:e.arrayOf(e.shape({id:e.string.isRequired,type:e.string.isRequired})).isRequired,onClose:e.func,onSubmit:e.func,onCreate:e.func,onSuccess:e.func,onError:e.func,CollectionPickerComponent:e.elementType,CollectionPickerProps:e.objectOf(e.any),CreateCollectionComponent:e.elementType,CreateCollectionProps:e.objectOf(e.any),defaultView:e.string,titleText:e.string,submitText:e.string,searchText:e.string,createdText:e.string,cancelText:e.string,CreateCollectionIcon:e.elementType,SearchCollectionIcon:e.elementType};g.defaultProps={classes:{},className:void 0,CollectionPickerComponent:F.default,CreateCollectionComponent:_,onClose:()=>{},onSubmit:j,onCreate:W,onSuccess:()=>{},onError:o=>console.error(o),CollectionPickerProps:{},CreateCollectionProps:{},defaultView:"search",titleText:"Add to Collection",submitText:"Add",searchText:"Search",createdText:"Create",cancelText:"Cancel",CreateCollectionIcon:y.CreateNewFolder,SearchCollectionIcon:y.Search};exports.default=g;exports.styles=G;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),x=require("react"),E=require("clsx"),e=require("prop-types"),n=require("@material-ui/core"),y=require("@material-ui/icons"),b=require("@vidispine/vdt-api"),T=require("@vidispine/vdt-js"),F=require("../CollectionSearchPicker/index.js");function j(o,l){const c=o.map((a,r)=>r%100===0?o.slice(r,r+100):null).filter(a=>a);return Promise.all(c.flatMap(a=>l.map(r=>b.collection.updateCollection({collectionId:r,collectionDocument:{content:a.map(({id:s,type:u,metadata:p})=>({id:s,mode:"add",type:u.toLowerCase(),metadata:p}))},queryParams:{clear:!1}}))))}function W(o,l){return b.collection.createCollection({collectionDocument:{...l}}).then(i=>{const c=new Array(i.data.id);j(o,c)})}const _=n.withStyles({},{name:"VdtCreateCollection"})(({collectionDocument:o,onChange:l,collectionNameText:i="New Collection"})=>{const{title:c=""}=o.metadata?T.parseMetadataType(o.metadata,{flat:!0,joinValue:","}):{},a=s=>({metadata:T.createMetadataType({title:s})}),r=(s={})=>{const{target:{value:u}={}}=s;return l(u?a(u):{})};return t.jsx(n.TextField,{value:c,required:!0,autoFocus:!0,margin:"dense",label:i,type:"text",fullWidth:!0,onChange:r})}),G={root:{}};function g({classes:o,className:l,entities:i,onClose:c,onSubmit:a,onCreate:r,onSuccess:s,onError:u,CollectionPickerComponent:p,CollectionPickerProps:S,CreateCollectionComponent:v,CreateCollectionProps:q,defaultView:P,titleText:D,submitText:w,searchText:O,createdText:k,cancelText:A,CreateCollectionIcon:I,SearchCollectionIcon:M}){const[d,N]=x.useState(P),[C,R]=x.useState([]),[h,V]=x.useState({}),z=()=>{Promise.resolve(d==="create"?r(i,h):a(i,C)).then((...m)=>s(C,...m)).catch(m=>u(C,m)).finally(()=>c())},B=d==="search"?C.length===0:Object.keys(h).length===0;return t.jsxs("div",{className:E(o.root,"VdtAddToCollectionDialog-root",l),children:[t.jsx(n.DialogTitle,{children:D}),t.jsxs(n.DialogContent,{children:[t.jsxs(n.Tabs,{value:d,onChange:(m,f)=>f&&N(f),variant:"fullWidth",textColor:"primary",indicatorColor:"primary",style:{marginBottom:"10px"},children:[t.jsx(n.Tab,{value:"search",label:O,icon:t.jsx(M,{})}),t.jsx(n.Tab,{value:"create",label:k,icon:t.jsx(I,{})})]}),{search:t.jsx(p,{onChange:R,...S}),create:t.jsx(v,{collectionDocument:h,onChange:V,...q})}[d]]}),t.jsxs(n.DialogActions,{children:[t.jsx(n.Button,{onClick:c,variant:"outlined",children:A}),t.jsx(n.Button,{onClick:z,color:"primary",variant:"contained",disabled:B,children:w})]})]})}g.propTypes={classes:e.objectOf(e.string),className:e.string,entities:e.arrayOf(e.shape({id:e.string.isRequired,type:e.string.isRequired})).isRequired,onClose:e.func,onSubmit:e.func,onCreate:e.func,onSuccess:e.func,onError:e.func,CollectionPickerComponent:e.elementType,CollectionPickerProps:e.objectOf(e.any),CreateCollectionComponent:e.elementType,CreateCollectionProps:e.objectOf(e.any),defaultView:e.string,titleText:e.string,submitText:e.string,searchText:e.string,createdText:e.string,cancelText:e.string,CreateCollectionIcon:e.elementType,SearchCollectionIcon:e.elementType};g.defaultProps={classes:{},className:void 0,CollectionPickerComponent:F.default,CreateCollectionComponent:_,onClose:()=>{},onSubmit:j,onCreate:W,onSuccess:()=>{},onError:o=>console.error(o),CollectionPickerProps:{},CreateCollectionProps:{},defaultView:"search",titleText:"Add to Collection",submitText:"Add",searchText:"Search",createdText:"Create",cancelText:"Cancel",CreateCollectionIcon:y.CreateNewFolder,SearchCollectionIcon:y.Search};exports.default=g;exports.styles=G;

package/dist/cjs/collection/CollectionContent/CollectionContent.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),y=require("react"),f=require("clsx"),a=require("@material-ui/core"),M=require("@vidispine/vdt-api"),p=require("@vidispine/vdt-react"),V=require("../../dnd/hoc/withDrag.js"),z=require("../../dnd/hoc/withDrop.js");require("../../dnd/contexts/DragAndDropContext.js");const B=require("../../utils.js"),Y=require("./components/CollectionContentEntity.js"),G="COLLECTION",H=()=>({root:{}});function $({children:e,classes:r,className:o,...i}){return l.jsx(a.List,{className:f(o,r.root),...i,children:e})}const F=e=>({root:{transition:"background-color 0.3s ease",paddingLeft:e.spacing(2),paddingRight:e.spacing(2),paddingTop:e.spacing(1),paddingBottom:e.spacing(1),minHeight:60,minWidth:300},canDrop:{boxShadow:`inset 0px 0px 1px 1px ${e.palette.primary.main}`,"&.VdtDroppable-isOver":{backgroundColor:a.emphasize(e.palette.background.paper,.05)}}}),J=p.compose(a.withStyles(F,{name:"VdtCollectionContentDroppable"}),z.default)($),K=e=>({root:{marginBottom:e.spacing(1.25),backgroundColor:e.palette.type==="dark"?a.emphasize(e.palette.background.paper,.1):void 0,color:e.palette.type==="dark"?e.palette.common.white:void 0,borderColor:"transparent",borderWidth:.7,borderStyle:"solid",transition:"border-color 1s ease-out",overflow:"hidden",borderRadius:4},isDragging:{opacity:0}});function Q({children:e,classes:r={},className:o,...i}){return l.jsx("div",{className:f(o,r.root),children:l.jsx(Y.default,{...i})})}const U=p.compose(a.withStyles(K,{name:"VdtCollectionContentEntityDraggable"}),V.default)(Q);function X({classes:e,className:r,collectionId:o,ListProps:i={},ListComponent:w=J,ListItemComponent:D=U,ListItemProps:E={},ListItemMenuProps:R={},onClick:S,onDrop:h=()=>{},onChange:b,selected:k,onError:u,onRouteChange:L}){const{collectionType:O,onRefresh:j}=p.useGetCollection({collectionId:o}),{content:m}=O,[c,C]=y.useState([]);y.useEffect(()=>{m&&C(m.map(t=>({...t,reorderId:B.uuidv4()})))},[m,C]);const N=async(t,n,d)=>{try{await M.collection.removeCollectionEntity({collectionId:t,entityId:n,queryParams:{type:d.toLowerCase()}}),j()}catch(g){u&&u(g)}},{representativeItems:A,onAdd:P,onRemove:T}=p.useRepresentativeItems({collectionId:o,onError:u}),W=({dragId:t,hoverId:n,originalDragIndex:d})=>{t===void 0\|\|n===void 0&&d===void 0\|\|C(g=>{const s=[...g],I=c.findIndex(v=>v.reorderId===t),x=c.findIndex(v=>v.reorderId===n),q=x>-1?x:d;return[s[q],s[I]]=[s[I],s[q]],s})},_=()=>{b&&b(c)};return l.jsx(w,{dropInfo:{entityType:G},className:f(e.root,r),onDrop:h,...i,children:c.map((t,n)=>y.createElement(D,{...t,key:t.reference\|\|t.id,index:n,id:t.reorderId,itemId:t.id,itemType:t,collectionContentType:t,representativeItems:A,selected:k,onClick:S,onSort:W,callbackOnDrop:_,onRouteChange:L,ListItemMenuProps:{onRemoveCollectionEntity:N,onAddAsRepresentativeItem:P,onRemoveAsRepresentativeItem:T,selectedCollectionId:o,...R},...E}))})}exports.default=X;exports.styles=H;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),y=require("react"),f=require("clsx"),a=require("@material-ui/core"),M=require("@vidispine/vdt-api"),p=require("@vidispine/vdt-react"),V=require("../../dnd/hoc/withDrag.js"),z=require("../../dnd/hoc/withDrop.js");require("../../dnd/contexts/DragAndDropContext.js");const B=require("../../utils.js"),Y=require("./components/CollectionContentEntity.js"),G="COLLECTION",H=()=>({root:{}});function $({children:e,classes:r,className:o,...i}){return l.jsx(a.List,{className:f(o,r.root),...i,children:e})}const F=e=>({root:{transition:"background-color 0.3s ease",paddingLeft:e.spacing(2),paddingRight:e.spacing(2),paddingTop:e.spacing(1),paddingBottom:e.spacing(1),minHeight:60,minWidth:300},canDrop:{boxShadow:`inset 0px 0px 1px 1px ${e.palette.primary.main}`,"&.VdtDroppable-isOver":{backgroundColor:a.emphasize(e.palette.background.paper,.05)}}}),J=p.compose(a.withStyles(F,{name:"VdtCollectionContentDroppable"}),z.default)($),K=e=>({root:{marginBottom:e.spacing(1.25),backgroundColor:e.palette.type==="dark"?a.emphasize(e.palette.background.paper,.1):void 0,color:e.palette.type==="dark"?e.palette.common.white:void 0,borderColor:"transparent",borderWidth:.7,borderStyle:"solid",transition:"border-color 1s ease-out",overflow:"hidden",borderRadius:4},isDragging:{opacity:0}});function Q({children:e,classes:r={},className:o,...i}){return l.jsx("div",{className:f(o,r.root),children:l.jsx(Y.default,{...i})})}const U=p.compose(a.withStyles(K,{name:"VdtCollectionContentEntityDraggable"}),V.default)(Q);function X({classes:e,className:r,collectionId:o,ListProps:i={},ListComponent:R=J,ListItemComponent:w=U,ListItemProps:D={},ListItemMenuProps:E={},onClick:S,onDrop:h=()=>{},onChange:b,selected:k,onError:u,onRouteChange:L}){const{collectionType:O,onRefresh:j}=p.useGetCollection({collectionId:o}),{content:m}=O,[c,C]=y.useState([]);y.useEffect(()=>{m&&C(m.map(t=>({...t,reorderId:B.uuidv4()})))},[m,C]);const N=async(t,n,d)=>{try{await M.collection.removeCollectionEntity({collectionId:t,entityId:n,queryParams:{type:d.toLowerCase()}}),j()}catch(g){u&&u(g)}},{representativeItems:A,onAdd:P,onRemove:T}=p.useRepresentativeItems({collectionId:o,onError:u}),W=({dragId:t,hoverId:n,originalDragIndex:d})=>{t===void 0\|\|n===void 0&&d===void 0\|\|C(g=>{const s=[...g],I=c.findIndex(v=>v.reorderId===t),x=c.findIndex(v=>v.reorderId===n),q=x>-1?x:d;return[s[q],s[I]]=[s[I],s[q]],s})},_=()=>{b&&b(c)};return l.jsx(R,{dropInfo:{entityType:G},className:f(e.root,r),onDrop:h,...i,children:c.map((t,n)=>y.createElement(w,{...t,key:t.reference\|\|t.id,index:n,id:t.reorderId,itemId:t.id,itemType:t,collectionContentType:t,representativeItems:A,selected:k,onClick:S,onSort:W,callbackOnDrop:_,onRouteChange:L,ListItemMenuProps:{onRemoveCollectionEntity:N,onAddAsRepresentativeItem:P,onRemoveAsRepresentativeItem:T,selectedCollectionId:o,...E},...D}))})}exports.default=X;exports.styles=H;

package/dist/cjs/collection/CollectionContent/components/CollectionContentEntity.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),T=require("react"),g=require("@material-ui/core"),x=require("@vidispine/vdt-react"),S=require("./CollectionContentCollection.js"),b=require("./CollectionContentItem.js"),M=require("./CollectionContentSkeleton.js");function R({classes:n,className:o,selectedCollectionId:G,collectionContentType:u,onClick:i,onRemoveCollectionEntity:P,selected:l,ItemEntityComponent:a=b.default,ItemContentProps:d={},CollectionEntityComponent:s=S.default,CollectionEntityProps:y={},LoadingEntityComponent:C=M.default,LoadingEntityProps:m={},onRouteChange:f,...c}){const{id:q,type:t,metadata:r}=u,{itemType:p,itemId:h,collectionType:E,collectionId:j,onGetEntity:v,isLoading:I}=x.useGetEntity({entityId:q,entityType:t});return T.useEffect(()=>{v({queryParams:{content:["metadata","thumbnail"],"noauth-url":!0}})},[]),I?e.jsx(C,{AvatarProps:{height:94,width:168},...m}):{item:e.jsx(a,{...c,classes:n,className:o,itemId:h,itemType:p,entityType:t,simpleMetadataType:r,onClick:i,selected:l,...d}),collection:e.jsx(s,{...c,classes:n,className:o,collectionId:j,collectionType:E,entityType:t,simpleMetadataType:r,onClick:i,selected:l,onRouteChange:f,...y})}[t]}const w=g.withStyles({},{name:"VdtCollectionContentEntity"})(R);exports.default=w;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),T=require("react"),g=require("@material-ui/core"),x=require("@vidispine/vdt-react"),R=require("./CollectionContentCollection.js"),S=require("./CollectionContentItem.js"),b=require("./CollectionContentSkeleton.js");function M({classes:n,className:o,selectedCollectionId:G,collectionContentType:u,onClick:i,onRemoveCollectionEntity:P,selected:l,ItemEntityComponent:a=S.default,ItemContentProps:d={},CollectionEntityComponent:s=R.default,CollectionEntityProps:y={},LoadingEntityComponent:C=b.default,LoadingEntityProps:m={},onRouteChange:f,...c}){const{id:q,type:t,metadata:r}=u,{itemType:p,itemId:h,collectionType:E,collectionId:j,onGetEntity:v,isLoading:I}=x.useGetEntity({entityId:q,entityType:t});return T.useEffect(()=>{v({queryParams:{content:["metadata","thumbnail"],"noauth-url":!0}})},[]),I?e.jsx(C,{AvatarProps:{height:94,width:168},...m}):{item:e.jsx(a,{...c,classes:n,className:o,itemId:h,itemType:p,entityType:t,simpleMetadataType:r,onClick:i,selected:l,...d}),collection:e.jsx(s,{...c,classes:n,className:o,collectionId:j,collectionType:E,entityType:t,simpleMetadataType:r,onClick:i,selected:l,onRouteChange:f,...y})}[t]}const w=g.withStyles({},{name:"VdtCollectionContentEntity"})(M);exports.default=w;

package/dist/cjs/collection/CollectionContent/components/CollectionContentItem.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),F=require("react"),w=require("clsx"),V=require("lodash.get"),A=require("moment"),u=require("@material-ui/core"),R=require("@material-ui/icons"),o=require("@vidispine/vdt-js"),z=require("../../../general/MimeTypeIcon/index.js"),B=require("../../../media/MediaCardThumbnail/index.js"),E=require("../../../media/MediaCardThumbnailLabel/index.js"),J=()=>({ListItemAvatar:{paddingRight:6,marginTop:0,marginBottom:0},Thumbnail:{},Paper:{height:94,width:168,position:"relative"},Icon:{fontSize:40,position:"absolute",left:"50%",marginLeft:-20,top:"50%",marginTop:-20},ThumbnailLabel:{position:"absolute",bottom:0,right:4},ListItemTextComponent:{},Menu:{visibility:"hidden"},primary:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},secondary:{fontStyle:"italic"},root:{"&:hover $Menu":{visibility:"visible"}},menuContainer:{display:"flex",flexDirection:"column",justifyContent:"space-between",alignItems:"flex-end"},representativeWrapper:{height:46,width:46,display:"flex",justifyContent:"center",alignItems:"center"}}),G=({className:j,classes:t,ListItemTextComponent:l=u.ListItemText,itemId:p,itemType:c,simpleMetadataType:n,primaryTextKeys:b=["adu_label_AWSVideoRekognitionAnalyzer.adu_value","adu_transcript_AWSTranscribeAnalyzer.adu_value","adu_celebrity_AWSVideoRekognitionAnalyzer.adu_value","stl_subtitle.stl_text","co"],showWithStartTimecode:x=!0,showUser:i,showDate:r,...g})=>{const{start:T,end:d}=o.parseSimpleMetadataType(n),v=T!==void 0,{metadata:{timespan:h=[]}={}}=c,m=h.find(({start:S,end:k})=>S===T&&k===d),a=h.find(({start:S,end:k})=>S==="-INF"&&k==="+INF"),{title:y,originalFilename:I,durationSeconds:M,user:f,created:s,startTimeCode:C}=o.parseTimespan(a,{flat:!0,arrayOnSingleValue:!1}),N=o.parseTimespan(m,{flat:!0,arrayOnSingleValue:!1}),L=o.formatTimeCodeText(T),P=o.formatTimeCodeText(d),q=C?o.formatTimeCodeText(C):void 0,O=(x&&q?q.add(L):L).toSmpte(),W=(x&&q?q.add(P):P).toSmpte();let $,_;return v?($=e.jsx("div",{children:b.map(S=>V(N,S)!==void 0?e.jsx("div",{className:t.primary,children:V(N,S)},S):null)}),_=e.jsxs("div",{children:[e.jsx("div",{className:t.primary,children:y\|\|I}),e.jsx("div",{className:t.secondary,children:`${O} - ${W}`}),i&&!r&&e.jsx("div",{className:t.secondary,children:f}),r&&!i&&e.jsx("div",{className:t.secondary,children:A(s).fromNow()}),r&&i&&e.jsx("div",{className:t.secondary,children:`${f} • ${A(s).fromNow()}`})]})):M&&($=e.jsx("div",{className:t.primary,children:y\|\|I}),i&&(_=e.jsx("div",{className:t.secondary,children:f})),r&&(_=e.jsx("div",{className:t.secondary,children:A(s).fromNow()})),i&&r&&(_=e.jsx("div",{className:t.secondary,children:`${f} • ${A(s).fromNow()}`}))),e.jsx(l,{className:j,primary:$,secondary:_,secondaryTypographyProps:{component:"div"},...g})},H=({className:j,classes:t,itemId:l,itemType:p,simpleMetadataType:c,PaperProps:n={},ThumbnailComponent:b=B.default,ThumbnailProps:x={},ThumbnailLabelComponent:i=E.default,IconComponent:r=z.default,ListItemAvatarComponent:g=u.ListItemAvatar,...T})=>{const{start:d,end:v}=o.parseSimpleMetadataType(c),h=d!==void 0,{metadata:{timespan:m=[]}={}}=p,a=m.find(({start:N,end:L})=>N==="-INF"&&L==="+INF"),{durationSeconds:y,mimeType:I}=o.parseTimespan(a,{flat:!0,arrayOnSingleValue:!1}),M=o.formatTimeCodeText(d),f=o.formatTimeCodeText(v);let s;h?s=f.subtract(M).toSmpte():y&&(s=o.formatTimeCodeSeconds(y).toDuration());const C=o.findNearestThumbnail(p,d);return e.jsx(g,{className:j,...T,children:C?e.jsx(b,{className:t.Thumbnail,innerProps:{itemType:{thumbnails:{uri:[C]}}},height:94,width:168,labelRightBottom:s,...x}):e.jsxs(u.Paper,{className:t.Paper,elevation:0,square:!0,...n,children:[e.jsx(r,{mimeType:I,className:t.Icon}),s&&e.jsx(i,{className:t.ThumbnailLabel,label:s})]})})};function Q({className:j,entityId:t,entityType:l,selectedCollectionId:p,isRepresentativeItem:c,onRemoveCollectionEntity:n,onRemoveCollectionEntityText:b="Remove From Collection",onAddAsRepresentativeItem:x,onAddAsRepresentativeItemText:i="Add As Representative Item",onRemoveAsRepresentativeItem:r,onRemoveAsRepresentativeItemText:g="Remove As Representative Item",IconComponent:T=R.MoreVert}){const[d,v]=F.useState(null),h=a=>{v(a.currentTarget)},m=()=>{v(null)};return e.jsxs("div",{className:j,children:[e.jsx(u.IconButton,{onClick:h,children:e.jsx(T,{})}),e.jsxs(u.Menu,{open:!!d,onClose:m,anchorEl:d,children:[e.jsx(u.MenuItem,{onClick:a=>{a.stopPropagation(),n(p,t,l),m()},disabled:n===void 0,children:b}),c===!1&&e.jsx(u.MenuItem,{onClick:a=>{a.stopPropagation(),x(t),m()},disabled:x===void 0,children:i}),c===!0&&e.jsx(u.MenuItem,{onClick:a=>{a.stopPropagation(),r(t),m()},disabled:r===void 0,children:g})]})]})}function X({className:j,classes:t,selected:l,simpleMetadataType:p,itemType:c,itemId:n,entityType:b,selectedCollectionId:x,representativeItems:i,onClick:r,onRemoveCollectionEntity:g,ListItemComponent:T=u.ListItem,ListItemProps:d={},ListItemTextComponent:v=G,ListItemTextProps:h={},ListItemAvatarComponent:m=H,ListItemAvatarProps:a={},ListItemMenuComponent:y=Q,ListItemMenuProps:I={}}){const{start:M,end:f}=o.parseSimpleMetadataType(p),s=l&&l.entityType==="item"&&l.entityId===n&&l.startTimecodeText===M&&l.endTimecodeText===f,C=()=>r({entityType:b,entityId:n,startTimecodeText:M,endTimecodeText:f,entity:c}),N=F.useMemo(()=>i?i.some(({value:L})=>L===n):void 0,[n,i]);return e.jsxs(T,{className:w(t.root,j),selected:s,alignItems:"flex-start",button:!0,onClick:C,disableRipple:!0,...d,children:[e.jsx(m,{className:t.ListItemAvatar,classes:t,itemId:n,itemType:c,simpleMetadataType:p,...a}),e.jsx(v,{className:t.ListItemTextComponent,classes:t,itemId:n,itemType:c,simpleMetadataType:p,...h}),y&&e.jsxs("div",{className:t.menuContainer,children:[e.jsx(y,{className:t.Menu,entityId:n,entityType:"item",selectedCollectionId:x,isRepresentativeItem:N,onRemoveCollectionEntity:g,...I}),N&&e.jsx("span",{className:t.representativeWrapper,children:e.jsx(R.Wallpaper,{})})]})]})}const Y=u.withStyles(J,{name:"VdtCollectionContentItem"})(X);exports.default=Y;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),V=require("react"),w=require("clsx"),R=require("lodash.get"),A=require("moment"),u=require("@material-ui/core"),F=require("@material-ui/icons"),o=require("@vidispine/vdt-js"),z=require("../../../general/MimeTypeIcon/index.js"),B=require("../../../media/MediaCardThumbnail/index.js"),E=require("../../../media/MediaCardThumbnailLabel/index.js"),J=()=>({ListItemAvatar:{paddingRight:6,marginTop:0,marginBottom:0},Thumbnail:{},Paper:{height:94,width:168,position:"relative"},Icon:{fontSize:40,position:"absolute",left:"50%",marginLeft:-20,top:"50%",marginTop:-20},ThumbnailLabel:{position:"absolute",bottom:0,right:4},ListItemTextComponent:{},Menu:{visibility:"hidden"},primary:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},secondary:{fontStyle:"italic"},root:{"&:hover $Menu":{visibility:"visible"}},menuContainer:{display:"flex",flexDirection:"column",justifyContent:"space-between",alignItems:"flex-end"},representativeWrapper:{height:46,width:46,display:"flex",justifyContent:"center",alignItems:"center"}}),G=({className:j,classes:t,ListItemTextComponent:l=u.ListItemText,itemId:p,itemType:c,simpleMetadataType:n,primaryTextKeys:b=["adu_label_AWSVideoRekognitionAnalyzer.adu_value","adu_transcript_AWSTranscribeAnalyzer.adu_value","adu_celebrity_AWSVideoRekognitionAnalyzer.adu_value","stl_subtitle.stl_text","co"],showWithStartTimecode:x=!0,showUser:i,showDate:r,...g})=>{const{start:T,end:d}=o.parseSimpleMetadataType(n),v=T!==void 0,{metadata:{timespan:h=[]}={}}=c,m=h.find(({start:S,end:k})=>S===T&&k===d),a=h.find(({start:S,end:k})=>S==="-INF"&&k==="+INF"),{title:y,originalFilename:I,durationSeconds:M,user:f,created:s,startTimeCode:C}=o.parseTimespan(a,{flat:!0,arrayOnSingleValue:!1}),N=o.parseTimespan(m,{flat:!0,arrayOnSingleValue:!1}),L=o.formatTimeCodeText(T),P=o.formatTimeCodeText(d),q=C?o.formatTimeCodeText(C):void 0,O=(x&&q?q.add(L):L).toSmpte(),W=(x&&q?q.add(P):P).toSmpte();let $,_;return v?($=e.jsx("div",{children:b.map(S=>R(N,S)!==void 0?e.jsx("div",{className:t.primary,children:R(N,S)},S):null)}),_=e.jsxs("div",{children:[e.jsx("div",{className:t.primary,children:y\|\|I}),e.jsx("div",{className:t.secondary,children:`${O} - ${W}`}),i&&!r&&e.jsx("div",{className:t.secondary,children:f}),r&&!i&&e.jsx("div",{className:t.secondary,children:A(s).fromNow()}),r&&i&&e.jsx("div",{className:t.secondary,children:`${f} • ${A(s).fromNow()}`})]})):M&&($=e.jsx("div",{className:t.primary,children:y\|\|I}),i&&(_=e.jsx("div",{className:t.secondary,children:f})),r&&(_=e.jsx("div",{className:t.secondary,children:A(s).fromNow()})),i&&r&&(_=e.jsx("div",{className:t.secondary,children:`${f} • ${A(s).fromNow()}`}))),e.jsx(l,{className:j,primary:$,secondary:_,secondaryTypographyProps:{component:"div"},...g})},H=({className:j,classes:t,itemId:l,itemType:p,simpleMetadataType:c,PaperProps:n={},ThumbnailComponent:b=B.default,ThumbnailProps:x={},ThumbnailLabelComponent:i=E.default,IconComponent:r=z.default,ListItemAvatarComponent:g=u.ListItemAvatar,...T})=>{const{start:d,end:v}=o.parseSimpleMetadataType(c),h=d!==void 0,{metadata:{timespan:m=[]}={}}=p,a=m.find(({start:N,end:L})=>N==="-INF"&&L==="+INF"),{durationSeconds:y,mimeType:I}=o.parseTimespan(a,{flat:!0,arrayOnSingleValue:!1}),M=o.formatTimeCodeText(d),f=o.formatTimeCodeText(v);let s;h?s=f.subtract(M).toSmpte():y&&(s=o.formatTimeCodeSeconds(y).toDuration());const C=o.findNearestThumbnail(p,d);return e.jsx(g,{className:j,...T,children:C?e.jsx(b,{className:t.Thumbnail,innerProps:{itemType:{thumbnails:{uri:[C]}}},height:94,width:168,labelRightBottom:s,...x}):e.jsxs(u.Paper,{className:t.Paper,elevation:0,square:!0,...n,children:[e.jsx(r,{mimeType:I,className:t.Icon}),s&&e.jsx(i,{className:t.ThumbnailLabel,label:s})]})})};function Q({className:j,entityId:t,entityType:l,selectedCollectionId:p,isRepresentativeItem:c,onRemoveCollectionEntity:n,onRemoveCollectionEntityText:b="Remove From Collection",onAddAsRepresentativeItem:x,onAddAsRepresentativeItemText:i="Add As Representative Item",onRemoveAsRepresentativeItem:r,onRemoveAsRepresentativeItemText:g="Remove As Representative Item",IconComponent:T=F.MoreVert}){const[d,v]=V.useState(null),h=a=>{v(a.currentTarget)},m=()=>{v(null)};return e.jsxs("div",{className:j,children:[e.jsx(u.IconButton,{onClick:h,children:e.jsx(T,{})}),e.jsxs(u.Menu,{open:!!d,onClose:m,anchorEl:d,children:[e.jsx(u.MenuItem,{onClick:a=>{a.stopPropagation(),n(p,t,l),m()},disabled:n===void 0,children:b}),c===!1&&e.jsx(u.MenuItem,{onClick:a=>{a.stopPropagation(),x(t),m()},disabled:x===void 0,children:i}),c===!0&&e.jsx(u.MenuItem,{onClick:a=>{a.stopPropagation(),r(t),m()},disabled:r===void 0,children:g})]})]})}function X({className:j,classes:t,selected:l,simpleMetadataType:p,itemType:c,itemId:n,entityType:b,selectedCollectionId:x,representativeItems:i,onClick:r,onRemoveCollectionEntity:g,ListItemComponent:T=u.ListItem,ListItemProps:d={},ListItemTextComponent:v=G,ListItemTextProps:h={},ListItemAvatarComponent:m=H,ListItemAvatarProps:a={},ListItemMenuComponent:y=Q,ListItemMenuProps:I={}}){const{start:M,end:f}=o.parseSimpleMetadataType(p),s=l&&l.entityType==="item"&&l.entityId===n&&l.startTimecodeText===M&&l.endTimecodeText===f,C=()=>r({entityType:b,entityId:n,startTimecodeText:M,endTimecodeText:f,entity:c}),N=V.useMemo(()=>i?i.some(({value:L})=>L===n):void 0,[n,i]);return e.jsxs(T,{className:w(t.root,j),selected:s,alignItems:"flex-start",button:!0,onClick:C,disableRipple:!0,...d,children:[e.jsx(m,{className:t.ListItemAvatar,classes:t,itemId:n,itemType:c,simpleMetadataType:p,...a}),e.jsx(v,{className:t.ListItemTextComponent,classes:t,itemId:n,itemType:c,simpleMetadataType:p,...h}),y&&e.jsxs("div",{className:t.menuContainer,children:[e.jsx(y,{className:t.Menu,entityId:n,entityType:"item",selectedCollectionId:x,isRepresentativeItem:N,onRemoveCollectionEntity:g,...I}),N&&e.jsx("span",{className:t.representativeWrapper,children:e.jsx(F.Wallpaper,{})})]})]})}const Y=u.withStyles(J,{name:"VdtCollectionContentItem"})(X);exports.default=Y;

package/dist/cjs/collection/CollectionMetadataTab.js CHANGED Viewed

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

package/dist/cjs/collection/CollectionRow/CollectionRow.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),v=require("react"),C=require("clsx"),e=require("prop-types"),l=require("@material-ui/core"),h=require("@vidispine/vdt-js"),q=require("../../media/MediaCardCheckbox.js"),k=({collectionType:d,parseMetadataOpts:i,options:t})=>{const{metadata:c={}}=d,n=h.parseMetadataType(c,i);return t.map(({value:s})=>{const{[s]:r}=n;return r})},M=()=>({root:{}});function f({classes:d,className:i,options:t=[],metadataToProps:c,parseMetadataOpts:n={joinValue:", ",flat:!0},selected:s,onCheck:r,onClick:b,TableRowProps:m={},...p}){const{collectionType:y}=p,j=v.useMemo(()=>c({collectionType:y,parseMetadataOpts:n,options:t}),[y,t,n,c]),T=u=>{r&&r(u,!s,p)};return o.jsxs(l.TableRow,{className:C(d.root,"VdtCollectionRow-root",i),hover:!0,selected:s,onClick:b,style:{cursor:"pointer"},...m,children:[r&&o.jsx(l.TableCell,{padding:"checkbox",children:o.jsx(q.default,{checked:s,handleChecked:T})}),j.map((u,a)=>o.jsx(l.Hidden,{only:t[a].hide,children:o.jsx(l.TableCell,{children:t[a].valueComponent?o.jsx(l.Box,{component:t[a].valueComponent,value:u,innerProps:p}):u})},t[a].key\|\|t[a].value\|\|t[a].label))]})}f.propTypes={classes:e.objectOf(e.string),className:e.string,options:e.arrayOf(e.any),metadataToProps:e.func,parseMetadataOpts:e.objectOf(e.any),selected:e.bool,onCheck:e.func,onClick:e.func,TableRowProps:e.objectOf(e.any),collectionType:e.objectOf(e.any).isRequired};f.defaultProps={className:void 0,classes:{},options:[],metadataToProps:k,parseMetadataOpts:{joinValue:", ",flat:!0},selected:!1,onCheck:void 0,onClick:void 0,TableRowProps:{}};exports.default=f;exports.styles=M;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),v=require("react"),C=require("clsx"),e=require("prop-types"),l=require("@material-ui/core"),h=require("@vidispine/vdt-js"),q=require("../../media/MediaCardCheckbox.js"),R=({collectionType:d,parseMetadataOpts:i,options:t})=>{const{metadata:c={}}=d,n=h.parseMetadataType(c,i);return t.map(({value:s})=>{const{[s]:r}=n;return r})},k=()=>({root:{}});function f({classes:d,className:i,options:t=[],metadataToProps:c,parseMetadataOpts:n={joinValue:", ",flat:!0},selected:s,onCheck:r,onClick:b,TableRowProps:m={},...p}){const{collectionType:y}=p,j=v.useMemo(()=>c({collectionType:y,parseMetadataOpts:n,options:t}),[y,t,n,c]),T=u=>{r&&r(u,!s,p)};return o.jsxs(l.TableRow,{className:C(d.root,"VdtCollectionRow-root",i),hover:!0,selected:s,onClick:b,style:{cursor:"pointer"},...m,children:[r&&o.jsx(l.TableCell,{padding:"checkbox",children:o.jsx(q.default,{checked:s,handleChecked:T})}),j.map((u,a)=>o.jsx(l.Hidden,{only:t[a].hide,children:o.jsx(l.TableCell,{children:t[a].valueComponent?o.jsx(l.Box,{component:t[a].valueComponent,value:u,innerProps:p}):u})},t[a].key\|\|t[a].value\|\|t[a].label))]})}f.propTypes={classes:e.objectOf(e.string),className:e.string,options:e.arrayOf(e.any),metadataToProps:e.func,parseMetadataOpts:e.objectOf(e.any),selected:e.bool,onCheck:e.func,onClick:e.func,TableRowProps:e.objectOf(e.any),collectionType:e.objectOf(e.any).isRequired};f.defaultProps={className:void 0,classes:{},options:[],metadataToProps:R,parseMetadataOpts:{joinValue:", ",flat:!0},selected:!1,onCheck:void 0,onClick:void 0,TableRowProps:{}};exports.default=f;exports.styles=k;

package/dist/cjs/collection/CollectionSearchPicker/CollectionSearchPicker.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),u=require("react"),W=require("clsx"),e=require("prop-types"),d=require("@vidispine/vdt-react"),$=require("../../search/Pagination.js"),D=require("../../search/SearchInput/index.js"),E=require("../CollectionTable/index.js");function V({PaginationComponent:n=$.default,...s}){const{collectionListType:{hits:a=0}}=s;return o.jsx(n,{count:a,...s})}function z(n){const{isLoading:s}=n;return o.jsx(D.default,{submitting:s,...n})}const A=()=>({root:{}});function l({className:n,classes:s,onChange:a,onCheck:h,CollectionTableComponent:P,CollectionTableProps:p,searchProps:b,idLabelText:f,titleLabelText:g,ownerLabelText:x,searchPlaceholder:C,SearchInputProps:m,PaginationProps:S,SearchCollectionProps:T}){const j=d.useSearch({queryParams:{field:["collectionId","title","__user"],content:"metadata"}}),{state:y,setSearchText:q,onChangeRowsPerPage:v,onChangePage:k}=b\|\|j,{matrixParams:L,queryParams:O,itemSearchDocument:w,page:_,rowsPerPage:R}=y,[r,i]=u.useState([]),I=t=>{r.includes(t)?i(c=>c.filter(M=>M!==t)):i(c=>[...c,t])};u.useEffect(()=>a&&a(r),[r]);const N=({id:t})=>I(t);return o.jsx("div",{className:W(s.root,"VdtCollectionSearchPicker",n),children:o.jsxs(d.SearchCollection,{itemSearchDocument:w,matrixParams:L,queryParams:O,...T,children:[o.jsx(z,{onSubmit:t=>q(`${t}`),searchPlaceholder:C,...m}),o.jsx(P,{onRowClick:N,onCheck:h,selected:r,options:[{label:g,value:"title"},{label:f,value:"collectionId"},{label:x,value:"__user"}],...p}),o.jsx(V,{onChangePage:k,onChangeRowsPerPage:v,page:_,rowsPerPage:R,...S})]})})}l.propTypes={classes:e.objectOf(e.string),className:e.string,onChange:e.func,onCheck:e.func,CollectionTableComponent:e.elementType,CollectionTableProps:e.objectOf(e.any),searchProps:e.objectOf(e.any),idLabelText:e.string,titleLabelText:e.string,ownerLabelText:e.string,searchPlaceholder:e.string,SearchInputProps:e.objectOf(e.any),PaginationProps:e.objectOf(e.any),SearchCollectionProps:e.objectOf(e.any)};l.defaultProps={className:void 0,classes:{},onChange:void 0,onCheck:()=>{},CollectionTableComponent:E.default,CollectionTableProps:{},searchProps:void 0,idLabelText:"Id",titleLabelText:"Title",ownerLabelText:"Owner",searchPlaceholder:"Search collections",SearchInputProps:{},PaginationProps:{},SearchCollectionProps:{}};exports.default=l;exports.styles=A;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),u=require("react"),W=require("clsx"),e=require("prop-types"),d=require("@vidispine/vdt-react"),$=require("../../search/Pagination.js"),D=require("../../search/SearchInput/index.js"),E=require("../CollectionTable/index.js");function V({PaginationComponent:n=$.default,...s}){const{collectionListType:{hits:a=0}}=s;return o.jsx(n,{count:a,...s})}function z(n){const{isLoading:s}=n;return o.jsx(D.default,{submitting:s,...n})}const A=()=>({root:{}});function l({className:n,classes:s,onChange:a,onCheck:h,CollectionTableComponent:P,CollectionTableProps:p,searchProps:b,idLabelText:f,titleLabelText:g,ownerLabelText:x,searchPlaceholder:C,SearchInputProps:m,PaginationProps:S,SearchCollectionProps:T}){const j=d.useSearch({queryParams:{field:["collectionId","title","__user"],content:"metadata"}}),{state:y,setSearchText:q,onChangeRowsPerPage:v,onChangePage:k}=b\|\|j,{matrixParams:L,queryParams:O,itemSearchDocument:w,page:R,rowsPerPage:_}=y,[c,i]=u.useState([]),I=t=>{c.includes(t)?i(r=>r.filter(M=>M!==t)):i(r=>[...r,t])};u.useEffect(()=>a&&a(c),[c]);const N=({id:t})=>I(t);return o.jsx("div",{className:W(s.root,"VdtCollectionSearchPicker",n),children:o.jsxs(d.SearchCollection,{itemSearchDocument:w,matrixParams:L,queryParams:O,...T,children:[o.jsx(z,{onSubmit:t=>q(`${t}`),searchPlaceholder:C,...m}),o.jsx(P,{onRowClick:N,onCheck:h,selected:c,options:[{label:g,value:"title"},{label:f,value:"collectionId"},{label:x,value:"__user"}],...p}),o.jsx(V,{onChangePage:k,onChangeRowsPerPage:v,page:R,rowsPerPage:_,...S})]})})}l.propTypes={classes:e.objectOf(e.string),className:e.string,onChange:e.func,onCheck:e.func,CollectionTableComponent:e.elementType,CollectionTableProps:e.objectOf(e.any),searchProps:e.objectOf(e.any),idLabelText:e.string,titleLabelText:e.string,ownerLabelText:e.string,searchPlaceholder:e.string,SearchInputProps:e.objectOf(e.any),PaginationProps:e.objectOf(e.any),SearchCollectionProps:e.objectOf(e.any)};l.defaultProps={className:void 0,classes:{},onChange:void 0,onCheck:()=>{},CollectionTableComponent:E.default,CollectionTableProps:{},searchProps:void 0,idLabelText:"Id",titleLabelText:"Title",ownerLabelText:"Owner",searchPlaceholder:"Search collections",SearchInputProps:{},PaginationProps:{},SearchCollectionProps:{}};exports.default=l;exports.styles=A;

package/dist/cjs/collection/CollectionTreeList/CollectionTreeList.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("react/jsx-runtime"),q=require("react"),k=require("clsx"),p=require("@vidispine/vdt-api"),n=require("../../entity/EntityTreeConsts.js"),z=require("../../entity/EntityTreeContext.js"),B=require("../../item/ItemTreeItem.js"),F=require("../../TreeItemDraggable.js"),G=require("./components/CollectionLabelDroppable.js"),Q={queryParams:{field:["content"],content:["metadata"]}},X={queryParams:{field:["mimeType"],content:["metadata"]}},Y=(c,s)=>{const{itemSearchDocument:a={}}=c,{field:d=[]}=a;return{...c,itemSearchDocument:{...a,field:[...d,{name:"__parent_collection",value:[{value:s}]}]}}},Z={root:{}};function w({parentCollectionId:c,collection:s={},nodeId:a=[n.COLLECTION,s.id,n.COLLECTION,c].join(n.JOIN_CHARACTER),...d}){const e=s.id,{className:N,classes:x={},collectionState:y=Q,itemState:P=X,includeItems:S=!0,onDrop:L=()=>{},onError:m=()=>null,CollectionComponent:b=w,CollectionLabelComponent:j=G.default,ItemComponent:v=B.default,TreeItemComponent:_=F.default,CollectionLabelProps:A={},TreeItemProps:M={},ItemProps:D={}}=d,{addOrUpdateCollections:R,addOrUpdateItems:W,addAsChildrenToCollection:O,getChildCollections:H,getChildItems:J}=q.useContext(z.default),u=H(e),I=J(e),U=async()=>{try{const{data:t={}}=await p.collection.getCollectionItem({...P,collectionId:e});return t.item\|\|[]}catch(t){return m({message:"Could not get items",error:t}),[]}},$=async()=>{try{const t=Y(y,e),{data:i={}}=await p.collection.searchCollection(t);return i.collection\|\|[]}catch(t){return m({message:`Could not list collections for ${e}`,error:t}),[]}},K=async()=>{try{const{data:t}=await p.collection.getCollection({...y,collectionId:e}),{content:i=[]}=t,g=i.filter(l=>l.type==="collection"),h=i.filter(l=>l.type==="item");if(g.length){const l=await $();R(e,l);const f=l.map(o=>o.id),T=u.map(o=>o.id),r=f.filter(o=>!T.includes(o));r.length&&O(r,n.COLLECTION,e)}if(S&&h.length){const l=await U();W(e,l);const f=l.map(o=>o.id),T=I.map(o=>o.id),r=f.filter(o=>!T.includes(o));r.length&&O(r,n.ITEM,e)}}catch(t){m({message:`Could not get collection ${e}`,error:t})}};q.useEffect(()=>{K()},[e]);const V=C.jsx(j,{collection:s,parentCollectionId:c,nodeId:a,onDrop:L,...A}),E=(t,i,g,h)=>[t,i,n.COLLECTION,g,n.COLLECTION,h].join(n.JOIN_CHARACTER);return C.jsxs(_,{className:k(N,x.root,"VdtCollectionTreeList-root"),nodeId:a,dragInfo:{entityType:n.COLLECTION,entityId:e,entityParentId:c},label:V,...M,children:[u.length?u.map(t=>C.jsx(b,{parentCollectionId:e,collection:t,...d},E(n.COLLECTION,t.id,e,c))):void 0,I.length?I.map(t=>C.jsx(v,{item:t,parentCollectionId:e,onDrop:L,...D},E(n.ITEM,t.id,e,c))):void 0]})}exports.default=w;exports.styles=Z;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("react/jsx-runtime"),q=require("react"),k=require("clsx"),p=require("@vidispine/vdt-api"),n=require("../../entity/EntityTreeConsts.js"),z=require("../../entity/EntityTreeContext.js"),B=require("../../item/ItemTreeItem.js"),F=require("../../TreeItemDraggable.js"),G=require("./components/CollectionLabelDroppable.js"),Q={queryParams:{field:["content"],content:["metadata"]}},X={queryParams:{field:["mimeType"],content:["metadata"]}},Y=(c,s)=>{const{itemSearchDocument:a={}}=c,{field:d=[]}=a;return{...c,itemSearchDocument:{...a,field:[...d,{name:"__parent_collection",value:[{value:s}]}]}}},Z={root:{}};function w({parentCollectionId:c,collection:s={},nodeId:a=[n.COLLECTION,s.id,n.COLLECTION,c].join(n.JOIN_CHARACTER),...d}){const e=s.id,{className:N,classes:x={},collectionState:y=Q,itemState:P=X,includeItems:S=!0,onDrop:L=()=>{},onError:m=()=>null,CollectionComponent:b=w,CollectionLabelComponent:j=G.default,ItemComponent:v=B.default,TreeItemComponent:_=F.default,CollectionLabelProps:A={},TreeItemProps:M={},ItemProps:R={}}=d,{addOrUpdateCollections:D,addOrUpdateItems:W,addAsChildrenToCollection:O,getChildCollections:H,getChildItems:J}=q.useContext(z.default),u=H(e),I=J(e),U=async()=>{try{const{data:t={}}=await p.collection.getCollectionItem({...P,collectionId:e});return t.item\|\|[]}catch(t){return m({message:"Could not get items",error:t}),[]}},$=async()=>{try{const t=Y(y,e),{data:i={}}=await p.collection.searchCollection(t);return i.collection\|\|[]}catch(t){return m({message:`Could not list collections for ${e}`,error:t}),[]}},K=async()=>{try{const{data:t}=await p.collection.getCollection({...y,collectionId:e}),{content:i=[]}=t,g=i.filter(l=>l.type==="collection"),h=i.filter(l=>l.type==="item");if(g.length){const l=await $();D(e,l);const f=l.map(o=>o.id),T=u.map(o=>o.id),r=f.filter(o=>!T.includes(o));r.length&&O(r,n.COLLECTION,e)}if(S&&h.length){const l=await U();W(e,l);const f=l.map(o=>o.id),T=I.map(o=>o.id),r=f.filter(o=>!T.includes(o));r.length&&O(r,n.ITEM,e)}}catch(t){m({message:`Could not get collection ${e}`,error:t})}};q.useEffect(()=>{K()},[e]);const V=C.jsx(j,{collection:s,parentCollectionId:c,nodeId:a,onDrop:L,...A}),E=(t,i,g,h)=>[t,i,n.COLLECTION,g,n.COLLECTION,h].join(n.JOIN_CHARACTER);return C.jsxs(_,{className:k(N,x.root,"VdtCollectionTreeList-root"),nodeId:a,dragInfo:{entityType:n.COLLECTION,entityId:e,entityParentId:c},label:V,...M,children:[u.length?u.map(t=>C.jsx(b,{parentCollectionId:e,collection:t,...d},E(n.COLLECTION,t.id,e,c))):void 0,I.length?I.map(t=>C.jsx(v,{item:t,parentCollectionId:e,onDrop:L,...R},E(n.ITEM,t.id,e,c))):void 0]})}exports.default=w;exports.styles=Z;

package/dist/cjs/dnd/hoc/withDrag.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),o=require("react"),N=require("clsx"),T=require("react-dnd"),V=require("react-dnd-html5-backend"),H=require("@material-ui/core"),P=require("../contexts/DragAndDropContext.js"),S=require("../utils/extractEntityInfo.js"),w=["COLLECTION","ITEM"],A=(r,c)=>{r.dataTransfer.setData("text/plain",JSON.stringify(c))},L=r=>({className:c,classes:d={},onSort:n,onDragStart:u=A,dragInfo:h,wrapDragInDiv:p=!0,acceptedEntityTypes:q=w,callbackOnDrop:D,...i})=>{try{const l=o.useMemo(()=>S.default(i),[]),a=h\|\|l,{entityType:y}=a,s=o.useRef(null),{id:f,index:C}=i,[{isDragging:v},b,x]=T.useDrag({item:{type:`${y}`,dragInfo:a,id:f,index:C},collect:e=>({isDragging:!!e.isDragging()}),end:(e,t)=>{if(!n)return;const{id:R,index:M}=t.getItem(),E=t.didDrop();E\|\|n({dragId:R,originalDragIndex:M}),E&&D&&D()}}),[{isOver:I},j]=T.useDrop({accept:q,canDrop:!1,hover({id:e}){if(!n)return;const t=f;e===void 0\|\|e===t\|\|n({dragId:e,hoverId:t})},collect:e=>({isOver:!!e.isOver()})});b(s),j(s);const m=P.useHasDraggedComponent();o.useEffect(()=>{m&&x(V.getEmptyImage())},[m,x]);const O=g.jsx(r,{className:N(c,v&&d.isDragging,v&&"VdtDraggable-isDragging",I&&d.isOver,I&&"VdtDraggable-isOver"),classes:{...d,isDragging:void 0,"VdtDraggable-isDragging":void 0,isOver:void 0,"VdtDraggable-isOver":void 0},...i}),_=o.useCallback(e=>{u&&u(e,a)},[a]);return p?g.jsx("div",{ref:s,onDragStart:_,children:O}):g.jsx(H.RootRef,{rootRef:s,children:O})}catch{return g.jsx(r,{...i})}};exports.default=L;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),o=require("react"),N=require("clsx"),T=require("react-dnd"),V=require("react-dnd-html5-backend"),H=require("@material-ui/core"),P=require("../contexts/DragAndDropContext.js"),S=require("../utils/extractEntityInfo.js"),w=["COLLECTION","ITEM"],A=(r,c)=>{r.dataTransfer.setData("text/plain",JSON.stringify(c))},L=r=>({className:c,classes:d={},onSort:n,onDragStart:u=A,dragInfo:h,wrapDragInDiv:p=!0,acceptedEntityTypes:q=w,callbackOnDrop:D,...i})=>{try{const l=o.useMemo(()=>S.default(i),[]),a=h\|\|l,{entityType:y}=a,s=o.useRef(null),{id:f,index:C}=i,[{isDragging:v},b,x]=T.useDrag({item:{type:`${y}`,dragInfo:a,id:f,index:C},collect:e=>({isDragging:!!e.isDragging()}),end:(e,t)=>{if(!n)return;const{id:_,index:M}=t.getItem(),E=t.didDrop();E\|\|n({dragId:_,originalDragIndex:M}),E&&D&&D()}}),[{isOver:I},j]=T.useDrop({accept:q,canDrop:!1,hover({id:e}){if(!n)return;const t=f;e===void 0\|\|e===t\|\|n({dragId:e,hoverId:t})},collect:e=>({isOver:!!e.isOver()})});b(s),j(s);const m=P.useHasDraggedComponent();o.useEffect(()=>{m&&x(V.getEmptyImage())},[m,x]);const O=g.jsx(r,{className:N(c,v&&d.isDragging,v&&"VdtDraggable-isDragging",I&&d.isOver,I&&"VdtDraggable-isOver"),classes:{...d,isDragging:void 0,"VdtDraggable-isDragging":void 0,isOver:void 0,"VdtDraggable-isOver":void 0},...i}),R=o.useCallback(e=>{u&&u(e,a)},[a]);return p?g.jsx("div",{ref:s,onDragStart:R,children:O}):g.jsx(H.RootRef,{rootRef:s,children:O})}catch{return g.jsx(r,{...i})}};exports.default=L;

package/dist/cjs/entity/BinList/BinList.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),p=require("react"),q=require("clsx"),e=require("prop-types"),i=require("@material-ui/core"),z=require("@material-ui/icons"),T=require("@vidispine/vdt-js"),x=require("@vidispine/vdt-react");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");require("../../collection/CollectionList/index.js");require("../../collection/CollectionListItem/index.js");require("../../collection/CollectionMetadataTab.js");require("react-final-form");require("@vidispine/vdt-api");require("../../item/ItemMetadataForm.js");require("../../collection/CollectionAccessTab.js");require("../../collection/CollectionCreateDialog/index.js");const F=require("../../collection/AddToCollectionDialog/index.js");require("../../collection/RemoveFromCollectionDialog/index.js");require("../../collection/CollectionSearchPicker/index.js");require("../../collection/CollectionContent/index.js");const J=require("../../dnd/hoc/withDrag.js"),$=require("../../dnd/hoc/withDrop.js");require("../../dnd/contexts/DragAndDropContext.js");const G=require("../../hooks/useConfirmationDialog.js"),K=require("../BinListMenu/BinListMenu.js"),Q=require("../EntityCard/EntityCard.js"),U="BIN";function X({innerProps:{onDelete:o,id:s}}){return n.jsx(i.IconButton,{"aria-label":"Remove",onClick:()=>o(s),children:n.jsx(z.Delete,{})})}function Z({children:o,classes:s,className:u,...r}){return n.jsx("div",{className:q(u,s.root),...r,children:o})}const ee=o=>({root:{transition:"background-color 0.3s ease",paddingLeft:o.spacing(2),paddingRight:o.spacing(2),paddingTop:o.spacing(1),paddingBottom:o.spacing(1),minHeight:60,minWidth:300},canDrop:{boxShadow:`inset 0px 0px 1px 1px ${o.palette.primary.main}`,"&.VdtDroppable-isOver":{backgroundColor:i.emphasize(o.palette.background.paper,.05)}}}),ne=x.compose(i.withStyles(ee,{name:"VdtBinContentDroppable"}),$.default)(Z),te={isDragging:{opacity:0}},oe=x.compose(i.withStyles(te,{name:"VdtEntityCardDraggable"}),J.default)(Q.default),ie={root:{minWidth:340}};function d({className:o,classes:s,title:u,bin:r,allowDuplicates:D,onDelete:h,onEmptyBin:B,onDrop:b,onSort:j,onAddToCollectionSuccess:P,onAllowDuplicates:w,ActionComponent:m,ActionProps:A,AddToCollectionDialogComponent:y,AddToCollectionDialogProps:S,BinContentComponent:I,BinContentProps:M,BinItemComponent:v,BinItemProps:E,BinItemMenuComponent:O,BinItemMenuProps:k,BinProps:N}){const[R,C]=p.useState(null),[W,a]=p.useState(!1),[g,L]=G.default({throwOnReject:!1}),V=p.useMemo(()=>r&&r.map(({entity:{id:t},entityType:l,entityTimespan:{start:c,end:Y}={}})=>({id:t,type:l,metadata:{field:c?[{key:"start",value:T.formatTimeCodeText(c).toText({fraction:!0})},{key:"end",value:T.formatTimeCodeText(Y).toText({fraction:!0})}]:[]}})),[r]),_=t=>{C(t.currentTarget)},f=()=>{C(null)},H=()=>{L().then(t=>{t&&(f(),B())})};return n.jsxs(n.Fragment,{children:[n.jsxs(i.Paper,{className:q(o,s.root,"VdtBinList-root"),...N,children:[n.jsx(i.CardHeader,{title:u,titleTypographyProps:{variant:"button",color:"textSecondary"},action:m?n.jsx(m,{anchorEl:R,allowDuplicates:D,onMenuClick:_,onMenuClose:f,onEmptyBinClick:H,onAddToCollectionClick:()=>a(!0),onAllowDuplicatesClick:({target:{checked:t}={}})=>w(t),...A}):void 0}),n.jsx(I,{onDrop:b,dropInfo:{entityType:U},ignoreDropOnExitingIds:!0,...M,children:r&&r.map((t,l)=>n.jsx("div",{style:{marginBottom:10},children:n.jsx(v,{...t,id:t.binId,index:l,onSort:j,onDelete:h,CardProps:{elevation:1},titleTypographyProps:{noWrap:!0,style:{width:160}},subheaderTypographyProps:{noWrap:!0,style:{width:160}},MenuComponent:O,MenuProps:k,...E})},t.binId))})]}),g&&n.jsx(g,{titleText:"Empty bin",confirmText:"Empty",rejectText:"Close",children:n.jsx(i.DialogContent,{children:n.jsx(i.DialogContentText,{children:"Are you sure you want to empty the bin?"})})}),y&&n.jsx(i.Dialog,{open:W,onClose:()=>a(!1),children:n.jsx(y,{onSuccess:(t=[],l={})=>{const{data:{id:c}={}}=l;P(t.length?t:[c]),a(!1)},onClose:()=>a(!1),entities:V,...S})})]})}d.propTypes={classes:e.objectOf(e.string).isRequired,className:e.string,title:e.string,bin:e.arrayOf(e.objectOf(e.any)),allowDuplicates:e.bool,onDelete:e.func,onEmptyBin:e.func,onDrop:e.func,onSort:e.func,onAddToCollectionSuccess:e.func,onAllowDuplicates:e.func,ActionComponent:e.elementType,AddToCollectionDialogComponent:e.elementType,BinContentComponent:e.elementType,BinItemComponent:e.elementType,BinItemMenuComponent:e.elementType,ActionProps:e.objectOf(e.any),AddToCollectionDialogProps:e.objectOf(e.any),BinContentProps:e.objectOf(e.any),BinItemProps:e.objectOf(e.any),BinItemMenuProps:e.objectOf(e.any),BinProps:e.objectOf(e.any)};d.defaultProps={className:void 0,title:"Bin",bin:[],allowDuplicates:!1,onDelete:()=>null,onEmptyBin:()=>null,onDrop:()=>null,onSort:()=>null,onAddToCollectionSuccess:()=>null,onAllowDuplicates:()=>null,ActionComponent:K.default,ActionProps:{},AddToCollectionDialogComponent:F.default,AddToCollectionDialogProps:{},BinContentComponent:ne,BinContentProps:{},BinItemComponent:oe,BinItemProps:{},BinItemMenuComponent:X,BinItemMenuProps:{},BinProps:{}};exports.default=d;exports.styles=ie;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),p=require("react"),q=require("clsx"),e=require("prop-types"),i=require("@material-ui/core"),z=require("@material-ui/icons"),T=require("@vidispine/vdt-js"),x=require("@vidispine/vdt-react");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");require("../../collection/CollectionList/index.js");require("../../collection/CollectionListItem/index.js");require("../../collection/CollectionMetadataTab.js");require("react-final-form");require("@vidispine/vdt-api");require("../../item/ItemMetadataForm.js");require("../../collection/CollectionAccessTab.js");require("../../collection/CollectionCreateDialog/index.js");const F=require("../../collection/AddToCollectionDialog/index.js");require("../../collection/RemoveFromCollectionDialog/index.js");require("../../collection/CollectionSearchPicker/index.js");require("../../collection/CollectionContent/index.js");const J=require("../../dnd/hoc/withDrag.js"),$=require("../../dnd/hoc/withDrop.js");require("../../dnd/contexts/DragAndDropContext.js");const G=require("../../hooks/useConfirmationDialog.js"),K=require("../BinListMenu/BinListMenu.js"),Q=require("../EntityCard/EntityCard.js"),U="BIN";function X({innerProps:{onDelete:o,id:s}}){return n.jsx(i.IconButton,{"aria-label":"Remove",onClick:()=>o(s),children:n.jsx(z.Delete,{})})}function Z({children:o,classes:s,className:u,...r}){return n.jsx("div",{className:q(u,s.root),...r,children:o})}const ee=o=>({root:{transition:"background-color 0.3s ease",paddingLeft:o.spacing(2),paddingRight:o.spacing(2),paddingTop:o.spacing(1),paddingBottom:o.spacing(1),minHeight:60,minWidth:300},canDrop:{boxShadow:`inset 0px 0px 1px 1px ${o.palette.primary.main}`,"&.VdtDroppable-isOver":{backgroundColor:i.emphasize(o.palette.background.paper,.05)}}}),ne=x.compose(i.withStyles(ee,{name:"VdtBinContentDroppable"}),$.default)(Z),te={isDragging:{opacity:0}},oe=x.compose(i.withStyles(te,{name:"VdtEntityCardDraggable"}),J.default)(Q.default),ie={root:{minWidth:340}};function d({className:o,classes:s,title:u,bin:r,allowDuplicates:D,onDelete:h,onEmptyBin:B,onDrop:b,onSort:j,onAddToCollectionSuccess:P,onAllowDuplicates:w,ActionComponent:m,ActionProps:A,AddToCollectionDialogComponent:y,AddToCollectionDialogProps:S,BinContentComponent:I,BinContentProps:M,BinItemComponent:v,BinItemProps:E,BinItemMenuComponent:O,BinItemMenuProps:k,BinProps:R}){const[N,C]=p.useState(null),[W,a]=p.useState(!1),[g,L]=G.default({throwOnReject:!1}),V=p.useMemo(()=>r&&r.map(({entity:{id:t},entityType:l,entityTimespan:{start:c,end:Y}={}})=>({id:t,type:l,metadata:{field:c?[{key:"start",value:T.formatTimeCodeText(c).toText({fraction:!0})},{key:"end",value:T.formatTimeCodeText(Y).toText({fraction:!0})}]:[]}})),[r]),_=t=>{C(t.currentTarget)},f=()=>{C(null)},H=()=>{L().then(t=>{t&&(f(),B())})};return n.jsxs(n.Fragment,{children:[n.jsxs(i.Paper,{className:q(o,s.root,"VdtBinList-root"),...R,children:[n.jsx(i.CardHeader,{title:u,titleTypographyProps:{variant:"button",color:"textSecondary"},action:m?n.jsx(m,{anchorEl:N,allowDuplicates:D,onMenuClick:_,onMenuClose:f,onEmptyBinClick:H,onAddToCollectionClick:()=>a(!0),onAllowDuplicatesClick:({target:{checked:t}={}})=>w(t),...A}):void 0}),n.jsx(I,{onDrop:b,dropInfo:{entityType:U},ignoreDropOnExitingIds:!0,...M,children:r&&r.map((t,l)=>n.jsx("div",{style:{marginBottom:10},children:n.jsx(v,{...t,id:t.binId,index:l,onSort:j,onDelete:h,CardProps:{elevation:1},titleTypographyProps:{noWrap:!0,style:{width:160}},subheaderTypographyProps:{noWrap:!0,style:{width:160}},MenuComponent:O,MenuProps:k,...E})},t.binId))})]}),g&&n.jsx(g,{titleText:"Empty bin",confirmText:"Empty",rejectText:"Close",children:n.jsx(i.DialogContent,{children:n.jsx(i.DialogContentText,{children:"Are you sure you want to empty the bin?"})})}),y&&n.jsx(i.Dialog,{open:W,onClose:()=>a(!1),children:n.jsx(y,{onSuccess:(t=[],l={})=>{const{data:{id:c}={}}=l;P(t.length?t:[c]),a(!1)},onClose:()=>a(!1),entities:V,...S})})]})}d.propTypes={classes:e.objectOf(e.string).isRequired,className:e.string,title:e.string,bin:e.arrayOf(e.objectOf(e.any)),allowDuplicates:e.bool,onDelete:e.func,onEmptyBin:e.func,onDrop:e.func,onSort:e.func,onAddToCollectionSuccess:e.func,onAllowDuplicates:e.func,ActionComponent:e.elementType,AddToCollectionDialogComponent:e.elementType,BinContentComponent:e.elementType,BinItemComponent:e.elementType,BinItemMenuComponent:e.elementType,ActionProps:e.objectOf(e.any),AddToCollectionDialogProps:e.objectOf(e.any),BinContentProps:e.objectOf(e.any),BinItemProps:e.objectOf(e.any),BinItemMenuProps:e.objectOf(e.any),BinProps:e.objectOf(e.any)};d.defaultProps={className:void 0,title:"Bin",bin:[],allowDuplicates:!1,onDelete:()=>null,onEmptyBin:()=>null,onDrop:()=>null,onSort:()=>null,onAddToCollectionSuccess:()=>null,onAllowDuplicates:()=>null,ActionComponent:K.default,ActionProps:{},AddToCollectionDialogComponent:F.default,AddToCollectionDialogProps:{},BinContentComponent:ne,BinContentProps:{},BinItemComponent:oe,BinItemProps:{},BinItemMenuComponent:X,BinItemMenuProps:{},BinProps:{}};exports.default=d;exports.styles=ie;

package/dist/cjs/entity/EntityAccessAdd.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("react"),p=require("@material-ui/core"),N=require("@material-ui/lab"),P=require("@vidispine/vdt-api"),a={GROUP:"group",USER:"user"},q={ALL:"ALL",WRITE:"WRITE",READ:"READ",NONE:"NONE"},H=e=>({root:{},recipientRoot:{display:"flex",width:"100%"},recipientType:{flexGrow:1},actions:{display:"flex",alignItems:"center",padding:e.spacing(2),justifyContent:"flex-end",flex:"0 0 auto","& > :not(:first-child)":{marginLeft:e.spacing(2)}},actionsSubmit:{}}),M=(e,n)=>{switch(n.type){case"CHANGE_PERMISSION":return{...e,permission:n.value};case"CHANGE_RECIPIENT":return e[a.USER]!==void 0?{...e,[a.USER]:n.value}:e[a.GROUP]!==void 0?{...e,[a.GROUP]:n.value}:e;case"CHANGE_RECIPIENTTYPE":{const{[a.USER]:r,[a.GROUP]:s,...c}=e;return{...c,[n.value]:null}}default:throw new Error(`Unhandled action type: ${n.type}`)}},k=e=>{const[n,r]=d.useReducer(M,e),s=d.useCallback(o=>r({value:o,type:"CHANGE_PERMISSION"}),[]),c=d.useCallback(o=>r({value:o,type:"CHANGE_RECIPIENT"}),[]),u=d.useCallback(o=>r({value:o,type:"CHANGE_RECIPIENTTYPE"}),[]);return{accessControlDocument:n,onChangePermission:s,onChangeRecipient:c,onChangeRecipientType:u}};async function B({searchText:e,hideDefaultGroups:n}){const{data:{group:r=[]}}=await P.group.searchGroup({groupSearchDocument:{field:[{name:"groupname",value:e}]}});return n?r.map(s=>({groupName:s.groupName})).filter(s=>!s.groupName.startsWith("_")):r.map(s=>({groupName:s.groupName}))}async function F({searchText:e,displayRealName:n=!1}){const{data:{user:r=[]}}=await P.user.searchUser({userSearchDocument:{field:[{name:"username",value:e}]},queryParams:{ignoreCase:!0}});return r.map(s=>({userName:s.userName,...n&&{realName:s.realName}}))}function G({onSearch:e,onChange:n,displayRealName:r=!1,label:s,hideDefaultGroups:c}){const[u,o]=d.useState([]),[f,E]=d.useState(""),[v,C]=d.useState(null),m=d.useCallback(l=>{e({searchText:l,hideDefaultGroups:c,displayRealName:r}).then(o)},[e,c,r]),R=(l,~~i,h~~)=>{E(i),h==="input"&&m(i)},x=(l,i)=>{const{groupName:h,userName:j}=i\|\|{};C(i),n(i?j\|\|h:null)};~~return~~ d.useEffect(()=>{m("")},[m]),t.jsx(N.Autocomplete,{value:v,inputValue:f,options:u,onChange:x,onInputChange:R,renderInput:l=>t.jsx(p.TextField,{...l,label:s,variant:"outlined"}),getOptionLabel:({realName:l,userName:i,groupName:h})=>r?l\|\|~~i:i\|\|h~~})}function W({value:e,label:n,onChange:r,choices:s=q,selected:c}){return t.jsxs(p.FormControl,{margin:"normal",fullWidth:!0,children:[t.jsx(p.FormLabel,{children:n}),t.jsx(p.RadioGroup,{value:e,onChange:u=>r(u.target.value),children:Object.entries(s).map(([u,o])=>t.jsx(p.FormControlLabel,{value:u,control:t.jsx(p.Radio,{}),label:o,disabled:!c},u))})]})}function Y({onChange:e,value:n,userText:r,groupText:s}){const c=(u,o)=>{o!==null&&e(o)};return t.jsxs(N.ToggleButtonGroup,{value:n,exclusive:!0,onChange:c,children:[t.jsx(N.ToggleButton,{value:a.USER,children:r}),t.jsx(N.ToggleButton,{value:a.GROUP,children:s})]})}function V({classes:e,entityType:n,entityId:r,onSuccess:s=()=>{},onError:c=()=>{},onSubmit:u=P.access.createEntityAccess,onCancel:o,initialAccessControlDocument:f={user:null},UserPickerComponent:E=G,UserPickerProps:v={},GroupPickerComponent:C=G,GroupPickerProps:m={},PermissionPickerComponent:R=W,PermissionPickerProps:x,RecipientTypePickerComponent:l=Y,RecipientTypePickerProps:i,permissionText:h="Permission",grantAccessText:j="Grant Access",userText:T="User",groupText:U="Group",searchText:y="Search",cancelText:A="Cancel",hideDefaultGroups:O=!0}){const{accessControlDocument:g,onChangePermission:_,onChangeRecipient:I,onChangeRecipientType:L}=k(f),w=()=>Promise.resolve(u({entityType:n,entityId:r,accessControlDocument:g})).then(s).catch(c),{permission:b=""}=g,S=d.useMemo(()=>{if(g[a.USER]!==void 0)return a.USER;if(g[a.GROUP]!==void 0)return a.GROUP},[g]),[D]=Object.values(g);return t.jsxs("div",{className:e.root,children:[t.jsxs("div",{className:e.recipientRoot,children:[l?t.jsx(l,{value:S,onChange:L,userText:T,groupText:U,...i}):null,t.jsxs("div",{className:e.recipientType,children:[E&&S===a.USER?t.jsx(E,{onSearch:F,onChange:I,label:y,...v}):null,C&&S===a.GROUP?t.jsx(C,{onSearch:B,onChange:I,label:y,...m,hideDefaultGroups:O}):null]})]}),R?t.jsx(R,{value:b,onChange:_,selected:D,label:h,...x}):null,t.jsxs("div",{className:e.actions,children:[o?t.jsx(p.Button,{className:e.actionsCancel,onClick:o,children:A}):null,t.jsx(p.Button,{className:e.actionsSubmit,onClick:w,disabled:!g[S]\|\|!b,variant:"outlined",color:"primary",children:j})]})]})}const $=p.withStyles(H,{name:"VdtEntityAccessEdit"})(V);exports.default=$;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("react"),p=require("@material-ui/core"),E=require("@material-ui/lab"),P=require("@vidispine/vdt-api"),u={GROUP:"group",USER:"user"},D={ALL:"ALL",WRITE:"WRITE",READ:"READ",NONE:"NONE"},H=e=>({root:{},recipientRoot:{display:"flex",width:"100%"},recipientType:{flexGrow:1},actions:{display:"flex",alignItems:"center",padding:e.spacing(2),justifyContent:"flex-end",flex:"0 0 auto","& > :not(:first-child)":{marginLeft:e.spacing(2)}},actionsSubmit:{}}),M=(e,n)=>{switch(n.type){case"CHANGE_PERMISSION":return{...e,permission:n.value};case"CHANGE_RECIPIENT":return e[u.USER]!==void 0?{...e,[u.USER]:n.value}:e[u.GROUP]!==void 0?{...e,[u.GROUP]:n.value}:e;case"CHANGE_RECIPIENTTYPE":{const{[u.USER]:r,[u.GROUP]:s,...c}=e;return{...c,[n.value]:null}}default:throw new Error(`Unhandled action type: ${n.type}`)}},k=e=>{const[n,r]=d.useReducer(M,e),s=d.useCallback(o=>r({value:o,type:"CHANGE_PERMISSION"}),[]),c=d.useCallback(o=>r({value:o,type:"CHANGE_RECIPIENT"}),[]),i=d.useCallback(o=>r({value:o,type:"CHANGE_RECIPIENTTYPE"}),[]);return{accessControlDocument:n,onChangePermission:s,onChangeRecipient:c,onChangeRecipientType:i}};async function B({searchText:e,hideDefaultGroups:n}){const{data:{group:r=[]}}=await P.group.searchGroup({groupSearchDocument:{field:[{name:"groupname",value:e}]},queryParams:{number:100,role:!n}});return n?r.map(s=>({groupName:s.groupName})).filter(s=>!s.groupName.startsWith("_")):r.map(s=>({groupName:s.groupName}))}async function F({searchText:e,displayRealName:n=!0}){const{data:{user:r=[]}}=await P.user.searchUser({userSearchDocument:{operator:{field:[{name:"username",value:e},{name:"realname",value:e}],operation:"OR"}},queryParams:{number:100,ignoreCase:!0}});return r.map(s=>({userName:s.userName,...n&&{realName:s.realName}}))}function U({onSearch:e,onChange:n,displayRealName:r=!0,label:s,hideDefaultGroups:c}){const[i,o]=d.useState([]),[v,R]=d.useState(""),[x,C]=d.useState(null),g=d.useCallback(a=>{e({searchText:a,hideDefaultGroups:c,displayRealName:r}).then(o)},[e,c,r]),N=(a,l,m)=>{R(l),m==="input"&&g(l)},j=(a,l)=>{const{groupName:m,userName:y}=l\|\|{};C(l),n(l?y\|\|m:null)};d.useEffect(()=>{g("")},[g]);const S=E.createFilterOptions({stringify:a=>a.groupName?a.groupName:a.realName+a.userName});return t.jsx(E.Autocomplete,{value:x,inputValue:v,options:i,filterOptions:S,onChange:j,onInputChange:N,renderInput:a=>t.jsx(p.TextField,{...a,label:s,variant:"outlined"}),getOptionLabel:({realName:a,userName:l,groupName:m})=>r&&a\|\|l\|\|m})}function W({value:e,label:n,onChange:r,choices:s=D,selected:c}){return t.jsxs(p.FormControl,{margin:"normal",fullWidth:!0,children:[t.jsx(p.FormLabel,{children:n}),t.jsx(p.RadioGroup,{value:e,onChange:i=>r(i.target.value),children:Object.entries(s).map(([i,o])=>t.jsx(p.FormControlLabel,{value:i,control:t.jsx(p.Radio,{}),label:o,disabled:!c},i))})]})}function Y({onChange:e,value:n,userText:r,groupText:s}){const c=(i,o)=>{o!==null&&e(o)};return t.jsxs(E.ToggleButtonGroup,{value:n,exclusive:!0,onChange:c,children:[t.jsx(E.ToggleButton,{value:u.USER,children:r}),t.jsx(E.ToggleButton,{value:u.GROUP,children:s})]})}function V({classes:e,entityType:n,entityId:r,onSuccess:s=()=>{},onError:c=()=>{},onSubmit:i=P.access.createEntityAccess,onCancel:o,initialAccessControlDocument:v={user:null},UserPickerComponent:R=U,UserPickerProps:x={},GroupPickerComponent:C=U,GroupPickerProps:g={},PermissionPickerComponent:N=W,PermissionPickerProps:j,RecipientTypePickerComponent:S=Y,RecipientTypePickerProps:a,permissionText:l="Permission",grantAccessText:m="Grant Access",userText:y="User",groupText:A="Group",searchText:b="Search",cancelText:G="Cancel",hideDefaultGroups:T=!0}){const{accessControlDocument:h,onChangePermission:_,onChangeRecipient:I,onChangeRecipientType:L}=k(v),q=()=>Promise.resolve(i({entityType:n,entityId:r,accessControlDocument:h})).then(s).catch(c),{permission:O=""}=h,f=d.useMemo(()=>{if(h[u.USER]!==void 0)return u.USER;if(h[u.GROUP]!==void 0)return u.GROUP},[h]),[w]=Object.values(h);return t.jsxs("div",{className:e.root,children:[t.jsxs("div",{className:e.recipientRoot,children:[S?t.jsx(S,{value:f,onChange:L,userText:y,groupText:A,...a}):null,t.jsxs("div",{className:e.recipientType,children:[R&&f===u.USER?t.jsx(R,{onSearch:F,onChange:I,label:b,...x}):null,C&&f===u.GROUP?t.jsx(C,{onSearch:B,onChange:I,label:b,...g,hideDefaultGroups:T}):null]})]}),N?t.jsx(N,{value:O,onChange:_,selected:w,label:l,...j}):null,t.jsxs("div",{className:e.actions,children:[o?t.jsx(p.Button,{className:e.actionsCancel,onClick:o,children:G}):null,t.jsx(p.Button,{className:e.actionsSubmit,onClick:q,disabled:!h[f]\|\|!O,variant:"outlined",color:"primary",children:m})]})]})}const $=p.withStyles(H,{name:"VdtEntityAccessEdit"})(V);exports.default=$;

package/dist/cjs/entity/EntityComment.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),$=require("react"),C=require("clsx"),e=require("prop-types"),a=require("@material-ui/core"),r=require("@vidispine/vdt-api"),z=require("../hooks/useComments.js"),_=require("./EntityCommentCard.js"),H=n=>({root:{paddingTop:n.spacing(2)},header:{...n.typography.h6,paddingBottom:n.spacing(2)},label:{fontFamily:"Monaco",fontWeight:100,fontSize:"0.75rem",fontStyle:"italic"},labelWithTimecode:{fontWeight:600,fontStyle:"normal"},buttons:{minHeight:n.spacing(4.25),display:"flex",flexDirection:"row-reverse",width:"100%",marginTop:n.spacing(1),"& button":{marginLeft:n.spacing(1)}},comments:{"& > div":{marginTop:n.spacing(2)}}});function l({className:n,classes:o,entity:g,entityId:y,EntityCommentCardComponent:x,EntityCommentCardProps:f,metadataType:s,commentField:T,playerRef:h,timeBase:b,getEntityMetadata:v,updateEntityMetadata:j,removeGlobalMetadata:E,noTimecodeText:M,addCommentText:q,cancelText:N,commentText:c,commentPluralText:F,loadingText:P}){const{newComment:d,commentTimecode:u,smpteTimecode:S,commentList:i,onChangeTimecode:w,onChangeComment:B,onFocusComment:O,onCancelComment:R,onSubmitComment:k,onClickCommentTimecode:L,onDeleteComment:W,onRefreshComments:A}=z.default({entity:g,entityId:y,metadataType:s,commentField:T,playerRef:h,timeBase:b,getEntityMetadata:v,updateEntityMetadata:j,removeGlobalMetadata:E});return $.useEffect(()=>{s===void 0&&A()},[]),t.jsxs("div",{className:C(o.root,n),children:[t.jsx("div",{className:o.header,children:i?t.jsx("span",{children:`${i.length} ${i.length===1?c.toLowerCase():F.toLowerCase()}`}):t.jsx("span",{children:P})}),t.jsx(a.TextField,{className:o.TextField,value:d,onChange:B,fullWidth:!0,variant:"standard",placeholder:q,multiline:!0,InputProps:{onFocus:O,startAdornment:t.jsx(a.InputAdornment,{position:"start",children:t.jsx(a.FormControlLabel,{control:t.jsx(a.Switch,{size:"small",color:"primary",checked:u!==void 0,onChange:w}),label:S\|\|M,classes:{label:C(o.label,{[o.labelWithTimecode]:u!==void 0})}})})}}),t.jsx("div",{className:o.buttons,children:d&&t.jsxs(t.Fragment,{children:[t.jsx(a.Button,{className:o.commentButton,color:"primary",variant:"contained",disableElevation:!0,onClick:k,children:c}),t.jsx(a.Button,{className:o.cancelButton,variant:"text",disableElevation:!0,onClick:R,children:N})]})}),t.jsx("div",{className:o.comments,children:i?i.map(({uuid:m,value:D,start:p,user:G,timestamp:I})=>t.jsx(x,{uuid:m,value:D,start:p,user:G,timestamp:I,onDelete:()=>W(m),onClick:()=>L(p),...f},m)):null})]})}const V=a.withStyles(H,{name:"VdtEntityComment"})(l);l.propTypes={classes:e.objectOf(e.string),className:e.string,entityId:e.string.isRequired,entity:e.oneOf(["item","collection"]).isRequired,EntityCommentCardComponent:e.elementType,EntityCommentCardProps:e.objectOf(e.any),metadataType:e.objectOf(e.any),commentField:e.string,playerRef:e.shape({current:e.instanceOf(Element)}),timeBase:e.shape({numerator:e.number,denominator:e.number}),getEntityMetadata:e.func,updateEntityMetadata:e.func,removeGlobalMetadata:e.func,noTimecodeText:e.string,addCommentText:e.string,cancelText:e.string,commentText:e.string,commentPluralText:e.string,loadingText:e.string};l.defaultProps={classes:{},className:void 0,EntityCommentCardComponent:_.default,EntityCommentCardProps:{},metadataType:void 0,commentField:"co",playerRef:void 0,timeBase:{numerator:1,denominator:25},getEntityMetadata:r.metadata.getEntityMetadata,updateEntityMetadata:r.metadata.updateEntityMetadata,removeGlobalMetadata:r.globalmetadata.removeGlobalMetadata,noTimecodeText:"No Timecode",addCommentText:"Add a comment",cancelText:"Cancel",commentText:"Comment",commentPluralText:"Comments",loadingText:""};exports.default=V;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),$=require("react"),C=require("clsx"),e=require("prop-types"),a=require("@material-ui/core"),r=require("@vidispine/vdt-api"),z=require("../hooks/useComments.js"),_=require("./EntityCommentCard.js"),H=n=>({root:{paddingTop:n.spacing(2)},header:{...n.typography.h6,paddingBottom:n.spacing(2)},label:{fontFamily:"Monaco",fontWeight:100,fontSize:"0.75rem",fontStyle:"italic"},labelWithTimecode:{fontWeight:600,fontStyle:"normal"},buttons:{minHeight:n.spacing(4.25),display:"flex",flexDirection:"row-reverse",width:"100%",marginTop:n.spacing(1),"& button":{marginLeft:n.spacing(1)}},comments:{"& > div":{marginTop:n.spacing(2)}}});function l({className:n,classes:o,entity:g,entityId:y,EntityCommentCardComponent:x,EntityCommentCardProps:f,metadataType:s,commentField:T,playerRef:h,timeBase:b,getEntityMetadata:v,updateEntityMetadata:j,removeGlobalMetadata:E,noTimecodeText:M,addCommentText:q,cancelText:N,commentText:c,commentPluralText:F,loadingText:P}){const{newComment:d,commentTimecode:u,smpteTimecode:S,commentList:i,onChangeTimecode:w,onChangeComment:B,onFocusComment:R,onCancelComment:O,onSubmitComment:k,onClickCommentTimecode:L,onDeleteComment:W,onRefreshComments:A}=z.default({entity:g,entityId:y,metadataType:s,commentField:T,playerRef:h,timeBase:b,getEntityMetadata:v,updateEntityMetadata:j,removeGlobalMetadata:E});return $.useEffect(()=>{s===void 0&&A()},[]),t.jsxs("div",{className:C(o.root,n),children:[t.jsx("div",{className:o.header,children:i?t.jsx("span",{children:`${i.length} ${i.length===1?c.toLowerCase():F.toLowerCase()}`}):t.jsx("span",{children:P})}),t.jsx(a.TextField,{className:o.TextField,value:d,onChange:B,fullWidth:!0,variant:"standard",placeholder:q,multiline:!0,InputProps:{onFocus:R,startAdornment:t.jsx(a.InputAdornment,{position:"start",children:t.jsx(a.FormControlLabel,{control:t.jsx(a.Switch,{size:"small",color:"primary",checked:u!==void 0,onChange:w}),label:S\|\|M,classes:{label:C(o.label,{[o.labelWithTimecode]:u!==void 0})}})})}}),t.jsx("div",{className:o.buttons,children:d&&t.jsxs(t.Fragment,{children:[t.jsx(a.Button,{className:o.commentButton,color:"primary",variant:"contained",disableElevation:!0,onClick:k,children:c}),t.jsx(a.Button,{className:o.cancelButton,variant:"text",disableElevation:!0,onClick:O,children:N})]})}),t.jsx("div",{className:o.comments,children:i?i.map(({uuid:m,value:D,start:p,user:G,timestamp:I})=>t.jsx(x,{uuid:m,value:D,start:p,user:G,timestamp:I,onDelete:()=>W(m),onClick:()=>L(p),...f},m)):null})]})}const V=a.withStyles(H,{name:"VdtEntityComment"})(l);l.propTypes={classes:e.objectOf(e.string),className:e.string,entityId:e.string.isRequired,entity:e.oneOf(["item","collection"]).isRequired,EntityCommentCardComponent:e.elementType,EntityCommentCardProps:e.objectOf(e.any),metadataType:e.objectOf(e.any),commentField:e.string,playerRef:e.shape({current:e.instanceOf(Element)}),timeBase:e.shape({numerator:e.number,denominator:e.number}),getEntityMetadata:e.func,updateEntityMetadata:e.func,removeGlobalMetadata:e.func,noTimecodeText:e.string,addCommentText:e.string,cancelText:e.string,commentText:e.string,commentPluralText:e.string,loadingText:e.string};l.defaultProps={classes:{},className:void 0,EntityCommentCardComponent:_.default,EntityCommentCardProps:{},metadataType:void 0,commentField:"co",playerRef:void 0,timeBase:{numerator:1,denominator:25},getEntityMetadata:r.metadata.getEntityMetadata,updateEntityMetadata:r.metadata.updateEntityMetadata,removeGlobalMetadata:r.globalmetadata.removeGlobalMetadata,noTimecodeText:"No Timecode",addCommentText:"Add a comment",cancelText:"Cancel",commentText:"Comment",commentPluralText:"Comments",loadingText:""};exports.default=V;

package/dist/cjs/entity/EntityCommentCard.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),N=require("react"),q=require("clsx"),I=require("moment"),n=require("prop-types"),i=require("@material-ui/core"),c=require("@material-ui/icons"),b=require("@vidispine/vdt-js"),M=o=>({root:{display:"flex","&:hover":{"& $commentAction":{visibility:"visible"}}},commentBody:{paddingRight:o.spacing(1),paddingLeft:o.spacing(1),flexGrow:1},commentHeader:{display:"flex","& div":{marginRight:o.spacing(1)}},comments:{"& $root":{marginTop:o.spacing(2)}},commentUser:{fontWeight:"bold"},commentContent:{whiteSpace:"pre-line"},commentTimecode:{color:o.palette.info.dark,marginRight:o.spacing(1),verticalAlign:"unset"},commentAction:{visibility:"hidden"},menuPaper:{backgroundColor:o.palette.background.default}});function s({className:o,classes:t,user:r,timestamp:d,start:m,value:u,onDelete:p,onClick:g,deleteText:v,MenuIconComponent:x,DeleteIconComponent:h,UserIconComponent:C}){const[l,a]=N.useState(null),j=!!l,f=T=>{a(T.currentTarget)},y=()=>{a(null)};return e.jsxs("div",{className:q(t.root,o),children:[e.jsx("div",{className:t.commentAvatar,children:e.jsx(i.Avatar,{children:r?r[0]:C})}),e.jsxs("div",{className:t.commentBody,children:[e.jsxs("div",{className:t.commentHeader,children:[e.jsx("div",{className:t.commentUser,children:r}),e.jsx("div",{className:t.commentTimestamp,children:I(d).fromNow()})]}),e.jsxs("div",{className:t.commentContent,children:[m!=="-INF"&&e.jsx(i.ButtonBase,{className:t.commentTimecode,onClick:g,children:b.formatTimeCodeText(m).toSmpte()}),u]})]}),e.jsxs("div",{className:t.commentAction,children:[e.jsx(i.IconButton,{onClick:f,children:e.jsx(x,{})}),e.jsx(i.Menu,{className:t.Menu,elevation:0,getContentAnchorEl:null,anchorEl:l,anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"bottom",horizontal:"center"},variant:"menu",keepMounted:!0,open:j,PaperProps:{className:t.menuPaper,elevation:1},onClose:y,children:e.jsxs(i.MenuItem,{onClick:p,children:[e.jsx(i.ListItemIcon,{children:e.jsx(h,{fontSize:"small"})}),e.jsx(i.ListItemText,{primary:v})]})})]})]})}const k=i.withStyles(M,{name:"VdtEntityCommentCard"})(s);s.propTypes={classes:n.objectOf(n.string),className:n.string,user:n.string.isRequired,timestamp:n.string.isRequired,start:n.string.isRequired,value:n.string.isRequired,onDelete:n.func,onClick:n.func,deleteText:n.string,MenuIconComponent:n.elementType,DeleteIconComponent:n.elementType,UserIconComponent:n.elementType};s.defaultProps={classes:{},className:void 0,onDelete:void 0,onClick:void 0,deleteText:"Delete",MenuIconComponent:c.MoreVert,DeleteIconComponent:c.Delete,UserIconComponent:c.Person};exports.default=k;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),N=require("react"),q=require("clsx"),I=require("moment"),n=require("prop-types"),i=require("@material-ui/core"),c=require("@material-ui/icons"),b=require("@vidispine/vdt-js"),M=o=>({root:{display:"flex","&:hover":{"& $commentAction":{visibility:"visible"}}},commentBody:{paddingRight:o.spacing(1),paddingLeft:o.spacing(1),flexGrow:1},commentHeader:{display:"flex","& div":{marginRight:o.spacing(1)}},comments:{"& $root":{marginTop:o.spacing(2)}},commentUser:{fontWeight:"bold"},commentContent:{whiteSpace:"pre-line"},commentTimecode:{color:o.palette.info.dark,marginRight:o.spacing(1),verticalAlign:"unset"},commentAction:{visibility:"hidden"},menuPaper:{backgroundColor:o.palette.background.default}});function s({className:o,classes:t,user:r,timestamp:d,start:m,value:u,onDelete:p,onClick:g,deleteText:v,MenuIconComponent:x,DeleteIconComponent:h,UserIconComponent:C}){const[l,a]=N.useState(null),j=!!l,f=T=>{a(T.currentTarget)},y=()=>{a(null)};return e.jsxs("div",{className:q(t.root,o),children:[e.jsx("div",{className:t.commentAvatar,children:e.jsx(i.Avatar,{children:r?r[0]:C})}),e.jsxs("div",{className:t.commentBody,children:[e.jsxs("div",{className:t.commentHeader,children:[e.jsx("div",{className:t.commentUser,children:r}),e.jsx("div",{className:t.commentTimestamp,children:I(d).fromNow()})]}),e.jsxs("div",{className:t.commentContent,children:[m!=="-INF"&&e.jsx(i.ButtonBase,{className:t.commentTimecode,onClick:g,children:b.formatTimeCodeText(m).toSmpte()}),u]})]}),e.jsxs("div",{className:t.commentAction,children:[e.jsx(i.IconButton,{onClick:f,children:e.jsx(x,{})}),e.jsx(i.Menu,{className:t.Menu,elevation:0,getContentAnchorEl:null,anchorEl:l,anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"bottom",horizontal:"center"},variant:"menu",keepMounted:!0,open:j,PaperProps:{className:t.menuPaper,elevation:1},onClose:y,children:e.jsxs(i.MenuItem,{onClick:p,children:[e.jsx(i.ListItemIcon,{children:e.jsx(h,{fontSize:"small"})}),e.jsx(i.ListItemText,{primary:v})]})})]})]})}const R=i.withStyles(M,{name:"VdtEntityCommentCard"})(s);s.propTypes={classes:n.objectOf(n.string),className:n.string,user:n.string.isRequired,timestamp:n.string.isRequired,start:n.string.isRequired,value:n.string.isRequired,onDelete:n.func,onClick:n.func,deleteText:n.string,MenuIconComponent:n.elementType,DeleteIconComponent:n.elementType,UserIconComponent:n.elementType};s.defaultProps={classes:{},className:void 0,onDelete:void 0,onClick:void 0,deleteText:"Delete",MenuIconComponent:c.MoreVert,DeleteIconComponent:c.Delete,UserIconComponent:c.Person};exports.default=R;

package/dist/cjs/entity/EntityDeleteDialog/EntityDeleteDialog.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),O=require("react"),V=require("clsx"),f=require("moment"),e=require("prop-types"),o=require("@material-ui/core"),g=require("@vidispine/vdt-api"),j=require("@vidispine/vdt-react"),N=require("../../collection/CollectionCard/index.js"),R=require("../../item/ItemCard.js"),A=()=>({root:{},entityCard:{display:"flex",justifyContent:"center"}}),F=(l,i)=>{const[r,s]=O.useState(!1);return{validation:r,handleValidation:a=>s(a),onDelete:()=>l.toLowerCase()==="item"?g.item.removeItem({itemId:i}):l.toLowerCase()==="collection"?g.collection.removeCollection({collectionId:i}):new Promise((a,c)=>{c(new Error(`Unknown entity type, is ${l}`))})}};function m({open:l,onClose:i,entity:r,entityId:s,onSuccess:p,onFailure:C,className:a,title:c,subtitle:h,validationText:b,closeButtonText:v,confirmButtonText:D,queryParams:y,DialogProps:T,CollectionCardComponent:P,CollectionCardProps:q,ItemCardComponent:I,ItemCardProps:S,showEntityPreview:w,classes:x}){const{onDelete:k,validation:d,handleValidation:B}=F(r,s),E=()=>k().then(n=>{i(),p(n)}).catch(C);return l?t.jsxs(o.Dialog,{open:l,onClose:i,className:V(x.root,"VdtEntityDeleteDialog-root",a),...T,children:[t.jsxs(o.DialogTitle,{disableTypography:!0,children:[t.jsx(o.Typography,{variant:"h6",children:c}),h&&t.jsx(o.Typography,{variant:"subtitle2",children:h})]}),t.jsx(o.Divider,{}),t.jsxs(o.DialogContent,{children:[w&&t.jsx("div",{className:x.entityCard,children:r==="item"?t.jsx(j.GetItem,{itemId:s,queryParams:y,children:t.jsx(I,{titleSelector:({title:n,itemId:u})=>n\|\|u,subheaderSelector:({created:n})=>n?f(n).format("ll"):"",ContentComponent:null,ActionsComponent:null,...S})}):t.jsx(j.GetCollection,{collectionId:s,queryParams:y,children:t.jsx(P,{titleSelector:({title:n,collectionId:u})=>n\|\|u,subheaderSelector:({created:n})=>n?f(n).format("ll"):"",avatar:r,...q})})}),t.jsx(o.FormControlLabel,{control:t.jsx(o.Checkbox,{checked:d,onChange:()=>B(!d)}),label:b})]}),t.jsxs(o.DialogActions,{children:[t.jsx(o.Button,{onClick:i,children:v}),t.jsx(o.Button,{variant:"contained",color:"primary",onClick:E,disabled:!d,children:D})]})]}):null}m.propTypes={open:e.bool,onClose:e.func,entityId:e.string.isRequired,entity:e.string.isRequired,onSuccess:e.func,onFailure:e.func,className:e.string,title:e.string,subtitle:e.string,validationText:e.string,closeButtonText:e.string,confirmButtonText:e.string,queryParams:e.objectOf(e.any),DialogProps:e.objectOf(e.any),CollectionCardComponent:e.elementType,CollectionCardProps:e.objectOf(e.any),ItemCardComponent:e.elementType,ItemCardProps:e.objectOf(e.any),showEntityPreview:e.bool,classes:e.objectOf(e.any)};m.defaultProps={open:!1,onClose:()=>null,onSuccess:()=>null,onFailure:()=>null,className:"VdtEntityDeleteDialog",title:"Delete entity",subtitle:"",validationText:"I understand that deleting is permanent and can't be undone",closeButtonText:"Close",confirmButtonText:"Permanently delete entity",queryParams:{field:["created","title","mimeType","durationSeconds","itemId","collectionId"],content:["metadata","thumbnail"],"noauth-url":!0},DialogProps:{},CollectionCardComponent:N.default,CollectionCardProps:{},ItemCardComponent:R.default,ItemCardProps:{},showEntityPreview:!0,classes:{}};exports.default=m;exports.styles=A;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),O=require("react"),V=require("clsx"),f=require("moment"),e=require("prop-types"),o=require("@material-ui/core"),g=require("@vidispine/vdt-api"),j=require("@vidispine/vdt-react"),R=require("../../collection/CollectionCard/index.js"),N=require("../../item/ItemCard.js"),A=()=>({root:{},entityCard:{display:"flex",justifyContent:"center"}}),F=(l,i)=>{const[r,s]=O.useState(!1);return{validation:r,handleValidation:a=>s(a),onDelete:()=>l.toLowerCase()==="item"?g.item.removeItem({itemId:i}):l.toLowerCase()==="collection"?g.collection.removeCollection({collectionId:i}):new Promise((a,c)=>{c(new Error(`Unknown entity type, is ${l}`))})}};function m({open:l,onClose:i,entity:r,entityId:s,onSuccess:p,onFailure:C,className:a,title:c,subtitle:h,validationText:b,closeButtonText:v,confirmButtonText:D,queryParams:y,DialogProps:T,CollectionCardComponent:P,CollectionCardProps:q,ItemCardComponent:I,ItemCardProps:S,showEntityPreview:w,classes:x}){const{onDelete:k,validation:d,handleValidation:B}=F(r,s),E=()=>k().then(n=>{i(),p(n)}).catch(C);return l?t.jsxs(o.Dialog,{open:l,onClose:i,className:V(x.root,"VdtEntityDeleteDialog-root",a),...T,children:[t.jsxs(o.DialogTitle,{disableTypography:!0,children:[t.jsx(o.Typography,{variant:"h6",children:c}),h&&t.jsx(o.Typography,{variant:"subtitle2",children:h})]}),t.jsx(o.Divider,{}),t.jsxs(o.DialogContent,{children:[w&&t.jsx("div",{className:x.entityCard,children:r==="item"?t.jsx(j.GetItem,{itemId:s,queryParams:y,children:t.jsx(I,{titleSelector:({title:n,itemId:u})=>n\|\|u,subheaderSelector:({created:n})=>n?f(n).format("ll"):"",ContentComponent:null,ActionsComponent:null,...S})}):t.jsx(j.GetCollection,{collectionId:s,queryParams:y,children:t.jsx(P,{titleSelector:({title:n,collectionId:u})=>n\|\|u,subheaderSelector:({created:n})=>n?f(n).format("ll"):"",avatar:r,...q})})}),t.jsx(o.FormControlLabel,{control:t.jsx(o.Checkbox,{checked:d,onChange:()=>B(!d)}),label:b})]}),t.jsxs(o.DialogActions,{children:[t.jsx(o.Button,{onClick:i,children:v}),t.jsx(o.Button,{variant:"contained",color:"primary",onClick:E,disabled:!d,children:D})]})]}):null}m.propTypes={open:e.bool,onClose:e.func,entityId:e.string.isRequired,entity:e.string.isRequired,onSuccess:e.func,onFailure:e.func,className:e.string,title:e.string,subtitle:e.string,validationText:e.string,closeButtonText:e.string,confirmButtonText:e.string,queryParams:e.objectOf(e.any),DialogProps:e.objectOf(e.any),CollectionCardComponent:e.elementType,CollectionCardProps:e.objectOf(e.any),ItemCardComponent:e.elementType,ItemCardProps:e.objectOf(e.any),showEntityPreview:e.bool,classes:e.objectOf(e.any)};m.defaultProps={open:!1,onClose:()=>null,onSuccess:()=>null,onFailure:()=>null,className:"VdtEntityDeleteDialog",title:"Delete entity",subtitle:"",validationText:"I understand that deleting is permanent and can't be undone",closeButtonText:"Close",confirmButtonText:"Permanently delete entity",queryParams:{field:["created","title","mimeType","durationSeconds","itemId","collectionId"],content:["metadata","thumbnail"],"noauth-url":!0},DialogProps:{},CollectionCardComponent:R.default,CollectionCardProps:{},ItemCardComponent:N.default,ItemCardProps:{},showEntityPreview:!0,classes:{}};exports.default=m;exports.styles=A;

package/dist/cjs/entity/EntityTree.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),a=require("react"),I=require("clsx"),L=require("@material-ui/core"),y=require("@material-ui/icons"),V=require("@material-ui/lab"),f=require("@vidispine/vdt-api"),l=require("./EntityTreeConsts.js"),$=require("./EntityTreeContext.js"),H=require("./EntityTreeList.js"),W={interval:"generic",queryParams:{field:["mimeType"],content:["metadata"]},itemSearchDocument:{operator:{field:[{name:"__parent_collection",value:[{value:""}]},{name:"__collection",value:[{value:""}]}],operation:"OR"},sort:[{field:"_type",order:"ascending"},{field:"title",order:"descending"}]}},k={root:{}};function F({className:T,classes:g,searchState:u=W,rootCollectionId:m=l.ROOT,first:p=1,number:h=5,selected:E,expanded:x,selectOnToggle:C=!0,onChange:_=()=>null,onExpanded:q=()=>null,onError:n=({message:o,error:c})=>console.error(`${o}
-${c}`),EntityTreeListComponent:R=H.default,EntityTreeListProps:S={},TreeViewProps:v={}}){const[o,c]=a.useState([]),[d,i]=a.useState(),{entry:O=[]}=o,j=()=>{try{f.search.searchItemCollection({...u,matrixParams:{first:p,number:h}}).then(({data:e})=>{c(e),i(e.hits)}).catch(e=>{n({message:"Could not search",error:e})})}catch(e){n({message:"Could not search",error:e})}},M=a.useCallback(e=>{const t=e+1;if(!(t>d))try{f.search.searchItemCollection({...u,matrixParams:{first:t,number:h}}).then(({data:r})=>{const{entry:b=[],...A}=r;c(D=>({...A,entry:[...b,...D.entry]})),i(r.hits)}).catch(r=>{n({message:"Could not search for more",error:r})})}catch(r){n({message:"Could not search for more",error:r})}},[o]),P=e=>{const{target:{parentElement:t={}}={}}=e,r=t.parentElement||{};return t.className==="MuiTreeItem-iconContainer"||r.className==="MuiTreeItem-iconContainer"},N=(e,t)=>{!C&&P(e)||typeof t=="string"&&(t.startsWith(l.LOAD_MORE)||t.startsWith(l.DROP_ZONE_ROOT))||_(t)},w=(e,t)=>{q(t)};return a.useEffect(j,[m]),s.jsx(V.TreeView,{className:I(g.root,"VdtEntityTree-root",T),defaultCollapseIcon:s.jsx(y.ExpandMore,{}),defaultExpandIcon:s.jsx(y.ChevronRight,{}),onNodeSelect:N,onNodeToggle:w,selected:E,expanded:x,...v,children:s.jsx($.EntityTreeProvider,{children:s.jsx(R,{hits:d,entries:O,collectionId:m,onLoadMore:M,onAdjustHits:e=>i(t=>t+e),onError:n,...S})})})}const Z=L.withStyles(k,{name:"VdtEntityTree"})(F);exports.default=Z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),a=require("react"),I=require("clsx"),L=require("@material-ui/core"),y=require("@material-ui/icons"),V=require("@material-ui/lab"),f=require("@vidispine/vdt-api"),l=require("./EntityTreeConsts.js"),$=require("./EntityTreeContext.js"),H=require("./EntityTreeList.js"),W={interval:"generic",queryParams:{field:["mimeType"],content:["metadata"]},itemSearchDocument:{operator:{field:[{name:"__parent_collection",value:[{value:""}]},{name:"__collection",value:[{value:""}]}],operation:"OR"},sort:[{field:"_type",order:"ascending"},{field:"title",order:"descending"}]}},k={root:{}};function F({className:T,classes:g,searchState:u=W,rootCollectionId:m=l.ROOT,first:p=1,number:h=5,selected:E,expanded:x,selectOnToggle:C=!0,onChange:R=()=>null,onExpanded:_=()=>null,onError:n=({message:o,error:c})=>console.error(`${o}
+${c}`),EntityTreeListComponent:q=H.default,EntityTreeListProps:S={},TreeViewProps:v={}}){const[o,c]=a.useState([]),[d,i]=a.useState(),{entry:O=[]}=o,j=()=>{try{f.search.searchItemCollection({...u,matrixParams:{first:p,number:h}}).then(({data:e})=>{c(e),i(e.hits)}).catch(e=>{n({message:"Could not search",error:e})})}catch(e){n({message:"Could not search",error:e})}},M=a.useCallback(e=>{const t=e+1;if(!(t>d))try{f.search.searchItemCollection({...u,matrixParams:{first:t,number:h}}).then(({data:r})=>{const{entry:b=[],...A}=r;c(D=>({...A,entry:[...b,...D.entry]})),i(r.hits)}).catch(r=>{n({message:"Could not search for more",error:r})})}catch(r){n({message:"Could not search for more",error:r})}},[o]),P=e=>{const{target:{parentElement:t={}}={}}=e,r=t.parentElement||{};return t.className==="MuiTreeItem-iconContainer"||r.className==="MuiTreeItem-iconContainer"},N=(e,t)=>{!C&&P(e)||typeof t=="string"&&(t.startsWith(l.LOAD_MORE)||t.startsWith(l.DROP_ZONE_ROOT))||R(t)},w=(e,t)=>{_(t)};return a.useEffect(j,[m]),s.jsx(V.TreeView,{className:I(g.root,"VdtEntityTree-root",T),defaultCollapseIcon:s.jsx(y.ExpandMore,{}),defaultExpandIcon:s.jsx(y.ChevronRight,{}),onNodeSelect:N,onNodeToggle:w,selected:E,expanded:x,...v,children:s.jsx($.EntityTreeProvider,{children:s.jsx(q,{hits:d,entries:O,collectionId:m,onLoadMore:M,onAdjustHits:e=>i(t=>t+e),onError:n,...S})})})}const Z=L.withStyles(k,{name:"VdtEntityTree"})(F);exports.default=Z;

package/dist/cjs/events/Event/Event.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),l=require("react"),f=require("clsx"),e=require("prop-types"),c=require("@material-ui/core/styles"),m=t=>({root:{border:"2px solid transparent"},thumbnail:{pointerEvents:"none"},active:{animation:"$active 5s"},"@keyframes active":{"0%":{borderColor:c.alpha(t.palette.primary.main,1)},"100%":{borderColor:c.alpha(t.palette.primary.main,0)}}});function n({classes:t,className:u,isActive:o,EventContentComponent:s,EventContentProps:p,scrollIntoViewOpts:a,...v}){const r=l.useRef();return l.useEffect(()=>{o&&~~r&&r~~.current&&r.current.scrollIntoView(a)},[o,a]),i.jsx("div",{ref:r,className:f(t.root,u,{[t.active]:o}),children:s&&i.jsx(s,{...v,...p})})}n.propTypes={classes:e.objectOf(e.string),className:e.string,scrollIntoViewOpts:e.objectOf(e.any),isActive:e.bool,EventContentComponent:e.elementType,EventContentProps:e.objectOf(e.any)};n.defaultProps={className:void 0,classes:{},scrollIntoViewOpts:{behavior:"smooth",inline:"center",block:"nearest"},isActive:void 0,EventContentComponent:null,EventContentProps:{}};exports.default=n;exports.styles=m;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),l=require("react"),f=require("clsx"),e=require("prop-types"),c=require("@material-ui/core/styles"),m=t=>({root:{border:"2px solid transparent"},thumbnail:{pointerEvents:"none"},active:{animation:"$active 5s"},"@keyframes active":{"0%":{borderColor:c.alpha(t.palette.primary.main,1)},"100%":{borderColor:c.alpha(t.palette.primary.main,0)}}});function n({classes:t,className:u,isActive:r,EventContentComponent:s,EventContentProps:p,scrollIntoViewOpts:a,...v}){const o=l.useRef();return l.useEffect(()=>{r&&o&&o.current&&o.current.scrollIntoView(a)},[r,a]),i.jsx("div",{ref:o,className:f(t.root,u,{[t.active]:r}),children:s&&i.jsx(s,{...v,...p})})}n.propTypes={classes:e.objectOf(e.string),className:e.string,scrollIntoViewOpts:e.objectOf(e.any),isActive:e.bool,EventContentComponent:e.elementType,EventContentProps:e.objectOf(e.any)};n.defaultProps={className:void 0,classes:{},scrollIntoViewOpts:{behavior:"smooth",inline:"center",block:"nearest"},isActive:void 0,EventContentComponent:null,EventContentProps:{}};exports.default=n;exports.styles=m;

package/dist/cjs/events/EventTimeline/EventTimeline.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),Q=require("react"),e=require("prop-types"),ue=require("@material-ui/core"),pe=require("@vidispine/proptypes"),p=require("@vidispine/vdt-js"),me=require("../Event/index.js"),he=require("../EventContainer/index.js"),ge=require("../EventMarker/index.js"),Te=require("../EventMarkerThumbnail/index.js"),ye=require("../EventMarkerTimeline/index.js"),Ee=g=>({timelineEventContent:{height:g.spacing(3),width:g.spacing(3)},event:{},eventContainer:{paddingTop:g.spacing(2),paddingBottom:g.spacing(2)},timeline:{},timelineEvent:{}});function I({className:g,classes:h,matchHighlights:A,itemType:u,eventFilter:M,noEventsText:U,EventContainerComponent:V,EventContainerProps:X,EventComponent:Y,EventProps:L,EventContentComponent:S,EventContentProps:P,EventMarkerThumbnailComponent:$,EventMarkerThumbnailProps:Z,EventMarkerTimelineComponent:K,EventMarkerTimelineProps:ee,EventMarkerComponent:te,EventMarkerProps:ne,EventListComponent:x,EventListProps:B,GroupedTimeline:q,GroupConfig:R,FieldLabelMap:ae,itemSearchDocument:O}){const{durationSeconds:se}=p.parseMetadataType(u.metadata,{flat:!0,arrayOnSingleValue:!1}),re=p.formatTimeCodeText(se).toSeconds(),{id:oe}=u,b=Q.useMemo(()=>{const{timespan:n=[],metadata:{timespan:s=[]}={}}=u;return A===!0?n.sort(({start:t},{start:l})=>p.formatTimeCodeText(t).samples-p.formatTimeCodeText(l).samples).filter(M):s.sort(({start:t},{start:l})=>p.formatTimeCodeText(t).toSeconds()-p.formatTimeCodeText(l).toSeconds()).filter(t=>n.some(({start:l,end:o})=>t.start===l&&t.end===o)).filter(M)},[u,M,A]),[w,ie]=Q.useState(null),_=[],T=[],le=()=>{var s,t;const n=[];return((s=O.text)==null?void 0:s.length)>0&&((t=O.text)==null\|\|t.forEach(l=>{l.value.toLowerCase().replace(/"/gm,"").split(" ").forEach(c=>n.push(c))})),n},ce=()=>{var s,t;const n=[];return((s=O.filter)==null?void 0:s.length)>0&&((t=O.filter)==null\|\|t.forEach(l=>{l.field.forEach(o=>{o.value.forEach(c=>{const f=c.value.toLowerCase().replace(/"/gm,"").split(" "),m=[];f.forEach(E=>m.push(E)),n.push({name:o.name,data:m})})})})),n},fe=le(),y=ce(),C=[],H=(n,s)=>s.every(t=>n.includes(t)),J=(n,s)=>{const t=[];return n.forEach(o=>{s.data.filter(c=>c.name===o.name&&o.data.every(f=>c.valueList.includes(f))).length>0&&t.push(o)}),n.length===t.length},de=n=>{let s=!1;const t=[];n.data.forEach(c=>{c.value.toLowerCase().split(/[\s,]+/).forEach(m=>t.push(m))});const o=(()=>{const c=[];return fe.forEach(f=>{C.length>0&&(C.includes(f)&&t.includes(f)&&f!==""&&c.push(f),!C.includes(f)&&f!==""&&c.push(f))}),c})();return o.length>0&&y.length>0&&(s=H(t,o)&&J(y,n)),o.length>0&&y.length<1&&(s=H(t,o)),o.length<1&&y.length>0&&(s=J(y,n)),s};if(q&&u.metadata.timespan.length>0){const n=u.metadata.timespan.find(t=>t.start==="-INF"&&t.end==="+INF"),s=p.parseTimespan(n,{joinValue:",",flat:!0});Object.keys(s).forEach(t=>{typeof s[t]=="string"&&t!=="user"&&t!=="created"&&t!=="duration"&&s[t].toLowerCase().split(/[\s,]+/).forEach(o=>{C.push(o)})}),u.metadata.timespan.forEach(t=>{const{start:l,end:o,field:c=[],group:f=[]}=t;if(o!=="+INF"&&l!=="-INF"){const m=[];c.length>0&&m.push("field"),f.length>0&&m.push("group");const E=p.parseTimespan(t,{joinValue:",",flat:!0}),W=r=>Object.keys(r).reduce((i,a)=>Array.isArray(r[a])?i:typeof r[a]=="object"&&r[a]!==null?[...i,...W(r[a])]:[...i,a],[]),z=W(E);let j=[];R.forEach(r=>{const i=Object.keys(E);r.name===i.toString()&&z.forEach(a=>{r.field.length>0&&r.field.includes(a)&&j.push(a)})});const D=[],N=r=>{let i=null;if(j.length<1&&(j=z),r instanceof Array)for(let a=0;a<r.length&&(i=N(r[a]),!i);a+=1);else for(const a in r)if(i===null){if(j.includes(a)){const F=ae.filter(v=>v.name===a),k=F.length>0?F[0].label:a;D.push({name:a,label:k,value:r[a],valueList:r[a].toLowerCase().replace(/"/gm,"").split(" ")})}if((r[a]instanceof Object\|\|r[a]instanceof Array)&&(i=N(r[a]),i))break}return i};N(E);const G={start:t.start,end:t.end,data:D};de(G)&&m.forEach(r=>{t[r].forEach(i=>{_.indexOf(i.name)===-1&&(_.push(i.name),T.push({key:i.name,data:[]}));const a=T.findIndex(v=>v.key===i.name);T[a].data.push(G);const k=R.filter(v=>v.name===i.name);k.length>0&&(T[a].label=k[0].label)})})}})}return d.jsxs("div",{className:g,children:[b.length>0?d.jsxs(d.Fragment,{children:[K&&d.jsx(K,{className:h.timeline,length:re,...ee,children:b.map((n,s)=>d.jsx(te,{className:h.timelineEvent,position:p.formatTimeCodeText(n.start).toSeconds(),onClick:()=>ie(s),...ne,children:$&&d.jsx($,{className:h.timelineEventContent,itemType:u,timespan:n,...Z})},n.start))}),!q&&x&&d.jsx(x,{classes:h,events:b,active:w,itemType:u,EventProps:L,EventContentComponent:S,EventContentProps:P,...B}),V&&d.jsx(V,{className:h.eventContainer,...X,children:b.map((n,s)=>d.jsx(Y,{className:h.event,isActive:s===w,timespan:n,itemType:u,EventContentComponent:S,EventContentProps:P,...L},[oe,n.start,n.end].join()))})]}):U,q&&x&&T.map(n=>d.jsxs("div",{children:[d.jsx(ue.Typography,{variant:"caption",style:{marginTop:40,marginBottom:10,display:"block"},noWrap:!0,children:n.label\|\|n.key}),d.jsx(x,{classes:h,events:n.data,active:w,itemType:u,EventProps:L,EventContentComponent:S,EventContentProps:P,...B})]},n.key))]})}I.propTypes={classes:e.objectOf(e.string),className:e.string,itemType:pe.ItemType.isRequired,matchHighlights:e.bool,eventFilter:e.func,noEventsText:e.string,EventContainerComponent:e.oneOfType([e.elementType,e.oneOf([!1])]),EventContainerProps:e.objectOf(e.any),EventComponent:e.oneOfType([e.elementType,e.oneOf([!1])]),EventProps:e.objectOf(e.any),EventContentComponent:e.oneOfType([e.elementType,e.oneOf([!1])]),EventContentProps:e.objectOf(e.any),EventMarkerThumbnailComponent:e.oneOfType([e.elementType,e.oneOf([!1])]),EventMarkerThumbnailProps:e.objectOf(e.any),EventMarkerTimelineComponent:e.oneOfType([e.elementType,e.oneOf([!1])]),EventMarkerTimelineProps:e.objectOf(e.any),EventMarkerComponent:e.oneOfType([e.elementType,e.oneOf([!1])]),EventMarkerProps:e.objectOf(e.any),EventListComponent:e.oneOfType([e.elementType,e.oneOf([!1])]),EventListProps:e.objectOf(e.any),GroupedTimeline:e.bool,GroupConfig:e.arrayOf(e.any),FieldLabelMap:e.arrayOf(e.any),itemSearchDocument:e.objectOf(e.any)};I.defaultProps={className:void 0,classes:{},matchHighlights:!0,eventFilter:()=>!0,noEventsText:null,EventContainerComponent:he.default,EventContainerProps:{},EventComponent:me.default,EventProps:{},EventContentComponent:null,EventContentProps:{},EventMarkerThumbnailComponent:Te.default,EventMarkerThumbnailProps:{},EventMarkerTimelineComponent:ye.default,EventMarkerTimelineProps:{},EventMarkerComponent:ge.default,EventMarkerProps:{},EventListComponent:!1,EventListProps:{},GroupedTimeline:!1,GroupConfig:[],FieldLabelMap:[],itemSearchDocument:{}};exports.default=I;exports.styles=Ee;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),Q=require("react"),e=require("prop-types"),ue=require("@material-ui/core"),pe=require("@vidispine/proptypes"),p=require("@vidispine/vdt-js"),me=require("../Event/index.js"),he=require("../EventContainer/index.js"),ge=require("../EventMarker/index.js"),Te=require("../EventMarkerThumbnail/index.js"),ye=require("../EventMarkerTimeline/index.js"),Ee=g=>({timelineEventContent:{height:g.spacing(3),width:g.spacing(3)},event:{},eventContainer:{paddingTop:g.spacing(2),paddingBottom:g.spacing(2)},timeline:{},timelineEvent:{}});function I({className:g,classes:h,matchHighlights:A,itemType:u,eventFilter:M,noEventsText:U,EventContainerComponent:V,EventContainerProps:X,EventComponent:Y,EventProps:L,EventContentComponent:S,EventContentProps:P,EventMarkerThumbnailComponent:$,EventMarkerThumbnailProps:Z,EventMarkerTimelineComponent:K,EventMarkerTimelineProps:ee,EventMarkerComponent:te,EventMarkerProps:ne,EventListComponent:x,EventListProps:R,GroupedTimeline:q,GroupConfig:B,FieldLabelMap:ae,itemSearchDocument:O}){const{durationSeconds:se}=p.parseMetadataType(u.metadata,{flat:!0,arrayOnSingleValue:!1}),re=p.formatTimeCodeText(se).toSeconds(),{id:oe}=u,b=Q.useMemo(()=>{const{timespan:n=[],metadata:{timespan:s=[]}={}}=u;return A===!0?n.sort(({start:t},{start:l})=>p.formatTimeCodeText(t).samples-p.formatTimeCodeText(l).samples).filter(M):s.sort(({start:t},{start:l})=>p.formatTimeCodeText(t).toSeconds()-p.formatTimeCodeText(l).toSeconds()).filter(t=>n.some(({start:l,end:o})=>t.start===l&&t.end===o)).filter(M)},[u,M,A]),[w,ie]=Q.useState(null),_=[],T=[],le=()=>{var s,t;const n=[];return((s=O.text)==null?void 0:s.length)>0&&((t=O.text)==null\|\|t.forEach(l=>{l.value.toLowerCase().replace(/"/gm,"").split(" ").forEach(c=>n.push(c))})),n},ce=()=>{var s,t;const n=[];return((s=O.filter)==null?void 0:s.length)>0&&((t=O.filter)==null\|\|t.forEach(l=>{l.field.forEach(o=>{o.value.forEach(c=>{const f=c.value.toLowerCase().replace(/"/gm,"").split(" "),m=[];f.forEach(E=>m.push(E)),n.push({name:o.name,data:m})})})})),n},fe=le(),y=ce(),C=[],H=(n,s)=>s.every(t=>n.includes(t)),J=(n,s)=>{const t=[];return n.forEach(o=>{s.data.filter(c=>c.name===o.name&&o.data.every(f=>c.valueList.includes(f))).length>0&&t.push(o)}),n.length===t.length},de=n=>{let s=!1;const t=[];n.data.forEach(c=>{c.value.toLowerCase().split(/[\s,]+/).forEach(m=>t.push(m))});const o=(()=>{const c=[];return fe.forEach(f=>{C.length>0&&(C.includes(f)&&t.includes(f)&&f!==""&&c.push(f),!C.includes(f)&&f!==""&&c.push(f))}),c})();return o.length>0&&y.length>0&&(s=H(t,o)&&J(y,n)),o.length>0&&y.length<1&&(s=H(t,o)),o.length<1&&y.length>0&&(s=J(y,n)),s};if(q&&u.metadata.timespan.length>0){const n=u.metadata.timespan.find(t=>t.start==="-INF"&&t.end==="+INF"),s=p.parseTimespan(n,{joinValue:",",flat:!0});Object.keys(s).forEach(t=>{typeof s[t]=="string"&&t!=="user"&&t!=="created"&&t!=="duration"&&s[t].toLowerCase().split(/[\s,]+/).forEach(o=>{C.push(o)})}),u.metadata.timespan.forEach(t=>{const{start:l,end:o,field:c=[],group:f=[]}=t;if(o!=="+INF"&&l!=="-INF"){const m=[];c.length>0&&m.push("field"),f.length>0&&m.push("group");const E=p.parseTimespan(t,{joinValue:",",flat:!0}),W=r=>Object.keys(r).reduce((i,a)=>Array.isArray(r[a])?i:typeof r[a]=="object"&&r[a]!==null?[...i,...W(r[a])]:[...i,a],[]),z=W(E);let j=[];B.forEach(r=>{const i=Object.keys(E);r.name===i.toString()&&z.forEach(a=>{r.field.length>0&&r.field.includes(a)&&j.push(a)})});const D=[],N=r=>{let i=null;if(j.length<1&&(j=z),r instanceof Array)for(let a=0;a<r.length&&(i=N(r[a]),!i);a+=1);else for(const a in r)if(i===null){if(j.includes(a)){const F=ae.filter(v=>v.name===a),k=F.length>0?F[0].label:a;D.push({name:a,label:k,value:r[a],valueList:r[a].toLowerCase().replace(/"/gm,"").split(" ")})}if((r[a]instanceof Object\|\|r[a]instanceof Array)&&(i=N(r[a]),i))break}return i};N(E);const G={start:t.start,end:t.end,data:D};de(G)&&m.forEach(r=>{t[r].forEach(i=>{_.indexOf(i.name)===-1&&(_.push(i.name),T.push({key:i.name,data:[]}));const a=T.findIndex(v=>v.key===i.name);T[a].data.push(G);const k=B.filter(v=>v.name===i.name);k.length>0&&(T[a].label=k[0].label)})})}})}return d.jsxs("div",{className:g,children:[b.length>0?d.jsxs(d.Fragment,{children:[K&&d.jsx(K,{className:h.timeline,length:re,...ee,children:b.map((n,s)=>d.jsx(te,{className:h.timelineEvent,position:p.formatTimeCodeText(n.start).toSeconds(),onClick:()=>ie(s),...ne,children:$&&d.jsx($,{className:h.timelineEventContent,itemType:u,timespan:n,...Z})},n.start))}),!q&&x&&d.jsx(x,{classes:h,events:b,active:w,itemType:u,EventProps:L,EventContentComponent:S,EventContentProps:P,...R}),V&&d.jsx(V,{className:h.eventContainer,...X,children:b.map((n,s)=>d.jsx(Y,{className:h.event,isActive:s===w,timespan:n,itemType:u,EventContentComponent:S,EventContentProps:P,...L},[oe,n.start,n.end].join()))})]}):U,q&&x&&T.map(n=>d.jsxs("div",{children:[d.jsx(ue.Typography,{variant:"caption",style:{marginTop:40,marginBottom:10,display:"block"},noWrap:!0,children:n.label\|\|n.key}),d.jsx(x,{classes:h,events:n.data,active:w,itemType:u,EventProps:L,EventContentComponent:S,EventContentProps:P,...R})]},n.key))]})}I.propTypes={classes:e.objectOf(e.string),className:e.string,itemType:pe.ItemType.isRequired,matchHighlights:e.bool,eventFilter:e.func,noEventsText:e.string,EventContainerComponent:e.oneOfType([e.elementType,e.oneOf([!1])]),EventContainerProps:e.objectOf(e.any),EventComponent:e.oneOfType([e.elementType,e.oneOf([!1])]),EventProps:e.objectOf(e.any),EventContentComponent:e.oneOfType([e.elementType,e.oneOf([!1])]),EventContentProps:e.objectOf(e.any),EventMarkerThumbnailComponent:e.oneOfType([e.elementType,e.oneOf([!1])]),EventMarkerThumbnailProps:e.objectOf(e.any),EventMarkerTimelineComponent:e.oneOfType([e.elementType,e.oneOf([!1])]),EventMarkerTimelineProps:e.objectOf(e.any),EventMarkerComponent:e.oneOfType([e.elementType,e.oneOf([!1])]),EventMarkerProps:e.objectOf(e.any),EventListComponent:e.oneOfType([e.elementType,e.oneOf([!1])]),EventListProps:e.objectOf(e.any),GroupedTimeline:e.bool,GroupConfig:e.arrayOf(e.any),FieldLabelMap:e.arrayOf(e.any),itemSearchDocument:e.objectOf(e.any)};I.defaultProps={className:void 0,classes:{},matchHighlights:!0,eventFilter:()=>!0,noEventsText:null,EventContainerComponent:he.default,EventContainerProps:{},EventComponent:me.default,EventProps:{},EventContentComponent:null,EventContentProps:{},EventMarkerThumbnailComponent:Te.default,EventMarkerThumbnailProps:{},EventMarkerTimelineComponent:ye.default,EventMarkerTimelineProps:{},EventMarkerComponent:ge.default,EventMarkerProps:{},EventListComponent:!1,EventListProps:{},GroupedTimeline:!1,GroupConfig:[],FieldLabelMap:[],itemSearchDocument:{}};exports.default=I;exports.styles=Ee;

package/dist/cjs/fieldgroup/FieldGroupDesigner.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("react"),Ae=require("react-beautiful-dnd"),i=require("@material-ui/core"),Ge=require("@material-ui/icons"),N=require("@material-ui/lab"),F=require("@vidispine/vdt-api"),Le=require("./Editor.js"),$e=require("./MyFieldList.js"),{vFetch:Be,isRequired:Q}=F.utils;function Z({groupName:r=Q(),orderedFieldIds:s=Q(),...b}){const d=`/API/metadata-field/field-group/${r}/metadata/order`;return Be({path:d,method:"PUT",headers:{contentType:"text/plain",accept:"text/plain"},body:s.join(","),...b})}const X=N.createFilterOptions();function We(){return([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,r=>(r^crypto.getRandomValues(new Uint8Array(1))[0]&15>>r/4).toString(16))}const Oe={data:{display:"flex",width:"100%"},margin:{margin:20},button:{width:"100%"},addNewField:{float:"right"},title:{"&:hover":{cursor:"pointer"}}},u="MY_FIELDS",qe={[u]:[]};function Ne({classes:r,groupName:s,groups:b,metadataFieldGroupType:d={},onSuccess:x,onError:f,onChangeGroup:ee,isLoading:te}){const[c,j]=o.useState(qe),[g,v]=o.useState(),[ie,y]=o.useState(!1),[E,S]=o.useState(),[M,k]=o.useState(null),[ne,le]=o.useState([]),[oe,se]=o.useState([]),[de,U]=o.useState(!1),[ae,_]=o.useState(!1),[re,P]=o.useState(!1),[ce,V]=o.useState(!1),[ue,T]=o.useState(!1),[he,R]=o.useState(!1),Y=()=>{P(!0)},A=()=>{P(!1)},fe=()=>{R(!0)},G=()=>{R(!1)},xe=()=>{U(!0)},L=()=>{U(!1)},ge=()=>{_(!0)},$=()=>{_(!1)},pe=()=>{V(!0)},B=()=>{V(!1)},me=()=>{T(!0)},W=()=>{T(!1)},De=e=>{S(e.target.value)};o.useEffect(()=>{if(!s)return;const{field:e=[]}=d;if(d){if(typeof d.data>"u")S(s);else{const n=d.data.findIndex(l=>l.key==="label");n>-1&&S(d.data[n].value)}if(d.data){const n=d.data.find(l=>l.key==="order");if(n){const l=n.value.split(",");e.sort((a,h)=>l.indexOf(a.name)-l.indexOf(h.name))}}d.group&&se(d.group),e&&j({[u]:e})}},[s,d]);const w=()=>{s&&F.fieldgroup.updateFieldGroup({groupName:s,metadataFieldGroupDocument:{...d,field:[...c[u]],data:[{key:"label",value:E}]}}).then(e=>{e.ok&&x&&x({message:`${s} has been saved`})}).catch(e=>{if(f)f({error:e,message:`Error saving ${s}`});else throw new Error(e)})};o.useEffect(()=>{ie&&w()},[c]);const je=()=>{const e={data:[{key:"displayType",value:"text"},{key:"label",value:""}],type:"string",values:{field:[]}},n=[...c[u]],l={...c},[a]=We().split("-"),[h]=s.split("_"),[p]=[`${h}_meta${a}`],D={...e,name:p};n.splice(0,0,D),l[u]=n,j(l),v(p),Y()},Ce=e=>{if(!d\|\|!e)return!0;const{name:n}=e,{field:l=[]}=d;return l.findIndex(({name:h})=>h===n)===-1},Fe=({source:e,destination:n})=>{if(!n)return;const{droppableId:l,index:a}=e,{droppableId:h,index:p}=n,D=[...c[h]],C={...c};if(l===h){const[m]=D.splice(a,1);D.splice(p,0,m),C[h]=D}j(C);const q=C[u].map(m=>m.name);Z({groupName:s,orderedFieldIds:q}).then(m=>{m.ok&&x&&x({message:`${s} has been saved`})}).catch(m=>{if(f)f({message:`Error saving ${s}`,error:m});else throw new Error(m)})},we=e=>(n,l)=>{const{name:a}=n,{name:h}=l,p=[...c[e]],D=p.findIndex(({name:q})=>q===a);p.splice(D,1,l);const C={...c};C[e]=p,j(C),y(!0),v(h)},z=c[u],[K,Ie]=o.useState({});o.useEffect(()=>{Ie(z.find(({name:e})=>e===g))},[g]);const O=()=>{const e=[...c[u]],n=e.findIndex(a=>a.name===g);e.splice(n,1);const l={...c};l[u]=e,d&&F.fieldgroup.removeFieldGroupField({groupName:s,fieldName:g}).then(a=>{a.ok&&x&&x({message:`${g} has been deleted`})}).catch(a=>{if(f)f({message:`Error deleting ${g}`,error:a});else throw new Error(a)}),j(l),y(!0)},be=()=>{F.metadatafield.listMetadataField().then(e=>{le(e.data.field)})};function ve(){const e=[...c[u]],n={...c};e.splice(0,0,M),n[u]=e,j(n),y(!0)}const[I,ye]=o.useState("");function H(e){ye(e)}const[Ee,J]=o.useState(null),Se=()=>{try{F.fieldgroup.updateFieldGroupChild({groupName:s,childGroupName:I}).then(e=>{e.ok&&x&&x({message:`${I} has been added to ${s}`})}).catch(e=>{if(f)f({message:`Error adding ${I}to ${s}`,error:e});else throw new Error(e)})}catch(e){if(f)f({message:`Error adding ${I}to ${s}`,error:e});else throw new Error(e)}},ke=e=>{e.stopPropagation(),xe()};return t.jsxs(t.Fragment,{children:[!te&&t.jsxs(i.Grid,{container:!0,spacing:2,children:[t.jsx(i.Grid,{item:!0,xs:8,children:t.jsxs(i.Typography,{variant:"h5",className:r.title,children:[`Field-group: ${E}`,t.jsx(i.IconButton,{"aria-label":"edit label",onClick:ke,children:t.jsx(Ge.Edit,{fontSize:"small"})})]})}),t.jsxs(i.Grid,{item:!0,xs:4,children:[t.jsx(i.Button,{variant:"contained",color:"default",style:{marginLeft:"10px"},className:r.addNewField,onClick:me,children:"Child groups"}),t.jsx(i.Button,{variant:"contained",color:"primary",onClick:je,style:{marginLeft:"10px"},className:r.addNewField,children:"Add new field"}),t.jsx(i.Button,{variant:"outlined",color:"default",onClick:()=>{ge(),be()},className:r.addNewField,children:"Add existing field"})]})]}),t.jsx(Ae.DragDropContext,{onDragEnd:Fe,children:t.jsx(i.Grid,{container:!0,spacing:2,children:t.jsx("div",{className:r.data,children:t.jsx(i.Grid,{item:!0,xs:12,className:r.margin,children:t.jsx($e.default,{items:z,setSelectedItem:v,selectedItem:g,droppableId:u,openEditor:Y,closeEditor:A,onDelete:O,onUpdateGroup:w,openDeleteDialog:pe})})})})}),t.jsx(i.Dialog,{onClose:A,open:re,maxWidth:"md",fullWidth:!0,children:t.jsx(Le.default,{item:K,isNewItem:Ce(K),onClose:A,onEdit:we(u),onDelete:O,onUpdateGroup:w})}),t.jsxs(i.Dialog,{onClose:L,open:de,maxWidth:"sm",fullWidth:!0,children:[t.jsx(i.DialogTitle,{children:"Edit group label"}),t.jsx(i.DialogContent,{children:t.jsx(i.TextField,{name:"label",label:"Label",value:E,onChange:De,fullWidth:!0})}),t.jsxs(i.DialogActions,{children:[t.jsx(i.Button,{onClick:L,color:"primary",children:"Cancel"}),t.jsx(i.Button,{onClick:()=>{w(),L()},color:"primary",autoFocus:!0,children:"Save"})]})]}),t.jsxs(i.Dialog,{onClose:$,open:ae,maxWidth:"sm",fullWidth:!0,children:[t.jsx(i.DialogTitle,{children:"Choose existing field to add"}),t.jsx(i.DialogContent,{children:t.jsx(N.Autocomplete,{options:ne,value:M,onChange:(e,n)=>{if(n&&n.inputValue){k({name:n.inputValue});return}k(n)},filterOptions:(e,n)=>X(e,n),getOptionLabel:e=>typeof e=="string"?e:e.inputValue?(k(e),e.inputValue):e.name,renderOption:e=>e.name,renderInput:e=>t.jsx(i.TextField,{...e,label:"Select field",variant:"outlined"})})}),t.jsxs(i.DialogActions,{children:[t.jsx(i.Button,{onClick:$,color:"primary",children:"Cancel"}),t.jsx(i.Button,{onClick:()=>{$(),ve()},color:"primary",autoFocus:!0,children:"Add"})]})]}),t.jsxs(i.Dialog,{open:ce,onClose:B,maxWidth:"sm",fullWidth:!0,children:[t.jsx(i.DialogTitle,{children:"Delete Field?"}),t.jsx(i.DialogContent,{children:t.jsx(i.DialogContentText,{children:`Are you sure that you want to delete ${g}`})}),t.jsxs(i.DialogActions,{children:[t.jsx(i.Button,{onClick:B,color:"primary",children:"Cancel"}),t.jsx(i.Button,{variant:"contained",onClick:()=>{B(),O()},color:"secondary",children:"Delete"})]})]}),t.jsxs(i.Dialog,{onClose:W,open:ue,maxWidth:"sm",fullWidth:!0,children:[t.jsx(i.DialogContent,{children:t.jsxs(i.Grid,{container:!0,spacing:2,children:[t.jsx(i.Grid,{item:!0,xs:8,children:t.jsx(i.Typography,{variant:"h5",className:r.title,children:"Child groups"})}),t.jsx(i.Grid,{item:!0,xs:4,children:t.jsx(i.Button,{variant:"contained",color:"primary",style:{marginLeft:"10px"},className:r.addNewField,onClick:fe,children:"Add Child Group"})}),t.jsx(i.Grid,{item:!0,xs:12,children:t.jsx(i.List,{children:oe.map(({name:e})=>t.jsx(i.ListItem,{button:!0,onClick:()=>{ee(e),W()},children:t.jsx(i.ListItemText,{primary:e})},e))})})]})}),t.jsx(i.DialogActions,{children:t.jsx(i.Button,{onClick:W,color:"primary",children:"Close"})})]}),t.jsxs(i.Dialog,{onClose:G,open:he,maxWidth:"sm",fullWidth:!0,children:[t.jsx(i.DialogTitle,{children:"Choose child group to add"}),t.jsx(i.DialogContent,{children:t.jsx(N.Autocomplete,{options:b,value:Ee,onChange:(e,n)=>{if(n&&n.inputValue){J({name:n.inputValue});return}J(n),n&&H(n.name)},filterOptions:(e,n)=>X(e,n),getOptionLabel:e=>typeof e=="string"?e:e.inputValue?(H(e.inputValue),e.inputValue):e.name,renderOption:e=>e.name,renderInput:e=>t.jsx(i.TextField,{...e,label:"Select group",variant:"outlined"})})}),t.jsxs(i.DialogActions,{children:[t.jsx(i.Button,{onClick:G,color:"primary",children:"Cancel"}),t.jsx(i.Button,{onClick:()=>{G(),Se()},color:"primary",autoFocus:!0,children:"Add"})]})]})]})}const Me=i.withStyles(Oe,{name:"VdtFieldGroupDesigner"})(Ne);exports.default=Me;exports.updateGroupFieldOrder=Z;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("react"),Ae=require("react-beautiful-dnd"),i=require("@material-ui/core"),Ge=require("@material-ui/icons"),N=require("@material-ui/lab"),F=require("@vidispine/vdt-api"),Le=require("./Editor.js"),$e=require("./MyFieldList.js"),{vFetch:Be,isRequired:Q}=F.utils;function Z({groupName:r=Q(),orderedFieldIds:s=Q(),...b}){const d=`/API/metadata-field/field-group/${r}/metadata/order`;return Be({path:d,method:"PUT",headers:{contentType:"text/plain",accept:"text/plain"},body:s.join(","),...b})}const X=N.createFilterOptions();function We(){return([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,r=>(r^crypto.getRandomValues(new Uint8Array(1))[0]&15>>r/4).toString(16))}const Oe={data:{display:"flex",width:"100%"},margin:{margin:20},button:{width:"100%"},addNewField:{float:"right"},title:{"&:hover":{cursor:"pointer"}}},u="MY_FIELDS",qe={[u]:[]};function Ne({classes:r,groupName:s,groups:b,metadataFieldGroupType:d={},onSuccess:x,onError:f,onChangeGroup:ee,isLoading:te}){const[c,j]=o.useState(qe),[g,v]=o.useState(),[ie,y]=o.useState(!1),[E,S]=o.useState(),[M,k]=o.useState(null),[ne,le]=o.useState([]),[oe,se]=o.useState([]),[de,U]=o.useState(!1),[ae,_]=o.useState(!1),[re,P]=o.useState(!1),[ce,V]=o.useState(!1),[ue,R]=o.useState(!1),[he,T]=o.useState(!1),Y=()=>{P(!0)},A=()=>{P(!1)},fe=()=>{T(!0)},G=()=>{T(!1)},xe=()=>{U(!0)},L=()=>{U(!1)},ge=()=>{_(!0)},$=()=>{_(!1)},pe=()=>{V(!0)},B=()=>{V(!1)},me=()=>{R(!0)},W=()=>{R(!1)},De=e=>{S(e.target.value)};o.useEffect(()=>{if(!s)return;const{field:e=[]}=d;if(d){if(typeof d.data>"u")S(s);else{const n=d.data.findIndex(l=>l.key==="label");n>-1&&S(d.data[n].value)}if(d.data){const n=d.data.find(l=>l.key==="order");if(n){const l=n.value.split(",");e.sort((a,h)=>l.indexOf(a.name)-l.indexOf(h.name))}}d.group&&se(d.group),e&&j({[u]:e})}},[s,d]);const w=()=>{s&&F.fieldgroup.updateFieldGroup({groupName:s,metadataFieldGroupDocument:{...d,field:[...c[u]],data:[{key:"label",value:E}]}}).then(e=>{e.ok&&x&&x({message:`${s} has been saved`})}).catch(e=>{if(f)f({error:e,message:`Error saving ${s}`});else throw new Error(e)})};o.useEffect(()=>{ie&&w()},[c]);const je=()=>{const e={data:[{key:"displayType",value:"text"},{key:"label",value:""}],type:"string",values:{field:[]}},n=[...c[u]],l={...c},[a]=We().split("-"),[h]=s.split("_"),[p]=[`${h}_meta${a}`],D={...e,name:p};n.splice(0,0,D),l[u]=n,j(l),v(p),Y()},Ce=e=>{if(!d\|\|!e)return!0;const{name:n}=e,{field:l=[]}=d;return l.findIndex(({name:h})=>h===n)===-1},Fe=({source:e,destination:n})=>{if(!n)return;const{droppableId:l,index:a}=e,{droppableId:h,index:p}=n,D=[...c[h]],C={...c};if(l===h){const[m]=D.splice(a,1);D.splice(p,0,m),C[h]=D}j(C);const q=C[u].map(m=>m.name);Z({groupName:s,orderedFieldIds:q}).then(m=>{m.ok&&x&&x({message:`${s} has been saved`})}).catch(m=>{if(f)f({message:`Error saving ${s}`,error:m});else throw new Error(m)})},we=e=>(n,l)=>{const{name:a}=n,{name:h}=l,p=[...c[e]],D=p.findIndex(({name:q})=>q===a);p.splice(D,1,l);const C={...c};C[e]=p,j(C),y(!0),v(h)},z=c[u],[K,Ie]=o.useState({});o.useEffect(()=>{Ie(z.find(({name:e})=>e===g))},[g]);const O=()=>{const e=[...c[u]],n=e.findIndex(a=>a.name===g);e.splice(n,1);const l={...c};l[u]=e,d&&F.fieldgroup.removeFieldGroupField({groupName:s,fieldName:g}).then(a=>{a.ok&&x&&x({message:`${g} has been deleted`})}).catch(a=>{if(f)f({message:`Error deleting ${g}`,error:a});else throw new Error(a)}),j(l),y(!0)},be=()=>{F.metadatafield.listMetadataField().then(e=>{le(e.data.field)})};function ve(){const e=[...c[u]],n={...c};e.splice(0,0,M),n[u]=e,j(n),y(!0)}const[I,ye]=o.useState("");function H(e){ye(e)}const[Ee,J]=o.useState(null),Se=()=>{try{F.fieldgroup.updateFieldGroupChild({groupName:s,childGroupName:I}).then(e=>{e.ok&&x&&x({message:`${I} has been added to ${s}`})}).catch(e=>{if(f)f({message:`Error adding ${I}to ${s}`,error:e});else throw new Error(e)})}catch(e){if(f)f({message:`Error adding ${I}to ${s}`,error:e});else throw new Error(e)}},ke=e=>{e.stopPropagation(),xe()};return t.jsxs(t.Fragment,{children:[!te&&t.jsxs(i.Grid,{container:!0,spacing:2,children:[t.jsx(i.Grid,{item:!0,xs:8,children:t.jsxs(i.Typography,{variant:"h5",className:r.title,children:[`Field-group: ${E}`,t.jsx(i.IconButton,{"aria-label":"edit label",onClick:ke,children:t.jsx(Ge.Edit,{fontSize:"small"})})]})}),t.jsxs(i.Grid,{item:!0,xs:4,children:[t.jsx(i.Button,{variant:"contained",color:"default",style:{marginLeft:"10px"},className:r.addNewField,onClick:me,children:"Child groups"}),t.jsx(i.Button,{variant:"contained",color:"primary",onClick:je,style:{marginLeft:"10px"},className:r.addNewField,children:"Add new field"}),t.jsx(i.Button,{variant:"outlined",color:"default",onClick:()=>{ge(),be()},className:r.addNewField,children:"Add existing field"})]})]}),t.jsx(Ae.DragDropContext,{onDragEnd:Fe,children:t.jsx(i.Grid,{container:!0,spacing:2,children:t.jsx("div",{className:r.data,children:t.jsx(i.Grid,{item:!0,xs:12,className:r.margin,children:t.jsx($e.default,{items:z,setSelectedItem:v,selectedItem:g,droppableId:u,openEditor:Y,closeEditor:A,onDelete:O,onUpdateGroup:w,openDeleteDialog:pe})})})})}),t.jsx(i.Dialog,{onClose:A,open:re,maxWidth:"md",fullWidth:!0,children:t.jsx(Le.default,{item:K,isNewItem:Ce(K),onClose:A,onEdit:we(u),onDelete:O,onUpdateGroup:w})}),t.jsxs(i.Dialog,{onClose:L,open:de,maxWidth:"sm",fullWidth:!0,children:[t.jsx(i.DialogTitle,{children:"Edit group label"}),t.jsx(i.DialogContent,{children:t.jsx(i.TextField,{name:"label",label:"Label",value:E,onChange:De,fullWidth:!0})}),t.jsxs(i.DialogActions,{children:[t.jsx(i.Button,{onClick:L,color:"primary",children:"Cancel"}),t.jsx(i.Button,{onClick:()=>{w(),L()},color:"primary",autoFocus:!0,children:"Save"})]})]}),t.jsxs(i.Dialog,{onClose:$,open:ae,maxWidth:"sm",fullWidth:!0,children:[t.jsx(i.DialogTitle,{children:"Choose existing field to add"}),t.jsx(i.DialogContent,{children:t.jsx(N.Autocomplete,{options:ne,value:M,onChange:(e,n)=>{if(n&&n.inputValue){k({name:n.inputValue});return}k(n)},filterOptions:(e,n)=>X(e,n),getOptionLabel:e=>typeof e=="string"?e:e.inputValue?(k(e),e.inputValue):e.name,renderOption:e=>e.name,renderInput:e=>t.jsx(i.TextField,{...e,label:"Select field",variant:"outlined"})})}),t.jsxs(i.DialogActions,{children:[t.jsx(i.Button,{onClick:$,color:"primary",children:"Cancel"}),t.jsx(i.Button,{onClick:()=>{$(),ve()},color:"primary",autoFocus:!0,children:"Add"})]})]}),t.jsxs(i.Dialog,{open:ce,onClose:B,maxWidth:"sm",fullWidth:!0,children:[t.jsx(i.DialogTitle,{children:"Delete Field?"}),t.jsx(i.DialogContent,{children:t.jsx(i.DialogContentText,{children:`Are you sure that you want to delete ${g}`})}),t.jsxs(i.DialogActions,{children:[t.jsx(i.Button,{onClick:B,color:"primary",children:"Cancel"}),t.jsx(i.Button,{variant:"contained",onClick:()=>{B(),O()},color:"secondary",children:"Delete"})]})]}),t.jsxs(i.Dialog,{onClose:W,open:ue,maxWidth:"sm",fullWidth:!0,children:[t.jsx(i.DialogContent,{children:t.jsxs(i.Grid,{container:!0,spacing:2,children:[t.jsx(i.Grid,{item:!0,xs:8,children:t.jsx(i.Typography,{variant:"h5",className:r.title,children:"Child groups"})}),t.jsx(i.Grid,{item:!0,xs:4,children:t.jsx(i.Button,{variant:"contained",color:"primary",style:{marginLeft:"10px"},className:r.addNewField,onClick:fe,children:"Add Child Group"})}),t.jsx(i.Grid,{item:!0,xs:12,children:t.jsx(i.List,{children:oe.map(({name:e})=>t.jsx(i.ListItem,{button:!0,onClick:()=>{ee(e),W()},children:t.jsx(i.ListItemText,{primary:e})},e))})})]})}),t.jsx(i.DialogActions,{children:t.jsx(i.Button,{onClick:W,color:"primary",children:"Close"})})]}),t.jsxs(i.Dialog,{onClose:G,open:he,maxWidth:"sm",fullWidth:!0,children:[t.jsx(i.DialogTitle,{children:"Choose child group to add"}),t.jsx(i.DialogContent,{children:t.jsx(N.Autocomplete,{options:b,value:Ee,onChange:(e,n)=>{if(n&&n.inputValue){J({name:n.inputValue});return}J(n),n&&H(n.name)},filterOptions:(e,n)=>X(e,n),getOptionLabel:e=>typeof e=="string"?e:e.inputValue?(H(e.inputValue),e.inputValue):e.name,renderOption:e=>e.name,renderInput:e=>t.jsx(i.TextField,{...e,label:"Select group",variant:"outlined"})})}),t.jsxs(i.DialogActions,{children:[t.jsx(i.Button,{onClick:G,color:"primary",children:"Cancel"}),t.jsx(i.Button,{onClick:()=>{G(),Se()},color:"primary",autoFocus:!0,children:"Add"})]})]})]})}const Me=i.withStyles(Oe,{name:"VdtFieldGroupDesigner"})(Ne);exports.default=Me;exports.updateGroupFieldOrder=Z;

package/dist/cjs/fields/AutocompleteConstraintField.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("react/jsx-runtime"),s=require("react"),q=require("@material-ui/core"),R=require("@vidispine/vdt-api"),S=require("./AutocompleteField.js"),w=async({name:a,parentField:e,parentValue:o})=>{if(e&&!o)return Promise.resolve([]);const t={constraint:o?[{field:e,value:o}]:[]},{data:{value:r=[]}={}}=await R.metadatafield.getMetadataFieldAllowedValues({fieldName:a,metadataFieldValueConstraintListDocument:t});return r.map(({value:n})=>n)},A=s.forwardRef(({options:a=[],getOptionsAsync:e=w,parentField:o,parentValue:t,constraint:r,input:n,...d},f)=>{const{name:c}=n,[m,i]=s.useState(!!e),[v,C]=s.useState(a),u=s.useRef(t),l=s.useRef(n.onChange);return s.useEffect(()=>{e&&(i(!0),e({name:c,parentField:o,parentValue:t,constraint:r}).then(g=>{i(!1),C(g)}).catch(()=>i(!1)),u.current!==t&&(l.current&&l.current(""),u.current=t))},[e,c,o,t,r]),h.jsx(S.default,{ref:f,input:n,options:v,loading:m,...d})}),F=q.withStyles({},{name:"VdtAutocompleteConstraintField"})(A);exports.default=F;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),s=require("react"),h=require("@material-ui/core"),q=require("@vidispine/vdt-api"),S=require("./AutocompleteField.js"),w=async({name:i,parentField:e,parentValue:o})=>{if(e&&!o)return Promise.resolve([]);const t={constraint:o?[{field:e,value:o}]:[]},{data:{value:a=[]}={}}=await q.metadatafield.getMetadataFieldAllowedValues({fieldName:i,metadataFieldValueConstraintListDocument:t});return a.map(({value:n})=>n)},A=s.forwardRef(({options:i=[],getOptionsAsync:e=w,parentField:o,parentValue:t,constraint:a,input:n,...d},f)=>{const{name:c}=n,[m,r]=s.useState(!!e),[v,C]=s.useState(i),u=s.useRef(t),l=s.useRef(n.onChange);return s.useEffect(()=>{e&&(r(!0),e({name:c,parentField:o,parentValue:t,constraint:a}).then(R=>{r(!1),C(R)}).catch(()=>r(!1)),u.current!==t&&(l.current&&l.current(""),u.current=t))},[e,c,o,t,a]),g.jsx(S.default,{ref:f,input:n,options:v,loading:m,...d})}),F=h.withStyles({},{name:"VdtAutocompleteConstraintField"})(A);exports.default=F;

package/dist/cjs/fields/CheckboxGroupField.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),C=require("react"),d=require("clsx"),c=require("@material-ui/core"),O=e=>({root:{marginTop:e.spacing(2),width:"100%"}});function $({label:e,...u}){return t.jsx(c.FormLabel,{component:"legend",...u,children:e})}function w({input:{value:e,name:u,onChange:m,...F}={},meta:{touched:G,error:f,submitError:k}={},options:a=[],label:g,classes:l,className:j,selectAllValue:x,FormControlProps:L={},FormLabelComponent:N=$,FormLabelProps:T={},FormGroupProps:V={},FormControlLabelProps:q={},CheckboxProps:R={},FormHelperTextProps:S={},FormControlLabelComponent:y=c.FormControlLabel}){const[h,b]=C.useState([]),H=r=>{const{value:o}=r.target,i=!e.includes(o),p=n=>x?o===x?i?a.map(s=>s.value):[]:i?[...n,o]:n.filter(s=>![x,o].includes(s)):i?[...n,o]:n.filter(s=>o!==s);m(p(h)),b(n=>p(n))};return C.useEffect(()=>{(!e\|\|!e.length)&&h.length>0?(m([]),b(()=>[])):e&&b(()=>e)},[h.length,e]),t.jsxs(c.FormControl,{component:"fieldset",error:(f\|\|k)&&G,className:d(l.root,"VdtCheckboxGroupField-root",j),...L,children:[t.jsx(N,{className:d(l.formLabel,"VdtCheckboxGroupField-formLabel"),label:g,options:a,onChange:m,...T}),t.jsx(c.FormGroup,{name:u,onChange:H,className:d(l.formGroup,"VdtCheckboxGroupField-formGroup"),...V,children:a.map(({value:r,label:o,...i})=>t.jsx(y,{label:o,control:t.jsx(c.Checkbox,{name:r,value:r,inputProps:F,checked:h.includes(r),className:d(l.checkbox,"VdtCheckboxGroupField-checkbox"),...R}),className:d(l.formControlLabel,"VdtCheckboxGroupField-formControlLabel"),...q,...i},`${u}-${r}`))}),t.jsx(c.FormHelperText,{className:d(l.formHelperText,"VdtCheckboxGroupField-formHelperText"),...S,children:f\|\|k})]})}const M=c.withStyles(O,{name:"VdtCheckboxGroupField"})(w);exports.default=M;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),C=require("react"),d=require("clsx"),c=require("@material-ui/core"),O=e=>({root:{marginTop:e.spacing(2),width:"100%"}});function $({label:e,...u}){return t.jsx(c.FormLabel,{component:"legend",...u,children:e})}function w({input:{value:e,name:u,onChange:m,...F}={},meta:{touched:G,error:f,submitError:k}={},options:a=[],label:g,classes:l,className:j,selectAllValue:x,FormControlProps:L={},FormLabelComponent:N=$,FormLabelProps:R={},FormGroupProps:T={},FormControlLabelProps:V={},CheckboxProps:q={},FormHelperTextProps:S={},FormControlLabelComponent:y=c.FormControlLabel}){const[h,b]=C.useState([]),H=r=>{const{value:o}=r.target,i=!e.includes(o),p=n=>x?o===x?i?a.map(s=>s.value):[]:i?[...n,o]:n.filter(s=>![x,o].includes(s)):i?[...n,o]:n.filter(s=>o!==s);m(p(h)),b(n=>p(n))};return C.useEffect(()=>{(!e\|\|!e.length)&&h.length>0?(m([]),b(()=>[])):e&&b(()=>e)},[h.length,e]),t.jsxs(c.FormControl,{component:"fieldset",error:(f\|\|k)&&G,className:d(l.root,"VdtCheckboxGroupField-root",j),...L,children:[t.jsx(N,{className:d(l.formLabel,"VdtCheckboxGroupField-formLabel"),label:g,options:a,onChange:m,...R}),t.jsx(c.FormGroup,{name:u,onChange:H,className:d(l.formGroup,"VdtCheckboxGroupField-formGroup"),...T,children:a.map(({value:r,label:o,...i})=>t.jsx(y,{label:o,control:t.jsx(c.Checkbox,{name:r,value:r,inputProps:F,checked:h.includes(r),className:d(l.checkbox,"VdtCheckboxGroupField-checkbox"),...q}),className:d(l.formControlLabel,"VdtCheckboxGroupField-formControlLabel"),...V,...i},`${u}-${r}`))}),t.jsx(c.FormHelperText,{className:d(l.formHelperText,"VdtCheckboxGroupField-formHelperText"),...S,children:f\|\|k})]})}const M=c.withStyles(O,{name:"VdtCheckboxGroupField"})(w);exports.default=M;

package/dist/cjs/fields/SliderField.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),h=require("react"),d=require("clsx"),r=require("@material-ui/core"),W=o=>({root:{marginTop:o.spacing(2),width:"100%"},sliderWithoutThumb:{"& .MuiSlider-thumb":{visibility:"hidden"}}});function _({input:{value:o,name:p,onChange:x}={},meta:{touched:S,error:u,submitError:a}={},options:s=[],label:v,min:F,max:N,isRange:g,step:M=null,showMarks:m=!0,classes:l,className:f,FormControlProps:T={},FormLabelProps:j={},FormHelperTextProps:V={},exclude:D,disabled:y,...q}){const t=h.useMemo(()=>s.filter(e=>!Number.isNaN(e.value)).map(e=>({value:Number(e.value),label:m?e.label:void 0})),[m,s]),[L,H]=h.useMemo(()=>{const e=t.map(i=>i.value).sort((i,O)=>i-O);return[e[0],e[e.length-1]]},[t]),c=Number(F)\|\|L,b=Number(N)\|\|H,C=g?[c,b]:null;return n.jsxs(r.FormControl,{error:(u\|\|a)&&S,className:d(l.root,"VdtSliderField-root",f),...T,children:[n.jsx(r.FormLabel,{component:"legend",className:d(l.FormLabel,"VdtSliderField-formLabel"),...j,children:v}),n.jsx(r.Slider,{name:p,value:o\|\|C,min:c,max:b,marks:t,step:M,disabled:y\|\|!t.length,valueLabelDisplay:t.length>0?"auto":void 0,onChange:(e,i)=>x(i),className:d({[l.slider]:!0,"VdtSliderField-slider":!0,[l.sliderWithoutThumb]:!o}),...q}),n.jsx(r.FormHelperText,{className:d(l.formHelperText,"VdtSliderField-formHelperText"),...V,children:u\|\|a})]})}const w=r.withStyles(W,{name:"VdtSliderField"})(_);exports.default=w;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),h=require("react"),d=require("clsx"),r=require("@material-ui/core"),R=o=>({root:{marginTop:o.spacing(2),width:"100%"},sliderWithoutThumb:{"& .MuiSlider-thumb":{visibility:"hidden"}}});function W({input:{value:o,name:p,onChange:x}={},meta:{touched:S,error:u,submitError:a}={},options:s=[],label:v,min:F,max:N,isRange:g,step:M=null,showMarks:m=!0,classes:l,className:f,FormControlProps:T={},FormLabelProps:j={},FormHelperTextProps:V={},exclude:w,disabled:y,...q}){const t=h.useMemo(()=>s.filter(e=>!Number.isNaN(e.value)).map(e=>({value:Number(e.value),label:m?e.label:void 0})),[m,s]),[L,H]=h.useMemo(()=>{const e=t.map(i=>i.value).sort((i,O)=>i-O);return[e[0],e[e.length-1]]},[t]),c=Number(F)\|\|L,b=Number(N)\|\|H,C=g?[c,b]:null;return n.jsxs(r.FormControl,{error:(u\|\|a)&&S,className:d(l.root,"VdtSliderField-root",f),...T,children:[n.jsx(r.FormLabel,{component:"legend",className:d(l.FormLabel,"VdtSliderField-formLabel"),...j,children:v}),n.jsx(r.Slider,{name:p,value:o\|\|C,min:c,max:b,marks:t,step:M,disabled:y\|\|!t.length,valueLabelDisplay:t.length>0?"auto":void 0,onChange:(e,i)=>x(i),className:d({[l.slider]:!0,"VdtSliderField-slider":!0,[l.sliderWithoutThumb]:!o}),...q}),n.jsx(r.FormHelperText,{className:d(l.formHelperText,"VdtSliderField-formHelperText"),...V,children:u\|\|a})]})}const _=r.withStyles(R,{name:"VdtSliderField"})(W);exports.default=_;

package/dist/cjs/fields/TagField.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),b=require("react"),g=require("clsx"),f=require("@material-ui/core"),w=require("@material-ui/lab"),M=e=>({root:{marginTop:e.spacing(1),width:"100%"}});function _({input:{value:e,name:u,onChange:a}={},meta:{touched:s,error:p,submitError:m}={},options:S=[],label:y,classes:o,className:x,FormControlProps:V={},TextFieldProps:j={},InputLabelProps:q={},FormHelperTextProps:A={},AutocompleteProps:h={},...N}){const{freeSolo:F,multiple:d}=h,T=d?[]:null,[r,i]=b.useState(T),O=(t,n)=>{d?F?(i(n.map(l=>l.value?l:{value:l,label:l})),a(n.map(l=>l.value?l.value:l))):(i(n),a(n.map(l=>l.value))):(i(n),a(n.value))};return b.useEffect(()=>{if(d)(!e\|\|!e.length)&&r.length>0?i(()=>T):Array.isArray(e)&&e&&e.length>0&&r.length===0&&s===!1?i(()=>e.map(t=>({value:t,label:t}))):!Array.isArray(e)&&e&&e.length>0&&r.length===0&&s===!1&&i(()=>[{value:e,label:e}]);else if(!e&&r)i(()=>T),a([]);else if(e&&e.length&&!r){const t=e.length?e[0]:e;i(()=>({value:t,label:t}))}},[r,e]),c.jsxs(f.FormControl,{component:"fieldset",className:g(o.root,"VdtTagField-root",x),error:(p\|\|m)&&s,...V,children:[c.jsx(w.Autocomplete,{className:g(o.root,"VdtTagField-root",x),id:u,value:r,options:S,getOptionLabel:t=>t.label\|\|t.value\|\|"",getOptionSelected:(t,n)=>t.value===n.value,onChange:O,disableClearable:!0,freeSolo:F,multiple:d,renderInput:t=>c.jsx(f.TextField,{label:y,className:g(o.text,"VdtTagField-text"),error:(p\|\|m)&&s,InputLabelProps:q,...t,...j}),...h,...N}),c.jsx(f.FormHelperText,{className:g(o.helperText,"VdtTagField-helperText"),...A,children:p\|\|m})]})}const C=f.withStyles(M,{name:"VdtTagField"})(_);exports.default=C;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),b=require("react"),g=require("clsx"),f=require("@material-ui/core"),w=require("@material-ui/lab"),M=e=>({root:{marginTop:e.spacing(1),width:"100%"}});function R({input:{value:e,name:u,onChange:a}={},meta:{touched:s,error:p,submitError:m}={},options:S=[],label:y,classes:o,className:x,FormControlProps:V={},TextFieldProps:j={},InputLabelProps:q={},FormHelperTextProps:A={},AutocompleteProps:h={},...N}){const{freeSolo:F,multiple:d}=h,T=d?[]:null,[r,i]=b.useState(T),O=(t,n)=>{d?F?(i(n.map(l=>l.value?l:{value:l,label:l})),a(n.map(l=>l.value?l.value:l))):(i(n),a(n.map(l=>l.value))):(i(n),a(n.value))};return b.useEffect(()=>{if(d)(!e\|\|!e.length)&&r.length>0?i(()=>T):Array.isArray(e)&&e&&e.length>0&&r.length===0&&s===!1?i(()=>e.map(t=>({value:t,label:t}))):!Array.isArray(e)&&e&&e.length>0&&r.length===0&&s===!1&&i(()=>[{value:e,label:e}]);else if(!e&&r)i(()=>T),a([]);else if(e&&e.length&&!r){const t=e.length?e[0]:e;i(()=>({value:t,label:t}))}},[r,e]),c.jsxs(f.FormControl,{component:"fieldset",className:g(o.root,"VdtTagField-root",x),error:(p\|\|m)&&s,...V,children:[c.jsx(w.Autocomplete,{className:g(o.root,"VdtTagField-root",x),id:u,value:r,options:S,getOptionLabel:t=>t.label\|\|t.value\|\|"",getOptionSelected:(t,n)=>t.value===n.value,onChange:O,disableClearable:!0,freeSolo:F,multiple:d,renderInput:t=>c.jsx(f.TextField,{label:y,className:g(o.text,"VdtTagField-text"),error:(p\|\|m)&&s,InputLabelProps:q,...t,...j}),...h,...N}),c.jsx(f.FormHelperText,{className:g(o.helperText,"VdtTagField-helperText"),...A,children:p\|\|m})]})}const _=f.withStyles(M,{name:"VdtTagField"})(R);exports.default=_;

package/dist/cjs/filter/FilterCard.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),c=require("react"),O=require("react-final-form"),l=require("@material-ui/core"),f=require("@vidispine/vdt-js"),B=require("./FilterForm.js"),C=e=>({header:{padding:e.spacing(2),paddingBottom:"0"},form:{paddingLeft:e.spacing(2),paddingRight:e.spacing(2),paddingBottom:e.spacing(2)}}),b=e=>{const t=new Date(e);return t instanceof Date&&!Number.isNaN(t.getTime())},P=e=>typeof e=="string"\|\|e instanceof String,W=e=>typeof e=="number",N=e=>P(e)&&e.startsWith("NOW"),_=e=>e.every(b),k=e=>e.every(W),E=e=>e.every(N)\|\|e.some(N)&&e.some(b),J=e=>{let t;if(_(e))t=e.sort((r,s)=>new Date(r).getTime()-new Date(s).getTime());else if(k(e))t=e.sort((r,s)=>Number(r)-Number(s));else if(E(e))t=e.sort((r,s)=>f.parseNowDate(r).getTime()-f.parseNowDate(s).getTime());else return;return[t[0],t[t.length-1]]},L=(e,[t,r])=>({name:e,field:[{name:e,range:[{value:[{value:t},{value:r}]}]}]}),$=(e,t,r)=>({name:e,field:Array.isArray(t)?t.map(s=>({name:e,value:[{value:s}]})):[{name:e,value:[{value:t}]}],operation:r});function z(e){return(e\|\|[]).reduce((t,r)=>({[r.name]:(r.field\|\|[]).flatMap(({value:s,range:n})=>{if(s)return s[0].value;if(n)return n[0].value.map(u=>u.value)}),...t}),{})}function G({className:e,classes:t,itemListType:r={},fields:s=[],initialSearchFilter:n,isLoading:u,onChange:g,headerText:p="Filter",component:h=l.Paper,FormComponent:D=B.default,FormProps:w={},HeaderProps:j={},CardProps:v={},operation:R="OR",hideEmptyFilters:S}){const[d,T]=c.useState(!1),{facet:m}=r,q=c.useMemo(()=>z(n),[n]),x=c.useMemo(()=>f.parseFacetType(m),[m]),y=c.useCallback(V=>{const F=Object.entries(V);if(F.length===0&&!d)return;d\|\|T(!0);const M=F.filter(([,i])=>i!==null).map(([i,a])=>s.find(A=>A.value===i).isRange&&Array.isArray(a)&&a.length>=2?L(i,J(a)):$(i,a,R));g(M)},[g,d]);return u?null:o.jsxs(h,{className:e,...v,children:[p&&o.jsx(l.Box,{className:t.header,children:o.jsx(l.Typography,{variant:"button",color:"textSecondary",...j,children:p})}),o.jsx(O.Form,{className:t.form,onSubmit:y,render:D,parsedFacet:x,validate:y,fields:s,defaultValues:q,hideEmptyFilters:S,...w})]})}const H=l.withStyles(C,{name:"VdtFilterCard"})(G);exports.default=H;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),c=require("react"),O=require("react-final-form"),l=require("@material-ui/core"),f=require("@vidispine/vdt-js"),B=require("./FilterForm.js"),C=e=>({header:{padding:e.spacing(2),paddingBottom:"0"},form:{paddingLeft:e.spacing(2),paddingRight:e.spacing(2),paddingBottom:e.spacing(2)}}),b=e=>{const t=new Date(e);return t instanceof Date&&!Number.isNaN(t.getTime())},P=e=>typeof e=="string"\|\|e instanceof String,W=e=>typeof e=="number",N=e=>P(e)&&e.startsWith("NOW"),_=e=>e.every(b),k=e=>e.every(W),E=e=>e.every(N)\|\|e.some(N)&&e.some(b),J=e=>{let t;if(_(e))t=e.sort((r,s)=>new Date(r).getTime()-new Date(s).getTime());else if(k(e))t=e.sort((r,s)=>Number(r)-Number(s));else if(E(e))t=e.sort((r,s)=>f.parseNowDate(r).getTime()-f.parseNowDate(s).getTime());else return;return[t[0],t[t.length-1]]},L=(e,[t,r])=>({name:e,field:[{name:e,range:[{value:[{value:t},{value:r}]}]}]}),$=(e,t,r)=>({name:e,field:Array.isArray(t)?t.map(s=>({name:e,value:[{value:s}]})):[{name:e,value:[{value:t}]}],operation:r});function z(e){return(e\|\|[]).reduce((t,r)=>({[r.name]:(r.field\|\|[]).flatMap(({value:s,range:n})=>{if(s)return s[0].value;if(n)return n[0].value.map(u=>u.value)}),...t}),{})}function G({className:e,classes:t,itemListType:r={},fields:s=[],initialSearchFilter:n,isLoading:u,onChange:g,headerText:p="Filter",component:h=l.Paper,FormComponent:D=B.default,FormProps:w={},HeaderProps:R={},CardProps:j={},operation:v="OR",hideEmptyFilters:S}){const[d,T]=c.useState(!1),{facet:m}=r,q=c.useMemo(()=>z(n),[n]),x=c.useMemo(()=>f.parseFacetType(m),[m]),y=c.useCallback(V=>{const F=Object.entries(V);if(F.length===0&&!d)return;d\|\|T(!0);const M=F.filter(([,i])=>i!==null).map(([i,a])=>s.find(A=>A.value===i).isRange&&Array.isArray(a)&&a.length>=2?L(i,J(a)):$(i,a,v));g(M)},[g,d]);return u?null:o.jsxs(h,{className:e,...j,children:[p&&o.jsx(l.Box,{className:t.header,children:o.jsx(l.Typography,{variant:"button",color:"textSecondary",...R,children:p})}),o.jsx(O.Form,{className:t.form,onSubmit:y,render:D,parsedFacet:x,validate:y,fields:s,defaultValues:q,hideEmptyFilters:S,...w})]})}const H=l.withStyles(C,{name:"VdtFilterCard"})(G);exports.default=H;

package/dist/cjs/forms/ExpandedFormControlLabel.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),b=require("react"),r=require("clsx"),a=require("@material-ui/core"),u=t=>({root:{display:"inline-flex",alignItems:"center",cursor:"pointer",verticalAlign:"middle",WebkitTapHighlightColor:"transparent",marginLeft:-11,marginRight:11,"&$disabled":{cursor:"default"},width:"100%"},disabled:{},label:{"&$disabled":{color:t.palette.text.disabled}},labelText:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},labelCount:{marginLeft:"auto",marginRight:-11}}),C=b.forwardRef((t,f)=>{const{checked:w,classes:e,className:m,control:o,disabled:h,inputRef:T,label:d,name:j,onChange:R,value:E,...g}=t,c=a.useFormControl(),s=d?d.split(" "):[],x=s.slice(0,s.length-1).join(" "),y=s.slice(-1);let l=h;typeof l>"u"&&typeof o.props.disabled<"u"&&(l=o.props.disabled),typeof l>"u"&&c&&(l=c.disabled);const p={disabled:l};return["checked","name","onChange","value","inputRef"].forEach(n=>{typeof o.props[n]>"u"&&typeof t[n]<"u"&&(p[n]=t[n])}),i.jsxs("label",{className:r(e.root,{[e.disabled]:l},m),ref:f,...g,children:[b.cloneElement(o,p),i.jsx(a.Typography,{component:"span",className:r(e.label,e.labelText,{[e.disabled]:l}),children:x}),i.jsx(a.Typography,{component:"span",className:r(e.label,e.labelCount,{[e.disabled]:l}),children:y})]})}),v=a.withStyles(u,{name:"VdtExpandedFormControlLabel"})(C);exports.default=v;exports.styles=u;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),b=require("react"),d=require("clsx"),a=require("@material-ui/core"),u=t=>({root:{display:"inline-flex",alignItems:"center",cursor:"pointer",verticalAlign:"middle",WebkitTapHighlightColor:"transparent",marginLeft:-11,marginRight:11,"&$disabled":{cursor:"default"},width:"100%"},disabled:{},label:{"&$disabled":{color:t.palette.text.disabled}},labelText:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},labelCount:{marginLeft:"auto",marginRight:-11}}),C=b.forwardRef((t,f)=>{const{checked:w,classes:e,className:m,control:o,disabled:h,inputRef:R,label:r,name:T,onChange:j,value:E,...g}=t,c=a.useFormControl(),s=r?r.split(" "):[],x=s.slice(0,s.length-1).join(" "),y=s.slice(-1);let l=h;typeof l>"u"&&typeof o.props.disabled<"u"&&(l=o.props.disabled),typeof l>"u"&&c&&(l=c.disabled);const p={disabled:l};return["checked","name","onChange","value","inputRef"].forEach(n=>{typeof o.props[n]>"u"&&typeof t[n]<"u"&&(p[n]=t[n])}),i.jsxs("label",{className:d(e.root,{[e.disabled]:l},m),ref:f,...g,children:[b.cloneElement(o,p),i.jsx(a.Typography,{component:"span",className:d(e.label,e.labelText,{[e.disabled]:l}),children:x}),i.jsx(a.Typography,{component:"span",className:d(e.label,e.labelCount,{[e.disabled]:l}),children:y})]})}),v=a.withStyles(u,{name:"VdtExpandedFormControlLabel"})(C);exports.default=v;exports.styles=u;

package/dist/cjs/group/CreateGroupDialog/components/CreateGroupForm.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),n=require("react"),o=require("@material-ui/core"),i=require("@material-ui/lab"),_=s=>({root:{display:"flex",flexDirection:"column","& > *":{marginTop:s.spacing(1),marginBottom:s.spacing(1)}},action:{display:"flex",justifyContent:"flex-end"}});function q({classes:s,onSubmit:g,onCancel:f,submitText:j="Create",cancelText:h="Cancel",users:b,groups:c,roles:G,groupNameLabel:C="Group name",descriptionLabel:S="Description",usersLabel:v="Add users",rolesLabel:F="Add roles",parentGroupsLabel:y="Add parent groups",childGroupsLabel:A="Add child groups"}){const d=n.useRef(),l=n.useRef(),[m,N]=n.useState([]),[a,R]=n.useState([]),[p,T]=n.useState([]),[x,L]=n.useState([]),O=e=>{e.preventDefault();const r={groupName:d.current.value,...l.current.value&&{description:l.current.value},parentGroupList:{group:a.concat(x).map(u=>({groupName:u}))},childGroupList:{group:p.map(u=>({groupName:u}))},userList:{user:m.map(u=>({userName:u}))}};g({groupDocument:r})},D=e=>p.includes(e),I=e=>a.includes(e);return t.jsxs("form",{className:s.root,onSubmit:O,children:[t.jsx(o.TextField,{required:!0,name:"groupName",label:C,inputRef:d}),t.jsx(o.TextField,{name:"description",label:S,inputRef:l}),t.jsx(i.Autocomplete,{name:"users",multiple:!0,options:b,filterSelectedOptions:!0,value:m,onChange:(e,r)=>N(r),renderInput:e=>t.jsx(o.TextField,{...e,label:v})}),t.jsx(i.Autocomplete,{name:"roles",multiple:!0,options:G,filterSelectedOptions:!0,value:x,onChange:(e,r)=>L(r),renderInput:e=>t.jsx(o.TextField,{...e,label:F})}),t.jsx(i.Autocomplete,{name:"parentGroups",multiple:!0,options:c,filterSelectedOptions:!0,value:a,getOptionDisabled:D,onChange:(e,r)=>R(r),renderInput:e=>t.jsx(o.TextField,{...e,label:y})}),t.jsx(i.Autocomplete,{name:"childGroups",multiple:!0,options:c,filterSelectedOptions:!0,value:p,getOptionDisabled:I,onChange:(e,r)=>T(r),renderInput:e=>t.jsx(o.TextField,{...e,label:A})}),t.jsxs("div",{className:s.action,children:[t.jsx(o.Button,{onClick:f,children:h}),t.jsx(o.Button,{variant:"contained",color:"primary",type:"submit",children:j})]})]})}const B=o.withStyles(_,{name:"VdtCreateGroupForm"})(q);exports.default=B;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),n=require("react"),o=require("@material-ui/core"),i=require("@material-ui/lab"),_=s=>({root:{display:"flex",flexDirection:"column","& > *":{marginTop:s.spacing(1),marginBottom:s.spacing(1)}},action:{display:"flex",justifyContent:"flex-end"}});function q({classes:s,onSubmit:g,onCancel:f,submitText:j="Create",cancelText:h="Cancel",users:b,groups:c,roles:G,groupNameLabel:C="Group name",descriptionLabel:S="Description",usersLabel:v="Add users",rolesLabel:F="Add roles",parentGroupsLabel:R="Add parent groups",childGroupsLabel:y="Add child groups"}){const d=n.useRef(),l=n.useRef(),[m,A]=n.useState([]),[a,N]=n.useState([]),[p,T]=n.useState([]),[x,L]=n.useState([]),O=e=>{e.preventDefault();const r={groupName:d.current.value,...l.current.value&&{description:l.current.value},parentGroupList:{group:a.concat(x).map(u=>({groupName:u}))},childGroupList:{group:p.map(u=>({groupName:u}))},userList:{user:m.map(u=>({userName:u}))}};g({groupDocument:r})},D=e=>p.includes(e),I=e=>a.includes(e);return t.jsxs("form",{className:s.root,onSubmit:O,children:[t.jsx(o.TextField,{required:!0,name:"groupName",label:C,inputRef:d}),t.jsx(o.TextField,{name:"description",label:S,inputRef:l}),t.jsx(i.Autocomplete,{name:"users",multiple:!0,options:b,filterSelectedOptions:!0,value:m,onChange:(e,r)=>A(r),renderInput:e=>t.jsx(o.TextField,{...e,label:v})}),t.jsx(i.Autocomplete,{name:"roles",multiple:!0,options:G,filterSelectedOptions:!0,value:x,onChange:(e,r)=>L(r),renderInput:e=>t.jsx(o.TextField,{...e,label:F})}),t.jsx(i.Autocomplete,{name:"parentGroups",multiple:!0,options:c,filterSelectedOptions:!0,value:a,getOptionDisabled:D,onChange:(e,r)=>N(r),renderInput:e=>t.jsx(o.TextField,{...e,label:R})}),t.jsx(i.Autocomplete,{name:"childGroups",multiple:!0,options:c,filterSelectedOptions:!0,value:p,getOptionDisabled:I,onChange:(e,r)=>T(r),renderInput:e=>t.jsx(o.TextField,{...e,label:y})}),t.jsxs("div",{className:s.action,children:[t.jsx(o.Button,{onClick:f,children:h}),t.jsx(o.Button,{variant:"contained",color:"primary",type:"submit",children:j})]})]})}const B=o.withStyles(_,{name:"VdtCreateGroupForm"})(q);exports.default=B;

package/dist/cjs/icons/BitmovinIcon.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("./bitmovin_24.svg.js");function u(e){return t.jsx(~~"img"~~,{~~src~~:i.~~default,alt:"Bitmovin"~~,...e})}exports.default=u;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("@material-ui/core"),n=require("./bitmovin_24.svg.js");function r(e){return t.jsx(o.SvgIcon,{component:n.ReactComponent,...e})}exports.default=r;

package/dist/cjs/icons/FolderMultipleIcon.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),l=require("./foldermultiple_24.svg.js");function u(e){return t.jsx(~~"img"~~,{~~src~~:l.~~default,alt:"Folder Multiple"~~,...e})}exports.default=u;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("@material-ui/core"),r=require("./foldermultiple_24.svg.js");function n(e){return t.jsx(o.SvgIcon,{component:r.ReactComponent,...e})}exports.default=n;

package/dist/cjs/icons/MediaConvertIcon.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),r=require("./mediaconvert_24.svg.js");function u(e){return t.jsx(~~"img"~~,{~~src~~:r.~~default,alt:"Media Convert"~~,...e})}exports.default=u;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("@material-ui/core"),n=require("./mediaconvert_24.svg.js");function r(e){return t.jsx(o.SvgIcon,{component:n.ReactComponent,...e})}exports.default=r;

package/dist/cjs/icons/VidispineIcon.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),t=require("./vidispine_24.svg.js");function u(e){return i.jsx(~~"img"~~,{~~src~~:t.~~default,alt:"Vidispine"~~,...e})}exports.default=u;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),t=require("@material-ui/core"),o=require("./vidispine_24.svg.js");function i(e){return n.jsx(t.SvgIcon,{component:o.ReactComponent,...e})}exports.default=i;