@box/metadata-editor 0.93.2 → 0.94.0

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

@@ -1,59 +1,75 @@
-import { useFormikContext as w, getIn as I, Field as K } from "formik";
-import { forwardRef as M } from "react";
+import { ComboboxWithApiTreeView as K } from "@box/combobox-with-api";
+import { useFormikContext as W, getIn as $, Field as j } from "formik";
+import { forwardRef as D } from "react";
 import { useIntl as R } from "react-intl";
-import $ from "../../../../messages.js";
-import { ComboboxWithApiPagination as j } from "../../../combobox-with-api-pagination/combobox-with-api-pagination.js";
-import { g as A } from "../../../../../../chunks/utils2.js";
+import q from "../../../../messages.js";
+import { ComboboxWithApiPagination as z } from "../../../combobox-with-api-pagination/combobox-with-api-pagination.js";
+import { g as x } from "../../../../../../chunks/utils2.js";
 import { jsx as e } from "react/jsx-runtime";
-const E = /* @__PURE__ */ M(({
-  description: l,
-  disableForm: s,
-  isAiSuggestionApplied: d,
-  fieldNamePrefix: r,
-  label: n,
-  portalElement: p,
-  taxonomyOptionsFetcher: c,
-  updateModePrefix: u,
-  className: f
-}, g) => {
-  const h = R(), a = `${u ?? r}.value`, {
-    setFieldValue: F,
-    values: i
-  } = w(), {
+const U = /* @__PURE__ */ D(({
+  description: i,
+  disableForm: l,
+  isAiSuggestionApplied: u,
+  fieldNamePrefix: p,
+  label: r,
+  portalElement: s,
+  taxonomyOptionsFetcher: y,
+  updateModePrefix: F,
+  className: c,
+  isMultilevelTaxonomyFieldEnabled: C
+}, d) => {
+  const b = R(), n = `${F ?? p}.value`, {
+    setFieldValue: h,
+    values: f
+  } = W(), {
     metadata: {
-      templateKey: v,
-      scope: x
+      templateKey: k,
+      scope: M
     }
-  } = i, y = I(i, r), {
-    key: b,
+  } = f, P = $(f, p), {
+    key: T,
     optionsRules: {
-      multiSelect: m,
+      multiSelect: a,
       selectableLevels: t
-    }
-  } = y, k = (o) => c(x, v, b, t == null ? void 0 : t[0], o), C = (o) => m || !(o != null && o.length) ? h.formatMessage($.taxonomyPlaceholder) : void 0;
+    },
+    levels: w
+  } = P, I = C && (t == null ? void 0 : t.some((o) => o > 1)), g = (o) => y(M, k, T, t == null ? void 0 : t[0], o), v = (o) => a || !(o != null && o.length) ? b.formatMessage(q.taxonomyPlaceholder) : void 0;
   return /* @__PURE__ */ e("div", {
-    "data-testid": `${n}-field`,
+    "data-testid": `${r}-field`,
     onKeyDown: (o) => o.stopPropagation(),
     role: "presentation",
-    children: /* @__PURE__ */ e(K, {
-      name: a,
+    children: /* @__PURE__ */ e(j, {
+      name: n,
       children: ({
         field: o
-      }) => /* @__PURE__ */ e(j, {
-        ref: g,
-        className: f,
-        defaultFetcher: k,
-        disabled: s,
-        label: A(n, l, d),
-        multiselect: m,
-        onValueChange: (P) => F(a, P),
-        placeholder: C(o.value),
-        portalElement: p,
+      }) => I ? /* @__PURE__ */ e(K, {
+        ref: d,
+        className: c,
+        defaultFetcher: g,
+        disabled: l,
+        label: x(r, i, u),
+        levels: w,
+        multiselect: a,
+        onValueChange: (m) => h(n, m),
+        placeholder: v(o.value),
+        portalElement: s,
+        selectableLevels: t,
+        value: o.value
+      }) : /* @__PURE__ */ e(z, {
+        ref: d,
+        className: c,
+        defaultFetcher: g,
+        disabled: l,
+        label: x(r, i, u),
+        multiselect: a,
+        onValueChange: (m) => h(n, m),
+        placeholder: v(o.value),
+        portalElement: s,
         value: o.value
       })
     })
   });
 });
 export {
-  E as MetadataTaxonomyField
+  U as MetadataTaxonomyField
 };

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

@@ -1,80 +1,84 @@
-import I from "clsx";
-import { useFormikContext as v } from "formik";
-import C from "lodash/isUndefined";
-import { forwardRef as P, useState as N, useCallback as R, useEffect as T, useMemo as U } from "react";
-import { AiSuggestionField as b } from "./components/ai-suggestion-field/ai-suggestion-field.js";
-import { UpdateModeFieldWrapper as j } from "./components/update-mode-field-wrapper/update-mode-field-wrapper.js";
-import { editorFieldTypes as $ } from "./editor-field-types.js";
+import C from "clsx";
+import { useFormikContext as E } from "formik";
+import P from "lodash/isUndefined";
+import { forwardRef as R, useState as V, useCallback as U, useEffect as j, useMemo as T } from "react";
+import { AiSuggestionField as $ } from "./components/ai-suggestion-field/ai-suggestion-field.js";
+import { UpdateModeFieldWrapper as b } from "./components/update-mode-field-wrapper/update-mode-field-wrapper.js";
+import { editorFieldTypes as B } from "./editor-field-types.js";
 import { s as n } from "../../../../chunks/utils2.js";
-import { jsx as a, jsxs as B } from "react/jsx-runtime";
-const X = /* @__PURE__ */ P(({
+import { jsx as a, jsxs as q } from "react/jsx-runtime";
+const Y = /* @__PURE__ */ R(({
   disableForm: g,
   portalElement: c,
   field: e,
-  index: V,
-  taxonomyOptionsFetcher: m
-}, f) => {
-  var M;
+  index: W,
+  taxonomyOptionsFetcher: m,
+  isMultilevelTaxonomyFieldEnabled: f
+}, S) => {
+  var N;
   const {
-    setFieldValue: S
-  } = v(), [A, p] = N(!0), [r, y] = N(!1), l = $[e.type], {
+    setFieldValue: A
+  } = E(), [y, p] = V(!0), [r, h] = V(!1), l = B[e.type], {
     aiSuggestion: t,
-    type: h,
+    type: x,
     value: d
-  } = e, W = l && !e.hidden, k = !C(e.updateMode), s = `metadata.fields[${V}]`, w = e.type === "taxonomy" && ((M = e.optionsRules) == null ? void 0 : M.multiSelect), i = t && A, E = I({
+  } = e, k = l && !e.hidden, v = !P(e.updateMode), s = `metadata.fields[${W}]`, w = e.type === "taxonomy" && ((N = e.optionsRules) == null ? void 0 : N.multiSelect), i = t && y, I = C({
     [n.suggestionApplied]: r,
     [n.hasSuggestion]: i,
-    [n.dateField]: h === "date"
-  }), o = R((u) => {
-    S(`${s}.value`, u), p(!1), y(!0);
-  }, [s, S]);
-  T(() => {
+    [n.dateField]: x === "date"
+  }), o = U((u) => {
+    A(`${s}.value`, u), p(!1), h(!0);
+  }, [s, A]);
+  j(() => {
     !i || d || o(t);
   }, [i, t, o]);
-  const x = U(() => t && d === t, [A]), F = () => {
-    r && y(!1), x && p(!1);
+  const F = T(() => t && d === t, [y]), M = () => {
+    r && h(!1), F && p(!1);
   };
-  return W ? k ? /* @__PURE__ */ a(j, {
+  return k ? v ? /* @__PURE__ */ a(b, {
     fieldNamePrefix: s,
     fieldType: e.type,
     isTaxonomyMultiSelect: w,
     children: /* @__PURE__ */ a(l, {
-      ref: f,
+      ref: S,
       description: e.description,
       disableForm: g,
       fieldNamePrefix: s,
       isAiSuggestionApplied: !1,
+      isMultilevelTaxonomyFieldEnabled: f,
       label: e.displayName,
-      onValueEdited: F,
+      levels: e.levels,
+      onValueEdited: M,
       portalElement: c,
       taxonomyOptionsFetcher: m
     })
-  }, e.key) : /* @__PURE__ */ B("div", {
+  }, e.key) : /* @__PURE__ */ q("div", {
     className: n.fieldWrapper,
     children: [/* @__PURE__ */ a(l, {
-      ref: f,
-      className: E,
+      ref: S,
+      className: I,
       description: e.description,
       disableForm: g,
       fieldNamePrefix: s,
       isAiSuggestionApplied: r,
+      isMultilevelTaxonomyFieldEnabled: f,
       label: e.displayName,
-      onValueEdited: F,
+      onValueEdited: M,
       portalElement: c,
       taxonomyOptionsFetcher: m
-    }), i && /* @__PURE__ */ a(b, {
+    }), i && /* @__PURE__ */ a($, {
       aiSuggestion: t,
-      isSameValue: x,
+      isSameValue: F,
       onAiSuggestionAppend: () => {
         const u = [...new Set([d, t].flat().filter(Boolean))];
         o(u);
       },
       onAiSuggestionIgnore: () => p(!1),
       onAiSuggestionReplace: () => o(t),
-      type: h
+      type: x
     })]
   }, e.key) : null;
 });
 export {
-  X as MetadataEditorFieldWrapper
+  Y as MetadataEditorFieldWrapper
 };

package/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js

@@ -1,121 +1,123 @@
-import _ from "clsx";
-import { Formik as $, Form as J } from "formik";
-import { useState as F, useEffect as M, useRef as q, useMemo as z } from "react";
-import { TEMPLATE_CUSTOM_PROPERTIES as G } from "../../../../constants.js";
-import { useAutofill as H } from "../../../../utils/autofill-context.js";
-import { TemplateInstance as Q } from "../../../metadata-editor-fields/metadata-editor-fields.js";
-import { MetadataEmptyState as X } from "../../../metadata-empty-state/metadata-empty-state.js";
-import { UnsavedChangesModal as Y } from "../../../unsaved-changes-modal/unsaved-changes-modal.js";
-import { AutofillOverlay as Z } from "../autofill-overlay/autofill-overlay.js";
-import { CustomInstance as I } from "../custom-instance/custom-instance.js";
-import { DeleteConfirmationModal as T } from "../delete-confirmation-modal/delete-confirmation-modal.js";
-import { c as oo } from "../../../../../../chunks/utils.js";
-import { s as e, M as ro } from "../../../../../../chunks/metadata-instance-form-card-wrapper.js";
+import $ from "clsx";
+import { Formik as J, Form as q } from "formik";
+import { useState as M, useEffect as E, useRef as z, useMemo as G } from "react";
+import { TEMPLATE_CUSTOM_PROPERTIES as H } from "../../../../constants.js";
+import { useAutofill as Q } from "../../../../utils/autofill-context.js";
+import { TemplateInstance as X } from "../../../metadata-editor-fields/metadata-editor-fields.js";
+import { MetadataEmptyState as Y } from "../../../metadata-empty-state/metadata-empty-state.js";
+import { UnsavedChangesModal as Z } from "../../../unsaved-changes-modal/unsaved-changes-modal.js";
+import { AutofillOverlay as I } from "../autofill-overlay/autofill-overlay.js";
+import { CustomInstance as T } from "../custom-instance/custom-instance.js";
+import { DeleteConfirmationModal as oo } from "../delete-confirmation-modal/delete-confirmation-modal.js";
+import { c as ro } from "../../../../../../chunks/utils.js";
+import { s as m, M as to } from "../../../../../../chunks/metadata-instance-form-card-wrapper.js";
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
-const Fo = (E) => {
+const Mo = (y) => {
   const {
     areAiSuggestionsAvailable: S,
-    customRef: i,
-    isLargeFile: y,
-    errorCode: m,
+    customRef: a,
+    isLargeFile: D,
+    errorCode: n,
     isAiSuggestionsFeatureEnabled: s,
-    isBetaLanguageEnabled: D,
-    isDeleteButtonDisabled: O,
-    isUnsavedChangesModalOpen: b = !1,
-    MetadataInstanceFormCustomWrapper: v,
+    isBetaLanguageEnabled: O,
+    isDeleteButtonDisabled: b,
+    isMultilevelTaxonomyFieldEnabled: l,
+    isUnsavedChangesModalOpen: v = !1,
+    MetadataInstanceFormCustomWrapper: A,
     selectedTemplateInstance: o,
-    onCancel: A,
-    onDelete: x,
-    onDiscardUnsavedChanges: L,
-    onSubmit: N,
+    onCancel: x,
+    onDelete: L,
+    onDiscardUnsavedChanges: N,
+    onSubmit: P,
     setIsUnsavedChangesModalOpen: f,
-    taxonomyOptionsFetcher: l
-  } = E, P = v ?? ro, [R, u] = F(!1), {
-    isFetchingSuggestions: a,
+    taxonomyOptionsFetcher: u
+  } = y, R = A ?? to, [U, d] = M(!1), {
+    isFetchingSuggestions: i,
     isLongLoading: g,
-    getAiSuggestions: U,
-    clearState: d,
-    suggestions: B
-  } = H();
-  M(() => () => {
-    d();
-  }, [d, o == null ? void 0 : o.id]);
-  const p = (o == null ? void 0 : o.templateKey) === G, w = async (r) => {
-    await N(r, oo(r, o));
-  }, K = (r) => {
-    r ? f(!0) : A();
-  }, W = () => {
-    u(!0);
-  }, j = {
+    getAiSuggestions: B,
+    clearState: p,
+    suggestions: w
+  } = Q();
+  E(() => () => {
+    p();
+  }, [p, o == null ? void 0 : o.id]);
+  const h = (o == null ? void 0 : o.templateKey) === H, K = async (r) => {
+    await P(r, ro(r, o));
+  }, W = (r) => {
+    r ? f(!0) : x();
+  }, j = () => {
+    d(!0);
+  }, k = {
     metadata: {
       ...o
     }
-  }, h = q(null), [C, k] = F(null);
-  M(() => {
-    k(i ?? h.current);
-  }, [i, o == null ? void 0 : o.templateKey, o == null ? void 0 : o.scope]);
-  const V = z(() => {
+  }, C = z(null), [F, V] = M(null);
+  E(() => {
+    V(a ?? C.current);
+  }, [a, o == null ? void 0 : o.templateKey, o == null ? void 0 : o.scope]);
+  const _ = G(() => {
     const r = (o == null ? void 0 : o.fields.length) === 0;
-    if (p)
-      return /* @__PURE__ */ t(I, {
-        isLoading: a
+    if (h)
+      return /* @__PURE__ */ t(T, {
+        isLoading: i
       });
     if (r)
-      return /* @__PURE__ */ t(X, {
+      return /* @__PURE__ */ t(Y, {
         isBoxAiSuggestionsFeatureEnabled: s,
         level: "instance"
       });
-    const n = !!(a || m);
+    const e = !!(i || n);
     return /* @__PURE__ */ c("div", {
-      className: _(e.metadataInstanceFormContent, n && e.showOverlay),
-      children: [/* @__PURE__ */ t(Z, {
-        errorCode: m,
-        isFetchingSuggestions: a,
+      className: $(m.metadataInstanceFormContent, e && m.showOverlay),
+      children: [/* @__PURE__ */ t(I, {
+        errorCode: n,
+        isFetchingSuggestions: i,
         isLongLoading: g
-      }), /* @__PURE__ */ t(Q, {
-        disableForm: a,
-        portalElement: i ?? C,
-        taxonomyOptionsFetcher: l
+      }), /* @__PURE__ */ t(X, {
+        disableForm: i,
+        isMultilevelTaxonomyFieldEnabled: l,
+        portalElement: a ?? F,
+        taxonomyOptionsFetcher: u
       })]
     });
-  }, [o == null ? void 0 : o.fields.length, p, a, g, i, C, l, s]);
-  return /* @__PURE__ */ t($, {
-    initialValues: j,
-    onSubmit: w,
+  }, [o == null ? void 0 : o.fields.length, h, i, g, a, F, u, s, l, n]);
+  return /* @__PURE__ */ t(J, {
+    initialValues: k,
+    onSubmit: K,
     children: ({
       values: r,
-      dirty: n
-    }) => /* @__PURE__ */ c(J, {
-      children: [/* @__PURE__ */ t(P, {
+      dirty: e
+    }) => /* @__PURE__ */ c(q, {
+      children: [/* @__PURE__ */ t(R, {
         areAiSuggestionsAvailable: S,
-        className: e.metadataInstanceForm,
-        formRef: h,
+        className: m.metadataInstanceForm,
+        formRef: C,
         formValues: r,
-        getAiSuggestions: U,
-        handleCancel: K,
-        handleDelete: W,
+        getAiSuggestions: B,
+        handleCancel: W,
+        handleDelete: j,
         isAiSuggestionsFeatureEnabled: s,
-        isBetaLanguageEnabled: D,
-        isDeleteButtonDisabled: O,
-        isFetchingSuggestions: a,
-        isFormDirty: n,
-        isLargeFile: y,
+        isBetaLanguageEnabled: O,
+        isDeleteButtonDisabled: b,
+        isFetchingSuggestions: i,
+        isFormDirty: e,
+        isLargeFile: D,
         selectedTemplateInstance: o,
-        suggestions: B,
-        children: o && V
-      }), /* @__PURE__ */ t(Y, {
+        suggestions: w,
+        children: o && _
+      }), /* @__PURE__ */ t(Z, {
         onBackToEdit: () => f(!1),
-        onDiscardChanges: L,
-        open: b
-      }), /* @__PURE__ */ t(T, {
-        onConfirm: () => x(o),
-        onDismiss: () => u(!1),
-        open: R,
+        onDiscardChanges: N,
+        open: v
+      }), /* @__PURE__ */ t(oo, {
+        onConfirm: () => L(o),
+        onDismiss: () => d(!1),
+        open: U,
         templateName: o == null ? void 0 : o.displayName
       })]
     })
   }, `${o == null ? void 0 : o.scope}.${o == null ? void 0 : o.templateKey}`);
 };
 export {
-  Fo as MetadataInstanceForm
+  Mo as MetadataInstanceForm
 };

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.93.2",
+  "version": "0.94.0",
   "peerDependencies": {
     "@ariakit/react": "0.4.15",
     "@box/blueprint-web": "^7.30.3",
     "@box/blueprint-web-assets": "^4.21.0",
+    "@box/combobox-with-api": "^0.26.0",
     "formik": "^2.0.3",
     "lodash": "^4.17.15",
     "react": "^17.0.0 || ^18.0.0",
@@ -14,8 +15,8 @@
   "devDependencies": {
     "@ariakit/react": "0.4.15",
     "@box/babel-plugin-target-attributes": "1.3.0",
-    "@box/blueprint-web": "^9.18.6",
-    "@box/blueprint-web-assets": "^4.34.0",
+    "@box/blueprint-web": "^9.18.7",
+    "@box/blueprint-web-assets": "^4.35.0",
     "@box/storybook-utils": "^0.8.3",
     "@testing-library/react": "^15.0.6",
     "react": "^18.3.0",
@@ -53,5 +54,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "d7b0622598d060b689dc20c6767f6f43ea081211"
+  "gitHead": "5eb52096a2a42a1994eae25786776f8853ca1cb5"
 }

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

@@ -1,6 +1,7 @@
-import { BaseOptionType, FetcherResponse, PaginationQueryInput } from '../../../combobox-with-api-pagination/types';
+import { TreeOptionType, TreeQueryInput } from '@box/combobox-with-api';
+import { FetcherResponse, PaginationQueryInput } from '../../../combobox-with-api-pagination/types';
 import { MetadataFieldProps } from '../../types';
 export type MetadataTaxonomyFieldProps = Omit<MetadataFieldProps, 'portalElement'> & {
     portalElement?: HTMLElement | (() => HTMLElement);
 };
-export type TaxonomyOptionsFetcher = (scope: string, templateKey: string, fieldKey: string, level: number, options: PaginationQueryInput) => Promise<FetcherResponse<BaseOptionType>>;
+export type TaxonomyOptionsFetcher = (scope: string, templateKey: string, fieldKey: string, level: number, options: PaginationQueryInput | TreeQueryInput) => Promise<FetcherResponse<TreeOptionType>>;

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

@@ -1,9 +1,11 @@
+import { Level } from '@box/combobox-with-api';
 import { MetadataTemplateField, MetadataTemplateFieldOption } from '../../types';
 import { TaxonomyOptionsFetcher } from './components/metadata-taxonomy-field/types';
 export type TemplateInstanceProps = {
     disableForm: boolean;
     portalElement?: HTMLElement;
     taxonomyOptionsFetcher: TaxonomyOptionsFetcher;
+    isMultilevelTaxonomyFieldEnabled: boolean;
 };
 export type MetadataFieldProps = {
     description?: string | null;
@@ -16,7 +18,9 @@ export type MetadataFieldProps = {
     options?: Array<MetadataTemplateFieldOption>;
     taxonomyOptionsFetcher: TaxonomyOptionsFetcher;
     className?: string;
+    levels?: Level[];
     onValueEdited: () => void;
+    isMultilevelTaxonomyFieldEnabled: boolean;
 };
 export type MetadataEditorFieldWrapperProps = TemplateInstanceProps & {
     field: MetadataTemplateField;

package/types/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/types.d.ts

@@ -10,6 +10,8 @@ export type MetadataInstanceFormProps = {
     isBetaLanguageEnabled: boolean;
     isDeleteButtonDisabled: boolean;
     isLargeFile: boolean;
+    /** When true enables the multilevel taxonomy filed component with tree selection */
+    isMultilevelTaxonomyFieldEnabled: boolean;
     isUnsavedChangesModalOpen: boolean;
     selectedTemplateInstance: MetadataTemplateInstance | null;
     onCancel: () => void;

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

@@ -1,4 +1,9 @@
 import { AutofillSuggestions, MetadataTemplate, MetadataTemplateField, MetadataTemplateInstance, MetadataTemplateOption } from '../types';
+declare const taxonomyLevels: {
+    displayName: string;
+    description: string;
+    level: number;
+}[];
 declare const stringField: MetadataTemplateField;
 declare const dateField: MetadataTemplateField;
 declare const enumField: MetadataTemplateField;
@@ -6,6 +11,8 @@ declare const floatField: MetadataTemplateField;
 declare const multiSelectField: MetadataTemplateField;
 declare const taxonomySingleSelectSingleLevelField: MetadataTemplateField;
 declare const taxonomyMultiSelectSingleLevelField: MetadataTemplateField;
+declare const taxonomySingleSelectMultiLevelField: MetadataTemplateField;
+declare const taxonomyMultiSelectMultiLevelField: MetadataTemplateField;
 declare const taxonomySingleSelectSingleLevelFieldWithValue: MetadataTemplateField;
 declare const taxonomyMultiSelectSingleLevelFieldWithValue: MetadataTemplateField;
 declare const hiddenField: MetadataTemplateField;
@@ -43,4 +50,4 @@ declare const firstTemplateInstanceFieldsWithSuggestions: MetadataTemplateField[
 declare const secondTemplateInstance: MetadataTemplate;
 declare const secondTemplateSuggestions: AutofillSuggestions;
 declare const secondTemplateInstanceFieldsWithSuggestions: MetadataTemplateField[];
-export { allFieldsSuggestions, allFieldsTemplate, allFieldsTemplateInstance, allFieldsWithAiSuggestions, customTemplate, customTemplateInstance, customTemplateInstanceWithAllFieldsEmpty, customTemplateInstanceWithoutEditPermissions, customTemplateInstanceWithoutEmptyValues, dateField, dateSuggestionTemplateInstance, emptyCustomTemplateInstance, emptyTemplateInstance, enumField, fields, firstTemplateInstance, firstTemplateInstanceFieldsWithSuggestions, firstTemplateSuggestions, floatField, floatInstanceField, hiddenField, hiddenTemplate, hiddenTemplateInstance, multiSelectField, noFieldsTemplate, nonHiddenFieldsTemplate, nonHiddenFieldsWithValuesTemplate, noValueField, onlyRequiredPropsTemplateInstance, secondTemplateInstance, secondTemplateInstanceFieldsWithSuggestions, secondTemplateSuggestions, stringField, taxonomyMultiSelectSingleLevelField, taxonomyMultiSelectSingleLevelFieldWithValue, taxonomySingleSelectSingleLevelField, taxonomySingleSelectSingleLevelFieldWithValue, templateInstancesList, templateInstanceWithAllFieldsEmpty, templateInstanceWithoutEditPermissions, templateInstanceWithoutEmptyValues, templateInstanceWithSomeFieldsEmpty, templateOptions, templates, };
+export { allFieldsSuggestions, allFieldsTemplate, allFieldsTemplateInstance, allFieldsWithAiSuggestions, customTemplate, customTemplateInstance, customTemplateInstanceWithAllFieldsEmpty, customTemplateInstanceWithoutEditPermissions, customTemplateInstanceWithoutEmptyValues, dateField, dateSuggestionTemplateInstance, emptyCustomTemplateInstance, emptyTemplateInstance, enumField, fields, firstTemplateInstance, firstTemplateInstanceFieldsWithSuggestions, firstTemplateSuggestions, floatField, floatInstanceField, hiddenField, hiddenTemplate, hiddenTemplateInstance, multiSelectField, noFieldsTemplate, nonHiddenFieldsTemplate, nonHiddenFieldsWithValuesTemplate, noValueField, onlyRequiredPropsTemplateInstance, secondTemplateInstance, secondTemplateInstanceFieldsWithSuggestions, secondTemplateSuggestions, stringField, taxonomyLevels, taxonomyMultiSelectMultiLevelField, taxonomyMultiSelectSingleLevelField, taxonomyMultiSelectSingleLevelFieldWithValue, taxonomySingleSelectMultiLevelField, taxonomySingleSelectSingleLevelField, taxonomySingleSelectSingleLevelFieldWithValue, templateInstancesList, templateInstanceWithAllFieldsEmpty, templateInstanceWithoutEditPermissions, templateInstanceWithoutEmptyValues, templateInstanceWithSomeFieldsEmpty, templateOptions, templates, };

package/types/lib/types.d.ts

@@ -1,3 +1,4 @@
+import { Level } from '@box/combobox-with-api';
 import { BaseOptionType } from './components/combobox-with-api-pagination/types';
 export type { FormValues } from './components/metadata-instance-editor/types';
 export type MetadataEmptyStateProps = {
@@ -41,6 +42,7 @@ export type MetadataTemplateField = {
     namespace?: string;
     taxonomyKey?: string;
     taxonomyId?: string;
+    levels?: Level[];
     type: MetadataTemplateFieldType;
     updateMode?: MetadataUpdateMode;
     value?: MetadataFormFieldValue;