@vidispine/vdt-mui 23.4.0-pre.2 → 23.4.0-pre.4

package/dist/es/general/MediaIcon/index.js

@@ -1,9 +1,9 @@
 import { styled as r } from "@mui/material/styles";
 import m from "./MediaIcon.js";
 import { withOverrides as s } from "../../_utils/withOverrides.js";
-const o = "MediaIcon", e = `Vdt${o}`, d = s(e)(m), t = r(d, {
+const o = "MediaIcon", e = `Vdt${o}`, i = s(e)(m), t = r(i, {
   name: e,
-  overridesResolver: (i, n) => n.root
+  overridesResolver: (d, n) => n.root
 })(() => ({}));
 t.displayName = o;
 const l = t;

package/dist/es/general/Sort/Sort.js

@@ -93,7 +93,7 @@ const r = {
     }), f();
   }, k = e === void 0 || e.length === 0, T = d.direction !== r.ascending;
   return /* @__PURE__ */ V(S, { ...i.root, children: [
-    /* @__PURE__ */ m(C, { onClick: I, disabled: k, label: t, optionLabel: d.option.label || "", descending: T, ...i.buttonBase }),
+    /* @__PURE__ */ m(C, { onClick: I, disabled: k, label: t, optionLabel: d.option.label || "", descending: T, role: "button", ...i.buttonBase }),
     /* @__PURE__ */ m(y, { anchorEl: g, keepMounted: !0, open: !!g, onClose: f, elevation: 1, marginThreshold: 0, PaperProps: {
       style: {
         minWidth: 150,

package/dist/es/general/Sort/components/MenuItem.js

@@ -1,13 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import p from "@mui/material/MenuItem";
-import u from "@mui/material/Typography";
-const a = ({
+import a from "@mui/material/Typography";
+const c = ({
   value: e,
   label: o = "",
   selected: r,
   onClick: n,
   ...i
-}) => /* @__PURE__ */ t(p, { selected: r, onClick: (m) => n(m, e), dense: !0, ...i, children: /* @__PURE__ */ t(u, { variant: "caption", children: o ?? "" }) }), M = a;
+}) => /* @__PURE__ */ t(p, { selected: r, onClick: (m) => n(m, e), dense: !0, ...i, children: /* @__PURE__ */ t(a, { variant: "caption", children: o ?? "" }) }), f = c;
 export {
-  M as default
+  f as default
 };

package/dist/es/general/ThemeContext/ThemeContext.d.ts

@@ -24,7 +24,7 @@ export interface ThemeProviderProps<TLightKey extends string = 'light', TDarkKey
     children?: ReactNode;
 }
 declare const ThemeProvider: {
-    ({ themes, muiLocale, defaultPaletteKey, lightPaletteKey, darkPaletteKey, systemPaletteKey, localStoragePaletteKey, MuiThemeProviderProps, CssBaselineProps, children, ...props }: PropsWithChildren<ThemeProviderProps>): JSX.Element;
+    ({ themes, muiLocale, defaultPaletteKey, lightPaletteKey, darkPaletteKey, systemPaletteKey, localStoragePaletteKey, MuiThemeProviderProps, CssBaselineProps, children, ...props }: PropsWithChildren<ThemeProviderProps>): import("react/jsx-runtime").JSX.Element;
     defaultProps: ThemeProviderProps<"light", "dark">;
 };
 declare const useThemeContext: () => ThemeContextValue<"light", "dark">;

package/dist/es/general/index.d.ts

@@ -13,4 +13,4 @@ export { default as ScrubLine } from './ScrubLine';
 export { default as Sort } from './Sort';
 export { default as TablePagination } from './TablePagination';
 export { default as Form } from './Form';
-export { ThemeProvider, useThemeContext } from './ThemeContext';
+export * from './ThemeContext';

package/dist/es/index.d.ts

@@ -6,5 +6,6 @@ export * from './inputs';
 export * from './shape';
 export * from './search';
 export * from './transcode';
+export * from './upload';
 export * from './event';
 export * from './metadata';

package/dist/es/index.js

@@ -1,7 +1,7 @@
 import { default as a } from "./collection/CollectionList/index.js";
 import { default as r } from "./collection/CollectionListItem/index.js";
-import { default as m } from "./collection/CollectionRepresentativeThumbnail/index.js";
-import { default as l } from "./collection/CollectionCard/index.js";
+import { default as l } from "./collection/CollectionRepresentativeThumbnail/index.js";
+import { default as p } from "./collection/CollectionCard/index.js";
 import { default as d } from "./entity/EntityIcon/index.js";
 import { default as x } from "./entity/EntityAvatar/index.js";
 import { default as i } from "./entity/EntityList/index.js";
@@ -11,24 +11,24 @@ import { default as b } from "./general/CalendarPicker/index.js";
 import { default as B } from "./general/CompactBadge/index.js";
 import { default as P } from "./general/CompactLabel/index.js";
 import { default as v } from "./general/CornerLabelPlacer/index.js";
-import { default as S } from "./general/ExpandButton/index.js";
-import { default as F } from "./general/ImageCollage/index.js";
-import { default as w } from "./general/MediaIcon/index.js";
-import { default as D } from "./general/MenuItem/index.js";
-import { default as V } from "./general/VirtualizedList/index.js";
+import { default as F } from "./general/ExpandButton/index.js";
+import { default as k } from "./general/ImageCollage/index.js";
+import { default as R } from "./general/MediaIcon/index.js";
+import { default as w } from "./general/MenuItem/index.js";
+import { default as G } from "./general/VirtualizedList/index.js";
 import { default as z } from "./general/ScrubLine/index.js";
-import { default as j } from "./general/Sort/index.js";
-import { default as H } from "./general/TablePagination/index.js";
-import { default as K } from "./general/Form/index.js";
-import { ThemeProvider as Q, useThemeContext as U } from "./general/ThemeContext/ThemeContext.js";
+import { default as N } from "./general/Sort/index.js";
+import { default as q } from "./general/TablePagination/index.js";
+import { default as J } from "./general/Form/index.js";
+import { ThemeProvider as O, useThemeContext as Q } from "./general/ThemeContext/ThemeContext.js";
 import { default as X } from "./item/ItemList/index.js";
 import { default as Z } from "./item/ItemListItem/index.js";
 import { default as $ } from "./item/ItemThumbnail/index.js";
 import { default as te } from "./item/ItemCard/index.js";
 import { default as oe } from "./item/ItemTable/index.js";
 import { default as fe } from "./item/ItemTableRow/index.js";
-import { default as ue } from "./item/ItemPoster/index.js";
-import { default as pe } from "./item/ItemPosterViewer/index.js";
+import { default as me } from "./item/ItemPoster/index.js";
+import { default as ue } from "./item/ItemPosterViewer/index.js";
 import { default as se } from "./item/ItemPosterList/index.js";
 import { default as ne } from "./inputs/BasicDateTimeInput/index.js";
 import { default as Ie } from "./inputs/BooleanInput/index.js";
@@ -38,17 +38,21 @@ import { default as ge } from "./inputs/DateTimeInput/index.js";
 import { default as Me } from "./inputs/MaskedTextInput/index.js";
 import { default as he } from "./inputs/NumberInput/index.js";
 import { default as Ee } from "./inputs/RadioGroupInput/index.js";
-import { default as ke } from "./inputs/SelectInput/index.js";
-import { default as Re } from "./inputs/SliderInput/index.js";
-import { default as ye } from "./inputs/TagInput/index.js";
-import { default as Ge } from "./inputs/TextInput/index.js";
-import { default as Ae } from "./shape/ShapeMediaBadges/index.js";
-import { default as Ne } from "./search/SearchFilterForm/index.js";
-import { default as qe } from "./transcode/TranscodePresetMediaBadges/index.js";
-import { default as Je } from "./event/EventList/index.js";
-import { default as Oe } from "./event/EventListItem/index.js";
-import { default as Ue } from "./metadata/MetadataGroupTreeView/index.js";
-import { default as Xe } from "./metadata/MetadataForm/index.js";
+import { default as Se } from "./inputs/SelectInput/index.js";
+import { default as De } from "./inputs/SliderInput/index.js";
+import { default as Ue } from "./inputs/TagInput/index.js";
+import { default as ye } from "./inputs/TextInput/index.js";
+import { default as Ve } from "./shape/ShapeMediaBadges/index.js";
+import { default as Ae } from "./search/SearchFilterForm/index.js";
+import { default as je } from "./transcode/TranscodePresetMediaBadges/index.js";
+import { default as He } from "./upload/UploadDropzone/index.js";
+import { default as Ke } from "./upload/UploadListItem/index.js";
+import { default as Qe } from "./upload/UploadFileTree/index.js";
+import { default as Xe } from "./upload/UploadFileTreeItem/index.js";
+import { default as Ze } from "./event/EventList/index.js";
+import { default as $e } from "./event/EventListItem/index.js";
+import { default as tt } from "./metadata/MetadataGroupTreeView/index.js";
+import { default as ot } from "./metadata/MetadataForm/index.js";
 export {
   c as AvatarMenu,
   ne as BasicDateTimeInput,
@@ -56,10 +60,10 @@ export {
   Ie as BooleanInput,
   b as CalendarPicker,
   Te as CheckboxGroupInput,
-  l as CollectionCard,
+  p as CollectionCard,
   a as CollectionList,
   r as CollectionListItem,
-  m as CollectionRepresentativeThumbnail,
+  l as CollectionRepresentativeThumbnail,
   B as CompactBadge,
   P as CompactLabel,
   v as CornerLabelPlacer,
@@ -68,38 +72,42 @@ export {
   x as EntityAvatar,
   d as EntityIcon,
   i as EntityList,
-  Je as EventList,
-  Oe as EventListItem,
-  S as ExpandButton,
-  K as Form,
-  F as ImageCollage,
+  Ze as EventList,
+  $e as EventListItem,
+  F as ExpandButton,
+  J as Form,
+  k as ImageCollage,
   te as ItemCard,
   X as ItemList,
   Z as ItemListItem,
-  ue as ItemPoster,
+  me as ItemPoster,
   se as ItemPosterList,
-  pe as ItemPosterViewer,
+  ue as ItemPosterViewer,
   oe as ItemTable,
   fe as ItemTableRow,
   $ as ItemThumbnail,
   Me as MaskedTextInput,
-  w as MediaIcon,
-  D as MenuItem,
-  Xe as MetadataForm,
-  Ue as MetadataGroupTreeView,
+  R as MediaIcon,
+  w as MenuItem,
+  ot as MetadataForm,
+  tt as MetadataGroupTreeView,
   he as NumberInput,
   Ee as RadioGroupInput,
   z as ScrubLine,
-  Ne as SearchFilterForm,
-  ke as SelectInput,
-  Ae as ShapeMediaBadges,
-  Re as SliderInput,
-  j as Sort,
-  H as TablePagination,
-  ye as TagInput,
-  Ge as TextInput,
-  Q as ThemeProvider,
-  qe as TranscodePresetMediaBadges,
-  V as VirtualizedList,
-  U as useThemeContext
+  Ae as SearchFilterForm,
+  Se as SelectInput,
+  Ve as ShapeMediaBadges,
+  De as SliderInput,
+  N as Sort,
+  q as TablePagination,
+  Ue as TagInput,
+  ye as TextInput,
+  O as ThemeProvider,
+  je as TranscodePresetMediaBadges,
+  He as UploadDropzone,
+  Qe as UploadFileTree,
+  Xe as UploadFileTreeItem,
+  Ke as UploadListItem,
+  G as VirtualizedList,
+  Q as useThemeContext
 };

package/dist/es/inputs/BooleanInput/BooleanInput.d.ts

@@ -25,11 +25,11 @@ export interface BooleanInputProps extends WithOverrideProps<typeof defaultCompo
     /**
      * Value of input
      */
-    value?: boolean;
+    value?: boolean | '' | 'true' | 'false';
     /**
      * Default value of input (use for uncontrolled)
      */
-    defaultValue?: boolean;
+    defaultValue?: boolean | '' | 'true' | 'false';
     /**
      * Label to use
      */

package/dist/es/inputs/BooleanInput/BooleanInput.js

@@ -1,92 +1,95 @@
-import { jsxs as z, jsx as i } from "react/jsx-runtime";
-import B from "@mui/material/FormControl";
-import I from "@mui/material/FormControlLabel";
-import E from "@mui/material/FormHelperText";
-import P from "@mui/material/Switch";
-import V from "@mui/material/Checkbox";
-import { styled as f } from "@mui/material/styles";
-const W = f(I, {
+import { jsxs as I, jsx as c } from "react/jsx-runtime";
+import D from "@mui/material/FormControl";
+import E from "@mui/material/FormControlLabel";
+import P from "@mui/material/FormHelperText";
+import V from "@mui/material/Switch";
+import W from "@mui/material/Checkbox";
+import { styled as C } from "@mui/material/styles";
+const $ = C(E, {
   shouldForwardProp: (o) => o !== "size"
 })(({
   theme: o,
-  size: t,
-  labelPlacement: e
+  size: e,
+  labelPlacement: t
 }) => ({
   "& .MuiTypography-root": {
-    ...t === "small" && {
+    ...e === "small" && {
       fontSize: "0.8rem"
     }
   },
   "&.Mui-error": {
     color: o.palette.error.main
   },
-  ...e === "end" ? {
+  ...t === "end" ? {
     marginRight: 0
   } : {},
-  ...e === "start" ? {
+  ...t === "start" ? {
     marginLeft: 0
   } : {},
-  ...["bottom", "top"].includes(e) ? {
+  ...["bottom", "top"].includes(t) ? {
     marginRight: 0,
     marginLeft: 0
   } : {}
-})), $ = f(E, {
+})), q = C(P, {
   shouldForwardProp: (o) => !["fullWidth", "textAlign"].includes(o)
 })(({
   fullWidth: o,
-  textAlign: t
+  textAlign: e
 }) => o ? {
-  textAlign: t
-} : {}), q = {
-  Root: B,
-  FormControlLabel: W,
-  FormHelperText: $,
-  Switch: P,
-  Checkbox: V
-}, x = ({
+  textAlign: e
+} : {}), G = {
+  Root: D,
+  FormControlLabel: $,
+  FormHelperText: q,
+  Switch: V,
+  Checkbox: W
+}, b = ({
   name: o,
-  label: t,
-  value: e,
-  defaultValue: C,
-  helperText: m,
-  error: a,
-  required: c,
-  disabled: g,
-  labelPlacement: d,
-  size: s,
-  fullWidth: h,
-  type: b,
-  onChange: F,
-  onBlur: v,
-  onFocus: k,
-  components: T,
+  label: e,
+  value: t,
+  defaultValue: l,
+  helperText: d,
+  error: s,
+  required: h,
+  disabled: F,
+  labelPlacement: p,
+  size: u,
+  fullWidth: f,
+  type: k,
+  onChange: v,
+  onBlur: y,
+  onFocus: T,
+  components: L,
   componentsProps: r
 }) => {
   const {
-    Root: L,
-    FormControlLabel: w,
-    FormHelperText: y,
-    Switch: M,
-    Checkbox: S
-  } = T, H = {
+    Root: w,
+    FormControlLabel: M,
+    FormHelperText: S,
+    Switch: H,
+    Checkbox: R
+  } = L, A = {
     end: "left",
     start: "right",
     top: "center",
     bottom: "center"
-  }, R = (n) => {
-    var p;
-    F(n, {
-      value: (p = n == null ? void 0 : n.target) == null ? void 0 : p.checked
+  };
+  let i, m;
+  typeof l == "string" ? i = l === "true" : i = l, typeof t == "string" ? m = t === "true" : m = t;
+  const j = (n) => {
+    var g;
+    v(n, {
+      value: (g = n == null ? void 0 : n.target) == null ? void 0 : g.checked
     });
-  }, l = !!a, u = (a || "").trim(), [A, j] = b === "switch" ? [M, r.switch] : [S, r.checkbox];
-  return /* @__PURE__ */ z(L, { error: l, required: c, disabled: g, fullWidth: h, ...r.root, children: [
-    /* @__PURE__ */ i(w, { label: c ? `${t} *` : t, labelPlacement: t ? d : "end", size: s, control: /* @__PURE__ */ i(A, { id: o, name: o, checked: e, size: s, type: "checkbox", defaultChecked: C, ...l ? {
+  }, a = !!s, x = (s || "").trim(), [z, B] = k === "switch" ? [H, r.switch] : [R, r.checkbox];
+  return /* @__PURE__ */ I(w, { error: a, required: h, disabled: F, fullWidth: f, ...r.root, children: [
+    /* @__PURE__ */ c(M, { label: h ? `${e} *` : e, labelPlacement: e ? p : "end", size: u, control: /* @__PURE__ */ c(z, { id: o, name: o, checked: m, size: u, type: "checkbox", defaultChecked: i, ...a ? {
       color: "error"
-    } : {}, onChange: R, onBlur: v, onFocus: k, ...j }), ...r.formControlLabel }),
-    (u || m) && /* @__PURE__ */ i(y, { fullWidth: h, textAlign: H[d], ...r.formHelperText, children: l ? u : m })
+    } : {}, onChange: j, onBlur: y, onFocus: T, ...B }), ...r.formControlLabel }),
+    (x || d) && /* @__PURE__ */ c(S, { fullWidth: f, textAlign: A[p], ...r.formHelperText, children: a ? x : d })
   ] });
 };
-x.defaultProps = {
+b.defaultProps = {
   name: void 0,
   label: void 0,
   value: void 0,
@@ -102,10 +105,10 @@ x.defaultProps = {
   onChange: () => null,
   onBlur: void 0,
   onFocus: void 0,
-  components: q,
+  components: G,
   componentsProps: void 0
 };
-const X = x;
+const Z = b;
 export {
-  X as default
+  Z as default
 };

package/dist/es/inputs/CheckboxGroupInput/components/CheckboxGroup.d.ts

@@ -37,5 +37,5 @@ export interface CheckboxGroupProps extends Omit<MuiFormGroupProps, 'onChange'>
     rows: boolean;
     type: string;
 }
-declare const CheckboxGroup: import("react").ForwardRefExoticComponent<Pick<CheckboxGroupProps, keyof CheckboxGroupProps> & import("react").RefAttributes<unknown>>;
+declare const CheckboxGroup: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
 export default CheckboxGroup;

package/dist/es/inputs/RadioGroupInput/components/RadioGroup.d.ts

@@ -37,5 +37,5 @@ export interface RadioGroupProps extends Omit<MuiRadioGroupProps, 'onChange'> {
     rows: boolean;
     type: string;
 }
-declare const RadioGroup: import("react").ForwardRefExoticComponent<Pick<RadioGroupProps, keyof RadioGroupProps> & import("react").RefAttributes<unknown>>;
+declare const RadioGroup: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
 export default RadioGroup;

package/dist/es/inputs/SliderInput/components/Slider.d.ts

@@ -25,5 +25,5 @@ export interface SliderProps extends Omit<MuiSliderProps, 'onChange'> {
     rows?: boolean;
     type?: string;
 }
-declare const Slider: import("react").ForwardRefExoticComponent<Pick<SliderProps, keyof SliderProps> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const Slider: import("react").ForwardRefExoticComponent<Omit<SliderProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
 export default Slider;

package/dist/es/inputs/_components/MenuItem.js

@@ -19,7 +19,7 @@ const d = ({
   ] });
 };
 d.defaultProps = {};
-const M = d;
+const I = d;
 export {
-  M as default
+  I as default
 };

package/dist/es/item/ItemList/ItemList.js

@@ -17,8 +17,8 @@ const q = () => /* @__PURE__ */ m(w, { children: "No items found..." }), A = D(C
 }, d = ({
   itemListType: t,
   header: l,
-  primary: u,
-  secondary: p,
+  primary: p,
+  secondary: u,
   avatarVariant: c,
   dense: f,
   amountLoading: h,
@@ -27,29 +27,29 @@ const q = () => /* @__PURE__ */ m(w, { children: "No items found..." }), A = D(C
   onListItemDelete: L,
   emptySlot: y,
   components: S,
-  componentsProps: i
+  componentsProps: r
 }) => {
   const {
     Root: v,
-    ListSubheader: M,
-    ListItem: g
-  } = S, k = [...Array(Math.max(h, 0)).keys()].map(() => ({
+    ListSubheader: g,
+    ListItem: k
+  } = S, M = [...Array(Math.max(h, 0)).keys()].map(() => ({
     key: n()
   })), s = x(() => {
     var o;
-    return ((o = t == null ? void 0 : t.item) == null ? void 0 : o.map((r) => ({
+    return ((o = t == null ? void 0 : t.item) == null ? void 0 : o.map((i) => ({
       key: n(),
-      itemType: r
+      itemType: i
     }))) || [];
   }, [t.item]);
-  return /* @__PURE__ */ a(v, { dense: f, ...i.root, children: [
-    /* @__PURE__ */ m(M, { ...i.listSubheader, children: l }),
+  return /* @__PURE__ */ a(v, { dense: f, ...r.root, children: [
+    /* @__PURE__ */ m(g, { ...r.listSubheader, children: l }),
     /* @__PURE__ */ a(b, { children: [
       !e && s.length === 0 && V(y),
-      (e ? k : s).map(({
+      (e ? M : s).map(({
         key: o,
-        itemType: r
-      }) => /* @__PURE__ */ m(g, { itemType: r, primary: u, secondary: p, avatarVariant: c, isLoading: e, onClick: I, onDelete: L, ...i.listItem }, o))
+        itemType: i
+      }) => /* @__PURE__ */ m(k, { itemType: i, primary: p, secondary: u, avatarVariant: c, isLoading: e, onClick: I, onDelete: L, ...r.listItem }, o))
     ] })
   ] });
 };

package/dist/es/metadata/MetadataForm/hooks/UseMetadataFormInputs.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { MetadataType, MetadataFieldType } from '@vidispine/types';
 declare const useMetadataFormInputs: ({ fieldList, metadata, dataToPropsMap, errorMessages, inputsProps, }: {
     fieldList?: MetadataFieldType[];

package/dist/es/metadata/MetadataGroupTreeView/MetadataGroupTreeView.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import type { MetadataGroupValueType } from '@vidispine/types';
-import { WithOverrideProps } from '../../_types';
+import type { WithOverrideProps, StyledComponent } from '../../_types';
 declare const defaultComponents: {
     Root: any;
-    GroupTreeItem: any;
-    FieldTreeItem: any;
+    GroupTreeItem: StyledComponent<any>;
+    FieldTreeItem: StyledComponent<any>;
 };
 export interface MetadataGroupTreeViewProps extends WithOverrideProps<typeof defaultComponents> {
     /**

package/dist/es/metadata/MetadataGroupTreeView/MetadataGroupTreeView.js

@@ -1,11 +1,10 @@
-import { jsx as t, jsxs as a, Fragment as M } from "react/jsx-runtime";
-import x from "@mui/icons-material/esm/ChevronRight";
-import b from "@mui/icons-material/esm/ExpandMore";
-import g from "@mui/lab/TreeItem";
-import C from "@mui/lab/TreeView";
-import { styled as i } from "@mui/material/styles";
+import { jsx as t, jsxs as a, Fragment as x } from "react/jsx-runtime";
+import b from "@mui/icons-material/esm/ChevronRight";
+import g from "@mui/icons-material/esm/ExpandMore";
+import { styled as o } from "@mui/material/styles";
+import { TreeItem as M, TreeView as C } from "@mui/x-tree-view";
 import { parseFieldList as F } from "@vidispine/vdt-js";
-const m = i(g)(() => ({
+const m = o(M)(() => ({
   userSelect: "all",
   "&:focus, &:hover, &.Mui-selected": {
     "& > .MuiTreeItem-content, .MuiTreeItem-label": {
@@ -20,10 +19,10 @@ const m = i(g)(() => ({
   Root: C,
   GroupTreeItem: m,
   FieldTreeItem: m
-}, s = i("span")(() => ({
+}, s = o("span")(() => ({
   fontWeight: 600,
   fontSize: ".75rem"
-})), S = i("span")(() => ({
+})), S = o("span")(() => ({
   fontSize: ".75rem"
 })), c = ({
   group: n,
@@ -31,33 +30,33 @@ const m = i(g)(() => ({
   componentsProps: r
 }) => {
   const {
-    Root: p,
-    GroupTreeItem: I,
+    Root: I,
+    GroupTreeItem: p,
     FieldTreeItem: h
-  } = f, T = (e = {}) => /* @__PURE__ */ t(h, { nodeId: e.uuid, label: /* @__PURE__ */ a(M, { children: [
+  } = f, T = (e = {}) => /* @__PURE__ */ t(h, { nodeId: e.uuid, label: /* @__PURE__ */ a(x, { children: [
     /* @__PURE__ */ t(s, { children: `${e.name}: ` }),
     /* @__PURE__ */ t(S, { children: e.value.join(", ") })
-  ] }), ...r.fieldTreeItem }, e.uuid), l = (e = {}) => {
-    var d, u;
-    return /* @__PURE__ */ a(I, { nodeId: e.uuid, label: /* @__PURE__ */ t(s, { children: e.name }), ...r.groupTreeItem, children: [
-      ((d = e.field) == null ? void 0 : d.length) > 0 ? F(e.field, {
+  ] }), ...r.fieldTreeItem }, e.uuid), d = (e = {}) => {
+    var i, u;
+    return /* @__PURE__ */ a(p, { nodeId: e.uuid, label: /* @__PURE__ */ t(s, { children: e.name }), ...r.groupTreeItem, children: [
+      ((i = e.field) == null ? void 0 : i.length) > 0 ? F(e.field, {
         includeFieldAttributes: !0,
         fieldAsList: !0,
         arrayOnSingleValue: !0
-      }).map((o) => T(o)) : null,
-      ((u = e.group) == null ? void 0 : u.length) > 0 ? e.group.map((o) => l(o)) : null
+      }).map((l) => T(l)) : null,
+      ((u = e.group) == null ? void 0 : u.length) > 0 ? e.group.map((l) => d(l)) : null
     ] }, e.uuid);
   };
-  return /* @__PURE__ */ t(p, { defaultCollapseIcon: /* @__PURE__ */ t(b, {}), defaultExpanded: [n == null ? void 0 : n.uuid], defaultExpandIcon: /* @__PURE__ */ t(x, {}), sx: {
+  return /* @__PURE__ */ t(I, { defaultCollapseIcon: /* @__PURE__ */ t(g, {}), defaultExpanded: [n == null ? void 0 : n.uuid], defaultExpandIcon: /* @__PURE__ */ t(b, {}), sx: {
     maxWidth: 400
-  }, ...r.root, children: l(n) });
+  }, ...r.root, children: d(n) });
 };
 c.defaultProps = {
   group: void 0,
   components: v,
   componentsProps: void 0
 };
-const k = c;
+const R = c;
 export {
-  k as default
+  R as default
 };

package/dist/es/search/SearchFilterForm/hooks/UseSearchFilterFormInputs.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { FacetType, MetadataFieldType } from '@vidispine/types';
 declare const useSearchFilterFormInputs: ({ fieldList, facetList, includeFacetsAsOptions, dataToPropsMap, errorMessages, inputsProps, }: {
     fieldList?: MetadataFieldType[];