@vidispine/vdt-materialui 26.2.1 → 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/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/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.1",
+  "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.1",
-    "@vidispine/vdt-api": "26.2.1",
-    "@vidispine/vdt-js": "26.2.1",
-    "@vidispine/vdt-react": "26.2.1",
-    "@vidispine/vdt-videojs-react": "26.2.1",
+    "@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.1",
-    "@vidispine/eslint-config-react": "26.2.1",
-    "@vidispine/eslint-config-storybook": "26.2.1",
-    "@vidispine/prettier-config": "26.2.1",
-    "@vidispine/proptypes": "26.2.1",
+    "@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",