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

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("react"),ge=require("clsx"),t=require("@material-ui/core"),r=require("@material-ui/icons"),B=require("@vidispine/vdt-js"),Ce=require("../../icons/FolderMultipleIcon.js"),fe=require("./SavedSearchAccessList.js"),ve=require("./ShareSearch.js"),z="SHARE_MENU",I="LISTACCESS_MENU",Me=i=>({root:{"&:hover $SubmitSearchIcon":{visibility:"visible"}},FolderIcon:{minWidth:32},SubmitSearchIcon:{visibility:"hidden"},inputDisabled:{cursor:"pointer"},disabled:{opacity:1},menuContext:{},menuExpand:{minWidth:i.breakpoints.values.sm/2},CancelEditIcon:{marginRight:i.spacing(.5),"&:hover":{color:"red"}},SubmitTitleIcon:{marginRight:i.spacing(.5),"&:hover":{color:"green"}},OptionsIcon:{marginRight:i.spacing(.5)}});function Ee({classes:i,collectionType:_,onSelect:U,onAddRow:V,onExpand:D,onDelete:W,onUpdateSearchMetadata:$,disableDeletion:p,type:u,accessTranslate:H,extraMenuItems:w=[],isFolderRow:G=!1,hideSubFolderSharing:J=!1,isLoading:K,allowDelete:S=()=>!0,allowShare:g=()=>!0,allowListAccess:x=()=>!0,allowEditTitle:C=()=>!0,ListAccessComponent:Y=fe.default,ListAccessProps:Q={},ShareComponent:X=ve.default,ShareProps:Z={},addFolderText:ee="Add folder",addSearchText:te="Add search",editTitleText:ne="Edit",shareText:ie="Share",listAccessText:se="Access",deleteText:f="Delete",backText:re="Back",FolderSingleIcon:oe=r.Folder,FolderMultiIcon:le=Ce.default,QueryIcon:ce=r.Search,CreateFolderIcon:v=r.CreateNewFolderOutlined,AddNewSearch:M=r.Search,SubmitSearchIcon:E=r.YoutubeSearchedFor,ListAccessIcon:b=r.Lock,SubmitTitleIcon:ae=r.Check,CancelEditIcon:de=r.Close,EditTitleIcon:y=r.Edit,ShareSearchIcon:L=r.Share,DeleteSearchIcon:k=r.Delete,OptionsIcon:ue=r.MoreVert}){const{metadata:T={}}=_,s=B.parseMetadataType(T,{joinValue:",",flat:!0}),N=d.useRef(),[h,l]=d.useState(null),[q,O]=d.useState(s.title||""),[m,c]=d.useState(null),[o,j]=d.useState(!1),xe=n=>{n.stopPropagation&&n.stopPropagation(),c(n.currentTarget)},a=(n=()=>null,Se="")=>A=>{A.stopPropagation&&A.stopPropagation(),c(null),n(Se)},R=()=>$(B.createMetadataType({title:q})).then(()=>j(!1)),he=a(()=>{j(!0),N.current.focus()}),me=()=>{O(s.title),j(!1)},je=a(W),F=a(U),Ie=a(D),P=n=>a(V,n),pe=n=>{n(T),c(null)};return e.jsxs(e.Fragment,{children:[e.jsxs(t.ListItem,{disableGutters:!0,dense:!0,className:i.root,button:!0,onClick:u==="query"?F:Ie,disabled:K,children:[G?{folder:e.jsx(t.ListItemIcon,{className:i.FolderIcon,children:p?e.jsx(le,{}):e.jsx(oe,{})}),query:e.jsx(t.ListItemIcon,{className:i.FolderIcon,children:e.jsx(ce,{})})}[u]:E&&e.jsx(t.ListItemIcon,{children:e.jsx(t.IconButton,{size:"small",onClick:F,children:e.jsx(E,{className:i.SubmitSearchIcon})})}),e.jsx(t.ListItemText,{primary:e.jsx(t.TextField,{fullWidth:!0,value:q,onChange:o?n=>O(n.target.value):void 0,onClick:o?n=>n.stopPropagation():void 0,onKeyPress:n=>{n.key==="Enter"&&(n.preventDefault(),R())},InputProps:{inputProps:{disabled:!o,ref:N,className:ge(i.input,{[i.inputDisabled]:!o})},disableUnderline:!o,endAdornment:e.jsx(t.InputAdornment,{position:"end",children:o?e.jsxs(e.Fragment,{children:[e.jsx(t.ButtonBase,{size:"small",onClick:me,children:e.jsx(de,{className:i.CancelEditIcon})}),e.jsx(t.ButtonBase,{size:"small",onClick:R,children:e.jsx(ae,{className:i.SubmitTitleIcon})})]}):[g,x,S,C].some(n=>n(s))&&e.jsx(t.ButtonBase,{size:"small",onClick:xe,children:e.jsx(ue,{className:i.OptionsIcon})})})}})})]}),e.jsx(t.Menu,{anchorEl:m,open:!!m&&h===null,keepMounted:!0,onClose:()=>c(null),getContentAnchorEl:null,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:e.jsxs("div",{className:i.menuContext,children:[x(s)&&u==="folder"&&e.jsxs(t.MenuItem,{dense:!0,onClick:P({id:s.collectionId,type:"folder"}),children:[v?e.jsx(t.ListItemIcon,{children:e.jsx(v,{})}):null,e.jsx(t.ListItemText,{primary:ee})]},1),x(s)&&u==="folder"&&e.jsxs(t.MenuItem,{dense:!0,onClick:P({id:s.collectionId,type:"query"}),children:[M?e.jsx(t.ListItemIcon,{children:e.jsx(M,{})}):null,e.jsx(t.ListItemText,{primary:te})]},2),C(s)&&e.jsxs(t.MenuItem,{dense:!0,onClick:he,children:[y?e.jsx(t.ListItemIcon,{children:e.jsx(y,{})}):null,e.jsx(t.ListItemText,{primary:ne})]},3),x(s)&&e.jsxs(t.MenuItem,{dense:!0,onClick:()=>l(I),children:[b?e.jsx(t.ListItemIcon,{children:e.jsx(b,{})}):null,e.jsx(t.ListItemText,{primary:se})]},4),g(s)&&!J&&e.jsxs(t.MenuItem,{dense:!0,onClick:()=>l(z),children:[L?e.jsx(t.ListItemIcon,{children:e.jsx(L,{})}):null,e.jsx(t.ListItemText,{primary:ie})]},5),S(s)&&e.jsxs(t.MenuItem,{dense:!0,onClick:je,disabled:p,children:[k?e.jsx(t.ListItemIcon,{children:e.jsx(k,{})}):null,e.jsx(t.ListItemText,{primary:f})]},6),w.map(n=>e.jsxs(t.MenuItem,{dense:!0,onClick:()=>pe(n.function),children:[e.jsx(t.ListItemIcon,{children:e.jsx(n.icon,{})}),e.jsx(t.ListItemText,{primary:n.name})]},`extraMenu${n.id}`))]})}),e.jsx(t.Popover,{open:h!==null,anchorEl:m,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},onClose:()=>{l(null),c(null)},children:e.jsxs("div",{className:i.menuExpand,children:[e.jsxs(t.MenuItem,{onClick:()=>l(null),children:[e.jsx(t.ListItemIcon,{children:e.jsx(r.ChevronLeft,{})}),e.jsx(t.ListItemText,{primary:re})]}),e.jsx(t.Divider,{}),h===z&&e.jsx(X,{collectionId:s.collectionId,onSuccess:()=>l(I),...Z}),h===I&&e.jsx(Y,{entityAccessMenuText:f,collectionId:s.collectionId,accessTranslate:H,...Q})]})})]})}const be=t.withStyles(Me,{name:"VdtSavedSearchRow"})(Ee);exports.default=be;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react"),ge=require("clsx"),n=require("@material-ui/core"),s=require("@material-ui/icons"),z=require("@vidispine/vdt-js"),fe=require("../../icons/FolderMultipleIcon.js"),ve=require("./SavedSearchAccessList.js"),Me=require("./ShareSearch.js"),_="SHARE_MENU",p="LISTACCESS_MENU",be=i=>({root:{"&:hover $SubmitSearchIcon":{visibility:"visible"}},FolderIcon:{minWidth:32},SubmitSearchIcon:{visibility:"hidden"},inputDisabled:{cursor:"pointer"},disabled:{opacity:1},menuContext:{},menuExpand:{minWidth:i.breakpoints.values.sm/2},invisibleCursor:{caretColor:"transparent"},CancelEditIcon:{marginRight:i.spacing(.5),"&:hover":{color:"red"}},SubmitTitleIcon:{marginRight:i.spacing(.5),"&:hover":{color:"green"}},OptionsIcon:{marginRight:i.spacing(.5)}});function Ee({classes:i,collectionType:U,onSelect:V,onAddRow:D,onExpand:$,onDelete:W,onUpdateSearchMetadata:H,disableDeletion:S,type:l,accessTranslate:w,extraMenuItems:G=[],isFolderRow:J=!1,hideSubFolderSharing:K=!1,isLoading:Y,allowDelete:C=()=>!0,allowShare:g=()=>!0,allowListAccess:x=()=>!0,allowEditTitle:f=()=>!0,ListAccessComponent:Q=ve.default,ListAccessProps:X={},ShareComponent:Z=Me.default,ShareProps:ee={},addFolderText:ne="Add folder",addSearchText:te="Add search",editTitleText:ie="Edit",shareText:re="Share",listAccessText:se="Access",deleteText:v="Delete",backText:oe="Back",FolderSingleIcon:le=s.Folder,FolderMultiIcon:ce=fe.default,QueryIcon:ae=s.Search,CreateFolderIcon:M=s.CreateNewFolderOutlined,AddNewSearch:b=s.Search,SubmitSearchIcon:E=s.YoutubeSearchedFor,ListAccessIcon:L=s.Lock,SubmitTitleIcon:de=s.Check,CancelEditIcon:ue=s.Close,EditTitleIcon:k=s.Edit,ShareSearchIcon:y=s.Share,DeleteSearchIcon:T=s.Delete,OptionsIcon:xe=s.MoreVert}){const{metadata:N={}}=U,r=z.parseMetadataType(N,{joinValue:",",flat:!0}),O=u.useRef(),[h,c]=u.useState(null),[q,F]=u.useState(r.title||""),[m,a]=u.useState(null),[o,j]=u.useState(!1),he=t=>{t.stopPropagation&&t.stopPropagation(),a(t.currentTarget)},d=(t=()=>null,Ce="")=>B=>{B.stopPropagation&&B.stopPropagation(),a(null),t(Ce)},R=()=>H(z.createMetadataType({title:q})).then(()=>j(!1)),me=d(()=>{j(!0),O.current.focus()}),je=()=>{F(r.title),j(!1)},Ie=d(W),I=d(V),P=d($),A=t=>d(D,t),pe=t=>{t(N),a(null)},Se=l!=="folder"?I:P;return e.jsxs(e.Fragment,{children:[e.jsxs(n.ListItem,{disableGutters:!0,dense:!0,className:i.root,button:!0,onClick:l==="query"?I:P,disabled:Y,children:[J?{folder:e.jsx(n.ListItemIcon,{className:i.FolderIcon,children:S?e.jsx(ce,{}):e.jsx(le,{})}),query:e.jsx(n.ListItemIcon,{className:i.FolderIcon,children:e.jsx(ae,{})})}[l]:E&&e.jsx(n.ListItemIcon,{children:e.jsx(n.IconButton,{size:"small",onClick:I,children:e.jsx(E,{className:i.SubmitSearchIcon})})}),e.jsx(n.ListItemText,{primary:e.jsx(n.TextField,{fullWidth:!0,className:o?"":`${i.invisibleCursor}`,value:q,onChange:o?t=>F(t.target.value):void 0,onClick:o?t=>t.stopPropagation():Se,onKeyPress:t=>{t.key==="Enter"&&(t.preventDefault(),R())},InputProps:{inputProps:{ref:O,className:ge(i.input,{[i.inputDisabled]:!o})},disableUnderline:!o,endAdornment:e.jsx(n.InputAdornment,{position:"end",children:o?e.jsxs(e.Fragment,{children:[e.jsx(n.ButtonBase,{size:"small",onClick:je,children:e.jsx(ue,{className:i.CancelEditIcon})}),e.jsx(n.ButtonBase,{size:"small",onClick:R,children:e.jsx(de,{className:i.SubmitTitleIcon})})]}):[g,x,C,f].some(t=>t(r))&&e.jsx(n.ButtonBase,{size:"small",onClick:he,children:e.jsx(xe,{className:i.OptionsIcon})})})}})})]}),e.jsx(n.Menu,{anchorEl:m,open:!!m&&h===null,keepMounted:!0,onClose:()=>a(null),getContentAnchorEl:null,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:e.jsxs("div",{className:i.menuContext,children:[x(r)&&l==="folder"&&e.jsxs(n.MenuItem,{dense:!0,onClick:A({id:r.collectionId,type:"folder"}),children:[M?e.jsx(n.ListItemIcon,{children:e.jsx(M,{})}):null,e.jsx(n.ListItemText,{primary:ne})]},1),x(r)&&l==="folder"&&e.jsxs(n.MenuItem,{dense:!0,onClick:A({id:r.collectionId,type:"query"}),children:[b?e.jsx(n.ListItemIcon,{children:e.jsx(b,{})}):null,e.jsx(n.ListItemText,{primary:te})]},2),f(r)&&e.jsxs(n.MenuItem,{dense:!0,onClick:me,children:[k?e.jsx(n.ListItemIcon,{children:e.jsx(k,{})}):null,e.jsx(n.ListItemText,{primary:ie})]},3),x(r)&&e.jsxs(n.MenuItem,{dense:!0,onClick:()=>c(p),children:[L?e.jsx(n.ListItemIcon,{children:e.jsx(L,{})}):null,e.jsx(n.ListItemText,{primary:se})]},4),g(r)&&!K&&e.jsxs(n.MenuItem,{dense:!0,onClick:()=>c(_),children:[y?e.jsx(n.ListItemIcon,{children:e.jsx(y,{})}):null,e.jsx(n.ListItemText,{primary:re})]},5),C(r)&&e.jsxs(n.MenuItem,{dense:!0,onClick:Ie,disabled:S,children:[T?e.jsx(n.ListItemIcon,{children:e.jsx(T,{})}):null,e.jsx(n.ListItemText,{primary:v})]},6),G.map(t=>e.jsxs(n.MenuItem,{dense:!0,onClick:()=>pe(t.function),children:[e.jsx(n.ListItemIcon,{children:e.jsx(t.icon,{})}),e.jsx(n.ListItemText,{primary:t.name})]},`extraMenu${t.id}`))]})}),e.jsx(n.Popover,{open:h!==null,anchorEl:m,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},onClose:()=>{c(null),a(null)},children:e.jsxs("div",{className:i.menuExpand,children:[e.jsxs(n.MenuItem,{onClick:()=>c(null),children:[e.jsx(n.ListItemIcon,{children:e.jsx(s.ChevronLeft,{})}),e.jsx(n.ListItemText,{primary:oe})]}),e.jsx(n.Divider,{}),h===_&&e.jsx(Z,{collectionId:r.collectionId,onSuccess:()=>c(p),...ee}),h===p&&e.jsx(Q,{entityAccessMenuText:v,collectionId:r.collectionId,accessTranslate:w,...X})]})})]})}const Le=n.withStyles(be,{name:"VdtSavedSearchRow"})(Ee);exports.default=Le;

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

@@ -1,13 +1,13 @@
-import { jsxs as r, Fragment as _, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, Fragment as $, jsx as e } from "react/jsx-runtime";
 import { useRef as ye, useState as f } from "react";
-import be from "clsx";
-import { withStyles as Me, ListItem as xe, ListItemIcon as o, IconButton as Ne, ListItemText as l, TextField as Oe, InputAdornment as Re, ButtonBase as S, Menu as Te, MenuItem as c, Popover as Ae, Divider as Fe } from "@material-ui/core";
-import { ChevronLeft as Pe, Folder as ze, Search as j, CreateNewFolderOutlined as Be, YoutubeSearchedFor as Ue, Lock as Ve, Check as De, Close as Le, Edit as _e, Share as je, Delete as qe, MoreVert as We } from "@material-ui/icons";
-import { parseMetadataType as $e, createMetadataType as He } from "@vidispine/vdt-js";
-import we from "../../icons/FolderMultipleIcon.js";
-import Ge from "./SavedSearchAccessList.js";
-import Ke from "./ShareSearch.js";
-const q = "SHARE_MENU", v = "LISTACCESS_MENU", Ye = (t) => ({
+import Me from "clsx";
+import { withStyles as Ne, ListItem as xe, ListItemIcon as o, IconButton as Oe, ListItemText as l, TextField as Fe, InputAdornment as Re, ButtonBase as v, Menu as Te, MenuItem as c, Popover as Ae, Divider as Pe } from "@material-ui/core";
+import { ChevronLeft as ze, Folder as Be, Search as j, CreateNewFolderOutlined as Ue, YoutubeSearchedFor as Ve, Lock as De, Check as Le, Close as _e, Edit as $e, Share as je, Delete as qe, MoreVert as We } from "@material-ui/icons";
+import { parseMetadataType as He, createMetadataType as we } from "@vidispine/vdt-js";
+import Ge from "../../icons/FolderMultipleIcon.js";
+import Ke from "./SavedSearchAccessList.js";
+import Ye from "./ShareSearch.js";
+const q = "SHARE_MENU", I = "LISTACCESS_MENU", Je = (r) => ({
   root: {
     "&:hover $SubmitSearchIcon": {
       visibility: "visible"
@@ -27,120 +27,123 @@ const q = "SHARE_MENU", v = "LISTACCESS_MENU", Ye = (t) => ({
   },
   menuContext: {},
   menuExpand: {
-    minWidth: t.breakpoints.values.sm / 2
+    minWidth: r.breakpoints.values.sm / 2
+  },
+  invisibleCursor: {
+    caretColor: "transparent"
   },
   CancelEditIcon: {
-    marginRight: t.spacing(0.5),
+    marginRight: r.spacing(0.5),
     "&:hover": {
       color: "red"
     }
   },
   SubmitTitleIcon: {
-    marginRight: t.spacing(0.5),
+    marginRight: r.spacing(0.5),
     "&:hover": {
       color: "green"
     }
   },
   OptionsIcon: {
-    marginRight: t.spacing(0.5)
+    marginRight: r.spacing(0.5)
   }
 });
-function Je({
-  classes: t,
+function Qe({
+  classes: r,
   collectionType: W,
-  onSelect: $,
-  onAddRow: H,
-  onExpand: w,
-  onDelete: G,
-  onUpdateSearchMetadata: K,
-  disableDeletion: I,
-  type: h,
-  accessTranslate: Y,
-  extraMenuItems: J = [],
-  isFolderRow: Q = !1,
-  hideSubFolderSharing: X = !1,
-  isLoading: Z,
-  allowDelete: E = () => !0,
+  onSelect: H,
+  onAddRow: w,
+  onExpand: G,
+  onDelete: K,
+  onUpdateSearchMetadata: Y,
+  disableDeletion: E,
+  type: d,
+  accessTranslate: J,
+  extraMenuItems: Q = [],
+  isFolderRow: X = !1,
+  hideSubFolderSharing: Z = !1,
+  isLoading: ee,
+  allowDelete: b = () => !0,
   allowShare: k = () => !0,
   allowListAccess: m = () => !0,
   allowEditTitle: y = () => !0,
-  ListAccessComponent: ee = Ge,
-  ListAccessProps: ne = {},
-  ShareComponent: te = Ke,
+  ListAccessComponent: ne = Ke,
+  ListAccessProps: re = {},
+  ShareComponent: te = Ye,
   ShareProps: ie = {},
-  addFolderText: re = "Add folder",
-  addSearchText: oe = "Add search",
-  editTitleText: le = "Edit",
-  shareText: ce = "Share",
-  listAccessText: ae = "Access",
-  deleteText: b = "Delete",
-  backText: de = "Back",
-  FolderSingleIcon: se = ze,
-  FolderMultiIcon: ue = we,
-  QueryIcon: he = j,
-  CreateFolderIcon: M = Be,
+  addFolderText: oe = "Add folder",
+  addSearchText: le = "Add search",
+  editTitleText: ce = "Edit",
+  shareText: ae = "Share",
+  listAccessText: de = "Access",
+  deleteText: M = "Delete",
+  backText: se = "Back",
+  FolderSingleIcon: ue = Be,
+  FolderMultiIcon: he = Ge,
+  QueryIcon: me = j,
+  CreateFolderIcon: N = Ue,
   AddNewSearch: x = j,
-  SubmitSearchIcon: N = Ue,
-  ListAccessIcon: O = Ve,
-  SubmitTitleIcon: me = De,
-  CancelEditIcon: pe = Le,
-  EditTitleIcon: R = _e,
+  SubmitSearchIcon: O = Ve,
+  ListAccessIcon: F = De,
+  SubmitTitleIcon: pe = Le,
+  CancelEditIcon: fe = _e,
+  EditTitleIcon: R = $e,
   ShareSearchIcon: T = je,
   DeleteSearchIcon: A = qe,
-  OptionsIcon: fe = We
+  OptionsIcon: Ce = We
 }) {
-  const { metadata: F = {} } = W, i = $e(F, { joinValue: ",", flat: !0 }), P = ye(), [p, d] = f(null), [z, B] = f(i.title || ""), [C, s] = f(null), [a, g] = f(!1), Ce = (n) => {
-    n.stopPropagation && n.stopPropagation(), s(n.currentTarget);
-  }, u = (n = () => null, ke = "") => (L) => {
-    L.stopPropagation && L.stopPropagation(), s(null), n(ke);
-  }, U = () => K(He({ title: z })).then(() => g(!1)), ge = u(() => {
-    g(!0), P.current.focus();
-  }), Se = () => {
-    B(i.title), g(!1);
-  }, ve = u(G), V = u($), Ie = u(w), D = (n) => u(H, n), Ee = (n) => {
-    n(F), s(null);
-  };
-  return /* @__PURE__ */ r(_, { children: [
-    /* @__PURE__ */ r(
+  const { metadata: P = {} } = W, t = He(P, { joinValue: ",", flat: !0 }), z = ye(), [p, s] = f(null), [B, U] = f(t.title || ""), [C, u] = f(null), [a, g] = f(!1), ge = (n) => {
+    n.stopPropagation && n.stopPropagation(), u(n.currentTarget);
+  }, h = (n = () => null, ke = "") => (_) => {
+    _.stopPropagation && _.stopPropagation(), u(null), n(ke);
+  }, V = () => Y(we({ title: B })).then(() => g(!1)), Se = h(() => {
+    g(!0), z.current.focus();
+  }), ve = () => {
+    U(t.title), g(!1);
+  }, Ie = h(K), S = h(H), D = h(G), L = (n) => h(w, n), Ee = (n) => {
+    n(P), u(null);
+  }, be = d !== "folder" ? S : D;
+  return /* @__PURE__ */ i($, { children: [
+    /* @__PURE__ */ i(
       xe,
       {
         disableGutters: !0,
         dense: !0,
-        className: t.root,
+        className: r.root,
         button: !0,
-        onClick: h === "query" ? V : Ie,
-        disabled: Z,
+        onClick: d === "query" ? S : D,
+        disabled: ee,
         children: [
-          Q ? {
-            folder: /* @__PURE__ */ e(o, { className: t.FolderIcon, children: I ? /* @__PURE__ */ e(ue, {}) : /* @__PURE__ */ e(se, {}) }),
-            query: /* @__PURE__ */ e(o, { className: t.FolderIcon, children: /* @__PURE__ */ e(he, {}) })
-          }[h] : N && /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(Ne, { size: "small", onClick: V, children: /* @__PURE__ */ e(N, { className: t.SubmitSearchIcon }) }) }),
+          X ? {
+            folder: /* @__PURE__ */ e(o, { className: r.FolderIcon, children: E ? /* @__PURE__ */ e(he, {}) : /* @__PURE__ */ e(ue, {}) }),
+            query: /* @__PURE__ */ e(o, { className: r.FolderIcon, children: /* @__PURE__ */ e(me, {}) })
+          }[d] : O && /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(Oe, { size: "small", onClick: S, children: /* @__PURE__ */ e(O, { className: r.SubmitSearchIcon }) }) }),
           /* @__PURE__ */ e(
             l,
             {
               primary: /* @__PURE__ */ e(
-                Oe,
+                Fe,
                 {
                   fullWidth: !0,
-                  value: z,
-                  onChange: a ? (n) => B(n.target.value) : void 0,
-                  onClick: a ? (n) => n.stopPropagation() : void 0,
+                  className: a ? "" : `${r.invisibleCursor}`,
+                  value: B,
+                  onChange: a ? (n) => U(n.target.value) : void 0,
+                  onClick: a ? (n) => n.stopPropagation() : be,
                   onKeyPress: (n) => {
-                    n.key === "Enter" && (n.preventDefault(), U());
+                    n.key === "Enter" && (n.preventDefault(), V());
                   },
                   InputProps: {
                     inputProps: {
-                      disabled: !a,
-                      ref: P,
-                      className: be(t.input, { [t.inputDisabled]: !a })
+                      ref: z,
+                      className: Me(r.input, { [r.inputDisabled]: !a })
                     },
                     disableUnderline: !a,
-                    endAdornment: /* @__PURE__ */ e(Re, { position: "end", children: a ? /* @__PURE__ */ r(_, { children: [
-                      /* @__PURE__ */ e(S, { size: "small", onClick: Se, children: /* @__PURE__ */ e(pe, { className: t.CancelEditIcon }) }),
-                      /* @__PURE__ */ e(S, { size: "small", onClick: U, children: /* @__PURE__ */ e(me, { className: t.SubmitTitleIcon }) })
-                    ] }) : [k, m, E, y].some(
-                      (n) => n(i)
-                    ) && /* @__PURE__ */ e(S, { size: "small", onClick: Ce, children: /* @__PURE__ */ e(fe, { className: t.OptionsIcon }) }) })
+                    endAdornment: /* @__PURE__ */ e(Re, { position: "end", children: a ? /* @__PURE__ */ i($, { children: [
+                      /* @__PURE__ */ e(v, { size: "small", onClick: ve, children: /* @__PURE__ */ e(fe, { className: r.CancelEditIcon }) }),
+                      /* @__PURE__ */ e(v, { size: "small", onClick: V, children: /* @__PURE__ */ e(pe, { className: r.SubmitTitleIcon }) })
+                    ] }) : [k, m, b, y].some(
+                      (n) => n(t)
+                    ) && /* @__PURE__ */ e(v, { size: "small", onClick: ge, children: /* @__PURE__ */ e(Ce, { className: r.OptionsIcon }) }) })
                   }
                 }
               )
@@ -155,7 +158,7 @@ function Je({
         anchorEl: C,
         open: !!C && p === null,
         keepMounted: !0,
-        onClose: () => s(null),
+        onClose: () => u(null),
         getContentAnchorEl: null,
         anchorOrigin: {
           vertical: "bottom",
@@ -165,48 +168,48 @@ function Je({
           vertical: "top",
           horizontal: "right"
         },
-        children: /* @__PURE__ */ r("div", { className: t.menuContext, children: [
-          m(i) && h === "folder" && /* @__PURE__ */ r(
+        children: /* @__PURE__ */ i("div", { className: r.menuContext, children: [
+          m(t) && d === "folder" && /* @__PURE__ */ i(
             c,
             {
               dense: !0,
-              onClick: D({ id: i.collectionId, type: "folder" }),
+              onClick: L({ id: t.collectionId, type: "folder" }),
               children: [
-                M ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(M, {}) }) : null,
-                /* @__PURE__ */ e(l, { primary: re })
+                N ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(N, {}) }) : null,
+                /* @__PURE__ */ e(l, { primary: oe })
               ]
             },
             1
           ),
-          m(i) && h === "folder" && /* @__PURE__ */ r(
+          m(t) && d === "folder" && /* @__PURE__ */ i(
             c,
             {
               dense: !0,
-              onClick: D({ id: i.collectionId, type: "query" }),
+              onClick: L({ id: t.collectionId, type: "query" }),
               children: [
                 x ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(x, {}) }) : null,
-                /* @__PURE__ */ e(l, { primary: oe })
+                /* @__PURE__ */ e(l, { primary: le })
               ]
             },
             2
           ),
-          y(i) && /* @__PURE__ */ r(c, { dense: !0, onClick: ge, children: [
+          y(t) && /* @__PURE__ */ i(c, { dense: !0, onClick: Se, children: [
             R ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(R, {}) }) : null,
-            /* @__PURE__ */ e(l, { primary: le })
+            /* @__PURE__ */ e(l, { primary: ce })
           ] }, 3),
-          m(i) && /* @__PURE__ */ r(c, { dense: !0, onClick: () => d(v), children: [
-            O ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(O, {}) }) : null,
-            /* @__PURE__ */ e(l, { primary: ae })
+          m(t) && /* @__PURE__ */ i(c, { dense: !0, onClick: () => s(I), children: [
+            F ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(F, {}) }) : null,
+            /* @__PURE__ */ e(l, { primary: de })
           ] }, 4),
-          k(i) && !X && /* @__PURE__ */ r(c, { dense: !0, onClick: () => d(q), children: [
+          k(t) && !Z && /* @__PURE__ */ i(c, { dense: !0, onClick: () => s(q), children: [
             T ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(T, {}) }) : null,
-            /* @__PURE__ */ e(l, { primary: ce })
+            /* @__PURE__ */ e(l, { primary: ae })
           ] }, 5),
-          E(i) && /* @__PURE__ */ r(c, { dense: !0, onClick: ve, disabled: I, children: [
+          b(t) && /* @__PURE__ */ i(c, { dense: !0, onClick: Ie, disabled: E, children: [
             A ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(A, {}) }) : null,
-            /* @__PURE__ */ e(l, { primary: b })
+            /* @__PURE__ */ e(l, { primary: M })
           ] }, 6),
-          J.map((n) => /* @__PURE__ */ r(
+          Q.map((n) => /* @__PURE__ */ i(
             c,
             {
               dense: !0,
@@ -235,29 +238,29 @@ function Je({
           horizontal: "right"
         },
         onClose: () => {
-          d(null), s(null);
+          s(null), u(null);
         },
-        children: /* @__PURE__ */ r("div", { className: t.menuExpand, children: [
-          /* @__PURE__ */ r(c, { onClick: () => d(null), children: [
-            /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(Pe, {}) }),
-            /* @__PURE__ */ e(l, { primary: de })
+        children: /* @__PURE__ */ i("div", { className: r.menuExpand, children: [
+          /* @__PURE__ */ i(c, { onClick: () => s(null), children: [
+            /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(ze, {}) }),
+            /* @__PURE__ */ e(l, { primary: se })
           ] }),
-          /* @__PURE__ */ e(Fe, {}),
+          /* @__PURE__ */ e(Pe, {}),
           p === q && /* @__PURE__ */ e(
             te,
             {
-              collectionId: i.collectionId,
-              onSuccess: () => d(v),
+              collectionId: t.collectionId,
+              onSuccess: () => s(I),
               ...ie
             }
           ),
-          p === v && /* @__PURE__ */ e(
-            ee,
+          p === I && /* @__PURE__ */ e(
+            ne,
             {
-              entityAccessMenuText: b,
-              collectionId: i.collectionId,
-              accessTranslate: Y,
-              ...ne
+              entityAccessMenuText: M,
+              collectionId: t.collectionId,
+              accessTranslate: J,
+              ...re
             }
           )
         ] })
@@ -265,7 +268,7 @@ function Je({
     )
   ] });
 }
-const cn = Me(Ye, { name: "VdtSavedSearchRow" })(Je);
+const an = Ne(Je, { name: "VdtSavedSearchRow" })(Qe);
 export {
-  cn as default
+  an as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidispine/vdt-materialui",
-  "version": "23.3.0-pre.4",
+  "version": "23.3.0-pre.5",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public"
@@ -35,11 +35,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.21.0",
-    "@vidispine/proptypes": "23.3.0-pre.4",
-    "@vidispine/vdt-api": "23.3.0-pre.4",
-    "@vidispine/vdt-js": "23.3.0-pre.4",
-    "@vidispine/vdt-react": "23.3.0-pre.4",
-    "@vidispine/vdt-videojs-react": "23.3.0-pre.4",
+    "@vidispine/proptypes": "23.3.0-pre.5",
+    "@vidispine/vdt-api": "23.3.0-pre.5",
+    "@vidispine/vdt-js": "23.3.0-pre.5",
+    "@vidispine/vdt-react": "23.3.0-pre.5",
+    "@vidispine/vdt-videojs-react": "23.3.0-pre.5",
     "clsx": "^1.2.1",
     "filesize": "^10.0.6",
     "final-form": "^4.20.9",
@@ -70,11 +70,11 @@
   },
   "devDependencies": {
     "@types/jest": "28.1.8",
-    "@vidispine/eslint-config-mdx": "23.3.0-pre.4",
-    "@vidispine/eslint-config-react": "23.3.0-pre.4",
-    "@vidispine/eslint-config-storybook": "23.3.0-pre.4",
-    "@vidispine/prettier-config": "23.3.0-pre.4",
-    "@vidispine/proptypes": "23.3.0-pre.4",
+    "@vidispine/eslint-config-mdx": "23.3.0-pre.5",
+    "@vidispine/eslint-config-react": "23.3.0-pre.5",
+    "@vidispine/eslint-config-storybook": "23.3.0-pre.5",
+    "@vidispine/prettier-config": "23.3.0-pre.5",
+    "@vidispine/proptypes": "23.3.0-pre.5",
     "@vitejs/plugin-react": "3.1.0",
     "@wojtekmaj/enzyme-adapter-react-17": "0.8.0",
     "axios": "0.21.4",