@vidispine/vdt-mui 23.3.0-pre.5 → 23.3.0

package/dist/cjs/entity/EntityCard/components/EntityCardHeader.js

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),q=require("@mui/material/CardHeader"),d=require("@mui/material/styles"),H=require("../../EntityAvatar/index.js"),T=require("../../../general/AvatarMenu/index.js"),o=require("../../_utils/getEntityText.js"),k=require("../../_utils/getEntityProp.js"),W=d.styled(q)(({avatar:t,action:r})=>{const i=t?56:0,n=r?40+16:0;return{display:"inline-block",padding:16,width:"inherit","& .MuiCardHeader-avatar":{float:"left"},"& .MuiCardHeader-content":{float:"left",width:`calc(100% - ${i}px - ${n}px)`},"& .MuiCardHeader-action":{marginTop:0,float:"right"},float:"none"}}),j=d.styled(H)(({theme:t})=>({backgroundColor:t.palette.mode==="light"?"rgba(0, 0, 0, 0.54)":"#fff"})),A=d.styled(T)(({theme:t})=>({marginLeft:16,"& .MuiAvatar-root":{color:t.palette.mode==="light"?"rgba(0, 0, 0, 0.54)":"#fff",backgroundColor:"transparent","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.08)"}}})),g=({itemType:t,collectionType:r,title:i,subheader:n,menuOptions:a,onOptionClick:h,entityAvatar:y,avatarMenu:e,...u})=>{var c,l,p;const x=o.getEntityText(i,{itemType:t,collectionType:r}),f=o.getEntityText(n,{itemType:t,collectionType:r}),m=(l=(c=o.getEntityText("mimeType",{itemType:t}))==null?void 0:c.split("/"))==null?void 0:l[0],b=o.getEntityText("mediaType",{itemType:t})||m,C=(E,P)=>{h(E,{option:P,...k.getEntityProp({itemType:t,collectionType:r})})};return s.jsx(W,{title:x,subheader:f,titleTypographyProps:{noWrap:!0},subheaderTypographyProps:{noWrap:!0},avatar:s.jsx(j,{entityType:t&&"item"||r&&"collection"||"library",mediaType:b,...y??{}}),action:a&&s.jsx(A,{minWidth:"unset",options:a,onOptionClick:C,componentsProps:{menu:{anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},...((p=e==null?void 0:e.componentsProps)==null?void 0:p.menu)||{}},...(e==null?void 0:e.componentsProps)||{}},...e??{}}),...u})};g.defaultProps={};const O=g;module.exports=O;
+"use strict";const s=require("react/jsx-runtime"),q=require("@mui/material/CardHeader"),d=require("@mui/material/styles"),H=require("../../EntityAvatar/index.js"),k=require("../../../general/AvatarMenu/index.js"),o=require("../../_utils/getEntityText.js"),W=require("../../_utils/getEntityProp.js"),j=d.styled(q)(({avatar:t,action:r})=>{const i=t?56:0,n=r?40+16:0;return{display:"inline-block",padding:16,width:"inherit","& .MuiCardHeader-avatar":{float:"left"},"& .MuiCardHeader-content":{float:"left",width:`calc(100% - ${i}px - ${n}px)`},"& .MuiCardHeader-action":{marginTop:0,float:"right"},float:"none"}}),A=d.styled(H)(({theme:t})=>({backgroundColor:t.palette.mode==="light"?"rgba(0, 0, 0, 0.54)":"#fff"})),O=d.styled(k)(({theme:t})=>({marginLeft:16,"& .MuiAvatar-root":{color:t.palette.mode==="light"?"rgba(0, 0, 0, 0.54)":"#fff",backgroundColor:"transparent","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.08)"}}})),y=({itemType:t,collectionType:r,title:i,subheader:n,menuOptions:a,onOptionClick:h,entityAvatar:u,avatarMenu:e,...f})=>{var l,p,g;const m=o.getEntityText(i,{itemType:t,collectionType:r}),x=o.getEntityText(n,{itemType:t,collectionType:r}),c=o.getEntityText("mimeType",{itemType:t}),b=(p=(l=typeof c=="string"?c:void 0)==null?void 0:l.split("/"))==null?void 0:p[0],C=o.getEntityText("mediaType",{itemType:t})||b,E=(P,T)=>{h(P,{option:T,...W.getEntityProp({itemType:t,collectionType:r})})};return s.jsx(j,{title:m,subheader:x,titleTypographyProps:{noWrap:!0},subheaderTypographyProps:{noWrap:!0},avatar:s.jsx(A,{entityType:t&&"item"||r&&"collection"||"library",mediaType:C,...u??{}}),action:a&&s.jsx(O,{minWidth:"unset",options:a,onOptionClick:E,componentsProps:{menu:{anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},...((g=e==null?void 0:e.componentsProps)==null?void 0:g.menu)||{}},...(e==null?void 0:e.componentsProps)||{}},...e??{}}),...f})};y.defaultProps={};const S=y;module.exports=S;

package/dist/cjs/general/Form/Form.js

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),k=require("react"),v=require("react-hook-form"),S=require("@mui/material/Box"),x=require("@mui/material/Button"),ot=require("@mui/material/ButtonGroup"),G=require("@mui/material/styles"),nt=G.styled(ot)(({theme:o})=>({marginTop:o.spacing(2),marginBottom:o.spacing(2),display:"flex",justifyContent:"center"})),ut=G.styled(S)(({theme:o})=>({"&:not(:first-of-type)":{paddingTop:o.spacing(2)}})),rt={Root:S,InputContainer:ut,Controller:v.Controller,ButtonGroup:nt,ClearButton:x,ResetButton:x,SubmitButton:x},M=({inputs:o,inputProps:T,formProps:E,formReturn:B,size:C,variant:F,clearText:D,resetText:I,submitText:w,onClear:l,onReset:c,onChange:d,onSubmit:f,onError:h,components:H,componentsProps:u})=>{const{Root:O,InputContainer:W,Controller:_,ButtonGroup:$,ClearButton:z,ResetButton:A,SubmitButton:J}=H,y=k.useRef(),b=({multiple:t,range:e})=>t||e?[]:null,K=o.reduce((t,{name:e,defaultValue:i,...s})=>({...t,[e]:i||b(s)}),{}),g=v.useForm({defaultValues:K,...E||{}});B&&B(g);const{handleSubmit:L,control:N,reset:j,watch:R,formState:a}=g,{defaultValues:q}=a,Q=Object.keys((a==null?void 0:a.errors)||{}).length>0,U=t=>{const e=o.reduce((i,{name:s,defaultValue:Z,...p})=>({...i,[s]:b(p)}),{});l&&l(t,e),j(e,{keepDefaultValues:!0})},X=t=>{c&&c(t,q),j(q,{keepDefaultValues:!0})};k.useEffect(()=>{const t=d?R(e=>d(y.current,e)):void 0;return()=>t==null?void 0:t.unsubscribe()},[d,R]);const Y=t=>typeof(t==null?void 0:t.required)=="string"||(t==null?void 0:t.required)===!0;return n.jsxs(O,{component:"form",onSubmit:L((t,e)=>typeof f=="function"&&f(e,t),(t,e)=>typeof h=="function"&&h(e,t)),...u.root,children:[o==null?void 0:o.map(({Component:t,name:e,rules:i,label:s,defaultValue:Z,...p})=>n.jsx(W,{...u.inputContainer,children:n.jsx(_,{control:N,name:e,rules:i,render:({field:{onChange:P,...tt},formState:{errors:m}})=>{var V;return n.jsx(t,{onChange:(et,r)=>{y.current=et,P((r==null?void 0:r.value)!==void 0?r==null?void 0:r.value:r)},error:(V=m==null?void 0:m[e])==null?void 0:V.message,size:C,variant:F,label:Y(i)?`${s} *`:s,...tt,...T||{},...p})},...u.controller})},e)),n.jsxs($,{variant:"text",size:C,fullWidth:!0,...u.buttonGroup,children:[l&&n.jsx(z,{onClick:U,...u.clearButton,children:D}),c&&n.jsx(A,{onClick:X,...u.resetButton,children:I}),f&&n.jsx(J,{type:"submit",disabled:Q,...u.submitButton,children:w})]})]})};M.defaultProps={inputs:[],inputProps:void 0,formProps:void 0,formReturn:void 0,variant:"standard",size:"medium",clearText:"Clear",resetText:"Reset",submitText:"Submit",onClear:void 0,onReset:void 0,onChange:void 0,onSubmit:void 0,onError:void 0,components:rt,componentsProps:void 0};const it=M;module.exports=it;
+"use strict";const n=require("react/jsx-runtime"),k=require("react"),v=require("react-hook-form"),S=require("@mui/material/Box"),x=require("@mui/material/Button"),ot=require("@mui/material/ButtonGroup"),G=require("@mui/material/styles"),nt=G.styled(ot)(({theme:o})=>({marginTop:o.spacing(2),marginBottom:o.spacing(2),display:"flex",justifyContent:"center"})),ut=G.styled(S)(({theme:o})=>({"&:not(:first-of-type)":{paddingTop:o.spacing(2)}})),rt={Root:S,InputContainer:ut,Controller:v.Controller,ButtonGroup:nt,ClearButton:x,ResetButton:x,SubmitButton:x},M=({inputs:o,inputProps:T,formProps:E,formReturnRef:B,size:C,variant:F,clearText:D,resetText:I,submitText:w,onClear:c,onReset:l,onChange:d,onSubmit:f,onError:h,components:H,componentsProps:u})=>{const{Root:O,InputContainer:W,Controller:_,ButtonGroup:$,ClearButton:z,ResetButton:A,SubmitButton:J}=H,y=k.useRef(),b=({multiple:t,range:e})=>t||e?[]:null,K=o.reduce((t,{name:e,defaultValue:i,...s})=>({...t,[e]:i||b(s)}),{}),g=v.useForm({defaultValues:K,...E||{}});B&&(B.current=g);const{handleSubmit:L,control:N,reset:j,watch:q,formState:a}=g,{defaultValues:R}=a,Q=Object.keys((a==null?void 0:a.errors)||{}).length>0,U=t=>{const e=o.reduce((i,{name:s,defaultValue:Z,...p})=>({...i,[s]:b(p)}),{});c&&c(t,e),j(e,{keepDefaultValues:!0})},X=t=>{l&&l(t,R),j(R,{keepDefaultValues:!0})};k.useEffect(()=>{const t=d?q(e=>d(y.current,e)):void 0;return()=>t==null?void 0:t.unsubscribe()},[d,q]);const Y=t=>typeof(t==null?void 0:t.required)=="string"||(t==null?void 0:t.required)===!0;return n.jsxs(O,{component:"form",onSubmit:L((t,e)=>typeof f=="function"&&f(e,t),(t,e)=>typeof h=="function"&&h(e,t)),...u.root,children:[o==null?void 0:o.map(({Component:t,name:e,rules:i,label:s,defaultValue:Z,...p})=>n.jsx(W,{...u.inputContainer,children:n.jsx(_,{control:N,name:e,rules:i,render:({field:{onChange:P,...tt},formState:{errors:m}})=>{var V;return n.jsx(t,{onChange:(et,r)=>{y.current=et,P((r==null?void 0:r.value)!==void 0?r==null?void 0:r.value:r)},error:(V=m==null?void 0:m[e])==null?void 0:V.message,size:C,variant:F,label:Y(i)?`${s} *`:s,...tt,...T||{},...p})},...u.controller})},e)),n.jsxs($,{variant:"text",size:C,fullWidth:!0,...u.buttonGroup,children:[c&&n.jsx(z,{onClick:U,...u.clearButton,children:D}),l&&n.jsx(A,{onClick:X,...u.resetButton,children:I}),f&&n.jsx(J,{type:"submit",disabled:Q,...u.submitButton,children:w})]})]})};M.defaultProps={inputs:[],inputProps:void 0,formProps:void 0,formReturn:void 0,variant:"standard",size:"medium",clearText:"Clear",resetText:"Reset",submitText:"Submit",onClear:void 0,onReset:void 0,onChange:void 0,onSubmit:void 0,onError:void 0,components:rt,componentsProps:void 0};const it=M;module.exports=it;

package/dist/es/_types.d.ts

@@ -19,3 +19,4 @@ export type ComponentsProps<TComponents> = {
     [Key in Extract<keyof TComponents, string> as Uncapitalize<Key>]?: Partial<PropsFrom<TComponents[Key]>>;
 };
 export type StyledComponent<TComponent extends (props?: any) => any, TAdditionalProps extends any = unknown> = (props?: Partial<PropsFrom<TComponent>> & TAdditionalProps) => ReturnType<TComponent>;
+export type ArrayElement<ArrayType> = ArrayType extends readonly (infer ElementType)[] ? ElementType : never;

package/dist/es/_utils/withOverrides.d.ts

@@ -1,8 +1,7 @@
-import { ComponentType, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
 interface OverridesProps {
     className: string;
     components: any;
     componentsProps: any;
 }
-export declare const withOverrides: (name: string) => <P extends Partial<OverridesProps> = {}>(Component: ComponentType<P>) => ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<any>>;
+export declare const withOverrides: (name: string) => <P extends Partial<OverridesProps> = {}>(Component: import("react").ComponentType<P>) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<P> & import("react").RefAttributes<any>>;
 export {};

package/dist/es/entity/EntityCard/components/EntityCardHeader.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import type { CardHeaderProps as MuiCardHeaderProps } from '@mui/material';
 import type { CollectionType, ItemType } from '@vidispine/types';
+import { ArrayElement } from '../../../_types';
 import { EntityAvatarProps } from '../../EntityAvatar/EntityAvatar';
 import type { AvatarMenuProps } from '../../../general/AvatarMenu/AvatarMenu';
 export interface EntityCardHeaderProps extends Omit<MuiCardHeaderProps, 'itemType' | 'title' | 'subheader'> {
@@ -16,7 +17,7 @@ export interface EntityCardHeaderProps extends Omit<MuiCardHeaderProps, 'itemTyp
     }) => string);
     menuOptions?: AvatarMenuProps['options'];
     onOptionClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>, payload: {
-        option: AvatarMenuProps['options'][number];
+        option: ArrayElement<AvatarMenuProps['options']>;
     } & ({
         itemType?: ItemType;
     } | {

package/dist/es/entity/EntityCard/components/EntityCardHeader.js

@@ -1,11 +1,11 @@
 import { jsx as a } from "react/jsx-runtime";
-import k from "@mui/material/CardHeader";
+import A from "@mui/material/CardHeader";
 import { styled as d } from "@mui/material/styles";
-import A from "../../EntityAvatar/index.js";
-import E from "../../../general/AvatarMenu/index.js";
+import E from "../../EntityAvatar/index.js";
+import W from "../../../general/AvatarMenu/index.js";
 import { getEntityText as i } from "../../_utils/getEntityText.js";
-import { getEntityProp as W } from "../../_utils/getEntityProp.js";
-const O = d(k)(({
+import { getEntityProp as T } from "../../_utils/getEntityProp.js";
+const O = d(A)(({
   avatar: t,
   action: r
 }) => {
@@ -27,11 +27,11 @@ const O = d(k)(({
     },
     float: "none"
   };
-}), S = d(A)(({
+}), S = d(E)(({
   theme: t
 }) => ({
   backgroundColor: t.palette.mode === "light" ? "rgba(0, 0, 0, 0.54)" : "#fff"
-})), T = d(E)(({
+})), v = d(W)(({
   theme: t
 }) => ({
   marginLeft: 16,
@@ -42,42 +42,42 @@ const O = d(k)(({
       backgroundColor: "rgba(255, 255, 255, 0.08)"
     }
   }
-})), m = ({
+})), f = ({
   itemType: t,
   collectionType: r,
   title: e,
   subheader: n,
   menuOptions: p,
-  onOptionClick: f,
+  onOptionClick: g,
   entityAvatar: h,
   avatarMenu: o,
-  ...g
+  ...y
 }) => {
-  var l, s, c;
-  const y = i(e, {
+  var l, m, c;
+  const b = i(e, {
     itemType: t,
     collectionType: r
-  }), b = i(n, {
+  }), C = i(n, {
     itemType: t,
     collectionType: r
-  }), C = (s = (l = i("mimeType", {
+  }), s = i("mimeType", {
     itemType: t
-  })) == null ? void 0 : l.split("/")) == null ? void 0 : s[0], u = i("mediaType", {
+  }), u = (m = (l = typeof s == "string" ? s : void 0) == null ? void 0 : l.split("/")) == null ? void 0 : m[0], x = i("mediaType", {
     itemType: t
-  }) || C, x = (H, P) => {
-    f(H, {
-      option: P,
-      ...W({
+  }) || u, H = (P, k) => {
+    g(P, {
+      option: k,
+      ...T({
         itemType: t,
         collectionType: r
       })
     });
   };
-  return /* @__PURE__ */ a(O, { title: y, subheader: b, titleTypographyProps: {
+  return /* @__PURE__ */ a(O, { title: b, subheader: C, titleTypographyProps: {
     noWrap: !0
   }, subheaderTypographyProps: {
     noWrap: !0
-  }, avatar: /* @__PURE__ */ a(S, { entityType: t && "item" || r && "collection" || "library", mediaType: u, ...h ?? {} }), action: p && /* @__PURE__ */ a(T, { minWidth: "unset", options: p, onOptionClick: x, componentsProps: {
+  }, avatar: /* @__PURE__ */ a(S, { entityType: t && "item" || r && "collection" || "library", mediaType: x, ...h ?? {} }), action: p && /* @__PURE__ */ a(v, { minWidth: "unset", options: p, onOptionClick: H, componentsProps: {
     menu: {
       anchorOrigin: {
         vertical: "bottom",
@@ -90,10 +90,10 @@ const O = d(k)(({
       ...((c = o == null ? void 0 : o.componentsProps) == null ? void 0 : c.menu) || {}
     },
     ...(o == null ? void 0 : o.componentsProps) || {}
-  }, ...o ?? {} }), ...g });
+  }, ...o ?? {} }), ...y });
 };
-m.defaultProps = {};
-const q = m;
+f.defaultProps = {};
+const B = f;
 export {
-  q as default
+  B as default
 };

package/dist/es/event/EventList/index.d.ts

@@ -1,2 +1,3 @@
-declare const StyledComponent: any;
+import Component from './EventList';
+declare const StyledComponent: typeof Component;
 export default StyledComponent;

package/dist/es/event/EventListItem/index.d.ts

@@ -1,2 +1,3 @@
-declare const StyledComponent: any;
+import Component from './EventListItem';
+declare const StyledComponent: typeof Component;
 export default StyledComponent;

package/dist/es/general/CalendarPicker/components/PickersDay.d.ts

@@ -1,4 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { Dayjs } from 'dayjs';
 import { PickersDayProps } from '@mui/x-date-pickers';
@@ -11,5 +10,5 @@ export interface VdtPickersDayProps extends CustomPickerDayProps {
     } | string | number;
     locale?: string;
 }
-declare const VdtPickersDay: ForwardRefExoticComponent<Pick<VdtPickersDayProps, keyof VdtPickersDayProps> & RefAttributes<any>>;
+declare const VdtPickersDay: import("react").ForwardRefExoticComponent<Pick<VdtPickersDayProps, keyof VdtPickersDayProps> & import("react").RefAttributes<any>>;
 export default VdtPickersDay;

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { Controller as ReactHookFormController, FieldErrorsImpl, UseFormReturn } from 'react-hook-form';
+import { Controller as ReactHookFormController, FieldErrorsImpl, UseFormReturn } from '../../../../../node_modules/react-hook-form/dist/index.d.ts';
 import { Box as MuiBox, Button as MuiButton, ButtonGroup as MuiButtonGroup } from '@mui/material';
 import type { WithOverrideProps } from '../../_types';
-import type { UseControllerProps, UseFormProps } from 'react-hook-form';
+import type { UseControllerProps, UseFormProps } from '../../../../../node_modules/react-hook-form/dist/index.d.ts';
 declare const StyledMuiButtonGroup: typeof MuiButtonGroup;
 declare const StyledMuiBoxInputContainer: typeof MuiBox;
 declare const defaultComponents: {
@@ -78,11 +78,9 @@ export interface FormProps extends WithOverrideProps<typeof defaultComponents> {
      */
     formProps?: UseFormProps;
     /**
-     * Retrieve what's returned from useForm as function props
-     *
-     * _e.g. store in a "ref" to interact with the form_
+     * Store what's returned from useForm in a ref
      */
-    formReturn?: (props: UseFormReturn) => void;
+    formReturnRef?: React.MutableRefObject<UseFormReturn>;
     /**
      * Set variant of filter inputs
      */

package/dist/es/general/Form/Form.js

@@ -1,11 +1,11 @@
 import { jsxs as k, jsx as a } from "react/jsx-runtime";
 import { useRef as et, useEffect as ot } from "react";
-import { useForm as nt, Controller as ut } from "react-hook-form";
+import { useForm as nt, Controller as rt } from "react-hook-form";
 import G from "@mui/material/Box";
 import B from "@mui/material/Button";
-import rt from "@mui/material/ButtonGroup";
+import ut from "@mui/material/ButtonGroup";
 import { styled as M } from "@mui/material/styles";
-const it = M(rt)(({
+const it = M(ut)(({
   theme: o
 }) => ({
   marginTop: o.spacing(2),
@@ -21,7 +21,7 @@ const it = M(rt)(({
 })), lt = {
   Root: G,
   InputContainer: at,
-  Controller: ut,
+  Controller: rt,
   ButtonGroup: it,
   ClearButton: B,
   ResetButton: B,
@@ -30,7 +30,7 @@ const it = M(rt)(({
   inputs: o,
   inputProps: j,
   formProps: E,
-  formReturn: C,
+  formReturnRef: C,
   size: h,
   variant: q,
   clearText: D,
@@ -57,16 +57,16 @@ const it = M(rt)(({
     range: e
   }) => t || e ? [] : null, J = o.reduce((t, {
     name: e,
-    defaultValue: r,
+    defaultValue: u,
     ...i
   }) => ({
     ...t,
-    [e]: r || g(i)
+    [e]: u || g(i)
   }), {}), x = nt({
     defaultValues: J,
     ...E || {}
   });
-  C && C(x);
+  C && (C.current = x);
   const {
     handleSubmit: K,
     control: L,
@@ -76,12 +76,12 @@ const it = M(rt)(({
   } = x, {
     defaultValues: v
   } = l, N = Object.keys((l == null ? void 0 : l.errors) || {}).length > 0, Q = (t) => {
-    const e = o.reduce((r, {
+    const e = o.reduce((u, {
       name: i,
       defaultValue: Y,
       ...m
     }) => ({
-      ...r,
+      ...u,
       [i]: g(m)
     }), {});
     d && d(t, e), R(e, {
@@ -101,11 +101,11 @@ const it = M(rt)(({
     o == null ? void 0 : o.map(({
       Component: t,
       name: e,
-      rules: r,
+      rules: u,
       label: i,
       defaultValue: Y,
       ...m
-    }) => /* @__PURE__ */ a(W, { ...n.inputContainer, children: /* @__PURE__ */ a(_, { control: L, name: e, rules: r, render: ({
+    }) => /* @__PURE__ */ a(W, { ...n.inputContainer, children: /* @__PURE__ */ a(_, { control: L, name: e, rules: u, render: ({
       field: {
         onChange: Z,
         ...P
@@ -115,9 +115,9 @@ const it = M(rt)(({
       }
     }) => {
       var S;
-      return /* @__PURE__ */ a(t, { onChange: (tt, u) => {
-        b.current = tt, Z((u == null ? void 0 : u.value) !== void 0 ? u == null ? void 0 : u.value : u);
-      }, error: (S = p == null ? void 0 : p[e]) == null ? void 0 : S.message, size: h, variant: q, label: X(r) ? `${i} *` : i, ...P, ...j || {}, ...m });
+      return /* @__PURE__ */ a(t, { onChange: (tt, r) => {
+        b.current = tt, Z((r == null ? void 0 : r.value) !== void 0 ? r == null ? void 0 : r.value : r);
+      }, error: (S = p == null ? void 0 : p[e]) == null ? void 0 : S.message, size: h, variant: q, label: X(u) ? `${i} *` : i, ...P, ...j || {}, ...m });
     }, ...n.controller }) }, e)),
     /* @__PURE__ */ k($, { variant: "text", size: h, fullWidth: !0, ...n.buttonGroup, children: [
       d && /* @__PURE__ */ a(z, { onClick: Q, ...n.clearButton, children: D }),

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

@@ -1,16 +1,19 @@
 /// <reference types="react" />
+import { Audiotrack as MuiAudioTrackIcon, Image as MuiImageIcon, InsertDriveFile as MuiInsertDriveFileIcon, Movie as MuiMovieIcon, NoteAdd as MuiNoteAddIcon, Article as MuiArticleIcon, DataThresholding as MuiDataThresholdingIcon, PictureAsPdf as MuiPictureAsPdfIcon, QuestionMark as MuiQuestionMarkIcon } from '@mui/icons-material';
+import { Box as MuiBox } from '@mui/material';
 import type { WithOverrideProps } from '../../_types';
+declare const StyledMuiBox: typeof MuiBox;
 declare const defaultComponents: {
-    Root: any;
-    PlaceholderIcon: any;
-    AudioIcon: any;
-    ImageIcon: any;
-    VideoIcon: any;
-    DocumentIcon: any;
-    DataIcon: any;
-    PdfIcon: any;
-    NoneIcon: any;
-    FileIcon: any;
+    Root: typeof StyledMuiBox;
+    PlaceholderIcon: typeof MuiNoteAddIcon;
+    AudioIcon: typeof MuiAudioTrackIcon;
+    ImageIcon: typeof MuiImageIcon;
+    VideoIcon: typeof MuiMovieIcon;
+    DocumentIcon: typeof MuiArticleIcon;
+    DataIcon: typeof MuiDataThresholdingIcon;
+    PdfIcon: typeof MuiPictureAsPdfIcon;
+    NoneIcon: typeof MuiQuestionMarkIcon;
+    FileIcon: typeof MuiInsertDriveFileIcon;
 };
 export interface MediaIconProps extends WithOverrideProps<typeof defaultComponents> {
     /**

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

@@ -1,5 +1,3 @@
-import { SortMenuItemProps } from './components/MenuItem';
-import { FC } from 'react';
 /// <reference types="react" />
 import VdtButtonBase from './components/ButtonBase';
 import type { StyledComponent, WithOverrideProps } from '../../_types';
@@ -13,7 +11,7 @@ type StyledVdtButtonBaseType = StyledComponent<typeof VdtButtonBase, {
 declare const defaultComponents: {
     Root: any;
     Menu: any;
-    MenuItem: FC<SortMenuItemProps>;
+    MenuItem: import("react").FC<import("./components/MenuItem").SortMenuItemProps>;
     ButtonBase: StyledVdtButtonBaseType;
 };
 export interface SortProps extends WithOverrideProps<typeof defaultComponents> {

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

@@ -1,4 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import type { FormGroupProps as MuiFormGroupProps, FormControlLabelProps as MuiFormControlLabelProps, CheckboxProps as MuiCheckboxProps } from '@mui/material';
 export interface CheckboxGroupProps extends Omit<MuiFormGroupProps, 'onChange'> {
@@ -38,5 +37,5 @@ export interface CheckboxGroupProps extends Omit<MuiFormGroupProps, 'onChange'>
     rows: boolean;
     type: string;
 }
-declare const CheckboxGroup: ForwardRefExoticComponent<Pick<CheckboxGroupProps, keyof CheckboxGroupProps> & RefAttributes<unknown>>;
+declare const CheckboxGroup: import("react").ForwardRefExoticComponent<Pick<CheckboxGroupProps, keyof CheckboxGroupProps> & import("react").RefAttributes<unknown>>;
 export default CheckboxGroup;

package/dist/es/inputs/MaskedTextInput/components/MaskedInputComponent.d.ts

@@ -1,4 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { IMaskInput } from 'react-imask';
 import { PropsFrom } from '../../../_types';
@@ -9,8 +8,8 @@ export type MaskedInputProps = PropsFrom<typeof IMaskInput> & {
     definitions?: IMaskDefinitions;
     lazy?: IMaskLazy;
 };
-declare const MaskedInput: ForwardRefExoticComponent<{
+declare const MaskedInput: import("react").ForwardRefExoticComponent<{
     definitions?: any;
     lazy?: any;
-} & RefAttributes<unknown>>;
+} & import("react").RefAttributes<unknown>>;
 export default MaskedInput;

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

@@ -1,4 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import type { RadioGroupProps as MuiRadioGroupProps, FormControlLabelProps as MuiFormControlLabelProps, RadioProps as MuiRadioProps } from '@mui/material';
 export interface RadioGroupProps extends Omit<MuiRadioGroupProps, 'onChange'> {
@@ -38,5 +37,5 @@ export interface RadioGroupProps extends Omit<MuiRadioGroupProps, 'onChange'> {
     rows: boolean;
     type: string;
 }
-declare const RadioGroup: ForwardRefExoticComponent<Pick<RadioGroupProps, keyof RadioGroupProps> & RefAttributes<unknown>>;
+declare const RadioGroup: import("react").ForwardRefExoticComponent<Pick<RadioGroupProps, keyof RadioGroupProps> & import("react").RefAttributes<unknown>>;
 export default RadioGroup;

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

@@ -1,4 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import type { SliderProps as MuiSliderProps } from '@mui/material';
 export interface SliderProps extends Omit<MuiSliderProps, 'onChange'> {
@@ -26,5 +25,5 @@ export interface SliderProps extends Omit<MuiSliderProps, 'onChange'> {
     rows?: boolean;
     type?: string;
 }
-declare const Slider: ForwardRefExoticComponent<Pick<SliderProps, keyof SliderProps> & RefAttributes<HTMLSpanElement>>;
+declare const Slider: import("react").ForwardRefExoticComponent<Pick<SliderProps, keyof SliderProps> & import("react").RefAttributes<HTMLSpanElement>>;
 export default Slider;

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

@@ -1,2 +1,3 @@
-declare const StyledComponent: any;
+import Component from './MetadataGroupTreeView';
+declare const StyledComponent: typeof Component;
 export default StyledComponent;

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

@@ -1,4 +1,3 @@
-import { FC, SyntheticEvent } from 'react';
 import type { FacetType, MetadataFieldType } from '@vidispine/types';
 declare const useSearchFilterFormInputs: ({ fieldList, facetList, includeFacetsAsOptions, dataToPropsMap, errorMessages, inputsProps, }: {
     fieldList?: MetadataFieldType[];
@@ -12,7 +11,7 @@ declare const useSearchFilterFormInputs: ({ fieldList, facetList, includeFacetsA
     };
     inputsProps?: object;
 }) => ({
-    Component: FC<{
+    Component: import("react").FC<{
         name?: string;
         label?: string;
         value?: any;
@@ -21,15 +20,15 @@ declare const useSearchFilterFormInputs: ({ fieldList, facetList, includeFacetsA
         helperText?: string;
         required?: boolean;
         disabled?: boolean;
-        onChange?: (event: SyntheticEvent<Element, Event>, payload: {
+        onChange?: (event: import("react").SyntheticEvent<Element, Event>, payload: {
             [key: string]: any;
             value: any;
         }) => void;
-        onBlur?: (event: SyntheticEvent<Element, Event>, payload: {
+        onBlur?: (event: import("react").SyntheticEvent<Element, Event>, payload: {
             [key: string]: any;
             value: any;
         }) => void;
-        onFocus?: (event: SyntheticEvent<Element, Event>, payload: {
+        onFocus?: (event: import("react").SyntheticEvent<Element, Event>, payload: {
             [key: string]: any;
             value: any;
         }) => void;
@@ -48,7 +47,7 @@ declare const useSearchFilterFormInputs: ({ fieldList, facetList, includeFacetsA
         locale?: string;
         justifyContent?: string;
         submitOnChange?: boolean;
-        onSubmit?: (event: SyntheticEvent<Element, Event>, payload: {
+        onSubmit?: (event: import("react").SyntheticEvent<Element, Event>, payload: {
             [key: string]: any;
             value: any;
         }) => void;
@@ -63,15 +62,15 @@ declare const useSearchFilterFormInputs: ({ fieldList, facetList, includeFacetsA
     helperText?: string;
     required?: boolean;
     disabled?: boolean;
-    onChange?: (event: SyntheticEvent<Element, Event>, payload: {
+    onChange?: (event: import("react").SyntheticEvent<Element, Event>, payload: {
         [key: string]: any;
         value: any;
     }) => void;
-    onBlur?: (event: SyntheticEvent<Element, Event>, payload: {
+    onBlur?: (event: import("react").SyntheticEvent<Element, Event>, payload: {
         [key: string]: any;
         value: any;
     }) => void;
-    onFocus?: (event: SyntheticEvent<Element, Event>, payload: {
+    onFocus?: (event: import("react").SyntheticEvent<Element, Event>, payload: {
         [key: string]: any;
         value: any;
     }) => void;
@@ -90,7 +89,7 @@ declare const useSearchFilterFormInputs: ({ fieldList, facetList, includeFacetsA
     locale?: string;
     justifyContent?: string;
     submitOnChange?: boolean;
-    onSubmit?: (event: SyntheticEvent<Element, Event>, payload: {
+    onSubmit?: (event: import("react").SyntheticEvent<Element, Event>, payload: {
         [key: string]: any;
         value: any;
     }) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidispine/vdt-mui",
-  "version": "23.3.0-pre.5",
+  "version": "23.3.0",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public"
@@ -39,18 +39,18 @@
     "new:component": "hygen new component"
   },
   "dependencies": {
-    "@mui/icons-material": "^5.11.9",
+    "@mui/icons-material": "^5.14.8",
     "@mui/lab": "^5.0.0-alpha.120",
-    "@mui/material": "^5.11.10",
-    "@vidispine/proptypes": "23.3.0-pre.5",
-    "@vidispine/types": "23.3.0-pre.5",
-    "@vidispine/vdt-api": "23.3.0-pre.5",
-    "@vidispine/vdt-js": "23.3.0-pre.5",
+    "@mui/material": "^5.14.8",
+    "@vidispine/proptypes": "23.3.0",
+    "@vidispine/types": "23.3.0",
+    "@vidispine/vdt-api": "23.3.0",
+    "@vidispine/vdt-js": "23.3.0",
     "clsx": "^1.2.1"
   },
   "peerDependencies": {
     "@mui/x-date-pickers": "^5.0.0",
-    "@tanstack/react-virtual": "*",
+    "@tanstack/react-virtual": "3.0.0-beta.30",
     "dayjs": "^1.0.0",
     "react": "^17.0.0",
     "react-dom": "^17.0.0",
@@ -58,21 +58,21 @@
     "react-imask": "^6.4.3"
   },
   "devDependencies": {
-    "@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/eslint-config-typescript": "23.3.0-pre.5",
-    "@vidispine/prettier-config": "23.3.0-pre.5",
-    "@vidispine/proptypes": "23.3.0-pre.5",
-    "@vidispine/tests": "23.3.0-pre.5",
+    "@vidispine/eslint-config-mdx": "23.3.0",
+    "@vidispine/eslint-config-react": "23.3.0",
+    "@vidispine/eslint-config-storybook": "23.3.0",
+    "@vidispine/eslint-config-typescript": "23.3.0",
+    "@vidispine/prettier-config": "23.3.0",
+    "@vidispine/proptypes": "23.3.0",
+    "@vidispine/tests": "23.3.0",
     "@vitejs/plugin-react": "3.1.0",
     "babel-plugin-transform-import": "1.5.4",
-    "eslint": "8.34.0",
+    "eslint": "8.48.0",
     "hygen": "6.2.11",
-    "prettier": "2.8.4",
+    "prettier": "2.8.8",
     "rimraf": "3.0.2",
-    "vite": "4.3.9",
-    "vite-plugin-dts": "3.0.2"
+    "vite": "4.4.9",
+    "vite-plugin-dts": "3.5.3"
   },
   "eslintConfig": {
     "extends": [