@vidispine/vdt-materialui 26.2.0-pre.2 → 26.2.1

package/dist/cjs/entity/EntityAccessAdd.js

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

package/dist/es/entity/EntityAccessAdd.js

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

package/package.json

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