@vidispine/vdt-mui 23.3.0-pre.6 → 23.4.0-pre.1

package/dist/es/index.js

@@ -1,21 +1,21 @@
 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 u } from "./collection/CollectionCard/index.js";
-import { default as s } from "./entity/EntityIcon/index.js";
+import { default as l } 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";
 import { default as c } from "./general/AvatarMenu/index.js";
-import { default as T } from "./general/BlurredBackground/index.js";
+import { default as C } from "./general/BlurredBackground/index.js";
 import { default as b } from "./general/CalendarPicker/index.js";
 import { default as B } from "./general/CompactBadge/index.js";
-import { default as h } from "./general/CompactLabel/index.js";
-import { default as E } from "./general/CornerLabelPlacer/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 R } from "./general/ImageCollage/index.js";
-import { default as D } 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 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 z } from "./general/ScrubLine/index.js";
 import { default as j } from "./general/Sort/index.js";
 import { default as H } from "./general/TablePagination/index.js";
@@ -27,75 +27,79 @@ 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 le } from "./item/ItemPoster/index.js";
+import { default as ue } from "./item/ItemPoster/index.js";
 import { default as pe } from "./item/ItemPosterViewer/index.js";
-import { default as de } from "./item/ItemPosterList/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";
-import { default as Ce } from "./inputs/CheckboxGroupInput/index.js";
+import { default as Te } from "./inputs/CheckboxGroupInput/index.js";
 import { default as Le } from "./inputs/DateRangeInput/index.js";
 import { default as ge } from "./inputs/DateTimeInput/index.js";
-import { default as Pe } from "./inputs/MaskedTextInput/index.js";
-import { default as ve } from "./inputs/NumberInput/index.js";
-import { default as Me } from "./inputs/RadioGroupInput/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 ye } from "./inputs/SliderInput/index.js";
-import { default as Fe } from "./inputs/TagInput/index.js";
-import { default as Ae } from "./inputs/TextInput/index.js";
-import { default as Ve } from "./shape/ShapeMediaBadges/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";
 export {
   c as AvatarMenu,
   ne as BasicDateTimeInput,
-  T as BlurredBackground,
+  C as BlurredBackground,
   Ie as BooleanInput,
   b as CalendarPicker,
-  Ce as CheckboxGroupInput,
-  u as CollectionCard,
+  Te as CheckboxGroupInput,
+  l as CollectionCard,
   a as CollectionList,
   r as CollectionListItem,
   m as CollectionRepresentativeThumbnail,
   B as CompactBadge,
-  h as CompactLabel,
-  E as CornerLabelPlacer,
+  P as CompactLabel,
+  v as CornerLabelPlacer,
   Le as DateRangeInput,
   ge as DateTimeInput,
   x as EntityAvatar,
-  s as EntityIcon,
+  d as EntityIcon,
   i as EntityList,
   Je as EventList,
   Oe as EventListItem,
   S as ExpandButton,
   K as Form,
-  R as ImageCollage,
+  F as ImageCollage,
   te as ItemCard,
   X as ItemList,
   Z as ItemListItem,
-  le as ItemPoster,
-  de as ItemPosterList,
+  ue as ItemPoster,
+  se as ItemPosterList,
   pe as ItemPosterViewer,
   oe as ItemTable,
   fe as ItemTableRow,
   $ as ItemThumbnail,
-  Pe as MaskedTextInput,
-  D as MediaIcon,
-  w as MenuItem,
-  ve as NumberInput,
-  Me as RadioGroupInput,
+  Me as MaskedTextInput,
+  w as MediaIcon,
+  D as MenuItem,
+  Xe as MetadataForm,
+  Ue as MetadataGroupTreeView,
+  he as NumberInput,
+  Ee as RadioGroupInput,
   z as ScrubLine,
   Ne as SearchFilterForm,
   ke as SelectInput,
-  Ve as ShapeMediaBadges,
-  ye as SliderInput,
+  Ae as ShapeMediaBadges,
+  Re as SliderInput,
   j as Sort,
   H as TablePagination,
-  Fe as TagInput,
-  Ae as TextInput,
+  ye as TagInput,
+  Ge as TextInput,
   Q as ThemeProvider,
   qe as TranscodePresetMediaBadges,
-  G as VirtualizedList,
+  V as VirtualizedList,
   U as useThemeContext
 };

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/DateTimeInput/index.js

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

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/NumberInput/NumberInput.js

@@ -3,12 +3,12 @@ import w from "@mui/material/TextField";
 const y = {
   Root: w
 }, u = ({
-  name: e,
+  name: n,
   label: s,
-  value: n,
+  value: t,
   defaultValue: m,
-  helperText: r,
-  error: t,
+  helperText: l,
+  error: e,
   required: v,
   disabled: c,
   fullWidth: p,
@@ -28,12 +28,12 @@ const y = {
     g(o, {
       value: j
     });
-  }, R = n !== void 0, l = !!t, V = (t || "").trim();
-  return /* @__PURE__ */ q(F, { id: e, name: e, label: s, ...R ? {
-    value: n
+  }, R = t !== void 0, r = !!e, V = (e || "").trim();
+  return /* @__PURE__ */ q(F, { id: n, name: n, label: s, ...R ? {
+    value: t === null ? "" : t
   } : {
     defaultValue: m
-  }, helperText: (V || r) && l ? t : r, error: l, required: v, disabled: c, fullWidth: p, variant: f, size: C, type: "number", autoComplete: "off", onChange: P, onBlur: h, onFocus: x, ...T.root });
+  }, helperText: (V || l) && r ? e : l, error: r, required: v, disabled: c, fullWidth: p, variant: f, size: C, type: "number", autoComplete: "off", onChange: P, onBlur: h, onFocus: x, ...T.root });
 };
 u.defaultProps = {
   name: void 0,

package/dist/es/inputs/NumberInput/index.js

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

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/SelectInput/index.js

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

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/MetadataForm/MetadataForm.d.ts

@@ -0,0 +1,65 @@
+/// <reference types="react" />
+import { Box as MuiBox } from '@mui/material';
+import type { MetadataFieldType, MetadataType } from '@vidispine/types';
+import VdtForm from '../../general/Form';
+import type { PropsFrom, WithOverrideProps } from '../../_types';
+declare const defaultComponents: {
+    Root: typeof MuiBox;
+    Form: typeof VdtForm;
+};
+export interface MetadataFormProps extends WithOverrideProps<typeof defaultComponents> {
+    /**
+     * A VidiCore field definition list to create metadata inputs from
+     */
+    fieldList?: MetadataFieldType[];
+    /**
+     * The metadata of a Vidicore entity to extract current values from
+     */
+    metadata?: MetadataType;
+    /**
+     * Override input props using field __name__ or __type__ as key
+     *
+     * Note: `name` props has precedence if prop is applicable from both name and type
+     *
+     * E.g. `{ 'vdt_stringField': { label: 'String Field', disabled: true, Component: CheckboxGroupInput } }` or `{ 'string-exact': { ...customInputProps } }`
+     */
+    inputsProps?: {
+        [fieldNameOrType: string]: object;
+    };
+    /**
+     * Map a field data key to an input prop (ignores data keys it can't find on fields)
+     *
+     * E.g. `{ label: 'displayName' }` would add the value from data key 'displayName' as a label prop
+     */
+    dataToPropsMap?: {
+        [propKey: string]: string;
+    };
+    /**
+     * Callback when inputs are resetted to current metadata values
+     */
+    onReset?: (event: React.SyntheticEvent) => void;
+    /**
+     * Callback when form is changed
+     */
+    onChange?: (event: React.SyntheticEvent | null, payload: {
+        values: {
+            [fieldName: string]: any;
+        };
+        metadata: MetadataType;
+    }) => void;
+    /**
+     * Callback when form is submitted
+     */
+    onSubmit?: (event: React.BaseSyntheticEvent, payload: {
+        values: {
+            [fieldName: string]: any;
+        };
+        metadata: MetadataType;
+    }) => void;
+    /**
+     * Callback when form is submitted with errors (invalid values according to form rules)
+     */
+    onError?: PropsFrom<typeof VdtForm>['onError'];
+}
+declare const MetadataForm: React.FC<MetadataFormProps>;
+export default MetadataForm;

package/dist/es/metadata/MetadataForm/MetadataForm.js

@@ -0,0 +1,70 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useRef as P } from "react";
+import S from "@mui/material/Box";
+import { createMetadataType as p } from "@vidispine/vdt-js";
+import T from "../../general/Form/index.js";
+import V from "./hooks/UseMetadataFormInputs.js";
+const B = {
+  Root: S,
+  Form: T
+}, f = ({
+  fieldList: l,
+  metadata: u,
+  dataToPropsMap: h,
+  inputsProps: v,
+  onReset: F,
+  onChange: r,
+  onSubmit: n,
+  onError: i,
+  components: y,
+  componentsProps: d
+}) => {
+  const {
+    Root: R,
+    Form: b
+  } = y, a = P(), s = (t) => {
+    const o = Object.keys(a.current.formState.dirtyFields);
+    return Object.keys(t).reduce((j, e) => {
+      const m = {
+        ...j
+      };
+      return o.includes(e) && (m[e] = t[e]), m;
+    }, {});
+  }, x = V({
+    fieldList: l,
+    metadata: u,
+    dataToPropsMap: h,
+    inputsProps: v
+  }), M = typeof r != "function" ? void 0 : (t, o) => {
+    r(t, {
+      values: o,
+      metadata: p(s(o))
+    });
+  }, C = typeof n != "function" ? void 0 : (t, o) => {
+    n(t, {
+      values: o,
+      metadata: p(s(o))
+    });
+  }, g = typeof i != "function" ? void 0 : i;
+  return /* @__PURE__ */ c(R, { ...d.root, children: /* @__PURE__ */ c(b, { inputs: x, onReset: F, onChange: M, onSubmit: C, onError: g, formReturnRef: a, ...d.form }) });
+};
+f.defaultProps = {
+  fieldList: void 0,
+  metadata: void 0,
+  dataToPropsMap: {
+    label: "label",
+    helperText: "description",
+    placeholder: "placeholder"
+  },
+  inputsProps: void 0,
+  onReset: void 0,
+  onChange: void 0,
+  onSubmit: void 0,
+  onError: void 0,
+  components: B,
+  componentsProps: void 0
+};
+const q = f;
+export {
+  q as default
+};

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

@@ -0,0 +1,98 @@
+import type { MetadataType, MetadataFieldType } from '@vidispine/types';
+declare const useMetadataFormInputs: ({ fieldList, metadata, dataToPropsMap, errorMessages, inputsProps, }: {
+    fieldList?: MetadataFieldType[];
+    metadata?: MetadataType;
+    dataToPropsMap?: {
+        [propKey: string]: string;
+    };
+    errorMessages?: {
+        [fieldName: string]: string | ((fieldName: string) => string);
+    };
+    inputsProps?: object;
+}) => ({
+    Component: import("react").FC<{
+        name?: string;
+        label?: string;
+        value?: any;
+        defaultValue?: any;
+        error?: string;
+        helperText?: string;
+        required?: boolean;
+        disabled?: boolean;
+        onChange?: (event: import("react").SyntheticEvent<Element, Event>, payload: {
+            [key: string]: any;
+            value: any;
+        }) => void;
+        onBlur?: (event: import("react").SyntheticEvent<Element, Event>, payload: {
+            [key: string]: any;
+            value: any;
+        }) => void;
+        onFocus?: (event: import("react").SyntheticEvent<Element, Event>, payload: {
+            [key: string]: any;
+            value: any;
+        }) => void;
+        options?: any[];
+        placeholder?: string;
+        fullWidth?: boolean;
+        variant?: string;
+        size?: string;
+        orientation?: string;
+        multiple?: boolean;
+        labelPlacement?: string;
+        min?: any;
+        max?: any;
+        type?: string;
+        range?: boolean;
+        locale?: string;
+        justifyContent?: string;
+        submitOnChange?: boolean;
+        onSubmit?: (event: import("react").SyntheticEvent<Element, Event>, payload: {
+            [key: string]: any;
+            value: any;
+        }) => void;
+    }>;
+    rules?: UseControllerProps;
+} & {
+    name?: string;
+    label?: string;
+    value?: any;
+    defaultValue?: any;
+    error?: string;
+    helperText?: string;
+    required?: boolean;
+    disabled?: boolean;
+    onChange?: (event: import("react").SyntheticEvent<Element, Event>, payload: {
+        [key: string]: any;
+        value: any;
+    }) => void;
+    onBlur?: (event: import("react").SyntheticEvent<Element, Event>, payload: {
+        [key: string]: any;
+        value: any;
+    }) => void;
+    onFocus?: (event: import("react").SyntheticEvent<Element, Event>, payload: {
+        [key: string]: any;
+        value: any;
+    }) => void;
+    options?: any[];
+    placeholder?: string;
+    fullWidth?: boolean;
+    variant?: string;
+    size?: string;
+    orientation?: string;
+    multiple?: boolean;
+    labelPlacement?: string;
+    min?: any;
+    max?: any;
+    type?: string;
+    range?: boolean;
+    locale?: string;
+    justifyContent?: string;
+    submitOnChange?: boolean;
+    onSubmit?: (event: import("react").SyntheticEvent<Element, Event>, payload: {
+        [key: string]: any;
+        value: any;
+    }) => void;
+} & {
+    [key: string]: any;
+})[];
+export default useMetadataFormInputs;

package/dist/es/metadata/MetadataForm/hooks/UseMetadataFormInputs.js

@@ -0,0 +1,98 @@
+import { useMemo as f, useCallback as I } from "react";
+import { parseFieldDefinitionList as U, parseMetadataType as j } from "@vidispine/vdt-js";
+import q from "../../../inputs/DateRangeInput/index.js";
+import M from "../../../inputs/DateTimeInput/index.js";
+import V from "../../../inputs/NumberInput/index.js";
+import k from "../../../inputs/SelectInput/index.js";
+import G from "../../../inputs/SliderInput/index.js";
+import $ from "../../../inputs/TagInput/index.js";
+import w from "../../../inputs/TextInput/index.js";
+const z = "Invalid value", B = {
+  TextInput: w,
+  TagInput: $,
+  SliderInput: G,
+  DateRangeInput: q,
+  DateTimeInput: M,
+  NumberInput: V,
+  SelectInput: k
+}, H = ({
+  fieldList: d,
+  metadata: g,
+  dataToPropsMap: p,
+  errorMessages: o,
+  inputsProps: u
+}) => {
+  const {
+    TextInput: l,
+    TagInput: T,
+    DateTimeInput: D,
+    NumberInput: R,
+    SelectInput: S
+  } = B, i = f(() => U(d), [d]), b = f(() => j(g, {
+    flat: !0
+  }), [g]), v = I((t) => {
+    const n = (e) => {
+      const m = t == null ? void 0 : t[e], r = o == null ? void 0 : o[e];
+      if (m !== void 0)
+        return {
+          value: m,
+          message: (typeof r == "function" ? r(e) : r) || z
+        };
+    };
+    return {
+      required: n("required"),
+      minLength: n("minLength"),
+      maxLength: n("maxLength"),
+      min: n("minInclusive"),
+      max: n("maxInclusive"),
+      pattern: n("pattern")
+    };
+  }, [o]), N = (t) => ["float", "integer", "long"].includes(t), x = (t) => ["string", "string-exact"].includes(t), F = (t) => t === "date", h = I(({
+    type: t,
+    options: n,
+    currentValue: e
+  }) => x(t) ? {
+    freeSolo: !n.length,
+    multiple: (e == null ? void 0 : e.length) > 1
+  } : {}, []), s = I(({
+    type: t
+  }, n, e) => x(t) ? (n == null ? void 0 : n.length) > 1 ? T : e != null && e.length ? S : l : N(t) ? R : F(t) ? D : l, [D, R, S, T, l]);
+  return f(() => i == null ? void 0 : i.map(({
+    name: t,
+    restrictions: n,
+    options: e,
+    type: m,
+    data: r,
+    system: L
+  }) => {
+    const O = {
+      ...(u == null ? void 0 : u[m]) || {},
+      ...(u == null ? void 0 : u[t]) || {}
+    }, C = v(n), c = b[t] || void 0, _ = {
+      label: t,
+      defaultValue: c || "",
+      options: e,
+      rules: C,
+      disabled: L,
+      ...Object.fromEntries(Object.entries(p).map(([a, E]) => r[E] ? [a, r[E]] : void 0).filter((a) => !!a)),
+      ...O
+    }, A = {
+      ...h({
+        type: m,
+        options: e,
+        currentValue: c
+      }),
+      ..._
+    };
+    return {
+      name: t,
+      Component: s({
+        type: m
+      }, c, e),
+      ...A
+    };
+  }), [p, s, h, v, u, i, b]);
+}, tt = H;
+export {
+  tt as default
+};

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

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

package/dist/es/metadata/MetadataForm/index.js

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

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/metadata/index.d.ts

@@ -1 +1,2 @@
 export { default as MetadataGroupTreeView } from './MetadataGroupTreeView';
+export { default as MetadataForm } from './MetadataForm';