@vidispine/vdt-materialui 26.1.0-pre.3 → 26.1.0-pre.5

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

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

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

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

package/dist/cjs/search/querybuilder/QueryBuilder/QueryBuilder.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react/jsx-runtime"),T=require("react"),S=require("clsx"),e=require("prop-types"),j=require("@material-ui/lab"),f=require("@vidispine/proptypes"),v=require("../../../utils.js"),C=require("../QueryBuilderContext.js"),E=require("../QueryEntry/index.js"),Q=o=>({root:{},treeRoot:{backgroundColor:o.palette.background.paper,"& > .MuiTreeItem-root:first-child":{backgroundColor:"transparent",margin:"0",border:"none"}}}),R=o=>{function a({uuid:s,...n}){const l=n.operation,i=({operation:r,value:u,range:t}={})=>r?"operator":u||t?"field":"group";return{...l?{operation:n.operation,operator:n.entry.filter(r=>r.operation).map(r=>a(r))}:{name:n.name},field:n.entry.filter(r=>i(r)==="field").map(({uuid:r,predicate:u,...t})=>{var d;const m=(d=t.value)==null?void 0:d.map(({value:p})=>({value:p.includes(" ")&&!p.includes("*")?`"${p}"`:`${p}`}));return{...t,value:m}}),group:n.entry.filter(r=>i(r)==="group").map(r=>a(r))}}return o&&o.operator&&{operator:a(o.operator)}},N=o=>{const a=({operation:s,name:n,operator:l,field:i,group:r,entry:u}={})=>({...s?{operation:s}:{name:n},entry:[...i||[],...(l||[]).map(t=>a(t)),...(r||[]).map(t=>a(t)),...u||[]].map(t=>({uuid:v.uuidv4(),...t}))});return o&&o.operator&&{operator:a(o.operator)}};function h({classes:o,className:a,query:s,fields:n,groups:l,defaultField:i,defaultGroup:r,onChange:u,QueryEntryComponent:t,QueryEntryProps:m}){const d=T.useMemo(()=>N(s),[s]),p=T.useCallback(c=>{u({...c,toItemSearchDocument(){return R(this)}})},[u]),[O,x]=T.useState(["operator"]),b=(c,g)=>{x(g)},q=c=>{O.includes(c)||x(g=>[...g,c])};return y.jsx("div",{className:S(a,o.root,"VdtQueryBuilder-root"),children:d?y.jsx(C.QueryBuilderContextProvider,{query:d,onChange:p,children:y.jsx(j.TreeView,{classes:{root:o.treeRoot},disableSelection:!0,expanded:O,onNodeToggle:b,children:y.jsx(t,{expandNode:q,path:"operator",defaultField:i,defaultGroup:r,fields:n,groups:l,canExpand:!1,...m})})}):null})}h.propTypes={classes:e.objectOf(e.string),className:e.string,query:e.oneOfType([e.shape({operation:e.oneOf(["AND","OR","NOT"]).isRequired,entry:e.arrayOf(e.oneOfType([f.SearchOperatorType,f.SearchFieldType,f.SearchGroupType]))}),f.ItemSearchType]).isRequired,groups:e.arrayOf(e.any),fields:e.arrayOf(e.any),defaultField:e.oneOfType([e.string,e.objectOf(e.any)]),defaultGroup:e.string,onChange:e.func.isRequired,QueryEntryComponent:e.elementType,QueryEntryProps:e.objectOf(e.any)};h.defaultProps={className:void 0,classes:{},fields:[],groups:[],defaultField:void 0,defaultGroup:void 0,QueryEntryComponent:E.default,QueryEntryProps:{}};exports.default=h;exports.styles=Q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),T=require("react"),E=require("clsx"),e=require("prop-types"),S=require("@material-ui/lab"),m=require("@vidispine/proptypes"),j=require("../../../utils.js"),v=require("../QueryBuilderContext.js"),C=require("../QueryEntry/index.js"),Q=o=>({root:{},treeRoot:{backgroundColor:o.palette.background.paper,"& > .MuiTreeItem-root:first-child":{backgroundColor:"transparent",margin:"0",border:"none"}}}),R=o=>{function u({uuid:i,...n}){const l=n.operation,p=({operation:r,value:t,range:a}={})=>r?"operator":t||a?"field":"group";return{...l?{operation:n.operation,operator:n.entry.filter(r=>r.operation).map(r=>u(r))}:{name:n.name},...(()=>{const r=n.entry.filter(t=>p(t)==="field").map(({uuid:t,predicate:a,...d})=>{var f;const y=(f=d.value)==null?void 0:f.map(({value:s})=>({value:s.includes(" ")&&!s.includes("*")?`"${s}"`:`${s}`}));return{...d,value:y}});return r.length>0?{field:r}:{}})(),...(()=>{const r=n.entry.filter(t=>p(t)==="group").map(t=>u(t));return r.length>0?{group:r}:{}})()}}return o&&o.operator&&{operator:u(o.operator)}},N=o=>{const u=({operation:i,name:n,operator:l,field:p,group:r,entry:t}={})=>({...i?{operation:i}:{name:n},entry:[...p||[],...(l||[]).map(a=>u(a)),...(r||[]).map(a=>u(a)),...t||[]].map(a=>({uuid:j.uuidv4(),...a}))});return o&&o.operator&&{operator:u(o.operator)}};function O({classes:o,className:u,query:i,fields:n,groups:l,defaultField:p,defaultGroup:r,onChange:t,QueryEntryComponent:a,QueryEntryProps:d}){const y=T.useMemo(()=>N(i),[i]),f=T.useCallback(c=>{t({...c,toItemSearchDocument(){return R(this)}})},[t]),[s,x]=T.useState(["operator"]),b=(c,h)=>{x(h)},q=c=>{s.includes(c)||x(h=>[...h,c])};return g.jsx("div",{className:E(u,o.root,"VdtQueryBuilder-root"),children:y?g.jsx(v.QueryBuilderContextProvider,{query:y,onChange:f,children:g.jsx(S.TreeView,{classes:{root:o.treeRoot},disableSelection:!0,expanded:s,onNodeToggle:b,children:g.jsx(a,{expandNode:q,path:"operator",defaultField:p,defaultGroup:r,fields:n,groups:l,canExpand:!1,...d})})}):null})}O.propTypes={classes:e.objectOf(e.string),className:e.string,query:e.oneOfType([e.shape({operation:e.oneOf(["AND","OR","NOT"]).isRequired,entry:e.arrayOf(e.oneOfType([m.SearchOperatorType,m.SearchFieldType,m.SearchGroupType]))}),m.ItemSearchType]).isRequired,groups:e.arrayOf(e.any),fields:e.arrayOf(e.any),defaultField:e.oneOfType([e.string,e.objectOf(e.any)]),defaultGroup:e.string,onChange:e.func.isRequired,QueryEntryComponent:e.elementType,QueryEntryProps:e.objectOf(e.any)};O.defaultProps={className:void 0,classes:{},fields:[],groups:[],defaultField:void 0,defaultGroup:void 0,QueryEntryComponent:C.default,QueryEntryProps:{}};exports.default=O;exports.styles=Q;

package/dist/cjs/search/querybuilder/QueryEntry/QueryEntry.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),K=require("react"),V=require("clsx"),e=require("prop-types"),j=require("@material-ui/core/styles"),I=require("@material-ui/icons"),W=require("@material-ui/lab"),X=require("../QueryBuilderContext.js"),Y=require("../QueryField/index.js"),Z=require("../QueryGroup/index.js"),ee=require("../QueryOperator/index.js"),oe=o=>({root:{"&:focus > .MuiTreeItem-content .MuiTreeItem-label":{backgroundColor:"transparent"},"&:hover > .MuiTreeItem-content .MuiTreeItem-label":{backgroundColor:"transparent"},padding:"5px"},queryGroup:{position:"relative",border:`1px solid ${j.alpha(o.palette.text.primary,.05)}`,backgroundColor:j.alpha(o.palette.text.primary,.02),borderRadius:"4px",margin:"1rem 1rem 1rem 0","& .MuiTreeItem-iconContainer":{position:"absolute",left:"12px"}}});function re(o){return o.operation?"operator":o.value||o.range?"field":"group"}function i({canExpandpath:o,path:p,fields:g,groups:n,defaultField:q,defaultGroup:te,not:m,nodeId:P,canExpand:E,parentGroup:ne,onRemove:R,...y}){const{expandNode:G,OperatorComponent:$,OperatorProps:M,FieldComponent:L,FieldProps:k,GroupComponent:A,GroupProps:Q,getFieldLabel:S,getFieldName:v,getGroupLabel:_,getGroupName:l,getGroupFields:w,getGroupGroups:B,classes:T}=y,{getEntry:D,addEntry:h,removeEntry:N,changeOperation:U,changeEntry:x,setNot:b}=X.useQueryBuilder(p),r=D(p),a=re(r),d=P||p,z=q||g.length>0?v(g[0]):void 0,s=a==="group"?w(n.find(t=>l(t)===l(r))||{}):g,c=a==="group"?v(s[0]):z,f=a==="group"?B(n.find(t=>l(t)===r.name)||{}):n,H=f&&f.length>0?f[0].name:void 0,O=K.useCallback((...t)=>{h(...t),G&&G(d)},[h,d,G]),F=R||N;if(r.operation&&r.operation==="NOT")return u.jsx(i,{nodeId:d,path:`${p}.entry.0`,fields:s,defaultField:c,groups:n,onRemove:N,parentGroup:a==="group"?r.name:void 0,not:!0,...y});const J=({uuid:t,...C})=>C;return u.jsx(W.TreeItem,{nodeId:d,className:V(a!=="field"&&T.queryGroup,T.root),expandIcon:E?u.jsx(I.ChevronRight,{}):null,collapseIcon:E?u.jsx(I.ExpandMore,{}):null,label:{operator:u.jsx($,{operator:r,not:m,onAddEntry:O,onRemove:d!=="operator"?F:void 0,onChangeOperation:d!=="operator"?U:void 0,onChange:x,setNot:d!=="operator"?b:void 0,defaultField:c,defaultGroup:n&&n.length>0?n[0].name:void 0,...M}),field:u.jsx(L,{field:J(r),fields:s,getFieldLabel:S,getFieldName:v,not:m,onRemove:F,onChange:x,setNot:b,...k}),group:u.jsx(A,{group:r,groups:n,not:m,onAddEntry:O,onRemove:F,setNot:b,defaultField:c,defaultGroup:H,getGroupLabel:_,getGroupName:l,onChange:x,...Q})}[a],children:r.entry&&r.entry.map((t,C)=>u.jsx(i,{nodeId:`${d}.entry.${t.uuid}`,path:`${p}.entry.${C}`,fields:s,groups:f,defaultField:c,parentEntryType:a,parentGroup:a==="group"?r.name:void 0,...y},`${p}.entry.${t.uuid}`))})}i.propTypes={classes:e.objectOf(e.string),className:e.string,OperatorComponent:e.elementType,OperatorProps:e.objectOf(e.any),FieldComponent:e.elementType,FieldProps:e.objectOf(e.any),GroupComponent:e.elementType,GroupProps:e.objectOf(e.any),not:e.bool,nodeId:e.string,canExpand:e.bool,getFieldLabel:e.func,getFieldName:e.func,getGroupLabel:e.func,getGroupName:e.func,getGroupFields:e.func,getGroupGroups:e.func,defaultField:e.string,defaultGroup:e.string,canExpandpath:e.bool,path:e.string,expandNode:e.func,groups:e.arrayOf(e.any),fields:e.arrayOf(e.any),parentEntryType:e.string,parentGroup:e.string,onRemove:e.func};i.defaultProps={className:void 0,classes:{},FieldComponent:Y.default,FieldProps:{},GroupComponent:Z.default,GroupProps:{},OperatorComponent:ee.default,OperatorProps:{},not:!1,nodeId:void 0,canExpand:!0,getFieldLabel:({label:o}={})=>o,getFieldName:({name:o}={})=>o,getGroupLabel:({label:o}={})=>o,getGroupName:({name:o}={})=>o,getGroupFields:({fields:o=[]}={})=>o,getGroupGroups:({groups:o=[]}={})=>o,defaultField:void 0,defaultGroup:void 0,canExpandpath:void 0,path:void 0,expandNode:void 0,groups:[],fields:[],parentEntryType:void 0,parentGroup:void 0,onRemove:void 0};exports.default=i;exports.styles=oe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),K=require("react"),V=require("clsx"),e=require("prop-types"),q=require("@material-ui/core/styles"),I=require("@material-ui/icons"),W=require("@material-ui/lab"),X=require("../QueryBuilderContext.js"),Y=require("../QueryField/index.js"),Z=require("../QueryGroup/index.js"),ee=require("../QueryOperator/index.js"),oe=o=>({root:{"&:focus > .MuiTreeItem-content .MuiTreeItem-label":{backgroundColor:"transparent"},"&:hover > .MuiTreeItem-content .MuiTreeItem-label":{backgroundColor:"transparent"},padding:"5px"},queryGroup:{position:"relative",border:`1px solid ${q.alpha(o.palette.text.primary,.05)}`,backgroundColor:q.alpha(o.palette.text.primary,.02),borderRadius:"4px",margin:"1rem 1rem 1rem 0","& .MuiTreeItem-iconContainer":{position:"absolute",left:"12px"}}});function re(o){return o.operation?"operator":o.value||o.range?"field":"group"}function p({canExpandpath:o,path:n,fields:g,groups:a,defaultField:P,defaultGroup:te,not:m,nodeId:y,canExpand:T,parentGroup:ne,onRemove:R,...G}){const{expandNode:v,OperatorComponent:$,OperatorProps:M,FieldComponent:L,FieldProps:k,GroupComponent:A,GroupProps:Q,getFieldLabel:S,getFieldName:x,getGroupLabel:_,getGroupName:l,getGroupFields:w,getGroupGroups:B,classes:N}=G,{getEntry:D,addEntry:O,removeEntry:h,changeOperation:U,changeEntry:b,setNot:F}=X.useQueryBuilder(n),r=D(n),j=K.useCallback((...t)=>{O(...t),v&&v(y||n)},[O,y,n,v]);if(r===void 0)return null;const u=re(r),i=y||n,z=P||g.length>0?x(g[0]):void 0,s=u==="group"?w(a.find(t=>l(t)===l(r))||{}):g,c=u==="group"?x(s[0]):z,f=u==="group"?B(a.find(t=>l(t)===r.name)||{}):a,H=f&&f.length>0?f[0].name:void 0,C=R||h;if(r.operation&&r.operation==="NOT")return d.jsx(p,{nodeId:i,path:`${n}.entry.0`,fields:s,defaultField:c,groups:a,onRemove:h,parentGroup:u==="group"?r.name:void 0,not:!0,...G});const J=({uuid:t,...E})=>E;return d.jsx(W.TreeItem,{nodeId:i,className:V(u!=="field"&&N.queryGroup,N.root),expandIcon:T?d.jsx(I.ChevronRight,{}):null,collapseIcon:T?d.jsx(I.ExpandMore,{}):null,label:{operator:d.jsx($,{operator:r,not:m,onAddEntry:j,onRemove:i!=="operator"?C:void 0,onChangeOperation:i!=="operator"?U:void 0,onChange:b,setNot:i!=="operator"?F:void 0,defaultField:c,defaultGroup:a&&a.length>0?a[0].name:void 0,...M}),field:d.jsx(L,{field:J(r),fields:s,getFieldLabel:S,getFieldName:x,not:m,onRemove:C,onChange:b,setNot:F,...k}),group:d.jsx(A,{group:r,groups:a,not:m,onAddEntry:j,onRemove:C,setNot:F,defaultField:c,defaultGroup:H,getGroupLabel:_,getGroupName:l,onChange:b,...Q})}[u],children:r.entry&&r.entry.map((t,E)=>d.jsx(p,{nodeId:`${i}.entry.${t.uuid}`,path:`${n}.entry.${E}`,fields:s,groups:f,defaultField:c,parentEntryType:u,parentGroup:u==="group"?r.name:void 0,...G},`${n}.entry.${t.uuid}`))})}p.propTypes={classes:e.objectOf(e.string),className:e.string,OperatorComponent:e.elementType,OperatorProps:e.objectOf(e.any),FieldComponent:e.elementType,FieldProps:e.objectOf(e.any),GroupComponent:e.elementType,GroupProps:e.objectOf(e.any),not:e.bool,nodeId:e.string,canExpand:e.bool,getFieldLabel:e.func,getFieldName:e.func,getGroupLabel:e.func,getGroupName:e.func,getGroupFields:e.func,getGroupGroups:e.func,defaultField:e.string,defaultGroup:e.string,canExpandpath:e.bool,path:e.string,expandNode:e.func,groups:e.arrayOf(e.any),fields:e.arrayOf(e.any),parentEntryType:e.string,parentGroup:e.string,onRemove:e.func};p.defaultProps={className:void 0,classes:{},FieldComponent:Y.default,FieldProps:{},GroupComponent:Z.default,GroupProps:{},OperatorComponent:ee.default,OperatorProps:{},not:!1,nodeId:void 0,canExpand:!0,getFieldLabel:({label:o}={})=>o,getFieldName:({name:o}={})=>o,getGroupLabel:({label:o}={})=>o,getGroupName:({name:o}={})=>o,getGroupFields:({fields:o=[]}={})=>o,getGroupGroups:({groups:o=[]}={})=>o,defaultField:void 0,defaultGroup:void 0,canExpandpath:void 0,path:void 0,expandNode:void 0,groups:[],fields:[],parentEntryType:void 0,parentGroup:void 0,onRemove:void 0};exports.default=p;exports.styles=oe;

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

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
-import o from "clsx";
-import { withStyles as g, Box as r } from "@material-ui/core";
+import g from "clsx";
+import { withStyles as o, Box as r } from "@material-ui/core";
 const x = [
   "image/apng",
   "image/bmp",
@@ -8,7 +8,8 @@ const x = [
   "image/jpeg",
   "image/x-icon",
   "image/png",
-  "image/svg+xml"
+  "image/svg+xml",
+  "image/webp"
 ], n = () => ({
   root: {
     width: "100%",
@@ -24,9 +25,9 @@ const x = [
 });
 function s({ classes: e, className: t, previewSource: a = {} }) {
   const { src: i } = a;
-  return /* @__PURE__ */ m(r, { className: o(e.root, t), children: /* @__PURE__ */ m("img", { className: e.img, src: i, alt: "" }) });
+  return /* @__PURE__ */ m(r, { className: g(e.root, t), children: /* @__PURE__ */ m("img", { className: e.img, src: i, alt: "" }) });
 }
-const f = g(n, { name: "VdtItemImagePlayer" })(s);
+const f = o(n, { name: "VdtItemImagePlayer" })(s);
 export {
   x as ALLOWED_MIME_TYPES,
   f as default

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

@@ -1,31 +1,31 @@
-import { jsxs as g, jsx as o, Fragment as S } from "react/jsx-runtime";
-import { useState as et, useMemo as w } from "react";
+import { jsxs as E, jsx as o, Fragment as h } from "react/jsx-runtime";
+import { useState as ot, useMemo as g } from "react";
 import Y from "clsx";
-import { withStyles as M, FormControl as ot, InputLabel as nt, Select as at, MenuItem as it } from "@material-ui/core";
+import { withStyles as P, FormControl as at, InputLabel as nt, Select as it, MenuItem as ct } from "@material-ui/core";
 import { Skeleton as lt } from "@material-ui/lab";
-import { filterShapeSource as ct, getShapeMediaType as N } from "@vidispine/vdt-js";
-import ut, { ALLOWED_MIME_TYPES as dt } from "../ItemAudioPlayer.js";
-import st, { ALLOWED_MIME_TYPES as mt } from "../ItemImagePlayer.js";
-import ft, { ALLOWED_MIME_TYPES as St } from "../ItemVideoPlayer.js";
-const ht = [...St, ...mt, ...dt], p = "IMAGE", h = "AUDIO", T = "VIDEO", gt = "DOCUMENT", Mt = "BINARY", Et = (t) => t.height ? t.fieldOrder ? `${t.tag} (${t.height}${t.fieldOrder[0]})` : `${t.tag} (${t.height}x${t.width})` : t.audioFormat ? t.containerFormat !== t.audioFormat ? `${t.tag} (${t.audioFormat} - ${t.containerFormat})` : `${t.tag} (${t.audioFormat})` : t.tag.join(", "), Pt = (t) => {
-  const i = (l) => l.split(":").reduce((n, c) => 60 * n + Number(c));
+import { filterShapeSource as ut, parseMetadataType as dt, getShapeMediaType as N } from "@vidispine/vdt-js";
+import st, { ALLOWED_MIME_TYPES as mt } from "../ItemAudioPlayer.js";
+import ft, { ALLOWED_MIME_TYPES as St } from "../ItemImagePlayer.js";
+import ht, { ALLOWED_MIME_TYPES as gt } from "../ItemVideoPlayer.js";
+const Mt = [...gt, ...St, ...mt], T = "IMAGE", M = "AUDIO", F = "VIDEO", Et = "DOCUMENT", Pt = "BINARY", It = (t) => t.height ? t.fieldOrder ? `${t.tag} (${t.height}${t.fieldOrder[0]})` : `${t.tag} (${t.height}x${t.width})` : t.audioFormat ? t.containerFormat !== t.audioFormat ? `${t.tag} (${t.audioFormat} - ${t.containerFormat})` : `${t.tag} (${t.audioFormat})` : t.tag.join(", "), yt = (t) => {
+  const c = (l) => l.split(":").reduce((a, n) => 60 * a + Number(n));
   if (t.timeCode)
     return Math.floor(t.timeCode.toSeconds());
   if (t.duration)
-    return i(t.duration);
-}, It = M(
+    return c(t.duration);
+}, Lt = P(
   {},
   { name: "VdtSourceSelection" }
-)(({ value: t, onChange: i, options: l, previewSourceText: n = "Preview Source" }) => {
-  const c = l.find((u) => u.label === t.label);
-  return /* @__PURE__ */ g(ot, { variant: "standard", fullWidth: !0, children: [
-    /* @__PURE__ */ o(nt, { children: n }),
-    /* @__PURE__ */ o(at, { value: c, onChange: i, children: l.map((u) => /* @__PURE__ */ o(it, { value: u, children: u.label }, u.src)) })
+)(({ value: t, onChange: c, options: l, previewSourceText: a = "Preview Source" }) => {
+  const n = l.find((u) => u.label === t.label);
+  return /* @__PURE__ */ E(at, { variant: "standard", fullWidth: !0, children: [
+    /* @__PURE__ */ o(nt, { children: a }),
+    /* @__PURE__ */ o(it, { value: n, onChange: c, children: l.map((u) => /* @__PURE__ */ o(ct, { value: u, children: u.label }, u.src)) })
   ] });
-}), Lt = M(
+}), Dt = P(
   {},
   { name: "VdtLoadingPlayer" }
-)((t) => /* @__PURE__ */ o(lt, { variant: "rect", width: "100%", height: 520, ...t })), yt = M(
+)((t) => /* @__PURE__ */ o(lt, { variant: "rect", width: "100%", height: 520, ...t })), _t = P(
   (t) => ({
     root: {
       backgroundColor: t.palette.divider,
@@ -40,133 +40,138 @@ const ht = [...St, ...mt, ...dt], p = "IMAGE", h = "AUDIO", T = "VIDEO", gt = "D
     }
   }),
   { name: "VdtNoPreviewPlayer" }
-)(({ className: t, classes: i, label: l = "No Previews" }) => /* @__PURE__ */ o("div", { className: Y(i.root, t), children: /* @__PURE__ */ o("div", { className: i.label, children: l }) })), pt = () => ({
+)(({ className: t, classes: c, label: l = "No Previews" }) => /* @__PURE__ */ o("div", { className: Y(c.root, t), children: /* @__PURE__ */ o("div", { className: c.label, children: l }) })), Ft = () => ({
   root: {}
 });
-function Tt({
+function Yt({
   className: t,
-  classes: i = {},
+  classes: c = {},
   itemId: l,
-  videoEl: n,
-  itemType: c,
+  videoEl: a,
+  itemType: n,
   isLoading: u,
   subtitleGroup: x = "stl_subtitle",
-  subtitleField: F = "stl_text",
-  sampleRate: W = "PAL",
-  allowedMimeTypes: E = ht,
-  additionalMimeTypes: P = [],
+  subtitleField: W = "stl_text",
+  sampleRate: V = "PAL",
+  allowedMimeTypes: I = Mt,
+  additionalMimeTypes: y = [],
   // extends the default set
-  LoadingPlayerComponent: V = Lt,
-  NoPreviewPlayerComponent: j = yt,
-  ItemImagePlayerComponent: I = st,
-  ItemAudioPlayerComponent: L = ut,
-  ItemVideoPlayerComponent: y = ft,
-  ItemBinaryPlayerComponent: D,
-  onReady: _,
-  onCinema: C,
-  onScreenshot: U,
-  width: O = "100%",
-  sourceTag: m = "original",
-  SourceSelectionComponent: v = It,
-  videoPlayerProps: B = {},
-  audioPlayerProps: k = {},
-  shapeToLabel: A = Et,
-  ItemVideoPlayerProps: G = {},
-  ItemBinaryPlayerProps: R = {},
-  LoadingPlayerProps: q = {},
-  NoPreviewPlayerProps: z = {},
-  ...H
+  LoadingPlayerComponent: j = Dt,
+  NoPreviewPlayerComponent: C = _t,
+  ItemImagePlayerComponent: L = ft,
+  ItemAudioPlayerComponent: D = st,
+  ItemVideoPlayerComponent: _ = ht,
+  ItemBinaryPlayerComponent: p,
+  onReady: O,
+  onCinema: U,
+  onScreenshot: B,
+  width: v = "100%",
+  sourceTag: f = "original",
+  SourceSelectionComponent: A = Lt,
+  videoPlayerProps: k = {},
+  audioPlayerProps: G = {},
+  shapeToLabel: $ = It,
+  ItemVideoPlayerProps: R = {},
+  ItemBinaryPlayerProps: q = {},
+  LoadingPlayerProps: z = {},
+  NoPreviewPlayerProps: H = {},
+  ...J
 }) {
-  const [d, J] = et(), e = w(() => ct(c, {
-    allowedMimeTypes: [...E, ...P]
-  }).map((s) => ({
-    ...s,
-    label: A(s.shape)
-  })), [c, E, P, A]), a = w(() => {
+  const [d, K] = ot(), e = g(() => ut(n, {
+    allowedMimeTypes: [...I, ...y]
+  }).map((m) => ({
+    ...m,
+    label: $(m.shape)
+  })), [n, I, y, $]), S = g(() => {
+    const { metadata: s } = n;
+    return s ? dt(s, { flat: !0 }).mediaType[0].toUpperCase() : "";
+  }, [n]), i = g(() => {
+    if (S)
+      return S;
     if (d)
       return N(d.shape);
     if (e && e.length > 0)
       return N(e[0].shape);
-  }, [d, e]), K = ({ target: { value: f } }) => {
-    const { src: s, shape: X, type: Z } = f;
-    if (a === T || a === h) {
-      const r = n && n.current && n.current.player && n.current.player.videojs;
-      if (!r || r.currentSrc() === s)
+  }, [d, e, S]), Q = ({ target: { value: s } }) => {
+    const { src: m, shape: Z, type: tt } = s;
+    if (i === F || i === M) {
+      const r = a && a.current && a.current.player && a.current.player.videojs;
+      if (!r || r.currentSrc() === m)
         return;
-      const tt = r.paused(), rt = r.currentTime(), $ = Math.floor(r.duration()), b = Pt(X);
-      r.preload === "none" && (r.preload = "metadata"), $ <= b + 2 && $ >= b - 2 ? (r.addClass("vjs-has-started"), r.bigPlayButton.hide(), r.poster(""), r.one("loadedmetadata", () => {
-        r.currentTime(rt), tt || r.play();
+      const rt = r.paused(), et = r.currentTime(), b = Math.floor(r.duration()), w = yt(Z);
+      r.preload === "none" && (r.preload = "metadata"), b <= w + 2 && b >= w - 2 ? (r.addClass("vjs-has-started"), r.bigPlayButton.hide(), r.poster(""), r.one("loadedmetadata", () => {
+        r.currentTime(et), rt || r.play();
       })) : r.one("loadeddata", () => {
         r.bigPlayButton.show();
-      }), r.pause(), r.src({ src: s, type: Z.replace("x-", "") });
+      }), r.pause(), r.src({ src: m, type: tt.replace("x-", "") });
     }
-    J(f);
-  }, Q = u || a === void 0 || e.length === 0;
-  return /* @__PURE__ */ o("div", { className: Y(i.root, t, "VdtItemPlayer-root"), children: Q ? (
+    K(s);
+  }, X = u || i === void 0 || e.length === 0;
+  return /* @__PURE__ */ o("div", { className: Y(c.root, t, "VdtItemPlayer-root"), children: X ? (
     // eslint-disable-next-line react/jsx-no-useless-fragment
-    /* @__PURE__ */ o(S, { children: u ? /* @__PURE__ */ o(V, { ...q }) : /* @__PURE__ */ o(j, { ...z }) })
-  ) : /* @__PURE__ */ g(S, { children: [
-    (a === p || a === h || a === gt) && /* @__PURE__ */ g(S, { children: [
-      I && a === p && /* @__PURE__ */ o(
-        I,
+    /* @__PURE__ */ o(h, { children: u ? /* @__PURE__ */ o(j, { ...z }) : /* @__PURE__ */ o(C, { ...H }) })
+  ) : /* @__PURE__ */ E(h, { children: [
+    (i === T || i === M || i === Et) && /* @__PURE__ */ E(h, { children: [
+      L && i === T && /* @__PURE__ */ o(
+        L,
         {
           previewSource: d || e[0],
-          videoEl: n,
-          ...H
+          videoEl: a,
+          ...J
         }
       ),
-      L && a === h && /* @__PURE__ */ o(
-        L,
+      D && i === M && /* @__PURE__ */ o(
+        D,
         {
-          videoEl: n,
-          onReady: _,
-          width: O,
-          sourceTag: m,
+          videoEl: a,
+          onReady: O,
+          width: v,
+          sourceTag: f,
           previewSources: e,
-          audioPlayerProps: k
+          audioPlayerProps: G
         }
       ),
-      v && e.length > 1 && /* @__PURE__ */ o(
-        v,
+      A && e.length > 1 && /* @__PURE__ */ o(
+        A,
         {
           options: e,
           value: d || e[0],
-          onChange: K
+          onChange: Q
         }
       )
     ] }),
-    D && a === Mt && /* @__PURE__ */ o(
-      D,
+    p && i === Pt && /* @__PURE__ */ o(
+      p,
       {
         itemId: l,
-        itemType: c,
+        itemType: n,
         source: d || (e == null ? void 0 : e[0]),
-        sourceTag: m,
+        sourceTag: f,
         previewSources: e,
-        ...R
+        ...q
       }
     ),
-    y && a === T && /* @__PURE__ */ o(
-      y,
+    _ && i === F && /* @__PURE__ */ o(
+      _,
       {
-        videoEl: n,
-        itemType: c,
+        videoEl: a,
+        itemType: n,
         subtitleGroup: x,
-        subtitleField: F,
-        sampleRate: W,
-        onReady: _,
-        onCinema: C,
-        onScreenshot: U,
-        width: O,
-        sourceTag: m,
+        subtitleField: W,
+        sampleRate: V,
+        onReady: O,
+        onCinema: U,
+        onScreenshot: B,
+        width: v,
+        sourceTag: f,
         previewSources: e,
-        videoPlayerProps: B,
-        ...G
+        videoPlayerProps: k,
+        ...R
       }
     )
   ] }) });
 }
 export {
-  Tt as default,
-  pt as styles
+  Yt as default,
+  Ft as styles
 };

package/dist/es/search/querybuilder/QueryBuilder/QueryBuilder.js

@@ -1,98 +1,104 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as y } from "react/jsx-runtime";
 import { useMemo as x, useCallback as C, useState as Q } from "react";
 import S from "clsx";
 import e from "prop-types";
 import { TreeView as v } from "@material-ui/lab";
-import f from "@vidispine/proptypes";
+import g from "@vidispine/proptypes";
 import { uuidv4 as N } from "../../../utils.js";
 import { QueryBuilderContextProvider as P } from "../QueryBuilderContext.js";
 import R from "../QueryEntry/index.js";
-const $ = (o) => ({
+const $ = (t) => ({
   root: {},
   treeRoot: {
-    backgroundColor: o.palette.background.paper,
+    backgroundColor: t.palette.background.paper,
     "& > .MuiTreeItem-root:first-child": {
       backgroundColor: "transparent",
       margin: "0",
       border: "none"
     }
   }
-}), j = (o) => {
-  function a({ uuid: i, ...n }) {
-    const d = n.operation, u = ({ operation: r, value: p, range: t } = {}) => r ? "operator" : p || t ? "field" : "group";
+}), j = (t) => {
+  function p({ uuid: u, ...n }) {
+    const d = n.operation, s = ({ operation: r, value: o, range: a } = {}) => r ? "operator" : o || a ? "field" : "group";
     return {
       ...d ? {
         operation: n.operation,
-        operator: n.entry.filter((r) => r.operation).map((r) => a(r))
+        operator: n.entry.filter((r) => r.operation).map((r) => p(r))
       } : { name: n.name },
-      field: n.entry.filter((r) => u(r) === "field").map(({ uuid: r, predicate: p, ...t }) => {
-        var l;
-        const y = (l = t.value) == null ? void 0 : l.map(({ value: s }) => ({
-          value: s.includes(" ") && !s.includes("*") ? `"${s}"` : `${s}`
-        }));
-        return { ...t, value: y };
-      }),
-      group: n.entry.filter((r) => u(r) === "group").map((r) => a(r))
+      ...(() => {
+        const r = n.entry.filter((o) => s(o) === "field").map(({ uuid: o, predicate: a, ...c }) => {
+          var m;
+          const f = (m = c.value) == null ? void 0 : m.map(({ value: i }) => ({
+            value: i.includes(" ") && !i.includes("*") ? `"${i}"` : `${i}`
+          }));
+          return { ...c, value: f };
+        });
+        return r.length > 0 ? { field: r } : {};
+      })(),
+      ...(() => {
+        const r = n.entry.filter((o) => s(o) === "group").map((o) => p(o));
+        return r.length > 0 ? { group: r } : {};
+      })()
     };
   }
-  return o && o.operator && { operator: a(o.operator) };
-}, k = (o) => {
-  const a = ({ operation: i, name: n, operator: d, field: u, group: r, entry: p } = {}) => ({
-    ...i ? { operation: i } : { name: n },
+  return t && t.operator && { operator: p(t.operator) };
+}, k = (t) => {
+  const p = ({ operation: u, name: n, operator: d, field: s, group: r, entry: o } = {}) => ({
+    ...u ? { operation: u } : { name: n },
     entry: [
-      ...u || [],
-      ...(d || []).map((t) => a(t)),
-      ...(r || []).map((t) => a(t)),
-      ...p || []
-    ].map((t) => ({ uuid: N(), ...t }))
+      ...s || [],
+      ...(d || []).map((a) => p(a)),
+      ...(r || []).map((a) => p(a)),
+      ...o || []
+    ].map((a) => ({ uuid: N(), ...a }))
   });
-  return o && o.operator && { operator: a(o.operator) };
+  return t && t.operator && { operator: p(t.operator) };
 };
 function O({
-  classes: o,
-  className: a,
-  query: i,
+  classes: t,
+  className: p,
+  query: u,
   fields: n,
   groups: d,
-  defaultField: u,
+  defaultField: s,
   defaultGroup: r,
-  onChange: p,
-  QueryEntryComponent: t,
-  QueryEntryProps: y
+  onChange: o,
+  QueryEntryComponent: a,
+  QueryEntryProps: c
 }) {
-  const l = x(() => k(i), [i]), s = C(
-    (c) => {
-      p({
-        ...c,
+  const f = x(() => k(u), [u]), m = C(
+    (l) => {
+      o({
+        ...l,
         toItemSearchDocument() {
           return j(this);
         }
       });
     },
-    [p]
-  ), [T, h] = Q(["operator"]), b = (c, g) => {
-    h(g);
-  }, E = (c) => {
-    T.includes(c) || h((g) => [...g, c]);
+    [o]
+  ), [i, T] = Q(["operator"]), E = (l, h) => {
+    T(h);
+  }, b = (l) => {
+    i.includes(l) || T((h) => [...h, l]);
   };
-  return /* @__PURE__ */ m("div", { className: S(a, o.root, "VdtQueryBuilder-root"), children: l ? /* @__PURE__ */ m(P, { query: l, onChange: s, children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ y("div", { className: S(p, t.root, "VdtQueryBuilder-root"), children: f ? /* @__PURE__ */ y(P, { query: f, onChange: m, children: /* @__PURE__ */ y(
     v,
     {
-      classes: { root: o.treeRoot },
+      classes: { root: t.treeRoot },
       disableSelection: !0,
-      expanded: T,
-      onNodeToggle: b,
-      children: /* @__PURE__ */ m(
-        t,
+      expanded: i,
+      onNodeToggle: E,
+      children: /* @__PURE__ */ y(
+        a,
         {
-          expandNode: E,
+          expandNode: b,
           path: "operator",
-          defaultField: u,
+          defaultField: s,
           defaultGroup: r,
           fields: n,
           groups: d,
           canExpand: !1,
-          ...y
+          ...c
         }
       )
     }
@@ -112,13 +118,13 @@ O.propTypes = {
       operation: e.oneOf(["AND", "OR", "NOT"]).isRequired,
       entry: e.arrayOf(
         e.oneOfType([
-          f.SearchOperatorType,
-          f.SearchFieldType,
-          f.SearchGroupType
+          g.SearchOperatorType,
+          g.SearchFieldType,
+          g.SearchGroupType
         ])
       )
     }),
-    f.ItemSearchType
+    g.ItemSearchType
   ]).isRequired,
   groups: e.arrayOf(e.any),
   fields: e.arrayOf(e.any),

package/dist/es/search/querybuilder/QueryEntry/QueryEntry.js

@@ -2,7 +2,7 @@ import { jsx as d } from "react/jsx-runtime";
 import { useCallback as J } from "react";
 import K from "clsx";
 import e from "prop-types";
-import { alpha as I } from "@material-ui/core/styles";
+import { alpha as P } from "@material-ui/core/styles";
 import { ChevronRight as V, ExpandMore as W } from "@material-ui/icons";
 import { TreeItem as X } from "@material-ui/lab";
 import { useQueryBuilder as Y } from "../QueryBuilderContext.js";
@@ -21,8 +21,8 @@ const ye = (o) => ({
   },
   queryGroup: {
     position: "relative",
-    border: `1px solid ${I(o.palette.text.primary, 0.05)}`,
-    backgroundColor: I(o.palette.text.primary, 0.02),
+    border: `1px solid ${P(o.palette.text.primary, 0.05)}`,
+    backgroundColor: P(o.palette.text.primary, 0.02),
     borderRadius: "4px",
     margin: "1rem 1rem 1rem 0",
     "& .MuiTreeItem-iconContainer": {
@@ -36,20 +36,20 @@ function re(o) {
 }
 function f({
   canExpandpath: o,
-  path: i,
+  path: n,
   fields: c,
-  groups: n,
-  defaultField: P,
+  groups: a,
+  defaultField: R,
   defaultGroup: te,
   not: g,
-  nodeId: R,
-  canExpand: E,
+  nodeId: y,
+  canExpand: T,
   parentGroup: ne,
   onRemove: $,
-  ...y
+  ...G
 }) {
   const {
-    expandNode: G,
+    expandNode: v,
     OperatorComponent: L,
     OperatorProps: M,
     FieldComponent: j,
@@ -57,54 +57,57 @@ function f({
     GroupComponent: k,
     GroupProps: A,
     getFieldLabel: q,
-    getFieldName: v,
+    getFieldName: b,
     getGroupLabel: w,
     getGroupName: u,
     getGroupFields: B,
     getGroupGroups: D,
-    classes: T
-  } = y, { getEntry: S, addEntry: h, removeEntry: N, changeOperation: U, changeEntry: b, setNot: F } = Y(i), r = S(i), a = re(r), p = R || i, _ = P || c.length > 0 ? v(c[0]) : void 0, l = a === "group" ? B(n.find((t) => u(t) === u(r)) || {}) : c, s = a === "group" ? v(l[0]) : _, m = a === "group" ? D(n.find((t) => u(t) === r.name) || {}) : n, z = m && m.length > 0 ? m[0].name : void 0, O = J(
+    classes: N
+  } = G, { getEntry: S, addEntry: O, removeEntry: h, changeOperation: U, changeEntry: F, setNot: x } = Y(n), r = S(n), I = J(
     (...t) => {
-      h(...t), G && G(p);
+      O(...t), v && v(y || n);
     },
-    [h, p, G]
-  ), x = $ || N;
+    [O, y, n, v]
+  );
+  if (r === void 0)
+    return null;
+  const p = re(r), i = y || n, _ = R || c.length > 0 ? b(c[0]) : void 0, l = p === "group" ? B(a.find((t) => u(t) === u(r)) || {}) : c, s = p === "group" ? b(l[0]) : _, m = p === "group" ? D(a.find((t) => u(t) === r.name) || {}) : a, z = m && m.length > 0 ? m[0].name : void 0, C = $ || h;
   if (r.operation && r.operation === "NOT")
     return /* @__PURE__ */ d(
       f,
       {
-        nodeId: p,
-        path: `${i}.entry.0`,
+        nodeId: i,
+        path: `${n}.entry.0`,
         fields: l,
         defaultField: s,
-        groups: n,
-        onRemove: N,
-        parentGroup: a === "group" ? r.name : void 0,
+        groups: a,
+        onRemove: h,
+        parentGroup: p === "group" ? r.name : void 0,
         not: !0,
-        ...y
+        ...G
       }
     );
-  const H = ({ uuid: t, ...C }) => C;
+  const H = ({ uuid: t, ...E }) => E;
   return /* @__PURE__ */ d(
     X,
     {
-      nodeId: p,
-      className: K(a !== "field" && T.queryGroup, T.root),
-      expandIcon: E ? /* @__PURE__ */ d(V, {}) : null,
-      collapseIcon: E ? /* @__PURE__ */ d(W, {}) : null,
+      nodeId: i,
+      className: K(p !== "field" && N.queryGroup, N.root),
+      expandIcon: T ? /* @__PURE__ */ d(V, {}) : null,
+      collapseIcon: T ? /* @__PURE__ */ d(W, {}) : null,
       label: {
         operator: /* @__PURE__ */ d(
           L,
           {
             operator: r,
             not: g,
-            onAddEntry: O,
-            onRemove: p !== "operator" ? x : void 0,
-            onChangeOperation: p !== "operator" ? U : void 0,
-            onChange: b,
-            setNot: p !== "operator" ? F : void 0,
+            onAddEntry: I,
+            onRemove: i !== "operator" ? C : void 0,
+            onChangeOperation: i !== "operator" ? U : void 0,
+            onChange: F,
+            setNot: i !== "operator" ? x : void 0,
             defaultField: s,
-            defaultGroup: n && n.length > 0 ? n[0].name : void 0,
+            defaultGroup: a && a.length > 0 ? a[0].name : void 0,
             ...M
           }
         ),
@@ -114,11 +117,11 @@ function f({
             field: H(r),
             fields: l,
             getFieldLabel: q,
-            getFieldName: v,
+            getFieldName: b,
             not: g,
-            onRemove: x,
-            onChange: b,
-            setNot: F,
+            onRemove: C,
+            onChange: F,
+            setNot: x,
             ...Q
           }
         ),
@@ -126,33 +129,33 @@ function f({
           k,
           {
             group: r,
-            groups: n,
+            groups: a,
             not: g,
-            onAddEntry: O,
-            onRemove: x,
-            setNot: F,
+            onAddEntry: I,
+            onRemove: C,
+            setNot: x,
             defaultField: s,
             defaultGroup: z,
             getGroupLabel: w,
             getGroupName: u,
-            onChange: b,
+            onChange: F,
             ...A
           }
         )
-      }[a],
-      children: r.entry && r.entry.map((t, C) => /* @__PURE__ */ d(
+      }[p],
+      children: r.entry && r.entry.map((t, E) => /* @__PURE__ */ d(
         f,
         {
-          nodeId: `${p}.entry.${t.uuid}`,
-          path: `${i}.entry.${C}`,
+          nodeId: `${i}.entry.${t.uuid}`,
+          path: `${n}.entry.${E}`,
           fields: l,
           groups: m,
           defaultField: s,
-          parentEntryType: a,
-          parentGroup: a === "group" ? r.name : void 0,
-          ...y
+          parentEntryType: p,
+          parentGroup: p === "group" ? r.name : void 0,
+          ...G
         },
-        `${i}.entry.${t.uuid}`
+        `${n}.entry.${t.uuid}`
       ))
     }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidispine/vdt-materialui",
-  "version": "26.1.0-pre.3",
+  "version": "26.1.0-pre.5",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public",
@@ -36,11 +36,11 @@
   },
   "dependencies": {
     "@babel/runtime": "7.26.10",
-    "@vidispine/proptypes": "26.1.0-pre.3",
-    "@vidispine/vdt-api": "26.1.0-pre.3",
-    "@vidispine/vdt-js": "26.1.0-pre.3",
-    "@vidispine/vdt-react": "26.1.0-pre.3",
-    "@vidispine/vdt-videojs-react": "26.1.0-pre.3",
+    "@vidispine/proptypes": "26.1.0-pre.5",
+    "@vidispine/vdt-api": "26.1.0-pre.5",
+    "@vidispine/vdt-js": "26.1.0-pre.5",
+    "@vidispine/vdt-react": "26.1.0-pre.5",
+    "@vidispine/vdt-videojs-react": "26.1.0-pre.5",
     "clsx": "1.2.1",
     "filesize": "10.1.0",
     "final-form": "4.20.10",
@@ -74,11 +74,11 @@
     "@material-ui/icons": "4.11.3",
     "@material-ui/lab": "4.0.0-alpha.61",
     "@types/jest": "29.5.11",
-    "@vidispine/eslint-config-mdx": "26.1.0-pre.3",
-    "@vidispine/eslint-config-react": "26.1.0-pre.3",
-    "@vidispine/eslint-config-storybook": "26.1.0-pre.3",
-    "@vidispine/prettier-config": "26.1.0-pre.3",
-    "@vidispine/proptypes": "26.1.0-pre.3",
+    "@vidispine/eslint-config-mdx": "26.1.0-pre.5",
+    "@vidispine/eslint-config-react": "26.1.0-pre.5",
+    "@vidispine/eslint-config-storybook": "26.1.0-pre.5",
+    "@vidispine/prettier-config": "26.1.0-pre.5",
+    "@vidispine/proptypes": "26.1.0-pre.5",
     "@vitejs/plugin-react": "4.2.1",
     "@wojtekmaj/enzyme-adapter-react-17": "0.8.0",
     "axios": "1.7.7",