@vidispine/vdt-materialui 26.2.0-pre.3 → 26.2.3

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

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

package/dist/cjs/entity/EntityAccessAdd.js

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

package/dist/cjs/search/SavedSearch/SavedSearch.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),b=require("clsx"),m=require("@material-ui/core"),w=require("@vidispine/vdt-react"),D=require("./SavedSearchList.js"),R=require("./SaveSearchForm.js"),V=e=>({root:{padding:e.spacing(2)}});function _({classes:e,className:c,markerField:o,markerValue:n,itemSearchDocument:S,onSelect:d,onSaveSuccess:i=()=>{},onSaveError:u=()=>{},SearchListComponent:a=D.default,SearchListProps:l={},SearchFormComponent:r=R.default,SearchFormProps:h={},accessTranslate:v,extraMenuItems:f,isLoading:g=!1}){const{onDeleteSearch:q,onUpdateSearchMetadata:j,onGetSavedSearchSettings:x,onSaveSearch:P,searchProps:p}=w.useSavedSearch({markerField:o,markerValue:n,initialSearchState:{rowsPerPage:5}}),y=({collectionId:s})=>x({collectionId:s}).then(M=>d(M,s));return t.jsxs("div",{className:b(e.root,"VdtSavedSearch-root",c),children:[r&&t.jsx(r,{itemSearchDocument:S,onSuccess:i,onError:u,onSaveSearch:P,...h}),a&&t.jsx(a,{onSelect:y,onDelete:q,onUpdateSearchMetadata:j,searchProps:p,accessTranslate:v,extraMenuItems:f,isLoading:g,...l})]})}const E=m.withStyles(V,{name:"VdtSavedSearchList"})(_);exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),D=require("clsx"),R=require("@material-ui/core"),V=require("@vidispine/vdt-react"),_=require("./SavedSearchList.js"),b=require("./SaveSearchForm.js"),E=e=>({root:{padding:e.spacing(2)}});function G({classes:e,className:o,markerField:n,markerValue:S,itemSearchDocument:d,onSelect:i,onSaveSuccess:u=()=>{},onSaveError:l=()=>{},SearchListComponent:a=_.default,SearchListProps:h={},SearchFormComponent:r=b.default,SearchFormProps:v={},accessTranslate:f,extraMenuItems:g,isLoading:q=!1,onDeleteError:j=()=>{},enableSearch2:s=!1}){const{onDeleteSearch:x,onUpdateSearchMetadata:P,onGetSavedSearchSettings:p,onSaveSearch:y,searchProps:M}=V.useSavedSearch({markerField:n,markerValue:S,initialSearchState:{rowsPerPage:5}},s),m=({collectionId:c})=>p({collectionId:c}).then(w=>i(w,c));return t.jsxs("div",{className:D(e.root,"VdtSavedSearch-root",o),children:[r&&t.jsx(r,{itemSearchDocument:d,onSuccess:u,onError:l,onSaveSearch:y,...v}),a&&t.jsx(a,{onSelect:m,onDelete:x,onUpdateSearchMetadata:P,searchProps:M,accessTranslate:f,extraMenuItems:g,isLoading:q,onDeleteError:j,enableSearch2:s,...h})]})}const L=R.withStyles(E,{name:"VdtSavedSearchList"})(G);exports.default=L;

package/dist/cjs/search/SavedSearch/SavedSearchList.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),s=require("@material-ui/core"),j=require("../../collection/CollectionSearchPicker/index.js"),x=require("./SavedSearchRow.js"),f={};function g({searchProps:o,searchPlaceholderText:i="Find searches",onSelect:n,onDelete:d,onUpdateSearchMetadata:c,RowComponent:l=x.default,RowProps:u={},accessTranslate:S,extraMenuItems:h,isLoading:v,...P}){return r.jsx(j.default,{searchProps:o,searchPlaceholder:i,CollectionTableComponent:({collectionListType:t,onRefresh:a})=>r.jsx(s.List,{children:t&&t.collection&&t.collection.map(e=>r.jsx(l,{collectionType:e,onSelect:()=>n({collectionId:e.id}),onDelete:()=>Promise.resolve(d({collectionId:e.id}).then(a)),onUpdateSearchMetadata:m=>Promise.resolve(c({collectionId:e.id,metadataDocument:m}).then(a)),accessTranslate:S,extraMenuItems:h,isLoading:v,...u},e.id))}),PaginationProps:{rowsPerPageOptions:[5,10]},...P})}const q=s.withStyles(f,{name:"VdtSavedSearchList"})(g);exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),o=require("@material-ui/core"),x=require("../../collection/CollectionSearchPicker/index.js"),f=require("./SavedSearchRow.js"),g={};function q({searchProps:i,searchPlaceholderText:n="Find searches",onSelect:d,onDelete:c,onUpdateSearchMetadata:l,RowComponent:u=f.default,RowProps:S={},accessTranslate:h,extraMenuItems:v,isLoading:P,onDeleteError:m,...j}){return a.jsx(x.default,{searchProps:i,searchPlaceholder:n,CollectionTableComponent:({collectionListType:t,onRefresh:s})=>a.jsx(o.List,{children:t&&t.collection&&t.collection.map(e=>a.jsx(u,{collectionType:e,onSelect:()=>d({collectionId:e.id}),onDelete:()=>Promise.resolve(c({collectionId:e.id}).catch(r=>{m(r)}).then(s)),onUpdateSearchMetadata:r=>Promise.resolve(l({collectionId:e.id,metadataDocument:r}).then(s)),accessTranslate:h,extraMenuItems:v,isLoading:P,...S},e.id))}),PaginationProps:{rowsPerPageOptions:[5,10]},...j})}const b=o.withStyles(g,{name:"VdtSavedSearchList"})(q);exports.default=b;

package/dist/cjs/search/SavedSearchFolder/FolderRow.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),b=require("react"),Y=require("clsx"),$=require("@material-ui/core"),Z=require("@vidispine/vdt-js"),g=require("@vidispine/vdt-react"),P=require("../SavedSearch/SavedSearchRow.js"),C=require("./AddFolderRow.js"),U={markerValue:"savedSearch",markerField:"eidr_referentType"},ee={indentationWidth:20,indentationDepthStart:1,defaultRowIndentationOffset:15,defalutNewRowIndentation:10},te=()=>({root:{display:"flex",width:"100%",flexWrap:"wrap"},indentationContainer:{display:"flex",width:"100%"}}),ne=a=>({root:{display:"flex",width:"100%"},indentation:{height:25,borderLeft:`1px solid ${a.palette.primary.main}`,borderBottom:`1px solid ${a.palette.primary.main}`,marginRight:5}});function ae({className:a,classes:t,children:c,indentationWidth:u,hideWrapper:x,folderDepth:o,indentationDepthStart:h,isAddRow:d,rowIndentation:l,addNewRowIndentation:I}){const w=d?!0:o>=h,i=d?I:l;return x?null:n.jsxs("div",{className:Y(a,t.root),children:[w&&n.jsx("div",{className:t.indentation,style:{marginLeft:i,minWidth:u}}),c]})}const de=g.compose($.withStyles(ne,{name:"VdtFolderRowContentWrapper"}))(ae);function k({classes:a,id:t,queryParams:c,markerProps:u=U,childFolders:x=[],metadata:o={},itemSearchDocument:h={},folderDepth:d=0,type:l="folder",hideSubFolderSharing:I,onSelect:w,onRemoveItem:i,indentationValues:q={},indentationProps:s=ee,FolderRowContentComponent:y=P.default,FolderRowContentProps:R={},AddRowComponent:F=C.default,AddRowProps:M={},FolderRowContentWrapperComponent:S=de,FolderRowContentWrapperProps:f={},isLoading:v,...z}){const[j,_]=b.useState(),[V,N]=b.useState({id:null,type:null}),{createFolder:A,saveSearch:D,deleteFolder:E,removeItem:G,subFolders:m=[]}=g.useGetSavedSearchFolders({childFolders:x,expand:j,queryParams:c,markerProps:u}),{onDeleteSearch:B,onUpdateSearchMetadata:p,onGetSavedSearchSettings:J}=g.useSavedSearch({...U}),T=({collectionId:e})=>J({collectionId:e}).then(X=>w(X,e)),O=Z.parseMetadataType(o,{joinValue:"_",flat:!0}),W=b.useMemo(()=>{const{__child_collection_size:e=0}=O;return m.length>0||!j&&e>0},[m.length,j,O]),{defalutNewRowIndentation:H,defaultRowIndentationOffset:K,indentationWidth:L}=s,r={rowIndentation:q.rowIndentation||0,addNewRowIndentation:q.addNewRowIndentation||H},Q={rowIndentation:r.addNewRowIndentation,addNewRowIndentation:r.addNewRowIndentation+L+K};return n.jsxs("div",{className:a.root,children:[{folder:n.jsx(S,{folderDepth:d,...r,...s,...f,children:n.jsx(y,{isFolderRow:!0,hideSubFolderSharing:I,type:l,collectionType:{id:t,metadata:o},disableDeletion:W,onDelete:()=>Promise.resolve(E(t)).then(()=>{i&&i(t)}),onUpdateSearchMetadata:e=>p({collectionId:t,metadataDocument:e}),onExpand:()=>_(e=>!e),onAddRow:N,isLoading:v,...R})}),query:n.jsx(S,{folderDepth:d,...r,...s,...f,children:n.jsx(y,{isFolderRow:!0,type:l,collectionType:{id:t,metadata:o},onSelect:()=>T({collectionId:t}),onDelete:()=>Promise.resolve(B({collectionId:t})).then(()=>{i&&i(t)}),onUpdateSearchMetadata:e=>p({collectionId:t,metadataDocument:e}),onAddRow:N,isLoading:v,...R})})}[l],n.jsx(S,{isAddRow:!0,folderDepth:d,...r,...s,hideWrapper:!V.id,...f,children:n.jsx(F,{id:t,setExpand:_,saveSearch:D,onAddRow:N,createFolder:A,itemSearchDocument:h,newField:V,...M})}),m.map(e=>n.jsx(k,{classes:a,id:e.id,queryParams:c,markerProps:u,childFolders:e.subFolders,metadata:e.metadata,itemSearchDocument:h,folderDepth:d+1,type:e.type,hideSubFolderSharing:!0,handleSelect:T,onSelect:w,onRemoveItem:()=>G(e.id),indentationProps:s,FolderRowContentComponent:y,FolderRowContentProps:R,AddRowComponent:F,AddRowProps:M,FolderRowContentWrapperComponent:S,FolderRowContentWrapperProps:f,indentationValues:Q,isLoading:v,props:z},e.id))]})}const ie=$.withStyles(te,{name:"VdtFolderRow"})(k);exports.default=ie;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),b=require("react"),Z=require("clsx"),k=require("@material-ui/core"),P=require("@vidispine/vdt-js"),g=require("@vidispine/vdt-react"),C=require("../SavedSearch/SavedSearchRow.js"),ee=require("./AddFolderRow.js"),$={markerValue:"savedSearch",markerField:"eidr_referentType"},te={indentationWidth:20,indentationDepthStart:1,defaultRowIndentationOffset:15,defalutNewRowIndentation:10},ne=()=>({root:{display:"flex",width:"100%",flexWrap:"wrap"},indentationContainer:{display:"flex",width:"100%"}}),ae=a=>({root:{display:"flex",width:"100%"},indentation:{height:25,borderLeft:`1px solid ${a.palette.primary.main}`,borderBottom:`1px solid ${a.palette.primary.main}`,marginRight:5}});function de({className:a,classes:t,children:c,indentationWidth:u,hideWrapper:x,folderDepth:o,indentationDepthStart:h,isAddRow:d,rowIndentation:l,addNewRowIndentation:I}){const w=d?!0:o>=h,i=d?I:l;return x?null:n.jsxs("div",{className:Z(a,t.root),children:[w&&n.jsx("div",{className:t.indentation,style:{marginLeft:i,minWidth:u}}),c]})}const ie=g.compose(k.withStyles(ae,{name:"VdtFolderRowContentWrapper"}))(de);function z({classes:a,id:t,queryParams:c,markerProps:u=$,childFolders:x=[],metadata:o={},itemSearchDocument:h={},folderDepth:d=0,type:l="folder",hideSubFolderSharing:I,onSelect:w,onRemoveItem:i,indentationValues:q={},indentationProps:s=te,FolderRowContentComponent:y=C.default,FolderRowContentProps:R={},AddRowComponent:F=ee.default,AddRowProps:M={},FolderRowContentWrapperComponent:S=ie,FolderRowContentWrapperProps:f={},isLoading:v,onDeleteError:_,...A}){const[j,V]=b.useState(),[p,N]=b.useState({id:null,type:null}),{createFolder:G,saveSearch:B,deleteFolder:D,removeItem:E,subFolders:m=[]}=g.useGetSavedSearchFolders({childFolders:x,expand:j,queryParams:c,markerProps:u}),{onDeleteSearch:J,onUpdateSearchMetadata:T,onGetSavedSearchSettings:W}=g.useSavedSearch({...$}),O=({collectionId:e})=>W({collectionId:e}).then(Y=>w(Y,e)),U=P.parseMetadataType(o,{joinValue:"_",flat:!0}),H=b.useMemo(()=>{const{__child_collection_size:e=0}=U;return m.length>0||!j&&e>0},[m.length,j,U]),{defalutNewRowIndentation:K,defaultRowIndentationOffset:L,indentationWidth:Q}=s,r={rowIndentation:q.rowIndentation||0,addNewRowIndentation:q.addNewRowIndentation||K},X={rowIndentation:r.addNewRowIndentation,addNewRowIndentation:r.addNewRowIndentation+Q+L};return n.jsxs("div",{className:a.root,children:[{folder:n.jsx(S,{folderDepth:d,...r,...s,...f,children:n.jsx(y,{isFolderRow:!0,hideSubFolderSharing:I,type:l,collectionType:{id:t,metadata:o},disableDeletion:H,onDelete:()=>Promise.resolve(D(t)).then(()=>{i&&i(t)}),onUpdateSearchMetadata:e=>T({collectionId:t,metadataDocument:e}),onExpand:()=>V(e=>!e),onAddRow:N,isLoading:v,...R})}),query:n.jsx(S,{folderDepth:d,...r,...s,...f,children:n.jsx(y,{isFolderRow:!0,type:l,collectionType:{id:t,metadata:o},onSelect:()=>O({collectionId:t}),onDelete:()=>Promise.resolve(J({collectionId:t})).then(()=>{i&&i(t)}).catch(e=>{_(e)}),onUpdateSearchMetadata:e=>T({collectionId:t,metadataDocument:e}),onAddRow:N,isLoading:v,...R})})}[l],n.jsx(S,{isAddRow:!0,folderDepth:d,...r,...s,hideWrapper:!p.id,...f,children:n.jsx(F,{id:t,setExpand:V,saveSearch:B,onAddRow:N,createFolder:G,itemSearchDocument:h,newField:p,...M})}),m.map(e=>n.jsx(z,{classes:a,id:e.id,queryParams:c,markerProps:u,childFolders:e.subFolders,metadata:e.metadata,itemSearchDocument:h,folderDepth:d+1,type:e.type,hideSubFolderSharing:!0,handleSelect:O,onSelect:w,onRemoveItem:()=>E(e.id),indentationProps:s,FolderRowContentComponent:y,FolderRowContentProps:R,AddRowComponent:F,AddRowProps:M,FolderRowContentWrapperComponent:S,FolderRowContentWrapperProps:f,indentationValues:X,isLoading:v,onDeleteError:_,props:A},e.id))]})}const oe=k.withStyles(ne,{name:"VdtFolderRow"})(z);exports.default=oe;

package/dist/es/collection/CollectionSearchPicker/CollectionSearchPicker.js

@@ -1,95 +1,100 @@
-import { jsx as r, jsxs as q } from "react/jsx-runtime";
-import { useState as W, useEffect as $ } from "react";
-import D from "clsx";
+import { jsx as n, jsxs as W } from "react/jsx-runtime";
+import { useState as $, useEffect as D } from "react";
+import E from "clsx";
 import e from "prop-types";
-import { useSearch as E, SearchCollection as V } from "@vidispine/vdt-react";
-import z from "../../search/Pagination.js";
-import A from "../../search/SearchInput/index.js";
-import B from "../CollectionTable/index.js";
-function F({ PaginationComponent: t = z, ...n }) {
+import { useSearch as V, SearchCollection as z } from "@vidispine/vdt-react";
+import A from "../../search/Pagination.js";
+import B from "../../search/SearchInput/index.js";
+import F from "../CollectionTable/index.js";
+function G({ PaginationComponent: t = A, ...a }) {
   const {
-    collectionListType: { hits: a = 0 }
-  } = n;
-  return /* @__PURE__ */ r(t, { count: a, ...n });
+    collectionListType: { hits: r = 0 }
+  } = a;
+  return /* @__PURE__ */ n(t, { count: r, ...a });
 }
-function G(t) {
-  const { isLoading: n } = t;
-  return /* @__PURE__ */ r(A, { submitting: n, ...t });
+function H(t) {
+  const { isLoading: a } = t;
+  return /* @__PURE__ */ n(B, { submitting: a, ...t });
 }
-const Z = () => ({
+const ee = () => ({
   root: {}
 });
-function i({
+function p({
   className: t,
-  classes: n,
-  onChange: a,
-  onCheck: p,
+  classes: a,
+  onChange: r,
+  onCheck: h,
   CollectionTableComponent: m,
-  CollectionTableProps: h,
-  searchProps: u,
-  idLabelText: P,
-  titleLabelText: f,
+  CollectionTableProps: u,
+  searchProps: P,
+  idLabelText: f,
+  titleLabelText: b,
   ownerLabelText: d,
-  searchPlaceholder: b,
-  SearchInputProps: C,
-  PaginationProps: g,
-  SearchCollectionProps: S
+  searchPlaceholder: C,
+  SearchInputProps: g,
+  PaginationProps: S,
+  SearchCollectionProps: T,
+  enableSearch2: s
 }) {
-  const T = E({
-    queryParams: {
-      field: ["collectionId", "title", "__user"],
-      content: "metadata"
-    }
-  }), { state: x, setSearchText: y, onChangeRowsPerPage: k, onChangePage: j } = u || T, { matrixParams: L, queryParams: v, itemSearchDocument: w, page: O, rowsPerPage: I } = x, [c, l] = W([]), _ = (o) => {
-    c.includes(o) ? l((s) => s.filter((R) => R !== o)) : l((s) => [...s, o]);
+  const x = V(
+    {
+      queryParams: {
+        field: ["collectionId", "title", "__user"],
+        content: "metadata"
+      }
+    },
+    s
+  ), { state: y, setSearchText: k, onChangeRowsPerPage: j, onChangePage: L } = P || x, { matrixParams: v, queryParams: w, itemSearchDocument: O, page: I, rowsPerPage: _ } = y, [c, i] = $([]), N = (o) => {
+    c.includes(o) ? i((l) => l.filter((q) => q !== o)) : i((l) => [...l, o]);
   };
-  $(() => a && a(c), [c]);
-  const N = ({ id: o }) => _(o);
-  return /* @__PURE__ */ r("div", { className: D(n.root, "VdtCollectionSearchPicker", t), children: /* @__PURE__ */ q(
-    V,
+  D(() => r && r(c), [c]);
+  const R = ({ id: o }) => N(o);
+  return /* @__PURE__ */ n("div", { className: E(a.root, "VdtCollectionSearchPicker", t), children: /* @__PURE__ */ W(
+    z,
     {
-      itemSearchDocument: w,
-      matrixParams: L,
-      queryParams: v,
-      ...S,
+      itemSearchDocument: O,
+      matrixParams: v,
+      queryParams: w,
+      enableSearch2: s,
+      ...T,
       children: [
-        /* @__PURE__ */ r(
-          G,
+        /* @__PURE__ */ n(
+          H,
           {
-            onSubmit: (o) => y(`*${o}*`),
-            searchPlaceholder: b,
-            ...C
+            onSubmit: (o) => k(`*${o}*`),
+            searchPlaceholder: C,
+            ...g
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ n(
           m,
           {
-            onRowClick: N,
-            onCheck: p,
+            onRowClick: R,
+            onCheck: h,
             selected: c,
             options: [
-              { label: f, value: "title" },
-              { label: P, value: "collectionId" },
+              { label: b, value: "title" },
+              { label: f, value: "collectionId" },
               { label: d, value: "__user" }
             ],
-            ...h
+            ...u
           }
         ),
-        /* @__PURE__ */ r(
-          F,
+        /* @__PURE__ */ n(
+          G,
           {
-            onChangePage: j,
-            onChangeRowsPerPage: k,
-            page: O,
-            rowsPerPage: I,
-            ...g
+            onChangePage: L,
+            onChangeRowsPerPage: j,
+            page: I,
+            rowsPerPage: _,
+            ...S
           }
         )
       ]
     }
   ) });
 }
-i.propTypes = {
+p.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    */
@@ -109,15 +114,16 @@ i.propTypes = {
   searchPlaceholder: e.string,
   SearchInputProps: e.objectOf(e.any),
   PaginationProps: e.objectOf(e.any),
-  SearchCollectionProps: e.objectOf(e.any)
+  SearchCollectionProps: e.objectOf(e.any),
+  enableSearch2: e.bool
 };
-i.defaultProps = {
+p.defaultProps = {
   className: void 0,
   classes: {},
   onChange: void 0,
   onCheck: () => {
   },
-  CollectionTableComponent: B,
+  CollectionTableComponent: F,
   CollectionTableProps: {},
   searchProps: void 0,
   idLabelText: "Id",
@@ -126,9 +132,10 @@ i.defaultProps = {
   searchPlaceholder: "Search collections",
   SearchInputProps: {},
   PaginationProps: {},
-  SearchCollectionProps: {}
+  SearchCollectionProps: {},
+  enableSearch2: !1
 };
 export {
-  i as default,
-  Z as styles
+  p as default,
+  ee as styles
 };

package/dist/es/entity/EntityAccessAdd.js

@@ -1,7 +1,7 @@
-import { jsxs as d, jsx as i } from "react/jsx-runtime";
-import { useMemo as F, useReducer as M, useCallback as f, useState as I, useEffect as W } from "react";
-import { withStyles as $, Button as b, TextField as B, FormControl as Y, FormLabel as k, RadioGroup as q, FormControlLabel as V, Radio as z } from "@material-ui/core";
-import { createFilterOptions as J, Autocomplete as K, ToggleButtonGroup as Q, ToggleButton as A } from "@material-ui/lab";
+import { jsxs as h, jsx as u } from "react/jsx-runtime";
+import { useMemo as F, useReducer as M, useCallback as N, useState as U, useEffect as W } from "react";
+import { withStyles as $, Button as A, TextField as B, FormControl as Y, FormLabel as k, RadioGroup as q, FormControlLabel as V, Radio as z } from "@material-ui/core";
+import { createFilterOptions as J, Autocomplete as K, ToggleButtonGroup as Q, ToggleButton as T } from "@material-ui/lab";
 import { access as X, group as Z, user as ee } from "@vidispine/vdt-api";
 const c = {
   GROUP: "group",
@@ -11,7 +11,7 @@ const c = {
   WRITE: "WRITE",
   READ: "READ",
   NONE: "NONE"
-}, re = (e) => ({
+}, te = (e) => ({
   root: {},
   recipientRoot: {
     display: "flex",
@@ -31,52 +31,53 @@ const c = {
     }
   },
   actionsSubmit: {}
-}), te = (e, n) => {
+}), re = (e, n) => {
   switch (n.type) {
     case "CHANGE_PERMISSION":
       return { ...e, permission: n.value };
     case "CHANGE_RECIPIENT":
       return e[c.USER] !== void 0 ? { ...e, [c.USER]: n.value } : e[c.GROUP] !== void 0 ? { ...e, [c.GROUP]: n.value } : e;
     case "CHANGE_RECIPIENTTYPE": {
-      const { [c.USER]: r, [c.GROUP]: t, ...u } = e;
-      return { ...u, [n.value]: null };
+      const { [c.USER]: t, [c.GROUP]: o, ...r } = e;
+      return { ...r, [n.value]: null };
     }
     default:
       throw new Error(`Unhandled action type: ${n.type}`);
   }
 }, oe = (e) => {
-  const [n, r] = M(te, e), t = f(
-    (o) => r({ value: o, type: "CHANGE_PERMISSION" }),
+  const [n, t] = M(re, e), o = N(
+    (a) => t({ value: a, type: "CHANGE_PERMISSION" }),
     []
-  ), u = f(
-    (o) => r({ value: o, type: "CHANGE_RECIPIENT" }),
+  ), r = N(
+    (a) => t({ value: a, type: "CHANGE_RECIPIENT" }),
     []
-  ), s = f(
-    (o) => r({ value: o, type: "CHANGE_RECIPIENTTYPE" }),
+  ), s = N(
+    (a) => t({ value: a, type: "CHANGE_RECIPIENTTYPE" }),
     []
   );
   return {
     accessControlDocument: n,
-    onChangePermission: t,
-    onChangeRecipient: u,
+    onChangePermission: o,
+    onChangeRecipient: r,
     onChangeRecipientType: s
   };
 };
-async function ae({ searchText: e, hideDefaultGroups: n }) {
+async function ae({ searchText: e, hideDefaultGroups: n, searchOperator: t }) {
   const {
-    data: { group: r = [] }
+    data: { group: o = [] }
   } = await Z.searchGroup({
     groupSearchDocument: {
-      field: [{ name: "groupname", value: e }]
+      field: [{ name: "groupname", value: e }],
+      ...t ? { operator: t } : {}
     },
     // Doesn't have ignoreCase param
     queryParams: { number: 100, role: !n }
   });
-  return n ? r.map((t) => ({ groupName: t.groupName })).filter((t) => !t.groupName.startsWith("_")) : r.map((t) => ({ groupName: t.groupName }));
+  return n ? o.map((r) => ({ groupName: r.groupName })).filter((r) => !r.groupName.startsWith("_")) : o.map((r) => ({ groupName: r.groupName }));
 }
 async function ie({ searchText: e, displayRealName: n = !0 }) {
   const {
-    data: { user: r = [] }
+    data: { user: t = [] }
   } = await ee.searchUser({
     userSearchDocument: {
       operator: {
@@ -95,172 +96,173 @@ async function ie({ searchText: e, displayRealName: n = !0 }) {
     },
     queryParams: { number: 100, ignoreCase: !0 }
   });
-  return r.map((t) => ({
-    userName: t.userName,
-    ...n && { realName: t.realName }
+  return t.map((o) => ({
+    userName: o.userName,
+    ...n && { realName: o.realName }
   }));
 }
-function T({
+function _({
   onSearch: e,
   onChange: n,
-  displayRealName: r = !0,
-  label: t,
-  hideDefaultGroups: u
+  displayRealName: t = !0,
+  label: o,
+  hideDefaultGroups: r,
+  searchOperator: s
 }) {
-  const [s, o] = I([]), [S, g] = I(""), [v, E] = I(null), h = f(
-    (a) => {
-      e({ searchText: a, hideDefaultGroups: u, displayRealName: r }).then(o);
+  const [a, f] = U([]), [g, S] = U(""), [E, v] = U(null), d = N(
+    (i) => {
+      e({ searchText: i, hideDefaultGroups: r, displayRealName: t, searchOperator: s }).then(f);
     },
-    [e, u, r]
-  ), R = (a, l, m) => {
-    g(l), m === "input" && h(l);
-  }, y = (a, l) => {
-    const { groupName: m, userName: P } = l || {};
-    E(l), n(l ? P || m : null);
+    [e, r, t, s]
+  ), y = (i, l, m) => {
+    S(l), m === "input" && d(l);
+  }, R = (i, l) => {
+    const { groupName: m, userName: I } = l || {};
+    v(l), n(l ? I || m : null);
   };
   W(() => {
-    h("");
-  }, [h]);
-  const C = J({
-    stringify: (a) => a.groupName ? a.groupName : a.realName + a.userName
+    d("");
+  }, [d]);
+  const P = J({
+    stringify: (i) => i.groupName ? i.groupName : i.realName + i.userName
   });
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ u(
     K,
     {
-      value: v,
-      inputValue: S,
-      options: s,
-      filterOptions: C,
-      onChange: y,
-      onInputChange: R,
-      renderInput: (a) => /* @__PURE__ */ i(B, { ...a, label: t, variant: "outlined" }),
-      getOptionLabel: ({ realName: a, userName: l, groupName: m }) => r && a || l || m
+      value: E,
+      inputValue: g,
+      options: a,
+      filterOptions: P,
+      onChange: R,
+      onInputChange: y,
+      renderInput: (i) => /* @__PURE__ */ u(B, { ...i, label: o, variant: "outlined" }),
+      getOptionLabel: ({ realName: i, userName: l, groupName: m }) => t && i || l || m
     }
   );
 }
-function ce({ value: e, label: n, onChange: r, choices: t = ne, selected: u }) {
-  return /* @__PURE__ */ d(Y, { margin: "normal", fullWidth: !0, children: [
-    /* @__PURE__ */ i(k, { children: n }),
-    /* @__PURE__ */ i(q, { value: e, onChange: (s) => r(s.target.value), children: Object.entries(t).map(([s, o]) => /* @__PURE__ */ i(
+function ue({ value: e, label: n, onChange: t, choices: o = ne, selected: r }) {
+  return /* @__PURE__ */ h(Y, { margin: "normal", fullWidth: !0, children: [
+    /* @__PURE__ */ u(k, { children: n }),
+    /* @__PURE__ */ u(q, { value: e, onChange: (s) => t(s.target.value), children: Object.entries(o).map(([s, a]) => /* @__PURE__ */ u(
       V,
       {
         value: s,
-        control: /* @__PURE__ */ i(z, {}),
-        label: o,
-        disabled: !u
+        control: /* @__PURE__ */ u(z, {}),
+        label: a,
+        disabled: !r
       },
       s
     )) })
   ] });
 }
-function ue({ onChange: e, value: n, userText: r, groupText: t }) {
-  return /* @__PURE__ */ d(Q, { value: n, exclusive: !0, onChange: (s, o) => {
-    o !== null && e(o);
+function ce({ onChange: e, value: n, userText: t, groupText: o }) {
+  return /* @__PURE__ */ h(Q, { value: n, exclusive: !0, onChange: (s, a) => {
+    a !== null && e(a);
   }, children: [
-    /* @__PURE__ */ i(A, { value: c.USER, children: r }),
-    /* @__PURE__ */ i(A, { value: c.GROUP, children: t })
+    /* @__PURE__ */ u(T, { value: c.USER, children: t }),
+    /* @__PURE__ */ u(T, { value: c.GROUP, children: o })
   ] });
 }
 function se({
   classes: e,
   entityType: n,
-  entityId: r,
-  onSuccess: t = () => {
+  entityId: t,
+  onSuccess: o = () => {
   },
-  onError: u = () => {
+  onError: r = () => {
   },
   onSubmit: s = X.createEntityAccess,
-  onCancel: o,
-  initialAccessControlDocument: S = { user: null },
-  UserPickerComponent: g = T,
-  UserPickerProps: v = {},
-  GroupPickerComponent: E = T,
-  GroupPickerProps: h = {},
-  PermissionPickerComponent: R = ce,
+  onCancel: a,
+  initialAccessControlDocument: f = { user: null },
+  UserPickerComponent: g = _,
+  UserPickerProps: S = {},
+  GroupPickerComponent: E = _,
+  GroupPickerProps: v = {},
+  PermissionPickerComponent: d = ue,
   PermissionPickerProps: y,
-  RecipientTypePickerComponent: C = ue,
-  RecipientTypePickerProps: a,
-  permissionText: l = "Permission",
-  grantAccessText: m = "Grant Access",
-  userText: P = "User",
-  groupText: _ = "Group",
-  searchText: O = "Search",
+  RecipientTypePickerComponent: R = ce,
+  RecipientTypePickerProps: P,
+  permissionText: i = "Permission",
+  grantAccessText: l = "Grant Access",
+  userText: m = "User",
+  groupText: I = "Group",
+  searchText: G = "Search",
   cancelText: x = "Cancel",
   hideDefaultGroups: L = !0
 }) {
-  const { accessControlDocument: p, onChangePermission: w, onChangeRecipient: U, onChangeRecipientType: D } = oe(S), H = () => Promise.resolve(
+  const { accessControlDocument: p, onChangePermission: w, onChangeRecipient: O, onChangeRecipientType: D } = oe(f), H = () => Promise.resolve(
     s({
       entityType: n,
-      entityId: r,
+      entityId: t,
       accessControlDocument: p
     })
-  ).then(t).catch(u), { permission: G = "" } = p, N = F(() => {
+  ).then(o).catch(r), { permission: b = "" } = p, C = F(() => {
     if (p[c.USER] !== void 0)
       return c.USER;
     if (p[c.GROUP] !== void 0)
       return c.GROUP;
   }, [p]), [j] = Object.values(p);
-  return /* @__PURE__ */ d("div", { className: e.root, children: [
-    /* @__PURE__ */ d("div", { className: e.recipientRoot, children: [
-      C ? /* @__PURE__ */ i(
-        C,
+  return /* @__PURE__ */ h("div", { className: e.root, children: [
+    /* @__PURE__ */ h("div", { className: e.recipientRoot, children: [
+      R ? /* @__PURE__ */ u(
+        R,
         {
-          value: N,
+          value: C,
           onChange: D,
-          userText: P,
-          groupText: _,
-          ...a
+          userText: m,
+          groupText: I,
+          ...P
         }
       ) : null,
-      /* @__PURE__ */ d("div", { className: e.recipientType, children: [
-        g && N === c.USER ? /* @__PURE__ */ i(
+      /* @__PURE__ */ h("div", { className: e.recipientType, children: [
+        g && C === c.USER ? /* @__PURE__ */ u(
           g,
           {
             onSearch: ie,
-            onChange: U,
-            label: O,
-            ...v
+            onChange: O,
+            label: G,
+            ...S
           }
         ) : null,
-        E && N === c.GROUP ? /* @__PURE__ */ i(
+        E && C === c.GROUP ? /* @__PURE__ */ u(
           E,
           {
             onSearch: ae,
-            onChange: U,
-            label: O,
-            ...h,
+            onChange: O,
+            label: G,
+            ...v,
             hideDefaultGroups: L
           }
         ) : null
       ] })
     ] }),
-    R ? /* @__PURE__ */ i(
-      R,
+    d ? /* @__PURE__ */ u(
+      d,
       {
-        value: G,
+        value: b,
         onChange: w,
         selected: j,
-        label: l,
+        label: i,
         ...y
       }
     ) : null,
-    /* @__PURE__ */ d("div", { className: e.actions, children: [
-      o ? /* @__PURE__ */ i(b, { className: e.actionsCancel, onClick: o, children: x }) : null,
-      /* @__PURE__ */ i(
-        b,
+    /* @__PURE__ */ h("div", { className: e.actions, children: [
+      a ? /* @__PURE__ */ u(A, { className: e.actionsCancel, onClick: a, children: x }) : null,
+      /* @__PURE__ */ u(
+        A,
         {
           className: e.actionsSubmit,
           onClick: H,
-          disabled: !p[N] || !G,
+          disabled: !p[C] || !b,
           variant: "outlined",
           color: "primary",
-          children: m
+          children: l
         }
       )
     ] })
   ] });
 }
-const ge = $(re, { name: "VdtEntityAccessEdit" })(se);
+const ge = $(te, { name: "VdtEntityAccessEdit" })(se);
 export {
   ge as default
 };

package/dist/es/search/SavedSearch/SavedSearch.js

@@ -1,67 +1,75 @@
-import { jsxs as D, jsx as o } from "react/jsx-runtime";
-import V from "clsx";
-import { withStyles as E } from "@material-ui/core";
-import { useSavedSearch as G } from "@vidispine/vdt-react";
-import L from "./SavedSearchList.js";
-import M from "./SaveSearchForm.js";
-const N = (e) => ({
+import { jsxs as E, jsx as s } from "react/jsx-runtime";
+import G from "clsx";
+import { withStyles as L } from "@material-ui/core";
+import { useSavedSearch as M } from "@vidispine/vdt-react";
+import N from "./SavedSearchList.js";
+import U from "./SaveSearchForm.js";
+const $ = (e) => ({
   root: {
     padding: e.spacing(2)
   }
 });
-function U({
+function k({
   classes: e,
   className: S,
-  markerField: s,
-  markerValue: c,
-  itemSearchDocument: n,
-  onSelect: d,
-  onSaveSuccess: i = () => {
+  markerField: c,
+  markerValue: n,
+  itemSearchDocument: d,
+  onSelect: i,
+  onSaveSuccess: h = () => {
   },
-  onSaveError: h = () => {
+  onSaveError: m = () => {
   },
-  SearchListComponent: a = L,
-  SearchListProps: m = {},
-  SearchFormComponent: r = M,
-  SearchFormProps: l = {},
+  SearchListComponent: a = N,
+  SearchListProps: l = {},
+  SearchFormComponent: r = U,
+  SearchFormProps: f = {},
   accessTranslate: v,
-  extraMenuItems: f,
-  isLoading: p = !1
+  extraMenuItems: p,
+  isLoading: u = !1,
+  onDeleteError: g = () => {
+  },
+  enableSearch2: t = !1
 }) {
   const {
-    onDeleteSearch: u,
-    onUpdateSearchMetadata: g,
-    onGetSavedSearchSettings: x,
-    onSaveSearch: P,
-    searchProps: j
-  } = G({ markerField: s, markerValue: c, initialSearchState: { rowsPerPage: 5 } }), w = ({ collectionId: t }) => x({ collectionId: t }).then((y) => d(y, t));
-  return /* @__PURE__ */ D("div", { className: V(e.root, "VdtSavedSearch-root", S), children: [
-    r && /* @__PURE__ */ o(
+    onDeleteSearch: x,
+    onUpdateSearchMetadata: P,
+    onGetSavedSearchSettings: j,
+    onSaveSearch: w,
+    searchProps: y
+  } = M(
+    { markerField: c, markerValue: n, initialSearchState: { rowsPerPage: 5 } },
+    t
+  ), D = ({ collectionId: o }) => j({ collectionId: o }).then((V) => i(V, o));
+  return /* @__PURE__ */ E("div", { className: G(e.root, "VdtSavedSearch-root", S), children: [
+    r && /* @__PURE__ */ s(
       r,
       {
-        itemSearchDocument: n,
-        onSuccess: i,
-        onError: h,
-        onSaveSearch: P,
-        ...l
+        itemSearchDocument: d,
+        onSuccess: h,
+        onError: m,
+        onSaveSearch: w,
+        ...f
       }
     ),
-    a && /* @__PURE__ */ o(
+    a && /* @__PURE__ */ s(
       a,
       {
-        onSelect: w,
-        onDelete: u,
-        onUpdateSearchMetadata: g,
-        searchProps: j,
+        onSelect: D,
+        onDelete: x,
+        onUpdateSearchMetadata: P,
+        searchProps: y,
         accessTranslate: v,
-        extraMenuItems: f,
-        isLoading: p,
-        ...m
+        extraMenuItems: p,
+        isLoading: u,
+        onDeleteError: g,
+        enableSearch2: t,
+        ...l
       }
     )
   ] });
 }
-const B = E(N, { name: "VdtSavedSearchList" })(U);
+const J = L($, { name: "VdtSavedSearchList" })(k);
 export {
-  B as default
+  J as default
 };

package/dist/es/search/SavedSearch/SavedSearchList.js

@@ -1,51 +1,56 @@
-import { jsx as t } from "react/jsx-runtime";
-import { withStyles as f, List as p } from "@material-ui/core";
-import u from "../../collection/CollectionSearchPicker/index.js";
-import w from "./SavedSearchRow.js";
-const C = {};
-function I({
-  searchProps: a,
-  searchPlaceholderText: i = "Find searches",
-  onSelect: n,
-  onDelete: d,
-  onUpdateSearchMetadata: s,
-  RowComponent: m = w,
-  RowProps: c = {},
-  accessTranslate: h,
-  extraMenuItems: l,
-  isLoading: S,
-  ...P
+import { jsx as r } from "react/jsx-runtime";
+import { withStyles as p, List as u } from "@material-ui/core";
+import w from "../../collection/CollectionSearchPicker/index.js";
+import C from "./SavedSearchRow.js";
+const I = {};
+function g({
+  searchProps: i,
+  searchPlaceholderText: n = "Find searches",
+  onSelect: d,
+  onDelete: s,
+  onUpdateSearchMetadata: c,
+  RowComponent: m = C,
+  RowProps: h = {},
+  accessTranslate: l,
+  extraMenuItems: S,
+  isLoading: P,
+  onDeleteError: v,
+  ...f
 }) {
-  return /* @__PURE__ */ t(
-    u,
+  return /* @__PURE__ */ r(
+    w,
     {
-      searchProps: a,
-      searchPlaceholder: i,
-      CollectionTableComponent: ({ collectionListType: o, onRefresh: r }) => /* @__PURE__ */ t(p, { children: o && o.collection && o.collection.map((e) => /* @__PURE__ */ t(
+      searchProps: i,
+      searchPlaceholder: n,
+      CollectionTableComponent: ({ collectionListType: o, onRefresh: a }) => /* @__PURE__ */ r(u, { children: o && o.collection && o.collection.map((e) => /* @__PURE__ */ r(
         m,
         {
           collectionType: e,
-          onSelect: () => n({ collectionId: e.id }),
-          onDelete: () => Promise.resolve(d({ collectionId: e.id }).then(r)),
-          onUpdateSearchMetadata: (v) => Promise.resolve(
-            s({
+          onSelect: () => d({ collectionId: e.id }),
+          onDelete: () => Promise.resolve(
+            s({ collectionId: e.id }).catch((t) => {
+              v(t);
+            }).then(a)
+          ),
+          onUpdateSearchMetadata: (t) => Promise.resolve(
+            c({
               collectionId: e.id,
-              metadataDocument: v
-            }).then(r)
+              metadataDocument: t
+            }).then(a)
           ),
-          accessTranslate: h,
-          extraMenuItems: l,
-          isLoading: S,
-          ...c
+          accessTranslate: l,
+          extraMenuItems: S,
+          isLoading: P,
+          ...h
         },
         e.id
       )) }),
       PaginationProps: { rowsPerPageOptions: [5, 10] },
-      ...P
+      ...f
     }
   );
 }
-const j = f(C, { name: "VdtSavedSearchList" })(I);
+const D = p(I, { name: "VdtSavedSearchList" })(g);
 export {
-  j as default
+  D as default
 };

package/dist/es/search/SavedSearchFolder/FolderRow.js

@@ -1,20 +1,20 @@
-import { jsxs as k, jsx as n } from "react/jsx-runtime";
-import { useState as U, useMemo as Y } from "react";
-import Z from "clsx";
-import { withStyles as z } from "@material-ui/core";
-import { parseMetadataType as P } from "@vidispine/vdt-js";
-import { compose as C, useGetSavedSearchFolders as ee, useSavedSearch as te } from "@vidispine/vdt-react";
-import ne from "../SavedSearch/SavedSearchRow.js";
-import ae from "./AddFolderRow.js";
-const $ = {
+import { jsxs as z, jsx as n } from "react/jsx-runtime";
+import { useState as $, useMemo as Z } from "react";
+import P from "clsx";
+import { withStyles as A } from "@material-ui/core";
+import { parseMetadataType as C } from "@vidispine/vdt-js";
+import { compose as ee, useGetSavedSearchFolders as te, useSavedSearch as ne } from "@vidispine/vdt-react";
+import ae from "../SavedSearch/SavedSearchRow.js";
+import de from "./AddFolderRow.js";
+const k = {
   markerValue: "savedSearch",
   markerField: "eidr_referentType"
-}, de = {
+}, oe = {
   indentationWidth: 20,
   indentationDepthStart: 1,
   defaultRowIndentationOffset: 15,
   defalutNewRowIndentation: 10
-}, oe = () => ({
+}, ie = () => ({
   root: {
     display: "flex",
     width: "100%",
@@ -24,7 +24,7 @@ const $ = {
     display: "flex",
     width: "100%"
   }
-}), ie = (a) => ({
+}), le = (a) => ({
   root: {
     display: "flex",
     width: "100%"
@@ -36,7 +36,7 @@ const $ = {
     marginRight: 5
   }
 });
-function le({
+function re({
   className: a,
   classes: t,
   children: s,
@@ -49,7 +49,7 @@ function le({
   addNewRowIndentation: I
 }) {
   const w = d ? !0 : i >= u, o = d ? I : l;
-  return S ? null : /* @__PURE__ */ k("div", { className: Z(a, t.root), children: [
+  return S ? null : /* @__PURE__ */ z("div", { className: P(a, t.root), children: [
     w && /* @__PURE__ */ n(
       "div",
       {
@@ -63,14 +63,14 @@ function le({
     s
   ] });
 }
-const re = C(
-  z(ie, { name: "VdtFolderRowContentWrapper" })
-)(le);
-function A({
+const ce = ee(
+  A(le, { name: "VdtFolderRowContentWrapper" })
+)(re);
+function G({
   classes: a,
   id: t,
   queryParams: s,
-  markerProps: h = $,
+  markerProps: h = k,
   childFolders: S = [],
   metadata: i = {},
   itemSearchDocument: u = {},
@@ -80,40 +80,41 @@ function A({
   onSelect: w,
   onRemoveItem: o,
   indentationValues: F = {},
-  indentationProps: r = de,
-  FolderRowContentComponent: y = ne,
+  indentationProps: r = oe,
+  FolderRowContentComponent: y = ae,
   FolderRowContentProps: p = {},
-  AddRowComponent: b = ae,
+  AddRowComponent: b = de,
   AddRowProps: g = {},
-  FolderRowContentWrapperComponent: f = re,
+  FolderRowContentWrapperComponent: f = ce,
   FolderRowContentWrapperProps: m = {},
   isLoading: x,
-  ...D
+  onDeleteError: M,
+  ...O
 }) {
-  const [R, M] = U(), [V, N] = U({ id: null, type: null }), {
-    createFolder: E,
-    saveSearch: G,
-    deleteFolder: O,
-    removeItem: B,
+  const [R, V] = $(), [_, N] = $({ id: null, type: null }), {
+    createFolder: B,
+    saveSearch: D,
+    deleteFolder: E,
+    removeItem: W,
     subFolders: v = []
-  } = ee({
+  } = te({
     childFolders: S,
     expand: R,
     queryParams: s,
     markerProps: h
-  }), { onDeleteSearch: W, onUpdateSearchMetadata: _, onGetSavedSearchSettings: q } = te({
-    ...$
-  }), T = ({ collectionId: e }) => q({ collectionId: e }).then((X) => w(X, e)), j = P(i, { joinValue: "_", flat: !0 }), H = Y(() => {
-    const { __child_collection_size: e = 0 } = j;
+  }), { onDeleteSearch: q, onUpdateSearchMetadata: T, onGetSavedSearchSettings: H } = ne({
+    ...k
+  }), j = ({ collectionId: e }) => H({ collectionId: e }).then((Y) => w(Y, e)), U = C(i, { joinValue: "_", flat: !0 }), J = Z(() => {
+    const { __child_collection_size: e = 0 } = U;
     return v.length > 0 || !R && e > 0;
-  }, [v.length, R, j]), { defalutNewRowIndentation: J, defaultRowIndentationOffset: K, indentationWidth: L } = r, c = {
+  }, [v.length, R, U]), { defalutNewRowIndentation: K, defaultRowIndentationOffset: L, indentationWidth: Q } = r, c = {
     rowIndentation: F.rowIndentation || 0,
-    addNewRowIndentation: F.addNewRowIndentation || J
-  }, Q = {
+    addNewRowIndentation: F.addNewRowIndentation || K
+  }, X = {
     rowIndentation: c.addNewRowIndentation,
-    addNewRowIndentation: c.addNewRowIndentation + L + K
+    addNewRowIndentation: c.addNewRowIndentation + Q + L
   };
-  return /* @__PURE__ */ k("div", { className: a.root, children: [
+  return /* @__PURE__ */ z("div", { className: a.root, children: [
     {
       folder: /* @__PURE__ */ n(
         f,
@@ -129,15 +130,15 @@ function A({
               hideSubFolderSharing: I,
               type: l,
               collectionType: { id: t, metadata: i },
-              disableDeletion: H,
-              onDelete: () => Promise.resolve(O(t)).then(() => {
+              disableDeletion: J,
+              onDelete: () => Promise.resolve(E(t)).then(() => {
                 o && o(t);
               }),
-              onUpdateSearchMetadata: (e) => _({
+              onUpdateSearchMetadata: (e) => T({
                 collectionId: t,
                 metadataDocument: e
               }),
-              onExpand: () => M((e) => !e),
+              onExpand: () => V((e) => !e),
               onAddRow: N,
               isLoading: x,
               ...p
@@ -158,11 +159,13 @@ function A({
               isFolderRow: !0,
               type: l,
               collectionType: { id: t, metadata: i },
-              onSelect: () => T({ collectionId: t }),
-              onDelete: () => Promise.resolve(W({ collectionId: t })).then(() => {
+              onSelect: () => j({ collectionId: t }),
+              onDelete: () => Promise.resolve(q({ collectionId: t })).then(() => {
                 o && o(t);
+              }).catch((e) => {
+                M(e);
               }),
-              onUpdateSearchMetadata: (e) => _({
+              onUpdateSearchMetadata: (e) => T({
                 collectionId: t,
                 metadataDocument: e
               }),
@@ -181,25 +184,25 @@ function A({
         folderDepth: d,
         ...c,
         ...r,
-        hideWrapper: !V.id,
+        hideWrapper: !_.id,
         ...m,
         children: /* @__PURE__ */ n(
           b,
           {
             id: t,
-            setExpand: M,
-            saveSearch: G,
+            setExpand: V,
+            saveSearch: D,
             onAddRow: N,
-            createFolder: E,
+            createFolder: B,
             itemSearchDocument: u,
-            newField: V,
+            newField: _,
             ...g
           }
         )
       }
     ),
     v.map((e) => /* @__PURE__ */ n(
-      A,
+      G,
       {
         classes: a,
         id: e.id,
@@ -211,9 +214,9 @@ function A({
         folderDepth: d + 1,
         type: e.type,
         hideSubFolderSharing: !0,
-        handleSelect: T,
+        handleSelect: j,
         onSelect: w,
-        onRemoveItem: () => B(e.id),
+        onRemoveItem: () => W(e.id),
         indentationProps: r,
         FolderRowContentComponent: y,
         FolderRowContentProps: p,
@@ -221,15 +224,16 @@ function A({
         AddRowProps: g,
         FolderRowContentWrapperComponent: f,
         FolderRowContentWrapperProps: m,
-        indentationValues: Q,
+        indentationValues: X,
         isLoading: x,
-        props: D
+        onDeleteError: M,
+        props: O
       },
       e.id
     ))
   ] });
 }
-const Ie = z(oe, { name: "VdtFolderRow" })(A);
+const ye = A(ie, { name: "VdtFolderRow" })(G);
 export {
-  Ie as default
+  ye as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidispine/vdt-materialui",
-  "version": "26.2.0-pre.3",
+  "version": "26.2.3",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public",
@@ -36,11 +36,11 @@
   },
   "dependencies": {
     "@babel/runtime": "7.26.10",
-    "@vidispine/proptypes": "26.2.0-pre.3",
-    "@vidispine/vdt-api": "26.2.0-pre.3",
-    "@vidispine/vdt-js": "26.2.0-pre.3",
-    "@vidispine/vdt-react": "26.2.0-pre.3",
-    "@vidispine/vdt-videojs-react": "26.2.0-pre.3",
+    "@vidispine/proptypes": "26.2.3",
+    "@vidispine/vdt-api": "26.2.3",
+    "@vidispine/vdt-js": "26.2.3",
+    "@vidispine/vdt-react": "26.2.3",
+    "@vidispine/vdt-videojs-react": "26.2.3",
     "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.2.0-pre.3",
-    "@vidispine/eslint-config-react": "26.2.0-pre.3",
-    "@vidispine/eslint-config-storybook": "26.2.0-pre.3",
-    "@vidispine/prettier-config": "26.2.0-pre.3",
-    "@vidispine/proptypes": "26.2.0-pre.3",
+    "@vidispine/eslint-config-mdx": "26.2.3",
+    "@vidispine/eslint-config-react": "26.2.3",
+    "@vidispine/eslint-config-storybook": "26.2.3",
+    "@vidispine/prettier-config": "26.2.3",
+    "@vidispine/proptypes": "26.2.3",
     "@vitejs/plugin-react": "4.2.1",
     "@wojtekmaj/enzyme-adapter-react-17": "0.8.0",
     "axios": "1.13.5",