@vidispine/vdt-materialui 26.1.0-pre.4 → 26.1.0-pre.6

package/dist/cjs/search/querybuilder/QueryBuilder/QueryBuilder.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react/jsx-runtime"),T=require("react"),S=require("clsx"),e=require("prop-types"),j=require("@material-ui/lab"),f=require("@vidispine/proptypes"),v=require("../../../utils.js"),C=require("../QueryBuilderContext.js"),E=require("../QueryEntry/index.js"),Q=o=>({root:{},treeRoot:{backgroundColor:o.palette.background.paper,"& > .MuiTreeItem-root:first-child":{backgroundColor:"transparent",margin:"0",border:"none"}}}),R=o=>{function a({uuid:s,...n}){const l=n.operation,i=({operation:r,value:u,range:t}={})=>r?"operator":u||t?"field":"group";return{...l?{operation:n.operation,operator:n.entry.filter(r=>r.operation).map(r=>a(r))}:{name:n.name},field:n.entry.filter(r=>i(r)==="field").map(({uuid:r,predicate:u,...t})=>{var d;const m=(d=t.value)==null?void 0:d.map(({value:p})=>({value:p.includes(" ")&&!p.includes("*")?`"${p}"`:`${p}`}));return{...t,value:m}}),group:n.entry.filter(r=>i(r)==="group").map(r=>a(r))}}return o&&o.operator&&{operator:a(o.operator)}},N=o=>{const a=({operation:s,name:n,operator:l,field:i,group:r,entry:u}={})=>({...s?{operation:s}:{name:n},entry:[...i||[],...(l||[]).map(t=>a(t)),...(r||[]).map(t=>a(t)),...u||[]].map(t=>({uuid:v.uuidv4(),...t}))});return o&&o.operator&&{operator:a(o.operator)}};function h({classes:o,className:a,query:s,fields:n,groups:l,defaultField:i,defaultGroup:r,onChange:u,QueryEntryComponent:t,QueryEntryProps:m}){const d=T.useMemo(()=>N(s),[s]),p=T.useCallback(c=>{u({...c,toItemSearchDocument(){return R(this)}})},[u]),[O,x]=T.useState(["operator"]),b=(c,g)=>{x(g)},q=c=>{O.includes(c)||x(g=>[...g,c])};return y.jsx("div",{className:S(a,o.root,"VdtQueryBuilder-root"),children:d?y.jsx(C.QueryBuilderContextProvider,{query:d,onChange:p,children:y.jsx(j.TreeView,{classes:{root:o.treeRoot},disableSelection:!0,expanded:O,onNodeToggle:b,children:y.jsx(t,{expandNode:q,path:"operator",defaultField:i,defaultGroup:r,fields:n,groups:l,canExpand:!1,...m})})}):null})}h.propTypes={classes:e.objectOf(e.string),className:e.string,query:e.oneOfType([e.shape({operation:e.oneOf(["AND","OR","NOT"]).isRequired,entry:e.arrayOf(e.oneOfType([f.SearchOperatorType,f.SearchFieldType,f.SearchGroupType]))}),f.ItemSearchType]).isRequired,groups:e.arrayOf(e.any),fields:e.arrayOf(e.any),defaultField:e.oneOfType([e.string,e.objectOf(e.any)]),defaultGroup:e.string,onChange:e.func.isRequired,QueryEntryComponent:e.elementType,QueryEntryProps:e.objectOf(e.any)};h.defaultProps={className:void 0,classes:{},fields:[],groups:[],defaultField:void 0,defaultGroup:void 0,QueryEntryComponent:E.default,QueryEntryProps:{}};exports.default=h;exports.styles=Q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),T=require("react"),E=require("clsx"),e=require("prop-types"),S=require("@material-ui/lab"),m=require("@vidispine/proptypes"),j=require("../../../utils.js"),v=require("../QueryBuilderContext.js"),C=require("../QueryEntry/index.js"),Q=o=>({root:{},treeRoot:{backgroundColor:o.palette.background.paper,"& > .MuiTreeItem-root:first-child":{backgroundColor:"transparent",margin:"0",border:"none"}}}),R=o=>{function u({uuid:i,...n}){const l=n.operation,p=({operation:r,value:t,range:a}={})=>r?"operator":t||a?"field":"group";return{...l?{operation:n.operation,operator:n.entry.filter(r=>r.operation).map(r=>u(r))}:{name:n.name},...(()=>{const r=n.entry.filter(t=>p(t)==="field").map(({uuid:t,predicate:a,...d})=>{var f;const y=(f=d.value)==null?void 0:f.map(({value:s})=>({value:s.includes(" ")&&!s.includes("*")?`"${s}"`:`${s}`}));return{...d,value:y}});return r.length>0?{field:r}:{}})(),...(()=>{const r=n.entry.filter(t=>p(t)==="group").map(t=>u(t));return r.length>0?{group:r}:{}})()}}return o&&o.operator&&{operator:u(o.operator)}},N=o=>{const u=({operation:i,name:n,operator:l,field:p,group:r,entry:t}={})=>({...i?{operation:i}:{name:n},entry:[...p||[],...(l||[]).map(a=>u(a)),...(r||[]).map(a=>u(a)),...t||[]].map(a=>({uuid:j.uuidv4(),...a}))});return o&&o.operator&&{operator:u(o.operator)}};function O({classes:o,className:u,query:i,fields:n,groups:l,defaultField:p,defaultGroup:r,onChange:t,QueryEntryComponent:a,QueryEntryProps:d}){const y=T.useMemo(()=>N(i),[i]),f=T.useCallback(c=>{t({...c,toItemSearchDocument(){return R(this)}})},[t]),[s,x]=T.useState(["operator"]),b=(c,h)=>{x(h)},q=c=>{s.includes(c)||x(h=>[...h,c])};return g.jsx("div",{className:E(u,o.root,"VdtQueryBuilder-root"),children:y?g.jsx(v.QueryBuilderContextProvider,{query:y,onChange:f,children:g.jsx(S.TreeView,{classes:{root:o.treeRoot},disableSelection:!0,expanded:s,onNodeToggle:b,children:g.jsx(a,{expandNode:q,path:"operator",defaultField:p,defaultGroup:r,fields:n,groups:l,canExpand:!1,...d})})}):null})}O.propTypes={classes:e.objectOf(e.string),className:e.string,query:e.oneOfType([e.shape({operation:e.oneOf(["AND","OR","NOT"]).isRequired,entry:e.arrayOf(e.oneOfType([m.SearchOperatorType,m.SearchFieldType,m.SearchGroupType]))}),m.ItemSearchType]).isRequired,groups:e.arrayOf(e.any),fields:e.arrayOf(e.any),defaultField:e.oneOfType([e.string,e.objectOf(e.any)]),defaultGroup:e.string,onChange:e.func.isRequired,QueryEntryComponent:e.elementType,QueryEntryProps:e.objectOf(e.any)};O.defaultProps={className:void 0,classes:{},fields:[],groups:[],defaultField:void 0,defaultGroup:void 0,QueryEntryComponent:C.default,QueryEntryProps:{}};exports.default=O;exports.styles=Q;

package/dist/cjs/search/querybuilder/QueryEntry/QueryEntry.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),K=require("react"),V=require("clsx"),e=require("prop-types"),j=require("@material-ui/core/styles"),I=require("@material-ui/icons"),W=require("@material-ui/lab"),X=require("../QueryBuilderContext.js"),Y=require("../QueryField/index.js"),Z=require("../QueryGroup/index.js"),ee=require("../QueryOperator/index.js"),oe=o=>({root:{"&:focus > .MuiTreeItem-content .MuiTreeItem-label":{backgroundColor:"transparent"},"&:hover > .MuiTreeItem-content .MuiTreeItem-label":{backgroundColor:"transparent"},padding:"5px"},queryGroup:{position:"relative",border:`1px solid ${j.alpha(o.palette.text.primary,.05)}`,backgroundColor:j.alpha(o.palette.text.primary,.02),borderRadius:"4px",margin:"1rem 1rem 1rem 0","& .MuiTreeItem-iconContainer":{position:"absolute",left:"12px"}}});function re(o){return o.operation?"operator":o.value||o.range?"field":"group"}function i({canExpandpath:o,path:p,fields:g,groups:n,defaultField:q,defaultGroup:te,not:m,nodeId:P,canExpand:E,parentGroup:ne,onRemove:R,...y}){const{expandNode:G,OperatorComponent:$,OperatorProps:M,FieldComponent:L,FieldProps:k,GroupComponent:A,GroupProps:Q,getFieldLabel:S,getFieldName:v,getGroupLabel:_,getGroupName:l,getGroupFields:w,getGroupGroups:B,classes:T}=y,{getEntry:D,addEntry:h,removeEntry:N,changeOperation:U,changeEntry:x,setNot:b}=X.useQueryBuilder(p),r=D(p),a=re(r),d=P||p,z=q||g.length>0?v(g[0]):void 0,s=a==="group"?w(n.find(t=>l(t)===l(r))||{}):g,c=a==="group"?v(s[0]):z,f=a==="group"?B(n.find(t=>l(t)===r.name)||{}):n,H=f&&f.length>0?f[0].name:void 0,O=K.useCallback((...t)=>{h(...t),G&&G(d)},[h,d,G]),F=R||N;if(r.operation&&r.operation==="NOT")return u.jsx(i,{nodeId:d,path:`${p}.entry.0`,fields:s,defaultField:c,groups:n,onRemove:N,parentGroup:a==="group"?r.name:void 0,not:!0,...y});const J=({uuid:t,...C})=>C;return u.jsx(W.TreeItem,{nodeId:d,className:V(a!=="field"&&T.queryGroup,T.root),expandIcon:E?u.jsx(I.ChevronRight,{}):null,collapseIcon:E?u.jsx(I.ExpandMore,{}):null,label:{operator:u.jsx($,{operator:r,not:m,onAddEntry:O,onRemove:d!=="operator"?F:void 0,onChangeOperation:d!=="operator"?U:void 0,onChange:x,setNot:d!=="operator"?b:void 0,defaultField:c,defaultGroup:n&&n.length>0?n[0].name:void 0,...M}),field:u.jsx(L,{field:J(r),fields:s,getFieldLabel:S,getFieldName:v,not:m,onRemove:F,onChange:x,setNot:b,...k}),group:u.jsx(A,{group:r,groups:n,not:m,onAddEntry:O,onRemove:F,setNot:b,defaultField:c,defaultGroup:H,getGroupLabel:_,getGroupName:l,onChange:x,...Q})}[a],children:r.entry&&r.entry.map((t,C)=>u.jsx(i,{nodeId:`${d}.entry.${t.uuid}`,path:`${p}.entry.${C}`,fields:s,groups:f,defaultField:c,parentEntryType:a,parentGroup:a==="group"?r.name:void 0,...y},`${p}.entry.${t.uuid}`))})}i.propTypes={classes:e.objectOf(e.string),className:e.string,OperatorComponent:e.elementType,OperatorProps:e.objectOf(e.any),FieldComponent:e.elementType,FieldProps:e.objectOf(e.any),GroupComponent:e.elementType,GroupProps:e.objectOf(e.any),not:e.bool,nodeId:e.string,canExpand:e.bool,getFieldLabel:e.func,getFieldName:e.func,getGroupLabel:e.func,getGroupName:e.func,getGroupFields:e.func,getGroupGroups:e.func,defaultField:e.string,defaultGroup:e.string,canExpandpath:e.bool,path:e.string,expandNode:e.func,groups:e.arrayOf(e.any),fields:e.arrayOf(e.any),parentEntryType:e.string,parentGroup:e.string,onRemove:e.func};i.defaultProps={className:void 0,classes:{},FieldComponent:Y.default,FieldProps:{},GroupComponent:Z.default,GroupProps:{},OperatorComponent:ee.default,OperatorProps:{},not:!1,nodeId:void 0,canExpand:!0,getFieldLabel:({label:o}={})=>o,getFieldName:({name:o}={})=>o,getGroupLabel:({label:o}={})=>o,getGroupName:({name:o}={})=>o,getGroupFields:({fields:o=[]}={})=>o,getGroupGroups:({groups:o=[]}={})=>o,defaultField:void 0,defaultGroup:void 0,canExpandpath:void 0,path:void 0,expandNode:void 0,groups:[],fields:[],parentEntryType:void 0,parentGroup:void 0,onRemove:void 0};exports.default=i;exports.styles=oe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),K=require("react"),V=require("clsx"),e=require("prop-types"),q=require("@material-ui/core/styles"),I=require("@material-ui/icons"),W=require("@material-ui/lab"),X=require("../QueryBuilderContext.js"),Y=require("../QueryField/index.js"),Z=require("../QueryGroup/index.js"),ee=require("../QueryOperator/index.js"),oe=o=>({root:{"&:focus > .MuiTreeItem-content .MuiTreeItem-label":{backgroundColor:"transparent"},"&:hover > .MuiTreeItem-content .MuiTreeItem-label":{backgroundColor:"transparent"},padding:"5px"},queryGroup:{position:"relative",border:`1px solid ${q.alpha(o.palette.text.primary,.05)}`,backgroundColor:q.alpha(o.palette.text.primary,.02),borderRadius:"4px",margin:"1rem 1rem 1rem 0","& .MuiTreeItem-iconContainer":{position:"absolute",left:"12px"}}});function re(o){return o.operation?"operator":o.value||o.range?"field":"group"}function p({canExpandpath:o,path:n,fields:g,groups:a,defaultField:P,defaultGroup:te,not:m,nodeId:y,canExpand:T,parentGroup:ne,onRemove:R,...G}){const{expandNode:v,OperatorComponent:$,OperatorProps:M,FieldComponent:L,FieldProps:k,GroupComponent:A,GroupProps:Q,getFieldLabel:S,getFieldName:x,getGroupLabel:_,getGroupName:l,getGroupFields:w,getGroupGroups:B,classes:N}=G,{getEntry:D,addEntry:O,removeEntry:h,changeOperation:U,changeEntry:b,setNot:F}=X.useQueryBuilder(n),r=D(n),j=K.useCallback((...t)=>{O(...t),v&&v(y||n)},[O,y,n,v]);if(r===void 0)return null;const u=re(r),i=y||n,z=P||g.length>0?x(g[0]):void 0,s=u==="group"?w(a.find(t=>l(t)===l(r))||{}):g,c=u==="group"?x(s[0]):z,f=u==="group"?B(a.find(t=>l(t)===r.name)||{}):a,H=f&&f.length>0?f[0].name:void 0,C=R||h;if(r.operation&&r.operation==="NOT")return d.jsx(p,{nodeId:i,path:`${n}.entry.0`,fields:s,defaultField:c,groups:a,onRemove:h,parentGroup:u==="group"?r.name:void 0,not:!0,...G});const J=({uuid:t,...E})=>E;return d.jsx(W.TreeItem,{nodeId:i,className:V(u!=="field"&&N.queryGroup,N.root),expandIcon:T?d.jsx(I.ChevronRight,{}):null,collapseIcon:T?d.jsx(I.ExpandMore,{}):null,label:{operator:d.jsx($,{operator:r,not:m,onAddEntry:j,onRemove:i!=="operator"?C:void 0,onChangeOperation:i!=="operator"?U:void 0,onChange:b,setNot:i!=="operator"?F:void 0,defaultField:c,defaultGroup:a&&a.length>0?a[0].name:void 0,...M}),field:d.jsx(L,{field:J(r),fields:s,getFieldLabel:S,getFieldName:x,not:m,onRemove:C,onChange:b,setNot:F,...k}),group:d.jsx(A,{group:r,groups:a,not:m,onAddEntry:j,onRemove:C,setNot:F,defaultField:c,defaultGroup:H,getGroupLabel:_,getGroupName:l,onChange:b,...Q})}[u],children:r.entry&&r.entry.map((t,E)=>d.jsx(p,{nodeId:`${i}.entry.${t.uuid}`,path:`${n}.entry.${E}`,fields:s,groups:f,defaultField:c,parentEntryType:u,parentGroup:u==="group"?r.name:void 0,...G},`${n}.entry.${t.uuid}`))})}p.propTypes={classes:e.objectOf(e.string),className:e.string,OperatorComponent:e.elementType,OperatorProps:e.objectOf(e.any),FieldComponent:e.elementType,FieldProps:e.objectOf(e.any),GroupComponent:e.elementType,GroupProps:e.objectOf(e.any),not:e.bool,nodeId:e.string,canExpand:e.bool,getFieldLabel:e.func,getFieldName:e.func,getGroupLabel:e.func,getGroupName:e.func,getGroupFields:e.func,getGroupGroups:e.func,defaultField:e.string,defaultGroup:e.string,canExpandpath:e.bool,path:e.string,expandNode:e.func,groups:e.arrayOf(e.any),fields:e.arrayOf(e.any),parentEntryType:e.string,parentGroup:e.string,onRemove:e.func};p.defaultProps={className:void 0,classes:{},FieldComponent:Y.default,FieldProps:{},GroupComponent:Z.default,GroupProps:{},OperatorComponent:ee.default,OperatorProps:{},not:!1,nodeId:void 0,canExpand:!0,getFieldLabel:({label:o}={})=>o,getFieldName:({name:o}={})=>o,getGroupLabel:({label:o}={})=>o,getGroupName:({name:o}={})=>o,getGroupFields:({fields:o=[]}={})=>o,getGroupGroups:({groups:o=[]}={})=>o,defaultField:void 0,defaultGroup:void 0,canExpandpath:void 0,path:void 0,expandNode:void 0,groups:[],fields:[],parentEntryType:void 0,parentGroup:void 0,onRemove:void 0};exports.default=p;exports.styles=oe;

package/dist/es/search/querybuilder/QueryBuilder/QueryBuilder.js

@@ -1,98 +1,104 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as y } from "react/jsx-runtime";
 import { useMemo as x, useCallback as C, useState as Q } from "react";
 import S from "clsx";
 import e from "prop-types";
 import { TreeView as v } from "@material-ui/lab";
-import f from "@vidispine/proptypes";
+import g from "@vidispine/proptypes";
 import { uuidv4 as N } from "../../../utils.js";
 import { QueryBuilderContextProvider as P } from "../QueryBuilderContext.js";
 import R from "../QueryEntry/index.js";
-const $ = (o) => ({
+const $ = (t) => ({
   root: {},
   treeRoot: {
-    backgroundColor: o.palette.background.paper,
+    backgroundColor: t.palette.background.paper,
     "& > .MuiTreeItem-root:first-child": {
       backgroundColor: "transparent",
       margin: "0",
       border: "none"
     }
   }
-}), j = (o) => {
-  function a({ uuid: i, ...n }) {
-    const d = n.operation, u = ({ operation: r, value: p, range: t } = {}) => r ? "operator" : p || t ? "field" : "group";
+}), j = (t) => {
+  function p({ uuid: u, ...n }) {
+    const d = n.operation, s = ({ operation: r, value: o, range: a } = {}) => r ? "operator" : o || a ? "field" : "group";
     return {
       ...d ? {
         operation: n.operation,
-        operator: n.entry.filter((r) => r.operation).map((r) => a(r))
+        operator: n.entry.filter((r) => r.operation).map((r) => p(r))
       } : { name: n.name },
-      field: n.entry.filter((r) => u(r) === "field").map(({ uuid: r, predicate: p, ...t }) => {
-        var l;
-        const y = (l = t.value) == null ? void 0 : l.map(({ value: s }) => ({
-          value: s.includes(" ") && !s.includes("*") ? `"${s}"` : `${s}`
-        }));
-        return { ...t, value: y };
-      }),
-      group: n.entry.filter((r) => u(r) === "group").map((r) => a(r))
+      ...(() => {
+        const r = n.entry.filter((o) => s(o) === "field").map(({ uuid: o, predicate: a, ...c }) => {
+          var m;
+          const f = (m = c.value) == null ? void 0 : m.map(({ value: i }) => ({
+            value: i.includes(" ") && !i.includes("*") ? `"${i}"` : `${i}`
+          }));
+          return { ...c, value: f };
+        });
+        return r.length > 0 ? { field: r } : {};
+      })(),
+      ...(() => {
+        const r = n.entry.filter((o) => s(o) === "group").map((o) => p(o));
+        return r.length > 0 ? { group: r } : {};
+      })()
     };
   }
-  return o && o.operator && { operator: a(o.operator) };
-}, k = (o) => {
-  const a = ({ operation: i, name: n, operator: d, field: u, group: r, entry: p } = {}) => ({
-    ...i ? { operation: i } : { name: n },
+  return t && t.operator && { operator: p(t.operator) };
+}, k = (t) => {
+  const p = ({ operation: u, name: n, operator: d, field: s, group: r, entry: o } = {}) => ({
+    ...u ? { operation: u } : { name: n },
     entry: [
-      ...u || [],
-      ...(d || []).map((t) => a(t)),
-      ...(r || []).map((t) => a(t)),
-      ...p || []
-    ].map((t) => ({ uuid: N(), ...t }))
+      ...s || [],
+      ...(d || []).map((a) => p(a)),
+      ...(r || []).map((a) => p(a)),
+      ...o || []
+    ].map((a) => ({ uuid: N(), ...a }))
   });
-  return o && o.operator && { operator: a(o.operator) };
+  return t && t.operator && { operator: p(t.operator) };
 };
 function O({
-  classes: o,
-  className: a,
-  query: i,
+  classes: t,
+  className: p,
+  query: u,
   fields: n,
   groups: d,
-  defaultField: u,
+  defaultField: s,
   defaultGroup: r,
-  onChange: p,
-  QueryEntryComponent: t,
-  QueryEntryProps: y
+  onChange: o,
+  QueryEntryComponent: a,
+  QueryEntryProps: c
 }) {
-  const l = x(() => k(i), [i]), s = C(
-    (c) => {
-      p({
-        ...c,
+  const f = x(() => k(u), [u]), m = C(
+    (l) => {
+      o({
+        ...l,
         toItemSearchDocument() {
           return j(this);
         }
       });
     },
-    [p]
-  ), [T, h] = Q(["operator"]), b = (c, g) => {
-    h(g);
-  }, E = (c) => {
-    T.includes(c) || h((g) => [...g, c]);
+    [o]
+  ), [i, T] = Q(["operator"]), E = (l, h) => {
+    T(h);
+  }, b = (l) => {
+    i.includes(l) || T((h) => [...h, l]);
   };
-  return /* @__PURE__ */ m("div", { className: S(a, o.root, "VdtQueryBuilder-root"), children: l ? /* @__PURE__ */ m(P, { query: l, onChange: s, children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ y("div", { className: S(p, t.root, "VdtQueryBuilder-root"), children: f ? /* @__PURE__ */ y(P, { query: f, onChange: m, children: /* @__PURE__ */ y(
     v,
     {
-      classes: { root: o.treeRoot },
+      classes: { root: t.treeRoot },
       disableSelection: !0,
-      expanded: T,
-      onNodeToggle: b,
-      children: /* @__PURE__ */ m(
-        t,
+      expanded: i,
+      onNodeToggle: E,
+      children: /* @__PURE__ */ y(
+        a,
         {
-          expandNode: E,
+          expandNode: b,
           path: "operator",
-          defaultField: u,
+          defaultField: s,
           defaultGroup: r,
           fields: n,
           groups: d,
           canExpand: !1,
-          ...y
+          ...c
         }
       )
     }
@@ -112,13 +118,13 @@ O.propTypes = {
       operation: e.oneOf(["AND", "OR", "NOT"]).isRequired,
       entry: e.arrayOf(
         e.oneOfType([
-          f.SearchOperatorType,
-          f.SearchFieldType,
-          f.SearchGroupType
+          g.SearchOperatorType,
+          g.SearchFieldType,
+          g.SearchGroupType
         ])
       )
     }),
-    f.ItemSearchType
+    g.ItemSearchType
   ]).isRequired,
   groups: e.arrayOf(e.any),
   fields: e.arrayOf(e.any),

package/dist/es/search/querybuilder/QueryEntry/QueryEntry.js

@@ -2,7 +2,7 @@ import { jsx as d } from "react/jsx-runtime";
 import { useCallback as J } from "react";
 import K from "clsx";
 import e from "prop-types";
-import { alpha as I } from "@material-ui/core/styles";
+import { alpha as P } from "@material-ui/core/styles";
 import { ChevronRight as V, ExpandMore as W } from "@material-ui/icons";
 import { TreeItem as X } from "@material-ui/lab";
 import { useQueryBuilder as Y } from "../QueryBuilderContext.js";
@@ -21,8 +21,8 @@ const ye = (o) => ({
   },
   queryGroup: {
     position: "relative",
-    border: `1px solid ${I(o.palette.text.primary, 0.05)}`,
-    backgroundColor: I(o.palette.text.primary, 0.02),
+    border: `1px solid ${P(o.palette.text.primary, 0.05)}`,
+    backgroundColor: P(o.palette.text.primary, 0.02),
     borderRadius: "4px",
     margin: "1rem 1rem 1rem 0",
     "& .MuiTreeItem-iconContainer": {
@@ -36,20 +36,20 @@ function re(o) {
 }
 function f({
   canExpandpath: o,
-  path: i,
+  path: n,
   fields: c,
-  groups: n,
-  defaultField: P,
+  groups: a,
+  defaultField: R,
   defaultGroup: te,
   not: g,
-  nodeId: R,
-  canExpand: E,
+  nodeId: y,
+  canExpand: T,
   parentGroup: ne,
   onRemove: $,
-  ...y
+  ...G
 }) {
   const {
-    expandNode: G,
+    expandNode: v,
     OperatorComponent: L,
     OperatorProps: M,
     FieldComponent: j,
@@ -57,54 +57,57 @@ function f({
     GroupComponent: k,
     GroupProps: A,
     getFieldLabel: q,
-    getFieldName: v,
+    getFieldName: b,
     getGroupLabel: w,
     getGroupName: u,
     getGroupFields: B,
     getGroupGroups: D,
-    classes: T
-  } = y, { getEntry: S, addEntry: h, removeEntry: N, changeOperation: U, changeEntry: b, setNot: F } = Y(i), r = S(i), a = re(r), p = R || i, _ = P || c.length > 0 ? v(c[0]) : void 0, l = a === "group" ? B(n.find((t) => u(t) === u(r)) || {}) : c, s = a === "group" ? v(l[0]) : _, m = a === "group" ? D(n.find((t) => u(t) === r.name) || {}) : n, z = m && m.length > 0 ? m[0].name : void 0, O = J(
+    classes: N
+  } = G, { getEntry: S, addEntry: O, removeEntry: h, changeOperation: U, changeEntry: F, setNot: x } = Y(n), r = S(n), I = J(
     (...t) => {
-      h(...t), G && G(p);
+      O(...t), v && v(y || n);
     },
-    [h, p, G]
-  ), x = $ || N;
+    [O, y, n, v]
+  );
+  if (r === void 0)
+    return null;
+  const p = re(r), i = y || n, _ = R || c.length > 0 ? b(c[0]) : void 0, l = p === "group" ? B(a.find((t) => u(t) === u(r)) || {}) : c, s = p === "group" ? b(l[0]) : _, m = p === "group" ? D(a.find((t) => u(t) === r.name) || {}) : a, z = m && m.length > 0 ? m[0].name : void 0, C = $ || h;
   if (r.operation && r.operation === "NOT")
     return /* @__PURE__ */ d(
       f,
       {
-        nodeId: p,
-        path: `${i}.entry.0`,
+        nodeId: i,
+        path: `${n}.entry.0`,
         fields: l,
         defaultField: s,
-        groups: n,
-        onRemove: N,
-        parentGroup: a === "group" ? r.name : void 0,
+        groups: a,
+        onRemove: h,
+        parentGroup: p === "group" ? r.name : void 0,
         not: !0,
-        ...y
+        ...G
       }
     );
-  const H = ({ uuid: t, ...C }) => C;
+  const H = ({ uuid: t, ...E }) => E;
   return /* @__PURE__ */ d(
     X,
     {
-      nodeId: p,
-      className: K(a !== "field" && T.queryGroup, T.root),
-      expandIcon: E ? /* @__PURE__ */ d(V, {}) : null,
-      collapseIcon: E ? /* @__PURE__ */ d(W, {}) : null,
+      nodeId: i,
+      className: K(p !== "field" && N.queryGroup, N.root),
+      expandIcon: T ? /* @__PURE__ */ d(V, {}) : null,
+      collapseIcon: T ? /* @__PURE__ */ d(W, {}) : null,
       label: {
         operator: /* @__PURE__ */ d(
           L,
           {
             operator: r,
             not: g,
-            onAddEntry: O,
-            onRemove: p !== "operator" ? x : void 0,
-            onChangeOperation: p !== "operator" ? U : void 0,
-            onChange: b,
-            setNot: p !== "operator" ? F : void 0,
+            onAddEntry: I,
+            onRemove: i !== "operator" ? C : void 0,
+            onChangeOperation: i !== "operator" ? U : void 0,
+            onChange: F,
+            setNot: i !== "operator" ? x : void 0,
             defaultField: s,
-            defaultGroup: n && n.length > 0 ? n[0].name : void 0,
+            defaultGroup: a && a.length > 0 ? a[0].name : void 0,
             ...M
           }
         ),
@@ -114,11 +117,11 @@ function f({
             field: H(r),
             fields: l,
             getFieldLabel: q,
-            getFieldName: v,
+            getFieldName: b,
             not: g,
-            onRemove: x,
-            onChange: b,
-            setNot: F,
+            onRemove: C,
+            onChange: F,
+            setNot: x,
             ...Q
           }
         ),
@@ -126,33 +129,33 @@ function f({
           k,
           {
             group: r,
-            groups: n,
+            groups: a,
             not: g,
-            onAddEntry: O,
-            onRemove: x,
-            setNot: F,
+            onAddEntry: I,
+            onRemove: C,
+            setNot: x,
             defaultField: s,
             defaultGroup: z,
             getGroupLabel: w,
             getGroupName: u,
-            onChange: b,
+            onChange: F,
             ...A
           }
         )
-      }[a],
-      children: r.entry && r.entry.map((t, C) => /* @__PURE__ */ d(
+      }[p],
+      children: r.entry && r.entry.map((t, E) => /* @__PURE__ */ d(
         f,
         {
-          nodeId: `${p}.entry.${t.uuid}`,
-          path: `${i}.entry.${C}`,
+          nodeId: `${i}.entry.${t.uuid}`,
+          path: `${n}.entry.${E}`,
           fields: l,
           groups: m,
           defaultField: s,
-          parentEntryType: a,
-          parentGroup: a === "group" ? r.name : void 0,
-          ...y
+          parentEntryType: p,
+          parentGroup: p === "group" ? r.name : void 0,
+          ...G
         },
-        `${i}.entry.${t.uuid}`
+        `${n}.entry.${t.uuid}`
       ))
     }
   );

package/package.json

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