@box/metadata-editor 0.51.1 → 0.52.0

package/esm/lib/components/metadata-editor-fields/components/metadata-float-field/metadata-float-field.js

@@ -1,49 +1,58 @@
-import { TextInput as v } from "@box/blueprint-web";
-import { useFormikContext as g, getIn as x, Field as C } from "formik";
-import { useRef as T } from "react";
-import { fieldDefaultProps as V } from "../constants.js";
-import { useFloatValidation as $ } from "./use-float-validation.js";
-import { jsx as r } from "react/jsx-runtime";
-const D = ({
-  label: o,
-  fieldNamePrefix: l,
-  disableForm: n,
-  className: i
+import { TextInput as x } from "@box/blueprint-web";
+import { useFormikContext as T, getIn as g, Field as C } from "formik";
+import { useRef as I } from "react";
+import V from "../../../interactive-text/interactive-text.js";
+import { fieldDefaultProps as $ } from "../constants.js";
+import { useFloatValidation as B } from "./use-float-validation.js";
+import { jsx as a } from "react/jsx-runtime";
+const N = ({
+  className: i,
+  description: l,
+  label: r,
+  fieldNamePrefix: d,
+  disableForm: s
 }) => {
   const {
-    values: d,
-    setFieldValue: s,
-    setFieldTouched: u
-  } = g(), t = `${l}.value`, c = x(d, t), a = T(c), {
-    validateFloats: m
-  } = $(), f = (e) => {
-    a.current = e, s(t, e);
-  }, p = (e) => {
-    u(e, !0);
+    values: u,
+    setFieldValue: m,
+    setFieldTouched: c
+  } = T(), t = `${d}.value`, f = g(u, t), n = I(f), {
+    validateFloats: p
+  } = B(), h = (e) => {
+    n.current = e, m(t, e);
+  }, F = (e) => {
+    c(e, !0);
   };
-  return /* @__PURE__ */ r("div", {
-    "data-testid": `${o}-field`,
-    children: /* @__PURE__ */ r(C, {
+  return /* @__PURE__ */ a("div", {
+    "data-testid": `${r}-field`,
+    children: /* @__PURE__ */ a(C, {
       name: `${t}`,
-      validate: () => m(a.current),
+      validate: () => p(n.current),
       children: ({
         field: e,
-        meta: h
-      }) => /* @__PURE__ */ r(v, {
-        ...V,
+        meta: v
+      }) => /* @__PURE__ */ a(x, {
+        ...$,
         ...e,
         className: i,
-        disabled: n,
-        error: h.error,
-        label: o,
-        onBlur: () => p(t),
-        onChange: (F) => f(F.currentTarget.value),
+        disabled: s,
+        error: v.error,
+        label: l ? ({
+          ...o
+        }) => V({
+          as: "label",
+          tooltipText: l,
+          children: r,
+          ...o
+        }) : r,
+        onBlur: () => F(t),
+        onChange: (o) => h(o.currentTarget.value),
         placeholder: "0"
       })
     })
   });
 };
 export {
-  D as MetadataFloatField,
-  D as default
+  N as MetadataFloatField,
+  N as default
 };

package/esm/lib/components/metadata-editor-fields/components/metadata-multi-select-field/metadata-multi-select-field.js

@@ -1,45 +1,54 @@
-import { TooltipProvider as v, Combobox as F } from "@box/blueprint-web";
-import { useFormikContext as g, getIn as C, Field as x } from "formik";
-import { useIntl as M } from "react-intl";
-import $ from "../../../../messages.js";
-import { fieldDefaultProps as b } from "../constants.js";
+import { TooltipProvider as F, Combobox as g } from "@box/blueprint-web";
+import { useFormikContext as x, getIn as C, Field as b } from "formik";
+import { useIntl as I } from "react-intl";
+import M from "../../../../messages.js";
+import T from "../../../interactive-text/interactive-text.js";
+import { fieldDefaultProps as $ } from "../constants.js";
 import { jsx as o } from "react/jsx-runtime";
-const k = ({
+const O = ({
   className: s,
-  disableForm: a,
-  fieldNamePrefix: l,
-  label: r,
-  portalElement: n,
-  options: m
+  description: a,
+  disableForm: m,
+  fieldNamePrefix: i,
+  label: l,
+  portalElement: u,
+  options: d
 }) => {
   const {
-    setFieldValue: u,
-    values: d
-  } = g(), c = M(), i = `${l}.value`, p = m || C(d, `${l}.options`, []).map(({
+    setFieldValue: c,
+    values: p
+  } = x(), f = I(), n = `${i}.value`, h = d || C(p, `${i}.options`, []).map(({
     key: e
-  }) => e), f = (e, t) => t.toLowerCase().includes(e.toLowerCase());
+  }) => e), v = (e, t) => t.toLowerCase().includes(e.toLowerCase());
   return /* @__PURE__ */ o("div", {
-    "data-testid": `${r}-field`,
-    children: /* @__PURE__ */ o(x, {
-      name: i,
+    "data-testid": `${l}-field`,
+    children: /* @__PURE__ */ o(b, {
+      name: n,
       children: ({
         field: e
       }) => {
         var t;
-        return /* @__PURE__ */ o(v, {
-          children: /* @__PURE__ */ o(F, {
-            ...b,
+        return /* @__PURE__ */ o(F, {
+          children: /* @__PURE__ */ o(g, {
+            ...$,
             as: "input",
             className: s,
-            disabled: a,
-            filterFn: f,
-            label: r,
+            disabled: m,
+            filterFn: v,
+            label: a ? ({
+              ...r
+            }) => T({
+              as: "label",
+              tooltipText: a,
+              children: l,
+              ...r
+            }) : l,
             multiselect: !0,
             name: e.name,
-            onValueChange: (h) => u(i, h),
-            options: p,
-            placeholder: ((t = e.value) == null ? void 0 : t.length) === 0 ? c.formatMessage($.multiselectPlaceholder) : "",
-            portalElement: n,
+            onValueChange: (r) => c(n, r),
+            options: h,
+            placeholder: ((t = e.value) == null ? void 0 : t.length) === 0 ? f.formatMessage(M.multiselectPlaceholder) : "",
+            portalElement: u,
             value: e.value
           })
         });
@@ -48,6 +57,6 @@ const k = ({
   });
 };
 export {
-  k as MetadataMultiSelectField,
-  k as default
+  O as MetadataMultiSelectField,
+  O as default
 };

package/esm/lib/components/metadata-editor-fields/components/metadata-string-field/metadata-string-field.js

@@ -1,37 +1,46 @@
-import { TextInput as s } from "@box/blueprint-web";
-import { Field as f } from "formik";
-import { useIntl as n } from "react-intl";
-import p from "../../../../messages.js";
-import { fieldDefaultProps as c } from "../constants.js";
-import { jsx as e } from "react/jsx-runtime";
-const u = ({
-  label: r,
-  fieldNamePrefix: t,
-  disableForm: a,
-  className: o
+import { TextInput as n } from "@box/blueprint-web";
+import { Field as p } from "formik";
+import { useIntl as c } from "react-intl";
+import u from "../../../../messages.js";
+import h from "../../../interactive-text/interactive-text.js";
+import { fieldDefaultProps as x } from "../constants.js";
+import { jsx as t } from "react/jsx-runtime";
+const g = ({
+  description: r,
+  label: e,
+  fieldNamePrefix: a,
+  disableForm: o,
+  className: i
 }) => {
-  const i = n(), d = `${t}.value`;
-  return /* @__PURE__ */ e("div", {
-    "data-testid": `${r}-field`,
-    children: /* @__PURE__ */ e(f, {
+  const l = c(), d = `${a}.value`;
+  return /* @__PURE__ */ t("div", {
+    "data-testid": `${e}-field`,
+    children: /* @__PURE__ */ t(p, {
       name: d,
       children: ({
-        field: l,
-        meta: m
-      }) => /* @__PURE__ */ e(s, {
-        ...c,
-        ...l,
-        className: o,
-        disabled: a,
-        error: m.error,
-        label: r,
-        placeholder: i.formatMessage(p.setValuePlaceholder)
+        field: m,
+        meta: s
+      }) => /* @__PURE__ */ t(n, {
+        ...x,
+        ...m,
+        className: i,
+        disabled: o,
+        error: s.error,
+        label: r ? ({
+          ...f
+        }) => h({
+          as: "label",
+          tooltipText: r,
+          children: e,
+          ...f
+        }) : e,
+        placeholder: l.formatMessage(u.setValuePlaceholder)
       })
     })
   });
 };
-u.displayName = "MetadataStringField";
+g.displayName = "MetadataStringField";
 export {
-  u as MetadataStringField,
-  u as default
+  g as MetadataStringField,
+  g as default
 };

package/esm/lib/components/metadata-editor-fields/components/metadata-taxonomy-field/single-level-taxonomy-field.js

@@ -0,0 +1,8 @@
+import { ComboboxWithApiPagination as i } from "../../../combobox-with-api-pagination/combobox-with-api-pagination.js";
+import { jsx as r } from "react/jsx-runtime";
+const m = (o) => /* @__PURE__ */ r(i, {
+  ...o
+});
+export {
+  m as SingleLevelTaxonomyField
+};

package/esm/lib/components/metadata-editor-fields/components/update-mode-field-wrapper/update-mode-field-wrapper.js

@@ -18,13 +18,13 @@ const $ = "_wrapperContianer_1n09p_1", B = "_fieldContainer_1n09p_6", U = "_fiel
   hidden: V
 }, j = (e) => e === i.ReplaceEntered, y = (e) => e === "string" || e === "multiSelect", O = ({
   children: e,
-  fieldNamePrefix: r,
+  fieldNamePrefix: d,
   fieldType: f
 }) => {
   const {
     setFieldValue: g,
     values: m
-  } = E(), [p, M] = N(!0), t = S(), u = `${r}.updateMode.mode`, h = C(m, u), d = e && _.Children.only(e), v = C(m, `${r}.options`, []).map(({
+  } = E(), [p, M] = N(!0), t = S(), u = `${d}.updateMode.mode`, h = C(m, u), r = e && _.Children.only(e), v = C(m, `${d}.options`, []).map(({
     key: c
   }) => c);
   return /* @__PURE__ */ s("div", {
@@ -37,7 +37,7 @@ const $ = "_wrapperContianer_1n09p_1", B = "_fieldContainer_1n09p_6", U = "_fiel
       }), /* @__PURE__ */ o(b, {
         "aria-label": t.formatMessage(n.toggleUpdateModeSelectiorAriaLabel),
         className: a.collapseButton,
-        "data-testid": `${d.props.label}-update-mode-toggle`,
+        "data-testid": `${r.props.label}-update-mode-toggle`,
         icon: p ? I : R,
         onClick: () => {
           M(!p);
@@ -49,11 +49,11 @@ const $ = "_wrapperContianer_1n09p_1", B = "_fieldContainer_1n09p_6", U = "_fiel
         [a.hidden]: p
       }),
       children: [/* @__PURE__ */ o(A, {
-        name: `${r}.updateMode.mode`,
+        name: `${d}.updateMode.mode`,
         children: ({
           field: c
         }) => /* @__PURE__ */ s(l.Group, {
-          "data-testid": `${d.props.label}-radio-group`,
+          "data-testid": `${r.props.label}-radio-group`,
           loop: !0,
           onValueChange: (F) => g(u, F),
           orientation: "vertical",
@@ -72,11 +72,11 @@ const $ = "_wrapperContianer_1n09p_1", B = "_fieldContainer_1n09p_6", U = "_fiel
             value: i.ReplaceEntered
           })]
         })
-      }), j(h) && d && /* @__PURE__ */ o("div", {
+      }), j(h) && r && /* @__PURE__ */ o("div", {
         className: a.additionalFieldContainer,
-        children: /* @__PURE__ */ _.cloneElement(d, {
+        children: /* @__PURE__ */ _.cloneElement(r, {
           // This field edits ${fieldNamePrefix}.updateMode.value, the '.value' is added by the field component
-          fieldNamePrefix: `${r}.updateMode`,
+          fieldNamePrefix: `${d}.updateMode`,
           options: v,
           label: t.formatMessage(n.with)
         })

package/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/metadata-instance-entry.js

@@ -1,17 +1,16 @@
 import "../../../../../../styles/metadata-instance-entry.css";
 import { Text as o } from "@box/blueprint-web";
-import { FormattedDate as d } from "react-intl";
-import { convertISOStringToUTCDate as l } from "./convertDate.js";
-import y from "../../../interactive-text/interactive-text.js";
-import { jsxs as f, jsx as a } from "react/jsx-runtime";
-const I = "_metadataInstanceEntry_1qhk8_1", p = "_metadataInstanceEntryInteractiveLabel_1qhk8_7", c = {
-  metadataInstanceEntry: I,
-  metadataInstanceEntryInteractiveLabel: p
-}, _ = ({
-  description: r,
+import { FormattedDate as s } from "react-intl";
+import { convertISOStringToUTCDate as d } from "./convertDate.js";
+import f from "../../../interactive-text/interactive-text.js";
+import { jsxs as y, jsx as r } from "react/jsx-runtime";
+const l = "_metadataInstanceEntry_gwoh6_1", p = {
+  metadataInstanceEntry: l
+}, S = ({
+  description: a,
   name: e,
   shouldHideEmptyValues: i,
-  type: s,
+  type: c,
   value: t
 }) => {
   const n = (() => {
@@ -21,9 +20,9 @@ const I = "_metadataInstanceEntry_1qhk8_1", p = "_metadataInstanceEntryInteracti
       return null;
     if (Array.isArray(t))
       return t.join(", ");
-    if (s === "date" && typeof t == "string") {
-      const m = l(t);
-      return /* @__PURE__ */ a(d, {
+    if (c === "date" && typeof t == "string") {
+      const m = d(t);
+      return /* @__PURE__ */ r(s, {
         day: "numeric",
         month: "long",
         value: m,
@@ -32,26 +31,25 @@ const I = "_metadataInstanceEntry_1qhk8_1", p = "_metadataInstanceEntryInteracti
     }
     return t;
   })();
-  return i && !n ? null : /* @__PURE__ */ f("div", {
-    className: c.metadataInstanceEntry,
-    children: [/* @__PURE__ */ a(o, {
+  return i && !n ? null : /* @__PURE__ */ y("div", {
+    className: p.metadataInstanceEntry,
+    children: [/* @__PURE__ */ r(o, {
       as: "p",
       color: "textOnLightSecondary",
       variant: "bodyDefaultBold",
-      children: r ? /* @__PURE__ */ a(y, {
+      children: a ? /* @__PURE__ */ r(f, {
         as: "span",
-        className: c.metadataInstanceEntryInteractiveLabel,
         color: "textOnLightSecondary",
-        tooltipText: r,
+        tooltipText: a,
         variant: "bodyDefaultBold",
         children: e
       }) : e
-    }), n && /* @__PURE__ */ a(o, {
+    }), n && /* @__PURE__ */ r(o, {
       as: "p",
       children: n
     })]
   });
 };
 export {
-  _ as MetadataInstanceEntry
+  S as MetadataInstanceEntry
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.51.1",
+  "version": "0.52.0",
   "peerDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/blueprint-web": "^7.20.0",
@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@ariakit/react": "0.4.5",
-    "@box/blueprint-web": "^7.25.4",
+    "@box/blueprint-web": "^7.26.0",
     "@box/blueprint-web-assets": "^4.23.0",
     "@box/storybook-utils": "^0.6.1",
     "@testing-library/react": "^15.0.6",
@@ -52,5 +52,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "114a9fc84dfc0b21d45b6b647064e736ea022384"
+  "gitHead": "e065ce29641de99f4dd47486a9f6928da2cfaa74"
 }

package/styles/interactive-text.css

@@ -0,0 +1 @@
+._interactiveText_2jv0p_1{text-decoration:dashed underline var(--gray-50) .5px!important;text-underline-offset:2px;width:fit-content}._interactiveText_2jv0p_1:hover{color:var(--gray-100);text-decoration-color:var(--gray-100)!important}

package/styles/metadata-instance-entry.css

@@ -1 +1 @@
-._metadataInstanceEntry_1qhk8_1{display:flex;flex-direction:column;gap:var(--space-2)}._metadataInstanceEntryInteractiveLabel_1qhk8_7{text-decoration:dashed underline var(--gray-50) .5px!important;text-underline-offset:2px}._metadataInstanceEntryInteractiveLabel_1qhk8_7:hover{color:var(--gray-100);text-decoration-color:var(--gray-100)!important}
+._metadataInstanceEntry_gwoh6_1{display:flex;flex-direction:column;gap:var(--space-2)}

package/types/index.d.ts

@@ -1,9 +1,9 @@
 export * from './lib/components/add-metadata-template-dropdown';
 export * from './lib/components/filter-dropdown-menu';
+export * from './lib/components/metadata-editor-fields/components/metadata-taxonomy-field';
 export * from './lib/components/metadata-empty-state/metadata-empty-state';
 export * from './lib/components/metadata-instance-editor';
 export * from './lib/components/metadata-instance-list';
-export * from './lib/components/metadata-taxonomy-field';
 export * from './lib/components/unsaved-changes-modal';
 export * from './lib/defaults';
 export * from './lib/metadata-editor';

package/types/lib/components/combobox-with-api-pagination/combobox-with-api-pagination.d.ts

@@ -0,0 +1,2 @@
+import { type BaseOptionType, type ComboboxWithApiPaginationProps } from './types';
+export declare const ComboboxWithApiPagination: <TComboboxOption extends BaseOptionType>(props: ComboboxWithApiPaginationProps<TComboboxOption>) => import("react/jsx-runtime").JSX.Element;

package/types/lib/components/combobox-with-api-pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { ComboboxWithApiPagination } from './combobox-with-api-pagination';
+export type { ComboboxWithApiPaginationProps } from './types';

package/types/lib/components/combobox-with-api-pagination/types.d.ts

@@ -0,0 +1,35 @@
+import { type ReactElement } from 'react';
+export interface PaginationQueryInput {
+    marker?: string;
+    searchInput?: string;
+    /**
+     * Abort signal that will be used to cancel the request in your fetching function
+     */
+    signal?: AbortSignal;
+}
+export interface FetcherResponse<T> {
+    marker?: string;
+    options: T[];
+}
+export interface BaseOptionType {
+    id?: string;
+    value: string;
+}
+interface BaseComboboxProps<T extends BaseOptionType, M extends boolean> {
+    defaultFetcher(input: PaginationQueryInput): Promise<FetcherResponse<T>>;
+    includeTextInputOption?: boolean;
+    noResultMessage?: ReactElement | string;
+    onInputValueChange?: (inputValue: string) => void;
+    multiselect: M;
+    onValueChange?: (selectedOptions: M extends true ? T[] : T) => void;
+    value?: M extends true ? T[] : T;
+    defaultValue?: M extends true ? T[] : T;
+    label: string;
+    loadingAriaLabel?: string;
+    portalElement?: HTMLElement | (() => HTMLElement);
+    experimentalVirtualization?: boolean;
+}
+export type SingleSelectComboboxWithApiPaginationProps<T extends BaseOptionType> = BaseComboboxProps<T, false>;
+export type MultiselectComboboxWithApiPaginationProps<T extends BaseOptionType> = BaseComboboxProps<T, true>;
+export type ComboboxWithApiPaginationProps<T extends BaseOptionType> = SingleSelectComboboxWithApiPaginationProps<T> | MultiselectComboboxWithApiPaginationProps<T>;
+export {};

package/types/lib/components/combobox-with-api-pagination/utils/use-controllable-state.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface UseControllableStateParams<T> {
+    prop?: T | undefined;
+    defaultProp?: T | undefined;
+    onChange?: (state: T) => void;
+}
+declare function useControllableState<T>({ prop, defaultProp, onChange }: UseControllableStateParams<T>): readonly [T, React.Dispatch<React.SetStateAction<T>>];
+export { useControllableState };

package/types/lib/components/interactive-text/interactive-text.d.ts

@@ -1,9 +1,10 @@
 import { type TextProps } from '@box/blueprint-web';
 export type InteractiveTextProps = TextProps & {
+    className?: string;
     tooltipText: string;
 };
 /**
  * Wrapper component for displaying tooltip content on focusing text nodes
  */
-declare const InteractiveText: ({ tooltipText, children, ...props }: InteractiveTextProps) => import("react/jsx-runtime").JSX.Element;
+declare const InteractiveText: ({ tooltipText, className, children, ...props }: InteractiveTextProps) => import("react/jsx-runtime").JSX.Element;
 export default InteractiveText;

package/types/lib/components/metadata-editor-fields/components/metadata-date-field/metadata-date-field.d.ts

@@ -1,3 +1,3 @@
 import { type MetadataFieldProps } from '../../types';
-export declare const MetadataDateField: ({ disableForm, fieldNamePrefix, label, portalElement, className, }: MetadataFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataDateField: ({ description, disableForm, fieldNamePrefix, label, portalElement, className, }: MetadataFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default MetadataDateField;

package/types/lib/components/metadata-editor-fields/components/metadata-enum-field/metadata-enum-field.d.ts

@@ -1,3 +1,3 @@
 import { type MetadataFieldProps } from '../../types';
-export declare const MetadataEnumField: ({ className, disableForm, fieldNamePrefix, label, options, portalElement, }: MetadataFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataEnumField: ({ className, description, disableForm, fieldNamePrefix, label, options, portalElement, }: MetadataFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default MetadataEnumField;

package/types/lib/components/metadata-editor-fields/components/metadata-float-field/metadata-float-field.d.ts

@@ -1,3 +1,3 @@
 import { type MetadataFieldProps } from '../../types';
-export declare const MetadataFloatField: ({ label, fieldNamePrefix, disableForm, className }: MetadataFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataFloatField: ({ className, description, label, fieldNamePrefix, disableForm, }: MetadataFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default MetadataFloatField;

package/types/lib/components/metadata-editor-fields/components/metadata-multi-select-field/metadata-multi-select-field.d.ts

@@ -1,3 +1,3 @@
 import { type MetadataFieldProps } from '../../types';
-export declare const MetadataMultiSelectField: ({ className, disableForm, fieldNamePrefix, label, portalElement, options, }: MetadataFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataMultiSelectField: ({ className, description, disableForm, fieldNamePrefix, label, portalElement, options, }: MetadataFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default MetadataMultiSelectField;

package/types/lib/components/metadata-editor-fields/components/metadata-string-field/metadata-string-field.d.ts

@@ -1,6 +1,6 @@
 import { type MetadataFieldProps } from '../../types';
 export declare const MetadataStringField: {
-    ({ label, fieldNamePrefix, disableForm, className }: MetadataFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ description, label, fieldNamePrefix, disableForm, className, }: MetadataFieldProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default MetadataStringField;

package/types/lib/components/metadata-editor-fields/components/metadata-taxonomy-field/types.d.ts

@@ -0,0 +1,21 @@
+import { type ComboboxWithApiPaginationProps } from '../../../combobox-with-api-pagination';
+export interface PaginationQueryInput {
+    marker?: string;
+    searchInput?: string;
+    /**
+     * Abort signal that will be used to cancel the request in your fetching function
+     */
+    signal?: AbortSignal;
+}
+export interface TaxonomyFetcherResponse {
+    marker?: string;
+    options: TaxonomyComboboxOption[];
+}
+export interface TaxonomyComboboxOption {
+    id?: string;
+    value: string;
+    level?: number;
+    parentId?: string;
+    disabled?: boolean;
+}
+export type SingleLevelTaxonomyFieldProps = ComboboxWithApiPaginationProps<TaxonomyComboboxOption>;

package/types/lib/components/metadata-editor-fields/types.d.ts

@@ -4,6 +4,7 @@ export type TemplateInstanceProps = {
     portalElement?: HTMLElement;
 };
 export type MetadataFieldProps = {
+    description?: string | null;
     label: string;
     fieldNamePrefix: string;
     disableForm: boolean;

package/types/lib/test-utils/sample-data.d.ts

@@ -1,4 +1,4 @@
-import { type MetadataTemplate, type MetadataTemplateField, type MetadataTemplateInstance, type MetadataTemplateOption, type AutofillSuggestions } from '../types';
+import { type AutofillSuggestions, type MetadataTemplate, type MetadataTemplateField, type MetadataTemplateInstance, type MetadataTemplateOption } from '../types';
 declare const stringField: MetadataTemplateField;
 declare const dateField: MetadataTemplateField;
 declare const enumField: MetadataTemplateField;