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

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

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"),m=require("../../collection/CollectionSearchPicker/index.js"),j=require("./SavedSearchRow.js"),x={};function f({searchProps:o,searchPlaceholderText:i="Find searches",onSelect:n,onDelete:d,onUpdateSearchMetadata:c,RowComponent:l=j.default,RowProps:u={},accessTranslate:S,extraMenuItems:h,...v}){return r.jsx(m.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:P=>Promise.resolve(c({collectionId:e.id,metadataDocument:P}).then(a)),accessTranslate:S,extraMenuItems:h,...u},e.id))}),PaginationProps:{rowsPerPageOptions:[5,10]},...v})}const g=s.withStyles(x,{name:"VdtSavedSearchList"})(f);exports.default=g;
+"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;

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

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

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidispine/vdt-materialui",
-  "version": "23.2.0",
+  "version": "23.3.0-pre.2",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public"
@@ -35,11 +35,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.21.0",
-    "@vidispine/proptypes": "23.2.0",
-    "@vidispine/vdt-api": "23.2.0",
-    "@vidispine/vdt-js": "23.2.0",
-    "@vidispine/vdt-react": "23.2.0",
-    "@vidispine/vdt-videojs-react": "23.2.0",
+    "@vidispine/proptypes": "23.3.0-pre.2",
+    "@vidispine/vdt-api": "23.3.0-pre.2",
+    "@vidispine/vdt-js": "23.3.0-pre.2",
+    "@vidispine/vdt-react": "23.3.0-pre.2",
+    "@vidispine/vdt-videojs-react": "23.3.0-pre.2",
     "clsx": "^1.2.1",
     "core-js": "^3.28.0",
     "filesize": "^10.0.6",
@@ -71,11 +71,11 @@
   },
   "devDependencies": {
     "@types/jest": "28.1.8",
-    "@vidispine/eslint-config-mdx": "23.2.0",
-    "@vidispine/eslint-config-react": "23.2.0",
-    "@vidispine/eslint-config-storybook": "23.2.0",
-    "@vidispine/prettier-config": "23.2.0",
-    "@vidispine/proptypes": "23.2.0",
+    "@vidispine/eslint-config-mdx": "23.3.0-pre.2",
+    "@vidispine/eslint-config-react": "23.3.0-pre.2",
+    "@vidispine/eslint-config-storybook": "23.3.0-pre.2",
+    "@vidispine/prettier-config": "23.3.0-pre.2",
+    "@vidispine/proptypes": "23.3.0-pre.2",
     "@vitejs/plugin-react": "3.1.0",
     "@wojtekmaj/enzyme-adapter-react-17": "0.8.0",
     "axios": "0.21.4",
@@ -92,7 +92,7 @@
     "moment-duration-format": "2.3.2",
     "prettier": "2.8.4",
     "prop-types": "15.8.1",
-    "vite": "4.3.1"
+    "vite": "4.3.9"
   },
   "scarfSettings": {
     "enabled": false